/* =====================================================================
   Treks Force Security Services - cleaned style.css
   - Unused template sections removed (courses, shop, news, events, etc.)
   - Vendor-prefixed transitions/transforms removed (not needed in modern browsers)
   - Duplicate rules merged
   - Google Fonts @import removed -> add <link> in <head> (see notes)
   ===================================================================== */

/* [01] Base */
html,
body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  line-height: 1.5;
  font-weight: 400;
  background: #fff;
  color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body { font-size: 15px; }
h1, h2, h3, h4, h5, h6 {
  font-family: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 10px 0;
  color: #030303;
}
h1 { font-size: 35px; }
h2 { font-size: 25px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
p { line-height: 1.5; margin: 0 0 20px 0; font-size: 14px; }

/* [02] General */
a { text-decoration: none; color: #ed1b24; }
a:active, a:hover, a:focus { text-decoration: none; outline: 0 none; }
img { max-width: 100%; height: auto; }
ul { list-style: outside none none; margin: 0; padding: 0; }
.clear:after { clear: both; content: ""; display: block; }
#wrapper { overflow: hidden; transition: all .5s ease-out; }

.video-margin-top { margin-top: 12px; }
.margin-bottom-none, .mb-none { margin-bottom: 0 !important; }
.margin-bottom-sidebar { margin-bottom: 30px; }
.mb-10 { margin-bottom: 10px; }
.mb-40 { margin-bottom: 40px; }
.mt-30 { margin-top: 30px; }
.pt60 { padding-top: 60px; }
.cent { text-align: center; }
.section-space { padding: 100px 0; }
.accent-bg { background-color: #f5f5f5; }
.bg-primary { background: #002147; color: #fff; }
.bg-textPrimary { background: #fff; color: #002147; }
.bg-common-style { background-size: cover; background-position: center; background-repeat: no-repeat; }
.bg-primary-deep { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
.bg-primary-deep-fixed {
  background-attachment: fixed;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-primary-deep-fixed:before,
.overlay-primaryColor:before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
}
.bg-primary-deep-fixed:before { background-color: rgba(0, 33, 71, .9); }
.overlay-primaryColor { position: relative; }
.overlay-primaryColor:before { background-color: rgba(0, 33, 71, .7); }
.overlay-default { position: relative; }
.overlay-default:before {
  content: "";
  background-color: rgba(0, 0, 0, .25);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  right: 0;
}
.section-divider { height: 1px; width: 100%; background: #BDBDBD; }
.solid-underline { position: relative; padding-bottom: 8px; margin-bottom: 35px; }
.solid-underline:after { position: absolute; content: ""; height: 1px; width: 100%; background: #e3e3e3; left: 0; bottom: 0; }

/* Title underline bars */
.title-bar-counter, .title-bar-medium-left, .title-bar-high, .title-bar-big-high,
.title-bar-sm-high, .title-bar-big-left-close, .title-bar-footer, .title-bar-small-center,
.title-bar-small-left, .title-bar-sidebar, .title-bar-full-width { position: relative; }
.title-bar-counter:before, .title-bar-medium-left:before, .title-bar-high:before,
.title-bar-big-high:before, .title-bar-sm-high:before, .title-bar-big-left-close:before,
.title-bar-footer:before, .title-bar-small-center:before, .title-bar-small-left:before,
.title-bar-sidebar:before, .title-bar-full-width:before {
  content: "";
  position: absolute;
  z-index: 1;
}
.title-bar-counter:before { height: 2px; width: 70px; background: #fff; left: 0; margin: 0 auto; right: 0; bottom: 0; z-index: 3; }
.title-bar-medium-left:before { height: 3px; width: 40px; background: #02afef; left: 0; bottom: -10px; border-radius: 6px; }
.title-bar-high:before { height: 3px; width: 143px; background: #ed1d24; left: 0; bottom: -15px; border-radius: 6px; }
.title-bar-big-high:before { height: 3px; width: 40px; background: #02afef; left: 0; bottom: -30px; border-radius: 6px; }
.title-bar-sm-high:before { height: 3px; width: 40px; background: #02afef; left: 0; bottom: -20px; border-radius: 6px; }
.title-bar-big-left-close:before { height: 4px; width: 45px; background: #02afef; left: 0; bottom: -20px; }
.title-bar-footer:before { height: 3px; width: 45px; background: #002147; left: 0; bottom: -20px; }
.title-bar-small-center:before { height: 2px; width: 40px; background: #002147; left: 0; right: 0; bottom: -12px; margin: 0 auto; }
.title-bar-small-left:before { height: 3px; width: 45px; background: #002147; left: 0; bottom: -35px; }
.title-bar-sidebar:before { height: 4px; width: 45px; background: #002147; left: 0; bottom: -15px; }
.title-bar-full-width:before { height: 2px; width: 100%; background: #002147; left: 0; bottom: -12px; }

/* Titles */
.title-default-center { text-transform: capitalize; text-align: center; font-weight: 500; margin-bottom: 45px; color: #002147; }
.title-default-left { text-transform: capitalize; text-align: left; font-weight: 500; margin-bottom: 29px; color: #0e0e0e; }
.title-default-left a, .title-default-left-bold a, .title-default-left-bold-lowhight a { color: #002147; transition: all .3s ease-out; }
.title-default-left a:hover, .title-default-left-bold a:hover, .title-default-left-bold-lowhight a:hover { color: #02afef; }
.title-default-left-bold { font-size: 30px; text-transform: capitalize; text-align: left; font-weight: 500; margin-bottom: 45px; color: #002147; }
.title-default-left-bold-lowhight { text-transform: capitalize; text-align: left; font-weight: 500; margin-bottom: 20px; color: #002147; }
.title-default-textPrimary-left { text-transform: capitalize; text-align: left; font-weight: 500; margin-bottom: 45px; color: #101010; }
.about-title { font-size: 48px; color: #3e4096; margin-bottom: 15px; text-align: center; }
.title-center { font-weight: 500; font-size: 36px; color: #002147; text-align: center; }
.about-sub-title { width: 96%; margin: 0 auto 60px; text-align: center; }
.sub-title-full-width { margin-bottom: 80px; text-align: center; }
h3.sidebar-title, h2.sidebar-title {
  color: #002147;
  text-transform: capitalize;
  position: relative;
  font-weight: 500;
}
h3.sidebar-title { font-size: 22px; margin-bottom: 35px; }
h2.sidebar-title { font-size: 30px; margin-bottom: 35px; }
h3.sidebar-title a, h2.sidebar-title a { color: #002147; transition: all .3s ease-out; }
h3.sidebar-title a:hover, h2.sidebar-title a:hover { color: #02afef; }
h3.sidebar-title:before { content: ""; height: 3px; width: 109px; position: absolute; left: 0; bottom: -15px; z-index: 1; background: #3d4095; }
h2.sidebar-title:before { content: ""; height: 3px; width: 40px; position: absolute; left: 0; bottom: -15px; z-index: 1; background: #02afef; }

@media (min-width: 992px) and (max-width: 1199px) {
  .about-title { font-size: 40px; }
  .title-center { font-size: 34px; }
  .sub-title-full-width { margin-bottom: 70px; }
  .title-default-left-bold { font-size: 28px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-title { font-size: 36px; }
  .title-center { font-size: 32px; }
  .sub-title-full-width { margin-bottom: 60px; }
  .title-default-left-bold { font-size: 26px; }
  .title-default-left-bold-lowhight { font-size: 26px; }
}
@media (min-width: 480px) and (max-width: 767px) {
  .about-title { font-size: 32px; }
  .title-center { font-size: 30px; }
  .sub-title-full-width { margin-bottom: 50px; }
  .title-default-left-bold { font-size: 24px; }
}
@media (max-width: 991px) {
  .title-default-left-bold-lowhight { font-size: 26px; }
}
@media (max-width: 767px) {
  .title-default-center { font-size: 28px; }
  .title-default-left { margin-bottom: 36px; font-size: 28px; }
  .title-default-left-bold-lowhight { font-size: 24px; }
  .about-sub-title { width: 100%; }
}
@media (max-width: 480px) {
  .title-default-center { font-size: 26px; }
  .title-default-left { margin-bottom: 30px; font-size: 26px; }
  .title-default-left-bold-lowhight { font-size: 22px; }
}
@media (min-width: 321px) and (max-width: 479px) {
  .about-title { font-size: 28px; }
  .title-center { font-size: 28px; }
  .sub-title-full-width { margin-bottom: 40px; }
}
@media (max-width: 479px) {
  .title-default-left-bold { font-size: 22px; }
}
@media (max-width: 320px) {
  .about-title { font-size: 26px; }
  .title-center { font-size: 26px; }
  .sub-title-full-width { margin-bottom: 30px; }
}
@media (min-width: 480px) and (max-width: 1199px) {
  h3.sidebar-title, h2.sidebar-title { font-size: 19px; }
}
@media (max-width: 479px) {
  h3.sidebar-title, h2.sidebar-title { font-size: 18px; }
}
@media (min-width: 768px) {
  .modal-dialog { width: 400px; margin: 30px auto; }
}

/* [03] Buttons */
.apply-now-btn {
  text-align: center;
  color: #fff !important;
  padding: 8px 2px;
  width: 148px;
  background: #0088de;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  border-radius: 7px;
  display: inline-block;
  border: 2px solid #fff;
  transition: all .3s ease-out;
}
.apply-now-btn:hover { background: #103141; color: #f0f0f0 !important; }
.apply-now-btn2 {
  text-align: center;
  color: #002147;
  padding: 10px 0;
  width: 104px;
  background: #02afef;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  transition: all .3s ease-out;
}
.apply-now-btn2:hover { background: #002147; color: #fff !important; }
.default-big-btn {
  color: #fff;
  padding: 11px 0;
  background: #3e4094;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  width: 147px;
  text-align: center;
  transition: all .5s ease-out;
  border-radius: 25px;
}
.default-big-btn:hover { background: #02afef; color: #212121; }
.default-big-btn1 {
  color: #fff;
  padding: 5px 0;
  background: #3e4094;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: none;
  width: 109px;
  text-align: center;
  transition: all .5s ease-out;
  border-radius: 36px;
}
.default-full-width-btn {
  color: #fff;
  padding: 12px 0;
  background: #002147;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  border: 2px solid #002147;
  transition: all .5s ease-out;
}
.default-full-width-btn:hover { background: transparent; color: #002147; }
.view-all-accent-btn {
  text-align: center;
  color: #fff;
  padding: 11px 19px;
  background: #263e88;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
  border-radius: 3px;
  border: 2px solid #b6265f;
  transition: all .5s ease-out;
}
.view-all-accent-btn:focus { color: #fff; }
.view-all-accent-btn:hover { background: #02afef; color: #212121; }
.details-accent-btn {
  text-align: center;
  color: #002147;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
  border: 2px solid #02afef;
  transition: all .5s ease-out;
}
.details-accent-btn:hover { background: #02afef; color: #fff; }
.view-all-primary-btn {
  text-align: center;
  color: #fff;
  padding: 12px 0;
  background: #002147;
  text-transform: uppercase;
  font-size: 14px;
  display: inline-block;
  border: none;
  width: 130px;
  transition: all .5s ease-out;
}
.view-all-primary-btn:hover { background: #02afef; color: #030507; }
.ghost-btn {
  border: 2px solid #02afef;
  color: #fff;
  padding: 10px 30px;
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  transition: all .3s ease-out;
}
.ghost-btn:hover { background: #02afef; color: #002147; }
.button,
.ghost-btn-big {
  background: transparent;
  border: 1px solid #000;
  color: #000;
  font-family: 'Playfair Display', serif;
  border-radius: 0;
  font-size: 13px;
  padding: 10px;
}
.ghost-btn-big { display: inline-block; transition: all .3s ease-out; }
.ghost-btn-big:hover { background: #02afef; color: #002147; }
.sidebar-ghost-btn {
  text-align: center;
  color: #fff;
  padding: 8px 0;
  width: 160px;
  font-style: italic;
  background: transparent;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  border: 2px solid #02afef;
  transition: all .3s ease-out;
}
.sidebar-ghost-btn:hover { background: #02afef; color: #002147; }
.default-white-btn {
  border: none;
  color: #002147;
  padding: 13px 30px;
  background: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  transition: all .3s ease-out;
}
.default-white-btn:hover { color: #fff; background: #002147; }
.default-btn {
  color: #fff;
  padding: 13px 30px;
  background: #002147;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  border: none;
  transition: all .3s ease-out;
}
.default-btn:hover { background: #00082E; color: #fff; }
.quote-white-btn {
  border: none;
  color: #002147;
  padding: 10px 20px;
  background: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  transition: all .3s ease-out;
}
.quote-white-btn:hover { color: #212121; }
.default-white-small-btn {
  color: #212121;
  padding: 8px 20px;
  background: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  transition: all .3s ease-out;
}
.default-white-small-btn:hover { color: #002147; }
.submit-btn {
  color: #fff;
  padding: 12px 44px;
  background: #002147;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border-radius: 30px;
  transition: all .3s ease-out;
}
.submit-btn:hover { background: #00082E; color: #fff; }

/* Gallery filter buttons */
.isotop-btn { text-align: center; margin-bottom: 45px; }
.isotop-btn:after { display: none; }
.isotop-btn a {
  background: transparent;
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 500;
  color: #002147;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #e0e0e0;
  transition: all .5s ease-out;
}
.isotop-btn a:hover { border: 1px solid #a6a6a6; background: #ed1c24; color: #fff; }
.isotop-btn .current { border: 1px solid #8d8d8d; background: #000; color: #fff; }
@media (min-width: 768px) and (max-width: 1199px) {
  .isotop-btn a { padding: 10px 26px; }
}

/* Owl carousel controls */
.owl-controls .owl-nav { position: absolute; top: -88px; right: -2px; }
.owl-controls i { margin-left: 0; color: #fff; display: block; line-height: 20px; transition: all .3s ease-out; }
.owl-controls .owl-prev,
.owl-controls .owl-next {
  border: 1px solid #02afef;
  background: #02afef !important;
  opacity: 1 !important;
  font-size: 18px !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 0 !important;
  transition: all .3s ease-out;
}
.owl-controls .owl-prev { margin: 0 1px !important; }
.owl-controls .owl-next { right: -45px; margin: 0 4px !important; }
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover { background: #002147 !important; border: 1px solid #002147; }
.owl-controls .owl-prev:hover i,
.owl-controls .owl-next:hover i { color: #fff; }
@media (max-width: 991px) {
  .owl-controls .owl-nav { top: -77px; }
}
@media (max-width: 480px) {
  .owl-controls .owl-nav { position: inherit; }
  .owl-controls .owl-prev { left: -15px; top: 50%; transform: translateY(-50%); position: absolute; }
  .owl-controls .owl-next { right: -20px; top: 50%; transform: translateY(-50%); position: absolute; }
}

/* Scroll up, preloader, popup */
#scrollUp {
  background-color: rgba(253, 200, 0, .8);
  bottom: 5px;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 45px;
  line-height: 45px;
  position: fixed;
  right: 20px;
  text-align: center;
  transition: all .5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 45px;
  z-index: 99999;
  border-radius: 50%;
}
#scrollUp i { color: #fff; }
#scrollUp:hover, #scrollUp:focus { background-color: rgba(255, 255, 255, .8); }
#scrollUp:hover i, #scrollUp:focus i { color: #002147; }
#preloader {
  background: #002147 url('img/preloader.gif') no-repeat scroll center center;
  height: 100%;
  left: 0;
  overflow: visible;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.mfp-fade.mfp-bg { opacity: 0; transition: all .15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: .8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

/* Inner page banner */
.inner-page-banner-area {
  text-align: left;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  padding: 100px 0 115px;
}
.inner-page-banner-area:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.inner-page-banner-area .pagination-area { position: relative; z-index: 1; }
.inner-page-banner-area .pagination-area h1 { text-transform: capitalize; font-weight: 700; margin-bottom: 5px; font-size: 48px; color: #fff; }
.inner-page-banner-area .pagination-area ul li { display: inline-block; color: #fff; font-size: 14px; }
.inner-page-banner-area .pagination-area ul li a { color: #ed1c24; transition: all .5s ease-out; }
.inner-page-banner-area .pagination-area ul li a:hover { color: #fff; }
@media (min-width: 480px) and (max-width: 767px) {
  .inner-page-banner-area .pagination-area h1 { font-size: 42px; }
}
@media (max-width: 479px) {
  .inner-page-banner-area .pagination-area h1 { font-size: 32px; }
}

/* [04] Header */
.main-menu-area {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: 10;
  transition: all 1s ease-out;
  border-bottom: 1px solid #929292;
}
.main-menu-area .logo-area { margin: 15px 0; }
.main-menu-area .apply-btn-area { margin: 22px 0; text-align: right; }
.main-menu-area .header-search { margin: 30px 0; text-align: right; }
.main-menu-area .header-search a i { color: #02afef; border-left: 1px solid #d3d3d3; padding-left: 30px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .main-menu-area .logo-area { margin: 25px 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .main-menu-area .logo-area { margin: 22px 0; }
}

nav#desktop-nav ul { text-align: right; }
nav#desktop-nav ul .active > a { color: #02afef; }
nav#desktop-nav ul li { display: inline-block; position: relative; }
nav#desktop-nav ul li:hover ul { opacity: 1; transform: scaleY(1); visibility: visible; }
nav#desktop-nav ul li:hover ul:before { width: 100%; }
nav#desktop-nav ul li a {
  padding: 30px 20px;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  color: #fff;
  transition: all .5s ease-out;
}
nav#desktop-nav ul li a:hover { color: #02afef; }
nav#desktop-nav ul li .active { background-color: #1A3B61; }
nav#desktop-nav ul li .active a { color: #02afef; }
nav#desktop-nav ul li > ul {
  margin-top: 0;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all .5s ease 0s;
  width: 250px;
  z-index: 99999;
  background: #002147;
  padding: 0;
  left: 5px;
}
nav#desktop-nav ul li > ul:before {
  position: absolute;
  content: "";
  background-color: #02afef;
  margin: 0 auto;
  z-index: 12;
  height: 1px;
  top: 0;
  left: 0;
  width: 0%;
  right: 0;
  transition: all .8s ease-out;
}
nav#desktop-nav ul li > ul > li { padding: 0; display: block; border-bottom: 1px solid #1A3B61; }
nav#desktop-nav ul li > ul > li > a { padding: 4px 7px 4px 15px; display: block; color: #fff; width: 250px; }
nav#desktop-nav ul li > ul > li:last-child { border-bottom: none; }
nav#desktop-nav ul li > ul > li:hover,
nav#desktop-nav ul li > ul > li .active { background: #1A3B61; transition: all .5s ease-out; }
nav#desktop-nav ul li > ul > li:hover a,
nav#desktop-nav ul li > ul > li .active a { color: #02afef; }
nav#desktop-nav ul li > ul > li:hover a:before,
nav#desktop-nav ul li > ul > li .active a:before { opacity: 0; }
nav#desktop-nav ul li .mega-menu-area { padding: 18px 15px; width: 716px; left: 5px; }
nav#desktop-nav ul li .mega-menu-area > li { width: 158px; border-bottom: none; display: inline-block; margin-right: 14px; }
nav#desktop-nav ul li .mega-menu-area > li:hover { background: transparent !important; }
nav#desktop-nav ul li .mega-menu-area > li:hover > a { color: #fff; transition: all .5s ease-out; }
nav#desktop-nav ul li .mega-menu-area > li:hover > a:hover { color: #02afef; background: #1A3B61; padding-left: 10px; }
nav#desktop-nav ul li .mega-menu-area > li a { padding: 8px 0; display: block; border-bottom: 1px solid #1A3B61; }
nav#desktop-nav ul li .mega-menu-area > li a:last-child { border-bottom: none; }
nav#desktop-nav ul li .mega-menu-area > li:last-child { margin-right: 0; }
nav#desktop-nav ul li .mega-menu-area > li .active { padding-left: 10px; background-color: #1A3B61; color: #02afef; }
nav#desktop-nav li.has-child-menu { position: relative; }
nav#desktop-nav li.has-child-menu > a { color: #fff; }
nav#desktop-nav li.has-child-menu > a:after { font-family: 'FontAwesome'; content: "\f105"; float: right; }
nav#desktop-nav li.has-child-menu > ul.thired-level {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all .5s ease 0s;
}
nav#desktop-nav li.has-child-menu > ul.thired-level li a { color: #fff; transition: all .3s ease-out; }
nav#desktop-nav li.has-child-menu > ul.thired-level li:hover a { color: #02afef; }
nav#desktop-nav li.has-child-menu > ul.thired-level .active { background-color: #1A3B61; }
nav#desktop-nav li.has-child-menu > ul.thired-level .active a { color: #02afef; }
nav#desktop-nav li.has-child-menu:hover ul.thired-level { opacity: 1; transform: scaleY(1); visibility: visible; }
@media (min-width: 992px) and (max-width: 1199px) {
  nav#desktop-nav ul li a { padding: 30px 12px; }
  nav#desktop-nav ul li > ul { left: -3px; }
  nav#desktop-nav ul li .mega-menu-area { left: -258px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  nav#desktop-nav ul li a { padding: 30px 6px; }
}
@media (max-width: 991px) {
  nav#desktop-nav ul li > ul { left: -9px; }
  nav#desktop-nav ul li .mega-menu-area { left: -272px; }
}

.stick {
  background: rgba(0, 33, 71, .9);
  border-bottom: 2px solid #000;
  position: fixed;
  transition: all 1s ease-out;
}
#header1 { position: fixed; width: 100%; top: 0; z-index: 100; }
.slider1-area.index1 { margin-top: 82px; }
@media (max-width: 767px) {
  .slider1-area.index1 { margin-top: 0; }
}

/* Header 2 (top bar + white menu) */
.header2-area .header-top-area { background: #ed0212; border-bottom: 1px solid #0143a0; }
.header2-area .header-top-area .header-top-left { margin: 7px 0; }
.header2-area .header-top-area .header-top-left ul li {
  display: inline-block;
  text-transform: lowercase;
  font-size: 13px;
  border-right: 1px solid #BDBDBD;
  margin-right: 15px;
  padding-right: 15px;
}
.header2-area .header-top-area .header-top-left ul li i { padding-right: 10px; color: #fff; font-size: 16px; }
.header2-area .header-top-area .header-top-left ul li a { color: #fff; font-size: 16px; transition: all .3s ease-out; }
.header2-area .header-top-area .header-top-left ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0; }
.header2-area .header-top-area .header-top-left ul li:hover a { color: #02afef; }
.header2-area .header-top-area .header-top-right { text-align: right; }
.header2-area .header-top-area .header-top-right ul li { font-size: 13px; padding-right: 0; display: inline-block; margin-left: 15px; position: relative; }
.header2-area .header-top-area .header-top-right ul li .apply-btn-area { text-align: right; }
.header2-area .header-search a i { color: #444; border-left: 1px solid #d3d3d3; padding-left: 30px; transition: all .3s ease-out; }
.header2-area .header-search a:hover i { color: #02afef; }
.header2-area nav#desktop-nav > ul > li > a { padding: 35px 13px; color: #3d3d3d; }
.header2-area nav#desktop-nav > ul > li > a:hover { color: #3d4095; }
.header2-area nav#desktop-nav > ul > li ul { left: 10px; }
.header2-area nav#desktop-nav > ul .active > a { color: #3d4095; }
.header2-area .stick { background: rgba(255, 255, 255, .9); transition: all 1s ease-out; }
@media (min-width: 992px) and (max-width: 1199px) {
  .header2-area nav#desktop-nav > ul > li > a { padding: 30px 18px; }
  .header2-area nav#desktop-nav > ul > li ul { left: 3px; }
  .header2-area nav#desktop-nav > ul > li .mega-menu-area { left: -267px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header2-area nav#desktop-nav > ul > li > a { padding: 30px 6px; }
  .header2-area nav#desktop-nav > ul > li ul { left: -9px; }
  .header2-area nav#desktop-nav > ul > li .mega-menu-area { left: -272px; }
}

/* Mobile menu */
@media (max-width: 767px) {
  header { display: none; }
}
.mobile-menu-area { display: none; }
.mean-container .mean-bar { float: none; }
.mean-container .mean-bar:after { content: ""; clear: both; display: block; }
.mean-container .mean-nav ul li a { color: #212121; font-weight: 700; transition: all .5s ease-out; }
.mean-container .mean-nav ul li a:hover { color: #002147; }
.mean-container .mean-nav > ul:after { content: ''; display: block; clear: both; }
.mean-container .mean-nav > ul { overflow-y: scroll; }
.mean-container .mean-bar a.logo-mobile-menu { width: 100%; background-color: rgba(255, 255, 255, .95); box-sizing: border-box; }
.mean-container a.meanmenu-reveal { position: absolute; }
.mean-bar + div#wrapper { padding-top: 2px; }
.mean-container .mean-nav ul li li a { color: #212121; opacity: 1; }
@media (max-width: 767px) {
  .mean-container .mean-bar a { padding: 6px 16px; display: inline-block; }
  .mean-container .mean-bar .meanmenu-reveal { margin-top: 10px; }
}

/* [05] Slider (Nivo) */
.slider1-area .nivo-controlNav { display: none; }
.slider1-area .nivo-directionNav a.nivo-prevNav,
.slider1-area .nivo-directionNav a.nivo-nextNav {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5);
  transition: all .5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-prevNav { left: 8px; }
.slider1-area .nivo-directionNav a.nivo-nextNav { right: 8px; }
.slider1-area .nivo-directionNav a.nivo-prevNav:before,
.slider1-area .nivo-directionNav a.nivo-nextNav:before {
  font: normal normal normal 14px/1 FontAwesome;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 18px;
  z-index: 9;
  height: 10px;
  width: 10px;
  transition: all .5s ease-out;
}
.slider1-area .nivo-directionNav a.nivo-prevNav:before { content: "\f053"; left: 19px; }
.slider1-area .nivo-directionNav a.nivo-nextNav:before { content: "\f054"; right: 19px; }
.slider1-area .nivo-directionNav a.nivo-prevNav:hover,
.slider1-area .nivo-directionNav a.nivo-nextNav:hover { background-color: rgba(0, 33, 71, .6); }
.slider1-area .nivo-directionNav a.nivo-prevNav:hover:before,
.slider1-area .nivo-directionNav a.nivo-nextNav:hover:before { background: transparent; }
.slider1-area .nivo-caption { opacity: 1; top: 25px; }
.slider1-area .slide-1 .title1,
.slider1-area .slide-2 .title1,
.slider1-area .slide-3 .title1 {
  color: #fff;
  text-transform: capitalize;
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 500;
}
.slider1-area .slide-1 p,
.slider1-area .slide-2 p,
.slider1-area .slide-3 p { font-size: 16px; margin-bottom: 50px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .slider1-area .slide-1 .title1, .slider1-area .slide-2 .title1, .slider1-area .slide-3 .title1 { font-size: 42px; }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .slider1-area .slide-1 p, .slider1-area .slide-2 p, .slider1-area .slide-3 p { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .slider1-area .slide-1 .title1, .slider1-area .slide-2 .title1, .slider1-area .slide-3 .title1 { font-size: 38px; }
  .slider1-area .slide-1 p, .slider1-area .slide-2 p, .slider1-area .slide-3 p { margin-bottom: 30px; }
}
@media (max-width: 991px) {
  .slider1-area .nivo-caption { top: 0; }
}
@media (min-width: 480px) and (max-width: 767px) {
  .slider1-area .slide-1 .title1, .slider1-area .slide-2 .title1, .slider1-area .slide-3 .title1 { margin-bottom: 20px; font-size: 32px; }
}
@media (max-width: 767px) {
  .slider1-area .slide-1 p, .slider1-area .slide-2 p, .slider1-area .slide-3 p { display: none; }
}
@media (max-width: 479px) {
  .slider1-area .slide-1 .title1, .slider1-area .slide-2 .title1, .slider1-area .slide-3 .title1 { font-size: 28px; margin-bottom: 10px; line-height: 1.25; }
  .slider1-area .slide-1 .slider-btn-area, .slider1-area .slide-2 .slider-btn-area, .slider1-area .slide-3 .slider-btn-area { display: none; }
}
@media (max-width: 319px) {
  .slider1-area .slide-1 .title1, .slider1-area .slide-2 .title1, .slider1-area .slide-3 .title1 { font-size: 24px; }
}

/* [06] About */
.about1-area { padding: 20px 0 0; text-align: center; }
.about2-area { padding: 39px 0 16px; }
.about-img-holder { text-align: center; }
.about-img-holder img { margin: 0 auto; }
.about-page1-area { padding: 88px 0 100px; }
.about-page1-inner .about-page-content-holder .content-box { margin-bottom: 30px; }
.about-page1-inner .about-page-content-holder .content-box h2 { font-size: 30px; color: #002147; margin-bottom: 15px; font-weight: 700; }
.about-page1-inner .about-page-content-holder .content-box p { color: #444; }
.about-page1-inner .about-page-img-holder { margin-top: 12px; }
.about-page2-area { padding: 8px 0 7px; }
.about-page2-inner h2 { margin-bottom: 20px; margin-top: 46px; }
.about-page2-inner p { margin-bottom: 17px; font-size: 17px; }
.about-page2-inner ul li { position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 15px; font-weight: 500; }
.about-page2-inner ul li a { color: #002147; }
.about-page2-inner ul li:last-child { margin-bottom: 0; }
.about-page2-inner ul li:before { content: "\f14a"; position: absolute; left: 0; top: 0; z-index: 1; color: #02afef; font-family: FontAwesome; }
.about-page2-inner .video-area { margin-top: 10px; }
@media (min-width: 992px) and (max-width: 1199px) {
  .about1-area { padding: 74px 0 0; }
  .about2-area { padding: 74px 0 84px; }
  .about-page1-area { padding: 78px 0 53px; }
  .about-page2-area { padding: 78px 0 90px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .about1-area { padding: 67px 0 0; }
  .about2-area { padding: 66px 0 74px; }
  .about-page1-area { padding: 68px 0 43px; }
  .about-page2-area { padding: 68px 0 72px; }
}
@media (min-width: 480px) and (max-width: 767px) {
  .about1-area { padding: 53px 0 0; }
  .about2-area { padding: 57px 0 34px; }
  .about-page1-area { padding: 58px 0 70px; }
  .about-page2-area { padding: 58px 0 70px; }
}
@media (min-width: 321px) and (max-width: 479px) {
  .about1-area { padding: 44px 0 0; }
  .about2-area { padding: 5px 0 23px; }
  .about-page1-area { padding: 48px 0 60px; }
  .about-page2-area { padding: 6px 0 7px; }
}
@media (max-width: 320px) {
  .about1-area { padding: 35px 0 0; }
  .about2-area { padding: 39px 0 14px; }
  .about-page1-area { padding: 38px 0 50px; }
  .about-page2-area { padding: 38px 0 50px; }
}
@media (max-width: 767px) {
  .about-page2-inner ul { margin-bottom: 30px; }
}

/* [07] Services */
.service-box1 {
  border-right: 1px solid #aaa;
  padding: 30px 30px 15px 40px;
  display: flex;
  background-color: rgba(0, 33, 71, .8);
}
.service-box1:last-child { border-right: none; }
.service-box1 .service-box-content { flex: 3; }
.service-box1 .service-box-content h3 { font-size: 22px; margin-bottom: 10px; }
.service-box1 .service-box-content h3 a { color: #fff; transition: all .3s ease-out; }
.service-box1 .service-box-content p { color: #fff; font-weight: 400; }
.service-box1 .service-box-icon { text-align: center; padding-top: 10px; flex: 1; }
.service-box1 .service-box-icon i { color: #02afef; font-size: 36px; transform: scale(1); transition: all .5s ease-out; }
.service-box1:hover .service-box-content h3 a { color: #02afef; }
.service-box1:hover .service-box-icon i { transform: scale(1.2); }
.service-box2 { text-align: center; }
.service-box2 .service-box-icon { margin-bottom: 18px; }
.service-box2 .service-box-icon a {
  border-radius: 50%;
  height: 90px;
  width: 90px;
  display: block;
  background: #eee;
  line-height: 100px;
  margin: 0 auto;
  transition: all .5s ease-out;
}
.service-box2 .service-box-icon a i { color: #002147; font-size: 36px; }
.service-box2 h3 { font-size: 22px; margin-bottom: 15px; font-weight: 500; }
.service-box2 h3 a { color: #002147; transition: all .5s ease-out; }
.service-box2 h3 a:hover { color: #02afef; }
.service-box2 p { width: 80%; margin: 0 auto; }
.service-box2:hover .service-box-icon a { background: #02afef; }
.service-box4 { text-align: center; }
.service-box4 .service-box-icon { margin-bottom: 18px; }
.service-box4 .service-box-icon a {
  border-radius: 50%;
  height: 90px;
  width: 90px;
  display: block;
  background: #fff;
  line-height: 100px;
  margin: 0 auto;
  transition: all .5s ease-out;
}
.service-box4 .service-box-icon a i { color: #002147; font-size: 36px; }
.service-box4 h3 { font-size: 22px; margin-bottom: 15px; font-weight: 500; }
.service-box4 h3 a { color: #fff; transition: all .5s ease-out; }
.service-box4 h3 a:hover { color: #02afef; }
.service-box4 p { width: 100%; margin: 0 auto; color: #fff; text-align: left; }
.service-box4:hover .service-box-icon a { background: #02afef; }
.service1-area { position: relative; }
.service1-area .service1-inner-area { position: absolute; top: -153px; left: 0; right: 0; margin: 0 auto; z-index: 9; }
.service1-area .service1-wrapper { margin-right: 0; margin-left: 0; }
.service2-area { padding: 157px 0 74px; position: relative; }
@media (min-width: 992px) and (max-width: 1199px) {
  .service-box1 { padding: 30px 25px 15px; }
  .service-box1 .service-box-content h3 { font-size: 20px; }
  .service2-area { padding: 147px 0 63px; }
}
@media (max-width: 1199px) {
  .service1-area .service1-inner-area { top: -150px; }
}
@media (max-width: 991px) {
  .service-box1 { background-color: #002147; padding: 20px 20px 15px; }
  .service-box2 p { width: 100%; }
  .service-box4 p { width: 100%; }
  .service1-area .service1-inner-area { position: inherit; top: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .service2-area { padding: 137px 0 27px; }
}
@media (max-width: 767px) {
  .service-box1 { margin-bottom: 5px; }
  .service-box2, .service-box4 { margin-bottom: 30px; }
}
@media (min-width: 480px) and (max-width: 767px) {
  .service2-area { padding: 0 0 19px; }
}
@media (min-width: 321px) and (max-width: 479px) {
  .service2-area { padding: 0 0 23px; }
}
@media (max-width: 320px) {
  .service2-area { padding: 0 0 13px; }
}

/* [08] Testimonials */
.students-say-area { padding: 22px 0 44px; }
.students-say-area .single-item-wrapper { position: relative; }
.students-say-area .profile-img-wrapper { position: absolute; z-index: 1; right: 15px; top: 50px; }
.students-say-area .profile-img-wrapper a img { border: 10px solid #fff; width: auto; margin: 0 auto; }
.students-say-area .tlp-tm-content-wrapper .item-title { margin-bottom: 5px; font-size: 20px; font-weight: 500; }
.students-say-area .tlp-tm-content-wrapper .item-title a { color: #002147; transition: all .5s ease-out; }
.students-say-area .tlp-tm-content-wrapper .item-title a:hover { color: #02afef; }
.students-say-area .tlp-tm-content-wrapper .item-designation { margin-bottom: 50px; display: block; color: #646464; }
.students-say-area .item-content { position: relative; padding: 30px 130px 30px 30px; background: #e6e6e6; color: #646464; }
.students-say-area .item-content:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 38px;
  top: -30px;
  border: 15px solid;
  border-color: transparent transparent #f8f8f8 #f8f8f8;
}
.students-say-area .rating-wrapper { margin-bottom: 40px; }
.students-say-area .rating-wrapper li { display: inline; color: #ffca28; }
.students-say-area .owl-controls .owl-nav { margin-top: 0; }
.students-say-area .owl-controls .owl-dots { margin-top: 40px; }
.students-say-area .owl-controls .owl-dots .owl-dot span {
  margin: 3px;
  width: 20px;
  height: 8px;
  border-radius: 5px;
  background: #dedede;
  display: block;
  transition: all .5s ease-out;
}
.students-say-area .owl-controls .owl-dots .owl-dot:hover span,
.students-say-area .owl-controls .owl-dots .active span { background: #002147; }
@media (min-width: 992px) and (max-width: 1199px) { .students-say-area { padding: 78px 0 80px; } }
@media (min-width: 768px) and (max-width: 991px) { .students-say-area { padding: 68px 0 70px; } }
@media (min-width: 480px) and (max-width: 767px) { .students-say-area { padding: 58px 0 60px; } }
@media (min-width: 321px) and (max-width: 479px) { .students-say-area { padding: 48px 0 50px; } }
@media (max-width: 320px) { .students-say-area { padding: 38px 0 40px; } }

/* [09] Featured / service cards */
.featured-box {
  overflow: hidden;
  background: #fff;
  margin-bottom: 4px;
  box-shadow: 0 1px 8px 0 rgba(54, 54, 54, .6);
  border-radius: 4px;
  margin-top: 21px;
}
.featured-box .featured-img-holder { text-align: center; position: relative; overflow: hidden; }
.featured-box .featured-img-holder img { width: 100%; }
.featured-box .featured-img-holder:before { background-color: rgba(16, 179, 239, .32); z-index: 1; }
.featured-box .featured-img-holder a {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  line-height: 54px;
  background-color: rgba(0, 33, 71, .9);
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
  opacity: 0;
  transform: translateY(-50%) translateX(-400px);
  transition: all .8s ease-out;
}
.featured-box .featured-img-holder a i { color: #02afef; font-size: 20px; transition: all .3s ease-out; }
.featured-box .featured-img-holder a:hover i { color: #fff; }
.featured-box .featured-img-holder:hover a { opacity: 1; transform: translateY(-50%) translateX(0); transition: all .75s ease-out; }
.featured-box .featured-content-holder { padding: 10px 10px 5px 15px; }
.featured-box .featured-content-holder h3 { font-size: 22px; margin-bottom: 5px; }
.featured-box .featured-content-holder h3 a { color: #002147; transition: all .3s ease-out; }
.featured-box .featured-content-holder h3 a:hover { color: #f44336; }
.featured-box .featured-content-holder p { margin-bottom: 10px; }
.featured-box2 { width: 100%; background: #f5f5f5; padding: 25px 30px; transition: all .3s ease-out; }
.featured-box2 i {
  float: left;
  margin-right: 20px;
  text-align: center;
  height: 60px;
  width: 60px;
  line-height: 58px;
  border-radius: 50%;
  background: #02afef;
  font-size: 24px;
  color: #fff;
  transition: all .3s ease-out;
}
.featured-box2 h3 { margin-top: 12px; font-size: 22px; font-weight: 500; }
.featured-box2 h3 a { color: #002147; transition: all .3s ease-out; }
.featured-box2 h3 a:hover { color: #fff !important; }
.featured-box2:before { background: #002147; transition: all .3s ease-out; }
.featured-box2:hover i { background: #fff; color: #002147; }
.featured-box2:hover h3 a { color: #02afef; }
.featured-area { padding: 30px 0; }
.featured-wrapper > div:first-child .featured-img-holder a { top: 50%; transition: all .8s ease-out; }
.featured-wrapper > div:first-child .featured-img-holder:hover { transition: all 1.2s ease-out; }
.featured-wrapper > div:first-child .featured-content-holder { padding: 8px 13px; }
.featured-wrapper > div:first-child .featured-content-holder h3 { margin-bottom: 10px; }
.view-all-btn-area { text-align: center; margin-top: 30px; }
@media (min-width: 992px) and (max-width: 1199px) { .featured-area { padding: 78px 0 90px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .featured-box2 { text-align: center; padding: 25px 10px 15px; }
  .featured-box2 i { float: none; margin-right: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featured-box2 { height: 198px; }
  .featured-area { padding: 68px 0 80px; }
}
@media (min-width: 480px) and (max-width: 767px) { .featured-area { padding: 58px 0 70px; } }
@media (max-width: 767px) { .featured-box2 { margin-bottom: 15px; } }
@media (min-width: 321px) and (max-width: 479px) { .featured-area { padding: 48px 0 60px; } }
@media (max-width: 479px) {
  .featured-box2 { text-align: center; padding: 15px 10px 5px; }
  .featured-box2 i { float: none; margin-right: 0; }
}
@media (max-width: 320px) { .featured-area { padding: 38px 0 50px; } }

/* [10] Counter */
.counter-area { padding: 0 0 1px; text-align: center; }
.counter-area .counter1-box { display: flex; }
.counter-area .counter1-box h2 { color: #fff; font-size: 72px; flex: 1; }
.counter-area .counter1-box p { color: #fff; font-size: 18px; padding-top: 25px; padding-left: 15px; flex: 2; text-transform: uppercase; text-align: left; }
@media (min-width: 992px) and (max-width: 1199px) { .counter-area { padding: 120px 0 125px; } }
@media (min-width: 768px) and (max-width: 991px) { .counter-area { padding: 110px 0 115px; } }
@media (min-width: 480px) and (max-width: 767px) {
  .counter-area { padding: 100px 0 105px; }
  .counter-area .counter1-box h2 { font-size: 56px; }
}
@media (min-width: 321px) and (max-width: 479px) { .counter-area { padding: 0 0 4px; } }
@media (max-width: 479px) { .counter-area .counter1-box h2 { font-size: 42px; } }
@media (max-width: 320px) { .counter-area { padding: 2px 0 5px; } }

/* [11] Team / lecturers (used as image cards) */
.lecturers-area { padding: 88px 0 100px; }
.lecturers1-item-wrapper { text-align: center; }
.lecturers-img-wrapper { overflow: hidden; border: 2px solid #b7265e; }
.lecturers-img-wrapper img { width: 100%; transition: all 1s ease-out; }
.lecturers-img-wrapper:hover img { transform: scale(1.2); }
.lecturers-content-wrapper { text-align: center; }
.lecturers-content-wrapper .item-title { font-size: 22px; font-weight: 500; margin-bottom: 5px; text-transform: capitalize; }
.lecturers-content-wrapper .item-title a { color: #002147; transition: all .5s ease-out; }
.lecturers-content-wrapper .item-title a:hover { color: #02afef; }
.lecturers-content-wrapper .item-designation { margin-bottom: 20px; display: block; }
.lecturers-content-wrapper .lecturers-social li { display: inline-block; }
.lecturers-content-wrapper .lecturers-social li a { height: 30px; width: 35px; background: #02afef; display: block; line-height: 30px; transition: all .5s ease-out; }
.lecturers-content-wrapper .lecturers-social li a i { color: #fff; font-size: 14px; }
.lecturers-content-wrapper .lecturers-social li a:hover { background: #002147; }
@media (min-width: 992px) and (max-width: 1199px) { .lecturers-area { padding: 78px 0 90px; } }
@media (min-width: 768px) and (max-width: 991px) { .lecturers-area { padding: 68px 0 80px; } }
@media (min-width: 480px) and (max-width: 767px) { .lecturers-area { padding: 58px 0 70px; } }
@media (min-width: 321px) and (max-width: 479px) { .lecturers-area { padding: 48px 0 50px; } }
@media (max-width: 320px) { .lecturers-area { padding: 38px 0 40px; } }

/* [12] Why choose us */
.why-choose-area { padding: 82px 0 94px; background: #f8f8f8; }
@media (min-width: 992px) and (max-width: 1199px) { .why-choose-area { padding: 74px 0 84px; } }
@media (min-width: 768px) and (max-width: 991px) { .why-choose-area { padding: 66px 0 74px; } }
@media (min-width: 480px) and (max-width: 767px) { .why-choose-area { padding: 58px 0 33px; } }
@media (min-width: 321px) and (max-width: 479px) { .why-choose-area { padding: 49px 0 23px; } }
@media (max-width: 320px) { .why-choose-area { padding: 40px 0 13px; } }

/* [13] Gallery */
.gallery-wrapper { margin-left: -5px; margin-right: -5px; }
.gallery-wrapper > div { padding: 0 3px; }
.gallery-box { margin-bottom: 6px; position: relative; border: 1px solid #b7265f; box-shadow: 1px 2px 3px 0; }
.gallery-box:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  transition: all .5s ease-out;
}
.gallery-box img { width: 100%; }
.gallery-box .gallery-content {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all .5s ease-out;
}
.gallery-box .gallery-content a { background-color: #f44336; height: 55px; width: 55px; line-height: 60px; display: inline-block; border-radius: 50%; }
.gallery-box .gallery-content a i { color: #fff; font-size: 18px; transition: all .5s ease-out; }
.gallery-box:hover:before,
.gallery-box:hover .gallery-content { opacity: 1; }
.gallery-area1 { padding: 100px 0 93px; }
.gallery-area2 { padding: 17px 0 43px; }
@media (min-width: 992px) and (max-width: 1199px) { .gallery-area1, .gallery-area2 { padding: 90px 0 83px; } }
@media (min-width: 768px) and (max-width: 991px) { .gallery-area1, .gallery-area2 { padding: 80px 0 73px; } }
@media (min-width: 480px) and (max-width: 767px) { .gallery-area1, .gallery-area2 { padding: 70px 0 63px; } }
@media (min-width: 321px) and (max-width: 479px) { .gallery-area1, .gallery-area2 { padding: 60px 0 53px; } }
@media (max-width: 320px) { .gallery-area1, .gallery-area2 { padding: 50px 0 43px; } }

/* [14] Research / service listing */
.research-page1-area { padding: 6px 0; }
.research-box1 { overflow: hidden; margin-bottom: 45px; box-shadow: 1px 2px 2px 0 rgba(65, 48, 62, .2); }
.research-box1 img { margin-bottom: 25px; border-bottom: 5px solid #3d4095; }
@media (min-width: 992px) and (max-width: 1199px) { .research-page1-area { padding: 90px 0; } }
@media (min-width: 768px) and (max-width: 991px) { .research-page1-area { padding: 80px 0; } }
@media (min-width: 480px) and (max-width: 767px) { .research-page1-area { padding: 70px 0; } }
@media (min-width: 321px) and (max-width: 479px) { .research-page1-area { padding: 60px 0; } }
@media (max-width: 320px) { .research-page1-area { padding: 50px 0; } }

/* [15] Brand / client logos */
.brand-area { padding: 6px 0 4px; text-align: center; }
.brand-area .brand-area-box a img { width: 100%; margin: 0 auto; border: solid 2px #040404; }
.brand-area .owl-nav { margin-top: 0; }

/* [16] Sidebar */
.sidebar-box { margin-bottom: 30px; background: #fff; border: 1px solid #e0e0e0; }
.sidebar-box:last-child { margin-bottom: 0; }
.sidebar-box .sidebar-box-inner { padding: 30px 25px; }
.sidebar-categories li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; }
.sidebar-categories li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.sidebar-categories li a { color: #444; transition: all .5s ease-out; }
.sidebar-categories li a:hover { color: #02afef; }
.sidebar-question-form .form-group:last-child { margin-bottom: 0; }
.sidebar-question-form .form-group input,
.sidebar-question-form .form-group textarea { border-radius: 0; background: #f5f5f5; color: #002147; border: 1px solid #e5e5e5; box-shadow: none; }
.sidebar-question-form .form-group input { height: 40px; }
.sidebar-question-form .form-response .alert-info { background: transparent; border: none; color: #fff; letter-spacing: 2px; }
.sidebar-question-form .form-response .alert-success { background-color: transparent; color: #05e42a; letter-spacing: 1px; border-color: transparent; font-weight: 500; }
.sidebar-question-form .form-response .alert { border-radius: 0; padding: 15px 0; margin-bottom: 0; margin-top: 15px; }
@media (max-width: 767px) { .sidebar { margin-top: 30px; } }
@media (min-width: 768px) and (max-width: 1199px) { .sidebar-box .sidebar-box-inner { padding: 30px 15px; } }
@media (max-width: 479px) { .sidebar-question-form .form-response .alert-success { letter-spacing: 0; } }

/* [17] Error page */
.error-page-area { padding: 100px 0; background: #02afef; text-align: center; }
.error-page-area .error-top { margin-bottom: 55px; }
.error-page-area .error-top img { display: inline-block; }
.error-page-area .error-bottom h2 { font-weight: 500; margin-bottom: 10px; font-size: 30px; color: #000; }
.error-page-area .error-bottom p { color: #634e00; font-size: 18px; margin-bottom: 40px; }
@media (max-width: 479px) { .error-page-area .error-bottom h2 { font-size: 20px; margin-bottom: 20px; } }

/* [18] Contact */
.contact-us-page1-area { padding: 90px 0 0; }
.contact-us-info1 h2 { font-size: 24px; color: #212121; text-transform: uppercase; }
.contact-us-info1 ul { margin-top: 11px; border: 1px solid #BDBDBD; }
.contact-us-info1 ul > li { padding: 15px 0 8px 30px; position: relative; border-bottom: 1px solid #BDBDBD; }
.contact-us-info1 ul > li:last-child { border-bottom: 0; }
.contact-us-info1 ul > li i { color: #002147; position: absolute; z-index: 1; right: 30px; top: 23px; font-size: 24px; }
.contact-us-info1 ul > li h3 { text-transform: capitalize; color: #111; font-size: 20px; margin-bottom: 5px; }
.contact-us-info1 ul > li .contact-social { margin-bottom: 10px; border: none; }
.contact-us-info1 ul > li .contact-social li { display: inline; margin-right: 15px; padding: 0; border: none; }
.contact-us-info1 ul > li .contact-social li a { background: transparent; border: 1px solid #002147; height: 35px; width: 35px; line-height: 35px; display: inline-block; text-align: center; transition: all .5s ease-out; }
.contact-us-info1 ul > li .contact-social li a i { font-size: 20px; position: inherit; color: #002147; transition: all .5s ease-out; }
.contact-us-info1 ul > li .contact-social li:hover a { border: 1px solid #002147; background: #002147; }
.contact-us-info1 ul > li .contact-social li:hover a i { color: #fff; }
.contact-form1 .form-group { margin-bottom: 25px; }
.contact-form1 .form-group .form-control { border-radius: 0; background: rgba(0, 0, 0, .02); box-shadow: none; border: 1px solid #BDBDBD; }
.contact-form1 .form-group input { height: 45px; }
.contact-form1 .form-response .alert-info { background: transparent; border: none; color: #a8a7a7; letter-spacing: 5px; }
.contact-form1 .form-response .alert-success { background-color: transparent; color: #00082E; letter-spacing: 4px; border-color: transparent; font-weight: 500; }
.contact-form1 .form-response .alert { border-radius: 0; padding: 15px 0; }
.google-map-area { margin-top: 100px; }
.contact-us-page2-area { padding: 88px 0 0; }
.contact-us-info2 ul { margin-top: 10px; }
.contact-us-info2 ul li { position: relative; padding: 25px 0 25px 70px; border: 1px solid #e6e6e6; font-size: 18px; color: #002147; margin-bottom: 30px; }
.contact-us-info2 ul li:last-child { margin-bottom: 0; }
.contact-us-info2 ul li i { position: absolute; left: 23px; top: 22px; z-index: 1; color: #02afef; font-size: 30px; }
.contact-form2 .form-group { margin-bottom: 25px; }
.contact-form2 .form-group .form-control { border-radius: 0; background: #f1f1f1; box-shadow: none; border: none; }
.contact-form2 .form-group input { height: 45px; color: #002147; }
.contact-form2 .form-group textarea { height: 178px; }
.contact-form2 .form-response .alert-info { background: transparent; border: none; color: #a8a7a7; letter-spacing: 5px; }
.contact-form2 .form-response .alert-success { background-color: transparent; color: #00082E; letter-spacing: 4px; border-color: transparent; font-weight: 500; }
.contact-form2 .form-response .alert { border-radius: 0; padding: 15px 0; }
@media (min-width: 992px) and (max-width: 1199px) { .contact-us-page1-area { padding: 80px 0 0; } .google-map-area { margin-top: 90px; } .contact-us-page2-area { padding: 78px 0 0; } }
@media (min-width: 768px) and (max-width: 991px) { .contact-us-page1-area { padding: 70px 0 0; } .google-map-area { margin-top: 80px; } .contact-us-page2-area { padding: 68px 0 0; } .contact-us-info2 ul li { padding: 25px 0 25px 40px; } .contact-us-info2 ul li i { left: 6px; top: 24px; } }
@media (min-width: 480px) and (max-width: 767px) { .contact-us-page1-area { padding: 60px 0 0; } .google-map-area { margin-top: 70px; } .contact-us-page2-area { padding: 58px 0 0; } }
@media (min-width: 321px) and (max-width: 479px) { .contact-us-page1-area { padding: 50px 0 0; } .google-map-area { margin-top: 60px; } .contact-us-page2-area { padding: 48px 0 0; } .contact-form1 .form-response .alert-success, .contact-form2 .form-response .alert-success { letter-spacing: 1px; } }
@media (max-width: 320px) { .contact-us-page1-area { padding: 40px 0 0; } .google-map-area { margin-top: 50px; } .contact-us-page2-area { padding: 38px 0 0; } }
@media (max-width: 767px) { .contact-us-info1, .contact-us-info2 { margin-bottom: 30px; } }

/* [19] Footer */
.footer-area-top { padding: 25px 0 1px; background: #183648; }
.footer-area-top .footer-box { margin-bottom: 30px; }
.footer-area-top p { color: #f5f5f5; }
.footer-area-top h3 { font-size: 20px; margin-bottom: 30px; color: #fff; }
.footer-area-top .footer-about { margin: 20px 0 35px; }
.footer-area-top .footer-about p { font-size: 16px; }
.footer-area-top .featured-links { margin-bottom: 50px; }
.footer-area-top .featured-links > li { display: inline-block; }
.footer-area-top .featured-links > li:first-child { margin-right: 30px; }
.footer-area-top .featured-links > li ul li { margin-bottom: 12px; position: relative; padding-left: 15px; font-size: 16px; }
.footer-area-top .featured-links > li ul li:before { content: "\f105"; position: absolute; left: 0; font-family: FontAwesome; color: #02afef; top: 0; }
.footer-area-top .featured-links > li ul li a { color: #f5f5f5; transition: all .5s ease-out; }
.footer-area-top .featured-links > li ul li a:hover { color: #02afef; }
.footer-area-top .corporate-address { margin-bottom: 20px; }
.footer-area-top .corporate-address li { margin-bottom: 10px; color: #f5f5f5; position: relative; padding-left: 30px; font-size: 16px; }
.footer-area-top .corporate-address li i { color: #02afef; padding-right: 15px; position: absolute; left: 0; top: 3px; z-index: 1; font-size: 14px; }
.footer-area-top .corporate-address li a { color: #f5f5f5; }
.footer-area-top .corporate-address li:last-child { margin-bottom: 0; }
.footer-area-top .newsletter-area .stylish-input-group { border: none; padding: 0; }
.footer-area-top .newsletter-area .stylish-input-group .form-control { border: none; box-shadow: none; border-radius: 0; text-transform: lowercase; color: #717a7f; height: 42px; font-size: 13px; background-color: rgba(0, 8, 46, .3); }
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon { background: transparent; border: none; border-radius: 0; padding: 0; transition: all .3s ease-out; }
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button { border: 0; padding: 13px 17px 14px; background-color: rgba(0, 8, 46, .3); transition: all .3s ease-out; }
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button i { color: #02afef; transition: all .3s ease-out; }
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover { background: #02afef; }
.footer-area-top .newsletter-area .stylish-input-group .input-group-addon button:hover i { color: #002147; }
.footer-area-top .footer-social li { display: inline-block; margin-right: 5px; }
.footer-area-top .footer-social li:last-child { margin-right: 0; }
.footer-area-top .footer-social li a { width: 30px; height: 30px; border: 1px solid #2b5788; display: block; text-align: center; line-height: 27px; transition: all .3s ease-out; }
.footer-area-top .footer-social li a i { color: #b3b3b3; font-size: 13px; transition: all .3s ease-out; }
.footer-area-top .footer-social li a:hover { border: 1px solid #02afef; background: #02afef; }
.footer-area-top .footer-social li a:hover i { color: #002147; }
.footer-area-top .flickr-photos li { display: inline-block; width: 32%; margin-bottom: -2px; }
.footer-area-top .flickr-photos li img:hover { opacity: .5; transition: all .3s ease-out; }
.footer-area-bottom { background: #263e88; padding: 10px 0 0; text-transform: capitalize; font-size: 14px; }
.footer-area-bottom p { color: #fff; }
.footer-area-bottom p a { color: #fff; transition: all .3s ease-out; }
.footer-area-bottom p a:hover { color: #02afef; }
.footer-area-bottom .payment-method { text-align: right; }
.footer-area-bottom .payment-method li { display: inline-block; }
@media (min-width: 992px) and (max-width: 1199px) {
  .footer-area-top { padding: 82px 0 40px; }
  .footer-area-top .featured-links > li:first-child { margin-right: 10px; }
  .footer-area-top .footer-social li { margin-right: 2px; }
}
@media (min-width: 768px) and (max-width: 991px) { .footer-area-top { padding: 72px 0 40px; } }
@media (min-width: 480px) and (max-width: 767px) { .footer-area-top { padding: 62px 0 35px; } }
@media (min-width: 321px) and (max-width: 479px) { .footer-area-top { padding: 52px 0 20px; } }
@media (max-width: 320px) { .footer-area-top { padding: 42px 0 10px; } }
@media (max-width: 767px) {
  .footer-area-bottom { text-align: center; padding: 17px 0; }
  .footer-area-bottom p { margin-bottom: 10px; }
  .footer-area-bottom .payment-method { text-align: center; }
}

/* [20] Custom additions */
#banner {
  font-family: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  background: #0143a0;
  color: #d83030;
  text-align: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }
.body_large, .subtitle_large { font-size: 20px; line-height: 28px; }

/* Hide number input arrows */
input[type=number] { -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }

.queryBox { background: #f4f4f4; color: #1b1c1d; font-weight: 700; font-size: 30px; text-transform: uppercase; padding: 17px 0; }

/* Floating WhatsApp / call icons */
.what { position: fixed; bottom: 15%; right: 13px; z-index: 100; }
.fix-icon { display: inline-block; position: fixed; bottom: 190px; right: 20px; z-index: 999999; }
.fix-icon-item { animation: bounce 1s ease infinite alternate; }
.fix-icon-item img {
  width: 55px !important;
  height: 55px !important;
  background: #ff7400;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  padding: 10px;
}