/*----- Normalize.css Start -----*/
/*! normalize.css v5.0.0 | MIT License | https://github.com/necolas/normalize.css/ */
html {line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, footer, header, nav, section { display: block }
h1 { font-size: 2em; margin: .67em 0 }
figcaption, figure, main { display: block }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre {font-size: 1em }
a { background-color: transparent; -webkit-text-decoration-skip: objects }
a:active, a:hover { outline-width: 0 }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: inherit; font-weight: bolder }
code, kbd, samp {font-size: 1em }
dfn { font-style: italic }
mark { background-color: #ff0; color: #000 }
small { font-size: 80% }
sub { bottom: -.25em }
sup { top: -.5em }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1;
}
audio, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
img { border-style: none }
svg:not(:root) { overflow: hidden }
button, input, optgroup, select, textarea {font-family: "proxima-nova", sans-serif; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
button, html [type="button"],/* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { display: inline-block; vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details, menu { display: block }
summary { display: list-item }
canvas { display: inline-block }
template { display: none }
[hidden] { display: none }



/*----- Normalize.css End -----*/
/*----- Common Start -----*/
/* General Resets */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { font-family: "proxima-nova", sans-serif; font-size: 15px; line-height: 1.25; font-weight: 400; padding-top: 106px; color: #55606c; -webkit-font-smoothing: subpixel-antialiased; }
a { -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
:focus { outline: 0 none; }
button, input, optgroup, select, textarea {font-family: "proxima-nova", sans-serif; -webkit-appearance: none; border-radius: 0; }
textarea { resize: vertical; }
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 15px; }     /* Remove top margin from headers */
h1 { font-size: 42px; }
h2 { font-size: 40px; font-weight: 300; }
h3 { font-size: 38px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 14px; }
p { color: #55606c; line-height: 26px; font-size: 15px; margin: 0 0 15px; }
a { text-decoration: none; color: #00c8ee; }
a:hover { color: #7c715c; }
a[href*="tel"], a[href*="mailto"] { }
/* General Classes */
.cf::after { content: ""; display: table; clear: both; }
.pull-left { float: left; }
.pull-right { float: right; }
.hidden { display: none; }
.text-center { text-align: center; }
.center-block { display: block; float: none; margin: 0 auto; }
.preloader { display: none; }

::-webkit-input-placeholder {
color: #555;
opacity:0.6;
}      /* WebKit browsers */
:-moz-placeholder {
color: #555;
opacity:0.6;
}                /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {
color: #555;
opacity:0.6;
}               /* Mozilla Firefox 19+ */
:-ms-input-placeholder {
color: #555;
opacity:0.6;
}           /* Internet Explorer 10+ */
.container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.container::after { content: ""; display: table; clear: both; }
.main { margin: 0 auto; max-width: 1365px; }
.wrapper { height: auto; margin: 0 auto; min-height: 100%; }
/*----- Common End -----*/


/*----- Header Start -----*/
/*----- menu css start ----*/
/*
  Only required is to display none the .menu-icon
*/

.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 22px; padding: 10px 0; }
.menu-icon .menu-box { width: 50px; height: 38px; margin-right: 20px; padding: 5px; position: absolute; left: 0; }
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #9a8b7d; display: block; transition: all 0.5s; -webkit-transition: all 0.5s; }
/*.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translateY(8px) translateX(6px);
    -webkit-transform: rotate(45deg) translateY(8px) translateX(6px);
}*/
/*.menu-icon.hover:not(.active) span:nth-child(1) {
    transform: rotate(90deg) translateX(8px);
    -webkit-transform: rotate(90deg) translateX(8px);
}
.menu-icon.active span:nth-child(2) {
    opacity: 0;
}*/
/*.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
}
.menu-icon.hover:not(.active) span:nth-child(3) {
    transform: rotate(-90deg) translateX(6px);
    -webkit-transform: rotate(-90deg)  translateX(6px);
}*/
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; margin: 23px 0 0 0; float: left; width: 100%; }
.enumenu_ul > li { /*display: inline-block;*/ float: left; vertical-align: top; /*position: relative;*/ padding-bottom: 43px; }
.enumenu_ul li a { font-size: 12px; text-transform: uppercase; font-weight: 700; color: #7c715c; /*padding: 0px 11px 0 26px;*/ padding: 0 19px; position: relative; letter-spacing: 1.8px; }
.enumenu_ul > li:hover > a, .enumenu_ul > li.active > a { background: transparent; }
.enumenu_ul li.active a { color: #00bce9; }
.mega_menu_wrapper { margin: 24px auto 0; max-width: 1365px; /*display: none; */ padding: 0; }
.submenu-main.sb-menu { display: none; }
.mega_menu_wrapper li ul { padding: 0; margin: 0; }
/*.enumenu_ul > li:hover .submenu-main.sb-menu{display: block;}*/
.submenu-main { background: #fff; display: inline-block; left: 0; padding-bottom: 30px; position: absolute; top: 100%; vertical-align: middle; width: 100%; }
.sb-menu .sb-menu { display: block; padding: 0; margin: 0; }
.mega_menu_wrapper li { float: left; width: 16.66%; margin: 0; list-style: none; position: relative; -moz-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; }
.mega_menu_wrapper li.active-menu { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
.enumenu_ul.desk > li > ul { background: #fff; left: 0; right: 0; list-style: none; margin: 0 auto; max-width: 1365px; padding: 0; position: absolute; right: 0; top: 100%; width: 100%; z-index: 1; }
#menu-main-menu .sub-menu{display:none;}
/*.enumenu_ul.desk ul::before {
  background: #ff0000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.enumenu_ul.desk ul::after {
  background: #ff0000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  right: -100%;
  position: absolute;
  top: 0;
  width: 100%;
}*/
/*Sub menu styles*/

.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
/*.enumenu_ul.desk li:hover > ul { display: block; opacity: 1; }*/
/*.enumenu_ul.desk .sb-menu .sb-menu {
    left: 100%;
    top: 0;
}*/
.mega_menu_wrapper li > a { color: #7c715c; display: inline-block; font-weight: 400; font-size: 20px; padding: 10px 0 28px; position: relative; text-align: left; text-transform: none; width: auto; letter-spacing: 0; }
.mega_menu_wrapper li:hover > a { color: #00c8ee; }
.mega_menu_wrapper li.active-menu > a:after { background: #d8cfc6; bottom: 8px; content: ""; height: 2px; left: 4px; position: absolute; right: auto; top: auto; width: 20px; }
/*.enumenu_ul.desk ul li.active .active-menu a:after{background: red;}*/
/*.enumenu_ul {}*/
.address li { line-height: 25px; color: #7c715c; }
header .mega_menu_wrapper .social li { display: inline; width: auto; margin: 0 0 0 10px; }
header .mega_menu_wrapper .social li:first-child { margin-left: 0; }
header .social a { font-size: 17px !important; }
.mega_menu_wrapper li ul li a { font-size: 14px; padding-bottom: 3px; }
.enumenu_ul li .sb-menu .sb-menu a::after { content: none; }
.mega_menu_wrapper li ul li { width: 100%; text-align: left; }
.enumenu_ul .arrow { position: absolute; right: 10px; top: 5px; width: 9px; height: 9px; background: url(../images/up-arrow.png) no-repeat center center; background-size: 100%; cursor: pointer; z-index: 999 }
.enumenu_ul .arrow.up { background: url(../images/down-ar.png) no-repeat center center; width: 9px; height: 9px; background-size: 100%; }
.enumenu_container { float: left; width: 79.6%; }
.logo img { max-width: 241px; width: 100%; }
.contact-search { width: 20.4%; margin: 26px 0 0 0; position: relative; padding-left: 35px; }
.contact-search:before { content: ""; position: absolute; left: 5px; top: 2px; height: 8px; width: 2px; background: #d8cfc6; }
.call { float: left; font-size: 12px; font-weight: 800; margin: -2px 0 0 5px; }
.enumenu_ul li a:after { position: absolute; left: 0; right: 0; width: 16px; height: 2px; content: ""; bottom: -15px; margin: 0 auto; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.enumenu_ul > li > a:hover::after, .enumenu_ul > li.active > a::after { background: #00bce9; opacity: 1; }
/*----- menu css end ----*/
.call a { font-weight: 800; letter-spacing: 2px; }
.search-main a { color: #9a8b7d; margin: -20px 0 0 -17px; display: inline-block; }
.search-main a:hover { color: #00bce9; }
.search-main { float: right; display: inline-block; margin: -2px 0 0 0; vertical-align: middle; }
header { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; background: #fff; padding: 21px 0 0 0; backface-visibility: hidden; }
.logo { display: inline-block; vertical-align: middle; margin-left: 5px; }
.header-left { width: 18%; }
.header-right { width: 71%; }
/*.open-search {
  background: #00bce9;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}*/
.home-slider .owl-dots { left: 43px; margin: 0 auto; position: absolute; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.open-search header { background: #00bce9; padding: 21px 0 9px; }
.menu-open.open-search header { background: #00bce9; }
/*.open-search .home-slider .item { height: auto !important; }*/
.open-search .owl-carousel.owl-loaded { z-index: -1; }
.open-search .enumenu_ul li a, .open-search .call a, .open-search .search-main a { color: #fff; }
.open-search .enumenu_ul li a:hover, .open-search .call a:hover, .open-search .search-main a:hover { color: #9a8b7d; }
.open-search .contact-search::before { background: #fff; }
.search-box { height: 30%; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; display: none; width: 100%; z-index: 9; }
/*.wrapper.open-search {
  background: #ff0000;
}
body.search-result {
  background: #ff0000 none repeat scroll 0 0;
  z-index: 9999;
}*/
body.search-result .mid-section, body.search-result footer { -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; }
.open-search .search-box { display: table; background: #00bce9; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; position: absolute; top: 0; z-index: 999; height: calc(30% - 100px); height: -moz-calc(30% - 100px); height: -webkit-calc(30% - 100px);position:fixed;top:105px; }
.search-box input { background: transparent; border: 0; padding: 0px 30px 10px; border-bottom: 2px solid #24c4eb; color: #fff; width: 30%; text-align: center; font-size: 28px; font-weight: 900; font-family: "proxima-nova", sans-serif; }
.search-box input:focus { border-bottom: 2px solid #9a8b7d; }
.search-logo.logo, .open-search .logo { display: none; }
.open-search .search-logo.logo { display: block; }
 .search-box input::-webkit-input-placeholder {
color:#fff;
opacity:1
}
.search-box input::-moz-placeholder {
color:#fff;
opacity:1
}
.search-box input:-moz-placeholder {
color:#fff;
opacity:1;
}
/*----- Header End -----*/
/*----- Mid Section Start -----*/
.home-slider { position: relative; }
.home-slider:after { background: url("../images/rounded-dots-slider.png") no-repeat center center; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; width: 440px; margin: 0 auto; z-index: 9; background-size: 381px }
.home-slider:before { background: url("../images/line-slider.png") no-repeat top; bottom: 0; height: 210px; content: ""; left: 0; position: absolute; right: 0; top: 0; width: 440px; margin: 0 auto; z-index: 9; }
.scroll-btm a { bottom: 63px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 14px; }
/*.owl-dots {transform: scale(1.8);-moz-transform: scale(1.8); -webkit-transform: scale(1.8);
    -moz-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0;transform-origin: 0 0 0;}*/
.owl-dots .owl-dot { background-color: #fff; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; height: 8px; position: relative; width: 8px; margin: 40px 0; }
.owl-dots .owl-dot::before,.owl-dots .owl-dot:last-child::after { border: 1px solid #ffffff; border-radius: 100%; content: ""; left: 2px; padding: 1px; position: absolute; top: -20px; }
.services-slider .owl-dots .owl-dot:last-child::after{content: none;}
.home-slider .owl-dots .owl-dot:last-child::after,.port-slider  .owl-dots .owl-dot:last-child::after {bottom: -20px;top: auto;}
.services-slider .owl-dots .owl-dot:first-child::after {border: 1px solid #bbb0a6;border-radius: 100%;bottom: auto;content: "";left: -30px;padding: 1px;position: absolute;top: 3px;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span, .owl-dots .owl-dot:focus span { opacity: 1; }
.owl-dots .owl-dot span { background-color: #fff; /*-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;*/ height: 2px; position: absolute; width: 2px; opacity: 0; transition: all 0.2s;}
.owl-dots .owl-dot span:nth-child(1) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.1s; }
.owl-dots .owl-dot span:nth-child(2) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.2s; }
.owl-dots .owl-dot span:nth-child(3) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.3s; }
.owl-dots .owl-dot span:nth-child(4) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.4s; }
.owl-dots .owl-dot span:nth-child(5) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.5s; }
.owl-dots .owl-dot span:nth-child(6) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.6s; }
.owl-dots .owl-dot span:nth-child(7) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.7s; }
.owl-dots .owl-dot span:nth-child(8) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.8s; }
.owl-dots .owl-dot span:nth-child(9) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.9s; }
.owl-dots .owl-dot span:nth-child(10) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 1.0s; }
.owl-dots .owl-dot span:nth-child(11) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 1.1s; }
.owl-dots .owl-dot span:nth-child(12) { -moz-transition: all 0.2s ease-in 0.1s; -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 1.2s; }
.scroll-btm:before { background: url("../images/bottom-scroll.png") no-repeat center bottom; bottom: 5px; content: ""; height: 220px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 49px; }


.leading-business-sec.with-right-text:before { background: url("../images/dots.png") repeat-y center center; top: 0; content: ""; height: 80px; left: 0; position: absolute; right: 0; 

top: -40px;
z-index:99;
}

.leading-business-sec.with-left-text:before { background: url("../images/dots.png") repeat-y center center; top: 0; content: ""; height: 80px; left: 0; position: absolute; right: 0; 

top: -40px;
z-index:99;
}


.about-img { height: 100%; width: 100%; padding-bottom: 100%; }
.leading-business-sec.with-right-text .common-link { margin-top: 12px; display: inline-block; vertical-align: top; }
.home .mid-section { position: relative; }
.bounce > img { width: 14px; }
/*.open-search .home-slider::after { content: none; }*/
.open-search .scroll-btm { z-index: -1; }
/*----- slider section css start ----*/
.home-slider .item { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.slider-caption { z-index: 9; display: none; position: absolute; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; right: 0; max-width: 50%; margin: 0 auto; text-align: center; color: #fff; width: 100%; }
/*.owl-item.active .slider-caption{opacity: 1;}*/
.slider-caption h1 { text-transform: uppercase; font-size: 52px; letter-spacing: 1px; font-weight: 900; margin-bottom: 0; line-height: 50px; }
.slider-caption > h2 { font-size: 32px; }
.scroll-btm { position: relative; text-align: center; z-index: 99; }
.home-slider .owl-nav, .services-slider .owl-nav { display: none !important; }
.services-slider .owl-item.active.center + .owl-item .service-name { left: inherit; right: 39%; }
/*.port-cover .owl-nav{display: block !important;}*/
.scroll-btm a:hover { -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
/*----- slider section css end ----*/
/*----- Mid Section End -----*/
/*.mid-section {
  margin: 10px 0 0;
}*/


.standard-intro {
  max-width: 740px;
  margin: 0px auto;
  text-align:center;
  margin-top: 80px;
  margin-bottom: 80px;
}
.standard-intro h6 {
  height: 17px;
  color: #BBB0A6;
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;

}
.standard-intro h1 {
  color: #414959;
  font-family: "proxima-nova", sans-serif;
  font-size: 42px;
  font-weight: 300;
  line-height: 52px;
  text-align: center;
  margin-bottom: 20px;
}
.standard-intro p {
  color: #576075;
  font-family: "proxima-nova", sans-serif;

}
@media screen and (max-width: 768px) {
  .standard-intro {

    margin-top: 47px;
    margin-bottom: 47px;
  }
  .standard-intro h6 {
    height: 14px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 14px;

  }
  .standard-intro h1 {
    font-size: 18px;
    line-height: 28px;

  }

  .standard-intro p {
    font-size: 14px;
    line-height: 24px;
  
  }
}

@media screen and (min-width: 768px) {
 .two-columns .col {
    width:50%;
    float:left;
    text-align:left; 
    padding:20px;
  } 
}

.main {
  clear:both;
}

.leading-business-sec {
  clear:both;
}
.two-columns {
  overflow:hidden;
  margin-bottom:40px;
}
.leading-business-content { width: 59.5%; position: relative; }
.leading-business-sec .pull-left .business-equal h2 { margin-bottom: 24px; }
.leading-business-sec .pull-left.business-equal .business-inner { top: 57%; }
.leading-business-sec .pull-right.business-equal .business-head { top: 55%; }
.common-link { font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-top: 9px; display: inline-block; }
.business-inner { left: 0; margin: 0 auto; max-width: 580px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.business-inner h2 { font-size: 42px; }
.business-img { width: 40.5%; position: relative; }
.business-head { position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; max-width: 350px; }
.business-inner > p { max-width: 80%; }

.beige-row {
  background-color: #EFECE8;
}

.beige-row .business-head h2 {
  color:#fff;
}

@media screen and (min-width: 768px) {
/*  .leading-business-sec {
    position:relative;
  }
  .leading-business-sec:after { background: url("../images/dots.png") repeat-y scroll center center; 
  top: -40px; z-index: 99; content: ""; height: 80px; left: 0; position: absolute; right: 0; width:100vw;}
*/}
/*Fullwidth option ------------------*/
/*body {
    background-color: #EFECE8;
}

.wrapper {
  max-width:1440px;
  background-color: #fff;
}

@media screen and (min-width: 990px) {
  .wrapper {
    padding:0px 40px;
  }
}*/
/*Fullwidth option ------------------*/
.with-right-text .business-inner > p { max-width: 95%; }
.sector-sec { margin: 47px 0 77px 0; clear:both; }

body:not(.home) .sector-sec {
  padding-top: 47px;
}

.main-cont-rest {
  overflow:hidden;
}
.leading-business-sec h3, .sector-sec h2, .services-sec h3, .recent-resources h3, .certified-member h2 { font-size: 42px; color: #535b6c; font-weight: 300; line-height: 54px; margin-bottom: 22px; }
.certified-member h2 { margin-bottom: 18px; }
.certified-member .welcome-desc p { padding-bottom: 8px; }
.recent-resources h3, .services-sec h3, .leading-business-sec h3 { font-size: 38px; }
.certified-member { padding: 98px 0 110px; position: relative; }
.certified-member:before { background: url("../images/member-pattern.png") no-repeat scroll left top; position: absolute; left: 0; top: -160px; content: ""; height: 100%; width: 260px; background-size: 100%; }
.with-right-text .business-inner > p { max-width: 92%; }
.with-right-text .business-head { right: -142px; }
.welcome-desc.member-desc p { width: 70%; margin: 0 auto; }
.business-head h2 { font-weight: 900; font-size: 79px; text-transform: uppercase; color: #f2f0ed; text-align: center; }
.sector-desc { max-width: 690px; margin: 0 auto; }
.sectors-main { background-position: center center; z-index: 9; position: relative; cursor: pointer; background-repeat: no-repeat; padding-bottom: 146.8%; background-size: cover; display: inline-block; vertical-align: middle; width: 100%; -webkit-transition: all 200ms ease-in; -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; }
.sectors { float: left; width: 25%; position: relative; }

.leading-business-sec.with-right-text .business-inner { max-width: 450px; margin-right: 110px; width: 100%;     z-index: 99; }

@media screen and (min-width:768px) {

  .leading-business-sec.with-right-text .business-inner { margin-left: 31%; margin-right: 0px;}
  .leading-business-sec.with-left-text .business-inner { margin-left: 8.88%; margin-right: 0px;}

}

.sectors-type { position: absolute; bottom: 48px; left: 41px; }
.sectors-type h4 { font-size: 14px; letter-spacing: 2.1px; text-transform: uppercase; font-weight: 900; color: #fff; }
.services-slider { margin: 40px 0 0; }
.services-slider .owl-dots { display: inline-block; text-align: center; width: 100%; margin: 69px 0 0 0; }
.services-slider .owl-dots .owl-dot::before { border: 1px solid #bbb0a6; left: 34px; position: absolute; top: 3px; }
.services-slider .owl-dots .owl-dot { background-color: #bbb0a6; margin:0 24px 0 25px; display: inline-block; }
.services-slider .owl-dots .owl-dot span { background-color: #d8cfc6; }
.diff-sectors { padding: 0; margin: 53px 0 0; }
.diff-sectors li { display: inline; vertical-align: middle; list-style: none; cursor: pointer;}
.sectors-hover { left: -1px; background: rgba(42,190,224,0.8); position: absolute; z-index: 99; top: 0; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; width: 100%; height: 100%; }
.sectors-hover:before { content: ""; position: absolute; right: -1px; top: 0; width: 1px; height: 100%; background: rgba(42,190,224,0.8); }
.sectors:hover .sectors-hover, .sectors:hover .sectors-main { -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.5); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.5); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.5); transition: all 200ms ease-in; transform: scale(1.1); z-index: 99; }
.sectors:hover .sectors-type { display: none; }
.welcome-desc p { font-size: 18px; color: #55606c; margin: 0 0 29px; }
.heading-vertical-line h6 { position: relative; text-transform: uppercase; display: inline-block; color: #ab9c8f; letter-spacing: 2px; font-weight: 900; margin-bottom: 32px; }
.services-sec .heading-vertical-line h6 { letter-spacing: 2px; }
.heading-vertical-line h6:before { position: absolute; left: 0; margin: 0 auto; right: 0; width: 3px; bottom: 40px; background: url(../images/dots.png) repeat-y; height: 80px; content: ""; }
.services-sec .heading-vertical-line h6:before { position: absolute; left: 0; right: 0; bottom: 53px; background: url(../images/dots.png) repeat-y; height: 68px; content: ""; margin: 0 auto; width: 3px; }
.services-sec { clear:both; background: #efece8; padding: 75px 0 88px; }
.services-desc { max-width: 825px; margin: 0 auto; }
.services-slider .item-main { width: 100%; float: left; background-size: cover; min-height: 400px; background-repeat: no-repeat; -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; }
.services-slider .owl-item.center .item-main { background-size: auto; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
.caption-text { z-index: 10; float: left; height: 100%; position: absolute; right: 0; top: 30px; width: 70%; }
.caption-inner { background: #ffffff; margin: 0 0 30px 0; padding: 90px 40px; height: -o-calc(100% - 60px); /* opera */ height: -webkit-calc(100% - 60px); /* google, safari */ height: -moz-calc(100% - 60px); /* firefox */ height: calc(100% - 60px); }
.service-name { background: url(../images/rounded-dots.png) no-repeat center center; background-size: 13%; left: 39%; top: 0; bottom: 0; position: absolute; display: table; height: 100%; text-align: center; vertical-align: middle; width: 99%; }
.service-name span { color: #ffffff; letter-spacing: 2px; display: table-cell; font-size: 14px; font-weight: 900; text-transform: uppercase; transform: rotate(90deg); vertical-align: middle; }
.services-slider .owl-item .caption-text { opacity: 0; visibility: hidden; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; transition-delay: 0.25s; overflow: hidden; }
.services-slider .owl-item.active.center .caption-text { opacity: 1; visibility: visible; margin: 0 -50px 0 0; }
.recent-resources { background: #efece8; padding: 100px 0 75px 0; overflow: hidden; }
.business-img.pull-right .business-head { left: -172px; right: auto; max-width: 500px; }
.recent-resources li { display: inline; list-style: none; }
.recent-resources .main { position: relative; }
/*.dooted-round span{background: url(../images/rounded-dots.png) no-repeat top right; position: absolute; right: 30px; top: 30px;  content: ""; width: 100px; height: 100%; background-size: 100%;}*/
.caption-inner h6 { color:#413d36 }
.dooted-round { background: url("../images/rounded-dots.png") no-repeat scroll right top; background-size: 100%; margin: 40px 50px 0 0; content: ""; float: right; height: 209px; position: relative; width: 100px; }
.resource-desc { position: absolute; top: 48%; transform: translateY(-50%); z-index: 99; left: 3%; max-width: 295px; width: 22%; padding-right:1.5em;}
.resource-desc a {
  display:block;
}
.sectors-txt { clear: both; width: 100%; color: #fff; padding: 30px;     position: absolute;
    bottom: 0px; }
.sectors-txt p {font-weight: 300; color: #fff; font-size:13px; line-height:1.7;}
.sectors-txt .common-link { font-weight: 800; color: #fff; }
.sectors-txt .common-link:hover { color: #ab9c8f; }
.sectors-txt h6 { font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
.dooted-round > span { left: 39%; position: absolute; top: 20%; color: #fff; font-weight: 800; letter-spacing: 2px; }
.resource-content { padding: 33px 35px 35px; }
.recent-resources .main { position: relative; }
.recent-res-slider { float: right; width: 75%; position: relative; }
.recent-resources .main:before { display: inline-block; position: absolute; left: 70px; top: -121px; content: ""; vertical-align: top; width: 100%; height: 100%; background: url(../images/recent-resource-pattern.png) no-repeat; background-size: 400px; }
.resource-desc h6:before, .member-desc h6:before { content: none; }
.resource-desc-box { float: left; margin: 0 2% 20px 0; width: 32%; background: #fff; }
.resource-desc-box:nth-child(3n+3) { margin-right: 0; }
.resource-content > h6 { color: #c7beb5; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.leading-business-sec { padding: 62px 0; }
.round-btn { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; margin-bottom: 14px; display: inline-block; }
.btn { font-size: 12px; -moz-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; color: #ab9c8f; text-transform: uppercase; font-weight: 800; background: #fff; padding: 10px 20px; letter-spacing: 1px; display: inline-block; vertical-align: middle; margin-bottom: 40px; }
.resourc-img .btn { position: absolute; left: 20px; top: 20px; }
.resourc-img { position: relative; }
.resource-content .date { font-size: 14px; color: #ab9c8f; font-weight: 400; display: inline-block; margin-bottom: 14px; }
.resource-content a { font-size: 20px; color: #535b6c; display: block; margin-bottom: 27px; line-height: 30px; -moz-transition: 0s; -webkit-transition: 0s; transition: 0s; }
.resource-content a:hover { color: #00c8ee; }
.certified-member li { display: inline; list-style: none; width: 25%; float: left; }
.certified-member ul { padding: 0; text-align: center; max-width: 998px; margin: 76px auto 0; }
.member-desc .common-link { display: inline-block; margin-top: 20px; position: relative; vertical-align: middle; z-index: 99; }
.certified-member li img { width: 77px; }
/*----- Footer Start -----*/
footer { background: #322e29; font-size: 12px; font-weight:300px; }
.top-footer { position: relative; padding: 72px 0 55px; }
.top-footer:before { background: url(../images/footer-left.png) no-repeat top left; background-size: auto 100%; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.top-footer:after { background: url(../images/footer-right.png) no-repeat top right; background-size: auto 38%; content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 100%; }
.footer-menu:last-child { margin-left: 10.5%; width: 28%; }
.social-footer { margin: 30px 0 0 0; }
.social-footer a { font-size: 15px; }
footer a { color: #fff; text-transform: capitalize; } 
.footer-menu > ul > li a:hover { color: #00c8ee; }
.copy-right { background: #fff; padding: 25px 0; font-size: 14px; color: #ab9c8f; }
.copy-right li { list-style: none; display: inline-block; vertical-align: middle; position: relative; margin-left: 10px; padding-left: 48px; }
.copy-right li:before { height: 9px; width: 2px; background: #ab9c8f; position: absolute; left: 17px; top: 5px; content: ""; }
.copy-right li:first-child:before { content: none; }
.copy-right li:first-child { padding-left: 0; margin-left: 0; }
.footer-menu li { display: block; }
footer ul { padding: 0; margin: 0; }
.top-footer .main { position: relative; z-index: 9; }
.footer-menu p a { display: inline-block; }
.footer-menu > ul > li a, .social-footer h6 { font-weight: 800; letter-spacing: 2px; margin-bottom: 20px; display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 12px; color: #fff; }
footer p { font-size: 14px; font-weight: 600; color: #fff; }
.footer-menu ul ul a { font-size: 14px; font-weight: 300; letter-spacing: normal; margin-bottom: 13px; text-transform: capitalize; }
.footer-menu { float: left; width: 20.3%; }
.copy-right li a { font-size: 14px; text-transform: capitalize; color: #ab9c8f; }
.copy-right li a:hover, .social-footer li a:hover, footer a:hover { color: #00bce9; }
.social-footer li { display: inline; margin: 0 0 0 28px; }
.social-footer li:first-child { margin-left: 0; }
.top-footer .main { max-width: 1125px; }
.footer-menu .ft-services, .footer-menu .ft-sector { padding-bottom: 32px; }
.footer-menu p span { display: block; line-height: normal; padding: 9px 0 7px 0; font-weight:300; }
.footer-menu p a {  font-weight:300; }
.social-footer h6 { margin-bottom: 16px; }
.social-footer ul { padding-left: 3px; }
.copy-right .main { max-width: 1197px; }
/*----- Footer End -----*/
/*** Animte css start ***/ 

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; }
 @keyframes bounce {
 from, 20%, 53%, 80%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -5px, 0);
}
 70% {
 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
 transform: translate3d(0, -5px, 0);
}
 90% {
 transform: translate3d(0, -4px, 0);
}
}
.bounce { animation-name: bounce; transform-origin: center bottom; }
 @keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash { animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
 from {
 transform: scale3d(1, 1, 1);
}
 50% {
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 transform: scale3d(1, 1, 1);
}
}
.pulse { animation-name: pulse; }
 @keyframes rubberBand {
 from {
 transform: scale3d(1, 1, 1);
}
 30% {
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 transform: scale3d(.95, 1.05, 1);
}
 75% {
 transform: scale3d(1.05, .95, 1);
}
 to {
 transform: scale3d(1, 1, 1);
}
}
.rubberBand { animation-name: rubberBand; }
 @keyframes shake {
 from, to {
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 transform: translate3d(10px, 0, 0);
}
}
.shake { animation-name: shake; }
 @keyframes headShake {
 0% {
 transform: translateX(0);
}
 6.5% {
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 transform: translateX(0);
}
}
.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }
 @keyframes swing {
 20% {
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing { transform-origin: top center; animation-name: swing; }
 @keyframes tada {
 from {
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 transform: scale3d(1, 1, 1);
}
}
.tada { animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
 from {
 transform: none;
}
 15% {
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 to {
 transform: none;
}
}
.wobble { animation-name: wobble; }
 @keyframes jello {
 from, 11.1%, to {
 transform: none;
}
 22.2% {
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello { animation-name: jello; transform-origin: center; }
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
 20% {
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 transform: scale3d(.97, .97, .97);
}
 to {
 opacity: 1;
 transform: scale3d(1, 1, 1);
}
}
.bounceIn { animation-name: bounceIn; }
 @keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, 25px, 0);
}
 75% {
 transform: translate3d(0, -10px, 0);
}
 90% {
 transform: translate3d(0, 5px, 0);
}
 to {
 transform: none;
}
}
.bounceInDown { animation-name: bounceInDown; }
 @keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(25px, 0, 0);
}
 75% {
 transform: translate3d(-10px, 0, 0);
}
 90% {
 transform: translate3d(5px, 0, 0);
}
 to {
 transform: none;
}
}
.bounceInLeft { animation-name: bounceInLeft; }
 @keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 from {
 opacity: 0;
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(-25px, 0, 0);
}
 75% {
 transform: translate3d(10px, 0, 0);
}
 90% {
 transform: translate3d(-5px, 0, 0);
}
 to {
 transform: none;
}
}
.bounceInRight { animation-name: bounceInRight; }
 @keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 from {
 opacity: 0;
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, -20px, 0);
}
 75% {
 transform: translate3d(0, 10px, 0);
}
 90% {
 transform: translate3d(0, -5px, 0);
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.bounceInUp { animation-name: bounceInUp; }
 @keyframes bounceOut {
 20% {
 transform: scale3d(.9, .9, .9);
}
 50%, 55% {
 opacity: 1;
 transform: scale3d(1.1, 1.1, 1.1);
}
 to {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
}
.bounceOut { animation-name: bounceOut; }
 @keyframes bounceOutDown {
 20% {
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 transform: translate3d(0, -20px, 0);
}
 to {
 opacity: 0;
 transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown { animation-name: bounceOutDown; }
 @keyframes bounceOutLeft {
 20% {
 opacity: 1;
 transform: translate3d(20px, 0, 0);
}
 to {
 opacity: 0;
 transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft { animation-name: bounceOutLeft; }
 @keyframes bounceOutRight {
 20% {
 opacity: 1;
 transform: translate3d(-20px, 0, 0);
}
 to {
 opacity: 0;
 transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight { animation-name: bounceOutRight; }
 @keyframes bounceOutUp {
 20% {
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 transform: translate3d(0, 20px, 0);
}
 to {
 opacity: 0;
 transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp { animation-name: bounceOutUp; }
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.fadeIn { animation-name: fadeIn; }
 @keyframes fadeInDown {
 from {
 opacity: 0;
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInDown { animation-name: fadeInDown; }
 @keyframes fadeInDownBig {
 from {
 opacity: 0;
 transform: translate3d(0, -2000px, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInDownBig { animation-name: fadeInDownBig; }
 @keyframes fadeInLeft {
 from {
 opacity: 0;
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInLeft { animation-name: fadeInLeft; }
 @keyframes fadeInLeftBig {
 from {
 opacity: 0;
 transform: translate3d(-2000px, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInLeftBig { animation-name: fadeInLeftBig; }
 @keyframes fadeInRight {
 from {
 opacity: 0;
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInRight { animation-name: fadeInRight; }
 @keyframes fadeInRightBig {
 from {
 opacity: 0;
 transform: translate3d(2000px, 0, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInRightBig { animation-name: fadeInRightBig; }
 @keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translate3d(0, 100%, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInUp { animation-name: fadeInUp; }
 @keyframes fadeInUpBig {
 from {
 opacity: 0;
 transform: translate3d(0, 2000px, 0);
}
 to {
 opacity: 1;
 transform: none;
}
}
.fadeInUpBig { animation-name: fadeInUpBig; }
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.fadeOut { animation-name: fadeOut; }
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown { animation-name: fadeOutDown; }
 @keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig { animation-name: fadeOutDownBig; }
 @keyframes fadeOutLeft {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft { animation-name: fadeOutLeft; }
 @keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
 @keyframes fadeOutRight {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight { animation-name: fadeOutRight; }
 @keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig { animation-name: fadeOutRightBig; }
 @keyframes fadeOutUp {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp { animation-name: fadeOutUp; }
 @keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig { animation-name: fadeOutUpBig; }
 @keyframes flip {
 from {
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 animation-timing-function: ease-out;
}
 40% {
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 animation-timing-function: ease-out;
}
 50% {
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 animation-timing-function: ease-in;
}
 80% {
 transform: perspective(400px) scale3d(.95, .95, .95);
 animation-timing-function: ease-in;
}
 to {
 transform: perspective(400px);
 animation-timing-function: ease-in;
}
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }
 @keyframes flipInX {
 from {
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 animation-timing-function: ease-in;
}
 60% {
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 to {
 transform: perspective(400px);
}
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; }
 @keyframes flipInY {
 from {
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 animation-timing-function: ease-in;
}
 60% {
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 to {
 transform: perspective(400px);
}
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; }
 @keyframes flipOutX {
 from {
 transform: perspective(400px);
}
 30% {
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 to {
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
.flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
 @keyframes flipOutY {
 from {
 transform: perspective(400px);
}
 30% {
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 to {
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; }
 @keyframes lightSpeedIn {
 from {
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 transform: skewX(-5deg);
 opacity: 1;
}
 to {
 transform: none;
 opacity: 1;
}
}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
 @keyframes lightSpeedOut {
 from {
 opacity: 1;
}
 to {
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
 @keyframes rotateIn {
 from {
 transform-origin: center;
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 transform-origin: center;
 transform: none;
 opacity: 1;
}
}
.rotateIn { animation-name: rotateIn; }
 @keyframes rotateInDownLeft {
 from {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 to {
 transform-origin: left bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInDownLeft { animation-name: rotateInDownLeft; }
 @keyframes rotateInDownRight {
 from {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 transform-origin: right bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInDownRight { animation-name: rotateInDownRight; }
 @keyframes rotateInUpLeft {
 from {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 transform-origin: left bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInUpLeft { animation-name: rotateInUpLeft; }
 @keyframes rotateInUpRight {
 from {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 to {
 transform-origin: right bottom;
 transform: none;
 opacity: 1;
}
}
.rotateInUpRight { animation-name: rotateInUpRight; }
 @keyframes rotateOut {
 from {
 transform-origin: center;
 opacity: 1;
}
 to {
 transform-origin: center;
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
.rotateOut { animation-name: rotateOut; }
 @keyframes rotateOutDownLeft {
 from {
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
 @keyframes rotateOutDownRight {
 from {
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutDownRight { animation-name: rotateOutDownRight; }
 @keyframes rotateOutUpLeft {
 from {
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 transform-origin: left bottom;
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
 @keyframes rotateOutUpRight {
 from {
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 transform-origin: right bottom;
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
.rotateOutUpRight { animation-name: rotateOutUpRight; }
 @keyframes hinge {
 0% {
 transform-origin: top left;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 transform: rotate3d(0, 0, 1, 80deg);
 transform-origin: top left;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 transform: rotate3d(0, 0, 1, 60deg);
 transform-origin: top left;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 to {
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
.hinge { animation-name: hinge; }
 @keyframes jackInTheBox {
 from {
 opacity: 0;
 transform: scale(0.1) rotate(30deg);
 transform-origin: center bottom;
}
 50% {
 transform: rotate(-10deg);
}
 70% {
 transform: rotate(3deg);
}
 to {
 opacity: 1;
 transform: scale(1);
}
}
.jackInTheBox { animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
 from {
 opacity: 0;
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 to {
 opacity: 1;
 transform: none;
}
}
.rollIn { animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut { animation-name: rollOut; }
 @keyframes zoomIn {
 from {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
 50% {
 opacity: 1;
}
}
.zoomIn { animation-name: zoomIn; }
 @keyframes zoomInDown {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown { animation-name: zoomInDown; }
 @keyframes zoomInLeft {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft { animation-name: zoomInLeft; }
 @keyframes zoomInRight {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight { animation-name: zoomInRight; }
 @keyframes zoomInUp {
 from {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 60% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp { animation-name: zoomInUp; }
 @keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
}
 to {
 opacity: 0;
}
}
.zoomOut { animation-name: zoomOut; }
 @keyframes zoomOutDown {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 to {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 transform-origin: center bottom;
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown { animation-name: zoomOutDown; }
 @keyframes zoomOutLeft {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
 to {
 opacity: 0;
 transform: scale(.1) translate3d(-2000px, 0, 0);
 transform-origin: left center;
}
}
.zoomOutLeft { animation-name: zoomOutLeft; }
 @keyframes zoomOutRight {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
 to {
 opacity: 0;
 transform: scale(.1) translate3d(2000px, 0, 0);
 transform-origin: right center;
}
}
.zoomOutRight { animation-name: zoomOutRight; }
 @keyframes zoomOutUp {
 40% {
 opacity: 1;
 transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
 to {
 opacity: 0;
 transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 transform-origin: center bottom;
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp { animation-name: zoomOutUp; }
 @keyframes slideInDown {
 from {
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInDown { animation-name: slideInDown; }
 @keyframes slideInLeft {
 from {
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInLeft { animation-name: slideInLeft; }
 @keyframes slideInRight {
 from {
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInRight { animation-name: slideInRight; }
 @keyframes slideInUp {
 from {
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInUp { animation-name: slideInUp; }
 @keyframes slideOutDown {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(0, 100%, 0);
}
}
.slideOutDown { animation-name: slideOutDown; }
 @keyframes slideOutLeft {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft { animation-name: slideOutLeft; }
 @keyframes slideOutRight {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(100%, 0, 0);
}
}
.slideOutRight { animation-name: slideOutRight; }
 @keyframes slideOutUp {
 from {
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 transform: translate3d(0, -100%, 0);
}
}
.slideOutUp { animation-name: slideOutUp; }
.bounce { animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; }
/*** our people page css start ***/
/*** our people page css start ***/
.team-member { background: #f9f8f7; padding: 49px 0 109px 0; }
.filter { padding: 30px 0; }
.filter ul { margin: 0 0 0 -14px; }
.our-team ul { padding: 0; margin: 0; }
.our-team ul li { display: inline; list-style: none; }
.filter li a { text-transform: uppercase; color: #ab9c8f; font-weight: 800; font-size: 12px; letter-spacing: 2px; margin: 0 15px; cursor: pointer;}
.filter li a:hover, .filter li.active a { color: #00c8ee; }
.team-img { position: relative; }
.team-img .btn { letter-spacing: 2px; position: absolute; left: 32px; top: 20px; padding: 8px 17px; }
.member-info h5 { color: #535b6c; font-size: 20px; font-weight: 400; text-transform: capitalize; }
.member-info h6 { color: #535b6c; font-size: 12px; text-transform: uppercase; color: #c7beb5; font-weight: 700; letter-spacing: 2px; }
.team-member li { float: left; width: 23.875%; margin: 0 1.5% 20px 0; box-shadow: 0 1px 3px #eeeff1; }
.team-member li:nth-child(4n) { margin-right: 0; }
.member-info { background: #fff; display: inline-block; padding: 33px 20px 23px 31px; vertical-align: middle; width: 100%; }
.team-member li a:hover { -moz-box-shadow: 1px 1px 4px #e0e0e0; -webkit-box-shadow: 1px 1px 4px #e0e0e0; box-shadow: 1px 1px 4px #e0e0e0; }
.team-member li a:hover .btn { background: #00c8ee; color: #fff; }
.team-img > img { vertical-align: top; width: 100%; }
.team-member li a { display: inline-block; background: #fff; vertical-align: middle; width: 100%; -webkit-transition: none; -o-transition: none; transition: none; }
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto !important; }
.member-info-lft { float: left; width: 36%; border-right: 1px solid #efece8; }
.member-info-right { float: right; width: 57%; padding: 76px 0 0 0; }

.connect {
  /*margin-bottom:20px;*/
}
.member-info-lft .member-info { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.connect ul { padding: 0; margin: 0; }
.connect ul li { list-style: none; display: inline; margin-left: 39px; }
.connect ul li:first-child { margin-left: 0; }
.member-info-lft .member-info h6 { color: #ab9c8f; letter-spacing: 2px; }
.member-info-right > h5 { color: #535b6c; font-weight: 400; margin-bottom: 23px; }
.connect li a { font-size: 12px; font-weight: 800; letter-spacing: 2px; }
.connect li a .fa { color: #c7beb5; font-size: 17px; margin-right: 4px; }
.banner { padding-bottom: 31.3%; background-repeat: no-repeat; background-position: top center; position: relative; background-size: cover; }
/*.banner .main { display: table; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }*/
.banner .main { display: block; left: 50%; position: absolute; text-align: center; top: 50%; -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translate(-50%, -50%); width: 100%; }
.member-info-right p { width: 89%; }

.breadcrumb { padding: 0; margin: 0; text-transform: uppercase;}
.breadcrumb span { display: inline-block; list-style: none; color: #fff; font-size: 12px; letter-spacing: 2px; font-weight: 800; position: relative; /*padding-left: 10px; padding-right:10px; */}
/*.breadcrumb span:before { content: "/"; position: absolute; left: 0; top: 0; }*/
/*.breadcrumb span:first-child:before { content: none; }*/
.breadcrumb span a { color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.breadcrumb span a:hover { color: #00c8ee; }


.banner-content h1 { color: #fff; font-weight: 800; margin-top: 22px; }
.search-main-pop { display: none; }
.connect h5 { font-weight: 400; text-transform: capitalize; margin-bottom: 8px; }
.connect { margin: 75px 0 30px 0; }
/*** our people page css end ***/

/*.top-banner {
  display: inline-block;
  vertical-align: top;
}*/
/*** search page css start ***/
.title-pages ul li { list-style-type: none; float: left; width: 33.33%; text-align: center; padding: 25px; border-bottom: 1px solid #ebedf0; border-right: 1px solid #ebedf0; }
.title-pages ul li:last-child { border-right: 0; }
.title-pages ul { margin: 0; float: left; width: 100%; margin-bottom: 82px; padding: 0; }
.title-pages ul li a:hover { color: #00c8ee }
.title-pages ul li a { /*    font-family: 'proxima-nova';*/
font-size: 12px; text-transform: uppercase; font-weight: 800; color: #ab9c8f; letter-spacing: 2px; }
.logo-cover { float: left; width: 100%; text-align: center; margin-bottom: 15px; position: relative; margin-top: -50px; }
.logo-cover>img { max-width: 270px; }
.logo-cover>span { letter-spacing: 1px; font-size: 13px; color: #e0d8d0; border-top: 1px solid #c8c3bc; float: left; width: 100%; text-transform: uppercase; /*padding-left: 188px; */margin-top: 4px; padding-top: 3px; }

.logo-cover .subtitle {
  text-align:right;
      /*padding-right: 35.5%;*/
      max-width: 270px;
      margin:0px auto;
}

.small-logo {
  width: 135px;
  height:auto;
  padding-bottom:20px;
}
footer, .port-slider { clear: both; }
.thr-div { float: left; width: 35%; }
.thr-div h3 { font-size: 42px; font-family: 'proxima-nova'; font-weight: 300; color: #535b6c; }
.thr-div h4 { font-size: 32px; font-family: 'proxima-nova'; font-weight: 300; color: #535b6c; }

.cont-para p { font-size: 15px; font-family: 'proxima-nova'; font-weight: 400; color: #55606c; line-height: 1.7; }

.cont-para h4{
    color: #9A8B7D;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size:15px;
}

.cont-para h5 {
      height: 20px;
    color: #9A8B7D;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 40px;
}
.main-cont-rest { float: left; width: 100%; padding: 66px 0 55px; border-bottom: 1px solid #f1f2f4; }
.secondary .main-cont-rest:last-child { border-bottom: 0; }
.cont-para { float: left; width: 65%; padding: 6px 0 0 36px; }
.sub-main { width: 100%; margin: 0 auto; max-width: 953px; }
.port-cover p { font-size: 28px; font-family: 'proxima-nova'; font-weight: 800; color: #413d36; line-height: 1.5; margin-bottom: 38px; }
.port-cover { position: relative; max-width: 79.55%; margin-left: 79px; float: left; padding: 45px 0; margin-top: 34px; position: relative; }
.port-cover span { font-size: 12px; font-family: 'proxima-nova'; font-weight: 800; color: #c7beb5; line-height: 0.6; letter-spacing: 2px; }
.port-slider.owl-carousel { padding: 114px 148px 114px 126px; background: #fff; box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 15px 0px rgba(0, 0, 0, 0.1); }
.port-cover:before { position: absolute; content: ''; top: 28px; left: -65px; height: 76px; width: 83px; background: url(../images/quote.png) no-repeat; }
.port-cover:after { position: absolute; content: ''; background: #d8cfc6; top: 0; bottom: 0; right: -22%; left: 45.35%; }
.port-cover .owl-nav { position: absolute; right: -110px; bottom: 44px; }
.port-cover .owl-dots { position: absolute; right: -70px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.port-cover .owl-nav div.owl-prev { color: #e0d8d0; }
.port-cover .owl-nav div.owl-next { color: #ffffff; }
.port-cover .owl-nav div:hover { color: #00c8ee; }
.port-cover .owl-nav div { font-size: 12px; font-family: 'proxima-nova'; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: inline-block; cursor: pointer; margin: 0 40px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; }
.main-wrap { float: left; width: 100%; background: #efece8; margin-top: 35px; }
.main-wrap .blue-main { background: #00bce9; max-width: 1134px; margin: 0 auto; width: 85%; }
.cont-wrap-blue p { font-size: 15px; font-family: 'proxima-nova'; font-weight: 400; color: #ffffff; line-height: 1.7; margin-bottom: 30px; }
.cont-wrap-blue { text-align: center; padding: 110px 15px 106px; }
.cont-wrap-blue h4 { font-size: 28px; font-family: 'proxima-nova'; font-weight: 800; color: #ffffff; line-height: 1.4; margin-bottom: 24px; }
.cont-wrap-blue .btn { font-size: 13px; padding: 12px 30px; color: #00c8ee; }
.cont-wrap-blue .btn:hover { color: #7c715c; }
.main-search { display: table-cell; vertical-align: middle; height: 29vh; padding-top: 114px; }
.search-total .result { float: left; font-family: "proxima-nova", sans-serif; font-size: 12px; color: #ab9c8f; line-height: 0.6; font-weight: 800; display: inline-block; text-transform: uppercase; letter-spacing: 1.6px; }

.serch-res-box {
    max-height: calc(100vh - 600px);
    overflow: scroll;
}
.search-result { position: absolute; top: 29vh; left: 0; right: 0; background: #fff; height: 73vh; display: inline-block; }
.main-serch { max-width: 890px; width: 85%; margin: 0 auto; }
.search-total { padding: 43px 0; border-bottom: 1px solid #efece8; }
.close-icon img { width: 50%; }
.close-icon { float: right; cursor: pointer; }
.serch-res-box li { list-style-type: none; padding: 18px 0 24px; border-bottom: 1px solid #efece8; }
.search-title { text-transform: uppercase; font-family: "proxima-nova", sans-serif; font-size: 12px; color: #ab9c8f; line-height: 0.6; font-weight: 800; display: block; letter-spacing: 1.7px; /*margin-left: -42px;*/
margin-bottom: 19px; }
.serch-res-box li p { font-family: "proxima-nova", sans-serif; font-size: 18px; color: #535b6c; line-height: 1.3; font-weight: 400; display: inline-block; /*margin-left: -42px;*/
letter-spacing: -0.1px; margin-bottom: 0; }
span.see-at { display: none; color: #fff; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; margin-bottom: 22px; float: left; width: 100%; }
.open-search { overflow-x: hidden; }
/*.search-result { display: none; }*/
.no-posts { clear: both;  text-align: center;}
.inner-page .banner { padding-bottom: 31.2%; }
.inner-page .services-sec .heading-vertical-line h6:before { display: none; }
.inner-page .services-sec { padding-top: 102px; padding-bottom: 94px; }
.inner-page .services-sec h3 { letter-spacing: 1.7px; margin-bottom: 16px; }
.inner-page .services-sec .heading-vertical-line h6 { letter-spacing: 2px; margin-bottom: 25px; }
.inner-page .services-desc { max-width: 916px; }
.inner-page .welcome-desc p { margin-bottom: 24px; }
.inner-page .services-slider { margin-top: 59px; }
.inner-page .services-slider .owl-dots { margin-top: 63px; }
.inner-page .cont-wrap-blue { padding-bottom: 66px; }
/*** search page css end ***/
.wrapper { overflow-x: hidden; position: relative; height: 100% }
body.menu-open .wrapper { overflow: hidden; }
body.menu-open { overflow: hidden; }
body { overflow-x: hidden; height: 100% }
ul.social { display: inline; }
.serch-res-box > ul { padding: 0; }
.mobile-callus, .home-link { display: none !important; }
body.menu-open { background: #4dc0ee; padding-top: 0; margin: 0px 0 ; }
.mobile-callus { position: fixed; bottom: 0; text-transform: uppercase; color: #fff; font-size: 12px; letter-spacing: 1px; font-weight: 700; background-color: #4dc0ee; height: 40px; padding: 14px 0; width: 100%; left: 0; margin: 0 auto; right: 0; z-index: 111; text-align: center; }
.mobile-sep-menu { display: none; }
.sb-menu { display: none; }
.mobile-callus > a { color: #fff; }
.mobile-callus a:hover { color: #ab9c8f; }
.home-links { display: none; }
.main-search .search-close
{
	position: absolute;
    right: 21px;
    top: 19px;
	background-image: url(../images/search-close.png);
	background-size: 11px;
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
	height: 20px;
	width: 20px;
}
.page-title{display: none; position: relative;color: #c0b5ac; text-transform: uppercase; text-align: center; padding: 18px 0; font-weight: 700; font-size: 11px; letter-spacing: 2px;}
.page-title a {float: left;position: absolute; top: 15px; left:25px; color:#c0b5ac; font-size: 17px;}
.page-title a:hover{color: #00c8ee;}
.top-banner .scroll-btm{display: none;}



/*Page tabs style menu*/

#pageTabsMenu {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #EFECE8;
  display:block;
  overflow:hidden;

}
#pageTabsMenu li {
  float:left; 
  width:25%;
  list-style-type: none;
}
#pageTabsMenu li:not(:last-child) {
  border-right: 1px solid #EFECE8;
}

#pageTabsMenu li a {
  color: #9A8B7D;
  font-family: "proxima-nova", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 20px;
  text-align: center;
  text-transform:uppercase;
  width:100%;
  padding-top:23px;
  padding-bottom:23px;
  display:block;
}

#pageTabsMenu li a:hover {
  color: #BBB0A6;
}

  #pageTabsMenu.cols-1 li { width: 100%; }
  #pageTabsMenu.cols-2 li { width: 50%; }
  #pageTabsMenu.cols-3 li { width: 33.33%; }
  #pageTabsMenu.cols-4 li { width: 25%; }
  #pageTabsMenu.cols-5 li { width: 20%; }
  #pageTabsMenu.cols-6 li { width: 33.33%; }
  #pageTabsMenu.cols-7 li { width: 20%; }
  #pageTabsMenu.cols-8 li { width: 25%; }
  #pageTabsMenu.cols-9 li { width: 33.33%; }

@media screen and (max-width: 768px)  {
  #pageTabsMenu {
    display:none; 
  }
}





/*Tabs ------------------------------------------------------------*/


.tabSelect {
  margin-bottom: 30px;
  margin-top: 10px;
}
.tabSelect .tab {
  display:inline-block;
  cursor:pointer;

  margin-right: 1em;

  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 18px;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
  padding-bottom: 10px;
  margin-bottom: 11px;

  color: #9A8B7D;

}
 .tab.tabActive {
  border-bottom: 2px solid #00BCE9;
  color: #00BCE9;
 }

.tabContent {
  display:none;
}

.tabContent.tabActive {
  display: block;
}



.contact-form input, .contact-form textarea {
  background-color:transparent;
  color:#fff;
}

.contact-form label {
  color: #fff;
}

.contact-form textarea {
  margin-bottom:20px;
  height: 50px; 
  min-height:50px !important;
}
.contact-form .gform_footer {
  text-align:left;
}


.contact-form {
  background-color: #00BCE9;
  color:#fff;
}

.contact-form h2 {
  color: #fff;
}
.contact-form input[type="checkbox"] + label:before, .contact-form input[type="checkbox"]:not(.filled-in) + label:after {
  height: 18px;
  width: 18px;
  border: 1px solid rgba(242,245,251,0.2);
  border-radius: 2px;
  background-color: #272B35;

}
.contact-form input[type="checkbox"]:checked + label:before, .contact-form input[type="checkbox"].filled-in + label:after {
  background-color: #87C833;
}
.contact-form label {
      padding: 4px 0px;
}


.contact-content {
  max-width: 1133px;
  margin: 0px auto;
  background-color: #FFFFFF;
  overflow:hidden;
  box-shadow: 0 2px 4px 0 rgba(41,44,51,0.18);

}

  .contact-form, .contact-tabs {
    padding: 40px;
  }
@media screen and (min-width: 992px) {
  .contact-form, .contact-tabs {
    width: 50%;
    float:left; 
    padding: 80px;
  }
  .contact-form h2, .contact-tabs h2{
    margin-bottom: 40px;
  }
  .contact-content {
    position:relative;
    top: -200px;
    margin-bottom: -200px;
    z-index: 99;
  }
  .page-template-page-contact .banner {
    padding-bottom: 600px;
  }
}



.page-template-page-contact .recent-resources {
  background-color: #fff;
  overflow:visible;
}

.contact-form label {
  font-weight:300;
  margin: 15px auto;
  display:block;
}
.contact-form input:not([type=submit]), .contact-form textarea {
  min-height: 50px;
  border-radius: 1px;
  background-color: #0BC8F5;
  border: 1px solid #0BC8F5;
  width:100%;
  padding: 0em 1em;
  transition: all .2s;
}
.contact-form input:not([type=submit]):focus, .contact-form textarea:focus {
  border-width:1px;
  background-color: #00BCE9;
  border-color: #fff;
}
.contact-form textarea {
  padding-top:.75em;
}
.contact-form ul {
  padding: 0px;
  margin: 0px;
}
.contact-form ul li {
  list-style-type:none;
}

.contact-form input[type=submit] {
  text-transform: uppercase;

  color: #00BCE9;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 14px;
  text-align: center;
  height: 40px; width: 140px; border-radius: 1px; background-color: #FFFFFF;
  border-width:0px;
  margin-top: 20px;
  padding: 0px 3em;
}

.contact-content {

}
/*Resources page ---------------------------------*/
.resources-outer {
  background-color: #F9F8F7;
  padding-top:40px;
  padding-bottom: 40px;
}


.load-more-container {
  padding-top: 40px;
  clear:both;
  text-align:center;
}
@media screen and (min-width: 1000px) {

  .resources-inner .resource-desc-box {
      float: left;
      margin: 0 2% 20px 0;
      width: 23.5%;
      background: #fff;
  }

  .resources-inner .resource-desc-box:nth-child(3n+3) {
      margin-right: 2%;
  }

  .resources-inner .resource-desc-box:nth-child(4n+4) {
      margin-right: 0;
  }

} 
@media screen and (min-width: 678px) and (max-width: 800px) {
  .resources-inner .resource-desc-box {
      float: left;
      margin: 0 2% 20px 0;
      width: 49%;
      background: #fff;
  }

  .resources-inner .resource-desc-box:nth-child(2n+2) {
      margin-right: 0%;
  }

  .resources-inner .resource-desc-box:nth-child(4n+4) {
      margin-right: 0;
  }

}
 

.load-more {
  cursor: pointer;

  height: 13px;
  color: #9A8B7D;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
}


@media screen and (min-width: 768px) {
  .filter {
    width: 50%;
    float:left;
  }
  .our-team .filter {
    width: 100%;
  }
  .filter-categories {
    text-align: right;
  }
}

.resources-filter {
  background-color: #fff;
  overflow:hidden;
  padding-top:10px;
}

.filter-post-type .post-type {
  display:inline-block;
  color: #9A8B7D;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 14px;
  text-align: center;
  margin-right:2em;
  cursor: pointer;
  transition: all .2s;

}
.filter-post-type .post-type:hover {
    opacity: .8;
}
.filter-post-type .post-type.active {
  color: #00BCE9;
}


.filter-categories label {

  color: #695E4A;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  margin-right: 1.5em;
}

.filter-categories select {
  color: #00BCE9;
  border: 0px solid #fff;
  background-image: url(../images/chevron-brown-down.png);
  background-color: #fff;
  background-position:right center;
  background-size: 10px 7px;
  background-repeat:no-repeat;
  padding-right: 15px;
}



.loading {
  opacity: .5;
}


@media screen and (max-width: 991px) {
  .recent-resources .breadcrumbs{
    display:none;
  }
}

.recent-resources {
  clear:both;
}
.recent-resources .breadcrumbs{
    position: absolute;
    color: #9A8B7D;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase;
    top: -33px;
}



.post-content {
    max-width: 740px;
    margin: 0px auto;
    margin-top: 40px;
    margin-bottom: 80px;
}

.intro-para {
  color: #414959;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin-top: 40px;

}

.intro-para:after {
  content: " ";
  display:block;
  margin: 40px auto;
  height: 1px;
  width: 226px;
  transform: scaleY(-1);
  background-color: #EBEDF0;

}

.project-information {
    max-width: 740px;
    margin: 0px auto;
    margin-top: 40px;
    margin-bottom: 0px;
    border-bottom: 1px solid #EBEDF0;
    overflow:hidden;
}

.project-detail h6 {
  height: 20px;
  color: #9A8B7D;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase;
}
.project-information .project-detail {
  padding-bottom: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 992px) {
  .project-information .project-detail {
    width:33%;
    float:left;
  padding-bottom: 40px;
  }
}

.post-content h1, .post-content h2, .post-content h3 {
  color: #9A8B7D;

}
.post-content h4
 {
  color: #9A8B7D;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.post-content h5,
.post-content h6 {
  height: 20px;
  color: #9A8B7D;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 40px;
}


.post-content ul, .standard-intro ul, .cont-para ul {
  column-count: 2;
  column-gap: 20px;
  margin-bottom:20px;
  margin-left: 0px;
  padding-left: 0px;
}

.post-content li, .standard-intro li, .cont-para li {  
  margin-bottom:15px;
  list-style-type: none;
  position:relative;
  padding-left: 2em;
}

.post-content li:before, .standard-intro li:before, .cont-para li:before {
  position:absolute;
  top: 0px;
  left: 0px;
  content: '•';
}



@mixin extend-grid-box-left() {
  margin-left: -16.666%;

}

@mixin extend-grid-box-right() {
  margin-right: -16.666%;

}

@mixin extend-grid-box-both() {
  margin-right: -16.666%;
  margin-left: -16.666%;

}

@media screen and (min-width: 992px) {
  img.alignright, .alignright{float:right; margin:0 0 10px 10px; 
    margin-right: -16.666%;
    max-width:133.33%;
  }

  img.alignleft, .alignleft {float:left; margin:0 10px 10px 0;
    margin-left: -16.666%;
    max-width:133.33%;

  }

  img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}


  a img.alignright {float:right; margin:0 0 10px 10px}
  a img.alignleft {float:left; margin:0 10px 10px 0}
  a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

  img.alignnone, .lshowcase-logos {
    margin-right: -16.666%;
    margin-left: -16.666%;
    max-width: 133.3333%;
    margin-bottom: 10px;
    max-width:133.33%;

  }

  .wp-caption-text {
    color: #9A8B7D;
    font-family: 'roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform:uppercase;
    padding:20px 0px;
  }

}

.top-banner h3 {
  height: 24px;
  font-family: "Proxima Nova";
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  padding-top:30px;
}



.title-and-icon {
  display:inline-block;
}

.title-and-icon h3 {
  display:inline-block;
}
.icon {
  height: 100px;
  width: 100px;
  /*background-color: #D8D8D8;*/
  margin:0px auto;
  margin-bottom: 20px;
  overflow:hidden;

}

.icon img {
  max-width:100%;
  height:auto;
}
.leading-business-sec {
  position:relative;
  clear:both;
}
@media screen and (min-width: 768px) {
  .leading-business-sec .icon {
/*    position:absolute;
    top: 150px;
    left: 50%;*/
  margin-top: -100px;

  }

  .leading-business-sec.with-left-text .icon {
/*    right: 50%;
    left:auto;*/
  }
}









.cta-wrapper {
  margin-top: 0px;
}

.cta-wrapper.prev-sector-sec, .cta-wrapper.prev-white-row, .cta-wrapper.prev-, .cta-wrapper.prev-second-grid, .cta-wrapper.prev-single-image, .cta-wrapper.prev-double-image {
  position:relative; 
}

.cta-wrapper.prev-sector-sec:before, .cta-wrapper.prev-white-row:before, .cta-wrapper.prev-:before, .cta-wrapper.prev-second-grid:before, .cta-wrapper.prev-single-image:before, .cta-wrapper.prev-double-image:before {
  position:absolute;
  top: 0;
  left: 0;
  content: " ";
  height:50%;
  width:100%;
  background-color:#fff;
}


.cta-wrapper.prev-sector-sec .blue-main, .cta-wrapper.prev-white-row .blue-main, .cta-wrapper.prev- .blue-main, .cta-wrapper.prev-second-grid .blue-main, .cta-wrapper.prev-single-image .blue-main, .cta-wrapper.prev-double-image .blue-main {
    z-index: 9;
    position: relative;

}





.cta-wrapper.prev- .blue-main { 
  margin-bottom:20px;
}





.image-section {
    max-width: 1134px;
    margin: 0 auto;
    width: 85%;
    text-align:center; 
}


.sector-sec.prev-single-image, .sector-sec.prev-double-image {
  margin-top: 80px;
}



/*Spacing*/



.mfp-wrap {
    z-index: 999999;

}