/* main color ==> #ffad18 */

/*
    [ 01 ] My Framework
    [ 02 ] Navbar
    [ 03 ] Slider
    [ 03 ] breadcrumb
    [ 04 ] Footer
    [ 05 ] Scroll To Top
    [ 06 ] Core Values
    [ 07 ] Vision & Mission
    [ 08 ] Top Management
    [ 09 ] testimonials
    [ 10 ] Contact us
    [ 11 ] Logo slogan
    [ 12 ] Training Services
    [ 13 ] Subcategories                    
    [ 14 ] Courses
    [ 15 ] Clients
    [ 16 ] Footer
    [ 17 ] Footer
    [ 18 ] Footer                    

*/

/* ======================================================================================*/
/* ============================== [01] Variables ========================================*/
/* ======================================================================================*/

:root{
  --theme-color:#ffad18;
  --secondary-color:#ffad18;
}



/*******************************************************************/
/**************************** My Framework *************************/
/*******************************************************************/

body{
    font-family: sans-serif !important;
    color: #888;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 400; 
    /*padding-top: 105px !important;*/
    overflow-y: scroll;
    overflow-x: hidden;
  /*background: #F4F4F4;*/

    -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}
a:hover{
  text-decoration: none !important;
}

#more {display: none;}

.mask-overlay{
    position: fixed;
    background: rgba(0, 0, 0, 0.77);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 24;
    display: none;
}

.loading{
  width: 40px;
  text-align: center;
  margin: 0 auto 20px;
  display: block;  
}

.section-title{
  text-align: center;
}


.none-display{
  display: none;
}

.main-heading-center,
.single-course h1{
  margin-top: 0;
  font-size: 30px;
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
  font-weight: 300;
  line-height: 42px;
  font-family: 'Roboto';
  color: #323232;
  text-align: center;
  font-weight: 500;
}



/*.main-heading-center:after{
  content: "";
  width: 10px;
  height: 3px;
  background-color: #ffad18;
  position: absolute;
  left: 22px;
  bottom: -2px;
  margin-left: -20px;
}
*/
.block-title{
  background: linear-gradient(135deg, #8454e2 0%, #0652fd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  margin-bottom: 20px;
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  font-size: 25px;
}

.gradient-icon{
  /*background: linear-gradient(to top right, #5875f6 30%, #cc1ca2 100%);*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  color: #002e5b;
  font-size: 3.5em;
}

.special-btn{
    color: #fff;
    background: #002e5b;
    padding: 0 20px;
    font-size: 1em;
    line-height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;  
    outline: 0
}

.special-btn:hover,
.special-btn:focus{
  color: #FFF;
}

.gray-background{
  background: #fbfbfb;
}

.pad-top-bot-30{
  padding: 30px 0;
}

.pad-top-bot-50{
  padding: 50px 0;
}

.margin-top-103{
  margin-top: 103px;
}

@media(max-width: 690px){
 .margin-top-103-xs{
    margin-top: 103px;
  } 
}

.success-message,
.danger-message,
.info-message,
.warning-message{
  background: #FFF;
  margin: 10px 10px 10px 0;
  padding: 15px;
  border-left: 5px solid; 
}

.success-message{
  border-color: #080;
}

.danger-message{
  border-color: #9e0707;
}

.info-message{
  border-color: #63d2ef;
}

.warning-message{
  border-color: #edeb04;
}
  
.custom-pop-up{
  display: none;
  margin: auto;
  border-radius: 20px;
  background: #ededed;
  position: fixed;
  top: 0%;
  height: 200px;
  width: 200px;
  text-align: center;
  padding: 12px;
  bottom: 0%;
  left: 0%;
  right: 0%;
  z-index: 25;  
}


.custom-pop-up .close-icon{
  position: absolute;
  top: 12px;
  right: 12px; 
  cursor: pointer; 
}

.custom-pop-up .sucess-icon,
.custom-pop-up .danger-icon{
  font-size: 60px;
  margin-top: 15px; 
}

.custom-pop-up .sucess-icon{
  color: #080; 
}

.custom-pop-up .danger-icon{
  color: #9e0707;
}


.custom-pop-up p{
  margin: 22px 0px;  
  color: #555;
}

.form-group-item{
  margin-bottom: 10px;
}

.selectboxit-options{
  max-height: 300px;
}
/*******************************************************************/
/****************************** Navbar *****************************/
/*******************************************************************/
.mob-nav{
  -webkit-box-shadow: 12px -4px 1px 5px #CCC;
  -moz-box-shadow: 12px -4px 1px 5px #CCC;
  -o-box-shadow: 12px -4px 1px 5px #CCC;
  box-shadow: 12px -4px 1px 5px #CCC;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #FFF
}

.navbar-slogan{
  margin: 0;
  color:#FFF;
  font-size: 22px;
  /*text-align: center;*/
  line-height: 70px;
  /*font-family: 'Nunito', sans-serif;*/
  font-family: 'Poppins', sans-serif;
  /*font-weight: bold*/
}


/* Start Info Part */
.mob-info-container{
  overflow:hidden;
  /*background: #ededed;*/
  background: #002e5b;
  color:#737373; /* ==================> navbar links color */
}
.mob-info-container .mob-info{
  padding: 10px 0;
  font-size: 13px;
}

.mob-info-container .mob-info i{
    color: #f7c02e;
    font-size: 16px;
    position: relative;
    top: 2px;
}

/* End Info Part */

/* Start Toggle Part */
.mob-toggle-container{
  overflow:hidden;
}

.mob-toggle-container .left h2{
  margin:0;
}

.mob-toggle-container .right i{
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #FFF;
    border: 0;  
  font-size:24px;
  padding:5px 10px; 
  cursor:pointer;
    margin-top: 12px;
    margin-bottom: 12px;  
  background: #ffad18; /* ==================> icon background color */

}

/* End Toggle Part */


.topnav {
  overflow: hidden;
}

.topnav a {
  font-family: 'Montserrat', sans-serif;
  float: left;
  display: block;
  color: #004d99 !important;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
}

.topnav .active {
  background-color: #054b8f;
  color: white !important;
}
.topnav .active button{
  color: #FFF;
}

@media(max-width: 767px){
  .topnav .active,
  .topnav a:hover, 
  .special-dropdown:hover .dropbtn {
    background-color: transparent;
    color: #737373 !important;

  }
  .topnav .active button{
    color: #004d99;
  } 


   
}

.topnav .icon {
  display: none;
}

.special-dropdown {
    float: left;
    overflow: hidden;
}

.special-dropdown .dropbtn {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;    
    border: none;
    outline: none;
    color: #004d99;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .special-dropdown:hover .dropbtn {
  background-color: #054b8f;
  color: white !important;
}

.dropdown-content a:hover {
    padding-left: 30px;
    background-color: #ddd;
    color: black !important;
}

.special-dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .special-dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .special-dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .special-dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.dropdown-content .inner-container{
  background: #054b8f; 
  margin: 0;
  color: #FFF;
  padding: 0;
}

.dropdown-content .inner-container .navbar-img-container{
  text-align: center;
  padding: 20px 40px;
}

.inner-container .navbar-img-container img{
  width: 60px;
  border: 2px solid #CCC;
  padding: 1px;
}

.dropdown-content .inner-container .navbar-img-container h2{
  margin: 10px 0;
  font-size: 1em;
  color: #e6e3e3
}

.dropdown-content .inner-container .navbar-img-container p{
  font-size: .8em;
  margin: 0;
  color: #e6e3e3
}

.dropdown-content .inner-container .buttons{
  background: #f9f9f9;
  padding: 10px 14px;
  overflow: hidden; 
}


.dropdown-content .inner-container .buttons a{
  color: #000 !important;
  font-size: .8em;
  padding: 5px 10px;
  display: inline-block !important; 
  background: #f9f9f9 !important;
  color: #666;
  border: 1px solid #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.dropdown-content .inner-container .buttons a:hover{
  padding: 0;
  padding: 5px 10px;
}


/*******************************************************************/
/****************************** Navbar *****************************/
/*******************************************************************/



/*******************************************************************/
/*************************** Slider ********************************/
/*******************************************************************/

@media(max-width: 690px){
  .main-carousel .carousel-caption .inner-caption{
    display: none;
  }
}



/* Caption */
#home-landing .overlay{
  background: linear-gradient(to top right, #5875f645 30%, #cc1ca266 100%);
  height: 100%;
}

.carousel-caption{
  /*background: #cc1ca2;*/
  /*background: linear-gradient(to top right, #5875f645 30%, #cc1ca266 100%);*/
  background: linear-gradient(to top right, #00000045 30%, #00000066 100%);
  /* background: linear-gradient(to top right, #5875f6cc 30%, #cc1ca266 100%); */
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.carousel-caption .inner-caption{
    height: 170px;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.carousel-caption .inner-caption h2{
  font-size: 28px;
  /*font-family: 'Nunito', sans-serif;*/
  font-family: 'Poppins', sans-serif;
  color: #FFF;
}

.carousel-caption .inner-caption p{
  font-size: 20px;
}

/* Indicators */
.carousel-indicators{
  bottom: 0 !important; 
}

.carousel-indicators li
{
  width:15px;
  height:15px;
  border:1px solid #EEE;
}

.carousel-indicators .active {width:15px;height:15px;}


.carousel-control{
  z-index: 19
}

/*******************************************************************/
/****************************** breadcrumb *************************/
/*******************************************************************/

.breadcrumb-section{
  background: #f5f5f5;
}

.breadcrumb-section .breadcrumb{
  margin: 0
}
/*******************************************************************/
/****************************** Footer *****************************/
/*******************************************************************/

.whole-footer{
    background: #002e5b;
    color: #fff;
}

.whole-footer .first i{
  color: #ffad18;
  font-size: 22px;
}

.whole-footer  i{
  color: #ffad18;
}

.whole-footer .top-footer{
  padding-top: 40px;
}

.whole-footer .top-footer .top-footer-top-part{
  border-bottom: 1px solid #264d73;
}

.whole-footer .top-footer .top-footer-top-part .footer-inner-block{
  min-height: 200px;
}

.whole-footer .top-footer .top-footer-top-part .footer-inner-block h3{
  height: 50px !important;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  color: #FFF;
}


/* First block */
.whole-footer .top-footer .first{
  overflow: hidden;
}
.whole-footer .top-footer .first p,
.whole-footer .top-footer .third p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 20px
}

.whole-footer .top-footer .first ul li{
  float: left;
  width: 25%;
}

/* Second block */
.whole-footer .top-footer .second ul,
.whole-footer .top-footer .forth ul{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.whole-footer .top-footer .second ul li{
  margin-bottom: 5px;
}

.whole-footer .top-footer .second ul li a,
.whole-footer .top-footer .forth ul li a{
  color: #FFF;
  text-decoration: none;
}

.whole-footer .top-footer .second ul li a i{
  font-size: 18px;
    position: relative;
    top: 1px;
}

/* Forth block */
.whole-footer .top-footer .forth ul li i{
  margin-right: 3px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.whole-footer .top-footer .forth ul li:hover i{
  margin: 0;
}

@media (max-width: 768px){

  .top-footer-top-part .footer-inner-block{
    max-width: 350px;
  }

  .top-footer-top-part .footer-inner-block h3{
    height: auto !important;
  }

  .top-footer-top-part > div > div:not(:last-of-type) .footer-inner-block{
    margin-bottom: 40px;
  } 
}


/* top-footer-bottom-part */

.whole-footer .top-footer .top-footer-bottom-part{
  padding: 40px 0;
  border-bottom: 1px solid #264d73;
  /*text-align: center;*/
}



.top-footer-bottom-part .footer-inner-block .icon-container{
  font-size: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.top-footer-bottom-part .footer-inner-block .icon-container i{
    position: relative;
    bottom: 3px;
}

.top-footer-bottom-part .footer-inner-block h4{
    font-size: 18px;
    text-transform: capitalize;
    line-height: 28px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 8px;
    color: #FFF;
}

.top-footer-bottom-part .footer-inner-block p{
  font-size: 13px;
  color: #CCC;
}

@media (max-width: 768px){
  .top-footer-bottom-part{
    text-align: center;
  }

  .top-footer{
    padding-left: 30px;
  }

  .top-footer-bottom-part .footer-inner-block > div{
    display: block !important;
  }

  .top-footer-bottom-part > div > div:not(:last-of-type) .footer-inner-block{
    margin-bottom: 20px;
  } 
}

.bottom-footer{
  padding:30px 0;
  color: #c6c5c5;
  font-size: 15px
}


.bottom-footer a{
  color: #ffad18; /* ==================> color */
  text-decoration: none;
}

/*******************************************************************/
/**************************** Scroll To Top ************************/
/*******************************************************************/

.scroll-to-top{
  display:none;
}

.scroll-to-top .icon-container{
  -webkit-transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
  -webkit-border-radius:50%;
  -o-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  width:50px;
  height:50px;
  line-height:55px;
  text-align:center;
  position:fixed;
  right:20px;
  bottom:20px;
  cursor:pointer;
  color:#ffad18;
  border:1px solid #ffad18;
  opacity:.9;
}

.scroll-to-top .icon-container:hover{
  opacity:1;
}
/*******************************************************************/
/**************************** Core Values **************************/
/*******************************************************************/


.core-values .core-value-block{
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-bottom: 40px;    
  padding: 30px;
  min-height: 280px;
  border: 1px solid #EEE;
  text-align: center;
}

.core-values .core-value-block:hover {
    border-bottom: 2px solid #002e5b
}

.core-values img{
  width: 65px;
  height: 65px;
}

.core-values .core-value-block h3,
.vision-mission h3{
  color: #000;
  font-family: 'Nunito', Arial, Helvetica, sans-serif;
}

/*******************************************************************/
/**************************** Vision & Mission *********************/
/*******************************************************************/
.vision-mission h1{
  margin-bottom: 30px;
}

.vision-mission .vision{
  margin-bottom: 30px;
}

.vision-mission .vision,
.vision-mission .mission{
  -webkit-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s; 
  padding: 15px;
  border: 1px solid #EEE;
  min-height: 320px;
}

  

.vision-mission .mission ul{
  margin: 0;
  padding: 15px;
}


/*******************************************************************/
/**************************** Top Management ***********************/
/*******************************************************************/
.top-management{
  background: #e7e7e7;
}

/* The actual timeline (the vertical ruler) */
.top-management .timeline {
  position: relative;
}

/* The actual timeline (the vertical ruler) */
.top-management .timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #FFF;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.top-management .person {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.top-management .person-right::after,
.top-management .person-left::after{
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: white;
  border: 4px solid #ffad18;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
.top-management .person-left::after {
  right: -12px;
}


.top-management .person-right::after {
  left: -14px;
}

/* Place the container to the left */
.top-management .person-left {
  left: 0;
}

/* Place the container to the right */
.top-management .person-right {
  left: 50%;
}

/* Add arrows */

.top-management .person-left::before,
.top-management .person-right::before{
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  border: medium solid white;
}

.top-management .person-left::before {
  right: 30px;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

.top-management .person-right::before {
  left: 30px;
  border-width: 10px 10px 10px 0 ;
  border-color: transparent white transparent transparent;
}


/* The actual content */
.top-management .content {
  padding: 20px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

.top-management .content .desc{
  border: 1px solid #EEE;
  border-radius: 5px;
  padding: 10px;
  text-align: left;
}

.top-management .content .testimonial-img{
  border: 2px solid #5253ed;
}


.top-management .content ul{
  overflow: hidden;
}

.top-management .content ul li{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
  border: 1px solid #ccc;
}

.top-management .content ul li a{
  color: inherit;
}

.top-management .content ul li:hover{
  transform: rotate(360deg);
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .top-management .timeline::after {
    left: 31px;
  }

  .top-management .person-right::after {
      left: 18px;
  }  

/* Full-width containers */
  .top-management .person {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .top-management .person::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .top-management .person-left::after, .person-right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .top-management .person-right {
    left: 0%;
  }
}
/*******************************************************************/
/**************************** testimonials *************************/
/*******************************************************************/
.testimonials .carousel-caption{
  text-shadow: 0 0 0 !important;
  position: relative;
  padding: 40px 0;
  background: transparent;
  max-width: 600px;
  overflow: hidden;
  margin: auto;
  color: #8d8c8c;
}

.testimonials .carousel-caption .inner-caption{
  position: static;
  overflow: hidden;
  height: auto;
  margin-bottom: 60px;
}

.testimonials .carousel-caption .inner-caption p{
  font-size: 16px;
}

.testimonials .carousel-control{
  background-image: none !important;
  color: #002e5b;
}




.testimonials .carousel-control span{
  top: 30% !important;
  display: inline-block;
  font: normal normal normal 14px/1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;  
  font-size: 25px;

}


.testimonials .carousel-control .glyphicon-chevron-right:before{
  content: "\f105";
}

.testimonials .carousel-control .glyphicon-chevron-left:before{
  content: "\f104";
}


.testimonials .carousel-control:hover{
  color: #002e5b !important
}

.testimonials .carousel-indicators li{
  width: 35px;
  height: 4px;
  border: 0;
  background: #d3d2d4;
}

.testimonials .carousel-indicators .active{
  width: 35px;
  height: 4px;
  border: 0;
  background: #5253ed;
}

.testimonials .testimonial-img{
  border: 2px solid #5253ed;
  margin-bottom: 15px
}

.testimonials h3{
  margin: 0;
  margin-bottom: 10px;
  font-size: 20px;
  color: #5b5c68;
  font-weight: 500;
}

/*******************************************************************/
/**************************** Contact us ***************************/
/*******************************************************************/
.branches .branch-block{
  padding: 15px;
  /*box-shadow: 0 0 6px 0 rgba(0,0,0,.08);*/
  border: 1px solid #EEE;
  overflow: hidden;
  margin-bottom: 30px;
}

.branches .branch-block > div span,
.branches .branch-block > div p{
  float: left;
}

.branches .branch-block > div span{
  width: 30px;
}

.branches .branch-block > div p{
  width: calc(100% - 30px);
}

.branches .branch-block > div span i{
  color: #ffad18;
}


.head-quarter i{
  font-size: 48px;
}

.head-quarter p{
  color: #888 !important;
  font-family: ;
}

.contact-form form{
  max-width: 600px;
  margin: auto;
}

.contact-form form .form-group{
  margin-bottom: 0px !important;
  overflow: hidden;
}



.contact-form form .form-group > div{
  float: left;
  width: 48%;
}

.contact-form form .form-group > div:first-of-type{
  margin-right: 4%;
}

.contact-form form .form-group > div input{
  border-radius: 25px;
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 0 0;
  outline: 0;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 25px;
    font-size: 14px;

}


.contact-form form .form-group textarea{
  border-radius: 25px;
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 0 0;
  outline: 0;
  display: block;
  width: 100%;
  height: 150px;
  padding: 6px 25px;
  font-size: 14px;
  resize: none;
  margin-bottom: 10px;
}

.contact-form form .form-group input[type="submit"]{
  /*background: linear-gradient(to top right, #5875f6 30%, #8454e2 100%);*/
  background: #002e5b;
  border-radius: 25px;
  border: 0;
  color: #FFF;
  box-shadow: 0 0 0 0;
  outline: 0;
  height: 50px;
  padding: 6px 25px;
  font-size: 18px;
  font-family: ;
}


/*******************************************************************/
/**************************** Logo slogan **************************/
/*******************************************************************/

.logo-slogan{
  background-image: url(../images/backgrounds/01.jpg);
  background-size: cover;
  background-attachment: fixed;
}


.logo-slogan .overlay{
  background: #0000006e;
  padding: 50px 0;
}

.logo-slogan .overlay p{
  margin-top: 20px;
  /*color: #FFF;*/
  color: #ffad18;
  font-size: 25px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
}


/*******************************************************************/
/*************************** Training Services *********************/
/*******************************************************************/

.training-services{
  padding-bottom: 0;
}


.training-services .training-service-block{
  padding: 10px;
  border: 1px solid #EEE;
  overflow: hidden;
  margin-bottom: 30px;
  min-height: 113px;
}

.training-services .training-service-block > div{
  float: left;
}

.training-services .training-service-block .image-container{
  width: 80px;
  margin-right: 10px;
}


.training-services  a{
  color: inherit;
}

.training-services .training-service-block .training-services-info{
  width: calc(100% - 90px);
}

.training-services .training-service-block .training-services-info h3{
  margin-top: 0;
  color: #444;
  font-size: 21px;
  font-family: ;
}

.training-services .training-service-block .training-services-info p{
  font-size: 14px;
  font-family: ;
}

/*******************************************************************/
/*************************** Subcategories *************************/
/*******************************************************************/


/*Start Image Hover*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lora);
[class*=' imghvr-'],
[class^=imghvr-]{
  font-family:Montserrat,sans-serif;
  position:relative;
  /*display:inline-block;*/
  margin:0;max-width:100%;
  background-color:rgba(230,230,230,.7);
  color:#666;
  overflow:hidden;
  -moz-osx-font-smoothing:grayscale;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:translateZ(0);
  transform:translateZ(0)
}




[class*=' imghvr-'] img,
[class^=imghvr-] img{
  vertical-align:top;
  max-width:100%
}

[class*=' imghvr-'] figcaption,
[class^=imghvr-] figcaption{
  background-color:#ffffffd9;
  padding:20px;position:absolute;
  top:-50px;
  bottom:0;
  left:0;
  right:0;
  border:1px solid rgba(0,0,0,.1)
}

figcaption .details{
    position: absolute;
    top: 0;
    height: 120px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0; 
}


[class*=' imghvr-'] h3,
[class^=imghvr-] h3{
  color:#333;
  margin-bottom:20px;
  font-family: 'Lato', sans-serif;
  font-size:25px;
  font-weight: 600;
}


[class*=' imghvr-'] p,
[class^=imghvr-] p{
  font-family:Lora,sans-serif;font-size:.9em;
  color: #333;
}

[class*=' imghvr-'] a,
[class^=imghvr-] a{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:1
}

[class*=' imghvr-'],
[class*=' imghvr-'] *,
[class*=' imghvr-'] :after,
[class*=' imghvr-'] :before,
[class*=' imghvr-']:after,
[class*=' imghvr-']:before,
[class^=imghvr-],
[class^=imghvr-] *,
[class^=imghvr-] :after,
[class^=imghvr-] :before,
[class^=imghvr-]:after,
[class^=imghvr-]:before{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all .35s ease;
  transition:all .35s ease
}

.imghvr-fade figcaption{
  text-align: center;
}

.imghvr-fade figcaption{
  opacity:0
}

.imghvr-fade:hover figcaption{
  opacity:1;
  top:0;
}



.imghvr-fade:hover  img{
  transform: scale(1.1);
  opacity: 0.4;
}

/*End Image Hover*/


/*******************************************************************/
/*************************** Courses *******************************/
/*******************************************************************/

.course-block{
  padding: 5px !important;
  margin-bottom: 10px; 
  text-align: center;
}

.course-block img{
  width: 100% !important;
  height: 200px;
}


.custom-inner-holder-bottom{
  padding: 10px;
}


.course-block h3{
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  margin-top: 8px;
  line-height: 1.33;
  color: #555 !important; 
}

.course-block p{
  font-size: 14px;
}

.course-block a{
  text-decoration: none;
  color: #ffad18;
}

/*******************************************************************/
/************************* Clients *********************************/
/*******************************************************************/


/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*******************************************************************/
/************************* Vedio Icon ******************************/
/*******************************************************************/
.button-section{
  background: #f3f3f3;
  overflow: hidden;
  position: relative;
  padding: 40px 0
}

@media(max-width: 767px){
  .middle-inner-vedio-part{
    margin: 20px 0;
  }
}

.button-section .left-text,
.button-section .right-text{
  line-height: 80px;
  font-size: 30px;
}

.button-section .video-play-button{
  position: relative;
  right: 16px;
  -webkit-border-radius:50%;
  -o-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  cursor: pointer;
  text-align: center;
  background: #002e5b;
  color: #FFF;
  margin: auto;
  font-size: 60px;
  width: 80px;
  height: 80px;
  line-height: 80px;  
}

.video-play-button i{
  position: relative;
  left: 5px;
  line-height: 80px;
}


.video-play-button:before { /* For Animation */
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #002e5b;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}



@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
            transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 2000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.75); */
  width: 70%;
  height: 70%;
}



@media(max-width: 768px){
  .video-overlay iframe{
    width: 90%; 
    height: 60%; 
  }
}


/*******************************************************************/
/************************ Online Inquery ***************************/
/*******************************************************************/
.contact
{
  background:url("../images/backgrounds/online-inquery.jpg") no-repeat center center fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  min-height:400px; 
}

.contact button{
  border-color: #002e5b;
  background: #002e5b;
}

.contact .mainopacity
{
  background:rgba(9,9,9,.7);
  min-height:400px;
  color:#FFF;
  padding-top:40px;
  padding-bottom:60px;
}

.contact .mainopacity .container h2{
  font-family: 'Nunito', sans-serif;
}

.contact .mainopacity .container p {
  margin-bottom:30px;
  font-family: 'Nunito', sans-serif;
}

.contact .mainopacity .container textarea {height:108px;}

.contact .mainopacity .container input,
.contact .mainopacity .container textarea{
  background:rgba(6,6,6,.5);
  border:0;
  color:#FFF;
}

.contact .mainopacity .container .selectboxit{
  color: #000 !important
}

.selectboxit-arrow-container{
  columns: #080
}

.selectboxit-container span, 
.selectboxit-container .selectboxit-options a{
  height: 46px !important;
  line-height: 46px
}



/*******************************************************************/
/******************************* Careers ***************************/
/*******************************************************************/

.careers form .form-group > div input{
  border-radius: 4px !important;
  padding: 6px 12px;
}

/*******************************************************************/
/************************ Training Services ************************/
/*******************************************************************/


/* Start Questions Section */
.questions{
  padding-top:40px;
  padding-bottom:60px;
}

.questions .faq-intro h2{
  font-weight:bold;
  font-family:tahoma;
  letter-spacing:-1px;
  font-size:50px;
}

.questions .faq-intro hr{
  width:60%;
}

.training-services-page .faq-intro p{
  text-align:center;
  margin-bottom:30px;
  font-size:18px;
  padding-top:10px;
}

.training-services-page .panel-group{
  width:80%;
  margin:auto;
}

.training-services-page .panel-group .panel-heading{
  padding:20px 10px;
}

.training-services-page .panel-group .panel-heading h4.list a:after{
  content:"\e114";
  font-family:'Glyphicons Halflings';
  float:right;
}


.training-services-page .panel-group .panel-heading h4.list a.collapsed:after{
    content:"\e079";
}

/* End Questions Section */









/* Block Section */

.training-services-page .trainig-program-block .image-background{
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: cover;
}


.training-services-page .trainig-program-block .trainig-program-inner-block{
  min-height: 200px;
  margin: auto;
  background-color: #0000007a;
  padding: 15px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 15px;
}

.training-services-page .trainig-program-block .trainig-program-inner-block .block-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 16px;
  text-align: center;
}

.training-services-page .trainig-program-block .trainig-program-inner-block .block-text a{
  color: #FFF;
}


.training-services-page .trainig-program-block .trainig-program-inner-block .trainig-program-block-overlay{
  background: #121f28;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  margin-top: 100%;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -o-transition: all ease-in-out .5s;
}


.training-services-page .trainig-program-block .trainig-program-inner-block .trainig-program-block-overlay .trainig-program-block-subcats{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  font-size: 16px;
  width: calc(100% - 40px);
}


.training-services-page .trainig-program-block .trainig-program-inner-block .trainig-program-block-overlay .trainig-program-block-subcats ul,
.training-services-page .trainig-program-block .trainig-program-inner-block .trainig-program-block-overlay .trainig-program-block-subcats li{
  margin: 0;
  overflow: hidden;
}



.training-services-page .trainig-program-block .trainig-program-inner-block .trainig-program-block-overlay .trainig-program-block-subcats ul i{
  margin-right: 5px;
  color: var(--theme-color);
  width: 20px;
  float: left;
  position: relative;
  top: 6px;
  font-size: 14px
}

.training-services-page .trainig-program-block .trainig-program-inner-block .trainig-program-block-overlay .trainig-program-block-subcats ul span{
  float: left;
  width: calc(100% - 25px);
  display: block;
  font-size: 14px
}

.training-services-page .trainig-program-block .trainig-program-inner-block .trainig-program-block-overlay .trainig-program-block-subcats a{
  color: #FFF;
}

.training-services-page .trainig-program-block .trainig-program-inner-block:hover .trainig-program-block-overlay{
  margin-top: 0;
}

/*******************************************************************/
/************** general Training Services subcat *******************/
/*******************************************************************/
.general-training-services-subcat-page .content{
  margin-left: 10%;
  width: 80%;
  margin-right: 10%;
}

.general-training-services-subcat-page .content table{
  margin: auto !important;
}

/*.general-training-services-subcat-page .content table{
  width: 100% !important;
}*/

.general-training-services-subcat-page .content table td{
  border: 1px solid #FFF;
  padding: 4px;
}

/*******************************************************************/
/************** Ongoing Training Services subcat *******************/
/*******************************************************************/

.ongoing-training-services-subcat-page .inner-holder{
  border: 1px solid rgb(238, 238, 238);
  border-radius: 15px;
  padding: 20px;
  text-align: left;
}

.custom-inner-holder{
  display: inline-block;
  position: relative;
  border: 1px solid rgb(238, 238, 238);
  border-radius: 10px;
  overflow: hidden;
}

.home-page .custom-inner-holder{
  height: 280px;
}


.view-overlay{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0px;
  width: 100%;
  background: #eeeeeec4; 
  display: none;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;   
}


.view-overlay .view-icon-container{

  width: 70px;
  margin: auto;
  height: 70px;
  padding: 10px;
  border-radius: 50%;
  background: #002e5b;
  color: #FFF !important;
  font-size: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*top: -128%;*/

}

.view-overlay .view-icon-container a{
  color: #FFF !important
}

.custom-inner-holder:hover .view-overlay{
  display: block
}



.ongoing-training-services-subcat-page .inner-holder h3{
  margin-top: 4px;
  text-align: left;
}

.ongoing-training-services-subcat-page .inner-holder a{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  padding: 10px;
  margin-top: 10px;
  display: inline-block;
  width: auto;
}

/*.ongoing-training-services-subcat-page .inner-holder a:hover{
  margin-left: 10px;
}
*/
/*******************************************************************/
/************** Ongoing Training Services Course *******************/
/*******************************************************************/

.ongoing-training-services-course .course-info,
.ongoing-training-services-course .course-timeline{
  border: 1px solid #ddd;
  padding: 10px;
}

.ongoing-training-services-course .course-info{
    background: #f5f5f5;
    border-top: 0;
}

.ongoing-training-services-course .course-info span{
  color: #6a33da ;
}

/*******************************************************************/
/******************** Full Clients *********************************/
/*******************************************************************/

.full-clients .client-image-container{
  height: 250px; 
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #EEE
}

.full-clients .client-image-container a{
  position:relative; 
  width: 100%; 
  height: 100%; 
  display: block;
}

.full-clients .client-image-container a img{
  width: 60%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

@media(max-width: 825px){
  .full-clients img{
    width: 31%;
    margin-right: 1%;
  }
}

@media(max-width: 600px){
  .full-clients img{
    width: 48%;
    margin-right: 1%;
  }
}

@media(max-width: 400px){
  .full-clients img{
    width: 99%;
    margin-right: 1%;
  }
}

/*******************************************************************/
/******************** Service Page *********************************/
/*******************************************************************/
.service-page{
  margin: 30px 0;
}


.service-page .inner-left-part,
.inner-right-part{
  border: 1px solid #EEE;
}


.service-page .inner-left-part{
  margin-bottom: 10px;
}




.service-page .inner-left-part h2{
  background: #CCC;
  color: #080;

}

.service-page .inner-left-part h2,
.inner-right-part h2.subcat-title{
  margin: 0;
  text-align: center;
  font-size: 17px;
  padding: 12px 0;
}


.service-page .inner-left-part .whole-category{
  border-bottom: 1px solid #EEE;
}

.service-page .inner-left-part .category-title{
  padding: 12px 8px;
  font-size: 16px;
}

.service-page .inner-left-part ul{
  margin: 0;
}
.service-page .inner-left-part li{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  /*border-bottom: 1px solid #EEE;*/
  padding: 8px 22px;
  font-size: 14px;
  /*background: #fbfbfb;*/
}

.service-page .inner-left-part li:hover{
  padding-left: 28px;
}

.service-page .inner-left-part li:hover a{
  color: blue !important;
}

.inner-right-part h2.subcat-title{
  border-bottom: 1px solid #EEE;
  background: #Fbfbfb;
  color: #002e5b;
  font-weight: bold;
  word-spacing: 1px;
  font-size: 18px;
}

.inner-right-part .subcat-content{
  padding: 10px;
}

.sad-icon-container{
  text-align: center;
}
.sad-icon-container .sad-icon{
    font-size: 200px;
    opacity: 0.5;
    color: #999;  
}

.sad-icon-container p{
    color: #999;
    font-size: 25px;
    font-weight: bold;  
}

/*******************************************************************/
/********************* Events Page *********************************/
/*******************************************************************/
.events-btn{
  color: #FFF !important;
  background: #0a5cac;
  border-color: #0a5cac;

}

.events-page{
  background: #fbfbfb;
}

/*.events-page .event-block h3{
  color: #444 !important;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}*/



.block{
  position: relative;
}

/*.block .caption{
  position: relative;
}*/

.events-page .event-block p{
  color: #555 !important;
  font-size:14px;
  margin-bottom: 20px;
}

.events-page .custom-inner-holder-bottom{
  padding: 25px;
}


/*******************************************************************/
/********************** Event Page *********************************/
/*******************************************************************/
.event-timeline{
  border: 1px solid rgb(238, 238, 238);
  padding: 30px;
  border-radius: 20px;
}

.event-timeline > div{
  margin-bottom: 20px;
}






 .identity-span{
  color: #0a5cac !important;
}


/*******************************************************************/
/*********** corporate-social-responsibilities Page ****************/
/*******************************************************************/
.short-article-about-corporate{
  margin-bottom: 30px;
}



/*******************************************************************/
/********************** breadcrumb *********************************/
/*******************************************************************/
.breadcrumb>li{
  font-weight: bold
}


@media(max-width: 767px){
  .breadcrumb>li{
    display: block;
    text-align: center;
  }



  .breadcrumb>li+li:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f103";
    display: block;
    color: #757575;
    font-size: 20px;
    margin: 4px;
    
  }
}






@ media (min-width:1201px){
  .padding-right-lg{
    padding-right:15px
  }
}

@media (max-width:1200px){
  .no-padding-right{
    padding-right:0
  }
}



/********************************************************************/
/********************** Latest News *********************************/
/********************************************************************/

.inner-container{
  padding: 20px;
  border: 1px solid #CCC;
  margin: 20px 0;
  background: #fafafa;

}


.basic-details{
  margin: 40px 0 20px;
}

.inner-container .heading-container{
  margin-bottom: 40px;
  border-bottom: 1px solid #CCC;  
  text-align: center;
}

.inner-container .heading-container h2{
  letter-spacing: 1px;
  font-size: 35px;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 20px;
  color: #444;
}


.inner-container .image-container{
  border-radius: 5px;
  overflow: hidden;  
}

.inner-container .image-container img{
  margin: auto;
  border-radius: 10px;
}

.inner-container .paragaph-container{
  font-size: 17px;
  margin: 20px 0 0 0;
  color: #545454;
  border: 1px solid #EEE;
  background-color: white;
  padding: 10px;  
}






/* Events page */

.main{
}

.main img{
  margin: auto;
}


/* Event page */

.title-p-container{
  border: 1px solid #EEE; 
  margin-bottom: 20px;
}

.title-container{
  padding: 10px;
  background: #EEE;
  color: #696969;
}

.p-container{
  padding: 10px;
  background: #FFF;
}


.p-container .basic-info{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;  
}


/* Company bio */




@media(min-width: 991px){
 .margin-right{
    margin-right: 20px;
  } 
}


.event-block .block-heading{
  font-family: 'Muli', sans-serif;
  margin-bottom: 15px;
  font-size: 20px;
  color: #444 !important;
  margin-top: 7px;
}


.event-block .block-title{
  margin: 0;
  margin-bottom: 15px;
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #444 !important;
}

.oil-live-price table{
  margin: auto;
}




/********************************************************************/
/*********************** Login Form *********************************/
/********************************************************************/


.login-form form{
  max-width: 500px;
  margin: auto;
}

.login-form .form-group{
  margin-bottom: 8px;
}

.login-form input{
  border-radius: 25px;
  border: 1px solid #e7e7e7;
  box-shadow: 0 0 0 0;
  outline: 0;
  display: block;
  width: 100%;
  height: 50px;
  padding: 6px 25px;
  font-size: 14px;

}


.login-form input[type="submit"]{
  /*background: linear-gradient(to top right, #5875f6 30%, #8454e2 100%);*/
  color: #FFF;
  font-size: 1.2em;
  background: #002e5b;
}


/********************************************************************/
/*********************** Edit Profile *******************************/
/********************************************************************/

.panel form{
  margin-bottom: 0;
}

.panel input{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.panel input[type='submit']{
  background: #054b8f;
  border-color: #054b8f;
}


/********************************************************************/
/**************************** Profile *******************************/
/********************************************************************/

.profile-page{
  padding: 40px 0;
  background: #F7F7F7;
}

.profile-page .inner-block-profile{
  border-left: 5px solid #002e5b;
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}


.profile-page .inner-block-profile .profile-img-container,
.profile-page .inner-block-profile .list-container{
  padding: 20px 10px 0;
}


.profile-page .inner-block-profile .profile-img-container{
  text-align: center;
}

.profile-page .inner-block-profile .profile-img-container img{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  max-width: 200px;
  border: 1px solid #DDD;
  padding: 2px;
  cursor: pointer;
}




.profile-page .inner-block-profile .profile-img-container h2{
  margin: 10px 0;
  font-size: 1.8em;
  color: #555;
}

.profile-page .inner-block-profile ul{
  list-style-type: none;
  margin: 0;
}


.profile-page .inner-block-profile ul .list-group-item{
  border: 1px solid #DDD;
  border-left: 0;
  border-right: 0;  
  overflow: hidden;
  background: inherit;
}


.profile-page .inner-block-profile ul li:last-of-type{
  border: 0;
}


.profile-page .inner-block-profile ul .list-group-item div:first-of-type{
  color: #000
}

.profile-page .inner-block-profile ul .list-group-item div:last-of-type{
  padding-left: 25px;
}


.attended-courses h2{
  margin: 0 0 15px;
}

.attended-courses .main-table thead{
  background: #054b8f;
  color: #FFF;
  font-size: 1em

}

.attended-courses .main-table tbody{
  font-size: .9em
}


.total-score{
  width: 150px;
  padding: 15px;
  margin-top: 40px;
  color: #222;
  border: 1px solid #DDD;

}

.inner-block-profile span{
  border-radius: 50%;
  border: 1px solid #555;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #777;
  margin: auto;
  background: #f7f7f7;
  margin-top: 10px;
}

.edit-profile-btn{
  background: #054b8f;
  border: #054b8f;
  width: 300px;
  margin:20px auto
}




.edit-profile-btn:hover{
  background: #054b8f;
  border: #054b8f;
}


.profile-img-layout{
  background: #000000de;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  float: left;
  left: 0;
  z-index: 999999; 
  display: none 
}



.profile-img-layout .close-button{
  position: absolute;
  right: 50px;
  top: 50px;
  font-size: 50px;
  color: #666;  
  cursor: pointer;
}

.profile-img-layout .close-button:hover{
  color: #999
}

.profile-img-layout img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;

}


/********************************************************************/
/******************** Forget Password *******************************/
/********************************************************************/
.forget-password input{
  border-radius: 0;
    height: 45px;
}

.forget-password input:hover,
.forget-password input:focus,
.forget-password input:active{
  box-shadow: 0;
  border-color: #DDD;
}





/********************************************************************/
/***************************** Search *******************************/
/********************************************************************/


.single-search-result{
  padding-left: 10px;
  border-left: 5px solid #CCC;  
}

.single-search-result > a{
  color: #121f28
}

.single-search-result-description{
  font-size: 15px;
}

.single-search-result-description i{
  margin: 0 5px;
  position: relative;top: 1px;
  color: #999;
}



.single-search-result-description ul li{
  display: inline-block;
}

.single-search-result-description ul li:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f101";
    margin-left: 4px;
    position: relative;
    top: 1px
}

.single-search-result-description ul li:last-of-type:after{
  content: '';
}

.single-search-result-description a{
  color: #999;
}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
  background: #002e5b;
  border-color: #002e5b;
}

@media (max-width: 1199px){
  .single-search-result{
    text-align: center;
  }

  .single-search-result-description{
  }

  .single-search-result-description ul li{
    display: block;
  } 

  .single-search-result-description ul li:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\f103";
    display: block;
    margin: 4px;
  } 

  .single-search-result-description ul li:last-of-type:after{
    content: '';
  }
}

/*******************************************************************/
/**************************Social media icons **********************/
/*******************************************************************/
.social-media-icons-container{
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  box-shadow: 2px 2px 8px 0 rgba(0,0,0,.4);  
  z-index: 99999999999;
}


.social-media-icons-container a{
  position: relative;
  display: block;
  height: 50px;
  width: 100%;
  color: white;
  line-height: 50px;
  border-bottom: 1px solid rgba(0,0,0,.4);
  text-align: center;
}

.social-media-icons-container a:last-of-type{
  border-bottom: 0;
}


.social-media-icons-container a i{
  line-height: 50px;
  font-size: 20px;
}


.social-media-icons-container a span{
  display: inline-block;
  height: 40px; 
  line-height: 10px;  
  position: relative;
  top: -45px;
  left: 45px;
  margin-left: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 15px 13px;
  border-radius: 3px;
  transition: all .4s;
  opacity: 0;
  visibility: hidden;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  box-shadow: 2px 2px 8px 0 rgba(0,0,0,.4);
}
.social-media-icons-container a span:before{
  position: absolute;
  top: 20px;
  left: -6px;
  content: '';
  height: 14px;
  width: 14px;
  transform: translateY(-50%) rotate(45deg);
}


.social-media-icons-container a:hover span{
  margin-left: 30px;
  opacity: 1;
  visibility: visible;
}

/*Facebook*/
.social-media-icons-container a:nth-child(1),
.social-media-icons-container a:nth-child(1) span,
.social-media-icons-container a:nth-child(1) span:before{
  background: #355F9D;
}


/*YouTube*/
.social-media-icons-container a:nth-child(2),
.social-media-icons-container a:nth-child(2) span,
.social-media-icons-container a:nth-child(2) span:before{
  background: #F70000;
}


/*Linkedin*/
.social-media-icons-container a:nth-child(3),
.social-media-icons-container a:nth-child(3) span,
.social-media-icons-container a:nth-child(3) span:before{
  background: #0173B2;
}




/*******************************************************************/
/******************************* footer ****************************/
/*******************************************************************/


.footer-sec{
  position:relative; 
  background:url(../images/backgrounds/map.png); 
  background-position: center 0%;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
    /*height: 75%;*/
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    /*z-index: 1;*/
    position: relative;
    color: #BFBFBF;
}

.footer-sec-overlay{
  padding-top: 50px;
  background: #121f28;
}

.footer-sec .footer-top-item .footer-logo{
  position:relative;
}

.footer-sec .footer-img img{
}

.footer-sec .footer-info{
  margin-bottom:30px;
  overflow: hidden;
}

.footer-sec .footer-info ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer-sec .footer-info .footer-logo{
  margin-bottom:20px;
}

.footer-sec .footer-info .footer-social{}

.footer-sec .footer-info .footer-social li{
  display:inline-block;
  padding-right:8px;
}

.footer-sec .footer-info .footer-social li a{
  text-decoration:none; 
  font-size:22px;
}

.footer-sec .footer-info .footer-social li:nth-child(1) a{
  color:#3a7ae6;
}

.footer-sec .footer-info .footer-social li:nth-child(2) a{
  color:#33ccff;
}

.footer-sec .footer-info .footer-social li:nth-child(3) a{
  color:#dc4a38;
}

.footer-sec .footer-info .footer-social li:nth-child(4) a{
  color:#0274b3;
}


.footer-sec .footer-info .footer-social li:nth-child(5) a{
  color:#41b2dc;
}

.footer-sec .footer-info .footer-title{
  color:#fff; 
  position:relative; 
  border-bottom:1px solid #4b4b4b; 
  padding-bottom:15px; 
  margin-bottom:20px;
  font-size:24px; 
  font-family: 'Oswald', sans-serif; 
  text-transform:uppercase;
  font-weight: normal;
}

.footer-sec .footer-info .footer-title:after{
  content: "";
  width: 25px;
  height: 3px;
  background-color: #ffad18;
  position: absolute;
  left: 20px;
  bottom: -2px;
  margin-left: -20px;
}




.footer-sec .footer-info .service-link{}

.footer-sec .footer-info .service-link li{}

.footer-sec .footer-info .service-link li a{
  display:inline; 
  color:#d7d7d7; 
  margin-bottom:5px; 
  position:relative; 
  transition:all 0.5s ease; 
  -moz-transition:all 0.5s ease; 
  -webkit-transition:all 0.5s ease; 
  -ms-transition:all 0.5s ease; 
  -o-transition:all 0.5s ease;
}


.footer-sec .footer-info .service-link li a span{
  /*color: var(--theme-color);*/
  display: inline-block;
  margin-right: 5px;
  font-size: 13px;
}
  

.footer-sec .footer-info .service-link li a:hover{
  color: var(--theme-color); 
  padding-left:15px;
}

.footer-sec .footer-info .service-link li:hover a:before{
  color: var(--theme-color); 
  padding-left:15px;
}

.footer-sec .footer-info .footer-adress{
  list-style:none; 
  margin:0px;
}

.footer-sec .footer-info .footer-adress li{
  float:left; 
  width:100%; 
  margin:0; 
  padding:5px 0px;
}

.footer-sec .footer-info .footer-adress li > i{
  display:inline-block; 
  margin-right: 8px;
  font-size:18px; 
  color: var(--theme-color); 
  position: relative;
  top: 2px;

}

.footer-sec .footer-info .footer-adress li span{
  font-family:"Open Sans", sans-serif; 
  font-size:14px; 
  color:#fff; 
  line-height:24px;
}

.footer-sec .copyright-content{
  padding:30px 0; 
  margin-top:20px; 
  border-top:1px solid #4d4d4d; 
  position:relative;
}



.footer-sec .copyright-content  a{
  color: inherit;
}

.footer-sec .copyright-content .footer-bottom-menu{
  text-align:right;
  margin: 0;
  padding: 0;
}

.footer-sec .copyright-content .footer-bottom-menu li{
  display:inline-block;
}

.footer-sec .copyright-content .footer-bottom-menu li a{
  display:block; 
  font-size:14px; 
  color:#c7c7c7; 
  margin-left:15px; 
  transition:all 0.5s ease; 
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease; 
  -ms-transition:all 0.5s ease; 
  -o-transition:all 0.5s ease; 
}

.footer-sec .copyright-content .footer-bottom-menu li a:hover{
  color: var(--theme-color); 
}


/*******************************************************************/
/********************* Season Training Plan Pop Up *****************/
/*******************************************************************/

.season-training-plan-pop-up{
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999999999999999999;
  max-width: 300px;

}

.season-training-plan-pop-up .content{
  background: #FFF;
  border-radius: 6px;
  padding: 30px;
  margin-bottom: 20px;
  box-shadow: 12px 10px 10px rgba(0, 0, 0, 0.09);
  /*border: 1px solid #CCC;*/
  border-top: 3px solid #002e5b;
}


.season-training-plan-pop-up .content p{
  color: #323232;
  margin-bottom: 25px;
  text-align: center;
}


.season-training-plan-pop-up .content a{
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #002e5b;
  border-color: #002e5b; 
  color: #FFF;
  border-radius: 10px; 
  padding: 15px 20px;
}

.season-training-plan-pop-up .icon-container i{
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #002e5b;
  color: #FFF;
  background: #002e5b;
  font-size: 20px;
  cursor: pointer;
}