@-webkit-keyframes shake {
  
  0%,
  60%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  61%,
  63%,
  65%,
  67%{
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  62%,
  64%,
  66%,
  68%{
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  69% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shake {
   0%,
  60%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  61%,
  63%,
  65%,
  67%{
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  62%,
  64%,
  66%,
  68%{
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  69% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



.inst-btn {
  vertical-align: middle;
  display: inline-block;
  
}

.watsapp-btn a {
  color: #fff;
  background-color: green;
  border-radius: 50%;
  font-size: 60px;
  position: fixed;
  width: 80px;
  height: 80px;
  right: 20px;
  bottom: 20px;
  text-align: center;
  line-height: 74px;
  z-index: 10000000;
  -webkit-animation:  5s ease-out shake infinite;
  animation: 5s ease-out shake infinite;
}

.navbar {background-image: url('/i/body-bg.jpg');background-position:right top;background-repeat:no-repeat;}
.slide1 {background-image: url('/i/slide1-bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center top;}
.slide1-form {background-image: url('/i/slide11-bg.jpg');background-position:left bottom;}
.slide3 {background-image: url('/i/slide11-bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center bottom;}
.slide6 {background-image: url('/i/vodoochistka.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;}
.slide8 {background-image: url('/i/25perc.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;}
.slide9 {background-image: url('/i/price.jpg');background-size:cover;}
.slide9-form {background-image: url('/i/slide11-bg.jpg');background-position:center bottom;background-size:auto;}
.project-info {background-image: url('/i/slide11-bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:center bottom;}

.fltr1,
.fltr2 {
  margin-top: -20px;
  padding: 20px;
}
.fltr2{
  width: 100%;
}
.fixed-top {z-index: 999;}
.text-warning {
  font-weight: bolder;
  font-size: 1.1em;
}.navbar-collapse {
  flex-direction: row-reverse;
  font-weight: bold;
}
.navbar-nav a {margin-top: 5px;}
.fa-phone:before {vertical-align: middle;}
.navbar-collapse a{color: #0b3364;}
.navbar-collapse a:hover{text-decoration: underline;}
a.phone-btn:hover{text-decoration: none;}
#pricing h3 {}
.phone-btn {
  background-color: #0b3364;
  padding: 10px;
  border-radius: 5px;
  white-space: nowrap;
  display: inline-block;
  margin-top: 0 !important;
  color: #fff !important;
  margin-left: 20px;
}
.vk-btn {
  margin-left: 20px;
  display: inline-block;
}
.nav-link {
  line-height: 1;
  text-align: center;
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 0.9vw;
  white-space: nowrap;
}

input#attach {
  width: 415px;
  padding-top:3px;
  padding-bottom:3px;
  margin-top:7px;
  height: 38px !important;
}
.question_cab {
  border:1px dotted #ABADB3;
  padding:10px;
  margin-top:15px;
  overflow:hidden;
}
.question_cab  select {
  clear:both;
  display:block;
  margin-top:5px;
}
.question_left {	
  width: 300px;
  float:left;
  clear:none !important;
}
.question_right {	
  width: 280px;
  float:right;
  clear:none !important;		
}
input#send_button {
  width: 150px;
  height: 38px; 
  margin-top:15px;
}
#how{
  padding-top: 120px;  
}
#why,#qlistbl{
  padding-top: 80px;
  margin-top: -80px;
}
#qlist span {
  display: grid;
}
#confirm_code {
  display: block;
  margin: 10px 0;
}
#qlist {
  display: block;
  width: 95%;
  max-width: 650px;
  border-radius: 5px;
  box-shadow: 0 0 40px 10px #000;
  background-image: url("/i/qlist-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.qleft {
  display:block;
  float:left;
  margin-top: 15px;
}
input.error {
  background-image: url(/images/error.png);
  background-repeat: no-repeat;
  background-position: 98% center;
  border: 1px solid red;
  box-shadow: 0 0 4px #fff;
}
#qlist input.error { height: 30px;}

label.error {
  font-size:0px;
  display: none !important;
}
select.error {
  border:1px solid red;
}

#result_block {
  color:red;
}
.instruction {
  font-size:14px;
  color:#EA7533;
}
.header_menu li a,.tabs a,.panes h1, .right_cab_main h1 {
  color:#3C628D;
}
#actions {
  font-family: "Century Gothic";
  text-align:right;
  text-transform:uppercase;
  /* text-decoration:blink;*/
  font-weight:bold;
  font-size:19px;
  margin-top:-75px;
  margin-bottom:54px;
  color:#D0241D!important;

}
#actions a {
  /*text-transform:none;*/
  color:#DD5F5A !important;
  font-size:18px;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

#frm > fieldset:before {
  content: "Опросный лист";
  font-weight: 500;
  font-size: 1.6em;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: inline-block;
}

.logo {
  background-size: contain;
  background-repeat: no-repeat;
  width: 245px;
  height: 52px;
  min-width: 160px;
}
.nav-item {display: inline-block;}
.navbar-btn {display: none;}
.em1-5 {font-size: 1.2em;}
@media (max-width: 1200px) {
  .navbar-brand {
    padding-right: 0;
  }
  .em1-5 {font-size: 1em;}
  .phone-btn {margin-top: 10px;}
  .nav-link{font-size: 1vw;}
}
@media (max-width: 992px){
  .fltr1, .fltr2 {display: none;}
  .navbar-brand {
    margin-top: 5px;
    margin-bottom: -10px;
  }
}
@media (max-width: 767.98px) {
  .py-5{padding-bottom: 0 !important;}
  .mb-5, .my-5 {
    margin-bottom: 0 !important;
  }
  .black-opacity-50 {border-radius: 0;}
  .display-4,
  .display-3
  {font-size: 3.1rem;}


  .vk-btn {
    margin-left: 0;
    margin-top: 20px;
  }
  .logo {
    width: 230px;
  }

  .nav-link {
    text-align: left;
    font-size: 1em;
  }

  .navbar-btn:active,
  .navbar-btn:focus
  {
    outline: none;
  }

  .navbar-btn {
    display: block;
    outline: none;
  }
  .navbar-toggler-icon .fa {
    margin-left: -10px;
    margin-top: -15px;
  }
  .navbar-btn {
    background: none;
    border: 1px;
    height:80px;
    width: 80px;
  }
  .phone-btn {margin: 0;}

  .navbar-toggler-icon .fa {
    color: #0b3364;
    cursor: pointer;
    margin-top: -10px;
  }
}