@charset "utf-8";

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

	Name: 		Yellow Brand Protection
	Date:		2014/09/18
	Author:		http://psdtillhtml.se
		   		   
---------------------------------------------  */

* {
    margin: 0;
    padding: 0;
}

#nav>ul>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow-x: scroll;
    overflow-y: scroll;
    min-height: 100%;
    margin: 0 0 1px;
    font-size: 100.01%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    -ms-content-zooming: none;
}

body {
    min-height: 100%;
    padding-top: 28px;
    background: #faf573;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
textarea,
input,
select,
option,
button,
b {
    color: #575653;
    font-family: Swiss, Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

li,
dt,
dd,
p,
figure,
th,
td,
caption,
legend,
pre {
    font-size: 1.7em;
}

li *,
dt *,
dd *,
p *,
figure *,
th *,
td *,
legend * {
    font-size: 1em;
}

ul,
ol,
dl,
p,
figure,
table,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
legend {
    margin-bottom: 14px;
}

article,
aside,
details,
div,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}


/*! Layout --------- */
#weUseCookies {
    padding: 0 10px 10px 10px;
    margin: 0px auto;
    width: 660px;
    font-family: Swiss, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
}

#weUseCookies a {
    font-weight: initial;
}

.close-button {
    display: block;
    float: right;
    width: 21px;
    height: 21px;
    border-radius: 30px;
    border: 1px solid #575652;
    cursor: pointer;
    color: #575652;
    margin-left: 5px;
}

.close-button:before {
    content: "\e904";
    font-size: 8px;
    font-family: i;
    vertical-align: middle;
}

#root {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
}

#top {
    position: relative;
    z-index: 3;
    width: 950px;
    margin: 0 auto 10px;
}

#top:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#top>h1,
#top>h2,
#logo {
    float: left;
    width: 150px;
    height: 77px;
    margin: 0;
    padding: 48px 0 0;
}

#top>h1 a,
#top>h2 a,
#logo a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#skip {
    position: fixed;
    top: 0;
    left: -10000px;
}

#skip a:focus,
#skip a:active {
    display: block;
    position: absolute;
    left: 10000px;
    top: 0;
    z-index: 10001;
    width: 200px;
    margin: 15px 0 0 15px;
    padding: 4px 8px;
    background: #333;
    color: #fff;
    font-weight: 500;
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
}

#nav {
    position: relative;
    left: 0;
    float: right;
    width: 750px;
    padding: 84px 0 0;
}

#nav>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav>ul>li {
    position: relative;
    float: left;
    width: 25%;
    margin: 0;
    padding: 0 0 6px;
    border-left: 50px solid rgba(0, 0, 0, 0);
    font-size: 2em;
    font-family: Din;
    text-transform: uppercase;
}

#nav>ul>li:first-child {
    padding: 0;
}

#nav>ul>li>a {
    display: block;
    padding: 0 0 1px;
    border-bottom: 10px solid #eee;
    color: #adaca5;
    font-weight: 400;
}

#nav>ul>li>a:hover,
#nav>ul>li:hover>a {
    border-color: #faf573;
    color: #575653;
}

#root #nav>ul>li.active>a {
    border-color: #71fbde;
    color: #575653;
}

#nav>ul>li.a {
    position: absolute;
    right: 230px;
    top: 0;
    width: auto;
    margin: 0;
    padding: 0;
    border-left: 0 solid rgba(0, 0, 0, 0);
    font-size: 1.9em;
}

#nav>ul>li.a>a {
    width: 89px;
    height: 41px;
    padding: 6px 0 0;
    border: 0;
    background: url(../images/sprite-a.png?v=2) -161px 0 no-repeat;
    color: #575652;
    text-align: center;
}

#nav>ul>li>ul {
    position: absolute;
    left: -3000em;
    top: 16px;
    list-style: none;
    width: 100%;
    padding: 0;
    background: #eee;
    line-height: 1.2;
}

.no-mobile #nav>ul>li:hover>ul,
.mobile #nav>ul>li.toggle>ul {
    left: 0;
}

#nav>ul>li>ul li {
    margin: 0 20px;
    border-top: 1px solid #fff;
    font-size: .75em;
}

#nav>ul>li>ul li:first-child {
    border: 0;
}

#nav>ul>li>ul li a {
    display: block;
    width: 100%;
    padding: 16px 0 14px;
    color: #575653;
    font-weight: 400;
}

#nav>ul>li>ul li a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#nav>ul>li>ul li a>.inner {
    display: block;
    float: left;
    margin: 0 0 0 -5px;
    padding: 1px 5px 0;
}

#nav>ul>li>ul li a:hover>.inner {
    background: #faf573;
}

#nav>ul>li.active>ul li a:hover>.inner,
#nav>ul>li.active>ul li.active a>.inner {
    background: #71fbde;
}

#nav em,
#nav>ul>li>span {
    position: absolute;
    left: -3000em;
    top: -3000em;
}

#social {
    position: absolute;
    right: 80px;
    top: 11px;
}

#social ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
}

#social li {
    float: left;
    padding: 0 0 0 10px;
}

.sliderLink {
    color: #666;
    font-weight: 100;
    font-size: 28px;

    
}
a.sliderLink:hover {
    color: #4dbaa7;
}

#social a {
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    border-radius: 30px;
    background: #c5c5c0;
    color: #fff;
    line-height: 26px;
    font-weight: 400;
    text-indent: -3000em;
    text-align: left;
    text-decoration: none;
}

#social a:hover {
    background: #55c8ac;
}

#social a i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin: -10px 0 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
}

#social a i.icon-facebook {
    margin-top: -11px;
}

#social a i.icon-twitter,
#social a i.icon-linkedin {
    font-size: 11px;
}

#social a i.icon-slideshare {
    font-size: 15px;
}

#language {
    position: absolute;
    right: 0;
    top: 11px;
}

#language ul {
    overflow: hidden;
    list-style: none;
    padding: 0;
}

#language li {
    float: left;
    padding: 0 0 0 10px;
    color: #adaca5;
    font-size: 1.4em;
    margin-top: 3px;
}

#language a {
    color: #adaca5;
    text-decoration: none;
}

#language a.active {
    color: #575653;
}

#featured {
    overflow: hidden;
    width: 950px;
    height: 324px;
    margin: -16px auto 60px;
    padding: 137px 0 0;
    background: url(../images/yellow-brand-protection.png?v=2) center 0 no-repeat;
}

#featured h1,
#featured h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 23px 30px 21px;
    background: rgba(113, 251, 222, .9);
    color: #575652;
    font-size: 3.8em;
    text-align: center;
}

.lt-ie9 #featured h1,
.lt-ie9 #featured h2,
.lt-ie9 #featured .slider {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#E571FBDE, endColorstr=#E571FBDE);
    zoom: 1;
}

#featured h1 span,
#featured h2 span {
    display: block;
    padding: 2px 0 0;
    font-size: .736em;
}

#featured h1 a,
#featured h2 a {
    color: #575652;
}

#featured h1 a.link,
#featured h2 a.link {
    display: block;
    position: absolute;
    right: 113px;
    top: 100%;
    z-index: 100;
    width: 253px;
    height: 50px;
    text-align: left;
    text-indent: -3000em;
}

#featured .slider {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 23px 30px 21px;
    background: rgba(113, 251, 222, .9);
    color: #575652;
    font-family: Din;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
}

#featured .slider p {
    margin: 0;
    font-size: 3.8em;
}

#featured .slider p span {
    display: block;
    padding: 2px 0 0;
    font-size: .736em;
}

#featured .slider a {
    color: #575652;
    font-weight: normal;
}

#featured .slider a.link {
    display: block;
    position: absolute;
    right: 113px;
    top: 100%;
    z-index: 100;
    width: 253px;
    height: 50px;
    text-align: left;
    text-indent: -3000em;
}

#featured>p {
    position: relative;
    left: -113px;
    z-index: 1;
    float: right;
    width: 193px;
    padding: 19px 30px 15px;
    background: rgba(250, 245, 115, .9);
    font-family: Din;
    font-size: 2.5em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.lt-ie9 #featured>p {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#E5FAF573, endColorstr=#E5FAF573);
    zoom: 1;
}

#featured>p a {
    display: block;
    position: relative;
    margin: 0 0 1px;
    color: #575652;
    font-weight: 400;
}

#featured>p a:after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    bottom: 7px;
    width: 16px;
    height: 14px;
    margin: 0 0 0 -4px;
    background: url(../images/sprite-a.png?v=2) -155px -99px no-repeat;
}

#featured>p a.small {
    display: -moz-inline-stack;
    display: inline-block;
    padding: 0 0 0 17px;
    font-family: Swiss, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: .56em;
    text-transform: none;
}

#featured>p a.small:after {
    left: 0;
    bottom: 1px;
    width: 11px;
    margin: 0;
    background-position: -175px -81px;
}

#featured>p a.small:hover {
    text-decoration: underline;
}

#content {
    position: relative;
    z-index: 2;
    width: 950px;
    margin: 0 auto;
    padding: 0 0 43px;
}

#content:after,
#contact:after,
#nav>ul:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#content.a {
    padding: 0;
}

#content.a:before {
    content: "";
    display: block;
    position: absolute;
    left: -1000em;
    bottom: 0;
    z-index: 1;
    width: 3000em;
    height: 20px;
    box-shadow: 0 10px 20px #aaa74d;
}

#content.a>* {
    position: relative;
    z-index: 2;
    padding: 50px 0 43px;
}

#content.a>*>* {
    position: relative;
    z-index: 2;
}

#content.a>*:before {
    content: "";
    display: block;
    position: absolute;
    left: -1000em;
    top: 0;
    z-index: 1;
    width: 3000em;
    height: 100%;
}

#content.a>.module-c:first-child {
    margin-bottom: -28px;
}

#content.a>.module-c:first-child+* {
    padding-top: 80px;
}

#content.a>.a,
#content.a>.a:before {
    background: #adaca5;
    color: #fff;
}

#content.a>.b,
#content.a>.b:before {
    background: #c9c8c0;
    color: #fff;
}

#content.a>.c,
#content.a>.c:before {
    background: #575653;
    color: #fff;
}

#content.a>.a a {
    color: #fff;
}

#content.a>.b a {
    color: #fff;
}

#content.a>.c a {
    color: #fff;
}

#content.a>.a .list-d li {
    border-color: #adaca5;
}

#content.a>.b .list-d li {
    border-color: #c9c8c0;
}

#content.a>.c .list-d li {
    border-color: #575653;
}

#content.a h1,
#content.a h2 {
    margin: 0 0 52px;
    font-size: 3.2em;
    text-align: center;
}

#content.a h1>.inner,
#content.a h2>.inner {
    display: -moz-inline-stack;
    display: inline-block;
    padding: 0 0 4px;
    border-bottom: 7px solid #faf573;
}

#content>.module-e:last-child {
    margin-bottom: -43px;
}

#content>.module-e.last-child {
    margin-bottom: -43px;
}

#contact {
    position: relative;
    z-index: 1;
    width: 950px;
    margin: 0 auto;
    padding: 50px 570px 35px 0;
    background: #585553;
    color: #fff;
    line-height: 1.2;
}

#contact,
.form-d input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#contact>* {
    position: relative;
    z-index: 2;
}

#contact:before {
    content: "";
    display: block;
    position: absolute;
    left: -1000em;
    top: 0;
    z-index: 1;
    width: 3000em;
    height: 100%;
    background: #585553;
}

#contact h1,
#contact h2,
#contact h3,
#contact h4,
#contact h5,
#contact h6 {
    margin-bottom: 11px;
    color: #faf37c;
    font-size: 2.5em;
}

#contact p {
    margin-bottom: 19px;
}

#contact a {
    font-weight: 400;
}

#contact footer {
    position: absolute;
    right: 0;
    top: 88px;
    text-align: right;
}

#contact .link-g a {
    color: #fff;
}

/* #footer {
    position: relative;
    z-index: 0;
    width: 950px;
    margin: 0 auto;
    padding: 104px 0 20px;
    background: #faf573;
}

#footer:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#footer:before {
    content: "";
    display: block;
    position: absolute;
    left: -1000em;
    top: 0;
    z-index: 1;
    width: 3000em;
    height: 100%;
    background: #faf573;
}

#footer>* {
    position: relative;
    z-index: 2;
    float: right;
    padding: 6px 0 0;
}

#footer>*:first-child {
    position: relative;
    float: left;
    width: 700px;
    padding: 11px 0 0;
    border-top: 1px solid #575653;
}

#footer>*:first-child>* {
    float: left;
    width: 25%;
}

#footer .vcard {
    position: relative;
    line-height: 1.25;
}

#footer .vcard .fn,
.module-b .fn {
    display: none;
}

#footer .vcard h2,
#footer .vcard h3 {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin: 0;
    padding: 0 0 20px;
    font-size: 1.7em;
}

#footer .vcard p {
    margin: 0 0 5px;
}

#footer .vcard p a {
    color: #575653;
    font-weight: 400;
}

#footer .vcard p a:hover {
    text-decoration: underline;
}

#footer p {
    margin: 0 0 16px;
    font-size: 1.2em;
}

#footer #copyright {
    padding: 11px 0 0;
} */

#root>.link-e {
    position: fixed;
    right: 20px;
    bottom: 0;
    z-index: 9;
    margin: 0;
}

#root>.link-e {
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

#root.scrolled>.link-e {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/*! Columns --------- */

.cols-a {
    width: 100%;
}

.cols-a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.cols-a>* {
    float: right;
    width: 700px;
}

.cols-a>*:first-child {
    position: relative;
}

.cols-a>aside,
.cols-a>footer {
    float: left;
    width: 175px;
    padding: 7px 0 0;
}

#content.cols-a {
    position: static;
}

.double-a {
    width: 100%;
}

.double-a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.double-a>* {
    float: right;
}

.double-a>*:first-child {
    float: left;
}

.double-a.a {}

.double-a.a>* {
    width: 333px;
    padding: 0 76px 0 0;
}

.double-a.a>*:first-child {
    padding-right: 0;
    padding-left: 76px;
}

.double-a.b {}

.double-a.b>*:first-child {
    max-width: 370px;
}

#root>aside.mobile-only {
    margin-bottom: 40px;
}


/*! Modules --------- */

.module-a {
    position: relative;
    max-width: 422px;
    margin: 0 auto 50px;
    padding: 37px 40px 33px;
    background: #71fbde;
    color: #575653;
}

.module-a a,
.module-a a:hover,
.module-a a:focus,
.module-a a:active {
    color: #575653;
}

.module-a.a {
    background: #faf573;
}

.module-a.b {
    background: #adaca5;
    color: #fff;
}

.module-a.b h1,
.module-a.b h2,
.module-a.b h3,
.module-a.b h4,
.module-a.b h5,
.module-a.b h6,
.module-a.b a,
.module-a.b a:hover,
.module-a.b a:focus,
.module-a.b a:active {
    color: #faf573;
}

.module-a.wide {
    max-width: none;
}

.module-b {
    position: relative;
    margin: 36px 0 58px;
    padding: 0 0 35px;
    background: #575653;
    color: #fff;
    line-height: 1.25;
}

.module-b figure {
    margin: 0 0 16px;
}

.module-b>div {
    position: relative;
    clear: both;
    padding: 56px 96px 0 226px;
}

.module-b>div:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.module-b>div>* {
    position: relative;
    float: right;
}

.module-b>div>*:first-child {
    float: left;
}

.module-b>div.a {
    padding-left: 286px;
    padding-right: 156px;
}

.module-b>div.a>* {
    width: 50%;
}

.module-b>div.b {}

.module-b>div.b>* {
    width: 133px;
}

.module-b>div.b>*:first-child {
    width: 98px;
}

.module-b .vcard {
    position: relative;
    padding: 11px 0 0;
    border-top: 1px solid #fff;
}

.module-b h2,
.module-b h3 {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin: 0;
    padding: 0 0 9px;
    color: #faf573;
    font-size: 1.7em;
}

.module-b p {
    margin: 0 0 5px;
    font-size: 1.2em;
}

.module-b a {
    color: #fff;
    font-weight: 400;
}

.module-b .europe:before,
.module-b .asia:before,
.module-b .africa:before,
.module-b .northamerica:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/maps2.png) no-repeat;
}

.module-b .europe:before {
    left: -151px;
    top: -25px;
    width: 125px;
    height: 102px;
    background-position: 0 0;
}

.module-b .asia:before {
    left: -129px;
    top: -29px;
    width: 118px;
    height: 87px;
    background-position: -150px 0;
}

.module-b .africa:before {
    left: -98px;
    top: -28px;
    width: 94px;
    height: 83px;
    background-position: -300px 0;
}

.module-b .northamerica:before {
    left: -129px;
    top: -29px;
    width: 120px;
    height: 90px;
    background-position: -400px 0;
}

.module-c,
#root .module-c {
    position: relative;
    z-index: 10;
    margin: 0;
    padding: 0;
    background: #575653;
    color: #fff;
    line-height: 1.2;
}

.module-c:after,
.module-e:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#root .module-c:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    width: 1150px;
    height: 100%;
    margin: 0 0 0 -575px;
    background: #575653;
}

.module-c>*,
.module-e>* {
    position: relative;
    z-index: 2;
}

#root .module-c h1,
#root .module-c h2,
#root .module-c .header {
    float: left;
    margin: 0;
    padding: 16px 0 10px;
    color: #fff;
    font-size: 2.8em;
}

.module-c ul {
    overflow: hidden;
    float: right;
    list-style: none;
    width: 800px;
    height: 61px;
    margin: 0;
    padding: 0;
}

.module-c ul li {
    overflow: hidden;
    margin: 0;
    padding: 18px 0;
    color: #71fbde;
    font-size: 2.1em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module-c ul li a {
    color: #71fbde;
    font-weight: 400;
}

.module-c .bx-controls {
    position: absolute;
    left: 0;
    top: 0;
}

#root .module-c .link-e {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    z-index: 5;
}

.module-c .link-e {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.module-d {
    margin-left: auto;
    margin-right: auto;
    color: #000;
}

.module-d h1,
.module-d h2 {
    margin-bottom: 5px;
    color: #575653;
    text-transform: none;
}

.module-d footer {
    margin-top: 45px;
}

.module-d footer h2,
.module-d footer h3,
.module-d .module-d footer h4,
.module-d .module-d footer h5,
.module-d .module-d footer h6 {
    color: #000;
    font-size: 2.1em;
    text-transform: uppercase;
}

.module-d p {
    margin-bottom: 24px;
}

.module-d .list-g {
    max-width: 480px;
}

.module-d.a {
    max-width: 650px;
}

.module-e {
    position: relative;
    padding: 42px 0 60px;
    text-align: center;
}

.module-e:before {
    content: "";
    position: absolute;
    left: -1000em;
    top: 0;
    z-index: 1;
    width: 3000em;
    height: 100%;
    background: #adaca5;
}

.module-e>h1,
.module-e>h2,
.module-e>h3 {
    display: inline-block;
    margin: 0 0 40px;
    padding: 0 0 5px;
    border-bottom: 7px solid #faf37c;
    color: #fff;
    font-size: 3.2em;
}

.module-e .list-d li {
    border-color: #adaca5;
}

.nav-a {
    position: relative;
    margin: 0 0 24px;
    padding: 21px 20px 4px;
    background: #eee;
    color: #575653;
}

.nav-a h2,
.nav-a h3 {
    margin: 0 0 14px;
    font-size: 2em;
}

.nav-a>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.nav-a>ul>li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #fff;
    font-size: 1.5em;
    font-family: Din;
    text-transform: uppercase;
}

.nav-a>ul>li>a {
    display: block;
    width: 100%;
    padding: 14px 0;
    color: #575653;
    font-weight: 400;
    text-decoration: none;
}

.nav-a>ul>li>a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.nav-a>ul>li>a>.inner {
    display: inline;
    margin: 0 0 0 -5px;
    padding: 2px 5px 1px;
}

.nav-a>ul>li>a>.inner {
    -moz-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    box-decoration-break: clone;
}

.nav-a>ul>li>a:hover>.inner,
.nav-a>ul>li.toggle>a>.inner,
.nav-a>ul>li>ul>li>a:hover>.inner {
    background: #faf573;
}

.nav-a>ul>li.active>a>.inner,
.nav-a>ul>li>ul>li.active>a>.inner {
    background: #71fbde;
}

.nav-a>ul>li>ul {
    position: absolute;
    left: -3000em;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 0 0 6px 8px;
}

.nav-a>ul>li.active>ul,
.no-mobile .nav-a>ul>li:hover>ul,
.nav-a>ul>li.toggle>ul {
    position: relative;
    left: 0;
    top: 0;
}

.nav-a>ul>li>ul>li {
    margin: 0 0 7px;
    font-size: .733em;
}

.nav-a>ul>li>ul>li>a {
    display: block;
    width: 100%;
    color: #575653;
    font-weight: 400;
    text-decoration: none;
}

.nav-a>ul>li>ul>li>a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.nav-a>ul>li>ul>li>a>.inner {
    display: block;
    position: relative;
    float: left;
    padding: 4px 5px 3px 13px;
}

.nav-a>ul>li>ul>li>a>.inner:after {
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 7px;
    width: 4px;
    height: 6px;
    background: url(../images/sprite-a.png?v=2) -164px -54px no-repeat;
}

.popup-a {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    visibility: hidden;
    width: 100%;
    height: 100%;
    line-height: 1.4;
    min-height: 800px;
}

.popup-a .box-outer>.close {
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/shade-b.png?v=2);
    text-indent: -3000em;
    cursor: pointer;
    opacity: 0;
}

.popup-a .box-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.popup-a .box-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 434px;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    text-align: center;
}

.popup-a .box-inner {
    transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
}

.popup-a.va .box-inner {
    width: 610px;
}

.popup-a .box-inner>.close {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -25px;
    width: 31px;
    height: 31px;
    background: url(../images/sprite-a.png?v=2) -190px -81px no-repeat;
    text-align: left;
    text-indent: -3000em;
}

.popup-a h1,
.popup-a h2,
.popup-a .h2,
.popup-a h3,
.popup-a .header {
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0 0 40px;
    padding: 0 0 4px;
    border-bottom: 7px solid #faf573;
    font-size: 3.2em;
}

.popup-a p {
    margin-bottom: 25px;
    font-size: 1.8em;
}

.popup-a h1+p,
.popup-a h2+p,
.popup-a h3+p,
.popup-a .header+p {
    margin-top: -17px;
}

.popup-a h1+p.scheme-d,
.popup-a h2+p.scheme-d,
.popup-a h3+p.scheme-d,
.popup-a .header+p.scheme-d {
    margin-top: -5px;
}

.popup-a.shown,
.popup-a.shown>.box-outer>.close,
.popup-a.shown .box-inner {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.popup-a.shown .box-inner {
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}

.quote-a {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4em;
    line-height: 1.4;
    text-align: center;
}

.quote-a q {
    quotes: none;
    display: block;
    position: relative;
    padding: 53px 0 15px;
    font-size: 1.5em;
    font-style: italic;
}

.quote-a q:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 34px;
    height: 29px;
    margin: 0 0 0 -17px;
    background: url(../images/sprite-a.png?v=2) -77px -83px no-repeat;
}

.quote-a q:after {
    content: "";
}

.quote-a>span {
    margin-right: 5px;
    font-size: 1.5em;
    font-weight: 700;
}

.slider-a {
    position: relative;
    margin: 0 0 63px;
    padding: 31px 90px 46px;
    background: #71fbde;
    color: #575653;
}

.slider-a .quote-a q:before {
    background-position: -117px -83px;
}

.slider-a .bx-prev,
.slider-a .bx-next {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 44px;
    height: 169px;
    margin: -84.5px 0 0;
    background: url(../images/sprite-a.png?v=2) -3000em -3000em no-repeat;
    text-align: left;
    text-indent: -3000em;
}

.slider-a .bx-prev {
    left: 23px;
    background-position: 0 -208px;
}

.slider-a .bx-next {
    right: 23px;
    background-position: -50px -208px;
}

.social-a {}

.social-a h2,
.social-a h3 {
    margin: 0 0 18px;
    font-size: 2.1em;
    font-family: Swiss, Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: none;
    text-align: center;
}

.social-a ul {
    overflow: hidden;
    list-style: none;
    margin-top: 0;
    padding: 0;
    text-align: center;
}

.social-a ul li {
    display: -moz-inline-stack;
    display: inline-block;
    width: 70px;
    height: 70px;
    padding: 0 0 16px 14px;
}

.social-a ul li:first-child {
    padding-left: 0;
}

.social-a ul li a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 200px;
    background: #faf573;
    color: #575653;
    text-align: left;
    text-indent: -3000em;
    text-decoration: none;
}

.social-a ul li a:before,
.social-b li a:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin: -25px 0 0;
    color: #575653;
    font-weight: 400;
    font-size: 30px;
    font-family: i;
    line-height: 50px;
    text-align: center;
    text-indent: 0;
}

.social-a ul li.fb a:before {
    content: "\e907";
    font-size: 34px;
}

.social-a ul li.tw a:before {
    content: "\e900";
    font-size: 26px;
}

.social-a ul li.gl a:before {
    content: "\e909";
    font-size: 32px;
}

.social-a ul li.sl a:before {
    content: "\e902";
    font-size: 42px;
}

.social-a ul li.li a:before {
    content: "\e901";
}

.social-b {
    overflow: hidden;
    margin: 28px 0 55px;
}

.social-b h2,
.social-b h3 {
    float: left;
    margin: 0 16px 0 0;
    color: #55d8bc;
    font-weight: 700;
    font-size: 1.7em;
    font-family: Swiss, Arial, Helvetica, sans-serif;
    line-height: 20px;
    text-transform: none;
}

.social-b ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-b li {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 7px 0 0;
}

.social-b li a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 200px;
    background: #55c8ac;
    color: #fff;
    text-align: left;
    text-indent: -3000em;
    text-decoration: none;
}

.social-b li i {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin: -9px 0 0;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
}

.social-b li i.icon-facebook {
    font-size: 18px;
}

.social-b li i.icon-twitter,
.social-b li i.icon-linkedin {
    font-size: 15px;
}

.sort-a {
    position: relative;
    z-index: 10;
    margin: 0 0 30px;
    font-family: Din;
    text-transform: uppercase;
}

.sort-a p {
    float: left;
    height: 27px;
    margin: 0;
    padding: 0 10px 0 0;
    font-size: 1.7em;
    line-height: 27px;
}

.sort-a>ul {
    position: relative;
    float: right;
    list-style: none;
    min-width: 155px;
    height: 27px;
    margin: 0;
    padding: 0;
    background: #eee;
}

.sort-a>ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 12px;
    top: 10px;
    z-index: 1;
    width: 12px;
    height: 7px;
    background: url(../images/sprite-a.png?v=2) -59px -82px no-repeat;
}

.sort-a>ul>li {
    position: relative;
    z-index: 2;
    margin: 0;
}

.sort-a>ul>li>span {
    display: block;
    padding: 0 35px 0 11px;
    line-height: 27px;
    cursor: pointer;
}

.sort-a>ul>li>ul {
    position: absolute;
    right: 3000em;
    top: 27px;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #fff;
    background: #eee;
    line-height: 1.2;
}

.sort-a>ul.active>li>ul {
    right: 0;
}

.sort-a>ul>li>ul>li {
    margin: 0 20px;
    border-top: 1px solid #fff;
}

.sort-a>ul>li>ul>li:first-child {
    border: 0;
}

.sort-a>ul>li>ul>li>a {
    display: block;
    width: 100%;
    padding: 14px 0;
    color: #575653;
    font-weight: 400;
}

.sort-a>ul>li>ul>li>a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.sort-a>ul>li>ul>li>a>.inner {
    display: block;
    float: left;
    margin: 0 0 0 -5px;
    padding: 2px 5px 1px;
}

.sort-a>ul>li>ul>li>a:hover>.inner,
.sort-a>ul.active {
    background: #faf573;
}

.sort-a.a {
    position: absolute;
    right: 0;
    top: 36px;
}

h1+.sort-a.a+* {
    margin-top: 45px;
}

.tabs-a {
    margin: 40px 0 24px;
}

.tabs-a>ul {
    position: absolute;
    left: -3000em;
    top: 0;
    z-index: 2;
    list-style: none;
    width: auto;
    margin: 0 0 0 -12px;
    padding: 0;
    line-height: 1.1;
}

.tabs-a>ul:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.js .tabs-a>ul {
    position: relative;
    left: 0;
}

.tabs-a>ul li {
    position: relative;
    float: left;
    width: 33.333333333%;
    margin: 0;
    padding: 0 0 12px;
    border-left: 12px solid #fff;
    font-size: 2.5em;
    font-family: Din;
    text-transform: uppercase;
}

.tabs-a>ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.tabs-a>ul li * {
    font-weight: 400;
}

.tabs-a>ul li a {
    display: block;
    position: relative;
    height: 57px;
    padding: 18px 0 0 75px;
    background: #eee;
    color: #adaca5;
    font-weight: 400;
}

.tabs-a>ul li a img,
.tabs-a>ul li.active a img.active {
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
}

.tabs-a>ul li a img.active {
    left: -3000em;
}

.tabs-a>ul li a span {
    display: block;
    font-size: .6em;
}

.tabs-a>ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: -24px;
    top: 50%;
    width: 35px;
    height: 35px;
    margin: -23.5px 0 0;
    background: url(../images/sprite-a.png?v=2) 0 -82px no-repeat;
}

.tabs-a>ul li:first-child:after {
    top: -3000em;
}

.tabs-a>ul li.active {
    background: #faf573;
}

.tabs-a>ul li.active a {
    background: #575653;
    color: #fff;
    cursor: default;
}

.tabs-a>div {
    position: relative;
    z-index: 1;
    padding: 47px 50px 21px;
    background: #faf573;
}

.tabs-a.a {}

.tabs-a.a>ul {}

.tabs-a.a>ul li {
    font-size: 3.5em;
}

.tabs-a.a>ul li a {
    height: auto;
    padding: 22px 10px 42px;
    text-align: center;
}

.tabs-a.a>ul li a img,
.tabs-a.a>ul li.active a img.active {
    left: 50%;
    top: 100%;
    margin: -43px 0 0 -17.5px;
}

.tabs-a.a>ul li a img.active {
    left: -3000em;
}

.tabs-a.a>div,
.tabs-a.a>ul li.active {
    background: #71fbde;
}


/*! Headers --------- */

h1,
h2,
h3,
h4,
h5,
h6,
.header-b,
.header,
.h3 {
    margin: 36px 0 4px;
    font-size: 2em;
    font-weight: 400;
    font-family: Din;
    line-height: 1.1;
    text-transform: uppercase;
}


h1,
.header-b {
    font-size: 5em;
}

h2,
.h2 {
    margin: 31px 0 4px;
    font-size: 2.5em;
}

h1+h2,
h1+.h2 {
    margin-top: 6px;
}

.header-a {
    margin-bottom: 75px;
    padding: 40px 30px;
    background: #8ed1d5;
    color: #fff;
}

.header-c,
#root .header-c {
    margin-bottom: 3px;
    font-size: 5em;
    text-transform: uppercase;
}


/*! Typography --------- */

b,
strong,
.strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn,
em,
i,
.em {
    font-style: italic;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

small {
    font-size: 85%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.overlay-a {
    color: #000;
}

.scheme-a {
    font-size: 1.5em;
}

.scheme-b,
.scheme-b:hover,
.scheme-b:focus,
.scheme-b:active {
    color: #e26e1e;
    font-weight: 700;
}

.scheme-c {
    display: block;
    position: relative;
    width: 123px;
    height: 116px;
    margin: 0 auto 21px;
    padding: 47px 20px 0;
    border-radius: 200px;
    background: #575653;
    color: #71fbde;
    font-size: 3.6em;
    font-family: Din;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.scheme-c.a {
    background: #71fbde;
    color: #575653;
}

.scheme-d,
.popup-a .scheme-d {
    margin-bottom: 6px;
    font-size: 2.846em;
}

.scheme-e {
    position: relative;
    margin: 0 0 36px;
    padding: 20px 11px 24px;
    background: #faf37c;
    color: #575652;
    font-size: 1.7em;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
}

#root .scheme-e a {
    display: block;
    color: #575652;
}

.scheme-e a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.scheme-e+figure {
    margin-top: 55px;
}

.scheme-e.a {
    background: #77fade;
}


/*! Links --------- */

a {
    background: none;
    color: #4ed9bc;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}


/*---*/

a span {
    cursor: pointer;
}

a:hover,
a:focus,
a:active {
    color: #ead700;
}

.link-a {
    margin: 44px 0 49px;
    font-family: Din;
    font-size: 2em;
    text-transform: uppercase;
}

.link-a a,
.link-a>span {
    display: block;
    position: relative;
    width: 482px;
    margin: 0 auto;
    padding: 17px 20px 15px;
    background: #71fbde;
    color: #575653;
    font-weight: 400;
    text-align: center;
}

.link-a a:hover,
.link-a a:focus,
.link-a a:active,
.link-b a:hover,
.link-b a:focus,
.link-b a:active,
.link-d a:hover,
.link-d a:focus,
.link-d a:active {
    background: #a5ffec;
}

.link-a a.a,
.link-b a.a,
.link-d a.a,
.link-a>span.a {
    background: #faf573;
}

.link-a a.a:hover,
.link-a a.a:focus,
.link-a a.a:active,
.link-b a.a:hover,
.link-b a.a:focus,
.link-b a.a:active,
.link-d a.a:hover,
.link-d a.a:focus,
.link-d a.a:active {
    background: #fffca6;
}

.link-a a.b,
.link-b a.b,
.link-d a.b,
.link-a>span.b {
    background: #adaca5;
}

.link-a a.b:hover,
.link-a a.b:focus,
.link-a a.b:active,
.link-b a.b:hover,
.link-b a.b:focus,
.link-b a.b:active,
.link-d a.b:hover,
.link-d a.b:focus,
.link-d a.b:active {
    background: #c7c7c5;
}

.link-b {
    overflow: hidden;
    width: 100%;
    font-family: Din;
    font-size: 1.7em;
    text-transform: uppercase;
}

.link-b a {
    display: block;
    float: left;
    padding: 2px 11px 1px;
    background: #71fbde;
    color: #575653;
    font-weight: 400;
}

.link-c {
    font-size: 2.1em;
    text-align: center;
}

.link-c a {
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
    padding: 0 25px 0 0;
    font-weight: 400;
}

.link-c a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 9px;
    width: 16px;
    height: 14px;
    background: url(../images/sprite-a.png?v=2) -155px -82px no-repeat;
}

#root .link-c a:hover,
#root .link-c a:focus,
#root .link-c a:active {
    color: #faf573;
}

.link-d,
.popup-a .link-d {
    margin: 41px 0 20px;
    font-family: Din;
    font-size: 2.134em;
    text-align: center;
}

.link-d a {
    display: -moz-inline-stack;
    display: inline-block;
    min-width: 46px;
    height: 58px;
    padding: 0 20px;
    background: #71fbde;
    color: #575653;
    line-height: 58px;
}

.link-e {
    position: relative;
    z-index: 1;
    float: right;
    width: 257px;
    padding: 45px 25px 39px;
    background: rgba(113, 251, 222, .9);
    color: #575652;
    font-family: Din;
    font-size: 2.8em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
}

.lt-ie9 .link-e {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#E5FAF573, endColorstr=#E5FAF573);
    zoom: 1;
}

.link-e:before {
    content: "\e905";
    display: block;
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    font-family: i;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    text-align: centere;
}

.link-e>.fit-a {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 21px;
    height: 21px;
    border-radius: 30px;
    border: 1px solid #575652;
    cursor: pointer;
}

.link-e>.fit-a:before {
    content: "\e904";
    display: block;
    position: absolute;
    left: 0;
    top: 51%;
    width: 100%;
    margin: -4px 0 0;
    font-size: 8px;
    font-family: i;
    line-height: 8px;
    text-align: center;
}

.link-e a {
    display: block;
    position: relative;
    margin: 0 0 -5px;
    color: #575652;
    font-weight: 400;
}

.link-e a.small {
    display: -moz-inline-stack;
    display: inline-block;
    font-family: Swiss, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: .642em;
    text-transform: none;
}

.link-e a.small:after {
    left: 0;
    bottom: 1px;
    width: 11px;
    margin: 0;
    background-position: -175px -81px;
}

.link-e a.small:hover {
    text-decoration: underline;
}

#root .link-e.active {
    position: absolute;
    left: -3000em;
    top: -3000em;
    right: auto;
}

.link-f {
    overflow: hidden;
    margin-bottom: 19px;
    font-family: Din;
    font-size: 2.5em;
    text-transform: uppercase;
}

.link-f a {
    display: block;
    float: left;
    padding: 19px 50px 17px 60px;
    background: #faf37c;
    color: #575653;
    font-weight: 400;
    text-align: center;
}

.link-f a:after {
    content: "\e905";
    display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 0 0 10px;
    font-family: i;
    font-size: 15px;
}

.link-f a span {
    text-decoration: underline;
}

.link-g {
    font-family: 'Swiss';
}

.link-g a {
    display: inline-block;
    position: relative;
    padding: 0 0 0 22px;
    font-weight: 400;
    font-style: italic;
}

.link-g a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 18px;
    background: url(../images/sprite-a.png) -266px 0 no-repeat;
}

.link-f+.link-g {
    margin-top: 21px;
}

.link-h {
    font-style: italic;
}

.link-h a {
    display: inline-block;
    position: relative;
    color: #575653;
    font-weight: 400;
}

.link-h i {
    margin: 0 7px 0 0;
    font-size: 13px;
}


/*! Figures --------- */

img,
iframe,
object,
embed,
video {
    max-width: 100% !important;
}

img {
    height: auto !important;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

.lt-ie9 img {
    max-width: none !important;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

figure {
    margin: 0 0 38px;
}

.footer_member_of {
    display: -moz-inline-stack;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 9px;
    width: 48px;
    height: 25px;
    margin: 0 4px;
    background: url(../images/sprite-a.png?v=2) -171px -52px no-repeat;
    text-indent: -3000em;
    text-align: left;
}

.image-a {
    position: relative;
}

.image-b {
    position: relative;
    width: 220px;
    font-size: 1.6em;
    line-height: 1.15;
}

.image-b>span {
    display: block;
    position: absolute;
    right: 100%;
    bottom: 39px;
    padding: 0 9px 0 0;
}

.image-b>img {
    display: block;
    margin: 0 0 9px;
    border: 1px solid #000;
}

.image-d {
    position: relative;
    margin: 0 0 75px;
    color: #575653;
    font-size: 5em;
    font-weight: 400;
    font-family: Din;
    line-height: 1.075;
    text-align: center;
    text-transform: uppercase;
}

.image-d img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100% !important;
}

.image-d a {
    display: block;
    color: #575653;
    text-decoration: none;
}

.image-d>span,
.image-d a>span {
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    right: 30px;
    z-index: 2;
    padding: 22px 50px 18px;
    background: rgba(250, 243, 124, .9);
}

.image-d>span,
.image-d a>span {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.image-d>span span,
.image-d a>span span {
    display: block;
    margin: 8px 0 0;
    font-size: .4em;
}

#content>.image-d:first-child {
    margin-top: -42px;
}


/*! Lists --------- */

ul,
ol,
dd,
blockquote {
    margin: 31px 0 39px;
    padding-left: 20px;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}

li {
    margin-bottom: 2px;
}

li>ul,
li>ol,
li>ul:first-child,
li>ol:first-child {
    margin: 27px 0;
    padding: 0 0 0 62px;
}

li>ul {
    list-style: disc;
}

li>ul li,
li>ol li {
    font-size: .882em;
}

ul+ol,
ul+ul,
ol+ul,
ol+ol {
    margin-top: -10px;
}

.list-a {
    overflow: hidden;
    list-style: none;
    width: 105%;
    padding: 0;
    color: #adaca5;
    font-family: Din;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
}

.list-a li {
    position: relative;
    float: left;
    width: 110px;
    margin: 0 9px 9px 0;
    border-radius: 100px;
    background: #eee;
    font-size: 1.2em;
}

.list-a li a {
    display: block;
    width: 77px;
    height: 89px;
    padding: 21px 17px 0;
    color: #adaca5;
}

.list-a li:hover {
    background: #faf573;
    color: #575653;
}

.list-a li:hover a {
    color: #575653;
}

.list-a li img {
    display: block;
    margin: 0 auto 3px;
}

.list-b {
    overflow: hidden;
    list-style: none;
    width: 100%;
    padding: 0;
    color: #575653;
    line-height: 1.35;
    text-align: center;
}

.list-b li {
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
    width: 166px;
    height: 192px;
    margin: 0 27px;
    padding: 34px 30px 0;
    border-radius: 300px;
    background: #71fbde;
    font-size: 1.5em;
    font-style: italic;
}

.list-b li>span:first-child {
    display: block;
    margin: 0 0 -6px;
    font-size: 3.3333em;
    font-family: Din;
    font-style: normal;
    text-transform: uppercase;
}

.list-b li img {
    display: block;
    margin: 0 auto 8px;
}

.list-b li a {
    color: #575653;
    font-weight: 400;
}

.list-b li a:hover {
    text-decoration: underline;
}

.list-c {
    list-style: none;
    margin: 0 0 43px;
    padding: 0;
    line-height: 1.2;
}

.list-c>li {
    margin: 0 0 33px;
    font-size: 2.3em;
}

.list-c>li>a {
    color: #575653;
}

.list-c>li>a:after {
    content: "";
    display: -moz-inline-stack;
    display: inline-block;
    position: relative;
    top: 1px;
    width: 18px;
    height: 18px;
    margin: 0 0 0 9px;
    background: url(../images/sprite-a.png?v=2) -38px -82px no-repeat;
}

.list-c>li>a:hover,
.list-c>li>a:focus,
.list-c>li>a:active {
    color: #ead700;
}

.list-c>li>ul {
    display: block;
    overflow: hidden;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0 0 1px;
}

.list-c>li>ul>li {
    position: relative;
    float: left;
    padding: 0 4px 0 10px;
    font-size: .48em;
    font-style: italic;
}

.list-c>li>ul>li:before {
    content: "|";
    position: absolute;
    left: 0;
    top: -1px;
}

.list-c>li>ul>li:first-child {
    padding-left: 0;
}

.list-c>li>ul>li:first-child:before {
    top: -3000em;
}

.list-c>li>ul>li>a {
    color: #575653;
}

.list-c.a {
    margin-top: 25px;
}

.list-c.a>li {
    margin: 0 0 13px;
}

.list-c.a>li>a:after {
    position: absolute;
    left: -3000em;
}

.list-d {
    list-style: none;
    width: auto;
    margin: 0 0 32px -12px;
    padding: 0;
    color: #fff;
    line-height: 1.25;
    text-align: center;
}

.list-d:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.list-d li {
    position: relative;
    float: left;
    width: 33.33333333%;
    height: 238px;
    margin: 0;
    padding: 44px 60px 0;
    border-left: 12px solid #fff;
    background: #575653;
    font-size: 1.8em;
}

.list-d li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.list-d li>span:first-child {
    display: block;
    margin: 0 0 2px;
    font-style: normal;
    font-family: Din;
    font-size: 2.555em;
    text-transform: uppercase;
}

.list-d li img {
    display: block;
    margin: 0 auto 12px;
}

.list-d li>.fit-a {
    display: block;
    position: absolute;
    left: -30px;
    top: 50%;
    width: 47px;
    height: 47px;
    margin: -23.5px 0 0;
    background: url(../images/sprite-a.png?v=2) -103px -202px no-repeat;
}

.list-d.a {
    line-height: 1.05;
    text-transform: uppercase;
}

.list-d.a li {
    padding: 36px 20px 0;
    font-size: 3.8em;
    font-weight: 400;
    font-family: Din;
}

.list-d.a li a {
    display: block;
    margin: 6px 0 0;
    color: #faf37c;
    font-style: italic;
    font-size: .368em;
    font-weight: 400;
    font-family: Swiss, Arial, Helvetica, sans-serif;
    text-transform: none;
}

.list-d.a li a:after {
    content: "\e905";
    display: inline-block;
    margin: 0 0 0 6px;
    font-weight: 400;
    font-family: i;
    font-style: normal;
    font-size: 10px;
    line-height: 10px;
}

.list-d.a li>.fit-a {
    left: -3000em;
}

.list-d.a li img {
    margin-bottom: 16px;
}

.list-e {
    list-style: none;
    margin-top: 19px;
    padding: 0;
    color: #000;
}

.list-e>li {
    margin: 0 0 5px;
    padding: 0 0 0 27px;
}

.list-e>li>a {
    display: block;
    position: relative;
    margin: 0 0 0 -27px;
    padding: 0 0 0 27px;
    color: #575653;
    font-size: 1.411em;
    font-family: Din;
    font-weight: 400;
    text-transform: uppercase;
}

.list-e>li>a:before {
    content: "\e90a";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 18px;
    height: 18px;
    background: #ededed;
    color: #575653;
    font-size: 6px;
    font-family: i;
    line-height: 19px;
    text-align: center;
}

.list-e>li.active>a:before {
    background: #77fade;
}

.list-e>li.active>a:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.list-e>li>span {
    display: block;
    position: absolute;
    left: -3000em;
    top: 0;
    margin: -4px 0 0;
    padding: 0 0 12px;
}

.list-e>li.active>span {
    position: relative;
    left: 0;
}

.list-f {
    overflow: hidden;
    list-style: none;
    margin: 0 0 17px;
    padding: 0;
    color: #575653;
    font-weight: 700;
}

.list-f li {
    display: inline;
    margin: 0;
    font-size: 1.7em;
}

.list-f li:after {
    content: ">";
    display: inline-block;
    width: 24px;
    text-align: center;
}

.list-f li:last-child:after,
.list-g li:last-child:after {
    position: absolute;
    left: -3000em;
    top: 0;
}

.list-f li a {
    color: #575653;
    font-weight: 400;
}

.list-g {
    overflow: hidden;
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
    color: #000;
    font-family: Din;
}

.list-g li {
    display: inline;
    font-size: 2.1em;
}

.list-g li:after {
    content: "/";
    display: inline-block;
    width: 14px;
    text-align: center;
}

.list-g li a {
    color: #000;
    font-weight: 400;
}


/*! Forms --------- */

fieldset,
hr {
    border-width: 0;
}

legend {
    position: absolute;
    left: 0;
    top: -3000em;
    padding: 0;
    border: 0;
    white-space: normal;
}

input,
select,
textarea {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    line-height: normal;
    text-align: left;
    text-transform: none;
    outline: none;
}

input {}

input[type="search"],
input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    height: auto;
    margin: 0;
}

input[type="number"]::-o-outer-spin-button,
input[type="number"]::-o-inner-spin-button {
    -o-appearance: none;
    margin: 0;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="checkbox"],
input[type="radio"],
.lt-ie9 input[type="checkbox"],
.lt-ie9 input[type="radio"] {
    height: auto;
    padding: 0;
    border: 0;
    background: none;
    line-height: 1;
}

input[type="color"] {
    padding: 0;
    cursor: pointer;
}

textarea {
    overflow: auto;
    margin: 0;
    vertical-align: top;
    resize: vertical;
}

select {
    margin: 0;
    line-height: 1;
    text-overflow: '';
    text-indent: 0.01px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    overflow: visible;
    position: relative;
    z-index: 3;
    margin: 0;
    box-shadow: none;
    text-transform: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: button;
    -webkit-font-smoothing: inherit;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
    outline: none;
}

form [disabled] {
    cursor: default;
}

form>div {
    position: relative;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: inherit;
}

::-moz-placeholder {
    opacity: 1;
    color: inherit;
}

:-moz-placeholder {
    opacity: 1;
    color: inherit;
}

:-ms-input-placeholder {
    opacity: 1;
    color: inherit;
}

:focus::-webkit-input-placeholder {
    opacity: 0;
}

:focus::-moz-placeholder {
    opacity: 0;
}

:focus:-moz-placeholder {
    opacity: 0;
}

:focus:-ms-placeholder {
    opacity: 0;
}

form {}

label {
    display: block;
    left: 0;
    top: 0;
    z-index: 2;
}

form p {
    position: relative;
    clear: both;
    font-size: 2.1em;
}

form p:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="week"] {
    height: 56px;
    padding: 0 18px;
    line-height: 1;
}

.lt-ie9 input[type="color"],
.lt-ie9 input[type="date"],
.lt-ie9 input[type="datetime"],
.lt-ie9 input[type="email"],
.lt-ie9 input[type="tel"],
.lt-ie9 input[type="text"],
.lt-ie9 input[type="number"],
.lt-ie9 input[type="password"],
.lt-ie9 input[type="range"],
.lt-ie9 input[type="search"],
.lt-ie9 input[type="time"],
.lt-ie9 input[type="url"],
input[type="week"] {
    line-height: 56px;
}

select {
    padding: 14px 14px 13px 14px;
}

textarea {
    min-height: 33px;
    padding: 13px 13px 10px 18px;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    position: relative;
    z-index: 1;
    border: 1px solid #e1e1e1;
    background: #fff;
    color: #adaca5;
}

button,
.form-b.a button {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 3;
    float: left;
    height: 58px;
    padding: 2px 20px 0;
    border: 0;
    background: #faf573;
    color: #575653;
    font-family: Din;
    text-transform: uppercase;
    text-align: center;
}

.form-a {}

.form-a fieldset {
    position: relative;
    width: 333px;
    padding: 49px 0 0;
}

.form-a legend {
    display: block;
    position: absolute;
    left: -5%;
    top: 0;
    width: 110%;
    font-weight: 400;
    font-size: 2.1em;
    text-transform: none;
    text-align: center;
}

.form-a legend * {
    font-weight: 400;
}

.form-a label {
    position: absolute;
    left: -3000em;
    padding: 0 19px;
    color: #adaca5;
    line-height: 58px;
    cursor: text;
}

.js .form-a label {
    left: 0;
}

.form-a input {
    width: 190px;
}

.form-a button {
    float: right;
    width: 99px;
    padding-left: 0;
    padding-right: 0;
}

.form-b {}

.form-b p {
    width: 292px;
    margin: 0 auto 8px;
    font-size: 2.1em;
}

.form-b label {}

.js .form-b label {
    position: absolute;
    padding: 0 19px;
    color: #adaca5;
    line-height: 58px;
    cursor: text;
}

.form-b input {
    width: 254px;
}

.form-b select {
    width: 292px;
}

.form-b button {
    float: none;
    width: 64px;
    height: 64px;
    margin: 14px auto 0;
    padding: 0;
    border: 0;
    background: url(../images/sprite-a.png?v=2) -102px -256px no-repeat;
    text-align: left;
    text-indent: -3000em;
}

.form-b.a {}

.form-b.a p {
    width: 338px;
}

.form-b.a input {
    width: 300px;
}

.form-b.a button {
    float: right;
    width: auto;
    margin: 0;
    text-indent: 0;
}

.form-c {
    margin-top: 30px;
}

.form-c p {
    margin-bottom: 10px;
    font-size: 1.6em;
}

.form-c label {
    display: block;
    float: left;
    width: 230px;
    height: 41px;
    line-height: 41px;
}

.form-c input {
    width: 319px;
    height: 39px;
    padding: 0 12px;
}

.lt-ie9 .form-c input {
    line-height: 39px;
}

.form-c select {
    width: 345px;
    padding: 8px;
}

.form-c textarea {
    width: 323px;
    height: 150px;
    min-height: 150px;
    padding: 8px 8px 8px 12px;
}

.form-c button {
    margin-top: 9px;
}

.form-d {
    max-width: 332px;
    margin: 45px auto 58px;
}

.form-d p {
    padding: 0 104px 0 0;
    font-size: 2em;
}

.js .form-d label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 19px;
    color: #818386;
    line-height: 58px;
    cursor: text;
}

.form-d input {
    width: 100%;
    border-color: #c5c7c8;
    color: #818386;
}

.form-d button {
    position: absolute;
    right: 0;
    top: 0;
    width: 97px;
    height: 56px;
    padding: 0;
    color: #000;
}


/*! Tables --------- */

table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
    border: 0;
    font-weight: 400;
    text-align: left;
}

.table-a {}

.table-a th,
.table-a td {
    text-align: center;
}

.table-a tr>*:first-child {
    text-align: left;
}


/*! Shadows --------- */

.tabs-a>div:after,
.tabs-a>div:before,
.nav-a:after,
.nav-a:before,
.link-a a:after,
.link-a a:before,
.tabs-a>ul li.active a:before,
.tabs-a>ul li.active a:after,
.module-b:before,
.module-b:after,
.image-a:before,
.image-a:after,
.module-a:before,
.module-a:after,
.slider-a:before,
.slider-a:after,
.list-d li:before,
.list-d li:after,
#root .module-c>.fit-a,
#root .module-c>.fit-b,
#featured h1:before,
#featured h2:after,
#featured h2:before,
#featured h2:after,
#featured p:before,
#featured p:after,
.link-a>span:before,
.link-a>span:after,
.scheme-e:before,
.scheme-e:after,
.image-d>span:before,
.image-d a>span:before,
.image-d>span:after,
.image-d a>span:after,
.image-d:before,
.image-d:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    width: 50%;
    height: 25px;
    background: url(../images/shade-a.png?v=2) no-repeat;
}

.tabs-a>div:before,
.nav-a:before,
.link-a a:before,
.tabs-a>ul li.active a:before,
.module-a:before,
.link-a>span:before {
    left: 0;
    background-position: 0 0;
}

.tabs-a>div:after,
.nav-a:after,
.link-a a:after,
.tabs-a>ul li.active a:after,
.module-a:after,
.link-a>span:after {
    right: 0;
    background-position: 100% 0;
}

.module-b:before,
.module-b:after {
    height: 35px;
}

.module-b:before {
    left: 0;
    background-position: 0 -40px;
}

.module-b:after {
    right: 0;
    background-position: 100% -40px;
}

.image-a:before,
.image-a:after {
    height: 43px;
}

.image-a:before {
    left: 0;
    background-position: 0 -85px;
}

.image-a:after {
    right: 0;
    background-position: 100% -85px;
}

.slider-a:before,
.slider-a:after,
.list-d li:before,
.list-d li:after {
    height: 44px;
}

.slider-a:before,
.list-d li:before {
    left: 0;
    background-position: 0 -144px;
}

.slider-a:after,
.list-d li:after {
    right: 0;
    background-position: 100% -144px;
}

#root .module-c>.fit-a,
#root .module-c>.fit-b {
    height: 40px;
}

#root .module-c>.fit-a {
    left: 0;
    background-position: 0 -198px;
}

#root .module-c>.fit-b {
    right: 0;
    background-position: 100% -198px;
}

#featured h1:before,
#featured h2:after,
#featured h2:before,
#featured h2:after,
.image-d:before,
.image-d:after {
    height: 45px;
}

#featured h1:before,
#featured h2:before,
.image-d:before {
    left: 0;
    background-position: 0 -243px;
}

#featured h1:after,
#featured h2:after,
.image-d:after {
    right: 0;
    background-position: 100% -243px;
}

#featured p:before,
#featured p:after {
    height: 20px;
}

#featured p:before {
    left: 0;
    background-position: 0 -298px;
}

#featured p:after {
    right: 0;
    background-position: 100% -298px;
}

#featured {
    position: relative;
    z-index: 1;
}

.scheme-e:before,
.scheme-e:after {
    height: 24px;
}

.scheme-e:before {
    left: 0;
    background-position: 0 -324px;
}

.scheme-e:after {
    right: 0;
    background-position: 100% -324px;
}

.image-d>span:before,
.image-d a>span:before,
.image-d>span:after,
.image-d a>span:after {
    height: 54px;
}

.image-d>span:before,
.image-d a>span:before {
    left: 0;
    background-position: 0 -354px;
}

.image-d>span:after,
.image-d a>span:after {
    right: 0;
    background-position: 100% -354px;
}


/*! Helpers --------- */

* {
    transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    -moz-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    -webkit-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    -o-transition: color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    -ms-transition: color 0.4s ease-in-out 0s, background-color 0.4s ease-in-out 0s, border-color 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s;
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
}

.popup-a .box-inner,
.popup-a .box-outer>.close,
.popup-a,
.list-e>li>a:before,
#root>.link-e {
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.safari .popup-a .box-inner,
.safari .popup-a .box-outer>.close,
.safari .popup-a {
    transform: none;
    -webkit-transform: none;
    transition: none;
    -webkit-transition: none;
}

.clear {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 0;
}

.hidden,
[hidden] {
    position: absolute;
    left: -3000em;
    top: 0;
}

hr,
.hr {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
    background: none;
    font-size: 0;
}

.hr hr {
    display: none;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
ul:first-child,
ol:first-child,
dd:first-child,
blockquote:first-child,
.link-a:first-child,
.tabs-a:first-child,
.module-b:first-child,
.module-a ul,
.module-a ol,
.link-d:first-child,
.popup-a .link-d:first-child,
.form-c:first-child,
.header-b:first-child,
.list-c.a:first-child,
.list-e:first-child,
#root .list-f+*,
.form-d:first-child,
.social-b:first-child {
    margin-top: 0;
}

.module-a>*:last-child {
    margin-bottom: 0;
}

.module-a>.last-child {
    margin-bottom: 0;
}


/*! Warnings --------- */

p.lt-ie9,
#root:after {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 28px;
    background: #333;
    color: #fff;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 28px;
    text-align: center;
}

p.lt-ie9 a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}

p.lt-ie9 a:hover,
p.lt-ie9 a:focus,
p.lt-ie9 a:active {
    text-decoration: none;
}

/*#root:after {
    content: "Ummm.. please, enable JavaScript support to fully experience this site.";
}*/

.js #root:after {
    position: absolute;
    left: -3000em;
    top: -3000em;
}

.js body {
    padding-top: 0;
}

.lt-ie9 body {
    padding-top: 28px;
}


/*! Miscellaneous --------- */

audio,
canvas,
iframe,
img,
svg,
video {
    border-width: 0;
    vertical-align: middle;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

svg:not(:root) {
    overflow: hidden;
}

@-ms-viewport {
    width: auto;
}

::selection {
    background: #4ed9bc;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #4ed9bc;
    color: #fff;
    text-shadow: none;
}

#root .desktop-hide,
#root .tablet-only,
#root .mobile-only {
    position: absolute;
    left: -3000em;
    top: -3000em;
    bottom: inherit;
    right: inherit;
}


/*! Fonts --------- */

@font-face {
    font-family: 'Swiss';
    font-display: swap;
    src: url('fonts/swiss721bt-romancondensed.eot');
    src: url('fonts/swiss721bt-romancondensed.eot?#iefix') format('embedded-opentype'), url('fonts/swiss721bt-romancondensed.woff2') format('woff2'), url('fonts/swiss721bt-romancondensed.woff') format('woff'), url('fonts/swiss721bt-romancondensed.ttf') format('truetype'), url('fonts/swiss721bt-romancondensed.svg#swiss_721condensed') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Swiss';
    font-display: swap;
    src: url('fonts/swiss721bt-italiccondensed.eot');
    src: url('fonts/swiss721bt-italiccondensed.eot?#iefix') format('embedded-opentype'), url('fonts/swiss721bt-italiccondensed.woff2') format('woff2'), url('fonts/swiss721bt-italiccondensed.woff') format('woff'), url('fonts/swiss721bt-italiccondensed.ttf') format('truetype'), url('fonts/swiss721bt-italiccondensed.svg#swiss_721condensed_italic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Swiss';
    font-display: swap;
    src: url('fonts/swiss721bt-boldcondensed.eot');
    src: url('fonts/swiss721bt-boldcondensed.eot?#iefix') format('embedded-opentype'), url('fonts/swiss721bt-boldcondensed.woff2') format('woff2'), url('fonts/swiss721bt-boldcondensed.woff') format('woff'), url('fonts/swiss721bt-boldcondensed.ttf') format('truetype'), url('fonts/swiss721bt-boldcondensed.svg#swiss_721bold_condensed') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Swiss';
    src: url('fonts/swiss721bt-boldcondensedita.eot');
    src: url('fonts/swiss721bt-boldcondensedita.eot?#iefix') format('embedded-opentype'), url('fonts/swiss721bt-boldcondensedita.woff2') format('woff2'), url('fonts/swiss721bt-boldcondensedita.woff') format('woff'), url('fonts/swiss721bt-boldcondensedita.ttf') format('truetype'), url('fonts/swiss721bt-boldcondensedita.svg#swiss_721BdCnIt') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Din';
    font-display: swap;
    src: url('fonts/dinengschrift.eot');
    src: url('fonts/dinengschrift.eot?#iefix') format('embedded-opentype'), url('fonts/dinengschrift.woff2') format('woff2'), url('fonts/dinengschrift.woff') format('woff'), url('fonts/dinengschrift.ttf') format('truetype'), url('fonts/dinengschrift.svg#dinschriftregular') format('svg');
    font-weight: 400;
    font-style: normal;
}


/*! Icons --------- */

@font-face {
    font-family: 'i';
    font-display: auto;
    src: url('icons/icomoon.eot?mrw3x1');
    src: url('icons/icomoon.eot?mrw3x1#iefix') format('embedded-opentype'), url('icons/icomoon.ttf?mrw3x1') format('truetype'), url('icons/icomoon.woff?mrw3x1') format('woff'), url('icons/icomoon.svg?mrw3x1#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'i';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-google-plus:before {
    content: "\e909";
}

.icon-twitter:before {
    content: "\e900";
}

.icon-linkedin:before {
    content: "\e901";
}

.icon-slideshare:before {
    content: "\e902";
}

.icon-arrow-left:before {
    content: "\e903";
}

.icon-x:before {
    content: "\e904";
}

.icon-arrow-right:before {
    content: "\e905";
}

.icon-arrow-up:before {
    content: "\e906";
}

.icon-facebook:before {
    content: "\e907";
}

.icon-arrow-down:before {
    content: "\e908";
}

.icon-chevron-down:before {
    content: "\e90a";
}

.icon-chevron-up:before {
    content: "\e90b";
}

.icon-chevron-left:before {
    content: "\e90c";
}

.icon-chevron-right:before {
    content: "\e90d";
}


/* Responsive --------- */

@media only screen and (max-width: 68.75em) {
    /* 1100 */
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
}

@media only screen and (min-width: 62.51em) {
    /* 1000min */
    #featured .slider {
        overflow: hidden;
        height: 75px;
    }
}

@media only screen and (max-width: 62.5em) {
    /* 1000 */
    #top,
    #featured,
    #content,
    /* #footer, */
    #contact {
        width: 720px;
    }
    
    #weUseCookies {
        width: 490px;
    }

    #top {}
    #nav {
        width: 540px;
    }
    #nav>ul>li {
        border-left-width: 20px;
    }
    #featured {
        height: auto;
        padding: 80px 0;
        background-size: contain;
        background-position: center center;
    }
    #featured .slider p {
        font-size: 2.8em;
    }
    #contact {
        padding-right: 0;
    }
    #contact footer {
        position: relative;
        top: 0;
        margin-top: 40px;
        text-align: left;
    }
    #contact .link-f a {
        display: inline-block;
        float: none;
    }
    /* #footer>*:first-child {
        width: 540px;
    } */
    .cols-a {}
    .cols-a>* {
        width: 520px;
    }
    #root .cols-a>*:only-child,
    #root .double-a.b>* {
        float: none;
        width: auto;
    }
    .double-a.a>*:first-child,
    .double-a.a>* {
        padding: 0;
    }
    .double-a>*+figure {
        margin-top: 30px;
    }
    .image-b {}
    .image-b>span {
        position: relative;
        right: 0;
        bottom: 0;
        margin: 0 0 10px;
    }
    .image-d {
        font-size: 4em;
    }
    .link-a {}
    .link-a a,
    .link-a>span {
        width: auto;
    }
    .list-b {}
    .list-b li {
        margin-bottom: 30px;
    }
    .list-b li:last-child {
        margin-bottom: 0;
    }
    .list-d {}
    .list-d li {
        padding-left: 25px;
        padding-right: 25px;
    }
    .list-d li>span:first-child {
        font-size: 2em;
    }
    .module-b {
        padding-bottom: 26px;
    }
    #root .module-b figure+* {
        margin-top: 50px;
    }
    .module-b>div>*,
    .module-b>div>*:first-child {
        float: none;
    }
    .module-b>div.a,
    .module-b>div.b {
        margin: 60px 0 0;
        padding: 0 20px 0;
    }
    .module-b>div.a>*,
    .module-b>div>*,
    .module-b>div>*:first-child,
    .module-b>div.b>*,
    .module-b>div.b>*:first-child {
        float: left;
        width: 50%;
    }
    .module-c {}
    .module-c ul {
        width: 580px;
    }
    .tabs-a {}
    .tabs-a.a>ul li {
        font-size: 2.5em;
    }
    .tabs-a>ul li a {
        height: auto;
        padding: 22px 10px 42px;
        text-align: center;
    }
    .tabs-a>ul li a img,
    .tabs-a>ul li.active a img.active {
        left: 50%;
        top: 100%;
        margin: -43px 0 0 -17.5px;
    }
    .form-c {}
    .form-c input {
        width: 244px;
    }
    #root .desktop-hide,
    #root .tablet-only {
        position: relative;
        left: 0;
        top: 0;
    }
    #root .desktop-only,
    #root .tablet-hide,
    .module-b .europe:before,
    .module-b .asia:before,
    .module-b .africa:before {
        position: absolute;
        left: -3000em;
        top: -3000em;
        bottom: inherit;
        right: inherit;
    }
}

@media only screen and (max-width: 47.5em) {
    /* 760 */
    #top,
    #featured,
    #content,
    /* #footer, */
    #contact {
        width: auto;
    }
    #top,
    #featured,
    #content,
    /* #footer, */
    #content.a,
    #root>aside.mobile-only,
    #contact {
        padding-left: 20px;
        padding-right: 20px;
    }
    #top {
        margin-bottom: 40px;
    }
    #top>h1,
    #top>h2,
    #logo {
        float: none;
    }
    #nav {
        position: static;
        left: 0;
        clear: both;
        float: none;
        width: auto;
        margin: 0 0 0 -20px;
        padding: 30px 0 0;
    }
    #nav>ul>li {
        float: left;
        width: 33.333333333%;
        margin: 0;
        border-left-width: 20px;
    }
    #nav>ul>li:nth-child(3n)+li {
        clear: both;
    }
    #nav>ul>li>a {
        float: none;
        width: auto;
        margin: 0;
    }
    #nav>ul>li.a {
        position: relative;
        right: 0;
        top: 0;
        float: left;
        width: 33.333333333%;
        margin: 0;
        padding: 0 0 6px;
        border-left-width: 20px;
        font-size: 2em;
    }
    #nav>ul>li.a>a {
        display: block;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        padding: 1px 0 0;
        border-bottom: 10px solid #eee;
        background: none;
        color: #adaca5;
        text-align: left;
    }
    #social {
        right: 20px;
    }
    #featured {
        height: auto;
        padding: 0;
        background: none;
    }
    #featured .slider {
        padding: 20px;
    }
    #featured .slider p {
        font-size: 2.4em;
    }
    #featured>p {
        left: 0;
        font-size: 2em;
    }
    #contact,
    #contact * {
        text-align: center;
    }
    /* #footer {
        padding-top: 10px;
        padding-bottom: 0;
    }
    #footer>*,
    #footer>*:first-child,
    #footer>*:first-child>* {
        float: none;
        width: auto;
        border: 0;
    }
    #footer>*:first-child>* {
        margin-bottom: 30px;
    }
    #footer .vcard h2,
    #footer .vcard h3 {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 12px;
        padding: 0 0 8px;
        border-bottom: 1px solid #575653;
    }
    #footer .vcard h2.fn,
    #footer .vcard h3.fn {
        display: block;
    } */
    #root .cols-a>*,
    #root .double-a>* {
        float: none;
        width: auto;
    }
    .double-a>*+* {
        margin-top: 30px;
    }
    .cols-a>*:first-child {
        margin-bottom: 40px;
    }
    #content.cols-a {
        padding-bottom: 0;
    }
    h1,
    .header-b {
        font-size: 4em;
    }
    .header-a {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px 20px 17px;
    }
    .image-d {
        font-size: 3em;
    }
    #content>.image-d:first-child {
        margin-top: 0;
    }
    .link-f {}
    .link-f a {
        padding-left: 20px;
        padding-right: 20px;
    }
    .list-a {
        width: auto;
    }
    .list-a li {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .list-d {}
    .list-d li,
    .list-d.a li {
        float: none;
        width: auto;
        height: auto;
        margin: 0 0 12px;
        padding: 30px;
    }
    .slider-a {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .module-b {
        margin-left: -20px;
        margin-right: -20px;
    }
    .module-b>div.a,
    .module-b>div.b {
        margin: 0;
    }
    .module-b>div.a>*,
    .module-b>div>*,
    .module-b>div>*:first-child,
    .module-b>div.b>*,
    .module-b>div.b>*:first-child {
        float: none;
        width: auto;
        margin: 0 0 40px;
        padding: 0;
        border: 0;
    }
    #root .module-b>div:last-child>*:last-child {
        margin-bottom: 0;
    }
    .module-b h2,
    .module-b h3 {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 0 0 10px;
        padding: 0 0 8px;
        border-bottom: 1px solid #fff;
    }
    .module-c {}
    #root .module-c h1,
    #root .module-c h2,
    #root .module-c .header {
        float: none;
        padding-bottom: 0;
    }
    .module-c ul {
        float: none;
        width: auto;
        height: 53px;
        padding-left: 20px;
        text-align: center;
    }
    .module-c ul li {
        padding: 10px 0 18px;
    }
    .nav-a {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        width: auto !important;
        margin: 0 -20px !important;
    }
    #root .nav-a>ul>li:hover>ul {
        position: absolute;
        left: -3000em;
    }
    #root .nav-a>ul>li.active>ul {
        position: relative;
        left: 0;
    }
    .popup-a {}
    .popup-a .box-inner {
        width: 90%;
        max-width: 434px;
    }
    .tabs-a {
        margin-left: -20px;
        margin-right: -20px;
    }
    .tabs-a>div {
        padding: 20px 20px 7px;
    }
    #root .tabs-a>ul li {
        float: none;
        width: auto;
        padding: 0 0 1px;
        background: none;
    }
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="email"],
    input[type="tel"],
    input[type="text"],
    input[type="number"],
    input[type="password"],
    input[type="range"],
    input[type="search"],
    input[type="time"],
    input[type="url"],
    input[type="week"] {
        height: 58px;
    }
    .form-a {
        padding: 0;
    }
    .form-a fieldset {
        padding: 0;
    }
    .form-a legend {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0 0 22px;
        line-height: 1.1;
    }
    .form-a p {
        width: auto;
        /* padding-right: 105px; */
    }
    .form-a input,
    .form-a fieldset {
        width: 100%;
    }
    .form-a button {
        position: absolute;
        right: 0;
        top: 0;
    }
    .form-b p {
        width: auto;
    }
    .form-b input {
        width: 100%;
    }
    .form-c {}
    .form-c label {
        float: none;
        width: auto;
        height: auto;
        line-height: 1.1;
    }
    .form-c input {
        width: 100%;
        height: 41px;
    }
    .form-c button {
        width: 100%;
    }
    table {}
    th,
    td {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 1.3em;
    }
    #nav>ul>li,
    input,
    select,
    textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .list-d br {
        display: none;
    }
    #root .tablet-hide,
    #root .mobile-only {
        position: relative;
        left: 0;
        top: 0;
    }
    #root .tablet-only,
    #root .mobile-hide,
    .js .nav-a+*,
    .nav-a:before,
    .nav-a:after,
    .tabs-a>ul li:after,
    .tabs-a>ul li:after,
    .list-d li>.fit-a,
    .slider-a .bx-prev,
    .slider-a .bx-next {
        position: absolute;
        left: -3000em;
        top: -3000em;
        bottom: inherit;
        right: inherit;
    }
}

@media only screen and (max-width: 31.25em) {
    /* 500 */
    #weUseCookies {
        width: auto;
    }

    #nav {
        margin: 0;
    }
    #nav>ul>li,
    #nav>ul>li.a {
        float: none;
        width: auto;
        margin: 0 0 10px;
        padding: 0;
        border: 0;
    }
    #nav>ul>li>a,
    #nav>ul>li.a>a {
        float: none;
        padding: 6px 0 6px 20px;
        border-width: 0;
        border-left: 10px solid #eee;
    }
    #root #nav>ul>li>ul {
        left: -3000em;
    }
    .image-d>span,
    .image-d a>span {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        background: #faf37c;
    }
    .image-d>span,
    .image-d a>span {
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .image-d>span:before,
    .image-d a>span:before,
    .image-d>span:after,
    .image-d a>span:after {
        position: absolute;
        left: -3000em;
        top: -3000em;
        bottom: inherit;
        right: inherit;
    }
}

@media only screen and (max-width: 25em) {
    /* 400 */
    @-ms-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
    .popup-a {}
    .popup-a .box-inner {
        left: 5%;
        width: 90%;
        max-width: none;
        margin-left: 0 !important;
    }
    .module-c {}
    #root .module-c .link-e {
        left: 0;
        width: auto;
    }
    table {}
    th,
    td {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 1.1em;
    }
}

.image-c {
    position: relative;
    min-height: 129px;
    margin: 60px 0 23px;
    padding: 46px 0 0 205px;
    color: #575653;
    font-size: 4em;
    font-weight: 400;
    font-family: Din;
    line-height: 1.125;
    text-transform: uppercase;
}

.image-c img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 300px;
}

.image-c:first-child {
    margin-top: 0;
}

.image-c span {
    display: block;
    font-size: .875em;
}

@media only screen and (max-width: 47.5em) {
    /* 760 */
    .image-c {
        padding: 0;
        text-align: center;
    }
    .image-c img {
        position: relative;
        margin: 0 auto 25px;
    }
    
    #language {
        position: absolute;
        right: 20px;
        top: 40px;
    }
}

@media only screen and (max-width: 25em) {
    /* 400 */
    @-ms-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }
}


.loginMessageBox {
    width:400px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background:#ffffff;
    margin-bottom: 30px;
    color: #000000;
    padding: 10px;
    font-size: 18px;
    display: none;
}

#loginLoading {
    padding: 10px;
    font-size: 18px;
    margin-bottom: 10px;
    display: none;
}

.our-clients {
    padding: 80px 55px 30px;
    max-width: 700px;
    box-sizing: border-box;
    margin: 80px auto 0;
    position: relative;
    background: #eee;
}

.our-clients .clients {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.our-clients h2 {
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: -45px;
    padding: 25px 22px;
    font-size: 3.5em;
    width: 100%;
    left: 0;
    right: 0;
    box-sizing: border-box;
}

    .our-clients h2 span {
        background: #7ffbe1;
        padding: 25px 22px;
        position: relative;
        z-index: 4;
    }

.our-clients .clients a {
    margin: 10px 10px 40px;
}

.our-clients:after, .our-clients:before {
    background: none;
    bottom: 12px;
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    content: "";
    height: 10px;
    left: 12px;
    position: absolute;
    top: auto;
    width: 40%;
    z-index: -1;
    -moz-transform: skew(-4deg) rotate(-4deg);
    -webkit-transform: skew(-4deg) rotate(-4deg);
    transform: skew(-4deg) rotate(-4deg);
}

.our-clients:after {
    -moz-transform: skew(4deg) rotate(4deg);
    -webkit-transform: skew(4deg) rotate(4deg);
    transform: skew(4deg) rotate(4deg);
    left: auto;
    right: 12px;
}

.our-clients h2 span:after, .our-clients h2 span:before {
    background: none;
    bottom: 12px;
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
    content: "";
    height: 10px;
    left: 12px;
    position: absolute;
    top: auto;
    width: 40%;
    z-index: -1;
    -moz-transform: skew(-4deg) rotate(-4deg);
    -webkit-transform: skew(-4deg) rotate(-4deg);
    transform: skew(-4deg) rotate(-4deg);
}

.our-clients h2 span:after {
    -moz-transform: skew(4deg) rotate(4deg);
    -webkit-transform: skew(4deg) rotate(4deg);
    transform: skew(4deg) rotate(4deg);
    left: auto;
    right: 12px;
}

/* Changes 21/03/2019 */
.contact-adresses {
    margin-top: 50px;
}
    .contact-adresses .row-adress {
        display: flex;
        border-bottom: solid 3px #E5E6E6;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .contact-adresses .row-adress:last-child {
        border: none;
    }

        .contact-adresses .row-adress .vcard {
            width: 33%;
            line-height: 30px;
        }
            .contact-adresses .row-adress .vcard .adress, .contact-adresses .row-adress .vcard .tel {
                margin-bottom: 0;
            }
            .contact-adresses .row-adress .vcard p:first-child {
                margin-bottom: 10px;
            }
                .contact-adresses .row-adress .vcard .adress a {
                    color: #575653;
                    font-weight: initial;
                }

/* Changes 10/04/2019 for migration */
.map-contact {
    max-width: 140% !important;
    position: relative;
    left: -140px;
    margin-top: 30px;
}

@media only screen and (max-width: 760px) {
    .map-contact {
        left: -20%;
        max-width: 130% !important;
    }
    .contact-adresses .row-adress {
        display: contents;
        border-bottom: none;
        padding-bottom: 0;
        overflow: hidden;
    }
        .contact-adresses .row-adress .vcard p:first-child {
            border-bottom: solid 3px #E5E6E6;
        }
}

@media only screen and (max-width: 420px) {
        .contact-adresses .row-adress .vcard {
            width: 100%;
            margin-bottom: 30px;
        }
}

@media screen and (min-width: 420px) and (max-width: 1150px) {
    .contact-adresses .row-adress .vcard {
        width: 46%;
        float: left;
        margin-bottom: 30px;
        margin-right: 4%;
        height: 220px;
    }
}

@media screen and (min-width: 761px) and (max-width: 1000px) {
    .map-contact {
        max-width: 130% !important;
        left: -104px;
    }
}

.active:after {
    content: '';
}