@charset "UTF-8";
@import "../fonts/fonts.css";
body{
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    background: #FAFBFF;
    --gr: #2DD68F;
}
a, a:hover{
    text-decoration: none;
    transition: 0.3s;
    cursor: pointer;
}
a{
  color: var(--gr);
}
a:hover{
  text-shadow: 0 0 2px rgba(45,214,43,.3);
}
p{
  font-size: 16px;
  color: #6E7587;
  line-height: 1.3;
}
h1, h2, h3, h4, p, ul, ol{
    margin: 0;
}
ul, ol{
    list-style: none;
    margin: 0;
    padding: 0;
}
ol{
  counter-reset: list;
}
img{
    max-width: 100%;
}
input, button, textarea{
  outline: none;
}

@media (min-width: 1400px){
.container {max-width: 1360px;}
}

.flex{
  display: flex;
  flex-wrap: wrap;
}

.flex.between{
  justify-content: space-between;
}
.flex.align-center{
  align-items: center;
}
.relative{
  position: relative;
}
@media (min-width: 1400px){
  header .container {width: 1360px;}
}

.img-box, .text-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(50% - 15px);
}
.mb100{margin-bottom: 100px;}
.mb60{margin-bottom: 60px;}
.mb45{margin-bottom: 45px;}
.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.mb15{margin-bottom: 15px;}
.mb10{margin-bottom: 10px;}

.mt20{margin-top: 20px;}

.fz20{font-size: 20px;}
.fz14{font-size: 14px;}

.fw500{font-weight: 500; color: #263658;}

.padding-section{
  padding: 110px 0;
}

@media (max-width: 1900px){
 .padding-section{padding: 7% 0;}
}
.padding-medium{
  padding: 60px 0;
}

.ttl.lg{
  font-weight: 900;
  font-size: 48px;
  line-height: 1.17;
  text-transform: uppercase;
  color: #181D29;
}
.ttl.md{
  font-weight: 700;
  font-size: 30px;
  line-height: 1.17;
  text-transform: uppercase;
  color: #181D29;
}

.ttl.sm{
  font-weight: 500;
  font-size: 24px;
  line-height: 1.30;
  text-transform: uppercase;
  color: #263658;
}
.white, .ttl.white{
  color: #fff;
}
.bg-white{
  background: #fff;
}
.green, .ttl.green, .ttl.lg span{
  color: var(--gr);
}
.upper{
  text-transform: uppercase;
}
.lower{
  text-transform: none;
}

.butn{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: linear-gradient(92.25deg, #1EED96 0%, #30BE82 101.92%);  
  border-radius: 6px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #FFF;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
  position: relative;
  z-index: 0;
  transition: .4s;
  width: 240px;
  height: 60px;
  border: none;
  cursor: pointer;  
}
.butn:after{
  content: '';
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  border-radius: inherit;
  z-index: -1;
  transition: inherit;
  opacity: 0;  
}
.butn:hover{
  color: var(--gr);
  box-shadow: 0px 4px 33px rgba(83, 255, 182, 0.34);
  text-decoration: none;
}
.butn:hover:after{
  opacity: 1;  
}
.butn.secondary{
  color: var(--gr);
}
.butn.secondary:after{
  opacity: 1;
}
.butn.secondary:hover{
  color: #fff;
}
.butn.secondary:hover:after{
  opacity: 0;
}

.check-list > li {
    display: flex;
    margin-bottom: 15px;
    color: #6E7587;
    font-size: 16px;
}
.check-list > li:before{
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  color: var(--gr);
  margin-right: 20px;
}


.home_page body{
  background: #fff;
}
.centered, .ttl.centered{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.relative{
  position: relative;
  z-index: 1;
}
.absolute{
  position: absolute;
}
.header{
  background: #fff;
  position: relative;
  z-index: 10005;
}

.header-menu li{
  list-style: none;
}
.header-menu{
  display: flex;
}

.header-item {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-menu a,
.header-menu span {
  color: #3D3D3D;
  border: 1px solid transparent;
  transition: .3s;  
}
.header-menu .submenu{
  max-height: 500px;
}
.header-menu .submenu a {
  font-size: 15px;
}
.header-menu > .menu-item > a,
.header-menu > .menu-item > span {
  font-weight: 500;
  font-size: 16px;
  color: #3D3D3D;
  white-space: nowrap;
  padding: 25px 15px; 
}

.header-menu a:hover,
.header-menu span:hover,
.header-menu > .menu-item.deeper.parent:hover > a {
  color: #2DD68E;
}

.header-menu .menu-item.deeper.parent {
  position: relative;  
}

.header-menu > .menu-item.deeper.parent > a{
  padding-right: 25px;
  position: relative;
}

.header-menu > .menu-item.deeper.parent > a:before, .header-menu > .menu-item.deeper.parent > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  display: block;
  width: 9px;
  height: 2px;
  transition: all 0.3s ease-out;
  background-color: #3D3D3D;
  transform: translate(-3px, -50%) rotate(45deg);
}

.header-menu > .menu-item.deeper.parent > a:after
 {
  transform: translate(3px, -50%) rotate(-45deg);
}
.header-menu > .menu-item.deeper.parent:hover > a:before{
  transform: translate(-3px, -50%) rotate(-45deg);
  background: #2DD68E;
} 

.header-menu > .menu-item.deeper.parent:hover > a:after{
  transform: translate(3px, -50%) rotate(45deg);
  background: #2DD68E;
}

.header-menu > .menu-item.deeper.parent > .submenu {
  width: 200px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom-width: 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  -webkit-box-shadow: 1px 8px 18px rgba(47, 47, 47, 0.14);
  box-shadow: 1px 8px 18px rgba(47, 47, 47, 0.14);
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 50;
  padding-left: 0;
}
.header-menu > .menu-item.deeper.parent > .submenu a {
  padding: 8px 10px;
  display: block;
  background-color: #fff;
}
.header-menu > .menu-item.deeper.parent > .submenu a:hover {
  color: #2DD68E;
}
.header-menu > .menu-item.deeper.parent > .submenu > .menu-item {
  border: 0px solid #e5e5e5;
  border-top-width: 0px;
  border-bottom-width: 1px;
  position: relative;
}

.header-menu .menu-item.deeper.parent:hover .submenu {
  visibility: visible;
  opacity: 1;
}

.submenu .menu-item a {
  line-height: 1.2;
}
.header-menu > .menu-item.active > a,
.header-menu > .menu-item.active > span {
  color: #2DD68E;
}
.header-menu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > a,
.header-menu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header-menu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > a::after,
.header-menu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > a::after
 {
  content: "\203a";
  display: inline-block;
  margin-left: 10px;
  font-size: 18px;
}
.header-menu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > .submenu,
.header-menu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > .submenu
 {
  position: absolute;
  top: 0;
  left: 199px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  width: 230px;
  padding-left: 0;
}

.header-menu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > .submenu > .menu-item.deeper.parent > .submenu{
  left: 230px;
}

.header-menu > .menu-item.deeper.parent .submenu > .menu-item.deeper.parent:hover > .submenu,
.header-menu > .menu-item.deeper.parent .submenu > .menu-item.deeper.parent .submenu > .menu-item.deeper.parent:hover > .submenu
 {
  visibility: visible;
  opacity: 1;
}
.header-menu
  > .menu-item.deeper.parent
  .submenu
  > .menu-item.deeper.parent:hover
  > .submenu
  .menu-item {
  border-bottom: 1px solid #e5e5e5;
}

.burger-menu {
    display: none;
    width: 30px;
    height: 30px;
    padding: 5px;
    position: relative;
    z-index: 1200;
    margin-left: 15px;
}

.burger-menu span {
    display: block;
    width: 24px;
    height: 4px;
    background-color: #263658;
    position: absolute;
    left: 5px;
    opacity: 1;
    transition: all linear 0.3s;
}
.burger-menu span:first-child {
    top: 5px;
}
.burger-menu span:nth-child(2), .burger-menu span:nth-child(3) {
    top: 12px;
}
.burger-menu span:last-child {
    top: 19px;
}
.burger-menu.active span{
  background: #2DD68E;
}
.burger-menu.active span:first-child {
    top: 0;
    opacity: 0;
}
.burger-menu.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.burger-menu.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.burger-menu.active span:last-child {
    top: 40px;
    opacity: 0;
}
.body-wrapper{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  transition: 400ms linear;
  left: 0;
  overflow-x: hidden;
}
.main{
  flex: 1;
}

header.sticky{
  position: fixed;
  animation: flash 0.5s linear 1;
  width: 100%;    
  top: 0;
  left: 0;
  z-index: 9999;
  transition: left linear .4s;
}
.body-wrapper.hided .header.sticky{
  left: -200px;
}
@keyframes flash {
  from{opacity: 0; transform: translateY(-100%);}
  to {opacity: 1; transform: translateY(0);}
}

.body-wrapper.hided, .body-wrapper.hided header.sticky{
  left: -200px; 
}
.body-wrapper:before{
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(38,54,88,.5) 50%, rgba(38,54,88,.95) 100%);
  z-index: 1100;
  transition: 400ms ease-in-out;
}

.body-wrapper.hided:before{
  width: 100%;  
}
.nav.menu-mobile {  
  background-color: #181D29;
  position: fixed;
  right: -200px;
  top: 0px;
  height: 100%;
  width: 200px;
  z-index: 1000;
  transition: 0.4s linear;
  display: block;
  overflow-y: scroll;
}
.nav.menu-mobile.open {
  right: 0;
}
.nav.menu-mobile .icon-logo{
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  color: #fff;
}

.nav.menu-mobile li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nav.menu-mobile li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  font-style: normal;
}

.nav.menu-mobile .deeper > a,
.nav.menu-mobile .deeper > span {
  padding-right: 15px;
  width: 80%;
}
.nav.menu-mobile .nav-child img{
  width: 20px;
  margin-right: 10px;
}

.nav.menu-mobile li .list-btn {
  width: 20%;
  height: 40px;
  top: 0;
  right: 0;
  border-bottom: none;  
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.nav.menu-mobile .list-btn:before,
.nav.menu-mobile .list-btn:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 6px;
  height: 2px;
  transition: all 0.3s ease-out;
  background-color: #fff;
  transform: translate(-2px, -50%) rotate(45deg);
}

.nav.menu-mobile .list-btn:after
 {
  transform: translate(2px, -50%) rotate(-45deg);
}
.nav.menu-mobile .list-btn.open:before, .nav.menu-mobile .list-btn.open:before{
  transform: translate(-2px, -50%) rotate(-45deg);
} 

.nav.menu-mobile .list-btn.open:after, .nav.menu-mobile .list-btn.open:after{
  transform: translate(2px, -50%) rotate(45deg);
}

.nav.menu-mobile .nav-child {
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  width: 100%;
}

.nav.menu-mobile .nav-child li.deeper .list-btn {
  width: 20%;
}
.nav.menu-mobile .list-btn:hover i,
.nav.menu-mobile .list-btn.open i {
  background-color: #00a8e7;
}

.header_buttons{
  width: 310px;
}
.header-top{
  height: 80px;
}
.header-top .icon-logo{
  font-size: 60px;
  color: #263658;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 127px;
  transition: .3s;
  border: none;
  outline: none;
}
.header-top .icon-logo:hover{
  color: #2DD68E;
}
.header-menu{
  width: calc(100% - 360px);
}
.header-menu > li:nth-of-type(4){
  margin-right: auto;
}
.header_bottom{
  background: #181D29;
  padding: 7px 0;
}
.header_bottom .social{
  width: 310px;
}
.header_bottom .social span{
  color: #fff;
  margin-right: 18px;
  font-size: 14px;
}
.header_bottom .social a{
  font-size: 17px;
  color: #636F89;
  margin-right: 12px;  
}
.header-top .social a{
  font-size: 20px;
  margin-right: 15px;
  color: #636F89;
}
header .social a,
.header_bottom .phones a,
.header_bottom .phones a:before,
.header_bottom .address,
.header_bottom .address:before{
  text-decoration: none;
  transition: .3s;
}
header .social a:hover,
.header_bottom .phones a:hover,
.header_bottom .phones a:hover:before,
.header_bottom .address:hover,
.header_bottom .address:hover:before
{
  color: #2DD68E;
}
.header_bottom .phones{
  margin: 0 auto;
}
.header_bottom .address{
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #E5E5E5; 
  line-height: 1;
  font-size: 14px; 
}
.header_bottom .address:before{
  font-size: 16px;
  color: #2DD68E;
  margin-right: 10px;
}
.header_bottom .phones a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
}
.header_bottom .phones a:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #636F89;
}
 

.header_bottom .phones a:before {
  color: #2DD68E;
  margin-right: 8px;
  font-size: 12px;
}

.header_buttons.mobile{
  display: none;
  justify-content: space-between;
  margin: 0 auto;
  padding: 10px 0;
  background: #fff;
}
.header-top .social{
  display: none;
  align-items: center;
}

header .butn{
  width: 150px;
  height: 44px;
  font-size: 14px;
}

header.sticky .header_buttons.mobile{
  display: none;
}

.butn.icon-send:before {
  order: 2;
  margin-left: 12px;
  position: relative;
  top: 1px;
  transition: .3s;
  left: 0;  
}
.butn.icon-send:hover:before {
  left: 5px;
}
.butn.icon-tel:before{
  margin-right: 9px;
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.butn.icon-tel:hover:before{
  animation: tada 0.6s ease;
}

.modal {
  display: none;
  position: fixed; 
  top: 0;
  left: 0;
  z-index: 10000;  
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  outline: 0;
}
.modal-inner{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(13,16,28,.89);
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-wrapper{
  padding: 85px 65px;
  position: relative;
  width: calc(100% - 30px);
  max-width: 580px;
  border-radius: 7px; 
  background: #181D29; 
}
#contactModal .modal-wrapper{  
  background: url(/images/new/modal-bg.jpg) no-repeat right bottom / cover #181D29;
}
#thanksModal .modal-wrapper{
  padding: 0;
  background: url(/images/new/thanks-bg.jpg) no-repeat center bottom / cover #181D29;
}
#thanksModal .text-wrap{
  padding: 85px 15px 20px;
}
.modal-wrapper .close{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(45, 214, 42, .2);
  font-size: 25px;
  line-height: .5;
  color: #fff;
  position: absolute;
  right: -17px;
  top: -17px;
  cursor: pointer;
  transition: .3s;
}
.modal-wrapper .close:hover{
  background: rgba(45, 214, 42, .7);
}
#showModal{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 72px;
  height: 72px;
  right: 55px;
  bottom: 60px;
  background: linear-gradient(92.25deg, #1EED96 0%, #30BE82 101.92%);
  box-shadow: 0px 4.13418px 34.107px rgba(83, 255, 182, 0.34), inset 0px -14.4696px 17.5703px rgba(31, 234, 149, 0.51), inset 0px 9.3019px 6.20127px rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  transform: rotate(45deg);
  z-index: 1100;
  cursor: pointer;
  font-size: 25px;
  color: #fff;
}
@keyframes tada2 {
  from {
    -webkit-transform: scale3d(1, 1, 1) rotate(-45deg);
    transform: scale3d(1, 1, 1) rotate(-45deg);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-48deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-48deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-42deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-42deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-48deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-48deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1) rotate(-45deg);
    transform: scale3d(1, 1, 1) rotate(-45deg);
  }
}
@keyframes scale {
  from {
    transform: scale(1.2);
  }
  10% {
    transform: scale(1.2);
  }
  30% {
    transform: scale(1);
  }
  50%{
    transform: scale(1.2);
  }
  to {
    transform: scale(1.2);
  }

}
#showModal:before {
  transform: rotate(-45deg);
}
#showModal:hover:before {
  animation: tada2 0.6s ease;
}
#showModal:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--gr);
  border-radius: 6px;
  transform: scale(1.2);
  animation: scale 5s ease infinite;
}
.modal-wrapper .ttl.lg{
  font-size: 26px;
}
#formModal textarea{
  height: 120px;
  resize: none;
  padding: 15px;
}
#formModal .butn{
  width: 100%;
}

/*=================main-page=========================*/

#slider_elem{
  position: relative;
}
#slider_elem .moduletable .tp-bullets.simplebullets.round.hidebullets, #slider_elem .tp-bullets.simplebullets.round {
/*  width: 16.563%;*/
  width: 318px;
  height: 100%;
  top: 0;
  right: 0;
  left: auto !important;
  background-color: rgba(25, 25, 25, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#slider_elem .strip_slider {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #ffffff;
}

#slider_elem .tp-rightarrow.tparrows.default.round{
  visibility: hidden;
}

#slider_elem .tp-leftarrow.tparrows.default.round {
  bottom: 50px;
  left: 49% !important;
  top: auto !important;
}

#slider_elem .tp-leftarrow.default {
  background: url("/images/left-arrow.png") no-repeat 0 0 !important;
}

#slider_elem .tp-bullets.simplebullets.round .bullet:hover, #slider_elem .tp-bullets.simplebullets.round .bullet+.selected {
  background: url("/images/slider_elem_2.png") no-repeat center !important;
}

#slider_elem .tp-bullets.simplebullets.round .bullet {
  margin: 33px 0 0 0 !important;
  background: url("/images/slider_elem.png") no-repeat center !important;
  transition: .5s ease-in;
    -webkit-transition: 0.3s ease-in;
  width: 26px !important;
    height: 26px !important;
}

#slider_elem .tp-bullets.simplebullets.round .bullet:hover, /*#slider_elem .tp-bullets .bullet+.selected*/ {
  background: url("/images/slider_elem_2.png") no-repeat center !important;
}

.tp-bullets.simplebullets.round .tpclear {
  position: absolute;
  width: 1px;
  height: 100%;
  background: #ffffff;
  opacity: 0.2;
}
.tp-caption.tp-fade.tp-resizeme.start {
  max-width: 506px !important;
  min-height: 300px !important;
  height: auto !important;
}

.slider_headline {
  min-height: 0!important;
  text-shadow: 0 2px 126px rgba(17, 14, 11, 0.45);
  color: #eaebf1;
  font-size: 30px !important;
  font-weight: 400;
  line-height: 48px !important;
  margin-bottom: 16px!important;
}

.slider_headline span {
  font-size: 72px !important;
  font-weight: 700;
}

.slider-subttl {
  display: flex;
  align-items: center;
  font-size: 18px!important;
  letter-spacing: 0.3em!important;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 50px!important;
}
.slider-subttl:before{
  font-size: 12px;
  margin-right: 20px;
}
.slider-text {
  font-weight: 500;
  font-size: 24px!important;
  line-height: 1.3!important;
  color: #FFF;
  text-shadow: 0px 2px 23px rgba(0, 0, 0, 0.24);
  margin-bottom: 50px!important;
}

.slider_list {
  max-width: 454px !important;
  min-height: 78px !important;
}

#slider_elem .tp-simpleresponsive >ul li.slider_list_li {
  margin-left: 33px !important;
  position: relative !important; 
  visibility: visible !important;
  color: #f1f1f1;
  font-size: 20px !important;
  font-weight: 300;
  line-height: 30px !important;
}

#slider_elem .tp-simpleresponsive >ul li.slider_list_li:before {
  position: absolute;
  top: -2px;
  left: -33px;
  content: url("/images/slider_list_style.png");
}

#rev_slider_1_1_wrapper .tp-caption a,
#rev_slider_3_1_wrapper .tp-caption a
 {
  color: #f1f1f1;
    text-shadow: none;
    font-size: 16px !important;
  font-weight: 500;
  line-height: 30px !important;
  text-transform: uppercase;
  border-radius: 7px;
  letter-spacing: .1em!important;
  margin-top: 10px;
}
#rev_slider_1_1_wrapper .tp-caption a:hover,
#rev_slider_3_1_wrapper .tp-caption a:hover {
  color: var(--gr);
}

.slider_button {
  margin-top: 41px !important;
  padding: 17px 65px 14px 66px !important;
  background-color: #2DD68E;
  border: none;
  font-weight: 400;
  line-height: 30px !important;
  font-size: 16px !important;
  text-transform: uppercase;
}

.bullet {
  position: relative;
}

.bullet_elem {
  position: absolute;
  left: -55px;
  top: 4px;
  opacity: 0.5;
  color: #eaebf1;
  font-size: 16px;
  font-weight: 500;
  transition: .5s ease-in;
    -webkit-transition: 0.3s ease-in;
}

#slider_elem .tp-bullets.simplebullets.round .bullet:hover .bullet_elem, #slider_elem .tp-bullets.simplebullets.round .bullet+.selected .bullet_elem {
  left: -80px;
  top: -10px;
  font-size: 34px;
  max-height: 24px;
}

/*==========================================*/
.main-services{
  padding: 70px 0;
}
.main-services-list{
  display: flex;
  justify-content: center;
  margin: 0 -11px;
}
.main-services-list .item{
  width: 178px;
  margin: 11px;
  background: #F6F7FB;
  padding: 50px 7px 30px 25px;
  transition: .4s;
}

.main-services-list .item:hover{
  background: #293246;
}
.main-services-list .icon{
  position: relative;
  width: 100px;
  height: 80px;
  margin-bottom: 25px;
}
.main-services-list .icon span{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transition: .4s;
}
.main-services-list .icon .hover{
  visibility: hidden;
  opacity: 0;
}
.main-services-list .item:hover .hover{
  visibility: visible;
  opacity: 1;
}
.main-services-list .item:hover .active{
  visibility: hidden;
  opacity: 0;
}
.main-services-list .item .ttl{
  display: flex;
  font-size: 14px;
  line-height: 1.3;
  color: #263658;
  text-transform: uppercase;
  transition: .4s;
}
.main-services-list .item .ttl:before{
  content: '';
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #2DD68F;
  margin-right: 9px;
  position: relative;
  top: 4px;
}
.main-services-list .item:hover .ttl{
  color: #fff;
}


.repairs {
  padding: 150px 0;
  background: url(/images/new/repairs-bg.jpg) no-repeat center / cover #181D29;
}
.repairs .wrapper{
  width: 58%;
}

.repairs_cont {
  font-size: 18px;
  line-height: 1.3;
  color: #858A97;
  max-width: 660px;
}

.repairs #form1 {
  margin-bottom: 28px;
  justify-content: space-between;
}

.repairs #form1 .form-group{
  width: calc(50% - 10px);
}
label.label{
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: 1.3;
  color: #6A7285;
  margin-bottom: 10px;
}
.input{
  background: #222836;
  height: 60px;
  border-radius: 6px;
  border: none;
  outline: none;
  margin-bottom: 15px;
  padding: 0 15px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  transition: .3s;
}
.input:hover{
  background: #222836;
}
.repairs-img{
  right: 0;
  bottom: 0;
  width: 42%;
  max-width: 860px;
}
.main-reasons{
  padding: 130px 0;
}
.main-reasons .ttl-box{
  align-items: flex-end;
}
.main-reasons .ttl-box .ttl{
  max-width: 700px;
}


.reasons-list li{
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 16px);
  margin-bottom: 40px;
  list-style: none;
}
.reasons-list .img-box{
  width: 48.5%;
  border-radius: 6px;
  overflow: hidden; 
}
.reasons-list .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reasons-list .text-box{
  width: 51.5%;
  padding: 5px 12px 20px 40px;
}
.reasons-list .ttl{
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #263658;
  text-transform: uppercase;
  margin-bottom: 12px;
  position: relative;

}
.reasons-list .ttl:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2DD68F;
  position: absolute;
  top: 5px;
  left: -15px;
}
.reasons-list .text{
  color: #6E7587;
}
.main-profit{
  padding: 130px 110px;
}
.main-profit .wrapper{
  width: 58%;
}
@media (max-width: 992px){
  .main-profit {padding: 7% 0;}
  .main-profit .wrapper{width: 100%;}
  .main-adv-img {display: none;}
}

.main-profit .ttl.lg{
  max-width: 725px;
}
.profit-list li{
  padding: 25px 50px;
  position: relative;
  background: #FAFBFF;
  box-shadow: 0px 4px 15px #E8EBF8;
  border-radius: 6px;
  list-style: none;
  margin-bottom: 15px;
  cursor: pointer;
}
.profit-list li:before,
.profit-list li:after{
  content: "";
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: block;
  width: 12px;
  height: 2px;
  transition: all 0.3s ease-out;
  background-color: #B1BBCF;
  transform: translate(-4px, -50%) rotate(45deg);
}
.profit-list li:after
 {
  transform: translate(4px, -50%) rotate(-45deg);
}
.profit-list li.open:before{
  transform: translate(-4px, -50%) rotate(-45deg);
} 
.profit-list li.open:after, .profit-list li.open:after{
  transform: translate(4px, -50%) rotate(45deg);
}
.profit-list .ttl{
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #263658;
  text-transform: uppercase;
  margin-bottom: 12px;
  position: relative;

}
.profit-list .ttl:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2DD68F;
  position: absolute;
  top: 5px;
  left: -15px;
}
.profit-list .text{
  color: #6E7587;
  max-height: 62px;
  overflow: hidden;
  transition: .5s;
}
.profit-list .open .text{
  max-height: 1000px;
}
.main-adv-img{
  width: 40%;
  max-width: 940px;
  right: 0;
  bottom: 0;
}
.main-reviews{
  background: #FAFBFF;
}
.main-reviews .owl-stage{
  display: flex;
}

.main-reviews .owl-item{
  padding: 12px 2px 2px;
}

.main-reviews .item{
  display: flex;
  flex-direction: column;
  padding: 90px 45px 35px 50px;
  position: relative;
  border: 1px solid #D1D6E9;
  box-sizing: border-box;
  border-radius: 6px;
  height: calc(100% - 12px);
  background: url(/images/new/quotes.svg) no-repeat right 40px top 60px / 135px;
}
@media(max-width: 450px){
  .main-reviews .item{
    padding: 30px 12px 12px;
    background: url(/images/new/quotes.svg) no-repeat right 12px top 15px / 80px;

  }

}
.main-reviews .item:before{
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 6px 0 6px 0;
  transform: rotate(36deg) skewX(-15deg);
  position: absolute;
  top: -11px;
  left: 50px;
  border-left: 1px solid #D1D6E9;
  border-top: 1px solid #D1D6E9;
  background: #FAFBFF;
}
.main-reviews .item .name{
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #263658;
  margin-bottom: 12px;

}
.main-reviews .comment{
  flex: 1;
}
.main-reviews .item p{
  color: #6E7587;
}

.main-reviews .date{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  color: #C2C6D0;
}
.main-reviews .date:before{
  color: #2DD68E;
  margin-right: 8px;
}

.owl-theme .owl-dots{
  display: flex;
  justify-content: center;
}

.owl-theme .owl-dots .owl-dot span {
    width: 48px;
    height: 4px;
    margin: 5px;
    background: #E5EAF8;
    display: block;
    transition: .3s;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #BCC3D3;
}
.main-gal{
  background: #fff;
}
.main-gal .tabs-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 50px auto;
  padding: 0;
  text-align: center;
}

.main-gal .tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  width: calc(100% - 340px);
}
.main-gal .tabs li {
  display: block;
  position: relative;
  width: 31.921%;
  transition: all 0.3s ease-in-out;
}

.main-gal .tabs li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.main-gal .tabs li a p {
  position: relative;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  transition: .3s;
}

.main-gal .tabs li.active p, .main-gal .tabs li p:hover {
  color: #2DD68E;
}

.main-gal .tabs li a p:after {
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  border: 1px solid #D1D6E9;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 15px;
}
.main-gal .tabs li.active a p:after {
  border-color: #2DD68E;
  background: #2DD68E;
}

.main-gal .tabs li a p::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 24px;
  border: 12px solid transparent;
  border-top: 6px solid #2DD68E;
  opacity: 0;
  transition: .3s;
}
.main-gal .tabs li.active a p::before {
  opacity: 1;
}

.main-gal .tabs-content {
  position: relative;
  float: right;
  z-index: 2;
  border-radius: 4px;
  background: white;
}

.main-gal .tabs-panel {
  display: none;
  /*transform: translate(100%);
  transition: 0.5s ease-in-out;*/
}
.main-gal .tabs-panel.active {
  display: block;  
}
.tabs-panel_img_1 img, .tabs-panel_img_2 img, .tabs-panel_img_3 img, .tabs-panel_img_4 img {
  margin-top: 1px;
}

.tabs-panel_img_1, .tabs-panel_img_2, .tabs-panel_img_3, .tabs-panel_img_4 {
  padding: 1px;
}
.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight; 
 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
 
    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     
 
    visibility: visible !important; 
}
 
@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }

    100% {
        transform: translateX(0%);
    }   
}
 
@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
         
    100% {
        -webkit-transform: translateX(0%);
    }
}
.tabs-panel_img_1, .tabs-panel_img_2, .tabs-panel_img_3, .tabs-panel_img_4, .tabs-panel_img_5, .tabs-panel_img_6 {
  float: left;
  width: 25%;
}


.custom_numbers_cont {
  position: relative;
  padding-left: 45.147%;
  padding-top: 137px;
  min-height: 285px;
}


.videogl_text_img_wrapp_right {
  top: 0;
}

.quiz-wrapper{
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100000;
  background: rgba(0,0,0,.5);
  padding: 10px;
}
.quiz-wrapper.open{
  display: flex;
}
.quiz-wrapper .quiz{
  width: 100%;
  max-width: 920px;
}
.quiz .top{
  position: relative;
  background: #fff;
  padding: 25px 50px 40px;
}
.quiz .top .quiz-title{
  font-size: 12px;
  text-transform: uppercase;
  color: #515151;
  padding-bottom: 15px;
  position: relative;
}
.quiz .top .quiz-title:after{
  content: '';
  width: 245px;
  height: 2px;
  background: var(--gr);
  position: absolute;
  left: 0;
  bottom: 0;
}
.quiz .close{
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  color: #000;
  transform: rotate(45deg);
  cursor: pointer;
}
.quiz .item-title{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
  color: #515151;
}
.quiz .answer-box{
  width: 340px;
}
.quiz .answer-item{
  cursor: pointer;
}
.quiz .answer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  background: #EEEEEE;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  padding: 15px 15px 15px 25px;
}
.quiz .answer .value{
  font-size: 20px;
  color: #333333;
  margin: 0 10px 0 0;
}
.pink{
  color: var(--gr);
}
.quiz .answer .check-box{
  width: 30px;
  height: 30px;
  border: 2px solid var(--gr);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quiz .answer .check-box:before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: var(--gr);
  transition: .3s;
}
.quiz .answer-item.checked .check-box:before{
  width: 18px;
  height: 18px;
}

.quiz .bottom{
  background: #F2F2F2;
  border: 0.8px solid #AAAAAA;
  box-sizing: border-box;
  padding: 12px 50px 6px;
  align-items: center;
}
.quiz .bottom .steps{
  counter-reset: step;
  margin: 0 10px 6px 0;
  padding-top: 4px;
}
.quiz .bottom .steps li{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 35px;
  position: relative;
  font-size: 12px;
  color: #333;
  transition: .3s;
}
.quiz .bottom .steps li:not(:first-of-type){
  margin-left: -8px;
}
.quiz .bottom .steps li span{
  position: relative;
  z-index: 2;
}
.quiz .bottom .steps li span:before{
  counter-increment: step;
  content: counter(step)' ';  
}
.quiz .bottom .steps li:before, .quiz .bottom .steps li:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.quiz .bottom .steps li:before{
  z-index: 0;
  background-image: url(/images/quiz/step2-icon.png);
}
.quiz .bottom .steps li:first-of-type:before{
  background-image: url(/images/quiz/step1-icon.png);
}
.quiz .bottom .steps li:last-of-type:before{
  background-image: url(/images/quiz/step-last-icon.png);
}
.quiz .bottom .steps li:after{
  background-image: url(/images/quiz/step2-icon-active.png);
  opacity: 0;
  z-index: 1;
  transition: .3s;
}
.quiz .bottom .steps li:first-of-type:after{
  background-image: url(/images/quiz/step1-icon-active.png);
}
.quiz[data-step="1"] .bottom .steps li:nth-of-type(1),
.quiz[data-step="2"] .bottom .steps li:nth-of-type(2),
.quiz[data-step="3"] .bottom .steps li:nth-of-type(3),
.quiz[data-step="4"] .bottom .steps li:nth-of-type(4)
{
  color: #fff;
}
.quiz[data-step="1"] .bottom .steps li:nth-of-type(1):after,
.quiz[data-step="2"] .bottom .steps li:nth-of-type(2):after,
.quiz[data-step="3"] .bottom .steps li:nth-of-type(3):after,
.quiz[data-step="4"] .bottom .steps li:nth-of-type(4):after{
  opacity: 1;
}
.quiz-prev, .quiz-next, .quiz-submit, .quiz-done{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 35px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  transition: .3s;
  background: #fff;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.quiz-prev:hover, .quiz-next.active:hover, .quiz-submit.active:hover{
  box-shadow-color: #2DD68E;
}
.quiz-prev:before{
  font-family: 'icomoon' !important;
    line-height: 1;
    content: "\ea40";
    margin-right: 10px;
}
.quiz-next:after{
  font-family: 'icomoon' !important;
    line-height: 1;
    content: "\ea3c";
    margin-left: 10px;
}
.quiz-prev{
  cursor: pointer;
  margin-right: 25px;
}
.quiz-next, .quiz-submit{
  cursor: not-allowed;
  margin-left: auto;
}
.quiz-submit, .quiz-done{
  display: none;
}

.quiz-done{
  margin: 0 auto;
}
.quiz-prev:hover, .quiz-next.active, .quiz-submit.active, .quiz-done{
  background: var(--gr);
  color: #fff;
  cursor: pointer;
}
.quiz-next.active:hover, .quiz-submit.active:hover, .quiz-done:hover {
  background: #fff;
  color: #333; 
}
.quiz[data-step="1"] .bottom .quiz-prev{
  display: none;
}
.quiz[data-step="4"] .bottom .steps,
.quiz[data-step="4"] .bottom .nav-box,
.quiz.success .bottom .steps,
.quiz.success .bottom .nav-box{
  display: none;
}
.quiz[data-step="4"] .bottom .quiz-submit{
  display: flex;
}
.quiz.success .bottom .quiz-done{
  display: flex;
}
.quiz.success .bottom .quiz-submit{
  display: none;
}
.quiz .step1 .img-box{
  width: calc(100% - 410px);
}
.quiz .step2 .answer-box{
  display: flex;
  flex-direction: column;
}
.quiz .step2 .img-box{
  flex: 1;
  align-items: center;
}
.quiz .step2 .img-box img{
  max-width: 180px;
}
.quiz-slider .owl-item{
    height: 350px;
}
.quiz .step3 .img-box{
  width: calc(100% - 390px);
}
.quiz .step4 .flex{
  align-items: center;
  margin-bottom: -15px;
  height: 300px;
}
.quiz .step4.small-purpose .answer-item.full-purpose{
  display: none;
}
.quiz .messengers-list .value{
  display: flex;
  align-items: center;
}
.quiz .messengers-list .icon{
  width: 30px;
  flex-shrink: 0;
  margin-right: 15px;
}
.quiz .form-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 90px;
}
.quiz-form{
  width: 255px;
}
.quiz-form label{
  font-size: 16px;
  color: #000;
  display: block;
  font-weight: 400;
  width: 100%;
}
.quiz-input{
  width: 100%;
  height: 60px;
  background: #F2F2F2;
  border: 1px solid #AAAAAA;
  padding: 15px;
  font-size: 16px;
  color: #797979;
  text-shadow: none;
  font-weight: 400;
  margin-top: 4px;
}
.quiz-form .quiz-mail{
  display: none;
}
.quiz-form .uForm__error-msg p{
  color: #2DD68E;
}
.quiz-form input[type="email"]:hover{
  background-color: #F2F2F2!important;
  color: #797979!important;
}
.quiz .step-success{
  padding: 7% 0;
}
.quiz .step-success .icon{
  display: block;
  width: 68px;
  margin: 0 auto 15px;
}
.quiz .step-success .title{
  font-size: 30px;
  color: #515151;
  text-align: center;
}
.quiz .step-success .text{
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #515151;
  max-width: 580px;
}
.quiz ul{
  list-style: none;
  margin: 0;
}

#showQuiz{
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #7F7F7F;
  cursor: pointer;
}
.counter-section{
  background: url(/images/bg_slider.jpg) no-repeat 52% center/cover #1B2026;
}
.counter-section .numbers{
  width: 23%;
  text-align: center;
}
.counter-section .counter {
  color: #ffffff;
  font-size: 72px;
  font-weight: 600;
}
.counter-section .numbers p{
  margin: 10px 0;
  color: #efefef;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
}
.counter-section .bolee{
  height: 20px;
  margin-bottom: 5px;
  color: #fff;
}
.counter-section .numComplete2:before,
.counter-section .numComplete2:after {
  content: '';
  margin: 0 auto;
  width: 157px;
  height: 1px;
  content: "";
  display: block;
  background: rgba(239, 239, 239, 0.3);
}
.main-form{
  background: url(/images/new/main-form-bg.jpg) no-repeat center / cover #181D29;
}
#from2, #form3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}
#from2 .input-box, #form3 .input-box {
  width: calc(33.3% - 35px);
}
#from2 .butn, #form3 .butn {
    width: 60px;
    margin-bottom: 15px;
    font-size: 20px;
}
#from2 .butn:before, #form3 .butn:before {
  margin: 0;
}
.main-faq{
  background: url(/images/new/faq-bg.jpg) no-repeat center top / cover;
}
.accordion .col{
  width: calc(50% - 10px);
}
.accordion .item{
  background: #FAFBFF;
  box-shadow: 0px 4px 15px #E8EBF8;
  border-radius: 6px;
  border-left: 3px solid #BCC3D3;
  padding: 0 30px 0 40px;
  margin-bottom: 20px;
}

.accordion .question{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;  
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #263658;
  position: relative;
  padding-right: 25px;
}
.accordion .question:before, .accordion .question:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 9px;
  height: 2px;
  transition: all 0.3s ease-out;
  background-color: #B1BBCF;
  transform: translate(-3px, -50%) rotate(45deg);
}

.accordion .question:after
 {
  transform: translate(3px, -50%) rotate(-45deg);
}
.accordion .question.open:before{
  transform: translate(-3px, -50%) rotate(-45deg);
} 

.accordion .question.open:after{
  transform: translate(3px, -50%) rotate(45deg);
}

.accordion .answer{
  display: none;
  padding: 20px 40px 40px 0;
}

.accordion .answer a{
  color: #2DD68E;
  font-weight: 500;
}
.main-video{
  background: #fff;
}
.main-video .text-box{
  width: 430px;
}
.main-video p{
  color: #6E7587;
}

.main-video .title{
  font-size: 18px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #181D29;

}
.main-video .img-box{
  width: calc(100% - 550px);
}

/*===============================*/
.footer{
  background: url(/images/footer_background.jpg) no-repeat center/cover #1C1C1E;
  color: #fff;
}
.footer .top{
  padding: 100px 0 20px;
}
.footer .map-box{
  width: 25%;
  filter: grayscale(100%) sepia(5%) brightness(0.24);
  transition: .5s ease-in;
}
.footer .map-box:hover{
  filter: grayscale(0%);
}
.footer .map-box iframe{
  width: 100%;
  height: 100%;
  border: none;
}
.footer .contacts-box{
  width: 14%;
}
.footer .title{
  color: #f1f1f1;
}
.footer .title:after{
  margin-top: 10px;
  width: 147px;
  height: 1px;
  content: "";
  display: block;
  background: rgba(239, 239, 239, 0.3);
}
.footer a{
  color: #fff;
  opacity: .8;
  line-height: 1.4;
}
.footer a:hover{
  color: var(--gr);
  opacity: 1;
}
.footer .icon-tel, .footer .icon-pin, .footer .icon-mail{
  display: flex;
}
.footer .icon-tel:before, .footer .icon-pin:before, .footer .icon-mail:before{
  margin-right: 16px;
}
.footer .social a{
  font-size: 18px;
  margin-right: 14px;
}
.footer .text{
  color: #888888;
}
.footer-sitemap-box{
  width: 15%;
}
.footer-sitemap a{
  display: block;
}
.footer-sitemap > li{  
  margin-bottom: 10px;
}
.footer-sitemap > li > a:before{
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  bottom: 2px;
  display: inline-block;
  background: #fff;
}
.footer-sitemap > li > ul{
  padding-left: 30px;
}
.footer .form-box{
  width: 24%;
}
.footer .form-box .input{
  background: #fff;
  border: 1px solid transparent;
  resize: none;
  color: #262626;
  transition: .3s;
  height: 50px;
}
.footer .form-box .input:hover{
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.footer .form-box textarea.input{
  height: 134px;
  padding: 10px 15px;
}
.footer .form-box .butn{
  width: 200px;
  height: 44px;
  font-size: 14px;
}
.footer .bottom .container{
  padding: 10px 15px;
  border-top: 1.5px solid #373737;
}
.footer .bottom .icon-logo{
  font-size: 60px;
}
.to-top{
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255,.26);
}
.breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumb li{
  color: #BCC3D3;
}
.breadcrumb li:not(:last-child) {
  position: relative;
  padding-right: 15px;
}
.breadcrumb li:not(:last-child):after{
  position: absolute;
  height: 8px;
  content: '';
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;  
  border: 4px solid transparent;
  border-left: 6px solid var(--gr);
}
.breadcrumb a{
  color: #181D29;
}
.breadcrumb a:hover, .pages-header .breadcrumb a:hover{
  color: var(--gr);
}
.breadcrumb span{
  
}
.pages-header{
   padding: 55px 0 30px; 
   background: url(/images/image.jpg) no-repeat center/cover #181D29;
}
.pages-header .breadcrumb{
  justify-content: center;
}
.pages-header .breadcrumb a{
  color: #fff;
}
.photo_renovation_apartments .pages-header {
    background-image: url(/images/Fotogallery.jpg);
}
.photo_interior_design .pages-header {
    background-image: url(/images/breadcrumbs_photo_galery.png);
}
.page-videos .pages-header {
    background-image: url(/images/page-videos/bg-header.jpg);
    padding: 30px 0 60px;
}
.calcmini .pages-header {
  background-image: url(/images/raschet.jpg);
  background-position: right 30% center;
}
.page-design .pages-header {
  background-image: url(/images/interior-design/bg-header.jpg);
}
.page-newbuilding .pages-header {
  background-image: url(/images/page-newbuilding/bg-header.jpg);
}
.page-houses .pages-header {
  background-image: url(/images/page-houses/bg-header.jpg);
}
.page-euro .pages-header {
  background-image: url(/images/pages/evroremont-bg.jpg);
}
.page-electro .pages-header {
  background-image: url(/images/pages/electro-bg.jpg);
}
.page-otdelka .pages-header {
  background-image: url(/images/pages/otdelka-bg.jpg);
  background-position: right 30% center;
}
.page-urgent .pages-header {
  background-image: url(/images/pages/urgent-bg.jpg);
}
.page-prices .pages-header {
  background-image: url(/images/pages/prices-bg.jpg);
}

.main .main_images_wrapper{
  float: none!important;
  margin-bottom: 50px;
}

/*=============================================*/

   



/*=============================================*/
#comments .butn{
  color: #fff;
}
#comments .butn:hover {
  color: var(--gr)!important;
}
#commentForm .butn{
  margin: 15px auto;
}
#jc #comments-list .rbox:before{
  background: var(--gr);
}
#jc #comments-list .comment-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #263658;
  margin-bottom: 15px;
}
#jc #comments-list .comment-text{
  font-size: 16px;
  line-height: 130%;
  color: #6E7587;
}

.statcont{
  margin-bottom: 30px;
}
.statiItem1 {
  height: 100%;
  padding: 30px;
  background: #fff;  
  border-radius: 4px;
  transition: .4s;
}
.statiItem1:hover{
  box-shadow: 0px 4px 15px #E8EBF8;
}
.statiItem1 .page-header h2{
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #263658;
  margin-bottom: 15px;
}
.statiItem1 .pull-left.item-image{
  width: 150px;
  float: left;
  margin: 0 15px 10px 0;
}
.statiItem1 p{
  font-size: 16px;
  line-height: 130%;
  color: #6E7587;
}

.statiItem1 .readmore a{
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(92.25deg, #1EED96 0%, #30BE82 101.92%);  
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #FFF;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  transition: .4s;
  width: 150px;
  height: 44px;
  border-color: transparent;
  cursor: pointer;
  margin: 30px 0 20px 165px;  
}
.statiItem1 .readmore a:after{
  content: '';
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  border-radius: inherit;
  z-index: -1;
  transition: inherit;
  opacity: 0;  
}
.statiItem1 .readmore a:hover{
  color: var(--gr);
  box-shadow: 0px 4px 33px rgba(83, 255, 182, 0.34);
  text-decoration: none;
}
.statiItem1 .readmore a:hover:after{
  opacity: 1;  
}
.blog .counter{
  display: none;
}
.pagination-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pagination-list li{
  margin: 3px;
}
.pagination-list a, .pagination-list span{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid transparent;
  color: #6E7587;
  font-size: 14px;
}
.pagination-list a:hover, .pagination-list .active span{
  color: var(--gr);
  border-color: var(--gr);
}
.pager.pagenav{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.pager.pagenav li{
  margin-bottom: 15px;
}
.pager.pagenav .previous{
  margin-right: 15px;
}
.pager.pagenav .next{
  margin-left: auto;
}
.pager.pagenav .next a{
  justify-content: flex-end;
}
.pager.pagenav a{
  display: flex;
  align-items: center;  
}
.pager.pagenav .previous a:before,
.pager.pagenav .next a:after{
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--gr);
  flex-shrink: 0;
  font-size: 10px;
}
.pager.pagenav .previous a:before{
  content: '\e912';
  margin-right: 8px;
}
.pager.pagenav .next a:after{
  content: "\e913";
  margin-left: 8px;
}



.item-page h2{
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #263658;
  margin: 30px 0 15px;
}
.item-page p{
  margin-bottom: 10px;
}
.item-page img{
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.contact .icon-logo{
  font-size: 80px;
}
.categories_img_photo_gallery {
    margin: 0 15px 20px;
    width: calc(99.7% - 30px);
    overflow: hidden;
}
.categories_img_photo_gallery img{
  width: 100%;
}
/*.cat_child_wrapper{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.cat_child_wrapper .cat_child{
  position: static!important;
  margin: 10px;
  width: calc(33.3% - 20px)!important;
  max-width: 100%!important;
}*/
.cat_child_wrapper .cat_child{
  margin-bottom: 20px;
  box-shadow: 0px 4px 15px #E8EBF8;
}
.cat_child_wrapper .cat_child img {
    padding: 0;
    width: 100%;
    display: block;
}
.cat_child_heading {
  display: flex;
  background: #fff;
  margin: 0;
  padding: 20px 25px;
  min-height: 85px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #263658;
  transition: .4s;
}
.cat_child:hover .cat_child_heading{
  background: #263658;
  color: #fff;
}
.cat_child_heading:before {
  content: '';  
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gr);
  margin-right: 10px;
  flex-shrink: 0;
  position: relative;
  top: 8px;
} 

/*====================================*/


.page-videos .intro{
  background: url(/images/page-videos/bg-intro1.png) no-repeat center / cover;
  margin-bottom: 40px;
  position: relative;
  padding: 15px 0;
}

.page-videos .intro:before{
  content: '';
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 5%;
  right: 120px;
  border: 2px solid #fff;
}


.page-videos #contentBox .row{
  margin-left: -15px!important;
  margin-right: -15px!important;
  display: flex;
  flex-wrap: wrap;
}

.page-videos .intro .text-block{
  margin: 0 5% 0 auto;
  background: rgba(38, 54, 88, 0.8);
  max-width: 355px;
  padding: 65px 65px 50px 25px;
  color: #fff;
  position: relative;
}

.page-videos .intro .social-link{
  display: flex;
  align-items: center;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 15px;
  text-decoration: none;
}

.page-videos .intro .social-link:before{
  width: 20px;
  text-align: center;
  margin-right: 20px;
  font-size: 24px;
}

.page-videos .intro-title{
  font-weight: 900;
  font-size: 26px;
  line-height: 1.5;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.7);
}

.page-videos .intro .text-block .caption{
  width: .7em; 
  width: 1ch;
  text-align: center;
  font-size: 18px;
  line-height: 2;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.7);
  height: 170px; 
  word-wrap: break-word;
  position: absolute;
  top: 0; right: 30px; bottom: 0;
  margin: auto 0;
}



.video-list > .col-12{
  margin-bottom: 30px;
}

.video-list .item{
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.video-list .item .img-container{
  position: relative;
  height: 160px;
}

.video-list .item .img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}
.video-list .item .img-container:before{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.1px;
  font-size: 70px;
  background: rgba(38, 54, 88, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 70px;
  color: #fff;
  transition: 0.5s;
  overflow: hidden;
}

.video-list .item:hover .img-container:before{
  height: 100%;
}

.video-list .item .caption{
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #263658;
  padding: 20px 15px 35px;
}

.video-list .item .title{
  flex: 1;
  color: #fff;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 15px;
}

.video-list .item .date{
  font-size: 14px;
  color: #fff;
}

.page-videos.item-page{
  padding: 0 10px;
  overflow-x: hidden; 
}

.page-videos video, .page-videos iframe{
  max-height: 550px;
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 20px auto;
}
.page-videos video[poster]{
  width: 100%;
  object-fit: cover;
}

.page-videos .pager{
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.page-videos .pager .next{
  margin-left: auto;
}

.page-videos .pager:before, .page-videos .pager:after{
  display: none;
}

.page-videos .pager li{
  max-width: 49%;
}

.page-videos .pager li > a{
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.miniCalc {
  padding: 15px 0;
}

.miniCalc .item{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.miniCalc .img-container{
  width: 40%;
}


.miniCalc .img-container img{
  width: 100%;
}

.miniCalc .field-group{
  padding: 30px 10px 40px;
  border-bottom: 1px solid #e9e9e9;
  margin-right: 20px;
  width: 60%;
}

.miniCalc .field-container{
  display: flex;
  align-items: center;
  min-height: 40px;
}

.miniCalc .indent{
  margin-bottom: 25px;
}

.miniCalc .field-container span{
  width: 385px;
  color: #262626;
  font-size: 16px;
  margin-right: 8px;
}

.miniCalc .field-container .costRes{
  width: auto;
}

.miniCalc .design .field-container span{
  width: 170px;
}

.miniCalc .form-control{
  max-width: 180px;
}
.miniCalc .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.miniCalc #square{
  width: 70px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}


#miniCalc .checkbox label {
  padding-bottom: 14px;
}

.miniCalc .form-control {
    display: block;
    width: 100%;
    max-width: 180px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.miniCalc .input-group {
    position: relative;
    display: flex;
}
    

.miniCalc .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    white-space: nowrap;
    vertical-align: middle;
    width: 40px;
}
.radio-inline{
  white-space: nowrap;
}

/*================================*/

.page-design .text-box, .page-design .img-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(50% - 15px);
}
.page-design .text{
  line-height: 1.8;
}

.page-design .head-form {
    padding: 0 0 30px 0;
    background: url(/images/interior-design/bg-form-1.jpg) no-repeat 110% / 100% 100%;
}
.page-design .head-form .form-box {
    padding: 10% 25px;
    background: #fff;
    max-width: 425px;
    margin-left: auto;
}
.page-design .head-form .form-box .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
}
.page-design .head-form .form-box .title:after {
    content: '';
    width: 100px;
    height: 3px;
    background: var(--gr);
    position: absolute;
    bottom: -15px;
    left: 0;
}
.page-design .head-form .form-box .input{
    border: 1px solid #e2e2e2;
    background: #f2f2f2;
    font-size: 16px;
    transition: 0.3s;
    color: #6E7587;
}
.page-design .head-form .form-box .input:focus {
  background: #fff;
}
.page-design .head-form .form-box .butn{
  width: 100%;
}
.page-design .prices {
    background: url(/images/interior-design/bg-prices.jpg) no-repeat center / cover;
}
.page-design .price-list > li {
  width: calc(50% - 15px);
  background: #fff;
  padding: 50px 30px;
  margin-bottom: 15px;
}
.page-design .default-list li{
  display: flex;

}
.page-design .default-list li:before {
  content: '-';
  color: var(--gr);
  margin-right: 10px;
}
.page-design .order-form {
    padding: 3% 0;
    background: url(/images/interior-design/bg-form-2.jpg) no-repeat center / cover #000;
}
.page-design .order-form .ttl:after {
  display: block;
    content: '';
    width: 100px;
    height: 3px;
    background: var(--gr);
    margin-top: 15px;
}
.page-design .order-form .input {
    width: 32%;
    border: 1px solid #e2e2e2;
    background: #f2f2f2;
    color: #262626;
  }
.page-design .order-form .input:focus {
    color: #fff;
    background: transparent;
}
.page-design .design-list li {
    width: 27%;
    display: flex;
    align-items: center;
}
.page-design .design-list li:before {
    font-size: 45px;
    color: var(--gr);
    margin-right: 30px;
}
.page-design .stages-list li {
    width: 31.5%;
    background: #f3f3f3;
    padding: 35px 25px 45px;
    margin-bottom: 30px;
    position: relative;
}
.page-design .stages-list li:after {
    content: '';
    width: 100px;
    height: 3px;
    background: var(--gr);
    position: absolute;
    bottom: 0;
    left: 25px;
}
.page-design .stages-list .ttl:before {
    counter-increment: list;
    content: counter(list)' ';
 }
 .page-design .spec-list li {
    width: 31.5%;
    margin-bottom: 30px;
}
.page-design .img-container img{
  width: 100%;
}
.page-design .spec-list .text{
  line-height: 1.1;
}
.page-design .spec-list .text:before {
    counter-increment: list;
    content: '0'counter(list)'. ';
    color: var(--gr);
    font-weight: 700;
}
.page-design .caption{
  font-weight: 700;
  line-height: 1.1;
}
.page-newbuilding{
  font-size: 14px;
  line-height: 1.4;
}
.page-newbuilding .page-design  .head-form {
    background-image: url(/images/page-newbuilding/bg-form-1.jpg);
}
.page-newbuilding .before-begin{
  padding-bottom: 7%;
}
.page-newbuilding .before-begin .first-block {
    max-width: 835px;
    background: #EEEEEE;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
    padding: 30px 20px 35px 35px;
}
.page-newbuilding .before-begin .second-block {
    max-width: 721px;
    background: #FFFFFF;
    border: 1px solid var(--gr);
    box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
    padding: 25px 15px 30px 25px;
    margin: -30px 0 0 auto;
    font-weight: 500;
}
.page-newbuilding .before-begin .important {
    background: #EEEEEE;
    box-shadow: 1px 2px 4px rgb(0 0 0 / 40%);
    padding: 35px 60px 45px;
}
.page-newbuilding .before-begin .important ol li {
    width: 45%;
}
.page-newbuilding .before-begin .important ol li:before {
    display: block;
    text-align: center;
    counter-increment: list;
    content: counter(list);
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    color: var(--gr);
    margin-bottom: 15px;
}
.page-newbuilding .planning {
    padding: 40px 0;
    background: #fff;
}
.page-newbuilding .stages{
  padding: 40px 0 5%;
  background: #F8F8F8;
}
.page-newbuilding .stages-wrapper .box{
  width: calc(50% - 35px);
  list-style: none;
  margin: 0;
}
.page-newbuilding .circle-list li{
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.page-newbuilding .circle-list li:before{
  content: '';
  width: 11px;
  height: 11px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--gr);
  margin-right: 13px;
}
.page-newbuilding .stages-wrapper{
  counter-reset: item;
}
.page-newbuilding .stages-wrapper .item{
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.33);
  margin-bottom: 30px;
  background: #EEEEEE;
}
.page-newbuilding .stages-wrapper .question{
  padding: 10px 40px 10px 30px;
  position: relative;
  font-size: 15px;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  height: 80px;
}
.page-newbuilding .stages-wrapper .question:after{
  content: '';
  width: 154px;
  height: 2px;
  background: var(--gr);
  position: absolute;
  bottom: 0;
  left: 25px;
}
.page-newbuilding .stages-wrapper .question:before{
  content: '+';
  position: absolute;
  top: calc(50% - 10px);
  right: 20px;
  font-size: 24px;
  font-weight: 700;
  transition: .3s;
}
.page-newbuilding .stages-wrapper .question.open:before{
  transform: rotate(45deg);
}
.page-newbuilding .stages-wrapper .counters{
  font-size: 30px;
  font-weight: 700;
  color: #333;
  margin: 0 30px 0 0;
  text-transform: none;
}
.page-newbuilding .stages-wrapper .counters:before{
  counter-increment: item;
  content: counter(item);
  color: var(--gr);
  margin-right: 15px;
}
.page-newbuilding .stages-wrapper .answer{
  display: none;  
  padding: 20px 10px 20px 25px;
}
.page-newbuilding .page-design .order-form {
    background-image: url(/images/page-newbuilding/bg-form-2.jpg);
}
.page-newbuilding .factors{
  background: url(/images/page-newbuilding/bg-factors.jpg) no-repeat center / cover;
}
.page-newbuilding .factors .img-box{
  width: 312px;
}
.page-newbuilding .factors .text-box{
  width: calc(100% - 370px);
}
.page-newbuilding .why-we{
  padding: 35px 0;
}
.page-newbuilding .why-we .text-box{
  width: 60%;
}
.page-newbuilding .why-we .img-box{
  width: 35%;
}
.page-newbuilding .last-block{
  background: #F8F8F8;
}
.page-newbuilding .last-block .caption{
  font-weight: 700;
  background: #FFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  padding: 20px 50px;
}
.page-newbuilding .prices{
  padding: 30px 0 8%;
  background: #ECECEC;
}
.tariff-table{
  width: 100%;
  max-width: 920px;
  margin: 5% auto 0;  
}
.tariff-table th{
  font-size: 25px;
  text-transform: uppercase;
}
.tariff-table th > div{
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tariff-table th:first-of-type{
  font-size: 25px;
  font-weight: 700;
  text-transform: none;
}
.tariff-table th .name{
  flex: 1;
}
.tariff-table th .price{
  display: block;
  text-transform: none;
  margin: 10px auto 0;
  font-size: 90%;
  font-weight: 400;
  padding-top: 10px;
  border-top: 2px solid var(--gr);
}
.tariff-table th > div, .tariff-table td > div{
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--gr);  
}
.tariff-table th:first-of-type > div, .tariff-table td:first-of-type > div{
  padding: 7px 15px 7px 25px;
  display: flex;
  align-items: center;
}
.tariff-table tbody tr:nth-of-type(even) td > div{
  background: #F4F4F4;
}
.tariff-table tbody td > div{
  border-top: none;
  border-bottom: 1px solid #979797;
}
.tariff-table tbody tr:first-of-type td > div{
  border-top: 1px solid var(--gr); 
}
.tariff-table tbody tr:last-of-type td > div{
  border-bottom-color: var(--gr);
}
.tariff-table thead th, .tariff-table tbody td{
  min-height: 50px;
}
.tariff-table thead th > div, .tariff-table tbody td > div{
  width: 170px;
  min-height: 100%;
  text-align: center;
}
.tariff-table tbody td .icon-check{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tariff-table tbody td .icon-check:before{
  font-size: 20px;
  color: var(--gr);
}
.tariff-table thead th:first-of-type > div, .tariff-table tbody td:first-of-type > div{
  width: 360px;
  text-align: left; 
}
.tariff-table thead th:first-of-type, .tariff-table tbody td:first-of-type{
  padding-right: 25px;
}
.tariff-table thead th:nth-of-type(3), .tariff-table tbody td:nth-of-type(3){
  padding-left: 12px;
  padding-right: 12px;
}
.tariff-table tbody .block-title td:first-of-type{
  padding: 10px 0;
  width: 100%;
}
.tariff-table tbody .block-title td:first-of-type > div{
  width: 100%;
  height: 50px;
  font-size: 20px;
}
.tariff-table tr{
  display: flex;
}
.page-houses .first-block .ttl.lg{
  max-width: 1200px;
}
.green-caption{
  border: 1px solid #D1D6E9;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #263658;
  padding: 30px 200px 30px 75px;
  position: relative;
}
.green-caption:before {
  content: '';
  width: 2px;
  height: 50px;
  border-radius: 1px;
  background: var(--gr);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.block-list li{
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px #E8EBF8;
  border-radius: 6px;
  text-transform: uppercase;
  color: #263658;
  padding: 15px 40px 15px 25px;
  margin-bottom: 10px;
}
.block-list li:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gr);
  flex-shrink: 0;
  margin-right: 16px;
  position: relative;
  top: 5.5px;
}
.page-houses .img-box img{
  width: 100%;
  max-width: 560px;
}
.page-houses .center-block .ttl{
  max-width: 565px;
}
.page-houses .center-block .block-list li{
  max-width: 565px;
}
.slash-list li{
  color: #6E7587;
  margin-bottom: 12px;
}
.slash-list li:before {
  counter-increment: list;
  content: counter(list)'/ ';
  font-weight: 700;
  color: var(--gr);
}
.slash-list li:nth-child(-n+9):before{
  content: '0'counter(list)'/ ';
}
.page-houses .center-block .slash-list{
  columns: 2;
  column-gap: 30px;
}
.page-houses .center-block .slash-list li{
  max-width: 520px;
}
.page-euro .slash-list{
  columns: 2;
  column-gap: 30px;
}
.page-euro .slash-list li{
  max-width: 630px;
}
.page-euro .text-box, .page-euro .img-box{
  width: 45%;
}
.page-otdelka .img-box{
  width: 45%;
}
.page-otdelka .text-box{
  width: calc(55% - 30px);
}
.page-otdelka .block-list li{
  max-width: 400px;
}
.page-services .services-list{  
  margin-left: -15px;
  margin-right: -15px;
}
.page-services .services-list .cat_child{
  display: flex;
  flex-direction: column;
  width: calc(25% - 30px);
  margin: 15px;
  box-shadow: 0px 4px 15px #E8EBF8;
  border-radius: 6px;
  transition: .4s;
}
.page-services .services-list .cat_child:hover{
 box-shadow: none; 
}
.page-services .services-list .item-image{
  overflow: hidden;
  height: 210px;
}
.page-services .services-list .item-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .7s;
}
.page-services .services-list .cat_child:hover .item-image img{
  transform: scale(1.05);
}
.table50{
  width: 100%;
}
.table50 .width70{
  width: 55%;
}
.table50 .width10{
  width: 15%;
  text-align: center;
}
.table50 .width10 p{
  text-align: center;
}
.table.table50 > tbody > tr > td {
  vertical-align: middle; 
}
.table50 .width10 {
  width: 7.568%;
}

.table50 .width10_top {
  width: 37.465%;
  background: #6E7587;
  height: 40px;
}

.table50 .width10_top p {
  color: #ffffff;
  font-weight: 400;
}

.table50 .width10_bot_l, .table50 .width10_bot_r {
  width: 19.189%;
  border-top: none; 
}

.table50 .width70 {
  width: 54.054%;
}


.table50 .width70_top, .table50 .countero{
  background: #6E7587;
}

.table50 .width70_top p, .table50 .countero p {
  color: #fff;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: middle; 
}

.table50 .width10_no {
  background: #213357;
}

.table50 .width10_no p {
  color: #ffffff;
}

.table50 .width10_bot_r {
  background: #EDFDF7;
  border: 1px solid #B6E8D5;
}
.table50 th.width10_bot_r {
  background: #2DD68E;
  border-color: #2DD68E;
}

.table_center {
  background: #fff;
  color: #6E7587;  
}
.table_center td {
  padding: 15px 0;
  border: 1px solid #D1D6E9;
}

.table50 .width10_bot_l {
  background: #E5E8F3;
  height: 40px;
  border: 1px solid #D1D6E9;
}
.table50 th.width10_bot_l {
  background: #263658;
  border-color: #263658;
}
.table50 th p{
  color: #fff;
  font-weight: 400;
}


.table50 .width70_k, .table50 .counter  {
  background: #FAFBFF;
  border: 1px solid #D1D6E9;
}

.table50 .width70_k p {
  border: 1px solid #efefef; 
  min-height: 40px;
  padding-top: 10px;
  padding-left: 50px;
  text-align: left;
}
.table50 .width70_top p{
  padding-left: 50px;
}

.table50 .table_img {
  padding: 35px 0;
}
.table50 .table_img img{
  width: 100%;
}
.table.table50{
  counter-reset: counter;
}
.table.table50 .counter p:before {
  counter-increment: counter;
  content: counter(counter);
}
.tabs-list li{
  width: 210px;
  margin-bottom: 10px;
}
.tabs-list li:not(:last-child){
  margin-right: 20px;
}
.tabs-list a{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px #E8EBF8;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #263658;
  padding: 10px 25px;
}
.tabs-list a:hover {
  box-shadow: none;
}
.tabs-list a:hover, .tabs-list a.active{
  background: #263658;
  color: #fff;
}

.page-team .intro .img-box{
  width: 33.3%;
}
.page-team .intro .text-box{
  width: 57%;
  background: url(/images/team/quote.svg) no-repeat top 15% right 6% / 17% #fff;
  border-radius: 6px;
  border: 1px solid #D1D6E9;
  position: relative;
  padding: 80px 110px;
}
.page-team .intro .text-box:before {
  content: '';
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 0 0 0 6px;
  border-left: 1px solid #D1D6E9;
  border-bottom: 1px solid #D1D6E9;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  margin: auto 0;
}
.page-team .lider .text-box{
  width: 40%;
}
.page-team .lider .img-box{
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}
.page-team .lider .img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-team .stuff-slider .item{
  position: relative;
}
.page-team .stuff-slider .text{
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 20px);
  background: rgba(255, 255, 255, 0.9);
  padding: 27px 40px 25px;
}
.page-team .stuff-slider .name{
  font-weight: 700;
  text-transform: uppercase;
  color: #263658;
}
.page-team .stuff-slider .position {
  color: #6E7587;
}
.page-team .stuff-slider .owl-dots{
  margin-top: 30px;
  flex-wrap: wrap;
}
.page-team .plans .caption{
  position: relative;
  border: 1px solid #D1D6E9;
  border-radius: 6px;
  padding: 40px 15px 0;
}
.page-team .plans .caption:before {
  content: '';
  width: 50px;
  height: 2px;
  background: var(--gr);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.page-team .plans .caption .text{
  text-transform: uppercase;
  color: #263658;
  line-height: 1.5;
  max-width: 1100px;
  text-align: center;
  margin: 0 auto 10px;
}
.page-team .plans .caption .butn{
  position: relative;
  z-index: 1;
  top: 30px;
}

.modal.lang{
  display: block;
}
.modal.lang .modal-wrapper{
  background: #fff;
  max-width: 500px;
  padding: 45px 15px;
}
.modal.lang .flex{
  justify-content: center;
}
.modal.lang .butn{
  width: 86px;
  font-size: 20px;
  font-weight: 400;
  text-shadow: none;
  margin: 0 16px;
}
.modal.lang .close{
  color: #000;
  top: 0;
  right: 0;
  background: transparent;
  font-size: 36px;
}


/*===================================*/

@media(min-width: 1400px){
  .pages-header .ttl.lg{font-size: 40px;}
  .main-form .ttl.lg{font-size: 36px;}
  .page-team .plans .text-box{width: 45%;}   
}

@media(max-width: 1399.9px){
  .header-top .icon-logo{position: static; margin: 0 15px 0 0; width: auto;}
  .heder-menu{width: auto;}
  .header-menu > li:nth-of-type(4) {margin-right: 0;}
  .header-top .header_buttons{display: none;}
  .header_buttons.mobile{display: flex;}
  .main-services-list{flex-wrap: wrap;}
  .green-caption{padding: 15px 15px 15px 40px;}
  .page-euro .text-box, .page-euro .img-box{width: calc(50% - 15px);}
  .tabs-list li{width: calc(20% - 16px);}
  .page-team .lider .text-box{width: 46%;}
  .page-team .lider{padding: 30px 0;}
}
@media screen and (max-width:1200px){  
  .header_bottom .social{width: 280px;}
  .header_bottom .social span{margin-right: 10px;}
  .header_bottom .social a {margin-right: 10px;}
  .header_bottom .address{width: 280px;}  
  .footer .top{padding: 7% 0 20px;}
  .footer .map-box, .footer .contacts-box, .footer .sitemap-box, .footer .form-box{
    width: 45%; margin-bottom: 20px;}
    .page-services .services-list .cat_child{width: calc(33.3% - 30px);}
   #showModal{width: 32px; height: 32px; right: 15px; bottom: 15px; font-size: 14px;}
   .page-team .intro .text-box{padding: 30px 40px;} 
}
@media (max-width: 992px){
  .mb100{margin-bottom: 70px;}
  .mb60{margin-bottom: 40px;}
  .mb45{margin-bottom: 30px;}
  .mb40{margin-bottom: 25px;}
  .mb30{margin-bottom: 20px;}
  .mb20{margin-bottom: 15px;}
  .mb15{margin-bottom: 12px;}
  .padding-medium{padding: 40px 0;}
  .ttl.lg{font-size: 40px;}
  .ttl.md{font-size: 26px;}
  .header-menu{display: none;}
  .burger-menu {display: block;}
  .header-top{height: 65px;}
  .header-top .icon-logo{font-size: 40px; margin-right: auto;}
  .header-top .social{display: flex;}
  .header_bottom .social, .header_bottom .address{display: none;}
  .header_bottom .phones{flex-wrap: nowrap;}
  .header_bottom .phones a:not(:last-child) {padding-right: 12px; margin-right: 12px;}
  .slide-row{display: none;}
  .quiz-prev, .quiz-next{width: 150px;}
  .quiz-prev {margin-right: 15px;}
  .quiz .answer-box, 
  .quiz .step1 .img-box, 
  .quiz .step3 .img-box,
  .quiz .step4 .img-box{width: calc(50% - 10px);}
  .quiz .step-callback .flex{justify-content: space-between;}
  .quiz .form-box {margin: 0; width: calc(50% - 10px);}
  .quiz-form {width: 100%;}
  .quiz .nav-box{width: 100%;}
  .repairs{padding: 7% 0;}
  .repairs .wrapper{width: 100%;}
  .repairs img{width: 80%; opacity: .2;}
  .main-reasons{padding: 7% 0;}
  .reasons-list li{width: 100%; margin-bottom: 16px;}
  .counter-section .counter{font-size: 48px;}
  .counter-section .numbers p{font-size: 16px;}
  .main-gal .tabs {width: 100%; order: 2;}
  .main-gal .butn{margin: 0 auto 25px;}
  .main-video .text-box{width: 380px;}
  .main-video .img-box{width: calc(100% - 400px);}
  .footer .bottom .icon-logo{margin: 0 auto 10px;}
  .footer .bottom .text{width: 100%; text-align: center;}
  .to-top{display: none;}
  .statiItem1 .readmore a {margin: 15px auto;}
  .page-design .text-box, .page-design .img-box {width: 100%; margin-bottom: 15px;}
  .page-design .price-list > li {width: 100%; padding: 15px; margin-bottom: 15px;}
  .page-design .design-list li {width: 45%;}
  .page-newbuilding .before-begin .first-block {padding: 15px; margin: 20px 0;}
  .page-newbuilding .before-begin .second-block {margin: 0; padding: 15px;}
  .page-newbuilding .planning .img-box{display: none;}
  .page-newbuilding .stages-wrapper .box {width: 100%;}
  .tariff-table thead th, .tariff-table tbody td {width: 17%;}
  .tariff-table thead th:first-of-type, .tariff-table tbody td:first-of-type {padding-right: 10px; width: 50%;}
  .tariff-table thead th > div, .tariff-table tbody td >div,
  .tariff-table thead th:first-of-type > div, .tariff-table tbody td:first-of-type >div{
    width: 100%;}
  .tariff-table th{font-size: 12px;}
  .tariff-table th .price{font-size: 100%;}
  .page-houses .text-box{width: 100%; margin-bottom: 15px;}
  .page-houses .img-box{width: 100%; align-items: center; order: 2;}
  .page-euro .text-box, .page-euro .img-box{width: 100%;}
  .page-euro .img-box{max-width: 500px; margin: 15px auto 0;}
  .page-otdelka .text-box{width: 100%;}
  .page-otdelka .img-box{width: 100%; max-width: 500px; margin: 15px auto 0; order: 2;}
   .page-services .services-list .cat_child{width: calc(50% - 30px);}
  .tabs-list {justify-content: center; margin-left: -4px; margin-right: -4px;}
  .tabs-list li{width: 130px; margin: 0 4px 8px;}
  .tabs-list li:not(:last-child){margin: 0 4px 8px;}
  .tabs-list li a{font-size: 12px;}
  .page-team .lider .text-box{width: 100%; margin-bottom: 20px;}
  .page-team .lider .img-box{position: static; width: calc(100% - 30px); max-width: 500px; margin: 0 auto;}
  .page-team .plans .text-box{width: 100%;}
  .page-team .plans .img-box{width: 100%; max-width: 350px; margin: 15px auto 0; order: 2;} 
}
@media(max-width: 768px){ 
  .ttl.lg{font-size: 36px;}
  .modal-wrapper{padding: 30px 15px 15px;}
  .modal-wrapper .close{width: 30px; height: 30px; top: -15px; right: -15px;}
  .counter-section .numbers {width: 45%; margin-bottom: 15px;}
  .counter-section .bolee {margin: 0;}
  #from2 .input-box, #form3 .input-box {width: calc(50% - 10px);}
  .accordion .col{width: 100%;}
  .main-video .text-box{width: 100%; margin-bottom: 15px;}
  .main-video .img-box{width: 100%;}
  .video-list .item .img-container:before{display: none;}
  .page-design .stages-list li {width: calc(50% - 8px); padding: 15px; margin-bottom: 15px;}
  .page-newbuilding .before-begin .important {padding: 15px;}
  .page-newbuilding .factors .text-box{width: 100%;}
  .page-newbuilding .factors .img-box{margin: 0 auto; order: 2;}
  .page-newbuilding .why-we .text-box{width: 100%; margin-bottom: 15px;}
  .page-newbuilding .why-we .img-box{width: 300px; margin: 0 auto;}
   .tariff-table thead th:first-of-type, .tariff-table tbody td:first-of-type {
    padding-right: 0; width: 40%;}
  .tariff-table tbody td:first-of-type {font-size: 12px;}
  .tariff-table thead th:first-of-type > div, .tariff-table tbody td:first-of-type >div{
    padding: 10px;  }  
  .tariff-table thead th:nth-of-type(3), .tariff-table tbody td:nth-of-type(3) {
    padding: 0;  }
  .tariff-table thead th, .tariff-table tbody td{width: calc((100% - 150px) / 3);}
  .page-electro .text-box{width: 100%;}
  .page-electro .img-box{width: 100%; margin-bottom: 15px;}
  .page-services .services-list .cat_child{width: calc(100% - 30px); margin: 8px 15px;}
  .table50 p {font-size: 12px;}
  .table50 .width70_top p {padding-left: 10px;}
  .table50 .width70_k p{padding: 5px 10px;}
  .table50 .table_img {padding: 5px 0;}
  .page-team .intro .img-box{width: 100%; max-width: 320px; margin: 0 auto 30px;}
  .page-team .intro .text-box{width: 100%; padding: 15px; background-position: top 5px right 5px;}
  .page-team .intro .text-box:before{width: 30px; height: 30px; left: 0; right: 0; top: -15px; bottom: auto; margin: 0 auto; transform: rotate(135deg);}
}
@media (max-width: 600px){
  .quiz .answer-box {width: 100%;}
  .quiz .answer-item {margin-bottom: 10px;}
  .quiz .answer {padding: 10px; height: 30px;}
  .quiz .answer .check-box, .quiz .messengers-list .icon {width: 20px; height: 20px; flex-shrink: 0;}
  .quiz .answer-item.checked .check-box:before {width: 12px; height: 12px;}
  .quiz .step1 .img-box{width: 200px; margin: 0 auto 15px;}
  .quiz .bottom .steps {margin: 0 auto 6px;}
  .quiz .bottom .steps li {width: 55px; height: 30px; font-size: 10px;} 
  .quiz .step2 .img-box {width: 85px; margin: 10px auto;}
  .quiz .step3 .img-box, .quiz .step4 .img-box {width: 190px;  margin: 0 auto 10px;}
  .quiz .form-box {margin: 0; width: 100%;}
  .quiz-input {padding: 0 15px; height: 30px;}
  .quiz-form label {margin-bottom: 5px; font-size: 14px}  
  .video-page-title{visibility: hidden;} 
  .page-videos .intro .text-block{margin: 0; max-width: 100%;}
  .page-videos .intro:before{right: 5%;}
  .miniCalc .img-container{width: 100%;}
  .miniCalc .field-group{width: 100%; order: 2; margin-right: 0;}
  .miniCalc .item{flex-wrap: wrap;}
  .page-design .order-form .input {width: 100%;}
  .page-design .design-list li {width: 100%;}
  .page-newbuilding .before-begin .important ol li {width: 100%; margin-bottom: 15px;}
  .page-newbuilding .before-begin .important ol li:before {font-size: 24px; margin-bottom: 5px;}
  .page-newbuilding .stages-wrapper .item {margin-bottom: 15px;}
  .page-newbuilding .stages-wrapper .question {padding: 15px 30px 15px 15px; height: 40px;}
  .page-newbuilding .stages-wrapper .answer {padding: 15px;}
  .page-newbuilding .stages-wrapper .counters { font-size: 24px; margin-right: 15px;}
  .page-newbuilding .prices{overflow-x: hidden;}
  .page-newbuilding .prices .table-wrapper{overflow-x: scroll;}
  .tariff-table th:not(:first-of-type) > div {padding: 5px; }
  .tariff-table thead th:first-of-type, .tariff-table tbody td:first-of-type {
    width: 150px;}
  .tariff-table thead th, .tariff-table tbody td {min-width: 80px;}  
  .tariff-table thead th:first-of-type{font-size: 18px;}  
}

@media(max-width: 550px){
  .mb100{margin-bottom: 50px;}
  .mb60{margin-bottom: 30px;}
  .mb45{margin-bottom: 25px;}
  .mb40{margin-bottom: 20px;}
  .mb30{margin-bottom: 15px;}
  .mb20{margin-bottom: 12px;}
  .mb15{margin-bottom: 10px;}
  .mb10{margin-bottom: 18px;}
  .padding-medium{padding: 30px 0;}
  .ttl.lg{font-size: 30px;}
  .ttl.md{font-size: 24px;}
  .ttl.sm{font-size: 20px;}
  .fz20{font-size: 18px;}
  .main-services{padding: 35px 0;}
  .main-services-list{margin: 0 -12px;}
  .main-services-list .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: calc(50% - 12px);
    padding: 15px 10px;
    margin: 6px;
  }
  .main-services-list .item .ttl:before{
    display: none;
  }
  .repairs #form1 .form-group {
    width: 100%;}
    .repairs img{display: none;}
    .reasons-list .text-box {padding: 5px 5px 5px 25px;}
    .main-gal .tabs li {width: 100%; margin-bottom: 20px;}
    .tabs-panel_img_1, .tabs-panel_img_2, .tabs-panel_img_3, .tabs-panel_img_4, .tabs-panel_img_5, .tabs-panel_img_6 {
    width: 100%;}
    .footer .map-box, .footer .contacts-box, .footer .sitemap-box, .footer .form-box{
    width: 100%; margin-bottom: 15px;}
    .footer .map-box{filter: grayscale(0); height: 200px;}
    .page-design .stages-list li {width: 100%;}
    .page-houses .slash-list, .page-euro .slash-list{columns: 1;}
    .green-caption{padding: 10px 10px 10px 15px;}
    .block-list li{padding: 10px 10px 10px 15px;}
    .block-list li:before {margin-right: 8px;}
    .page-design .spec-list li {width: 100%;}
    .page-design .spec-list .img-container{margin-bottom: 6px;}
}

@media (max-width: 500px){
  .quiz .top{padding: 25px 15px 15px;}
  .quiz .bottom{padding: 12px 15px 6px;}  
  .quiz .close {top: -3px; right: 3px; font-weight: 400; font-size: 36px;}
  .quiz .item-title {font-size: 18px;}  
}
@media(max-width: 450px){
  .reasons-list .img-box {width: 100%;}
  .reasons-list .text-box {width: 100%; padding: 10px 5px 10px 25px;}
  #from2 .input-box, #form3 .input-box {width: calc(100%);}
  .accordion .item{padding: 0 15px 0 20px; margin-bottom: 10px;}
  .accordion .answer{padding: 10px 15px 15px 0;}
  .page-videos .pager li > a{font-size: 14px;}
  .statiItem1{padding: 10px;}
}
@media (max-width: 420px){
  .quiz .top .quiz-title {padding-bottom: 8px; margin-bottom: 10px;}
  .quiz-prev, .quiz-next{width: 120px; height: 30px;}
  .quiz .nav-box{flex-wrap: nowrap;}
  .quiz .step2 .img-box {width: 80px;}
  .quiz .answer .value {font-size: 16px;}
  .counter-section .numbers {width: 100%;}
  .page-newbuilding .last-block .caption{padding: 15px;}
  #comments .introduction .title-block {flex-wrap: wrap;}
  .quiz .step-success .text {font-size: 16px;}
}

@media(max-width: 360px){
  .header-top .icon-logo {font-size: 36px;}
  .header-top .social a {font-size: 18px; margin-right: 12px;}
  .burger-menu {margin-left: 5px;}
  .header_buttons{width: 300px;}
  .header_buttons .butn{width: 145px;}
  .header_bottom .phones a {font-size: 15px;}
  .main-services-list .item{width: calc(100% - 12px);}
  .page-newbuilding .stages-wrapper .counters {font-size: 16px;}
  .page-newbuilding .stages-wrapper .counters:before{margin-right: 6px;}
  .ttl.lg{font-size: 24px;}
  .ttl.md{font-size: 22px;}
  .modal-wrapper .close{top: 0; right: 0; background: transparent;}
  .page-team .stuff-slider .text{padding: 20px;}
}

/*==========================================*/

/* New services card home page */

.services-card {
  background: #FAFBFF;
  box-shadow: 0px 4px 15px #E8EBF8;
  border-radius: 6px;
  padding: 14px 78px 14px 49px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: .25s;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.services-card::after {
  content: '';
  position: absolute;
  right: -30%;
  top: -5%;
  width: 466px;
  height: 466px;
  border-radius: 50%;
}

.services-card::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 22px;
  width: 50px;
  height: 174px;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='175' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.34' filter='url(%23a)' fill='%23FAFBFF'%3E%3Cpath d='M25.663 132.208c4.684 0 8.83.869 12.436 2.606 3.606 1.737 6.388 4.211 8.345 7.422 1.936 3.189 2.903 6.828 2.903 10.918 0 4.091-.934 7.719-2.804 10.886-1.89 3.167-4.585 5.641-8.081 7.422-3.497 1.759-7.51 2.683-12.04 2.771h-2.705c-4.706 0-8.851-.858-12.436-2.573-3.606-1.738-6.388-4.212-8.345-7.422C.979 161.005 0 157.333 0 153.22c0-4.068.968-7.696 2.903-10.885s4.695-5.663 8.28-7.422c3.562-1.781 7.652-2.683 12.27-2.705h2.21Zm-2.012 11.776c-4.772 0-8.39.803-10.852 2.408-2.485 1.584-3.728 3.86-3.728 6.828 0 5.806 4.354 8.874 13.063 9.204l3.53.033c4.705 0 8.323-.781 10.852-2.342 2.529-1.562 3.793-3.882 3.793-6.961 0-2.924-1.242-5.178-3.727-6.762-2.485-1.583-6.059-2.386-10.72-2.408H23.65ZM48.688 126.238H.66v-15.471c0-4.244.967-8.059 2.903-11.446 1.913-3.386 4.629-6.025 8.147-7.916 3.497-1.914 7.422-2.881 11.776-2.903h2.21c4.398 0 8.346.934 11.842 2.803 3.475 1.848 6.202 4.465 8.18 7.851 1.958 3.365 2.947 7.125 2.97 11.281v15.801ZM9.599 114.66h30.182v-4.025c0-3.32-1.176-5.871-3.53-7.652-2.374-1.782-5.893-2.672-10.555-2.672h-2.078c-4.64 0-8.136.89-10.49 2.672-2.353 1.781-3.529 4.376-3.529 7.784v3.893ZM35.922 57.792c-1.693 0-3.013.604-3.958 1.814-.946 1.187-1.925 3.288-2.936 6.3-1.012 3.013-1.99 5.476-2.936 7.39-3.057 6.222-7.257 9.334-12.6 9.334-2.662 0-5.004-.77-7.027-2.309-2.045-1.561-3.628-3.76-4.75-6.597C.572 70.887 0 67.698 0 64.158c0-3.453.616-6.542 1.847-9.27 1.232-2.748 2.991-4.881 5.278-6.398 2.265-1.518 4.86-2.276 7.785-2.276v11.545c-1.957 0-3.475.604-4.552 1.814C9.28 60.76 8.74 62.377 8.74 64.422c0 2.067.462 3.705 1.386 4.915.901 1.187 2.056 1.781 3.463 1.781 1.232 0 2.353-.66 3.365-1.98.99-1.319 2.023-3.639 3.1-6.96 1.056-3.32 2.2-6.047 3.431-8.18 2.99-5.19 7.114-7.784 12.37-7.784 4.2 0 7.499 1.583 9.896 4.75 2.397 3.166 3.595 7.51 3.595 13.03 0 3.891-.693 7.42-2.078 10.588-1.407 3.144-3.32 5.52-5.74 7.125-2.44 1.583-5.244 2.375-8.41 2.375V72.47c2.572 0 4.474-.66 5.706-1.98 1.21-1.341 1.814-3.507 1.814-6.498 0-1.913-.407-3.42-1.22-4.519-.836-1.122-2.002-1.682-3.497-1.682ZM30.809 23.948l5.212 4.75h12.666v11.578H.66V28.698h21.177l-6.103-4.024L.66 14.316V0l21.243 16.23L48.688 0v13.722L30.808 23.948Z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='0' y='0' width='49.347' height='176.233' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.28 0'/%3E%3CfeBlend in2='shape' result='effect1_innerShadow'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.services-card.circle-grey::after {
  background-color: #6E7587;
  opacity: 0.13;
}
.services-card.circle-green::after {
  background-color: #2DD68E;
  opacity: 0.13;
}

.main-services__col {
  flex: 0 0 670px;
  max-width: 670px;
  padding: 0 10px;
}

.services-card__title {  
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  text-transform: uppercase;
  color: #263658;
  margin-bottom: 38px;
  max-width: 230px;
  transition: .25s;
}
.services-card__link {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #263658;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  transition: color .25s;
}

.services-card__link svg {
  margin-left: 12px;
}

.services-card__link svg path {
  transition: .25s;
}

.services-card__image {
  position: relative;
  z-index: 2;
}

.services-card:hover {
  background-color: #263658;
}

.services-card:hover .services-card__link {
  color: var(--gr);
}

.services-card:hover .services-card__link svg path {
  fill: var(--gr);
}

.services-card:hover .services-card__title {
  color: #ffffff;
}

@media (max-width: 700px) {
  .main-services > .container {
    max-width: 100%;
  }
  .main-services__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  .services-card {
    padding: 14px 50px 14px 15px;
  }
  .services-card::after {
    right: -30%;
    top: -15%;
    width: 300px;
    height: 400px;
  }
  .services-card::before {
    bottom: 0;
    width: 40px;
  }
  .services-card__image {
    width: 170px;
  }
}

@media (max-width: 480px) {
  .services-card {
    padding-right: 15px;
  }
  .services-card::before {
    display: none;
  }
}

@media (max-width: 420px) {
  .services-card {
    padding: 25px 15px;
  }
  .services-card__image {
    width: 120px;
  }
  .services-card__title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  .services-card__link {
    font-size: 12px;
    line-height: 14px;
  }
  .services-card__link svg {
    width: 15px;
  }
}