@charset "utf-8";
/* CSS Document */

 /*inner banner*/
.entry-header-wrapper .page-title span, .entry-header-wrapper .entry-title span {
	position: relative;
	z-index: 2;
 }
.page-title span{
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: #ffffff;
}
 .entry-header-wrapper .page-title span::before, .entry-header-wrapper .entry-title span::before {
	content: '';
	display: block;
	height: 32px;
	width: 30px;
	position: absolute;
	top: -14px;
	left: -20px;
	border: solid 2px #e4ca1a;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-width: 2px 0 0 2px;
}
.entry-header-wrapper .page-title span::after, .entry-header-wrapper .entry-title span::after {
	content: '';
	display: block;
	height: 32px;
	width: 30px;
	position: absolute;
	right: -20px;
	bottom: -14px;
	border: solid 2px #e4ca1a;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-width: 0 2px 2px 0;
}
.entry-header-wrapper {
    position: relative;
    padding:150px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #333333;
    color: #ffffff;
}
/*breadcrumb*/
.crumb {
    font-size: 11px;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
	background:#2088aa;
	padding:20px 0
}
.crumb li {
    display: inline;
    text-decoration: none;
    padding: 0 2px 0 2px;
}
.crumb li a{
     color: #fff;
}
.crumb b{
     color: #fff;
}
.crumb li.active{
     color: #f8de2d;
	 font-weight:bold
}

/*inner content*/
#inner{padding:50px 0 30px;}
.sub_header::before {
    width: 60px;
    content: "";
    height: 2px;
    background: #dbc114;
    position: absolute;
    z-index: 55;
    bottom: -1px;
}
.sub_header {
     text-align: left;
    border-bottom: 1px solid #dadade;
    position: relative;
	margin-bottom:25px;
	padding-bottom:10px;
}
.sub_header h1 {
    padding: 0 !important;
    width: 100%;
    margin: 0;
    text-align: left;
    position: relative;
	color:#19557a;
}
.sub_header .title {
 	color:#1a1a1a;
	font-size:23px;
	font-weight:500
}
#inner .center p{
    font-size: 15px;
    color: #282828;
    font-weight: 400;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom:15px;
	text-align:center
}
#inner .center h1 {
    text-align: center;
    font-size: 35px;
    color: #1a1a1a;
    line-height: 39px;
    padding: 0;
    margin: 0 auto 25px auto;
}
#inner p {
    font-size: 14px;
    color: #282828;
    font-weight: 400;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom:15px;
	text-align:justify
}
#inner h5{
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 600;
    line-height: 24px;
     margin-bottom:10px;
	text-align:justify
}
#inner .list li{
    font-size: 14px;
    color: #282828;
    font-weight: 400;
    line-height: 24px;
     margin-bottom:15px;
	 background:url(../images/arrowlist.png) no-repeat 0px 5px;
	 display:block; padding-left:30px;text-align:justify
 } 
.m-b-50 { margin-bottom:50px;}
.m-t-50 { margin-top:50px;}

.help{
     background: rgba(0, 0, 0, 0) linear-gradient(90deg, #286791, #04f5fe) repeat scroll 0 0;
    padding:50px 0;
	margin:30px 0 50px;
 }

.help h2{
	font-size:30px; text-align:center; margin-bottom:25px; color:#fff;
  }
.help a{ margin:0 auto; }

.help p{
	font-size:20px  !important; text-align:center !important; margin-top:25px !important;   margin-bottom:5px !important;color:#fff  !important; display:block
   }
.help strong{
	 color:#fff  !important; 
   }

.contact-section {
    background: #F8F8F8;
    padding: 45px 40px 25px;
    display: block;
    overflow: hidden;
}
.contactform .form-control {
    height: 44px;
    box-shadow: none;
    margin-bottom: 25px;
    border: #ddd solid 1px;
}
.contact-section label {
    margin: 0;
    font-size: 15px !important;
    color: #404040 !important;
    line-height: 26px !important;
    font-weight: normal !important;
    margin-bottom: 6px !important;
}
.contact-section input[type="radio"]{ margin:10px;} 
.contact-section.btn-bs-file{
    position:relative;
}
.contact-section .btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
	color:#fff;
    outline: none;
    cursor: inherit;
}
.btn-contact {
    background: #f8de2d;
    border-radius:5px;
    display: table;
    margin: 0;
    padding:15px 35px;
    font-size: 16px;
    color: #1a1a1a;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
}
.btn-contact:hover{
    background: #000;
	color:#fff;
 }
 
 .sidebar .widget {
    padding: 2.5rem 2.85rem;
box-shadow: 0 0 32px rgba(0,0,0,0.07); margin-top:25px;
 }
.sidebar .widget h3 {
	padding: 1.28rem 2.85rem;
	margin: -2.5rem -2.85rem 2.5rem;
	font-size: 1.563em;
	font-weight:bold;
	line-height: 1.4;
 	color: #ffffff;
	background: #2088aa;
}
.sidebar .widget li{
      margin-bottom:10px !important;
	 background:url(../images/arrowlist.png) no-repeat 0px 5px;
	 display:block; border-bottom: #ecedef solid 1px; padding-bottom:10px;
	 padding-left:25px;
 } 
.sidebar .widget li a{
    font-size: 14px;
    color:#979aaa !important;
    font-weight:500;
    line-height: 24px; 
  	 display:block; text-align: left !important
 }  
 .sidebar .widget li a:hover{
     color: #2088aa !important;
  } 
.cyan{ background:#2088aa; padding:25px; margin-bottom:25px;}
.cyan li{
      margin-bottom:10px !important;
	 background:url(../images/arrowlist1.png) no-repeat 0px 5px;
	 display:block;  padding-bottom:10px;
	 padding-left:25px; color:#fff !important;font-size: 14px;
 } 
.cyan li a{
    font-size: 14px;
    color:#fff !important;
    font-weight:500;
    line-height: 24px; 
  	 display:block; text-align: left !important
 }  
.cyan li a:hover{
     color: #f8de2d !important;
  } 
.cyan strong {
     color: #fff;
 }
.cyan p {
    font-size: 16px;
    color: #fff !important;
    font-weight: 400;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom:15px;
	text-align:justify
}
.cyan h2{
    font-size:24px;
    color: #f8de2d;
    font-weight:500;
    line-height: 26px;
     margin-bottom:25px;
 }
.mycontent-left {
  border-left: 1px solid #32a0c4;
}
.mycontent-right {
  border-right: 1px solid #32a0c4;
}
 
 .inner-sidebar {
     max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.inner-sidebar .widget1 {
    position: relative;
    border: 1px solid #ddd;
    padding: 36px 15px 25px 15px;
	margin-bottom:35px;
}
 
.inner-sidebar  .widget1 h4 {
    text-align: center;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 5px 35px;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.widget1 h4 {
     font-weight: 600;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing:1px;
	color:#222
}
  .widget1 p {
    font-weight: 600;
    font-size: 14px  !important;
 	text-align:center !important;
	margin-bottom:0px  !important;
}

 .mid-link{
    background:rgba(0, 0, 0, 0) linear-gradient(90deg, #d35400, #fecc53) repeat scroll 0 0;
    padding:40px 0 30px;
	margin:30px 0 40px;
 }
 .mid-link h2 {
	font-size:19px; text-align:left; margin-bottom:10px  !important; color:#fff; margin-top:11px !important;
  }
 
.mid-link a{
	font-size:14px  !important; text-align:center !important; margin-top:5px !important;   margin-bottom:5px !important;color:#000  !important; display:block; background:#fff; border-radius:50px; width:130px; padding:5px 12px; 
   }
 .mid-link a:hover{ color:#fff  !important; background:#000;     }
 .mid-link i{
     font-size: 28px;
    text-align: left;
    margin-bottom: 10px !important;
    color: #fff;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    padding: 21px 27px;
    border: #fff 3px solid;
   }
.mid-link i:hover{
	  border:#fff 3px solid; background:#fff; color:#f39c12;  
  }

.learn-tab{ 
    display: flex !important;
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important;
} 
.learn-tab > li{border-radius:0px !important; text-align:center;  position: relative; margin-right:10px !important; width:100%;     display: block; }
.learn-tab > li > a {border-radius:5px !important; color: #fff !important; padding: 13px 10px !important;  border: 1px solid #0bd7e7 !important;}
.learn-tab > li.active:after {
	content: '';
	position: absolute;
	left: auto  !important;
	right: auto  !important;
	top:162px  !important;
	width: 0;
	height: 0;
	border-left:15px solid transparent !important;
	border-right:15px solid transparent !important;
	border-top:15px solid #16adc7	 !important;
	clear: both; 
}
.learn-tab > li.active:before {
	content: '';
	position: absolute;
	left: auto  !important;
	right: auto  !important;
	top:163px  !important;
	width: 0;
	height: 0;
	border-left:15px solid transparent !important;
	border-right:15px solid transparent !important;
	border-top:15px solid #16adc7 !important;
	clear: both; 
}


.learn-tab>li.active>a, .learn-tab>li.active>a:focus, .learn-tab>li.active>a:hover {
    color: #fff !important;
    cursor: default;
     border: 1px solid #16adc7 !important; background:#16adc7;
    border-bottom-color: transparent; border-radius:5px !important; 
}
.learn-tab li a{  
 background:#0ecee0;  
   background: -webkit-linear-gradient(left, #0dd2e3 , #237a9f); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #0dd2e3, #237a9f); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #0dd2e3, #237a9f); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #0dd2e3 , #237a9f); /* Standard syntax */
}
  
.learn-tab > li a:hover {
	background:#16adc7 ;
	color: #fff !important;
 }
.learn-tab h3{
    display: block;
    font-size:14px  ;
     margin: 0 auto 10px auto;
}
.learn-tab h3 strong{
color: #fff !important; margin-top:5px; display:block
 }
 .learn-tab h3:hover{
    color: #fff !important;
}
.nav-tabs h3{
    display: block;
    font-size:16px   !important;
	font-weight:500;
     margin:15px auto 5px auto;
}
 .learn-content h2{
     display: block;
    font-size: 18px;
    color: #15b1ca;
    margin-bottom: 15px;
 } 
.learn-tab span {
	display: block;
	font-size: 13px;
	color: #f8de2d;
 	padding:0px 12px;
 	margin: 0 auto;
	letter-spacing: 1px;
}
.learn-tab h3:hover {
 	color: #fff !important;
  }
 .learn-content{	
	 padding:30px 0px;
	background-color:trasparent;
  	}
 
.grey {
      background: #eee; margin:25px auto; padding-bottom:15px; display:block
 } 
 
#items { display:block;background:#2088aa; position:relative; padding:50px; }
 
#items .icon i{
   font-size:75px;
  color:#fff;
  text-align:center;
  display:block;
  margin:0 auto;
   }
#items:before {
	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	background: rgba(248,222,45,1);
	border-radius:0px;
	 transition: .5s ease;
}  
 
#items:hover:before {
	height: 100%;
}
#items .title {
   color: white;
  font-size:18px;
  position: absolute;
  overflow: hidden;
  bottom: 5%;
  text-align:center;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 }
 
 .dots{ border-bottom:dashed #ddd 1px; display:block; width:100%; height:1px; margin:25px 0; overflow:hidden}
 
#inner h4 {
    display: block;
    font-size: 22px;
    color: #15b1ca;
    margin-bottom: 15px;
} 
  .portfolio{ margin:25px auto}

 .link-cet a{
    color: #fff;
    background: rgba(255, 255, 255,.2);
    width: 100%;
    display: block;
    padding: 5px 15px;
    border-radius: 15px;
}
 .link-cet a:hover{
    color: #fff;
    background: rgba(248, 222, 45,.6);
    width: 100%;
    display: block;
    padding: 5px 15px;
    border-radius: 15px;
}


 .link-cet-tr a{
    color: #fff;
    background:#2998bc;
    width: 100%;
    display: block;
    padding: 5px 15px;
    border-radius: 15px;
}
 .link-cet-tr a:hover{
    color: #333;
    background: rgba(248, 222, 45,.8);
    width: 100%;
    display: block;
    padding: 5px 15px;
    border-radius: 15px;
}
.map{ width:100%; display:block}
.contact_us .fa-envelope-o::before, .contact_us .fa-comment-o::before, .contact_us .fa-location-arrow::before {
    font-size:45px; color:#15b1ca
}
.contact_us p{
    font-size:15px ; margin-top:0px !important;margin-bottom:5px !important; color:#333 !important}
.contact_us h3{
    font-size:16px; line-height:25px;
	padding:0;
	margin:0;
	color:#000;
	margin-bottom:25px;
}
.contact_us h3 a{
 	color:#000
}
.contact_us h3 a:hover{
 	color:#15b1ca
}

/*Training*/
 #servicepage h1{ text-align:center; font-size:35px; color:#1a1a1a; line-height:45px; padding:0;  margin:0 auto 25px auto; text-transform:uppercase}
#servicepage .center p{ text-align:center ; font-size:15px; color:#282828 !important; font-weight: 500; line-height:24px; margin-top:10px; margin-bottom:30px;}
#servicepage .effect h3{ font-size:18px ; line-height:25px; margin-bottom:10px; font-weight:500; text-align:center; color:#282828}
#servicepage .effect p{ text-align:center ; font-size:14px; color:#999999 !important; font-weight: 500; line-height:24px; margin-top:10px; }
#servicepage .effect hr{ border-top:#d9d9d9 solid 1px; }
#servicepage .effect i{ font-size:12px;}
#servicepage .effect{ background:#f1f1f1;padding:15px 25px; width:100%; margin-bottom:25px}
#servicepage .effect:hover{ cursor:pointer; background:#f8de2d;}
#servicepage .effect:hover hr{  border-top:#fff solid 1px; }
#servicepage .effect:hover h3, #servicepage .effect:hover p{ color:#fff !important;}
#servicepage .effect:hover i{  color:#fff; }
#servicepage .fa-long-arrow-right::before{padding-top:5px;}
#servicepage .effect a{ color:#3a526a;}
#servicepage .read-more{ background:#114569; border-radius:25px; display:table; margin:25px auto; padding:5px 15px; text-transform:uppercase; font-size:11px; color:#fff; text-align:center; font-weight:500; letter-spacing:1px; }
#servicepage .read-more i{ font-size:16px;color:#fff; }
#servicepage .read-more:hover{ background:#2d85bb; color:#fff;}
#servicepage .read-more:hover i{ color:#fff; }


.faq .panel-default > .panel-heading {
    color: #333;
    background: #fff !important;
    border-color: #eee !important;
}
.faq .panel-default {
    border-color: #eee !important;
}
.faq h4{ margin-bottom:0 !important; color:#2d2d2d !important; font-size:15px !important; font-weight:600 !important; }
.faq .panel-default > .faq .panel-heading + .faq .panel-collapse > .faq .panel-body {
    border-top-color:  #fff  !important; background: #fff !important;
}
.faq .panel-default p {
    font-size: 14px;
    color: #282828;
    font-weight: 400;
    line-height: 24px;
    margin-top:0px  !important;
    margin-bottom:0px  !important;
    text-align: justify;
}
.faq .panel-body {
    padding: 15px 25px 15px 65px;
}
.panel-heading {
    padding: 7px 10px !important;}

.faq .glyphicon{ background:#2088aa; width:40px; height:40px; text-align:center; border-radius:50px; line-height:40px; font-size:24px; font-weight:bold; color:#fff; margin-right:10px;}

.sitemap h6 a{
    font-size: 16px  !important;
    color: #1a1a1a !important;
    font-weight: 600;
    line-height: 24px;
  	background:url(../images/sitemap.png) no-repeat 0 4px  !important;
	padding-left:25px;
	margin-bottom:8px;
	display:block;
} 
.sitemap li a{
    font-size: 14px !important;
    color: #282828 !important;
    font-weight: 400;
    line-height: 24px;
  	background:url(../images/sitemapsub.png) no-repeat 0 8px !important;
	padding-left:25px;
	display:block;
	margin-bottom:8px;
}
.sitemap li a:hover{
     color:#2088aa !important;
 }

 @media only screen and (max-width:1366px) {
  }
@media only screen and (max-width:1280px) {

 }
@media only screen and (max-width:1024px) {

 }

@media only screen and (max-width:980px) {

}
 
 
 
@media only screen and (max-width:767px) {
.entry-header-wrapper .page-title span::before, .entry-header-wrapper .entry-title span::before{ left:0}
.entry-header-wrapper .page-title span, .entry-header-wrapper .entry-title span {
     padding-left: 20px;
}
 .m-t-50 { margin-top:10px;}
 .mb-30 { margin-bottom:30px;}

 .help p {    font-size: 15px !important;}
 #inner {
   padding: 30px 0;
}

#inner .center h1 {
     font-size: 26px;
     margin: 0 auto 10px auto;
}
#inner .center p {
     text-align: justify;
}
 .help {
     margin: 30px 0 30px;
}
.mycontent-left {
    border-left:0 !important;
}
.mycontent-right {
    border-right:0 !important;
}

.learn-content{padding:15px;
background-color:transparent;
border: 1px solid transparent; margin-bottom:35px;
}
.learn-tab > li{ margin-top:5px; }
.learn-tab > li.active:after { display:none

}
.learn-tab > li.active:after {
display:none
}
.learn-tab > li.active:before {
display:none
}

.learn-tab{ 
display:none !important;
-webkit-justify-content: space-around !important;
justify-content: space-around !important;
} 

.learn-content h3{ font-size:18px; text-align:center; margin-top:10px;	}
.learn-content span{ display:block; text-align:center;color: #15b1ca; padding:7px 0}
 .faq h4 {
     font-size: 14px !important;
    font-weight: 500 !important;
}
.faq .glyphicon {
     width: 30px;
    height: 30px;
     line-height: 31px;}
	 
	 .faq .panel-body {
    padding: 15px 25px 15px 23px;
}
}