/*
Theme Name: COE
Description: Personal template of COE
Version: 1.1
*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url("css/flexo.css");
@import url("css/font-awesome.min.css");

body { font-family: 'Flexo', sans-serif; font-size: 16px; font-weight: 500; }

p, blockquote { line-height: 30px; }
a { color: #d9b327; }
a:hover { color: #c5a11c; }
a:focus { outline: none; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #929292; }
::-webkit-input-placeholder { color: #bebebe !important; }
:-moz-placeholder { color: #bebebe !important; }
::-moz-placeholder { color: #bebebe !important; }
:-ms-input-placeholder { color: #bebebe !important; }
.btn, .btn:focus, .btn:active { outline: none; }

header { background: url('images/bg1.jpg'); height: 140px; }
header.page-bg { background: url('images/page-header.jpg') no-repeat 50% 100%; padding-bottom: 70px; background-size: cover; }
.navbar { background: url('images/bg2.png') repeat-x 0 20px transparent; z-index: 99992; border: 0; border-radius: 0; padding-top: 20px; margin-bottom: 0; 
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.navbar > .container-fluid, .navbar > .container { position: relative; }
a.nav-logo { display: block; }
a.nav-logo > .mobile { display: none; }
.nav .menu-drop { display: none; }
.navbar-nav { float: right; }
.navbar ul.navbar-nav { margin-top: 30px; margin-right: 60px; }
.navbar ul.navbar-nav > li { margin-right: 6px; }
.navbar ul.navbar-nav > li.def-menu:after { background: url('images/menu-bullet.png') no-repeat 50%; width: 6px; height: 6px; content: ""; position: absolute; right: -6px; top: 45%; }
.navbar ul.navbar-nav > li.def-menu.last:after { display: none; }
.navbar ul.navbar-nav > li > a { padding: 20px 12px; color: #000; font-size: 16px; }
.navbar ul.navbar-nav > li > a:hover { color: #d9b327; }
.navbar ul.navbar-nav > li.current-menu-item > a { color: #d9b327; background: transparent; border-bottom: 3px solid #d9b327; padding-bottom: 16px; }
.navbar ul.navbar-nav > li.current-menu-item > a:hover { background: transparent; color: #d9b327; }
.menu-drop-2 { position: absolute; right: 30px; top: 30px; z-index: 999; }
.menu-drop-toggle, .navbar .menu-drop-toggle:hover { background-color: #FFF; border: 0; display: block; color: #d9b327; width: 36px; height: 36px; padding: 0; margin: 0; }
.menu-drop-container { position: relative; margin: 11px 0; height: 36px; }
.menu-drop-container:hover > .menu-drop-toggle { color: #000; }
.menu-drop-2 ul { background: url('images/bg-dropdown-top.png'); position: absolute; white-space: nowrap; padding: 0; list-style: none; right: 100%; margin-right: -36px; top: 100%; padding: 12px 0; display: none; }
.menu-drop-2 ul li { position: relative; }
.menu-drop-2 ul li a { display: block; color: #FFF; font-size: 16px; padding: 4px 20px 4px 35px; }
.menu-drop-2 ul li a > span { position: absolute; left: 12px; top: 8px; }
.menu-drop-2 ul li a:hover { background: url('images/bg-dropdown-hover.png'); color: #000; text-decoration: none;  }
.menu-drop-2 ul li.current-menu-item a { color: #d9b327 }
.menu-drop-2 ul li.current-menu-item a:hover { background: none; }
.menu-drop-container:hover > ul { display: block; }
.navbar-toggle { border: 0; }
.navbar-toggle .icon-bar { width: 40px; height: 5px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }

#colorbox, #cboxOverlay, #cboxWrapper { z-index: 99995 !important }

.page2 { position: relative; }
.page2 .print-pdf-page { position: absolute; right: 0; top: 44px; }


ul.nav-top { background: url('images/bg2-2.png'); position: absolute; margin: 0; padding: 0 5px; list-style: none; border-radius: 8px 8px 0 0; right: 10px; top: 5px; box-shadow: 0px -1px 2px 0px rgba(50,50,50,0.2);; }
ul.nav-top li { float: left; position: relative; }
ul.nav-top li.first { margin-right: 1px; }
ul.nav-top li.first:after { content: ""; border-left: 1px solid #000; position: absolute; top: 0; right: -1px; width: 1px; height: 14px; margin-top: 8px; }
ul.nav-top li a { display: block; color: #000; font-size: 14px; padding: 5px 15px 0; }
ul.nav-top li a:hover { text-decoration: none; color: #d9b327; }

.banner { background: url('images/bg1.jpg'); margin-bottom: 0; margin-top: 0; }
.home .banner { padding-bottom: 120px; }
.img-responsive { width: 100%; }

h1.homepage { display: none; }

h1.page404 { background: url('images/error-404.jpg') no-repeat 50% 50%; background-size: contain; font-size: 72px; text-transform: uppercase; font-weight: 700; padding: 300px 0; }
/*h1.page404 { background: url('images/error-404.jpg') no-repeat 50% 50%; font-size: 72px; text-transform: uppercase; font-weight: 700; padding: 300px 0;
 color: #deba24; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, #bb8c32 0%, #deba24 35%, #bb8c32 65%, #deba24 98%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }*/
h3.page404 { font-size: 72px; text-transform: uppercase; font-weight: 700; padding: 300px 0; }

.parallax { width: 100%; height: 750px; position: relative; padding: 100px 0 0; }
/*.parallax .bg { width: 100%; height: 300px; background-size: cover !important; -webkit-background-size: cover !important; margin: 0 auto; padding: 0; position: absolute; z-index: -1!important; background-attachment: fixed !important; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9) inset; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9) inset; }*/
.parallax .bg { width: 100%; height: 650px; background-position: 50% 100%; background-size: cover !important; -webkit-background-size: cover !important; margin: 0 auto; padding: 0 0; position: absolute; z-index: -1!important; background-attachment: fixed !important; box-shadow: 0 1px 3px #999 inset; -webkit-box-shadow: 0px -1px 3px #999 inset, 0px 1px 3px #999 inset; -moz-box-shadow: 0px -1px 3px #999 inset, 0px 1px 3px #999 inset; }
.parallax .parallax-text-wrapper { /*display: table;*/ display: none; height: 100%; width: 100%; }
.parallax .parallax-text { display: table-cell; vertical-align: middle; }
.parallax blockquote:after { content: close-quote; }
.parallax blockquote:before { content: open-quote; }
.parallax blockquote:after, .parallax blockquote:before { font-family: "times new roman", arial; font-weight: bold; font-size: 50px; }
.parallax blockquote { border: 0; text-align: center; color: #FFF; font-size: 30px; font-weight: 500; line-height: 50px; padding: 0 50px; font-style: italic; }
.parallax p { color: #FFF; font-size: 18px; text-align: center; }
.parallax p:before { content: '\2014 \00A0'; }
.parallax .parallax-btn { position: absolute; width: 100%; top: 0px; }
.parallax a.scroll-down { background: url('images/bg-scroll.png') no-repeat 1px 0; width: 60px; text-align: center; font-size: 14px; color: #BBB; display: block; margin: 0 auto; cursor: pointer; position: relative; z-index: 999; padding-top: 65px; text-transform: uppercase; }
.parallax a.scroll-down:hover { text-decoration: none; background-position: 100% 0; color: #555; }
.parallax .bg-1 { background-image: url('images/parallax/1.jpg'); }
.parallax .bg-2 { background-image: url('images/parallax/2.jpg'); }
.parallax .bg-3 { background-image: url('images/parallax/3.jpg'); }
.parallax .bg-4 { background-image: url('images/parallax/4.jpg'); background-position: 50% 0; }
.parallax .bg-5 { background-image: url('images/parallax/5.jpg'); background-position: 50% 50%; }
.parallax .bg-6 { background-image: url('images/parallax/6.jpg'); }

.parallax-1 { padding-top: 0; height: 650px; }
.parallax-1 .parallax-btn { top: -100px; bottom: auto; }
/*.parallax-1 a.scroll-down { color: #888; background: url('images/bg-scroll2.png') no-repeat 1px 0; }*/
/*.parallax-1 a.scroll-down:hover { color: #EEE; }*/

.parallax-3 { height: 650px; padding: 0; }
.parallax-3 .parallax-btn { top: -100px; }

.parallax-5 { height: 650px; padding: 0; }
.parallax-5 .parallax-btn { top: -100px; }

.home-title { font-size: 36px; margin: 50px 0 12px; text-transform: uppercase; color: #3c3c3c; }
.home-title.invert { color: #FFF; }
.home-title > span { color: #deba24; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, #bb8c32 0%, #deba24 35%, #bb8c32 65%, #deba24 98%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.alignleft { margin-right: 20px; margin-bottom: 20px; }
.alignright { margin-left: 20px; margin-bottom: 20px; }
.entry-content ol, .entry-content ul { margin-bottom: 40px; }
.entry-content ol li, .entry-content ul li { margin-bottom: 8px; }

.home-sep { background: url('images/home-sep01.png') no-repeat 50% 50%; height: 40px; margin-bottom: 22px; }
.home-sep2 { background: url('images/home-sep02.png') no-repeat 50% 50%; height: 40px; margin-bottom: 22px; }

section { margin: 50px 0; }

.philosophy { margin-top: 0; margin-bottom: 0; }
.philosophy .row {  }
.philosophy .row > .col-md-4 { position: relative; margin-bottom: 30px; background: transparent; overflow: hidden; }
.philosophy .phi-wrapper { position: relative; }
.philosophy .phi-wrapper .phi-def { position: absolute; top: 0; width: 100%; height: 100%; }
.philosophy .phi-icon { background: url('images/phi-icons.png') no-repeat #FFF; width: 78px; height: 78px; display: block; border-radius: 50%; margin: 66px auto 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.philosophy h3 { color: #FFF; text-align: center; margin: 20px; 
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.philosophy .phi-wrapper .phi-def p { display: none; color: #FFF; padding: 0 15px; line-height: 22px; }
.philosophy .phi-wrapper .phi-def p.author { text-align: right; }
.philosophy .phi-plus { text-align: center; }
.philosophy .phi-plus button { border: 1px dashed #FFF; width: 22px; height: 22px; color: #FFF; background: transparent; padding: 0; }
.philosophy .phi-plus button > span { font-size: 12px; vertical-align: top; margin-top: 3px; margin-left: 1px; }
.philosophy .simplicity .phi-icon { background-position: -11px -10px; }
.philosophy .expertise .phi-icon { background-position: -110px -10px; }
.philosophy .concrete .phi-icon { background-position: -210px -10px; }
.philosophy .clarity .phi-icon { background-position: -309px -10px; }
.philosophy .excellence .phi-icon { background-position: -10px -211px; }
.philosophy .pragmatism .phi-icon { background-position: -110px -211px; }
.philosophy .trust .phi-icon { background-position: -210px -211px; }
.philosophy .fun .phi-icon { background-position: -309px -211px; }
.philosophy .row > .col-md-4:hover { cursor: pointer }
.philosophy .row > .col-md-4:hover .phi-def { background: rgba(220, 183, 37, 0.8); }
.philosophy .row > .col-md-4:hover .phi-icon { margin-top: 6px; }
.philosophy .row > .col-md-4:hover h3 { margin-top: 8px; }
.philosophy .row > .col-md-4:hover .phi-plus { display: none; }
.philosophy .row > .col-md-4:hover .phi-def p { display: block; }

.philosophy .simplicity:hover .phi-icon { background-position: -11px -111px; }
.philosophy .expertise:hover .phi-icon { background-position: -110px -111px; }
.philosophy .concrete:hover .phi-icon { background-position: -210px -111px; }
.philosophy .clarity:hover .phi-icon { background-position: -309px -111px; }
.philosophy .excellence:hover .phi-icon { background-position: -10px -311px; }
.philosophy .pragmatism:hover .phi-icon { background-position: -110px -311px; }
.philosophy .trust:hover .phi-icon { background-position: -210px -311px; }
.philosophy .fun:hover .phi-icon { background-position: -309px -311px; }

.featured { background: url('images/bg4.jpg'); margin: 0; }
.featured .carousel-shadow { -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9) inset; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9) inset; }
.featured .slider {  }
.featured .slider .bx-controls-direction a { background: url('images/featured-control.png') no-repeat 0 0; width: 37px; height: 37px; top: 60px; left: -50px; }
.featured .slider .bx-controls-direction a.bx-next { background-position: 100% 0; right: -50px; left: auto; }
.featured .bxslider-featured li { position: relative; padding-bottom: 60px; }
.featured .bxslider-featured .caret-bottom { background: url('images/featured-caret.png') no-repeat 50% 0; width: 100%; height: 20px; position: absolute; bottom: 0; display: none; }
.featured .bxslider-featured a { display: block; position: relative; padding-bottom: 1px; padding-right: 1px; }
.featured .bxslider-featured a > img { 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url(desaturate.svg#greyscale); 
    filter: gray; 
    -webkit-filter: grayscale(1); 
    border: 1px solid transparent; }
.featured .bxslider-featured a:hover {  }
.featured .bxslider-featured a:hover > img, .featured .bxslider-featured .current img { 
    filter: grayscale(0%); 
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: none; 
    filter: none; 
    -webkit-filter: grayscale(0); 
    border-color: #cfab26; }
.featured .bxslider-featured a > span.featured-overlay { background: url('images/featured-overlay.png'); position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #FFF; font-size: 14px; padding: 45px 0; }
.featured .bxslider-featured a > span.featured-icon { background-color: #808080; background-repeat: no-repeat; background-position: 50% -33px; width: 50px; height: 39px; display: block; position: absolute; bottom: 1px; right: 1px; }
.featured .bxslider-featured a:hover > span.featured-icon, .featured .bxslider-featured .current span.featured-icon { background-position: 50% 3px; background-color: #cda32a; }
.featured .bxslider-featured .current .caret-bottom { display: block; }
.featured .bxslider-featured .current span.featured-overlay { display: none; }
.featured-content { background: url('images/bg5.jpg'); padding: 60px 0 180px; height: 580px; }
.featured-content > .container { position: relative; }
.featured-content .current-featured { border: 5px solid #cfab26; }
.featured-content .meta-nav { background-color: #282827; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3) inset; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3) inset; margin: 15px 0; color: #e3e3e3; display: none; }
.featured-content .meta-nav p { font-size: 12px; text-transform: uppercase; margin: 0; position: relative; padding: 8px 0; line-height: 1.42857143; }
.featured-content .meta-nav p span { position: absolute; height: 30px; width: 30px; top: 0px; }
.featured-content .meta-nav a.custom-like { color: #FFF; padding: 5px 0; display: block; font-size: 14px; }
.like-loader { visibility: hidden; }
.featured-content .meta-nav a.custom-like:hover { text-decoration: none; }
.featured-content .meta-nav p.comment-count .icon { background: url('images/icon-comment.png') no-repeat 0 0; right: 92px; top: -2px; }
.featured-current-content {  color: #e3e3e3; margin-top: -20px; }
.featured-current-content .scroll-pane { overflow: auto; height: 310px; width: 100%; }
.featured-current-content h3 { color: #FFF; text-transform: uppercase; border-bottom: 2px solid #3d3d3d; margin: 0 0 18px; padding-bottom: 15px; padding-top: 20px; }
.featured-current-content h3 > span { color: #deba24; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, #bb8c32 0%, #deba24 35%, #bb8c32 65%, #deba24 98%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.featured-current-content blockquote { border: 0; color: #9e9e9e; font-style: italic; font-size: 16px; padding: 10px 25px; }
.featured-current-content blockquote:after { content: '\201D'; }
.featured-current-content blockquote:before { content: '\201C'; }
.featured-content a.btn-explore { background: url('images/bg-eco-nav-hover.jpg'); color: #FFF; font-size: 24px; padding: 2px 30px; border-radius: 0; font-weight: 500; position: absolute; right: 53px; bottom: -62px; }
.featured .home-sep2 { margin-bottom: 15px; }
.featured-dropdown { margin-bottom: 35px; }
.featured-dropdown .selected-drop { background-color: #2d2d2d; color: #e3e3e3; border-radius: 0; font-size: 16px; padding: 8px 18px 7px; text-align: left; border: 0; z-index: 0; height: 39px; }
.featured-dropdown .selected-drop:hover { cursor: default; }
.featured-dropdown .btn-drop { background: url('images/featured-drop.jpg') repeat-x; color: #FFF; border-radius: 0; padding: 7px 12px 0px !important; font-size: 22px; margin-top: -1px; }
.featured-dropdown ul.dropdown-menu { background: url('images/featured-overlay.png') transparent; border-radius: 0; padding: 10px 0; z-index: 99999; }
.featured-dropdown ul.dropdown-menu li {  }
.featured-dropdown ul.dropdown-menu li a { background: url('images/featured-dropdown-icon.png') no-repeat 14px 3px; color: #e3e3e3; font-size: 16px; padding: 9px 30px 8px 62px; }
.featured-dropdown ul.dropdown-menu li:hover { background: url('images/featured-drop.jpg') repeat-x; }
.featured-dropdown ul.dropdown-menu li:hover a { background-position: 14px 100%; }


.btn-golden { background: url('images/bg-eco-nav-hover.jpg'); color: #FFF; font-size: 20px; font-weight: bold; }
.btn-golden:hover { color: #FFEA9B; }

.iframepop { width: 100%; margin-bottom: 50px !important; }
.iframepop article.post h1.entry-title { font-weight: 600; }
.iframepop article.post h1.entry-title a { color: #929292; }
.iframepop article.post .entry-header { color: #c4c4c4; font-size: 14px; margin-bottom: 35px; }
.iframepop article.post > .entry-content > img, article.post > .entry-content > .wp-caption img { display: block; width: 100% \9; max-width: 100%; height: auto; width: 100%; border: 7px solid #FFF; box-shadow: 0 0 5px 1px #DDD; margin-bottom: 0; }
.iframepop article.post > .entry-content > .wp-caption-text { color: #C4C4C4; font-size: 14px; font-style: italic; margin-top: 5px; }
.iframepop article.post > .entry-content > p { margin-bottom: 40px; font-size: 18px; line-height: 35px; color: #676767; }
.iframepop article.post > .entry-content > img { width: 50%; float: left; margin-right: 25px; margin-bottom: 20px; }

.ecosystem { margin-top: 0; margin-bottom: 0; }
.ecosystem h1 {  }
.ecosystem ul.eco-btn { list-style: none; padding: 0; margin: 40px 0; text-align: center; background: none transparent; border: 0; border-radius: 0; }
.ecosystem ul.eco-btn li { display: inline; float: none; background: none transparent; border: 0; border-radius: 0; margin: 0; }
.ecosystem ul.eco-btn li a { background: url('images/bg-eco-nav-border.jpg') no-repeat #2d2d2d 0 100%; display: inline-block; width: 230px; border-radius: 0; font-size: 18px; color: #FFF; margin: 0 35px; border: 0; padding: 9px 0 10px !important; float: none !important; }
.ecosystem ul.eco-btn li.ui-state-active a,
.ecosystem ul.eco-btn li.ui-state-active.ui-state-hover a { background: url('images/bg-eco-nav-hover.jpg') repeat-x #2d2d2d 0 0; }
.ecosystem ul.eco-btn li.ui-state-hover a { background: url('images/bg-eco-nav-hover.jpg') repeat-x #d9b327 0 0; }
.ecosystem p.eco-text { color: #595959; font-style: italic; }
/*.ecosystem p.eco-text:after { content: '\201D'; }
.ecosystem p.eco-text:before { content: '\201C'; }*/
.ecosystem .ecotabs { border-radius: 0; border: 0; background: none transparent; }

.eco-slider { background: url('images/eco-img-01.png') no-repeat 50% 0; margin-top: 60px; padding-top: 50px; }
.eco-slider {  }
.eco-slider {  }
.eco-slider .eco-image { border: 8px solid #ededed; border-radius: 50%; width: 105px; height: 105px; margin: 0 auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.eco-slider .eco-image img { 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url(desaturate.svg#greyscale); 
    filter: gray; -webkit-filter: grayscale(1); 
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.eco-slider .eco-content { display: none; }
.eco-slider .eco-content h4 { color: #2c2c2c; white-space: nowrap; margin: 30px 0 0; }
.eco-slider .eco-content p { color: #7e7e7e; font-size: 16px; white-space: nowrap; line-height: 25px; }
.eco-slider .slick-center .eco-content { display: block; }
.eco-slider .slick-center .eco-image { border-color: #e9d484; }
.eco-slider .slick-center .eco-image img { 
    filter: grayscale(0%); 
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: none; 
    filter: none; 
    -webkit-filter: grayscale(0); }

.slick-prev:before, 
.slick-next:before { display: none !important; }
.slick-prev, 
.slick-next { background: url(images/bxslider/controls-new.png) no-repeat 100% 0px !important; opacity: 0.8 !important; transition: opacity 0.2s ease; width: 26px !important; height: 28px !important; top: 40% !important; }
.slick-prev { background-position: 0 0 !important; }
.slick-next {  }
.slick-prev:hover { opacity: 1 !important; }
.slick-next:hover { opacity: 1 !important; }

.bx-wrapper .bx-loading { display: none !important; }

.team { margin-bottom: 0; margin-top: 0; }
.team h1 {  }
.team-slider { padding: 0; margin: 0; }
.team-slider .items { padding: 24px 15px 18px; margin-bottom: 20px; }
.team-slider .items img.img-rounded { border-radius: 50%; border: 3px solid #dbdbdb; width: 80%; margin: 0 auto; 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url(desaturate.svg#greyscale); 
    filter: gray; 
    -webkit-filter: grayscale(1); 
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.team-slider .items p {  }
.team-slider .items h3.name { color: #828282; margin: 25px 0 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.team-slider > .items h3.name > span { color: #212121;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.team-slider .items p.position { color: #828282; text-align: center; font-size: 13px; }
.team-slider .items p.description { margin-bottom: 20px; display: none; }
.team-slider .items p.email { color: #575757; font-size: 13px; border-top: 2px solid #e4e4e4; margin-bottom: 0; text-align: center; }
.team-slider .items p.mobile { color: #575757; font-size: 13px; text-align: center; margin-bottom: 0; }
.team-slider .items p.moreinfo { border-top: 2px solid #e4e4e4; margin-top: 10px; }
.team-slider ul.socials { margin: 0; padding: 0; list-style: none; text-align: center; }
.team-slider ul.socials li { display: inline; }
.team-slider ul.socials li a { background: url('images/team-socials.png') no-repeat; display: inline-block; width: 31px; height: 31px; display: inline-block; margin: 0 2px; }
.team-slider ul.socials li a.fb { background-position: 0 -35px; }
.team-slider ul.socials li a.tw { background-position: -39px -35px; }
.team-slider ul.socials li a.li { background-position: -78px -35px; }

.team-slider .items:hover { background-color: #f9f9f9; }
.team-slider .items:hover img.img-rounded { 
    filter: grayscale(0%); 
    -webkit-filter: grayscale(0); 
    -moz-filter: grayscale(0); 
    -ms-filter: grayscale(0); 
    -o-filter: grayscale(0); 
    filter: none; 
    filter: none; 
    -webkit-filter: grayscale(0); 
    border-color: #d9b327; }
.team-slider .items:hover h3.name, .team-slider > .items:hover h3.name > span { color: #d9b327; }
/*.team-slider > li:hover p.description { display: block; }*/
.team-slider .items:hover ul.socials li a.fb { background-position: 0 0; }
.team-slider .items:hover ul.socials li a.tw { background-position: -39px 0; }
.team-slider .items:hover ul.socials li a.li { background-position: -78px 0; }

.single-team-container { margin-top: 50px; }
.single-team-container ul.socials { margin: 0; padding: 0; list-style: none; text-align: center; }
.single-team-container ul.socials li { display: inline; }
.single-team-container ul.socials li a { background: url('images/team-socials.png') no-repeat; display: inline-block; width: 31px; height: 31px; display: inline-block; margin: 0 2px; }
.single-team-container ul.socials li a.fb { background-position: 0 -35px; }
.single-team-container ul.socials li a.tw { background-position: -39px -35px; }
.single-team-container ul.socials li a.li { background-position: -78px -35px; }
.single-team-container ul.socials li a.fb:hover { background-position: 0 0; }
.single-team-container ul.socials li a.tw:hover { background-position: -39px 0; }
.single-team-container ul.socials li a.li:hover { background-position: -78px 0; }
.single-team-container img.img-rounded { border: 3px solid #d9b327; border-radius: 50%; margin-bottom: 20px; }
.single-team-container p.email { margin-bottom: 0; }
.single-team-container p.mobile {  }

.team-slider-wrapper { padding: 0 20px 50px; }
.team-slider-wrapper .bx-wrapper .bx-pager { bottom: -20px; }
.team-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a { background: url('images/team-page-control.png') no-repeat 100% 0; width: 10px; height: 10px; }
.team-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background-position: 0 0; }
.team-slider-wrapper .bx-wrapper .bx-controls-direction {  }
.team-slider-wrapper .bx-wrapper .bx-controls-direction a { background: url('images/team-slider-control.png') no-repeat; width: 26px; height: 28px; top: 212px; }
.team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-prev { left: -50px; }
.team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-next { background-position: 100% 0; right: -50px; }
/*.team-slider-wrapper .bx-wrapper .bx-viewport { height: auto !important; }*/
.join-us { background: #2d2d2d; padding: 30px 0 120px; position: relative; }
.join-us .btn { background: url('images/join-us-btn.png') no-repeat; display: inline-block; height: 89px; position: relative; z-index: 2; }
.join-us .btn-joinus { background-position: 0 0; }
.join-us .btn-career { background-position: 100% -113px; }
.join-us .join-us-logo { background: url('images/join-us-logo.png') no-repeat 50% 54px; position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; }

.article { position: relative; margin-top: 0; margin-bottom: 10px; }
.article-dropdown { margin: 0; }
.article h1 {  }
.article-nav { background: url('images/bg-article-nav-border.jpg') repeat-x 0 100% #111; padding: 18px 0 20px; margin-bottom: 24px; }
.article-nav h4 { color: #929292; }
.article-nav > .row { margin: 0; }
.article-nav .search .form-control { height: 39px; border-radius: 0; border: 0; font-size: 20px; }
.article-nav .search .btn { background: url('images/featured-drop.jpg') repeat-x; color: #FFF; border-radius: 0; padding: 5px 15px !important; font-size: 20px; margin-top: -1px; }

.article-post { min-height: 500px; }
.article-post article { margin-bottom: 30px; }
.article-post article .meta-date { padding: 0; }
.article-post article .meta-date .top { background-color: #2d2d2d; color: #FFF; position: relative; }
.article-post article .meta-date .top .year { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position: absolute; margin: 0; line-height: normal; top: 24px; left: -1px; }
.article-post article .meta-date .top .day { font-family: 'Roboto Condensed', sans-serif; font-size: 58px; padding: 10px 5px; text-align: right; line-height: 50px; margin: 0; }
.article-post article .meta-date .month { background: url('images/bg-eco-nav-hover.jpg') repeat-x 50%; }
.article-post article .meta-date .month p { text-align: center; }
.article-post article .main-article { border-bottom: 2px solid #e4e4e4; padding: 0 0 12px; }
.article-post article .main-article > img { 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url(desaturate.svg#greyscale); 
    filter: gray; -webkit-filter: grayscale(1); 
}
.article-post article .main-article:hover > img { 
    filter: grayscale(0%); 
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: none; 
    filter: none; 
    -webkit-filter: grayscale(0); 
}
.article-post article .main-article .category { background-color: #2d2d2d; color: #FFF; }
.article-post article .main-article .category .pull-left { background: url('images/bg-eco-nav-hover.jpg') repeat-x 50%; }
.article-post article .main-article .category .pull-left p { background-position: 50% 2px; background-repeat: no-repeat; margin: 0; width: 50px; height: 40px; }
.article-post article .main-article .category .category-name { padding: 9px 0; }
.article-post article .main-article > h3.meta-post-title { text-transform: uppercase; color: #3c3c3c; margin-bottom: 2px; }
.article-post article .main-article > .meta-elapse {  }
.article-post article .main-article > .meta-elapse > p { text-transform: uppercase; color: #9e9e9e; font-size: 14px; line-height: normal; font-style: italic; }
.article-post article .main-article > .post { margin-bottom: 15px; }
.article-post article .main-article > .post > p {  }
.article-post article .main-article > .post > p > a.read-more { color: #d9b327; }
.article-post article .main-article > .meta-post {  }
.article-post article .main-article > .meta-post > a.comments { background: url('images/bubble-yellow.jpg') no-repeat 0 6px; color: #9e9e9e; padding: 8px 0 8px 38px; font-size: 14px; text-transform: uppercase; line-height: normal; margin-bottom: 0; }
.article-post article .main-article > .meta-post > a.custom-like { padding: 6px 0 3px 25px; float: left; color: #9e9e9e }

.article-post article .main-article ul.socials { margin: 0; padding: 0; list-style: none; text-align: center; }
.article-post article .main-article ul.socials li { display: inline; }
.article-post article .main-article ul.socials li a { background: url('images/team-socials.png') no-repeat; display: inline-block; width: 31px; height: 31px; display: inline-block; margin: 0 2px; }
.article-post article .main-article ul.socials li a.fb { background-position: 0 -35px; }
.article-post article .main-article ul.socials li a.tw { background-position: -39px -35px; }
.article-post article .main-article ul.socials li a.li { background-position: -78px -35px; }
.article-post article .main-article ul.socials li a:hover {  }
.article-post article .main-article ul.socials li a.fb:hover { background-position: 0 0; }
.article-post article .main-article ul.socials li a.tw:hover { background-position: -39px 0; }
.article-post article .main-article ul.socials li a.li:hover { background-position: -78px 0; }

.article-loader { background: url('images/loader.gif') no-repeat 50% 50% #FFF; position: absolute; width: 100%; height: 78%; z-index: 1; }
.articles-pagination { position: relative; z-index: 2; }

section.contact { background: url('images/bg-contact.png') repeat-y #040404 50% 0; margin: 0; position: relative; /* height: 797px; */ padding-bottom: 50px; }
section.contact .contact-info { margin: 20px 0 0; }
section.contact .contact-info .contact-info-wrapper { background: url('images/bg-contact-overlay.png'); color: #FFF; padding: 25px 0 28px; }
section.contact .contact-info .contact-info-wrapper h4 { color: #c1942f; margin-bottom: 0; }
section.contact .contact-info .contact-info-wrapper p { font-size: 14px; margin: 0; }
section.contact .contact-info .email { background: url('images/icon-email.png') no-repeat 12% 50%; padding-left: 82px; }
section.contact .contact-info .telephone { background: url('images/icon-tel.png') no-repeat 12% 50%; padding-left: 82px; }
section.contact .contact-form {  }
section.contact .contact-form-wrapper { position: relative; margin-top: 40px; height: 442px; }
section.contact .contact-form-bg { position: absolute; top: 0; left: 0; z-index: 0; }
section.contact .main-form { position: relative; z-index: 1; height: 100%; width: 450px; margin-left: 20px; }
section.contact .main-form .contact-form-fields { background: url('images/bg-contact-form-main.png'); position: absolute; width: 100%; bottom: 240px; border: 3px solid #cda629; border-bottom: 0; border-radius: 5px 5px 0 0; padding: 20px 20px 0; }
section.contact .main-form .contact-form-submit { position: absolute; width: 100%; bottom: 50px; text-align: center; }
section.contact .main-form .form-control { background: url('images/icon-contact-form.png') no-repeat transparent; font-size: 14px; border: 0; border-bottom: 1px solid #dbd1ae; color: #666; box-shadow: none; padding: 0 0 0 32px; height: 26px; margin-bottom: 8px; border-radius: 0; }
section.contact .main-form input.name { background-position: 0px 3px; }
section.contact .main-form input.email { background-position: 0px -33px; }
section.contact .main-form textarea.inquery { background: url('images/note-border.png') 0 100%; line-height: 27px; border: 0; resize: none; }
section.contact .main-form input.btn-contact { background: url('images/btn-contact-submit.png') no-repeat; padding: 0; width: 158px; height: 31px; text-indent: -999em; }
.note-style { background: url('images/icon-contact-form.png') no-repeat 0 -69px transparent; }
section.contact .wpcf7-response-output { margin: 0; padding: 0; border: 0; position: absolute; top: 180px; text-align: center; width: 100%; }
section.contact .span.wpcf7-not-valid-tip { font-size: 12px; margin-bottom: 10px; }
section.contact .map-container { margin-top: 20px; }
section.contact .map-container > #map2 { border: 3px solid #d9b642; }
section.contact .btn-top { position: absolute; right: 50px; bottom: -40px; }
section.contact .btn-top .btn { background: url('images/bg-btn-top.png'); font-size: 32px; padding: 16px 22px; border-radius: 12px; color: #FFF; }

section.contact span.wpcf7-not-valid-tip { color: #f00; font-size: 12px; position: relative; top: -5px; margin-bottom: 5px; }
section.contact .note-style span.wpcf7-not-valid-tip { top: -30px; }

.map-pop { width: 330px; }
.map-pop:before, .map-pop:after { display: table; content: ""; }
.map-pop:after { clear: both; }
.map-pop > img { margin-right: 15px; }
.map-pop p {  }
.map-pop p.location { font-size: 18px; color: #d4ac29; margin-bottom: 0; line-height: normal; }
.map-pop p.description { font-size: 14px; color: #595959; line-height: normal; margin-bottom: 5px; }
.map-pop p.phone { background: url('images/icon-tel2.png') no-repeat 0 50%; padding-left: 22px; font-size: 16px; color: #9a9a9a; }


.green-page h1.page-title { display: none; }
.green-page .page-content > p { margin-bottom: 0; }
.green-page .page-content > p + p { margin-bottom: 10px; }
.green-page section {  }
.green-page section h1 { color: #929292; font-weight: 600; text-transform: uppercase; }
.green-page section p { font-size: 18px; line-height: 35px; }
.green-page section.green-commitment { padding-top: 70px; margin: 0; }
.green-page section.green-commitment .container {  }
.green-page section.green-commitment h1 { margin-top: 95px; margin-bottom: 30px; }
.green-page section.green-commitment p { margin-bottom: 40px; }
.green-page section.green-work-env { background-color: #f5f5f5; padding-top: 20px; margin: 0; padding-bottom: 20px; }
.green-page section.green-work-env .container {  }
.green-page section.green-work-env h1 { margin-bottom: 30px; }
.green-page section.green-work-env p { margin-bottom: 40px; }
.green-page section.green-env-policy { margin: 0; }
.green-page section.green-env-policy .container { padding-top: 80px; }
.green-page section.green-env-policy h1 { margin-top: 105px; margin-bottom: 30px; }
.green-page section.green-env-policy p { margin-bottom: 40px; }
.green-page section.green-mission { background: url('images/green-img-05.jpg') no-repeat 50% 0 #000; padding: 140px 0 180px; margin: 0; }
.green-page section.green-mission h1 { color: #FFF; margin-bottom: 35px; }
.green-page section.green-mission p { color: #FFF; }
.green-page section.green-vision { background: url('images/green-img-06.jpg') no-repeat 50% 0; padding: 140px 0 185px; margin-bottom: 40px; margin-top: 0; background-size: cover; }
.green-page section.green-vision h1 { color: #3f3f3f; margin-bottom: 35px; }
.green-page section.green-vision p { color: #3f3f3f; }

.press h1.page-title { display: none; }
.press img.banner { margin-top: 85px; }
.press .page-content section h1 { color: #929292; text-transform: uppercase; font-weight: 600; margin-bottom: 30px; }
.press .page-content section p { color: #676767; line-height: 35px; margin-bottom: 20px; }

/* TEST BDA gray LI */

.press .page-content section li { color: #676767; line-height: 35px; margin-bottom: 10px; }

/* END TEST BDA gray LI */

.press section.press-company { border-bottom: 6px solid #e2e2e2; margin-top: 110px; padding-bottom: 40px; margin-bottom: 70px; }
.press section.press-gallery {  }
.press section.press-gallery h1 { border-bottom: 6px solid #e2e2e2; padding-bottom: 20px; margin-bottom: 20px; }
.press section.press-gallery .ngg-galleryoverview { margin: 10px -15px; width: auto; }
.ngg-galleryoverview:after, .ngg-galleryoverview:before { display: table; content: " "; }
.ngg-galleryoverview:after { clear: both; }
.press section.press-gallery .ngg-gallery-thumbnail-box { width: 33.33333333%; margin: 0; padding: 15px; }
.press section.press-gallery .ngg-gallery-thumbnail { width: 100%; }
.press section.press-gallery .ngg-gallery-thumbnail a {  }
.press section.press-gallery .ngg-gallery-thumbnail a img { border: 0; padding: 0; display: block; width: 100% \9 !important; max-width: 100% !important; height: auto !important; width: 100%; margin: 0; }
.press section.press-release { margin-bottom: 100px; position: relative; min-height: 450px; }
.press section.press-release > h1 { border-bottom: 6px solid #e2e2e2; padding-bottom: 20px; margin-bottom: 20px; margin-bottom: 0; }
.press .press-articles { min-height: 390px; }
.press .press-articles h3 { text-transform: uppercase; color: #5e5e5e; font-size: 20px; margin-bottom: 5px; font-weight: 500; border-top: 5px solid #e2e2e2; padding-top: 40px; margin-top: -5px; }
.press .press-articles h1 { color: #b3b3b3 !important; margin: 0 0 10px !important; font-weight: 500; }
.press .press-articles p { color: #5e5e5e; margin-bottom: 10px !important; }
.press .press-articles p.entry-elapse { color: #898989; font-size: 11px; margin: 0 !important; }
.press .press-articles a.read-more { display: block; margin-bottom: 40px; text-transform: uppercase; }
.press .press-articles > a {  }


.press-loader { background: url('images/loader.gif') no-repeat 50% 50% #FFF; position: absolute; width: 100%; height: 82%; z-index: 1; }
.press-pagination { position: relative; z-index: 2; }

.career h1.page-title { display: none; }
.career p { margin-bottom: 50px; line-height: 35px; font-size: 18px; }

/* BDA Test Darker background for Career */

/* OLD .career div.darker { background-color: #161616; margin-bottom: 0px; } */
.career div.career-banner-background { background: rgb(22,22,22); /* Old browsers */
background: -moz-linear-gradient(top, rgba(22,22,22,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,22,22,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(22,22,22,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

.career img.banner { border: 7px solid #f7f7f7; border-radius: 5px; margin-top: 50px; padding: 0; }
/* OLD .career img.banner { border: 7px solid #f7f7f7; border-radius: 5px; margin-top: 95px; padding: 0; } */

.career div.career-abstract-title { margin-bottom: 30px; }

.career section.career-hr-vision { padding-top: 30px; padding-bottom: 30px; margin: 0; }
.career section.career-hr-vision .container {  }
.career section.career-hr-vision h1 { margin-top: 95px; margin-bottom: 30px; }
.career section.career-hr-vision p { margin-bottom: 0px; }



.career section.career-program { margin-top: 65px; }
.career section.career-program h4 { margin-bottom: 0; }
.career section.career-program h1 { margin-top: 10px; margin-bottom: 38px; }
.career section.career-program p {  }
.career section.career-video {  }
.career section.career-video p {  }
.career section.career-video p.caption { color: #c4c4c4; font-size: 14px; margin-bottom: 5px; }
.careers-list { position: relative; }
.careers-loader { position: absolute; width: 100%; height: 100%; padding: 175px 0 80px; background: url('images/loader.gif') no-repeat 50% 50% transparent; display: none; }
.careers-list-header { background: url('images/open_positions.jpg') no-repeat 50%; padding: 50px 0; background-size: cover; }
.careers-list-header p.date { color: #FFF; font-size: 18px; margin: 0; }
.careers-list-header h1 { color: #FFF; text-transform: uppercase; margin: 0; }
.careers-list-header h1 span { color: #FFF; }
.careers-list-content { background: #FFF; padding: 80px 0 10px; }
.careers-list-content .career-post { position: relative; }
.careers-list-content .career-img { width: 130px; position: absolute; left: 15px; top: 40px; }
/*.careers-list-content .career-img .no-image { background: url('images/'); }*/
.careers-list-content .career-img > img { 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url(desaturate.svg#greyscale); 
    filter: gray; 
    -webkit-filter: grayscale(1);  }
.careers-list-content .career-post:hover .career-img > img { 
    filter: grayscale(0%); 
    -webkit-filter: grayscale(0%); 
    -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); 
    filter: none; 
    filter: none; 
    -webkit-filter: grayscale(0);  }
.careers-list-content .career-description { padding-left: 150px; border-top: 3px solid #232323; margin-bottom: 40px; padding-top: 40px; }
.careers-list-content .career-description p.career-posted { font-size: 14px; color: #c4c4c4; text-transform: uppercase; margin: 0; line-height: 25px; }
.careers-list-content .career-description .career-position { margin: 0; line-height: 25px; color: #606060; }
.careers-list-content .career-description h1 { margin: 0; color: #606060; font-size: 24px; }
.careers-list-content .career-description .career-content { font-size: 14px; color: #676767; margin: 5px 0 30px; }
.careers-list-content .career-description .btn { color: #FFF; background: #332f2f; display: block; border-radius: 0; text-transform: uppercase; font-size: 14px; padding: 10px 0; }
.careers-list-content .career-description .btn span { font-size: 20px; vertical-align: text-top; margin-left: 10px; }
.careers-list-content .career-description .btn-apply { padding-left: 0; }
.careers-list-content .career-description .btn-qual { padding-right: 0; }
.careers-list-content .career-full-content { display: none; }
.careers-list-content .career-post-1 .career-description,
.careers-list-content .career-post-2 .career-description { border-top: 0; }

/* Career test BDA */

/*
.careers-list-content .career-img2 { width: 250px; position: absolute; left: 15px; top: 40px; }
*/
/*.careers-list-content .career-img2 { position: relative; height: 280px;  }*/
.careers-list-content .career-img2 { }
/*.careers-list-content .career-img .no-image { background: url('images/'); }*/
.careers-list-content .career-img2 > img { width: auto !important; height: auto !important;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1);  }
.careers-list-content .career-post:hover .career-img2 > img { /*width: 100%; max-height: 100%; margin: auto; display:block;*/
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
    filter: none;
    -webkit-filter: grayscale(0);  }

.careers-list-content .career-container { height: 280px; overflow: hidden; }

.careers-list-content .career-description2 { border-top: 3px solid #232323; margin-bottom: 40px; }
.careers-list-content .career-description2 p.career-posted { font-size: 14px; color: #c4c4c4; text-transform: uppercase; margin: 0; line-height: 25px; }
.careers-list-content .career-description2 .career-position { margin: 0; line-height: 25px; color: #606060; }
.careers-list-content .career-description2 h1 { margin: 0; color: #606060; font-size: 24px; }
.careers-list-content .career-description2 .career-content { font-size: 14px; color: #676767; margin: 5px 0 30px; max-height: 120px; }
.careers-list-content .career-description2 .btn { color: #FFF; background: #332f2f; display: block; border-radius: 0; text-transform: uppercase; font-size: 14px; padding: 10px 0; }
.careers-list-content .career-description2 .btn span { font-size: 20px; vertical-align: text-top; margin-left: 10px; }
.careers-list-content .career-description2 .btn-apply { padding-left: 20; }
.careers-list-content .career-description2 .btn-qual { padding-right: 20; }

/*
.careers-list-content .career-action { position: absolute; bottom: 0; left: 0; }
*/
.careers-list-content .career-action { vertical-align: bottom; }
.careers-list-content .career-action .btn { color: #FFF; background: url('images/bg-eco-nav-hover.jpg') no-repeat -2px 0px #332F31; display: block; border-radius: 0; text-transform: uppercase; font-size: 14px; padding: 10px 0; }
.careers-list-content .career-action .btn:hover { background-repeat: repeat; position: 0; }
.careers-list-content .career-action .btn span { font-size: 20px; vertical-align: text-top; margin-left: 10px; }
.careers-list-content .career-action .btn-apply { padding-left: 10; }
.careers-list-content .career-action .btn-qual { padding-right: 10; }

.careers-list-content .career-full-content { display: none; }
.careers-list-content .career-post-1 .career-description2,
.careers-list-content .career-post-2 .career-description2 { border-top: 0; }


/* END of TEST */



.careers-pagination { margin: 10px 0 40px; }
.cv-form { background: url('images/cv-img.png') repeat-x 50% 0; padding: 230px 100px 100px; }
.cv-form .cv-wrapper { width: 570px; margin: 0 auto; }
.cv-form .gform_fields { padding: 0; }
.cv-form .gform_fields li { list-style: none; margin: 0 0 12px; position: relative; }
.cv-form .gform_fields li:before, .cv-form .gform_fields li:after { content: ""; display: table; }
.cv-form .gform_fields li:after { clear: both; }
.cv-form .gform_fields > li > label { float: left; width: 30%; font-size: 16px; padding-left: 20px; color: #a6a6a6; padding-top: 10px; }
.cv-form .gform_fields > li > label span { position: absolute; top: 0; right: -15px; color: #c21634; }
.cv-form .gform_fields li .ginput_container { float: left; width: 70%; }
.cv-form .gform_fields li .ginput_container input[type="text"], .cv-form .gform_fields li .ginput_container select { width: 100%; padding: 5px 10px; }
.cv-form h4 { font-size: 18px; text-align: center; color: #a7a7a7; text-transform: none; line-height: 24px; }
.cv-form .pop-note { color: #c21634; font-size: 14px; font-style: italic; }
.cv-form .pop-border { background: url('images/signup-border.png') repeat-x 0 100%; height: 3px; margin: 20px 0 8px; }
.cv-form .gform_fields li.phone { background: url('images/signup-border.png') repeat-x 0 100%; padding-bottom: 35px; margin-bottom: 30px; }
.cv-form .gform_fields li.cv {  }
.cv-form .gform_fields li.cv label { display: none; }
.cv-form .gform_fields li.cv .ginput_container { float: none; width: 100%; }
.cv-form .gform_fields li.cv .gform_drop_area { border: 2px dashed #b2b2b2; text-align: center; padding: 20px; background-color: #f5f5f5; }
.cv-form .gform_fields li.agree {  }
.cv-form .gform_fields li.agree > label { display: none; }
.cv-form .gform_fields li.agree .ginput_container { float: none; width: 100%; }
.cv-form .gform_fields li.agree .ginput_container ul { padding: 0; }
.cv-form .gform_fields li.agree .ginput_container input[type="checkbox"] { margin-right: 10px; }
.cv-form .gform_fields li.position { display: none; }

.cv-form .gfield .ginput_container > input[type="text"], .cv-form .gfield .ginput_container > select { background: url('images/cv-icons.png') no-repeat -3px -4px; padding-left: 45px !important; }
.cv-form .given-name .ginput_container > input {  }
.cv-form .surname .ginput_container > input {  }
.cv-form .job .ginput_container > input { background-position: -2px -122px !important; }
.cv-form .country .ginput_container > select { background-position: 1px -183px !important; }
.cv-form .email .ginput_container > input { background-position: 0px -243px !important; }
.cv-form .phone .ginput_container > input { background-position: -2px -303px !important; }

.popup-qualification { padding: 20px; }
.popup-qualification h1 { margin-top: 5px; }
.popup-qualification p { font-size: 14px; margin-bottom: 10px; }
.popup-qualification ul, .popup-qualification ol {  }
.popup-qualification ul li, .popup-qualification ol li { margin-bottom: 3px; font-size: 14px; }


.video-container { margin-bottom: 45px; }
.no-image { background: url('images/no-image.png') no-repeat 50% 0; width: 100%; height: 100%; min-height: 150px }

/* Single post */
.single article.post { margin-top: 55px; }
.single article.post h1.entry-title { font-weight: 600; }
.single article.post h1.entry-title a { color: #929292; }
.single article.post .entry-header { color: #c4c4c4; font-size: 14px; margin-bottom: 35px; }
.single article.post .entry-header .entry-date {  }
.single article.post .entry-header .author {  }
.single article.post .entry-header .comments {  }
.single article.post .entry-header ul.share-socials { list-style: none; padding: 0; margin: 40px 0 0; }
.single article.post .entry-header ul.share-socials li { float: left; }
.single article.post .entry-header ul.share-socials li a { background: url('images/btn-share.png') no-repeat; display: block; width: 27px; height: 27px; margin-left: 8px; }
.single article.post .entry-header ul.share-socials li a.fb {  }
.single article.post .entry-header ul.share-socials li a.tw { background-position: -34px 0px; }
.single article.post .entry-header ul.share-socials li a.li { background-position: -104px 0px; }
.single article.post .entry-header ul.share-socials li a.rss { background-position: -69px 0px; }

.single article.post > .entry-content { border-bottom: 8px solid #f0f0f0; margin-bottom: 45px; }
.single article.post > .entry-content > .wp-caption { width: auto !important; margin-bottom: 60px; }
.single article.post > .entry-content > img { margin-bottom: 60px; }
.single article.post > .entry-content > .wp-caption img {  }
.single article.post > .entry-content > .wp-caption-text { color: #C4C4C4; font-size: 14px; font-style: italic; margin-top: 5px; }
.single article.post > .entry-content > img, article.post > .entry-content > .wp-caption img { display: block; width: 100% \9; max-width: 100%; height: auto; width: 100%; border: 7px solid #FFF; box-shadow: 0 0 5px 1px #DDD; margin-bottom: 0; }
.single article.post > .entry-content > img.wp-post-image { float: left; width: 50%; margin: 0 20px 20px 0; }
.single article.post > .entry-content > p { margin-bottom: 40px; font-size: 18px; line-height: 35px; color: #676767; }


/* BDA test source article */
.single article.post > .entry-content > .pf-content > h5.source { margin-top: 40px; margin-bottom: 0px; }
.single article.post > .entry-content > .pf-content > p.source { font-size: small; font-style: italic; color: #676767; margin-top: 0px; margin-bottom: 10px; }
/* END */

.single article.post .entry-bottom { font-size: 14px; color: #9e9e9e; margin-bottom: 30px; text-transform: uppercase; }
.single article.post .comments-count { background: url('images/bubble-yellow.jpg') no-repeat 0 50%; display: inline-block; padding: 5px 0 5px 40px; }
.single article.post .comments-toggle {  }
.single article.post .single-nav {  }
.single-container { margin-bottom: 100px; }
.single article.post .entry-bottom .comments-toggle .c-show {  }
.single article.post .entry-bottom .comments-toggle .c-hide { display: none; }
.single article.post .entry-bottom .comments-toggle.comment-hide .c-show { display: none; }
.single article.post .entry-bottom .comments-toggle.comment-hide .c-hide { display: inline; }

.page h1.page-title { text-align: center; margin: 50px 0 30px; }


/*.gform_body input[type="text"], .gform_body input[type="password"], .gform_body textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }*/
.gform_body input[type="text"], .gform_body input[type="password"], .gform_body textarea, .gform_body select { border: 1px solid #b2b2b2; box-shadow: none; border-radius: 0; font-size: 18px; height: 46px; }
.gform_body .gfield { margin: 0 30px 20px; }
.gform_footer { margin: 20px 30px 10px; }
.gform_footer .gform_button { background: url('images/bg-eco-nav-hover.jpg') repeat-x; background-size: contain; border: 0; color: #FFF; text-transform: uppercase; font-size: 30px; line-height: normal; font-weight: 600; padding: 5px 0; width: 100%; }

.gform_wrapper {  }
.gform_wrapper .validation_error { display: none; }
.gform_wrapper .validation_message { font-size: 12px; color: #F00; }


.signup { width: 430px; text-align: center; margin: 60px auto; }
.signup ul { list-style: none; padding: 0; }
.signup h1.page-title { display: none; }
.signup p.pp { font-size: 18px; margin: 20px 0 25px; padding-bottom: 20px; background: url('images/signup-border.png') repeat-x 0 100%; }
.signup p.pa { color: #a1b1bc; font-size: 14px; margin-top: 15px; }
.signup .gfield_label, .signup .ginput_complex label { display: none; }
.signup .gfield_checkbox { text-align: left; }
.signup .gfield_checkbox input[type="checkbox"] { margin-right: 10px; vertical-align: text-top; }
.signup .gfield_checkbox label { font-size: 14px; font-weight: 500; }
.signup .ginput_complex span { display: block; }
.signup .ginput_complex span.ginput_left { margin-bottom: 20px; }

.signup-iframe { margin: 90px 150px; }

.login { width: 430px; text-align: center; margin: 60px auto; }
.login img.logo {  }
.login .login-border { background: url('images/signup-border.png') repeat-x 0 100%; height: 3px; margin: 20px 0 25px; }
.login .login-input { margin: 0 30px 20px; }
.login .login-input input[type="text"], .login .login-input input[type="password"] { border: 1px solid #b2b2b2; box-shadow: none; border-radius: 0; font-size: 18px; height: 46px; margin-bottom: 20px; }
.login button.btn { background: url('images/bg-eco-nav-hover.jpg') repeat-x; background-size: contain; border: 0; color: #FFF; text-transform: uppercase; font-size: 30px; line-height: normal; font-weight: 600; padding: 5px 0; width: 100%; border-radius: 0; }
.login .login-footer { text-align: left; margin: 0 30px; }
.login-iframe { margin: 90px 150px; }
.wmd-spacer { margin-left: 6px; }

#respond { margin-top: 50px; }
#respond .form-control { border-radius: 0; box-shadow: none; }
#respond textarea.form-control { resize: vertical; }
#respond .form-allowed-tags { font-size: 14px; color: #9e9e9e; font-style: italic; line-height: 20px; margin-bottom: 20px; display: none; }
#respond .logged-in-as { font-size: 14px; color: #9e9e9e }
#respond #submit { background: url('images/bg-eco-nav-hover.jpg') repeat-x; border: 0; color: #FFF; font-size: 24px; padding: 5px 30px; border-radius: 0; font-weight: 500; }

#comments > ol { padding: 0; margin: 0; }
#comments ol, #comments ul { list-style: none; }
#comments > ol > li { border-bottom: 2px solid #f0f0f0; }
#comments > ol > li:last-child { border: 0; }
#comments li { position: relative; font-size: 14px; margin-bottom: 30px; }
#comments li.wmd-button { position: absolute; }
#comments .commentmetadata {  }
#comments .avatar { border-radius: 50%; border: 3px solid #dbdbdb; margin-right: 15px; }
#comments .comment-body { margin-bottom: 30px; }
#comments .comment-content { padding-left: 95px; }
#comments .comment-author .fn { text-transform: capitalize; font-weight: 600; }
#comments .comment-awaiting-moderation { margin-top: 10px; display: block; }

footer { background-color: #191919; }
.footer-sidebar { margin: 50px 0; }
.footer-sidebar h3 { background: url('images/footer-heading-border.jpg') repeat-x 0 100%; font-size: 22px; color: #dbb626; padding-bottom: 18px; margin: 10px 0 18px; text-transform: uppercase; }
.footer-sidebar img.logo { margin-top: 50px; }
.footer-sidebar ul { margin: 0; padding: 0; list-style: none; }
.footer-sidebar ul li { background: url('images/bullet.png') no-repeat 0 50%; padding-left: 22px; margin-left: 3px; }
.footer-sidebar ul li a { color: #cacaca; padding: 5px 0; display: block; font-size: 14px; }

.footer-latest-tweet {  }
.footer-latest-tweet ul { padding-top: 5px; }
.footer-latest-tweet ul li { background: url('images/bullet-twitter.png') no-repeat 0 3px; padding-left: 38px; }
.footer-latest-tweet ul p { color: #cacaca; font-size: 14px; line-height: 20px; }
.footer-latest-tweet ul p.tweet-details { color: #717171; margin-bottom: 15px; }

footer ul.follow { padding-top: 5px; }
footer ul.follow li { padding: 0; background: none; margin: 0 0 10px; }
footer ul.follow li a { background: url('images/socials.png') no-repeat; text-indent: -999px; overflow: hidden; height: 44px; width: 43px; padding: 0; margin: 0 auto; }
footer ul.follow li a.social-gp { background-position: 0 0; }
footer ul.follow li a.social-fb { background-position: -63px 0; }
footer ul.follow li a.social-yh { background-position: -126px 0; }
footer ul.follow li a.social-tw { background-position: 0 -60px; }
footer ul.follow li a.social-rs { background-position: -63px -60px; }
footer ul.follow li a.social-vm { background-position: -126px -60px; }
footer ul.follow li a.social-li { background-position: -188px -60px; }
footer ul.follow li a.social-gp:hover { background-position: 0 -117px; }
footer ul.follow li a.social-fb:hover { background-position: -63px -117px; }
footer ul.follow li a.social-yh:hover { background-position: -126px -117px; }
footer ul.follow li a.social-tw:hover { background-position: 0 -177px; }
footer ul.follow li a.social-rs:hover { background-position: -63px -177px; }
footer ul.follow li a.social-vm:hover { background-position: -126px -177px; }
footer ul.follow li a.social-li:hover { background-position: -188px -116px; }

footer ul.follow li a.socials1 { background: url('images/socials2.png') no-repeat; }
footer ul.follow li a.social-vd { background-position: 0px 0px; }
footer ul.follow li a.social-pi { background-position: -63px 0px; }
footer ul.follow li a.social-ins { background-position: -128px 0px; }
footer ul.follow li a.social-vd:hover { background-position: 0px -60px; }
footer ul.follow li a.social-pi:hover { background-position: -63px -60px; }
footer ul.follow li a.social-ins:hover { background-position: -128px -60px; }

.copyright { background: url('images/footer-bg.jpg'); }
.copyright p { font-size: 16px; margin: 30px; color: #363636; }
.copyright p a { color: #363636 }
.copyright p a:hover { color: #222 }
.construct .page-title { display: none; }

/* custom select */
.selectboxit-container { position: relative; display: inline-block; vertical-align: top; }
.selectboxit-container * { font: 14px Helvetica, Arial; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap; }
.selectboxit-container .selectboxit { width: 220px;  cursor: pointer; margin: 0; padding: 0; border-radius: 6px; overflow: hidden; display: block; position: relative; }
.selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 30px;  line-height: 30px;  display: block; }
.selectboxit-container .selectboxit:focus { outline: 0; }
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default; }
.selectboxit-text { text-indent: 5px; overflow: hidden; text-overflow: ellipsis; float: left; }
.selectboxit .selectboxit-option-icon-container { margin-left: 5px; }
.selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%;  *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.selectboxit-option .selectboxit-option-anchor{ padding: 0 2px; }
.selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; }
.selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px;  margin: 0; list-style-type: none; }
.selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px; }
.selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }
.selectboxit-optgroup-header { font-weight: bold;  }
.selectboxit-optgroup-header:hover { cursor: default; }
.selectboxit-arrow-container { width: 30px; position: absolute; right: 0; }
.selectboxit .selectboxit-arrow-container .selectboxit-arrow { margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0; }
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; }
.selectboxit-option-icon-container { float: left; }
.selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; }
.selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; }
.selectboxit-rendering { display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; }
.jqueryui .ui-icon { background-color: inherit; }
.jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; }
.selectboxit-btn { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active { color: #333333; background-color: #e6e6e6; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus { color: #333333; text-decoration: none; background-position: 0 -15px; }
.selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.selectboxit-list .selectboxit-option-anchor { color: #333333; }
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; }
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; }

.other-nav { display: none; }
#cboxLoadedContent { margin-bottom: 0 !important; }
.iframeteam { width: 100% !important; }

.pagination>li>a, .pagination>li>span { border: 1px solid #e2e2e2; color: #838383; }
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color: #f5f5f5; color: #838383; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { border-color: #e2e2e2; background-color: #f3f3f3; color: #d9b327; }

ul.pagination {  }
ul.pagination li {  }
ul.pagination li.active {  }
ul.pagination li a {  }
ul.pagination li a.next {  }
ul.pagination li a.prev {  }
ul.pagination li.active span {  }
ul.pagination li.active span.current {  }

.info-02 { display: none; }
/*.info-02 ul.socials { text-align: left; }*/
.info-02 ul.socials { margin-bottom: 20px; margin-top: 20px; }

.disruption { position: relative; }
.disruption:after { content: ""; background: url('images/disruption.png') no-repeat; width: 88px; height: 41px; position: absolute; left: 0; top: 0; }

.home { background: url('images/home.jpg') no-repeat; background-size: 100% auto; }
.home > header,
.home > .main-content-wrapper > .banner { background: none transparent !important; }
.home > header {  }
.home > .main-content-wrapper > .banner {  }

.single article.post .entry-header ul.share-socials li.print-pdf {  }
.single article.post .entry-header ul.share-socials li.print-pdf .printfriendly { margin: 4px 0; }
.single article.post .entry-header ul.share-socials li.print-pdf .printfriendly a { width: auto; height: auto; background: none; }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%; }


.golden-text { color: #deba24; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, #bb8c32 0%, #deba24 35%, #bb8c32 65%, #deba24 98%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


.contact-addresses { background: url('images/bg-contact-overlay.png'); color: #FFF; padding: 25px 0 28px; margin-top: 25px; margin-bottom: 20px; }
.contact-addresses > h4 { color: #c1942f; margin: 0 0 20px; text-align: center; font-size: 24px; vertical-align: top; }
.contact-addresses > h4 > span { color: #FFF; vertical-align: top; }
.contact-addresses > h4 > span.icon { background: url('images/map-pin.png') no-repeat 50%; display: inline-block; width: 26px; height: 36px; margin-top: -5px; margin-right: 5px; }
.contact-add-wrapper { padding: 0 30px; }
/*.contact-add-wrapper .contact-add { margin-bottom: 20px; }
.contact-add-wrapper .contact-add h4 { color: #c1942f; margin: 0 0 5px; }
.contact-add-wrapper .contact-add p { margin: 0; line-height: 1.6; }*/

.contact-add-wrapper .map-pop { margin: 0 auto 10px; }
.contact-add-wrapper .map-pop img {  }
.contact-add-wrapper .map-pop .location {  }
.contact-add-wrapper .map-pop .description { color: #FFF; }
.contact-add-wrapper .map-pop .phone { color: #FFF; background: url('images/icon-tel.png') no-repeat 0 50%; background-size: 16px; }


.home-services-cat { margin-bottom: 30px; }
.home-services-cat h3 { text-align: center; color: #3c3c3c; font-size: 18px; }
.home-services-cat .services-cat { text-align: center; }
.home-services-cat .services-cat-wrap { display: inline; }
.home-services-cat .services-cat-wrap a,
.services-modal-filter { display: inline-block; padding: 5px 10px; border: 1px solid transparent; border-radius: 4px; margin-bottom: 5px; }
.home-services-cat .services-cat-wrap a:hover,
.services-modal-filter:hover { text-decoration: none; border-color:#c5a11c; }
.home-services-cat .services-cat-wrap a.active,
.services-modal-filter.active { background: url('images/featured-drop.jpg') repeat-x; color: #FFF; }

.home-services-result .services-item-sizer,
.home-services-result .services-item { width: 25%; }
.home-services-result { margin: 0 -15px; }
.home-services-result .services-item { padding: 0 15px; }
.home-services-result .services-item-wrap { border: 1px solid #dbdbdb; margin-bottom: 30px; cursor: pointer; position: relative; }
.home-services-result .services-item-title { display: flex; padding: 10px; background-color: #FFF; height: 60px; border-top: 1px solid #e5e5e5; }
.home-services-result .services-item h3 { text-transform: uppercase; font-size: 14px; margin: auto; text-align: center; }
.home-services-result .services-item .services-item-img { background-repeat: no-repeat; background-size: cover; height: 195px; }
.home-services-result .services-item .services-modal { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.home-services-result .services-item-wrap:hover { border-color: #d9b327; box-shadow: 0 0 3px 0px rgba(207, 171, 38, 0.75); }
.home-services-result .services-item-wrap:hover .services-item-title { border-top-color: #d9c374; }

.services-drop { padding: 10px 0; }
.services-drop .input-group-addon { font-family: Flexo, sans-serif; font-size: 18px; background: transparent; color: #3c3c3c; border: 0 none; text-transform: uppercase; font-weight: 500; }
.services-drop .form-control { border-radius: 0; height: 40px; }

.services-drop .selectboxit-container { display: table-cell; }
.services-drop .custom-select2 { width: 100% !important; background: #2d2d2d !important; color: #FFF !important; border: 0; }
.services-drop .custom-select2 .selectboxit-text { line-height: 40px; height: 40px; text-indent: 10px; max-width: none !important; font-family: Flexo, sans-serif; font-size: 16px; color: #FFF !important; }
.services-drop .custom-select2 .selectboxit-arrow-container { background: url('images/drop-icon.png') no-repeat 50%; height: 40px; width: 49px; }
.services-drop .custom-select2 .selectboxit-arrow-container .selectboxit-arrow { display: none; }

.services-drop .selectboxit-list { background: url('images/featured-overlay.png') transparent; border: 0; border-radius: 0; max-width: none; width: 100%; top: 40px !important; }
.services-drop .selectboxit-list li { border-radius: 0; }
.services-drop .selectboxit-list li a { font-size: 16px; padding: 9px 20px; color: #e3e3e3 !important; background: none transparent !important; height: auto; line-height: normal; }
.services-drop .selectboxit-list li a:hover { color: #FFF !important; background: url('images/featured-drop.jpg') repeat-x !important; }

.services-mobile { text-align: center; display: none; }

.services-thumbnail { float: left; width: 50%; margin: 10px 20px 10px 0; }
.services-thumbnail img {  }
.services-desc {  }
.services-desc h2 { margin: 20px 0; color: #3c3c3c; }

.home #services { margin: 0 0 120px; position: relative; }
.modal { z-index: 9999999 !important; }

#services .parallax-btn { position: absolute; width: 100%; top: -100px; }
#services a.scroll-down { background: url('images/bg-scroll.png') no-repeat 1px 0; width: 60px; text-align: center; font-size: 14px; color: #BBB; display: block; margin: 0 auto; cursor: pointer; position: relative; z-index: 999; padding-top: 65px; text-transform: uppercase; }
#services a.scroll-down:hover { text-decoration: none; background-position: 100% 0; color: #555; }

.btn-gold { background: url('images/featured-drop.jpg') repeat-x; color: #FFF; }

@media (min-width: 1024px) {
	/*.navbar-toggle { display: none; }
	.navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }*/
}

@media (min-width: 992px) {
    .contact-addresses { display: none; }
}


@media (max-width: 991px) {
    .contact-addresses { display: block; }
    .map-container { display: none; }
    .home-services-result .services-item-sizer,
    .home-services-result .services-item { width: 33.33%; }
    .home #services { margin: 0 0 20px; }
}

@media (min-width: 922px) and (max-width: 1200px) {
    .navbar ul.navbar-nav > li > a { font-size: 14px; }
    .navbar ul.navbar-nav { margin-right: 35px }
    section.contact .main-form { margin-left: 3px; width: 395px; height: 380px; }
    section.contact .main-form .contact-form-fields { bottom: 202px; }
    section.contact .main-form .contact-form-submit { bottom: 30px; }
    section.contact .contact-info .telephone,
    section.contact .contact-info .email { padding-left: 80px; }
    .join-us .btn { width: 50%; }
    .join-us .btn-joinus { margin: 0; }
    .join-us .btn-career {  }
    .article-post article .meta-date .top .day { font-size: 40px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    .careers-list-content .career-description .btn { font-size: 12px; }
    .careers-list-content .career-description .btn span { display: none; }
}
@media (max-width: 1024px) {
	.navbar.scrolled { background-color: #FFF; }
	/*.navbar-collapse.collapse { display: none !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }*/
}
@media (max-width: 1000px) {
    .featured-content { height: auto; padding-bottom: 100px; }
    .ecosystem ul.eco-btn li { display: block; margin-bottom: 20px !important; }
    .ecosystem ul.eco-btn li a { width: 100%; background-repeat: repeat-x; margin: 0; }
    .article-dropdown { margin-bottom: 20px; }
    .article-post article .main-article { padding-bottom: 50px; padding-left: 80px; }
    .article-post article .meta-date { width: 80px; position: absolute; top: 0; left: 15px; }
    .join-us .btn { background: url('images/join-us-btn2.png') no-repeat 50% 100%; width: 100%; }
    .join-us .btn-joinus { background-position: 50% 0; margin-bottom: 20px; }
    .join-us .join-us-logo { background: none; }

    .overflow-menu { overflow: auto; }
    .overflow-menu-content { height: 500px; background: #333; margin-bottom: 140px; }
    
    section.contact .contact-info .email,
    section.contact .contact-info .telephone { padding-left: 30%; }
    section.contact .contact-form-wrapper { background-color: #2d2d2d; height: auto; margin-top: 450px; margin-bottom: 60px; }
    section.contact .contact-form-bg { display: none; }
    section.contact { height: auto; background-color: #2d2d2d; }
    section.contact .main-form { height: auto; width: auto; margin-left: 0; }
    section.contact .main-form .contact-form-fields { position: inherit; background: none; border: 0; padding: 20px 0 0; }
    section.contact .main-form .contact-form-submit { position: inherit; }
    section.contact .main-form .form-control { margin-bottom: 20px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }

    /*.nav-active-m .main-content-wrapper, .nav-active-m .navbar { -webkit-transform: translate3d(-260px,0,0); -ms-transform: translate3d(-260px,0,0); transform: translate3d(-260px,0,0); }
    .nav-active-m .navbar-collapse { right: -260px; width: 275px; margin-right: 0; margin-left: 0 !important; }
    .other-nav { display: none !important; }
    .nav .menu-drop { display: block !important; }
    .main-nav { float: none; width: 100% !important; }
    .navbar ul.navbar-nav > li > a { padding: 7px !important; }
    .navbar ul.navbar-nav > li > a:hover { padding-bottom: 7px !important; }
    ul.nav-top li { float: none; width: 100%; width: 100% !important; }
    .navbar-collapse.collapsing { -webkit-transition: height .1s ease; -o-transition: height .1s ease; transition: height .1s ease; }*/
}
@media (min-width: 922px) and (max-width: 1000px) {
    .navbar .container { width: auto; }
    .navbar ul.navbar-nav > li > a { font-size: 12px; padding: 20px 10px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
}
@media (max-width: 992px) {
    .careers-list-content .career-description .btn-apply, .careers-list-content .career-description .btn-qual { padding: 0; margin-bottom: 10px; }
    .footer-sidebar img.logo { display: none; }
    .career img.banner { margin-top: 0; }
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: -15px; margin-left: -15px; }
}
@media (max-width: 922px) {
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    .cv-form { padding: 230px 20px 100px; }
    .cv-form .cv-wrapper { width: auto; }
    
}
@media (min-width: 768px) and (max-width: 922px) {
    .navbar.scrolled { padding-top: 0; background-position: 0 0; }
    .navbar .container { width: auto; padding: 0 }
    .container>.navbar-header { position: relative; z-index: 9999; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: inline; }
    .other-nav { display: inline; width: 50%; float: right; padding: 0 15px; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 15px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 18px; }
    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    .bx-wrapper .bx-controls-direction a { z-index: 99 !important; }
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 18px; padding: 15px; }
    ul.nav-top li a span { margin-right: 8px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
}
@media (max-width: 768px) {
    header { background: none #FFF; height: 125px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: #FFF; padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; }
    .navbar-inverse .navbar-toggle { margin-top: 15px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40x; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 14px !important; padding: 9px 15px !important; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { padding: 8px; font-size: 12px !important; padding-bottom: 5px; color: #FFF; }

    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    .navbar ul.navbar-nav > li > a:hover { padding-bottom: 5px !important; }
    .navbar ul.navbar-nav > li.current-menu-item > a { padding-bottom: 5px !important; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 120px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    section.contact .map-container > #map2 { height: 300px !important; }
    
    
    .info-01 { display: none; }
    .info-02 { display: block; text-align: center; }
    .single-team-title { text-align: center; }
    .single-team-container { margin-bottom: 30px; }

    .join-us .btn { background: url('images/join-us-btn3.png') no-repeat 50% 100%; height: 44px; margin: 0 5% 15px; width: 90%; }
    .join-us .btn-career { margin-bottom: 0; background-position: 50% 0; }


    .eco-slider .slick-active .eco-content { display: block; }
    .eco-slider .slick-active .eco-image { border-color: #e9d484; }
    .eco-slider .slick-active .eco-image img { 
        filter: grayscale(0%); 
        -webkit-filter: grayscale(0%); 
        -moz-filter: grayscale(0%); 
        -ms-filter: grayscale(0%); 
        -o-filter: grayscale(0%); 
        filter: none; 
        filter: none; 
        -webkit-filter: grayscale(0); }

    .philosophy .philosophy-item {  }
    .philosophy .philosophy-item .img-responsive { display: none; }
    .philosophy .philosophy-item .phi-wrapper .phi-def { background: #777; background: rgba(0, 0, 0, 0.7); height: auto !important; padding: 10px 0; position: relative; }
    .philosophy .philosophy-item .phi-wrapper .phi-plus { display: none; }
    .philosophy .philosophy-item .phi-wrapper .phi-def p { display: block; }
    .philosophy .philosophy-item .phi-wrapper .phi-icon { margin-top: 6px; }
    .philosophy .row > .col-md-4:hover h3 { margin-top: 20px; }
    .philosophy .row > .col-md-4:hover .phi-def { background: #777; background: rgba(0, 0, 0, 0.7); }

    .home-services-result .services-item-sizer,
    .home-services-result .services-item { width: 50%; }
    .home-services-cat .services-cat,
    .home-services-cat .additional-services-filter { display: none; }
    .services-mobile { text-align: center; display: block; }
}
@media (max-width: 550px) {
    .philosophy h3 { color: #444 }
    .philosophy .philosophy-item .phi-wrapper .phi-def p { color: #444; }
    .philosophy .philosophy-item { width: 100%; }
    .philosophy .philosophy-item .img-responsive { display: none; }
    .philosophy .philosophy-item .phi-wrapper .phi-def,
    .philosophy .row > .col-md-4:hover .phi-def { background-color: #FFF; height: auto !important; padding: 10px 0; }
    .philosophy .philosophy-item .phi-wrapper .phi-def:before,
    .philosophy .philosophy-item .phi-wrapper .phi-def:after { display: table; content: " "; }
    .philosophy .philosophy-item .phi-wrapper .phi-def:after { clear: both; }
    .philosophy .philosophy-item .phi-wrapper .phi-plus { display: none; }
    .philosophy .philosophy-item .phi-wrapper .phi-def p { display: block; text-align: center; }
    .philosophy .philosophy-item .phi-wrapper .phi-icon { margin-top: 6px; }
    .philosophy .phi-icon { width: 60px; height: 60px; background-color: transparent; border: 2px solid #444; float: left; margin-right: 15px; }

    .philosophy .simplicity .phi-icon, .philosophy .simplicity:hover .phi-icon { background-position: -22px -22px; }
    .philosophy .expertise .phi-icon, .philosophy .expertise:hover .phi-icon { background-position: -121px -23px; }
    .philosophy .concrete .phi-icon, .philosophy .concrete:hover .phi-icon { background-position: -221px -22px; }
    .philosophy .clarity .phi-icon, .philosophy .clarity:hover .phi-icon { background-position: -321px -21px; }
    .philosophy .excellence .phi-icon, .philosophy .excellence:hover .phi-icon { background-position: -21px -222px; }
    .philosophy .pragmatism .phi-icon, .philosophy .pragmatism:hover .phi-icon { background-position: -120px -221px; }
    .philosophy .trust .phi-icon, .philosophy .trust:hover .phi-icon { background-position: -221px -222px; }
    .philosophy .fun .phi-icon, .philosophy .fun:hover .phi-icon { background-position: -321px -222px; }

    .philosophy h3 { margin: 4px 0 !important; font-size: 20px; text-align: left; margin-left: 75px; }
    .philosophy .philosophy-item .phi-wrapper .phi-def p { font-size: 14px; margin-bottom: 5px; text-align: left; margin-left: 75px; padding-left: 0; }
    .philosophy .phi-wrapper .phi-def { padding: 5px 0 !important; }
    .philosophy .philosophy-item { margin-bottom: 10px !important; }

    .services-desc h2 { margin: 10px 0; font-size: 24px; }
    .services-desc p { line-height: 1.6; font-size: 13px; }
}

@media (max-width: 480px) {
    a.nav-logo > img.mobile { width: 180px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    section.contact .map-container > #map2 { height: 300px !important; }
    .team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-prev { left: -20px; }
    .team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-next { background-position: 100% 0; right: -20px; }
    .join-us .btn { background: url('images/join-us-btn3.png') no-repeat 50% 100%; height: 44px; margin: 0 5% 15px; width: 90%; }
    .join-us .btn-career { margin-bottom: 0; background-position: 50% 0; }
    header { background: none #FFF; height: 70px; }
    .navbar-inverse .navbar-toggle .icon-bar { width: 30px; height: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
    
    .footer-quick-links { display: none; }
    .footer-sidebar img.logo { display: none; }
    
    .footer-quick-links, .footer-latest-tweet { width: 100%; float: none; }
    footer ul.follow li { width: 33.33%; }
    .main-nav { padding: 0 10px; }
    .other-nav { padding: 0 36px 0 0; }
    .navbar ul.navbar-nav > li > a { padding: 8px; font-size: 12px; }
    .navbar ul.navbar-nav > li.current-menu-item > a, 
    .navbar ul.navbar-nav > li.current-menu-item > a:hover { padding-bottom: 5px; }
    .navbar ul.navbar-nav > li > a:hover { padding-bottom: 8px; }
    ul.nav-top li a { font-size: 14px; padding: 10px; }
    
    .article-post article .main-article { padding-left: 0; padding-bottom: 90px; }
    .article-post article .meta-date { display: none; }
    .article-post article .main-article ul.socials { margin-top: 20px; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-next { right: 0; }
    .eco-slider ul li.current .eco-image { margin: 0 auto; }
    
    .signup, .login { width: 90%; margin: 20px 5%; }
    .login-iframe, .signup-iframe { margin: 30px 10px; width: 250px; }
    .login .login-input { margin: 0 0 20px; }
    .login .login-footer { margin: 0; font-size: 14px; }
    .gform_body .gfield { margin: 0 0 20px; }
    .gform_footer { margin: 20px 0 10px; }
    .careers-list-content { padding: 10px 20px; }
    .careers-list-content .career-img { position: inherit; left: auto; top: auto; width: 100%; }
    .careers-list-content .career-description { padding: 20px 0 0; }
    .careers-list-content .career-post { border-top: 3px solid #232323; padding-top: 40px; }
    .careers-list-content .career-post .career-description { border-top: 0; margin-bottom: 20px; }
    .careers-list-content .career-description .btn-apply, .careers-list-content .career-description .btn-qual { padding: 0 0 20px; }
    
    .cv-form .gform_fields > li > label { width: 100%; float: none; padding-left: 0; padding-top: 0; }
    .cv-form .gform_fields li .ginput_container { float: none; width: 100%; }
    
    .info-01 { display: none; }
    .info-02 { display: block; text-align: center; }
    .single-team-title { text-align: center; }
    .single-team-container { margin-bottom: 30px; }

    .ecosystem p.eco-text { display: none; }
    .eco-slider { margin-top: 0; }

    .navbar ul.navbar-nav > li > a { padding: 8px; font-size: 12px !important; padding-bottom: 5px; }
    .home-services-result .services-item .services-item-img { height: 100px; }
    .home-services-result .services-item h3 { font-size: 12px; }
    .services-desc h2 { margin: 10px 0; font-size: 24px; }
    .services-desc p { line-height: 1.6; font-size: 13px; }
    .services-thumbnail { float: none; width: 100%;}
    .contact-add-wrapper .map-pop img { display: none; }

	.map-pop { width: auto; }

    #services .home-title > span { display: block; }
}
@media (max-width: 321px) {
    .home-services-result .services-item-sizer, .home-services-result .services-item { width: 100%; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#services .parallax-btn { display: none; }
    .parallax { display: none; }
    .join-us { padding: 30px 0; }
    .home .banner { padding-bottom: 50px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: #FFF; padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; }
    .navbar-inverse .navbar-toggle { margin-top: 15px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40px; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, n.avbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 14px; padding: 10px; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 12px; }
    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 100px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    
    a.nav-logo > img.mobile { width: 130px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    .philosophy-item { width: 100%; }
    section.contact .map-container > #map2 { height: 300px !important; }
    .join-us .btn { background: url('images/join-us-btn3.png') no-repeat 50% 100%; height: 44px; margin: 0 5% 15px; width: 90%; }
    .join-us .btn-career { margin-bottom: 0; background-position: 50% 0; }
    header { background: none #FFF; height: 70px; }
    .navbar-inverse .navbar-toggle .icon-bar { width: 30px; height: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
    
    .footer-quick-links, .footer-latest-tweet { width: 100%; float: none; }
    footer ul.follow li { width: 33.33%; }
    .main-nav { padding: 0 10px; }
    .other-nav { padding: 0 36px 0 0; }
    .navbar ul.navbar-nav > li > a { padding: 8px; font-size: 12px; }
    
    .article-post article .main-article { padding-left: 0; padding-bottom: 90px; }
    .article-post article .meta-date { display: none; }
    .article-post article .main-article ul.socials { margin-top: 20px; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-next { right: 0; }
    .eco-slider ul li.current .eco-image { margin: 0 auto; }
    .footer-quick-links { display: none; }
    .footer-sidebar img.logo { display: none; }
    .info-01 { display: none; }
    .info-02 { display: block; text-align: center; }
    .single-team-title { text-align: center; }
    .single-team-container { margin-bottom: 30px; }

    .ecosystem p.eco-text { display: none; }
    .eco-slider { margin-top: 0; }

    .contact-addresses { display: block; }
    .map-container { display: none; }
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) and (orientation:landscape) { 
	#services .parallax-btn { display: none; }
    .navbar.scrolled { display: none; }  
    .footer-quick-links { display: none; }
    .footer-sidebar img.logo { display: none; }
    .info-01 { display: none; }
    .info-02 { display: block; text-align: center; }
    .single-team-title { text-align: center; }
    .single-team-container { margin-bottom: 30px; }
    
    .footer-sidebar img.logo { display: none; }
    .navbar.scrolled { display: none; }
    .team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-prev { left: -15px; }
    .team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-next { right: -15px; }

    .ecosystem p.eco-text { display: none; }
    .eco-slider { margin-top: 0; }

    .navbar-collapse.collapse,
    .navbar-collapse.collapsing { background-color: #333; padding: 0; }
    
    .contact-addresses { display: block; }
    .map-container { display: none; }
}

@media only screen 
and (max-width : 992px) {

	#services .parallax-btn { display: none; }

    .parallax { display: none; }
    .join-us { padding: 30px 0; }
    .home .banner { padding-bottom: 50px; }
    
    header { background: none #FFF; height: 125px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: #FFF; padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; width: 120px; }
    .navbar-inverse .navbar-toggle { margin: 12px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40px; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing { background-color: #333; padding: 0; }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 18px; padding: 15px; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 18px; }
    .navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 120px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    
    .featured-content { height: auto; }
    .featured-current-content { margin-top: 40px; }
    .featured-current-content .scroll-pane { height: auto; }
    .featured-content > .container .row > div  { width: 100%; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    
    .contact-addresses { display: block; }
    .map-container { display: none; }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	#services .parallax-btn { display: none; }
    .parallax { display: none; }
    .join-us { padding: 30px 0; }
    .home .banner { padding-bottom: 50px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: none #FFF; padding-top: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; }
    .navbar-inverse .navbar-toggle { margin: 12px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40px; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 14px; padding: 10px; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 12px; }
    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 100px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    a.nav-logo > img.mobile { width: 100px;; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    
    .philosophy-item { width: 100%; }
    section.contact .map-container > #map2 { height: 300px !important; }
    .join-us .btn { background: url('images/join-us-btn3.png') no-repeat 50% 100%; height: 44px; margin: 0 5% 15px; width: 90%; }
    .join-us .btn-career { margin-bottom: 0; background-position: 50% 0; }
    header { background: none #FFF; height: 70px; margin-bottom: 20px; }
    .navbar-inverse .navbar-toggle .icon-bar { width: 30px; height: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
    
    .footer-quick-links, .footer-latest-tweet { width: 100%; float: none; }
    footer ul.follow li { width: 33.33%; }
    .main-nav { padding: 0 10px; }
    .other-nav { padding: 0 36px 0 0; }
    .navbar ul.navbar-nav > li > a { padding: 8px; font-size: 12px; }
    .navbar ul.navbar-nav > li.current-menu-item > a, 
    .navbar ul.navbar-nav > li.current-menu-item > a:hover { padding-bottom: 5px; }
    .navbar ul.navbar-nav > li > a:hover { padding-bottom: 8px; }
    
    .article-post article .main-article { padding-left: 0; padding-bottom: 90px; }
    .article-post article .meta-date { display: none; }
    .article-post article .main-article ul.socials { margin-top: 20px; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-next { right: 0; }
    .eco-slider ul li.current .eco-image { margin: 0 auto; }
    
    .footer-quick-links { display: none; }
    .footer-sidebar img.logo { display: none; }
    .info-01 { display: none; }
    .info-02 { display: block; text-align: center; }
    .single-team-title { text-align: center; }
    .single-team-container { margin-bottom: 30px; }

    .ecosystem p.eco-text { display: none; }
    .eco-slider { margin-top: 0; }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing { background-color: #333; padding: 0; }
    
    .contact-addresses { display: block; }
    .map-container { display: none; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#services .parallax-btn { display: none; }
    .parallax { display: none; }
    .join-us { padding: 30px 0; }
    .home .banner { padding-bottom: 50px; }
    header { background: none #FFF; height: 125px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: #FFF;  padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; }
    .navbar-inverse .navbar-toggle { margin-top: 30px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40px; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 18px; padding: 15px; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 18px; }
    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 120px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    .footer-sidebar img.logo { display: none; }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing { background-color: #333; padding: 0; }
    
    .contact-addresses { display: block; }
    .map-container { display: none; }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#services .parallax-btn { display: none; }
    .parallax { display: none; }
    .join-us { padding: 30px 0; }
    .home .banner { padding-bottom: 50px; }
    header { background: none #FFF; height: 125px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: #FFF; padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; width: 120px; }
    .navbar-inverse .navbar-toggle { margin-top: 15px; z-index: 999; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40px; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 18px; padding: 15px; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; position: relative; z-index: 5; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 18px; }
    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 120px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }


    .footer-sidebar img.logo { display: none; }
    /*.navbar.scrolled { display: none; }*/
    .team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-prev { left: -15px; }
    .team-slider-wrapper .bx-wrapper .bx-controls-direction a.bx-next { right: -15px; }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing { background-color: #333; padding: 0; margin: 0 -15px; display: none !important; visibility: hidden !important; }
    .navbar-collapse.collapse.in { display: block !important; visibility: visible !important; }
    .navbar .container { width: 100%; }
    
    .contact-addresses { display: block; }
    .map-container { display: none; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#services .parallax-btn { display: none; }
    .parallax { display: none; }
    .join-us { padding: 30px 0; }
    .home .banner { padding-bottom: 50px; }
    header { background: none #FFF; height: 125px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: #FFF; padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; }
    .navbar-inverse .navbar-toggle { margin-top: 15px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40px; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 18px; padding: 15px; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 18px; }
    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 120px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    .info-01 { display: none; }
    .info-02 { display: block; text-align: center; }
    .single-team-title { text-align: center; }
    .single-team-container { margin-bottom: 30px; }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing { background-color: #333; padding: 0; }
    
    .contact-addresses { display: block; }
    .map-container { display: none; }
}

/* iPhone 4 ----------- */
/*@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {*/
@media
only screen and (min-device-pixel-ratio : 1.5) {
	#services .parallax-btn { display: none; }
    .parallax { display: none; }
    .join-us { padding: 30px 0; }
    .home .banner { padding-bottom: 50px; }
    header.page-bg { background: none #FFF; }
    .navbar { background: #FFF; padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); }
    a.nav-logo { margin-top: 10px; }
    a.nav-logo > img { display: none; }
    a.nav-logo > img.mobile { display: block; margin: 0 auto; }
    .navbar-inverse .navbar-toggle { margin-top: 15px; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #413a3a; width: 40px; height: 5px; border-radius: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #FFF; }
    .navbar-inverse .navbar-toggle:hover span.icon-bar, .navbar-inverse .navbar-toggle:focus span.icon-bar { background-color: #d9b327 }
    .menu-drop-2 { display: none; }
    .navbar-toggle { display: block; margin-top: 40px; }
    
    ul.nav-top { position: relative; top: auto; right: auto; width: 100%; background: #282828; border-radius: 0; padding: 10px; }
    ul.nav-top li { width: 50%; margin: 0 !important; }
    ul.nav-top li:after { display: none; }
    ul.nav-top li a { color: #FFF; font-size: 14px; padding: 10px; }
    ul.nav-top li a span { margin-right: 8px; }
    .navbar-header { float: none; }
    .navbar-nav { float: none; margin-left: 0; margin-right: 0 !important; }
    .navbar-nav>li { float: none; }
    a.nav-logo { display: block; text-align: center; }
    .other-nav { display: inline; width: 50%; float: right; }
    .other-nav li { display: none; }
    .other-nav li.menu-drop { display: block; }
    .main-nav { float: left; width: 50%; padding: 0 40px; }
    .navbar ul.navbar-nav > li.def-menu:after { display: none; }
    .navbar ul.navbar-nav > li { float: none; }
    .navbar ul.navbar-nav > li > a { color: #FFF; font-size: 12px; }
    /*.navbar ul.navbar-nav > li > a:hover { padding-bottom: 17px; }*/
    .navbar ul.navbar-nav > li > a > span { margin-right: 10px; }
    
    .navbar.scrolled { padding: 0; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3); z-index: 999999; }
    .navbar.scrolled a.nav-logo { margin: 10px 0; }
    .navbar.scrolled a.nav-logo > img.mobile { width: 100px; }
    .navbar-inverse.scrolled .navbar-toggle { margin: 12px; }
    .single article.post { margin-top: 20px; }
    a.nav-logo > img.mobile { width: 130px;; }
    section.contact .contact-form-wrapper { margin-top: 0; background-color: transparent; }
    section.contact .main-form .form-control { margin-bottom: 0; }
    section.contact .wpcf7-response-output { position: inherit; top: auto; margin-top: 20px; color: #FFF; }
    .philosophy-item { width: 100%; }
    section.contact .map-container > #map2 { height: 300px !important; }
    .join-us .btn { background: url('images/join-us-btn3.png') no-repeat 50% 100%; height: 44px; margin: 0 5% 15px; width: 90%; }
    .join-us .btn-career { margin-bottom: 0; background-position: 50% 0; }
    header { background: none #FFF; height: 70px; }
    .navbar-inverse .navbar-toggle .icon-bar { width: 30px; height: 5px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
    
    .footer-quick-links, .footer-latest-tweet { width: 100%; float: none; }
    footer ul.follow li { width: 33.33%; }
    .main-nav { padding: 0 10px; }
    .other-nav { padding: 0 36px 0 0; }
    .navbar ul.navbar-nav > li > a { padding: 8px; font-size: 12px; }
    .navbar ul.navbar-nav > li.current-menu-item > a, 
    .navbar ul.navbar-nav > li.current-menu-item > a:hover { padding-bottom: 5px; }
    .navbar ul.navbar-nav > li > a:hover { padding-bottom: 8px; }
    
    .article-post article .main-article { padding-left: 0; padding-bottom: 90px; }
    .article-post article .meta-date { display: none; }
    .article-post article .main-article ul.socials { margin-top: 20px; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; }
    .eco-slider .bx-wrapper .bx-controls-direction a.bx-next { right: 0; }
    .eco-slider ul li.current .eco-image { margin: 0 auto; }
    
    .footer-quick-links { display: none; }
    .footer-sidebar img.logo { display: none; }
    .info-01 { display: none; }
    .info-02 { display: block; text-align: center; }
    .single-team-title { text-align: center; }
    .single-team-container { margin-bottom: 30px; }

    .ecosystem p.eco-text { display: none; }
    .eco-slider { margin-top: 0; }
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing { background-color: #333; padding: 0; }
    
    .contact-addresses { display: block; }
    .map-container { display: none; }
}

@media screen and (orientation:landscape) {
}