@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Condensed:400,700');
* { margin: 0; padding: 0; outline: none; }
/*html { font-size: 62.5%; height: 101%; }

body { background: #fff; font-family: "Calibri", Arial, sans-serif; }*/
/*img { border: 0; }*/

/*a { color: #3a51b2; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 15px;  }

p { color: #656565; font-size: 1.2em; margin-bottom: 10px; }

#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }*/

#inline { display: none; width: 600px; }

label { margin-right: 120px; margin-bottom: 9px; font-family: Georgia, serif; color: #646464; font-size: 1.2em; }

.txt { 
display: inline-block; 
color: #676767;
width: 420px; 
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 500px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}

#cancel { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#cancel:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#cancel:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}
.full-row {
float: left;
width: 100%;
height: auto;
text-align: center;
margin:20px auto 10px;

}
.ad-banner {
text-align: center;
margin: 0 auto;
background: #fff;
width: 728px;
height: 90px;
display: block;
}

/*new*/
#banner-new{ background:url(images/banner-bg.jpg) no-repeat 50% 50%; background-size:cover; padding:1px 0; box-sizing:border-box;}
#banner-new *{ box-sizing:border-box;}



#banner-new h1{ font:400 46px/48px 'Lato', sans-serif; color:#000; padding:40px 0 10px;}
#banner-new h1 strong{ font-weight:700; color:#4aa243;}
#banner-new .options{ font:400 20px/27px 'Roboto Condensed', sans-serif; color:#fff; background:#4aa243; border-radius:4px; float:left; clear:left; margin:8px 0 0; padding:10px 0 10px 105px; position:relative; width:60%; box-sizing:border-box;}
#banner-new .options:nth-child(2){width:63%;}
#banner-new .options:nth-child(3){width:66%;}
#banner-new .options:nth-child(4){width:69%;}
#banner-new .options:nth-child(5){width:71%;}
#banner-new .options:nth-child(6){width:74%;}
#banner-new .options:nth-child(7){width:77%;}
#banner-new .options div{ font-weight:700; font-size:27px; width:95px; display:inline-block; position:relative; text-align:center; position:absolute; left:0; top:0; bottom:0; background:url(images/img-arrow.jpg) no-repeat 100% 50% #65c95d; border-radius:4px 0 0 4px;}
#banner-new .options div span{transform: translate(0, -50%); -ms-transform: translate(0, -50%);   -webkit-transform: translate(0, -50%); position:absolute; left:10px; top:50%;}
/*#banner-new .options span:before{ position:absolute; left:100%; top:0; bottom:0; content:""; border-top:20px solid transparent; border-left:20px solid #f00; border-bottom:20px solid transparent;}*/
#banner-new .banner-left{ float:left; width:48.334%;}
#banner-new .banner-right{ float:right; width:51.666%; margin:94px -0.833% 44px; padding:0; position:relative;}
#banner-new .banner-right > div{ position:absolute; left: 11.8%;right: 11.7%;top: 5.6%;bottom: 12.2%;}
#banner-new .banner-right iframe{ width:100%; height:100%;}




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

#banner-new h1 { font:400 37px/38px 'Lato', sans-serif;}
#banner-new .options {margin: 6px 0 0; padding: 8px 0 8px 105px;}
#banner-new .options{width:72%;}
#banner-new .options:nth-child(2){width:75%;}
#banner-new .options:nth-child(3){width:78%;}
#banner-new .options:nth-child(4){width:81%;}
#banner-new .options:nth-child(5){width:84%;}
#banner-new .options:nth-child(6){width:87%;}
#banner-new .options:nth-child(7){width:90%;}

#banner-new .banner-left{ float:left; width:50%;}
#banner-new .banner-right{ float:right; width:50%; margin:94px 0 44px; padding:0; position:relative;}
}
@media only screen and (max-width: 990px) {
#banner-new h1 {    font: 400 27px/28px 'Lato', sans-serif;}
#banner-new .options div{width:80px; font-size: 20px;}
#banner-new .options {margin:5px 0 0; padding:6px 0 6px 85px; font:400 15px/20px 'Roboto Condensed', sans-serif;}
}
@media only screen and (max-width: 740px) {

#banner-new h1 {    font: 400 27px/28px 'Lato', sans-serif;padding:20px 0 10px;}


#banner-new .banner-left{ float:none; width:100%;}
#banner-new .banner-right{ float:none; width:60%; margin:20px 20% 14px; padding:0; position:relative;}
}
@media only screen and (max-width: 450px) {
#banner-new .banner-right{ float:none; width:80%; margin:20px 10% 14px; padding:0; position:relative;}
}