/* Start Reset */
* {margin: 0;padding: 0;box-sizing: border-box;}
html {height: 100%;}
button{border:0px;cursor:pointer;outline: 0;}
img {display:block;max-width:100%;border:0px;}
li{list-style: none;}
table{border-collapse: collapse;}
input, textarea, a {outline: none!important;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
iframe{border:0px;outline: 0;}
h1, h2, h3, h4, h5, h6{font-family: "Gilroy-Medium";color: white;font-weight: normal;font-size: 17px;line-height:120%;}
b, strong{font-weight: normal;}
a{text-decoration: none;}
::-webkit-input-placeholder {font-family: "Gilroy-Medium";color: white;font-size: 20px;}
::-moz-placeholder {font-family: "Gilroy-Medium";color: white;font-size: 20px;}
:-moz-placeholder {font-family: "Gilroy-Medium";color: white;font-size: 20px;}
:-ms-input-placeholder {font-family: "Gilroy-Medium";color: white;font-size: 20px;}
/* End Reset */

/* Start Подключение шрифтов */
/* font-family: "Gilroy-Medium"; */
@font-face {
	font-family: "Gilroy-Medium";
	src: url("fonts/Gilroy-Medium/Gilroy-Medium.eot");
	src: url("fonts/Gilroy-Medium/Gilroy-Medium.eot?#iefix")format("embedded-opentype"),
	url("fonts/Gilroy-Medium/Gilroy-Medium.woff") format("woff"),
	url("fonts/Gilroy-Medium/Gilroy-Medium.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
/* font-family: "RobotoMedium"; */
@font-face {
	font-family: "RobotoMedium";
	src: url("fonts/RobotoMedium/RobotoMedium.eot");
	src: url("fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
	url("fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
	url("fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
/* End Подключение шрифтов */

/* Start Body */
html {font-family: "RobotoMedium";font-size: 17px; letter-spacing : 0.85px;line-height: 120%;color: white;}
.wrap{width:100vw;height:100vh;background: url(img/bgs/dots-bg.svg) center no-repeat, url(img/bgs/main-bg.svg) center no-repeat;background-size: cover, cover;position: relative;}
.wrap .wrap-content{width:466px;height:438px;position: absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto;}
.wrap .wrap-content .header .logo{width:387px;margin:0px auto 30px;}
.wrap .wrap-content .header .tagline{width:387px;margin:0px auto 30px;text-align: center;}
.wrap .wrap-content .header .tagline h1{text-transform: uppercase;letter-spacing : 1.7px;}
.wrap .wrap-content .content .form .input-line{margin-bottom:10px;}
.wrap .wrap-content .content .form .input-line .input{width:100%;height:59px;line-height:55px;border:2px solid white;border-radius:35px;background: transparent;padding:0px 35px 0px 85px;font-family: "Gilroy-Medium";color: white;font-size: 20px;}
.wrap .wrap-content .content .form .input-line.user .input{background: url(img/icons/user-icon.svg) 35px center no-repeat;background-size: 21px auto;}
.wrap .wrap-content .content .form .input-line.password .input{background: url(img/icons/pas-icon.svg) 35px center no-repeat;background-size: 21px auto;}
.wrap .wrap-content .content .form .submit-line{margin-top:30px;}
.wrap .wrap-content .content .form .submit-line .submit{width:100%;max-width:264px;margin:0px auto;display: block;height:59px;border:2px solid white;border-radius:35px;background: transparent;padding:0px 35px;font-family: "Gilroy-Medium";color: white;font-size: 20px;text-transform: uppercase;cursor: pointer;}
.wrap .footer{position: absolute;left:0px;bottom:30px;width:100%;height:40px;padding:0px 80px;}
.wrap .footer:after{content:"";display: block;clear: both;}
.wrap .footer .contact-block{float: left;}
.wrap .footer .contact-block .block{display: inline-block;vertical-align: top;margin-right:105px;}
.wrap .footer .contact-block .block:last-child{margin-right:0px;}
.wrap .footer .contact-block .block .label{display: block;font-size:13px;}
.wrap .footer .contact-block .block a{color: white;}
.wrap .footer .contact-block .block a:hover{text-decoration: underline;}
.wrap .footer .logos{float: right;}
.wrap .footer .logos ul{font-size: 0px;}
.wrap .footer .logos ul li{display: inline-block;vertical-align: middle;margin-right: 17px;}
.wrap .footer .logos ul li:last-child{margin-right: 0px;}
.wrap .footer .logos ul li a{display: block;}
@media only screen and (max-width : 1350px) {
	.wrap .footer{padding:0px 30px;}
}
@media only screen and (max-width : 1150px) {
	.wrap .footer{padding:0px 15px;}
	.wrap .footer .contact-block .block{margin-right:15px;}
}
@media only screen and (max-width : 950px) {
	.wrap .wrap-content{top: 30px;bottom: auto;}
	.wrap .footer{height:auto;padding:15px;}
	.wrap .footer .contact-block{float: none;max-width: 368px;margin: 0px auto 15px;}
	.wrap .footer .logos{max-width: 468px;float: none;margin: 0px auto;}
}
@media only screen and (max-width : 767px) {
	html, .wrap .wrap-content .content .form .input-line .input{font-size:16px;}
	::-webkit-input-placeholder {font-size: 16px;}
	::-moz-placeholder {font-size: 16px;}
	:-moz-placeholder {font-size: 16px;}
	:-ms-input-placeholder {font-size: 16px;}
	.wrap{width: 100%;min-height: 100vh;height: auto;}
	.wrap .wrap-content{padding:15px;max-width:100%;height:auto;top:15px;position: static;}
	.wrap .wrap-content .header .logo{width:100%;max-width:300px;margin:0px auto 15px;}
	.wrap .wrap-content .header .tagline{max-width:100%;}
	.wrap .wrap-content .content .form .input-line .input{height:44px;line-height:40px;border-radius: 25px;padding: 0px 25px 0px 55px;}
	.wrap .wrap-content .content .form .input-line.user .input{background: url(img/icons/user-icon.svg) 20px center no-repeat;background-size: 16px auto;}
	.wrap .wrap-content .content .form .input-line.password .input{background: url(img/icons/pas-icon.svg) 20px center no-repeat;background-size: 16px auto;}
	.wrap .wrap-content .content .form .submit-line .submit{max-width:200px;height:44px;line-height:40px;border-radius: 25px;font-size:16px;}
	.wrap .footer{padding:0px 15px;bottom:15px;position: static;}
	.wrap .footer .logos ul li{margin-right:12px;}
}

@media only screen and (max-width : 479px) {
	.wrap .wrap-content .header .logo{max-width:200px;}
	.wrap .wrap-content .header .tagline h1{font-size:13px;}
	.wrap .footer .contact-block{text-align: center;}
	.wrap .footer .contact-block .block{margin-right:0px;margin-top:15px;}
	.wrap .footer .contact-block .block:first-child{margin-top:0px;}
	.wrap .footer .logos ul{text-align: center;}
	.wrap .footer .logos ul li{margin:0px 5px;}
}
/* End Body */