﻿<style type="text/css">
@font-face {
    font-family: 'rublregular';
    src: url('fonts/rouble-webfont.eot');
    src: url('fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rouble-webfont.woff2') format('woff2'),
         url('fonts/rouble-webfont.woff') format('woff'),
         url('fonts/rouble-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
.rur {font-family: 'rublregular';
}

form.button-size {
        display: inline-block;        
    }
    input.link-button {
        border: none;
        background: none;
        color: #45749c;
        display: inline-block;
        text-decoration: underline;
        cursor: pointer;
     }


table {
    width: 100%; /* Задаем ширину таблицы */
}
   div {
    max-width: 1280px; /* Задаем ширину родительского блока */
    margin: 0 auto;
} 
.style1 {
	text-align: center;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 71%;
	font-weight: bolder;
}
.style2 {
	text-align: left;
	color: #FFFFFF;
}
.stule3 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bolder;
}
.stule4 {
	border: 1px none #FF0000;
}
.stule5 {
				text-align: center;
				color: #FF0000;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bolder;
}
a {
	color: #FF0000;
}
a:visited {
	color: #FF0000;
}
a:active {
	color: #99CCFF;
}
a:hover {
	color: #99CCFF;
}
.stule6 {
	margin: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 40px;
}
.stule8 {
				color: #FF0000;
				font-family: Arial, Helvetica, sans-serif;
}
.stule9 {
	border-color: #000000;
	text-align: center;
	margin:0px 0px 5px 0px;
}
.stule10 {
	margin: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 40px;
	text-align: justify;
}
.stule11 {
	border-color: #000000;
	border-width: thin;
	color: #000000;
	font-size: 1px;
	font-weight: normal;
	text-align: center;
}
.stule12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: right;
}
.stule13 {
	border-width: 1px;
	border-color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: #FFFFFF;
	font-weight: bolder;
}
.stule14 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
.stule15 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
}
.stule16 {
	padding: 7px 2px 7px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	font-size: medium;
}
.stule18 {
	color: #FF0000;
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
}
.stule19 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.stule20 {
	margin: 10px 30px 60px 20px;
}
.stule21 {
	vertical-align: text-top;
	text-align: inherit;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}
.stule22 {
	text-decoration: line-through;
}
.stule24 {				
				padding: 7px 2px 7px 5px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: small;
				font-weight: bold;
				color: #FFFFFF;
				vertical-align: top;
				text-align: justify;
}
.stule25 {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	text-align: center;	
}

    
.stule31 {   
    display:inline-block;
    max-width: 99%;
}
.stule32 {   
    max-width:100%;
    height:auto;
    border-style: 0;
	border-width: 0px;
	margin: 10px;
}
.style3 {
	border-width: 0px;
}
.style4 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style5 {
	border-style: 0;
	border-width: 0px;
	margin: 10px;
}
.style6 {
	margin: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-indent: 40px;
	text-align: center;
}
.style7 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: bolder;
	font-size: medium;
}
.style12 {
	color: #FF0000;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
}
.style14 {
	border-style: solid;
	border-width: 2px;
}
.style13 {
	border: 1px solid #000000;
	text-align: center;
}
.style15 {
	border: 1px solid #FFFFFF;
	text-align: center;
}
.style16 {
				margin: 0px;
				border: 2px solid #FFFFFF;
}

.style17 {
				padding: 2px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: small;
				font-weight: bold;
				color: #FFFFFF;
				vertical-align: top;
				text-align: right;
}
.style18 {
				text-align: right;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				color: #FF0000;
}
.style19 {
				font-size: small;
				color: #FF0000;
}
.style20 {
				font-weight: normal;
				color: #FFFFFF;
				font-size: small;
}

.style21 {
				border-color: #000000;
				padding: 10px;
}
.style22 {
				border-width: 0px;
				margin-left: 1px;
				margin-right: 1px;
}
.style23 {
				text-align: center;
				color: #FF0000;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: normal;
}
.style24 {
	text-align: center;
	color: #009933;
	font-family: Arial, Helvetica, sans-serif;
}
.style25 {
				border-width: 0px;
				margin: 10px;
}
.style27 {
	text-align: center;
}
.stule26 {
	border-width: 1px;
	border-color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #FFFFFF;
	font-weight: bolder;
}
.stule27 {
	border-width: 3px;
	border-color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FFFFFF;
	font-weight: bolder;
	text-indent: 5px;
}

.sendsubmit4 {
    width: 155px;
    background: #f97779;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f97779), to(#ce2424));
    background: -moz-linear-gradient(#f97779, #ce2424);
    background: linear-gradient(#f97779, #ce2424);
    cursor: pointer;
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
    color: #fff;
    text-shadow: 0 1px 0 #bd2524; }
    
.sendsubmit4:hover {
    width: 155px;
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b; }
    
.sendsubmit4:active {
    width: 155px;
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    box-shadow: inset 0 10px 15px 0 #bd2524; }



.sendsubmit9 {
    width: 155px;
    background: #e6726d;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e6726d), to(#fff0f5));
    background: -moz-linear-gradient(#e6726d, #fff0f5);
    background: linear-gradient(#e6726d, #fff0f5);
    cursor: pointer;
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
    color: #461403;
    text-shadow: 0 1px 0 #bd2524; }
    
.sendsubmit9:hover {
    width: 155px;
    background: #fff0f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff0f5), to(#e6726d));
    background: -moz-linear-gradient(#fff0f5, #e6726d);
    background: linear-gradient(#fff0f5, #e6726d);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b; }
    
.sendsubmit9:active {
    width: 155px;
    background: #fff0f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff0f5), to(#e6726d));
    background: -moz-linear-gradient(#fff0f5, #e6726d);
    background: linear-gradient(#fff0f5, #e6726d);
    border: solid 1px #be2424;
    box-shadow: inset 0 10px 15px 0 #bd2524; }




.dropbtn {
    background: #f97779;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f97779), to(#ce2424));
    background: -moz-linear-gradient(#f97779, #ce2424);
    background: linear-gradient(#f97779, #ce2424);
    width: 300px;
    cursor: pointer;
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
    color: #fff;
    text-shadow: 0 1px 0 #bd2524;
}

.dropbtn:focus {
    width: 300px;
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
}

.dropbtn:hover {
    width: 300px;
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    border-bottom: solid 3px #bd2524;
    box-shadow: inset 0 0 0 1px #e67e7b;
}

.dropdown {
    width: 300px;
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: #ce2424;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    box-shadow: inset 0 10px 15px 0 #bd2524;
    width: 300px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    width: 300px;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background: #ce2424;
    width: 300px;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
    background: -moz-linear-gradient(#ce2424, #f97779);
    background: linear-gradient(#ce2424, #f97779);
    border: solid 1px #be2424;
    box-shadow: inset 0 10px 15px 0 #bd2524;}

.show {display: block;}






.content{background-color: #FBFBFB; position: relative;margin: 0;padding: 0;border: 0;float: left;overflow: hidden; max-width: 768px; width: 100%;}
.sidebar1{background-color: #FBFBFB; position: relative;margin-right: 0;padding: 0;border: 0;float: left;overflow: hidden; width: 100%; max-width: 268px;}
blockquote{margin:10px 10px 10px 35px;}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .content{max-width: none; width: 100%;}
  .sidebar1{max-width: none; width: 100%;}
  blockquote{margin:10px;}
}
 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .content{max-width: none; width: 100%;}
  .sidebar1{max-width: none; width: 100%;}
  blockquote{margin:10px;}
}
 
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .content{max-width: none; width: 100%;}
  .sidebar1{max-width: none; width: 100%;}
  blockquote{margin:10px;}
}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
 
}




.style31 {
				padding: 2px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: small;
				font-weight: bold;
				color: #000000;
				vertical-align: top;
				text-align: justify;
}
.style50 {
				margin: 10px 0px 0px 0px;
}



.u-normalize-position{  
	float: left;
}
@media only screen and (max-width: 768px) {
  .u-normalize-position{
    float: none;
  }
}


.show-on-mobile19 { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .show-on-mobile19 { display: inline; }}


#link {
  position: relative;
}
#link a {
  pointer-events: none;
}
#link:hover:before {
  display: block;
  font-family:times;color:black;
  content: "поставьте галочку";
  position: absolute;
  text-align:  center;
  top: 0; left: 75px;
  transform: translate(-50%, calc(-100% - 10px));
  border-radius: 3px;
  padding: 10px;
  background: #f7f7f7;
  box-shadow: 0 0 2px;
}
#link:hover:after {
  display: block;
  content: "";
  position: absolute;
  top: 0; left: 75px;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 10px;
  border-color: #f7f7f7 transparent transparent transparent;
}
#linkDa:checked ~ #link a {
  pointer-events: auto;
}
#linkDa:checked ~ #link:after, #linkDa:checked ~ #link:before {
  content: none;
}

.ya-site-form__done {
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  border-width: 1px;
  display: block;
  width: auto;
  margin: 0px 0px 0px 5px;
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  box-sizing: border-box;         
  border-radius: 5px;             
  padding: 2px 5px;
  font-size: 12px !important;
  background-color: white;
}

@media only screen and (max-width: 768px) {
  .ya-site-form__done {
    padding: 7px;
  }
}



.u-display--none {
	display: none !important;
}


.container3700 {
		height:700px;
		width: 450px;
		margin: 10px;
		overflow:hidden;
		position:relative;
	}
	.wrapper3700{
		transition: all 0.5s ease 0s;
		position:absolute;
		top: 0;
	}

	.buttonWrapper3700 {
		text-align: center;
	}

	@media (max-width: 768px) {
		.container3700 {
			height: 520px !important;
    		width: 335px !important;
    	}	


        @media (max-width: 350px) {
		.container3700 {
			width: 282px !important;
			height: 438px !important;
    		
    	}
	}

.box {
  max-width: 129px; max-height: 200px;
  position: relative;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}




</style>
