*::-webkit-input-placeholder{
	color: #666;
	opacity: 1;
}
*:-moz-placeholder{
	color: #666;
	opacity: 1;
}
*::-moz-placeholder{
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder{
	color: #666; 
	opacity: 1;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid{
	color: #666;
}
body input:required:valid,
body textarea:required:valid{
	color: #666;
}
html, body{
	height: 100%;
}
body{
	min-width: 320px;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	overflow-x: hidden;
}
a,a:hover{
	text-decoration: none;
	color: inherit;
}
a:hover , .btn:hover , input:hover{
	opacity: 0.8;	
}
.btn:hover{
	cursor: pointer;	
}

*{
	font-family: 'Roboto', sans-serif;
	max-width: 100%;
}
.content_wrap{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	position: relative
}
/*******STYLES********/

header{
	background-color: #060606;
	padding: 0;
}
.logo_link,.brand{
	color: #d4d4d4;
}

.main_top{
	/* background-image: url(../img/header_bg.jpg);
	background-size: cover;
	background-position: top center; */
	padding-top: 45px;	
	text-align: center;
	position: relative
}
.main_top h1{
	font-size: 50px;
	color: #060606;
	line-height: 1;
	font-weight: bold;
	margin: 0;
}

.main_top .top_descr{
	line-height: normal;
	font-size: 25px;
	text-align: center;
	color: #656565;
	margin-bottom: 50px;

}
.top_descr{
	font-size: 20px;
}
.main_top .left , .main_top .right{
	float: left;
}
.main_top .left{
	width: 680px;
	text-align: left;
	padding: 0;
}
.main_top .right{
	margin-top: 0;
	width: 440px;
	margin-left: 0;
}
.top_img{
	box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.42);
	border-radius: 5px;	
	max-width: 100%;
	max-height: 414px;
}
ul{
	text-align: left;
}
.thanks .content_wrap h1{
	font-size: 40px;
}
.thanks .content_wrap p{
	font-size: 20px;
}
.left{
	float: left;
	width: 42%;
	margin-top: 15px;
}

.right{
	float: right;
	width: 46%;
	margin-top: 15px;
}

form{
	background-color: black;
	padding: 23px 20px;
	max-width: 400px;
	border-radius: 5px;
}
.form_descr{
	line-height: normal;
	font-size: 20px;
	color: #fff;
	padding: 0 0 25px 0;
}
.form_descr_bottom{
	font-weight: bold;
	padding-top: 0;
}
input, .btn{
	font-size: 15px;
	font-weight: normal;
	color: #919191;
	padding: 20px 0;
	width: 340px;
	border-radius: 3px;
	margin-top: 15px;
}
input {
	margin-top: 0;
	padding-left: 15px;
}
.btn {
  border-radius: 2px;
  background: #FEBC15;
  font-size: 15px;
  font-weight: bold;
  color: black;
	border-bottom: 5px solid;
    border-color: #8C7D55;  
}
.form_arrows{
	width: 340px;
	margin: -50px auto 0
}
.lines{
	position: absolute;
	z-index: -1;
}
.main_top .content_wrap{
	padding-bottom: 83px;
}
.lines_top_left{
	bottom: 0;
	left: -135px;
}
.lines_top_right{
	bottom: 135px;
	right: -135px;
}

section{
	text-align: center;
}
h2 {
    font-size: 30px;
    color: #060606;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    margin: 35px 0;
}
.main_second{
	padding-bottom: 55px;
	position: relative;
}
.main_second_descr{
	text-align: left;
}
.second_descr_item{
	display: inline-block;
	width: 49%;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: top;
	padding-left: 80px;
	padding-top: 20px;
	padding-right: 72px;
	position: relative;
	font-size: 19px;
	line-height: 28px;
}
.second_descr_item img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.second_descr_item span{
	background-color: #eee;
}

.main_second .lines_second_left{
	left: 0;
	top: 73px;
}
.main_second .lines_second_right{
	right: 0;
	bottom: 65px;
}

.more_info{
	background-image: url('../img/back_more_info.png');
	padding: 50px 0;
	position: relative
}
.more_info .left{
	width: 30%;
}
.more_info .right{
	width: 60%;
}
.more_info h2{
	font-size: 40px;
	color: white;
	font-weight: bold;
	line-height: 1.3;	
	margin-top: 0;
}
.more_info p{
	font-size: 20px;
	color: #8D8D8D;
	line-height: 1.3;	
	margin-top: 20px;
	text-align: left
}
.more_info .more_info-img{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60%;
}
.more_info ul{
	padding-left: 0;
	margin: 0;
}
.more_info ul li{
	list-style:  none;
	font-size: 18px;
	line-height: 35px;
	color: white;
	margin-bottom: 12px;
	padding: 0;
	padding-left: 35px;
	position: relative
}
.more_info ul li img{
	position: absolute;
	left: 0;
	top: 9px;
}

.autor .left, .autor .right{
	width: 50%;
	text-align: left
}
.autor .left{
	box-sizing: border-box;
	padding-right: 15px;
}
.autor h3{
	font-size: 32px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 25px 0;
}
.autor p{
	font-weight: normal;
	line-height: 26px;
	font-size: 15px;
	color: #656565;
	margin: 25px 0;	
}
.autor ul{
	padding: 0;
}
.autor ul li img{
	margin-right: 15px;
	position: absolute;
	left: 0;
	top: 3px;
}
.autor ul li{
	list-style: none;
	line-height: 21px;
	font-size: 15px;
	color: #000000;
	padding: 0 0 15px 35px;
	position: relative
}
.autor h4{
	font-weight: bold;
	line-height: 46px;
	font-size: 30px;
	text-transform: uppercase;
	color: #060606;
	margin-top: 15px;
}
.small_points{
	padding-left: 35px;
}
.small_point-one{
	padding-right: 10px;
}

.btn_block{
	margin-top: 20px;
	padding: 45px 0;
	background: rgba(186, 164, 108, 0.29);
	text-align: center
}
.btn_block h3{
	font-weight: normal;
	line-height: 30px;
	font-size: 20px;
	text-transform: uppercase;
	color: #060606;
	margin-top: 0;
	margin-bottom: 0;
}
.btn_block .btn{
	margin-top: 25px;
	margin-bottom: 25px;
	display: block;
	margin: 30px auto;

}
.text-gold {
    color: #bba46d;
    text-transform: uppercase;
}
.politics{
	text-decoration: none;
	line-height: 1;
	margin: 10px 0;
	font-size: 13px;
	color: #BAA46C;
}
.politics_bottom{
	padding: 0;
	margin: 0;
}
footer a{
	text-decoration: underline;
}
footer {
    background: #26252c;
    font-size: 14px;
    color: white;
}
footer .panel-footer {
    border: none;
    border-radius: 0;
    padding: 7px 0;
    background-color: #18181b;
    margin-bottom: 20px;
    border-bottom: 2px solid black;
}
footer .panel-footer .brand {
    float: left;
    font-size: 30px;
    font-weight: 300;
    text-decoration: none;
    line-height: 1;
}
footer .panel-footer .social-box {
    float: right;
}
footer .panel-footer .social-box .icon-wrapper {
    display: inline-block;
    margin-right: 5px;
    text-decoration: none;
    vertical-align: middle;
}
footer .panel-footer .social-box .icon-wrapper .custom-icon {
    font-size: 22px;
    border-radius: 100%;
    border: 1px solid rgb(233, 230, 235);
    color: #e9e6eb;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.46);
    box-shadow: 0 1px 10px rgba(0,0,0,.46);
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    -webkit-transition: .5s;
    transition: .5s;
}
footer .panel-footer .social-box .icon-wrapper:hover .custom-icon {
    background: rgb(233, 230, 235);
    border-color: rgb(233, 230, 235);
    color: rgb(15, 13, 15);
    cursor: pointer;
}
.legal-information{
	color: #cccbcd;
}
footer ul {
    list-style: none;
    padding-left: 0;
}
footer ul li {
    margin-bottom: 5px;
}
footer ul li a,
footer ul li a:hover,
footer ul li a:focus {
    color:white;
}
footer ul li .fa {
    color: #bba46d;
    margin-right: 5px;
    font-size: 18px;
}
.thanks{
	padding: 100px 0 150px 0;
	position: relative;
	margin-bottom: 400px;

}
.thanks .content_wrap{
	text-align: center;
}
.thanks .left h1{
	font-weight: bold;
	line-height: normal;
	font-size: 40px;
	text-transform: uppercase;
	color: #060606;	
}
.thanks .left p{
	font-weight: normal;
	line-height: normal;
	font-size: 20px;
	color: #656565;
}

.thanks .left{
	float: none;
	display: inline-block;
	width: 320px;
	text-align: left;
	vertical-align: top;
}
.thanks .right{
	float: none;
	position: relative;
	display: inline-block;
	width: 560px;
}

.thumbnail{
	height: 100%;
}
.start-video {
    position: absolute;
    top: 33%;
    padding: 12px;
    left: 29%;
    cursor: pointer;
    transition: all 0.3s;
}

div.thumbnail_container
{
    width: 570px;
    height: 324px;
    overflow: hidden;
    background-color: #000;
}
.start-video span{
	line-height: normal;
	font-size: 15px;
	text-align: center;
	color: #fff;
	display: inline-block;
	margin-top: 15px;
}
.lines_thanks_left{
	top: 112px;
	left: 10%;
}
.lines_thanks_right{
	bottom: -181px;
	left: 14px;
	width: 50vw;
	max-width: 1000px !important;
}
.tel-span img {
	width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
}
/* Extra Small Devices, Phones */

@media screen and (min-width : 320px) and (max-width: 767px) {
    header {
        text-align: center;
    }

    .col-personal {
        width: 100%;
    }
    footer {
        text-align: center;
    }
    footer .panel-footer .brand {
        float: none;
        margin-bottom: 10px;
        display: block;
    }
    footer .panel-footer .social-box {
        float: none;
    }

}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .btn {
        font-size: 14px;
        margin-top: 20px;
    }
}



@media screen and (min-width: 992px) and (max-width: 1199px){

    footer {
        font-size: 11px;
    }

}

@media screen and (max-width: 1586px) {
 .lines_second{
 	opacity: 0.1;
 }
 .lines_top_left{
 	left: -50px;
 }
 .lines_top_right{
 	right: -50px;
 } 
}
@media screen and (max-width: 1500px) {
	.lines_thanks_left {
		top: 170px;
		left: 7%;
	}
}
@media screen and (max-width: 1250px) {
 .lines_top_left{
 	left: -30px;
 	width: 58%;
 }
 .lines_top_right{
 	right: -30px;
 } 
}
@media screen and (max-width: 1230px) {
 .lines_top{
 	display: none;
 }
 .main_top .content_wrap{
 	padding-bottom: 35px;
 }
}
@media screen and (max-width: 1140px) {
.content_wrap{
 	box-sizing: border-box;
 	padding-left: 15px;
 	padding-right: 15px;
 }
 .main_top .left{
 	width: 60%;
 }
 .form_arrows{
 	width: 100%;
 }
 .main_top .right{
 	width: 40%;
 	margin-left: 0;
 }
 .main_top .right form{
 	width: 100%;
 	max-width: 100%;
 }
}

@media screen and (max-width: 920px){
	.main_top .left{
		width: 450px;
		margin: 0 auto;
		float: none;
		display: block;
	}	
	.form_arrows{
		margin: 15px 0;
	}
	.main_top .right{
		float: none;
		display: block;
		width: 40%;
		width: 450px;
		margin: 0 auto;
		padding: 0;
	}	
	.more_info .left{
		width: 45%;
		float: left;
	}
	.more_info .right{
		width: 50%;
		float: left;
	}
	.autor .left, .autor .right{
		width: 95%;
	}
	.autor h2 , .autor h3 {
		text-align: center
	}
	.purnov{
		width: 290px;
		margin: 0 auto;
		display: block
	}
	.autor h4 {
		font-size: 25px;
	}
	.left,.right{
		float: none;
		display: block;
		width: 100%;
	}

	form{
		max-width: 434px;
		margin: 5px auto;
		padding: 23px 19px;
	}	
	.thanks {
	    padding: 0px 0 50px 0;
	}	
	.thanks .left	{
		width: 100%;
	}
	.thanks .lines{
		display: none;
	}

  

}
@media screen and (max-width: 851px){
	.second_descr_item{
		padding-right: 10px;
		font-size: 17px;
	}

}
@media screen and (max-width: 767px){
	.more_info .left{
		width: 90%;
		float: none;
	}
	.more_info .right{
		width: 90%;
		float: none;
		width: 400px;
		margin: auto;
	}	
	.more_info p{
		margin-bottom: 35px;
	}
	footer .col-personal ul{
		text-align: center;
	}
	footer .row{
		margin: auto;
	}
}
@media screen and (max-width: 720px){
	.second_descr_item img{
		width: 70px;
	}
	.second_descr_item{
		padding-left: 43px;
		padding-top: 10px;
	}
	.thanks{
		margin-bottom: 0px;

	}

}
@media screen and (max-width: 640px){
	.main_top h1{
		font-size: 38px;
	}
	.iti__flag-container {
		left: 5px!important;
	}
}

@media screen and (max-width: 524px){
	.main_top h1{
		font-size: 33px;
	}
	h2{
		font-size: 30px;
		margin: 10px 0;
	}
	.second_descr_item{
		font-size: 14px;
		line-height: 2;
		margin: 10px 0;
		padding-left: 45px;
		padding-right: 0;
		width: 100%;
	}	
	.item_bottom_line{
		margin: 5px 0px;
	}
	.thumbnail{
		width: 100%;
	}
	div.thumbnail_container{
		height: auto;
		width: 100%;
	}
	.start-video{
		top: 30%;
		left: 25%;
	}
}
@media screen and (max-width: 492px){
	.small_point-one , .small_point-two{
		display: inline-block
	}
}
@media screen and (max-width: 455px){
	.main_top .left{
		width: 95%;
	}	
	.main_top .right{
		width: 95%;
	}		
	h1{
		font-size: 30px;
	}
	.top_descr{
		font-size: 18px;
	}
	.start-video{
		top: 25%;
		left: 0;
		right: 0;
	}	

}
@media screen and (max-width: 414px){
	h1{
		font-size: 27px;
	}
	.form_descr{
		font-size: 18px;
	}
	.more_info .right{
		width: 310px;
	}

}

@media screen and (max-width: 372px){
	h1{
		font-size: 25px;
	}
	.top_descr{
		font-size: 16px;
	}	
	.form_descr{
		font-size: 16px;
	}	
	.second_descr_item{
		padding-left: 35px;
		padding-top: 7px;
	}
	.second_descr_item img{
		width: 55px;
	}	
	.autor h4{
		font-size: 20px;
	}
}
@media screen and (max-width: 345px){
	h1{
		font-size: 23px;
	}
	footer .panel-footer .brand{
		font-size: 26px;
	}
}
form.form-reg .form-input__example{
	font-family: Arial, sans-serif;
	text-align: center;
	color:#fff;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 10px;
  }
form.form-reg a{
	font-family: Arial, sans-serif;
	text-align: center;
	color:#fff;
	font-size: 14px;
  }