@font-face {
    font-family: DINM;
    src: url( '/local/font/DINNextW1G-Medium.otf' ) format('opentype');
}

@font-face {
    font-family: DINB;
    src: url( '/local/font/DINNextW1G-Bold.otf' ) format('opentype');
}

body{
	margin: 0;
	position: relative;
	background: #181818 !important;
	font-family: DINM !important;
}
body a{
	color: #fff;
	text-decoration: none;
}
.container .full-form__wrapper{
    background: none;
}
.container .full-form__inner{
    border: 0px;
}


.header,
.header-mobile {
	display:		none !important;
}
header,
form{
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
}
#form{
    margin: 30px auto auto !important;
}
header .logo{
	position:absolute;
	display: block;
	background: url( '../images/logo.png' ) no-repeat left top;
	width: 232px;
	height: 78px;
	top: 80px;
	right: 5%;
}
header .row{padding-top: 200px;}
header .head-bg{
	background: url( '../images/head-card.png' ) no-repeat 100px top;
	min-height: 280px;
	background-size: contain;
}
header .head-txt{
	padding-top: 106px;
	font-size: 54px;
	line-height: 80px;
	text-align: left;
	padding-bottom: 80px;
	color: #fff;
}
header .head-txt span{display: block;}
header .head-txt div div{text-align: right;}
header .head-txt i{
	display: block;
	height: 1px;
	background: #fff;
}
header .row + .row{text-align: center;}
header .head-anchor{
	display: inline-block;
	font-size: 36px;
	line-height: 46px;
	padding: 20px 50px;
	border: 1px solid #fff;
	margin-bottom: 50px;
	color: #000;
	background: #fff;
}
header a.head-anchor:hover{text-decoration: none;color: #000 !important;}
footer a:hover{
	text-decoration: none;
	color: #fff;
}

.btn, .head-anchor{
    border-radius: 4px !important;
}
input[type=text]{
    border-radius: 0px !important;
}
.form-itemerr {
    font-size: 11px !important;
    color: #E2010F !important;
}
.title{
	color: #fff;
	display: inline-block;
	font-size: 40px;
	line-height: 46px;
	padding: 0 25px 25px;
	background: url( '../images/title.jpg' ) no-repeat center bottom;
	max-width: 976px;
	margin: 0 auto;
}
.anchor{
	display: inline-block;
	width: 70px;
	height: 70px;
	border: 2px solid #fff;
	border-radius: 100%;
	background: url( '../images/anchor.png' ) no-repeat center center;
	margin: 20px auto 0;
}
#card{
	background: #6f6f6f;
	text-align: center;
	padding: 50px 25px;
	color:#fff;
}
#card .priv{
	padding-top: 400px;
	background: url( '../images/card.jpg' ) no-repeat center 30px;
}
#card .priv div{padding-top: 170px;}
#card .priv .col-xs-12{padding-top: 0px;}
#card .priv div span{
	display: table;
	height: 72px;
	width: 100%;
	vertical-align: middle;
}
#card .priv .air{background: url( '../images/air.png' ) no-repeat center 20px;}
#card .priv .perc{background: url( '../images/perc.png' ) no-repeat center 20px;}
#card .priv .cash{background: url( '../images/cash.png' ) no-repeat center 20px;}
#card .priv .pep{background: url( '../images/pep.png' ) no-repeat center 20px;}

#bonus{
	padding: 50px 0;
	background: url( '../images/bonus-bg.png' ) no-repeat right center;
	text-align: center;
	color: #fff;
}
.bonus{padding-bottom: 30px;}
.bonus .col-xs-4{margin-top: 30px;}
.bonus div div{
	width: 126px;
	height: 126px;
	border: 2px solid #fff;
	border-radius: 100%;
	font-family: DINB;
	font-size: 60px;
	line-height: 76px;
	padding-top: 20px;
	background: #181818;
	margin: 0 auto;
}
.bonus div div sub{bottom: 0em;font-size: 50%;}
.bonus div div span{
	display: table;
	width: 126px;
	height: 28px;
	margin-top: -14px;
	font-size: 12px;
	line-height: 15px;
}
.obmin{text-align: left;margin-top: 30px;}

#adds{
	background: #6f6f6f;
	text-align: center;
	padding: 50px 25px;
	color: #fff;
}
#adds .adds-bg{
	background: url( '../images/add-bg.jpg' ) no-repeat right center;
	padding-top: 410px;
	font-size: 21px;
	line-height: 24px;
}
#adds ul{
	margin: 0;
	padding: 0;
}
#adds ul li{
	font-size: 21px;
	line-height: 24px;
	list-style: none;
	padding: 15px 0 15px 80px;
	background: url( '../images/li.png' ) no-repeat 20px 15px;
	text-align: left;
	color: #fff;
}
#adds ul > li::before{
	display: none;
}

footer{background: #202020; padding: 25px 0;}
footer a{text-decoration: underline;}
footer .about{
	font-size: 20px;
	line-height: 24px;
	color: #fff;
}
footer .info{
	font-size: 15px;
	line-height: 17px;
	margin: 30px auto;
	border: 0px;
	color: #fff;
}
#form_buttons.full-form__controls .btn{width: auto;display: inline-block;}
#form_buttons .field__label{text-align: center;}
@media screen and (max-width: 1200px) {
	header .head-bg{background-position: center top;}
	
}

@media (max-width:992px){
	header .head-txt{font-size: 48px;line-height: 60px;}
	#adds .adds-bg{background-position: center top;}
}
@media (max-width:767px){
	header .head-bg{background-position: center top;}
	header .head-txt{padding: 25px 15px;text-align: center;}
	header .text{padding:50px 0 25px;}
	.anchor{display: none;}
	#bonus{background-position: right 80px;}
	footer .info{margin: 15px;max-width: none;}
}
@media (max-width:707px){ margin: 25px auto; max-width: 300px; }
@media (max-width:620px){
	#card .priv{background-size: contain; padding-top: 80%;}
}

@media (max-width:480px){
	header .head-bg{width: 90%; margin: 0 5%;min-height: 56vw;}
	#adds .adds-bg{background-size: contain;padding-top: 78vw;}
	header .head-anchor{
		font-size: 24px;
		line-height: 34px;
		font-weight: bold;
		padding: 20px 35px;
	}
	#card{padding: 40px 15px;}
	#card .title{ font-size: 30px; padding: 0 0 25px;}
	#card .priv div{width: 100%;}
	#card .priv div span{height: 44px;}
	#bonus{background-position: right center;}
	#bonus .col-xs-4{ width: 100%; left: 0px;}
	#adds{padding: 40px 0px;}
	#adds ul{padding: 0px;}
	#form #fio, #form #gsm_input{min-width: 260px;}
}
/*#form{display: none;}*/


/* form-style */
.popup{
    position: fixed;
    z-index: 4;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    padding: 40px;
    display: none;
}

.popup-area{
    max-width: 600px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    background: url( '../images/bg-popup.png' ) repeat #fff; 
    padding: 26px 28px;
    text-align: center;
}
.popup .popup-result{
	width: 400px;
	max-width: 100vw;
	height: 480px;
	max-height: 100vh;
	background: #fff;
	display: inline-block;
	position: relative;
	z-index: 10;
	margin-top: 25px;
}
.popup .exit-popup{
    line-height: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    content: "\2715";
    font-size: 22px;
    color: #aaaaaa;
}
.popup .exit-popup:hover {
    color: #000;
}
.popup .popup-result .popup-title{
	margin-top: 50px;
	color: #000;
	font-size: 46px;
	line-height: 50px;
	font-weight: bold;
}
.popup .popup-result .text-popup{
	font-size: 18px;
	line-height: 24px;
	padding: 75px 25px;
}
.popup .popup-result .logo-popup{
	background: url( '../images/popup-logo.png' ) no-repeat center center;
	width: 220px;
	height: 50px;
	display: inline-block;
}

@media screen and (max-width: 991px) {
    .popup{padding-top: 100px;}
    .popup .popup-result{
        width: auto;
        height: 440px;
        padding-bottom: 50px;
    }
    .popup .popup-result .popup-title{margin-top: 50px;}
}