@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');
* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }


html, body { height:100%; }
body { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:18px; line-height:1.65; font-weight:400; }
#wrapper { height:100%; position:relative; background:url(../images/bg.jpg) 0 0 no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; }
#wrapper:before { position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,.5); }
.wrap { width:1170px; margin:0 auto; height:100%; text-align:center; color:#fff; position:relative; z-index:10; }
.box-table { width:100%; height:100%; display:table; }
.box-info { display:table-cell; vertical-align:middle; }
h1 { font-size:20px; font-weight:400;  letter-spacing:0.035em; color:#5677fc; text-transform:uppercase; }
h2 { font-size:14px; text-transform:uppercase; width:50%; margin:0 auto; }
a, input[type="submit"] { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select {
 background:#fff; padding:4px 16px; height:48px; line-height:1.55; color:#000; border:1px solid rgba(238, 238, 238, 0.27); font-family:'Lato', Arial, Helvetica, sans-serif; width:100%; font-size:16px; outline:0; font-weight:400; border-radius:8px; }
.formlist { width:480px; padding-right:200px; position:relative; margin:30px auto 0; }
input[type="submit"], button, input[type="button"] { font-size:18px; text-transform:uppercase; font-family:'Lato', Arial, Helvetica, sans-serif; border:1px solid #5677fc; color:#5677fc; background:none; padding:12px 40px; font-weight:400; border-radius:8px; position:absolute; right:0; top:0; cursor:pointer; }
input[type="submit"]:hover { background:#5677fc; color:#fff; }
input[type="submit"]:focus { outline:none; cursor:pointer; }


::-webkit-input-placeholder { opacity:1; color:#000; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

.copyright { position:absolute; left:0; width:100%; bottom:30px; font-size:15px; text-transform:uppercase; }

@media only screen and ( max-width:1170px) {
	.wrap { width:auto; padding:0 30px; }	
}

@media only screen and ( max-width:1023px) {
	body { background:#000; }
	#wrapper { background:url(../images/bg-md.jpg) 50% 0 no-repeat #000; background-size:contain; -moz-background-size:contain; -webkit-background-size:contain; -ms-background-size:contain; }
	#wrapper:before { display:none; }
	h2  { width:auto; }
	.box-table { display:block; padding:40px 0 0; height:auto; }
	.box-info { display:block; }
	.copyright { position:relative; bottom:0; margin:30px 0 0; }
}

@media only screen and ( max-width:767px) {
	img { width:100%; height:auto; }	
}

@media only screen and ( max-width:568px) {
	figure { width:80%; margin:0 auto 20px; }
	h1,h2 { font-size:13px; }
	.formlist { margin:30px auto 0; }
	.copyright { bottom:15px; font-size:13px; padding:0 30px; }
	.formlist { width:auto; padding-right:0; }
	input[type="submit"] { position:relative; margin:10px 0 0; width:100%; right:0; top:0; }
}