@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0); }
html, body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
img { border:none; max-width:100%; }
input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea { -webkit-appearance: none; outline: none; }
textarea:focus, input:focus, a, div, img { outline: none; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.map-section{padding-top: 30px;}
/* 2. Base Typography
------------------------------------------------------------------------------*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
    100% {opacity:1;-webkit-transform:none;transform:none}
}

body { color:#606060; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:400; line-height: 1.7; }
h1, h2, h3, h4, h5, h6 { margin-bottom:10px; margin-top: 26px; font-weight:normal; font-weight:400; color: #003d4f;}
h1 { font-size:44px; line-height: 1.3; font-weight:300; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeInUp; animation-name:fadeInUp }
h2 { font-size:34px; line-height: 1.4; margin-top: 0; margin-bottom: 40px; }
h3 { font-size:24px; line-height: 1.4; }
h4 { font-size:22px; line-height: 1.4; }
h5 { font-size:19px; line-height: 1.4; }
h6 { font-size:17px; line-height: 1.4; font-weight: 600;}

p { color:#606060; font-size:16px; font-weight:400; line-height:1.7; margin-bottom:8px; color:rgba(0, 61, 79, 0.7);}
ul { margin:15px 0 40px; padding:0; }
ul li { font-size:16px; color:#606060; font-weight:600; line-height:1.7; padding:0 0 8px 40px; list-style:none; position: relative; }
ul li:before{content: ""; width: 6px; height: 6px; display: inline-block; vertical-align: top; background-color: #f63441; border-radius: 100%; position: absolute; left: 0; top: 11px;}
ol { margin:15px 0 40px; padding:0; counter-reset: item; }
ol li { font-size:16px; color:#606060; font-weight:600; line-height:1.7; padding:0 0 8px 40px; list-style: none; position: relative; }
ol li:before { content: counter(item) ". "; counter-increment: item; color: #58ce7c; display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0;}
blockquote { display:block; text-align:left; margin-bottom:15px; position:relative; background:#fbfcfc; padding:15px 15px 10px 15px; border-left:2px solid #58ce7c; }
blockquote p { font-size:16px; font-weight:400; line-height:1.7; margin-bottom:15px; position:relative; }
hr { border:0 #000 solid; border-top-width:1px; clear:both; height:0; }
figcaption{text-align: right; color: #39445a; font-size: 13px; line-height: 1.2; font-style: italic; margin-top: -26px;}
strong {font-weight: 600;}


/* 3. Images
------------------------------------------------------------------------------*/
img { border:none; border-style: none; vertical-align:top; height: auto;}
.aligncenter {display: block; clear:both; margin:30px auto;}
.alignleft {float: left; margin: 0 20px 30px 0; }
.alignright {float: right; margin: 0 0 30px 20px;}

/* 4. Link
------------------------------------------------------------------------------*/
/*a { color:#003d4f; text-decoration: underline; }*/
/*a:hover { color:#346300; }
a:active, a.current { color: #346300; }*/
a:focus, a:active, a.current { outline: none; }
button:focus, button:active, button.current { outline: none; }
a {position: relative; color: #98e2bf; text-decoration: none; border-bottom: 1px solid #98e2bf; box-shadow: none;  -webkit-transition:  all 0.15s ease 0s;  transition: all 0.15s ease 0s;}
a:hover {color: #FFFFFF; text-shadow: none; border-bottom: 1px solid #98e2bf; box-shadow: inset 0 -24px 0 #98e2bf;}

a.mail-link{ box-shadow: none; border-bottom: 1px solid #003d4f;}
a.mail-link:hover{color: #606060; border-bottom: 1px solid #606060;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="submit"], input[type="reset"], input[type="text"], input[type="button"], input[type="search"], input[type="url"], input[type="tel"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none !important; border-radius: 0; }
::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #888;
}
:-moz-placeholder {
    opacity: 1 !important;
    color: #888;
}
::-moz-placeholder {
    opacity: 1 !important;
    color: #888;
}
:-ms-input-placeholder {
    opacity: 1 !important;
    color: #888;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea { border:none; padding: 0 15px; color:#5b5b5b; font-size:16px;  height:44px; font-family: 'Open Sans', sans-serif; font-weight:400; background-color:#ffffff; border-radius:0; -webkit-transition:  all 0.3s ease 0s; transition: all 0.3s ease 0s; }
textarea { height:248px; resize:none; padding: 15px 15px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, textarea:focus {}
input[type="submit"], input[type="button"], input[type="reset"] { border: none; border-radius: 4px; color: #ffffff; display: inline-block; font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 24px; height: 49px; line-height: 26px; text-transform: uppercase; vertical-align: top; max-width: 203px; background:none; cursor:pointer; -webkit-transition:  all 0.3s ease 0s; transition: all 0.3s ease 0s; padding:0 0 6px;}
input[type="submit"]:hover, input[type="button"]:hover {}
label{color:#fff; font-family: 'Open Sans', sans-serif; font-size:30px; line-height:1;}

select, select:-moz-focusring, select::-moz-focus-inner {
    color: transparent !important;
    text-shadow: 0 0 0 #1a1a1a !important;
    background-image: none !important;
    border:0;
    border-color: inherit;
    -webkit-box-shadow: none;
}
select:focus {
    outline: none;
}


/* 6. Tables
------------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse; }
td { text-align: left; font-weight: normal; }

/* 7. Layout Framework
------------------------------------------------------------------------------*/
.dis-table { display:table; height:100%; width:100%; }
.dis-table-cell { display:table-cell; vertical-align:middle }
.round-btn{color: #58ce7c; width: 36px; height: 36px; display: inline-block; vertical-align: middle; border: 1px solid #dcddde; border-radius: 100%; line-height: 34px; text-align: center; -webkit-transition:opacity 150ms ease, color 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background-color 150ms ease; transition:opacity 150ms ease, color 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background-color 150ms ease;}
.round-btn:hover{background-color: #f4f4f4;}

/* main container */
#wrapper { width:100%; min-height:100%; }
.container { max-width:1200px; width:100%; margin:0 auto; padding-left: 10px; padding-right: 10px; }
#content-area{margin-bottom: 40px;}
.container .logo img{max-width: 85%;}
/* header */
.main-header { width:100%; height:auto; position: relative; z-index: 10;}
.head-top{border-bottom: 1px solid #dcddde; padding: 24px 0 24px; position: relative; }
/*.head-top .container{max-width: 1580px;}*/
a.logo{float: left; box-shadow:none;  border-bottom:none; max-width: 280px; }
.search-right{float: right; margin-top: 32px; position: relative; padding-left: 60px; margin-left: 60px; position: relative; z-index: 2;}
.search-right:before{height: 40px; width: 1px; background-color: #dcddde; display: inline-block; vertical-align: middle; position: absolute; top: -3px; left: 0; content: "";}
.search-right a{color: #39445a; font-weight: 600; font-size: 15px; line-height: 1; display: block; text-decoration: none; box-shadow:none; border-bottom:none;}
.search-right a .round-btn{margin-left: 10px; }
.search-right a:hover .round-btn{background-color: #f4f4f4;}
.search-right .search-dropdown{display: none; position: absolute; top: 50px; right: 0; border: 1px solid #e3e3e3; padding-right: 40px; background-color: #fff; -webkit-box-shadow: 0px 6px 10px 0px rgba(160,163,167,0.2);-moz-box-shadow: 0px 6px 10px 0px rgba(160,163,167,0.2);box-shadow: 0px 6px 10px 0px rgba(160,163,167,0.2); z-index: 3;}
.search-dropdown input[type="submit"]{font-family: 'FontAwesome'; color: #58ce7c; margin: 0; padding: 0; position: absolute; right: 0; height: auto; line-height: normal; width: 40px; text-align: center; line-height: 40px; top: 0; font-size: 16px;}
.search-dropdown input[type="search"]{border: none; font-size: 14px; color: #7c7c7c; width: 100%; max-width: none; height: 40px; width: 200px}
.search-dropdown input::-webkit-input-placeholder {opacity: 1 !important;color: #7c7c7c;}
.search-dropdown input:-moz-placeholder {opacity: 1 !important; color: #7c7c7c;}
.search-dropdown input::-moz-placeholder { opacity: 1 !important; color: #7c7c7c;}
.search-dropdown input:-ms-input-placeholder { opacity: 1 !important; color: #7c7c7c;}


/* nav */
.main-menu{float: right; margin-top: 32px;}
.main-menu ul li{display: inline-block; vertical-align: top; padding: 0 0 0 15px; margin: 0;}
.main-menu ul li:before{display: none;}
.main-menu ul li a{font-size: 15px; line-height: 1; color: #003d4f; font-weight: 600; text-decoration: none; position: relative; padding-bottom: 3px; box-shadow:none;  border-bottom:none;}
.main-menu>ul>li>a:after{width: 0; content: ""; height: 1px; background-color: #dcddde;  -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto;}
.main-menu ul li:hover a:after{width: 100%;}
.main-menu ul li.active a{color: #39445a;}
.main-menu ul li:hover a{color: rgba(0, 61, 79, 0.7);;}
.main-menu ul{margin: 0; padding: 0;}


.main-menu .menu-item-has-children {
    background: transparent url("/wp-content/themes/elofhansoon/images/submenu-indicator.png") no-repeat;
    background-size: 8px;
    background-position: right center;
    padding-right: 20px;
    position: relative;;
}

.main-menu {
    position: relative;
    z-index: 99;
}

.main-menu .sub-menu {
    display: none;
}

.main-menu .sub-menu li {
    padding: 0;
}

.main-menu>ul>li:hover .sub-menu {
    display: block;
    position: absolute;
    background: #fff;
    padding-top: 10px;
}

.main-menu .sub-menu li a {
    padding: 20px 30px;
    text-decoration: none;
    color: #7c7c7c !important;
    border: 1px solid #dcddde;
    border-bottom: none;
    width: 300px;
    display: block;
    font-size: 14px;
}

.main-menu .sub-menu a:hover {
    background: #ebf2f7;
    color: #3a3a3a;
}

.main-menu .sub-menu .current-menu-item a {
    font-weight: bold;
}

.main-menu .sub-menu li:last-child a {
    border-bottom: 1px solid #dcddde;
}



/* header bottom */
.head-bottom ul.business-areas{margin: 0; padding: 0; text-align: center; font-size: 0; letter-spacing: -3px; position: relative; }
.head-bottom ul.business-areas > li {display: inline-block; vertical-align: top; padding: 0; position: static;}
.head-bottom ul.business-areas > li:before{display: none;}
.head-bottom ul.business-areas > li > a{display: block; border-right: 1px solid #dcddde; text-transform: uppercase; color: #003d4f; font-size: 16px; line-height: 80px; font-weight: 400;  -webkit-transition:  all 0.4s ease 0s;  transition: all 0.4s ease 0s; text-decoration: none; width: 285px; height: 80px; letter-spacing: normal; box-shadow:none;  border-bottom:none;}
.head-bottom ul.business-areas > li:first-child > a{border-left: 1px solid #dcddde;}
.head-bottom ul.business-areas > li:hover > a,
.head-bottom ul.business-areas > li.active > a,
.head-bottom ul.business-areas > li.current-menu-item > a{background-color: #003d4f; color: #fff;}

.mega-menu{position: absolute; left: 0; right: 0; width: 100%; top: 110%; background-color: #fff; letter-spacing: normal; text-align: left; -webkit-box-shadow: 0px 20px 30px 0px rgba(160,163,167,0.2);-moz-box-shadow: 0px 20px 30px 0px rgba(160,163,167,0.2);box-shadow: 0px 20px 30px 0px rgba(160,163,167,0.2); opacity: 0; visibility: hidden;  -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;  z-index: 3;}
.head-bottom ul.business-areas > li:hover .mega-menu{top: 100%; opacity: 1; visibility: visible;}
.mega-menu .one-block { vertical-align: middle; padding: 46px 60px; border-left: 1px solid #e5e5e5; text-align: center; border-top: 1px solid #dcddde;}
.mega-menu .one-block.third{border-top: none; }
.mega-menu .three-col .one-block{width: 33.33%;}
/*.mega-menu .two-col .one-block.first{width: 59%;}
.mega-menu .two-col .one-block.third{width: 41%;}*/
li.two-col .mega-menu .three-col .one-block.first{width: 59%;}
li.two-col .mega-menu .two-col .one-block.third{width: 41%;}
.mega-menu .one-block:first-child{border-left: none;}
.mega-menu .one-block h4{font-size: 22px; line-height: 1.3; color: #3a3a3a; font-weight: 400; margin: 0 0 30px 0;}
.mega-menu .one-block p{font-size: 16px; line-height: 1.7; color: #606060; font-weight: 400; margin-bottom: 10px;}
.mega-menu .one-block h6{font-size: 12px; line-height: 1.5; font-weight: 600; text-transform: uppercase; margin: 0 0 12px 0;}
.mega-menu .one-block.second h6{color: #98e2bf;}
.mega-menu .one-block.third h6{color: #ffffff;}
.mega-menu .one-block .one-block-inner{display: inline-block; vertical-align: top; text-align: left;}
/*.mega-menu .one-block.third .one-block-inner{width: 100%; position: relative;}
.mega-menu .one-block.third .one-block-inner img{width: 100%;}
.mega-menu .one-block.third .one-block-inner ul{left: 50%; margin: auto !important; position: absolute; top: 50%; transform: translate(-50%, -50%);}*/
.mega-menu .one-block.third .one-block-inner ul a{white-space: nowrap;}
.mega-menu .one-block.third .one-block-inner ul a:first-child{font-size: 12px; font-weight: 600; line-height: 1.5; margin: 0 0 12px; text-transform: uppercase; color: #fff; cursor: text;}
.mega-menu .one-block .one-block-inner > a{font-weight: 400; font-size: 16px; line-height: 1.7;}
.mega-menu .one-block .one-block-inner ul{margin: 0; padding: 0;}
.mega-menu .one-block .one-block-inner ul li{margin: 0; padding: 0 0 4px; list-style: none; font-weight: 400;}
.mega-menu .one-block .one-block-inner ul li:before{display: none;}
.mega-menu .one-block .one-block-inner ul li a{color: #3a3a3a; font-size: 16px; line-height: 1.5; text-transform: uppercase; border-bottom: none; box-shadow: none; display: block;  -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; }
.mega-menu .one-block.second .one-block-inner ul li a{color: #003d4f;}
.mega-menu .one-block.third .one-block-inner ul li a{color: #ffffff;}
.mega-menu .one-block .one-block-inner ul li a:hover{color: #98e2bf;}
.mega-menu .one-block.third{background-size: cover; background-position: center center;}

/* cookies */
.cookies-box {background: #39445a; position: fixed; z-index: 1000; left: 0; width: 100%; padding: 24px;}
.cookies-box .container{max-width: 770px;}
.cookies-box-inner{float: left; width: 70%; padding-right: 45px;}
.cookies-box-inner p{ color: #fff; font-size: 14px; line-height: 1.4; font-weight: 400; margin: 4px 0 0;}
.cookies-box-close{float: right; width: 30%; text-align: right;}
.cookies-box-close a.btn{display: inline-block; vertical-align: top; font-size: 16px; font-weight: 600; width: 100%; background-color: transparent;}
.cookies-box.ns-show{-webkit-animation-name: animSlideTop;animation-name: animSlideTop;	-webkit-animation-duration: 0.3s;animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1); animation-timing-function: cubic-bezier(0.7,0,0.3,1);  transform: translate3d(0,0,0); }
.cookies-box.ns-hide { -webkit-animation-name: animSlidebottom;	animation-name: animSlidebottom; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);	animation-timing-function: cubic-bezier(0.7,0,0.3,1); transform: translate3d(0,-100%,0); -webkit-transform: translate3d(0,-100%,0); }
@-webkit-keyframes animSlideTop {
    0% { -webkit-transform: translate3d(0,-100%,0); }
    100% { -webkit-transform: translate3d(0,0,0); }
}
@keyframes animSlideTop {
    0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}
@-webkit-keyframes animSlidebottom {
    0% { -webkit-transform: translate3d(0,0,0); }
    100% { -webkit-transform: translate3d(0,-100%,0); }
}
@keyframes animSlidebottom {
    0% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    100% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

#cookieAgree{padding: 38px 10px 30px !important; color: #fff !important; background-color: #39445a !important; }
#cookieAgree a{color: #3c7eb0 !important;}
#cookieAgree a:last-child{display: inline-block; vertical-align: top; font-size: 16px; font-weight: 600; width: 100%; background-color: transparent; border: 2px solid #fff; box-shadow: none; color: #fff !important; max-width: 220px; min-height: 50px; line-height: 46px; background-color: rgba(0,0,0,0); -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; text-align: center; position: relative; margin:-10px 0 0 24px;}
#cookieAgree a:last-child:before{width: 0; height: 0; top: 0; left: 0; background-color: rgba(255,255,255,0.2); content:""; display: block; position: absolute; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
#cookieAgree a:last-child:hover:before{width: 100%; height: 100%;}
#cookieAgree a:last-child:after{width: 0; height: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,0.2); content:""; display: block; position: absolute; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
#cookieAgree a:last-child:hover:after{width: 100%; height: 100%;}



/* footer */
.footer-main { width:100%; height:auto; }
.footer-main.footer-image{background-image: url(../images/footer-bg.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover; min-height: 250px;}
.footer-main .container{padding-top: 16px; padding-bottom: 70px; border-top: 1px solid #e5e5e5;}
.footer-main .footer-left{float: left;}
.footer-main .footer-right{float: right;}
.footer-left p, .footer-left ul{margin: 0; padding: 0; display: inline-block; vertical-align: top;}
.footer-left ul li{display: inline-block; vertical-align: top; margin: 0; padding: 0 0 0 22px; position: relative;}
.footer-left ul li:before{width: 2px; height: 2px; display: inline-block; content: ""; vertical-align: middle; position: absolute; top: 10px; left: 11px; background-color: #7c7c7c;}
.footer-left p{/*color: #7c7c7c;*/ font-size: 14px; font-weight: 400; line-height: 1.4;}
.footer-left li a{display: block; border-bottom: none; box-shadow: none; color: #7c7c7c; font-size: 14px; font-weight: 400; line-height: 1.4;}
.footer-left li a:after {background-color: #dcddde; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0;  -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; width: 0;}
.footer-left li a:hover:after{width: 100%;}
.footer-main address{color: #7c7c7c; font-size: 14px; font-weight: 400; line-height: 1.4; font-style: normal;}
.footer-main address a{border-bottom: none; box-shadow: none; color: #7c7c7c; font-size: 14px; font-weight: 400; line-height: 1.4; position: static;}

/* responsive icon */
.slider-switch { border:none; display:none; background:0 0; padding:0; margin:12px 0 0; width:30px; height:30px; float:right; opacity:1; pointer-events:auto; transition:.3s; cursor:pointer; user-select:none; }
.slider-switch .lines, .slider-switch .lines:after, .slider-switch .lines:before { transition:.3s; background:#3a3a3a; width:100%; height:3px; border-radius:.28571rem}
.slider-switch:hover { opacity:1 }
.slider-switch:active { transition:0;  }
.slider-switch .lines { display:inline-block; top:-3px; position:relative }
.slider-switch .lines:after, .slider-switch .lines:before { display:inline-block; position:absolute; left:0; content:''; -webkit-transform-origin:.28571rem center; transform-origin:.28571rem center}
.slider-switch .lines:before { top:8px }
.slider-switch .lines:after { top:-8px }
.slider-switch.view-maxi { -webkit-transform:scale3d(.8, .8, .8); transform:scale3d(.8, .8, .8) }
.slider-switch.x.view-maxi .lines { background:0 0 }
.slider-switch.x.view-maxi .lines:after, .slider-switch.x.view-maxi .lines:before { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; top:0; width:30px; height: 5px; }
.slider-switch.x.view-maxi .lines:before { -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg) }
.slider-switch.x.view-maxi .lines:after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg) }

/* responsive nav */
body.open{position: fixed; overflow: hidden; width: 100%; height: 100%;}
body .overlay-full {background: #fff;  display: none; height: 100%; left: 0; position: fixed; top: 50%; width: 100%; z-index: 998;}
body.open {overflow: hidden;}
body.open .overlay-full{display: block;}
.nav-content {  background: #fff;  display: none;  left: 0;  padding: 26px 15px;  position: absolute;  top: 101%;  width: 100%;  z-index: 999; overflow: scroll;}
.nav-content > ul{margin:0; padding:30px 0;}
.nav-content ul li:before{display:none;}
.nav-content > ul li{list-style:none; position:relative; padding:0;font-style: normal; text-align: center;}
.nav-content > ul li em { cursor: pointer;  display: block;  float: right;  height: auto;  position: absolute;  right: 0;  top: 0;  width: 55px; height:34px; color:#fff; font-size:35px;  font-family: 'Open Sans', sans-serif; font-weight:300; text-align:center; line-height:30px;}
.nav-content > ul li em:before{content:""; position:absolute; height:2px; background:#fff; width:15px; top:0; bottom:0; left:0; right:0; margin:auto;}
.nav-content > ul li em:after{content:""; position:absolute; height:15px; background:#fff; width:2px; top:0; bottom:0; left:0; right:0; margin:auto;}
.nav-content > ul li.active > em:after{content:none;}
.nav-content > ul li a{color:#7c7c7c;display: block;font-size: 14px;font-weight: 400;line-height: 1.3;text-transform: none; padding:9px 15px 9px 15px; border-bottom: none; box-shadow: none;}
.nav-content > ul li:hover a, .nav-content > ul li.active a{text-decoration:none; color: #3a3a3a;}
.nav-content > ul li ul {display: none;  margin: 0;}
.nav-content ul.first-sub{background-color:#269adc; margin: 0; padding:0; }
.nav-content ul.first-sub li a{padding:8px 50px 8px 30px; text-transform:none; }
.nav-content ul.second-sub{background-color:#36aaec; padding-left:40px;}
.nav-content ul.second-sub li a{ padding-left:0; font-size:13px;}
.search-menu{ position: relative; border: 1px solid #e3e3e3; padding-right: 50px;}
.search-menu input[type="submit"]{font-family: 'FontAwesome'; color: #58ce7c; margin: 0; padding: 0; position: absolute; right: 0; height: auto; line-height: normal; width: 50px; text-align: center; line-height: 50px; top: 0;}
.search-menu input[type="search"]{border: none; font-size: 14px; color: #7c7c7c; width: 100%; max-width: none; height: 52px;}
.search-menu input::-webkit-input-placeholder {opacity: 1 !important;color: #7c7c7c;}
.search-menu input:-moz-placeholder {opacity: 1 !important; color: #7c7c7c;}
.search-menu input::-moz-placeholder { opacity: 1 !important; color: #7c7c7c;}
.search-menu input:-ms-input-placeholder { opacity: 1 !important; color: #7c7c7c;}

/*--------- home page ------------*/
/* banner part */
.banner{position: relative; z-index: 2; overflow: hidden; text-align: center; min-height: 624px;}
.banner-position{position: absolute;  top: 50%; left: 50%; -webkit-transform:translate(-50%, -50%);; transform: translate(-50%, -50%); margin: 0; padding: 0; width: 100%; z-index: 2;}
.banner video { height: auto; left: 50%; min-height: 100%; min-width: 101%; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto; z-index: 1; opacity: 0;}
.img-cover{margin: 0 auto; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background-size: cover; background-position: center center;}
.banner a.play-btn{border: 4px solid #fff; color: #fff; text-align: center; display: inline-block; vertical-align: top; border-radius: 100%; width: 66px; height: 66px; line-height: 58px; font-size: 30px; box-shadow: none; margin-bottom: 4px; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1;  animation:fadeIn ease-in 1;  -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s;-moz-animation-duration:1s; animation-duration:1s;-webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
.banner a.play-btn:hover{background-color: rgba(255, 255, 255, 0.4);}
.banner a.play-btn i{margin-left: 6px; top: -2px;}
.banner a.play-btn.playing i{margin-left: 2px;}
.banner a.play-btn.playing i:before{content: "\f04c";}
.banner-position h1{margin: 0 0 35px; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s;color: #003d4f;font-weight: 500;}
.banner-position p{margin: 0 0 25px; opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1;  animation:fadeIn ease-in 1;  -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s;color: #003d4f;}

/* content part */
.btn, a.btn{border: 2px solid #fff; box-shadow: none; color: #fff; min-width: 220px; min-height: 50px; line-height: 46px; font-size: 14px; font-weight: 400; background-color: rgba(255,255,255,0.2); -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; text-align: center; position: relative;}
.btn:before, a.btn:before{width: 0; height: 0; top: 0; left: 0; background-color: rgba(255,255,255,0.2); content:""; display: block; position: absolute; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;z-index: -1;}
.btn:hover:before, a.btn:hover:before{width: 100%; height: 100%;}
.btn:after, a.btn:after{width: 0; height: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,0.2); content:""; display: block; position: absolute; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;z-index: -1;}
.btn:hover:after, a.btn:hover:after{width: 100%; height: 100%;}

.area-boxes{overflow: hidden; margin-bottom: 90px;}
.single-box {float: left; width: 50%; }
.img-box{ float: left; width: 50%; position: relative; overflow: hidden; background-color: #003d4f;}
.img-box .img-box-bg{position: relative; background-size: cover; background-repeat: no-repeat; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; background-position: center center; height: 100%;}
.img-box a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: inline-block; vertical-align: middle; text-transform: uppercase;background: rgba(255, 255, 255, 0.59);color: #003d4f;}
.caption-box{ width: 50%; padding: 60px 48px 80px; position: relative; float: left; min-height: 400px; }
.caption-box h2{font-size: 32px; line-height: 1.3; margin: 0 0 37px; }
.caption-box h2 a{border-bottom: none; box-shadow: none; color: #3a3a3a; }
.caption-box p {line-height: 1.4; margin: 0; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;color: rgba(0, 61, 79, 0.7);}


.caption-box a.arrow{font-size: 40px; color: #98e2bf; box-shadow: none; border: none; position: absolute; bottom: 45px; right: 50px; line-height: 1; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
.single-box .img-box:hover .img-box-bg{ opacity: 0.7;}
.single-box .caption-box:hover a.arrow{right: 40px;}

.area-box-bottom .single-box {float: right; }
.area-box-bottom .img-box{float: right;}
.full-box .caption-box{width: 100%; background-color: #98e2bf; text-align: center; }
.full-box .caption-box p{color: #003d4f;}
.full-box .caption-box .arrow{color:#fff;}
.full-box-inner {display: inline-block; left: 50%; margin: 0 auto; max-width: 500px; position: absolute; text-align: left; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);  vertical-align: middle; width: 100%;}

/* animate on page change */
a.logo, .main-menu, .search-right, .business-areas{opacity: 0; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;}
.banner, .banner-inner{opacity: 0; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s;}

/*#content-area{opacity: 0; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}*/

.top-section{opacity: 0; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}

.area-boxes{opacity: 0; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}

/*--------- about page ------------*/
/* banner-inner */
.banner-inner{position: relative; z-index: 0; overflow: hidden; text-align: center; min-height: 280px;}
.banner-inner .banner-position h1{color: #fff; margin: 0;}

section[data-background="white"]{background-color:#ffffff;}
section[data-background="grey"]{background-color:#fbfcfc; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}

/* breadcumb */
.breadcumb{padding: 27px 0;}
.breadcumb .container{max-width: 1400px;}
.breadcumb ul, .breadcumb ul li{margin: 0; padding: 0;}
.breadcumb ul li:before{display: none;}
.breadcumb ul{line-height: 0;}
.breadcumb ul li{display: inline-block; vertical-align: top; font-weight: 700; font-size: 14px; line-height: 1;  }
.breadcumb ul li a {border-bottom: none; box-shadow: none; color: #394459; display: block;  font-weight: 400;}
.breadcumb ul li i{font-size: 18px; margin: -6px 10px;}

/* top-section */
.top-section{padding: 18px 0 80px;}
.top-section-inner{position: relative; padding: 0;}
aside.scroll-nav{ width: 20%; margin: 10px 0 0; position: absolute; top: 0; margin-left: 0; background-color: transparent; z-index: 9; }
aside ul.left-menu, aside ul.left-menu li{margin: 0; padding: 0;}
aside ul.left-menu li:before{display: none;}
aside ul.left-menu li {font-size: 15px; line-height: 1; margin-bottom: 18px;  text-transform: uppercase;}
aside ul.left-menu li a{border-bottom: none; box-shadow: none; color: #828282; display: block; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
aside ul.left-menu li:hover a, aside ul.left-menu li.current a{color: #98e2bf;}
.padding-content{padding-left: 100px; padding-right: 100px;}

.content-right{float: right; width: 83%; padding-right: 200px;}
a.scrolldown, a.scrolltop{content: "\f107"; font-family: 'FontAwesome'; color: #58ce7c; z-index: 10; font-size: 40px; border-radius: 100%; background-color: #fff; height: 64px; width: 64px; border: 1px solid #dcddde; position: fixed; bottom: 40px; left: 50%; margin-left: 600px; display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 6px 10px 0px rgba(160,163,167,0.2);-moz-box-shadow: 0px 6px 10px 0px rgba(160,163,167,0.2);box-shadow: 0px 6px 10px 0px rgba(160,163,167,0.2); text-align: center; -webkit-transition:  all 0.4s ease 0s;  transition: all 0.4s ease 0s;}
a.scrolldown:hover, a.scrolltop:hover{background-color: #f4f4f4; bottom: 45px;}
a.scrolldown i{position: absolute; top: 31px; line-height: 0; left: 0; right: 0; margin: auto;}
a.scrolltop i{position: absolute; top: 29px; line-height: 0; left: 0; right: 0; margin: auto;}

.scroll-buttons {
    opacity: 0;
    visibility: hidden;
}
.scroll-buttons.active {
    opacity: 1;
    visibility: visible;
}


/*--------- service page ------------*/
/* main contact */
.main-contacts{margin: 24px 0 30px;}
a.contact-click{color: #828282; font-size: 14px; line-height: 1; text-transform: uppercase; font-weight: 400; border: 1px solid #dcddde; max-width: 300px; width: 100%; padding: 17px 50px 17px 30px; display: block; margin: 0; box-shadow: none; position: relative; background-color: #fff;}
.plus-minus{ width: 15px; height: 100%; display:block; position:absolute; top:0; right:30px; line-height:48px; text-align:center;  -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; color: #003d4f; font-size: 16px;}
a.contact-click:hover{color: #003d4f; -webkit-box-shadow: 0px 10px 20px 0px rgba(160,163,167,0.2);-moz-box-shadow: 0px 10px 20px 0px rgba(160,163,167,0.2);box-shadow: 0px 10px 20px 0px rgba(160,163,167,0.2); }
.plus-minus:before, .plus-minus:after{display: inline-block;font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal;font-synthesis: weight style;font-variant: normal; font-weight: normal; line-height: 48px; text-rendering: auto; -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; position: absolute; right: 0; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); top: 50%; line-height: 0;}
.plus-minus:before{content: "\f067"; opacity:1-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.plus-minus:after{content: "\f068";  opacity:0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
a.contact-click.open .plus-minus:before{ opacity:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
a.contact-click.open .plus-minus:after{ opacity:1; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
a.contact-click.open{background-color: #003d4f; color: #fff; font-weight: 600;}
a.contact-click.open .plus-minus:before, a.contact-click.open .plus-minus:after{color: #fff;}
.all-contact-person {margin: 30px -5px; text-align: left; font-size: 0; letter-spacing: -4px;}
.contact-person{position: relative; max-width: 264px; width: 100%; margin: 10px 9px 10px 9px; display: inline-block; vertical-align: top; text-align: left; letter-spacing: normal;}
.contact-person:before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; height:100%; width:100%;background-image: url(../images/gradient-contact.png); background-repeat: repeat-x; background-position: center 140px;}
.contact-person figcaption{line-height: 1.2; position: absolute; bottom: 0; padding: 20px; left: 0; right: 0; width: 100%; text-align: left; font-style: normal; margin: 0; word-wrap: break-word;}
.contact-person figcaption small{font-size: 14px; line-height: 1.2; color: #fff; font-weight: 400; }
.contact-person figcaption big{font-size: 16px; line-height: 1.2; color: #fff; font-weight: 400; }
.contact-person figcaption a{border-bottom: none; box-shadow: none; color: #fff;}
.contact-person figcaption a:hover{color: #003d4f;}
.main-contacts .all-contact-person {display: none;}


/*--------- Career page ------------*/
.section-second{padding: 100px 0;}
.max780{max-width: 780px; width: 100%;}
.caption-head{text-align: center;}
.opening-list {margin-top: 50px;}
.opening-list .single-opening{padding: 40px 140px 40px 70px; background-color: #fff; border: 1px solid #e5e5e5; margin: 10px 0; position: relative; -webkit-transition:  all 0.5s ease 0s;  transition: all 0.5s ease 0s; }
.opening-list .single-opening:hover{-webkit-box-shadow: 0px 20px 30px 0px rgba(160,163,167,0.2);-moz-box-shadow: 0px 20px 30px 0px rgba(160,163,167,0.2);box-shadow: 0px 20px 30px 0px rgba(160,163,167,0.2);}
.opening-list .single-opening h4{margin: 0 0 5px; font-size: 22px; line-height: 1.4; color: #3a3a3a;}
.opening-list .single-opening h5{margin: 0; font-size: 16px; line-height: 1.2; color: #414a54;}
.opening-list .single-opening h6{margin: 0; font-size: 12px; line-height: 1.7; color: #606060;}
.opening-list .single-opening a.arrow{font-family: 'FontAwesome'; color: #58ce7c; z-index: 10; font-size: 40px; border-radius: 100%; background-color: #fff; height: 64px; width: 64px; border: 1px solid #dcddde; position: absolute; bottom: 0; top: 0; right: 70px; margin: auto; display: inline-block; vertical-align: top; text-align: center; box-shadow: none; line-height: 64px;}
.opening-list .single-opening a.arrow:hover{background-color: #f4f4f4;}
.opening-list.no-opening-list .single-opening{padding: 40px 70px 40px 70px; text-align: center;}
.opening-list.no-opening-list .single-opening h5{line-height: 1.6;}
.opening-list.no-opening-list .single-opening a.arrow{background-color: #fff; font-size: 30px; line-height: 70px; position: absolute; right: -32px; top: -32px; bottom: auto; -webkit-box-shadow: 0px 10px 20px 0px rgba(160,163,167,0.2);-moz-box-shadow: 0px 10px 20px 0px rgba(160,163,167,0.2);box-shadow: 0px 10px 20px 0px rgba(160,163,167,0.2);}


/*--------- History page ------------*/
body #timeline{margin: 0 0 40px !important; }
body .storyjs-embed .nav-container .date, .storyjs-embed .nav-container .title{display: none;}
body .storyjs-embed .vco-slider .slider-item .content .content-container{max-width: 1000px; margin: 0 auto; width: 100%;}
body .vco-slider .nav-previous { left: 50%; right: auto; margin-left: -600px;  width: 60px; }
body .vco-slider .nav-next { right: 50%; left: auto; margin-right: -600px; width: 60px; }
body .vco-slider .nav-previous .nav-container,
body .vco-slider .nav-next .nav-container {height: 60px; width: 60px; padding: 0; margin: 0;}
body .vco-slider .nav-previous .icon:before{ content: "\f100"; left: 0;}
body .vco-slider .nav-next .icon:before{ content: "\f101"; right: 0; }
body .vco-slider .nav-previous .icon:before,
body .vco-slider .nav-next .icon:before{ position: absolute; font-weight: normal;}
body .vco-slider .nav-previous .icon,
body .vco-slider .nav-next .icon{background-image: none !important; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 50px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 60px; text-rendering: auto;  color: #98e2bf; vertical-align: top; margin: 0; opacity: 1 !important;}
body .vco-slider .slider-item .content .content-container .text h2,
body .vco-slider .slider-item .content .content-container .text h3,
body .vco-slider .slider-item .content .content-container .text p{font-family: 'Open Sans', sans-serif !important;}
body .vco-slider .slider-item .content .content-container .text h3{ font-size:24px; line-height: 1.4; color: #3a3a3a;}
body .vco-slider .slider-item .content .content-container .text p{color:#606060; font-size:16px; font-weight:400; line-height: 1.7;}
body .vco-skinny.vco-notouch .vco-slider .nav-previous:hover,
body .vco-skinny.vco-notouch .vco-slider .nav-next:hover{ background-color: transparent !important; }

.history-section{position: relative;}
.history-section-one{max-width: 800px; margin: 0 auto 70px; width: 100%; padding-right: 100px; position: relative;}
.history-section-one > figure{position: absolute; right: -350px; top: 30px; text-align: center;}
.history-section-one > figure figcaption{text-align: center; color: #39445a; font-size: 13px; font-style: italic; margin-right: -120px; margin-top: -80px;}
.history-section-one .max500{max-width: 500px; margin: 0 auto 90px; width: 100%; position: relative;}
.history-section-one .history-content{position: relative;}
.history-section-one .history-content p{font-family: "chaparralPro-regular"; font-size: 18px; margin-bottom: 18px;}
.history-section-one .history-content p a{color: #98e2bf; border-bottom: none; box-shadow: none;}
.history-section-one .history-content p a:hover{ color: #606060;}
.history-figure{text-align: center;}
/*.history-figure figure{display: inline-block; vertical-align: top;}*/

/*--------- Contact page ------------*/
.contact-address {margin: 50px -10px 50px; text-align: left;}
.contact-address .width50{float: left; width: 50%; padding: 0 10px;}
.contact-address > p{ padding: 0 10px;}
.contact-address address{background-color: #fbfcfc; border: 1px solid #dcddde; font-style: normal; padding: 20px 36px; min-height: 319px; }
.contact-address address h3{ margin-bottom: 26px; margin-top: 10px;}
.contact-top {overflow: hidden;}

.map-outer{overflow: hidden; position: relative; max-width: 900px; width: 100%;}
.all-hotspots a{position: absolute; font-size: 17px; line-height: 1.4; color: #22455f; font-weight: 400; letter-spacing: normal; border-bottom: none; box-shadow: none; z-index: 10; max-width: 124px; width: 100%; text-align: left; padding:0 26px 0 0; opacity: 0.7; display: inline-block; vertical-align: top; text-transform: uppercase;}

.all-hotspots a.hot-america{left: 6%; top: 66%; max-width: 124px;}
.all-hotspots a.hot-asia{left: 44%; top: 62%; max-width: 100px;}
.all-hotspots a.hot-europe{left: 33%; top: 42%; max-width: 100px;}
.all-hotspots a.hot-oceania{left: 68%; top: 80%; max-width: 112px;}

@-webkit-keyframes expandAndFade {
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}
@keyframes expandAndFade {
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}
.all-hotspots a span{background-color: transparent; border: 2px solid #f63441; border-radius: 50%; height: 20px; position: relative; text-align: center;
    transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s; width: 20px; display: inline-block; vertical-align: middle; margin-left: 0; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto;}
.all-hotspots a span:after, .all-hotspots a span:before {border: 2px solid #f63441; border-radius: 50%; bottom: -3px; content: ""; left: -3px; position: absolute; right: -3px; top: -3px;}
.all-hotspots a:hover span,
.all-hotspots a.hovering span{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color: #f63441;
}
.all-hotspots a:hover span:after, .all-hotspots a:hover span:before,
.all-hotspots a.hovering span:after, .all-hotspots a.hovering span:before {
    -webkit-animation: expandAndFade 2s infinite;
    animation: expandAndFade 2s infinite;
}
.all-hotspots a:hover span:after,
.all-hotspots a.hovering span:after {
    -webkit-animation: expandAndFade 2s 0.7s infinite;
    animation: expandAndFade 2s 0.7s infinite;
}



.map-buttons{margin: 0 auto;}
.map-buttons ul{margin: 0; padding: 40px 0; text-align: center;}
.map-buttons ul li {display: inline-block; vertical-align: top; margin: 5px; padding: 0;}
.map-buttons ul li:before{display: none;}
.map-buttons ul li a {border: 1px solid #dcddde;box-shadow: none; background-color: #fdfefe; color: #828282;display: block;font-size: 13px;font-weight: 600;line-height: 1;margin: 0; min-width: 170px; width: 100%; padding: 17px 10px; position: relative; text-transform: uppercase; width: 100%; display: block;}
.map-buttons ul li.hovering a, .map-buttons ul li:hover a {color: #fff;font-weight: 700;-webkit-box-shadow: 0px 6px 14px 0px rgba(160,163,167,0.2);-moz-box-shadow: 0px 6px 14px 0px rgba(160,163,167,0.2);box-shadow: 0px 6px 14px 0px rgba(160,163,167,0.2);background-color: #003d4f;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.map-buttons ul li.active a{background-color: #003d4f;color: #ffffff;font-weight: 700;}

.map-address-block{margin: 0 -10px; font-size: 0; letter-spacing: -4px; display: none;}
.map-address-block.active{display: block;}
.single-map-address{display: inline-block; vertical-align: top; width: 33.33%; padding: 10px; letter-spacing: normal;}
.single-map-address address{border: 1px solid #e5e5e5; font-style: normal; background: #fff; padding: 38px;}
.single-map-address address h3{margin: 0 0 26px;}

.respo-title-caption{display: none; cursor: pointer; font-size: 14px; line-height: 1.4; color: #3a3a3a; font-weight: 600; text-transform: uppercase; padding: 17px 0; text-align: center;}
.respo-title-caption i{margin-left: 10px;}
.respo-title-caption.clicked{color: #003d4f; background-color: #FBFCFC;}



/*--------- News page ------------*/
aside.sidebaar-news {background-color: #ffffff;margin: 10px 0 0;position: static; float: left; top: 0; width: 17%; z-index: 9;}
aside.sidebaar-news h6{margin-top: 0;}
aside.sidebaar-news ul, aside.sidebaar-news ul li {margin: 0; padding: 0;}
aside.sidebaar-news ul li {font-size: 16px;line-height: 1.7;margin-bottom: 10px; font-weight: 400;}
aside.sidebaar-news ul li:before {display: none;}
aside.sidebaar-news ul li a {border-bottom: medium none; box-shadow: none; color: #828282;}
aside.sidebaar-news ul li.active a{border-bottom: 1px solid #003d4f; color: #003d4f;}
aside.sidebaar-news ul li:hover a{color: #003d4f;}
.single-sidebaar{margin-bottom: 56px;}

.all-news-list article {border-bottom: 1px solid #d2d2d2; margin-bottom: 56px; padding-bottom: 56px; max-width: 580px; width: 100%;}
.all-news-list article:last-child{border-bottom: none; margin-bottom: 0;}
.all-news-list article h3 {margin-bottom: 10px; margin-top: 0;}
.all-news-list article h3 a{color: #3a3a3a; border-bottom: none; box-shadow: none;}
.all-news-list article h3 a:hover{border-bottom: 1px solid #003d4f; color: #003d4f;}
.post-sub-detail{position: relative; padding-right: 20px;}
.post-sub-detail span{font-size: 13px; line-height: 1.4; color: #606060; font-weight: 400;}
a.icon-linked-in {color: #58ce7c; position: absolute; right: 0; top: 0;border-bottom: none; box-shadow: none; font-size: 16px;}
.post-sub-detail span:before{content: ""; height: 10px; top: 0; bottom: 0; position: relative; display: inline-block; vertical-align: middle; width: 1px; margin: 0 5px; background-color: #606060;}
span.meta-author:before{display: none;}


/*--------- trade page ------------*/
.banner-inner-big{min-height: 624px;}
.top-center{text-align: center; }
.all-business-block{margin: 60px -10px 0; letter-spacing: -4px; font-size: 0; text-align: left;}
.all-business-block .single-business-block{display: inline-block; vertical-align: top; letter-spacing: normal; width: 33.33%; padding: 10px;}
.all-business-block .single-business-block a.business-block-inner{ border-bottom: none; box-shadow: none; height: 390px; background-position: center bottom; background-repeat: no-repeat; text-align: center; border: 1px solid #e5e5e5; padding: 40px; display: block; box-shadow: none; overflow:hidden; background-color: #ffffff; -webkit-box-shadow: 0px 0px 14px 0px rgba(160,163,167,0.3);-moz-box-shadow: 0px 0px 14px 0px rgba(160,163,167,0.3);box-shadow: 0px 0px 14px 0px rgba(160,163,167,0.3); position:relative; overflow:hidden; }
.all-business-block .single-business-block a.business-block-inner h3{margin-top: 0; position:relative;}
.all-business-block .single-business-block a.business-block-inner p{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); position:relative;}

.all-business-block .single-business-block a.business-block-inner .move-effect{position:absolute; top:0; left:0; bottom:0; right:0;  background-repeat: no-repeat;  -webkit-transition:  all 0.3s ease 0s;  transition: all 0.3s ease 0s; background-position: -18px bottom; -webkit-transform:scale(1.1);transform:scale(1.1); background-size:cover;}
.all-business-block .single-business-block a.business-block-inner:hover{/*background-color:#003d4f;*/}
.all-business-block .single-business-block a.business-block-inner:hover p{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.all-business-block .single-business-block a.business-block-inner:hover .move-effect{background-position: 0 bottom; opacity: 0.7;}

/*--------- industry page ------------*/
.all-business-block.center-business-block {text-align: center;}
.main-contacts.industry-contact-person{}
.main-contacts.industry-contact-person .all-contact-person {text-align: center; margin: 60px -9px 20px; display: block;}
.main-contacts.industry-contact-person .contact-click{display: none;}


/*--------- industry-map page ------------*/
.industry-map {margin: 80px 0 20px;}
aside.region-sidebaar{float: left; width: 24%; margin-top: 20px;}
aside.region-sidebaar ul{margin: 0; padding: 0; text-transform: uppercase;}
aside.region-sidebaar > ul > li:first-child{font-size: 16px; line-height: 1.4; color: #003d4f; margin: 0 0 45px;}
aside.region-sidebaar > ul > li{padding: 0; margin: 0 0 12px; font-size: 15px; line-height: 1.4; font-weight: 600; color: #b5b5b5;}
aside.region-sidebaar > ul > li:before {display: none;}
aside.region-sidebaar > ul > li h6{color: #003d4f; margin: 0;}
aside.region-sidebaar > ul > li a{border-bottom: none; box-shadow: none; color: #b5b5b5; width: 100%; display: inline-block;}
aside.region-sidebaar ul li:hover > a, aside.region-sidebaar ul li.active > a{ color: #003d4f; }
aside.region-sidebaar ul li .offices-business{ padding: 10px 0 10px 28px; display: none;}
aside.region-sidebaar > ul > li ul li { margin: 0 0 7px; padding: 0 0 0 10px; font-size: 13px; line-height: 1.4;}
aside.region-sidebaar > ul > li ul li:before{height: 4px; width: 4px; top: 8px; }
aside.region-sidebaar > ul > li .offices-business h6{font-size: 13px; margin: 16px 0 10px;}
aside.region-sidebaar > ul > li ul li a{position: relative; display: block;}

.region-content{float: left; width: 76%; position:relative;}
.region-single.active{display: block;}
.region-single-inner{padding-left: 120px;}

.all-resion-offices{border-top: 1px solid #c9c9c9; margin-top: 30px;}
.region-single h3{margin: 0 0 20px; }
.single-office-left{float: left; width: 60%;}
.single-office-right{float: right; width: 36%; margin-top: 6px; text-align: right;}
.single-office-left h4{margin: 0 0 6px;}
.single-office-left a.mail-link{border: none;}
.single-office-left .contact-click{margin-top: 26px;}
.single-office .all-contact-person{text-align: left; display: none; margin-top: 0; margin-bottom: 0; padding-top: 30px; border-top: 1px solid #c9c9c9; margin-top: 30px;}
.single-office{border-bottom: 1px solid #c9c9c9; padding-bottom: 30px; padding-top: 30px; overflow: hidden;}
.default-contact-person{margin-top: 100px;}
.default-contact-person > p{color: #3a3a3a; font-size: 15px; line-height: 1.4; font-weight: 600; text-transform: uppercase; margin: 0 0 30px;}
.default-contact-person .contact-person{margin: 0;}

.all-business-segments{border-top: 1px solid #c9c9c9; margin-top: 26px; display: none; }
.all-business-segments .main-info{padding-top: 30px; padding-bottom: 30px;}
.single-business-segments {border-top: 1px solid #c9c9c9; padding-top: 30px; padding-bottom: 30px;}
.business-segments-left{float: left; width: 74%;}
.business-segments-left img{margin: -30px 0 0 20px; float: right;}
.business-segments-right{float: right; width: 26%; padding-left: 20px; margin-top: 6px; text-align: right;}
.business-segments-left h4{margin: 0 0 6px;}

/* region-sidebaar-mobile */
aside.region-sidebaar-mobile{display: none; margin: 30px -10px;}
aside.region-sidebaar-mobile ul{margin: 0; display: none; padding: 0 0 17px; background-color: #FBFCFC;}
aside.region-sidebaar-mobile ul li:before{display: none;}
aside.region-sidebaar-mobile ul li{margin: 0; padding: 0;}
aside.region-sidebaar-mobile ul li > a {background-color: #fbfcfc; border: medium none; box-shadow: none; color: #3a3a3a; font-size: 14px; font-weight: 600; line-height: 1.4; padding: 17px 0; text-transform: uppercase; display: block; text-align: center;}
aside.region-sidebaar-mobile ul li.active > a{color: #003d4f;}
aside.region-sidebaar-mobile .offices-business-row{display: none;}
aside.region-sidebaar-mobile .offices-business-row.active{display: block;}
aside.region-sidebaar-mobile .respo-menu-outer{border-bottom: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;text-align: center;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-tab {padding: 0 20px; white-space: nowrap; width: 100%; border-bottom: 1px solid #e3e3e3; overflow-x: auto; overflow-y: hidden;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-content {border-bottom: 1px solid #e3e3e3;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-content .horizontal-scroll { display: none; padding: 0 20px;  white-space: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-content .horizontal-scroll.active{display: block;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-tab a{color: #606060;cursor: pointer;font-size: 14px;font-weight: 400;line-height: 1.4;padding: 17px 0; border-bottom: none; box-shadow: none; display: inline-block; margin-right: 20px; vertical-align: top; position: relative;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-tab a.active{color: #003d4f; font-weight: 600;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-tab a.active:before{ content: ""; background-color: #3a3a3a;display: block;height: 2px;left: 0;margin: 0;padding: 0; position: absolute;width: 100%;z-index: 0; bottom: 0;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-content .horizontal-scroll a{color: #606060;cursor: pointer;font-size: 14px;font-weight: 400;line-height: 1.4;padding: 17px 0; border-bottom: none; box-shadow: none;  display: inline-block; margin-right: 20px; vertical-align: top;}
aside.region-sidebaar-mobile .offices-business-row .sub-list-content .horizontal-scroll a.active{color: #003d4f; font-weight: 600;}

/*--------- Search page ------------*/
.search-top {margin-bottom: 60px;}
.search-here {background-color: #ffffff; border: 1px solid #e3e3e3;  padding-right: 72px; position: relative;}
.search-here input[type="search"] {border: medium none; color: #414a54; font-size: 24px; height: 72px; max-width: none; width: 100%; padding: 0 0 0 40px;}
.search-here input[type="submit"] {color: #58ce7c; font-family: "FontAwesome"; font-size: 24px; height: auto; line-height: 72px; margin: 0; padding: 0;
    position: absolute; right: 0; text-align: center; top: 0; width: 72px;}
p.result-found{margin: 10px 0 0; padding: 0; color: #003d4f; font-size: 13px; line-height: 1.4; font-weight: 400;}
p.result-found a{color: #003d4f; border-bottom: none; box-shadow: none;}
.search-here input[type="search"]::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #414a54;
}
.search-here input[type="search"]:-moz-placeholder {
    opacity: 1 !important;
    color: #414a54;
}
.search-here input[type="search"]::-moz-placeholder {
    opacity: 1 !important;
    color: #414a54;
}
.search-here input[type="search"]:-ms-input-placeholder {
    opacity: 1 !important;
    color: #414a54;
}

.max580{max-width: 580px; width: 100%; margin: 0 auto;}

.search-tabbing .box{ position:relative; margin:0 0 0 0;}
ul.tab-menu{margin:0; padding:0; display:block; text-align: left; line-height: 0; border-bottom: 2px solid #e5e5e5; }
ul.tab-menu li{display:inline-block; vertical-align: top; margin:0; list-style-type:none;padding:0 20px 0 0;}
ul.tab-menu li:before{display: none;}
ul.tab-menu li a {display:block;text-decoration:none; font-weight:600; color:#606060; font-size: 15px; line-height: 1.4; border-bottom: none; box-shadow: none; padding-bottom: 14px; }
ul.tab-menu li.active a, ul.tab-menu li:hover a  {color:#003d4f;}
ul.tab-menu li.slide-line {display: block; padding:0; margin:0; background-color: #3a3a3a;  position: absolute; top: 20px; width: 43px; height: 2px; left: 20px; top: 30px; z-index: 0;}
.search-row {padding: 56px 0; border-bottom: 1px solid #e5e5e5;}
.search-row h3{margin: 0 0 6px;}
.search-row h3 a{border-bottom: none; box-shadow: none; color: #3a3a3a;}
.search-row h3 a:hover{color: #003d4f;}
.show-more{text-align: center; padding-top: 80px;}
.show-more a{border-bottom: none; box-shadow: none; font-size: 19px; line-height: 1.4; font-weight: 400; color: #003d4f;}
.show-more a:hover{color: #606060;}
.search-single{display: none;}
.search-single.active{display: block;}


/*--------------- 404 page --------------------*/
.error-content img{margin-bottom: 50px;}
.error-content p{font-size: 28px; line-height: 1.4; font-weight: 400; color: #3a3a3a; margin: 0 0 14px;}
.error-content h5{color: #606060; margin: 0;}


/*--------------- CSR page --------------------*/
ul.pdf-listing li{font-weight: 400;}
ul.pdf-listing li a{box-shadow: none; border-bottom: 1px solid #003d4f;}
ul.pdf-listing li a:hover{color: #606060; border-bottom: 1px solid #606060;}
ul.pdf-listing li:before{content: "f"; font-family: "elofhansoon" !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important;  line-height: 1;  text-transform: none !important; color: #58ce7c; height: auto; width: auto; background-color: transparent; font-size: 20px; top: 6px;}


/*----------------------------------------------------------------------------------------------*/



#trade_map .mapsvg-section svg a:hover g:last-child,
#trade_map .mapsvg-section svg a.hovering g:last-child{
    display: none;
}
#trade_map .mapsvg-section svg a:hover g:first-child,
#trade_map .mapsvg-section svg a.hovering g:first-child{
    display: block;
}

#trade_map .all-hotspots a.hot-amerika{left: 6%; top: 66%; max-width: 114px;}
#trade_map .all-hotspots a.hot-europa{left: 33%; top: 42%; max-width: 100px;}
#trade_map .all-hotspots a.hot-asia{left: 85%; top: 51%; max-width: 80px;padding:0 0 0 26px;}
#trade_map .all-hotspots a.hot-asia span{left: 0;right: auto;}
#trade_map .all-hotspots a.hot-africa{left: 38%; top: 74%; max-width: 100px;}
#trade_map .all-hotspots a.hot-australia{left: 66%; top: 80%; max-width: 130px;}

.all-hotspots a.hot-asia span{right: -4px;}

/*----------------------------------------------------------------------------------------------*/


#industry_map .mapsvg-section svg a:hover g:last-child,
#industry_map .mapsvg-section svg a.hovering g:last-child{
    display: none;
}
#industry_map .mapsvg-section svg a:hover g:first-child,
#industry_map .mapsvg-section svg a.hovering g:first-child{
    display: block;
}


#industry_map .all-hotspots a.hot-latin_america{left: 11%; top: 75%; max-width: 114px;}
#industry_map .all-hotspots a.hot-brazil{left: 37%; top: 70%; max-width: 100px;}
#industry_map .all-hotspots a.hot-middle_east{left: 42%; top: 50%; max-width: 100px;}
#industry_map .all-hotspots a.hot-sout_east_asia{left: 66%; top: 72%; max-width: 136px;}
#industry_map .all-hotspots a.hot-china_hong{left: 85%; top: 52%; max-width: 90px;}
#industry_map .all-hotspots a.hot-russia_ukraine{left: 53%; top: 14%; max-width: 100px;}
#industry_map .all-hotspots a.hot-india_bangladesh{left: 61%; top: 63%; max-width: 80px;}
#industry_map .all-hotspots a.hot-cuba{left: 24%; top: 52%; max-width: 80px;}

.all-hotspots a.hot-brazil,
.all-hotspots a.hot-china_hong,
.all-hotspots a.hot-cuba{padding: 0 0 0 26px;}
.all-hotspots a.hot-brazil span,
.all-hotspots a.hot-china_hong span,
.all-hotspots a.hot-cuba span{right: auto; left: 0;}

aside.region-sidebaar ul li:hover > a, aside.region-sidebaar ul li.active > a, aside.region-sidebaar ul li.hovering > a {
    color: rgba(0, 61, 79, 0.7);
}


/*--------headqueator--------*/
.map-address-block {
    position:relative;
}
a.main-hq {
    background-color: #6f7170;
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    left: 47%;
    position: absolute;
    top: 34%;
    width: 12px;
    cursor:pointer;
    border-bottom: none;
    box-shadow: none;
}

a.main-hq-label {
    color: #6f7170;
    font-size: 14px;
    letter-spacing: normal;
    position: absolute;
    right: 62px;
    top: -10px;
    z-index:2;
    cursor:pointer;
    border-bottom: none;
    box-shadow: none;
}
a.main-hq-label > span {
    background: #6f7170 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    margin-right: 8px;
    width: 12px;
}
a.main-hq-label:hover,
a.main-hq-label.hovering{color:#003d4f;}
a.main-hq-label:hover > span,
a.main-hq-label.hovering > span{background:#003d4f;}
a.main-hq:hover,
a.main-hq.hovering{background:#003d4f;}

.page-template-find-your-contact .main-hq,
.page-template-find-your-contact .main-hq-label{display:none;}


.page-template-trad-inner .main-hq,
.page-template-trad-inner .main-hq-label{display:none;}


#industry_map .all-hotspots a.hot-main_hq {
    left: 33%;
    max-width: 155px;
    top: 33%;
}


a.contact-btn {
    background-color: #003d4f;
    border: 1px solid transparent;
    box-shadow: none;
    color: #ffffff;
    text-align:center;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin: 20px 0 0;
    padding: 17px 30px 17px 30px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
a.contact-btn:hover {
    background-color: #ffffff;
    border: 1px solid #dcddde;
    color: #828282;
}


.separate-contact .all-contact-person {
    margin:0 -5px;
    text-align:center;
}

.separate-contact .contact-person {
    max-width: 287px !important;
}


/*New*/


.top-section-about {overflow: hidden;}
.top-section-about .content-right {width: 80%;}
top-section-about .content-right a {color: #fff;}
.top-section-about .content-right a.contact-click {color: #003d4f;}
.top-section-about .content-right a.contact-click.open {color: #fff;}
.relative-color {position: relative; background-color: #003d4f; padding: 20px 0; margin: 30px 0;}
.relative-color:before,
.relative-color:after {content: ""; background-color: #003d4f; position: absolute; top: 0; bottom: 0; height: 100%; }
.relative-color:before {right: 100%; width: 40px;}
.relative-color:after {left: 100%; width: 1000px;}
.relative-color * {color: #fff;}
.relative-color h2,
.relative-color h3,
.relative-color h4,
.relative-color h5,
.relative-color h6 {margin-top: 10px;}
.relative-color hr {margin: 22px 0; border-color: #fff;}
.relative-color ul {margin: 15px 0 15px;}
.relative-color ul li { padding: 0 0 8px 20px;}
.relative-color ul li:before {background-color: #fff;}

.bg-image {background-position: center center; background-size: cover; position: absolute; top: 0; bottom: 0; left: 108%; height: 100%; width: 1000px; z-index: 2;}

.gform_wrapper,
.gform_wrapper .gform_heading {
    min-width: 100%;
}

.gform_description {
    max-width: 600px;
    display: inline-block;
    font-weight: 300;
}

.gfield_label {
    display: none;
}

li.gfield,
.container .gform_wrapper .top_label .gfield_error {
    width: 49%;
    float: left;
    padding: 0;
}

.container .gform_wrapper li.gfield.gfield_error {
    background: #fff;
    border: 0;
}
.container .gform_wrapper .top_label input.medium { padding: 0 20px; height: 62px; line-height: 62px;}
.validation_message {
    display: none;
}

.container .gform_wrapper #field_2_1,
.container .gform_wrapper #field_2_4,
.container .gform_wrapper #field_2_6 {
    margin-right: 2%;
}

.container .gform_wrapper ul li.gfield {
    clear: none;
    margin-bottom: 15px;
}

::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder { /* Firefox 18- */
    color: #888;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

.container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin: 0;
}

.container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    max-width: 100%;
}

.container .gform_wrapper .top_label input.medium,
.container .gform_wrapper .top_label select.medium,
.container .gform_wrapper .top_label textarea.medium {
    width: 100%;
    color: #888;
}

.container .gform_wrapper .top_label input.medium,
.container .gform_wrapper .top_label textarea.medium {
    border: 1px solid #dcddde;
    padding: 30px 20px;
}

.container .gform_wrapper .top_label input.medium { height: 62px; line-height: 62px; padding: 0 20px;}
.container .gform_wrapper .top_label select { margin: 0 !important; height: 62px; padding: 0 20px;}

.ginput_container_select::after {
    top: 50% !important;
    padding: 0 !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.container .gform_wrapper .top_label .gfield_error input.medium,
.container .gform_wrapper .top_label .gfield_error textarea.medium {
    border: 1px solid #babbbc;
    background: #ffeff0;
}

#field_2_3,
#field_2_8 {
    width: 100%;
}

.container .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
    text-align: right;
}

p.maincontact_link a {
    width: 200px;
    border-radius: 0;
    text-transform: none;
    padding: 0;
    background: #003d4f;
    color: #fff;
}
.container .gform_wrapper .gform_footer .gform_button {
    width: 200px;
    border-radius: 0;
    text-transform: none;
    padding: 0;
    background: #003d4f;
}

.ginput_container_select select {
    padding: 19px 20px;
    background: #fff;
    color: #888;
    border: 1px solid #dcddde;
    border-radius: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
}
.gfield_error .ginput_container_select select {
    border: 1px solid #babbbc;
    background: #ffeff0;
}
.ginput_container_select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #444;
}
.ginput_container_select select::-ms-expand {
    display: none;
}
.ginput_container_select { position: relative; }
.ginput_container_select:after {
    content: '>';
    font-size: 22px;
    font-weight: 300;
    color: #58ce7c;
    right: 6px;
    top: 12px;
    position: absolute;
    pointer-events: none;
    width: 35px;
    padding: 0 0 5px 0;
    text-indent: 14px;
}
@media screen\0 {
    .ginput_container_select:after {
        width: 38px;
        text-indent: 15px;
        right: 0;
    }
}
@media screen and (min--moz-device-pixel-ratio:0) {
    .ginput_container_select select { padding-right: 40px; }
    .ginput_container_select:before { right: 6px; }
    .ginput_container_select:after {
        text-indent: 14px;
        right: 6px;
        top: -5px;
        width: 36px;
    }
}

.container .gform_wrapper div.validation_error,
.confirmation_message {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 1em;
    border: 0;
    padding: 30px 20px;
    clear: both;
    width: 83%;
    background: #df4e57;
    text-align: center;
}

.confirmation_message {
    margin-top: 1em;
    background: #58ce7c;
}

.container .gform_wrapper span.gform_description {
    font-weight: 300;
}

.container .gform_wrapper h3.gform_title {
    margin: 0;
    margin-top: 26px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
}

@media (max-width: 668px) {
    .ginput_container_select select {
        padding: 20px 20px;
    }
}

@media (max-width: 640px) {
    li.gfield,
    .container .gform_wrapper .top_label .gfield_error {
        float: none;
        width: 100%;
        margin-right: 0 !important;
    }
}

.container .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 0;
}

/* 17-10-2018 btn-filter @TP*/
.map-section .filter{font-size: 0;max-width: 950px;margin: 0 auto; padding-bottom: 30px}
.map-section .filter .ginput_container_select{width: 50%;display: inline-block;vertical-align: middle;padding: 0 15px;}
.map-section .filter .ginput_container_select:after{display: none;}
.select2-search--dropdown{display: none;}
.select2{width: 100% !important;}
.select2-container--default .select2-selection--single{border-width: 0;border-radius: 0;height: auto;}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding: 16px 20px;display: block;font-size: 16px;color: #888;padding-right: 30px;text-transform: uppercase;}
.select2-container--default .select2-selection--single .select2-selection__arrow:after{ content: '>';font-size: 22px;font-weight: 400;color: #58ce7c;right: 6px;top: 12px;position: absolute;pointer-events: none;width: 35px;padding: 0 0 5px 0;text-indent: 14px;}
.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:after{transform: rotate(90deg);top: 6px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%;width: 35px;}
.select2-results__option:before{display: none;}
.select2-results__option{padding-left: 20px;padding-right: 20px;font-weight: 400;color: #888;}
.select2-container--default .select2-results>.select2-results__options{max-height: 400px;}
.select2-dropdown{border-width: 0;border-radius: 0}
.select2-dropdown.select2-dropdown--below{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);border-top: 0;top: -1px;}
.select2-dropdown.select2-dropdown--above{box-shadow:0px 0px 20px rgba(0, 0, 0, 0.15);top: 1px;}
.select2-container--default  .select2-selection--single{box-shadow:  0px 0px 20px rgba(0, 0, 0, 0.15)}
.select2-dropdown.select2-dropdown--above:after{content: '';position: absolute;bottom: -20px;left: 0;width: 100%;height: 20px;background-color: #fff}
.select2-dropdown.select2-dropdown--below:before{content: '';position: absolute;top: -20px;left: 0;width: 100%;height: 20px;background-color: #fff}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true]{color: #98e2bf;background-color: transparent;}
.maincontact_link{margin-bottom: 0;}
.maincontact_link a{padding: 10px !important;display: inline-block;height: auto;width: 100% !important;text-align: center;margin-top: 10px;}
.maincontact_link a:hover{box-shadow: none;background-color: #98e2bf;}
@media (min-width: 480px) and (max-width: 1240px) {
    .lang-menu{right: 0;}
}