@font-face {
    font-family: 'whitneyMediumIt';
    src: url('fonts/whitneymediumitalic-webfont.eot');
    src: url('fonts/whitneymediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/whitneymediumitalic-webfont.woff') format('woff'),
         url('fonts/whitneymediumitalic-webfont.ttf') format('truetype'),
         url('fonts/whitneymediumitalic-webfont.svg#whitney-mediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamHtfLightIt';
    src: url('fonts/gothamhtf-lightitalic-webfont.eot');
    src: url('fonts/gothamhtf-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-lightitalic-webfont.woff') format('woff'),
         url('fonts/gothamhtf-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-lightitalic-webfont.svg#gotham_htf_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamHtfBook';
    src: url('fonts/gothamhtf-book-webfont.eot');
    src: url('fonts/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-book-webfont.woff') format('woff'),
         url('fonts/gothamhtf-book-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-book-webfont.svg#gotham_htf_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamHtfBookIt';
    src: url('fonts/gothamhtf-bookitalic-webfont.eot');
    src: url('fonts/gothamhtf-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-bookitalic-webfont.woff') format('woff'),
         url('fonts/gothamhtf-bookitalic-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-bookitalic-webfont.svg#gotham_htf_bookitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamHtfMedium';
    src: url('fonts/gothamhtf-medium-webfont.eot');
    src: url('fonts/gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-medium-webfont.woff') format('woff'),
         url('fonts/gothamhtf-medium-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-medium-webfont.svg#gotham_htfmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamRoundMedium';
    src: url('fonts/gothamroundmed-webfont.eot');
    src: url('fonts/gothamroundmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamroundmed-webfont.woff') format('woff'),
         url('fonts/gothamroundmed-webfont.ttf') format('truetype'),
         url('fonts/gothamroundmed-webfont.svg#gothamroundmedmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamRoundLight';
    src: url('fonts/gothamroundlight-webfont.eot');
    src: url('fonts/gothamroundlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamroundlight-webfont.woff') format('woff'),
         url('fonts/gothamroundlight-webfont.ttf') format('truetype'),
         url('fonts/gothamroundlight-webfont.svg#gothamroundlightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamRoundBook';
    src: url('fonts/gothamroundbook-webfont.eot');
    src: url('fonts/gothamroundbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamroundbook-webfont.woff') format('woff'),
         url('fonts/gothamroundbook-webfont.ttf') format('truetype'),
         url('fonts/gothamroundbook-webfont.svg#gothamroundbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamRoundBookIt';
    src: url('fonts/gothamroundbookit-webfont.eot');
    src: url('fonts/gothamroundbookit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamroundbookit-webfont.woff') format('woff'),
         url('fonts/gothamroundbookit-webfont.ttf') format('truetype'),
         url('fonts/gothamroundbookit-webfont.svg#gothamroundbookit') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; overflow: hidden; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #000; font-family: 'gothamRoundBookIt', Arial, sans-serif; font-size: 15px; line-height: 25px; color: #000; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; color: #fff; 
	-webkit-transition: all 0.3s; 
	     -o-transition: all 0.3s; 
	        transition: all 0.3s; 
}
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

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

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

body, html { height: 100%; }

ol,
ul { list-style-type: none; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.list-about:after,
.section:after,
.tab-body:after,
.tab-head-content:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

.wrapper { height: 100%; position: relative; min-height: 840px; overflow: hidden; opacity: 0; }
.loaded .wrapper { opacity: 1; }
.wrapper-home .wrapper-inner { background: url(images/bg.jpg) no-repeat right center; background-size: cover; }
.wrapper-inner { height: 100%; position: relative; }

.wrapper-inner.old { opacity: 0; z-index: 2; }
.wrapper-inner.old {
    -webkit-transition: opacity 0.5s 1s;
         -o-transition: opacity 0.5s 1s;
            transition: opacity 0.5s 1s;
}
.wrapper-inner.old .nav-teritary,
.wrapper-inner.old .section,
.wrapper-inner.old .tabs-head,
.wrapper-inner.old .slider,
.wrapper-inner.old .about,
.wrapper-inner.old .btn-scroll-down {
    opacity: 0;
    -webkit-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;
}



.wrapper-inner.new { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.wrapper-inner.new .nav-teritary,
.wrapper-inner.new .section,
.wrapper-inner.new .tabs-head,
.wrapper-inner.new .slider,
.wrapper-inner.new .about,
.wrapper-inner.new .btn-scroll-down { opacity: 0; }

.wrapper-inner.new.ready .nav-teritary,
.wrapper-inner.new.ready .section,
.wrapper-inner.new.ready .tabs-head,
.wrapper-inner.new.ready .slider,
.wrapper-inner.new.ready .about,
.wrapper-inner.new.ready .btn-scroll-down {
    -webkit-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;
    opacity: 1;
}

/* ===========================
    # bg
============================ */

.bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
.bg-video video { position: absolute; }
.bg-width video { left: 0; top: 50%; width: 100%; height: auto;}
.bg-width video {
    -webkit-transform: translate(0, -50%);
         -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
             transform: translate(0, -50%); 
}

.bg-height video { left: 50%; top: 0; height: 100%; width: auto; }
.bg-height video {
    -webkit-transform: translate(-50%,0);
         -ms-transform: translate(-50%,0);
          -o-transform: translate(-50%,0);
             transform: translate(-50%,0); 
}

/* ================================================================ *\
	#header
\* ================================================================ */

.header { width: 160px; height: 100%; float: left; box-sizing: border-box; padding-bottom: 80px; position: absolute; z-index: 11; top: 0; }
.header:after { content: ''; background: url(images/header-bg.png) no-repeat 0 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 100% 100%; z-index: 2; 
}

.logo { background: url(images/logo.png) no-repeat 0 0; width: 50px; height: 50px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; margin: 57px 0 82px 41px; z-index: 3; }
.logo:after { background: url(images/circle-big.png) no-repeat 0 0; width: 51px; height: 50px; position: absolute; top: 0; left: 0; content: ''; 
	-webkit-transition: all 0.3s; 
	     -o-transition: all 0.3s; 
	        transition: all 0.3s; 
}
.logo:hover:after { 
	-webkit-transform: rotate(180deg); 
	    -ms-transform: rotate(180deg); 
	     -o-transform: rotate(180deg); 
	        transform: rotate(180deg); 
}

/* ================================================================ *\
	#navs
\* ================================================================ */

.nav { position: relative; padding: 13px 0 32px 0; margin-left: 45px; z-index: 3; }
.nav:after { width: 31px; height: 1px; background-color: #59afb2; position: absolute; content: ''; top: 0; left: 0; }
.nav li {  }
.nav a { font-family: 'whitneyMediumIt', sans-serif; font-size: 21px; line-height: 31px; color: #59afb2; }
.nav a:hover,
.nav .current a { color: #091935; text-decoration: none; }

.nav-secondary { position: relative; padding: 10px 0 0 0; margin-left: 45px; z-index: 3; }
.nav-secondary:after { width: 16px; height: 1px; background-color: #59afb2; position: absolute; content: ''; top: 0; left: 0; }
.nav-secondary li {  }
.nav-secondary a { font-family: 'whitneyMediumIt', sans-serif; font-size: 16px; line-height: 25px; color: #59afb2; }
.nav-secondary a:hover,
.nav-secondary .current a { color: #091935; text-decoration: none; }

/* ================================================================ *\
	#socials
\* ================================================================ */

.socials { text-align: center; position: absolute; bottom: 25px; left: 0; width: 100%; z-index: 3; }
.socials li { display: inline-block; }
.socials a { width: 30px; height: 29px; display: inline-block; position: relative; font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; }
.socials a:after { background: url(images/circle.png) no-repeat 0 0; width: 30px; height: 29px; position: absolute; top: 0; left: 0; content: ''; 
	-webkit-transition: all 0.3s; 
	     -o-transition: all 0.3s; 
	        transition: all 0.3s; 
}
.socials a:hover:after { 
	-webkit-transform: rotate(180deg); 
	    -ms-transform: rotate(180deg); 
	     -o-transform: rotate(180deg); 
	        transform: rotate(180deg); 
}
.socials .link-facebook { background-image: url(images/facebook.png); }
.socials .link-twitter { background-image: url(images/twitter.png); }
.socials .link-google { background-image: url(images/google.png); }

/* ================================================================ *\
	#about
\* ================================================================ */

.about { width: 472px; float: left; box-sizing: border-box; height: 100%; background: rgba(12,23,47,0.70); position: relative; padding-bottom: 215px; margin-left: 160px; z-index: 2; }
.about-head { background: rgba(255,255,255,0.10); position: relative; padding: 63px 0 36px 64px; }
.about-head h2 { padding-bottom: 16px; }
.about-logo { background: url(images/about-logo.png) no-repeat 0 0; width: 146px; height: 35px; display: block; }
.about-head p { font-size: 31px; font-family: 'whitneyMediumIt', sans-serif; line-height: 42px; color: #fff; }

.about-content { padding: 67px 45px 0 64px; }
.about-content h3 { font-family: 'whitneyMediumIt', sans-serif; font-size: 26px; line-height: 33px; color: #59afb2; font-weight: normal; padding-bottom: 26px; }
.about-content p { font-size: 16px; line-height: 24px; color: #a6d8bb; font-family: 'gothamHtfLightIt', sans-serif; padding-bottom: 31px; }

.btn-arrow { font-family: 'gothamRoundBook', sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; }
.btn-arrow:after { background: url(images/ico-arrow.png) no-repeat 0 0; width: 24px; height: 23px; display: inline-block; content: ''; position: relative; top: 7px; margin-left: 13px; }
.btn-arrow:hover { text-decoration: none; opacity: 0.7; }

/* ================================================================ *\
	#twitter
\* ================================================================ */
.twitter { overflow: hidden; box-sizing: border-box; }

.about .twitter { background: rgba(255,255,255,0.05); position: absolute; width: 100%; bottom: 0; padding: 25px 0 21px 66px; }

.twitter-head { float: left; width: 110px; padding-top: 3px; }
.twitter-head h2 { font-family: 'whitneyMediumIt', sans-serif; font-size: 17px; line-height: 22px; color: #59afb2; font-weight: normal; }

.twitter-slider { width: 232px; float: left; position: relative; }
.twitter-slider .pagination { bottom: 7px; }

.twitter-content { float: left; }
.twitter-content h2 { font-family: 'gothamHtfBookIt', sans-serif; font-size: 13px; line-height: 16px; color: #59afb2; font-weight: normal; padding-bottom: 16px; }
.twitter-content h2 .ico-twitt { background: url(images/ico-twitt.png) no-repeat 0 0; width: 21px; height: 17px; display: inline-block; position: relative; top: 5px; margin-right: 8px; }
.twitter-content p { font-family: 'gothamHtfLightIt', sans-serif; font-size: 14px; line-height: 19px; color: #a6d8bb; }
.twitter-content p a { font-family: 'gothamHtfBookIt', sans-serif; text-decoration: underline; }
.twitter-content p a:hover { text-decoration: none; }

.twitter-actions { border-top: 1px solid #3b455f; margin-top: 27px; padding-top: 9px; }
.twitter-content .twitter-actions a { font-family: 'gothamRoundBook', sans-serif; text-transform: uppercase; font-style: normal; text-decoration: none; font-size: 11px; }
.twitter-content .twitter-actions a:hover { text-decoration: underline; }

.pagination { overflow: hidden; position: absolute; bottom: 0; right: 0; }
.pagination a { background: url(images/pagination.png) no-repeat 0 0; width: 7px; height: 7px; float: left; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: 5px; }
.pagination .selected { background-position: right 0; }


/* ================================================================ *\
	#contact
\* ================================================================ */

.wrapper-inner  { left: 0; z-index: 12; 
    -webkit-transition: -webkit-transform 0.5s; 
        -ms-transition: -ms-transform 0.5s; 
         -o-transition: -o-transform 0.5s; 
            transition: transform 0.5s; 
}
.menu-contact .wrapper-inner { z-index: 10; }
.contact { height: 100%; width: 830px; background: url(images/contact-bg.jpg) no-repeat 0 0; background-size: cover; position: absolute; top: 0; left: -830px; display: table; bottom: 0; z-index: 11; 
    -webkit-transition: -webkit-transform 0.5s; 
        -ms-transition: -ms-transform 0.5s; 
         -o-transition: -o-transform 0.5s; 
            transition: transform 0.5s; 
}
.menu-contact .wrapper-inner,
.menu-contact .contact {
    -webkit-transform: translate(830px, 0);
        -ms-transform: translate(830px, 0);
         -o-transform: translate(830px, 0);
            transform: translate(830px, 0);
}
.contact-inner { display: table-cell; width: 100%; vertical-align: middle; text-align: center; }

.contact-head { display: inline-block; vertical-align: top; text-align: right; width: 270px; }
.contact-head h2 { font-family: 'gothamRoundLight', sans-serif; font-size: 61px; line-height: 63px; color: #59afb2; font-weight: normal; padding-bottom: 20px; }
.contact-head p { font-family: 'gothamRoundLight', sans-serif; font-size: 22px; line-height: 27px; color: #081935; position: relative; padding-top: 17px; }
.contact-head p:after { width: 26px; height: 1px; background-color: #081935; position: absolute; top: 0; right: 0; content: ''; }
.contact-head p a { color: #081935; }
.contact-head p strong { font-weight: normal; font-family: 'gothamRoundBookIt', sans-serif; font-size: 28px; }
.contact-head p span { font-family: 'gothamRoundMedium', sans-serif; font-size: 15px; line-height: 15px; display: block; }
.contact-head p small { font-family: 'gothamRoundLight', sans-serif; font-size: 13px; line-height: 15px; }
.contact-head p + p { line-height: 12px; margin-top: 23px; }
.contact-head p + p:after { width: 16px; }

.contact-body { display: inline-block; text-align: left; width: 350px; margin-left: 35px; position: relative; padding-top: 10px; }

.form-contact .form-row { padding: 6px 8px; }
.form-contact .form-row-dark { padding-bottom: 12px; }
.form-btn { background: rgba(8,25,53,0.74) url(images/ico-arrow.png) no-repeat center center; width: 100%; border: 0; text-align: left; font-family: 'gothamRoundMedium', sans-serif; font-size: 13px; line-height: 15px; text-transform: uppercase; color: #fff; font-weight: normal; height: 70px; padding: 4px 0 0 22px; cursor: pointer; border-top: 6px solid #4d7e8b; margin-top: -6px;  
	-webkit-transition: all 0.3s; 
	     -o-transition: all 0.3s; 
	        transition: all 0.3s; 
}

.form-btn:hover { opacity: 0.9; }

.field { width: 100%; box-sizing: border-box; border: 1px solid #82abb3; background-color: transparent; font-family: 'gothamHtfBookIt', sans-serif; color: #081935; font-size: 11px; text-transform: uppercase; padding: 14px 13px 13px 13px; height: 42px; }

.textarea { height: 222px; }
.textarea-secondary { height: 92px; }

.contact-actions { text-align: right; position: absolute; bottom: 100%; right: 0; margin-bottom: 26px; }
.btn-close { color: #59afb2; font-family: 'gothamRoundMedium', sans-serif; text-transform: uppercase; font-size: 12px; }
.btn-close:after { background: url(images/ico-close.png) no-repeat 0 0; width: 24px; height: 24px; content: ''; display: inline-block; position: relative; top: 7px; margin-left: 10px; }

.wrapper-overlay { position: fixed; top: 0; left: 0; right: 0; right: 0; bottom: 0; height: 100%; z-index: 10; background: rgba(8,25,53,0.85); text-align: right;  opacity: 0; padding: 46px 45px 0 0; visibility: hidden;  box-sizing: border-box;
	-webkit-transition: all 0.5s; 
	     -o-transition: all 0.5s; 
	        transition: all 0.5s; 
}

.btn-close-secondary { font-family: 'gothamRoundBook', sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; position: absolute; top: 50px; white-space: nowrap; right: 35px; z-index: 34; display: none; }
.btn-close-secondary:after { content: ''; background: url(images/ico-close-white.png) no-repeat 0 0; width: 30px; height: 28px; display: inline-block; position: relative; top: 9px; margin-left: 15px; }

.menu-newsletter .btn-close-secondary,
.menu-contact .btn-close-secondary { display: block; }

.menu-newsletter .wrapper-overlay,
.menu-contact .wrapper-overlay { opacity: 1; visibility: visible;}

.form-body-colored { background: rgba(89,175,178,0.14); }
.form-row-light { background: rgba(89,175,178,0.14); }
.form-row-normal { background: rgba(89,175,178,0.22); }
.form-row-medium { background: rgba(89,175,178,0.30); }
.form-row-dark { background: rgba(89,175,178,0.39); }

/* ================================================================ *\
    #newsletter
\* ================================================================ */
.menu-newsletter .wrapper-inner { z-index: 10; }
.menu-newsletter .newsletter,
.menu-newsletter .wrapper-inner {
    -webkit-transform: translate(522px, 0);
        -ms-transform: translate(522px, 0);
         -o-transform: translate(522px, 0);
            transform: translate(522px, 0);
}
.newsletter { background: url(images/newsletter-bg.jpg) no-repeat center center; width: 522px; position: absolute; top: 0; left: -522px; z-index: 999; height: 100%; background-size: cover; display: table; bottom: 0; padding: 0 82px 0 92px; box-sizing: border-box; 
    -webkit-transition: -webkit-transform 0.5s; 
        -ms-transition: -ms-transform 0.5s; 
         -o-transition: -o-transform 0.5s; 
            transition: transform 0.5s; 
}

.newsletter-inner { display: table-cell; vertical-align: middle; }

.newsletter-head { padding-bottom: 38px; }
.newsletter-head h2 { font-family: 'gothamRoundLight', sans-serif; font-size: 49px; line-height: 50px; color: #59afb2; text-transform: uppercase; font-weight: normal; }
.newsletter-head h4 { font-family: 'gothamRoundLight', sans-serif; font-size: 21px; line-height: 25px; color: #081935; text-transform: uppercase; font-weight: normal; padding-bottom: 21px; }
.newsletter-head p:after { width: 31px; height: 1px; background-color: #59afb2; position: absolute; top: 0; left: 0; content: ''; }
.newsletter-head p { font-family: 'gothamHtfLightIt', sans-serif; font-size: 14px; line-height: 19px; color: #081935; position: relative; padding-top: 20px; }
.newsletter-body .form-row { padding: 10px 9px; }

.form-newsletter { position: relative; }

.newsletter .form-success,
.form-contact .form-success { visibility: hidden; opacity: 0; position: absolute; top: 0; }
.form-contact.form-submitted .form-success,
.newsletter.form-submitted .form-success { visibility: visible; opacity: 1; }
.form-contact.form-submitted .form-head,
.newsletter.form-submitted .form-head,
.form-contact.form-submitted .form-body,
.newsletter.form-submitted .form-body,
.form-contact.form-submitted .form-actions,
.newsletter.form-submitted .form-actions { visibility: hidden; opacity: 0; }
.form-contact.form-submitted .form-head,
.newsletter.form-submitted .form-head,
.form-contact.form-submitted .form-body,
.newsletter.form-submitted .form-body,
.form-contact.form-submitted .form-actions,
.newsletter.form-submitted .form-actions,
.form-contact .form-success,
.newsletter .form-success {
    -webkit-transition: opacity .5s ease, visibility 0s linear .5s;
       -moz-transition: opacity .5s ease, visibility 0s linear .5s;
        -ms-transition: opacity .5s ease, visibility 0s linear .5s;
         -o-transition: opacity .5s ease, visibility 0s linear .5s;
            transition: opacity .5s ease, visibility 0s linear .5s;
}

.form-contact .form-head,
.form-contact .form-body,
.form-contact .form-actions { visibility: visible; opacity: 1; }
.form-contact .form-head,
.form-contact .form-body,
.form-contact .form-actions,
.form-contact.form-submitted .form-success {
    -webkit-transition: opacity .5s ease;
       -moz-transition: opacity .5s ease;
        -ms-transition: opacity .5s ease;
         -o-transition: opacity .5s ease;
            transition: opacity .5s ease;
}

.newsletter-body .form-row-checks { background: rgba(89,175,178,0.3); padding: 25px 0 21px 16px; }
.form-row-checks h3 { font-size: 13px; line-height: 15px; text-transform: uppercase; color: #081935; font-family: 'gothamHtfMedium', sans-serif; font-weight: normal; padding-bottom: 16px; }

.checkbox { position: relative; padding-bottom: 15px; }
.checkbox input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.checkbox label { display: block; font-weight: normal; font-family: 'gothamHtfMedium', sans-serif; text-transform: uppercase; font-style: italic; font-size: 10px; color: #51697a; line-height: 12px; padding: 0 0 0 30px; }
.checkbox label:after { background: url(images/checks.png) no-repeat 0 bottom; width: 15px; height: 15px; content: ''; position: absolute; top: 0; left: 0; }
.checkbox input[type="checkbox"]:checked + label:after { background-position: 0 0; }
.newsletter-actions { text-align: right; margin-bottom: 20px; }

/* ================================================================ *\
    #slider
\* ================================================================ */


.slider { width: 100%; position: absolute; bottom: 0; right: 32px; margin-bottom: 21px; box-sizing: border-box; padding-left: 698px; z-index: 2; top: 0; height: 100%; }
.slides { overflow: hidden; }
.slide-image { width: 100%; }
.slide-image img { max-width: 100%; display: block; height: auto; }
.slide { float: left; padding-bottom: 20px; height: 100%; }

.slider-home .slide { opacity: 0; }
.slider-home .slide {
    -webkit-transition: opacity 0.5s;
         -o-transition: opacity 0.5s;
            transition: opacity 0.5s;
}
.slider-home .current { opacity: 1; }
.slider-home .current {
     -webkit-transition: opacity 0.5s 0.2s;
         -o-transition: opacity 0.5s 0.2s;
            transition: opacity 0.5s 0.2s;   
}


.slider-timeline { display: block; height: 1px; background: rgba(255,255,255,0.15); position: relative; margin-bottom: 10px; position: absolute; bottom: 40px; left: 698px; right: 0px;  }
.slider-timeline span {
    -webkit-transition: width 0.3s linear;
         -o-transition: width 0.3s linear;
            transition: width 0.3s linear;
}
.slider-timeline span { position: absolute; top: 0; left: 0; height: 1px; background: #fff; }

.slider-paging { bottom: 25px; z-index: 10; }
.slider-entry { position: absolute; height: 20px; z-index: 1; bottom: 22px; left: 698px; right: 0px; }
.slider-entry p { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; box-sizing: border-box; padding-right: 50px; }
.slider-entry p { font-family: 'gothamRoundBook', sans-serif; font-size: 11px; line-height: 13px; color: #fff; text-transform: uppercase; padding-top: 7px; }
.slider-entry p em { text-transform: none; font-family: 'gothamRoundLightIt', sans-serif; color: #95ce8d; }
.slider-entry p {
    -webkit-transition: opacity 0.5s, visibility 0.5s;
         -o-transition: opacity 0.5s, visibility 0.5s;
            transition: opacity 0.5s, visibility 0.5s;
}
.slider-entry .current { opacity: 1; visibility: visible; }

.slide-content { padding: 44px 0 0 55px; }
.slide-content h3 { font-size: 30px; font-family: 'gothamRoundLight', sans-serif; color: #fff; font-weight: normal; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: inline-block; padding: 13px 0 7px 0; }
.slide-content h3 small { font-size: 15px; }
.slide-content p { color: #fff; font-size: 13px; line-height: 16px; font-family: 'gothamRoundBook', sans-serif; padding-top: 20px; padding-bottom: 10px; }
.slide-content a { font-family: 'gothamRoundMedium', sans-serif; text-transform: uppercase; font-size: 12px; color: #70a9b6; font-weight: bold; }
.slide-content2 a { color: #5e86cb; }
.slide-content3 a { color: #9176b2; }
.slide img { margin-left: -20px;  }
.slide2 img { margin-left: 0; }
.slide3 img { margin-left: 0; }

/* ================================================================ *\
    #accordion
\* ================================================================ */
.accordion { height: 100%; width: 100%; padding-left: 160px; box-sizing: border-box; 
    -webkit-transition: padding-left ease-in-out 0.3s; 
         -o-transition: padding-left ease-in-out 0.3s; 
            transition: padding-left ease-in-out 0.3s; 
}
.accordion-section { height: 33.333%; width: 100%; position: relative; cursor: pointer; position: absolute; top: 0; left: 0; 
    -webkit-transition: all ease-in-out 0.3s; 
         -o-transition: all ease-in-out 0.3s; 
            transition: all ease-in-out 0.3s; 

    -webkit-transform: translateY(0); 
        -ms-transform: translateY(0); 
         -o-transform: translateY(0); 
            transform: translateY(0); 
}

.accordion-section-secondary {
    -webkit-transform: translateY(100%); 
        -ms-transform: translateY(100%); 
         -o-transform: translateY(100%); 
            transform: translateY(100%);     
}

.accordion-section-teritary {
    -webkit-transform: translateY(200%); 
        -ms-transform: translateY(200%); 
         -o-transform: translateY(200%); 
            transform: translateY(200%);     
}

.tab-head { border-left: 1px solid #fff; padding-top: 10px; }
.tab-head h2 { font-family: 'gothamRoundBook', sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; font-size: 55px; line-height: 54px; padding-bottom: 2px; }
.tab-head p { font-family: 'gothamHtfBook', sans-serif; text-transform: uppercase; color: #fff; font-size: 18px; }

.tab-head-content { box-sizing: border-box; padding: 0 0 0 11px; position: relative; }

.tab-head-title { float: left; margin-top: -3px; padding-right: 67px; width: 314px; }
.tab-head-title p { padding-left: 4px; }

.tab-head-entry { float: left; width: 195px; margin-top: -9px; padding-bottom: 38px; }
.tab-head-entry p { font-family: 'whitneyMediumIt', sans-serif; font-size: 28px; line-height: 28px; color: #76c9b1; text-transform: none; padding-bottom: 25px; min-height: 140px; }

.nav-flasks ul { overflow: hidden; }
.nav-flasks li { float: left; padding-left: 21px; }
.nav-flasks li:first-child { padding-left: 0; }
.nav-flasks a { height: 66px; display: block; background-repeat: no-repeat; position: relative;}
.flask1 { background-image: url(images/flask1.png); width: 38px; }
.nav-flasks a:after { position: absolute; top: 100%; bottom: 0; left: 0; right: 0; content: ''; 
    -webkit-transition: all 0.3s; 
         -o-transition: all 0.3s; 
            transition: all 0.3s; 
}

.nav-flasks .current .flask1:after,
.flask1:hover:after { top: 0; background: url(images/flask1-hover.png) no-repeat 0 0; }
.nav-flasks .current .flask3:after,
.flask3:hover:after { background: url(images/flask3-hover.png) no-repeat 0 0; top: 0; left: 1px; }
.nav-flasks .current .flask2:after,
.flask2:hover:after { background: url(images/flask2-hover.png) no-repeat 0 0; top: 0; }
.flask2 { background-image: url(images/flask2.png); width: 48px; }
.flask3 { background-image: url(images/flask3.png); width: 58px; }

.accordion-section-secondary .tab-head-entry p { color: #528bcc; }
.accordion-section-secondary .tabs { background-position: 0 20%; }
.accordion-section-teritary .tab-head-entry p { color: #9773bd; }

.accordion-section-secondary .tab-products-nav:after { background-image: url(images/pr-bg3.png); }
.accordion-section-secondary .tab-products-nav { background-image: url(images/pr-nav3.jpg); }
.accordion-section-secondary .tab-products-nav h2 { color: #205189; }
.accordion-section-secondary .list-products li a { color: #205189; }
.accordion-section-secondary .ico-arrow-bottom { background-image: url(images/arrow-down-dark.png); }
.accordion-section-secondary .list-products li.current a .ico-arrow-bottom,
.accordion-section-secondary .list-products li a:hover .ico-arrow-bottom { background-image: url(images/arrow-down-blue.png); }
.accordion-section-secondary .product-content h2 { color: #528bcc; }
.accordion-section-secondary .product-content h1:before { background-image: url(images/round-left-blue.png); }
.accordion-section-secondary .product-content h1:after { background-image: url(images/round-right-blue.png); }

.tab-head-actions { position: absolute; bottom: -50px; top: -90px; right: 45px; background: rgba(255,255,255,0.04); width: 234px; text-align: right; padding-bottom: 50px; }
.tab-head-actions .btn-arrow-bottom { position: absolute; top: 274px; right: 13px; }

.btn-arrow-bottom { font-family: 'gothamRoundBook', sans-serif; text-transform: uppercase; color: #fff; font-size: 15px; line-height: 17px; display: inline-block; padding: 5px 45px 0 0; background: url(images/ico-arr-bottom.png) no-repeat right center; }
.btn-arrow-bottom:hover { text-decoration: none; }

.accordion-section-teritary .tab-head { background-position: 0 38%; }

/* ================================================================ *\
    #tabs
\* ================================================================ */

.tabs { height: 100%; position: relative; background-size: cover; background-position: 0 38%; background-repeat: no-repeat; 
    -webkit-transition: all ease-in-out 0.3s; 
         -o-transition: all ease-in-out 0.3s; 
            transition: all ease-in-out 0.3s; 
}
.tab { position: absolute; top: 0; bottom: 0px; right: 46px; left: 0; overflow: hidden; 
    -webkit-transition: padding-top ease-in-out 0.3s; 
         -o-transition: padding-top ease-in-out 0.3s; 
            transition: padding-top ease-in-out 0.3s; 
}
.tab-wrapper { overflow: hidden; height: 100%; width: 100%; position: relative; box-sizing: border-box; padding-top: 55px; }
.tab-inner { padding: 0 0 80px 0; width: 920px; float: right; position: relative; }
.tab-inner {  
    -webkit-transition: padding-top ease-in-out 0.3s; 
         -o-transition: padding-top ease-in-out 0.3s; 
            transition: padding-top ease-in-out 0.3s; 
}
.tab-text { float: right; width: 220px; margin-top: -5px; display: none; }
.tab-text p { text-transform: none; font-size: 15px; font-family: 'gothamRoundBookIt', sans-serif; line-height: 25px; }

.tabs-nav { overflow: hidden; padding: 56px 46px 0 0; position: relative; }
.tabs-nav .btn-arrow-left { float: left; }
.tabs-nav-inner { float: right; opacity: 0; top: -300px; position: absolute; z-index: 9; 
    -webkit-transition: opacity ease-in-out 0.3s; 
         -o-transition: opacity ease-in-out 0.3s; 
            transition: opacity ease-in-out 0.3s; 
}
.tabs-nav ul { float: left; width: 920px; }
.tabs-nav ul li { float: left; width: 33.333%; text-align: center; }
.tabs-nav ul li a { background: url(images/purple-bg.png) no-repeat 0 0; background-size: cover; display: block; font-family: 'whitneyMediumIt', sans-serif; font-size: 16px; color: #081935; text-transform: uppercase; padding: 11px 0 9px 0; }
.tabs-nav ul li a:hover { text-decoration: none; color: #000; opacity: 0.7; }
.tabs-nav ul li:first-child a { background-image: url(images/green-bg.png); }
.tabs-nav ul li:first-child + li a { background-image: url(images/blue-bg.png); }
.tabs-nav ul .current:first-child a { background: #fff; color: #2f7c66; }
.tabs-nav ul li:first-child + li.current a { background: #fff; color: #165291; }
.tabs-nav ul .current a { background: #fff; color: #381c51; }


.tab-products-nav-placeholder { height: 455px; }
.tab-products-nav { position: absolute; left: 0; top: 0; right: 0; z-index: 2; }

.tab-products-nav { background: url(images/pr-nav1.jpg) no-repeat 0 0 #fff; background-size: 100%; overflow: hidden; padding: 49px 33px 10px 0; top: 150px; opacity: 0; } 
.tab-products-nav:after { background: url(images/pr-bg.png) no-repeat 0 bottom; content: ''; width: 100%; height: 189px; background-size: 100% auto; position: absolute; bottom: 0; left: 0;  }
.tab-products-nav h2 { font-family: 'gothamRoundMedium', sans-serif; font-size: 26px; line-height: 28px; text-transform: uppercase; color: #2f7c66; position: absolute; bottom: 25px; left: 29px; z-index: 4; }

.list-products { float: right; position: relative; z-index: 4; }
.list-products li { float: left; text-align: center; padding-left: 40px; }
.list-products li a { font-family: 'gothamRoundMedium', sans-serif; text-transform: uppercase; color: #2f7c66; font-size: 14px; }
.list-products li a:hover { text-decoration: none; }
.list-products li a:hover .ico-arrow-bottom { background-image: url(images/arr-green-hover.png); }
.list-products li a .ico-arrow-bottom { margin-top: 7px; }
.list-products li img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.list-products li span { display: block; padding: 29px 40px 21px 40px; }
.list-products li.current span { background: rgba(255,255,255,0.5); }
.list-products li.current a .ico-arrow-bottom { background-image: url(images/arr-green-hover.png); }

.ico-arrow-bottom { background: url(images/arr-green.png) no-repeat 0 0; width: 24px; height: 25px; display: block; margin: 0 auto; }

.product { overflow: hidden; padding: 40px 0 0 0; position: absolute; top: 0; left: -9999px; opacity: 0;
    -webkit-transition: opacity ease-in-out 0.3s; 
         -o-transition: opacity ease-in-out 0.3s; 
            transition: opacity ease-in-out 0.3s; 
}
.product-content { width: 489px; float: left; background: rgba(255,255,255,0.06); padding: 12px 23px 15px 27px; box-sizing: border-box; }
.product-content h1 { font-family: 'gothamHtfBook', sans-serif; text-transform: uppercase; font-size: 17px; color: #fff; font-weight: normal; padding-bottom: 47px; }
.product-content h1:before { background: url(images/round-left.png) no-repeat 0 0; width: 26px; height: 56px; content: ''; display: inline-block; position: relative; top: 21px; }
.product-content h1:after { background: url(images/round-right.png) no-repeat 0 0; width: 26px; height: 56px; content: ''; display: inline-block; position: relative; top: 21px; }
.product-content h1 strong { font-family: 'gothamHtfMedium', sans-serif; font-size: 19px; display: inline-block; padding-right: 11px; }
.product-content h2 { font-family: 'whitneyMediumIt', sans-serif; font-size: 31px; line-height: 33px; color: #76c9b1; font-weight: normal; padding-bottom: 20px; }
.product-content p { font-family: 'gothamRoundBookIt', sans-serif; font-size: 15px; line-height: 22px; color: #fff; padding: 20px 65px 41px 0; position: relative; }
.product-content p span { display: block; padding-top: 15px; }
.product-content p:after { content: ''; top: 0; left: 0; width: 31px; height: 1px; background-color: #fff; position: absolute; }
.product-content .product-actions { border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(255,255,255,0.25); padding: 7px 0 20px 0; }
.product-content .product-actions p { padding: 10px 0 0 0; }
.product-content .product-actions p:after { display: none; padding: 0; }
.product-image { width: 430px; float: left; background: rgba(255,255,255,0.15); padding: 40px 20px 10px 20px; box-sizing: border-box; }
.product-image img { margin: 0 auto; display: block; max-width: 100%; height: auto; }

.product.current { left: 0; opacity: 1; position: relative; }

.btn-arrow-large { font-family: 'gothamRoundMedium', sans-serif; font-size: 15px; }

.btn-arrow-left { font-family: 'gothamRoundMedium', sans-serif; font-size: 12px; text-transform: uppercase; margin: 5px 45px 0 0; }
.btn-arrow-left:before { background: url(images/arr-left.png) no-repeat 0 0; width: 25px; height: 24px; display: inline-block; content: ''; position: relative; top: 8px; margin-right: 12px; }

.jAcc-on .accordion { padding-left: 0; }
.jAcc-on .header:after { width: 0; }
.jAcc-on .logo { background-position: 0 bottom; width: 209px; }
.jAcc-on .logo:after { background-image: url(images/circle-big-white.png); }
.jAcc-on .socials { display: none; }
.jAcc-on .nav a:hover,
.jAcc-on .nav .current a { color: #fff; }
.jAcc-on .nav-secondary a:hover,
.jAcc-on .nav-secondary .current a { color: #fff; }

.jAcc-visible { cursor: default; z-index: 8; }
.jAcc-visible .tab-head-actions { display: none; }
.jAcc-visible .tabs { height: 300%; }
.jAcc-visible .tab-text { display: block; }
.jAcc-visible .tab { bottom: 0px; padding: 105px 0 0 0; }
.jAcc-visible .tabs-nav-inner { position: relative; top: 0; opacity: 1; }
.jAcc-visible .tab-inner { padding-top: 80px; }
.jAcc-visible .tab-products-nav { top: 0px; opacity: 1; }



.wrapper.jAcc-fade { opacity: 0.3; }
.wrapper { 
    -webkit-transition: opacity 0.3s ease-in-out; 
         -o-transition: opacity 0.3s ease-in-out; 
            transition: opacity 0.3s ease-in-out; 
}

.accordion-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 10; }
.jAcc-on .accordion-overlay { display: none; }


.accordion-section-secondary.jAcc-visible { 
    -webkit-transform: translateY(0); 
        -ms-transform: translateY(0); 
         -o-transform: translateY(0); 
            transform: translateY(0); 
}

.accordion-section-teritary.jAcc-visible { 
    -webkit-transform: translateY(0); 
        -ms-transform: translateY(0); 
         -o-transform: translateY(0); 
            transform: translateY(0); 
}

.jAcc-fade .tab-products-nav,
.jAcc-fade .tabs-nav-inner,
.jAcc-fade .tab,
.jAcc-fade .accordion-section,
.jAcc-fade .tabs,
.jAcc-fade .tab-inner { 
    -webkit-transition: all 0s; 
         -o-transition: all 0s; 
            transition: all 0s; 
}

.accordion-section-teritary .tab-products-nav { background-image: url(images/pr-nav2.jpg); padding-right: 13px; }
.accordion-section-teritary .tab-products-nav:after { background-image: url(images/pr-bg2.png); }
.accordion-section-teritary .tab-products-nav h2 { color: #371c51; }
.accordion-section-teritary .list-products li a { color: #825ea7; }
.accordion-section-teritary .list-products li { padding-left: 10px; }
.accordion-section-teritary .ico-arrow-bottom { background-image: url(images/arr-down-purple.png); }
.accordion-section-teritary .list-products li a:hover .ico-arrow-bottom,
.accordion-section-teritary .list-products li.current a .ico-arrow-bottom { background-image: url(images/arr-down-purple-hover.png); }
.accordion-section-teritary .product-content h2 { color: #9776b8; }
.accordion-section-teritary .product-content h1:before { background-image: url(images/round-left-purple.png); }
.accordion-section-teritary .product-content h1:after { background-image: url(images/round-right-purple.png); }

/* ================================================================ *\
    #story
\* ================================================================ */
.content { height: 100%; width: 100%; position: relative; }
.content-inner { height: 100%; position: relative; overflow: hidden; }
.section { padding: 190px 45px 0 280px; height: 100%; color: #fff; box-sizing: border-box; position: relative; z-index: 2; }
.section-inner { float: right; width: 1135px; }
.content-bg-2,
.content-bg { position: fixed; width: 100%; padding-top: 200%; z-index: 1; left: 0; top: 0; }
.content-bg-2 { padding-top: 100%; }
.content-bg-2 img,
.content-bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.wrapper-story .section  { background: transparent; }

.antiscroll-wrap { width: 100%; height: 100%; }


.nav-teritary { position: fixed; top: 56px; right: 45px; width: 703px; z-index: 9; }
.nav-teritary li { float: left; width: 50%; text-align: center; }
.nav-teritary li a { display: block; color: #fff; font-size: 16px; text-transform: uppercase; background: url(images/nav-bg2.png) no-repeat 0 0; background-size: cover; padding: 12px 0 9px 0; }
.nav-teritary li:first-child a { background-image: url(images/nav-bg1.png); }
.nav-teritary li.current a,
.nav-teritary li.current:first-child a { background: #fff ; color: #091935; }

.article-secondary { float: right; }
.article-secondary .article-head { background: rgba(9,25,53,0.6); width: 587px; float: left; padding: 58px 0 63px 165px; box-sizing: border-box; position: relative; }
.article-secondary .article-head:after { background: url(images/article-ico.png) no-repeat 0 0; width: 133px; height: 154px; position: absolute; top: 57px; left: 0; content: ''; }
.article-secondary .article-head p { font-family: 'gothamRoundLight', sans-serif; font-size: 25px; line-height: 31px; color: #59afb2; padding-bottom: 19px; }
.article-secondary .article-head h2 { font-weight: normal; font-family: 'gothamRoundLight', sans-serif; font-size: 67px; line-height: 63px; color: #95ce8d; text-transform: uppercase; }
.article-secondary .article-body { background: rgba(9,25,53,0.3); width: 350px; float: left; box-sizing: border-box; padding-bottom: 90px; position: relative; }
.article-secondary .article-entry { background: rgba(9,25,53,0.3); padding: 56px 40px 40px 36px; }
.article-secondary .article-entry p { font-family: 'gothamRoundLight', sans-serif; font-size: 17px; line-height: 26px; color: #fff; padding-bottom: 22px; }
.article-secondary .article-entry h4 { font-family: 'gothamRoundMedium', sans-serif; font-style: italic; font-weight: normal; font-size: 17px; line-height: 22px; }
.article-secondary .article-action { position: absolute; bottom: 0; left: 0; height: 90px; width: 100%; box-sizing: border-box; padding: 33px 0 0 40px; }
.article-secondary .article-action a { padding: 4px 40px 4px 0;  }
.article-secondary .article-action a:hover { opacity: 0.7; }

.list-about { float: right; padding-bottom: 67px; }
.list-about li { float: left; width: 435px; background: rgba(9,25,53,0.6); padding: 115px 20px 35px 23px; box-sizing: border-box; margin-left: 36px; position: relative; }
.list-about li:first-child { width: 550px; margin-left: 74px; }
.list-about h3 { font-family: 'gothamRoundBook', sans-serif; font-size: 22px; line-height: 22px; color: #95ce8d; font-weight: normal; padding-bottom: 18px; }
.list-about p { font-family: 'gothamRoundLight', sans-serif; font-size: 14px; line-height: 22px; position: relative; padding-top: 15px; }
.list-about p:after { width: 22px; height: 1px; background-color: #fff; content: ''; position: absolute; top: 0; left: 0; }

.ico-about { background: rgba(9,25,53,0.4); width: 93px; height: 93px; position: absolute; top: -8px; left: -8px; background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -4000px; }

.ico-1 { background-image: url(images/ico1.png); }
.ico-2 { background-image: url(images/ico2.png); }
.ico-3 { background-image: url(images/ico3.png);}
.ico-4 { background-image: url(images/ico4.png);}
.ico-5 { background-image: url(images/ico5.png);}

.article-text { clear: both; margin-right: -45px; border-top: 1px solid #fff; padding: 32px 0 0 102px; background: url(images/globe.png) no-repeat 0 24px; }
.article-text h3 { font-family: 'gothamRoundBook', sans-serif; font-size: 19px; line-height: 22px; color: #fff; text-transform: uppercase; padding-bottom: 19px; }

.list-text { font-family: 'gothamRoundLight', sans-serif; font-size: 14px; line-height: 22px; font-style: italic; 
    -webkit-columns: 3; 
       -moz-columns: 3; 
         -o-columns: 3; 
            columns: 3; 
}
.list-text li { float: left; width: 33%; padding-right: 40px; box-sizing: border-box; }

.article-teritary .article-head { width: 665px; text-align: right; padding-right: 160px; padding-left: 0; }
.article-teritary .article-head:after { left: auto; right: 0; background-image: url(images/logo-right.png); top: 70px; }
.article-teritary .article-body { width: 470px; }
.article-teritary .article-entry { padding-bottom: 20px; }

.list-about-secondary { padding-bottom: 78px; }
.list-about-secondary li:first-child,
.list-about-secondary li { width: 316px; padding-left: 36px; }
.list-about-secondary h3 { text-transform: uppercase; }
.list-about-secondary p:after { display: none; }

.article-text-secondary { width: 710px; margin-left: auto; box-sizing: border-box; background-image: url(images/rabbit.png); background-position: 0 32px; }

/* ================================================================ *\
    #footer
\* ================================================================ */
.footer-section { overflow: hidden; min-height: 235px; position: relative; background:  url(images/footer-bg.jpg) no-repeat center center; background-size: cover; padding: 54px 66px 51px 0; box-sizing: border-box; }
.footer-section + .footer-section { background: #101f3b; padding: 0 365px 0 250px; }

.footer-links { float: right; border-top: 1px solid rgba(255,255,255,0.25); border-bottom: 1px solid rgba(255,255,255,0.25); padding: 15px 22px 22px 0; }
.footer-links p { padding-bottom: 10px;  }
.footer-links .btn-arrow-large:after { background-image: url(images/arr-big.png); width: 33px; height: 32px; top: 9px; margin-left: 25px; }

.footer { position: absolute; bottom: 0; left: 45px; right: 45px;  overflow: hidden; min-height: 235px; }
.footer .twitter { float: right; padding: 37px 40px 0 0; }
.footer .twitter-actions { margin-top: 37px; }

.callout { background: rgba(255,255,255,0.02); position: absolute; top: 0; bottom: 0; left: 0; width: 250px; padding: 41px 0 0 40px; box-sizing: border-box; }
.callout p { color: #59afb2; text-transform: uppercase; }
.callout h3 { font-size: 26px; line-height: 22px; font-weight: normal; padding: 15px 0 5px 0; }
.callout h3 + p { text-transform: none; font-size: 19px; }

.subscribe { width: 365px; position: absolute; top: 0; bottom: 0; right: 0; background: rgba(255,255,255,0.02); padding: 41px 55px 0 47px; box-sizing: border-box; }
.subscribe h3 { font-size: 17px; line-height: 22px; color: #59afb2; padding-bottom: 10px; }
.subscribe p { font-family: 'gothamHtfLightIt', sans-serif; font-size: 14px; line-height: 19px; color: #a6d8bb; padding-bottom: 19px; }

.subscribe-field { width: 100%; box-sizing: border-box; border: 0; background: rgba(255,255,255,0.1); height: 38px; padding: 0 40px 0 5px; }
.subscribe .form-body { position: relative; }
.subscribe-btn { background: url(images/ico-arrow.png) no-repeat 0 0; width: 24px; height: 23px; position: absolute; top: 50%; margin-top: -12px; right: 9px; border: 0; }

.error .field { border: 1px solid red; color: red; }

.error .field::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
}
.error .field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    red;
   opacity:  1;
}
.error .field::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    red;
   opacity:  1;
}
.error .field:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    red;
}


.mob-nav-btn { display: none; }

.contact-head-mobile { display: none !important; }

.mob-nav-btn em { display: none; font-style: normal; } 

.btn-top { background: url(images/mob-arr-top.png) no-repeat 0 center; background-size: 25px; position: absolute; right: 100%; top: 8px; white-space: nowrap; font-size: 12px; text-transform: uppercase; font-family: 'gothamRoundMedium', sans-serif; padding: 3px 3px 3px 36px; margin-right: 32px; }
.btn-top { display: none; }
.btn-top.visible { display: block; }

.btn-scroll-down { background: url(images/mob-arr-bottom.png) no-repeat center 0; background-size: 25px; position: fixed; left: 50%; bottom: 35px; z-index: 10; font-size: 12px; text-transform: uppercase; font-family: 'gothamRoundMedium', sans-serif; padding-top: 30px; opacity: 0.7;  width: 120px; text-align: center; margin-left: -90px; }
.btn-scroll-down { display:block; }
.btn-scroll-down.hidden { display: none; }

.btn-scroll-down:hover { text-decoration: none; opacity: 1; }

.article-text-primary { padding-right: 50px; }

.tabs-nav.mobile-vers,
.tabs-nav-inner br,
.nav-teritary.mobile-vers { display: none; }

/* ================================================================ *\
    #reponsive
\* ================================================================ */

@media only screen and ( max-width: 1400px ){
    .tabs-nav .btn-arrow-left { width: 25px; overflow: hidden; height: 35px; margin-right: 20px; margin-top: 2px; }
}

@media only screen and ( max-width: 1300px ) and ( min-width: 1025px ) {
    .slider-entry { margin-bottom: 10px; }

    .jAcc-on .logo { width: 190px; background-size: 100%; }
    .jAcc-on .logo:after { width: 47px; background-size: 100% 100%; top: 3px; height: 46px; }

    .tab { right: 20px; }
    .tab-inner { width: 717px; }
    .tab-head-title { padding-right: 30px; width: 250px; }
    .tab-head-title h2 { font-size: 45px; }
    .tab-head-actions { right: 0; width: 200px; }
    .tab-head-actions .btn-arrow-bottom { padding-right: 35px; }
    .tab-head-entry p { font-size: 23px; min-height: 110px; }

    .tab-head-content { padding-bottom: 20px; }

    .tabs-nav { padding-right: 20px; }
    .tabs-nav ul { width: 717px; }

    .product-content { width: 430px; }
    .product-image { width: 286px; }

    .accordion-section-teritary .list-products li { min-width: 139px; }
    .accordion-section-teritary .list-products li span { padding-left: 0; padding-right: 0; }

    .list-about li { width: 300px; }
    .list-about li:first-child { width: 400px; }

    .article-secondary .article-head { width: 440px; padding-left: 120px; }
    .article-secondary .article-head:after { width: 100px; background-size: 100% auto; }
    .article-secondary .article-head h2 { font-size: 50px; line-height: 54px; }
    .article-secondary .article-body { width: 300px; }

    .list-about-secondary li:first-child, 
    .list-about-secondary li { width: 220px; }

    .article-text-primary { margin-left: 400px; }

    .article-teritary .article-head { padding-right: 120px; padding-left: 0; }
    .article-teritary .article-head h2 { font-size: 40px; }

    .nav-teritary { width: 550px; }

    .article-teritary .article-entry { padding-top: 30px; }
    .article-teritary .article-entry p { font-size: 15px; line-height: 20px; padding-bottom: 0; }
    .article-teritary .article-entry h4 { font-family: 'gothamRoundMedium', sans-serif; font-style: italic; font-weight: normal; font-size: 17px; line-height: 22px; }
    .article-teritary .article-action { position: absolute; bottom: 0; left: 0; height: 90px; width: 100%; box-sizing: border-box; padding: 38px 0 0 40px; }
    .tab-head-actions .btn-arrow-bottom { top: 245px; }
}

@media only screen and ( max-width: 1300px ) and ( min-width: 1150px ) {
    .article-secondary .article-head { width: 500px; }
    .article-secondary .article-body { width: 350px; }
    .article-secondary .article-entry p { font-size: 17px; line-height: 26px; padding-bottom: 50px; }

    .list-about li:first-child { width: 450px; }
    .list-about li { width: 350px; }
    .article-text-primary { margin-left: 300px; }
    .article-teritary .article-entry p { font-size: 16px; line-height: 22px; padding-bottom: 10px; }
    .article-teritary .article-entry { padding-top: 30px; }
    .article-teritary .article-head { padding-top: 30px;  }
    .list-about-secondary li,
    .list-about-secondary li:first-child { width: 270px; }
    
}

@media only screen and ( max-height: 890px ) and ( min-height: 680px ) {
    .wrapper { min-height: 0; }
    
    .tab { top: 0px; }
    .tab-wrapper { padding-top: 20px; }
    .tab-head-entry p { font-size: 23px; min-height: 110px; }
    .tab-head-content { padding-bottom: 20px; }
    .contact-actions { margin-bottom: 10px; }
    .btn-close-secondary { top: 56px; }

    .about-head { padding-top: 30px; }
    .about-content h3 { font-size: 23px; line-height: 26px; padding-bottom: 10px; }
    .about-content p { padding-bottom: 10px; line-height: 20px; font-size: 14px; }
    .about-content { padding-top: 30px; }

    .section { min-height: 100%; height: auto; }

    .tab-head-actions .btn-arrow-bottom { top: 245px; }
}

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

    .wrapper { min-height: 0; }

    .tabs-nav { padding: 73px 28px 0 0; }
    .tabs-nav ul { width: 720px; }

    .wrapper-inner.jAcc-on { padding-top: 0; }
    

    .btn-arrow-left:before { background-image: url(images/arr-left-white.png); background-size: 23px; }

    .tab { right: 31px; top: 0; }
    .tab-wrapper { padding-top: 31px; }
    .tab-inner { width: 717px; }

    .tab-head-title { width: 235px; padding-right: 0; }
    .tab-head h2 { font-size: 48px; line-height: 50px; }    

    .tab-head { padding-top: 0; }

    .tab-head p { font-size: 16px; }

    .tab-head-entry { width: 250px; margin-top: 0; }
    .tab-head-entry p { font-size: 26px; line-height: 26px; min-height: 0; 
        -webkit-transition: all 0.3s; 
             -o-transition: all 0.3s; 
                transition: all 0.3s; 
    }

    .tab-text p { font-size: 13px; line-height: 19px; }

    .tab-head-actions { width: 250px; right: 15px; }


    .list-products .ico-arrow-bottom { display: inline-block; position: relative; top: 7px; margin-left: 10px; }
    .list-products li span { padding-top: 8px; width: 165px; padding-left: 0; padding-right: 0; }

    .product-content { width: 50%; padding-left: 14px; padding-right: 14px; }
    .product-image { width: 50%; }
    .tab-inner { padding-bottom: 40px; }

    .product-content { padding-top: 0; }
    .product-content h1:before { width: 22px; background-size: 22px; top: 26px; }
    .product-content h1:after { width: 22px; background-size: 22px; top: 26px; }
    .product-content h1 { font-size: 12px; padding-bottom: 32px; }
    .product-content h1 strong { font-size: 16px; }
    .product-content h2 { font-size: 24px; line-height: 27px; }
    .product-content p { font-size: 14px; line-height: 20px; padding-right: 0; }
    .product-actions .btn-arrow { font-size: 13px; }
    .product-content p { padding-top: 13px;  }
    .product-actions .btn-arrow-large { font-size: 15px; }
    .product-actions { margin-left: -8px; margin-right: -8px; }

    .list-products li { width: 155px; }
    .accordion-section-secondary .list-products figure { min-height: 290px; }

    .jAcc-visible .tab { top: 125px; overflow: hidden; padding-top: 0; }
    .jAcc-visible .tab-wrapper { padding-top: 0; }
    .jAcc-visible .tab-head { padding-top: 10px; }
    .jAcc-visible .tab-head-entry { margin-top: -9px; }
    .accordion-section-secondary.jAcc-visible .tab-head h2 { font-size: 39px;  }
    .accordion-section-secondary.jAcc-visible .tab-products-nav h2 { font-size: 19px; }
    .tab-head-entry p { right: -220px; position: relative; font-size: 23px; line-height: 26px; padding-right: 10px; }
    
    .accordion-section-secondary.jAcc-visible .tab-products-nav,
    .tab-products-nav { position: relative; top: 0 !important; }
    .tab-products-nav-placeholder { display: none; }
    .tab-products-nav h2 { font-size: 19px; line-height: 20px; }

    .tab-head-actions { margin-top: -31px; }

    .wrapper { position: fixed; width: 100%; }
    
    .jAcc-on .accordion { margin-top: 0; }
    .jAcc-on .tabs { padding-bottom: 2px; }
    .jAcc-visible .tab-head-entry p { right: 0; }

    .wrapper-story .wrapper-inner.jAcc-on .header { top: 0; }

    .footer-section + .footer-section { display: none; }
    .footer { left: 0; right: 0; }

    .nav-teritary { top: 90px; right: 25px; }

    .article-secondary .article-head { width: 497px; padding: 50px 0 53px 143px; }
    .article-secondary .article-head:after { width: 114px; height: 132px; background-size: 114px; top: 49px; }
    .article-secondary .article-head p { font-size: 22px; line-height: 26px; }
    .article-secondary .article-head h2 { font-size: 58px; line-height: 53px; }
    .article-secondary .article-body { width: 305px; padding: 0; }
    .article-secondary .article-action { display: none; }
    .article-secondary .article-entry { background: none; padding-top: 46px; } 
    .article-secondary .article-entry p { font-size: 16px; line-height: 24px; } 

    .section-inner { width: auto; }
    .section { padding-left: 0; height: auto; padding-right: 25px; }

    .list-about li:first-child { width: 470px; }
    .list-about li { width: 388px; margin-left: 30px; }
    .list-about h3 { font-size: 20px; }

    .article-text { margin-left: 25px; margin-right: -25px; }
    .article-text h3 { font-size: 18px; }
    .list-text{ font-size: 12px; line-height: 19px; }

    .article-teritary .article-head { width: 580px; padding: 47px 140px 0 0; }
    .article-teritary .article-body { width: 392px; padding: 0; }
    .article-teritary .article-entry p { line-height: 23px; }
    .article-teritary .article-entry { padding-left: 29px; padding-bottom: 35px; }

    .list-about-secondary { padding-bottom: 50px; }
    .list-about-secondary li:first-child, .list-about-secondary li { width: 305px; margin-left: 28px; }
    .list-about-secondary p:after { display: block; }

    .article-text-secondary { float: right; }

    .section:last-child { padding-top: 300px; }

    .article-text-primary { margin-left: 220px; }

    .list-text br { display: none; }
    .list-text {
        -webkit-columns: 2; 
           -moz-columns: 2; 
             -o-columns: 2; 
                columns: 2; 
    }

    .about-logo,
    .slider-entry,
    .slider-timeline,
    .twitter { display: none; }

    .slide { width: 380px; padding-bottom: 0; }
    .slide-content { padding-left: 20px;  }

    .about-head { padding: 29px 0 29px 27px; }
    .about-head h2 { display: none; }
    .about-content { padding: 30px 30px 0 28px; }
    .about-content h3 { padding-bottom: 31px; font-size: 26px; line-height: 33px; }
    .about-content p { font-size: 18px; line-height: 28px; }
    
    .bg { display: none; }
    .wrapper-story .wrapper-inner,
    .wrapper-story { height: 100%; }
    .content-inner { overflow-y: scroll; z-index: 2; -webkit-overflow-scrolling:touch; }
    .content-bg { }
    .content-bg-2 { top: auto !important; bottom: 0 ;  }
    
    .btn-scroll-down  { display: none }  

    .wrapper-inner { padding-top: 55px; box-sizing: border-box; top: 0; }
    .header { float: none; position: fixed; top: 0; left: 0; width: 100%; height: auto; background: #fff url(images/mob-bg-bottom.png) repeat-x 0 bottom; background-size: 1024px; padding-bottom: 11px; }
    .menu-newsletter .header, 
    .menu-contact .header { padding-bottom: 50px;  }

    .header:after { background: url(images/mob-bg.png) repeat-x 0 0; background-size: 1024px; }
    .header-inner { clear: both; max-height:0px; overflow: hidden; padding: 0;}
    .header-inner {
        -webkit-transition:max-height  0.3s , padding 0.3s;
            -ms-transition:max-height  0.3s , padding 0.3s;
             -o-transition:max-height  0.3s , padding 0.3s;
                transition:max-height  0.3s , padding 0.3s;
    }
    .visible .header-inner { max-height:500px;padding-bottom: 34px; }

    .logo { float: left; margin: 12px 0 0 27px; background: url(images/mob-logo.png) no-repeat 0 0; width: 135px; height: 32px; background-size: 135px; }
    .logo:after { display: none; }

    .mob-nav-btn { float: right; z-index: 9; position: relative; width: 21px; height: 12px; display: inline; background: url(images/mob-menu.png) no-repeat 0 0; background-size: 21px; margin: 21px 28px 0 0; font-style: normal; 
        -webkit-transition: none; 
             -o-transition: none; 
                transition: none; 
    }

    .about { margin-left: 0; width: 413px; }
    .wrapper-home .header-inner { display: block; float: right; clear: none; max-height:none; }
    .wrapper-home .header-actions { float: left; }
    .wrapper-home .mob-nav-btn { display: none; }
    .wrapper-home .nav { float: left; margin: 0; padding: 28px 0 0 0; }
    .wrapper-home .nav:after { display: none; }
    .wrapper-home .nav ul { overflow: hidden; }
    .wrapper-home .nav li { float: left; padding-right: 16px; }
    .wrapper-home .nav li a { display: block; }
    .wrapper-home .nav a { font-size: 24px; }

    .wrapper-home .nav-secondary { float: left; clear: none; margin: 0; padding: 33px 29px 0 3px; }
    .wrapper-home .nav-secondary ul { overflow: hidden; }
    .wrapper-home .nav-secondary li { float: left; padding-left: 12px; }
    .wrapper-home .nav-secondary a { font-size: 20px; display: block; }
    .wrapper-home .nav-secondary:after { display: none; }
    .wrapper-home .logo { width: 167px; height: 40px; background-size: 167px; margin-top: 25px; }
    .wrapper-home .header-inner { padding-bottom: 0; }

    .slider { padding-left: 500px; }

    .wrapper-home .wrapper-inner { padding-top: 89px; }

    .header-actions { overflow: hidden; }

    .mob-nav-btn.active { background-image: url(images/mob-close-btn.png); background-size: 17px; width: 17px; height: 18px; margin-top: 17px; }
    .mob-nav-btn span { font-size: 17px; color: #0f1f3a; font-family: 'whitneyMediumIt', sans-serif; text-transform: uppercase; white-space: nowrap; position: absolute; right: 100%; top: -6px; margin-right: 31px; }
    .mob-nav-btn.active span { top: -2px; margin-right: 35px; display: none; }
    .mob-nav-btn.active span + span { display: block; }
    .mob-nav-btn span + span { display: none; }

    .nav { clear: both; text-align: center; padding: 31px 0 0 0; margin-top: 100px; }
    .nav:after { left: 50%; width: 44px; 
        -webkit-transform: translateX(-50%); 
            -ms-transform: translateX(-50%); 
             -o-transform: translateX(-50%); 
                transform: translateX(-50%); 
    }
    .nav a { font-size: 38px; }
    .nav li { padding-bottom: 20px; }
    .nav a:hover, 
    .jAcc-on .nav a:hover, .jAcc-on .nav .current a,
    .nav .current a { color: #091935; }

    .nav-secondary { clear: both; text-align: center; padding: 23px 0 0 0; margin-top: 18px; }
    .nav-secondary:after { left: 50%; width: 24px; 
        -webkit-transform: translateX(-50%); 
            -ms-transform: translateX(-50%); 
             -o-transform: translateX(-50%); 
                transform: translateX(-50%); 
    }
    .nav-secondary a { font-size: 28px; }
    .nav-secondary li { padding-bottom: 12px; }

    .socials { display: none; }

    .contact { height: auto; width: 100%; background-image: url(images/mob-contact.png); position: fixed; top: -100%; display: block; height: 100%; left: 0; }
    .menu-contact .contact { top: 94px; }

    .contact-head { width: 300px; }
    .contact-body { width: 505px; padding-top: 0; }
    .contact-head h2 { font-size: 65px; line-height: 60px; }
    .contact-inner { vertical-align: top; float: right; display: inline; width: auto; padding-right: 40px; }
    .contact-actions { display: none; }
    .field { font-size: 10px; height: 37px; padding-top: 12px; padding-bottom: 12px; }
    .textarea { height: 175px; }
    .textarea-secondary { height: 83px; }

    .form-btn { text-align: right; padding-right: 70px; background: #425267 url(images/mob-arr-right.png) no-repeat right center; background-size: 55px; }

    .contact-head h2 { padding-bottom: 35px; }
    .contact-head p { font-size: 24px; }
    .contact-head p + p { margin-top: 38px; }

    .menu-newsletter .wrapper-inner,
    .menu-contact .wrapper-inner { left: 0; top: 0; }

    .newsletter-actions,
    .wrapper-overlay { display: none; }

    .newsletter { left: 0; top: 0; width: 100%; background: #fff url(images/mob-bg-bottom.png) repeat-x 0 bottom; top: 0; z-index: 11; }
    .contact,
    .newsletter {
        -webkit-transform: translate(0, -100%); 
        -ms-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%); 
    }
    .menu-contact .contact,
    .menu-newsletter .newsletter { top: 94px; }
    .menu-newsletter .newsletter, 
    .menu-newsletter .wrapper-inner {
     -webkit-transform: translate(0%, 0%); 
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);    
    }
    
    .menu-contact .wrapper-inner, 
    .menu-contact .contact {
        -webkit-transform: translate(0%, 0%); 
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);    
    }

    .newsletter-inner { vertical-align: top; }
    .wrapper-inner.jAcc-on .header { top: 0; }
    .accordion { margin-top: 1px; }

    .wrapper-story .jAcc-on .logo { margin-top: 12px; }
    .wrapper-products .jAcc-on .logo { margin-top: 8px; }

    .accordion { position: relative; }

    .jAcc-visible .tab-wrapper { overflow-y: auto; -webkit-overflow-scrolling:touch; }

    .tab-head-actions .btn-arrow-bottom { top: 255px; }

    .slider { top: 70px; }

    .slide-content { padding-left: 50px; }
}

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

    .btn-top.visible,
    .btn-top { display: none; }
    
    .wrapper-home .nav-secondary { padding-top: 32px; }
    
    .contact-inner { padding: 40px 25px 0 0; }
    .contact-head { width: 260px; }
    .contact-body { width: 410px; margin-left: 23px; }

    .textarea { height: 300px; }
    .textarea-secondary { height: 83px; }

    .newsletter { padding-top: 40px; }

    .slider { padding: 75px 0 0; position: relative; left: 0; top: 0; right: 0; bottom: 0; } 


    .about { float: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; padding: 0; }

    .about-head p { font-size: 30px; }

    .about-content { overflow: hidden; padding-top: 40px; }
    .about-content h3 { float: left; width: 200px; }
    .about-content p { float: right; width: 460px; }
    .about-actions { width: 460px; float: right; }

    .accordion { margin-top: 2px;  }

    .accordion-section.jAcc-visible { height: 34%; }

    .tab { top: 0px; right: 25px; }
    .tab-wrapper { padding-top: 50px; }
    .tab-inner { width: 557px; }
    .tab-head-entry { margin-left: -125px; }
    .tab-head-actions { width: 225px; right: 0; margin-top: -50px; }
    .tab-head-entry p { width: 175px; padding-bottom: 40px; right: -232px; }
    .tab-head-actions .btn-arrow-bottom { text-align: left; background: url(images/mob-arr-bottom.png) no-repeat 20px center; background-size: 22px; padding-right: 0; padding-left: 55px; top: 315px;  }
    .accordion-section-teritary .tabs { background-size: 150%; background-position: 55% 30%; }
    .accordion-section-secondary .tabs { background-size: 150%; background-position: 55% 10%; }
    .accordion-section-primary .tabs { background-size: 150%; background-position: 25% 30%; }
    .accordion-section-teritary.jAcc-visible .tabs,
    .accordion-section-secondary.jAcc-visible .tabs,
    .accordion-section-primary.jAcc-visible .tabs { background-size: cover; background-position: 40% 0; }

    .tabs-nav { padding-top: 70px; padding-right: 24px; }
    .tabs-nav ul { width: 557px; }
    .jAcc-visible .tab { top: 100px; }
    .jAcc-visible .tab-head-entry { margin-left: 0; }
    .jAcc-visible .tab-text { float: left; width: 100%; margin-bottom: 20px; }
    .list-products li { width: 135px; }

    .product-content { width: 65%; }
    .product-image { width: 35%; }
    .tab-inner { padding-bottom: 0; }

    .accordion-section-secondary.jAcc-visible .tab-products-nav h2, .tab-products-nav h2 { font-size: 16px; line-height: 20px; left: 10px; width: 125px; }
    .list-products li a { font-size: 12px; }

    .section { padding: 175px 27px 0 27px; }

    .article-secondary .article-head { width: 405px; padding-left: 105px; }
    .article-secondary .article-head h2 { font-size: 50px; }
    .article-secondary .article-head:after { background-size: 90px; width: 90px; }
    .list-about li:first-child { margin-left: 0; width: 360px; }
    .list-about li { width: 320px; }

    .article-teritary .article-head { width: 380px; padding: 46px 100px 0 0; }
    .article-teritary .article-body { width: 330px; }
    .article-teritary .article-body p { font-size: 14px; line-height: 18px; }
    .article-teritary .article-head h2 { font-size: 37px; }
    .article-teritary .article-head p { padding-bottom: 6px; }
    .list-about-secondary li:first-child,
    .list-about-secondary li { width: 220px; margin-left: 20px; padding-left: 15px; padding-right: 15px; }
    .list-about-secondary li:first-child { margin-left: 0; }

    
    .slider-paging { display: none!important; }

    .article-text-primary { margin-left: 20px; padding-right: 30px; width: 605px; }

    .slider-clip { width: 400px; }

    .slider-clip { width: auto; }
    .slide-content { float: right; padding-top: 60px; }
    .slide-content3 { padding-top: 50px; }
    .slide figure { width: 350px; }
    .slide { width: 700px; }

    .slider { top: 0px; padding-top: 20px; }
}

@media only screen and ( max-width: 767px ){
    .tabs-nav-inner br { display: block; }
    .accordion-section-secondary .list-products li + li img { min-height: 0; }

    .wrapper { position: relative; overflow: visible; height: auto; }
    .wrapper-story .wrapper-inner,
    .wrapper-story { height: 100%; }

    .wrapper-home  { height: 100%; overflow:auto; -webkit-overflow-scrolling:touch; }
    .header,
    .wrapper-home .header { position: absolute; overflow: hidden; max-height: 100%; overflow: auto; padding-bottom: 0; }
    .wrapper-home .wrapper-inner,
    .wrapper-inner { height: auto; background-position: center center; padding-top: 52px; }
    .menu-newsletter,
    .menu-contact { overflow: hidden; }

    .wrapper-home .logo,
    .logo { width: 35px; background-size: 130px; margin: 11px 0 0 16px; overflow: hidden; }

    .wrapper-home .logo { width: 130px; }

    .jAcc-on .logo { width: 35px; margin-top: 10px; }
    .header.visible .mob-nav-btn span { display: none; }
    .header.visible .mob-nav-btn { background: url(images/mob-close-btn.png) no-repeat 0 0; background-size: 17px auto; height: 17px; top: -3px; position: relative; }
    .header.visible .mob-nav-btn span + span { display: block; top: -3px; }
    .wrapper-story .jAcc-on .logo { margin-top: 10px; }

    .wrapper-home .header-inner { float: none; max-height:0px; }
    .wrapper-home .visible .header-inner { max-height:500px; }
    .wrapper-home .header { padding-bottom: 1px; position: fixed;  }
    .header { min-height: 50px; }

    .mob-nav-btn,
    .wrapper-home .mob-nav-btn { display: block; float: right; margin-right: 17px; }
    .wrapper-home .header-actions { float: none; }

    .wrapper-home .header.visible .logo,
    .header-visible .logo { width: 36px; }
    .header .mob-nav-btn span { margin-right: 0; padding-right: 17px; }

    .nav { float: none; text-align: center; padding: 20px 0 17px 0; margin-top: 22px; margin-left: 0; }
    .nav:after { display: block; }
    .nav li { float: none; padding: 0 0 8px 0; }
    .nav li a { display: inline-block; font-size: 28px; }

    .wrapper-home .nav { float: none; text-align: center; padding: 20px 0 17px 0; margin-top: 22px; }
    .wrapper-home .nav:after { display: block; }
    .wrapper-home .nav li { float: none; padding: 0 0 8px 0; }
    .wrapper-home .nav li a { display: inline-block; font-size: 28px; }

    .nav-secondary { float: none; text-align: center; padding: 15px 0 40px 0; margin-left: 0; }
    .nav-secondary:after { display: block; }
    .nav-secondary li { float: none; padding: 0 0 4px 0; }
    .nav-secondary li a { display: inline-block; font-size: 20px; }

    .header-inner { padding-bottom: 0; }

    .wrapper-home .nav-secondary { float: none; text-align: center; padding: 15px 0 40px 0; }
    .wrapper-home .nav-secondary:after { display: block; }
    .wrapper-home .nav-secondary li { float: none; padding: 0 0 4px 0; }
    .wrapper-home .nav-secondary li a { display: inline-block; }

    .contact { z-index: 99; max-height: 100%; overflow: scroll; padding-top: 30px; box-sizing: border-box; -webkit-overflow-scrolling: touch;}
    .menu-contact .contact { top: 50px; }
    .contact-inner { padding: 0; }

    .contact-head { width: 100%; text-align: left; padding: 0 17px; box-sizing: border-box; }
    .contact-body { width: 100%; margin: 0; padding: 0 17px; box-sizing: border-box; }

    .contact-head-mobile { display: block !important; padding: 38px 0 70px 17px; }
    .contact-head p { display: none; }
    .contact-head-mobile p { display: block; }
    .contact-head h2 { font-size: 50px; line-height: 50px; width: 225px; display: block; text-align: left; padding-bottom: 15px; }
    .form-body-colored,
    .form-row { background: none; padding: 0; }
    .form-contact .form-row { padding: 0 0 10px 0; }

    .textarea { height: 230px; }
    .textarea-secondary { height: 80px; }
    .form-btn { text-align: left; background-position: 170px center; border-top: 0; }

    .contact-head p:after { right: auto; left: 0;  }

    .contact-head p + p { margin-top: 18px; }

    .menu-newsletter .newsletter { top: 50px; }

    .newsletter { padding: 30px 17px; height: 100%; overflow: scroll; display: block; box-sizing: border-box; z-index: 99; position: fixed; -webkit-overflow-scrolling: touch;}
    .newsletter-inner { display: block; padding-bottom: 60px; }
    .newsletter-body .form-row { padding: 0 0 10px 0; }
    .newsletter-body .form-row-checks { padding: 25px 0 21px 16px; }

    .about { position: static; }

    .slider { padding: 210px 40px 0 50px; }

    .about-head { position: absolute; top: 50px; left: 0; width: 100%; box-sizing: border-box; padding: 21px 0 17px 17px; }
    .about-head p { width: 100%; font-size: 25px; }
    .about-content h3 { position: absolute; top: 132px; left: 0; width: 100%; float: none; background: rgba(12, 23, 47, 0.7); font-size: 21px; line-height: 27px; box-sizing: border-box; padding-right: 20%; padding-top: 15px; padding-left: 17px; padding-bottom: 18px; height: 114px; overflow: hidden;  }
    .about-content h3 br { display: none; }
    .about-content p { width: auto; float: none; }
    .about-actions { width: auto; float: none; }

    .about-content { padding: 23px 20px 30px 18px; }
    .about-content p { font-size: 14px; line-height: 23px; padding-bottom: 13px; }

    .wrapper-products { position: fixed; height: 100%; overflow: hidden; }
    .wrapper-products .wrapper-inner { padding-top: 50px; height: 100%; }

    .tabs-nav { padding: 15px 8px; overflow: visible; }
    .tabs-nav ul { width: 100%; float: none; overflow: hidden; }
    .tabs-nav ul li a { font-size: 15px; line-height: 18px; padding: 15px 8% 12px 8%; text-align: center;  }
    .tabs-nav .btn-arrow-left { float: none; position: absolute; top: 100%; left: 0; margin-top: 0; }
    /*.jAcc-visible .tab,
    .tab { width: 100%; position: relative; right: auto; top: auto; padding-top: 0; bottom: 0; }*/
    .tab { right: 0; bottom: 0; }
    .jAcc-visible .tab { bottom: 0; top: 24px; }
    .tab-text,
    .jAcc-visible .tab-text { width: auto; }
    .tab-wrapper,
    .tab-inner { width: auto; }

    .jAcc-visible .tab-inner,
    .tab-inner { padding: 0; }

    /*.jAcc-visible .tabs { overflow: auto; -webkit-overflow-scrolling: touch; }*/

    .tab-head { border-left: 0; }
    .tab-head-title { float: none; text-align: right; width: auto; padding: 0 17px 55px 75px; }
    .tab-head-title p { line-height: 16px;  }
    .jAcc-visible .tab-head-entry,
    .tab-head-entry { float: none; text-align: right; width: auto; margin: 0; padding: 0 17px 23px 0;  }
    .tab-head-entry p { margin-left: auto; padding: 0 0 40px 0; font-size: 26px; line-height: 26px; }

    .tab-head-title { text-align: left; padding-left: 0; }
    .tab-head-title h2 { font-size: 32px; line-height: 34px; }
    .jAcc-visible .tab-head-title h2 { text-align: right; font-size: 48px; line-height: 50px; }
    .jAcc-visible .tab-head-title { text-align: right; padding-left: 75px; }

    .nav-flasks { width: 186px; margin-left: auto; }

    .tab-text { text-align: right; padding-right: 17px; margin: 0; padding-bottom: 37px;  }
    .tab-text p { padding-right: 17px; width: 241px; margin-left: auto; }
    .jAcc-visible .tab-text { float: none; padding-right: 17px; margin: 0; }

    .tab-products-nav { background: #fff!important; padding: 50px 0 0 0; }
    .tab-products-nav:after { display: none; }
    .tab-products-nav h2 { position: relative; width: auto; text-align: center; }

    .wrapper-products .wrapper-inner.jAcc-on .header { top: 0; padding-top: 1px; }

    .btn-arrow-left:before { display: block; text-align: center; margin: 0 auto 5px auto; }
    .btn-arrow-left { font-size: 10px; }

    .tabs-nav-inner { float: none; padding-bottom: 20px;  }

    .list-products { float: none; }
    .list-products li { float: none; display: block; text-align: center; width: auto; padding: 0 0; }
    .list-products li a { display: inline-block; font-size: 15px; }
    .accordion-section-secondary.jAcc-visible .tab-products-nav h2, .tab-products-nav h2 { left: auto; width: auto; }
    

    .accordion-overlay { z-index: 99999; }

    .product { padding: 0 10px 30px 10px; }
    .product-content { float: none; width: 100%; padding: 0 10px; }
    .product-content h1 { margin: 0 -10px; padding: 35px 20px 42px 20px; position: relative; text-align: center; display: inline-block; font-size: 11px; }
    .product-content h1:before { position: absolute; left: 5px; top: 50%; 
        -webkit-transform: translateY(-50%); 
            -ms-transform: translateY(-50%); 
             -o-transform: translateY(-50%); 
                transform: translateY(-50%); 
    }
    .product-content h1:after { position: absolute; right: 5px; top: 50%; 
        -webkit-transform: translateY(-50%); 
            -ms-transform: translateY(-50%); 
             -o-transform: translateY(-50%); 
                transform: translateY(-50%); 
    }
    .product-image { float: none; width: 100%; }
    .product-actions .btn-arrow-large { font-size: 13px; }

    .tab-head-entry,
    .tab-head-actions { display: none; }

    .jAcc-visible .tab-head-entry { display: block; }
    .mob-nav-btn em { display: none; }

    .wrapper-story .header { position: fixed; }

    .nav-teritary { position: absolute; width: auto; box-sizing: border-box; right: 8px; left: 8px; top: 75px; }
    .nav-teritary ul { overflow: hidden; }
    .nav-teritary ul a { font-size: 11px; padding-top: 9px; padding-bottom: 6px; }

    .article-text { margin: 0; }

    .section { padding: 140px 8px 0 8px; }
    .section + .section { padding-top: 40px; }
    .section + .section-article { padding-top: 140px; }
    .section:last-child { padding-top: 240px; }

    .jbox { height: auto!important; }
    .article-secondary .article-head { padding: 33px 0 0 0; width: auto; float: none; }
    .article-secondary .article-head:after { top: 24px; background-size: 85px; }
    .article-secondary .article-head p { font-size: 19px; line-height: 25px; padding: 0 0 33px 103px; }
    .article-secondary .article-head h2 { line-height: 47px; padding: 0 0 12px 12px; }

    .article-secondary .article-body { width: auto; padding: 0; }
    .article-secondary .article-entry { padding: 17px 18px 20px 18px; }
    .article-secondary .article-entry p { font-size: 14px; line-height: 21px; padding: 0 0 12px 0; }
    .article-secondary .article-entry h4 { font-size: 15px; }

    .list-about { padding-top: 60px; position: relative; padding-bottom: 32px; float: none; }
    .list-about .ico-about { top: 0; left: 0; height: 60px; font-size: 13px; line-height: 15px; text-indent: 0; color: #95ce8d; text-transform: uppercase; font-style: normal; font-family: 'gothamRoundBook', sans-serif; width: 50%; background-position: 13px center; padding: 14px 0 0 54px; box-sizing: border-box; background-color: rgba(9, 25, 53, 0.2); cursor: pointer; }
    .list-about .ico-1 { background-size: 27px; }
    .list-about .ico-2 { background-size: 33px; }
    .list-about h3,
    .list-about p { display: none; }
    .list-about li { padding: 0; position: static; width: auto!important; margin: 0; }
    .list-about li + li .ico-about { left: auto; right: 0; }
    .list-about .current p { display: block; font-size: 12px; line-height: 18px; padding: 20px 10px 30px 0; margin: 21px 0 0 17px; }
    .list-about .current .ico-about { background-color: rgba(9, 25, 53, 0.4); }

    .article-text { background: none; padding-left: 0; padding: 0 0 0 0; margin-right: -8px; padding-right: 8px; margin-left: 17px; }
    .article-text h3 { font-size: 15px; padding: 13px 0 5px 0; }
    .list-text br { display: block; margin: 5px; } 
    .list-text { float: none; width: auto; font-size: 10px; line-height: 17px; padding: 5px 0; background: url(images/globe.png) no-repeat 0 0; background-size: 52px; padding: 0 0 0 62px; 
        -webkit-columns: 1; 
           -moz-columns: 1; 
             -o-columns: 1; 
                columns: 1; 
    }

    .article-teritary { position: relative; padding-top: 209px; }
    .article-teritary .article-head { float: none; width: auto; padding: 0; overflow: hidden; position: absolute; top: 0; right: 0; }
    .article-teritary .article-head:after { top: -15px; right: 0; width: 85px; }
    .article-teritary .article-head p { width: 120px; padding: 20px 105px 33px 0; margin-left: auto; }
    .article-teritary .article-head h2 { padding-right: 20px; }
    .article-teritary .article-body { float: none; width: auto; }

    .list-about-secondary li:first-child, .list-about-secondary li { width: auto; margin: 0; padding: 0; }

    .section-inner { float: none; }

    .list-about-secondary { padding: 0 0 33px 97px; min-height: 291px; }
    .list-about-secondary .ico-about { width: 97px; height: 97px; background-position: center center; }
    .list-about-secondary .ico-3 { background-size: 32px; }
    .list-about-secondary .ico-4 { background-size: 40px; }
    .list-about-secondary .ico-5 { background-size: 35px; }
    .list-about-secondary li { min-height: 291px; }
    .list-about-secondary .current h3 { display: block; padding: 25px 10px 0 25px; margin: 0; font-size: 18px; }
    .list-about-secondary .current p { margin-top: 11px; margin-left: 25px; padding-right: 18px; }
    .list-about-secondary .current h3 br { display: none; }
    .list-about-secondary li + li .ico-about { top: 97px; right: auto; left: 0; }
    .list-about-secondary li + li + li .ico-about { top: 194px; }

    .article-text-secondary { float: none; margin: 0; width: auto; }
    .article-text-secondary p { font-size: 10px; line-height: 17px; padding: 0 0 0 70px; background: url(images/rabbit.png) no-repeat 0 0; background-size: 55px; }
    .footer-section { padding: 18px 8px; min-height: 201px; }

    .footer { min-height: 201px; }

    .slider-paging { margin-right: 10px; }

    .article-text-primary { width: auto; margin-left: 0; }
    .article-text p { min-height: 55px; }

    .nav-teritary { display: none; }
    .nav-teritary.mobile-vers { display: block; position: absolute; }
    .tabs-nav { display: none; }
    .jAcc-visible .tab { top: 0; }
    .tabs-nav.mobile-vers { display: block; padding-bottom: 0px; }

    .tab-head-title h2 { width: 245px; white-space: nowrap; }
    .tab-inner { float: none; }
    .slider-clip { width: auto; }

    .tab-head-title { width: 190px; margin-left: auto; }

    .jAcc-visible .tab-head-title { padding-left: 20px; width: 240px; } 

    .nav-flasks a:hover:after { display: none; }

    .nav-flasks .current .flask1:hover:after { top: 0; background: url(images/flask1-hover.png) no-repeat 0 0; display: block; }
    .nav-flasks .current .flask3:hover:after { background: url(images/flask3-hover.png) no-repeat 0 0; top: 0; left: 1px; display: block; }
    .nav-flasks .current .flask2:hover:after { background: url(images/flask2-hover.png) no-repeat 0 0; top: 0; display: block; }

    .accordion-section-primary .list-products li span { padding-top: 0px; margin-top: -20px; padding-bottom: 20px; }

    .product { text-align: right; }
    .product-content p:after { left: auto; right: 0; }

    .slide-content { float: none; padding: 0; }
    .slide-content h3 { font-size: 18px;  }
    .slide-content p {  }
    .slide > a { float: none; }
    .slider { padding-left: 10px; padding-right: 10px;  }
    .slide figure { width: 300px; }
}

@media only screen and ( max-height: 470px ) {
    .tab-wrapper { padding-top: 0px; }
}

.form-contact ::-webkit-input-placeholder { /* WebKit browsers */ color: #081935; opacity: 1; }
.form-contact :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #081935; opacity: 1; }
.form-contact ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #081935; opacity: 1; }
.form-contact :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #081935; opacity: 1; }

.form-newsletter ::-webkit-input-placeholder { /* WebKit browsers */ color: #081935; opacity: 1; }
.form-newsletter :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #081935; opacity: 1; }
.form-newsletter ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #081935; opacity: 1; }
.form-newsletter :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #081935; opacity: 1; }

.socials,
.twitter { display: none; }