/* your styles go here */
header{}
a {
   outline: 0!important;
   text-decoration:none!important;
}
.marB80{ margin-bottom:80px}
.marT80{ margin-top:80px}
.marR10{ margin-right:10px;}
.mar20{ margin:20px;}
.marB10{ margin-bottom:10px;}
.padTB10{ padding-top:10px; padding-bottom:10px;}
.marB50{ margin-bottom:50px;}
.marR15{ margin-right:15px;}
.text-scroll-box{
  position: relative;
  width: 30%;
  top: 50%;
  left:0;
  padding:10px;
   background-blend-mode: lighten;
  background-color:rgba(22, 30, 71, .6);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 3;
}
.text-scroll-box P{ border-left:1px solid #fff; text-align:left; font-size:28px !important; font-weight:400; padding:5px 20px; margin:10px 0 10px 60px;}

.white-gradient{
width:100%;
position:absolute;
top:0;
z-index:4;
background:rgba(255,255,255,.6); /* IE6-9 */

}
.onepage-pagination{background:rgba(255,255,255,.4); padding-right:6px; padding-top:10px; right:0; /* IE6-9 */}
.white-gradient .container { max-width:100%; padding-left:50px; padding-right:50px;}
.carousel-control-prev, .carousel-control-next{ width:70px; top:auto; bottom:0px; background:rgba(0,0,0,.4); height:70px }
.about-box{ background:url(../img/img-1.png) no-repeat top left; min-height:343px; position:relative;}
.about-box-right{ background:#df9926;  min-height:343px;}
a.link-box{ padding:20px ; color:#fff;text-decoration:none; width:100%; height:50%; display:block;-webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out; border-bottom:1px solid #f0b657;}
a.link-box:hover{ padding:20px ; background:#000;}
a.link-box p, a.link-box:hover p{ margin:5px 0 0;}
.no-border{ border:none !important;}
.text-link{ font-size:18px; font-weight:600; text-transform:uppercase; }
.text-link img{ margin-bottom:15px}
.about-box-inside{ width:70%; position:absolute; bottom:-50px; right:30px; background:rgba(230,230,230,.8); padding:15px; color:#333333; font-size:14px;}
.section-blue{ background:#0a7dc2; color:#fff;}
.section-blue p{ font-size:14px;}
.section-blue .heading { color:#fff;}
.section-blue h4.heading { font-size:18px; color:#fff;}
.section-white h4.heading { font-size:18px; color:#000;}
.icon .fa{ font-size:35px; line-height:60px}
.icon .fas{ font-size:35px; line-height:60px}
.services .icon { width: 60px; height: 60px; border: solid 1px #fff;border-radius: 30px; margin-bottom:30px}
.services .box { background:rgba(255,255,255,.1); margin-bottom: 20px;  text-align: center; padding:30px 15px; -webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out;}
.services .box:hover{background:rgba(255,255,255,1); color:#0a7dc2}
.services .box:hover .icon { border: solid 1px #0a7dc2;}
.services .box:hover h4.heading  {  color:#0a7dc2}
.services .box:hover p  {display:none;}
.btn-wrap{ padding:21px 0; width:100%; }
.btn-wrap .btn{font-size:18px; font-weight:bold; min-width:150px;}
.services .box .btn-wrap{ display:none}
.services .box:hover .btn-wrap{ display:block}

.training .box { position:relative;}
.training .box .overlay-box { height:20%; width:100%; background:rgba(0, 0, 0, 0); position:absolute; bottom:0; padding:20px; font-weight:bold; color:#fff; text-align:right;
-webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out;}
.training .box .overlay-box p { position:absolute;bottom:0; right:20px;}
.training .box:hover .overlay-box { height:100%; width:100%; background:rgba(0, 0, 0, .7)}

.purple-bg{ background:#963596;}
.purple-bg h2.heading  {  color:#fff}
.purple-bg .box { position:relative;}
.purple-bg .box .overlay-box { height:20%; width:50%; background:rgba(0, 0, 0, .4); position:absolute; bottom:0; padding:15px; font-weight:bold; color:#fff; text-align:left;
-webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out;}
.purple-bg .box .overlay-box p { position:absolute;bottom:0; left:20px; margin-bottom:15px;}
.purple-bg .box:hover .overlay-box { height:100%; width:100%; background:rgba(0, 0, 0, .7)}
.bg-grey{ background:#ebeaec;}
a .bg-grey{ color:#333;}
a .bg-grey:hover{ color:#fff;}
.bg-grey:hover{ background:#000; color:#fff;-webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09); transition: .5s ease-in-out;}
.bg-grey p{ font-size:16px; color:#333; text-transform:capitalize; margin-bottom:25px; font-weight:600;}
.bg-grey:hover p { font-size:16px; color:#fff; text-transform:capitalize}
.bg-grey .fa, .bg-grey .far{ margin-top:18px; margin-bottom:11px; font-size:40px}
.animated.icon .fa {font-size:25px;line-height:40px;}
#page1 .animated.icon { bottom: 80px; background:#fff;}
#page1 .animated.icon .fa{ color:#666; font-size:14px; line-height:28px;}
.carousel-indicators .active { width: 30px;height: 3px;background-color: rgba(0, 0, 0, 1);  margin:0 3px}
.carousel-indicators li { border:none; margin:0 3px; background-color: rgba(0, 0, 0,.4)}
.carousel-indicators{ margin-left:auto;margin-right:auto;}
.border{ border:1px solid #ddd; padding:15px 10px}
.contact-txt{ font-size:14px;}
.log-details{ font-size:14px; color:#333; padding:25px 20px;}
.log-details .username{font-size:14px; color:#000; padding-left:10px; font-weight:bold;}

/*---------------------inner page styles-----------------------*/
.inner-page-header{ height:250px; width:100%;  margin-bottom:50px;}
.feature-bg{background:url(../img/banner5.png) no-repeat left top;background-size:cover; }
.impact-bg{background:url(../img/banner6.png) no-repeat left top;background-size:cover; }
.benefit-bg{background:url(../img/banner7.png) no-repeat left top;background-size:cover; }
.training-bg{background:url(../img/banner8.png) no-repeat left top;background-size:cover; }
.resource-bg{background:url(../img/banner9.png) no-repeat left top;background-size:cover; }

.height-auto{ height:auto!important;}
.tbl-wrap table{ width:100%; margin:20px 0;}
.tbl-wrap table td{padding:10px; border:1px solid #ddd;}
.tbl-wrap table th{padding:10px; border:1px solid #ddd;}

.video-wrap										{display:block; margin:0 auto; padding:0; border:#d5d5d5 solid 5px; background:#000;}
.video-wrap video								{display:block; margin:0 auto; padding:0; width:100%; height:350px;}
.video-gal										{display:block; margin:15px auto 0; padding:0;}
.video-img										{display:block; margin:0 auto; padding:0;}
.video-img img									{width:100%;}
.video-desc										{display:block; margin:0 auto; padding:10px; background:#d3eaff; font-size:16px; font-weight:400; color:#000; position:relative; text-overflow:ellipsis; overflow-x:hidden; white-space:nowrap;}
.video-img a									{position:relative;}
.video-img a .playing							{position:absolute; background:rgba(255,0,0,.3); color:#FFF; font-size:12px; left:0; top:-55px; padding:5px 10px; display:none;}
.video-img a.active .playing					{display:block;}
.slick-arrow									{font-size:25px; width:30px; height:30px; background:#2c9eff; display:block; color:#FFF; text-align:center; padding:0; margin:0 auto; line-height:24px; position:absolute; z-index:10; top:50%; transform:translate(0, -50%); border:0;}
.slick-arrow.slick-next							{right:0;}
.slick-arrow .fa								{color:#FFF;}

.doc-box										{display:block; margin:0 auto 30px; padding:0; background:#acd9fe;}
.doc-box .doc-img								{display:block; margin:0 auto; padding:15px; text-align:center;}
.doc-box .doc-img img							{width:55px;}
.doc-box .doc-desc								{display:block; margin:0 auto; padding:10px 52px 10px 10px; background:#eaf2f9 url(../img/doc-curl.png) right top no-repeat; font-size:16px; font-weight:600; color:#0E439A; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:uppercase}
.doc-img p										{ font-weight:bold; margin:10px auto 10px; color:#000; font-size:14px;}
.grey-bg										{ background:#F5F1EE; padding:25px;}
.dark-grey										{ background:#55524B; height:60px;}
.subfoot p										{ margin-bottom:8px;}
.copyright										{ margin-top:20px; font-size:14px; text-align:center;}

.social-media							{display:block; margin:35px auto 15px; padding:0; line-height:48px;}
.social-media a							{display:inline-block; font-size:28px; margin:0 5px; color:#000; width:50px; height:50px; border-radius:50%; overflow:hidden; border:#000 solid 1px; text-align:center;}
.home{ position:fixed; right:50px; top:80px; color:#fff;  border-radius:30px; z-index:3}
/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: #fff;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.onepage-pagination-inner {
    background: rgba(255,255,255,.8);
    padding-right: 6px;
    padding-top: 10px;
    right: 0;
}
.onepage-pagination-inner {
  position: fixed;
  top: 35%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color:#000;
  
}
.onepage-pagination-inner li {
  padding: 0;
  text-align: right;
    text-decoration:none;
	-webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out;
}
.onepage-pagination-inner li a{
  padding: 3px;
  width: 100px;
  height: 40px;
  display: block;
  text-decoration:none;
  -webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out;
	color:#000;
	outline: 0;
  
}
.onepage-pagination-inner li a:before{
  content: '';
  position: absolute;
  width: 100px;
  height: 1px;
  background:rgba(0, 0, 0, .4);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  left:8px;
  margin-top:21px;
  -webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out;
}

.onepage-pagination-inner li a.active:before{
  width: 100px;
  height:3px;
  background:rgba(0, 0, 0, 1);
  margin-top:21px;
  left: 8px;
  text-decoration:none;
  -webkit-transition: .5s cubic-bezier(0.9, -0.04, 0.07, 1.09);
	transition: .5s ease-in-out;
}
.log-wrap{ max-width:300px; margin:0 auto; z-index:3}
.log-wrap .form-control{ height:36px !important;}
.log-wrap label{ font-size:18px; font-weight:bold; color:#fff;}
.img-wrap										{display:block; margin:0 auto; padding:0;}
.img-wrap img									{max-width:100%;}
.logos-box										{display:table; margin:0 auto; padding:0; vertical-align:middle; width:100%;}
.logos-box .items								{display:table-cell; vertical-align:middle; padding:10px;}
.logos-box .items img							{max-width:100%;}






@media only screen and (max-width: 768px){
.white-gradient .container, .container{ padding-left:20px; padding-right:20px;}
.text-scroll-box{
    position: relative;
    padding: 10px 0;
	width:90%;
	margin:0 auto;
    top:25%;
	padding:
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .text-scroll-box p{  margin:0; border:none; padding:10px; text-align:left; font-size:16px !important;}
  .login-btn{ position:absolute; top:72px; right:0px; margin:0;}
  .about-box-inside{ position:static; width:100%}
  .faa-float{ display:none;}
  .log-details .welcome{float:left;  padding:3px 0; line-height:10px}
  .log-details .username { float: left; padding:3px 2px;  line-height:8px}
  .log-details {font-size: 12px; padding: 0px 0px; position: absolute;  top: 82px; left: -100%;  text-align: left;}
  
}
@media only screen and (max-width: 320px){
.white-gradient .container, .container{ padding-left:20px; padding-right:20px;}
.text-scroll-box{
    position: relative;
    padding: 10px 0;
	width:90%;
	margin:0 auto;
    top:25%;
	padding:
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .text-scroll-box p{  margin:0; border:none; padding:10px; text-align:left; font-size:16px !important;}
  .login-btn{ position:absolute; top:60px; right:0px; margin:0;}
  .about-box-inside{ position:static; width:100%}
  .faa-float{ display:none;}
  .log-details .welcome{float:left;  padding:3px 0; line-height:10px}
  .log-details .username { float: left; padding:3px 2px;  line-height:8px}
  .log-details {font-size: 12px; padding: 0px 0px; position: absolute;  top: 72px; left: -100%;  text-align: left;}
  
}