html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, em, img, small, sub, u, i, center,
ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td, header, footer, menu, main {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}
input[type='submit']::-moz-focus-inner{padding:0;}
button[type='submit']::-moz-focus-inner{padding:0;}
article, aside, details, figcaption, figure
{ overflow: auto; }

label.error{
  background-color:#ff9999;
  font-size:14px;
  border:1px solid #f29292;
  padding:6px 10px;
  color:#000;
  display:none;
  border-radius:4px;
  box-shadow:0 0 6px #ddd;
  position: absolute;
  top: -30px;
  left: 200px;
  white-space: nowrap;
}

label.error em {
  border:10px solid;
  border-color:#ff9999 transparent transparent;
  bottom:-17px;
  display:block;
  height:0;
  left:10px;
  position:absolute;
  width:0;
}


.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  font-size: 13px;
  min-width: 250px;
  background-color: #227b9d;
  color: #fff;
  padding: 10px 10px 10px 15px;
  border-radius: 6px;
  position: absolute;
  bottom: 100%;
  left: 10%;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;

}

/* START Fast & Agile YouTube Embed by Schoberg.net */
.youtube { /* continer (responsive) */
  position: relative;
  cursor: pointer;
  background: #ccc no-repeat center center / cover;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0px;
  clear:both;
}

.youtube::before { /* play bubble */
  content: '';
  background: rgba(255, 255, 255, .6);
  height: 80px;
  width: 80px;
  display:block;
  margin: -40px 0 0 -40px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 20px 3px rgba(51, 51, 51, .8);
  transition: all .1s ease;
  z-index:1;
}

.youtube:hover::before { /* play bubble hover */
  background: rgba(238, 238, 238, .8);
  box-shadow: 0 0 10px 3px rgba(51, 51, 51, .8);
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
}

.youtube::after { /* Play Triangle */
  content: '';
  width: 0;
  height: 0;
  line-height:0px;
  display:block;
  border-style: solid;
  border-width: 20px 0 20px 40px;
  margin: -20px 0 0 -15px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  z-index:2;
}
.youtube iframe{ /* youtube embed (responsive) */
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:3;
}
/* END Fast & Agile YouTube Embed by Schoberg.net */


.f-l{
  float: left !important;
}

.f-r{
  float: right !important;
}

.clear{
  clear: both;
  height: 0;
  overflow: hidden;
}

.cl:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.cl{
  display:inline-block;
}

* html .cl{
  height:1%;
}

.cl{
  display:block;
}

.modal{
  overflow: hidden !important;
}

.fwb{
  font-weight: bold;
}

.lower{
  text-transform: lowercase;
}

.upper{
  text-transform: uppercase;
}


.it, i{
  font-style:italic;
}

.fwn{
  font-weight: normal;
}

.upp{
  text-transform: uppercase;
}

.through{
  text-decoration: line-through;
}

.nowrap{
  white-space: nowrap;
}

.under{
  text-decoration: underline;
}

.tdn{
  text-decoration: none;
}

.posrel{
  position: relative;
}

.db{
  display: block !important;
}

.dbn{
  display: none;
}

.valt{
  vertical-align: top;
}

.valm, .valm input{
  vertical-align: middle !important;
}

.valb{
  vertical-align: bottom !important;
}

.alc{
  text-align: center;
}

.all{
  text-align: left !important;
}

.alr{
  text-align: right !important;
}

.al_c{
  position: relative;
  width: 100%;
}

.al_c:after{
  content: '';
  display: block;
  clear: both;
}

.al_c_l{
  position: relative;
  right: 50%;
  float: right;
}

.al_c_r{
  position: relative;
  z-index: 10;
  right: -50%;
}

.inl{
  display: inline;
}

.nob{
  border: 0 !important;
}

.curp{
  cursor: pointer;
}

.curp-u{
  cursor: pointer;
}

.curp-u:hover{
  text-decoration: underline;
}

.nbg{
  background: none !important;
}


body{
  font-family: 'Montserrat', sans-serif, Arial, "Helvetica CY", "Nimbus Sans L";
  font-size: 16px;
  line-height: 1.4;
  /*font: 16px/1.4 Arial, sans-serif, "Helvetica CY", "Nimbus Sans L";*/
  color: #333;
  zoom: 100%;
  width: 100%;
  overflow: visible;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

.article-body img{
  max-width: 100%;
  height: auto;
}

.article-body figure{
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.article-body figure figcaption{
  font-size: 12px;
}


.mr1{
  margin-top: 12px;
}

.mr2{
  margin: 12px 12px 0 0;
}

.f1{
  font-size: 22px;
}

.cl1{
  color: #ff9900;
}

#mainblock{
  min-height: 73vh;
  height: 100%;
}

.nav{
  margin: 0 0 20px 0;
  font-size: 14px;
  background: #f0f4f8;
}

.hr1{
  height: 0;
  border: 0;
}

a{
  color: #227b9d;
}





/*Мобильная фёрст*/

.s1{
  background: #585858;
  padding: 10px;
  color: #cbd5cc;
  transition:  all 0.5s;
}

.s1 a{
  color: #cbd5cc;
  text-decoration: none;
  transition:  all 0.5s;
}

.s1 a:hover{
  color: #fff;
}

.s1-in{
  max-width: 1100px;
  margin: 0 auto;
}


.s3{
  display: none;
  margin-top: 20px;
  min-width: 200px;
  position: absolute;
  z-index: 101;
  top: 0;
  right: 20px;
  background: #000;
}

.s3 a{
  display: block;
  margin: 20px;
}

.s4{
  background: url(/i/i.png) 0 -19px no-repeat;
  padding: 4px 5px 5px 24px;
  font-size: 15px;
  white-space: nowrap;
  margin: 8px 0;
  float: left;
}

.s5{
  width: 90%;
  background: url(/i/i.png) 0 7px no-repeat;
  font-size: 15px;
  padding: 4px 5px 5px 24px;
  float: left;
}

.s6, .s7, .s8{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 20px;
  height: 21px;
  opacity: 0.8;
  text-decoration: none;
  transition:  all 0.5s;
}

.s6:hover, .s7:hover, .s8:hover{
  opacity: 1;
}

.s6{
  background: url(/i/i.png) 0 -47px no-repeat;
}

.s7{
  background: url(/i/i.png) 0 -82px no-repeat;
}

.s8{
  background: url(/i/i.png) 0 -115px no-repeat;
}

.s9{
  position: relative;
  max-width: 1100px;
  margin: 1px auto 0 auto;
}

.s10{
  float: left;
  display: block;
  width: 200px;
  height: 43px;
  margin: 15px 0 10px 10px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: url(/i/l2.png) 0 0 no-repeat;
}

#footer .s10{
  float: none;
}

.s11{
  display: none;
  position: absolute;
  z-index: 100;
  top: 58px;
  width: 100%;
  padding-top: 50px;
  right: 10px;
  list-style: none;
  background: #fff;
  box-shadow: 5px 5px 5px #ccc;
}

.s11 li a{
  color: #444;
  display: block;
  margin: 0 20px;
  padding: 10px 17px 10px 10px;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.5s;
}

.s11 li a:hover, .s11 li a.a{
  color: #fff;
  /*background: #84be38;
	background: #227b9d;*/
  background: #227b9d;

}

.s12{
  float: right;
  width: 24px;
  height: 18px;
  margin: 23px 15px 0 0;
  background: url(/i/i.png) 0 -156px no-repeat;
}

.s13{
  display: none;
  position: absolute;
  top: 23px;
  right: 15px;
  width: 24px;
  height: 18px;
  background: url(/i/i.png) 0 -196px no-repeat;
}

.s14{
  background: url(/i/i.png) 0 -238px no-repeat;
  padding-left: 25px;
}

.s15, .s16{
  padding-left: 25px;

}

.s15{
  background: url(/i/i.png) 0 -282px no-repeat;
}

.s16{
  background: url(/i/i.png) 0 -317px no-repeat;
}

.s17{
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  background: url(/i/i.png) 0 -359px no-repeat;
  margin-left: 35px;
  width: 26px;
  height: 22px;
  text-indent: -1000px;
  white-space: nowrap;
}

.s18{
  position: absolute;
  z-index: 100;
  top: 23px;
  right: 15px;
  width: 24px;
  height: 18px;
  background: url(/i/i.png) 0 -410px no-repeat;
}

.s19{
  min-height: 450px;
  margin: 1px 0;
  background: #ebeff2 url(/i/t12_sm.jpg) 0 0 no-repeat;
  background-position: center center;
  background-size: cover;
}

.s19-h{
  background: #ebeff2;
  padding-bottom: 12px;
}

.s20{
  max-width: 1100px;
  margin: 1px auto;
}

.s21{
  max-width: 500px;
  padding: 20px 0 0 20px;
}

.s21-w1{
  max-width: 600px;
}

.s21 h1{
  font-weight: bold;
  font-size: 30px;
  line-height: 34px;
  margin: 20px 0;
  color: #333;
}

.s21 p{
  line-height: 27px;
  padding-right: 10px;
}

.s22{
  padding: 15px;
}

.s22-b1{
  background: #f0f4f8;
  margin: 20px 0;
}

.s22-b2{
  background: #303036;
}

.s22-b3{
  background: #f0f4f8;
  margin: 20px 0 0 0;
}

.s22-b4{
  font-size: 14px;
  background: #f0f4f8;
  position: relative;
}

.s22-b4 a{
  color: #227b9d;
}

.s22-b4:after{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  content: " ";
  background: linear-gradient(to bottom,#e8ecf0 10%,#f0f4f8 100%);
  height: 10px;
}

.s23{
  max-width: 1100px;
  height: 100%;
  margin: 1px auto;
  overflow: hidden;
}

.s23 h1, .s23 h5{
  font-weight: bold;
  font-size: 32px;
  margin: 0 0 1.5rem 0;
}

.s23 h2{
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 1.5rem 0;
}

.s23-f1 h2, .s23-f1 h3{
  text-align: center;
}

.s23-f1 h3{
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  margin: 20px 0;
}

.s23 h4{
  font-size: 22px;
  font-weight: bold;
  margin: 30px 0 15px 0;
}

.s23 h5{
  text-align: center;
}

.s23 h6{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 2rem 0;
}

.s23 p{
  margin: 12px 0;
}

.s23 ul{
  margin: 20px 20px 20px 40px;
  list-style: none;
}

.s23 ul li{
  margin: 10px 0;
}

.s24{
  width: 99%;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 9px;
  padding: 20px;
  box-sizing: border-box;
  margin: 5% 1%;
  transition: all 0.3s;
}



.s24 h3{
  font-size: 22px !important;
  font-weight: bold;
  text-align: center;
  margin: 12px 0 12px 0;
}

.s25:before, .s26:before, .s27:before, .s28:before, .s29:before, .s30:before{
  display: block;
  width: 45px;
  height: 45px;
  margin: 10px auto 20px;
  background-image: url(/i/icons.png), linear-gradient(to right,#227b9d 0%,#1c6f91 100%);
  background-position:  30px -360px, left;
  background-repeat:  no-repeat, no-repeat;
  padding: 30px;
  border-radius: 50px;
  content: " ";
}

.s26:before{
  background-position: 30px -470px, left;
}

.s27:before{
  background-position: 30px -575px, left;
}

.s28:before{
  background-position: 30px -700px, left;
}

.s29:before{
  background-position: 30px -950px, left;
}

.s29-b1:before{
	background-position: 30px -1575px, left;
}

.s30:before{
  background-position: 32px -1140px, left;
}

.s24:hover{
  background: #227b9d;
  color: #fff;
  box-shadow: 0 5px 5px 5px #e1e3e6;
}

.s24:hover .s25:before, .s24:hover .s26:before, .s24:hover .s27:before{
  background: #fff url(/i/icons.png) 30px 30px no-repeat;
}

.s24:hover .s26:before{
  background: #fff url(/i/icons.png) 30px -100px no-repeat;
}

.s24:hover .s27:before{
  background: #fff url(/i/icons.png) 30px -220px no-repeat;
}


.s24:hover .s28:before{
  background: #fff url(/i/icons.png) 30px -840px no-repeat;
}

.s24:hover .s29:before{
  background: #fff url(/i/icons.png) 30px -1042px no-repeat;
}

.s24:hover .s29-b1:before{
	background: #fff url(/i/icons.png) 30px -1425px no-repeat;
}

.s24:hover .s30:before{
  background: #fff url(/i/icons.png) 32px -1255px no-repeat;
}

.s31{
  position: relative;
  height: 420px;
  top: 30px;
  left: 30px;
}

.s32{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  width: 180px;
  height: 180px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 90px;
}

.s32d{
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.s32t{
  display: block;
  font-size: 60px;
  line-height: 50px;
  color: #227b9d;
  font-weight: bold;
}

.s32z{
  font-size: 19px;
  font-weight: bold;
}

.s33{
  position: absolute;
  left: -20px;
  top: -20px;
  z-index: 10;
  border-radius: 90px;
  width: 180px;
  height: 180px;
  background: #227b9d;
  box-sizing: border-box;
  overflow: hidden;
}

.s33:before{
  position: absolute;
  left: -10px;
  bottom: -20px;
  z-index: 11;
  width: 200px;
  height: 200px;
  opacity: .3;
  content: "";
  border-radius: 100px;
  background-color: #fff;
  box-sizing: border-box;
}


.s33:after{
  position: absolute;
  left: -10px;
  bottom: 20px;
  z-index: 11;
  width: 200px;
  height: 200px;
  opacity: .2;
  content: "";
  border-radius: 100px;
  background-color: #fff;
  box-sizing: border-box;
}

.s34{
  padding-top: 200px;
  font-size: 20px;
  font-weight: bold;
}

.s34 p{
  display: block;
  font-size: 30px;
  line-height: 25px;
  font-weight: bold;
  color: #227b9d;
}

/* flipper */
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;

  -ms-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;

}

/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
filter: FlipH;
-ms-filter: "FlipH";
}
*/


/* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* END: Accommodating for IE */


.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -ms-transition: 0.6s;

  -moz-transition: 0.6s;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;

  transition: 0.6s;
  transform-style: preserve-3d;

  position: relative;
}

.front, .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);

  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);

  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);

  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);

  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
}

.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

#header, #mainblock, #footer{
  box-sizing: border-box;
}

.mainblock p{
  line-height: 26px;
}

.mainblock ol{
  padding: 0 0 0 30px;
  margin: 12px 0;
}

.mainblock ol li{
  margin: 10px 0;
}

.mainblock a{
  color: #227b9d !important;
}


/* vertical */
.vertical.flip-container {
  position: relative;
}

.vertical .back {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.vertical.flip-container .flipper {
  -webkit-transform-origin: 100% 213.5px;
  -moz-transform-origin: 100% 213.5px;
  -ms-transform-origin: 100% 213.5px;
  transform-origin: 100% 213.5px;
}


/* START: Accommodating for IE */
.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
/* END: Accommodating for IE */


.s40{
  width: 99%;
  float: left;
  margin: 1%;
  border-radius: 10px;
  box-shadow: 2px 2px 12px #ccc;
  box-sizing: border-box;
}

.s41{
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.s41:after{
  content: "";
  padding-top: 100%;
  display: block;
}


.s42{
  box-sizing: border-box;
  border-radius: 10px;
}

.s42 img{
  border-radius: 10px;
}


.s43{
  border-radius: 10px;
  background: #1c6f91;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  padding: 15px;
}

.s43 a{
  text-decoration: none;
  color: #fff;
}

.s43 span{
  font-size: 30px;
  font-weight: bold;
}

.s43 a:after{
  display: block;
  box-sizing: border-box;
  margin: 10px auto;
  padding-top: 5px;
  content: "⇒";
  color: #186adc;
  font-size: 22px;
  font-weight: bold;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.s44:before{
  content: '';
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: -100;
}

.s44{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  max-width: 1920px;
  height: 100vh;
  overflow: auto;
  margin: 0 auto;
  padding: 0;
  opacity: 1;
}



.s44 img{
  width: 100%;
  max-width: 1900px;
}



.s45{
  float: left;
  width: 31.3%;
  overflow: hidden;
  margin: 1%;
  padding: 8px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 5px;
}

.s45 img{
  display: block;
  margin: 0 auto 10px auto;
}

.s46{
  max-width: 1100px;
  margin: 1px auto;
}

.s46 p{
  text-align: center;
}

.s46 h6{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 10px 0;
}

.s47{
  list-style: none;
  text-align: center;
}

.s47 li{
  display: inline;

}

.s47 a, .s47 button{
  text-decoration: none;
  font-family: 'Montserrat', sans-serif, Arial, "Helvetica CY", "Nimbus Sans L";
  font-size: 18px;
  line-height: 1.4;
  margin: 12px;
  cursor: pointer;
  color: #333;
  border: 0;
  background: transparent;
}

.s47 button:hover{
  text-decoration: underline;
}

.s48{
  margin: 20px 0 0 20px;
  list-style: none;
}

.s48 li{
  float: left;
  margin-right: 10px;
}

.s48 a{
  color: #eee;
  text-decoration: none;
}

.s48 a:hover{
  color: #fff;
  text-decoration: underline;
}

.s49{
  position: relative;
  max-width: 1100px;
  margin: 1px auto;
}

.s50{
  border-top: 1px solid #666;
  background: #303036;
  padding: 10px;
}

.s51{
  max-width: 1100px;
  margin: 1px auto;
  color: #ccc;
  text-align: right;
  height: 100%;

}

.s52{
  display: block;
  width: 200px;
  height: 43px;
  margin: 15px 0 10px 10px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: url(/i/l2.png) 0 0 no-repeat;
}

.s53, .s54{
  float: none;
  width: 100%;
}

.s53{
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 12px;
}

.s53 img{
  width: 100%;
  display: block;
  border-radius: 10px;
  box-sizing: border-box;
}

.s54{
  padding-left: 4%;
  box-sizing: border-box;
}

.s54 p{
  margin: 0 0 12px 0;
}

.s55{
  display: inline-block;
  width: auto;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 4px;
  background: linear-gradient(to right,#227b9d 0%,#1c6f91 100%);
  padding: 10px 40px;
  cursor: pointer;
}

.s55:focus{
  outline: transparent;
}

.s55-mr1{
  margin: 10px 0;
}

.s56 {
  position:fixed;
  top: 0;
  left: 0;
  display:none;
  width:100%;
  height:100%;
  justify-content:center;
  align-items:center;
  background:rgba(0,0,0,.7);
  z-index:100;
}

.s57 {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background: #fff;
  max-width: 800px;
  width:80%;
  min-height:500px;
  z-index:2;
  border-radius: 10px;
  padding: 20px;
}

.s58 {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}

.s57 h6{
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

.s57 p{
  text-align: center;
  margin: 12px 0 22px;
}


.s57 input[type=text], .s57 input:focus[type=text], .s57 textarea{
  font-family: 'Montserrat', sans-serif, Arial, "Helvetica CY", "Nimbus Sans L";
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  width: 99%;
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #ccc;
  outline: transparent;
  margin-bottom: 12px;
}

.s57 textarea{
  width: 99%;
  height: 160px;
}

.s59{
  position: absolute;
  top: 12px;
  right: 20px;
  cursor: pointer;
  font-size: 24px;
  font-weight: bold;
}


.s60{
  box-sizing: border-box;
  background: #f0f4f8;
  padding: 20px;
  border-radius: 10px;
}

.s60 h6, .s61 h6{
  text-align: left;
}

.s61{
  box-sizing: border-box;
  padding: 20px;
}

.s62{
  background: url(/i/i.png) 0 -465px no-repeat;
  padding: 5px 5px 5px 35px;
}

.s63{
  background: url(/i/i.png) 0 -520px no-repeat;
  margin-top: 12px;
  padding: 5px 5px 5px 35px;
}

.s64{
  background: url(/i/i.png) 0 -572px no-repeat;
  margin-top: 12px;
  padding: 5px 5px 5px 35px;
}


.s66{
  margin-right: 2%;
  box-sizing: border-box;
}

.s66 input{
  font-family: 'Montserrat', sans-serif, Arial, "Helvetica CY", "Nimbus Sans L";
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  width: 99%;
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #ccc;
  outline: transparent;
  margin-bottom: 12px;
}

.s67 textarea{
  font-family: 'Montserrat', sans-serif, Arial, "Helvetica CY", "Nimbus Sans L";
  font-size: 16px;
  line-height: 1.4;
  color: #333;
  width: 94%;
  height: 200px;
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #ccc;
  outline: transparent;
  margin-bottom: 12px;
}

.s68{
  border: 1px solid transparent;
  box-sizing: border-box;
  min-height: 300px;
}

.s68-b1{
  background: url(/i/t8.jpg) 100% 0 no-repeat;
}

.s68-b2{
  background: url(/i/t9.jpg) 100% 0 no-repeat;
}

.s68-b3{
  background: url(/i/t10.jpg) 100% 0 no-repeat;
}


.s69{
  width: 90%;
  min-height: 250px;
  box-sizing: border-box;
  border: 0;
  padding: 30px;
  margin-top: 20px;
  background: rgba(245, 245, 245, 0.8);
}

.s70{
  position: relative;
}

.s71{
  padding-top: 30px;
  box-sizing: border-box;
}


.s72{
  padding: 20px;
  margin-top: 20px;
  box-sizing: border-box;
  background: #f5f5f5;
}

.s72 ul{
  list-style: none;
  margin: 0;
}

.s72 ul li{
  padding: 12px;
  background: #fff;
  margin: 4px 0;
  transition: all .5s;
}

.s72 ul li:hover{
  box-shadow: 4px 2px 7px #ccc;
}

.s72 ul li a{
  text-decoration: none;
  color: #010101;
}

.s73, .article-body ul{
  list-style: none;
  margin: 22px 0;
}

.s73 li, .article-body ul li{
  position: relative;
  margin: 16px 20px;
  padding-left: 20px;
}

.s73 li:before, .article-body ul li:before{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/i/i.png) -3px -627px no-repeat;
}

.s73 li a, .article-body ul li a{
  text-decoration: none;
  color: #010101;
}

.s73 li a:hover, .article-body ul li a:hover{
  text-decoration: underline;
}

.s74{
  float: left;
  width: 70px;
  color: #d5d5d5;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #d5d5d5;
}

.s75{
  float: left;
  width: 200px;
  padding: 8px 0 0 20px;
  box-sizing: border-box;
}

.s76{
  margin: 20px 0 20px 0;
  padding-top: 40px;
  border-top: 1px solid #ccc;
}

.s77{
  border: 10px solid #f5f5f5;
}

.s77 img{
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.s78{
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0 40px;
}

.s78-m1{
  margin: 10px 0;
}

.s78 th{
  font-weight: bold;
}

.s78 th, .s78 td{
  width: 25%;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  border-left: 5px solid transparent;
}

.s78 tr td:first-child{
  text-align: left;
  font-weight: bold;
}

.s78-b1 tr td:first-child{
  font-weight: normal;
}

.s78-b1 tr td:nth-child(2){
  font-weight: bold;
}

.s78 tr:nth-child(2n) td{
  background: #f5f5f5;
}

.s78-b2 tr:nth-child(2n) td{
  background: #fff;
}


.s79{
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.s80{
  font-size: 14px;
  color: #333;
}

.s81, .s84{
  box-sizing: border-box;
  padding: 20px;
  min-height: 200px;
  margin-top: 20px;
}

.s81{
  background: #f5f5f5;
}

.s84{
  /*background: #227b9d;*/
  background: #f0f4f8;

}

.s82{
  float: left;
  width: 60px;
  margin-left: -100%;
  background: #fff;
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  background: #227b9d;
  color: #fff;
  font-weight: bold;
}




.s83{
  float: left;
  width: 100%;
}

.s83-in{
  margin-left: 80px;
  padding-top: 20px;
}

.s83-in a{
  color: #227b9d;
  text-decoration: none;
  font-weight: bold;
}

.s85{
  float: left;
  box-sizing: border-box;
  margin: 0 0 30px 20px;
  padding-right: 20px;
}

.s86{
  box-sizing: border-box;
  float: left;
  width: 100%;

}

.s86-in{
  margin-left: 80px;
}

.s86 b{
  display: block;
  margin-bottom: 12px;
  font-size: 19px;
}

.s87{
  box-sizing: border-box;
  float: left;
  margin-left: -100%;
  width: 80px;
  font-size: 18px;
  font-weight: bold;
}

.s87 hr{
  display: inline-block;
  width: 50px;
  vertical-align: middle;
  margin: -3px 1px 0 9px;
  border: none;
  background-color: #333;
  color: red;
  height: 1px;
}


.s88{
  padding: 20px 0;
  margin: 1px 0;
  border-bottom: 1px solid #ccc;
}

.s88 span{
  display: block;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  padding-right: 50px;
}

.s88 span:after{
  position: absolute;
  top: 0;
  right: 20px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  color: #227b9d;
  font-weight: bold;
  border: 1px solid #227b9d;
  content: "+";
}

.s88 span.active:after{
  content: "-";
}

.s88 .question-text{
  display: none;
}

.s89{
  padding:20px;
  box-sizing: border-box;
}

.s89:first-child{
  margin-top: 17px;
}

.s89 select{
  display: block;
  width: 100%;
  padding: 7px;
  margin-bottom: 20px;
  border:0;
  border-bottom: 1px solid #333;
  background: #f0f4f8;
  font-family: 'Montserrat', sans-serif, Arial, "Helvetica CY", "Nimbus Sans L";
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  outline: transparent;
}

.s90{
  padding: 20px;
  box-sizing: border-box;
}

.s91{
  display: none;
  transition: all .1s ease;
}


.s91 h6{
  text-align: left;
  font-size: 20px;
  margin-left: 10px;
}

.s92{
  display:block;
  text-decoration: none;
  margin-bottom: 30px;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
}

.s92 p{
  font-size: 16px;
  margin: 8px 0;
}

.s92:hover{
  text-decoration: underline;
}

.s93{
  margin: 20px 0;
  background: #eee;
  padding: 20px;
}

.s94{
  list-style: none;
  margin: 15px 10px 10px 10px;
}

.s94 li{
  margin-left: 10px;
  padding: 0 0 10px 22px;
  background: url(/i/t16.png) 0 6px no-repeat;
}

.s94-f1 li{
  padding: 0 0 2px 22px;
}

.s95{
  overflow-x: auto;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 10px 20px 10px 0;
}

.s96{
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 0 0;
  border-collapse: collapse;
}

.s96 tr td{
  text-align: center;
  vertical-align: top;
}

.s96 tr td:first-child{
  text-align: left;
}

.s97 td{
  background: #227b9d;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  border-right: 1px solid #fff;
}

.s97 td:first-child{
  background: #fff;
}

.s98 p{
  font-size: 26px;
  font-weight: bold;
}

.s98 span{
  color: #72a433;
}

.s99 tr td{
  padding: 10px;
  border: 1px solid #ccc;
  border-bottom: 0;
  height: 100%;
}

.s99 tr td:first-child{
  background: #eee;
  border-left: 0;
  border-right: 0;
}

.s99 tr td:last-child{
  border-right: 0;
}

.s99 tr:last-child td{
  border-bottom: 1px solid #ccc;
}

.s99 small{
  font-size: smaller;
}

.s100{
  margin: 10px 10px 10px 20px !important;
}
.s100 li {
  list-style: disc;
  margin: 2px 0 !important;
}

.s101{
  background: url(/i/t14.png) center center no-repeat;
}

.s102{
  background: url(/i/t15.png) center center no-repeat;
}

.s101, .s102{
  height: 31px;
  text-indent: -9000px;
}

.s105, .s106{
  text-align: center;
}

.s105 img{
  width: 100%;
}

.s106 img{
  margin: 0 5px;
}

.s107{
  height: 19px;
  background: url(/i/t17.png) center 5px no-repeat;
  text-indent: -9000px;
}

.s107-ro{
	height: 19px;
	background: url(/i/t17_ro.png) center 5px no-repeat;
	text-indent: -9000px;
}


.s108{
  background: #f5f7fb;
  margin: 20px 0;
  padding: 20px;
}



/* ------ Десктоп1 -------*/
@media screen and (min-width: 376px) {
  .s53{
    float: left;
    width: 20%;
  }

  .s54{
    float: left;
    width: 71%;
  }
}


/* ------ Десктоп1 -------*/
@media screen and (min-width: 420px) {
  .s5{
    margin-left: 20px;
    width: auto;
  }

  .s21{
    padding: 20px 0 0 20px;
    height: 100%;
  }

  .s21 h1{
    margin: 20px 0;
  }



}



/* ------ Десктоп1 -------*/
@media screen and (min-width: 500px) {
  .s10, #footer .s10{
    float: left;
  }

  .s48{
    float: right;
  }

  .s40{
    width: 48%;
  }

  .s45{
    width: 23%;
  }

  .s66{
    float: left;
    width: 46%;
  }

  .s23 h2{
    font-size: 30px;
  }

  .s69{
    width: 70%;
  }

  .s105 img{
    width: 48%;
  }
}


/* ------ Десктоп2 -------*/
@media screen and (min-width: 750px) {
  .s19{
    background: #ebeff2 url(/i/t12_med.jpg) 0 0 no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .s19-h{
    background: #ebeff2;
  }

  .s24{
    width: 48%;
    float: left;
    box-sizing: border-box;
    margin: 1%;
  }

  .s24h{
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 60%; // пропорции блока определяются здесь
  }

  .s24hh{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  .s40{
    width: 31%;
  }

  .s48{
    float: right;
  }

  .s52{
    float: left;
  }

  .s60{
    float: left;
    width: 30%;
  }

  .s61{
    float: left;
    width: 67%;
  }

  .s71{
    float: left;
    width: 70%;
  }

  .s72{
    float: right;
    width: 28%;
  }

  .s89 {
    float: left;
    width: 30%;
  }

  .s90 {
    float: right;
    width: 69.5%;
  }

  .s103{
    float: left;
    width: 48%;
  }

  .s104{
    float: right;
    width: 48%;
  }


}

/* ------ Десктоп2 -------*/
@media screen and (min-width: 790px) {


  .s1{
    display: block;
  }
  .s2 {
    float: left;
  }

  .s3 {
    display: block;
    position: static;
    float: right;
    margin-top: 0;
    padding-right: 17px;
    background: transparent;
  }

  .s3 a{
    display: inline;
    float: right;
    margin: 0 0 0 15px;
  }

  .s4, .s5{
    float: none;
  }

  .s8{
    margin-left: 33px !important;
  }

  .s11 li a{
    padding: 20px 17px;
  }

  .s15{
    margin-left: 35px !important;
  }

  .s17, .s18{
    display: none;
  }


  .s31{
    height: 230px;
  }

  .s34{
    position: absolute;
    top: 0;
    left: 500px;
    padding-top: 0;
  }

  .s45{
    width: 14%;
   }

  .s105 img{
    width: 32%;
  }

}



/* ------ Десктоп -------*/
@media screen and (min-width: 1140px) {


  .s10{
    margin-left: 0;
  }

  .s11{
    display: flex;
    position: static;
    width: auto;
    float: right;
    margin-left: 60px;
    padding-top: 0;
    box-shadow: none;
    width: auto;
  }


  .s11 li a {
    padding: 20px 17px;
    margin: 0 1px 0 0;
  }

  .s12, .s13{
    display: none;
  }

  .s19{
    height: 540px;
    /*background: #ebeff2 url(/i/i3.jpg) 0 -30px no-repeat;*/
    background: #ebeff2 url(/i/t12.jpg) 0 -30px no-repeat;
    background-position: center center;
    background-size: cover ;
  }

  .s19-h{
    background: #ebeff2 url(/i/t13.jpg) 0 -30px no-repeat;
  }

  .s21{
    padding: 60px 0 0 0;
  }

  .s21 h1{
    font-size: 38px;
    line-height: 44px;

  }

  .s22{
    padding: 2rem 3rem;
  }

  .s22-b4{
    padding: 1rem 3rem;
  }

  .s24 {
    width: 31%;
  }

  .s24h{
    padding-bottom: 100%;
  }

  .s24h-h{
    padding-bottom: 105%;
  }

  .s31{
    position: relative;
    height: 330px;
    top: 30px;
    left: 130px;
  }

  .s32{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 15px;
  }

  .s32d{
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .s32t{
    display: block;
    font-size: 120px;
    line-height: 110px;
    color: #227b9d;
    font-weight: bold;
  }

  .s32z{
    font-size: 22px;
    font-weight: bold;
  }

  .s31:after{
    position: absolute;
    top: -10px;
    left: 290px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background: linear-gradient(to right,#227b9d 0%,#1c6f91 100%);
    content: "";
  }

  .s31:before{
    position: absolute;
    top: 100px;
    left: 330px;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    background: linear-gradient(to right,#227b9d 0%,#1c6f91 100%);
    content: "";
  }

  .s33{
    position: absolute;
    left: -30px;
    top: -30px;
    z-index: 10;
    border-radius: 15px;
    width: 300px;
    height: 300px;
    box-sizing: border-box;
    overflow: hidden;
  }

  .s33:before{
    position: absolute;
    left: -10px;
    bottom: -20px;
    z-index: 11;
    width: 200px;
    height: 200px;
    opacity: .3;
    content: "";
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
  }


  .s33:after{
    position: absolute;
    left: -10px;
    bottom: 20px;
    z-index: 11;
    width: 200px;
    height: 200px;
    opacity: .2;
    content: "";
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
  }

  .s34 p{
    font-size: 50px;
    line-height: 40px;
  }

  .s85{
    width: 48%;
  }

}


/* ------ Десктоп -------*/
@media screen and (min-width: 1300px) {
  .s22{
    padding: 2rem 3rem;
  }

  .s22-b4{
    padding: 1rem 10rem;
  }

  .s23 h5{
    font-size: 40px;
  }

  .s23-f1 h2{
    font-size: 34px;
    text-align: center;
  }

  .s23-f1 h3{
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin: 20px 0;
  }

  .s45{
    width: 10.9%;
    margin: .7%;
  }


}