/*===============[Layout]===================*/
.base-font {
  font-family: 'Ubuntu', sans-serif;
  color: #303030;
  font-size: 16px;
}
.h-font {
  font-weight: 600;
}
.bold {
  font-weight: 800;
}
.medium {
  font-weight: 600;
}
.normal {
  font-weight: 400;
}
.pointer {
  cursor: pointer;
}
.no_indent {
  padding: 0;
  margin: 0;
  list-style: none;
}
.upcase {
  text-transform: uppercase;
}
body {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: 'Ubuntu', sans-serif;
  color: #303030;
  font-size: 16px;
}
h1,
.h1 {
  font-size: 40px;
  margin: 95px 0 60px 0;
  text-align: center;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;
}
h2,
.h2 {
  font-size: 30px;
  margin: 60px 0 40px 0;
  text-align: center;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;
}
h3,
.h3 {
  font-size: 30px;
  margin: 40px 0 40px 0;
  text-align: center;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;
}
h4,
.h4 {
  font-size: 24px;
  margin: 30px 0 30px 0;
  text-align: center;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;
}
h5,
.h5 {
  font-size: 18px;
  margin: 20px 0 20px 0;
  text-align: center;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;
}
h6,
.h6 {
  font-size: 16px;
  margin: 10px 0 20px 0;
  text-align: center;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;
}
.clear {
  clear: both;
}
.clear_10 {
  clear: both;
  margin-top: 10px;
}
.clear_20 {
  clear: both;
  margin-top: 20px;
}
.clear_30 {
  clear: both;
  margin-top: 30px;
}
.clear_40 {
  clear: both;
  margin-top: 40px;
}
.clear_50 {
  clear: both;
  margin-top: 50px;
}
.clear_70 {
  clear: both;
  margin-top: 60px;
}
.clear_70 {
  clear: both;
  margin-top: 70px;
}
.fl-l {
  float: left;
}
.fl-r {
  float: right;
}
.btn {
  cursor: pointer;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  width: 270px;
  border-radius: 4px;
  text-align: center;
  padding: 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.3s ease 0s;
}
.btn-sml {
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 30px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.3s ease 0s;
}
.btn-blue {
  background: #37a6e4;
  color: #fff;
}
.btn-blue:hover {
  background: #55c4ff;
}
.iblock {
  display: inline-block;
}
.btn-yellow {
  background: #ffb400;
  color: #000;
}
.btn-yellow:hover {
  background: #ffd21e;
}
*::-webkit-input-placeholder {
  color: #9e9e9d;
}
*::-moz-placeholder {
  color: #9e9e9d;
}
/* Firefox 19+ */
*:-moz-placeholder {
  color: #9e9e9d;
}
/* Firefox 18- */
*:-ms-input-placeholder {
  color: #9e9e9d;
}
/*===============[/Layout]===================*/
/*===============[Header]===================*/
.top-panel {
  background: none repeat scroll 0 0 rgba(4, 24, 33, 0.8);
  position: fixed;
  width: 100%;
  z-index: 599;
  height: 80px;
  color: #ffffff;
}
.top-panel .logo {
  font-size: 40px;
  font-weight: 600;
  text-transform: uppercase;
  width: 183px;
  margin-top: 7px;
  height: 65px;
  background: url('../../assets/images/logo.png') center top no-repeat;
  display: block;
  overflow: hidden;
  margin-right: 20px;
}
.top-panel .insta {
  margin-left: 40px;
  margin-top: 18px;

}
.top-panel .insta img {
  width: 40px;
}
.top-panel .phone-box {
  margin-top: 20px;
  font-size: 16px;
}
.top-panel .phone-box a span {
  margin-left: 20px;
}
.top-panel .phone-box > span {
  margin-left: 20px;
}
.top-panel .decript {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2;
  padding-left: 5px;
  padding-top: 23px;
}
.top-panel .phone {
  font-weight: 600;
  font-size: 20px;
}
.top-panel .phone-box .btn-sml {
  color: #fff;
}
.top-panel .work-time {
  position: relative;
  bottom: 5px;
  display: block;
  left: 192px;
  font-size: 14px;
  width: 200px; 
}
header {
  height: 800px;
  background: url('../../assets/images/header-bg.jpg') center top no-repeat;
}

.a4
{
  left: 20px;
  position: relative;
  top: 186px;
  z-index: 99;
}

header .title-sml
{
  font-size: 30px;
  text-align: left;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;

}

header .title-big
{
  font-size: 52px;
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
  font-family: 'Ubuntu', sans-serif;
}

header .btn-box
{
  margin-left: 95px;
}

header .btn-box .btn-blue
{
  margin-right: 30px;
}

header .offer
{
  background: rgba(255, 255, 255, 0.7);
  padding: 30px 30px 30px 110px;
  margin-top: 230px;
  margin-bottom: 30px;
  width: 715px;
  overflow: hidden;
  display: block;
}

header .offer p
{
  font-size: 18px;
  text-align: left;
  font-weight: 300;
  margin-top: 25px;
  font-family: 'Ubuntu', sans-serif;

}


#cliets-block {
  background: url('../../assets/images/client-bg.png') center top no-repeat;
  height: 400px;
}
#cliets-block .client-box {
  width: 25%;
  float: left;
}
#cliets-block .client-box .image-1 {
  background: url('../../assets/images/client-1.png') center center no-repeat;
  opacity: 0.5;
}
#cliets-block .client-box .image-2 {
  background: url('../../assets/images/client-2.png') center center no-repeat;
  opacity: 0.5;
}
#cliets-block .client-box .image-3 {
  background: url('../../assets/images/client-3.png') center center no-repeat;
  opacity: 0.5;
}
#cliets-block .client-box .image-4 {
  background: url('../../assets/images/client-4.png') center center no-repeat;
  opacity: 0.5;
}

#cliets-block .client-box .image {
  width: 200px;
  height: 80px;
  margin: 0 auto 30px auto;
}
#cliets-block .client-box:hover .image-1 {
  opacity: 1;
}
#cliets-block .client-box:hover .image-2 {
  opacity: 1;
}
#cliets-block .client-box:hover .image-3 {
  opacity: 1;
}
#cliets-block .client-box:hover .image-4 {
  opacity: 1;
}

#cliets-block .client-box:hover .client-selector {
  display: block;
  position: relative;
  z-index: 10;
}
#cliets-block .client-selector {
  display: none;
  width: 200px;
  height: 11px;
  margin: auto;
  background: url('../../assets/images/client-selector.png') center center no-repeat;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
#cliets-block .client-line {
  width: 1055px;
  margin: auto;
  border-bottom: 2px solid #cfdfe8;
  position: relative;
  top: 117px;
}
#advantages-block .images {
  height: 82px;
  line-height: 82px;
  text-align: center;
  margin-bottom: 20px;
}
#advantages-block .title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 50px;
}
#pain-block {
  height: 500px;
  background: #eff5f8;
}
#pain-block .container-white {
  background: #fff;
  padding: 30px;
}
#pain-block .images {
  float: left;
  margin-bottom: 20px;
}
#pain-block .title {
  margin-top: 10px;
  line-height: 1.1;
  padding-left: 20px;
  float: left;
}
#pain-block .line {
  border: 2px solid #cfdfe8;
  border-bottom: none;
  height: 50px;
}
#reshenia-block {
  height: 300px;
  background: #eff5f8;
}
#reshenia-block h2 {
  margin-bottom: 60px;
}
#reshenia-block .btn-box {
  margin-bottom: 80px;
}
#reshenia-block .btn-box .btn {
  margin: auto;
  display: block;
}
#offer2-block {
  background: url('../../assets/images/offer2-bg.jpg') center top no-repeat;
  height: 480px;
}
#offer2-block h1 {
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
  margin-top: 180px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.3;
}
#benefit-block .images-phone {
  background: url('../../assets/images/benefit-phone.png') center top no-repeat;
  height: 605px;
  width: 400px;
}
#benefit-block .title {
  font-size: 18px;
  margin-bottom: 14px;
  font-weight: 600;
}
#benefit-block .text {
  padding-right: 20px;
}
#benefit-block .icon {
  width: 70px;
  height: 193px;
  float: left;
}
#benefit-block .col-right .icon {
  margin-left: 40px;
}
#benefit-block .col-right,
#benefit-block .col-left {
  margin-top: 25px;
}
#nalog-block {
  background: url('../../assets/images/nalog-bg.jpg') center top no-repeat;
  height: 500px;
}
#nalog-block .col-right * {
  color: #fff;
  text-align: left;
}
#nalog-block h5 {
  text-transform: uppercase;
}
#nalog-block h1 {
  margin-bottom: 40px;
}
#nalog-block .form-box {
  width: 330px;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
  float: left;
  margin-top: 100px;
}
#nalog-block .sub-text {
  font-size: 12px;
  color: #808080;
}


input
{
  height: 40px;
  min-width: 290px;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.profile
{
  background: url('../../assets/images/profile.png') no-repeat scroll 7px 9px;
  padding-left: 40px;
}

.tel
{
  background: url('../../assets/images/phone.png') no-repeat scroll 7px 9px;
  padding-left: 40px;
}

.mail
{
  background: url('../../assets/images/mail.png') no-repeat scroll 7px 9px;
  padding-left: 40px;
}

.consultaciya
{
  color: #0d90c6;
  font-size: 16px;
  text-decoration: underline;
  margin-top: 10px;
  display: block;
}

#reshenia2-block
{
  padding-bottom: 80px;
}

#reshenia2-block .reg
{
  padding: 40px;
  border: 1px solid #cfdfe8;
  min-height: 870px;
}

#reshenia2-block .reg:hover
{
  background: #eff5f8;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

}

#reshenia2-block h5
{
  margin-top: 0;
}

#reshenia2-block .btn-box .btn {
    display: block;
    margin: auto;
}

#reshenia2-block .btn-box {
    text-align: center;
}

#reshenia2-block ul 
{
    list-style-type: none;
    padding: 0px;
    margin: 30px 0px 10px;
    height: 500px;
}

#reshenia2-block ul li {
    background: url('../../assets/images/ul-check.png') no-repeat scroll 0px 0px;
    padding-left: 40px;
    padding-bottom: 30px;
}


#tarifs-block 
{
  background: url('../../assets/images/client-bg.png') center top repeat-y;
  padding-bottom: 80px;
}

#tarifs-block .tarif
{
  background: url('../../assets/images/price-bg-light.png') center top no-repeat;
  height: 551px;
  width: 270px;
}

#tarifs-block .tarif:hover
{
  background: url('../../assets/images/price-bg-dark.png') center top no-repeat;
  color: #fff;
}

#tarifs-block .star
{
  padding-top: 18px; 
}

#tarifs-block .star table
{
  margin: auto;
  width: auto;
  border: none;
}

#tarifs-block .title
{
   
  height: 70px;
}

#tarifs-block .desc
{
  padding: 0 30px; 
  height: 310px;
}

#tarifs-block .desc table tr
{
  border-top: 1px solid #DEE9ED;
  border-bottom: 1px solid #DEE9ED;
}

#tarifs-block .desc table tr td
{
  padding: 10px 0;
}

#tarifs-block .btn-box .btn {
    display: block;
    margin: auto;
    width: 210px;
}

#tarifs-block .btn-box {
    text-align: center;
}

#hard-block {
  background: url('../../assets/images/hard-bg.jpg') center top no-repeat;
  height: 500px;
}

#hard-block .col-right * {
  color: #fff;
  text-align: left;
}
#hard-block h5 {
  text-transform: uppercase;
}
#hard-block h1 {
  margin-bottom: 40px;
}
#hard-block .form-box {
  width: 330px;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
  float: left;
  margin-top: 100px;
}
#hard-block .sub-text {
  font-size: 12px;
  color: #808080;
}

#work-block
{
  padding-bottom: 80px;
}

#work-block .step
{  
  padding-left: 45px;
  height: 200px;
}

#work-block .step h5
{
  text-align: left;
}

#work-block .btn-box .btn-sml {
    display: block;
    margin: auto;
    width: 210px;
}

/* Slider Style */

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


#reviews-block .slick-prev,#reviews-block .slick-next { position: absolute; display: block; height: 42px; width: 21px; line-height: 0; font-size: 0; cursor: pointer; top: 50%; margin-top: 10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

#reviews-block .slick-prev { left: -25px; background: url('../../assets/images/arrow-sml.png') no-repeat;}
#reviews-block .slick-next { right: -25px; background: url('../../assets/images/arrow-sml.png') no-repeat scroll -22px 0;}

#reviews-block .multiple-items
{
  height: 150px;
  display: block;
}

#reviews-block
{
  padding-bottom: 80px;
}

#reviews-block .multiple-items div .images
{
  float: left;
}

#reviews-block .multiple-items div .title
{
  float: left;
  margin-left: 10px;
  font-family: "Ubuntu",sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 5px 10px;
  text-align: center;
  width: 210px;
  text-align: left;
}

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-size: 35px; line-height: 20px; text-align: center; color: #0B91C6; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: #0B91C6; opacity: 0.75; }

/* END Slider Style */

#reviews2-block .slick-prev,#reviews2-block .slick-next { position: absolute; display: block; height: 54px; width: 36px; line-height: 0; font-size: 0; cursor: pointer; top: 50%; margin-top: 10px; padding: 0; border: none; outline: none; }

#reviews2-block .slick-prev { left: -25px; background: url('../../assets/images/arrow-big.png') no-repeat;}
#reviews2-block .slick-next { right: -25px; background: url('../../assets/images/arrow-big.png') no-repeat scroll -36px 0;}

#reviews2-block .slider-nav div .images
{
  width: 270px;
  margin: auto;
}

#reviews2-block .slick-slide 
{
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#reviews2-block .slick-active 
{
  opacity: 0.5;
}

#reviews2-block
{
  background: #eff5f8;
  padding-bottom: 80px;
}

#reviews2-block .slick-center
{
  opacity: 1 !important;
}

.slider-for h3
{
  margin: 10px 0 20px;
}

.slider-for b
{
  text-align: center;
}

.slider-for p
{
  text-align: left;
}

footer {
  position: relative;
}
footer .map-box {
  height: 520px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10;
  iframe {
    width: 100%;
  }
}
footer .footer-content {
  background: rgba(0, 0, 0, 0.7);
  height: 280px;
  position: relative;
  width: 100%;
  z-index: 100;
  text-align: center;
  padding-top: 20px;
}

footer .footer-content .text
{
  color: #fff;
}

footer .footer-content h1 {
  margin: 0;
}

header .slick-prev,header .slick-next { position: absolute; display: block; height: 54px; width: 36px; line-height: 0; font-size: 0; cursor: pointer; top: 50%; margin-top: 10px; padding: 0; border: none; outline: none; }

header .slick-prev { left: 0; background: url('../../assets/images/arrow-big.png') no-repeat;}
header .slick-next { right: 0; background: url('../../assets/images/arrow-big.png') no-repeat scroll -36px 0;}

.header-slider .row
{
  height: 740px;
}

.form-popap-block {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
  display: none;
}
.form-popap-block .form-box {
  background: none repeat scroll 0 0 #fff;
  padding: 10px 20px 40px 20px;
  width: 425px;
  margin: -180px auto 0 auto;
  top: 50%;
  border-radius: 7px;
  position: relative;
}
.form-popap-block .btn {
  display: block !important;
}
.form-popap-block .title {
  font-size: 30px;
  line-height: 1;
  
  text-align: center;
  margin: 20px 0 !important;
}
.form-popap-block .sub-text {
  font-size: 16px;
  text-align: center;
  line-height: 1.1;
  margin: 10px 0;
}
.form-popap-block .form-close {
  font-size: 18px;
  right: -10px;
  top: -5px;
  position: relative;
}
.form-popap-block .form-close:hover {
  opacity: 0.75;
}
.form-popap-block input,
.form-popap-block select,
.form-popap-block textarea {
  border: 1px solid #bec6c9;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #9e9e9d;
  box-shadow: 2px 5px 5px -5px rgba(0, 0, 0, 0.15) inset;
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 25px;
  display: block;
}
.h100p {
  height: 100%;
}
.novalid {
  background: #faa;
}

.ss-form-container
{
  box-shadow: none !important;
  border: 1px solid #000;
}

.form-popap-block .mail-form,
.form-popap-block .google-form {
  display: none;
}

.form-popap-block .mail-form input{
  padding-left: 40px;
}

.form-popap-block .mail-form textarea {
  padding: 10px;
  height: 100px;
  line-height: 20px;
  max-width: 100%;
}