body {
  margin: 0;
  padding: 0;
  font-family: 'verdana',sans-serif;
  font-size: .9em;
  line-height: 1.5em;
}
* {
  margin: 0; 
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
p {
  line-height: 1.5em;
  margin: 10px auto;
}
a {
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
ol, ul {  
  padding: 0;
}
img {
  max-width: 100%;
}
.top {
  position: relative;
  width: 100%;
  /*! top: 0; */
  background: #FFF;
  z-index: 999;
}
.content {
  /*! margin-top: 173px; */
}
.flex-b, .flex-t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.conteiner {
  height: 100%;
  width: 90%;
  position: relative;
  min-width: 320px;
  max-width: 1280px;
  margin: auto;
}
.flex {
  display: flex;
}
.logo {
  background: url(../images/logo.png);
  width: 250px;
  height: 100px;
  background-repeat: no-repeat;
  display: block;
}
.logo_ru {
  background: url(../images/logo_ru.png);  background-repeat: no-repeat;
}
.logo_en {
  background: url(../images/logo_en.png);   background-repeat: no-repeat;
}
.logo_tr {
  background: url(../images/logo_tr.png);   background-repeat: no-repeat;
}
.logo_white {
	  background: url(../images/logo_w.png);   
  width: 250px;
  height: 100px;
  background-repeat: no-repeat;	
	  margin: auto;
}
.logo_white_en {
	  background: url(../images/logo_w_en.png);   
  background-repeat: no-repeat;	
}
.logo_white_ru {
	  background: url(../images/logo_w_ru.png);   
  background-repeat: no-repeat;	
}
.logo_white_tr {
	  background: url(../images/logo_w_tr.png);   
  background-repeat: no-repeat;	
}
.menu {
  background-color: #000;
  width: 100%;
  clear: both;
  font-size: .8em;
}
#nav {
  margin: auto;
}
#menu {
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
}
#menu ul {
  margin: 0 auto;
}
#link, #link li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
#link a {
  padding: 20px;
  display: block;
  color: #fff;
  margin: 0 1px;
  text-decoration: none;
}
#link ul {
  padding: 6px;
  position: absolute;
  display: none;
 /* width: 300px;*/
  background-color: #212121;
}
#link ul li {
  float: none;
  margin: 0;
  padding: 3px;
  text-transform: none;
  font-weight: 400;
}
#link li:hover > ul {
  display: block;
}
#link a:hover, #link li a.sale:hover {
  color: #fc0;
  background: #212121;
}

#link a:hover,
#link li a.sale:hover {
 color:#ec3f3f;
 background:#212121
}
#link li a.sale {
 color:#fc0;
 background-color:#761300
}

#link ul li {
 float:none;
 margin:0;
 padding:3px;
 text-transform:none;
 font-weight:400
}
h2, h3, h4 {
  margin: 15px auto;    
}
article {
  max-height: 12em; /* (4 * 1.5 = 6) */
}
 [data-readmore-toggle] {
	
	box-shadow: 0 -40px 30px 20px #FFF;
height: 65px;
text-align: center;
z-index: 1;
position: relative;
bottom: 0;
	width: 105% !important;
	left: -3%;
	overflow: hidden;
}
[aria-expanded="true"] {
	margin-bottom: 60px;
}

[data-readmore-toggle] img {
  opacity: .4;
}

[data-readmore-toggle] img:hover {
	opacity: .7;
}
article ol {
padding-left: 20px;	
	
}

.site-btn {
  display: block;
  position: relative;
  border: none;
  outline: 0;
  z-index: 0;
  border-radius: 30px;
  cursor: pointer;
  padding: 10px 30px;
  color: #fff;
  font-size: 1.3em;
  background-color: #9f1111;
  margin: 10px auto;
}
#link .allview {
  display: block;
  margin: auto;
  max-width: 150px;
  text-align: center;
  background: transparent;
  font-weight: 600;
}
#link .allview a {
   padding: 5px 10px;
   font-size: 1.2em;
}
#form-top {
 padding:85px 0;
 -webkit-box-sizing:border-box;
 /*! margin:20px auto; */
}
input,
select,
button {
 vertical-align:baseline;
 margin:0
}
form input[type="text"],
form textarea,
select {
 display:block;
 width:100%;
 padding:10px 13px;
 margin-top:5px;
 font-size:15px;
 font-size:1rem;
 font-family:arial,sans-serif;
 color:#000;
 border-radius:3px;
 border:1px solid #a1a1a1;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}

.frm-title {
  font-size: 2em;
  color: #d0cdcd;
  text-transform: uppercase;
  margin: 15px auto;
  font-weight: 200;
  line-height: 1.5em;
}
#till {
  color: #9F1111;
}
.act-title {
  font-weight: bold;
  font-size: 1.1en;
  display: block;
  color: #9F1111;
}
fieldset {
  /*! width: 50%; */
  border: none;
  padding: 0 10px 10px 0;
}
.about.flex {
  align-items: center;
  width: 50%;
  justify-content: space-around;
}
.vizov {
  background: #9f1111;
  padding: 10px 25px;
  color: #FFF;
  border-radius: 20px;
  font-size: 1.8em;
  max-width: 250px;
  text-align: center;
  margin: 5px auto;
}
.about.flex span {
  text-align: center;
  font-size: .8em;
  margin: auto;
}
.phone {
  font-size: 2em;
  text-decoration: none;
  letter-spacing: -1px;
  display: block;
  color: #000;
  white-space: nowrap;
}
.langs {
  position: absolute;
  left: 0;
  border: 1px solid #CCC;
  padding: 12px;
  background: #FFF;
  display: none;
  top: auto;
  z-index: 100;
}
.lang {
  display: block;
  position: relative;
  width: 80px;
}

.lang::after {
	content:'';
	 background: url(../images/chek.png) no-repeat;
	 width:25px;
	 height:25px;
	position:absolute;
	
	
}
.lang:hover > .langs{ display:block}

.rus, .isr, .tur, .eng { padding-left: 5px;display: block;margin: 5px auto;}
/*
.rus {
  background: url(../images/rus.png) no-repeat;
}
.tur {
  background: url(../images/tur.png) no-repeat;
}
.eng {
  background: url(../images/eng.png) no-repeat;
}
.isr {
  background: url(../images/isr.png) no-repeat;
}
*/
.head {
	
	background:#000;
	
}
.allpege{
	background: url(../images/intro_all.webp) no-repeat;	
	background-size: cover;
}
.fridge {
background: url(../images/intro_fridge.webp) no-repeat;
background-size: cover;
}
.air_conditioner {
background: url(../images/intro_cond.webp) no-repeat;
background-size: cover;
}
.washer {
background: url(../images/intro_washer.webp) no-repeat;
background-size: cover;
}
.left {
  width: 50%;
  max-width: 500px;
  min-width: 350px;
}
.problem {
  padding: 60px 0;
  background: #EFF2F4;
}
.problems__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin-left: -8px;
  margin-right: -8px;
  list-style: none;
}
.problems__list li {
  width: calc(100%/8 - 3px);
  padding: 8px;
  margin-bottom: 5px;
}
.problems__list a {
  color: #595959;
  font-size: .8em;
}
.problems__list a:hover, .brands a:hover {
  color: #d00b0b;
}
.problems__list img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.preferens, .price, .forma, .action {
  padding: 60px 0;
}

.action .flex img {
  padding: 20px;
}
.action .flex 
{align-items: center;}


.preferences__icon {
  width: 35px;
}
.preferens .flex {
  margin: 20px auto;
  flex-wrap: wrap;
}
.preferences__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 24%;
  background-color: #fff;
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #333;
  margin: .5%;
}
.preferences__title {
  display: block;
  margin-bottom: 3px;
}
.preferences__text {
  display: block;
  font-size: 90%;
  color: #4A4A4A;
}
.text { padding-top: 40px;}
.text ul {
  list-style-type: disc;
  padding-left: 22px;
}
.subtitle, h2 {
  font-size: 1.5em;
  line-height: 1.4;
  margin: 15px auto;
}
.faq, .brands {
  padding: 60px 0;
  background: #F9F9F9;
}
.brands ul li {
  display: inline-block;
  min-width: calc(100%/5 - 5%);
  margin: 5px;
  font-size: .85em;
}
.brands a {
  color: #606060;
}

.faq__list {
  list-style: none;
}
.faq__list li {
  padding: 15px;
  border: 1px solid #ECECEC;
  margin: 10px auto;
  border-radius: 10px;
  background: #FFF;
}
.faq__answer {
	display:none;
  color: #555353;
  padding: 10px;
}
.faq__question.some_1 {
  color: #9F1111;
}
.faq__question {
  cursor: pointer;
}
.faq__list li:hover {
	background:#FBFBFB;
	border-color: #FFF3F3;
}
.services__list {
  -webkit-columns: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  column-gap: 10px;
}
.services__list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 12px 15px;
  /*! border-radius: 4px; */
  background-color: rgba(0,0,0,.1);
  border-bottom: 1px solid #282828;
  color: #DDD3D3;
}
.services__count {
  white-space: nowrap;
  min-width: 110px;
  text-align: right;
  color: #b5b5b5;
  font-weight: 500;
  margin-left: 15px;
}
.services__name {
  margin-right: auto;
}
.back {  background: url(../images/black9.jpg) no-repeat center top;
background-size: cover;}
.price {
  color: #FFF;
  background: rgba(0,0,0,.45);
 
}
.services__list li:hover {
	background:rgba(255, 0, 0, 0.3);
}
.forma {
  background: #f0f0f0;
  background-image: url(../images/snow.png);
  background-position: center;
}
#right {
  width: 50%;
  min-width: 320px;
}
.conteiner.flex {
  justify-content: space-around;
}
.faq__question:hover {
  color: #D09797;
}
.footer {
  padding: 60px 0;
  background: #000;
  color: #C1C1C1;
  text-align: center;
  line-height: 2em;

}
.footer .phone {
	color:#FFF;
	margin-top: 20px;
}
.footer, .price, .text, .problem
{border-top: 20px solid #9F1111;}
.map {
  display: block;
  background: url(../images/map.webp) no-repeat center center;
  background-size: cover;
}
.trnsperfon {
	background: rgba(0,0,0,.8);
	height: 350px;
}
.smartphone {
display: block;
  background: url(../images/smartphone.png) no-repeat center center;
  background-size: cover;	
width: 50%;
max-width: 270px;
height: 542px;
}
.dm-overlay:target {
 display:block;
 -webkit-animation:fade .6s;
 -moz-animation:fade .6s;
 animation:fade .6s
}
.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-table {
 display:table;
 width:100%;
 height:100%
}
.dm-cell {
 display:table-cell;
 padding:0 1em;
 vertical-align:middle;
 text-align:center
}
.dm-modal {
 display:inline-block;
 padding:20px;
 max-width:50em;
 background:#242424;
 -webkit-box-shadow:0 15px 20px rgba(0,0,0,0.22),0 19px 60px rgba(0,0,0,0.3);
 -moz-box-shadow:0 15px 20px rgba(0,0,0,0.22),0 19px 60px rgba(0,0,0,0.3);
 box-shadow:0 15px 20px rgba(0,0,0,0.22),0 19px 60px rgba(0,0,0,0.3);
 color:#fff;
 text-align:left
}
.close {
 z-index:9999;
 float:right;
 width:30px;
 height:32px;
 color:#a1a1a1;
 text-align:center;
 text-decoration:none;
 line-height:27px;
 cursor:pointer;
 display:block;
 font-size: 3.2em;
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
}
.close::after {
 display:block;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 content:'+';
 -webkit-transition:all .6s;
 -moz-transition:all .6s;
 transition:all .6s;
 -webkit-transform:scale(0.85);
 -moz-transform:scale(0.85);
 -ms-transform:scale(0.85);
 transform:scale(0.85);
 filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476);
}
.close:hover::after {
 border-color:#dddcda;
 color:#fefefe;
 -webkit-transform:scale(1.5);
 -moz-transform:scale(1.5);
 -ms-transform:scale(1.5);
 transform:scale(1.5)
}
.frm-title a {
  text-decoration: none;
  color: #fff;
  margin: 10px auto;
  display: block;
}
.zakaz4 {
  cursor: pointer;
}
.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px);
}
.frm-title .phone {
  font-size: 1.3em;
}
.reviews {
  display: block;
  padding: 10px 15px;
  font-style: italic;
    width: calc(100%/2 - 5px);
  float: left;

}
.reviews > span {
  display: block;
  font-style: normal;
  font-size: .8em;
  color: #666;
}
.clear {
  clear: both;
}
.cooke {
  position: fixed;
  bottom: 0px;
  min-width: 300px;
  background: #151515;
  display: block;
  z-index: 999;
  border: 1px solid #DDDCDC;
  padding: 5px 30px;
  font-size: .95em;
  color: #fff;
  margin: auto;
  max-width: 1200px;
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
  z-index: 100;
}
.ok_cooke {
  padding: 10px;
  background: #2D799F;
  color: #FFF;
  margin: auto 10px;
  cursor:pointer;
}
.cooke .flex {
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
.ok_cooke {
  padding: 10px;
  background: #F00;
  color: #FFF;
  margin: auto 10px;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: -1px 1px 0 #FFF;
}

@media screen and (max-width: 1200px) {
	
	.about.flex { 
  width: 80%;
	}
	.problems__list li {
  width: calc(100%/6 - 3px);
}
.menu {
  font-size: .7em;
}
#link a {
  padding: 10px;
  font-size: 1.1em;
}
}
@media screen and (max-width: 1024px) {
.conteiner {

  width: 96%;
}
.brands ul li {
  
  min-width: calc(100%/4 - 10%);
}



}

@media screen and (max-width: 900px) {
	
	.flex-t {display: block}
	.about.flex {
  width: 100%;
}

.logo {
 
  width: 200px;
  height: 80px; 
  background-size: contain;
}

	.lang {

  position: absolute;
  top: 30px;
  right: 10px;
}
.vizov {

  padding: 5px 15px;

  font-size: 1.1em;

}	
.phone {
  font-size: 1.8em;
}

#link {
  display: none;
  position: absolute;
  width: 100%;
  top: 65px;
  background: #000;
  z-index: 100;
  left: 0;
}
#link li {
	display: block;
}
#link ul li {

  display: inline-block;
}
#link li, #link ul {
position: relative;

 width: auto;
padding: 0;
margin: 0;
}
#hamburger {
  display: block;
  color: #fff;
  padding: 10px;
  width: 60px;
  text-align: center;
  cursor: pointer;
}
a #hamburger::after {
  content: "≡";
  display: inline-block;
  font-size: 4em;
}
#forma .flex {
	display: block;
	
}
.left {
  width: 100%;

  margin: auto;
  
  max-width: 100%;
}
.black
{background: rgba(0,0,0,.5);}
#form-top {
  padding: 40px 0;
  
  max-width: 500px;
  margin: auto;
}
.problems__list li {
  width: 20%;
  font-size: .9em;
  line-height: 1.1em;
}
.preferences__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 49%;
 
}
.brands ul li {
  min-width: calc(100%/4 - 2%);
}
.problems__list a {
  
  font-size: .9em;
}
form {
  width: 90%;
  margin: auto;
}


fieldset {
 
  padding: 0 0 10px 0;
}
#menu {
  padding: 5px 0;
}
.reviews {
    width: 100%;
  float: none;
}
}

@media screen and (max-width: 700px) {
	.problems__list li {
  width: 33%;
	}
	.brands ul li {
  min-width: calc(100%/3 - 15px);
}
.conteiner.flex {
  justify-content: space-around;
  flex-wrap: wrap;
}
.services__list {
  -webkit-columns: 1;
  column-count: 1;
}
#link ul li {

  display: inline-block;
  width: 100%;
border-bottom: 1px solid #403F3F;
}
}
@media screen and (max-width: 615px) {
	
.smartphone {
	display: none;
}
.preferences__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 99%;
  flex: 0 0 99%;
  max-width: 99%;
}

.brands ul li {
  min-width: calc(100%/3 - 14px);
  text-align: center;
}
}