/*--------------------
 1. BASE CSS
----------------------*/
/**@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700');**/
@font-face {
  font-family:'Avenir LT Std 45 Book';
  src: url('../fonts/AvenirLTStd-Book.eot');
  src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
	  url('../fonts/AvenirLTStd-Book.woff') format('woff'),
	  url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE; font-display: swap;
}
@font-face {
  font-family:'Avenir LT Std 55 Roman';
  src: url('../fonts/AvenirLTStd-Roman.eot');
  src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
	  url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
	  url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE; font-display: swap;
}
@font-face {
  font-family:'Avenir LT Std 65 Medium';
  src: url('../fonts/AvenirLTStd-Black.eot');
  src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
	  url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
	  url('../fonts/AvenirLTStd-Black.woff') format('woff'),
	  url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
  font-weight: 750;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE; font-display: swap;
}

.alignleft {float: left; margin-right: 15px;}
.alignright {float: right; margin-left: 15px;}
.aligncenter { display: block; margin: 0 auto 15px;}
a { -webkit-transition: 0.3s; transition: 0.3s;}
a:focus, a:hover { outline: 0 solid; text-decoration: none;}
ul, ol { margin: 0; padding: 0;list-style: none;}
button:focus { outline: 0;}
img { max-width: 100%; height: auto;}
h1,h2,h3,h4,h5,h6 { color: #000; margin: 0 0 15px; font-weight: 700; line-height: 1.4em; /* text-transform: uppercase;*/ position: relative; font-family:'Avenir LT Std 65 Medium';}
h2 { font-size: 36px;}
html, body { height: 100%}
body { font-family: 'Avenir LT Std 45 Book', sans-serif; font-size: 16px; line-height: 1.7em; font-weight: 400; color: #373737;}
a:hover, a:focus { text-decoration: none; outline: 0;}
a {color: #5d6b82;}
.fix { overflow: hidden;}
.relative {  position: relative;  overflow: hidden;}
.absulute { position: absolute;}
.v-center { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.content-center {  -webkit-box-align: center;  -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;  -webkit-box-direction: normal;    -ms-flex-direction: column;    flex-direction: column;    height: 100%;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;    left: 0;    position: absolute;    top: 0;    width: 100%;}
.flex-v-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.social-bookmark li { display: inline;}
.social-bookmark li a { background: #c5ebff none repeat scroll 0 0; border-radius: 50%; color: #0492de; display: inline-block; font-size: 16px; height: 40px; margin: 0 2px; padding-top: 9px; text-align: center;    width: 40px;}
.social-bookmark li a:hover {  background: #0492de  none repeat scroll 0 0; color: #fff;}
.inline li { display: inline;}
.inline-block li { display: inline-block; padding: 5px 15px;}
.navbar-toggle { border: 2px solid #0492de ; border-radius: 0;}
.navbar-toggle .icon-bar {  background: #0492de  none repeat scroll 0 0;}
.no-margin { margin: 0;}
.no-padding { padding: 0;}
.border { border: 1px solid #ddd;}
.border-left { border-left: 1px solid #ddd;}
.border-right { border-right: 1px solid #ddd;}
.border-top { border-top: 1px solid #ddd;}
.border-bottom { border-bottom: 1px solid #ddd;}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {  -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.area-title { margin-bottom: 50px; position: relative;}
.area-title h2 { display: inline-block; font-size: 40px; letter-spacing: 2px; line-height: 1; margin-bottom: 30px; padding-bottom: 20px; position: relative; text-transform: uppercase;}
.area-title h2::before,
.area-title h2::after {  background: rgba(0, 0, 0, 0) url("img/title-border.png") repeat scroll 0 0;  bottom: 0;  content: "";  height: 2px;  left: 50%;  position: absolute;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  width: 100px;  }
.area-title h2::after {  background: #0492de  none repeat scroll 0 0;  height: 4px;  width: 20px;  }
.section-padding {  padding: 100px 0;  }
.padding-top {  padding-top: 100px; }
.padding-bottom {  padding-bottom: 100px;  }
.padding-100-70 {  padding-top: 100px;  padding-bottom: 70px;  }
.padding-100-50 {  padding-top: 100px;  padding-bottom: 50px;  }
.gray-bg {  background: #f7f9fc;  }
.deep-gray-bg {  background: #eff1ff;  }
.dark-bg {  background: #111111;  color: #ffffff;  }
.red-bg {  background: #0492de ;  color: #ffffff;  }
.blue-bg {  background: #0083ff;  color: #ffffff;  }
.soft-blue-bg {  background: #7db9e8;  color: #ffffff; }
.dark-bg .area-title h2 { color: #ffffff; }
/*--------------------------
2. TOP AREA
---------------------------*/
.top-area { height: 100%; position: relative; width: 100%; z-index: 99999;}
.top-area-bg { background: rgba(0, 0, 0, 0) url("../img/slider/slide_1.jpg") no-repeat scroll center center;  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%;  background-size:cover }
.top-area-bg::after { background: #000; content: "";  height: 100%;  left: 0;  opacity: 0.9;  position: absolute;  top: 0;  width: 100%;  }
/*---------------------------------
2.1. SEARCH AND LANGUAGE
----------------------------------*/
.search-and-language-bar { margin-left: 20px; margin-top: 30px; position: relative;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  z-index:9999999 }
.is-sticky .search-and-language-bar {  margin-top: 10px; }
.search-and-language-bar ul li { color: #fff; cursor: pointer; display: inline-block; line-height: 1; padding:10px 12px; border-radius: 40px;border: 1px solid #FFF;}
.search-and-language-bar ul li a { color: #fff; display: block; }
.search-box { position: relative;}
.search-form { background: #fff none repeat scroll 0 0; border-radius: 5px; top: 72px; height: 60px; position: absolute; right: 0; width: 280px; display: none;}
.is-sticky .search-form {top: 50px;}
.search-form input { background: rgba(0, 0, 0, 0) none repeat scroll 0 center; border: 1px solid #dcdcdc; color: #333; height: 40px; left: 11px; padding: 10px; position: absolute; top: 10px;  width: 77%;}
.search-form button { background: transparent none repeat scroll 0 0; border:1px solid #dcdcdc;  color: #000000; font-size: 20px; height: 40px; padding: 7px 12px; position: absolute; right: 10px; top: 10px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.search-form button:hover {  background: #0492de  none repeat scroll 0 0;  color: #fff;  }
.select-language select { background: #fff; border: 0 none; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative;}
/*---------------------------------
2.2 MAINMENU AREA
-----------------------------------*/
.header-top-area { left: 0; position: absolute; top: 0; width: 100%; z-index: 999;}
.mainmenu-area { border-bottom:1px solid rgba(136, 136, 136, 0.4); position: relative; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 9999;}
.navbar-header { margin-top: 14px; -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; }
.navbar { border-bottom: 0 none; border-top: 0 none; margin-bottom: 0;     background: rgb(255 255 255 / 16%); }
.navbar-brand > img { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
/*.is-sticky .navbar-brand > img { max-width: 80px;}*/
ul#nav { float:none; -webkit-transition: 0.3s; transition: 0.3s; display:table; margin:0 auto}
ul#nav li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ffffff; letter-spacing: 1px; padding:40px 25px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  font-family:'Avenir LT Std 55 Roman';   text-shadow: 4px 2px 4px rgb(0 0 0 / 60%); }
.is-sticky .navbar-header{  -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
ul#nav li a:hover,  ul#nav li.active a{ color: #0492de ; background: #000;}
.is-sticky ul#nav li a { padding: 20px 15px; color: #ffffff;}
.is-sticky ul#nav li a:hover,  .is-sticky ul#nav li.active a { color: #0492de ; }
.is-sticky .navbar-header { margin-top: -2px; }
.is-sticky .mainmenu-area { background: #000; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); z-index: 99999; }
.menu-toggle.full {border: 1px solid; height: 40px; letter-spacing: 2px; padding-top: 8px; position: absolute; right: 15px; text-align: center; top: 20px; width: 110px; color: #0492de  !important;  font-size: 14px; line-height: 24px;}
.is-sticky .menu-toggle.full { top: 8px; }
ul#nav li ul a,  .is-sticky ul#nav li ul a { border-bottom: 1px solid #1a1a1a; padding: 10px; padding-left: 15px;}
/*-----------------------------------
2.3 WELCOME TEXT AREA
-------------------------------------*/
.welcome-area { color: #ffffff;  -webkit-box-align: end;  -ms-flex-align: end;  align-items: flex-end;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  height: 100%;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding-top: 100px;  width: 100%;}
.welcome-text h1 { color: #ffffff;  font-size: 60px;  letter-spacing:3px;  line-height: 1.3;  margin-bottom: 30px;  text-transform: uppercase;   text-shadow: 4px 2px 4px rgb(0 0 0 / 60%); }
.welcome-text h4 { font-size: 20px; letter-spacing: 8px; text-transform: uppercase;}
.home-button { margin-top: 60px; height: auto !important;}
.home-button a { border: 2px solid; border-radius: 3px; color: #fff; letter-spacing: 2px; padding: 12px 30px; text-transform: uppercase;}
.home-button a:last-child { margin-left: 20px;}
.home-button a:hover { background: #0492de  none repeat scroll 0 0; border-color: #0492de ; color: #ffffff; }
.home-mockup > img { max-width: 50%;}
/*------------------------------
2.4 WELCOME SLIDER AREA
--------------------------------*/
.welcome-slider-area { height: 100%; position: relative; z-index: 9; overflow:hidden;}
.welcome-slider-area.owl-carousel div:not(.owl-controls) { height: 100%;}
.welcome-single-slide { z-index: 9; position: relative;}
.welcome-single-slide:before { background-color: rgba(0, 0, 0, 0.74); content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute;  top: 0; width: 100%; z-index: -1; }
.welcome-slider-area .welcome-text { color: #FFFFFF; -webkit-box-align: center; -ms-flex-align: center;align-items: center;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding-top: 100px; }
.welcome-text h4 { margin-bottom: 30px;}
.welcome-text h2 {color: #fff; line-height: 1; margin-bottom: 30px; }
.welcome-slider-area.home-button { height: auto !important;}
.owl-item.active .welcome-single-slide .welcome-text h1 {  -webkit-animation: 1s ease 0.5s normal both 1 running fadeInUp;  animation: 1s ease 0.5s normal both 1 running fadeInUp;  }
.owl-item.active .welcome-single-slide .welcome-text p { -webkit-animation: 1s ease 0.8s normal both 1 running fadeInUp;  animation: 1s ease 0.8s normal both 1 running fadeInUp;  }
.owl-item.active .welcome-single-slide .home-button {  -webkit-animation: 1s ease 1s normal both 1 running fadeInUp;  animation: 1s ease 1s normal both 1 running fadeInUp;  }
.slider-bg-one {  background: url(../img/slider/1.jpg) no-repeat scroll center center / cover; }
.slider-bg-two {  background: url(../img/slider/2.jpg) no-repeat scroll center center / cover; }
.slider-bg-three { background: url(../img/slider/3.jpg) no-repeat scroll center center / cover; }
.slider-bg-four {  background: url(../img/slider/3.jpg) no-repeat scroll center center / cover;  }
.welcome-slider-area.owl-carousel .owl-nav > div {  background: #fff none repeat scroll 0 0;  display: inline-block;  font-size: 30px;  height: 40px;  margin: 0 5px;  padding-top: 5px;  text-align: center;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 40px;  }
.welcome-slider-area.owl-carousel .owl-controls {  bottom: 7%;  position: absolute;  left:50%;transform: translate(-50%);  }  
.welcome-slider-area.owl-carousel .owl-nav > div:hover {  background: #0492de  none repeat scroll 0 0;  color: #fff;  }
/* ----------------------------
3. BLOG AREA
------------------------------ */
.single-blog { border-radius: 5px; -webkit-box-shadow: 0 3px 7px #ddd; box-shadow: 0 3px 7px #ddd;  overflow: hidden; }
.blog-details { background: #262626 none repeat scroll 0 0;  padding: 40px 38px; position: relative;}
.blog-meta { background: #0492de  none repeat scroll 0 0;  border-radius: 0 50px 50px 0;  font-size: 24px;  height: 50px;  position: absolute;  text-align: center;  top: 256px;  width: 70px;  }  
.blog-meta a { color: #fff; display: block; height: 100%; padding-top: 13px; width: 100%;}
.blog-details h3, .blog-details h4, .blog-details h5, .blog-details h1 { font-size: 18px; margin-bottom: 20px; color:#FFF}
.blog-details h2{ color: #0492de;font-size: 26px; text-align: justify;}
.blog-details .designations{ color:#0492de }
.blog-details p{ color:#8E8E8E; text-align: justify;}
.read-more { background: #5d6b82 none repeat scroll 0 0;  border-radius: 5px;  color: #fff;  display: inline-block;  height: 40px;  margin-top: 15px;  padding: 7px 25px;  text-align: center;  width: 140px;  }  
.read-more:hover,  .read-more:focus {  background: #0492de ; color: #fff; }
.blog-details h3 a { color: #FFF;}
.blog-details h3 a:hover,  .blog-details h3 a:focus { color: #0492de ; }
/* ----------------------------
4. ABOUT AREA
------------------------------ */
.quote-form-area { background: #eef1f5 none repeat scroll 0 0; padding: 30px 20px; }
.quote-form input { margin-bottom: 10px;}
.quote-form .width-full input { border: 0 none; padding: 10px; width: 100%; }
.quote-form .width-half input {  border: 0 none;  padding: 10px;  width: 47%;  }
.quote-form textarea { border: 0 none; height: 120px; margin-bottom: 10px;  padding: 10px;  width: 100%;}  
.quote-form button { background: #5d6b82 none repeat scroll 0 0; border: 0 none; border-radius: 5px; color: #fff; letter-spacing: 2px; padding: 10px 20px; text-transform: uppercase; -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  }
.quote-form button:hover {  background: #0492de ;  color: #fff;}
.about-content h2 { margin-bottom: 30px;}
.about-content a { display: inline-block; margin-top: 20px;}
.about-content a:hover { color: #0492de ;}
.about-content a i { -webkit-transition: 0.3s; transition: 0.3s;}
.about-content a:hover i { padding-left: 10px;}
.about-count { margin-top: 80px;}
.single-about-count { background: #fff none repeat scroll 0 0; float: left; padding: 30px 20px 20px; text-align: center; text-transform: capitalize; width: 33.33%;}
.single-about-count h4 { color: #0492de ; font-size: 24px; font-weight: 800;}
/* -----------------------------
5. SERVICE AREA
------------------------------- */
.service-content h2 { font-size: 32px; margin-bottom: 30px; padding-bottom: 15px; position: relative;}
.service-content h2::after { border-bottom: 1px dashed rgb(243, 156, 18);  bottom: 0; content: "";  height: 1px;  left: 0;  position: absolute;  width: 50px;  }
.service-catalouge-content-area {  background: rgba(0, 0, 0, 0) url("img/service/service-cargo-bg.png") no-repeat scroll center center / contain;  position: relative;  }
.catalouge-content {  background: rgba(243, 156, 18, 0.9) none repeat scroll 0 0;  color: #fff;  padding: 30px; }
.catalouge-content h3 { color: #fff; margin-bottom: 30px; padding-bottom: 15px; position: relative;}
.catalouge-content h3::after { border-bottom: 1px dashed; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 50px;}
.catalouge-content .read-more:hover,  .catalouge-content .read-more:focus { background: #fff none repeat scroll 0 0; color: #0492de ;}
.catalouge-content ul { margin-top: 40px;}
.catalouge-content ul li { margin-bottom: 15px;}
.catalouge-content ul li i {margin-right: 15px;}
/* ---------------------------
6. SERVIE BOTTOM AREA
----------------------------- */
.service-bottom-area { position: relative;}
.service-bottom-area-bg { background: rgba(0, 0, 0, 0) url("img/service/service-area-bg.jpg") repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.service-bottom-area-bg::after { background: #f5f7f9 none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 50%; }
.single-service { margin-bottom: 50px; padding-left: 80px; position: relative; }
.service-list .single-service:last-child { margin-bottom: 0;}
.service-icon-hexagon { left: -43px; position: absolute; top: -25px;}
.hex { background: #f5f7f9 none repeat scroll 0 0; border-radius: 1em / 3.5em; display: inline-block;  height: 5.2em; margin: 1em 4.61538em 1em auto; position: relative; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);  -webkit-transition: all 150ms ease-in-out 0s; transition: all 150ms ease-in-out 0s; width: 4em;}
.hex:before,  .hex:after { position: absolute; width: inherit;  height: inherit;  border-radius: inherit;  background: inherit;  content: ''; }
.hex:before { -webkit-transform: rotate(60deg);  transform: rotate(60deg); }
.hex:after {  -webkit-transform: rotate(-60deg);  transform: rotate(-60deg); }
.service-icon {  background: #5d6b82 none repeat scroll 0 0;  bottom: 7px;  color: #fff;  font-size: 24px;  height: 60px;  padding-top: 18px;  position: absolute;  right: 11px;  text-align: center;  -webkit-transform: rotate(60deg);  transform: rotate(60deg);  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 34px;  z-index: 1; }
.service-icon::before,  .service-icon::after {  background: #5d6b82 none repeat scroll 0 0;  content: "";  height: 100%;  position: absolute;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 100%;  z-index: -1;  }  
.service-icon::before {  bottom: 0;  right: 0;  -webkit-transform: rotate(60deg);  transform: rotate(60deg);  }  
.service-icon::after {  bottom: 0;  right: 0;  -webkit-transform: rotate(-60deg);  transform: rotate(-60deg);  }
.service-icon i {  -webkit-transform: rotate(30deg);  transform: rotate(30deg);  }
.service-details h4 {  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; }
.single-service:hover .service-details h4 { color: #0492de ; }
.single-service:hover .service-icon,  .single-service:hover .service-icon::before,  .single-service:hover .service-icon::after {  background: #0492de  none repeat scroll 0 0;  }
/* ----------------------------
7. PROMO AREA
----------------------------- */
.promo-top-area {  background: rgba(0, 0, 0, 0) url("img/promo/promo_top_bg.png") no-repeat scroll right 5% bottom 50% / 40% auto;  }
.single-promo {  margin-bottom: 50px;  padding: 20px 20px 20px 80px;  position: relative;  }  
.promo-area .row > div.col-lg-4 .single-promo:last-child {  margin-bottom: 0;  }
.promo-icon {  background: #f4f7f9 none repeat scroll 0 0;  border-radius: 50%;  color: #0492de ;  font-size: 24px;  height: 65px;  left: 0;  padding-top: 21px;  position: absolute;  text-align: center;  top: 0;  width: 65px; }
/* -----------------------------
8. PROMO BOTTOM AREA
----------------------------- */
.promo-bottom-area { position: relative;  }
.promo-bottom-content{  display: flex; align-items: center;  justify-content: center;}
.promo-botton-area-bg {  background: rgba(0, 0, 0, 0) url("img/promo/promo_bottom_bg.jpg") no-repeat scroll center center / cover;  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%;  }  
.promo-botton-area-bg::after {  background: #555555 none repeat scroll 0 0;  content: "";  height: 100%;  left: 0;  opacity: 0.9;  position: absolute; top: 0;  width: 100%;  }  
.promo-bottom-area h2 {  color: #fff;  font-size:20px; text-transform:inherit; margin-bottom:0; padding:0 80px; font-family:'Avenir LT Std 55 Roman';  }
.promo-bottom-content .read-more {  background: #0492de  none repeat scroll 0 0;  font-weight: bold;  height: auto;  letter-spacing: 1px;  padding: 14px;  text-transform: uppercase;  width: 180px;  }  
.promo-bottom-area .read-more:hover,  .promo-bottom-area .read-more:focus {  background: #fff none repeat scroll 0 0; color: #0492de ;  }
/*-----------------------------
9. TESTMONIAL AREA
-------------------------------*/
.client-photo-list .item {  border-radius: 50%;  overflow: hidden;  margin: 10px 0;  }  
.client-photo-list .owl-carousel .owl-item.active.center .item {  -webkit-box-shadow: 0 0 0 5px #0492de ;    box-shadow: 0 0 0 5px #0492de ;  position: relative;  z-index: 999;-webkit-transition: 0.3s;  transition: 0.3s;  }  
.client-photo-list {  margin-bottom: 40px; }
.client-details-content .item {  padding-top: 70px;  position: relative;  }
.client-details-content .item::after {  color: #5d6b82;  content: "\f10d";  font-family: fontawesome; font-size: 60px; height: 60px; left: 50%; line-height: 1; opacity: 0.5;  position: absolute;  top: 0;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  width: 60px; }
.client-details-content .item q { display: block;  font-size: 16px;  font-style: italic;  font-weight: 500;  line-height: 1.5em;  margin-bottom: 37px;  }  
.client-details-content .item h3 {  margin-bottom: 10px;  }
.client_nav span {  background: #5d6b82 none repeat scroll 0 0;  border-radius: 5px;  color: #fff;  display: inline-block;  font-size: 30px;  height: 40px;  left: 50px;  opacity: 0;  padding-top: 3px;  position: absolute;  text-align: center;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 50px;  cursor: pointer;  }
.client_nav span:hover {  background: #0492de ; }
.client_nav span.fa.testi_next { left: auto; right: 50px;}
.testmonial-area:hover .client_nav span { left: 0;  opacity: 1;  }
.testmonial-area:hover .client_nav span.testi_next { left: auto;  right: 0;  }  
/* -----------------------------
10. FOOTER AREA
------------------------------- */
.footer-top-area {  padding: 70px 0;  }  
.footer-area h2,  .footer-area h3 {  color: #fff;  font-weight: 500;  text-transform: capitalize;  }
.subscribe-content h2 {  line-height: 1;  margin-bottom: 20px;  }  
.subsriber-form {  height: 60px;  position: relative;  }
.subsriber-form input {  background: #fff none repeat scroll 0 0;  border: 0 none;  border-radius: 5px;  color: #363;height: 100%;  left: 0;  padding: 10px;  position: absolute;  top: 0;  width: 70%;  }  
.subsriber-form button {  background: #0492de  none repeat scroll 0 0;  border: 0 none;  border-radius: 5px;  color: #fff;  font-weight: 500;  height: 100%;  letter-spacing: 1px;  position: absolute;  right: 0;  text-transform: uppercase;  top: 0;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 27%;  }
.subsriber-form button:hover {  background: #fff none repeat scroll 0 0;  color: #0492de ; }
/* ----------------------------
11. FAQS AREA
------------------------------- */
.faqs-list h3 {  margin-bottom: 30px;  }
.faqs-list h3 span { color: #0492de ;  }  
.faqs-list #accordion .panel-title {  padding-left: 50px;  position: relative;  text-transform: capitalize;  }  
.faqs-list #accordion .panel-title i {  background: #0492de  none repeat scroll 0 0;  color: #fff;  height: 30px;  left: 0;  padding-top: 8px;  position: absolute;  text-align: center;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 30px;  }
.faqs-list #accordion .panel-title i::after {  background: #fff none repeat scroll 0 0;  content: "";  height: 12px;  left: 50%;  margin-left: -1.5px;  margin-top: -6px;  opacity: 0;  position: absolute;  top: 50%;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 3px;  }
.faqs-list #accordion .active .panel-title i::after { opacity: 1;  ;  }  
.faqs-list #accordion .panel,  .faqs-list #accordion .panel.active {  border-bottom: 0 none;  -webkit-box-shadow: 0 0 0 #fff;  box-shadow: 0 0 0 #fff;  }  
.panel-body {  border: 0 none !important;  }  
.panel-heading,  .panel-body {  padding-left: 0;  }
/* -----------------------------
12. ABOUT DETAILS CONTENT AREA
-------------------------------- */
.about-details-menu {  margin-bottom: 50px;  text-align: center;  }
.about-details-menu li { display: inline-block; margin: 0 5px; }
.about-details-menu li a {  border: 1px solid #efefef;  display: block;  font-size: 18px;  padding: 12px 20px;  text-transform: uppercase;  }  
.about-details-menu li.active a {  background: #0492de  none repeat scroll 0 0;  border-color: #0492de ;  color: #fff;  }  
.about-history-content {  margin-bottom: 50px;  }
.about-history-content h3 { margin-bottom: 30px;  padding-bottom: 15px;  }  
.about-history-content h3::after {  border-bottom: 1px dashed #0492de ;  bottom: 0;  content: "";  height: 1px;  left: 0;  position: absolute;  width: 50px;  }  
.about-history-content ul {  margin-top: 20px;  }  
.about-history-content ul li {  margin-bottom: 5px;  }  
.about-history-content.history-list {  position: relative;  }  
.about-history-content.history-list::after {  background: #e4e4e4;  content: "";  height: 100%;  left: 80px;  position: absolute;  top: 0;  width: 5px;  }  
.single-history {  margin-bottom: 50px;  padding-left: 125px;  position: relative;  }  
.single-history .history-year {  font-size: 18px;  font-weight: 700;  left: 0;  position: absolute;  top: 0;  width: 85px;  }  
.single-history .history-year::before,  .single-history .history-year::after {  background: #fff none repeat scroll 0 0;  border-radius: 50%;  content: "";  height: 30px;  position: absolute;  right: -12px;  top: 0;  width: 30px;  z-index: 9;  }  
.single-history .history-year::after {  background: #0492de ;  height: 10px;  right: -2px;  top: 9px;  width: 10px;  }  
/* ------------------------------
13. REPORT AREA
------------------------------ */
.annual-reports > div {  margin-bottom: 50px;  }  
.annual-reports > div:last-child {  margin-bottom: 0px;  }  
.annual-reports-content h4 {  margin-bottom: 30px;  }  
.annual-reports-content ul {  margin-top: 30px;  }  
.annual-reports-content ul li {  margin-bottom: 10px;  }  
.annual-reports-content ul li i {  color: #0492de ;  margin-right: 10px;  }  
/* ----------------------------
14. TEAM AERA
-------------------------------- */  
.single-team {  text-align: center;  margin-bottom: 30px;  padding: 1px;  }  
.team-list div > .col-lg-4:last-child .single-team {  margin-bottom: 0;  }  
.single-team .member-image img {  width: 100%;  }  
.member-details {  -webkit-box-shadow: 0 0 1px;  box-shadow: 0 0 1px;  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 30px 20px; background:#262626  }
.member-details p{ color:#8E8E8E}
.member-social-bookmark {  /* background: #5d6b82 none repeat scroll 0 0;*/  border-radius: 5px;  margin-top:0;  padding: 0;  }  
.member-social-bookmark .social-bookmark li a {  background: rgba(4, 146, 222, 0.6) none repeat scroll 0 0;  padding-top: 8px;  }  
.member-social-bookmark .social-bookmark li a:hover {  background: #0492de  none repeat scroll 0 0;  }  
/* -----------------------------
15. SERVICE TWO 
------------------------------ */  
.single-service-two {  padding: 30px 20px 30px 100px;  position: relative;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  }  
.service-icon-two {  border-right: 1px solid #ddd;  color: #0492de ;  font-size: 30px;  left: 0;  position: absolute;  text-align: center;  width: 80px;  }  
.single-service-two:hover {  background: #0492de  none repeat scroll 0 0;  color: #fff;  }  
.single-service-two:hover .service-icon-two,  .single-service-two:hover h4 {  color: inherit;  }  
/* ----------------------------
16. SERVICE THREE
------------------------------ */  
.single-service-three {  border: 1px solid #eef2f4;  -webkit-box-shadow: 0 0 10px #eef2f4;  box-shadow: 0 0 10px #eef2f4;  margin-bottom: 30px;  padding: 30px 20px 30px 80px;  position: relative;  }  
.single-service-three h4 {  color: #0492de ;  }  
.service-icon-three {  border-right: 1px solid #ddd;  color: #0492de ;  font-size: 30px;  left: 0;  position: absolute;  text-align: center;  width: 60px;  }  
/*------------------------------
17. CONTACT AREA
-------------------------------*/  
.contact-address {  margin-bottom: 50px;  }  
.contact-address a {  color: #585858;  }  
.contact-address a:hover {  color: #0492de ;  }  
.contact-area .form-control {  border-radius: 0;  margin-bottom: 10px;  min-height: 40px;  }  
.contact-area button {  background: #5d6b82 none repeat scroll 0 0;  border: 0 none;  border-radius: 3px; color: #fff;  font-weight: 600;  letter-spacing: 2px;  padding: 10px 40px;  text-transform: uppercase;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; outline: none !important;  }  
.contact-area button:hover {  background: #0492de  none repeat scroll 0 0;  color: #fff;  }  
/*------------------------------
18. FOOTER AREA
-------------------------------*/  
.footer-area {  color: #ffffff;  position: relative;  z-index: 9; font-size:14px; padding:60px 0 0  }  
.footer-area::after {  background: rgba(0, 0, 0, 0) url("img/footer-map-bg.png") no-repeat scroll center center / 90% auto;  content: "";  height: 100%;  left: 0;  opacity: 0.1;  position: absolute;  top: 0;  width: 100%;  z-index: -1;  }  
.footer-border {  background: rgba(0, 0, 0, 0) url("img/footer-border.png") repeat-x scroll center center;  height: 1px;  margin-top: 50px;  }  
.single-footer-widget {  margin-bottom: 30px;  overflow: hidden;  }  
.single-footer-widget,  .single-footer-widget a {  color: #FFF;  }  
.single-footer-widget a:hover {  color: #0492de ;  }  
.single-footer-widget h3 {  font-size: 20px;  letter-spacing: 1px;  margin-bottom: 40px;  padding-bottom: 20px;  position: relative;  }  
.single-footer-widget h3::after {  border-bottom: 1px dashed #0492de ;  bottom: 0;  content: "";  height: 1px;  left: 0;  position: absolute;  width: 50px;  }  
.single-footer-widget.footer-about ul {  margin-top: 30px;  }  
.single-footer-widget.footer-about ul li {  margin-bottom: 10px;  }  
/*.single-footer-widget.footer-about ul li i {  border-right: 1px solid;  margin-right: 10px;  width: 20px;  }  */
.single-footer-widget.twitter-widget ul li {  margin-bottom: 20px;  padding-left: 30px;  position: relative;  }  
.single-footer-widget.twitter-widget ul li .twitter-icon {  color: #0492de ;  left: 0;  position: absolute;  }  
.single-footer-widget.list-widget ul li {  letter-spacing: 1px;  margin-bottom: 10px;  position: relative;  }
  /*.single-footer-widget.list-widget ul li::before {  content: "\f0a4";  display: inline-block;  font-family: fontawesome;  margin-right: 15px;  }*/  
.single-footer-widget.instafeed-widget li {  float: left; margin-bottom: 2%;  margin-right: 2%;  width: 31.33%;  }  
.footer-bottom-area .footer-border {  margin: 0;  }  
.footer-copyright-area {  padding: 30px 0; border-top:1px solid #222  }  
.footer-copyright p {  margin-bottom: 0;  margin-top: 10px;  }  
.footer-copyright a.footer-logo {  border-bottom: 2px solid;  display: block;  margin-bottom: 5px;  margin-right: 10px;  max-width: 300px;  padding-bottom: 10px;  }  
.footer-copyright a {  color: #ffffff;  }  
.footer-social-bookmark .social-bookmark li a {  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;  border-radius: 50%;  color: #fff;  display: inline-block;  font-size: 14px;  height: 30px;  margin: 0 2px;  padding-top: 3px;  text-align: center;  width: 30px;  }  
.footer-social-bookmark .social-bookmark li a:hover {  background: #0492de ;  color: #fff;  }  
/*------------------------------
19. SCROLL TO TOP
-------------------------------*/  
a.scrolltotop {  background: #0492de  none repeat scroll 0 0;  bottom: 20px;  -webkit-box-shadow:0 0 0 3px rgba(255,255,255,0.2);  box-shadow:0 0 0 3px rgba(255,255,255,0.2);  color: #ffffff;  display: none;  font-size: 20px;  height: 40px;  padding-top: 5px;  position: fixed;  right: 20px;  text-align: center;  width: 40px;  z-index: 99;  }  
a.scrolltotop:hover {  -webkit-box-shadow: 0 0 0 0 #272727;  box-shadow: 0 0 0 0 #272727;  background: #272727;  }   
/*-----------------------------------
20. WELCOME SLIDER AREA
-------------------------------------*/  
.home-two .single-blog {  margin-top: -244px;  }  
.home-two .welcome-area {  padding-bottom: 200px;  }  
.home-two .blog-area.blog-bottom .single-blog {  margin-top: 0;  }  
.home-four .about-area.section-padding {  padding-bottom: 50px;  }  
.home-four .promo-top-area.section-padding {  background: inherit;  padding-bottom: 50px;  }  
.home-four .service-bottom-area-bg {  background: rgba(0, 0, 0, 0) url("img/service/service-area-bg-2.jpg") repeat scroll 0 0;  }  
.top-area.single-page {  height:400px;  }  
.single-page .top-area-bg::after {  opacity:0.65;  }  
.single-page .welcome-text h2 {  margin-bottom: 10px;  }  
.page-location li {  display: inline-block;  }  
.page-location li a {  color: #fff;  display: block;  padding: 0 10px; }  
/* ----------------------------------
21. BLOG PAGE
------------------------------------- */  
.blog-page .single-blog {  border-radius: 0;  margin-bottom: 50px;  }  
.blog-page .single-blog .post-date {  margin-bottom: 20px;  margin-top: -10px;  }  
.blog-page .single-blog .post-date a i {  margin-right: 10px;  }  
.blog-page .single-blog .post-date a:hover {  color: #0492de ;  }  
.blog-page .blog-image img {  width: 100%;  }  
.pagination li a {  border-radius: 0; color: #666;  padding: 10px 20px;  }  
.pagination li a:hover,  .pagination li.active a,  .pagination li a:focus {  background: #0492de  none repeat scroll 0 0;  color: #fff;  border-color: #0492de ;  }  
.single-sidebar-widget {  -webkit-box-shadow: 0 3px 7px #ddd;  box-shadow: 0 3px 7px #ddd;  margin-bottom: 50px;  padding: 20px;  }  
.single-sidebar-widget h4::after {  border-bottom: 1px dashed #0492de ;  bottom: 0;  content: "";  height: 1px;  left: 0;  position: absolute;  width: 50px;  }  
.single-sidebar-widget h4 {  margin-bottom: 30px;  padding-bottom: 10px;  }  
.widget_search form {  border: 1px solid #ddd;  height: 40px;  position: relative;  width: 100%;  }  
.widget_search form input {  border: 0 none;  height: 100%;  left: 0;  padding: 8px 40px 8px 8px;  position: absolute;  top: 0;  width: 100%;  }  
.widget_search form button {  background: #5d6b82 none repeat scroll 0 0;  border: 0 none;  color: #fff;  height: 100%;  position: absolute;  right: 0;  top: 0;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  width: 50px;  }  
.widget_search form button:hover,  .tagcloud a:hover {  background: #0492de  none repeat scroll 0 0;  color: #fff;  border-color: #0492de ;  }  
.widget_categories li {  margin: 5px 0;  position: relative;  }  
.widget_categories li::before {  content: "\f105";  display: inline-block;  font-family: fontawesome;  margin-right: 10px;  }  
.single-sidebar-widget li a:hover {  color: #0492de ;  }  
.single-sidebar-widget {  -webkit-box-shadow: 0 3px 7px #ddd;  box-shadow: 0 3px 7px #ddd;  margin-bottom: 50px;  padding: 20px;  }  
.widget_recent_entries li {  margin-bottom: 15px;  overflow: hidden;  }  
.tagcloud a {  border: 1px solid #ddd;  display: inline-block;  margin-bottom: 9px;  margin-right: 5px;  padding: 5px 10px;  text-transform: capitalize;  }  
blockquote {  background: #f1f1f1 none repeat scroll 0 0;  border: 0 none;  font-size: 16px;  font-style: italic;  line-height: 1.7em;  position: relative;  padding: 20px 30px;  text-transform: capitalize;  z-index: 1;  }  
blockquote::after,  blockquote::before {  content: "\f10d";  font-family: fontawesome;  font-size: 50px;  height: 50px;  left: 0;  line-height: 1;  opacity: 0.3;  position: absolute;  top: 0;  width: 50px;  z-index: -1;  }  
blockquote::before {  bottom: 0;  content: "\f10e";  left: auto;  right: 8px;  top: auto;  }  
.share-button,  .comments-area,  .comments-form-area {  -webkit-box-shadow: 0 3px 7px #ddd;  box-shadow: 0 3px 7px #ddd;  margin-bottom: 50px;  padding: 20px;  }  
.comments-area h4,  .comments-form-area h4 {  margin-bottom: 30px;  }  
.comments-area ul li {  border-bottom: 1px solid #ddd;  margin-bottom: 20px;  padding-bottom: 20px;  padding-left: 90px;  position: relative;  }  
.comments-area ul li:nth-child(2n) {  margin-left: 80px;  }    .comments-area ul li .comments-author-thumb {  height: 80px;  left: 0;  position: absolute;  top: 0;  width: 80px;  }  
.half-width input {  border: 1px solid #ddd;  margin-bottom: 14px;  padding: 10px;  width: calc(50% - 10px);  }  
.comment-form textarea {  border: 1px solid #ddd;  margin-bottom: 15px;  padding: 10px;  width: 100%;  }  
.comment-form button {  background: #5d6b82 none repeat scroll 0 0;  border: 0 none;  color: #fff;  padding: 10px 20px;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;  }  .comment-form button:hover {  background: #0492de  none repeat scroll 0 0;  } 
/*-------------------------------
22. SERVICE PAGE
-------------------------------*/  
.service-image {  margin-bottom: 40px;  }  
.service-image img {  width: 100%;  }  
.service-details-text {  margin-bottom: 50px;  }  
.service-menu h4 {  background: #0492de  none repeat scroll 0 0;  color: #fff;  margin-bottom: 0;  padding: 10px;  text-align: center;  }  
.service-menu ul {  border: 1px solid #ddd;  }  
.service-menu > ul li {  border-top: 1px dashed #ddd;  display: block;  margin-top: -1px;  }  
.service-menu ul li a {  display: block;  padding: 10px 20px;  }  
.service-menu ul li a i {  float: right;  }  
.service-menu ul li a:hover { color: #0492de ; }  
/*------------------------------
23. 404 ERROR PAGE
-------------------------------*/  
.error-content img {  margin-bottom: 40px;  }  
.error-content h3 {}  
.error-content h2,  .error-content h3 {  letter-spacing: 1px;  text-transform: capitalize;  }  
.error-area .read-more {  width: auto;  }
.stellarnav.dark{  background: none;}
.stellarnav.dark ul ul{ background:#000}
.stellarnav{ width:auto}
.navbar-brand{ background:#292929}
.navbar-header{}
.navbar-brand{ position:absolute; left:0; height:auto; top:0; border-radius:0 0 4px 4px; z-index: 9999; }
.navbar-brand > img{ width:90px;}
.m-y-40{ margin:40px 0}
.m-y-60{ margin:60px 0}
.m-y-80{ margin:80px 0}
.welcome-readmore{ color:#0493de; padding:20px 0 }
.m-t-20{ margin-top:20px}
.m-t-30{ margin-top:30px}
.m-t-40{ margin-top:40px}
.m-t-60{ margin-top:60px}
.m-b-20{ margin-bottom:20px}
.m-b-30{ margin-bottom:30px}
.m-b-40{ margin-bottom:40px}
.m-b-60{ margin-bottom:60px}
.our-solution{ background:#0492de; padding:80px 0}
.our-solution-heading, .video-section-heading {margin-bottom: 40px;}
.our-solution-heading h1{ font-size:40px; color:#FFF; text-transform:uppercase }
.our-solution-heading p{ font-size:16px; color:#FFF; margin-bottom:0px;text-transform:uppercase}
.our-solution-section .solution-img{ margin:0 0 20px 0; box-shadow:-10px -10px 0 #0375b2}
.our-solution-section .solution-img img{ width:100%}
/*.our-solution-section h3 a{font-size: 20px; color: #0492de; background: #FFF; padding: 10px 20px;}*/
.our-solution-section h3 a{ padding: 10px 20px; font-size:20px; color:#fff; text-transform:uppercase; position:relative; cursor:pointer; border: none; background:#2b2b2b; background-image: linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%); border-radius: 5px;  box-shadow:inset 0px 1px 0px #1e1e1e, 0px 5px 0px 0px #000, 0px 10px 5px rgb(26 26 26 / 55%); top: 0}
.our-solution-section h3 a:hover, .our-solution-section h3 a:focus{ top:3px; box-shadow: inset 0px 1px 0px #000000, 0px 2px 0px 0px #000000, 0px 5px 3px #000}
/*.our-solution-section h3 a{ border:1px solid #5eb4ec; display:inline-block; float:right; padding:1px 10px;}
.our-solution-section h3 a i{ color:#FFF; font-size:16px;}*/
.our-solution-section p{ color:#aae1ff}
.display-table{ display:table; margin:0 auto; float:none}
.display-flex-center{display: flex; align-items: center; justify-content: center}
.video-section{ padding:80px 0; background:#252525; }
.video-section-heading h1{ font-size:40px; color:#000; text-transform:capitalize }
.video-section-heading p{ font-size:16px; color:#000; margin-bottom:0px; text-transform:uppercase}
.video-section .video-img{ position:relative; margin-bottom:15px;}
.video-section .video-img img{ width:100%}
.video-section .video-img:after{ width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.6); content:""; left:0}
.video-section .video-img i{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:66px; color:#FFF; z-index:999}
.video-section p{ font-size:18px; color:#000;}
.our-contact{ background:#e5f4fc; padding:30px; min-height:176px;}
.our-contact h3{ font-size:20px; color:#40484d; text-transform:capitalize;  font-family:'Avenir LT Std 55 Roman';}
.our-contact p{ color:#505b61}
.our-contact .social-section a{ display:inline-block; margin:0 5px}
.innerheading{ font-size:30px; position:relative; margin-bottom: 30px; text-transform:uppercase}
.innerheading:after{ width:70px; height:5px; border-radius:10px; background:#0492de; position:absolute; bottom:-15px; content:""; left:0}
.innerheading2{ font-size:30px; margin-bottom: 30px; color:#FFF; position:relative; text-transform:uppercase}
.innerheading2:after{ width:70px; height:5px; border-radius:10px; background:#0492de; position:absolute; bottom:-15px; content:""; left:0}

.innerheading3{ font-size:30px; margin-bottom: 30px; color:#000; position:relative; text-transform:uppercase}
.innerheading3:after{ width:70px; height:5px; border-radius:10px; background:#0492de; position:absolute; bottom:-15px; content:""; left:50%; transform:translate(-50%)}


.whowe-are-video .video-img{ position:relative; margin-bottom:15px; background: #000; padding: 10px;}
.whowe-are-video .video-img img{ width:100%}
.whowe-are-video .video-img:after{ width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.6); content:""; left:0; top: 0}
.whowe-are-video .video-img i{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:66px; color:#FFF; z-index:999}
.our-mission-section{ background:#000}
.our-mission-img img {object-fit: cover; height: calc(100% - 70px);}
.pl-0{ padding-left:0}
.pr-0{ padding-right:0}

.our-mission-content{ padding:30px 0 0; width:70%}
.our-mission-content p{ color:#999}
.our-mission-content #accordion .panel.active{ background:#0492de; color:#FFF}
.our-mission-content #accordion .panel{ padding:0 20px; background:#292929; color:#FFF}
.our-mission-content #accordion .panel .panel-heading h4{ text-transform:capitalize; font-family:'Avenir LT Std 55 Roman';}
.our-values-parts{ margin-bottom:25px; position:relative;}
.our-values-parts i{ position:absolute; left:0; top:0}
.our-values-parts .our-values-parts-content{ margin-left:90px; min-height: 124px;}
.our-values-parts .our-values-parts-content h3{ font-size:20px; color:#000; text-transform:capitalize;  font-family:'Avenir LT Std 55 Roman';     margin-bottom: 5px;}

.our-vision-section{ background:#353535}
.our-vision-section-content{ width:60%; float:right; padding:30px 30px 30px 0;}
.our-vision-section .our-vision-img img { object-fit: cover; min-height: 100%;}
.our-vision-section-content .sub-section{ margin:50px 0 20px}
.our-vision-section-content .sub-section span{ display:inline-block; padding:10px 20px; background:#0492de; font-size:18px; color:#FFF; text-transform:uppercase}
.our-vision-section-content p{ color:#999}
.footer-logo{ background:#FFF; display:table; padding:20px; margin:0 auto}
.footer-area h4{ color:#FFF; text-transform:capitalize; font-family:'Avenir LT Std 55 Roman';}
.footer-copyright-links a{ color:#FFF; padding:0 20px}
.featured-services-section{ padding:40px 0; background:#ebf9fe; position: relative;width: 100%;background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed;}
/*.featured-services-section:after { z-index: 0; position: absolute; bottom: 0; top: 0; left: 0;right: 0; background:rgba(12, 62, 115, 0.65); content:""}*/

.slick-slider {position: relative; display: block;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-touch-callout: none;  -khtml-user-select: none;  touch-action: pan-y;  -webkit-tap-highlight-color: transparent}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0}
.slick-list:focus { outline: none}
.slick-list.dragging { cursor: hand}
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0)}
.slick-track { position: relative; top: 0;  left: 0; display: block}
.slick-track:before, .slick-track:after { display: table; content: ''}
.slick-track:after { clear: both}
.slick-loading .slick-track { visibility: hidden}
.slick-slide { display: none; float: left; height: 100%;  min-height: 1px}
.slick-slide.dragging img { pointer-events: none}
.slick-initialized .slick-slide {  display: block}
.slick-loading .slick-slide { visibility: hidden}
.slick-vertical .slick-slide { display: block;  height: auto;  border: 1px solid transparent}
.img-fill {  width: 100%;  display: block;  overflow: hidden;  position: relative;  text-align: center}
.img-fill img {  height: 100%;  min-width:auto;  position: relative;  display: inline-block;  max-width: none; width:auto}
/* Slider Theme Style */
.innerheading2:after {  content: '';  display: block;  clear: both;}
.innerheading2 {}
.innerheading2 .Arrows {  float: right;}
.innerheading2 .Slick-Next, .innerheading2 .Slick-Prev { display: inline-block; width: 38px; height: 38px; margin-top: 6px; background: #2b2b2b; color: #FFF;  margin-left: 5px;  cursor: pointer;  font: 18px/36px "Material Design Icons";  text-align: center;  -webkit-transition: all 0.5s;  transition: all 0.5s;}
.innerheading2 .Slick-Next:hover, .innerheading2 .Slick-Prev:hover { background:#0492de;}
.innerheading2 .Slick-Next:before {  content: '\f142'}
.innerheading2 .Slick-Prev:before {  content: '\f141'}
.SlickCarousel { margin: 0 -7.5px;  margin-top: 10px;}
.ProductBlock .Content{ text-align:center}
.slick-track .slick-slide{ background:#ccc; padding:20px;  -webkit-transition: all 0.5s;  transition: all 0.5s; min-height: 470px; box-shadow:-15px 0px 10px rgb(0 0 0 / 4%) inset}
.slick-track .slick-slide img{filter: grayscale(100%);}
.slick-track .slick-slide h3{ text-transform:capitalize; font-size:18px;}
.slick-track .slick-slide:hover{ background:#4272d7; color:#FFF }
.slick-track .slick-slide:hover img{ filter: grayscale(0%);}
.slick-track .slick-slide:hover h3{ color:#FFF }
.promo-area{ padding:40px 0; background:#555}
/*.is-sticky .navbar-brand{ top: 0 }*/
.navbar-brand { -webkit-transition: all 0.5s;  transition: all 0.5s;}
.stellarnav li.has-sub>a:after{ font-family: "Material Design Icons"; content: '\f140'; }
ul#nav li ul a, .is-sticky ul#nav li ul a{ font-size: 12px; }
.our-mission-img, .our-vision-img{ position:relative}
.our-mission-img:after{  z-index: 0; position: absolute; bottom: 0; top: 0; left: 0;right: 0; background:rgba(0, 0, 0, 0.60); content:""}
.our-vision-img:after {z-index: 0; position: absolute; bottom: 0;top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.60); content: "";}
.welcome-slider-area .welcome-text p{ width:70%; margin:0 auto}
.rightsticky{ position:fixed; right:0; top:50%; background:#0492de; font-size:28px; color:#FFF; padding:8px 10px; z-index:99; border-radius:4px 0 0 4px ; -webkit-box-shadow: 0 0 0 7px transparent; box-shadow: 0 0 0 7px transparent; z-index: 9999999}
.rightstickyblk{position:fixed; right:0; top:50%; background:#484848; font-size:28px; color:#FFF; padding:8px 10px; z-index:99; border-radius:4px 0 0 4px ; -webkit-box-shadow: 0 0 0 0 #272727; box-shadow: 0 0 0 0 #272727;}
.rightsticky:hover{ -webkit-box-shadow: 0 0 0 0 #272727; box-shadow: 0 0 0 0 #272727; background: #272727; color:#FFF}
.our-solution-section a{ color:#FFF; font-size:14px; cursor:pointer}
.footer-border-right{ border-right:1px solid #222}
.quicklinks a, .quicklinks h4{ color:#aaaaaa}
.quicklinks .subheading{ font-weight: 600 }
.px-0{ padding-left:0; padding-right:0}
.rel{ position:relative}
/**READ MORE - LESS**/
.read-more-state{ display: none;}
.read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .35s ease;}
.read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em;}
.read-more-state ~ .read-more-trigger:before { content: 'Read more';}
.read-more-state:checked ~ .read-more-trigger:before { content: 'Read less';}
.read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .5em 0 0 ; color: #0492de; font-size:14px; font-weight:normal}
.our-solution-section .read-more-trigger{ color:#FFF}
/**READ MORE - LESS**/
sub{top:-8px}
.featured-services-section .solution-sect{ background:#262626; padding:15px; min-height:550px; margin-bottom:30px}
.featured-services-section .solution-sect .imgsect{ margin:0 auto 20px; text-align:center}
.featured-services-section .solution-sect h4{ color:#0591df; font-size:18px; font-family:'Avenir LT Std 55 Roman';}
.featured-services-section .solution-sect p{ color:#8E8E8E}

.sales-strategy-section{ padding:40px 0; background:#ebf9fe; position: relative;width: 100%;background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: fixed;}
.sales-strategy-section:after { z-index: 0; position: absolute; bottom: 0; top: 0; left: 0;right: 0; background:rgba(12, 62, 115, 0.65); content:""}
.sales-strategy-section h4{ font-size: 30px; margin-bottom: 30px; color: #FFF; position: relative; text-transform: uppercase;}
.sales-strategy-section ul li{ display:inline-block; padding:0 4px; width: 33%;}
.aligner{ display: flex; align-items: center; justify-content: center;}
.brand-pyramid{ background:#edf9ff; padding:40px 0;}
.brand-pyramid p{ font-size: 20px; color: #000; text-transform: capitalize; font-family: 'Avenir LT Std 55 Roman'; margin-bottom:25px;}

.business-creation{ margin-bottom:25px; position:relative;}
.business-creation i{ position:absolute; left:0; top:0}
.business-creation h3{ margin-left:90px; font-size:20px; color:#000; text-transform:capitalize;  font-family:'Avenir LT Std 55 Roman';  margin-bottom: 5px; min-height: 65px;}
.business-creation .business-creation-content{ }
.business-creation-subSections{ background: #262626; padding: 15px; min-height: 690px; margin-bottom: 30px;}
.business-creation-subSections p{ color:#8E8E8E}
.business-creation-subSections2{ background: #262626; padding: 15px; min-height:338px;}
.business-creation-subSections2 p{ color:#8E8E8E}
.member-details h3{ color:#0492de; font-size:20px}
.combined-refined-text{ font-size:20px;}
.our-solution-section{ margin-bottom:40px;}

.contact-details{ margin-bottom:25px; position:relative;}
.contact-details i{ position:absolute; left:0; top:0}
.contact-details .contact-details-content{ margin-left:70px; min-height: 65px;}
.contact-details .contact-details-content h3{ font-size:16px; color:#000; text-transform:capitalize;  font-family:'Avenir LT Std 55 Roman';     margin-bottom: 5px;}

.social-bookmark li a i{ position: static; }
.blog-details-page .blog-details{ background: #FFF }
.blog-details-page .blog-details h4{ color: #000}
.blog-details-page .blog-details p{ color: #000 }
.modal-header .close{ position:relative; z-index:99; margin-top:3px;}

.videopopupjs{ background-color:#000; background-color:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; text-align: start!important;}
.videopopupjs--hide{ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: videoPopupJsHide; animation-name: videoPopupJsHide;}
.videopopupjs__close{ width:30px; height:30px; cursor:pointer; display:block; margin-bottom:10px;  color:rgba(255, 255, 255, 0.59);}
.videopopupjs__close:after{ width:30px; height:30px; display:block; text-align:center; content:'X'; font-family:'Verdana'; border-radius:50%; background:#333; line-height:2.2; font-size:13px;}
.videopopupjs__close:hover{ opacity:0.5;}
.videopopupjs--animation{ opacity: 0; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: videoPopupJs; animation-name: videoPopupJs;}
.videopopupjs__content{ margin:0 auto; height:100%; height:500px; width:100%; margin-top:5%;}
.videopopupjs__content iframe{ width:100%; height:100%;}
.videopopupjs__block--notfound{ position:absolute; top: 0; bottom: 0; margin: auto 0;width:100%;  height:500px;  background-color:#fff;  text-align:center;  vertical-align: middle;  line-height: 500px;  font-family:'Arial';  font-size:20px;}
@media(max-width: 768px){
.videopopupjs__content{  max-width:90%!important;}
}
@-webkit-keyframes videoPopupJs{
0%{ opacity: 0;}
100%{opacity: 1;}
}
@keyframes videoPopupJs{
0%{opacity: 0;}
100%{opacity: 1;}
}
@-webkit-keyframes videoPopupJsHide{
0%{opacity: 1;}
100%{opacity: 0;}
}
@keyframes videoPopupJsHide{
0%{ opacity: 1;}
100%{opacity: 0;}
}
.welcome-text h2 sub{top: -15px;}
.dropshdw-img{ margin:0 0 20px 0; box-shadow:-10px -10px 0 #0375b2}
.dropshdw-img img{ width:100%}
.single-page .welcome-text h2 span{ font-family: 'Avenir LT Std 45 Book'; font-size: 22px; }
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#0492de; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background-color :#0492de;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ color: #FFF }
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{ border: 1px solid #0492de }
.nav-tabs.nav-justified>li>a{ color: #FFF }
.tab-content>.tab-pane p{ padding: 15px 0 }
.nav>li>a:focus, .nav>li>a:hover{ color: #0492de }
.nav-tabs.nav-justified>li>a{ border-bottom:none; text-transform:uppercase; background:#0492de; color: #FFF}
.modal{ z-index: 99999 }
.location i{ font-size: 12px;  }
.welcome-slider-area.owl-carousel .owl-controls{ width: 90px; }
.welcome-slider-area.owl-carousel .owl-controls .owl-dots .owl-dot{ float:left; }
.welcome-slider-area.owl-carousel .owl-controls .owl-dots .owl-dot.active{ background:#0492de; }
.fa.fa-angle-left, .search-and-language-bar, .fa.fa-angle-right{display: none;}
.nav-tabs.nav-justified > li > a{ border-radius: 4px; }
.nav-tabs.nav-justified > li{ padding-right: 5px }
.nav-tabs.nav-justified > li:last-child{ margin-right:0 }
.whowe-are-video{}
.whowe-are-video iframe{ border:10px solid #2F2F2F}
.last-link ul{ margin-top: 40px }
.tab-content{ background: #1d1d1d; padding: 0 6px; border-radius: 6px; margin: 5px 5px 0 0; }
.tab-content p{ color: #FFF }
.blog-details ol{ margin-left: 20px; margin-bottom: 20px;}
.blog-details ol li{    list-style: decimal; margin-bottom: 10px;}

.lightbox-close { display: inline-block; background: #d62c1a; height: 200px; width: 200px; line-height: 200px; font-size: 42px; text-align: center; color: #ffffff;}
/*LIGHTBOX STYLE*/
.lightbox { display: none; position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.lightbox .lightbox-video {width: 100%; padding-bottom: 56%;}
.lightbox iframe { position: absolute; height: 100%; width: 100%; left: 0; right: 0;}
.lightbox img { display: block; margin: 0 auto;}
.lightbox .lightbox-close { position: absolute; display: block; top:30px; right:30px; color: #000; font-size: 26px; height: 50px; width: 50px; background:rgba(255, 255, 255, 0.95); /*border: 3px solid #ffffff;*/ border-radius: 50%; line-height:50px; text-align: center;}
.lightbox .lightbox-close:hover {text-decoration: none;}
.lightbox .lightbox-container { max-width: 1024px; margin: 100px auto 25px;}

.location .single-promo{ background: #f3f3f3; padding:30px 30px 20px 110px; font-size:22px;color:#40484d; text-transform: capitalize; font-family:'Avenir LT Std 65 Medium'; border-radius: 6px; margin-bottom: 0}
.location .promo-icon i { font-size: 32px;}
.location .promo-icon{ top: 16px; left: 30px; background:#FFF}
.widget_categories li a{ color: #dcdcdc }
.mainHeading, .subHeadingsite, .subHeadingsiteh3, .subHeadingsiteh4{ font-size:16px; margin-bottom:10px; color: #a0a0a0;  font-family:'Avenir LT Std 45 Book'; font-weight:350;}
/*.subHeadingsite{ font-size:28px; margin-bottom:20px; color: #4a4a4a }
.subHeadingsiteh3{ font-size:24px; color: #4a4a4a}
.subHeadingsiteh4{ font-size:24px; color: #4a4a4a}*/
.ourteamheading{ font-size: 36px!important; text-transform: capitalize!important; margin-bottom: 0!important}
.parsley-required{ color:red; }

.btn.btn1 {
    background: #5d6b82 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px 40px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn.btn1:hover {
    background: #0492de none repeat scroll 0 0;
    color: #fff;
}

/*modal-01*/
.modal-01 .modal-header {
    background: #292929;
}

.modal-01 .modal-title {
    color: #fff;
    font-family: 'Avenir LT Std 45 Book', sans-serif;
}

.modal-01 .modal-header .close {
    color: #fff;
    opacity: 1;
}