@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(fonts/G1l_KMKj5pga7ZKths0iTfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Fl4y0QdOxyyTHEGMXX8kcT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(fonts/Y5yuUJGDLtmYv2_3fMB4fA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/isZ-wbCXNKAbnjo6_TwHTj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(fonts/3Y_xCyt7TNunMGg0Et2pnj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(fonts/5z9jpDJQqVE5bmkRqplJfhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(fonts/7m8l7TlFO-S3VkhHuR0at2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/m1uAalIytmLBFXF3PwhxpPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(fonts/t6Nd4cfPRhZP44Q5QAjcC2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(fonts/bmC0pGMXrhphrZJmniIZpWOb2gHztoQeulij-1lvl-8.woff) format('woff');
}


b {font-weight: 400;}
strong {font-weight: 700;}

body {
background: #1d1e1f;
font-family: 'Roboto';
margin: 0px;
}


.bg {
position: fixed;
bottom:0;
left: -5%;
max-width: 50%;
}

#descriptor {
margin: 0 auto;
margin-left: 700px;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor h1 {
    font: 900 51px/62px "Roboto", sans-serif;
	color: #ffffff;
    text-align: center;
	margin: 20px 0px 20px 0px;
	max-width: 850px;
}
#descriptor h2 {
    font: 300 22px/30px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 850px;
	margin: 0 auto;
	margin: 20px 0px 50px 0px;

}
#descriptor h3 {
    font: 300 21px/25px "Roboto", sans-serif;
    text-align: center;
    color: #bdbdbd;
	max-width: 850px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}
#descriptor h4 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #494747;
	max-width: 850px;
	margin: 0 auto;
	margin: 40px 0px 0px 0px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 850px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}

#descriptor h6 {
    font: 300 20px/30px "Roboto", sans-serif;
    text-align: center;
    color: #c3c2c2;
	margin: 0 auto;
	margin: 20px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	background: #343434;
	max-width: 840px;
}




.button{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 6px #ffae01;
    padding: 15px 20px;
	font: 900 36px/45px "Roboto", sans-serif;
    margin: 0 auto;
    width: 520px;
    background: #ffae01;
    cursor:pointer;
    color:#18181c;
    text-decoration: none;
	margin-bottom: 40px;
	transition: 0.2s linear;
}


.button:hover {
	background: #edb233;
	box-shadow: 0 0 0 6px #edb233;
}

.button2{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 6px #5181b8;
    padding: 15px 20px;
	font: 900 36px/45px "Roboto", sans-serif;
    margin: 0 auto;
    width: 520px;
    background: #5181b8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 40px;
	transition: 0.2s linear;
}


.button2:hover {
	background: #356aa6;
	box-shadow: 0 0 0 6px #356aa6;
}

.button3{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 6px #269dd9;
    padding: 15px 20px;
	font: 900 36px/45px "Roboto", sans-serif;
    margin: 0 auto;
    width: 520px;
    background: #269dd9;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 40px;
	transition: 0.2s linear;
}

.button3:hover {
	background: #0a80bb;
	box-shadow: 0 0 0 6px #0a80bb;
}
.content{
    min-height: 20px;
	margin: 0 auto;
    max-width: 1060px;
	margin-left: 36.5%;
	margin-top: 40px;
}


.cont_block1{width:73%;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;}
.cont_block1 H1 {font: 700 25px/28px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 0px 0px 0px 0px;}
.cont_block1 H2 {font: 400 19px/22px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 8px 0px 0px 0px;text-transform: uppercase;}
.cont_block1 img {max-width: 100%; float:left; margin: 3px 20px 0px 190px;}

.cont_block2{width:27%;float:left;margin: 0 auto;text-align: center;padding: 0px; position: static;}
.cont_block2 p {margin: 5px 10px 0px 0px;text-align: center;font: 300 19px/21px "Roboto", sans-serif; color: #9d9c9c;}



/* Âñïëûâàþùåå îêíî */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #F4F4F4;
    max-width: 800px;
    width:70%;
    margin: 7% auto;
	padding: 5px 20px 13px 20px;
	border: 10px solid #ffae01;
	position: relative;
	/*--CSS3 CSS3 Òåíè äëÿ Áëîêà--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Çàêðóãëåííûå óãëû--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.popup h2, .popup_click h2 {
    font:28px Monotype Corsiva, Arial;
    font-weight: bold;
	text-align: center;
	color: #008000;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
.popup h3, .popup_click h3 {
    font:24px Monotype Corsiva, Arial;      
	color: #008000;
	text-align: left;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
/* êíîïêà çàêðûòèÿ */
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(157, 7, 4, 0.9);
}



/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/


.cont_block4{width:30%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block5{width:70%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.im30  {float: none; max-width: 100%; margin: -20px 0px 0px 0px;}

.form-container {
	background: #F4F4F4;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px;
	text-align: center;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.button_sub {
display:block;
  	text-align:center;
    border: 4px solid #F4F4F4;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #da2323;
    padding: 15px 20px;
	font: 700 28px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 80%;
    background: #da2323;
    cursor:pointer;
    color:#ffffff;
    text-transform: uppercase;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	transition: 0.2s linear;
}


.button_sub:hover {
	background: #f43333;
	box-shadow: 0 0 0 4px #f43333;
}


.zag_form {
	font: 700 26px/32px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

.gar_form {
	font: 300 13px/15px "Roboto", sans-serif;
	color: #878586;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 20px;
	margin-bottom: -20px;
}

.gar_form a {
	color: #878586;
	text-decoration: none;
}

.gar_form a:hover  {
	color: #878586;
	text-decoration: none;
}

input[type=text], input[type=email]{
width:80%;
height:50px;
text-align:center;
font-family:'Roboto',sans-serif;
font-weight:400;
font-size:21px;
color:#4f4f4f;
font-style:normal;
margin:5px 0;
padding-left:0px;
border: 1px solid #989999; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
}

.vk-button1 {display: block;}
.vk-button2 {display: none;}


.clear {clear: left;}
.clear2 {clear: right;}	

/*----------------------------------------------------------------------------------------
						ÊÎÌÏ 1
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1351px) and (max-width:1600px) {

.bg {
position: fixed;
bottom:0;
left: -8%;
max-width: 48%;
}

#descriptor {
margin: 0 auto;
margin-left: 530px;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor h1 {
    font: 900 46px/56px "Roboto", sans-serif;
	max-width: 770px;
	margin: 20px 0px 20px 0px;
}
#descriptor h2 {
    font: 300 20px/27px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 770px;
	margin: 0 auto;
	margin: 20px 0px 40px 0px;

}
#descriptor h3 {
    font: 300 20px/25px "Roboto", sans-serif;
    text-align: center;
    color: #bdbdbd;
	max-width: 770px;
	margin: 0 auto;
	margin: 0px 0px 0px 0px;
}
#descriptor h4 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #494747;
	max-width: 770px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 770px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}
#descriptor h6 {
    font: 300 19px/30px "Roboto", sans-serif;
    text-align: center;
    color: #c3c2c2;
	margin: 0 auto;
	margin: 20px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	background: #343434;
	max-width: 750px;
}

.button{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 6px #ffae01;
    padding: 15px 20px;
	font: 900 32px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 480px;
    background: #ffae01;
    cursor:pointer;
    color:#18181c;
    text-decoration: none;
	margin-bottom: 30px;
}
.button:hover {
	background: #edb233;
	box-shadow: 0 0 0 6px #edb233;
}

.button2{
    display:block;
  	text-align:center;
    border-radius: 3px;
    padding: 15px 20px;
	font: 900 32px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 480px;
    text-decoration: none;
	margin-bottom: 30px;
}

.button3{
    display:block;
  	text-align:center;
    border-radius: 3px;
    padding: 15px 20px;
	font: 900 32px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 480px;
    text-decoration: none;
	margin-bottom: 30px;
}

.content{
    min-height: 20px;
	margin: 0 auto;
    max-width: 1060px;
	margin-left: 36.5%;
	margin-top: 20px;
}


.cont_block1{width:550px;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;}
.cont_block1 H1 {font: 700 21px/23px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 0px 0px 0px 0px;}
.cont_block1 H2 {font: 400 16px/21px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 8px 0px 0px 0px;text-transform: uppercase;}
.cont_block1 img {max-width: 50px; float:left; margin: 3px 20px 0px 43px;}

.cont_block2{width:220px;float:left;margin: 0 auto;text-align: center;padding: 0px; position: static;}
.cont_block2 p {margin: 0px 0px 0px 0px;text-align: center;font: 300 16px/19px "Roboto", sans-serif; color: #9d9c9c;}



}

/*----------------------------------------------------------------------------------------
						ÊÎÌÏ 2
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1025px) and (max-width:1350px) {

.bg {
position: fixed;
bottom:0;
left: -8%;
max-width: 48%;
}

#descriptor {
margin: 0 auto;
margin-left: 38%;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor h1 {
    font: 900 36px/47px "Roboto", sans-serif;
	max-width: 600px;
	margin: 20px 0px 20px 0px;
}
#descriptor h2 {
    font: 300 15px/21px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 600px;
	margin: 0 auto;
	margin: 20px 0px 30px 0px;

}
#descriptor h3 {
    font: 300 21px/25px "Roboto", sans-serif;
    text-align: center;
    color: #bdbdbd;
	max-width: 600px;
	margin: 0 auto;
	margin: 0px 10px 0px 10px;
}
#descriptor h4 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #494747;
	max-width: 770px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 600px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;
}

#descriptor h6 {
    font: 300 15px/30px "Roboto", sans-serif;
    text-align: center;
    color: #c3c2c2;
	margin: 0 auto;
	margin: 20px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	background: #343434;
	max-width: 600px;
}

.button{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 6px #ffae01;
    padding: 12px 20px;
	font: 900 27px/28px "Roboto", sans-serif;
    margin: 0 auto;
    width: 420px;
    background: #ffae01;
    cursor:pointer;
    color:#18181c;
    text-decoration: none;
	margin-bottom: 30px;
}
.button:hover {
	background: #edb233;
	box-shadow: 0 0 0 6px #edb233;
}

.button2{
    display:block;
  	text-align:center;
    border-radius: 3px;
    padding: 12px 20px;
	font: 900 27px/28px "Roboto", sans-serif;
    margin: 0 auto;
    width: 420px;
    text-decoration: none;
	margin-bottom: 30px;
}

.button3{
    display:block;
  	text-align:center;
    border-radius: 3px;
    padding: 12px 20px;
	font: 900 27px/28px "Roboto", sans-serif;
    margin: 0 auto;
    width: 420px;
    text-decoration: none;
	margin-bottom: 30px;
}
.content{
    min-height: 20px;
	margin: 0 auto;
    max-width: 1060px;
	margin-left: 36.5%;
	margin-top: 20px;
}


.cont_block1{width:408px;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;}
.cont_block1 H1 {font: 700 21px/23px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 0px 0px 0px 0px;}
.cont_block1 H2 {font: 400 16px/21px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 5px 0px 0px 0px;text-transform: uppercase;}
.cont_block1 img {max-width: 50px; float:left; margin: 3px 10px 0px 43px;}

.cont_block2{width:220px;float:left;margin: 0 auto;text-align: center;padding: 0px; position: static;}
.cont_block2 p {margin: 5px 0px 0px 0px;text-align: center;font: 300 16px/19px "Roboto", sans-serif; color: #9d9c9c;}


}



/*----------------------------------------------------------------------------------------
						ÍÎÓÒ
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:801px) and (max-width:1024px) {

.bg {
position: fixed;
bottom:0;
left: -8%;
max-width: 48%;
}

#descriptor {
margin: 0 auto;
margin-left: 38%;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor h1 {
    font: 900 28px/35px "Roboto", sans-serif;
	max-width: 480px;
	margin: 20px 0px 20px 0px;
}
#descriptor h2 {
    font: 300 15px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 480px;
	margin: 0 auto;
	margin: 20px 0px 30px 0px;

}
#descriptor h3 {
    font: 300 17px/20px "Roboto", sans-serif;
    text-align: center;
    color: #bdbdbd;
	max-width: 480px;
	margin: 0 auto;
	margin: 0px 0px 0px 0px;
}
#descriptor h4 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #494747;
	max-width: 480px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 480px;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}

#descriptor h6 {
    font: 300 12px/20px "Roboto", sans-serif;
    text-align: center;
    color: #c3c2c2;
	margin: 0 auto;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	background: #343434;
	max-width: 480px;
}
.button{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 6px #ffae01;
    padding: 12px 15px;
	font: 900 20px/21px "Roboto", sans-serif;
    margin: 0 auto;
    width: 300px;
    background: #ffae01;
    cursor:pointer;
    color:#18181c;
    text-decoration: none;
	margin-bottom: 30px;
}
.button:hover {
	background: #edb233;
	box-shadow: 0 0 0 6px #edb233;
}
.button2{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    padding: 12px 15px;
	font: 900 20px/21px "Roboto", sans-serif;
    margin: 0 auto;
    width: 300px;
    text-decoration: none;
	margin-bottom: 30px;
}
.button3{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    padding: 12px 15px;
	font: 900 20px/21px "Roboto", sans-serif;
    margin: 0 auto;
    width: 300px;
    text-decoration: none;
	margin-bottom: 30px;
}
.content{
    min-height: 20px;
	margin: 0 auto;
    max-width: 1060px;
	margin-left: 36.5%;
	margin-top: 20px;
}


.cont_block1{width:300px;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;}
.cont_block1 H1 {font: 700 16px/19px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 0px 0px 0px 0px;}
.cont_block1 H2 {font: 400 14px/17px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: 5px 0px 0px 0px;text-transform: uppercase;}
.cont_block1 img {max-width: 30px; float:left; margin: 3px 10px 0px 0px;}

.cont_block2{width:190px;float:left;margin: 0 auto;text-align: center;padding: 0px; position: static;}
.cont_block2 p {margin: 5px 0px 0px 0px;text-align: center;font: 300 13px/16px "Roboto", sans-serif; color: #9d9c9c;}



.im30  {float: none; max-width: 100%; margin: 20px 0px 0px 0px;}

.cont_block4{width:30%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block5{width:70%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

.zag_form {
	font: 700 19px/23px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: center;
	margin-left: 1px;
	margin-right: 10px;
	margin-top: 0px;
}

.button_sub {
display:block;
  	text-align:center;
    border: 4px solid #F4F4F4;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #da2323;
    padding: 15px 20px;
	font: 700 21px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 80%;
    background: #da2323;
    cursor:pointer;
    color:#ffffff;
    text-transform: uppercase;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
}

}


/*----------------------------------------------------------------------------------------
						ÏËÀÍØÅÒ
----------------------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:800px) {


.bg {
position: static;
bottom:0;
margin-left: 20%;
max-width: 60%;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor h1 {
    font: 900 30px/40px "Roboto", sans-serif;
    text-align: center;
	max-width: 100%;
	margin: 20px 20px 20px 20px;
}
#descriptor h2 {
    font: 300 15px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 100%;
	margin: 0 auto;
	margin: 20px 50px 40px 50px;

}
#descriptor h3 {
    font: 300 17px/20px "Roboto", sans-serif;
    text-align: center;
    color: #bdbdbd;
	max-width: 100%;
	margin: 0 auto;
	margin: 0px 0px 0px 0px;
}
#descriptor h4 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #494747;
	max-width: 100%;
	margin: 0 auto;
	margin: 20px 0px 20px 0px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 100%;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}

#descriptor h6 {
    font: 300 15px/30px "Roboto", sans-serif;
    text-align: center;
    color: #c3c2c2;
	margin: 0 auto;
	margin: 20px 10px 20px 10px;
	padding: 10px 50px 10px 50px;
	background: #343434;
	max-width: 100%;
}


.button{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #ffae01;
    padding: 12px 15px;
	font: 900 20px/21px "Roboto", sans-serif;
    margin: 0 auto;
    width: 300px;
    background: #ffae01;
    cursor:pointer;
    color:#18181c;
    text-decoration: none;
	margin-bottom: 30px;
}

.button:hover {
	background: #edb233;
	box-shadow: 0 0 0 4px #edb233;
}
.button2{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    padding: 12px 15px;
	font: 900 20px/21px "Roboto", sans-serif;
    margin: 0 auto;
    width: 300px;
    text-decoration: none;
	margin-bottom: 30px;
}
.button3{
display:block;
  	text-align:center;
    border: 6px solid #1d1e1f;
    border-radius: 3px;
    padding: 12px 15px;
	font: 900 20px/21px "Roboto", sans-serif;
    margin: 0 auto;
    width: 300px;
    text-decoration: none;
	margin-bottom: 30px;
}

.content{
    min-height: 20px;
	margin: 0 auto;
    max-width: 100%;
	margin-left: 0%;
	margin-top: 20px;
}


.cont_block1{width:60%;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;}
.cont_block1 H1 {font: 700 15px/19px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: -3px 0px 0px 0px;}
.cont_block1 H2 {font: 400 12px/17px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: -2px 0px 0px 0px;text-transform: uppercase;}
.cont_block1 img {max-width: 30px; float:left; margin: 0px 10px 0px 20px;}

.cont_block2{width:40%;float:left;margin: 0 auto;text-align: center;padding: 0px; position: static;}
.cont_block2 p {margin: -2px 0px 0px 0px;text-align: center;font: 300 13px/16px "Roboto", sans-serif; color: #9d9c9c;}

.im30  {display: none;}

.cont_block4{width:100%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block5{width:100%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

.zag_form {
	font: 400 19px/21px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

input[type=text], input[type=email]{
width:90%;
height:50px;
text-align:left;
font-family:'Roboto',sans-serif;
font-weight:300;
font-size:17px;
color:#4f4f4f;
font-style:normal;
margin:5px 0;
padding-left:15px;
border: 1px solid #989999; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
}
.button_sub {
display:block;
  	text-align:center;
    border: 4px solid #F4F4F4;
    border-radius: 3px;
    box-shadow: 0 0 0 4px #da2323;
    padding: 15px 20px;
	font: 700 21px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #da2323;
    cursor:pointer;
    color:#ffffff;
    text-transform: uppercase;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
}
.vk-button1 {display: none;}
.vk-button2 {display: block;}


}


/*----------------------------------------------------------------------------------------
						ÌÎÁÈËÜÍÈÊ
----------------------------------------------------------------------------------------*/



@media screen and (min-width:240px) and (max-width:479px) {




.bg {
position: static;
bottom:0;
margin-left: 20%;
max-width: 60%;
}

#descriptor {
margin: 0 auto;
margin-left: 0px;
}
.container {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

#descriptor h1 {
    font: 900 21px/30px "Roboto", sans-serif;
    text-align: center;
	max-width: 100%;
	margin: 20px 20px 20px 20px;
}
#descriptor h2 {
    font: 300 15px/20px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 100%;
	margin: 0 auto;
	margin: 20px 10px 20px 10px;

}
#descriptor h3 {
    font: 300 13px/16px "Roboto", sans-serif;
    text-align: center;
    color: #bdbdbd;
	max-width: 100%;
	margin: 0 auto;
	margin: 0px 0px 0px 0px;
}
#descriptor h4 {
    font: 300 10px/13px "Roboto", sans-serif;
    text-align: center;
    color: #494747;
	max-width: 100%;
	margin: 0 auto;
	margin: 20px 0px 10px 0px;

}
#descriptor h5 {
    font: 300 13px/18px "Roboto", sans-serif;
    text-align: center;
    color: #ffffff;
	max-width: 100%;
	margin: 0 auto;
	margin: 20px 0px 0px 0px;

}

#descriptor h6 {
    font: 300 12px/20px "Roboto", sans-serif;
    text-align: center;
    color: #c3c2c2;
	margin: 0 auto;
	margin: 10px 10px 20px 10px;
	padding: 10px 10px 10px 10px;
	background: #343434;
	max-width: 100%;
}

.button{
display:block;
  	text-align:center;
    border: 4px solid #1d1e1f;
    border-radius: 3px;
    box-shadow: 0 0 0 3px #ffae01;
    padding: 12px 5px;
	font: 700 15px/16px "Roboto", sans-serif;
    margin: 0 auto;
    width: 240px;
    background: #ffae01;
    cursor:pointer;
    color:#18181c;
    text-decoration: none;
	margin-bottom: 20px;
}

.button:hover {
	background: #edb233;
	box-shadow: 0 0 0 3px #edb233;
}

.button2{
display:block;
  	text-align:center;
    border: 4px solid #1d1e1f;
    border-radius: 3px;
	box-shadow: 0 0 0 3px #5181b8;
    padding: 12px 5px;
	font: 700 15px/16px "Roboto", sans-serif;
    margin: 0 auto;
    width: 240px;
    text-decoration: none;
	margin-bottom: 20px;
}
.button2:hover {
	box-shadow: 0 0 0 3px #356aa6;
}

.button3{
display:block;
  	text-align:center;
    border: 4px solid #1d1e1f;
    border-radius: 3px;
	box-shadow: 0 0 0 3px #269dd9;
    padding: 12px 5px;
	font: 700 15px/16px "Roboto", sans-serif;
    margin: 0 auto;
    width: 240px;
    text-decoration: none;
	margin-bottom: 20px;
}
.button3:hover {
	box-shadow: 0 0 0 3px #0a80bb;
}


.content{
    min-height: 20px;
	margin: 0 auto;
    max-width: 100%;
	margin-left: 0%;
	margin-top: 20px;
}

.centr{width:80%;float:none;margin: 0 auto;position: static;}


.cont_block1{width:300px;float:none;margin: 0 auto;text-align: left;padding: 0px; position: static;}
.cont_block1 H1 {font: 700 15px/19px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: -3px 0px 0px 0px;}
.cont_block1 H2 {font: 400 12px/17px "Roboto", sans-serif; color: #fffefe; text-align: left; margin: -2px 0px 0px 0px;text-transform: uppercase;}
.cont_block1 img {max-width: 30px; float:left; margin: 0px 10px 0px 0px;}

.cont_block2{width:100%;float:none;margin: 0 auto;text-align: center;padding: 0px; position: static;}
.cont_block2 p {margin: 10px 0px 0px 0px;text-align: center;font: 300 13px/16px "Roboto", sans-serif; color: #9d9c9c;}



.im30  {display: none;}	


.cont_block4{width:100%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block5{width:100%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}


input[type=text], input[type=email]{
width:100%;
height:40px;
text-align:center;
font-family:'Roboto',sans-serif;
font-weight:400;
font-size:16px;
color:#4f4f4f;
font-style:normal;
margin:5px 0;
padding-left:0px;
border: 1px solid #989999; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
}


.form-container {
	background: #F4F4F4;
	margin: 0 auto;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
}

.button_sub {
display:block;
  	text-align:center;
    border: 4px solid #F4F4F4;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #da2323;
    padding: 15px 5px;
	font: 700 15px/18px "Roboto", sans-serif;
    margin: 0 auto;
    width: 100%;
    background: #da2323;
    cursor:pointer;
    color:#ffffff;
    text-transform: uppercase;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	margin-left:2px;
}

.button_sub:hover {
	background: #f43333;
	box-shadow: 0 0 0 2px #f43333;
}

.zag_form {
	font: 700 15px/19px "Roboto", sans-serif;
	color: #1B1B1B;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 0px;
}

.gar_form {
	font: 300 10px/13px "Roboto", sans-serif;
	color: #878586;
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 10px;
	margin-bottom: -20px;
}
.vk-button1 {display: none;}
.vk-button2 {display: block;}

}