html {
  font-family: "Open Sans", 'PTSerif', Arial, sans-serif !important;
  font-size: 18px !important;
}
.container {
  margin: 0 auto;
}
.row {
  margin: 0 -18px;
}
.row .col > .row {
  margin: 0 -18px;
}
.row .row {
  margin-left: 0;
  margin-right: 0;
}
.row:before,
.row:after {
  content: '';
  display: block;
  clear: both;
}
.row + .row {
  margin-top: 36px;
}
.text-column-2 {
  columns: 2;
  columns-gap: 18px;
}
/*margins*/
.mt50 {
  margin-top: 50px !important;
}
.col {
  padding: 0 18px;
  float: left;
  box-sizing: border-box;
}
.col.end {
  float: right;
}
.col.lg-1 {
  width: 8.33333333%;
}
.col.lg-2 {
  width: 16.66666667%;
}
.col.lg-3 {
  width: 25%;
}
.col.lg-4 {
  width: 33.33333333%;
}
.col.lg-5 {
  width: 41.66666667%;
}
.col.lg-6 {
  width: 50%;
}
.col.lg-7 {
  width: 58.33333333%;
}
.col.lg-8 {
  width: 66.66666667%;
}
.col.lg-9 {
  width: 75%;
}
.col.lg-10 {
  width: 83.33333333%;
}
.col.lg-11 {
  width: 91.66666667%;
}
.col.lg-12 {
  width: 100%;
}
.col.lg-offset-4 {
  margin-left: 33.33333333%;
}
@media screen and (max-width: 1180px) {
  .col.md-1 {
    width: 8.33333333%;
  }
  .col.md-2 {
    width: 16.66666667%;
  }
  .col.md-3 {
    width: 25%;
  }
  .col.md-4 {
    width: 33.33333333%;
  }
  .col.md-5 {
    width: 41.66666667%;
  }
  .col.md-6 {
    width: 50%;
  }
  .col.md-7 {
    width: 58.33333333%;
  }
  .col.md-8 {
    width: 66.66666667%;
  }
  .col.md-9 {
    width: 75%;
  }
  .col.md-10 {
    width: 83.33333333%;
  }
  .col.md-11 {
    width: 91.66666667%;
  }
  .col.md-12 {
    width: 100%;
  }
  .col.lg-offset-4 {
    margin-left: 0;
  }
}
@media screen and (max-width: 750px) {
  .col.sm-1 {
    width: 8.33333333%;
  }
  .col.sm-2 {
    width: 16.66666667%;
  }
  .col.sm-3 {
    width: 25%;
  }
  .col.sm-4 {
    width: 33.33333333%;
  }
  .col.sm-5 {
    width: 41.66666667%;
  }
  .col.sm-6 {
    width: 50%;
  }
  .col.sm-7 {
    width: 58.33333333%;
  }
  .col.sm-8 {
    width: 66.66666667%;
  }
  .col.sm-9 {
    width: 75%;
  }
  .col.sm-10 {
    width: 83.33333333%;
  }
  .col.sm-11 {
    width: 91.66666667%;
  }
  .col.sm-12 {
    width: 100%;
  }
  .col.lg-offset-4 {
    margin-left: 0;
  }
}
.hide {
  display: none;
}
@media screen and (min-width: 1181px) {
  .lg-hide {
    display: none !important;
  }
}
@media screen and (min-width: 751px) and (max-width: 1180px) {
  .md-hide {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  .sm-hide {
    display: none !important;
  }
}
.menu.horizontal {
  font-size: 0;
}
.menu.horizontal li {
  font-size: 18px;
  display: inline-block;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.fll {
  float: left;
}
.flr {
  float: right;
}
.clearfix:before,
.tab-content:before,
.clearfix:after,
.tab-content:after {
  content: '';
  display: block;
  clear: both;
}
.tab-wrapper {
  position: relative;
  padding-bottom: 60px;
}
.tab-wrapper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 101px;
  right: 70px;
  bottom: 0;
  background: #f9f9f9;
  z-index: 0;
}
.tab-wrapper .tab-labels {
  border-bottom: 1px #d7d7d7 solid;
  margin-bottom: 14px;
  white-space: nowrap;
  height: 64px;
  position: relative;
  z-index: 2;
}
.tab-wrapper .tab-labels.tab-label-largre-offset {
  margin-bottom: 60px;
}
.tab-wrapper .tab-labels .tab-label,
.tab-wrapper .tab-labels .more {
  display: inline-block;
  text-transform: uppercase;
  line-height: 64px;
  padding: 0 30px;
  margin-bottom: -1px;
  font-size: 11px;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.tab-wrapper .tab-labels .tab-label.active,
.tab-wrapper .tab-labels .more.active {
  color: #0047ba;
  border-bottom: 3px #0047ba solid;
}
.tab-wrapper .tab-labels .dropdown {
  position: relative;
  display: inline-block;
  z-index: 1000;
}
.tab-wrapper .tab-labels .dropdown.hide {
  display: none;
}
.tab-wrapper .tab-labels .dropdown.open {
  width: 210px;
}
.tab-wrapper .tab-labels .dropdown.open .elems {
  display: block;
  width: 210px;
}
.tab-wrapper .tab-labels .dropdown .more:after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-bottom: 3px;
  margin-left: 10px;
  border-bottom: 1px #0047ba solid;
  border-right: 1px #0047ba solid;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tab-wrapper .tab-labels .dropdown .elems {
  position: absolute;
  display: none;
  z-index: 10;
  top: 0;
  right: 0;
  background-color: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  padding: 15px 0;
  white-space: normal;
}
.tab-wrapper .tab-labels .dropdown .elems .dropdownElem {
  width: 210px;
  line-height: 16px;
  padding: 15px 30px;
}
.tab-wrapper .tab-contents {
  padding: 0 101px;
  position: relative;
  z-index: 1;
}
.tab-wrapper .tab-contents .tab-content {
  display: none;
}
.tab-wrapper .tab-contents .tab-content.active {
  display: block;
}
.tab-wrapper.tab-short .tab-label {
  padding: 0 20px;
}
.tab-wrapper.tab-short .tab-contents {
  padding: 0;
}
/*modal*/
.modal {
  display: none;
  position: fixed;
  z-index: 100;
  top: 74px;
  left: 70px;
  right: 70px;
  bottom: 70px;
  padding: 80px 145px;
  color: #fff;
  background: url(../themes/gromit/assets/img/firstScreenBg.png) center / cover no-repeat;
}
.modal article {
  max-width: 1600px;
  margin: 0 auto;
}
.modal .success-msg span {
  left: 18px;
  right: 18px;
}
.modal.active {
  display: block;
}
.modal .close {
  position: absolute;
  cursor: pointer;
  right: 0;
  padding: 30px;
  top: 0;
  width: 20px;
  height: 20px;
}
.modal .close:hover {
  opacity: .8;
}
.modal .close:after,
.modal .close:before {
  content: '';
  position: absolute;
  display: block;
  background: #fff;
  width: 27px;
  height: 1px;
  top: 28px;
  left: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal .close:after {
  height: 27px;
  width: 1px;
  top: 15px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*!
 * fullPage 2.9.4
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 20px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li + li,
.fp-slidesNav ul li+li{
    margin-top: 30px;    
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    background-color: #1e4ecf;    
    margin: -3px 0 0 -3px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 6px;
    width: 6px;
    border: 0;
    left: 50%;
    top: 50%;
    background-color: #b0bec5;
    margin: -3px 0 0 -3px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 6px;
    height: 6px;
    margin: -3px 0px 0px -3px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,.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;}/* HTML5 display-role reset for older browsers */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;}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../themes/gromit/assets/fonts/opensanslight.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensanslight.woff') format('woff'), url('../themes/gromit/assets/fonts/opensanslight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('../themes/gromit/assets/fonts/opensanslightitalic.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensanslightitalic.woff') format('woff'), url('../themes/gromit/assets/fonts/opensanslightitalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), local('OpenSans'), url('../themes/gromit/assets/fonts/opensans.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensans.woff') format('woff'), url('../themes/gromit/assets/fonts/opensans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../themes/gromit/assets/fonts/opensansitalic.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensansitalic.woff') format('woff'), url('../themes/gromit/assets/fonts/opensansitalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../themes/gromit/assets/fonts/opensanssemibold.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensanssemibold.woff') format('woff'), url('../themes/gromit/assets/fonts/opensanssemibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('../themes/gromit/assets/fonts/opensanssemibolditalic.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensanssemibolditalic.woff') format('woff'), url('../themes/gromit/assets/fonts/opensanssemibolditalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../themes/gromit/assets/fonts/opensansbold.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensansbold.woff') format('woff'), url('../themes/gromit/assets/fonts/opensansbold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../themes/gromit/assets/fonts/opensansbolditalic.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensansbolditalic.woff') format('woff'), url('../themes/gromit/assets/fonts/opensansbolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('../themes/gromit/assets/fonts/opensansextrabold.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensansextrabold.woff') format('woff'), url('../themes/gromit/assets/fonts/opensansextrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('../themes/gromit/assets/fonts/opensansextrabolditalic.woff2') format('woff2'), url('../themes/gromit/assets/fonts/opensansextrabolditalic.woff') format('woff'), url('../themes/gromit/assets/fonts/opensansextrabolditalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Tahoma';
  src: url('../themes/gromit/assets/fonts/Tahoma.eot');
  src: local('☺'), url('../themes/gromit/assets/fonts/Tahoma.woff') format('woff'), url('../themes/gromit/assets/fonts/Tahoma.ttf') format('truetype'), url('../themes/gromit/assets/fonts/Tahoma.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSerif';
  src: url('../themes/gromit/assets/fonts/PTF55F_W.eot');
  src: url('../themes/gromit/assets/fonts/PTF55F_W.eot?#iefix') format('embedded-opentype'), url('../themes/gromit/assets/fonts/PTF55F_W.woff') format('woff'), url('../themes/gromit/assets/fonts/PTF55F_W.ttf') format('truetype'), url('../themes/gromit/assets/fonts/PTF55F_W.svg#PTSerif-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSerif';
  src: url('../themes/gromit/assets/fonts/PTSerifBold.eot');
  src: url('../themes/gromit/assets/fonts/PTSerifBold.eot') format('embedded-opentype'), url('../themes/gromit/assets/fonts/PTSerifBold.woff2') format('woff2'), url('../themes/gromit/assets/fonts/PTSerifBold.woff') format('woff'), url('../themes/gromit/assets/fonts/PTSerifBold.ttf') format('truetype'), url('../themes/gromit/assets/fonts/PTSerifBold.svg#PTSerifBold') format('svg');
  font-weight: bold;
}
@font-face {
  font-family: 'PTSans';
  src: url('../themes/gromit/assets/fonts/PTS55F_W.eot');
  src: url('../themes/gromit/assets/fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'), url('../themes/gromit/assets/fonts/PTS55F_W.woff') format('woff'), url('../themes/gromit/assets/fonts/PTS55F_W.ttf') format('truetype'), url('../themes/gromit/assets/fonts/PTS55F_W.svg#PTSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.dash-list li {
  font-family: 'PTSans';
  font-size: 18px;
  padding-left: 36px;
  line-height: 36px;
}
.dash-list li:before {
  content: '';
  display: inline-block;
  width: 16px;
  background: #0047ba;
  height: 1px;
  margin-right: 20px;
  margin-left: -36px;
  margin-bottom: 5px;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mb20 {
  margin-bottom: 20px;
}
.tac {
  text-align: center;
}
.fll {
  float: left;
}
.flr {
  float: right;
}
html {
  background: url(../themes/gromit/assets/img/preloaderComplit.gif) center / 101px 134.66px no-repeat;
  background-attachment: fixed;
}
body {
  transition: opacity .6s ease;
}
body.modal-open {
  overflow: hidden;
  height: 100vh;
}
body.ready {
  opacity: 1 !important;
  background: #fff;
}
body.mobile {
  overflow: auto !important;
}
.nice-list li {
  margin-bottom: 1em;
}
.nice-list li:before {
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #1e4ecf;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  margin-bottom: 5px;
}
p {
  font-family: 'Open Sans', 'PTSans';
  font-size: 18px;
  line-height: 30px;
}
.block {
  display: block;
}
.row.no-gutter .col {
  padding: 0 !important;
}
#scrollTop {
  cursor: pointer;
  position: fixed;
  right: 12px;
  bottom: 70px;
}
#scrollTop img {
  display: inline-block;
}
#calcprice-form input + [data-validate-for],
#callback-form input + [data-validate-for] {
  right: 53px;
  top: -15px;
}
#calcprice-form .success-msg > span,
#callback-form .success-msg > span {
  top: 0;
  width: 450px;
}
#calcprice-form .success-msg ul,
#callback-form .success-msg ul {
  position: static;
  margin-top: 15px;
}
.link {
  padding: 0;
  display: inline-block;
  line-height: 18px;
  font-family: 'Open Sans', 'PTSerif';
  color: #000;
  letter-spacing: .2em;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px #c0c0c0 solid;
}
.link:hover {
  border-bottom-color: transparent;
  color: #1e4ecf;
}
h1,
.h1 {
  font-size: 60px;
}
h2,
.h2 {
  font-size: 50px;
}
h1 span,
.h1 span,
h2 span,
.h2 span {
  float: left;
}
h1 .sub-header,
.h1 .sub-header,
h2 .sub-header,
.h2 .sub-header {
  opacity: 0.5;
  margin-left: 50px;
  margin-top: 14px;
  font-size: 11px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: bold;
}
h1 .sub-header,
.h1 .sub-header {
  margin-top: 22px;
}
a:hover {
  color: #335bc7 !important;
}
.modal-link {
  letter-spacing: 0.2em;
}
.modal {
  z-index: 1002;
}
.modal h1,
.modal .h1 {
  margin-bottom: 145px;
}
#header {
  height: 74px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
  background: #fff;
  border-bottom: 1px #ebebeb solid;
}
#header #menu {
  text-align: center;
  padding: 0 70px;
}
#header #menu li {
  display: inline-block;
  font-size: 0;
}
#header #menu li.active a {
  color: #0047ba !important;
}
#header #menu li a {
  line-height: 74px;
  text-decoration: none;
  display: block;
  padding: 0 20px;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
#header #menu li a:hover {
  color: #1e4ecf;
}
#header #menu li.top-logo a {
  padding: 0;
  line-height: 10px;
}
#header #menu li.top-logo a img {
  display: inline-block;
  vertical-align: middle;
  height: 75px;
  width: auto;
}
#header #menu li.top-logo a:after {
  content: '';
  display: inline-block;
  height: 74px;
  width: 0;
  vertical-align: middle;
}
#header #menu li.top-logo a span {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  font-weight: 400;
  margin-left: 10px;
  color: #324dc4;
  vertical-align: middle;
}
#header #menu li.top-call a {
  padding: 0;
  display: inline-block;
  line-height: 18px;
  border-bottom: 1px #c0c0c0 solid;
}
#header #menu li.top-call a:hover {
  border-bottom: transparent;
}
#header #menu li.top-call i {
  margin: 0 20px;
}
#header #menu li.top-call .phone p {
  line-height: 74px;
  font-family: 'Open Sans', 'PTSerif';
}
#header #menu li.top-call span {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
i.icon {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
  width: 40px;
  height: 40px;
  line-height: 18px;
  border: 1px solid #dedede;
  border-radius: 50%;
}
i.icon img {
  display: inline;
}
i.icon.clear {
  border: 0;
}
#sidebar {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  height: 100%;
  width: 70px;
  padding-top: 95px;
}
.contact-data .mb20 {
  position: relative;
  padding-left: 70px;
  z-index: 10;
}
.contact-data .mb20 .icon {
  position: absolute;
  left: 0;
  top: 0;
}
.contact-data .mb20 .icon + div {
  margin-left: 0;
  line-height: 40px;
  white-space: nowrap;
}
.write-us i {
  margin-left: 15px;
  margin-top: 20px;
}
.write-us a {
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  transform: rotate(180deg);
  line-height: 18px;
  border-left: 1px #c0c0c0 solid;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 26px;
}
.write-us a:hover {
  color: #1e4ecf;
  border-left: transparent;
}
.social {
  position: absolute;
  bottom: 70px;
  width: 100%;
}
.social a {
  display: block;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .25;
  transition: all 0.3s ease;
}
.social a:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}
.social a + a {
  margin-top: 40px;
}
.social a i {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../themes/gromit/assets/img/svg/social-icon-sprite.svg) 0 0 no-repeat;
  background-size: 16px;
}
.social a i.yt {
  background-position: 0 0;
}
.social a i.fb {
  background-position: 0 -32px;
}
.social a i.fr {
  background-position: 0 -16px;
}
.social a i.in {
  background-position: 0 -48px;
}
#footer {
  position: fixed;
  z-index: 100;
  height: 70px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: .2em;
  text-transform: uppercase;
  line-height: 45px;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #fff;
}
#footer .tac:first-child {
  line-height: 70px;
}
#footer img {
  transition: all .3s ease;
  -webkit-filter: grayscale(1) saturate(0.1);
  filter: grayscale(1) saturate(0.1);
}
#footer a:hover img {
  -webkit-filter: grayscale(0) saturate(1);
  filter: grayscale(0) saturate(1);
}
.container {
  padding: 0 70px;
}
.text-muted {
  color: #bfbfbf;
}
#fullpage {
  padding-bottom: 70px;
}
#fullpage .section.first {
  background: url(../themes/gromit/assets/img/firstScreenBg.png) center / cover no-repeat, #4353c3;
  background-clip: content-box;
}
#fullpage .section.first h1,
#fullpage .section.first .h1 {
  font-size: 60px;
  line-height: 88px;
  text-align: center;
  color: #fff;
}
#fullpage .section.first .scrollNext {
  text-align: center;
  position: absolute;
  bottom: 110px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#fullpage .section.first .scrollNext a {
  color: #fff;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
}
#fullpage .section.first .scrollNext a:hover {
  color: #fff !important;
}
#fullpage .section.first .scrollNext a span {
  display: block;
  margin-bottom: 30px;
  letter-spacing: .2em;
}
#fullpage .section.first .scrollNext a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-bottom: 1px #fff solid;
  border-left: 1px #fff solid;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#fullpage .section.advantages:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  right: -70px;
  z-index: 0;
  display: block;
  background: url(../themes/gromit/assets/img/map-bg.png) top right / 50% auto no-repeat;
}
#fullpage .section.contacts .fp-scroller {
  height: 100%;
}
#fullpage .section.contacts .fp-tableCell {
  height: 100% !important;
  display: block;
}
#fullpage .section.contacts .content {
  height: 100%;
}
#fullpage .section.contacts .contact-block {
  height: 60%;
  padding-bottom: 80px;
}
#fullpage .section.contacts .contact-block + .contact-block {
  padding-bottom: 0;
  height: 40%;
}
#fullpage .section.contacts .contact-block + .contact-block .col {
  padding: 0;
}
#fullpage .section.contacts .page-bottom-form {
  margin-top: 0;
}
.row.lead {
  margin: 0 -37.5px;
}
.row.lead .row {
  margin: 0 -37.5px;
}
.row.lead .col {
  padding: 0 37.5px;
}
.content {
  padding-left: 140px;
  padding-right: 140px;
}
.clients > .row > .lg-3 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  background: url(../themes/gromit/assets/img/clients-useless-pic.png) center / cover;
}
.clients .clients-grid {
  margin-top: 60px;
}
.clients .clients-grid .col {
  height: 120px;
  text-align: center;
  font-size: 0;
}
.clients .clients-grid .col:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.clients .clients-grid .col img {
  /*opacity: .83;*/
  max-width: 80%;
  display: inline-block;
  vertical-align: middle;
  max-height: 80%;
}
.clients footer {
  margin-top: 152px !important;
}
.clients footer h2,
.clients footer .h2 {
  margin-bottom: 27px;
}
.clients footer .page-bottom-form h3,
.clients footer .page-bottom-form .h3 {
  margin-bottom: 6px;
}
.clients footer .page-bottom-form p {
  margin-bottom: 41px;
}
.services {
  height: 100%;
}
.services h2 + p,
.services .h2 + p {
  margin-top: 65px;
  font-size: 18px;
  line-height: 30px;
}
.services h2 + p + p,
.services .h2 + p + p {
  margin-top: 35px;
}
.services > .row {
  height: 100%;
}
.services > .row > .col {
  height: 50%;
  position: relative;
}
.services > .row > .col + .col {
  padding: 30px;
  color: #fff;
  background: #2B46C2;
  transition: all .3s ease;
  outline: 1px #fff solid;
}
.services > .row > .col + .col:after {
  z-index: 0;
  content: '';
  display: block;
  position: absolute;
  transition: all .3s ease;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.services > .row > .col + .col:hover {
  color: #000;
}
.services > .row > .col + .col:hover:after {
  -webkit-filter: brightness(3) saturate(0);
  filter: brightness(3) saturate(0);
}
.services > .row > .col + .col a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 11;
}
.services > .row > .col .num {
  font-size: 32px;
  position: relative;
  z-index: 10;
}
.services > .row > .col .text {
  position: absolute;
  bottom: 30px;
  font-size: 14px;
  z-index: 10;
}
.services > .row > .col .text h3,
.services > .row > .col .text .h3 {
  font-size: 26px;
  line-height: 40px;
}
.services > .row > .col:nth-child(2):after {
  background: url(../themes/gromit/assets/img/services/1.png) center / cover no-repeat;
}
.services > .row > .col:nth-child(3):after {
  background: url(../themes/gromit/assets/img/services/2.png) center / cover no-repeat;
}
.services > .row > .col:nth-child(4):after {
  background: url(../themes/gromit/assets/img/services/3.png) center / cover no-repeat;
}
.services > .row > .col:nth-child(5):after {
  background: url(../themes/gromit/assets/img/services/4.png) center / cover no-repeat;
}
.advantages .advantages-grid {
  margin-top: 80px;
}
.advantages .advantages-grid .advantages-text {
  width: calc(100% - 304px);
}
.advantages .advantages-grid .advantages-text ul {
  padding-left: 90px;
  margin-top: 5px;
}
.advantages .advantages-grid .advantages-text ul li {
  position: relative;
}
.advantages .advantages-grid .advantages-text ul li h3,
.advantages .advantages-grid .advantages-text ul li .h3 {
  opacity: .75;
  font-size: 26px;
  margin-bottom: 10px;
}
.advantages .advantages-grid .advantages-text ul li p {
  opacity: .75;
  font-family: 'Open Sans', "PTSans";
  font-size: 14px;
  line-height: 20px;
}
.advantages .advantages-grid .advantages-text ul li:before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  left: -64px;
  top: 7px;
  background-color: #e5e5e5;
  transition: all .6s ease;
}
.advantages .advantages-grid .advantages-text ul li:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #e5e5e5;
  position: absolute;
  top: 11px;
  width: 24px;
  left: -54px;
  transition: all .6s ease;
}
.advantages .advantages-grid .advantages-text ul li:hover:before {
  left: -83px;
}
.advantages .advantages-grid .advantages-text ul li:hover:after {
  left: -74px;
  width: 44px;
}
.advantages .advantages-grid .advantages-text ul li + li {
  margin-top: 45px;
}
.advantages .advantages-grid .advantages-text ul li.active h3,
.advantages .advantages-grid .advantages-text ul li.active .h3,
.advantages .advantages-grid .advantages-text ul li.active p {
  opacity: 1;
}
.advantages .advantages-grid .advantages-text ul li.active:before,
.advantages .advantages-grid .advantages-text ul li.active:after {
  background-color: #1e4ecf;
}
.advantages .hoverable-logo {
  position: relative;
  height: 400px;
  width: 300px;
  max-width: 100%;
}
.advantages .hoverable-logo img {
  opacity: 0;
  display: block;
  width: 100%;
}
.advantages .hoverable-logo .logo {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../themes/gromit/assets/img/svg/adv-default.svg) center / cover no-repeat;
  transition: none;
}
.advantages .hoverable-logo .logo-part {
  position: absolute;
  z-index: 1;
  width: 50%;
}
.advantages .hoverable-logo .logo-part.part1:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part2:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part3:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part4:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part1.hover ~ .logo,
.advantages .hoverable-logo .logo-part.part2.hover ~ .logo,
.advantages .hoverable-logo .logo-part.part3.hover ~ .logo,
.advantages .hoverable-logo .logo-part.part4.hover ~ .logo {
  transition: background .3s ease;
}
.advantages .hoverable-logo .logo-part.part1,
.advantages .hoverable-logo .logo-part.part2 {
  top: 0;
  height: 254px;
}
.advantages .hoverable-logo .logo-part.part3,
.advantages .hoverable-logo .logo-part.part4 {
  bottom: 0;
  height: 153px;
}
.advantages .hoverable-logo .logo-part.part1 {
  left: 0;
}
.advantages .hoverable-logo .logo-part.part1:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part1.hover ~ .logo {
  background: url(../themes/gromit/assets/img/svg/adv-sprite1.svg) center / cover no-repeat;
}
.advantages .hoverable-logo .logo-part.part2 {
  right: 0;
}
.advantages .hoverable-logo .logo-part.part2:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part2.hover ~ .logo {
  background: url(../themes/gromit/assets/img/svg/adv-sprite2.svg) center / cover no-repeat;
}
.advantages .hoverable-logo .logo-part.part3 {
  left: 0;
}
.advantages .hoverable-logo .logo-part.part3:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part3.hover ~ .logo {
  background: url(../themes/gromit/assets/img/svg/adv-sprite4.svg) center / cover no-repeat;
}
.advantages .hoverable-logo .logo-part.part4 {
  right: 0;
}
.advantages .hoverable-logo .logo-part.part4:hover ~ .logo,
.advantages .hoverable-logo .logo-part.part4.hover ~ .logo {
  background: url(../themes/gromit/assets/img/svg/adv-sprite3.svg) center / cover no-repeat;
}
.contacts {
  height: 100%;
}
.contacts .row {
  height: 100%;
}
.contacts .row .col {
  height: 100%;
  position: relative;
}
.contacts .row h2,
.contacts .row .h2 {
  padding-top: 80px;
  margin-bottom: 40px;
}
.contacts .row .icon + div {
  display: inline-block;
  font-family: "Open Sans", "PTSans";
}
.contacts .row p {
  font-family: "Open Sans", "PTSans";
}
.contacts .row p + p {
  margin-top: 20px;
}
.contacts .row p i {
  margin-right: 20px;
}
.contacts .row p i + span {
  vertical-align: middle;
}
.contacts .row #map {
  z-index: 10;
  width: calc(100% + 140px);
  height: calc(100% - 120px);
}
form {
  position: relative;
}
form button {
  outline: none;
}
form button[type='submit'] {
  height: 60px;
  background-color: #40B5E5;
  color: #fff;
  border: 0;
  cursor: pointer;
  padding: 0 60px;
  text-transform: uppercase;
  font-size: 11px;
  float: right;
  border: 2px #40B5E5 solid;
  transition: all .6s ease;
  font-family: "Open Sans", "PTSerif";
  letter-spacing: .1em;
}
form button[type='submit']:hover {
  border-color: #fff;
  background: transparent;
}
form button.has-icon {
  background: none;
  float: right;
  margin-top: -53px;
  width: 53px;
  height: 53px;
  padding: 0;
  border: 0;
  opacity: .8;
}
form button.has-icon:hover {
  opacity: 1;
  cursor: pointer;
}
form button.has-icon i {
  width: 100%;
  height: 100%;
  padding: 0;
}
form button.has-icon i img {
  vertical-align: middle;
}
form button.has-icon i:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
form .row + .row {
  margin-top: 30px !important;
}
form .col {
  position: relative;
}
form input,
form textarea {
  width: 100%;
  height: 53px;
  background-color: #ffffff;
  padding: 0 20px;
  font-size: 18px;
  font-family: "Open Sans", "PTSans";
  border: 0;
  outline: 0;
}
form input[type='file'] {
  background: none;
}
form textarea {
  width: 100%;
  height: 100px;
  padding: 20px;
}
form input + [data-validate-for],
form textarea + [data-validate-for] {
  font-size: 0;
  background: url(../themes/gromit/assets/img/svg/error-validate.svg) center no-repeat, #ffffff;
  background-size: 25px;
  width: 53px;
  height: 53px;
  display: block;
  position: absolute;
  right: 18px;
  top: 0;
}
form .label-file {
  font-size: 14px;
  font-family: "Open Sans", 'PTSans';
  position: relative;
  white-space: nowrap;
}
form .label-file p {
  margin-bottom: 5px;
}
form .label-file i {
  margin-right: 20px;
}
form .label-file span {
  border-bottom: 1px #fff dotted;
}
form .label-file input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.page-bottom-form {
  background: #0047ba;
  padding: 65px 140px;
  color: #fff;
  margin-top: 80px;
  margin-left: -140px;
  margin-right: -281px;
}
.page-bottom-form.static {
  position: static;
}
.page-bottom-form h3,
.page-bottom-form .h3 {
  margin-bottom: 20px;
  font-size: 26px;
}
.page-bottom-form p {
  font-family: "Open Sans", "PTSans";
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 45px;
}
.page-bottom-form .col {
  padding: 0;
}
.page-bottom-form .success-msg {
  min-height: 40px;
}
.has-icon {
  position: relative;
}
.has-icon.icon-right input {
  padding-right: 50px;
}
.has-icon:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 3px;
  width: 16px;
  height: 16px;
}
.has-icon.icon-mail:after {
  background: url(../themes/gromit/assets/img/mail-icon.png) center no-repeat;
}
.has-icon.icon-phone:after {
  background: url(../themes/gromit/assets/img/top-call-icon.png) center no-repeat;
}
.infograf .element + .element {
  margin-top: 50px;
  position: relative;
}
.infograf .element + .element:before {
  content: '';
  display: block;
  position: absolute;
  top: -24px;
  left: 85px;
  width: 44px;
  height: 1px;
  background: #1e4ecf;
}
.infograf .element .digit {
  padding-left: 85px;
  color: #e8e8e8;
  font-size: 100px;
  float: left;
  width: 50%;
}
.infograf .element .text {
  float: left;
  width: 50%;
  line-height: 26px;
  margin-top: 10px;
}
.infograf.horizontal .element + .element {
  margin-top: 0;
}
.infograf.horizontal .element:before {
  display: none;
}
.infograf.horizontal .element .digit {
  width: 100%;
  padding-bottom: 36px;
  position: relative;
  padding-left: 0;
}
.infograf.horizontal .element .digit:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 44px;
  height: 1px;
  background: #1e4ecf;
}
.infograf.horizontal .element .digit .sub {
  font-size: 24px;
  display: block;
  color: #000;
}
.infograf.horizontal .element .text {
  width: 100%;
  padding-top: 34px;
  line-height: 24px;
  margin-top: 0;
}
/*inner pages*/
img {
  max-width: 100%;
}
img.push-right,
img.push-left {
  max-width: calc(100% + 145px);
}
.inner-page {
  margin: 75px 70px 70px 70px;
}
.inner-page section + section {
  margin-top: 120px;
}
.inner-page h2,
.inner-page .h2 {
  font-size: 32px;
  margin-bottom: 26px;
}
.inner-page .content {
  margin: 0 auto;
  padding: 0 145px;
  margin-top: 115px;
  max-width: 1460px;
}
.inner-page .content .push-right {
  margin-right: -145px;
}
.inner-page .content .push-left {
  margin-left: -145px;
}
.inner-page header {
  padding: 73px 140px;
  background: url(../themes/gromit/assets/img/clients-header-bg.png) center / cover no-repeat, #3961c9;
  color: #fff;
  margin-bottom: 20px;
}
.inner-page header h1,
.inner-page header .h1 {
  font-size: 60px;
  max-width: 1170px;
  margin: 0 auto;
}
.inner-page header h1 .sub-header,
.inner-page header .h1 .sub-header {
  opacity: 0.5;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 17px;
}
.inner-page footer {
  margin-top: 120px;
  padding-left: 145px;
}
.inner-page footer > .specialClass {
  max-width: 1310px;
  margin: 0 auto;
}
.inner-page footer .page-bottom-form {
  position: static;
  padding-left: 145px;
  margin: 0;
  margin-top: 120px;
  margin-left: -145px;
}
.inner-page footer .page-bottom-form > .row,
.inner-page footer .page-bottom-form > .specialClass {
  max-width: 1210px;
  margin: 0 auto !important;
}
.inner-page footer .row {
  position: relative;
}
.inner-page footer .map-holder {
  position: absolute;
  bottom: -65px;
  right: -122px;
  padding: 0;
}
.inner-page footer .map-holder #map {
  width: 100%;
  height: 100%;
}
/*about*/
.inner-page.about .advantages {
  background: url(../themes/gromit/assets/img/clients-useless-pic.png) top right / 490px auto no-repeat;
  margin-right: -145px;
  padding-bottom: 70px;
}
.inner-page.about .advantages + section {
  margin-top: 100px;
}
.inner-page.about .sertificats .no-padding .col {
  padding: 0;
}
.inner-page.about .sertificats a {
  padding: 30px;
  display: block;
  background: #f9f9f9;
  margin-top: -30px;
}
/*clients*/
.inner-page.clients .clients-grid .col {
  width: 20%;
}
.inner-page.clients .map-holder {
  height: 368px;
  width: 50%;
  bottom: 0;
  right: 0;
}
.inner-page.clients .map-holder .col {
  height: 100%;
  position: relative;
}
.inner-page.clients #map {
  height: 535px;
  position: absolute;
  bottom: 0;
}
.inner-page.clients h2,
.inner-page.clients .h2 {
  margin-bottom: 38px;
}
.inner-page.clients footer {
  position: relative;
}
/*contacts*/
.inner-page.contacts .tab-wrapper {
  margin-top: 55px;
}
.inner-page.contacts .tab-wrapper .tab-labels {
  margin-right: -75px;
}
.inner-page.contacts .tab-wrapper:after {
  right: -33%;
}
.inner-page.contacts .page-bottom-form {
  padding-top: 60px;
  padding-bottom: 60px;
  background: url(../themes/gromit/assets/img/contact-pic.png) center right / contain no-repeat, #0047ba;
}
.inner-page.contacts .page-bottom-form h3,
.inner-page.contacts .page-bottom-form .h3 {
  font-size: 26px;
  margin-bottom: 11px;
}
.inner-page.contacts .page-bottom-form h3 + p,
.inner-page.contacts .page-bottom-form .h3 + p {
  margin-bottom: 41px;
}
.inner-page.contacts .page-bottom-form .row {
  margin-right: 0;
}
.inner-page.contacts #map,
.inner-page.contacts #map1 {
  height: 333px;
}
/*testimonials*/
.inner-page.testimonials h2,
.inner-page.testimonials .h2 {
  margin-top: 0;
}
.inner-page.testimonials .content {
  background: url(../themes/gromit/assets/img/clients-useless-pic.png) top right / 490px auto no-repeat;
}
.inner-page.testimonials .content .testimonial {
  padding-bottom: 40px;
  border-bottom: 1px #ebebeb solid;
}
.inner-page.testimonials .content .testimonial + .testimonial {
  margin-top: 60px;
}
.inner-page.testimonials .content .testimonial:last-child {
  border-bottom: 0;
}
.inner-page.testimonials .content .scan {
  padding: 30px;
  background: #f9f9f9;
}
.inner-page.testimonials .content .review {
  padding-left: 40px;
}
.inner-page.testimonials .content .review .link {
  margin-top: 20px;
}
.inner-page.testimonials .content .review.closed p + p {
  display: none;
}
.inner-page.testimonials .content .review .showTestimonial span + span {
  display: none;
}
.inner-page.testimonials .content .review .showTestimonial.open span {
  display: none;
}
.inner-page.testimonials .content .review .showTestimonial.open span + span {
  display: block;
}
.inner-page.testimonials .content .review .autor {
  margin-top: 55px;
}
.inner-page.testimonials .content .review .autor .post p {
  font-size: 14px;
}
.inner-page.testimonials .page-bottom-form {
  padding-bottom: 80px;
  background: url(../themes/gromit/assets/img/testimonials-form-pic.png) center right / contain no-repeat, #0047ba;
}
.inner-page.testimonials .page-bottom-form h3,
.inner-page.testimonials .page-bottom-form .h3 {
  font-size: 26px;
  margin-bottom: 10px;
}
.inner-page.testimonials .page-bottom-form h3 + p,
.inner-page.testimonials .page-bottom-form .h3 + p {
  margin-bottom: 33px;
}
.inner-page.testimonials .page-bottom-form .row {
  margin: 0 -15px;
}
.inner-page.testimonials .page-bottom-form .row .col {
  padding: 0 15px;
}
.inner-page.testimonials .page-bottom-form .row + .row {
  margin-top: 25px !important;
}
.inner-page.testimonials .page-bottom-form input {
  width: 100%;
}
.inner-page.testimonials .page-bottom-form .responsiv-uploader-fileupload.style-file-single p {
  margin-bottom: 4px;
}
.inner-page.testimonials .page-bottom-form .success-msg {
  position: absolute;
  width: 100%;
  bottom: 66px;
}
.inner-page.testimonials .page-bottom-form .success-msg span {
  outline: 27px #0047ba solid;
}
/*services*/
.inner-page.services .services-list {
  margin-top: 60px;
}
.inner-page.services .services-list .row {
  padding-left: 200px;
  position: relative;
  padding-top: 40px;
  min-height: 150px;
}
.inner-page.services .services-list .row + .row {
  margin-top: 55px;
}
.inner-page.services .services-list .row:before {
  content: '';
  display: block;
  width: 270px;
  height: 150px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.inner-page.services .services-list .row .col {
  position: relative;
  z-index: 1;
}
.inner-page.services .services-list .row .col h2,
.inner-page.services .services-list .row .col .h2 {
  margin-left: -160px;
  margin-bottom: 0;
}
.inner-page.services .services-list .row .col h2 + p,
.inner-page.services .services-list .row .col .h2 + p {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 4px;
}
.inner-page.services .services-list .row .col h2 span,
.inner-page.services .services-list .row .col .h2 span {
  display: inline-block;
  width: 40px;
  margin-right: 120px;
}
.inner-page.services .services-list .row .col h2 a,
.inner-page.services .services-list .row .col .h2 a {
  color: #000;
  text-decoration: none;
}
.inner-page.services .services-list .row .col ul {
  columns: 2;
}
.inner-page.services .services-list .row .col ul li {
  line-height: 36px;
  font-family: "Open Sans", 'PTSans';
  font-size: 18px;
  padding-left: 40px;
}
.inner-page.services .services-list .row .col ul li a {
  color: #000;
  text-decoration: none;
}
.inner-page.services .services-list .row .col ul li:before {
  content: '';
  height: 1px;
  width: 16px;
  margin-left: -40px;
  margin-top: -3px;
  margin-right: 25px;
  background: #0047ba;
  display: inline-block;
  vertical-align: middle;
}
.inner-page.services .services-list .row:first-child:before {
  background-image: url(../themes/gromit/assets/img/services/01.png);
}
.inner-page.services .services-list .row:first-child + .row:before {
  background-image: url(../themes/gromit/assets/img/services/02.png);
}
.inner-page.services .services-list .row:first-child + .row + .row:before {
  background-image: url(../themes/gromit/assets/img/services/03.png);
}
.inner-page.services .services-list .row:first-child + .row + .row + .row:before {
  background-image: url(../themes/gromit/assets/img/services/04.png);
}
.inner-page.services .page-bottom-form {
  background: url(../themes/gromit/assets/img/servises-form-pic.png) center right / contain no-repeat, #0047ba;
}
.inner-page.services .page-bottom-form h3,
.inner-page.services .page-bottom-form .h3 {
  margin-bottom: 10px;
}
.inner-page.services .page-bottom-form p {
  margin-bottom: 40px;
}
.inner-page.services.detail .text-content {
  margin-top: 100px;
}
.inner-page.services.detail .text-content h2,
.inner-page.services.detail .text-content .h2 {
  margin-bottom: 27px;
}
.inner-page.services.detail .text-content h2 + p,
.inner-page.services.detail .text-content .h2 + p {
  margin-top: 0;
}
.inner-page.services.detail .text-content .spheres {
  margin-top: 47px;
}
.inner-page.services.detail .text-content .spheres img {
  height: 46px;
  margin-bottom: 9px;
}
.inner-page.services.detail .text-content .block-with-backdround {
  position: relative;
}
.inner-page.services.detail .text-content .block-with-backdround img {
  position: relative;
  z-index: 1;
  display: block;
  margin-right: -215px;
  max-width: calc(100% + 215px);
}
.inner-page.services.detail .text-content .block-with-backdround:after {
  content: '';
  position: absolute;
  top: -60px;
  bottom: -60px;
  right: -197px;
  left: 50%;
  z-index: 0;
  background: #f9f9f9;
  display: block;
}
.inner-page.services.detail .text-content + .text-content {
  margin-top: 150px;
}
.inner-page.services.detail .page-bottom-form p {
  margin-bottom: 20px;
}
.inner-page .aromaklining .page-bottom-form {
  background: url(../themes/gromit/assets/img/services/aroma/form-img.png) center right / contain no-repeat, #0047ba;
}
.inner-page.maintenance .lead,
.inner-page.cleaning .lead {
  padding: 60px 100px;
  position: relative;
  margin: 0;
}
.inner-page.maintenance .lead span,
.inner-page.cleaning .lead span {
  color: #0047ba;
  font-weight: 700;
}
.inner-page.maintenance .lead:before,
.inner-page.cleaning .lead:before {
  content: '';
  background: #f3f3f3;
  bottom: 0;
  width: 200px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.inner-page.maintenance .lead .col,
.inner-page.cleaning .lead .col {
  padding: 0;
}
.inner-page.maintenance .lead p,
.inner-page.cleaning .lead p {
  position: relative;
  z-index: 1;
}
.inner-page.maintenance p + p,
.inner-page.cleaning p + p {
  margin-top: 20px;
}
.inner-page.maintenance .lead:before {
  background: url(../themes/gromit/assets/img/services/02.png) center / cover no-repeat;
}
.inner-page.cleaning .lead:before {
  background: url(../themes/gromit/assets/img/services/01.png) center / cover no-repeat;
}
.inner-page.aromaklining .lead {
  position: relative;
}
.inner-page.aromaklining .lead:before {
  content: '';
  background: url(../themes/gromit/assets/img/services/03.png) center / cover no-repeat;
  bottom: 0;
  width: 200px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.inner-page.aromaklining .lead .col {
  z-index: 1;
  position: relative;
}
.mt110 {
  margin-top: 110px;
}
.inner-page.single-client .slider-holder {
  margin-top: 60px;
  position: relative;
}
.inner-page.single-client .slider-holder:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 60%;
  bottom: 0;
  right: -215px;
  background: #f9f9f9;
}
.inner-page.single-client .swiper-container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.inner-page.single-client .swiper-container .swiper-pagination {
  text-align: left;
  bottom: 21px;
}
.inner-page.single-client .swiper-container .swiper-pagination span {
  margin: 0;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  margin-right: 40px;
  position: relative;
}
.inner-page.single-client .swiper-container .swiper-pagination span:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -8px;
  left: -8px;
}
.inner-page.single-client .swiper-container img {
  width: 100%;
}
.inner-page.single-client .swiper-container p {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  position: absolute;
  bottom: 0;
}
.inner-page.single-client footer {
  padding: 0 18px;
}
.inner-page.single-client footer .prev-client,
.inner-page.single-client footer .next-client {
  height: 250px;
  outline: 1px #fff solid;
  position: relative;
}
.inner-page.single-client footer .prev-client:before,
.inner-page.single-client footer .next-client:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #2B46C2;
  opacity: .75;
  left: 0;
}
.inner-page.single-client footer .prev-client:hover,
.inner-page.single-client footer .next-client:hover {
  opacity: .8;
  transition: all .3s ease;
}
.inner-page.single-client footer .prev-client a,
.inner-page.single-client footer .next-client a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.inner-page.single-client footer .prev-client a:before,
.inner-page.single-client footer .next-client a:before {
  transition: all .3s ease;
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 24px;
  top: 30px;
  background: url(../themes/gromit/assets/img/slider-arrow-prev.svg) 20px center / 8px 14px no-repeat;
}
.inner-page.single-client footer .prev-client a span,
.inner-page.single-client footer .next-client a span {
  font-size: 26px;
  color: #fff;
  position: absolute;
  bottom: 40px;
}
.inner-page.single-client footer .prev-client:hover a:before {
  left: 30px;
}
.inner-page.single-client footer .prev-client a:before {
  left: 40px;
  background: url(../themes/gromit/assets/img/slider-arrow-prev.svg) center / contain no-repeat;
}
.inner-page.single-client footer .prev-client span {
  left: 40px;
}
.inner-page.single-client footer .next-client:hover a:before {
  right: 30px;
}
.inner-page.single-client footer .next-client a:before {
  right: 40px;
  background: url(../themes/gromit/assets/img/slider-arrow-next.svg) center / contain no-repeat;
}
.inner-page.single-client footer .next-client span {
  left: 40px;
}
.lead p + p {
  margin-top: 15px;
}
.about .page-bottom-form h3,
.about .page-bottom-form .h3 {
  margin-bottom: 8px;
}
.about .page-bottom-form p {
  margin-bottom: 20px;
}
.regions {
  position: relative;
}
.regions ul {
  margin-top: 35px;
  font-size: 0;
}
.regions ul li {
  margin-bottom: 20px;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.regions ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 9px;
  height: 13px;
  opacity: .3;
  background: url(../themes/gromit/assets/img/svg/map-marker.svg) center / cover no-repeat;
}
.regions ul li:hover:before {
  opacity: 1;
}
.regions ul li p {
  line-height: 18px;
}
.regions ul li span {
  color: #818181;
  font-size: 14px;
}
.regions .map-container {
  position: relative;
  top: 0;
  right: 0;
  margin-right: -50vw;
  width: calc(50vw - 70px);
}
.regions #map {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: -452px;
  left: 18px;
  right: 0;
}
#regions-projects {
  position: absolute;
  top: 50%;
  transform: translateY(calc(50% - 40px));
  left: calc(50% + 25px);
  z-index: 11;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.13);
}
#regions-projects.hasOpen:after {
  display: block;
}
#regions-projects:after {
  content: '';
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.13);
  display: block;
  position: absolute;
  top: 50%;
  left: -8px;
  width: 15px;
  height: 15px;
  z-index: -1;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}
#regions-projects .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  display: none;
  z-index: 11;
}
#regions-projects .close:before {
  content: '';
  width: 13px;
  height: 1px;
  top: 16px;
  left: 8px;
  background: #000;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#regions-projects .close:after {
  content: '';
  width: 1px;
  height: 13px;
  top: 10px;
  left: 14px;
  background: #000;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#regions-projects .region {
  display: none;
  width: 290px;
  height: 240px;
  font-size: 0;
  background: #fff;
}
#regions-projects .region .swiper-button-prev {
  left: 0;
  background: url(../themes/gromit/assets/img/slider-arrow-prev.svg) 20px center / 8px 14px no-repeat, #1e4ecf;
}
#regions-projects .region .swiper-button-next {
  background: url(../themes/gromit/assets/img/slider-arrow-next.svg) calc(100% - 20px) center / 8px 14px no-repeat, #1e4ecf;
  right: 0;
}
#regions-projects .region .swiper-button-prev,
#regions-projects .region .swiper-button-next {
  top: auto;
  bottom: 0;
  opacity: 1;
  height: 30px;
  width: 50%;
}
#regions-projects .region .swiper-button-prev.swiper-button-disabled,
#regions-projects .region .swiper-button-next.swiper-button-disabled {
  opacity: .75;
}
#regions-projects .region.open {
  display: block;
}
#regions-projects .region.open ~ .close {
  display: block;
}
#regions-projects .region .project {
  width: 100%;
  height: 210px;
}
#regions-projects .region .text {
  padding: 20px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#regions-projects .region .text:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
  height: 20px;
}
#regions-projects .region .text .header {
  color: #000;
  margin-bottom: 10px;
}
#regions-projects .region .text .header a {
  color: #000;
  text-decoration: none;
}
#regions-projects .region .text p {
  color: #9f9f9f;
  font-size: 14px;
  line-height: 17px;
}
#regions-projects .region .text,
#regions-projects .region .photo {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  height: 100%;
}
#callback-form form input + [data-validate-for] {
  top: -15px;
  right: 50px;
  z-index: 10;
}
#callback-form .success-msg {
  min-height: 0;
}
#callback-form .success-msg span {
  position: absolute;
  bottom: 0px;
  top: unset;
  z-index: 300;
}
#calcprice-form .success-msg span,
#callback-form .success-msg span {
  min-width: 490px;
}
#calcprice-form .success-msg .close,
#callback-form .success-msg .close {
  background: url(/themes/gromit/assets/img/close-m_blue.png) center no-repeat;
}
#calcprice-form .success-msg .close:before,
#callback-form .success-msg .close:before,
#calcprice-form .success-msg .close:after,
#callback-form .success-msg .close:after {
  content: none;
}
.success-msg ul {
  position: static;
  margin-top: 15px;
  left: 15px;
}
.success-msg ul li {
  font-family: "Open Sans", "PTSans";
  font-size: 16px;
  margin-bottom: 10px;
}
.success-msg ul li:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 1px;
  background: #fff;
  margin-right: 10px;
  vertical-align: middle;
}
.success-msg span {
  max-width: 100%;
  text-align: left;
  display: block;
  white-space: nowrap;
  font-family: "Open Sans", "PTSans";
  font-size: 18px;
  position: absolute;
  left: 0;
  right: 0;
  vertical-align: middle;
  line-height: 60px;
  padding-left: 75px;
  background: url(../themes/gromit/assets/img/svg/icon-sended_blue.svg) 15px center no-repeat, #ffffff;
  color: #0046ba;
  background-size: 41px;
}
.success-msg span i {
  height: 20px;
  width: auto;
  padding: 0;
  vertical-align: middle;
  margin-right: 20px;
}
.success-msg span span {
  vertical-align: middle;
}
.success-msg span .close {
  position: absolute;
  cursor: pointer;
  right: 0;
  padding: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
.success-msg span .close:hover {
  opacity: .8;
}
.success-msg span .close:after,
.success-msg span .close:before {
  content: '';
  position: absolute;
  display: block;
  background: #fff;
  width: 27px;
  height: 1px;
  top: 28px;
  left: 17px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.success-msg span .close:after {
  height: 27px;
  width: 1px;
  top: 15px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal .success-msg {
  float: left;
}
.modal .success-msg ul {
  margin-top: 0;
}
.p404 h1,
.p404 .h1 {
  font-size: 32px;
  margin-top: 60px;
  margin-bottom: 30px;
}
.p404 img {
  max-width: 300px;
}
.p404 p {
  font-size: 18px;
  font-family: "Open Sans", "PTSans";
  line-height: 30px;
  margin-bottom: 60px;
}
.p404 p + p {
  margin-bottom: 40px;
}
.p404 .content .row {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.responsiv-uploader-fileupload.style-file-single {
  background: none;
  border: none;
  padding: 0;
  overflow: visible;
}
.responsiv-uploader-fileupload.style-file-single p {
  margin-bottom: 10px;
  white-space: nowrap;
}
.responsiv-uploader-fileupload.style-file-single button.upload-button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: static;
  height: 40px;
  background: none;
  border: 0;
}
.responsiv-uploader-fileupload.style-file-single button.upload-button i {
  margin-right: 20px;
}
.responsiv-uploader-fileupload.style-file-single button.upload-button span {
  color: #ffffff;
  border-bottom: 1px #fff  dotted;
}
.responsiv-uploader-fileupload.style-file-single .upload-object .info h4,
.responsiv-uploader-fileupload.style-file-single .upload-object .info .h4,
.responsiv-uploader-fileupload.style-file-single .upload-object .info p {
  font-weight: normal;
  color: #ffffff;
  font-family: "Open Sans", "PTSans";
  font-size: 14px;
}
.responsiv-uploader-fileupload.style-file-single .upload-object .meta .upload-remove-button {
  font-size: 16px;
  color: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2000px), only screen and (min-resolution: 192dpi) and (min-width: 2000px), only screen and (min-resolution: 2dppx) and (min-width: 2000px) {
  #sidebar div,
  #header #menu,
  #footer div,
  .content,
  .modal article {
    zoom: 1.2;
  }
  .regions .map-container {
    width: calc(42vw - 70px);
  }
}

@media screen and (max-height: 768px) {
  #header #menu li.top-call span + span {
    top: 97px !important;
  }
  #fp-nav {
    top: 55% !important;
  }
  .services {
    height: 100%;
  }
  .services h2 + p,
  .services .h2 + p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
  }
  .services h2 + p + p,
  .services .h2 + p + p {
    margin-top: 15px;
  }
  #fullpage .section.contacts .content h2,
  #fullpage .section.contacts .content .h2 {
    padding-top: 5%;
  }
  #fullpage .section.contacts .contact-block {
    height: 50%;
  }
  #fullpage .section.contacts .contact-block + .contact-block {
    height: 50%;
    padding-top: 10%;
  }
  .infograf.horizontal .element .digit {
    font-size: 70px;
    padding-bottom: 25px;
  }
  .infograf.horizontal .element .digit .sub {
    font-size: 18px;
    margin-top: 5px;
  }
  .infograf.horizontal .element .text {
    padding-top: 25px;
    font-size: 15px;
  }
}
@media screen and (min-width: 1181px) and (max-width: 1280px) {
  .content {
    padding: 0 70px;
  }
  #fullpage .section.contacts .contact-block {
    height: 55%;
  }
  #fullpage .section.contacts .contact-block + .contact-block {
    height: 45%;
  }
  .modal h1,
  .modal .h1 {
    margin-bottom: 70px;
  }
  .services h2 + p,
  .services .h2 + p {
    margin-top: 40px;
  }
  .inner-page .content,
  .inner-page header,
  .inner-page footer .page-bottom-form {
    padding-left: 100px;
    padding-right: 100px;
  }
  footer {
    padding-left: 100px;
  }
  footer .page-bottom-form {
    margin-left: -100px;
  }
  .infograf.horizontal .element .digit {
    font-size: 70px;
  }
  .infograf.horizontal .element .digit .sub {
    font-size: 20px;
  }
}
@media screen and (max-width: 1180px) {
  .dash-list li {
    font-size: 16px;
    line-height: 28px;
  }
  .tab-wrapper .tab-labels .dropdown.open {
    width: auto;
  }
  .tab-wrapper .tab-labels,
  .inner-page.contacts .tab-wrapper .tab-labels {
    margin-right: 0;
  }
  .tab-wrapper:after,
  .inner-page.contacts .tab-wrapper:after {
    right: 0;
  }
  .content,
  .inner-page .content {
    padding-left: 0;
    padding-right: 0;
  }
  h2,
  .h2 {
    font-size: 40px;
    line-height: 40px;
  }
  h2 .sub-header,
  .h2 .sub-header {
    margin-left: 27px;
    margin-right: -50px;
    margin-top: 8px;
  }
  .row.lead {
    margin: 0 -25px;
  }
  .row.lead .row {
    margin: 0 -25px;
  }
  .row.lead .col {
    padding: 0 25px;
  }
  .row.lead .col + .col {
    margin-top: 15px;
  }
  .tab-wrapper .tab-label {
    padding: 0 20px;
  }
  .tab-wrapper .tab-contents {
    padding-right: 0;
    padding-left: 60px;
  }
  .page-bottom-form p {
    margin-bottom: 24px !important;
  }
  #header #menu li a {
    padding: 0 10px;
  }
  #header #menu li.top-call span {
    font-size: 13px;
  }
  #header #menu li.top-call span + span {
    position: absolute;
    writing-mode: vertical-lr;
    white-space: nowrap;
    direction: rtl;
    right: 13px;
    top: 85px;
  }
  #header #menu li.top-call span + span a {
    border-bottom: 0;
    border-left: 1px #c0c0c0 solid;
    vertical-align: middle;
  }
  #header #menu li.top-call span + span a:hover {
    border-left-color: transparent;
  }
  #header #menu li.top-call i {
    margin-top: 17px;
    margin-left: 0;
    margin-right: 0;
  }
  #fullpage .section.first h1,
  #fullpage .section.first .h1 {
    padding: 0 60px;
    font-size: 48px;
    line-height: 56px;
  }
  #fullpage .section.first h1 br,
  #fullpage .section.first .h1 br {
    display: none;
  }
  #fullpage .section .clients h2,
  #fullpage .section .clients .h2 {
    padding-top: 40px;
  }
  #fullpage .section .clients .lg-9 {
    position: relative;
    z-index: 10;
  }
  #fullpage .section .clients > .row > .lg-3 {
    left: 70%;
    width: unset;
  }
  #fullpage .section .clients .clients-grid {
    margin-top: 24px;
  }
  #fullpage .section .services {
    padding-top: 50px;
  }
  #fullpage .section .services br {
    display: none;
  }
  #fullpage .section .services h2 + p,
  #fullpage .section .services .h2 + p {
    margin-top: 28px;
  }
  #fullpage .section .services h2 + p + p,
  #fullpage .section .services .h2 + p + p {
    margin-top: 18px;
    margin-bottom: 28px;
  }
  #fullpage .section .services .col + .col {
    height: calc(50vw - 77px);
    padding: 0;
  }
  #fullpage .section .services .col + .col .num,
  #fullpage .section .services .col + .col .text {
    padding-top: 35px;
    padding-left: 33px;
    padding-right: 33px;
  }
  #fullpage .section .services .col + .col .text h3,
  #fullpage .section .services .col + .col .text .h3 {
    line-height: 27px;
    margin-bottom: 12px;
  }
  #fullpage .section .services .col + .col .text p {
    font-size: 14px;
    line-height: 16px;
  }
  #fullpage .section .services .col + .col:nth-child(2n) {
    padding-left: 18px;
  }
  #fullpage .section.contacts .row .col {
    height: auto;
  }
  #fullpage .section.contacts .contact-block p {
    padding-left: 60px;
  }
  #fullpage .section.contacts .contact-block p i {
    margin-left: -60px;
  }
  #fullpage .section.contacts #map {
    height: calc(100vh - 270px - 140px);
    width: 100%;
    z-index: 100;
  }
  #fullpage .section.contacts .page-bottom-form {
    margin-top: -60px;
    margin-left: 0;
    padding: 0 60px;
    padding-top: 120px;
    padding-bottom: 60px;
    margin-right: 0;
  }
  #fullpage .section.contacts .page-bottom-form h3,
  #fullpage .section.contacts .page-bottom-form .h3 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  #fullpage .section.contacts .page-bottom-form p {
    margin-bottom: 30px;
  }
  #fullpage .section.advantages:before {
    background: url(../themes/gromit/assets/img/map-md-bg.png) right center / 50% auto no-repeat;
  }
  #fullpage .section.advantages .content {
    padding-top: 152px;
  }
  .advantages .advantages-grid .row {
    margin: 0;
  }
  .advantages .advantages-grid .col:first-child {
    width: calc(45% - 25px);
  }
  .advantages .advantages-grid .hoverable-logo .logo {
    background-size: 100% !important;
  }
  .advantages .advantages-grid .advantages-text {
    width: calc(55% + 25px);
  }
  .advantages .advantages-grid .advantages-text ul {
    margin-top: -30px;
    padding-left: 83px;
  }
  .advantages .advantages-grid .advantages-text ul li h3,
  .advantages .advantages-grid .advantages-text ul li .h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .advantages .advantages-grid .advantages-text ul li p {
    line-height: 18px;
  }
  .advantages .advantages-grid .advantages-text ul li + li {
    margin-top: 30px;
  }
  .inner-page .content {
    padding-top: 0;
    margin-top: 0;
  }
  .inner-page section + section {
    margin-top: 60px;
  }
  .inner-page header {
    padding: 85px 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .inner-page header h1,
  .inner-page header .h1 {
    font-size: 50px;
  }
  .inner-page header .sub-header {
    display: none;
  }
  .inner-page header span {
    float: none;
  }
  .inner-page footer {
    margin-top: 90px;
    padding: 0;
  }
  .inner-page footer .page-bottom-form {
    padding: 60px;
    margin: 0;
  }
  .inner-page footer .page-bottom-form h3,
  .inner-page footer .page-bottom-form .h3 {
    margin-bottom: 10px;
  }
  .inner-page footer .page-bottom-form .col + .col {
    margin-top: 20px;
  }
  .inner-page footer .page-bottom-form .row + .row {
    margin-top: 20px !important;
  }
  .inner-page.testimonials .content {
    background-position: 150% 0 !important;
    background-size: 50% !important;
  }
  .inner-page.testimonials .autor img {
    margin-top: 10px;
  }
  .inner-page.testimonials section {
    margin: 0 -70px;
    padding: 0 70px;
    background: url(../themes/gromit/assets/img/medium-testimonilas-bg.png) top right / 225px auto no-repeat;
  }
  .inner-page.testimonials .page-bottom-form {
    background: #2550c3;
  }
  .inner-page.testimonials .page-bottom-form .success-msg span {
    outline: none;
  }
  .inner-page.services .services-list {
    margin-top: 52px;
  }
  .inner-page.services .services-list .row .col h2,
  .inner-page.services .services-list .row .col .h2 {
    margin-left: -164px;
  }
  .inner-page.services .services-list ul {
    columns: 1 !important;
  }
  .inner-page.services .page-bottom-form {
    background: #2550c3 !important;
  }
  .inner-page.services.detail img.push-right {
    max-width: calc(100% + 15px);
  }
  .inner-page.services.detail .mt50.tac {
    margin-bottom: 70px;
  }
  .inner-page.services.detail .mt50.tac p {
    line-height: 18px;
  }
  .inner-page.services.detail .block-with-backdround img {
    width: calc(100% + 70px) !important;
  }
  .inner-page.services.detail .block-with-backdround:after {
    top: -60px;
    bottom: -60px;
    right: -52px !important;
  }
  .inner-page.services.detail .spheres {
    margin-top: 30px;
    margin-bottom: 117px;
  }
  .inner-page.services.detail .infograf {
    margin-top: 35px;
  }
  .inner-page.services.detail .infograf .element .digit {
    padding-left: 0;
    width: 180px;
  }
  .inner-page.services.detail .infograf .element .text {
    width: calc(100% - 180px);
    padding-left: 50px;
    font-size: 16px;
    line-height: 22px;
    margin-top: 30px;
  }
  .inner-page.services.detail .infograf .element + .element {
    margin-top: 60px;
  }
  .inner-page.services.detail .infograf .element + .element:before {
    left: 0;
    top: -30px;
  }
  .inner-page.services.detail .page-bottom-form h2,
  .inner-page.services.detail .page-bottom-form .h2 {
    font-size: 36px;
  }
  .inner-page.services.maintenance .block-with-backdround,
  .inner-page.services.cleaning .block-with-backdround {
    margin-top: 80px;
  }
  .inner-page.clients .clients-grid {
    margin-top: 0;
  }
  .inner-page.clients .clients-grid .col {
    width: 33%;
  }
  .inner-page.clients .page-bottom-form {
    min-height: 290px;
    margin-top: 495px;
    margin-bottom: -750px;
  }
  .inner-page.clients .page-bottom-form .col + .col {
    margin-top: 0;
  }
  .inner-page.clients .map-holder {
    position: static;
    width: 100%;
    height: 460px;
  }
  .inner-page.clients .map-holder #map {
    position: static;
  }
  .inner-page.single-client .slider-holder:before {
    right: -70px;
  }
  .inner-page.single-client .lead .text-column-2 {
    columns: 1;
  }
  .inner-page.single-client .swiper-container {
    padding-bottom: 90px;
  }
  .inner-page.single-client .swiper-container .swiper-slide .md-4 {
    position: absolute;
    right: 0;
    bottom: -70px;
  }
  .inner-page.single-client .swiper-container .swiper-pagination-bullets {
    bottom: 55px;
  }
  .inner-page.single-client footer .prev-client a span,
  .inner-page.single-client footer .next-client a span {
    font-size: 20px;
    left: 20px;
  }
  .inner-page.about .infograf .col {
    margin-bottom: 45px;
  }
  .inner-page.about .advantages {
    margin-bottom: 150px;
    margin-right: 0;
    background-position: 150% 0 !important;
    background-size: contain !important;
  }
  .inner-page.about .sertificats .end {
    margin-top: 65px;
  }
  .inner-page.about .sertificats .no-padding {
    text-align: center;
    margin: 0 -15px;
  }
  .inner-page.about .sertificats .no-padding img {
    width: 100%;
  }
  .inner-page.about .regions .map-container {
    position: static;
    height: 600px;
    margin-top: 40px;
    width: 100%;
  }
  .inner-page.about .regions .map-container #map {
    position: static;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
  }
  .inner-page.about .regions #regions-projects {
    transform: translateY(0);
    left: calc(50% - 165px);
  }
  .inner-page.about footer {
    margin-top: 0;
  }
  .inner-page.about footer h3,
  .inner-page.about footer .h3 {
    font-size: 26px;
  }
  .inner-page.contacts .lead {
    margin-bottom: 60px;
  }
  .inner-page.contacts .lead .col + .col {
    margin-top: 0;
  }
  .inner-page.contacts .lead .tab-wrapper {
    margin-top: 60px;
  }
  .inner-page.contacts .contact-data .mb20 {
    padding-left: 60px;
  }
  .inner-page.contacts .row .icon + div {
    margin-left: 0;
  }
  .inner-page.contacts .page-bottom-form {
    background: #2550c3 !important;
  }
  .inner-page.p404 img {
    max-width: 320px;
  }
  .inner-page.p404 p {
    margin-bottom: 55px;
  }
  .inner-page.p404 p + p {
    margin-bottom: 30px;
  }
  .inner-page.p404 p:last-child {
    margin-bottom: 0;
  }
  .modal {
    padding: 60px;
  }
  .modal h1,
  .modal .h1 {
    margin-bottom: 50px;
  }
  .modal form {
    margin: 0 -18px;
    margin-top: 30px;
  }
  .modal form .col + .col {
    margin-top: 20px;
  }
  .modal form .row + .row {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 750px) {
  .tab-wrapper:after {
    right: 0;
    left: 60px;
  }
  h2,
  .h2 {
    font-size: 32px;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row .col {
    padding: 0 15px;
  }
  .sub-header {
    display: none;
  }
  .container {
    padding: 0;
  }
  .page-bottom-form,
  #map {
    margin: 0 -15px !important;
  }
  #map {
    width: calc(100% + 30px) !important;
    height: 340px !important;
  }
  .row .col > .row {
    margin: 0 -15px;
  }
  .tab-wrapper .tab-labels .tab-label {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tab-wrapper .tab-labels .more {
    padding-left: 20px;
    padding-right: 20px;
  }
  .tab-wrapper .tab-labels .dropdown.open {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
  }
  .tab-wrapper .tab-labels .dropdown.open .elems {
    display: block;
    width: 100%;
  }
  .tab-wrapper .tab-labels .dropdown.open .elems .tab-label {
    width: 100%;
  }
  .tab-wrapper .tab-labels .dropdown .elems {
    position: absolute;
    top: 0;
    right: 0;
  }
  .tab-wrapper .tab-labels .dropdown .elems .dropdownElem {
    width: 100%;
    line-height: 16px;
    padding: 15px 30px;
  }
  .tab-wrapper .tab-contents {
    padding-left: 0;
  }
  p {
    font-size: 16px;
    line-height: 28px;
  }
  #header {
    height: 60px;
    padding: 10px 0;
  }
  #header .phone {
    color: #000;
    text-decoration: none;
  }
  #header .phone p {
    line-height: 40px;
    font-family: 'PTSerif';
    font-size: 18px;
  }
  #header #mobileMenu .top-logo img {
    max-width: none;
  }
  #header #mobileMenu .hamburger {
    height: 40px;
  }
  #header #mobileMenu .hamburger #nav-icon {
    margin-top: 12px;
    float: right;
    width: 19px;
    height: 16px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
  }
  #header #mobileMenu .hamburger #nav-icon:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -15px;
    left: -15px;
    padding: 15px;
  }
  #header #mobileMenu .hamburger #nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #2550c3;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    font-size: 18px;
  }
  #header #mobileMenu .hamburger #nav-icon span:nth-child(1) {
    top: 0px;
  }
  #header #mobileMenu .hamburger #nav-icon span:nth-child(2),
  #header #mobileMenu .hamburger #nav-icon span:nth-child(3) {
    top: 7px;
  }
  #header #mobileMenu .hamburger #nav-icon span:nth-child(4) {
    top: 14px;
  }
  #header #mobileMenu .hamburger #nav-icon.open {
    z-index: 11;
    width: 22px;
  }
  #header #mobileMenu .hamburger #nav-icon.open span {
    background: #fff;
    height: 1px;
  }
  #header #mobileMenu .hamburger #nav-icon.open span:nth-child(1) {
    top: 7px;
    width: 0%;
    left: 50%;
  }
  #header #mobileMenu .hamburger #nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #header #mobileMenu .hamburger #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #header #mobileMenu .hamburger #nav-icon.open span:nth-child(4) {
    top: 7px;
    width: 0%;
    left: 50%;
  }
  #header #mobileMenu .hamburger #nav-icon.open + #mobileMenuItems {
    display: block;
  }
  #header #mobileMenuItems {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 10;
    top: 0;
    height: 100vh;
    overflow-y: auto;
  }
  #header #mobileMenuItems > div {
    padding: 15px;
    padding-top: 60px;
    background-color: #2550c3;
    min-height: 560px;
    position: relative;
    height: 100vh;
  }
  #header #mobileMenuItems ul li {
    margin-bottom: 50px;
  }
  #header #mobileMenuItems ul li a {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1em;
    display: block;
  }
  #header #mobileMenuItems ul li a:active,
  #header #mobileMenuItems ul li a:hover {
    color: #fff !important;
    opacity: .8;
  }
  #header #mobileMenuItems .write-us {
    height: 80px;
    padding-top: 18px;
    border-top: 1px #3a61c8 solid;
    border-bottom: 1px #3a61c8 solid;
    margin: 0 -15px;
  }
  #header #mobileMenuItems .write-us i {
    margin-top: 0;
  }
  #header #mobileMenuItems .write-us .modal-link {
    position: static;
    vertical-align: middle;
    border-left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    border-bottom: 1px #5a7bd2 solid;
    color: #fff;
    writing-mode: horizontal-tb;
  }
  #header #mobileMenuItems .social {
    padding-top: 30px;
    bottom: 30px;
    left: 0;
  }
  #header #mobileMenuItems .social .col {
    margin-top: 0;
  }
  #header #mobileMenuItems .social a {
    opacity: 1;
  }
  #header #mobileMenuItems .write-us img,
  #header #mobileMenuItems .social img,
  #header #mobileMenuItems .write-us i,
  #header #mobileMenuItems .social i {
    filter: brightness(10) grayscale(1) saturate(0);
    -webkit-filter: brightness(10) grayscale(1) saturate(0);
  }
  #footer {
    position: static;
    letter-spacing: .1em;
  }
  #fullpage {
    padding-top: 60px;
    padding-bottom: 0;
  }
  #fullpage .section {
    min-height: calc(100vh - 60px);
  }
  #fullpage .section.first h1,
  #fullpage .section.first .h1 {
    font-size: 28px;
    padding: 0 20px;
    position: absolute;
    top: calc(50% - 70px);
    left: 0;
    right: 0;
    line-height: 32px;
  }
  #fullpage .section.first .scrollNext {
    bottom: 40px;
  }
  #fullpage .section + .section {
    margin-top: 50px;
  }
  #fullpage .section .clients {
    position: relative;
  }
  #fullpage .section .clients .lg-9 {
    padding-top: 50px;
  }
  #fullpage .section .clients > .row > .lg-3 {
    left: 53%;
  }
  #fullpage .section .services .sm-12 {
    height: 100vw !important;
    padding: 0 !important;
    transition: none;
    margin: 0 15px;
    width: calc(100% - 30px);
  }
  #fullpage .section .services .sm-12:hover {
    color: #fff;
  }
  #fullpage .section .services .sm-12:hover:after {
    transition: none;
    filter: none;
    z-index: 1;
  }
  #fullpage .section .services .sm-12 .num {
    top: 0;
    left: 0;
    width: 50%;
  }
  #fullpage .section.advantages {
    margin-top: 100px;
    padding: 0 15px;
  }
  #fullpage .section.advantages:before {
    background: url(../themes/gromit/assets/img/map-sm-bg.png) 100% 78% / 50% auto no-repeat;
    right: 0;
  }
  #fullpage .section.advantages .content {
    padding-top: 0;
    position: relative;
    z-index: 1;
  }
  #fullpage .section.advantages .hoverable-logo {
    width: 230px;
    height: 307px;
    margin: 0 auto;
  }
  #fullpage .section.advantages .hoverable-logo .logo-part {
    display: none;
  }
  #fullpage .section.contacts .row .contact-block p {
    padding-left: 60px;
  }
  #fullpage .section.contacts .row .contact-block p i {
    margin-left: -60px;
  }
  #fullpage .section.contacts #map {
    margin-top: 40px !important;
    height: 100vw;
  }
  #fullpage .section.contacts .page-bottom-form {
    margin-top: 0;
    padding: 40px 15px;
  }
  #fullpage .section.contacts .page-bottom-form br {
    display: none;
  }
  .advantages h2,
  .advantages .h2 {
    font-size: 32px;
  }
  .advantages .advantages-grid {
    margin-top: 35px;
  }
  .advantages .advantages-grid .col:first-child {
    width: 100%;
  }
  .advantages .advantages-grid .col.advantages-text {
    width: 100%;
  }
  .advantages .advantages-grid .col.advantages-text ul {
    margin-top: 90px;
    padding-left: 0;
    position: relative;
  }
  .advantages .advantages-grid .col.advantages-text ul:before,
  .advantages .advantages-grid .col.advantages-text ul:after {
    content: '';
    position: absolute;
    background-color: #1e4ecf;
    display: block;
    top: -65px;
    left: 50%;
  }
  .advantages .advantages-grid .col.advantages-text ul:before {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: calc(50% - 4.5px);
  }
  .advantages .advantages-grid .col.advantages-text ul:after {
    width: 1px;
    height: 53px;
  }
  .advantages .advantages-grid .col.advantages-text ul li h3,
  .advantages .advantages-grid .col.advantages-text ul li .h3,
  .advantages .advantages-grid .col.advantages-text ul li p {
    opacity: 1;
  }
  .inner-page {
    margin: 0;
    margin-top: 60px;
  }
  .inner-page header {
    padding: 40px 0;
    margin-bottom: 40px;
    text-align: center;
  }
  .inner-page header h1,
  .inner-page header .h1 {
    font-size: 28px;
  }
  .inner-page h2,
  .inner-page .h2 {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 28px;
  }
  .inner-page .row.lead {
    margin: 0;
  }
  .inner-page .row.lead .col {
    padding: 0 15px;
  }
  .inner-page .row.lead .col p + p {
    margin-top: 10px;
  }
  .inner-page .row.lead .col + .col {
    margin-top: 10px;
  }
  .inner-page footer {
    margin-top: 50px;
  }
  .inner-page footer .page-bottom-form {
    padding: 40px 15px;
    margin: 0 !important;
  }
  .inner-page footer .page-bottom-form p {
    margin-bottom: 30px;
  }
  .inner-page.about .infograf .col {
    margin-bottom: 60px;
  }
  .inner-page.about .advantages-grid {
    padding: 0 15px;
  }
  .inner-page.about .advantages {
    margin-bottom: 100px;
    background-position: -117% 0 !important;
    background-size: auto 64% !important;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 0;
  }
  .inner-page.about .advantages .hoverable-logo {
    margin: 0 auto;
  }
  .inner-page.about .advantages h2,
  .inner-page.about .advantages .h2 {
    padding: 0 15px;
  }
  .inner-page.about .sertificats .end {
    margin-top: 40px;
  }
  .inner-page.about .sertificats .end .col {
    padding: 0 15px;
  }
  .inner-page.about .sertificats .end .col a {
    margin-top: 0;
    padding: 45px;
  }
  .inner-page.about .sertificats .end .col img {
    width: 100%;
  }
  .inner-page.about .sertificats .end .col + .col {
    border-top: 1px #fff solid;
  }
  .inner-page.about .regions .map-container {
    height: calc(100vh - 60px);
    margin-right: 0;
    width: 100%;
  }
  .inner-page.about .regions .map-container #map {
    height: 100% !important;
  }
  .inner-page.about .regions #regions-projects {
    left: calc(50% - 145px);
    transform: translateY(-15px);
  }
  .inner-page.about .regions #regions-projects:after {
    top: -7px;
    left: 90px;
  }
  .inner-page.services .services-list {
    padding: 0 15px;
  }
  .inner-page.services .services-list .row {
    padding-left: 15px;
    padding-top: 25px;
  }
  .inner-page.services .services-list .row .col h2,
  .inner-page.services .services-list .row .col .h2 {
    margin-left: 0;
    position: relative;
  }
  .inner-page.services .services-list .row .col h2 span,
  .inner-page.services .services-list .row .col .h2 span {
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }
  .inner-page.services .services-list .row .col h2 + p,
  .inner-page.services .services-list .row .col .h2 + p {
    margin-bottom: 15px;
  }
  .inner-page.services .services-list .row .col ul li {
    line-height: 22px;
  }
  .inner-page.services .services-list .row .col ul li + li {
    margin-top: 10px;
  }
  .inner-page.services .page-bottom-form {
    background: #2550c3;
    padding-left: 0;
    padding-right: 0;
  }
  .inner-page.services .page-bottom-form h3,
  .inner-page.services .page-bottom-form .h3 {
    font-size: 20px;
  }
  .inner-page.services.detail .text-content {
    margin-top: 36px;
  }
  .inner-page.services.detail .text-content + .text-content {
    margin-top: 60px;
  }
  .inner-page.services.detail h2 + p,
  .inner-page.services.detail .h2 + p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
  }
  .inner-page.services.detail img.push-right {
    max-width: calc(100% + 15px);
  }
  .inner-page.services.detail .mt50.tac {
    margin-bottom: 70px;
  }
  .inner-page.services.detail .mt50.tac p {
    line-height: 18px;
  }
  .inner-page.services.detail .block-with-backdround:after {
    right: 0 !important;
  }
  .inner-page.services.detail .block-with-backdround img {
    margin-right: 0;
    max-width: calc(100% + 15px) !important;
  }
  .inner-page.services.detail .infograf {
    margin-top: 35px;
  }
  .inner-page.services.detail .infograf .element .digit {
    padding-left: 0;
    font-size: 50px;
    width: 90px;
  }
  .inner-page.services.detail .infograf .element .text {
    font-size: 16px;
    line-height: 22px;
    width: calc(100% - 90px);
    margin-top: 3px;
    padding-left: 20px;
  }
  .inner-page.services.detail .infograf .element + .element {
    margin-top: 60px;
  }
  .inner-page.services.detail .infograf .element + .element:before {
    left: 0;
    top: -30px;
  }
  .inner-page.services.maintenance .lead,
  .inner-page.services.cleaning .lead {
    padding: 10px 25px;
  }
  .inner-page.clients .clients-grid .col {
    width: 50%;
  }
  .inner-page.clients .tab-wrapper {
    padding-bottom: 0;
  }
  .inner-page.clients section {
    padding: 0 15px;
  }
  .inner-page.clients section.no-padding {
    padding: 0;
  }
  .inner-page.clients footer {
    margin-top: 50px !important;
  }
  .inner-page.clients footer br {
    display: none;
  }
  .inner-page.clients footer h2,
  .inner-page.clients footer .h2,
  .inner-page.clients footer p {
    padding: 0 15px;
  }
  .inner-page.clients .page-bottom-form {
    padding-left: 0;
    padding-right: 0;
    margin-top: 375px !important;
    margin-bottom: -620px !important;
    min-height: 280px;
  }
  .inner-page.clients .page-bottom-form p {
    padding: 0;
  }
  .inner-page.clients .map-holder {
    width: 100%;
    margin-right: 0;
    height: 340px !important;
  }
  .inner-page.clients .map-holder #map {
    margin: 0 !important;
    width: 100% !important;
  }
  .inner-page.single-client .slider-holder:before {
    right: 0;
    left: 50%;
  }
  .inner-page.single-client .swiper-container img {
    display: block;
  }
  .inner-page.single-client .swiper-container p {
    position: static;
    line-height: 22px;
    margin-top: 30px;
  }
  .inner-page.single-client .swiper-container .swiper-slide .md-4 {
    position: static;
  }
  .inner-page.single-client .swiper-container .swiper-pagination-bullets {
    bottom: 25px;
    left: 15px;
    right: 15px;
    width: auto;
    text-align: center;
  }
  .inner-page.single-client .swiper-container .swiper-pagination-bullets span {
    margin: 0 20px;
  }
  .inner-page.single-client .prev-client,
  .inner-page.single-client .next-client {
    outline: 1px #fff solid;
  }
  .inner-page.testimonials .content {
    background: none !important;
  }
  .inner-page.testimonials .content section {
    padding: 0;
    margin: 0;
    background: none;
  }
  .inner-page.testimonials .content .testimonial {
    margin: 0 15px;
    padding-bottom: 30px;
  }
  .inner-page.testimonials .content .testimonial + .testimonial {
    margin-top: 40px;
  }
  .inner-page.testimonials .content .scan {
    padding: 45px;
    margin-bottom: 30px;
  }
  .inner-page.testimonials .content .scan img {
    width: 100%;
  }
  .inner-page.testimonials .content .review {
    padding-left: 0;
    padding-right: 0;
  }
  .inner-page.testimonials .page-bottom-form h3,
  .inner-page.testimonials .page-bottom-form .h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .inner-page.testimonials .page-bottom-form p {
    white-space: normal;
  }
  .inner-page.testimonials .page-bottom-form .success-msg {
    padding-top: 20px;
  }
  .inner-page.testimonials .page-bottom-form form button[type='submit'] {
    width: 100%;
    margin-top: 10px;
  }
  .inner-page.contacts .row.lead .col + .col {
    margin-top: 25px;
  }
  .inner-page.contacts .row.lead .tab-wrapper {
    margin-top: 35px;
  }
  .inner-page.contacts .row.lead .tab-wrapper .row {
    margin: 0 -15px;
  }
  .inner-page.contacts .contact-data {
    margin-top: 30px;
  }
  .inner-page.contacts .page-bottom-form h3,
  .inner-page.contacts .page-bottom-form .h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .inner-page.p404 h1,
  .inner-page.p404 .h1 {
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .inner-page.p404 img {
    max-width: 240px;
    width: calc(100% - 50px);
  }
  .inner-page.p404 .content .row {
    margin-top: 130px;
    position: static;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .inner-page.p404 p {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 22px;
  }
  .inner-page.p404 p a {
    font-size: 11px;
  }
  .inner-page.p404 p + p {
    margin-bottom: 30px;
  }
  .modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 15px;
    overflow-y: scroll;
  }
  .modal form button[type='submit'] {
    width: 100%;
    float: none;
  }
  .modal .close {
    padding: 25px;
  }
  .modal .close:after {
    height: 19px;
    top: 20px;
    left: 25px;
  }
  .modal .close:before {
    width: 19px;
    top: 29px;
    left: 16px;
  }
  .modal h1,
  .modal .h1 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .modal p {
    font-size: 16px;
    line-height: 28px;
  }
  .modal .success-msg ul {
    position: static;
    padding-bottom: 20px;
  }
  .modal .success-msg > span {
    left: 15px;
    right: 15px;
  }
  .success-msg ul {
    position: static;
    padding-bottom: 20px;
  }
  .success-msg > span {
    font-size: 16px;
    padding-right: 70px;
    height: auto;
    min-width: 0 !important;
    white-space: normal;
    line-height: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

html {
        background: none;
    }
body{overflow-x: hidden;}
.seo-page ul {
    list-style-type: disc;
    padding-left: 30px;
}

.seo-text {
    font-family: "Open Sans", 'PTSans';
    font-size: 18px;
    line-height: 30px;
}
.seo-text h1,.seo-text .h1 {
    font-size: 35px;
    margin-bottom: 30px;
    line-height: 45px;
}
.seo-text p, ul, ol {
    margin-bottom: 15px;
}
.seo-text ul, .seo-text ol {
    padding-left: 30px;
}
.seo-text ul {
    list-style-type: disc;
}
.seo-text ol {
    list-style-type: decimal;
}
.seo-text .steps p {
    padding-left: 30px;
}
.seo-text h3{
    font-weight: bold;
}
.seo-text table td{
    border: 1px solid black;
    padding: 3px 10px;
}
/*.services > .row > .col-full-height {
     height: 100%;
}
.services > .row > .col {
    min-height: 250px;
}*/

/*#fullpage .section.section-services .scrollNext {
    text-align: center;
    position: absolute;
    bottom: 110px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#fullpage .section.section-services .scrollNext a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
}
#fullpage .section.section-services .scrollNext a span {
    display: block;
    margin-bottom: 30px;
    letter-spacing: .2em;
}*/

.inner-page.services .page-bottom-form {
    background: url(/storage/app/media/5036823.png) center right / contain no-repeat, #0047ba;
}
ul.sum_menu3 li {
    background: #f8f8f8;
    position: relative;
    left: 0px;
    right: 0;
    margin-left: -20px;
    padding-left: 20px;
}

/*---26.11---*/
.seo-text .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.seo-text .wrap.left{
	flex-direction:row-reverse;
}
.seo-text .wrap.left .wrap_block {
	    text-align: right;
		margin-right: 70px;
		margin-left: 0px;
}

.seo-text .wrap img {
	max-width: 320px;
	
}
.seo-text .wrap .wrap_block {
	max-width: 70%;
	margin-left: 30px;
}
.seo-text .wrap_img {
	display: flex;
	justify-content: space-between;
	flex-direction: wrap;
}
.seo-text .wrap_img img {
	margin: 15px;
}

@media screen and (max-width: 768px) {
	.seo-text .wrap{
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.seo-text .wrap img {
		margin-bottom: 30px;
		max-width: 100%;
	}
	.seo-text .wrap .wrap_block {
		max-width: 100%;
		margin-left: 0px;
	}
	.seo-text .wrap.left .wrap_block {
		margin-right: 0px;
		text-align: left;
	}
}

/*---26.11---*/
@media screen and (max-width: 1600px) {
    .inner-page.services .page-bottom-form {
        background: #2550c3 !important;
    }
    .page-bottom-form .col.lg-4.md-12.sm-12{
        width: 100%;
    }
}
.h1 {
    font-size: 60px;
}
.modal .h1 {
    margin-bottom: 145px;
}

.inner-page header .sub-header-h1 {
    opacity: 0.5;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: inline-block;
    margin-left: 50px;
}
.inner-page header h1.h1seo,.inner-page header .h1.h1seo {
    display: inline-block;
    margin-left:50px;
}

.clients > .row > .lg-3 {
background: url('/storage/app/media/image2_5072098.jpg') center / cover;
}

form input + [data-validate-for], form textarea + [data-validate-for] {
font-size: 20px;
background:none;
    top: 10px;
    color: red;
    text-align: center;
}
#callback-form input + [data-validate-for] {
top:0;
}


.section.first {
position:relative;
}





#header #menu .uslugi_m {
    position:relative;
}
#header #menu .uslugi_m ul{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 400px;
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    z-index: 99999;
    box-sizing: border-box;
    padding:20px 0 20px 20px;
    margin-bottom: 0;
}
#header #menu .uslugi_m ul.sum_menu{
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    width: 320px;
}
#header #menu .uslugi_m ul ul {
    background: #f8f8f8;

}

#header #menu .uslugi_m ul li {
    padding-bottom: 15px;
    box-sizing: border-box;
    display: block;
    text-align: left;
}

#header #menu li.uslugi_m:hover>ul{
    visibility: visible;
    opacity: 1;
}
#header #menu li.uslugi_m ul li:hover>ul{
    visibility: visible;
    opacity: 1;
}
#header #menu li.uslugi_m ul ul {
    top: 0;
    bottom: 0;
    left: 318px;

}
#header #menu li.uslugi_m ul ul ul {
    top: 0;
    bottom: 0;
    left: 395px;
}

#header #menu .uslugi_m li a {
    color: #000000;
    font-size: 11px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    line-height: 16px;
    max-width: 80%;
    padding:0;
}
#header #menu .uslugi_m li a:hover {
    color: #db5629;
}

 #header #menu .uslugi_m li.noparent a:after, #header #menu .uslugi_m ul ul ul li a:after {
    content: none;
 }
#header #menu .uslugi_m .hov_act {
 background: url('/themes/gromit/assets/img/strl.png') 90% 5px no-repeat;
 }
#header #menu .uslugi_m .hov_act:hover {
 background: url('/themes/gromit/assets/img/strl_hover.png') 90% 5px no-repeat;
 }

#map-ya ymaps{position: absolute;}
#map-ya.clients{position: relative;height: 100%;}
.mpmrelative{position: relative;}
.mpmwraper{position: absolute;bottom: 0;right: 0;height: 299px;width: 430px;}
.mpmwraper #map-ya{height: 100%;}
.mpmwraper #map-ya iframe{width: 100%;height: 100%;}
.bread .breadcrumb li{display: inline-block;}
.bread .breadcrumb li:after{content:'-';margin-left: 5px;}
.bread .breadcrumb li:last-child:after{content: none;}
#scrollTop i.icon{border-color: #0047ba;}
.write-us a.nbbm{writing-mode: horizontal-tb;border-left: none;margin-left: 0;}
#header #menu li.top-call a.nbbm{border-bottom: none;}
#header #menu li.top-call span.phone a{font-size: 18px;font-weight: bold;text-decoration: none;border-bottom: none;}
#footer .tac,footer .sitemap{color: #000000;}

#front-page .section{position: relative;}
#front-page .section:before,#front-page .section:after{content: '';display: block;clear: both;}
.section-first{height: auto;margin: 74px 0 20px;}
.section-first .wrap{}
.section-first .wrap .row{height: 100%;position: relative;}
.section-first .wrap.ffs{padding: 0 18px;height: 400px;}
.section-first .ffs #ffslider{height: 100%;}
.section-first .ffs #ffslider .ffslide{height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;}
.section-first .ffs #ffslider:not(.slick-initialized) .ffslide(n+2){display: none;}
.section-first .ffs #ffslider .slick-list,.section-first .ffs #ffslider .slick-track{height: 100%;}
.section-first .ffs #ffslider .ffslide.slide1{background-image: url(/themes/gromit/assets/img/front/banner.png);}
.section-first .ffs #ffslider .ffslide.slide1_2{background-image: url(/themes/gromit/assets/img/banner-bg1_2.png);}
.section-first .ffs #ffslider .ffslide .link span{display: block;text-align: center;position: absolute;width: 100%;top: 50%;transform: translate(0,-50%);padding: 0 40px;}
.section-first .ffs #ffslider .ffslide .link{text-transform: uppercase;color: #fff;text-decoration: none;border-bottom: none;font-size: 2vw;line-height: 3vw;letter-spacing: 0.2vw;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.section-first .ffs #ffslider .ffslide .link:hover{color: #fff !important;}
.section-first .ffs .slick-arrow{width: 4vw;height: 3vw;background-position: center;background-size: contain;background-repeat: no-repeat;cursor: pointer;}
.section-first .ffs .btn-next{background-image: url(/themes/gromit/assets/img/front/vpered_slajder.svg);top: 50%;transform: translateY(-50%);position: absolute;right: 1vw;}
.section-first .ffs .btn-prev{background-image: url(/themes/gromit/assets/img/front/nazad_slajder.svg);left: 1vw;top: 50%;transform: translateY(-50%);position: absolute;}
.section-first .ffs .ffslider-dots{position: absolute;bottom: 30px;width: 100%;}
.section-first .ffs .ffslider-dots li{margin: 0 10px;}
.section-first .ffs .ffslider-dots li.slick-active{}
.section-first .ffs .slick-dots{bottom: 0;}
.section-first .ffs .slick-dots li button{outline: none;}
.section-first .ffs .slick-dots li button::before{content: '';border: 2px solid #fff;opacity: 1;border-radius: 20px;width: 15px;height: 15px;}
.section-first .ffs .slick-dots li.slick-active button::before{background-color: #fff;}
.ffslider-bttns{position: absolute;bottom: 70px;display: flex;left: 0;right: 0;justify-content: center;flex-wrap: wrap;}
.ffslider-bttns a{display: inline-block;padding: 10px 15px;color: #fff;text-decoration: none;letter-spacing: inherit;width: 230px;text-align: center;margin: 0 10px;transition: ease 0.3s;}
.ffslider-bttns a:visited{color: #fff;}
.ffslider-bttns .gocalc{border: 1px solid #fff;}
.ffslider-bttns .modal-link{background: #40b5e5;border: 1px solid #40b5e5;}
.ffslider-bttns .gocalc:hover{color: #fff !important;background-color: #40b5e5;border-color: #40b5e5;}
.ffslider-bttns .modal-link:hover{color: #fff !important;background: transparent;border-color: #fff;}
.section-first .wrap.container{}
.section-first .servs.container{padding: 20px 0;}
.section-first .servs.container .row{margin: 0 -10px;}
.section-first .servs .col{padding: 0 10px;position: relative;}
.section-first .servs .col .w{height: 240px;background-position: top;background-size: cover;padding: 20px;}
.section-first .servs .col .w a{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.section-first .servs .col .w .more{position: absolute;bottom: 20px;right: 20px;background: #40b5e5;color: #fff;padding: 7px 50px;transition: all ease 0.3s;font-size: 16px;}
.section-first .servs .col .w .more:hover{background-color: #0047ba;}
.section-first .servs .serv1 .w{background-image: url(/themes/gromit/assets/img/front/usluga1.png);}
.section-first .servs .serv2 .w{background-image: url(/themes/gromit/assets/img/front/usluga2.png);}
.section-first .servs .serv3 .w{background-image: url(/themes/gromit/assets/img/front/usluga3.png);}
.section-first .servs .text{}
.section-first .servs .text p{line-height: 20px;}
.section-first .servs .text .h3{font-size: 26px;margin-bottom: 10px;}
.section-first .servs .text .prc{color: #0047ba;font-weight: bold;font-size: 24px;}
.cena-block {
    position: absolute;
    font-size: 20px;
    right: 30px;
    bottom: 65px;
    font-weight: bold;
    color: white;
}
#front-page .section.office{margin: 30px 0;}
#front-page .section.office .container{padding: 0;}
#front-page .section.office img{width: 100%;}

.serv-list{max-width: 1440px;margin: 0 0 0 auto;border-collapse: separate;}
.seo-text .serv-list{margin-bottom: 20px;}
.inner-page.services .serv-list{max-width: 100%;}
.serv-list .col{height: 250px;background-size: cover;background-position: center;background-repeat: no-repeat;padding: 30px;margin: 0;border-right-width: 0;border-left-width: 0;background-blend-mode: soft-light;position: relative;border-bottom: 1px solid #fff;}
.seo-text .serv-list .col{border: 1px solid #fff;}
.serv-list .col:hover{background-color: #3862BD}
.serv-list .col.serv1{background-image: url(/themes/gromit/assets/img/services/bg1.png);}
.serv-list .col.serv2{background-image: url(/themes/gromit/assets/img/services/bg_zhilstroy.jpg);}
.serv-list .col.serv3{background-image: url(/themes/gromit/assets/img/services/bg_monolit.jpg);}
.serv-list .col.serv4{background-image: url(/themes/gromit/assets/img/services/bg_ingsys.jpg);}
.serv-list .col.serv5{background-image: url(/themes/gromit/assets/img/services/bg_remrab.jpg);}
.serv-list .col.serv6{background-image: url(/themes/gromit/assets/img/services/123.jpg);}
.serv-list .col.serv7{background-image: url(/themes/gromit/assets/img/services/bg_doprab.jpg);}
.serv-list .col .howw{transform: translateY(140px);transition: 0.3s;}
.serv-list .col:hover .howw.hc{transform: translateY(0);}
.serv-list .col .howw .h{}
.serv-list .col:hover .howw .h:after{content: '';display: block;width: 20px;height: 2px;background-color: #fff;margin-top: 15px;margin-bottom: 20px;}
.serv-list .col .howw .h a{color: #fff;text-decoration: none;font-weight: bold;font-size: 18px;line-height: 20px;}
.serv-list .col .howw .h a:hover{color: #fff !important;text-decoration: underline;}
.serv-list .col .howw .sbm{display: none;}
.serv-list .col:hover .howw .sbm{display: block;height: auto;}
.serv-list .col .howw .sbm ul{list-style: disc;font-size: 14px;color: #fff;padding-left: 14px;margin-top: 15px;column-count: 2;}
.serv-list .col .howw .sbm ul li{margin-bottom: 10px;}
.serv-list .col .howw .sbm ul li a{color: #fff;font-size: 14px;text-decoration: none;}
.serv-list .col .howw .sbm ul li a:hover{color: #fff !important;text-decoration: underline;}

.calcul{margin: 30px 0;}
.calcul .h{color: #fff;align-contentfont-size: 14px;line-height: 24px;min-height: 98px;}
.calcul .sub{font-size: 12px;color: #2a2a2a;}
.calcul .inp{position: relative;}
.calcul .inp.d:after{/*! content: ''; */display: block;width: 10px;border-bottom: 1px solid #2a2a2a;margin: 30px 0 20px;}
.calcul .btn-calcul{height: 50px;background: #40B5E5;border:1px solid #40B5E5;color: #fff;padding: 0 60px;font-size: 16px;transition: all .6s ease;font-family: "Open Sans", "PTSerif";outline: none;cursor: pointer;float: none;letter-spacing: normal;text-transform: none;}
.calcul .btn-calcul:hover{border: 1px solid #fff;background: transparent;}
.calcul .btn-calcul-send{background-color: #224fc3;padding: 0;width: 150px;}
.calcul .btn-calcul-send:hover{background-color: #224fc3;}
.calcul .slct{background-color: #0047ba;padding: 50px 60px;margin-left: 0;margin-right: 0;}
.calcul input,.calcul select{height: 50px;border: none;padding: 10px 20px;box-sizing: border-box;width: 100%;color: #2a2a2a;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none !important;}
.calcul select{background-image: url(/themes/gromit/assets/img/arrow.svg);background-position: calc(100% - 15px) center;background-repeat: no-repeat;outline-style: none;}
.calcul .flex .h{color: #2a2a2a;}
#calcul{}
#calcul .flex{background-color: #e8e8e8;padding: 0;position: relative;margin: 0;display: flex;justify-content: space-between;padding-right: 30px;flex-wrap: wrap;color: #2a2a2a;}
#calcul .fxc{padding: 50px 0;}
#calcul .fxc.d{width: 1px;box-sizing: border-box;}
#calcul .fxc.d:before{content: '';border-right: 1px solid rgba(255,255,255,0.4);height: 180px;display: block;}
#calcul .close{position: relative;width: 80px;}
#calcul #calcul-close {top: 0;bottom: 0;position: absolute;left: 0;padding: 0;background-color: #1a3888;z-index: 1;cursor: pointer;background-image: url(/themes/gromit/assets/img/close.svg);background-position: center;background-repeat: no-repeat;right: 0;}
#calcul .result{position: relative;}
#calcul .result .res{}
#calcul .result .resw{height: 50px;line-height: 50px;font-size: 30px;color: #2a2a2a;}
#calcul .result #calcul-res{height: 50px;}
#calcul .name{width: 230px;}
#calcul .phone{width: 230px;}
#calcul .btnrw{width: 150px;}
.calcul .success-msg span{position: relative;left: auto;top: auto;}
.calcul .success-msg span .close{display: inline-block;vertical-align: middle;}
a.telmail{color: #000;text-decoration: none;}
#front-page .section.contacts{margin-bottom: 70px;}
footer.srvsz,footer.srvsz .page-bottom-form{margin-top: 0;}

.silders-wrap{display: grid;grid-template-columns: calc(50% - 10px) calc(50% - 10px);column-gap: 20px;grid-column-gap: 20px;margin: 30px 0;}
.silders-wrap .head{display: flex;justify-content: space-between;background: #fff;}
.silders-wrap .head .name{font-size: 32px;margin: 20px 0;}
.silders-wrap .head .arrw{display: flex;}
.silders-wrap .head .arrw .slick-arrow{width: 32px;height: 32px;background-color: rgba(255,255,255,0.5);background-size: contain;background-blend-mode: difference;cursor: pointer;background-repeat: no-repeat;background-position: center;margin: 20px 0;}
.silders-wrap .head .arrw .slick-arrow.next{background-image: url(/themes/gromit/assets/img/front/vpered_slajder.svg);}
.silders-wrap .head .arrw .slick-arrow.prev{background-image: url(/themes/gromit/assets/img/front/nazad_slajder.svg);margin-right: 20px;}
.silders-wrap .body:not(.slick-initialized){display: none;}
.sliders-serts,.sliders-reviews{vertical-align: bottom;display: flex;flex-direction: column;justify-content: space-between;}
.sliders-reviews{background: #f2f2f2;}
.sliders-serts .body{margin-left: -20px;}
.sliders-serts .item{margin-left: 20px;}
.sliders-reviews .body{}
.sliders-reviews .testimonial{padding: 0;box-sizing: border-box !important;}
.sliders-reviews .testimonial .tm-wrap{display: grid;grid-template-columns: 11.3vw calc(100% - 12.7vw);column-gap: 20px;grid-column-gap: 20px;box-sizing: border-box;padding: 1.55vw;}
.sliders-reviews .testimonial .scan{}
.sliders-reviews .testimonial .scan img{width: 100%;}
.sliders-reviews .testimonial .review{display: flex;flex-direction: column;justify-content: space-between;}
.sliders-reviews .testimonial h2,
.sliders-reviews .testimonial .h2{}
.sliders-reviews .testimonial h2 img,
.sliders-reviews .testimonial .h2 img{}
.sliders-reviews .testimonial .review p{font-size: 14px;line-height: 20px;}
.sliders-reviews .testimonial .review p+p{display: none;}
.sliders-reviews .testimonial .review .link{font-weight: normal;font-size: 16px;letter-spacing: 2px;border-bottom-color: #000;}
.sliders-reviews .testimonial .review .name p{font-size: 18px;}
.sliders-reviews .testimonial .review .post{}

.tblclps-wrap{transition: 0.4s ease-in-out;overflow: hidden;position: relative;margin-bottom: 10px;}
.tblclps-wrap:before,.tblclps-wrap:after{content: '';display: block;clear: both;}
.tblclps-wrap .head{background-color: #0047ba;color: #fff;padding: 10px 10px 10px 50px;z-index: 200;line-height: 30px;}
.tblclps-wrap input.tblclpsr{display: none;}
.tblclps-wrap label.lbltbl{float: right;width: 26px;height: 26px;display: block;margin: 12px;border-radius: 15px;border: 1px solid #2d62ee;text-align: center;line-height: 18px;transform: rotate(90deg);font-size: 24px;background-color: #2d62ee;cursor: pointer;color: #fff;transition: 0.4s ease-in-out;}
.tblclps-wrap input:checked+label.lbltbl{transform: rotate(-90deg);}
.tblclps-wrap table{clear: both;display: none;width: 100%;}
.tblclps-wrap .info{display: none;}
.tblclps-wrap .info .p{color: #555;font-size: 14px;line-height: 20px;display: inline-block;padding: 20px 20px 20px 50px;font-style: italic;}
.tblclps-wrap .info .btns{display: inline-block;padding: 20px 0;vertical-align: top;float: right;}
.tblclps-wrap .info .btn{padding: 10px 30px;margin: 0;display: inline-block;border: 1px solid #0047ba;text-decoration: none;outline: none !important;}
.tblclps-wrap .info .btn.download{margin-right: 20px;color: #0047ba;}
.tblclps-wrap .info .btn.gocalc{background-color: #0047ba;color: #fff;}
.tblclps-wrap .info .btn.gocalc:hover,
.tblclps-wrap .info .btn.download:hover{background-color: #40b5e5;color: #fff !important;border-color: #40b5e5;}
.tblclps-wrap input:checked~table{display: table;}
.tblclps-wrap input:checked~.info{display: block;}
.tblclps-wrap tbody{background-color: #f0f2f7;border-top: 3px solid #fff;width: 100%;}
.tblclps-wrap td{padding: 5px 10px;text-align: left;color: #333;font-size: 16px;}
.tblclps-wrap tbody.pl tr td:first-child,
.tblclps-wrap tbody tr:first-child td:first-child{padding-left: 50px;}
.tblclps-wrap tbody tr:first-child td{padding-top: 20px;}
.tblclps-wrap tbody tr:last-child td{padding-bottom: 20px;}

.advantages .h2,.advantages h2{font-size: 35px;}
#front-page .advantages h2{font-size: 32px;}
#front-page .advantages .advantages-grid .advantages-text ul li .h3 {font-size: 17px;line-height: 1.4;}
.advantages .advantages-grid .advantages-text ul li h3, .advantages .advantages-grid .advantages-text ul li .h3{font-size: 20px;}
#front-page .advantages .content{padding: 0;}
article.search .pagination{text-align: center;}
article.search .pagination li{display: inline-block;}

#header #menu{display: flex;justify-content: space-between;align-items: baseline;}
#header #menu li{font-size: 16px;flex-grow: 1;}
#header #menu li.top-logo{flex-grow: 0;}
#header #menu li.search{flex-grow: 3;}
#header #menu li.search form{position: relative;width: 200px;margin: 0 auto;}
#header #menu li.search button{display: none;}
#header #menu li.search label{position: absolute;right: 0;top:0;width: 40px;height: 40px;background-image: url(/themes/gromit/assets/img/svg/search.svg);}
#header #menu li.search label:before{content: '';}
#header #menu li.search input{width: 100%;height: 40px;padding: 10px 20px;border: 1px solid #aaa;line-height: 20px;border-radius: 20px;font-size: 14px;}
#header #menu li.search input::-moz-placeholder {font-style: italic;}
#header #menu li.search input::-webkit-input-placeholder { font-style: italic; }
#header #menu li.search input:-ms-input-placeholder { font-style: italic; }
#header #menu li.search input::-ms-input-placeholder { font-style: italic; }
#header #menu li.search input::placeholder { font-style: italic; }
#header #menu li.addr{display: flex;align-items: center;flex-grow: 3;justify-content: center;}
#header #menu li.addr .t{font-size: 14px;margin-right: 10px;}
#header #menu li.addr .i{background-image: url(/themes/gromit/assets/img/svg/h-marker.svg);}
#header #menu li.addr .i:before{content: '';}
#header #menu li.mail{display: flex;align-items: center;flex-grow: 3;justify-content: center;}
#header #menu li.mail .t{margin-right: 10px;}
#header #menu li.mail .t a{text-transform: none;}
#header #menu li.mail .i{background-image: url(/themes/gromit/assets/img/svg/h-mail.svg);}
#header #menu li.mail .i:before{content: '';}
#header #menu li.addr .i,
#header #menu li.mail .i{display: inline-block;vertical-align: middle;text-align: center;width: 40px;height: 40px;border: 1px solid #dedede;border-radius: 50%;}
#header #menu li.search label,
#header #menu li.mail .i,
#header #menu li.addr .i{background-repeat: no-repeat;background-position: center;cursor: pointer;}
#header #menu li.top-logo a img{height: 70px;}
#header #menu li a{font-weight: 400;font-size: 12px;outline: none;padding: 0;}
#header #menu li.top-logo a:after{content: none;}

.our-clients-slider{display: flex;flex-wrap: wrap;justify-content: space-around;}
.cl-item{display: block;width: 160px;float: left;color: #0047ba;font-size: 13px;text-decoration: none;text-align: center;text-transform: uppercase;outline: none;}
.cl-item span{display: block;}
.cl-item .iw{display: block;justify-items: center;justify-content: center;}
.cl-item .iw img{margin: 0 auto;display: block;width: 160px;height: 160px;}
.cl-item .t{min-height: 32px;width: 160px;margin: 0 auto;}
.ocs-wrap{position: relative;}
.ocs-wrap .btn-next,.ocs-wrap .btn-prev{font-family: 'slick';font-size: 20px;opacity: .75;color: #0047ba;position: absolute;z-index: 1000;top: 50%;transform: translateY(-100%);cursor: pointer;font-size: 60px;}
.ocs-wrap .btn-next:hover,.ocs-wrap .btn-prev:hover{opacity: 1;}
.ocs-wrap .btn-next{right: 0;}
.ocs-wrap .btn-prev{left: 0;}
.our-clients-grid{display: flex;flex-wrap: wrap;justify-content: center;max-width: 1300px;margin: 0 auto;}
.our-clients-grid .cl-item{display: flex;flex-direction: column;justify-content: space-between;margin: 10px 20px;width: 210px;}
.our-clients-grid .cl-item .iw, .our-clients-grid .cl-item .fancybox{order: 1;}
.our-clients-grid .cl-item .t{width: 200px;}
.our-clients-grid.stroy .cl-item img{border-radius: 20px;box-shadow: -5px 5px 7px 0px #aaa;}
.our-clients-grid.stroy .cl-item .t{margin-bottom: 10px;}

.eqma-wrap{}
.eqma{display: flex;flex-wrap: wrap;align-items: center;}
.eqma .iw{flex-grow: 1;text-align: center;}
.eqma.n1 .iw{width: 13.33%;}
.eqma.n2 .iw,
.eqma.n3 .iw,
.eqma.n4 .iw{width: 25%;}
.eqma .iw img{}

.questansw .q{cursor: pointer; background-color: #0047ba;color: #fff;padding: 20px 10px 20px 90px;background-image: url(/themes/gromit/assets/img/q.png);background-repeat: no-repeat;background-position: 20px center;background-size: 40px;font-weight: bold;}
.questansw .a{padding: 20px 10px 20px 90px;line-height: 24px;background-color: #f3f3f3;}
.questansw .a li{line-height: 24px;background-image: url(/themes/gromit/assets/img/list.png);background-repeat: no-repeat;padding-left: 10px;background-position: 0 11px;}
.questansw .a p+p,.questansw .a p+ul{margin-top: 15px;}
.questansw ul{list-style: none;padding-left: 20px;}
.qas .questansw .a{display: none;}
.qas .questansw .q{position: relative;margin-top: 15px;cursor: pointer;}
.qas .questansw .q:after{content: '';display: block;position: absolute;right: 20px;background: url(/themes/gromit/assets/img/arr2.png);width: 16px;height: 26px;top: 22px;transition: transform ease 0.4s;}
.qas .questansw .q.open:after{transform: rotate(90deg);}
.qas-btn{background: #40B5E5;border: 1px solid #40B5E5;color: #fff;padding: 10px 20px;font-size: 16px;transition: all .6s ease;font-family: "Open Sans", "PTSerif";outline: none;cursor: pointer;float: none;letter-spacing: normal;text-transform: none;display: inline-block;text-decoration: none;margin-bottom: 20px;}
.qas-btn:hover{color: #fff !important;background: #0047ba;border-color: #0047ba;}

.section.qas{margin: 50px 0;position: relative;}
.section.qas .head{}
.qas-nav{position: absolute;right: 0;top: 0;transform: translateY(50%);}
.qas-nav .slick-arrow{width: 25px;height: 21px;float: left;cursor: pointer;}
.qas-nav .next{background-image: url(/themes/gromit/assets/img/arr.png);}
.qas-nav .prev{margin-right: 20px;background-image: url(/themes/gromit/assets/img/arl.png);}

.consult{background: url(/themes/gromit/assets/img/fon2.jpg);padding: 80px 0 70px;background-size: cover;}
.consult .consult-wrap{}
.consult .row{margin: 0;}
.consult .head{width: 100%;text-align: center;text-transform: uppercase;font-size: 36px;color: #ffffff;margin: 0 0 30px;}
.consult .text{font-size: 14px;line-height: 30px;color: #ffffff;text-align: center;margin: 0 0 30px;}
.consult .text.text-bottom {margin-bottom: 0;}
.consult form{max-width: 940px;margin: 0 auto;}
.consult form button{width: 190px;padding: 0;margin: 0 auto;text-transform: none;font-size: 16px;color: #ffffff;}
.consult .input-wrap{float: left;margin-right: 20px;position: relative;margin-bottom: 20px;width: calc((100% - 190px)/2 - 20px);}
.consult .btn-wrap{float: left;margin-bottom: 20px;}
.consult input{height: 60px;width: 100%;border: 1px solid #fff;}
.consult input.error{border-color: #f00;}
.consult input ~ label.error {display: block;max-width: 490px;margin: 5px 0 0;font-size: 12px;color: #f00;}
.consult .success-msg span{
    /* color: #fff; */
    z-index: 2;
}

.footer-main .modal-link {
    letter-spacing: 0px;
    line-height: 36px;
    color: #ffffff;
    font-family: "Open Sans", "PT Serif";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
}
.footer-main>.row>.col{
  height: 340px;
}
.footer-main {
    margin-top: 40px;
}

.footer-main .page-bottom-form {
    margin: 0px;
    padding: 65px 40px;
    margin-bottom: 70px;
}

.footer-main .mpmwraper {
    position: initial;
    width: 100% !important;
    height: 340px;
}

.footer-main .footer-contact {
    background-color: #2b46c2;
    padding: 65px 40px;
}

.footer-main .footer-menu{
  padding-left: 20px;
}

.footer-main .footer-menu a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 36px;
    letter-spacing: 0px;
    font-family: "Open Sans", "PT Serif";
    font-weight: 400;
    font-size: 13px;
    white-space: nowrap;
}

.footer-contact .col.lg-5 p,
.footer-contact .col.lg-5 a {
    font-size: 15px;
    letter-spacing: 0px;
    color: #ffffff;
    font-family: "Open Sans", "PT Serif";
    font-weight: 400;
}

.footer-contact .col.lg-4 {
    text-align: right;
    padding-left: 0px;
}

.footer-main .footer-maps {
    padding-left: 0px;
}

.footer-tel {
    font-size: 21px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
}

.footer-tel:before {
    content: url(/themes/gromit/assets/img/footer/telephone.png);
    padding-right: 10px;
}

.footer-address, .footer-pochta, .footer-rezhim {
    position: relative;
    padding-left: 25px;
}

.footer-pochta, .footer-rezhim {
    margin-top: 10px;
}

.footer-address:before {
    content: url(/themes/gromit/assets/img/footer/address.png);
    position: absolute;
    left: 0px;
}

.footer-pochta:before {
    content: url(/themes/gromit/assets/img/footer/pochta.png);
    position: absolute;
    left: 0px;
}

.footer-rezhim:before {
    content: url(/themes/gromit/assets/img/footer/rezhim.png);
    position: absolute;
    left: 0px;
}
.footer-main .page-bottom-form p{
    font-size: 14px;
}
#header #menu li.top-call p{
	font-size:14px;
}

.shema_raboti{width:100%;}
.shema_raboti .title{font-size: 35px;margin-left: 10px;}
.shema_raboti .icon-blocks{width:100%;text-align: center;margin-top: 20px;}
.shema_raboti .icon-blocks .icon-block{display: inline-block;vertical-align: top; width: 170px;text-align:center;position:relative;margin-right: 50px;margin-bottom: 15px;}
.shema_raboti .icon-blocks .icon-block:after{content:" ";position: absolute;top:50px;right: -60px;height:35px;width:70px;background:url(/themes/gromit/assets/img/howworks/arrow.png) center center no-repeat;}
.shema_raboti .icon-blocks .icon-block:last-child:after{display:none;}
.shema_raboti .icon-blocks .icon-block .ico{width:90px;display: inherit;}
.shema_raboti .icon-blocks .icon-block img{width:100%;}
.shema_raboti .icon-blocks .icon-block .text{font-size:20px;}
@media (max-width: 1365px) and (min-width: 1199px){
    .shema_raboti .icon-blocks .icon-block {
        width: 145px;
        margin-right: 25px !important;
    }
    .shema_raboti .icon-blocks .icon-block .ico {
        width: 70px;
    }
    .shema_raboti .icon-blocks .icon-block .text {
        font-size: 16px;
    }
}
.shema_raboti.inner .icon-blocks .icon-block{width: 150px;margin-right: 40px;}
.shema_raboti.inner .icon-blocks .icon-block:last-child{margin-right: 0;}
.shema_raboti.inner .icon-blocks .icon-block .text{font-size: 18px;}

.silders-wrap.rowr{margin-top:0px;}

.seo-text ul.imgul{padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.imgul li{list-style: none;padding: 0;background-size: 70px;min-height: 80px;background-position: top left;background-repeat: no-repeat;padding-left: 80px;align-items: center;margin-bottom: 20px;width: 560px;}
.imgul li.hand{background-image: url('/themes/gromit/assets/img/imgul-1.svg');background-position: 0 15px;}
.imgul li.mney{background-image: url('/themes/gromit/assets/img/imgul-2.svg');background-position: 0 10px;}
.imgul li.dmnd{background-image: url('/themes/gromit/assets/img/imgul-3.svg');background-position: 0 10px;}
.imgul li.shld{background-image: url('/themes/gromit/assets/img/imgul-4.svg');}

#footer{}
.foot-akfo{float: left;vertical-align: top;display: table-cell;}
.foot-akfo a{}
#footer .foot-akfo img{-webkit-filter: none;filter: none;height: 50px;margin-right: 20px;vertical-align: top;margin-top: 10px;margin-top: -10px;}

.new-modal{left: 0;right: 0;bottom: 0;top: 0;background: none;position: fixed;}
.new-modal .movrly{background: #0c1118;z-index: 1000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.78;}
#call.new-modal .mbody{max-width: 715px;max-height: none;height: auto;}
.new-modal .mbody{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);background-image: url(/themes/gromit/assets/img/fon1.jpg);opacity: 1;z-index: 1001;padding: 40px 38px 30px;background-size: cover;}
.new-modal .mbody .hdn{display: none;}
.new-modal .mbody .form-h1{text-align: center;font-size: 36px;text-transform: uppercase;font-size: 36px;color: #ffffff;font-family: "Open Sans";font-weight: 400;margin: 30px 0 40px;}
.new-modal .mbody .cb-row{margin: 15px 0;}
.new-modal .mbody .cb-row input{max-width: 490px;margin: 0 auto;display: block;height: 60px;border: 1px solid #fff;}
.new-modal .mbody .cb-row input.error{border-color: #f00;}
.new-modal .mbody .cb-row input ~ label.error {display: block;max-width: 490px;margin: 5px auto 0;font-size: 12px;color: #f00;}
.new-modal .mbody .close{background: url(/themes/gromit/assets/img/close-m.png) center no-repeat;}
.new-modal .mbody .success-msg .close{background: url(/themes/gromit/assets/img/close-m_blue.png) center no-repeat;}
.new-modal .mbody .close:before,.new-modal .mbody .close:after{content: none;}
.new-modal .mbody article{}
.new-modal .mbody button[type="submit"]{margin: 50px auto;display: block;float: none;outline: none !important;width: auto;}
.new-modal .mbody button[type="submit"].button-mb-0 {margin-bottom: 0;}
.new-modal .mbody .text{text-align: center;font-size: 14px;line-height: 20px;margin-bottom: 50px;}
.new-modal .mbody .text.text-bottom {display: block;margin: 0;}

form button.has-icon.btn-send-bg{color:transparent;background-image: url(/themes/gromit/assets/img/svg/icon-send.svg);background-size: 21px auto;background-repeat: no-repeat;background-position: center;}

.footer-banner-slicked {
  display:none;
  position: fixed;
  z-index: 999999;
  background-color: white;
}

.footer-banner-slicked.active-footer-banner-slicked {
  display: block;
  bottom: 0;
  padding: 10px;
  text-align: center;
  padding: 10px 10px 50px 10px;
  left: 0;
  right: 0;
}
.head-fbs {
  margin: 10px auto;
  color: #06477d;
  font-weight: bold;
}
 .dfdscls {
  transform: scaleX(1.2);
  position: absolute;
  right: 20px;
  top:10px;
  width: 19px;
  height: 20px;
  z-index: 999999999;
  cursor: pointer;
}

.silders-wrap.inner {
    margin-top: 0;
    margin-bottom: 50px;
}

.cfw-wrap{margin: 20px -215px;padding: 10px 215px;background: url(/themes/gromit/assets/img/form-bg.png) center;}
.cfw-inner{display: flex;align-items: center;align-content: center;}
.cfw-inner > div + div{margin-left: 20px;}
.cfw-inner .logo-wrap{min-width: 103px;height: 137px;background: url(/themes/gromit/assets/img/form-logo.png);width: 103px;}
.cfw-inner .text-wrap{color: #fff;}
.cfw-inner .arrow-wrap{background-image: url(/themes/gromit/assets/img/front/vpered_slajder.svg);min-width: 56px;height: 43px;}
.cfw-inner .bttn-wrap .modal-link{white-space: nowrap;padding: 10px 15px;color: #fff;text-decoration: none;letter-spacing: inherit;background: #40b5e5;border: 1px solid #40b5e5;transition: ease 0.3s;}
.cfw-inner .bttn-wrap .modal-link:hover{color: #fff !important;background: transparent;border-color: #fff;}

.ocs.tabs{margin: 40px 0;} 
.ocs .tab-wrapper{padding-bottom: 0;}
.ocs .tab-labels{border-bottom: #40b5e5 2px solid;height: 40px;text-align: center;max-width: 1200px;margin: 0 auto 30px;}
.ocs .tab-wrapper .tab-labels .tab-label{line-height: 40px;font-weight: 600;}
.ocs .tab-wrapper .tab-labels .tab-label.active{border-bottom: none;background: #40b5e5;color: #fff;}
.ocs .tab-wrapper:after{content: none;}
.inner-page.about .sertificats.abt a{text-align: center;}
.inner-page.about .sertificats.abt a img{max-width: 300px;}
.regions ul.flex{display: flex;flex-wrap: wrap;}
.regions ul.flex li{width: 200px;margin-right: 20px;}
.regions ul.flex li:before{top: 2px;width: 12px;height: 16px}
@media screen and (max-width: 1700px){
  
  #header #menu li.search form{width: 150px}
}

@media screen and (max-width: 1600px){
  .imgul li{width: 100%;}
  #header #menu li.search{display: none;}
  .shema_raboti .icon-blocks .icon-block{font-size: 17px;margin-right: 30px;}
  .shema_raboti .icon-blocks .icon-block img{width: 80px;}
}
@media screen and (max-width: 1460px){
  #header #menu li.addr{display: none;}
}
@media screen and (max-width: 1400px) and (min-width: 1180px){
  .footer-main>.row>.col.lg-6{
    width: 58.33333333%;
  }
    .footer-main>.row>.col.lg-3.footer-maps{
    width: 16.66666667%;
  }
}
@media screen and (min-width: 1280px){
    .mpmwraper{width: 550px;}
    .section-first .servs .col .w{height: 240px}
    .calcul .row .col{padding: 0 25px}
}
@media screen and (min-width: 1181px) and (max-width: 1280px) {
    .modal .h1 {margin-bottom: 70px;}
    .section-first .servs.container{}
    #header #menu li.top-call i{margin: 0;}
}

@media screen and (max-width: 1180px) {
    .cfw-wrap{margin: 20px -70px;padding: 10px 70px;}
    .modal .h1 {margin-bottom: 50px;}
    #header #menu .uslugi_m ul {left: -265px;}
    .inner-page header .sub-header-h1 {display: none;}
    .mpmwraper{top: 40px;}
    #map-ya.clients{margin-top: 20px;}
    .section-first .servs.container{padding: 20px 0;}
    .container.svcl{padding: 0;margin: 0 0 20px;}
     #calcul .phone,#calcul .name{width: 160px;}
    #header #menu li a{padding: 0;}
    .footer-maps{
      padding-right: 0px;
      margin-bottom: 70px;
    }
    .footer-main .page-bottom-form{
      margin-bottom: 0px;
    }
}
@media screen and (max-width: 1024px){
    .shema_raboti .icon-blocks .icon-block:nth-child(3):after{display:none;}
    .calcul .h{font-size: 16px;}
}
@media screen and (max-width: 990px) {
    #calcul .flex{display: block;padding: 0 0 30px;}
    #calcul .fxc{padding: 0 30px;width: 100%;margin: 30px 0;}
    #calcul .fxc.d:before,.calcul .h.sm-hide, #calcul .flex br{display: none;}
    #calcul .fxc.d{padding: 0;border-bottom: 1px solid #fff;display: block;width: 100%;}
    .calcul .h{min-height: auto;margin-bottom: 10px;}
    #calcul .close{height: 50px;margin-top: 0;}
    .silders-wrap{display: block;}
    .sliders-reviews .testimonial .tm-wrap{grid-template-columns: 200px calc(100% - 220px);padding:  20px;}
    #header #menu li.mail{display: none;}
    .calcul .slct{display: flex;}
    .calcul .slct .col{display: flex;flex-flow: column;justify-content: space-between;}
    .calcul .h.sm-hide{display: block;}
}
@media screen and (max-width: 890px) {
    .section-first .servs .col .w{height: 200px;}
    .section-first .servs .text p{font-size: 16px;line-height: 20px;}
    .section-first .servs .text .h3{font-size: 20px;}
    .section-first .servs .text .prc{font-size: 18px;}
  
}
@media screen and (max-width: 880px) {
    .mpmwraper{display: none;}
    #header #menu li.top-call>.phone{display: none;}
}
@media screen and (max-width: 800px){
  .footer-main>.row>.col{
    width: 100%;
    margin-left: 0px!important;
    margin-right: 0px!important;
    height: auto;
  }
  .footer-contact>.row>.col{
    width: 100%;
    padding-left: 0px!important;
    padding-right: 0px!important;
    text-align: center;
  }
  .footer-main .footer-menu{
    padding-left: 0px;
  }
  .footer-address, .footer-pochta, .footer-rezhim {
      position: relative;
      padding-left: 0px;
  }
  .footer-address:before, .footer-pochta:before, .footer-rezhim:before{
    position: initial;
    padding-right: 10px;
  }
  .mpmwraper{
    display: block;
  }
}
@media screen and (max-width: 768px) {
    .section-first .servs{}
    .section-first{height: auto;}
    .section-first .wrap.ffs{height: 300px;}
    .section-first .ffs .slick-arrow{width:  40px;height:  30px;}
    .section-first .ffs #ffslider .ffslide .link{font-size:  24px;line-height:  30px;letter-spacing:  1px;}
    .section-first .ffs .ffslider-dots{display: none;}
    #calcul .flex{margin: 0;}
    .calcul .slct{padding: 30px}
    .shema_raboti .icon-blocks .icon-block:nth-child(2n+1):after{display:block;}
    .shema_raboti .icon-blocks .icon-block:nth-child(2n):after{display:none;}
    #call.new-modal .mbody{max-width: calc(100% - 40px);height: auto;}
    .ffslider-bttns{bottom: 0}
    .ffslider-bttns a{margin: 5px 10px;}
    .cfw-inner .logo-wrap,.cfw-inner .arrow-wrap{display: none;}
    .section-first .servs .serv3 .w .more{padding: 7px 30px;}
}
@media screen and (max-width: 750px) {
    .cfw-wrap{margin: 20px -15px;padding: 10px 15px;}
    .modal .h1 {font-size: 32px;margin-bottom: 30px;}
    #header #mobileMenuItems .uslugi_m ul{position: relative;display: none;width: 100%;background: #fff;padding-left: 10px;}
    #header #mobileMenuItems .uslugi_m ul li a {font-size: 11px;color: #0d0d0d;}
    #header #mobileMenuItems .uslugi_m ul li {margin-bottom: 10px;margin-top: 10px;}
    #header #mobileMenuItems li.uslugi_m:hover>ul,#header #mobileMenuItems li.uslugi_m ul li:hover>ul{display: block;}
    #header #mobileMenuItems ul li.uslugi_m a {display: inline-block;max-width: 85%;}
    #header #mobileMenuItems .uslugi_m .hov_act {background: url('/themes/gromit/assets/img/strl.png') 90% 5px no-repeat;}
    #header #mobileMenuItems .uslugi_m .hov_act:hover {background: url('/themes/gromit/assets/img/strl_hover_mob.png') 90% 5px no-repeat;}
    #header #mobileMenuItems li.uslugi_m:hover>ul,#header #mobileMenuItems li.uslugi_m ul li:hover>ul{display: none;}
    #header #mobileMenuItems li.uslugi_m.open>ul,#header #mobileMenuItems li.uslugi_m ul li.open>ul{display: block;}
    #header #mobileMenuItems .uslugi_m ul li a:hover{color: #0d0d0d !important;}
    .inner-page.clients .map-holder.adptmm,
    .inner-page footer .page-bottom-form.adptmm{margin-top: 0 !important;margin-bottom: 0 !important;float: none;}
    .section-first .servs.container{padding: 0;}
    .section-first .servs .col{padding: 0 20px 20px;margin: 0;box-sizing: border-box;}
    .section-first .servs .col .w{height: auto;padding-bottom: 40px;}
    .section-first .servs .col .w .more{bottom: 30px;right: 30px;}
    .section-first .servs.container .row{margin: 20px 0 0;}
    .container.svcl{padding: 0 10px;}
    .sliders-serts .head,.sliders-serts .body,.sliders-reviews .head{padding: 0 20px;}
    #footer{padding-left: 0px;height: auto;}
    #footer .foot-akfo{float: none;display: block;}
    .consult .input-wrap,.consult .btn-wrap{width: 100%;padding: 0 20px;}
    .consult form button{float: none;display: block;}
    .calcul .slct{display: block;}
}
@media screen and (max-width: 480px) {
    .container.svcl .col.xs-12, .seo-text .serv-list .col.xs-12 {float: none;width: 250px;margin: 0 auto;padding: 20px;height: auto;min-height: 250px;}
    .serv-list .col .howw{transform: translateY(0);height: auto;}
    .serv-list .col:hover .howw .sbm ul {column-count: 1;}
    .sliders-reviews .testimonial .tm-wrap{display: block;}
    .sliders-reviews .testimonial .tm-wrap .scan{margin-bottom: 20px;}
    .sliders-reviews .testimonial .tm-wrap .review{display: block;}
    .sliders-reviews .testimonial .tm-wrap .review > *{display: block;margin: 15px 0;}
    .shema_raboti .icon-blocks .icon-block:after{display:none !important;}
    .shema_raboti .icon-blocks .icon-block{display:block;width:100%;margin:10px 0px;padding: 10px 20px;}
    .shema_raboti .icon-blocks .icon-block .ico{display: inline-block;vertical-align: top;margin-right: 15px;}
    .shema_raboti .icon-blocks .icon-block .text{width: calc(100% - 120px);display: inline-block;margin-top: 40px;text-align: left;}
  .imgul li{background-size: 40px;padding-left: 50px;background-position: 0 10px;}
  .questansw .q{background-size: 30px;padding: 20px 10px 20px 60px;background-position: 15px center;}
  .questansw .a{padding: 20px;}
  .new-modal .mbody .text{display: none;}
  .new-modal .mbody{max-height: calc(100% - 40px) !important;}
  .section-first .ffs #ffslider .ffslide .link span{top: calc(50% - 50px);transform: translate(0,-50%);font-size: 16px;line-height: 24px}
  .cfw-inner .text-wrap{display: none;}
  .cfw-inner{justify-content: center;padding-top: 10px;padding-bottom: 10px}
  .cfw-inner > div + div{margin-left: 0;}
}
@media screen and (max-width: 320px) {
    .section-first .ffs #ffslider .ffslide .link{font-size: 14px;line-height:  24px;}
    .section-first .ffs .slick-arrow{width:  30px;}
}
@media screen and (min-width: 1720px) {
    .footer-contact .mnu{width: 260px;}
    .footer-contact .adr{width: auto;}
    .footer-contact .cb{width: auto;float: right;}
}
.port-img{
    max-width: 100%;
    display: block;
    margin: 15px auto;
}
.our-clients-grid.stroy .cl-item a.t {
    text-decoration: none;
    color: #0047ba;
}
.list-mobile-menu {
    max-height: calc(100% - 160px);
    overflow-y: auto;
}
.list-mobile-menu .submenu {
    display: none;
    background: white;
    width: 100%;
    margin: 0;
}
#header #mobileMenuItems ul li {
    position: relative;
}
#header #mobileMenuItems .list-mobile-menu li a {
    width: calc(100% - 30px);
}
#header #mobileMenuItems .list-mobile-menu li a:only-child {
    width: 100%;
}
#header #mobileMenuItems .list-mobile-menu .submenu li {
    margin: 0;
}
.toggle-submenu {
    position: absolute;
    right: 0;
    top: 0;
    height: 18px;
    width: 30px;
    background: url(/themes/gromit/assets/img/strl.png) no-repeat center;
}
.toggle-submenu.open {
    background: url(/themes/gromit/assets/img/strl_hover_mob.png) no-repeat center;
}
.list-mobile-menu > li > .submenu {
    margin-top: 10px;
}
.list-mobile-menu > li > a {
    margin-bottom: 10px;
}
.list-mobile-menu > li > .submenu .submenu {
    padding-left: 10px;
}
.submenu .toggle-submenu {
    height: 31px;
}
#header #mobileMenuItems .list-mobile-menu .submenu a {
    font-size: 11px;
    color: black;
    display: block;
    padding: 10px;
}

.our-clients-custom .cl-item .iw img{
    width: 182px;
    height: 182px;
}


a:visited {
    color:#0023E9
}

.success-msg ul li[data-validate-for]:before {
    background: transparent;
}

.tblclps-wrap input:checked ~ div.response-block table {
    display: table;
}
div.response-block{
    width: 100%;
    overflow: auto;
}
.breadcrumb a {
    text-decoration: none;
    color: #000;
}
@media (max-width: 480px){ 
    .section.advantages {
        padding: 0 15px;
    } 
    .row.no-gutter .col.advantages-text{
        padding: 0 0 0 55px !important
    }
    .advantages .advantages-grid .advantages-text ul li::after{
        left:-40px;
    }
    .advantages .advantages-grid .advantages-text ul li::before{
        left:-48px;
    }
    .advantages .advantages-grid .advantages-text ul li:hover::before {
        left: -68px;
    }
    .advantages .advantages-grid .advantages-text ul li:hover::after {
        left: -61px;
    }
    .advantages .advantages-grid .col.advantages-text ul::before, .advantages .advantages-grid .col.advantages-text ul::after{
        display: none;
    }
    .advantages .advantages-grid .advantages-text ul li:hover::before,  .advantages .advantages-grid .advantages-text ul li:hover::after {
        background-color: #1e4ecf;
    }
    .footer-main .page-bottom-form.contact-block{
        padding-bottom: 0px;
    }
    .section.calcul .btn.btn-calcul.do{
        margin-top: 10px;
    }
    .tblclps-wrap tbody.pl tr td:first-child, .tblclps-wrap tbody tr:first-child td:first-child {
        padding-left: 20px;
    }
    .tblclps-wrap .info .btn.gocalc {
        margin-top: 15px;
    }    
    .h2.mrg-top {
        margin-top: 30px;
    }
    .toggle-submenu.open {
        background: url(/themes/gromit/assets/img/strl.png) no-repeat center;
        transform: rotate(90deg);
    }
}
@media (max-width: 750px){ 
    #header #mobileMenuItems ul li a:active, #header #mobileMenuItems ul li a:hover {
        color: #000 !important;
        opacity: .8;
    }
}
.ffslider-bttns .btn.gocalc.modal-link{
    color: #fff !important;
    background: transparent;
    border-color: #fff;
}
.ffslider-bttns .btn.gocalc.modal-link:hover {
    background: #40b5e5;
    border: 1px solid #40b5e5;
}
#header #menu .flr.block.top-call .modal-link{
    font-weight: 600;
}
.row.slct {
    margin-top: 0;
}
.row.slct sup {
    vertical-align: super;
    font-size: 15px;
}
.ocs-r .cl-item img {
    border-radius: 20px;
    box-shadow: -5px 5px 7px 0px #aaa;
    margin-bottom: 10px;
}
.advantages .advantages-grid .advantages-text {
    width: auto;
}
.main-advantages-block {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}
.main-advantages-block::before,
.main-advantages-block::after {
    display: none;
}
.advantages-graphics {
    background: #f7f6f6;
    border-radius: 3px;
    padding: 30px 19px 30px 38px;
    max-width: 1041px;
}
.row.no-gutter .col.advantages-graphics {
    padding: 30px 0 30px 38px !important;
}
.advantages-graphics-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.advantages-graphics-list__item {
    background-position: 0 6px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 30px;
    width: 50%;
}
.advantages-graphics-list__item_1 {
    background-image: url('/themes/gromit/assets/img/a1.png');
}
.advantages-graphics-list__item_2 {
    background-image: url('/themes/gromit/assets/img/a2.png');
}
.advantages-graphics-list__item_3 {
    background-image: url('/themes/gromit/assets/img/a3.png');
}
.advantages-graphics-list__item_4 {
    background-image: url('/themes/gromit/assets/img/a4.png');
}
.main-advantages-block .col(:not(.advantages-graphics)) {
    flex-shrink: 0;
}
.bold {
    font-weight: bold;
}
.text-uppercase {
    text-transform: uppercase;
}
.mb-10 {
    margin-bottom: 10px;
}
.advantages-graphics-list__item {
    margin-bottom: 35px;
}
.advantages-graphics-list__item:nth-last-child(2),
.advantages-graphics-list__item:last-child {
    margin-bottom: 0;
}
@media (max-width: 1599px) {
    .main-advantages-block {
        flex-wrap: wrap;
    }
    .main-advantages-block {
        justify-content: flex-start;
    }
    .main-advantages-block > .col:first-child {
        margin-bottom: 30px;
    }
    .advantages-graphics {
        max-width: none;
    }
}
@media (max-width: 991px) {
    .advantages-graphics-list__item {
        width: 100%;
    }
    .advantages-graphics-list__item,
    .advantages-graphics-list__item:nth-last-child(2) {
        margin-bottom: 35px;
    }
    .advantages-graphics-list__item:last-child {
        margin-bottom: 0;
    }
    .row.no-gutter .col.advantages-graphics {
        padding: 30px 0 30px 15px !important;
    }
    .advantages-graphics-list__item {
        padding-right: 15px;
    }
}

.static-page.inner-page .content, .detail.maintenance .content{
    margin: 0 auto;
    padding: 0 145px 0 0;
    margin-top: 115px;
    max-width: 1460px;
}
.static-page.inner-page .cfw-wrap {
    margin: 20px 0px;
    padding: 10px 15px;
}
.side_menu {
    padding: 20px 0;
    background-color: #0047ba;
}
.side_menu .submenu {
    display: none;
    background: white;
    width: 100%;
    margin: 0;
}
.side_menu li {
    position: relative;
}
.side_menu li {
    position: relative;
}
.side_menu li a{
    text-transform: uppercase;
    padding: 10px 0px 10px 20px;
    font-size: 15px;
    line-height: 20px;
    display: block;
    text-decoration: none;
    margin-right: 30px;
}
.side_menu > li{
    background-color: #0047ba;
}
.side_menu > li > a{
    color:#fff;
    text-decoration: none;
    font-weight: 700;
}
.side_menu > li > a:hover{
    color: #d1f2ff !important;
}
.side_menu .submenu.lvl_2{
    background-color: #40b5e5;
}
.side_menu .submenu.lvl_2 > li > a{
    color:#fff;
    padding-left: 30px;   
}
.side_menu .submenu.lvl_3{
    background-color: #d1f2ff;
}
.side_menu .submenu.lvl_3 > li > a{
    padding-left: 45px;   
}
.side_menu .toggle-submenu.open, .side_menu .toggle-submenu{
    background: none;
}
.side_menu .toggle-submenu{
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 12px;    
    padding: 3px;
    cursor: pointer;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);    
}
.side_menu .toggle-submenu.open{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);   
}
@media (max-width: 1300px){
    .inner-page .content {
        padding: 0;
    }  
    .side_menu li a{
        font-size: 13px;
    }  
}
@media (max-width: 768px){
    .col.lg-3.side_menu_block{
        display: none;
    }
    .col.lg-9.cont_block{
        width: 100%;
    }
}
.serv-prev-item {
    width: 237px;
    max-width: 100%;
    margin: 0 5px 10px 0;
    background: #0047ba;
}
.serv-previews {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 35px;
}
.serv-prev-item a {
    display: block;
    min-height: 100px;
    text-decoration: none;
    color: #fff;
    padding: 0 25px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
}
.serv-prev-item a::after {
    content: '';
    display: block;
    background: url(/themes/gromit/assets/img/front/vpered_slajder.svg);
        background-size: auto;
    width: 20px;
    height: 15px;
    background-size: contain;
    position: absolute;
    right: 15px;
    bottom: 25px;
}
.serv-prev-item a:hover {
    color: #d1f2ff !important;
}
@media (max-width: 768px){
    .static-page.inner-page .content{
        padding: 0;
    }
    .serv-previews{
        justify-content: space-around;
    }
    .serv-prev-item {
        margin-right: 0;
    }
}