body {margin:0px;padding:0px;font-family: Circe,Arial,sans-serif;font-weight:400;font-size:16px;color:#000;background-color:#fefeff;}

.clear{clear:both;}
.content {max-width:90%;margin:0px auto;}
img {max-width:100%;}
	a,.addbascet,button {cursor:pointer;}
h1,h2 {font-size:300%;text-align:center;text-transform: uppercase;}

.orange {display:block;width:100%;max-width:400px;overflow:hidden;position:relative;Border:none;padding:10px 15px;text-align:center;color:#fff;background: rgb(228,135,32);background: linear-gradient(180deg, rgba(228,135,32,1) 0%, rgba(216,67,16,1) 100%);font-size:18px;border-radius:31px;}
.orange:hover {background: linear-gradient(180deg, #de6317 0%, #bf5514 100%);}
a.orange {padding:25px 100px;text-decoration:none;color:#fff;}


.inp{border:none;width:90%;border-bottom:solid 1px #e8e8e8;padding:10px 5%;outline:none;margin-bottom:5px;}
.inp2{border:none;width:90%;border-bottom:solid 1px #e8e8e8;padding:30px 5%;outline:none;margin-bottom:5px;}

.row4 {position:relative;margin:50px 0px;}
.row4 .row {float:left;width:22%;margin-right:3%;text-align:center;}
.row4 .row .txt {display:block;font-size:100%;color:#000;line-height:1.5;}
.row4 .row a {font-size:120%;color:#000;text-decoration:none;}


.row2,.row-blin {position:relative;}
.row2 .row {float:left;width:45%;margin-right:5%;}
.row-blin  {text-align:center;margin:50px 0px;}
.row-blin .row {text-align:center;margin-right:20px;display:inline-flex;}
.row-blin .row img {width:268px;}
.contacts {font-size:120%;line-height:1.5;}

.main_head {position:fixed;width:100%;padding:10px 0px; background-color: rgba(255,255,255,0.5);z-index:999;}
.main_head .logo {float:left;width:300px;}
.main_head .logo img {max-height:70px;}
.slick-next {right:-13px!important;}
.main_head .phone {float:left;margin-left:60%;}
.main_head .phone a {color:#000;text-decoration:none;display:inline-block;height:40px; line-height:40px;font-weight:600;}

.tcenter {color:#cf2d32;}
.main_head .menu {float:right;}
.main_head .menu  a {display:block;height:40px; line-height:40px;}

.cm {position:absolute;top:50px;left:10px; -webkit-text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки */
  text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки (стандартное свойство) */color:#fe0000;color: transparent;    

	-webkit-background-clip: text;

	background-clip: text;    

	background-image: url('plesen2.png');

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-size: cover;}
.apo {position:absolute;bottom:0px;right:10px;color:#fe0d18; -webkit-text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки */
  text-stroke: 1px #FFFFFF; /* Толщина и цвет обводки (стандартное свойство) */	}





.main_banner {background: url(/image/zatrem/zamena.png) no-repeat center  20%;min-height:100vh; background-color: rgba(255,255,255,0.5);background-size:100% auto;overflow:hidden;}
.main_banner::before{position:absolute;background-color: rgba(0,0,0,0.2);z-index:1;content:" ";top:0px;width:100%;height:100vh;}
.main_banner .content {padding-top:30vh;text-align:center;color:#fff;z-index:2;position: relative;  height: 70vh;width:100%;margin:0px auto;}
.main_banner .content h1{font-size:400%;}
.main_banner .content h2{font-size:200%;}
.vidi {list-style:none;}
.vidi li{padding:5px;background: url(/image/zatrem/c57da10dd973951851cac6b00cd3230f.png) no-repeat left  10px;background-size:16px auto;padding-left:20px;}

.wattsap {padding-top:6px;float:left;}

.pochemy {background: url(/image/zatrem/pochemy.jpg) no-repeat 0px  0px;color:#fff;padding:20vh 0px;}
.pochemy .row {float:left;width:calc(100% / 3  - 10px ); background-color: rgba(255,255,255,0.7);text-align:center;margin:20px 2px;padding:10px 3px;}

.bigfotos {display:block;text-align:center;}
.bigfotos img {height:300px;display:inline-block!important;}
 
  .pricess {  display: table;
  width: 100%;}
 .pricess .row {  display: table-row;
  width: 100%;
  clear: both;border-bottom:solid 1px #000;}
 .pricess .row  .name {  float: left;  display: table-column;width: 60%;
  padding: 20px;border-bottom:solid 1px #000;border-left:solid 1px #000;border-right:solid 1px #000;}
  .rowtd {background:linear-gradient(180deg, rgba(228,135,32,1) 0%, rgba(216,67,16,1) 100%);color:#fff;}
  .pricess .row  .name span {display:block;line-height:1.5;}
 .pricess .row  .prices{ width: calc(40% - 174px); float: left; display: table-column;padding:20px;border-right:solid 1px #000;border-bottom:solid 1px #000;}
.pricess .row  .ed{ width: 50px; float: left; display: table-column;padding:20px;border-right:solid 1px #000;border-bottom:solid 1px #000;}
 .nobor {border-bottom:solid 0px #000!important;border-left:solid 0px #000!important;border-right:solid 0px #000!important;}
  
.main_menu {position:fixed;width:20vw;background-color:#e3e3e3;z-index:9999;height:100vh;padding:20px 10vw;right:-100vw;  transition: 0.5s;}
.main_menu .phone,.main_menu .logo {text-align:center;}
.main_menu .phone a {color:#000;text-decoration:none;display:block;height:40px; line-height:40px;font-weight:600;font-size:32px;}
.main_menu .menu a {display:block;padding:20px;text-decoration:none;border-bottom:dotted 1px #a5a5a5;color:#1367a7;}
  .show_menu_mobile {right:0px;}
  
  
  .raznica {padding:20px 0px;width:100%;z-index:5;}
  .raznica .row {float:left;width:45%;margin:0px 2%;}
  .raznica .row .title{font-size:150%;text-align:center;text-transform: uppercase;font-weight:600;}
    .raznica .row ul{list-style:none;margin:10px 0px;padding:0px;}
    .raznica .row ul.redyes li{min-height:24px;line-height:24px;padding-left:28px;background: url(/image/zatrem/yes-li.png) no-repeat left  0px;background-size:auto 24px;}
    .raznica .row ul.redno li{min-height:24px;line-height:24px;padding-left:28px;background: url(/image/zatrem/no-li.png) no-repeat left  0px;background-size:auto 24px;}
	
	    .raznica .image {text-align:center;background-size: 100% auto !important;
  height: 250px;}

  @media only screen and (max-width: 1200px) {
	  
	  .pochemy .row {float:left;width:calc(100% / 3  - 10px ); background-color: rgba(255,255,255,0.7);text-align:center;margin:20px 2px;padding:10px 3px;}

  }
  @media only screen and (max-width: 1000px) {	.row2 .row {float:none;width:98%;margin-right:0%;}
  .row4 .row {width:91%;}
.pochemy {padding:6vh 0px;}
  .main_banner {min-height:42vh;}
  .main_banner::before,.main_banner .content {height:42vh;}
  .main_banner .content {padding-top:23vh;}
	  .raznica {padding-top:11vh;}
	  .main_menu {width:60vw;}
.main_menu .phone a {font-size:24px;}
	  
	h1,h2 {font-size:200%;text-align:center;text-transform: uppercase;}
  
	  
	  
	  .main_head .phone {margin-left:0px;}
	  .main_head .logo {width:30%;margin-right:10%;}
.main_banner  {background-size:auto 100%;}
.main_banner .content h1{font-size:170%;}
.main_banner .content h2{font-size:100%;}

 .pricess .row {width:calc(100% / 2  - 20px );float:left;margin:10px 1px;}
  }
  
    @media only screen and (max-width: 800px) {
	
		 .pricess .row {width:calc(100%  - 20px );float:left;margin:10px 1px;}
			  .pochemy .row {float:left;width:calc(66% / 2  - 10px ); background-color: rgba(255,255,255,0.7);text-align:center;margin:20px 2px;padding:10px 3px;}
		 
	}
	
	
	    @media only screen and (max-width: 600px) {
			  .raznica .row .title{font-size:110%;text-align:center;text-transform: uppercase;font-weight:600;}
			  		  	  
.pricess .row .name {  float: left;  display: table-column;width: 65%!important;
  padding: 2px;border-bottom:none;}
 .pricess .row  .prices{  padding:2px;border-bottom:none;border-right:none;}
   .pricess .row  .ed{  padding:2px;border-bottom:none;}
	    .raznica .image { height: 150px;}
		}
		
		
		
		.pric {width:100%;background-color:#fafafa;}
		.pric th {background:linear-gradient(180deg, rgba(228,135,32,1) 0%, rgba(216,67,16,1) 100%);color:#fff;padding:10px 0px;}
		.pric td {background-color:#fff;padding:4px 10px;border-bottom:solid 1px #b4b6b4;}
		.pric tr:hover td {background-color:#959595;}
		
		
.autoflash{
        position: relative;
        overflow: hidden;
    }

     .flash{
       content: "";
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 3em;
    display: block;
    position: absolute;
    top: 0;
    left: -4.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    -webkit-transition: none;
    transition: none;
    }
    
    .lighting {
    webkit-animation: moving 3s ease-in-out infinite;
    -moz-animation: moving 3s ease-in-out infinite;
    -ms-animation: moving 3s ease-in-out infinite;
    -o-animation: moving 3s ease-in-out infinite;
    animation: moving 3s ease-in-out infinite;
   
    }
    
  @keyframes moving {  
     30% {  webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);   
        
        }
   
    100% {  webkit-transform: skewX(-45deg) translateX(33.5em);
        transform: skewX(-45deg) translateX(33.5em);   
        
        }
     }