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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: top;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
input[type="submit"], button{-webkit-appearance:none!important;}
html,body{width:100%;line-height:1;min-width: 290px;font: normal 14px Arial;color: #777;background: #fff;}
a{color: #268bc3;}
input[type="text"],input[type="password"] {height: 30px; width: 100%;border: 1px solid #a19898;border-radius: 3px;padding-left: 5px;padding-right: 5px;}
label{color: #6f6f6f;font-weight: 600;}
div.container{position: relative;max-width: 1400px;margin: auto;padding: 5px}
button{cursor: pointer;background: #0eaf2c; color: #fff;padding: 10px; padding-left: 15px; padding-right: 15px; font-size: 135%; border: 1px solid transparent; border-radius: 3px;}

header{position: relative; width: 100%; height: 80px;z-index: 1;}
header #logo{position: relative;display: inline-block;width: auto;height: 100%;}
header #logo img{position: absolute;height: 100%;width: auto}
header #login{float: right;padding-top: 15px;color: #000;text-align: center;}
header .container{padding: 10px;height: 100%;}

main{position: relative;top: -80px;}
main .container{padding: 0;}
main .bg{width: 100%;height: auto;}
main .registration {position: absolute;bottom: 175px; padding: 5px; background: #dfdfdf;padding-bottom: 15px; margin-left: 20px; margin-top: 30px; border: 0px solid transparent; border-radius: 5px; overflow: hidden; width: 320px;z-index: 1}
main .registration .head{position: absolute; top: 0; left: 0; width: 100%; padding: 15px; text-align: center; background: #268bc3; color: #fff; font-size: 200%; font-weight: bold;}
main .registration .table{padding: 10px;}
main .registration .table .cell{padding: 5px;}
main .registration form{padding-top: 75px;}
main .registration .group{padding-top: 10px;}
main .registration a.lf{color: #2e4485;text-decoration: none;font-size: 140%;}
main .registration a.lf:hover{text-decoration: underline;}
main .registration p{padding: 10px;}
main .registration p.small{font-size: 80%; text-align: center;}
main .girl{position: absolute; left: 0; bottom: 60px; z-index: 1; width: 100%; padding-left: 360px; padding-right: 20px; text-align: center;}
main .girl .wrapper{padding: 15px;background: rgba(0,0,0,0.50);}
main .girl h1{color: #fff; font-size: 290%; font-weight: bold; padding-bottom: 10px;}
main .girl a{text-decoration: none;}
main .girl img{width: 130px;height: auto;border: 1px solid #e3e3e3;}

footer{position: relative; margin-top: -140px; height: 60px; background: rgba(255, 255, 255, 0.5); font-size: 80%; color: #000; text-align: center; border-bottom: 5px solid rgba(255,123,34,0.5);}
footer .container, footer .table{height: 100%}
footer img { width: 25px; margin-left: 5px; }

div.table{display: table;width: 100%;vertical-align: middle;}
div.table div.row{display: table-row;}
div.table div.row div.cell{display: table-cell;vertical-align: middle;}

.captcha{display: block !important;	margin: 5px auto;}

/* Media */

@media (max-width: 1250px){
	main .girl h1{font-size: 200%;padding-bottom: 5px;}
	main .girl .table .row .cell{position: relative;padding: 5px}
	main .girl img{width: 100%;}
	main .registration{bottom: 100px}
}
@media (max-width: 1100px){
	header{height: 70px;}
	header #login{position: absolute;right: 10px;top: 12px;padding: 0}
	main:before{display: block;content: ''; padding-top: 10px;}
	main .registration{bottom: 10px}
	main .girl{bottom: 0;}
	footer{margin-top: -80px;}
}

@media (max-width: 900px){
	header #logo img{top: 55px;}
	header #login {top: 45px;}
	header #login #note{display: none;}
	header #login a{padding: 5px;border: 1px solid transparent;border-radius: 3px;background: #268bc3;color: #fff;cursor: pointer;}
	header #login a:hover{background: #ff7c23;color: #000;}
	main .bg-wrapper { width: 100%; height: 230px; overflow: hidden; background: url(../img/bg.png); background-size: cover;margin-top: -40px;}
	main .bg-wrapper img{display: none;}
	main .registration{position: relative;margin: auto;width: 70%;margin-top: 20px;z-index: 2;}
	main .girl{position: relative; margin: 0; padding: 0;margin-top: -30px;}
	main .girl .wrapper{padding: 10px}
}
@media (max-width: 700px){
	header{height: 60px;}
	header #logo{}
	header #logo img{top: 35px;}
	header #login {display: none;}
	main .bg-wrapper {margin-top: -25px;}
	main .girl h1{font-size: 105%}
	main .registration{width: 97%}
	footer {height:auto;}
	footer .table .cell{display:block!important;margin-bottom: 5px}
}