@charset "utf-8";
@font-face {
  font-family: 'Open Sans';
  font-style: normal;  
  font-display: swap;
  src: url('/fonts/PTSans-Regular.ttf') format('truetype');
}
body {
 margin: 0;
 padding: 0;
 font-family: 'PT Sans', sans-serif;
 font-size: 105%;
 line-height: 1.4;
}
*,
*::before,
*::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.clear {
 clear: both;
}
.conteiner,
.item {
 width: 90%;
 min-width: 320px;
 margin: 0 auto;
 max-width: 1200px;
}
.conteiner {
 min-height: 700px;
}
.flex {
 display: flex;
}
.header {
 justify-content: space-between;
 align-items: center;
}
.info {
 padding: 0 15px;
 margin: 0 auto;
 width: 33%;
 min-width: 310px;
 font-size: .9em;
}
.logo {
 font-size: 0.7em;
 text-align: center;
 text-decoration: none;
}
.logo img {
 display: block;
 margin: 5px auto;
 height: auto;
}
.sandvich {
 display: none;
}

.callback,
.btn {
 padding: 6px 15px; 
 text-decoration: none;
 outline: none;
 display: inline-block;
 cursor: pointer;
 margin: 10px auto;
}
.phone {
 display: block;
 min-width: 164px;
 text-align: center;
}
.phone span {
 font-size: 1.3em;
 display: block;
 margin: 10px auto;
}
.menu {
 display: block;
 margin: 20px auto;
 text-align: right;
}
.menu a {
 text-decoration: none;
 padding-left: 20px;
 font-size: .9em;
}

.dopmenu {
 display:none
}
.activ {
 margin: 20px auto;
 justify-content: space-between;
}
.forma {
 padding: 7px;
 text-align: center;
 margin: auto;
 width: 60%;
}
input,
select,
button {
 vertical-align:baseline;
 margin:0
}
form input,
form textarea,
select {
 display: block;
 width: 100%;
 padding: 8px 13px;
 margin-top: 5px;
 border-radius: 2px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 
}
.ui-form {
 list-style:none
}

input,
select,
button {
 vertical-align:baseline;
}
.bat {
 margin: 10px auto;
}
.title {
 font-size: 2.0em;
 text-align: center;
 margin: 10px auto;
 text-transform: uppercase;
}
.nav li {
 display: inline-block;
}
.nav {
 margin-top: 15px;
}
.nav ul {
 display: flex;
 justify-content: space-around;
 padding: 1px;
 margin: 0;
}
.nav li a {
 padding: 15px 8px;
 text-decoration: none;
 display: block;
}

input.left {
 margin-right:2px
}
input.right {
 margin-left:2px
}
option {
 padding: 2px; 
 font-size: 1.1em;
}
option[selected] {
 padding: 0; 
 text-align: center; 
}
.spoiler_body {
 display: none;
 padding: 5px 8px;
}
.spoiler_links {
 position: relative;
 padding: 25px 50px;
 cursor: pointer;
 line-height:1.2em;
}

table .some_2 {
 color: #fff;
 position: relative;
 }
table .some_2::after {
 content: "\2191";
 position: absolute;
 top: 10px;
 right: 20px;
 width: 10px;
 height: 10px;
}
table .some_2:hover {
 cursor:pointer;
}
.spoiler_links.some_1:after {
 content: "";
 position: absolute;
 top: 40px;
 right: 20px;
 width: 10px;
 height: 10px;
 transform: rotate(-135deg);
}
.spoiler_links:after {
 content: "";
 position: absolute;
 top: 40px;
 right: 20px;
 width: 10px;
 height: 10px;
 transform: rotate(45deg);
}

.spoiler_body a {
 padding: 5px 15px;
 margin: 1px;
 border: none !important;
 text-decoration: none;
}

h1,
h2 {
 text-transform: uppercase;
 font-weight: 300;
 text-align: center;
 margin-bottom: 0;
}
.spoiler_body span {
 display: flex !important;
 justify-content: space-between !important;
}
h2 {
 font-size: 1.2em; 
 line-height: 1.9em;
  margin: auto;
}
h3.spoiler_links {
 border: none;
 text-align: right;
 box-shadow: none !important;
 font-size: 1em;
 line-height: 2.5em;
}
img.fr-dii {
 display: inline-block;
 float: none;
 vertical-align: bottom;
 margin-left: 5px;
 margin-right: 5px;
 max-width: calc(100% - (2 * 5px));
}
.preim img.fr-dii {
 display: inline-block;
 float: none;
 vertical-align: bottom;
 margin-left: 5px;
 margin-right: 5px;
 max-width: calc(100% - (2 * 5px));
 -webkit-filter: brightness(2.2);
 -moz-filter: brightness(2.2);
 -ms-filter: brightness(2.2);
 -o-filter: brightness(2.2);
 filter: brightness(2.2);
}
.diagnoz::before,
.time::before,
.zip::before,
.error::before,
.garant::before,
.cena::before,
.repair::before,
.oplata::before,
.skidka::before {
 background-image: url(/uploads/diagnoz.png);
 content: "";
 position: absolute;
 top: 15px;
 left: 20px;
 width: 50px;
 height: 60px;
 background-repeat: no-repeat;
 background-size: 80%;
 -webkit-transition: 1s;
 -moz-transition: 1s;
 -ms-transition: 1s;
 -o-transition: 1s;
 transition: 1s;
}
.time::before {
 background-image: url(/uploads/time.png);
}
.zip::before {
 background-image: url(/uploads/zip.png);
}
.error::before {
 background-image: url(/uploads/error.png);
}
.garant::before {
 background-image: url(/uploads/garant.png);
}
.cena::before {
 background-image: url(/uploads/cena.png);
}
.repair::before {
 background-image: url(/uploads/repair.png);
}
.oplata::before {
 background-image: url(/uploads/oplata.png);
}
.skidka::before {
 background-image: url(/uploads/skidka.png);
}
.note {
 margin: 40px auto;
 padding: 10px;

}
.some_1::before {
  opacity: .95;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -webkit-filter: grayscale(100%) brightness(4.2);
  -moz-filter: grayscale(100%) brightness(4.2);
  -ms-filter: grayscale(100%) brightness(4.2);
  -o-filter: grayscale(100%) brightness(4.2);
  filter: grayscale(100%) brightness(4.2);
  filter: brightness(100) !important;
}
h3.spoiler_links.some_1 {
}
h4.spoiler_links {
  padding: 5px;
  line-height:1em
}
h4.spoiler_links::after {
  top: 5px;
}
h4.spoiler_links.some_1::after {
  top: 10px;
}
.logo span {
 display: block;
 font-family: PT Sans;
 font-size: .4em;
 margin-top: -.7em;
}
.info span {
 font-size: 1.2em;
 font-weight: bold;
 display: block;
}
.viezd {
 margin: 10px auto;
}
.viezd input {
 width: 40px;
 display: inline-block;
}
.small {
 font-size:.7em;

}
.preim {
 margin: 25px auto;
 display:block;
}
.col {
 float: left;
 width: 33%;
 margin-bottom: 10px;
}
.col .flex {
 display: flex;
 align-items: center;
 padding: 5px;
 margin: 2px 5px;
 min-height: 125px;

}
.col .flex img {
 width: 110px;
}

.stat .cena ~ .spoiler_body {
  display: block;
}

.flex.tech {
 justify-content: space-between;
 margin-bottom: 30px;
}
.tech a span {
 font-size: .95em;
 position: absolute;
 left: 0;
 width: 100%; 
 padding: 15px 5px;
 height: 0;
 display: none;
 bottom: -154px;
 text-align: center;
}
.tech img {
 margin: 1px;
 max-width: 100%;
 height: auto;
 opacity: .6;
 transition: all 3.5s;
}
.tech a {
 position:relative;
 flex-grow: 1;
  flex-basis: 0;
  margin: 2px;
  text-align: center;
  padding: 10px;
}
table {
 width:100%;
 font-size: .8em;

}

td,
th {
 padding: 12px 8px;

}
td.need {
 text-align: center;
}
th {
 font-size: 1.1em;
 text-transform: uppercase;
}
tr.tab-str {

 font-size: 1.1em;
 text-align: center;
}
tr.tab-str-zag {
 font-size: 1.1em;
 text-align: center;
 font-weight: 600;
}

.tab-td-centr {
 text-align: center;
}
.footer {
 padding: 80px 0;
 margin-top: 30px;
 font-size: .9em;
}
.speedbar {
 font-size: .8em;
 margin: 10px auto;
}
.speedbar a {
 text-decoration: none;
}
.dm-overlay {
 position:fixed;
 top:0;
 left:0;
 background:rgba(0,0,0,0.75);
 display:none;
 overflow:auto;
 width:100%;
 height:100%;
 z-index:1000
}
.dm-overlay:target {
 display:block;
 -webkit-animation:fade .6s;
 -moz-animation:fade .6s;
 animation:fade .6s
}
.dm-table {
 display:table;
 width:100%;
 height:100%
}
.dm-cell {
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 padding-bottom: 15px;
}
.dm-modal {
 display: inline-block;
 padding: 20px;
 width: 85%;
 max-width: 30em;
 text-align: left;
}
#ofer1 .dm-modal, #ofer2 .dm-modal  { max-width: 100%;}
.close,
.close2 {
 z-index:9999;
 float:right;
 width:30px;
 height:30px;
 text-align:center;
 text-decoration:none;
 line-height:26px;
 cursor:pointer
}
.close:after,
.close2:after {
 display:block;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 content:'X';
 -webkit-transition:all 0.6s;
 -moz-transition:all 0.6s;
 transition:all 0.6s;
 -webkit-transform:scale(0.85);
 -moz-transform:scale(0.85);
 -ms-transform:scale(0.85);
 transform:scale(0.85)
}
.close:hover:after,
.close2:hover:after {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
}
.frm-title {
 text-align: center;
 text-transform: uppercase;
 margin: 10px;
 font-weight: bold;
}
.gr-field {
 margin: 5px auto;
}
a.phone {
 text-decoration: none;
 font-size: 1.5em;
 padding-bottom: 5px;
}
.spoiler_body .stat {
 width: 49.55%;
 display: inline-block !important;
}
.opl {
 font-size: .85em;
}

.title_otz span {
 font-weight: 600;
 display: block;
}
.otz {
 margin: 25px auto;
 font-size: .9em;
}
.otz img {
 margin: 10px 20px 20px 0;
}
.info a {
 padding: 5px 10px;
 text-decoration: none;
 border-radius: 10px;
 font-size: 1.2em;
 text-align: center;
 margin: 10px auto;
 display: inline-block;
}
.vstrika {
 margin: 20px auto;
}
.vstrika input {
 display: inline;
 width: auto;
}
#itog {
 font-size: 1.4em;
 
}
.formula {
 width: 60%;
 margin: auto;
}
img.fr-dib {
 display: block;
 padding: 2px;
 margin: 15px auto 5px;
 text-align: center;
}

.chavo {
 margin: auto;
 overflow: hidden;
 margin: 10px auto;
}
.chavo .spoiler_links {
 border:none;
 margin-bottom: 0;
}
.select-item {
 display: none;
}

@media only screen and (min-width:1030px) {
 .tech a:hover {
  opacity: 1;
 }
 .tech a:hover span {
  display:block;
  bottom: 0px;
  height: calc(100% - 0px);
  box-shadow: 0 0 10px #CCC;
 }

}
@media only screen and (max-width:1020px) {
   .col {
  width: 50%;
 }
}
@media only screen and (max-width:920px) {
 .flex {
  display: block;
 }
 .tech a {
    display: inline-block;
    width: 32%;
    margin: 2px auto;
  }
 .menu {
  text-align: center;
 }
 input.left {
  margin-right:0 
 }
 input.right {
  margin-left:0 
 }
 .info {
  border-left: none;
  padding: 0;
  margin: 0 auto;
  box-shadow: none;
  text-align: center;
 }
 .header {
  text-align: center;
 }

}
@media only screen and (max-width:820px) {
 .conteiner,
 .item {
  width: 98%;
  padding: 0 5px;
 }
 .nav {
  margin: 5px;
  position: absolute;
  top: 0px;
  border-radius: 2px;
  width: 80%;
 }
 .nav ul {
  display: none;
 }
 .nav li,  .nav.active ul {  
  display: block;  
 }

 .sandvich {
  display: block;
  padding: 2px 10px;
  font-size: 1.2em;
  cursor: pointer;
  text-align: center;
    width: 50px;
    height: 40px;
    line-height: 1.7em;
  }

 .menu {
  margin: 30px auto;
 }
 .link {
  display: none;
  margin-top: 50px;
 }
 table .some_2::after {
  right: 5px;
 }
 .dopmenu {
  transform: rotate(90deg);
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 1.8em;
  display: block;
  cursor: pointer;
 }
 .link a {
  display: block;
  padding: 10px;
  text-align: right;
 }
 .spoiler_body .stat {
  width: 100%;
  display: block;
 }
 .vstrika input {
  display: inline;
  width: auto;
 }
 .formula {
  width: 90%;
 }
.ok_cooke {
  max-width: 100px;
  text-align: center;
  margin: 10px auto;
}
.diagnoz::before,
.time::before,
.zip::before,
.error::before,
.garant::before,
.cena::before,
.repair::before,
.oplata::before,
.skidka::before {top: 15px}
}
@media only screen and (max-width:625px) {
 .forma {
  padding: 7px;
  text-align: center;
  margin: auto;
  width: 90%;
 }

.some_1::before {
	 width: 36px;
}
 .col {
  width: 100%;
 }
 table .some_2::after {
  display:none;
 }
 .header {
  margin-top: 45px;
 }
 .chavo {
  width: 90%;
 }
 .logo {
  display: contents;
  width: 230px;
  margin: auto;
 }
 .spoiler_links::after {top: 32px;}
 h3.spoiler_links {line-height: 1.2em}
   h3.spoiler_links::after {top: 28px}
}
@media only screen and (max-width:380px) {
.dm-modal {
  width: 96%;
  font-size: .95em;
}
}


.informer {
 padding: 1.5em;
 display: none;
 position: fixed;
 top: 85px;
 right: 1em;
 width: 300px;
 border-radius: .2em; 
 z-index: 100;
}

a[rel="nofollow"], noindex a {
    border: none !important;  
}
.pulse-button {
    position: fixed;
    bottom: 3%;
    right: 3%;
    margin-left: -20px;
    margin-top: -20px;
    display: block;
    width: 80px;
    height: 80px;
    font-size: 1.3em;
    font-weight: bold;    
    text-align: center;
    font-size: .85em;
    font-weight: 300;
    padding-top: 20px;
    opacity: .95;
	z-index:1000;transition: all 1.9s ease;
}
.pulse-button.changed-height {bottom: 120px} 
#ofer1, #ofer2, .toofer1, .toofer2, #toofer2, #toofer1 {cursor: pointer; text-decoration: underline;}
#ofer1 h1, #ofer2 h1 {font-size:1.5em}
.footer a {text-decoration: underline;}

#oferta {font-size: .8em;}
button[disabled] {opacity:.5;cursor: no-drop;}
.agreement-checkbox {display: inline-block;width: auto; margin-right: 10px;}