﻿/* html5reset.css - 01/11/2011 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins{background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;border-top:1px solid #353d57;margin:1em 0;padding:0;background-color:#353d57;}
input,select{vertical-align:middle;}
img{border:0 none;max-width:100%;}
div{position:relative;}

body{font-family:'Roboto',Arial,sans-serif;font-size:16px;line-height:1.5;color:#456c8f;min-width:320px;font-weight:normal;}
p{padding-bottom:1.2em;}
.clear{float:none;clear:both;width:0;height:0;line-height:0px !important;}

#head{padding:18px 0;width:94%;margin:0 auto;max-width:1140px;}
#head img{display:inline-block;}
#leftcontent{width:50%;float:left;background:transparent url(v6_bg.jpg) no-repeat right center;background-size:auto 100%;}
#rightcontent{background-color:#456c8f;width:50%;float:left;}
.honey{display:none;}
.email_form{width:76%;margin:0 21% 0 3%;padding:0 0 56px 0;}
.form-field{border:1px solid #fff;color:#fff !important;padding:15px 2%;width:95%;font-family:'Roboto',Arial,sans-serif;font-size:20px;background-color:#456c8f;margin-bottom:15px;}
.form-field.area{overflow:hidden;line-height:1.2;padding:18px 2%;}
.form-btn{border:0 none;width:100%;text-align:center;color:#fff;padding:10px 0;font-family:'Roboto',Arial,sans-serif;font-size:26px;background-color:#16c0ce;font-weight:500;}
::-webkit-input-placeholder{/* WebKit, Blink, Edge */color:#fff;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#fff;opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */color:#fff;opacity:1;}
:-ms-input-placeholder{/* Internet Explorer 10-11 */color:#fff;}
:placeholder-shown{/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color:#fff;}
.contacts a,.contacts a:hover{color:#456c8f;font-family:'Roboto',Arial,sans-serif;font-size:26px;text-decoration:none;line-height:2;display:inline-block;}
#leftcontent a:hover{text-decoration:underline;}
h1{font-family:'Roboto',Arial,sans-serif;font-size:40px;font-weight:300;padding:14px 0;color:#fff;}
#content_wrapper{width:79%;margin:0 0 0 21%;}
#rightcontent p,.success{font-family:'Roboto',Arial,sans-serif;font-size:26px;color:#fff;}
#rightcontent img{display:block;float:right;margin-left:20px;margin-top:6px;margin-bottom:10px;}
.contacts{float:right;width:930px;width:calc(100% - 208px);text-align:right;padding-top:10px;}
.contacts a:first-child{margin-right:40px;}
.error{border:transparent;background-color:rgba(255,0,0,0.5);}
@media all and (max-width:1300px) {
.email_form{width:81%;margin:0 16% 0 3%;}
#content_wrapper{width:81%;margin:0 3% 0 16%;}
}
@media all and (max-width:1220px) {
.email_form{width:86%;margin:0 11% 0 3%;}
#content_wrapper{width:86%;margin:0 3% 0 11%;}
}
@media all and (max-width:1140px) {
.email_form,#content_wrapper{width:94%;margin:0 auto;}
}
@media all and (max-width:990px) {
#leftcontent{display:none;}
#rightcontent{float:none;width:100%;height:auto;}
.email_form,#content_wrapper{max-width:600px;}
h1{text-align:center;}
#content_wrapper>div{width:480px;margin:0 auto;}
}
@media all and (max-width:840px) {
#head{text-align:center;}
.contacts{float:none;width:94%;margin:0 auto 10px auto;text-align:center;}
}
@media all and (max-width:620px) {
.contacts{max-width:290px;}
.contacts a:first-child{margin-right:0;}
}
@media all and (max-width:520px) {
#head{text-align:center;padding:50px 0;}
.contacts{float:none;width:290px;padding-top:0;margin:0 auto;text-align:center;}
#content_wrapper>div{width:100%;}
}
@media all and (max-width:460px) {
#rightcontent img{float:none;margin-left:auto;margin-right:auto;}
#rightcontent p{text-align:center;}
}