@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: #07101c url(images/bg-fon1.jpg) center top no-repeat;
min-height:100%;
background-size:cover;
margin: 0px;
}

H2 {font: 400 23px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 70px 20px 70px;}
H3 {font: 900 90px/105px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 20px 70px 0px 70px;}

.container {
    max-width: 96%;
    margin: 0 auto;
    overflow: hidden;
}

.cont_block1{width:50%;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H1 {font: 300 29px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 90px 0px 60px 0px;font-style: italic;}
.cont_block1 H2 {font: 400 19px/32px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 80px 0px 20px 295px;}
.cont_block1 H3 {font: 900 50px/55px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 20px 0px 0px 295px;}
.cont_block1 H4 {font: 300 23.8px/35px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 50px 295px;}


.cont_block2{width:50%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block2 H4 {font: 300 15px/19px "Roboto", sans-serif; color: #5D5D5D; text-align: center; margin: 20px 0px 10px 0px;}
.cont_block2 H5 {font: 400 25px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 80px 30px 30px 30px;}


.foto {
position:relative;
margin-bottom:0px;
margin-top:-90px;
margin-left: 15px;
width:830px;
display: block;
}
.foto2 {display: none;}

.count {
    max-width: 400px;
    margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 30px;
}



.checkbox,
.radio {
  margin-top: 5px;
  margin-left: 5px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox-label,
.radio-label {
  padding-left: 5px;
}
.checkbox-input,
.radio-input {
  appearance: none;
  position: relative;
  width: 58px;
  height: 30px;
  background: #ffffff;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 0.2);
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  transition: 500ms;
}

.radio-input {
  border-radius: 4px;
}
.checkbox-input::after,
.radio-input::after {
  content: "\2714";
  position: absolute;
  top: -5px;
  left: 4px;
  width: 0px;
  height: 0px;
  font-size: 28px;
  transition: 500ms;
  overflow: hidden;
}

.radio-input::after {
  content: "\1F78B";
}
.checkbox-input:checked::after,
.radio-input:checked::after {
  width: 30px;
  height: 30px;
  transition: 500ms;
}
.checkbox-input:disabled,
.radio-input:disabled {
  background: #ccc;
  border-color: #ccc;
}

.checkbox-input:disabled::after,
.radio-input:disabled::after {
  filter: grayscale(100%);
}



.video-block {
width:98%;margin: 0 auto;text-align: center;padding: 0px;
border: 0px solid #f9e183;
margin-top: 10px;margin-bottom: 40px; 
}

.fon-v {width:100%;}

.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.35%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.arr-block{text-align: left;}


.arr {
position:relative;
margin-bottom:0px;
margin-top:-50px;
width:188px;
margin-left:-85px;
}



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

.form-container {
	width:70%;
	margin: 0 auto;
	padding: 20px 20px 0px 20px;
	border-radius: 3px;
	text-align: center;
	border: 5px dashed #f9e183;
	margin-top:20px;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.form-container2 {
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
	border-radius: 3px;
	text-align: center;
	margin-top:0px;
}
.form-container2 form{
	margin: 0 auto;
	text-align: center;
}


.button_email {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 25px 0px;
	font: 900 35px/35px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:10px;
	border: 0px solid #ffae01;
	transition: 0.2s linear;
}

.button_email:hover {background: #f8233c;}


.form-button {width:50%;float:left;}




.button_vk {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 25px 0px;
	font: 900 25px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #4A76A8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #4A76A8;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_vk:hover {background: #3970ae;}


.button_tg {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 25px 0px;
	font: 900 25px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #2E9DCD;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #2E9DCD;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_tg:hover {background: #3970ae;}




.zag_form {
	font: 400 21px/28px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -5px;
	margin-bottom: 10px;

}


.zag_form2 {
	font: 400 25px/30px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -4px;

}


.gar_form {vertical-align: middle;height: 40px;font: 300 11px/17px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 0px 20px 20px;}
.gar_form span {display:inline-block;vertical-align: middle;height: 32px;font: 300 28px/28px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 10px 10px -15px;padding-bottom: -5px;}

.gar_form2 {
	font: 300 11px/15px "Roboto", sans-serif;
	color: #d0d1d2;
	text-align: left;
	margin-left: 10px;
	margin-right: -10px;
	margin-top: 2px;
	margin-bottom: -15px;
}


.gar_form2 a {
	color: #d0d1d2;
	text-decoration: underline;
}

.gar_form2 a:hover  {
	color: #d0d1d2;
	text-decoration: none;
}


.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 25px 0px;
	font: 900 32px/42px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95.6%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	border: 0px solid #ffae01;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f8233c;}


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


/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #000f22;
    max-width: 600px;
    width:70%;
    margin: 7% auto;
	padding: 5px 20px 13px 20px;
	border: 10px solid #f9e183;
	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);
}

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

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

/*----------------------------------------------------------------------------------------
						КОМП 0
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1401px) and (max-width:1600px) {


.count {
    max-width: 400px;
    margin: 0 auto;
	margin-top: -15px;
	margin-bottom: 20px;
}


.container {
    max-width: 96%;
    margin: 0 auto;
    overflow: hidden;
}

H2 {font: 400 23px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 70px 20px 70px;}
H3 {font: 900 80px/105px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 20px 70px 0px 70px;}


.cont_block1{width:50%;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H1 {font: 300 29px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 90px 0px 60px 0px;font-style: italic;}
.cont_block1 H2 {font: 400 18px/32px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 78px 0px 0px 250px;}
.cont_block1 H3 {font: 900 45px/69px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 0px 250px;}
.cont_block1 H4 {font: 300 21.8px/35px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 50px 250px;}

.foto {
position:relative;
margin-bottom:0px;
margin-top:-95px;
margin-left:0px;
width:700px;
display: block;
}
.foto2 {display: none;}

.cont_block2{width:50%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}

.cont_block2 H4 {font: 300 15px/19px "Roboto", sans-serif; color: #5D5D5D; text-align: center; margin: 20px 0px 10px 0px;}
.cont_block2 H5 {font: 400 19px/28px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 55px 30px 55px;}


.zag_form {
	font: 400 19px/27px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -5px;
	margin-bottom: 10px;

}

.video-block {
width:700px;margin: 0 auto;text-align: center;padding: 0px;
border: 0px solid #f9e183;
margin-top: 10px;margin-bottom: 40px; 
}


.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.35%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.arr-block{text-align: left;}


.arr {
position:absolute;
margin-bottom:0px;
margin-top:-35px;
margin-left:-80px;
width:170px;
transform: rotate(0deg);
}


.button_email {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 20px 0px;
	font: 900 30px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_email:hover {background: #f8233c;}


.form-button {width:50%;float:left;}




.button_vk {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 20px 0px;
	font: 900 25px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #4A76A8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #4A76A8;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_vk:hover {background: #3970ae;}


.button_tg {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 20px 0px;
	font: 900 25px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #2E9DCD;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #2E9DCD;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_tg:hover {background: #3970ae;}


}


/*----------------------------------------------------------------------------------------
						КОМП 1
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1251px) and (max-width:1400px) {


.container {
    max-width: 98%;
    margin: 0 auto;
    overflow: hidden;
}

H2 {font: 400 21px/30px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 70px 10px 70px;}
H3 {font: 900 70px/95px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 10px 70px 0px 70px;}

.count {
    max-width: 320px;
    margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 10px;
}

.cont_block1{width:50%;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H1 {font: 300 29px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 90px 0px 60px 0px;font-style: italic;}
.cont_block1 H2 {font: 400 15px/32px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 40px 0px 0px 240px;}
.cont_block1 H3 {font: 900 39px/49px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 10px 0px 0px 240px;}
.cont_block1 H4 {font: 300 19.8px/35px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 30px 240px;}

.foto {
position:relative;
margin-bottom:0px;
margin-top:-70px;
margin-left:0px;
width:620px;
display: block;
}
.foto2 {display: none;}

.cont_block2{width:50%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block2 H4 {font: 300 15px/19px "Roboto", sans-serif; color: #5D5D5D; text-align: center; margin: 20px 0px 10px 0px;}
.cont_block2 H5 {font: 400 19px/25px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 30px 20px 30px;}


.video-block {
width:620px;margin: 0 auto;text-align: center;padding: 0px;
border: 0px solid #f9e183;
margin-top: 10px;margin-bottom: 40px; 
}


.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.35%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.arr-block{text-align: left;}


.arr {
position:absolute;
margin-bottom:0px;
margin-top:-35px;
width:150px;
margin-left:-80px;
transform: rotate(0deg);
}

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

.form-container {
	width:80%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	border-radius: 3px;
	text-align: center;
	border: 5px dashed #f9e183;
	margin-top:10px;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.form-container2 {
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
	border-radius: 3px;
	text-align: center;
	margin-top:0px;
}
.form-container2 form{
	margin: 0 auto;
	text-align: center;
}




.zag_form {
	font: 400 18px/25px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;

}

.zag_form2 {
	font: 400 25px/35px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -4px;

}


.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 20px 0px;
	font: 900 23px/28px "Roboto", sans-serif;
    margin: 0 auto;
    width: 96.2%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f8233c;}

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


.button_email {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_email:hover {background: #f8233c;}


.form-button {width:50%;float:left;}




.button_vk {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #4A76A8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #4A76A8;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_vk:hover {background: #3970ae;}


.button_tg {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #2E9DCD;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #2E9DCD;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_tg:hover {background: #3970ae;}



}



/*----------------------------------------------------------------------------------------
						КОМП 2
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:1025px) and (max-width:1250px) {


.container {
    max-width: 98%;
    margin: 0 auto;
    overflow: hidden;
}

H2 {font: 400 17px/20px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 70px 10px 70px;}
H3 {font: 900 45px/55px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 10px 70px 0px 70px;}

.cont_block1{width:50%;float:left;margin: 0 auto;text-align: left;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H1 {font: 300 29px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 90px 0px 60px 0px;font-style: italic;}
.cont_block1 H2 {font: 400 18px/25px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 20px 0px 0px 0px;}
.cont_block1 H3 {font: 900 45px/52px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 10px 0px 0px 0px;}
.cont_block1 H4 {font: 300 22.8px/35px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 30px 0px;}

.foto {
position:relative;
margin-bottom:0px;
margin-top:-30px;
width:500px;
display: block;
}
.foto2 {display: none;}


.cont_block2{width:50%;float:left;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block2 H4 {font: 300 15px/19px "Roboto", sans-serif; color: #5D5D5D; text-align: center; margin: 20px 0px 10px 0px;}
.cont_block2 H5 {font: 400 17px/23px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 10px 10px 20px 10px;}


.video-block {
width:510px;margin: 0 auto;text-align: center;padding: 0px;
border: 0px solid #f9e183;
margin-top: 10px;margin-bottom: 40px; 
}


.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.35%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.arr-block{text-align: left;}


.arr {
position:absolute;
margin-bottom:0px;
margin-top:-38px;
width:120px;
margin-left:-70px;
transform: rotate(-2deg);
}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/
.form-container {
	width:80%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	border-radius: 3px;
	text-align: center;
	border: 5px dashed #f9e183;
	margin-top:10px;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.form-container2 {
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
	border-radius: 3px;
	text-align: center;
	margin-top:0px;
}
.form-container2 form{
	margin: 0 auto;
	text-align: center;
}


.button_email {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_email:hover {background: #f8233c;}


.form-button {width:50%;float:left;}




.button_vk {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #4A76A8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #4A76A8;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_vk:hover {background: #3970ae;}


.button_tg {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 21px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #2E9DCD;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #2E9DCD;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_tg:hover {background: #3970ae;}



.zag_form {
	font: 400 15px/19px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: -4px;

}

.zag_form2 {
	font: 400 19px/25px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 0px;
	margin-bottom: -4px;

}


.gar_form {vertical-align: middle;height: 40px;font: 300 11px/17px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 0px 20px 20px;}
.gar_form span {display:inline-block;vertical-align: middle;height: 32px;font: 300 28px/28px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 10px 10px -15px;padding-bottom: -5px;}

.gar_form2 {
	font: 300 11px/15px "Roboto", sans-serif;
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 0px;
	margin-bottom: -15px;
}


.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 24px 0px;
	font: 900 28px/28px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95.6%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 20px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f8233c;}

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

.count {
    max-width: 300px;
    margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 10px;
}

}


/*----------------------------------------------------------------------------------------
						НЕТБУК
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:801px) and (max-width:1024px) {

.container {
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.count {
    max-width: 400px;
    margin: 0 auto;
	margin-top: -20px;
	margin-bottom: 0px;
}

H2 {font: 400 17px/20px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 70px 10px 70px;}
H3 {font: 900 45px/55px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 10px 70px 0px 70px;}

.cont_block1{width:100%;float:none;margin: 0 auto;text-align: center;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H1 {font: 300 29px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 90px 0px 60px 0px;font-style: italic;}
.cont_block1 H2 {font: 400 17px/30px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 40px 0px 10px 250px;}
.cont_block1 H3 {font: 900 43px/49px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 20px 0px 0px 250px;}
.cont_block1 H4 {font: 300 20.8px/35px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 30px 250px;}
.cont_block1 img{margin: 0 auto;text-align: center;}
.foto {
position:relative;
text-align: center;
margin: 0 auto;
margin-bottom:20px;
margin-top:20px;
margin-left:0px;
width:600px;
display: block;
}
.foto2 {display: none;}

.cont_block2{width:100%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block2 H2 {font: 400 23px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 70px 20px 70px;}
.cont_block2 H3 {font: 900 80px/85px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 20px 70px 0px 70px;}
.cont_block2 H4 {font: 300 15px/19px "Roboto", sans-serif; color: #5D5D5D; text-align: center; margin: 20px 0px 20px 0px;}
.cont_block2 H5 {font: 400 21px/31px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 10px 75px 15px 75px;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/
.form-container {
	width:500px;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	border-radius: 3px;
	text-align: center;
	border: 5px dashed #f9e183;
	margin-top:10px;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.form-container2 {
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
	border-radius: 3px;
	text-align: center;
	margin-top:0px;
}
.form-container2 form{
	margin: 0 auto;
	text-align: center;
}


.button_email {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_email:hover {background: #f8233c;}

.form-button {width:50%;float:left;}

.button_vk {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #4A76A8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #4A76A8;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_vk:hover {background: #3970ae;}

.button_tg {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 21px/32px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #2E9DCD;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #2E9DCD;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_tg:hover {background: #3970ae;}


.zag_form {
	font: 400 16px/20px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: -4px;

}

.zag_form2 {
	font: 400 17px/23px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -4px;

}


.gar_form {vertical-align: middle;height: 40px;font: 300 11px/17px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 0px 20px 20px;}
.gar_form span {display:inline-block;vertical-align: middle;height: 32px;font: 300 28px/28px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 10px 10px -15px;padding-bottom: -5px;}

.gar_form2 {
	font: 300 11px/15px "Roboto", sans-serif;
	text-align: left;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: -15px;
}


.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 20px/23px "Roboto", sans-serif;
    margin: 0 auto;
    width: 89.2%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 10px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f8233c;}

input[type=text], input[type=email]{
width:85.2%;
height:42px;
text-align:left;
font-family:'Roboto',sans-serif;
font-weight:400;
font-size:19px;
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; 
}


/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #000f22;
    max-width: 600px;
    width:80%;
    margin: 7% auto;
	padding: 5px 10px 0px 10px;
	border: 5px solid #f9e183;
	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);
}

.arr-block{display: none;}
.arr {display: none;}

}


/*----------------------------------------------------------------------------------------
						ПЛАНШЕТ
----------------------------------------------------------------------------------------*/

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

.container {
    max-width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
H2 {font: 400 17px/20px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 70px 10px 70px;}
H3 {font: 900 45px/55px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 10px 70px 0px 70px;}
.count {
    max-width: 300px;
    margin: 0 auto;
	margin-top: -20px;
	margin-bottom: 0px;
}

.cont_block1{width:100%;float:none;margin: 0 auto;text-align: left;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H1 {font: 300 29px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 90px 0px 60px 0px;font-style: italic;}
.cont_block1 H2 {font: 400 17px/25px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 20px 0px 10px 0px;}
.cont_block1 H3 {font: 900 42px/49px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 10px 0px 0px 0px;}
.cont_block1 H4 {font: 300 20.8px/25px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 30px 0px;}
.cont_block1 img{margin: 0 auto;text-align: center;}

.foto2 {
position:relative;
margin-bottom:10px;
margin-top:10px;
width:80%;
display: block;
}
.foto {display: none;}


.cont_block2{width:100%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block2 H2 {font: 400 19px/23px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 0px 0px 20px 0px;}
.cont_block2 H3 {font: 900 60px/65px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 20px 0px 0px 0px;}
.cont_block2 H4 {font: 300 15px/19px "Roboto", sans-serif; color: #5D5D5D; text-align: center; margin: 20px 0px 20px 0px;}
.cont_block2 H5 {font: 400 18px/23px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 10px 20px 15px 20px;}

/*----------------------------------------------------------------------------------------
						CONTACT FORM STYLE
----------------------------------------------------------------------------------------*/
.form-container {
	width:400px;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	border-radius: 3px;
	text-align: center;
	border: 5px dashed #f9e183;
	margin-top:10px;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.form-container2 {
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
	border-radius: 3px;
	text-align: center;
	margin-top:0px;
}
.form-container2 form{
	margin: 0 auto;
	text-align: center;
}

.button_email {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 23px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_email:hover {background: #f8233c;}

.form-button {width:50%;float:left;}

.button_vk {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 18px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #4A76A8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #4A76A8;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_vk:hover {background: #3970ae;}

.button_tg {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 18px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90%;
    background: #2E9DCD;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #2E9DCD;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_tg:hover {background: #3970ae;}




.checkbox,
.radio {
  margin-top: 0px;
  margin-left: -10px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox-label,
.radio-label {
  padding-left: 5px;
}
.checkbox-input,
.radio-input {
  appearance: none;
  position: relative;
  width: 86px;
  height: 30px;
  background: #ffffff;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 0.2);
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  transition: 500ms;
}

.radio-input {
  border-radius: 4px;
}
.checkbox-input::after,
.radio-input::after {
  content: "\2714";
  position: absolute;
  top: -5px;
  left: 4px;
  width: 0px;
  height: 0px;
  font-size: 28px;
  transition: 500ms;
  overflow: hidden;
}

.radio-input::after {
  content: "\1F78B";
}
.checkbox-input:checked::after,
.radio-input:checked::after {
  width: 30px;
  height: 30px;
  transition: 500ms;
}
.checkbox-input:disabled,
.radio-input:disabled {
  background: #ccc;
  border-color: #ccc;
}

.checkbox-input:disabled::after,
.radio-input:disabled::after {
  filter: grayscale(100%);
}





.zag_form {
	font: 400 15px/20px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -4px;

}

.zag_form2 {
	font: 400 17px/23px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -4px;

}




.gar_form {vertical-align: middle;height: 40px;font: 300 10px/17px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 0px 20px 20px;}
.gar_form span {display:inline-block;vertical-align: middle;height: 32px;font: 300 24px/28px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px 10px 10px -15px;padding-bottom: -5px;}

.gar_form2 {
	font: 300 11px/15px "Roboto", sans-serif;
	text-align: left;
	margin-left: 10px;
	margin-right: -10px;
	margin-top: 10px;
	margin-bottom: -15px;
}


.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 20px/23px "Roboto", sans-serif;
    margin: 0 auto;
    width: 90.6%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 10px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f8233c;}

input[type=text], input[type=email]{
width:85.2%;
height:42px;
text-align:left;
font-family:'Roboto',sans-serif;
font-weight:400;
font-size:19px;
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; 
}



/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #000f22;
    max-width: 600px;
    width:400px;
    margin: 7% auto;
	padding: 5px 10px 0px 10px;
	border: 5px solid #f9e183;
	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);
}

.arr-block{display: none;}
.arr {display: none;}

}


/*----------------------------------------------------------------------------------------
						МОБИЛЬНИК
----------------------------------------------------------------------------------------*/

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

.container {
    max-width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
H2 {font: 400 19px/23px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 30px 0px 10px 0px;}
H3 {font: 900 46px/50px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 10px 0px 0px 0px;}

.cont_block1{width:100%;float:none;margin: 0 auto;text-align: center;padding: 0px; position: static;margin-top: 10px;}
.cont_block1 H1 {font: 300 29px/32px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 90px 0px 60px 0px;font-style: italic;}
.cont_block1 H2 {font: 400 13px/19px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 15px 0px 0px 0px;}
.cont_block1 H3 {font: 900 32px/39px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 5px 0px 0px 0px;}
.cont_block1 H4 {font: 300 15.8px/25px "Roboto", sans-serif; color: #f9e183; text-align: center; margin: 0px 0px 20px 0px;}

.foto2 {
position:relative;
margin-bottom:10px;
margin-top:10px;
width:100%;
display: block;
}
.foto {display: none;}

.cont_block2{width:100%;float:none;margin: 0 auto;text-align: center; padding: 0px 0px 0px 0px; position: static;}
.cont_block2 H2 {font: 400 19px/23px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 0px 0px 20px 0px;}
.cont_block2 H3 {font: 900 46px/50px "Roboto", sans-serif; color: #e4101a; text-align: center; margin: 20px 0px 0px 0px;}
.cont_block2 H4 {font: 300 13px/17px "Roboto", sans-serif; color: #5D5D5D; text-align: center; margin: 20px 0px 20px 0px;}
.cont_block2 H5 {font: 400 15px/20px "Roboto", sans-serif; color: #ffffff; text-align: center; margin: 10px 10px 15px 10px;}


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

.form-container {
	width:90%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	border-radius: 3px;
	text-align: center;
	border: 5px dashed #f9e183;
	margin-top:10px;
}
.form-container form{
	margin: 0 auto;
	text-align: center;
}

.form-container2 {
	margin: 0 auto;
	padding: 10px 10px 20px 10px;
	border-radius: 3px;
	text-align: center;
	margin-top:0px;
}
.form-container2 form{
	margin: 0 auto;
	text-align: center;
}


.button_email {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 19px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_email:hover {background: #f8233c;}

.form-button {width:100%;float:none;}

.button_vk {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 19px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #4A76A8;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:0px;
	border: 0px solid #4A76A8;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_vk:hover {background: #3970ae;}

.button_tg {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 19px/25px "Roboto", sans-serif;
    margin: 0 auto;
    width: 95%;
    background: #2E9DCD;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 0px;
	margin-top:15px;
	border: 0px solid #2E9DCD;
	transition: 0.2s linear;
	letter-spacing: 0.3px;
}

.button_tg:hover {background: #3970ae;}


.zag_form {
	font: 400 15px/20px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: -2px;
	margin-right: -2px;
	margin-top: 0px;
	margin-bottom: -4px;

}

.zag_form2 {
	font: 400 15px/23px "Roboto", sans-serif;
	color: #ffffff;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.6);
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: -4px;

}



.checkbox,
.radio {
  margin-top: 0px;
  margin-left: 0px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox-label,
.radio-label {
  padding-left: 5px;
}
.checkbox-input,
.radio-input {
  appearance: none;
  position: relative;
  top: -12px;
  width: 100px;
  height: 23px;
  background: #ffffff;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 0.2);
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  transition: 500ms;
}

.radio-input {
  border-radius: 4px;
}
.checkbox-input::after,
.radio-input::after {
  content: "\2714";
  position: absolute;
  top: -5px;
  left: 4px;
  width: 0px;
  height: 0px;
  font-size: 20px;
  transition: 500ms;
  overflow: hidden;
}

.radio-input::after {
  content: "\1F78B";
}
.checkbox-input:checked::after,
.radio-input:checked::after {
  width: 28px;
  height: 28px;
  transition: 500ms;
}
.checkbox-input:disabled,
.radio-input:disabled {
  background: #ccc;
  border-color: #ccc;
}

.checkbox-input:disabled::after,
.radio-input:disabled::after {
  filter: grayscale(100%);
}




.gar_form {vertical-align: middle;height: 30px;font: 300 8px/15px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 10px -10px 0px 0px;}
.gar_form span {display:inline-block;vertical-align: middle;height: 32px;font: 300 19px/27px "Roboto", sans-serif;color: #f9e183;text-align: center;margin: 0px 5px 0px -10px;padding-bottom: -5px;}

.gar_form2 {
	font: 300 11px/15px "Roboto", sans-serif;
	text-align: left;
	margin-left: 2%;
	margin-right: -10px;
	margin-top: 15px;
	margin-bottom: -15px;
}


.button_sub {
    display:block;
  	text-align:center;
    border-radius: 4px;
    padding: 15px 0px;
	font: 900 17px/20px "Roboto", sans-serif;
    margin: 0 auto;
    width: 100%;
    background: #e40d26;
    cursor:pointer;
    color:#ffffff;
    text-decoration: none;
	margin-bottom: 10px;
	margin-top:10px;
	border: 0px solid #f9e183;
	transition: 0.2s linear;
}

.button_sub:hover {background: #f8233c;}

input[type=text], input[type=email]{
width:92.2%;
height:40px;
text-align:left;
font-family:'Roboto',sans-serif;
font-weight:400;
font-size:16px;
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; 
}

.count {
    max-width: 90%;
    margin: 0 auto;
	margin-top: -20px;
	margin-bottom: 0px;
}


/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #000f22;
    max-width: 280px;
    width:280px;
    margin: 7% auto;
	padding: 5px 10px 0px 10px;
	border: 5px solid #f9e183;
	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);
}

.video-block {
width:96%;margin: 0 auto;text-align: center;padding: 0px;
border: 0px solid #f9e183;
margin-top: 10px;margin-bottom: 10px; 
}


.myvideo {
margin-top: 0px;
margin-bottom: 0px;
position:relative;
padding-bottom:56.35%;
padding-top:0px;
height:0;
overflow:hidden;
}

.myvideo iframe,.myvideo object,.myvideo embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


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

.arr-block{display: none;}
.arr {display: none;}

}