@import url(magnific-popup.css);

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline
 }

 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block
 }

 body {
   line-height: 1
 }

 ol, ul {
   list-style: none
 }

 blockquote, q {
   quotes: none
 }

 blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none
 }

 table {
   border-collapse: collapse;
   border-spacing: 0
 }

 .container {
   margin: auto;
   max-width: 1170px
 }

 .col-lg-1, .col-md-1, .col-sm-1, .col-xs-1 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-1, .pre-md-1, .pre-sm-1, .pre-xs-1 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-1 {
     width: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-1 {
     width: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-1 {
     width: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-1 {
     width: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-1 {
     margin-left: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-1 {
     margin-left: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-1 {
     margin-left: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-1 {
     margin-left: 8.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-2, .col-md-2, .col-sm-2, .col-xs-2 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-2, .pre-md-2, .pre-sm-2, .pre-xs-2 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-2 {
     width: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-2 {
     width: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-2 {
     width: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-2 {
     width: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-2 {
     margin-left: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-2 {
     margin-left: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-2 {
     margin-left: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-2 {
     margin-left: 16.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-3, .col-md-3, .col-sm-3, .col-xs-3 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-3, .pre-md-3, .pre-sm-3, .pre-xs-3 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-3 {
     width: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-3 {
     width: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-3 {
     width: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-3 {
     width: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-3 {
     margin-left: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-3 {
     margin-left: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-3 {
     margin-left: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-3 {
     margin-left: 25%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-4, .col-md-4, .col-sm-4, .col-xs-4 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-4, .pre-md-4, .pre-sm-4, .pre-xs-4 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-4 {
     width: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-4 {
     width: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-4 {
     width: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-4 {
     width: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-4 {
     margin-left: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-4 {
     margin-left: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-4 {
     margin-left: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-4 {
     margin-left: 33.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-5, .col-md-5, .col-sm-5, .col-xs-5 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-5, .pre-md-5, .pre-sm-5, .pre-xs-5 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-5 {
     width: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-5 {
     width: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-5 {
     width: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-5 {
     width: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-5 {
     margin-left: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-5 {
     margin-left: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-5 {
     margin-left: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-5 {
     margin-left: 41.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-6, .col-md-6, .col-sm-6, .col-xs-6 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-6, .pre-md-6, .pre-sm-6, .pre-xs-6 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-6 {
     width: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-6 {
     width: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-6 {
     width: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-6 {
     width: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-6 {
     margin-left: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-6 {
     margin-left: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-6 {
     margin-left: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-6 {
     margin-left: 50%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-7, .col-md-7, .col-sm-7, .col-xs-7 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-7, .pre-md-7, .pre-sm-7, .pre-xs-7 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-7 {
     width: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-7 {
     width: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-7 {
     width: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-7 {
     width: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-7 {
     margin-left: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-7 {
     margin-left: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-7 {
     margin-left: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-7 {
     margin-left: 58.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-8, .col-md-8, .col-sm-8, .col-xs-8 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-8, .pre-md-8, .pre-sm-8, .pre-xs-8 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-8 {
     width: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-8 {
     width: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-8 {
     width: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-8 {
     width: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-8 {
     margin-left: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-8 {
     margin-left: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-8 {
     margin-left: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-8 {
     margin-left: 66.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-9, .col-md-9, .col-sm-9, .col-xs-9 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-9, .pre-md-9, .pre-sm-9, .pre-xs-9 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-9 {
     width: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-9 {
     width: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-9 {
     width: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-9 {
     width: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-9 {
     margin-left: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-9 {
     margin-left: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-9 {
     margin-left: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-9 {
     margin-left: 75%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-10, .col-md-10, .col-sm-10, .col-xs-10 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-10, .pre-md-10, .pre-sm-10, .pre-xs-10 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-10 {
     width: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-10 {
     width: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-10 {
     width: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-10 {
     width: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-10 {
     margin-left: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-10 {
     margin-left: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-10 {
     margin-left: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-10 {
     margin-left: 83.33333%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-11, .col-md-11, .col-sm-11, .col-xs-11 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-11, .pre-md-11, .pre-sm-11, .pre-xs-11 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-11 {
     width: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-11 {
     width: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-11 {
     width: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-11 {
     width: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-11 {
     margin-left: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-11 {
     margin-left: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-11 {
     margin-left: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-11 {
     margin-left: 91.66667%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 {
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 .pre-lg-12, .pre-md-12, .pre-sm-12, .pre-xs-12 {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: left
 }

 @media screen and (min-width: 1201px) {
   .col-lg-12 {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .col-md-12 {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .col-sm-12 {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .col-xs-12 {
     width: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 1201px) {
   .pre-lg-12 {
     margin-left: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 993px) and (max-width: 1200px) {
   .pre-md-12 {
     margin-left: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (min-width: 769px) and (max-width: 992px) {
   .pre-sm-12 {
     margin-left: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 @media screen and (max-width: 768px) {
   .pre-xs-12 {
     margin-left: 100%;
     padding-left: 15px;
     padding-right: 15px
   }
 }

 .row:after {
   content: '';
   display: block;
   height: 0;
   clear: both
 }


 .icon-bl1-1 {
   background-image: url(../img/sprite.png);
   background-position: -177px 0px;
   width: 40px;
   height: 47px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-bl1-1 {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-bl1-2 {
   background-image: url(../img/sprite.png);
   background-position: -129px 0px;
   width: 48px;
   height: 48px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-bl1-2 {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-bl1-3 {
   background-image: url(../img/sprite.png);
   background-position: -129px -48px;
   width: 46px;
   height: 50px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-bl1-3 {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-bl9-1 {
   background-image: url(../img/sprite.png);
   background-position: 0px -71px;
   width: 58px;
   height: 58px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-bl9-1 {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-bl9-2 {
   background-image: url(../img/sprite.png);
   background-position: -70px 0px;
   width: 59px;
   height: 59px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-bl9-2 {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-bl9-3 {
   background-image: url(../img/sprite.png);
   background-position: -58px -71px;
   width: 48px;
   height: 56px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-bl9-3 {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-logo {
   background-image: url(../img/sprite.png);
   background-position: 0px 0px;
   width: 70px;
   height: 71px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-logo {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-s-telegram {
   background-image: url(../img/sprite.png);
   background-position: -177px -47px;
   width: 38px;
   height: 38px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-s-telegram {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-s-viber {
   background-image: url(../img/sprite.png);
   background-position: -217px -124px;
   width: 39px;
   height: 39px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-s-viber {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-s-watsap {
   background-image: url(../img/sprite.png);
   background-position: -217px -84px;
   width: 40px;
   height: 40px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-s-watsap {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-smile-bad {
   background-image: url(../img/sprite.png);
   background-position: -217px 0px;
   width: 44px;
   height: 42px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-smile-bad {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-smile-good {
   background-image: url(../img/sprite.png);
   background-position: -217px -42px;
   width: 44px;
   height: 42px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-smile-good {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-tel {
   background-image: url(../img/sprite.png);
   background-position: -177px -85px;
   width: 25px;
   height: 25px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-tel {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-telegram {
   background-image: url(../img/sprite.png);
   background-position: -93px -129px;
   width: 45px;
   height: 46px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-telegram {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-viber {
   background-image: url(../img/sprite.png);
   background-position: -47px -129px;
   width: 46px;
   height: 46px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-viber {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-watsap {
   background-image: url(../img/sprite.png);
   background-position: 0px -129px;
   width: 47px;
   height: 47px
 }

 @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
   .icon-watsap {
     background-image: url(../img/sprite@2x.png);
     background-size: 261px 176px
   }
 }

 .icon-bl1-1 {
   background-image: url(../img/sprite.png);
   background-position: -177px 0px;
   width: 40px;
   height: 47px
 }

 .icon-bl1-2 {
   background-image: url(../img/sprite.png);
   background-position: -129px 0px;
   width: 48px;
   height: 48px
 }

 .icon-bl1-3 {
   background-image: url(../img/sprite.png);
   background-position: -129px -48px;
   width: 46px;
   height: 50px
 }

 .icon-bl9-1 {
   background-image: url(../img/sprite.png);
   background-position: 0px -71px;
   width: 58px;
   height: 58px
 }

 .icon-bl9-2 {
   background-image: url(../img/sprite.png);
   background-position: -70px 0px;
   width: 59px;
   height: 59px
 }

 .icon-bl9-3 {
   background-image: url(../img/sprite.png);
   background-position: -58px -71px;
   width: 48px;
   height: 56px
 }

 .icon-logo {
   background-image: url(../img/sprite.png);
   background-position: 0px 0px;
   width: 70px;
   height: 71px
 }

 .icon-s-telegram {
   background-image: url(../img/sprite.png);
   background-position: -177px -47px;
   width: 38px;
   height: 38px
 }

 .icon-s-viber {
   background-image: url(../img/sprite.png);
   background-position: -217px -124px;
   width: 39px;
   height: 39px
 }

 .icon-s-watsap {
   background-image: url(../img/sprite.png);
   background-position: -217px -84px;
   width: 40px;
   height: 40px
 }

 .icon-smile-bad {
   background-image: url(../img/sprite.png);
   background-position: -217px 0px;
   width: 44px;
   height: 42px
 }

 .icon-smile-good {
   background-image: url(../img/sprite.png);
   background-position: -217px -42px;
   width: 44px;
   height: 42px
 }

 .icon-tel {
   background-image: url(../img/sprite.png);
   background-position: -177px -85px;
   width: 25px;
   height: 25px
 }

 .icon-telegram {
   background-image: url(../img/sprite.png);
   background-position: -93px -129px;
   width: 45px;
   height: 46px
 }

 .icon-viber {
   background-image: url(../img/sprite.png);
   background-position: -47px -129px;
   width: 46px;
   height: 46px
 }

 .icon-watsap {
   background-image: url(../img/sprite.png);
   background-position: 0px -129px;
   width: 47px;
   height: 47px
 }

 .pPixel {
   top: 0;
   left: 0;
   opacity: 0.3;
   position: absolute;
   width: 100%;
   height: 7800px;
   -webkit-transition-duration: .5s;
   -o-transition-duration: .5s;
   transition-duration: .5s;
   pointer-events: none;
   display: block;
   z-index: 99;
   background: url(../img/index_v2.jpg) no-repeat 50% 0
 }

 .pPixel_btn {
   position: fixed;
   z-index: 1000;
   top: 50%;
   width: 60px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   color: #fff;
   cursor: pointer
 }

 .pPixel_hide {
   border-radius: 0 180px 180px 0;
   background: green;
   left: 0
 }

 .pPixel_inv {
   border-radius: 180px 0 0 180px;
   background: red;
   right: 0
 }

 .pPixel.hd {
   display: none
 }

 .pPixel.inv {
   -webkit-filter: invert(100%)
 }

 .icon {
   display: inline-block
 }

 strong {
   font-weight: bold
 }

 .btn {
   color: #fff;
   text-align: center;
   display: block;
   width: 100%;
   height: 46px;
   line-height: 46px;
   background: #cc2b2b;
   background: -webkit-linear-gradient(top, #cc2b2b 0%, #bf2424 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#cc2b2b), to(#bf2424));
   background: -o-linear-gradient(top, #cc2b2b 0%, #bf2424 100%);
   background: linear-gradient(to bottom, #cc2b2b 0%, #bf2424 100%);
   font-size: 18px;
   font-weight: bold;
   border-radius: 3px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   transition-duration: .3s;
   cursor: pointer;
   -webkit-box-shadow: inset 0 4px 0 #E33C3C, inset 0 -4px 0 #9C1717, -10px 0px 15px 0px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 4px 0 #E33C3C, inset 0 -4px 0 #9C1717, -10px 0px 15px 0px rgba(0, 0, 0, 0.1)
 }

 .btn:hover {
   color: #fff;
   -webkit-box-shadow: none;
   box-shadow: none
 }

 .btn-md {
   height: 52px;
   line-height: 52px
 }

 .btn-lg {
   height: 60px;
   line-height: 60px
 }

 .btn-blue {
   -webkit-box-shadow: inset 0 4px 0 #7C96CF, inset 0 -4px 0 #4A66A0, -10px 0px 15px 0px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 4px 0 #7C96CF, inset 0 -4px 0 #4A66A0, -10px 0px 15px 0px rgba(0, 0, 0, 0.1);
   background: #809bd6;
   background: -webkit-linear-gradient(top, #809bd6 0%, #6d87bd 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#809bd6), to(#6d87bd));
   background: -o-linear-gradient(top, #809bd6 0%, #6d87bd 100%);
   background: linear-gradient(to bottom, #809bd6 0%, #6d87bd 100%)
 }

 .h2 {
   text-align: center;
   font-size: 36px;
   text-transform: uppercase
 }

 @media screen and (max-width: 840px) {
   .h2 {
     font-size: 32px
   }
 }

 @media screen and (max-width: 768px) {
   .h2 {
     font-size: 28px
   }
 }

 @media screen and (max-width: 560px) {
   .h2 {
     font-size: 24px
   }
 }

 .h2 span {
   color: #667fb4
 }

 .subtitle {
   font-size: 20px;
   color: #717680;
   padding-top: 5px;
   text-align: center
 }

 @media screen and (max-width: 768px) {
   .subtitle {
     font-size: 16px
   }
 }

 .fixbox {
   opacity: 0;
   background: #fff;
   position: fixed;
   bottom: 100px;
   border-radius: 3px 0 0 0;
   right: 0;
   padding: 15px;
   text-align: center;
   width: 200px;
   -webkit-box-shadow: 0px 25px 50px 0px rgba(9, 18, 37, 0.15);
   box-shadow: 0px 25px 50px 0px rgba(9, 18, 37, 0.15);
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   transition-duration: .3s;
   z-index: 2;
 }

 .fixbox--title {
   padding-bottom: 15px;
   border-style: 3px;
   background: #fff;
   font-size: 16px;
   font-weight: bold
 }

 @media screen and (max-width: 768px) {
   .fixbox {
     display: none
   }
 }

 .chat--icon {
   text-align: right
 }

 .chat--icon i {
   margin-left: 5px;
   margin-top: 45px
 }

 @media screen and (max-width: 1090px) {
   .chat--icon {
     text-align: left
   }

   .chat--icon i {
     margin-top: 15px
   }
 }

 @media screen and (max-width: 840px) {
   .chat--icon {
     text-align: center
   }

   .chat--icon i {
     margin: 10px 5px 0
   }
 }

 .noValid {
   border: 1px solid red !important
 }

 body {
   font-family: 'pf_dindisplay_pro';
   font-size: 16px;
   line-height: 1.2;
   color: #212121
 }

 .header {
   line-height: 1.3;
   letter-spacing: .4px;
   color: #fff
 }

 .header--box {
   padding-bottom: 30px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2)
 }

 @media screen and (max-width: 1090px) {
   .header--box {
     padding-bottom: 15px
   }
 }

 .header--logo {
   width: 37.5%;
   float: left;
   padding-top: 20px
 }

 .header--logo a {
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }

 .header--logo a:hover {
   color: #fff
 }

 .header--logo span {
   vertical-align: top
 }

 .header--logo .icon {
   margin-top: 8px;
   margin-right: 25px
 }

 .header--logo strong {
   display: block;
   text-transform: uppercase;
   font-size: 30px
 }

 .header--logo h2 {
   font-size: 17px
 }

 .header--logo b {
   color: #CC2B2B
 }

 @media screen and (max-width: 1090px) {
   .header--logo {
     width: 50%
   }
 }

 @media screen and (max-width: 840px) {
   .header--logo {
     width: 100%;
     margin: auto;
     max-width: 400px;
     float: none
   }
 }

 @media screen and (max-width: 410px) {
   .header--logo {
     width: 100%;
     margin: auto;
     max-width: 320px;
     float: none
   }

   .header--logo h2 {
     font-size: 13px
   }

   .header--logo h2 br {
     display: none
   }

   .header--logo .icon {
     margin-right: 10px
   }
 }

 @media screen and (max-width: 410px) {
   .header--logo {
     display: none
   }
 }

 .header--contacts {
   text-align: right;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-right: 30px;
   padding-top: 30px;
   width: 31.25%;
   float: left
 }

 .header--contacts a {
   color: #fff;
   font-size: 20px;
   font-weight: bold
 }

 .header--contacts a:hover {
   color: #fff
 }

 .header--contacts span {
   display: block
 }

 @media screen and (max-width: 1090px) {
   .header--contacts {
     width: 50%
   }
 }

 @media screen and (max-width: 840px) {
   .header--contacts {
     padding-top: 10px;
     padding-right: 0;
     text-align: center;
     width: 100%;
     float: none
   }
 }

 .header--btn {
   padding-top: 35px;
   width: 18.75%;
   float: left
 }

 @media screen and (max-width: 1090px) {
   .header--btn {
     width: 50%;
     padding-top: 15px;
     float: right
   }

   .header--btn .btn {
     float: right;
     max-width: 300px
   }
 }

 @media screen and (max-width: 840px) {
   .header--btn {
     width: 100%;
     float: none
   }

   .header--btn .btn {
     float: none;
     max-width: 300px;
     margin: auto
   }
 }

 .header--chat {
   float: left;
   width: 12.5%
 }

 @media screen and (max-width: 1090px) {
   .header--chat {
     width: 50%
   }
 }

 @media screen and (max-width: 840px) {
   .header--chat {
     width: 100%;
     float: none
   }
 }

 .bg1 {
   background: url(../img/bg1.jpg) 50% 0 no-repeat
 }

 @media screen and (max-width: 992px) {
   .bg1 {
     background: url(../img/bg1-emty.jpg) 50% 0 no-repeat
   }
 }

 @media screen and (max-width: 840px) {
   .bg1 {
     background: url(../img/bg1-900.jpg) 50% 0 no-repeat
   }
 }

 a, a:hover {
   text-decoration: none;
   color: #212121
 }

 .form--header {
   padding: 11px 0 15px;
   border-radius: 3px 3px 0 0;
   text-align: center;
   background: #EBEDF1;
   font-size: 18px
 }

 .form--title {
   font-weight: bold;
   font-size: 24px;
   padding-bottom: 5px
 }

 .form--body-bg {
   padding: 14px 35px 18px;
   background: #fff;
 }
 @media (max-width: 576px){
  .form--body-bg {
    padding: 14px 20px 18px;
    background: #fff;
  }  
 }
 @media (max-width: 320px){
  .form--body-bg {
    padding: 10px 10px 10px;
    background: #fff;
  }  
 }

 .form--body-text {
   font-size: 26px;
   text-align: center;
   padding: 20px 15px 15px 15px !important
 }

 .form--btn {
   padding-top: 25px
 }

 .form--field {
   display: block;
   padding-bottom: 5px;
   font-size: 17px;
   font-weight: 500
 }

 .form input, .form select, .form textarea {
   padding-left: 15px;
   resize: none;
   outline: none;
   font-size: 14px;
   background: #EEF0F4;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border-radius: 3px;
   width: 100%;
   height: 52px;
   border: 1px solid #D5D9E2
 }
 .form input[type="submit"]{
  padding: 0;
 }
 .form input.hide, .form select.hide, .form textarea.hide {
   display: none
 }

 .form textarea {
   font-family: 'pf_dindisplay_pro';
   padding-top: 10px;
   padding-bottom: 10px
 }

 .form--parts {
   z-index: 10;
   position: relative;
   padding-bottom: 35px;
   padding-top: 5px;
   text-align: center
 }

 .form--parts:before {
   z-index: -1;
   position: absolute;
   content: '';
   display: block;
   height: 2px;
   width: 160px;
   left: 50%;
   margin-left: -80px;
   top: 27px;
   background: #EEF0F4
 }

 .form--parts li {
   display: inline-block;
   margin: 0 17px
 }

 .form--parts li.active a {
   background: #CC2B2B;
   color: #fff
 }

 .form--parts li a {
   font-weight: bold;
   font-size: 20px;
   color: #949aa6;
   display: block;
   width: 44px;
   height: 44px;
   line-height: 40px;
   background: #EEF0F4;
   border-radius: 180px
 }

 .form--info {
   padding-bottom: 10px;
   padding-top: 20px;
   text-align: center;
   font-size: 18px
 }

 .form--info a {
   display: block;
   font-size: 20px;
   font-weight: bold
 }

 .privacy {
   text-align: center;
   font-size: 14px;
   color: #8e94a0;
   padding-top: 10px
 }

 .privacy a {
   color: #CC2B2B
 }

 ::-webkit-input-placeholder {
   color: #949aa6
 }

 ::-moz-placeholder {
   color: #949aa6
 }

 :-ms-input-placeholder {
   color: #949aa6
 }

 :-moz-placeholder {
   color: #949aa6
 }

 .bl1 h1 {
   margin-top: 92px;
   padding-bottom: 30px;
   text-transform: uppercase;
   color: #fff;
   font-size: 40px
 }

 .bl1 h1 strong {
   color: #CC2B2B
 }

 .bl1--box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-bottom: 30px
 }

 .bl1--box1 {
   padding-top: 40px
 }

 .bl1--img {
   width: 63px
 }

 .bl1--text {
   padding-top: 5px;
   font-size: 18px;
   color: #717680
 }

 .bl1--text h2,
 .bl1--text span {
   font-weight: bold;
   font-size: 22px;
   color: #fff;
   display: block;
 }

 .bl1 .form--box {
   margin-top: 57px
 }

 @media screen and (max-width: 992px) {
   .bl1 h1 {
     margin-top: 40px
   }
 }

 @media screen and (max-width: 840px) {
   .bl1 h1 {
     text-align: center;
     padding-bottom: 30px;
     text-transform: uppercase;
     color: #fff;
     font-size: 36px
   }

   .bl1 h1 strong {
     color: #CC2B2B
   }

   .bl1--box {
     max-width: 320px;
     margin: auto
   }

   .bl1--box1 {
     padding-top: 0px
   }

   .bl1 .form--box {
     margin-top: 30px
   }
 }

 @media screen and (max-width: 768px) {
   .bl1 h1 {
     margin-top: 40px;
     text-align: center;
     padding-bottom: 30px;
     text-transform: uppercase;
     color: #fff;
     font-size: 30px
   }

   .bl1 h1 strong {
     color: #CC2B2B
   }
 }

 @media screen and (max-width: 560px) {
   .bl1 h1 {
     margin-top: 40px;
     text-align: center;
     padding-bottom: 30px;
     text-transform: uppercase;
     color: #fff;
     font-size: 28px
   }

   .bl1 h1 br {
     display: none
   }
 }

 .bl2 {
   padding-top: 60px;
   padding-bottom: 90px
 }

 .bl2--blox {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }

 .bl2 .h2 {
   text-align: left;
   color: #fff
 }

 .bl2--item {
   padding-top: 43px;
   padding-bottom: 10px
 }

 .bl2--item-b .bl2--line {
   background: #223355;
   background: -webkit-linear-gradient(left, #235 0%, #b92c30 100%);
   background: -webkit-gradient(linear, left top, right top, from(#235), to(#b92c30));
   background: -o-linear-gradient(left, #235 0%, #b92c30 100%);
   background: linear-gradient(to right, #235 0%, #b92c30 100%)
 }

 .bl2--item-b .bl2--price {
   color: #cc2b2b
 }

 .bl2--item-g .bl2--line {
   background: #223355;
   background: -webkit-linear-gradient(left, #235 0%, #75a72e 100%);
   background: -webkit-gradient(linear, left top, right top, from(#235), to(#75a72e));
   background: -o-linear-gradient(left, #235 0%, #75a72e 100%);
   background: linear-gradient(to right, #235 0%, #75a72e 100%)
 }

 .bl2--item-g .bl2--price {
   color: #75A72E
 }

 .bl2--line {
   height: 6px;
   border-radius: 180px;
   margin-bottom: 15px
 }

 .bl2--box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }

 .bl2--icon {
   padding-right: 25px
 }

 .bl2--text {
   width: 400px;
   font-size: 18px;
   color: #e7e8ea
 }

 .bl2--price {
   text-align: right;
   white-space: nowrap;
   font-size: 36px;
   font-weight: bold
 }

 .bl2--price sub {
   font-size: 18px
 }

 .bl2 .form {
   padding-top: 25px
 }

 .bl2 .form--field {
   color: #fff
 }

 .bl2 .form--item {
   float: left;
   width: 57.14286%
 }

 @media screen and (max-width: 768px) {
   .bl2 .form--item {
     width: 100% !important
   }
 }

 .bl2 .form--item input {
   border-radius: 3px 0 0 3px
 }

 .bl2 .form--item:last-child {
   width: 42.85714%
 }

 @media screen and (max-width: 768px) {
   .bl2 .form--item:last-child {
     width: 100% !important;
     margin-top: 15px
   }
 }

 .bl2 .form--item:last-child label {
   border-radius: 0 3px 3px 0
 }

 .bl2 .privacy {
   text-align: left;
   padding-top: 15px
 }

 .bl2--right {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   bottom: 0
 }

 .bl2--right--name {
   padding-bottom: 26px;
   padding-left: 36px;
   right: 25px;
   bottom: 19px;
   position: absolute;
   background: url(../img/arrow.png) 0 100% no-repeat;
   font-size: 18px;
   color: #717680
 }

 .bl2--right--name b {
   display: block;
   color: #fff;
   font-size: 22px;
   font-weight: bold
 }

 @media screen and (max-width: 1090px) {
   .bl2 {
     padding-top: 20px;
     padding-bottom: 40px
   }

   .bl2--item {
     padding-top: 20px;
     padding-bottom: 5px
   }
 }

 @media screen and (max-width: 992px) {
   .bl2 {
     padding-top: 20px;
     padding-bottom: 90px
   }

   .bl2--blox {
     display: block;
     max-width: 600px;
     margin: auto
   }

   .bl2 .h2 {
     text-align: center
   }

   .bl2--right {
     display: none
   }
 }

 @media screen and (max-width: 860px) {
   .bl2 {
     background: url(../img/bl2-860.jpg) 50% 100% no-repeat
   }
 }

 @media screen and (max-width: 460px) {
   .bl2--box {
     display: block
   }

   .bl2--icon {
     vertical-align: top;
     display: table-cell
   }

   .bl2--text {
     vertical-align: top;
     display: table-cell
   }

   .bl2--price {
     text-align: left
   }
 }

 .bl3 {
   padding-top: 45px;
   padding-bottom: 27px
 }

 .bl3 .subtitle {
   margin-bottom: 40px
 }

 .bl3--item {
   height: 315px;
   margin-bottom: 27px;
   -webkit-box-shadow: 0px 5px 10px 0px rgba(9, 18, 37, 0.15);
   box-shadow: 0px 5px 10px 0px rgba(9, 18, 37, 0.15)
 }

 @media screen and (max-width: 992px) {
   .bl3--item {
     height: 400px
   }
 }

 @media screen and (max-width: 768px) {
   .bl3--item {
     height: auto;
     padding-bottom: 20px
   }
 }

 .bl3--img {
   overflow: hidden;
   height: 180px
 }

 @media screen and (max-width: 992px) {
   .bl3--img {
     height: 260px
   }
 }

 @media screen and (max-width: 768px) {
   .bl3--img {
     height: auto
   }
 }

 .bl3--img img {
   width: 100%;
   height: auto
 }

 .bl3 h3 {
   text-align: center;
   font-size: 20px;
   padding-top: 22px;
   height: 40px
 }

 .bl3--btn {
   width: 200px;
   margin: auto
 }

 @media screen and (max-width: 530px) {
   .bl3--items {
     width: 100%
   }
 }

 .bl4 {
   padding-top: 129px;
   min-height: 340px;
   background: url(../img/bl4_bg.jpg) 50% 0 no-repeat
 }

 @media screen and (max-width: 992px) {
   .bl4 {
     background-size: cover;
     padding-top: 80px
   }
 }

 @media screen and (max-width: 430px) {
   .bl4 {
     padding-bottom: 60px
   }
 }

 .bl4 .h2 {
   color: #fff
 }

 .bl4 .subtitle {
   color: #fff;
   padding-bottom: 37px
 }

 .bl4 .form--field {
   color: #fff
 }

 .bl4 .privacy {
   color: #fff
 }

 @media screen and (max-width: 992px) {
   .bl4 .privacy {
     color: #212121
   }
 }

 @media screen and (max-width: 430px) {
   .bl4 .privacy {
     color: #fff
   }
 }

 .bl5 {
   padding-top: 40px;
   padding-bottom: 59px
 }

 .bl5 .h2 {
   padding-bottom: 32px
 }

 .bl5 img {
   display: block;
   max-width: 100%
 }

 .bl6 {
   background: url(../img/bl6_bg.jpg) 50% 100% no-repeat
 }

 .bl6 .form--box {
   -webkit-box-shadow: 0px 25px 50px 0px rgba(9, 18, 37, 0.15);
   box-shadow: 0px 25px 50px 0px rgba(9, 18, 37, 0.15)
 }

 .bl6--step {
   display: none
 }

 .bl6--step.active {
   display: block
 }

 .bl7 {
   padding-top: 56px;
   background: #EEF0F4;
   padding-bottom: 45px
 }

 .bl7 .h2 {
   padding-bottom: 30px
 }

 .bl7--item {
   position: relative;
   margin-bottom: 28px;
   height: 800px;
   background: #fff;
   text-align: center;
   border-radius: 3px;
   -webkit-box-shadow: 0px 5px 10px 0px rgba(9, 18, 37, 0.15);
   box-shadow: 0px 5px 10px 0px rgba(9, 18, 37, 0.15)
 }

 @media screen and (max-width: 992px) {
   .bl7--item {
     height: 830px
   }
 }

 @media screen and (max-width: 768px) {
   .bl7--item {
     height: auto;
     padding-bottom: 65px
   }
 }

 .bl7--img {
   overflow: hidden;
   width: 100%;
   max-height: 240px;
   height: 18vw;
   margin: auto
 }

 @media screen and (max-width: 992px) {
   .bl7--img {
     height: 32vw;
     max-height: none
   }
 }

 @media screen and (max-width: 768px) {
   .bl7--img {
     height: 60vw
   }
 }

 .bl7--img img {
   width: 100%;
   height: auto
 }

 .bl7--data {
   padding: 0 10px
 }

 .bl7 h3 {
   padding: 15px 0;
   font-size: 18px
 }

 .bl7 p {
   padding: 10px 0;
   font-size: 14px
 }

 .bl7 p:nth-child(even) {
   background: #EEF0F4
 }

 .bl7 p b {
   font-size: 18px;
   font-weight: bold;
   color: #cc2b2b
 }

 .bl7--btn {
   right: 0;
   left: 0;
   position: absolute;
   bottom: 10px;
   padding: 20px 10px 0
 }

 .bl8 {
   background: url("../img/bl8_bg.jpg") 50% 0 no-repeat;
   padding-top: 123px;
   min-height: 478px
 }

 .bl8 .h2 {
   text-align: left;
   color: #fff;
   padding-bottom: 18px
 }

 .bl8 p {
   font-size: 20px;
   color: #fff
 }

 .bl8 .tel {
   font-size: 30px;
   font-weight: bold;
   color: #fff;
   display: inline-block;
   margin-top: 6px
 }

 .bl8 .tel .icon {
   margin-right: 5px
 }

 .bl8--icons {
   padding-top: 17px
 }

 .bl8--icons span {
   padding-right: 10px;
   height: 47px;
   line-height: 47px;
   font-size: 20px;
   color: #fff;
   display: inline-block;
   vertical-align: top
 }

 .bl8--icons .icon {
   margin-left: 6px
 }

 .bl8--btn {
   padding-top: 33px
 }

 .bl8--btn .btn {
   max-width: 210px;
   display: inline-block
 }

 .bl8--btn .btn-blue {
   margin-left: 20px
 }

 @media screen and (max-width: 992px) {
   .bl8 {
     background: url("../img/bl8_bg-992.jpg") 50% 0 no-repeat
   }

   .bl8 .h2 {
     text-align: center
   }

   .bl8 p {
     text-align: center
   }

   .bl8 .tel {
     display: block;
     max-width: 320px;
     margin: 10px auto 0
   }

   .bl8--icons {
     text-align: center
   }

   .bl8--btn {
     text-align: center
   }
 }

 @media screen and (max-width: 470px) {
   .bl8 {
     padding-top: 80px;
     min-height: 478px
   }

   .bl8 p {
     font-size: 16px
   }

   .bl8--icons {
     padding-top: 17px
   }

   .bl8--icons span {
     display: block
   }

   .bl8--icons .icon {
     margin-left: 6px
   }

   .bl8 .tel {
     font-size: 28px
   }

   .bl8--btn {
     padding-top: 33px
   }

   .bl8--btn .btn {
     display: block;
     max-width: 210px;
     margin: 10px auto
   }

   .bl8--btn .btn-blue {
     margin: 10px auto
   }
 }

 .bl9 {
   padding-top: 40px;
   padding-bottom: 36px
 }

 .bl9--item {
   text-align: center;
   padding-top: 42px
 }

 .bl9--item-center {
   position: relative
 }

 .bl9--item-center:before {
   top: 98px;
   right: 70%;
   width: 68%;
   position: absolute;
   content: '';
   height: 2px;
   background: url(../img/dashed.jpg)
 }

 .bl9--item-center:after {
   top: 98px;
   right: -38%;
   width: 68%;
   position: absolute;
   content: '';
   height: 2px;
   background: url(../img/dashed.jpg)
 }

 .bl9--icon {
   width: 110px;
   height: 110px;
   border: 3px dotted #ccc;
   margin: auto;
   border-radius: 180px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: #fff
 }

 .bl9 h3 {
   padding-top: 15px;
   font-size: 24px
 }

 .bl9 p {
   padding-top: 10px;
   font-size: 18px
 }

 .bl9 p a {
   display: block;
   font-weight: bold
 }

 .bl9 .form {
   padding-top: 50px
 }

 .bl9 .form--field {
   color: #fff
 }

 .bl9 .form--item {
   float: left;
   width: 57.14286%
 }

 .bl9 .form--item input {
   border-radius: 3px 0 0 3px
 }

 @media screen and (max-width: 768px) {
   .bl9 .form--item {
     width: 100% !important
   }
 }

 .bl9 .form--item:last-child {
   width: 42.85714%
 }

 @media screen and (max-width: 768px) {
   .bl9 .form--item:last-child {
     width: 100% !important;
     margin-top: 15px
   }
 }

 .bl9 .form--item:last-child label {
   border-radius: 0 3px 3px 0
 }

 .bl9 .privacy {
   text-align: center;
   padding-top: 15px
 }

 @media screen and (max-width: 992px) {
   .bl9--item-center {
     position: relative
   }

   .bl9--item-center:before {
     display: none
   }

   .bl9--item-center:after {
     display: none
   }
 }

 @media screen and (max-width: 768px) {
   .bl9 {
     padding-top: 20px;
     padding-bottom: 20px
   }

   .bl9--item {
     padding-top: 20px
   }

   .bl9 h3 {
     padding-top: 10px;
     font-size: 18px
   }

   .bl9 p {
     padding-top: 5px;
     font-size: 14px
   }

   .bl9 .form {
     padding-top: 40px
   }

   .bl9 .form--field {
     color: #fff
   }

   .bl9 .form--item {
     float: left;
     width: 57.14286%
   }

   .bl9 .form--item input {
     border-radius: 3px 0 0 3px
   }

   .bl9 .form--item:last-child {
     width: 42.85714%
   }

   .bl9 .form--item:last-child label {
     border-radius: 0 3px 3px 0
   }

   .bl9 .privacy {
     text-align: center;
     padding-top: 15px
   }
 }

 .bl10 {
   padding-top: 107px;
   background: url(../img/bl10_bg.jpg) 50% 0 #EEF0F4 no-repeat;
   padding-bottom: 35px;
   overflow: hidden;
 }

 .bl10 .h2 {
   padding-bottom: 15px
 }

 .bl10--items {
   padding-left: 15px;
   padding-right: 15px;
   text-align: center
 }

 .bl10--item {
   vertical-align: top;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0 25px;
   width: 33.1%;
   display: inline-block;
   margin-top: 50px
 }

 .bl10--box {
   position: relative;
   height: 133px;
   -webkit-transform: skew(-13deg);
   -ms-transform: skew(-13deg);
   transform: skew(-13deg);
   background: #fff;
   -webkit-box-shadow: 0px 5px 10px 0px rgba(9, 18, 37, 0.15);
   box-shadow: 0px 5px 10px 0px rgba(9, 18, 37, 0.15)
 }

 .bl10--box-inner {
   -webkit-transform: skew(13deg);
   -ms-transform: skew(13deg);
   transform: skew(13deg)
 }

 .bl10--number {
   top: 7px;
   left: 14px;
   position: absolute;
   color: #eef0f4;
   font-size: 56px;
   text-transform: uppercase
 }

 .bl10--text {
   padding-top: 35px;
   position: relative;
   width: 125px;
   padding-left: 40px;
   text-align: left;
   font-size: 18px;
   font-weight: bold
 }

 .bl10--text span {
   display: block;
   font-weight: normal;
   font-size: 14px;
   color: #8e94a0
 }

 .bl10--img {
   position: absolute
 }

 .bl10--img-1 {
   bottom: -28px;
   right: 18px
 }

 .bl10--img-2 {
   bottom: -40px;
   right: 10px
 }

 .bl10--img-3 {
   bottom: -12px;
   right: 0
 }

 .bl10--img-4 {
   bottom: -23px;
   right: 53px
 }

 .bl10--img-5 {
   bottom: -33px;
   right: 0
 }

 @media screen and (max-width: 992px) {
   .bl10--item {
     width: 49%
   }
 }

 @media screen and (max-width: 780px) {
   .bl10 {
     padding-top: 50px
   }

   .bl10 .h2 {
     padding-bottom: 0px
   }

   .bl10--item {
     width: 99%
   }
 }

 @media screen and (max-width: 640px) {
   .bl10--items {
     padding-left: 0px;
     padding-right: 0px
   }
 }

 .bl11 {
   background: url(../img/bl11_bg.jpg) 50% 0 no-repeat;
   padding-top: 135px;
   min-height: 303px
 }

 @media screen and (max-width: 992px) {
   .bl11 {
     background-size: cover;
     padding-top: 80px
   }

   .bl11 .privacy {
     color: #fff
   }
 }

 .footer {
   line-height: 1.3;
   letter-spacing: .4px
 }

 .footer--box {
   padding-bottom: 30px;
   border-bottom: 1px solid #E8EBF0
 }

 @media screen and (max-width: 1090px) {
   .footer--box {
     padding-bottom: 15px
   }
 }

 .footer--logo {
   width: 37.5%;
   float: left;
   padding-top: 20px
 }

 .footer--logo a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
 }

 .footer--logo span {
   color: #8e94a0;
   vertical-align: top
 }

 .footer--logo .icon {
   margin-top: 8px;
   margin-right: 25px
 }

 .footer--logo strong {
   color: #212121;
   display: block;
   text-transform: uppercase;
   font-size: 30px
 }

 .footer--logo h2 {
   font-size: 17px
 }

 .footer--logo b {
   color: #CC2B2B
 }

 @media screen and (max-width: 1090px) {
   .footer--logo {
     width: 50%
   }
 }

 @media screen and (max-width: 840px) {
   .footer--logo {
     width: 100%;
     margin: auto;
     max-width: 400px;
     float: none
   }
 }

 @media screen and (max-width: 410px) {
   .footer--logo {
     width: 100%;
     margin: auto;
     max-width: 320px;
     float: none
   }

   .footer--logo h2 {
     font-size: 13px
   }

   .footer--logo h2 br {
     display: none
   }

   .footer--logo .icon {
     margin-right: 10px
   }
 }

 .footer--contacts {
   text-align: right;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding-right: 30px;
   padding-top: 30px;
   width: 31.25%;
   float: left
 }

 .footer--contacts a {
   color: #fff;
   font-size: 20px;
   font-weight: bold;
   color: #212121
 }

 .footer--contacts a:hover {
   color: #212121
 }

 .footer--contacts span {
   display: block
 }

 @media screen and (max-width: 1090px) {
   .footer--contacts {
     width: 50%
   }
 }

 @media screen and (max-width: 840px) {
   .footer--contacts {
     padding-top: 10px;
     padding-right: 0;
     text-align: center;
     width: 100%;
     float: none
   }
 }

 .footer--btn {
   padding-top: 35px;
   width: 18.75%;
   float: left
 }

 @media screen and (max-width: 1090px) {
   .footer--btn {
     width: 50%;
     padding-top: 15px;
     float: right
   }

   .footer--btn .btn {
     float: right;
     max-width: 300px
   }
 }

 @media screen and (max-width: 840px) {
   .footer--btn {
     width: 100%;
     float: none
   }

   .footer--btn .btn {
     float: none;
     max-width: 300px;
     margin: auto
   }
 }

 .footer--chat {
   float: left;
   width: 12.5%
 }

 @media screen and (max-width: 1090px) {
   .footer--chat {
     width: 50%
   }
 }

 @media screen and (max-width: 840px) {
   .footer--chat {
     width: 100%;
     float: none
   }
 }

 .subfooter {
   line-height: 1.3;
   font-size: 14px;
   color: #8e94a0
 }

 .subfooter img {
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-transition-duration: .3s;
   -o-transition-duration: .3s;
   transition-duration: .3s
 }

 .subfooter img:hover {
   -webkit-filter: grayscale(0);
   filter: grayscale(0)
 }

 .subfooter--text {
   padding: 16px 0
 }

 @media screen and (max-width: 768px) {
   .subfooter--text {
     text-align: center
   }
 }

 @media screen and (max-width: 590px) {
   .subfooter--text br {
     display: none
   }
 }

 .subfooter--logo {
   padding: 10px 5px;
   text-align: right
 }

 @media screen and (max-width: 768px) {
   .subfooter--logo {
     text-align: center
   }
 }

 .popup {
   position: relative;
   -webkit-box-shadow: 3px;
   box-shadow: 3px;
   overflow: hidden;
   -webkit-box-shadow: 0px 25px 50px 0px rgba(9, 18, 37, 0.15);
   box-shadow: 0px 25px 50px 0px rgba(9, 18, 37, 0.15);
   max-width: 460px;
   margin: auto
 }

 .popup--layer {
   max-width: 340px;
   padding-left: 20px;
   padding-right: 20px;
   margin: auto
 }

 .popup .form--title {
   padding: 5px
 }

 .popup .form--body {
   padding: 0 0 35px
 }

 .popup .form--item {
   padding-top: 20px
 }

 .popup .form--body-text p {
   font-size: 16px;
   text-align: left;
   padding-bottom: 20px
 }

 .thanks {
   height: 100vh;
   background: url(../img/thanks.jpg) 50% 0 no-repeat;
   background-size: cover
 }

 .thanks a {
   color: #fff;
   font-weight: bold
 }

 .thanks--text {
   text-align: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
 }

 .thanks--text .h1 {
   font-size: 50px;
   color: #fff
 }

 .thanks--text .subtext {
   padding-top: 30px;
   text-align: center;
   color: #fff
 }

 @media screen and (max-width: 1090px) {
   .thanks--bottom {
     display: none
   }
 }

 @media screen and (max-width: 800px) {
   .thanks--text {
     display: block
   }

   .thanks--text .h1 {
     padding-top: 80px
   }

   .thanks--bottom {
     display: none
   }
 }

 /* SEO POLOVINKIN.PRO >> START */
 .breadcrumbs {
   float: left;
   font-size: large;
 }

 .breadcrumbs-separator {
   float: left;
   margin: 0px 10px;
   font-size: large;
 }

 .p {
   font-size: 1.25em;
   font-weight: 100;
   margin: 0px 0px 10px;
 }

 .h2 {
   font-size: 1.75em;
   font-weight: 600;
   margin: 0px 0px 10px;
 }

 .blockquote {
   font-size: 1.25em;
   font-weight: 100;
   margin: 0px 0px 10px;
   border-left: 3px solid #cc2b2b;
   padding: 10px 10px 10px 10px;
 }

 .ul {
   list-style: disc;
   margin: 2% 0 2% 3%;
   font-size: 1.25em;
   font-weight: 100;
 }

 /* SEO POLOVINKIN.PRO >> END */


 .footer2 {
   background: #22262a;
 }

 .footer2 .footer2-main {
   padding: 34px 0;
 }

 .footer2 .footer2-main__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .footer2 .footer2-main__left-cont {
   width: 100%;
 }

 @media (min-width: 992px) {
   .footer2 .footer2-main__left-cont {
     width: 30%;
   }
 }

 .footer2 .footer2-main__right-cont {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
 }

 @media (min-width: 992px) {
   .footer2 .footer2-main__right-cont {
     width: 90%;
   }
 }

 .footer2 .footer2-main__title {
   font: bold 14px/1 Tahoma, Geneva, sans-serif;
   color: #fff;
   border-bottom: 1px solid #8a8d90;
   padding-bottom: 10px;
   text-transform: uppercase;
   margin-bottom: 10px;
 }

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

 .footer2 .footer2-main__title a:hover {
   color: #3a9ad9;
 }

 .footer2 .footer2-main__item {
   color: #fff;
   width: 100%;
   margin-bottom: 25px;
 }

 @media (min-width: 576px) {
   .footer2 .footer2-main__item {
     width: 50%;
   }
 }

 @media (min-width: 992px) {
   .footer2 .footer2-main__item {
     width: 30%;
     margin-bottom: 0;
   }
 }

 .footer2 .footer2-main__nav li {
   color: #fff;
   font: 14px/1.75 Arial;
 }

 .footer2 .footer2-main__nav li a {
   text-decoration: none;
   color: #fff;
   font: 14px/1.75 Arial;
 }

 .footer2 .footer2-main__nav li a:hover {
   color: #3a9ad9;
 }

 .footer2 .footer2-copy {
   background: #383b3f;
   padding: 15px;
   text-align: center;
 }

 .footer2 .footer2-copy span {
   color: #fff;
   font-size: 12px;
 }

 .footer2 .footer2-copy a {
   text-decoration: none;
 }

 .footer2 .address__line {
   display: block;
   font: 14px/1.75 Arial, Helvetica, sans-serif;
   color: #fff;
 }

 .footer2 .counter {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 40px 0;
 }

 .footer2 .counter__item {
   margin-right: 10px;
 }