@font-face { font-family: 'poppinsmedium'; src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'), url('../fonts/poppins-medium-webfont.woff') format('woff');  font-weight: normal;  font-style: normal; }
@font-face { font-family: 'poppinsregular'; src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins-regular-webfont.woff') format('woff'); font-weight: normal;  font-style: normal; }
@font-face { font-family: 'poppinssemibold'; src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'), url('../fonts/poppins-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html,body{ font-size:16px; font-family:'poppinsregular'; -ms-overflow-style: scrollbar; }
.previewAlert{  left: 0;  position: fixed; right: 0; text-align: center; top: 0px; z-index: 2147483647; background: #FF0000; color: #fff; padding: 15px;}
.previewAlert .closeprev{ float: right; color: #fff; text-decoration: none}
a:focus {outline:none;}
img {max-width:100%;}
.pr{ position:relative; }
.mt-60{ margin-top:60px;} .mt-50{ margin-top:50px;}.mt-40{ margin-top:40px;} .mt-30{ margin-top:30px;} .mt-20{ margin-top:20px;}
.mb-60{ margin-bottom:60px;} .mb-50{ margin-bottom:50px;} .mb-40{ margin-bottom:40px;} .mb-30{ margin-bottom:30px;} .mb-20{ margin-bottom:20px;}
.pt-60{padding-top:60px;} .pt-50{padding-top:50px;} .pt-40{padding-top:40px;} .pt-30{padding-top:30px;} .pt-20{padding-top:20px;}
.pb-60{padding-bottom:60px;} .pb-50{padding-bottom:50px;} .pb-40{padding-bottom:40px;} .pb-30{padding-bottom:30px;}.pb-20{padding-bottom:20px;}
/* Header styles */
.navbar-brand{ padding:0px 0px 0 5px; height:auto;}
.header.darkHeader {background: #012552;top: 0;}
.dropdown-menubox{ position:relative;}
.dropdown-menubox .menu-link{ padding-right:40px;}
.dropdown-menubox .dropdown-menu li { width:100%; display:block;}
.header{height:100px; position:fixed; width:100%; box-sizing:border-box; -webkit-transition: background 1s; transition: background 1s; border-bottom:1px solid rgba(217, 217, 217, 0.1); padding:8px 0; z-index:999; background: rgba(1, 37, 82, 0);}
.site-logo{transition: color 200ms cubic-bezier(.55, 0, .1, 1);color: #30acff;font-size: 3rem;}
/* okayNav styles */
body.okayNav-loaded {overflow-x: hidden;}
/*.okayNav:not(.loaded){visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}*/
.okayNav ul {float: right;}
.okayNav a{color: #fff;font-size:16px;font-weight: normal;position: relative;z-index: 1; text-decoration:none;}
.okayNav__nav--visible{white-space: nowrap;}
.okayNav__nav--visible li {display: inline-block; float:none; position:relative;}
.okayNav__nav--visible a{display: block;transition: color 200ms cubic-bezier(0.55, 0, 0.1, 1);padding: 15px 10px;}
.okayNav__nav--visible a:hover{color:#000;}
.okayNav__nav--invisible{position: fixed;top:100px;bottom: 0; z-index:555 !important;overflow-y: scroll;-webkit-overflow-scrolling: touch;background:#012552;}
.okayNav__nav--invisible a{background: #fff;width: 290px;display: block;padding: 15px;}
.okayNav__nav--invisible.nav-left {left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.okayNav__nav--invisible.nav-right {right: 0;-webkit-transform: translateX(100%);transform: translateX(100%);}
.okayNav__nav--invisible.transition-enabled{transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);}
.okayNav__nav--invisible.nav-open{-webkit-transform: translateX(0);transform: translateX(0);}

#nav-main{position:relative; float:right; margin-top:18px; padding-right:5px;}
#nav-main .nav li.dropdown.open > ul.dropdown-menu{position:absolute;}
#nav-main .nav li.dropdown.open > ul.dropdown-menu li{width:100%; display:block;}
.navbar-right{ margin-right:0;}
#nav-main .nav li.dropdown-menubox.open:hover, #nav-main .nav li.dropdown-menubox.open:active, #nav-main .nav li.dropdown-menubox.open:focus, #nav-main .nav li.dropdown-menubox.open{background-color:#ffcc00}
#nav-main ul li:hover, #nav-main ul li:active, #nav-main ul li:focus{background-color:#ffcc00}
#nav-main ul li.active, #nav-main ul li.active, #nav-main ul li.active{background-color:#ffcc00}
#nav-main ul li.active, #nav-main ul li.active a, #nav-main ul li.open > a{ color:#000;}
#nav-main ul li:hover a, #nav-main ul li:focus a, #nav-main ul li:active a{background:none; color:#000}
#nav-main ul li:hover a, #nav-main ul li:focus a, #nav-main ul li:active a, #nav-main ul li a{background:none;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu{border:0; border-radius:0; margin:0; padding:0;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu li a{ padding-top:15px; padding-bottom:15px;}
#nav-main .nav li.dropdown-menubox.open .dropdown-menu{position:absolute; background-color:#fff; box-shadow:0 0 5px #cecece}
#nav-main ul{ margin:0; padding:0; list-style:none}
#nav-main ul.nav-open li{ list-style:none; clear:both; border-bottom: 1px solid #011c3d;}
#nav-main ul.nav-open{padding:0; margin:0;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu{position:static; border:0; border-radius:0; margin:0; padding:0; background-color:#012552; box-shadow:none; background-color:#001340}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu li{border-bottom:0;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu li:last-child{border-bottom: 1px solid #011c3d;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu a{color:#fff; padding-left:40px; font-size:14px; white-space: normal;}
#nav-main .nav-open li.dropdown-menubox.open .dropdown-menu a:hover{ color:#000;}
#nav-main .nav li:last-child .dropdown-menu{ left: inherit; right: 0}
#nav-main .nav li:last-child .dropdown-menu a{ padding-left: 5px !important}
.new-toggle{ display:none;}
.dropdown-backdrop{z-index: 0 !important}
.dropdown-menu li a{ padding:15px 10px 15px 20px !important}
.itembox { background: #ccc none repeat scroll 0 0; display: block; height: 35vw; overflow: hidden; text-align: center; vertical-align: top; width: 100%;}
.itembox img { width: 100%}
.item-overlay {background-color: rgba(0, 0, 0, 0.3); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }
.carousel-control{z-index: 2;}
.banner .carousel-control{ width: 8%; }
.banner .carousel-caption{ left: 15%; right: 15%; }
.crsl-items .carousel-control .zmdi-chevron-left, .crsl-items .carousel-control .zmdi-chevron-right{ top: calc(50% - 20px) !important; }
.flex-container{-ms-box-orient:horizontal; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex;  justify-content:center; -webkit-justify-content: center;}
.wrap{-webkit-flex-wrap:wrap; flex-wrap:wrap;}
.item-box { background:#fff; margin: 0 15px 30px; padding: 15px 15px 65px; position: relative; width: calc(33% - 30px); text-align: center; box-shadow: 0px 0px 3px #cfcfcf;}
.img-box { height:180px; line-height:180px;}
.item-box h3 {  font-size: 20px; margin: 0px; color:#003066; font-family: 'poppinssemibold'; }
.box-title{ min-height: 80px; position: relative; margin-bottom: 20px; align-items: center; display: flex; justify-content:center;}
.box-title:before{content: ""; position: absolute; background: #FFCC00; width: 60px; height: 2px; left: 0; right: 0; margin: 0 auto;bottom: -5px;}
.learn-more, a.learn-more{ bottom: 10px; left: 10px; position: absolute; right: 10px; padding: 10px;border: 1px solid #003067; text-decoration: none; font-size: 18px; transition: all 0.4s ease 0s;}
.learn-more:hover, a.learn-more:hover{ background: #003067; color: #fff; }
.edAssistApplyButton{ background:#FFCC00; line-height:40px; color:#000; letter-spacing:2px; position:relative; white-space: inherit; }
/*-FOOTER CSS START-*/
footer {background:#4A4A4A; color:#b6b6b6; float:left; font-size:0.875rem; padding-top:40px; width:100%;}
footer .footer-links h4 {font-family:'poppinssemibold'; color:#fff; font-size:16px; text-transform:uppercase;}
footer .footer-links .list-group .list-group-item {background:rgba(0, 0, 0, 0) repeat; border:0 none; font-size:14px; padding:5px 0;}
footer .footer-links .list-group .list-group-item a {transition:all 0.2s ease-in-out 0s;}
footer .footer-links .list-group .list-group-item a:hover {margin-left:5px;}
footer .footer-links .zmdi {font-size:20px;}
footer .buttom-social{ margin-bottom: 10px; }
footer .footer-links .buttom-social a {color:#b6b6b6; padding:10px;}
footer .footer-links .buttom-social .facebook-icon, footer .footer-links .buttom-social .twitter-icon, footer .footer-links .buttom-social .instagram-icon {
border-radius:50%; box-sizing:border-box; display:inline-block; height:50px; line-height:35px;text-align: center;transition:all 0.8s ease-in-out 0s; width:50px;}
footer .footer-links .buttom-social .facebook-icon:hover, footer .footer-links .buttom-social .twitter-icon:hover, footer .footer-links .buttom-social .instagram-icon:hover {color:#fff;}
footer .footer-links .buttom-social .facebook-icon:hover {background:#3b5998;}
footer .footer-links .buttom-social .twitter-icon:hover {background: #00abf1;}
footer .footer-links .buttom-social .instagram-icon:hover {background: #6a453b;}
footer .footer-links .list-group .list-group-item a {color:#b6b6b6;}
.footer-copyright {background-color:#4a4a4a; border-top:1px solid #5d5d5d; font-size:13px; padding:15px 0 5px;}
.footer-copyright p {text-align:left;}
footer a, footer a:hover, footer a:focus{color: #B6B6B6; margin-right:5px;}
.social-icon a { font-size: 20px; margin-right: 5px; padding: 3px;}
/***** Banner section *******/
.crsl-items .carousel-control .zmdi-chevron-left, .crsl-items .carousel-control .zmdi-chevron-right {font-size:50px; position:absolute; top:46%;}
.crsl-items .carousel-control .zmdi-chevron-left {left:50px;}
.crsl-items .carousel-control .zmdi-chevron-right {right:50px;}
/*.crsl-items .carousel-caption {top: 13vw;}*/
.crsl-items h1, h2, h3 {color:#FFF; font-size:2.1rem;}
.crsl-items h1 {font-family:'poppinssemibold'; font-size:60px; margin:0;}
.crsl-items h1:before{ display: none;}
.crsl-items h2 {font-family:'poppinsregular'; font-size:38px; margin:0;}
.crsl-items h3 {font-family:'poppinsregular'; font-size:30px; font-style:italic; margin-bottom:0; color: #fff;}
/********/
.crsl-items .carousel-caption {top:7vw; bottom: 0; padding-bottom: 0; padding-top: 0}
.crsl-items .carousel-caption>div{position: absolute; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);  max-height: 95%; overflow-y: auto; left: 20px; right: 20px}.carousel-caption>div p {display: block;}
.carousel-caption .submit{ margin-bottom: 5px; display: inline-block}
/***** Banner section *******/
section {padding:40px 0 0 0px; line-height:28px;}
.special {background: url("../images/content-bg.jpg");}
section a, section a:hover { color:#0000ff; text-decoration:none;}
h1 {font-family:'poppinsregular'; font-size:30px; color:#003066; text-align:center;}
h1 span {font-family:'poppinssemibold';}
.subtitle { position:relative; top:170px; text-align:right;}
h1 {font-family:'poppinssemibold'; position:relative; z-index:5; font-size:32px; color:#FFF; position: relative; margin-bottom: 50px;}
/*h1:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -20px; height: 1px; width: 70px; background: #fff;  }*/
h3 {font-family:'poppinssemibold'; font-size:22px; color:#013168; }
/***** About us pages CSS *******/
.sub-banner{background:rgba(0, 0, 0, 0) url("../images/sub-page-banner.jpg"); /*min-height:360px;*/min-height:300px; position: relative; text-align: center; width: 100%; padding:130px 0px 20px; background-repeat:no-repeat; background-size:cover; background-position:center center; background-color: #013678; position:relative;}
.sub-banner.bg_left{ background-position: left center;}
.sub-banner.bg_right{ background-position: right center;}
/*.sub-banner:after{background-color: rgba(0, 0, 0, 0.3);content:""; bottom: 0; height: 100%; left: 0;  position: absolute; right: 0; top: 0; width: 100%;z-index: 1;}*/
.sub-banner + section{background: white}
.sub-title{ font-family:'poppinssemibold'; font-size:18px; color:#FFF; position:relative; z-index:5;}
.sub-title span{ color: #FFCC00; }
.gallery-img-holder { height: 240px; overflow: hidden; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); margin-bottom: 30px;}
.gallery-img-holder img{ position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.divider { background-color: #e8e8e8; height: 1px; margin: 20px 0; width: 100%;}
.tinymce-content .tinymce-img-box { margin-right: 15px; }
.testimonials-box{ background: #fff; padding:15px 10px;  border: 1px solid #E5E5E5;  margin-bottom: 20px; float: left; width: 100%}
.txt-blue{color: #003067}
.photo-gallery .form-control{ border-radius: 0px; height: 45px; border: 1px solid #003067; }
.videos-gallery .item-box { margin: 0 0 30px; position: relative; width: 100%; display: inline-block; padding: 0px;}
.videos-gallery .item-box h4 { padding: 2px 5px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.videos-gallery .img-box1 { height: 150px; overflow: hidden; position: relative;   }
.videos-gallery .img-box1 img, .videos-gallery .img-box1 img{left: 50%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.card{ background: #fff; border: 1px solid #E5E5E5; }
.request-form .box{ padding: 15px; border-bottom: 1px solid #E5E5E5; display: inline-block; width: 100%;}
.request-form .box:last-child{ border-bottom: 0px; }
.request-form h4{ font-family: 'poppinssemibold';  color: #4A4A4A; margin-bottom: 20px; }
.form-control{border: 1px solid #C9C9C9; border-radius: 0px; height: 45px;box-shadow: none;}
.form-control.small-textbox{ width: 100px;  display: inline-block;}
label{ font-weight: normal;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: #4A4A4A;}
.request-form span{ display: inline-block; font-size: 14px;}
.submit{ font-family: 'poppinssemibold'; background: #FFCC00; color: #000; padding: 14px 30px;}
.register-online .checkbox{ margin-bottom:0; margin-top:0;}
.w-100per{ width:100%;}
/*dd-tinymce css*/
.dd-tinymce table{ max-width:600px; margin:0 auto}
.dd-tinymce table td{background:#ddd; text-align:center; padding:5px;}
.dd-tinymce img{ float:left; max-width:500px; margin-right:15px; margin-bottom:15px;}
.dd-tinymce a{ display: inline-block;    word-break: break-all; width: 88%;}
.dd-tinymce ul, .dd-tinymce li{ margin:0; padding:0; list-style:disc; position:relative}
.dd-tinymce li{ margin-left:20px;}
.dd-tinymce strong, .dd-tinymce bold, .dd-tinymce b{ font-weight:bold}
.dd-tinymce  ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0;}
.dd-tinymce  ol > li { display: table; counter-increment: item; margin-bottom: 0.6em;}
.dd-tinymce  ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; }
.dd-tinymce  li ol > li { margin: 0;}
.dd-tinymce  li ol > li:before {  content: counters(item, ".") " ";}
/*dd-tinymce css*/

.responsive{ padding-bottom:50px;}
.responsive .slick-arrow{position:absolute; bottom:20px; background:#FFF; font-size:24px; border:#EAEAEA solid 1px; padding:8px 12px; color:#003067; left: 50%}
.responsive .slick-arrow.slick-prev{margin-left:-50px;}
.responsive .slick-arrow.slick-next{margin-right:-50px;}
.responsive .slick-arrow.slick-disabled{ color:#CCC; cursor:no-drop}
.responsive .content{height:225px; overflow:hidden; margin-bottom:10px;}
.about-box{background:url("../images/blue-background.jpg") repeat center center; color:#fff; font-size: 1.125rem;line-height: 30px;padding-bottom: 50px; padding-top:50px; margin-top:20px;}
.bottom-banner{float: left;width: 100%; margin-bottom:30px; margin-top:30px;}
.bottom-banner .bannerbox1, .bottom-banner .bannerbox2{ height: 350px; background: scroll center center / cover}
.valign-wrapper {align-items: center; display: flex; }
.bottom-banner .col-xs-6 .valign-wrapper .bannercontent{color: #fff; text-align: center; width: 100%;}
.bottom-banner .col-xs-6:nth-of-type(1) {padding-left: 0;}
.bottom-banner .col-xs-6:nth-of-type(2){padding-right: 0;}
.adventures-gallery .img-box1{height:250px;}
.adventures-gallery .item-box{ text-align:left; transition: all 100ms ease-in 0s;}
.adventures-gallery .item-box:hover{ box-shadow:#6a6a6a 0 0 10px}
.adventures-gallery .item-box .title{font-size:16px; font-weight:600; padding-right:15px; padding-left:15px;}
.adventures-gallery .item-box .date{font-size:14px; color:#6e6e6e; padding-bottom:10px;}
.adventures-gallery .pdf-title{padding-left:30px; position:relative;}
.adventures-gallery .pdf-title:before{content:''; background:url(../images/PDF-icon.png) no-repeat; top:3px; position:absolute; width:20px; height:20px; background-size:100%; left:0;}
.testimonials-box{transition: all 100ms ease-in 0s; display: table;}
.testimonials-box div{ display: table-cell; vertical-align: middle}
.testimonials-box div.tinymce-img-box{width: 280px}
.testimonials-box .tinymce-img-box{ margin: 0}
.testimonials-box img{ border:#e5e5e5 solid 1px; padding:2px; border-radius:5px; max-width: 280px; margin-bottom: 0 }
.testimonials-box:hover{ box-shadow:#6a6a6a 0 0 10px}
.events-section .row  .date{ float:left; width:120px; border-right:#DEDEDE solid 1px; padding-right:15px;}
.events-section .row  .date .day{ font-size:22px; font-weight:bold;}
.events-section .row  .date .month{ font-size:16px;}
.events-section .row .events-detail{ float:left; width:calc(100% - 540px); margin-left:20px;}
.events-section .row .address-detail{float:right !important; width:400px !important; margin-left:0px !important;}
.events-section .row .events-detail h2{ margin-top:0; color:#00468C; font-size:25px;}
.events-section .row .events-detail .country{ font-size:18px; color:#00468C; margin-left:10px;}
.events-section .row .events-detail .phone-number,.events-section .row .events-detail .Email-address,.events-section .row .events-detail  .website{ margin:5px 0}
.events-section .row .events-detail .phone-number:before,
.events-section .row .events-detail .Email-address:before,.events-section .row .events-detail  .website:before,.events-section .row .events-detail  .upload-pdf:before{font-family: "Material-Design-Iconic-Font"; font-size:20px; color:#00468C; margin-right:15px; margin-top:5px; position:relative; top:-3px; float:left;}
.events-section .row .events-detail  .upload-pdf:before{content:'\f14d';}
.events-section .row .events-detail .phone-number:before{content:'\f2be';}
.events-section .row .events-detail .Email-address:before{content:'\f15a';}
.events-section .row .events-detail .Email-address{ font-size:14px; margin:0;}
.events-section .row .events-detail  .address-box,.events-section .row .events-detail.cordinator{ font-size:14px;}
.events-section .row .events-detail .cordinator{color:#00468C;}
.events-section .row .events-detail .events-detail-content{ font-size:14px;}
.events-section .row .events-detail  .website:before{content:'\f171';}
.events-section .row  .date .year{ font-size:14px;}
.events-section .events-item{ background:#fff; box-shadow:0 0 5px #cacaca; padding-top:15px; padding-bottom:15px;}
.apply-btn{ width:150px;}
.m-t-0{margin-top:0;}
.small_font { font-size: 12px;}
.red {color: #ff0000;}
.wrap {flex-wrap: wrap;}
.flex-container {display: flex;justify-content: center;}
.about-holder ul li {list-style: outside none none;margin-top: 10px;padding-left: 30px;position: relative;}
.about-holder ul li.sub {padding-left: 60px;}
.about-holder ul li::before {color: #ffcc00;content: "•";font-family: "open_sansbold";font-size: 30px;left: 5px;position: absolute;}
.about-holder ul li.sub::before {color: #d9a600;content: "•";font-family: "open_sansbold";font-size: 30px;left: 35px;position: absolute;}
.about-holder ul li a{color:#37464e}

/* #dialog{ display: none;} /* commented by jignesh suggested by Viral Patel for pettycash page while click delete */

.tablefixiz{ min-width: 600px;}
.tablefixiz th, .tablefixiz td{ min-width: 100px}
.logonContainer #tabs{ border: 0; background: none}
.logonContainer #tabs ul.ui-tabs-nav{ display: table; width: auto; margin:  0 auto; background: none; border: 0}
.logonContainer #tabs .ui-tabs-panel{ background: none}
.logonContainer #tabs .ui-state-default{border-radius: 3px; border: 0; background: #337AB7; color: #fff;}
.logonContainer #tabs .ui-state-default a{ color: #fff; font-weight: normal}
.logonContainer #tabs .ui-state-default.ui-state-active{ background: #22537B}
.logonContainer #tabs .ui-state-default.submit-btn { background: #ffcc00 ; color: #000;}
.btn-group .ui-state-active{ background: #286090}
.btn-group .btn{border-radius: 0;  padding: 2px 4px;}
.dis_block{ display: block; width: 100%}

@media(max-width:1415px){
/* Kebab icon */
    .okayNav__menu-toggle{background:#ffcc00;position: absolute !important;transition: -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1);transition: transform 400ms cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 400ms cubic-bezier(0.55, 0, 0.1, 1);cursor: pointer;height:40px;width:40px;right:0px;z-index: 1;top:8px; line-height:40px; border-radius:100px;}
    .okayNav__menu-toggle span{ display:none !important}
    .okayNav__menu-toggle:after{content:'+'; font-size:24px; color:#000; padding:5px 12px; text-align:center; text-decoration:none;}
    .okayNav__menu-toggle.okay-invisible {position: absolute;opacity: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}
    .okayNav__menu-toggle span{display: block;position: absolute;margin: auto;height: 4px;width: 4px;background: #2e2e33;border-radius: 50%;left: 0;right: 0;pointer-events: none;}
    .okayNav__menu-toggle span:nth-child(1){top: 0;}
    .okayNav__menu-toggle span:nth-child(2){top: 50%;}
    .okayNav__menu-toggle span:nth-child(3){bottom: 0;}
    .okayNav__menu-toggle.icon--active {}
    .okayNav__menu-toggle.icon--active span{background: #546edb;}
    
	.new-toggle{ display:block; text-decoration:none; position:relative; right:10px; top:30px;}
	#nav-main{background:#012552; position:fixed; right:0; width:300px; height:calc(100% - 100px) !important; margin:0; display:none; padding-right:0;}
	#nav-main .nav{ margin-right:0px;}
	.okayNav:not(.loaded){visibility:visible; background:#012552; position:fixed; right:0; width:280px; top:100px; bottom:0; overflow:auto;}
	#nav-main .nav li.dropdown-menubox.open .dropdown-menu{ position:static; background-color:#001340; box-shadow: none;}
	#nav-main .nav li.dropdown-menubox.open .dropdown-menu li a{ color:#fff; font-size: 14px}
	#nav-main .nav li.dropdown-menubox.open .dropdown-menu li{ border-bottom:#012552;}
	#nav-main .nav li.dropdown-menubox.open .dropdown-menu li:last-child{border-bottom:#011c3d;}
	#nav-main .nav li.dropdown-menubox.open .dropdown-menu li:hover a, #nav-main .nav li.dropdown-menubox.open .dropdown-menu li.active a{ color:#000;}
	#nav-main{background:#012552; position:fixed; right:0; width:300px;}
	#nav-main .nav li{ border-bottom: 1px solid #011c3d; float: none;}
	.okayNav ul.nav{ float:left; width:100%; margin:0;}
	.okayNav ul{float: none;}
	#nav-main ul.nav-open li{ list-style:none; clear:both; border-bottom: 1px solid #011c3d;}
	#nav-main ul.nav-open{padding:0; margin:0;}
	.okayNav__menu-toggle{ width:auto; border-radius:2px; text-decoration: none !important;}
	.okayNav__menu-toggle:hover,.okayNav__menu-toggle:active{text-decoration: none;}
	.okayNav__menu-toggle:after{ display:none;}
	.okayNav__menu-toggle:before{content:'MENU';  color:#000; padding:5px 10px; text-decoration:none;}
    .crsl-items h1{ font-size: 60px;}
/*    .crsl-items .carousel-caption{ top: 12vw;}*/
}
@media(max-width:1200px){
section {font-size:14px}
label{ font-size: 14px; }
.crsl-items h1 {font-size:40px;}
.crsl-items h2 {font-size:26px;}
.crsl-items h3 {font-size:20px;}
.gallery-img-holder{ height: 190px; }
#nav-main ul li:hover a, #nav-main ul li:focus a, #nav-main ul li:active a, #nav-main ul li a{ padding-left: 7px; padding-right: 7px; font-size: 14px;}
.ace-logo{ max-height: 40px;}
.navbar-brand{ padding: 22px 0 0 0}
}
@media(max-width:1024px){
.crsl-items .carousel-caption {top: 9vw;}
}
@media (max-width:992px) {
    .okayNav__nav--invisible{ top:60px}
    #nav-main{ margin-top:3px;}
    .okayNav__menu-toggle{top:0;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{ font-size: 12px; padding: 10px 10px 10px 15px; }
    .custom-nav, .sticky{background: #003066;}
    .navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; margin: 0px; margin-top: 0px !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in{ display:block !important; }
    .custom-nav .navbar-nav .dropdown .dropdown-toggle { display: block;}
    .navbar-nav .open .dropdown-menu { border: 0 none; box-shadow: none; float: none; margin-top: 0; position: static; width: auto; }
    .custom-nav .mySidenav { position: fixed; right:-275px; top: 114px; bottom:0; width:275px; background:#003066; overflow: auto !important; border-color: transparent; transition: all 0.5s ease-out; padding: 0;  }
    .custom-nav .mySidenav.in { right:0; transition: all 0.2s ease-in; }
    .custom-nav .navbar-toggle {right: 0; top:0;}
    .custom-nav .mySidenav {top:57px;}
    .crsl-items h1{font-size: 25px;}
    .crsl-items h2{font-size: 15px;}
    .gallery-img-holder{ height: 220px;}
    .item-box{ width: calc(49.9% - 30px); }
    .crsl-items .carousel-caption {top:8vw;}
    .banner .carousel-caption{ left: 10%; right: 10%; }
    .footer-copyright p { text-align:center;}
}
@media (max-width:991px){
.navbar-brand{padding: 0}
.navbar-brand .ace-logo {max-height: 44px}
.navbar-brand .training-logo {width: 100px;}
.header{height:60px; box-sizing:border-box}
.new-toggle{top: 10px}
.okayNav:not(.loaded){top: 60px;}
#nav-main{height:calc(100% - 60px) !important;}
.crsl-items .carousel-control .zmdi-chevron-left {left:20px;}
.crsl-items .carousel-control .zmdi-chevron-right {right:20px;}
.crsl-items .carousel-caption{left: 25px; right: 25px;}
.crsl-items .carousel-caption h1,  .crsl-items .carousel-caption h1{font-size: 18px}
.crsl-items .carousel-caption h2, .crsl-items  .carousel-caption h3{ font-size: 16px; line-height: inherit; margin-top: 5px;}
}
@media(max-width:767px){
    section { font-size: 13px;}
    .dd-tinymce table{ width:100%; max-width:100%;}
    .gallery-img-holder{ height: 180px; }
    .crsl-items .carousel-control .zmdi-chevron-left{left: 15px !important;}
    .crsl-items .carousel-control .zmdi-chevron-right{ right: 15px !important; }
/*    .crsl-items .carousel-caption{display:none; top: 5%;}*/
    .crsl-items h1{ font-size: 30px; }
    .crsl-items h2{ font-size: 14px; }
/*    .carousel-caption { display: none;}*/
    .custom-nav, .sticky{ background: #003066;}
    .navbar-nav .open .dropdown-menu { background-color:#012552; border-radius: 0; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffcc00; }
    .crsl-items h1 {font-size:30px;}
    .crsl-items h2 {font-size:14px;}
    .crsl-items h3 {font-size:16px;}
    .crsl-items .carousel-caption {/*top:10vw; max-height: 80%; */overflow: auto}
    .certificates-page img{ max-width: 100%; float: inherit;}
    .events-section .row .date{ padding-right:10px; border-right:0; width:100%; border-bottom:1px solid #dedede; margin-bottom:15px; padding-bottom:10px; font-style:italic;}
    .events-section .row .date .day{ font-size:16px; font-weight:normal;}
    .events-section .row .date .month{ font-size:20px;}
    .events-section .row .date .year{}
    .events-section .row .date .day,.events-section .row .date .month,.events-section .row .date .year{ float:left; padding:0 5px;}
    .events-section .row .address-detail{ width:100% !important;}
    .events-section .row .address-detail .col-xs-12{ padding:0;}
    .events-section .row .events-detail{width:100%; margin-left:0px;}
    .bottom-banner .col-xs-6 {margin-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 10px; width: 100%; }
    .bottom-banner .col-xs-6:nth-of-type(1) {padding-left:0px; margin-bottom:30px;}
    .bottom-banner .col-xs-6:nth-of-type(2) {padding-right:0px;}
    .carousel, .itembox{ height: 55vh ;}
.itembox.aligncenter img {  transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%);   -mz-transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%);   -o-transform: translate(-50%, -50%);  min-width: 100vw;  text-align: center;  vertical-align: middle; margin-top: 28vh; margin-left: 50vw;  min-height: 56vh;  max-width: inherit;   max-height: 56vh; width: auto;  height: auto; }
.itembox.alignleft img {  transform: translate(0, -50%);   -webkit-transform: translate(0, -50%);   -mz-transform: translate(0, -50%);   -ms-transform: translate(0, -50%);   -o-transform: translate(0, -50%);  min-width: 100vw;  text-align: center;  vertical-align: middle; margin-top: 28vh; margin-left: 0vw;  min-height: 56vh;  max-width: inherit;   max-height: 56vh; width: auto;  height: auto; }
.itembox.alignright img {  transform: translate(-100%, -50%);   -webkit-transform: translate(-100%, -50%);   -mz-transform: translate(-100%, -50%);   -ms-transform: translate(-100%, -50%);   -o-transform: translate(-100%, -50%);  min-width: 100vw;  text-align: center;  vertical-align: middle; margin-top: 28vh; margin-left:100vw;  min-height: 56vh;  max-width: inherit;   max-height: 56vh; width: auto;  height: auto; }
 .crsl-items  .carousel-caption>div{padding-bottom: 5px}
}
@media(max-width:600px){
.dd-tinymce img{ max-width:100%; float: inherit;}
.item-box, .videos-gallery .img-box1 img{ width: 100%}
.gallery-img-holder{ height: 150px; }
.gallery-img-holder img{ top: inherit; left: inherit; transform: translate(0, 0); -webkit-transform: translate(0, 0); width: 100%;}
.testimonials-box div{ display: table; vertical-align: middle}
.testimonials-box div.tinymce-img-box{width: 100%}
 .crsl-items  .carousel-caption{ top: 13vw; }
 .crsl-items  .carousel-caption p{ font-size: 11px}
 .crsl-items  .carousel-caption .submit{font-size: 13px; padding: 8px 12px;}
}
@media(max-width:500px){
    .popup-gallery .col-xs-6, .videos-gallery .col-xs-6{ width: 100%; }
    .gallery-img-holder{ height: auto;  }
    .videos-gallery .img-box1{ height: 240px; }
}
@media(max-width:480px){
/*    .crsl-items .carousel-caption{ top: 0vw; }*/
    .crsl-items h1{ font-size: 26px; }
    .crsl-items h2{ font-size: 12px; }
}
@media(max-width:400px){
    .videos-gallery .img-box1{ height: 190px; }
}
@media print {
    a[href]:after {content: none;}
}