@import url(http://fonts.googleapis.com/css?family=Futura:300,400,700,900);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;margin:0;padding: 0;}
html{margin:0;padding: 0;}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.group:before,.group:after{content:"";display:table}
.group:after{clear:both}
.group{zoom:1}
a:active,a:focus,button:active,button:focus{outline:none}/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
                                                         
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}

.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}
body{font-family:'Cabin',"Lato",sans-serif;font-size:16px;max-width:100%}
.wrapper{width:100%;overflow-x:hidden;margin:0;padding:0; }
.preload{display:none}

strong {
    font-weight: bold;
}


/******** GLOBAL **********/
html, body {
    width: 100%;
    color: #7e7e7e;
}

section {
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    color: #191919;
    font-family:inherit;
    font-weight:bold;
    color:inherit;
    text-rendering:optimizelegibility;
    text-transform: uppercase;
    letter-spacing: .2em;
}

a, a:visited {
    color: #848484;
    text-decoration: none;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
    font-family: 'Arial', sans-serif;
}

a:focus {
    outline: thin dotted;
}

a:active, a:hover {
    color: #000;
    outline: 0;
    text-decoration: none;
}

a.blue {
    color: #0094c4;
}

.content {
    max-width: 940px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

.content-wide {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}
.content-full {
    max-width: 100%;
    padding: 0 70px;
    margin: 0 auto;
}

p {
    line-height: 1.3em;
    color: #191919;
    margin: 0 0 .5em;
    font-weight: normal;
    font-family: 'Cabin', Arial, sans-serif;
    font-weight: 400;

}

h1 {
    margin: 0;
    font-size: 42px;
}

h1, h2, h3, h4 {
    color: #191919;
}

h1.m {
    margin: 0 0 .3em 0;
}

h1.l {
    font-size: 58px;
}

h2, h3, h4, h5 {
    margin: 0 0 20px  0;
}

h1.green {
    color: #191919;
}

img {
    max-width: 100%;
}

.clearer {
    clear:both;
}

a.button {
    margin: 25px 0 0 0;
    display: inline-block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px;
    padding: 10px 25px;
    border: 2px solid #fff;
    color: #fff;
}

a.button:hover {
    background: #282828;
    color: #fff;
    border: 2px solid #282828;
}

a.login {
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px;
    padding: 6px 15px;
    border: 2px solid #282828;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}

a.login:hover {
    background: #282828;
    color: #fff;
    border: 2px solid #282828;
}

a.green {
    border: 2px solid #b4ce32;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}

a.black:hover {
    background: #282828;
    color: #fff;
    border: 2px solid #282828;
}

a.green:hover {
    background: #282828;
    color: #fff;
    border: 2px solid #282828;
}

a.green:hover {
    background: #b4ce32;
    color: #fff;
    text-decoration: none;
}

.green {
    color: #b4ce32;
}

button.button {
    margin: 25px 0 0 0;
    display: inline-block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px;
    padding: 15px 25px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background: none;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}

a.black {
    margin: 25px 0 0 0;
    display: inline-block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px;
    padding: 10px 25px;
    border: 2px solid #191919;
    color: #191919;
}

button.white:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}

button.white {
    border: 2px solid #000;
    background: none;
    color: #000;
}

button.blue {
    background: #0094c4;
    color: #fff;
    font-weight: bold;
}


/******** HEADER **********/

header {
    position: fixed;
    position: relative;
    top: 0;
    background: #fff;
    padding: 15px 0;
    color: #7e7e7e;
    height: 80px;
    z-index: 999999;
    width: 100%;
}

header .menu-btn{ 
    -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; 
    cursor: pointer;
    border:none;
    width:38px;
    height:38px;
    padding: 15px 0 0 0;
    background:url(../images/menu-button2.png) center center no-repeat;
    position:relative;
    float:left;
    cursor:pointer;
    border-radius:50%;
    top: 8px;
    -webkit-transition:0.5s;transition:0.5s;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

header .menu-btn.open{
    background:url(../images/menu-close-icon.png) center center no-repeat;
    background:url(../images/menu-button2.png) center center no-repeat;
    -webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)
}

header .menu-btn:active,.header .menu-btn:focus{
    outline:none
}

header .content {
    max-width: 100%;
    padding: 0 70px;
}

header #logo {
    float: left;
    margin: 15px 0 0 0 ;
}

header .menu .social {
    display: none;
    visibility: hidden;
}

div.login {
    margin: 17px 0 0 25px;
    float: right;
}

header nav {
    float: left;
    margin: 0 0 0 40px;
}

header nav ul {
    padding: 15px 0 0 0;
}

header .menu{
    float:left
}

header .menu li{
    float:left
}

header .menu li a{ 
    color:#969696;
    text-decoration:none;
    line-height: 1.2em;
    font-size:11px;
    padding:8px 14px;
    text-transform:uppercase;
    display:block;
}

header .menu li a.active,.header .menu li a:hover{
    background-color:rgba(0,0,0,0.08)
}

header .quote-btn:hover{
    background:#fe7e16
}

header div.social {
    float: right;
    padding: 15px 0 0 0;
}


header .social a {

    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 0 0 10px;

    /* CSS3 */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    -webkit-transition: all 0.8s ease; 
    -moz-transition: all 0.8s ease; 
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;

    overflow:hidden;
}

.social a:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

header div.brochure {
    float: right;
    padding: 13px 0 0 0;
}

header a.brochure { 
    float: right;
    margin: 0px 0 0 0;
    display: initial;
    -webkit-border-radius: 63px;
    -moz-border-radius: 63px;
    border-radius: 63px;
    padding: 4px 15px;
    color: #fff;
    font-size: 13px;
    border: 2px solid #b4ce32;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;
}

header a.brochure:hover {
    background: #b4ce32;
    color: #fff;
    text-decoration: none;
}

/******** SHOWCASE **********/
#pageArea {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;


}
body {
    background: url('../images/bg-showcase.jpg') top center fixed #0c0c0c;
    background-size: cover;
    background: none;
}

video.vid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility:hidden; 
}


.comp a img {
    width: 100%;
}

section {
    overflow: hidden;
}

section.showcase {
    display: block;
    position: relative;
    padding: 00px 0 0 0;
    margin: 0 0 0 0;
    background: url('../images/bg-video.jpg' ) top center no-repeat;
    background: none;
    background-size: cover;
    top: 0;
    width: 100%;
    z-index: 99;
    height: 100%;
    height: auto;
    height:100vh;
}

body.sent {
    background: url('../images/bg-video.jpg' ) top center no-repeat;
}

section.showcase .hey img{
    margin: 0 0 35px 0;
}

section.showcase .content {
    padding: 200px 0 150px 0;
    text-align: center;
}

section.showcase h1 {
    font-size: 95px;
    font-style: italic;
    letter-spacing: -0.092em;
    margin: 0 0 0 -10px;
    color: #fff;
}
section.showcase h2 {
    color: #fff;
}

section.showcase .sub {
    max-width: 350px;
    margin: 0 auto;
}

section.showcase p {
    max-width: 700px;
    margin:0 auto;
    color: #fff;
}

section.showcase .button {
    margin: 60px auto;
}

div.blackbar {
    width: 100%;
    background: url('../images/bg-black-80.png') top center ;
    background-size: cover;
    padding: 80px 0 90px 0;    
    position: absolute;
    bottom: 0;
}

a.watch {
    color: #85c340;
    margin: 20px 0 0 0;
    display: block;
    text-decoration: underline;
}

.lightboxcontainer {
    width:100%;
    text-align:left;
}
.lightboxleft {
    width: 40%;
    float:left;
}
.lightboxright {
    width: 60%;
    float:left;
}
.lightboxright iframe {
    min-height: 390px;
}
.divtext {
    margin: 36px;
}

@media (max-width: 800px) {
    .lightboxleft {
        width: 100%;
    }
    .lightboxright {
        width: 100%;
    }
    .divtext {
        margin: 12px;
    }
}
.hey {
    padding: 0 70px;
    width:600px;
    height:500px;
    position:absolute;
    margin-top:-25px;
    margin-left:-300px;
    top:25%;
    left:50%;
}

.fbCount {
    position: absolute;
    width: 16.5%;
    left: 70px;
    top: 50px;
    text-align: left;
    text-align: left;
    text-transform: uppercase;
}

.fbCount .count2 {
    margin:5px 0 0 0;
    background: url('../images/fb-bg.png') top center no-repeat;
    width: 128px;
    height: 38px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    font-family: 'Arial', sans-serif;
    display: block;
    text-align: right;
    padding: 10px 60px 0 0;
}


/******** COUNTER SECTION **********/
section.counter {
    position: relative;
    padding: 100px 0;
}

section.counter h3 {
    font-size: 20px;
    text-transform: uppercase;
}

section.counter p {
    max-width: 850px;
    font-size: 17px;
    text-align: left;
}

section.counter .slash {
    text-align: center;
    margin: 0 auto;
}

section.counter .left {
    width: 62%;
    float: left;
}

section.counter .right {
    width: 31%;
    float: right;
}

section.counter .right ul {
}

section.counter .right li {
        margin: 10px 0 35px 0;
}

section.counter .right li span {
    padding: 10px 25px;
    font-size: 15px;
    background: #191919;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;    
}

/******** ABOUT SECTION **********/
section.about {
    padding: 200px 0;
    background: none;
    position: relative;
}

section.about .left {
    position: relative;
    width: 48%;
    display: inline-block;
    margin: 0 2% 0 0;
    background: red;
}

section.about p {
    font-size: 26px;
}

section.about .comp {
    max-width: 786px;
}

section.about .right {
    vertical-align: top;
    display: inline-block;
    width: 48%;
    max-width: 600px;
    margin:88px 0 0 0;
    text-align: left;
}

section.about img.shadow {
    position: absolute;
    bottom: -20px;
    width: 120%;
    max-width: none;
    left: -10%;
}

section.about img.comp {
    position: relative;
}
section.about div.comp {
    padding: 3%;
    background: url('../images/comp.png') no-repeat;
    background-size: 100%;
}


section.best {
    padding:100px 0;
}

section.best img {
    display: block;
    text-align: center;
    margin:0 auto 25px auto;
}

section.best p {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    max-width: 675px;
    margin:0 auto;
}



/******** STATS SECTION **********/
section.what {
    position: relative;
    padding: 125px 0 125px 0;
    background: url('../images/bg-shadow.png') bottom center no-repeat #000;
    background-size: cover;
    background: #161616;
    background: none;
    height: auto;
    text-align: center;
    background: url('../images/bg-black.jpg') top right no-repeat #0f0f0f;
    background-size: cover;
}

section.what .text {
    position: absolute;
    width: 16.5%;
    left: 70px;
    top: 100px;
    text-align: left;
}

section.what .text h2 {
    font-size: 32px;
    margin: 0;
}

section.what .text h2.m {
    margin: 0 0 20px 0;
}

section.what p {
    font-family: 'Arial', sans-serif;

}
section.what .button {
    margin: 50px auto 0 auto;
}

section.what .threeCol .col {
    float: left;
    width: 33.3%;
    border-right: 1px solid #707070;
    padding: 20px 20px 20px 0;
    text-align: right;
    color: #191919;
    text-transform: uppercase;
}

section.what .threeCol .col h1 {
    font-size: 2.0vw;
    letter-spacing: normal;
}

section.what .threeCol .col img {
    text-align: center;
    width: 80%;
    max-width: 120px;
    margin: 30px 0 0 0;
}



/******** HOW SECTION **********/
section.secret {
    position: relative;
    padding: 15% 0;
    background: #161616;
    background: none;
}

section.secret .right {
    width: 30.5%;
    float: right;
    text-align: left;
}

section.secret .left {
    width: 61.5%;
    position: relative;
    float: left;
    text-align: right;
    padding: 0px 8% 0 0;
}

section.secret .left .icon {
    width: 10%;
    position: absolute;
    right: 0;
}

section.secret .left .li {
    margin: 0 0 140px 0;
    text-align: right;
}

section.secret p {
    color: #848484;
    font-size: 14px;
    max-width: 600px;
    float: right;
}

section.secret .right ul {
    margin: 35px 0 0 0;
}

section.secret .right ul li {
    margin: 0 0 15px 0;
    padding: 0 0 0 35px;
    background: url('../images/check-blue.png') no-repeat 0 0px;
    min-height: 30px;
}


/******** STATS EXTRA SECTION **********/
section.extra {
    padding: 150px 0;
}

section.extra h1 {
    margin: 0 0 40px 0;
}

section.extra h2 {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: normal;
}




/******** CONTACT SECTION **********/
section.contact {
    padding: 150px 0;
    position: relative;
    background-size: cover;
}

section.contact h1 {
    color: #fff;
    display: inline-block;
    margin: 0 20px .3em 0;
}

div#form {
    padding: 65px;
    background: #191919;
}

section.contact .left {
    width: 70%; 
    float: left;
}

section.contact .left form label {
    width: 20%;
    display: inline-block;
    font-size: 12px;
    padding: 10px 20px 0 0;
    vertical-align: bottom;
    color: #fff;
    vertical-align: top;
}

section.contact .left form input, section.contact .left form textarea {
    width: 79%;
    padding: 11px;
    display: inline-block;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #414141;
    border: none;
    max-width: 79%;
    font-family: Arial, sans-serif;
}

section.contact h3 {
    color: #fff;
}

section.contact .left form textarea {
    height: 100px;
}

section.contact .left form .field { 
    margin: 0 0 9px 0;
}

section.contact form button {
    margin: 0 0 0;
    display: inline-block;
    cursor: pointer;
}

section.contact .right {
    color: #fff;
    width: 23%;
    float: right;
    font-size: 14px;
}

section.contact .right div {
    font-family: 'Arial', sans-serif;
}

section.contact .right .phone {
    margin: 40px 0 0 0;
    color: #fff;
    padding: 0 0 0 30px;
    background: url('../images/icon-phone.png') top left no-repeat;
}

div.blackbar .content {
    margin: 0 auto;
    padding: 0;
}

section.blackbar {
    padding: 50px 0;
    background: url('../images/bg-black.jpg') top left no-repeat;
    background-size: cover;
    text-align: center;
}

section.blackbar h1 {
    color: #fff;
    font-size: 42px;
}


/******** FOOTER **********/
footer {
    background: #ebebeb;
    padding: 30px 0;
}

footer .left ul {
    margin: 10px 0 0 0;
}

footer .left {
    width: 50%;
    float: left;
}

footer .right {
    width: 50%;
    float: right;
}

footer .right .social {
    float: right;
    margin: 10px 0 0 0;
}

footer .right .social a {
    margin: 0 0 0 10px ;
}

footer li {
    font-size: 13px;
    display: inline-block;
    margin: 0 11px 0 0;
}

.bottom-bar {
    background: #ebebeb;
    padding: 15px 0;
    border-top: 1px solid #cacaca;
}

.bottom-bar p {
    font-size: 13px;
    float: left;
    margin: 0;
}

.bottom-bar li {
    font-size: 12px;
    float: right;
    margin: 0 0 0 11px;
    text-transform: uppercase;
}

footer .social a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 7px;


    /* CSS3 */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    -webkit-transition: all 0.8s ease; 
    -moz-transition: all 0.8s ease; 
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;

    overflow:hidden;
}

a.anchor {
    position: absolute;
    margin: -120px 0 0 ;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}





/******** RESPONSIVENESS **********/
@media (min-width: 941px) {
    header .menu-btn{
        background:url(../images/menu-button2.png) center center no-repeat;      
    }
    header .menu-btn.open{
        background:url(../images/menu-button2.png) center center no-repeat;
        -webkit-transform:rotate(0deg);-ms-transform:rotate(-180deg);transform:rotate(0deg)
    }
    section.what .threeCol .col h1 {
        font-size: 25px;
    }

    section.what .extra h1 {
        font-size: 30px;
    }
}
@media (max-width: 1460px) {    

    section.what .content {
        max-width: 100%;
        padding: 0 70px;
    }

    section.what .threeCol {
        display: block;
        float: right;
        width: 80%;
    }

    section.what .col {
        max-width: 250px;
        float: right;
    }
}

@media (max-width: 1060px) {    
    header .content {
        padding: 0 20px;
    }
    section.what .text {
        width: 95%;
        max-width: 700px;
        text-align: center;
        position: initial;
        margin: 0 auto;
    }
    .fbCount {
        width: 95%;
        max-width: 700px;
        text-align: center;
        position: initial;
        margin: 0 auto;
    }

    .fbCount .count2 {
        margin: 0 auto;
        display: inline-block;
        margin-left: 10px;
        margin-bottom: 30px;
    }

    section.what .button {
        display: none;
        visibility: hidden;
    }

    section.what .threeCol {
        margin: 60px auto 0 auto;
        float: none;
    }

}

@media (max-width: 1160px){
    header .menu{
        display:none;
        float:none;
        position:absolute;
        left:0;
        width:100%;
        top:100%;
        z-index:1000;
        background: #f5f5f5;
        padding: 0 40px;
    }

    header .menu li a {
        padding: 20px;
        border-bottom: 1px solid #3e3e3e;
    }

    header nav {
        float: right;
    }

    header .menu li{
        float:none;
        display:block;
    }

    header .menu-btn{
        display:block;
        top: 6px;
    }

    header div.social {
        display: none;
        visibility: hidden;
    }

    header .menu .social {
        display: inline-block;
        visibility: visible;
        padding: 20px 0;
    }
}

@media (max-width: 940px){
    .content, .content-wide {
        padding: 0 40px;
    }
    header .content {
        padding: 0 40px;
    }
    section.showcase h1.big {
        font-size: 11vw;
        margin: 0;
    }

    section.showcase h1.last {
        font-size: 35px;
    }
    section.showcase .sub {
        width: 80%;
        margin: 0 auto;
    }

    header .logo {
        width: 80%;
    }

    h1 {
        margin: 0;
        font-size: 6vw;  
    }

    section.about .left {
        width: 95%;
        margin: 0 auto;
        float: none;
        display: block;
    }

    section.about .right {
        width: 95%;
        margin: 70px auto 0;
        float: none;
        display: block;
    }


}

@media (max-width: 880px){
    section.contact .left {
        width: 100%;
        float: none;
    }
    section.contact form {
        max-width: 650px;
        margin: 0 0 60px 0;
    }

    section.contact .right {
        width: 100%;
        float: none;
        padding: 0 0 0 0%;
    }
}


@media (max-width: 767px){
    .content-full {
        padding: 0 20px;
    }

    section.showcase .content {
        padding: 40px 20px;
    }

    video.vid {
        display: none;
        visibility: hidden;
    }

    section.showcase, section.contact, section.best {
        background: url('../images/bg-mobile.jpg') top center no-repeat #191919;
        background-size: cover;
    }

    .hey {
        width:500px;
        margin-left:-250px;
        left:50%;
        top: 25%;
    }

    section.about {
        padding: 100px 0 ;
    }
    section.about div.comp {
        width: 100%;
        padding: 5.5% 5% 5%;
        margin-top: 80px;  
    }
    section.secret .content-wide {
        top: 10%;
    }
    section.secret .left {
        text-align: center;
        width: 95%;
        margin: 0 auto 50px auto;
    }

    section.secret .right {
        width: 95%;
        margin: 0 auto;
        padding: 0 0 0 17%;
    }

    section.what {
        padding: 10% 0 20% 0;
    }
    section.what .text {
        width: 90%;
        left: 5%;
        text-align: center;
    }

    section.contact form {
        max-width: none;
        width: 100%;
    }

    section.contact .left form label, section.contact .left form input, section.contact .left form textarea {
        width: 100%;
        display: block;
        max-width: 790px;
    }

    section.contact .left form .field {
        width: 100%;
    }

    section.contact .content {
        top: 10%;
    }
    section.what .threeCol {
        width: 100%;
    }
    section.what .threeCol .col {
        float: none;
        width: 100%;
        max-width: none;
        text-align: center;
        background: none;
        border: none;
        border-bottom: 1px solid #707070;
    }

    section.showcase h1.big {
        font-size: 80px;
        margin: 0 0 0px 0;
    }
    section {
        overflow: hidden;
    }
    section.secret .left {
        padding: 0px 16% 0 0;
    }
    section.secret .right {
        width: 100%;
        float: left;
        padding: 0;
    }

    section.secret .left {
        width: 100%;
    }    
    
    section.counter .left {
        width: 95%;
        float: none;
        margin: 0 auto;
    }
    
    section.counter .right {
        width: 95%;
        float: none;
        margin: 40px auto 0 auto;
    }


}

@media (max-width: 660px){
    footer {

    }
    footer .left {
        width: 100%;
        float: none;
    }

    footer .right {
        float: none;
    }

    footer .right .social {
        display: block;
        margin: 40px 0 0 0;
        width: 100%;
    }

    footer .right .social a {
        margin: 0 7px 0 0;
    }

    .bottom-bar p {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }

    .bottom-bar ul {
        clear: both;
        width: 100%;
    }

    .bottom-bar ul li {        
        display: inline-block;
        float: left;
        font-size: 11px;
        margin: 10px 7px 0 0;
        text-align: left;

    }
}

@media (min-width: 561px){
    header .menu li a.brochure2 {
        visibility: hidden;
        display: none;
    }
}


@media (max-width: 560px){

    header .menu li a.brochure2 {
        visibility: visible;
        text-align: center;
        border: 2px solid #b4ce32;
        padding: 13px 0;
    }


    a.brochure {
        visibility: hidden;
        display: none;
    }
}


@media (max-width: 480px){
    header #logo {
        width: 70%;
    }

    header .content, .content, .content-wide {
        padding: 0 20px;
    }

    section.showcase h1 {
        font-size: 45px;
        font-style: italic;
    }
    section.showcase h1.big {
        font-size: 77px;
        margin: 0 0 -10px 0;
    }
    section.showcase h1.last {
        margin: 0 0 25px 0;
    }

}

@media (max-width: 310px){
    .hey {
        position: initial;
        width: 80%;
        max-width: 250px;
        padding: 0;
        margin: 0 auto;

    }
    section.showcase h1.big {
        font-size: 47px;
        margin: 0 0 0px 0;
    }
    section.showcase h1.last {
        font-size: 25px;
    }

    section.best {
        width: 100%;
    }

    section.best h1 {
        text-align: right;
        font-size: 22px;
    }

}