/*	Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
--------------------------------------------------------------------------------------- */
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}ol,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}

.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}

/* #Fonts
--------------------------------------------------------------------------------------- */

@font-face{
    font-family: 'FuturaExtBol';
    src: url('fonts/futura-extbol/futura-extbol-webfont.eot');
    src: url('fonts/futura-extbol/futura-extbol-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/futura-extbol/futura-extbol-webfont.woff') format('woff'),
    url('fonts/futura-extbol/futura-extbol-webfont.ttf') format('truetype'),
    url('fonts/futura-extbol/futura-extbol-webfont.svg#webfont') format('svg');
}

@font-face{
    font-family: 'FuturaBol';
    src: url('fonts/futura-bol/futura-bol-webfont.eot');
    src: url('fonts/futura-bol/futura-bol-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/futura-bol/futura-bol-webfont.woff') format('woff'),
    url('fonts/futura-bol/futura-bol-webfont.ttf') format('truetype'),
    url('fonts/futura-bol/futura-bol-webfont.svg#webfont') format('svg');
}

/* #section
--------------------------------------------------------------------------------------- */

section { text-align: center; overflow-x: hidden; position: relative; }
section.yellow { background-color: #feb600; }
section.green { background-color: #3baf29; }

/* #section-logo
--------------------------------------------------------------------------------------- */

#logo_inner { padding-top: 100px; }
#logo { position: fixed; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#scroll { display: block; position: fixed; bottom: 50px; left: 50%; cursor: pointer; width: 210px; margin-left: -105px; animation-duration: 2s !important; }

@media screen and (max-height:725px), screen and (max-width:500px) {
    #logo img { width: auto; height: 280px; }
}

@media screen and (max-height:725px) {
    #logo_inner { padding-top: 50px; }
}

@media screen and (max-height:500px) {
    #logo_inner { padding-top: 25px; }
    #logo img { width: auto; height: 200px; }
}

/* #section-illustration
--------------------------------------------------------------------------------------- */

#section-illustration {}

#illustration_inner { background-color: #3baf29; width: 100%; bottom: 0; left: 0; padding-top: 100px; padding-bottom: 400px; margin-bottom: 3000px; }
#illustration_inner.fixed { position: fixed; margin-bottom: 0; }

#elements { display: none; }

.element { opacity: 0; }
.element#element-1 { margin: 43px -278px 0 0; }
.element#element-2 { margin: -193px 0 0 -225px; }
.element#element-3 { margin: -213px -218px 0 0px; }
.element#element-4 { margin: -105px 0px 0 -155px; }
.element#element-5 { margin: 15px -125px 0 0; }
.element#element-6 { margin: -105px -11px 0 0; }
.element#element-7 { margin: -325px -10px 0 0; }
.element#element-8 { margin: -77px 0 0 -438px; }
.element#element-9 { margin: -130px -334px 0 0; }
.element#element-10 { margin: -194px -40px 0 0; }
.element#element-11 { margin: -39px -7px 0 0; }
.element#element-12 { margin: -350px 0 0 -41px; }
.element#element-13 { margin: -64px -50px 0 0; }
.element#element-14 { margin: -160px 0 0 -8px; }
.element#element-15 { margin: -318px 0 0 -47px; }
.element#element-16 { margin: -48px -37px 0 0; }
.element#element-17 { margin: -413px 0 0 -108px; }
.element#element-18 { margin: -163px 0 0 -268px; }
.element#element-19 { margin: -281px -27px 0 0; }
.element#element-20 { margin: -129px -6px 0 0; }

#illustration-slides { position: relative;  }
#illustration-slides .illustration-slide { font-family: 'FuturaExtBol'; color: #feb600; font-size: 62px; letter-spacing: -1px; line-height: 50px; position: absolute; top: 0; left: 100%; width: 100%; text-align: center; padding: 35px 0 0 0;  }

@media screen and (max-width:700px) {
    #illustration_inner {padding-top: 50px; padding-bottom: 50px; margin-bottom: 0px; }
    #illustration_inner.fixed { position: static; margin-bottom: 0; }

    .element { display: none; }
    #elements { display: block; }
    #elements img { height: auto; max-width: 100%; }
    #illustration-slides .illustration-slide { position: static; font-size: 45px; }
    #illustration-slides .illustration-slide:before { content: 'NO '; }

}

@media screen and (max-width:475px) {
    #illustration-slides .illustration-slide { font-size: 30px; line-height: 28px; }

}

@media screen and (max-height:500px) {
    #illustration_inner { padding-top: 50px; padding-bottom: 200px; }
}



/* #section-real
--------------------------------------------------------------------------------------- */

#section-real { position: relative; }
#real_inner { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

#section-real .title { margin-bottom: 50px; position: relative; }
#section-real .title:before, #section-real .title:after { content: ''; width: 210px; height: 26px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#section-real .title:before { background-image: url('../img/bordered-title-top.png'); top: 0px; }
#section-real .title:after { background-image: url('../img/bordered-title-bottom.png'); bottom: 0px; }
#section-real .title h2 { font-family: 'FuturaExtBol'; color: #d3041e; font-size: 62px; line-height: 48px; text-transform: uppercase; padding: 50px 0; }
#section-real .content { width: 750px; margin: 0 auto; }
#section-real .content p { font-family: 'Abel'; font-size: 35px; line-height: 40px; color: #3baf29; }


@media screen and (max-width:800px), screen and (max-height:560px) {
    #real_inner { position: static; padding: 50px 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    #section-real .content { width: 90%; }
}

@media screen and (max-width:475px) {
    #section-real .title h2 { font-size: 42px; line-height: 32px; }
    #section-real .content p { font-size: 30px; line-height: 34px; }
}


/* #section-plantlife
--------------------------------------------------------------------------------------- */

#section-plantlife { position: relative; }
#plantlife_inner { padding-top: 100px; margin-bottom: 2000px; }

.plantlife_fixholder { position: fixed; top: 200%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.plantlife_fixholder.fixed {}

#section-plantlife .title { margin-bottom: 50px; }
#section-plantlife .content { width: 750px; margin: 0 auto; }
#section-plantlife .content p { font-family: 'Abel'; font-size: 35px; line-height: 40px; color: #3baf29; margin-bottom: 30px; }
#section-plantlife .content p a { color: #d3041e; }
#section-plantlife .content > a { display: block; color: #d3041e; font-family: 'Abel'; font-size: 35px; line-height: 40px; margin-bottom: 15px; }

#plant-left { width: 235px; height: 362px; position: fixed; top: 100%; right: 50%; margin-right: 300px; background-image: url('../img/plant-left.png'); }
#plant-right { width: 267px; height: 464px; position: fixed; top: 100%; left: 50%; margin-left: 300px; background-image: url('../img/plant-right.png'); }

@media screen and (max-width:800px), screen and (max-height:600px) {
    #plantlife_inner { position: static; padding: 50px 0; margin-bottom: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    #section-plantlife .content { width: 90%; }
    .plantlife_fixholder { position: static; top: unset !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

    #plant-left { display: none; }
    #plant-right { display: none; }
}


@media screen and (max-width:475px) {
    #section-plantlife .title h2 img { max-width: 90%; }
    #section-plantlife .content p { font-size: 30px; line-height: 34px; }
}



/* #section-where
--------------------------------------------------------------------------------------- */

#section-where { position: relative; }
#where_top { padding-top: 25px; }

/*#where_top { width: 100%; height: 50%; position: absolute; top: 0; left: 0; }
#where_top_inner { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }*/

#section-where .flag { margin-bottom: 15px; }
#section-where .title { margin-bottom: 35px; font-size: 45px; line-height: 35px; color: #feb600; font-family: 'FuturaExtBol'; text-transform: uppercase; }
#section-where .where-logo { margin-bottom: 35px; }

#whereform {  }
#whereform input { background-color: #e7a600; color: #d3041e; border: none; width: 100%; text-align: center; padding: 5px 0; font-size: 24px; font-family: 'Abel'; margin-bottom: 10px; display: inline-block; width: auto; }
#whereform input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #d3041e; text-transform: uppercase; margin-top: 10px; color: #feb600; display: inline-block; padding: 5px 15px; }


#map { width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; }
.map-overlay { background-color: #feb600; width: 50%; height: 50%; position: absolute; bottom: 0; right: -50%; }
.map-overlay-inner { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.map-overlay .map-overlay-title { font-family: 'Abel'; font-size: 30px; line-height: 35px; color: #d3041e; margin-bottom: 50px; background-image: url('../img/stockist-title.png'); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 30px; }
.map-overlay .map-overlay-stockist-title { font-family: 'Abel'; font-size: 30px; line-height: 35px; color: #3baf29; }
.map-overlay .map-overlay-address { font-family: 'Abel'; font-size: 30px; line-height: 35px; color: #3baf29; }
.map-overlay .map-overlay-postcode { font-family: 'Abel'; font-size: 30px; line-height: 35px; color: #3baf29; }

@media screen and (max-width:800px), screen and (max-height:900px) {
    #section-where .flag { display: none;}
    #section-where .where-logo { margin-bottom: 10px; }
}

@media screen and (max-width:700px) {
    .map-overlay .map-overlay-title { font-size: 16px; line-height: 18px; margin-bottom: 15px; padding-bottom: 15px; }
    .map-overlay .map-overlay-stockist-title { font-size: 16px; line-height: 18px; }
    .map-overlay .map-overlay-address { font-size: 16px; line-height: 18px; }
    .map-overlay .map-overlay-postcode { font-size: 16px; line-height: 18px; }
}

@media screen and (max-width:400px) {
    #section-where .title { font-size: 38px; margin-bottom: 15px; }
}

@media screen and (max-height:900px) {
    #where_top { padding-top: 4%; }
}

@media screen and (max-height:500px) {
    #section-where .title { margin-bottom: 15px; }
    #section-where .title h2 br { display: none; }
    #section-where .title h2 span:before { content: ' '; }
    #section-where .where-logo { display: none; }
}


/* #section-win
--------------------------------------------------------------------------------------- */

#section-win { position: relative; }
#win_inner { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

#section-win .envelope { margin-bottom: 30px; }
#section-win .title { margin-bottom: 30px; font-size: 45px; line-height: 35px; color: #d3041e; font-family: 'FuturaExtBol'; text-transform: uppercase; }
#section-win .content { width: 750px; margin: 0 auto 30px auto; }
#section-win .content p { font-family: 'Abel'; font-size: 20px; line-height: 25px; color: #d3041e; }

#mc_embed_signup { width: 500px; margin: 0 auto; }
#mc_embed_signup label { display: block; color: #d3041e; font-family: 'Abel'; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }
#mc_embed_signup input { background-color: #e7a600; color: #d3041e; border: none; width: 100%; text-align: center; padding: 5px 0; font-size: 24px; font-family: 'Abel'; margin-bottom: 10px; }
#mc_embed_signup input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #d3041e; text-transform: uppercase; margin-top: 10px; color: #feb600; }
#mc_embed_signup div.mce_inline_error { background-color: #d3041e !important; text-transform: uppercase; color: #fff !important; font-family: 'Abel'; font-weight: normal !important; font-size: 18px; padding: 10px 10px !important; }

.response { text-transform: uppercase; color: #fff !important; font-family: 'Abel'; font-weight: normal !important; font-size: 18px; padding: 10px 10px !important; }
.response#mce-error-response { background-color: #d3041e !important; }
.response#mce-success-response { background-color: #3baf29 !important; }


@media screen and (max-height:690px) {
    #win_inner { padding: 40px 0; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;  }
}

@media screen and (max-width:555px) {
    #mc_embed_signup { width: 90%; margin: 0 auto; }
}

@media screen and (max-width:800px) {
    #win_inner { position: static; padding: 50px 0; margin-bottom: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
    #section-win .content { width: 90%; }
}


/* #section-footer
--------------------------------------------------------------------------------------- */

#section-footer { position: relative; }

#section-footer #footer-inner { }

#section-footer #footer-top { width: 100%; height: 50%; position: absolute; top: 0; background-image: url('../img/dots.png'); }
#section-footer #footer-top #footer-top-inner { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 861px; margin: 0 auto; }
#section-footer #footer-top #footer-top-inner #footer-top-left { position: relative; float: left; width: 280px; height: 280px; background-color: #feb600; border: 9px solid #3baf29; margin-right: 10px; }
#section-footer #footer-top #footer-top-inner #footer-top-left .instagram-logo { margin-top: 60px; margin-bottom: 10px; }
#section-footer #footer-top #footer-top-inner #footer-top-left .instagram-title { font-size: 30px; line-height: 35px; color: #3baf29; font-family: 'FuturaExtBol'; text-transform: uppercase; }
#section-footer #footer-top #footer-top-inner #footer-top-left .instagram-link { font-family: 'Abel'; font-size: 20px; line-height: 25px; color: #3baf29; text-decoration: none; border-bottom: 3px solid #3baf29; font-size: 30px; padding: 5px; position: absolute; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

#section-footer #footer-top #footer-top-inner #footer-top-right { position: relative; float: left; width: 525px; height: 280px; background-color: #feb600; border: 9px solid #3baf29; margin-left: 10px; }
#section-footer #footer-top #footer-top-inner #footer-top-right .form-title { padding: 10px 0; font-size: 30px; line-height: 35px; color: #3baf29; font-family: 'FuturaExtBol'; text-transform: uppercase; }

#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=tel],
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=email],
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=text] { height: 30px; line-height: 30px; background-color: #3baf29; display: block; border: none; width: 89%; margin: 0 auto 5px auto; color: #feb600; text-transform: uppercase; text-align: center; padding: 0 3%; font-family: 'Abel'; font-weight: bold; font-size: 20px; }

#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=tel]::-webkit-input-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=email]::-webkit-input-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=text]::-webkit-input-placeholder {
    color: #feb600;
}
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=tel]::-moz-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=email]::-moz-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=text]::-moz-placeholder {
    color: #feb600;
}
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=tel]:-ms-input-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=email]:-ms-input-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=text]:-ms-input-placeholder {
    color: #feb600;
}
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=tel]:-moz-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=email]:-moz-placeholder,
#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=text]:-moz-placeholder {
    color: #feb600;
}

#section-footer #footer-top #footer-top-inner #footer-top-right form input[type=submit] { border: none; font-family: 'Abel'; font-size: 20px; line-height: 25px; color: #3baf29; text-decoration: none; border-bottom: 3px solid #3baf29; font-size: 30px; padding: 5px; position: absolute; bottom: 25px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: none; cursor: pointer; }

#section-footer #footer-top #footer-top-inner #footer-top-right #mailsent { font-family: 'Abel'; font-weight: bold; font-size: 30px; padding-top: 30px; color: #3baf29; }


#section-footer #footer-bottom { width: 100%; height: 50%; position: absolute; bottom: 0; }
#section-footer #footer-bottom #footer-bottom-inner { top: 50%; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#section-footer #footer-bottom #footer-bottom-inner .title { margin-bottom: 30px; font-size: 30px; line-height: 30px; color: #d3041e; font-family: 'FuturaBol'; }
#section-footer #footer-bottom #footer-bottom-inner .copyright { font-family: 'Abel'; font-size: 13px; line-height: 25px; color: #d3041e; text-transform: uppercase; }

@media screen and (max-width:920px), screen and (max-height:675px) {
    #section-footer #footer-top { height: auto; width: auto; position: static; padding: 50px; }
    #section-footer #footer-top #footer-top-inner { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

    #section-footer #footer-bottom { height: auto; position: static; padding: 50px 0; }
    #section-footer #footer-bottom #footer-bottom-inner { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}

@media screen and (max-height:675px) {
    #section-footer #footer-top { height: auto; width: auto; position: static; padding: 50px; }

    #section-footer #footer-bottom { height: auto; position: static; padding: 50px 0; }
    #section-footer #footer-bottom #footer-bottom-inner { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
}

@media screen and (max-width:920px) {
    #section-footer #footer-top #footer-top-inner { width: auto; }

    #section-footer #footer-top #footer-top-inner #footer-top-left { float: none; width: 90%; height: auto; margin: 0 auto; }
    #section-footer #footer-top #footer-top-inner #footer-top-left .instagram-title { margin-bottom: 30px; }
    #section-footer #footer-top #footer-top-inner #footer-top-left .instagram-link { padding: 0; display: inline-block; margin-bottom: 60px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

    #section-footer #footer-top #footer-top-inner #footer-top-right { float: none; width: 90%; height: auto; margin: 30px auto 0 auto;  }
    #section-footer #footer-top #footer-top-inner #footer-top-right form input[type=submit] { padding: 0; display: inline-block; margin-bottom: 60px; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-top: 30px; }
}

@media screen and (max-width:600px) {
    #section-footer #footer-top { padding: 5%; }
}

#loadcover { position: fixed; z-index: 99999999; top: 0; left: 0; width: 100%; height: 100%; background-color: #feb600; font-family: 'Abel'; font-size: 50px; color: #3baf29; text-align: center; }
#loadcover span { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }



#cover { position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.85);z-index:999999; }

#popup-banner { font-family: "Abel";position:fixed;width:100%;z-index:999999;background:#d3041e;top:0;left:0; color: #fff; line-height: 20px; padding: 10px 0 15px 0; text-align: center; color:#fff; }
#popup-invest-trigger { display: inline-block; padding: 5px 10px; margin-top: 5px; text-decoration: none; background-color: #3baf29; color: #fff; }

#popup {position:fixed;top:5%; bottom: 5%; left:50%;width:1100px;padding-bottom:50px;background-color:#feb600;z-index:999999; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); overflow-x: auto; overflow-y: scroll;}
#popup-close {position:absolute;top:0;right:0;width:40px;height: 40px; line-height: 40px; text-align: center; font-size: 25px; cursor: pointer;}
#popup-left {width: 40%; float: left; margin: 0 5%;}
#popup-left h2 {font-family: Abel; font-size: 30px; padding: 30px 0 15px 0;}
#popup-left p {font-family: Abel; margin-bottom: 30px; font-size: 18px;}
#popup-left img {max-width: 100%; height: auto;}
#popup-right {width: 45%; float: right; margin-right: 5%;}
#popup #invest-form * { font-family: "Abel"; }
#popup #invest-form { padding-top: 30px; }
#popup #invest-form label { display: block; padding: 10px 0; font-size: 24px; }
#popup #invest-form input { display: block; padding: 10px 3%; font-size: 18px; border: 0; background-color: #fff; width: 94%; }
#popup #invest-form textarea { display: block; padding: 10px 3%; margin-bottom: 20px; font-size: 18px; border: 0; background-color: #fff; width: 94%; }
#popup #invest-form button { display: block; padding: 10px 3%; text-align: center; font-size: 24px; border: 0; background-color: #3baf29; width: 100%; color: #fff; cursor: pointer; font-size: 24px; }

#pop_messages .error { background-color: #d3041e; color: #fff; padding: 15px 20px; font-size: 1.4em; margin-bottom: 20px; position: relative; }
#pop_messages .success { background-color: #3baf29; color: #fff; padding: 15px 20px; font-size: 1.4em; margin-bottom: 20px; position: relative; }

@media (max-width: 1100px) {
    #popup { width: 768px; }
}
@media (max-width: 768px) {
    #popup { width: 90%;  }
    #popup-left {width: 90%; float: none; margin: 0 5%;}
    #popup-right {width: 90%; float: none; margin: 0 5%;}
}