html, body {
    width:100%; height:100%; min-width: 300px; min-height: 479px;
}
@font-face{
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: local("Open Sans"), url(/static/font/open_sans.woff) format("woff"), url(/static/font/open_sans.ttf) format("truetype");
}
html, body, div, p, input, select, a, button, ul{
	margin:0;
	padding:0;
    outline:none; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body , button, input , h1, select, button, p {font-family: 'Open Sans', Arial; color: #545b61; font-weight: normal;}
body , button, input {font-size:13px;}
button, select, option  { cursor:pointer;}
.font-color{ color: #545b61;}
*:disabled { color: #c9cacb !important;}
.hidden{display: none;}
.rel {position:relative;}
ul {
	list-style: none;
}
a, a:hover {
  text-decoration:none;
  outline:none;
}
img{ border: 0;}
.border {border:1px solid grey;}

#page {
  min-height:100%;
  height:auto !important; 
  height:100%; 
}
#page #wrapper {padding-bottom:4.5em; min-height: 580px;}
#header{background-color: #61ab00; height: 64px; color: #fff;}
#header #top_menu, #content, #footer{
    max-width: 59em;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#content, #footer{padding: 0 calc(1em + 35px); box-sizing: content-box;}
#top_menu {height:100%;}
.logo{
    margin: 0;
    padding: 0;
    float: left;
    height:100%;
}
.logo a {color: #fff; display: block; height:100%;}
.logo a span {font-size: 19px; font-weight: normal; font-family: 'Open Sans', Arial; vertical-align:top; display: inline-block; padding: 20px 0 0 12px;}
/*** footer ***/
#footer {height:4.5em; margin-top:-4.5em !important;}
#footer form{padding-top:1em; border-top:1px solid gainsboro;}
#footer {color: darkgray; position:relative;}
#footer a {color: #545b61;}
#footer a:hover {color:chocolate;}

  /* Links list */
#footer ul.links li {float:left; border-right:1px solid gainsboro; padding-left: 0.5em; padding-right: 1.5em; margin-right: 1em; margin-top: .6em; white-space: nowrap;}
#footer ul.links li:last-child {border:none; padding-right: 0;}

/***/
  /* Languages */
#lang {display:block; float: right; margin-top: .4em; padding-bottom: 17px;}
#lang select { border-radius: 3px; min-width: 7em; border-color: darkgray;  margin-left: 0.5em;}

.greybox{ background-color: #EEF0EA; padding: 54px 0 47px 63px; border-radius: 3px; margin-top:48px; min-width: 447px;}
.greybox form { display:inline-block; box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; z-index:2;}
p {font-size: 14px;}
label {display: block; padding-bottom: 11px;}
.section_top{margin-top:21px;}
.section_top > button:first-child{margin: 0 9px 0 0;}
.input {
    font-size: 16px;
    border: 1px solid #bbb;
    min-width: 321px;
    border-radius: 3px;
    padding: 6px 7px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.input:hover, input:focus, button:hover {border-color: #88CA00;}
input[name="search"] {text-transform:uppercase;}
.button {
    height:32px;
    border: 1px solid #9e9e9e;
    font-size: 14px;
    border-radius:3px;
    background: #fefefe;
    margin-top: 11px;
    padding: 0 14px;
    display: inline-block;
}

.button.green {
    border-color: #71a61d;
    background: #85c029;
    background: linear-gradient(to bottom, #8bca2a, #85c029);
    background: -webkit-linear-gradient(to bottom, #8bca2a, #85c029);
    background: -o-linear-gradient(to bottom, #8bca2a, #85c029);
    background: -moz-linear-gradient(to bottom, #8bca2a, #85c029);
    color: #fff;
}
.button:hover{background:#fafbfc;}
.button.green:hover{background: #85c029; border-color: #71a61d; }
.button:disabled:hover, .button:disabled{ background: #fefefe !important; border: 1px solid #dedede; cursor:default; }

.mobile, .paper-plane{ position: absolute; right:30px; z-index:0;}
.mobile { top: -96px; content:url("/static/img/mobile1.png"); }
.mobile:after { content:url("/static/img/mobile1.png"); }
.paper-plane {top: 74px;}
.line {height: 0px;border-top: 1px solid #88CA00; position: relative; z-index:1;}
.code{
    top:21px; right:-310px;
    width: 161px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
.email{
    top:-5px; right:-319px;
    width: 141px;
    -webkit-transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -o-transform: rotate(12deg);
}
.email_error{
    top:-22px; right:-320px;
    width: 140px;
    -webkit-transform: rotate(-2.5deg);
    -moz-transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -o-transform: rotate(-2.5deg);
}
.red, .red *{ border-color: #FF8A60 !important; }
.error{color: #FF8A60; padding: 7px 0; font-size:14px; width: 321px; }
.captcha img{ width:321px; margin: 22px 0 14px;}

.email_ok { padding: 0 0 12px 0; font-size:16px; position: absolute; top: 32px;}
.email_ok  img{padding-right: .5em;}
.whitebox{background-color: #FFFFFF; border-radius: 4px 4px 4px 0; margin-top:25px; width: 430px; padding: 23px 35px 35px 35px;}
.black{color:#0a0a0a;}
.whitebox p {margin-bottom:8px; line-height: 20px;}
a.green_link{color: #70B500; font-size: 15px;}
a.green_link:hover{color: #66ab14;}
.whitecorner{width: 0;
	height: 0;
	border-top: 14px solid white; 
	border-right: 14px solid transparent;}
.full_text{padding: 20px 0px 20px 60px; max-width: 402px; color: #545b61; line-height: 1.5; font-size: 14px;}
.full_text a{color: #7ab31f; text-decoration: underline; white-space: nowrap;}
.err {padding: 23em 0; text-align: center;}
.err_text {width: 23em; margin: 0 auto; padding-bottom: 3.7em;}
.err div {width: 23em; margin: 0 auto;}
@media(max-width: 850px) {
    .mobile, .line, .paper-plane{opacity:0; -webkit-transition: opacity 0.3s ease;}
}
@media(max-width: 750px) {
    .mobile, .line, .paper-plane{display: none;}
    .whitebox{width: 80%;}
}
@media(max-width: 810px) {
    #lang{float: left;}
    [dir=rtl] #lang{float: right !important;}
}
@media(max-width: 650px) {
  #footer{height: 5.5em;margin-top: -5.5em !important;}
  #page #wrapper {padding-bottom:5.5em;}
}
@media(max-width: 515px) {
    /*html {-webkit-text-size-adjust: none;}*/
    body{background-color: #EEF0EA;}
    .greybox{padding: 54px 0px 47px 0px !important; min-width:10em; margin-top:5px;}
    .logo a span {font-size: 13px; padding-top: 26px;}
    #footer{height: 6.5em;margin-top: -6.5em !important;}
    #page #wrapper {padding-bottom:6.5em;}
    .full_text{padding: 20px 0 !important; max-width: 16em !important;}
    .greybox form {max-width: 18em !important;}
    input {min-width: 14em !important;}
    #footer ul.links li {border-right: none !important; border-left: none !important; float: none !important; display:block;}
    button {min-width: 16em!important;}
    .captcha img{ width: 17.2em !important; }
    .error {width: 16em;}
}
@media(max-height: 590px){
    .paper-plane{opacity:0; -webkit-transition: opacity 0.3s ease;}
}
@media(max-height: 490px){
 .greybox{margin-top:5px;}
 .paper-plane{display: none;}
}
@media(max-height: 490px) and (orientation: landscape){.whitebox{width: 90%;}}
[dir=rtl] #lang{
  right: auto;
  left: 3.5em;
}
[dir=rtl] #lang select{
    margin-right: 0.5em;
}
[dir=rtl] #footer ul.links>li{
  float: right;
  padding-right: 0.5em;
  padding-left: 1.5em;
  margin-left: 1em;
  margin-right: 0;
  border-left: 1px solid gainsboro;
  border-right: none;
}
[dir=rtl] #footer ul.links>li:last-child{
  border-left: none;
}
[dir=rtl] .mobile, [dir=rtl] .paper-plane{right: auto;  left: 30px;}
[dir=rtl] .mobile { content:url("/static/img/mobile2.png"); }
[dir=rtl] .mobile:after{ content:url("/static/img/mobile2.png"); }
[dir=rtl] .paper-plane{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";}
[dir=rtl] .logo{ float: right;}
[dir=rtl] .logo a span {padding-right:12px; }
[dir=rtl] .greybox{ padding: 54px 63px 47px 0;}
[dir=rtl] .code {right: auto; left: -310px; width: 164px;
    -webkit-transform: rotate(151deg);
    -moz-transform: rotate(151deg);
    -ms-transform: rotate(151deg);
    -o-transform: rotate(151deg); }
[dir=rtl] .email {right: auto; left: -319px; width: 145px;
    -webkit-transform: rotate(170.5deg);
    -moz-transform: rotate(170.5deg);
    -ms-transform: rotate(170.5deg);
    -o-transform: rotate(170.5deg); }
[dir=rtl] .email_error{right: auto; left: -321px; top: -21px; width: 143px;
    -webkit-transform: rotate(183.5deg);
    -moz-transform: rotate(183.5deg);
    -ms-transform: rotate(183.5deg);
    -o-transform: rotate(183.5deg); }
[dir=rtl] .email_ok img { padding-left: .5em;}
[dir=rtl] .whitebox {border-radius: 4px 4px 0 4px;}
[dir=rtl] .whitecorner {border-top: 14px solid white; border-left: 14px solid transparent; border-right:0;}
[dir=rtl] .full_text {padding: 20px 60px 20px 0;}
[dir=rtl] .section_top > button:first-child{margin: 0 0 0 9px;}
[dir=rtl] #lang{float: left;}