body{  font-family: "Montserrat", sans-serif;}
h1, h2, h3, h4, h5{ font-family: "Montserrat", sans-serif;}
li{font-family: "Montserrat", sans-serif;}
img{max-width:100%;}
a{text-decoration: none; font-family: "Montserrat", sans-serif;}
.container{max-width: 1200px !important;}
.container-fluid {max-width: 1200px !important;}
.top_header{padding-top: 20px; padding-bottom: 20px;}
.topbutton{ margin-top: 0px; text-align: right;}
.topbutton a {
 padding: 10px 10px;
  color: #fff;
  background: #D90D0D;
  font-size: 12px;
  transition: all ease 0.5s;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  border-radius: 10px;
}
.topbutton a:hover{ color: #fff; background: #00477B; transition: all ease 0.5s;}
.topbutton img{width:20px;}
a.bgblue{background: #00477B;}
a.bgblue:hover{background: #D90D0D;}

.topbutton a.bgblue{margin: 0px 5px !important; white-space: nowrap;}
.topbutton a.redbg{margin: 0px 5px !important; white-space: nowrap;}



/* ============ top Mneu ============ */
@media all and (min-width: 992px) {
.dropdown-menu li{ position: relative; 	}
.nav-item .submenu{ display: none;	position: absolute;left:100%; top:-7px;}
.nav-item .submenu-left{ right:100%; left:auto;}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{ display: block; }
}	
@media (max-width: 991px) {
.dropdown-menu .dropdown-menu{ margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;}}	
.menutop ul.navbar-nav{text-align:center; margin: 0 auto;}
.menutop ul li a{color: #000; font-size: 16px; font-weight: 500;}
.menutop ul li{margin: 0px 15px;}


/* ============ top Boxes ============ */
.pictext{position: absolute; bottom: 38px; z-index: 99; text-align: center; left: 0px; right: 0px; color: #fff; padding:0px 20px;}
.pictext h2{color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.pictext h3{color: #000; font-size: 26px; font-weight: 600; margin-bottom: 15px;}
.pictext p{font-size: 17px; color: #000; margin-bottom: 7px;}
.pictext ul{padding-left: 0px;}
.pictext ul li { list-style: none; display: inline; margin: 0px 8px; color: #ffff;}
.pictext ul li a{ text-decoration: none; color: #fff; font-weight:600; font-size: 14px;}
.topboxes{margin-bottom:0px;}
img.w100{width:100%;}
.pictext span{font-size: 22px; color: #000; display: block;}


.pictext2 h3{color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 15px; position: absolute; bottom: 0%; left: 2%;}



/* ============ Upcoming 4 Days Courses ============ */
.upcomingcourses{
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 0%,#000000 0%,#000000 0%,#024474 99%); padding: 30px 0px;}
	.title{text-align: center;}
	.title h4{font-size: 28px;
  color: #fff;
  font-weight: bold;}
	.title h3{font-size: 28px; color: #02416D; font-weight:bold;}
	.title h3 span{ color: #9b9b9b; letter-spacing: 1px;}
	.title h4 span{ color: #ccc; letter-spacing: 1px;}
	.coursesmonth{text-align: center;}
.coursesmonth h5{color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.coursesmonth p{color: #ffff; margin-bottom:5px; }


/* ============ Cerficate Courses ============ */
.package{background: #B9DDF7; padding: 20px 50px; border-radius:30px; text-align: center; padding-top: 35px; padding-bottom: 30px;}
.package h2{
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase; border-bottom: 2px solid #333; padding-bottom: 20px;}
.package p{margin-bottom:10px; font-weight:500; color: #464646;}
.text-center{text-align:center;}
.pricebox h4{font-size: 36px;
  font-weight: bold;}
.heght{height: 225px;}


.individual{ border:5px solid #B9DDF6; border-radius: 30px; text-align: center; padding: 20px 0px; padding-bottom: 10px;} 
.individual span{ font-size: 20px; color: #000; font-weight: 600;}
.individual h3{ font-size: 20px;
  color: #02416D;
  font-weight: bold;
  margin-top: 10px;}
ul.individuallist{padding-left: 0px;}
ul.individuallist li{list-style: none; border-top: 2px solid #B9DDF6; padding: 15px 20px; font-size: 14px; text-align: left; font-weight: 600;}
ul.individuallist li a{  float: right; text-decoration: none; color: #ac1f1f; font-size: 16px; font-weight: 600;}     
span.textitalic{ font-style: italic; font-size:20px; color: #ccc;}



.our-course {padding: 2rem 0;}
.sec-title {position: relative; margin-bottom: 30px; }
.sec-title h2 {position: relative;
  font-size: 28px;
  color: #005173;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 10px;
  text-transform: capitalize;}
.sec-title h2 span {color: #bdbaba;}
.sec-title .separator {position: relative; width: 175px; height: 1px; background-color: #ececec;}
.sec-title .separator::after { position: absolute; left: 0px; bottom: 0px; content: ''; width: 45px; height: 1px; background-color: #f10113; }
.cours-name { text-align: center; margin-bottom: 2rem;}
.cours-name a {color: #000; border-bottom: 2px solid #cf080a; display: block; min-height: 70px; text-decoration: none;}
.testimonial-section {background: #ddecef; position: relative;}
.testimonial-section .testimonials2 {padding: 2rem; min-height: 500px;}
.testimonial-section::before {position: absolute;right: 0;top: 0;width: 50%;background: #9bd7d5;height: 100%;content: '';}
.testimonials {margin-top: 80px;margin-left: 50px;}
.author-info h3 {color: #fff;font-size: 20px;}
.testimonials p {font-size: 17px;color: #000;font-weight:600;}


.news-style-one .inner-box .lower-content .upper-box h3 { padding-top: 18px;
  padding-bottom: 10px;
  position: relative;
  font-weight: bold;
  font-size: 20px;
  color: #222222 !important;
  margin-bottom: 6px;}
.news-style-one .inner-box .lower-content .upper-box h3 a{text-decoration: none; color: #222222 !important;}
.accordion-button:not(.collapsed) {color: #fff !important; background-color: #014778 !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);}
.accordion-item { background-color:transparent !important; border: 1px solid rgba(0, 0, 0, 0.125);}
.accordion-button { background-color: transparent !important;}


.award_box { background-color: #fff; box-shadow: 0 10px 50px 4px rgba(185,180,180,1); border-radius: 20px; overflow: hidden; text-align: center; margin-bottom: 20px;}
.award_box h3 { font-size: 17px; border-top: 1px solid #f10113; padding: 10px; line-height: 1.4; min-height: 105px;}
h4.fontw600{font-weight: bold;
  font-size: 28px;}


.locations { position: relative; padding: 1rem; min-height: 176px; }
.loction-name {font-weight: bold;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;}
.locations ul { padding-left: 0px; margin-top: 15px; }
.locations ul li {list-style-type: none;font-size: 14px;margin-bottom: 8px;font-weight: 500;display: flex;}
a.btn-register {background-color: #FF3300;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	border-radius:5px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;}
	
a.btn-register:hover{color: #fff !important;}
.c-logos-1.-style-default .locations::after { left: 0;bottom: -1px;width: 100%;border-bottom-width: 1px;}
.c-logos-1.-style-default .locations::before, .c-logos-1.-style-default .locations::after { position: absolute;content: "";display: inline-block;}
.locations ul li a {color: #000;text-decoration: none;}
.c-logos-1.-hover-1 .locations:hover {background-color: #fff;color: #014778;}
.locations {position: relative;padding: 1rem; padding-top: 25px; padding-left: 25px; border: 1px solid #e6e6e6; margin: 10px; border-radius: 10px; }
.c-logos-1.-style-default .locations::before {top: 0;left: -1px;height: 100%;border-left-width: 1px;}
.c-logos-1-item{padding: 0px !important; margin: 0px;}
.locations ul li i{margin-right: 8px; position: relative;top: 4px;}

ul.locationlist li img{ width: 20px;
	margin-right: 5px;
	height: 20px;
	position: relative;
	top: 2px;}
img.borderraduis{border-radius: 5px;}


.about-section .about-img { position: relative; box-shadow: 0 10px 20px 4px rgba(185,180,180,1); border-radius: 20px; overflow: hidden;
	margin-bottom: 3rem; z-index: 999;
 }
.about-img .video-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 45%; }
.about-img .video-icon i { position: relative; z-index: 1; color: #fff;}
.about-section { padding: 3rem 0; text-align: center; position: relative; overflow: hidden; }
.about-section::after {position: absolute;top: 35%; left: 0; width: 100%; height: 100%; z-index: -9; background-color: #ddecef; content: '';}
.title .separator {position: relative; width: 175px; margin: 18px auto; height: 1px; background-color: #ececec;}
.title .separator::after {position: absolute;left: 0px;bottom: 0px;content: '';width: 45px;height: 1px;background-color: #f10113;}
.about-section p {font-style: italic; font-weight: 600; font-size: 17px;}
  



.footerdetails {
	position: relative;
	background-color: #024778;
  }
  .footerdetails .widgets-section {
	position: relative;
	padding: 60px 0px 40px;
  }

  .footerdetails .footer-column h2 {
font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #ffffff;
  letter-spacing: 1px;
  padding-bottom: 15px;
  text-transform: capitalize;
  position: relative;
  }
  .footerdetails .footer-column h2::before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 50px;
	height: 1px;
	background-color: #7a7a7a;
  }
  .footerdetails .footer-column h2::after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 32px;
	height: 1px;
	background-color: #f10113;
  }

  .footerdetails .about-widget .bold-text {
	position: relative;
	color: #e4e4e4;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	font-family: 'Ubuntu', sans-serif;
  }
  .footerdetails .about-widget .text {
	position: relative;
	color: #ababab;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8em;
	margin-top: 15px;
	margin-bottom: 20px;
  }
  .footerdetails .about-widget .read-more {
	position: relative;
	color: #a9d300;
	font-size: 14px;
	font-style: italic;
  }
  ul.list {
	padding-left: 0px;
  }
  .footerdetails .links-widget .list li {
	position: relative;
	margin-bottom: 2px;
	list-style-type: none;
  }

  .footerdetails .links-widget .list li a {
	position: relative;
	display: block;
	text-decoration: none;
	line-height: 24px;
	font-size: 13px;
	font-weight: 400;
	padding: 4px 0px 4px 0px;
	text-transform: capitalize;
	color: #d8d8d8;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
  }


  .footer-bottom {
	position: relative;
	padding: 18px 0px 6px;
	background-color: #1b1b1b;
  }
  .footer-bottom .copyright { 
	position: relative; font-family: "Montserrat", sans-serif;
	color: #e4e4e4;
	font-size: 14px;
	font-weight: 500;
	margin-top: 5px;
	margin-bottom: 12px;
	text-decoration: none;
  }
  .footer_esimp {
	float: right;  font-family: "Montserrat", sans-serif;
	margin-top: 0; color: #fff;
  }
  
  .topboxes{position: relative;}
  .locationbox{position: absolute; top: 1%; left: 47%; text-align: center;}
  .locationbox img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox2{position: absolute; top: 15%; left: 32%; text-align: center;}
  .locationbox2 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox3{position: absolute; top: 36%; left: 42%; text-align: center;}
  .locationbox3 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox4{position: absolute; top: 35%; left: 24%; text-align: center;}
  .locationbox4 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox5{position: absolute; top: 38%; left: 8%; text-align: center;}
  .locationbox5 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox6{position: absolute; bottom: 27%; left: 28%; text-align: center;}
  .locationbox6 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox7{position: absolute; bottom: 25%; left: 18%; text-align: center;}
  .locationbox7 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox8{position: absolute; bottom: 25%; left:2%; text-align: center;}
  .locationbox8 img{width:25px; display: block; margin: 0 auto; text-align: center;}


  .locationbox9{position: absolute; bottom:30%; right:42%; text-align: center;}
  .locationbox9 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox10{position: absolute; bottom:35%; right:25%; text-align: center;}
  .locationbox10 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox11{position: absolute; bottom:52%; right:13%; text-align: center;}
  .locationbox11 img{width:25px; display: block; margin: 0 auto; text-align: center;}

  .locationbox12{position: absolute; bottom:10%; right:22%; text-align: center;}
  .locationbox12 img{width:25px; display: block; margin: 0 auto; text-align: center;}


  .pictext2 a{color: #fff; text-decoration: none; font-size: 12px; font-weight:600;}
  .pictext2 a:hover{ color: #ccc;}




  .digital{padding:60px 0px; height:380px; position: relative;}
  .ambgoes h2{color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;}
  .ambgoes span{color: #fff; font-size:17px; font-weight: 600;}
  .bottompart{position: absolute; bottom:30px; z-index:99;}
  .bottompart h3{font-size: 20px; color: #fff;}
  .bottompart img{border: 1px solid #828282; margin-right: 6px;}


  .bggrayscal{background: #F9F7F0; padding: 40px 20px;}
  h4.hedingsub { font-weight: bold; font-size: 28px;}

  .coursebox{padding: 20px 0px;}
  .coursebox span{font-weight:bold; font-size: 25px; color: #000; margin-bottom: 10px; display: block;}
  .coursebox h5{text-transform: uppercase; font-size: 20px; font-weight:bold;  color: #000; margin-bottom: 15px;}
  .coursebox p{ font-size: 14px; color: #000;}
  .coursebox a{margin: 0px 5px; text-decoration: none; font-size: 14px;}

  .calltext h5{font-size:20px; font-weight: bold;}
  .calltext h6{font-size:20px; font-weight:500;}
  .calltext{border-left: 2px solid #000; padding: 22px 70px !important;}

.locationpage{ background: #FAF7F0;}
.locationtext h3{ font-size: 28px; color: #000; font-weight: bold;}
.locationtext h4{ font-size:20px; color: #000; font-weight: bold;}
.textleft{text-align: left;}
  .locationtext ul{padding-left: 0px; margin-top: 30px;}
  .locationtext ul li{ list-style: none;}
  .mapshow{margin-top: 50px; position: relative;}

  .mapshow::after{content: ""; background: #000; width:3px; height:100%; display: block; right: 20px; position: absolute; top: 0px;}

  .pl50{padding-left: 50px;}
.pr50{padding-right: 50px;}

    ul.courseslist{padding-left: 12px;}
  ul.courseslist li{ line-height: 1.9; font-size: 14px; font-weight:500; list-style: disc;}
    ul.courseslist li a{ line-height: 1.9; font-size: 14px; font-weight:500;list-style: none;}

	 ul.courseslist{padding-left: 12px;}
  ul.courseslist li{ line-height: 1.9; font-size: 14px; font-weight:500; list-style: disc;}
    ul.courseslist li a{ line-height: 1.9; font-size: 14px; font-weight:500;list-style: none;}


	 ul.courseslistdate li{ line-height: 2; font-size: 14px; font-weight:500;}
    ul.courseslistdate li a{ line-height: 1.9; font-size: 14px; font-weight:500;list-style: none; text-decoration: none; color: #000;}



@media screen and (max-width:640px){
  .dropdown-toggle::after {
  display: inline-block; display: none !important;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.navbar-expand-lg {
  float: right;
  text-align: right;
}
button.bg-black {
  background: #000;
  color: #fff;
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
}
.navbar-collapse {
  margin-top: 51px;
}
}


@media screen and (min-width: 992px) {
  .navbar {
    padding: 0;
    line-height: 3rem;
    .dropdown-menu {
      line-height: initial;
    }
  }  
  
  .dropdown {
    .dropdown-menu {
      display: none;
    }
  }
  .dropdown,
  .dropend {
    &:hover {
      & > .dropdown-menu {
        display: block;
      }
    }
  }
  .dropdown {
    &:hover {
      & > .dropdown-menu {
        margin-top: -.5rem;
      }
    }
  }
  .dropend {
    &:hover {
      & > .dropdown-menu {
        position: absolute;
        top: -.5rem;
        left: 100%;
        margin-left: 0;
      }
    }
  }
}

ul.submenulist{width: 270px;}
ul.submenulist li{border-radius: 6px !important;}
ul.submenulist li a{  background: #00477B !important; padding: 10px 10px; color: #fff; border-radius: 6px; text-transform: capitalize; font-weight: 500;}
ul.submenulist li a:hover{ color: #000 !important; border-radius: 6px !important; background:#fff !important;} 
.dropend .dropdown-toggle::after {
  float: right; margin-right: 5px;
  margin-top: 7px;
}
button.bg-black{background:#000; color: #fff;}

span.navbar-toggler-icon{float: right;}
span.navbar-toggler-icon i{margin-top: 5px;}


.breadcrumblist ol li a{ text-decoration: none; color: #fff; font-size: 14px;}
.breadcrumblist ol li.active {color: #ccc; font-size: 14px; position: relative;
  top: 3px;}
.bgbluecolor{ background: #00477B; padding: 10px 0px;}

.abouttxtimg img{width:100%;}


.sec-title .separator::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: '';
  width: 45px;
  height: 1px;
  background-color: #f10113;
}
.sec-title.text-center .separator {
  margin: 0 auto;
}
.sec-title .separator {
  position: relative;
  width: 175px;
  height: 1px;
  background-color: #ececec;
}
.sec-title.text-center .separator::after {
  left: 50%;
  margin-left: -22px;
}
.sec-title h3{font-size: 28px;
  color: #024778;
  font-weight: bold;}

.sec-title h4{font-size: 20px;
  color: #024778;
  font-weight: bold;}


ul.list-style-two {
  padding-left: 15px;
}
ul.list-style-two li {
  list-style: none;
  display: flex;
  margin-bottom: 10px; font-size: 15px;
}
.fa-angles-right::before {
  content: "\f101";
}
ul.list-style-two li i {
  font-size: 14px;
  color: #D90D0D;
  position: relative;
  top: 6px;
  padding-right: 10px;
  margin-bottom: 5px;
}


a.package-register {
  background-color: #D90D0D;
  color: #fff; padding: 8px 15px;
  font-size:16px;
}

a:link, a:visited {
  text-decoration: none;
}

.categorybox {padding: 15px; border: 1px solid #f2f2f2; padding-bottom: 20px;  }
.categorybox h3{font-size: 20px;
  margin-top: 20px;
  font-weight: bold;
  color: #024778;}
.categorybox a{transition: all ease 0.5s;}
.categorybox a:hover{text-decoration: none; color: #fff; background: #024778; transition: all ease 0.5s;}

button.accordion-button{font-size: 20px;
  font-weight: bold;}


.check-certificatio .btn-submit {
  background-color: #f4ec0b;
  border-color: #f4ec0b;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.check-certificatio .btn-danger {
  background-color: #005173;
  border-color: #005173;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 18px;
  padding-left: 20px;
  padding-right: 20px;
}
.pr-4{padding-right: 40px;}
ul.list-style-two li a{color: #000; font-size: 15px;}
ul.list-style-two li a:hover{color: #005173; transition: all ease 0.5s;}

.location-sidebar2 h2 {
  margin-top: 0rem;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
.location-sidebar2 ul {
  margin-bottom: 1rem;
  padding-left: 0px;
}
.location-sidebar2 ul li {
  list-style-type: none;
  margin: 4px 0;
  position: relative;
}
.location-sidebar2 ul li a {
padding: 10px 18px;
  display: block;
  background-color: #f4f4f4;
  color: #000;
}

.location-sidebar2 ul li a.active{  background: #005173 !important; color: #fff;}
.location-sidebar2 ul li a i{float: right; position: relative; top: 5px;}
thead.thead-dark{background: #005173; color:#fff;}
a.package-register{color:#ffff !important;}

.inner-box h4::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 2px;
  background: #cf080b;
  content: '';
}
.inner-box h4::before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 150px;
  height: 1px;
  background: #ddd;
  content: '';
}
.inner-box h4::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 50px;
  height: 2px;
  background: #cf080b;
  content: '';
}
.inner-box h4 {
  font-size: 20px;
  color: #2E418B; font-weight: bold;
  position: relative;
  margin-bottom: 2rem;
}
ol.list-style-two{padding-left: 0px;}
ol.list-style-two li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 15px;
}
ul.list-style-two22{padding-left: 0px;}
ul.list-style-two22 li{display: inline-block; margin:5px 10px; line-height:1.8; padding: 5px 10px; border: 1px solid #ccc ;}
.form-control{margin-bottom: 15px;}

  .navbar-expand-lg {
    float: right;
  }
  .dropdown-menu { background: #00477b !important; padding: 0px 0px !important; border-radius: 10px !important;} 

  .bglightyellow{background: #FAF7F0;}
  .register-form h5{color: #000;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;}
  .register-form label{font-weight: 600; font-size: 15px;}
  button.Zebra_DatePicker_Icon {
  background: url(../img/icons.png) center top no-repeat !important;
  border: none;
  cursor: pointer;
  display: block;
  height: 16px;
  line-height: 0;
  padding: 0;
  position: absolute;
  text-indent: -9000px;
  width: 16px;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #fff !important;
  opacity: 1;
}


.btn-primary {
  color: #fff;
  background-color: #024778 !important;
  border-color: #024778 !important;
}







#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1; position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{z-index: 99999;}
nav#cssmenu ul{margin-bottom:0px; padding-left: 0px;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding: 14px 8px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    transition: all ease 0.5s;
    text-transform: uppercase;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color: #fff; transition: all ease 0.5s;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease; color:#3aa1e4;}
/*#cssmenu > ul > li.has-sub > a{padding-right:30px}*/
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position: absolute;
left: -9999px; padding-left:0px; width: 268px;
margin-top:0px; z-index: 999;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#024778;transition:all .25s ease; }
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height: auto;}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding: 16px 15px; transition: all ease 0.5s; width: 100%; font-size:14px;text-decoration:none;color:#fff;font-weight:400; display: inline-block;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; transition: all ease 0.5s; background:#a9d300;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#222;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#222;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}


.menutop{display: none;}
@media screen and (max-width:1080px){
  .menutop{display:block;}
  .mbnone{display: none;}
  li.has-sub{float:left;}
.menutop ul li{margin-left: 0px;}

.pictext {
  position: absolute;
  bottom: 15px;
}

.topbutton ul{margin: 0px; margin-top: 15px; padding-left: 0px; text-align:center;}
.topbutton ul li{list-style: none; display: contents;}
.topbutton ul li a{padding: 8px 12px; font-size: 13px; color: #ffff;}
.coursesmonth{margin-top: 30px;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; padding-left: 0px;
background-color: #f7f7f7;}
#cssmenu ul li{width:100%;border-top:1px solid #e3e0e0;}
#cssmenu ul li:hover{background:#00477B;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float: none;}
#cssmenu ul ul li a{padding-left: 23px;
    font-size: 12px;}
#cssmenu ul ul li{background:#00477B!important; float: left;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#e8e8e8;background:none; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;color:#ddd;font-size:12px;font-weight:700}
.button{width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: -34px;
    cursor: pointer;
    z-index: 12399994;}
nav#cssmenu ul {
    margin-bottom: 20px;
    float: left; background:#00477B;
}
ul.open{ margin-top: 0px;}
li.has-sub i {
    font-size: 13px; display:none;
}

.button:after{position: absolute;
top: 22px;
right: 20px;
display: block;
height: 10px;
width: 28px;
border-top: 2px solid #acacac !important;
border-bottom: 2px solid #acacac;
content: '';}
.button:before{-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 13px;
right: 20px;
display: block;
height: 2px;
width: 28px;
background: #acacac;
content: '';}
.header_top_line ul li {
 font-size: 15px !important;}
#cssmenu > ul > li > a {
 padding: 15px 22px; color: #fff;
 font-size: 11px;
 font-weight: 600;}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#575757;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#aba9a9;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position: absolute;
z-index: 99;
right: 0;
top: 0;
display: block;
border-left: 1px solid #d4d4d4;
height: 43px;
width: 46px;
cursor: pointer;}
#cssmenu .submenu-button.submenu-opened{background:#00477B;}
#cssmenu ul ul .submenu-button{height: 45px;
    width: 45px;}
#cssmenu .submenu-button:after{position:absolute;top: 21px;right:19px;width:8px;height:2px;display:block;background:#8c8c8c;content:''}
#cssmenu ul ul .submenu-button:after{top: 22px;
    right: 19px;}
#cssmenu .submenu-button.submenu-opened:after{background:#fff; }
#cssmenu .submenu-button:before{position:absolute;top: 18px;right:22px;display:block;width:2px;height:8px;background:#8c8c8c;content:''}
#cssmenu ul ul .submenu-button:before{top: 18px;
    right: 22px;}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

.desk_text{display:none;}
.mob_text{display:block; margin-top:20px;}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    color: #fff;
    transition: all ease 0.5s;
    background:#fff!important; color:#333;
}

}












.checklist-box {
  background-color: #024778;
  font-size: 18px;
  color: #ffffff;
  padding: 20px;
  width: 100%;
}
.checklist2 {
  position: relative;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.checklist2 .service-icon {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 10%;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 20px;
  background: #fac033;
}
.checklist2 .service-detail {
  margin-left: 10px;
  float: left;
  width: 80%;
}
.checklist2 .service-icon svg {
  width: 50px !important;
  height: 50px !important;
  color: #ffffff;
  display: block;
  padding: 10px;
}
.checklist2 h3 {
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
}
.checklist2 p {
  font-size: 12px;
  font-weight: bold;
  color: #fac033;
  text-align: left;
}






.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #fff !important;
  background-color: #D90D0D !important;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 12px 50px;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}
.nav-tabs .nav-link {
  border: 1px solid #eee !important;
}
.tab-content {
  padding: 2rem;
  border-radius: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(153, 153, 153, 0.23);
  background: #fff;
}
.accordion-item {
  background-color: #fff;
  border:none !important;
}
select.custom-select {
  padding: 10px;
  background: none;
  border: 1px solid #ccc;
  margin-top: 10px;
}




.location-sidebar h2 {
  margin-top: 2rem;
  padding-left: 1rem;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.location-sidebar ul {
  width: 100%;
  margin-bottom: 1rem;
  margin-left: 5px;
}

.location-sidebar ul li::before {
  display: none;
}

.location-sidebar ul li a {
  padding: 7px 18px;
  display: block;
  background-color: #f4f4f4;
  color: #000;
}


li.color_class0 {
  background-color: #ff3399 !important;
}
li.color_class2 {
  background-color: #029e60 !important;
}
li.color_class8 {
  background-color: #999966 !important;
}
li.color_class9 {
  background-color: #333300 !important;
}

.location-sidebar ul li {
  list-style-type: none;
  margin: 4px 0;
  position: relative;
}
ul#calendarlinks li i{float: right; position: relative; top: 3px;}

button.Zebra_DatePicker_Icon{float: right;
  position: absolute !important;
  right: 12px !important;}