@charset "utf-8";
.link_price_2 {display:none;}

@media (max-width: 1180px) {
.main {margin:0 40px;}
.top_menu {left:24%;}
}

@media (max-width: 1000px) {
#nav-toggle {display:block;}	
.logo {top:7px; left:calc(50% - 70px);}
.logo img {width:140px;}
.header_ather {background-size:cover; background-position: ; padding:190px 0 140px 0; }
.header_ather .h_title {font-size:50px; line-height:1.2;}
.header_ather .h_text {font-size:19px;}
.header_block .but:hover {border:0;}
.top {padding:0 0;  height:50px;}    
.top_menu {display:none;} 
.top_menu {width:100%; display:none; z-index:0; position:fixed; overflow-y: scroll; top: 0px; right: 0; bottom: 0px; left: 0; background:#000; z-index:10; -webkit-overflow-scrolling:touch;
padding:80px 0px; font-size:20px; font-family: 'PT Serif', serif;}
.top_menu:before {content:""; display:block; position:fixed; top:0; width:100%; height:50px; background:#000; z-index:2;}
.top_menu li {display:block; text-align:center; margin:0 0 14px 0; opacity:0; padding:0; z-index:1}
.top_menu li a {font-family: 'PT Serif', serif; text-transform:none; font-weight:normal;}
.top_menu .active a {color:#ffffff;}
.top_menu .first_li {display:block;}

.top_menu li ul {position:relative; background:none; padding:0px; top:0; left:auto; width:auto; z-index:0 !important; opacity: 1 !important; height:auto; margin:14px 0 16px 0;}
.top_menu li ul li {margin-bottom:4px; padding:0; width:auto; display:block; }
.top_menu li ul li a {font-size:16px; color:#afafaf !important;}
.top_menu li:hover a ~ ul {padding:0;}

.but_top {padding:0; height:50px; width:50px; top:0px; right:-10px; font-size:0; border:0; background: url(../img/viber.svg) no-repeat center center; background-size:20px;}
.header {margin-top:0px; }  
.header_block {z-index:2;}    
.header_2 .angel {bottom:none; top:-1200px;  left:320px; width:700px;}
.header_2 a {width:360px; font-size:18px; margin-bottom:10px; padding-left:56px; padding-top:3px; min-height:34px;
margin-left:10px; background:url(../img/file.svg) no-repeat 0 0px; background-size:36px;}
.all_block_uslugi {width:calc(100% + 28px)}
.all_block_uslugi .block {width:calc(25% - 20px); margin:0 8px 30px 8px; left:-8px}
.tarif .all_block {width:calc(100% + 28px)}
.tarif .all_block .block {width:calc(25% - 20px); margin:0 8px 30px 8px; left:-8px}
.tarif .all_block .block .price {font-size:24px;}
.tovary .all_block {width:calc(100% + 28px);}
.tovary .all_block .block {width:calc(33.333% - 61px); margin:0 8px 20px 8px; left:-8px; padding:20px; padding-bottom:44px;}
.tovary .all_block .block img {width:calc(100% + 40px); display:block;margin:-20px -20px 22px -20px;}
.tovary .all_block .block span {bottom:24px;}

.pre .all_block {margin:0 -20px;}
.pre .all_block .block {width:calc(50% - 32px); margin:0 14px 30px 14px;  left:4px;  }

.table .left {margin-right:30px;}
.table .right {margin-left:30px;}
.table  img { width:calc(50% - 32px);}

.footer {padding:50px 0 0 0;}
.footer .main {display:flex;   flex-wrap: wrap; justify-content: flex-start}
.footer .block {display:inline-block; margin-bottom:40px;}
.footer .block:first-child {margin-right:0px;}
.one {margin:0; width:200px; }
.two {flex-basis:60%;}
.three {width:200px; margin-bottom:0;}
.four {margin-bottom:0;}
.all_tovar .tovar {width:calc(25% - 16px); margin:0 8px 30px 8px; left:-14px; }
.contact_info .block {width:auto;}
.big_chat { padding:30px 0px 30px 30px; left:-20px; margin:0 20px 20px -10px; width:280px;}
.big_chat a {display:inline-block; width:86px;}
}

@media (max-width: 800px) {   
.all_block_uslugi {width:calc(100% + 40px)}
.all_block_uslugi .block {display:inline-block; width:calc(50% - 34px); margin:0 15px 30px 15px; color:#000; text-decoration:none; position:relative; padding-bottom:20px;
left:-15px}
.all_block_uslugi .block strong {font-size:22px; }
.tarif .all_block {width:calc(100% + 40px)}
.tarif .all_block .block {width:calc(50% - 34px); margin:0 15px 30px 15px; left:-15px}
.my_okno {padding:40px 20px 40px 20px; width:calc(100% - 80px); background-size:100%;}

.all_tovar .tovar {width:calc(50% - 30px); margin:0 15px 30px 15px; left:-15px; }

.zakaz_block {background:#fff5e6 url(../img/angel.png) no-repeat right -110px top -150px; background-size:400px;  padding:40px 280px 30px 30px; margin-top:40px; margin-bottom:40px; font-size:17px;}
.zakaz_block h4 {font-size:22px; }
.zakaz_block .zakaz_phone {margin:10px 0 20px 0; }
.zakaz_block .zakaz_phone a {font-size:24px;}
}

@media (max-width: 640px) {
.main {margin:0 20px;}  
.header {height:760px;background:#000 url(../img/header.jpg) no-repeat bottom -40px left -390px;  background-size:1600px; } 
.header .main {height:760px;}
.header_block {z-index:2;}    
.header_2 .angel {bottom:none; top:-848px;  left:160px; width:500px;}
.header_2 a {width:360px; font-size:18px; margin-bottom:10px; padding-left:56px; padding-top:3px; min-height:34px;
margin-left:10px; background:url(../img/file.svg) no-repeat 0 0px; background-size:36px;}

.header .logo_big {background:url(../img/logo.svg) no-repeat 0px 10px; background-size:32px; font-size:30px;  width:200px; line-height:1.1; 
top:80px;  padding:20px 0 0 52px; min-height:100px; margin-left:10px;}

.header .logo_lend {top:60px;}

.header_block {position:absolute; bottom:0; width:240px; padding:10px 20px 80px 20px; text-align:center; color:#fff; font-size:22px}
.header_block:before {top: -80px;border-bottom: 80px solid #0c1b22ba;border-left: 140px solid transparent;border-right: 140px solid transparent;}
.header_block .line {background:url(../img/line_3.svg) no-repeat top center; background-size:240px; width:240px; height:20px; margin:34px auto 20px auto}
.header_block a {font-size:24px; font-weight:300; margin-bottom:6px;}
.header_block p {font-size:16px}
.header_block p strong {font-size:18px}
.header_block .but {font-size:16px; background:#6f0000 url(../img/24.svg) no-repeat 22px 11px; background-size:28px; padding:14px 32px 14px 64px;  margin-top:20px;}
.header_block .but span {top:60px; left:24px;}
.header_ather .but {font-size:16px; background:#6f0000  url(../img/24.svg) no-repeat 22px 11px; background-size:28px; padding:14px 32px 14px 64px;  margin-top:20px;}

.header_2 { padding:44px 0 44px 0; }
.header_2 a {width:auto; line-height:1.3; background:url(../img/file.svg) no-repeat 0 0px; background-size:36px; min-height:34px;}
.uslugi {padding:0px 0 40px 0;}
.all_block_uslugi {width:calc(100% + 28px)}
.all_block_uslugi .block {width:calc(50% - 20px); margin:0 8px 30px 8px; left:-8px}
.tarif {padding:10px 0 40px 0;}
.tarif .all_block {width:auto; }
.tarif .all_block .block {margin:0 0px 30px 0px; left:0px;  width:100%;}
.tarif .all_block .block .tit {font-size:22px;}
.tarif .all_block .block .price {font-size:28px;}
.tarif .all_block .block ul li {padding:8px 16px; font-size:17px;}

.tovary {padding:0px 0 40px 0;}
.tovary .all_block .block {width:calc(50% - 61px);}

h1 {text-align:center; font-size:30px; margin-bottom:40px; line-height:1.1}
h1:before {content:""; display:block; background:url(../img/line_2.svg) no-repeat top center; background-size:220px; width:220px; height:30px; margin:50px auto 2px auto}

h2 {text-align:center; font-size:26px; margin-bottom:30px; line-height:1.2}
h2:before {content:""; display:block; background:url(../img/line_2.svg) no-repeat top center; background-size:220px; width:220px; height:30px; margin:50px auto 2px auto}
.pre {padding:30px 0 44px 0;}
.pre .all_block {margin:0 -10px;}
.pre .all_block .block {width:calc(50% - 14px); margin:0 5px 30px 5px;  left:4px;  }
.pre .all_block .block strong {font-size:14px;}

.about {padding:0px 0 20px 0;}
.footer {padding:50px 0 50px 0;}
.footer .main {flex-direction: column-reverse; justify-content: center;}
.footer .block {margin-bottom:10px; text-align:center;  margin:0 auto 20px auto !important; display:block;}
.footer .two {display:none}
.footer .one {width:120px;}

.zakaz_block {background:#fff5e6;  padding:30px 20px 20px 20px; font-size:17px; margin:40px -20px 40px -20px; position:relative;}
.zakaz_block h4 {font-size:20px; z-index:1; position:relative;}
.zakaz_block p {z-index:1; position:relative;}
.zakaz_block .zakaz_phone {margin:10px 0 10px 0; z-index:1; position:relative;}
.zakaz_block .zakaz_phone a {font-size:28px; z-index:1; position:relative; margin-bottom:6px; display:inline-block;}
.content_block {padding:30px 0;}

.left_img {float:none; margin-right:0px; max-width: none; width:calc(100% + 40px);  border:0;  top:0; display:block; margin:0px -20px 20px -20px;}
.right_img {float:none; margin-right:0px; max-width: none; width:calc(100% + 40px);  border:0;  top:0; display:block; margin:0px -20px 20px -20px;}
.content_block h3 {font-size:22px; line-height:1.1}

.all_block_art .block {margin:0 0px 30px 0px; padding-left:calc(40% + 20px); min-height:172px;}
.all_block_art .block img {position:absolute; left:0; width:40%}

.contact_info {display:block;  margin-bottom:40px; text-align:center;}
.contact_info h3 {text-align:center;}
.contact_info .block {text-align:center;}
.big_chat { padding:30px 0px; position:relative; left:0px; width:auto; margin:0 -20px 20px -20px; text-align:center;}
.big_chat a {display:inline-block; width:90px; left:0px;}
.big_phone, .big_chat, .big_post {text-align:center;}
.map {margin:0 -20px;}
.map {height:300px;}
.map > ymaps {height:300px !important;}
.contact_info h3 {margin-bottom:10px;}
.content_block h4 {font-size:19px; text-align:center;}
.link_price_2 {display:block; text-decoration:none; background:#6f0000; padding:10px 20px; font-size:24px; margin:-26px auto 30px auto; width:180px; text-align:center; font-weight:600;
color:#fff !important;}
}

@media (max-width: 420px) { 
.table {margin-bottom:0;} 
.table .left {margin-right:0;}
.table .right {margin-left:0;}
.table  img { width:calc(100% - 8px); border:4px solid #e2bd7d;}
.header_ather {background-size: cover !important; padding:140px 0 90px 0; }
.header_ather .h_title {font-size:30px;}
.header_ather .h_text {font-size:16px;}
.header_ather .h_phone {font-size:28px;}

.all_tovar .tovar {width:calc(50% - 6px); margin:0 3px 6px 3px; left:-14px; font-size:12px; line-height:1.3}
.tov_img {padding:10px;}
.tov_img span {width:calc(100% + 10px); margin:-5px -5px 0px -5px; }
.tov_img h3 {font-size:17px; margin-bottom:10px; margin-top:10px;}
.header_ather_2 h1 {font-size:32px; margin-bottom:30px; line-height:1.2}

.tovar .price {font-size:14px;  padding:0 10px 0px 10px; bottom:14px;}
.tovar .price span {font-size:20px; }

.all_block_art .block {margin:0 0px 30px 0px; padding:0; min-height:172px;}
.all_block_art .block img {position:relative; left:0; width:100%; margin-bottom:20px; max-width:100%;}
.all_block_art .block strong {line-height:1.2; font-size:20px; }
.content_block h2 {font-size:24px;}
.content_block p em {font-size:18px; }
} 


@media (max-width: 380px) {   
.header_2 .angel {left:90px;}
.all_block_uslugi {width:auto}
.all_block_uslugi .block {width:100%; margin:0 0 30px 0; left:0; display:block;}
.all_block_uslugi .block strong {font-size:24px; margin-bottom:12px}
.tovary .all_block {width:auto}
.tovary .all_block .block {width:auto; margin:0 0 20px 0; left:0;}
.tovary .all_block .block strong {font-size:24px;}
.tovary .all_block .block img {margin:-20px -20px 20px -20px;}
.pre .all_block {margin:0 -0px; display:block;}
.pre .all_block .block {width:auto; margin:0 0px 50px 0px;  left:0px;  display:block; padding:0 20px;}
.pre .all_block .block strong {font-size:15px;}
.pre .all_block .block img {margin-bottom:10px;}
.my_okno h4 {font-size:24px; line-height:1.2}
.my_okno p {line-height:1.5; font-size:16px;}

.all_block_uslugi .block {width:100%; margin:0 0 30px 0; left:0; display:block;}
.usl_lend .block strong {font-size:16px; margin-bottom:0px}
.usl_lend .block {width:calc(50% - 10px); margin:0 10px 0px 0px;}
}
