#peregorodki-css *{box-sizing:border-box;}
#peregorodki-css + .ask_wrap{display:none;}
html #peregorodki-css{font-size:18px;}
body #peregorodki-css{font-size:1rem;line-height:1.30;font-weight:400;color:#333;margin-bottom:80px;}
#peregorodki-css a{text-decoration:none;color:#333;}
#peregorodki-css h1{font-size:2.32rem;font-weight:bold;}
#peregorodki-css h2{font-weight:bold;font-size:2rem;}
#peregorodki-css h3{font-weight:bold;font-size:1.555555555555556rem;}
#peregorodki-css .container{max-width:1170px;margin-left:auto;margin-right:auto;}
#peregorodki-css .button{padding-top:10px;padding-bottom:10px;padding-left:21px;padding-right:21px;font-size:0.7777777777777778rem;background:#FFFFFF;border:2px solid #333333;letter-spacing:0.1em;text-transform:uppercase;font-weight:bold;cursor:pointer;transition:0.3s ease;text-decoration:none;}
#peregorodki-css .button:hover{color:#fff;background:#333;}
main#peregorodki-css section.section-bottom{margin-bottom:20px;}
main#peregorodki-css .first-block{height:100vh;color:#fff;text-align:center;padding-top:145px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:center;align-items:center;justify-content:center;position:relative;}
main#peregorodki-css .first-block .container{margin-top:-130px;}
main#peregorodki-css .first-block .image{position:absolute;width:100%;height:100%;z-index:-1;top:0;left:0;}
main#peregorodki-css .first-block .image div{background:rgba(0,0,0,0.4);position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;}
main#peregorodki-css .first-block .image img{height:100%;width:100%;object-fit:cover;display:block;}
main#peregorodki-css .first-block .old_h1{color:#fff;font-size:2.32rem;font-weight:bold;text-shadow:0px 4px 10px rgba(0, 0, 0, 0.25);margin-bottom:40px;}
main#peregorodki-css .first-block .button{font-size:1.111111111111111rem;padding-top:21px;padding-bottom:21px;padding-left:68px;padding-right:68px;display:inline-block;}
main#peregorodki-css .section-title{margin-bottom:70px;text-align:center;}
main#peregorodki-css .grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px;}
main#peregorodki-css .catalog-grid .item{height:335px;width:100%;position:relative;}
main#peregorodki-css .catalog-grid .item .image,
main#peregorodki-css .catalog-grid .item .image img{width:100%;height:100%;display:block;object-fit:cover;}
main#peregorodki-css .catalog-grid .item .hover{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;color:#fff;text-transform:uppercase;padding:5px;background:rgba(0, 0, 0, .5);}
main#peregorodki-css .catalog-grid .item:hover .hover{opacity:1;}
main#peregorodki-css .catalog-grid .item .item-title{margin-bottom:1rem;}
main#peregorodki-css .catalog-grid .item .item-subtitle{font-size:0.8888888888888889rem;}
main#peregorodki-css .material-grid{grid-gap:60px 30px;}
main#peregorodki-css .material-grid .item{width:100%;position:relative;}
main#peregorodki-css .material-grid .item .image,
main#peregorodki-css .material-grid .item .image img{width:100%;height:100%;display:block;object-fit:cover;}
main#peregorodki-css .material-grid .item .image{height:335px;margin-bottom:32px;cursor:pointer;}
main#peregorodki-css .material-grid .item .item-title{font-weight:normal;text-align:center;}
main#peregorodki-css .faq .faq-list{margin-bottom:100px;}
main#peregorodki-css .faq .item{padding-bottom:24px;margin-bottom:24px;padding-left:24px;padding-right:24px;border-bottom:2px solid #333333;background:#fff !important;color:inherit !important;cursor:pointer;}
main#peregorodki-css .faq .item .item-title{font-weight:normal;display:-webkit-flex !important;display:-moz-flex !important;display:-ms-flex !important;display:-o-flex !important;display:flex !important;justify-content:space-between;-ms-align-items:center;align-items:center;}
main#peregorodki-css .faq .item p{margin-top:0.8888888888888889rem;font-size:1rem;display:none;}
main#peregorodki-css .faq .item.opened p{display:block;}
main#peregorodki-css .faq .item.opened .faq-toggle{transform:rotate(180deg);}
main#peregorodki-css .faq .faq-toggle{cursor:pointer;position:relative;top:1px;}
main#peregorodki-css .buy-info{margin-bottom:32px;}
main#peregorodki-css .buy-info span{display:block;font-size:1.555555555555556rem;margin-bottom:16px;}
main#peregorodki-css .buy-info span b{font-weight:bold;}
main#peregorodki-css .buy iframe{width:100%;height:500px;display:block;}
main#peregorodki-css .more-question{margin-top:70px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;-ms-align-items:center;align-items:center;text-align:center;}
main#peregorodki-css .more-question .left,
main#peregorodki-css .more-question .right{width:50%;padding-left:70px;padding-right:70px;}
main#peregorodki-css .more-question .title{margin-bottom:24px;}
main#peregorodki-css .more-question p{font-size:1.333333333333333rem;}
main#peregorodki-css .more-question .button{padding-top:27px;padding-bottom:27px;width:100%;font-size:1.555555555555556rem;border-width:3px;}
main#peregorodki-css .gallery_form .form-wrap{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;-ms-align-items:center;align-items:center;text-align:center;}
main#peregorodki-css .gallery_form .form-wrap .title{margin-bottom:28px;}
main#peregorodki-css .gallery_form .form-wrap .left{width:50%;padding-left:30px;padding-right:30px;font-size:1.555555555555556rem;}
main#peregorodki-css .gallery_form .form-wrap .right{width:50%;padding-left:100px;padding-right:100px;}
#peregorodki-css input[type="text"], textarea{height:44px;width:100%;font-size:0.8888888888888889rem;padding-left:16px;padding-top:11px;padding-bottom:12px;padding-right:16px;color:#333;background:#FFFFFF;border:1px solid #333333;margin-bottom:16px;resize:none;}
#peregorodki-css textarea{height:110px;}
#peregorodki-css input[type="submit"],
#peregorodki-css .button_submit{font-size:1rem;text-transform:none;letter-spacing:0px;font-weight:normal;border-width:1px;min-width:170px;}
#peregorodki-css .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
#peregorodki-css .inputfile + label{font-size:0.7777777777777778rem;color:#333;background-color:#fff;display:inline-block;border-width:1px;letter-spacing:0;text-transform:none;font-weight:normal;padding:4px;padding-right:14px;}
#peregorodki-css .inputfile + label svg{min-width:30px;margin-right:4.5px;display:inline-block;}
#peregorodki-css .inputfile + label svg path{transition:0.3s ease;}
#peregorodki-css .inputfile:focus + label,
#peregorodki-css .inputfile + label:hover{background-color:#333;color:#fff;}
#peregorodki-css .inputfile:focus + label svg path,
#peregorodki-css .inputfile + label:hover svg path{fill:#fff;color:#fff;}
#peregorodki-css .inputfile + label{cursor:pointer;}
#peregorodki-css .inputfile:focus + label{outline:1px solid #333;color:#fff;}
#peregorodki-css .inputfile + label *{pointer-events:none;}
#peregorodki-css #types img{margin-left:auto;margin-right:auto;max-width:100%;height:auto;display:block;}
#peregorodki-css .modal{width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;z-index:499;}
#peregorodki-css .modal-bg{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1;background:rgba(0, 0, 0, 0.8);}
#peregorodki-css .modal-content{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;width:100%;height:100%;}
#peregorodki-css .modal-form{width:500px;height:auto;background:#FFFFFF;top:0;left:0;bottom:0;right:0;margin:auto;padding:28px 40px 30px 40px;z-index:500;position:relative;}
#peregorodki-css .modal .buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;}
#peregorodki-css .modal .file-wrap{}
#peregorodki-css .modal .button{width:100%;height:44px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;overflow:hidden;}
#peregorodki-css .modal .submit{padding-bottom:9px;}
#peregorodki-css .modal .button{}
#peregorodki-css .modal form{}
#peregorodki-css .modal .form-title{font-weight:bold;font-size:1.555555555555556rem;text-align:center;margin-bottom:28px;}
#peregorodki-css .modal form input[type="text"]{}
#peregorodki-css .modal form input[type="text"]::-webkit-input-placeholder{color:#333;}
#peregorodki-css .modal form input[type="text"]::-moz-placeholder{color:#333;}
#peregorodki-css .modal form input[type="text"]:-ms-input-placeholder{color:#333;}
#peregorodki-css .modal form input[type="text"]:-moz-placeholder{color:#333;}
#peregorodki-css .modal .close{width:24px;height:24px;position:absolute;top:16px;right:17px;background:transparent;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:1;}
#peregorodki-css .modal.success{font-size:1.333333333333333rem;font-weight:600;text-align:center;z-index:501;display:none;}
#peregorodki-css .modal.success .flex{z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:30px;padding-right:60px;width:auto;background:#fff;position:relative;}
#peregorodki-css .product-modal-toggle{cursor:pointer;}
#peregorodki-css .modal.product-modal .modal-form{max-width:1400px;width:90vw;overflow-x:hidden;overflow-y:auto;height:auto;max-height:90vh;}
#peregorodki-css .modal.product-modal .product-modal-wrap{display:grid;grid-template-columns:535px 1fr;gap:50px;}
#peregorodki-css .modal.product-modal .callback-toggle{margin-top:20px;width:400px;}
#peregorodki-css .modal.product-modal .product-image{width:100%;height:auto;display:block;}
#peregorodki-css .modal.product-modal .product-image img{width:100%;height:auto;display:block;max-height:500px;object-fit:cover;}
#peregorodki-css .modal.product-modal .product-modal-title{font-size:1.444444444444444rem;}
#peregorodki-css .modal.product-modal .product-modal-desc{margin-top:30px;font-size:0.8888888888888889rem;}
@media(max-width:1560px){
#peregorodki-css .modal.product-modal .modal-form{max-width:100%;}
#peregorodki-css .modal.product-modal .callback-toggle{width:100%;}
}
@media(max-width:1199px){
#peregorodki-css .modal.product-modal .modal-form{width:100%;max-width:90vw;}
#peregorodki-css .modal.product-modal .product-modal-wrap{display:grid;grid-template-columns:48% 1fr;gap:30px;}
#peregorodki-css .modal.product-modal .product-image img{max-height:40vw;}
}
@media(max-width:991px){
#peregorodki-css .modal.product-modal .product-modal-wrap{grid-template-columns:100%;}
}
@media(max-width:575px){
#peregorodki-css .modal.product-modal .product-modal-wrap{gap:20px;}
#peregorodki-css .modal.product-modal .callback-toggle{margin-top:16px;}
#peregorodki-css .modal.product-modal .product-image img{max-height:60vw;}
#peregorodki-css .modal.product-modal .product-modal-desc{margin-top:20px;}
}
#peregorodki-css .seo_text .container strong{font-weight:bold;}
#peregorodki-css .seo_text .container ol{list-style-type:decimal;margin-left:2%;line-height:1;}
#peregorodki-css .seo_text .container ul, #peregorodki-css .seo_text .container ul li{list-style-type:disc;}
#peregorodki-css .seo_text .container ul{margin-left:2%;line-height:1;}
#peregorodki-css .temp_block .item a{position:relative;}
#peregorodki-css .temp_block .item span{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;color:#fff;text-transform:uppercase;padding:5px;background:rgba(0, 0, 0, .5);}
#peregorodki-css .center_h1{text-align:center;margin:20px 0;}
@media(max-width:1560px){
html #peregorodki-css{font-size:16px;}
} @media(max-width:1199px){
#peregorodki-css .container{max-width:960px;}
#peregorodki-css h1{font-size:2rem;}
main#peregorodki-css .catalog-grid .item,
main#peregorodki-css .material-grid .item .image{height:275px;}
main#peregorodki-css .more-question .left, 
main#peregorodki-css .more-question .right{padding-left:50px;padding-right:50px;}
main#peregorodki-css .gallery_form .form-wrap .left{padding-left:0;padding-right:0;}
main#peregorodki-css .buy iframe{height:350px;}
main#peregorodki-css .first-block{}
} @media(max-width:991px){
#peregorodki-css .container{max-width:767px;}
main#peregorodki-css .grid{grid-template-columns:1fr 1fr;}
main#peregorodki-css .catalog-grid .item, 
main#peregorodki-css .material-grid .item .image{height:330px;}
main#peregorodki-css .more-question .left, 
main#peregorodki-css .more-question .right{padding-left:20px;padding-right:20px;}
main#peregorodki-css .gallery_form .form-wrap .right{padding-left:50px;padding-right:50px;}
main#peregorodki-css .first-block .container{margin-top:-70px;}
} @media(max-width:767px){
#peregorodki-css .container{max-width:575px;}
html #wpadminbar{display:none !important;}
main#peregorodki-css .grid{grid-template-columns:1fr;}
main#peregorodki-css .catalog-grid .item, main#peregorodki-css .material-grid .item .image{height:500px;}
main#peregorodki-css .first-block{min-height:100vh;height:auto;padding-bottom:70px;}
main#peregorodki-css .first-block .container{margin-top:0px;}
main#peregorodki-css section.section-bottom{margin-bottom:70px;}
#peregorodki-css h1{font-size:1.8rem;}
#peregorodki-css h2{font-size:1.6rem;}
#peregorodki-css h3{font-weight:bold;font-size:1.25rem;}
main#peregorodki-css .gallery_form .form-wrap .left{font-size:1.15rem;}
main#peregorodki-css .faq .item{padding-left:0;padding-right:0;}
main#peregorodki-css .more-question,
main#peregorodki-css .gallery_form .form-wrap{display:block;}
main#peregorodki-css .more-question .left, 
main#peregorodki-css .more-question .right,
main#peregorodki-css .gallery_form .form-wrap .left,
main#peregorodki-css .gallery_form .form-wrap .right{width:100%;}
main#peregorodki-css .more-question .left,
main#peregorodki-css .gallery_form .form-wrap .left{margin-bottom:40px;}
main#peregorodki-css .buy-info span{font-size:1.2rem;}
main#peregorodki-css .section-title{margin-bottom:50px;}
main#peregorodki-css .first-block .button{padding-left:30px;padding-right:30px;}
} @media(max-width:575px){
html #peregorodki-css{font-size:14px;}
#peregorodki-css .container{max-width:100%;padding-left:15px;padding-right:15px;}
#peregorodki-css .button{padding-left:15px;padding-right:15px;}
main#peregorodki-css .catalog-grid .item, main#peregorodki-css .material-grid .item .image{height:42vh;}
main#peregorodki-css .gallery_form .form-wrap .right{padding-left:30px;padding-right:30px;}
#peregorodki-css .modal-form{max-width:500px;margin-left:10px;margin-right:10px;}
#peregorodki-css .modal-form{padding:28px 20px 30px 20px;}
#peregorodki-css .modal .buttons{grid-template-columns:1fr;grid-gap:16px;}
main#peregorodki-css .first-block{padding-top:100px;padding-bottom:70px;}
main#peregorodki-css .more-question .button{font-size:1.3rem;padding-top:16px;padding-bottom:16px;}
main#peregorodki-css .more-question .left, main#peregorodki-css .more-question .right, main#peregorodki-css .gallery_form .form-wrap .left, main#peregorodki-css .gallery_form .form-wrap .right{padding:0;}
#peregorodki-css h1{font-size:1.65rem;}
main#peregorodki-css .faq .faq-toggle{width:24px;top:0;}
main#peregorodki-css .buy iframe{height:300px;}
} main#peregorodki-css .not-found h1{font-size:96px;margin:unset;}
main#peregorodki-css .not-found p{color:#fff;}
main#peregorodki-css .not-found p a{border:2px solid #fff;display:block;margin-top:24px;padding:12px;color:#000;background:#fff;}
body #peregorodki-css p.old_h2{font-weight:bold;font-size:2rem;}
body #peregorodki-css .faq p.old_h3,
body #peregorodki-css p.old_h3{font-weight:bold;font-size:1.555555555555556rem;margin-bottom:1rem;}
@media(max-width:768px){
main#peregorodki-css .catalog-grid .item .hover{opacity:1;}
main#peregorodki-css .catalog-grid .item .hover p.old_h3{font-size:2rem;}
}
#peregorodki-css #bread{}
#peregorodki-css #bread .diip_breadcrumbs{text-align:center;}
#peregorodki-css #bread .diip_breadcrumbs .divider{margin:0 6px;}
#peregorodki-css #bread .diip_breadcrumbs a{text-decoration:underline;}
main#peregorodki-css .privacy{padding-top:145px;color:#000;}
#peregorodki-css .item .item_bottom{display:block;}
#peregorodki-css .item .item_bottom p.item_header{text-align:center;margin:8px;color:#000;}
#peregorodki-css .item .item_bottom p.item_desc{text-align:center;margin:8px;color:#888;}
body:not(.home) #peregorodki-css #catalog .catalog-grid.grid{grid-gap:120px 30px;}
#peregorodki-css #yandex_map{position:relative;background:url(//spb-dver.ru/wp-content/themes/arsenal-dveri-rf/css/img/map.jpg);}
#peregorodki-css #yandex_map p{position:absolute;width:100%;justify-content:center;height:100%;display:flex;align-items:center;font-size:48px;background:rgba(255,255,255,0.65);cursor:pointer;}
#peregorodki-css .show_item{display:block;margin:0 auto;width:300px;text-align:center;}
#peregorodki-css .archive_items .item:nth-child(n+4){display:none;}
#peregorodki-css .archive_items article{height:335px;width:100%;position:relative;}
#peregorodki-css .archive_items article span{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;text-transform:uppercase;padding:5px;background:rgba(0,0,0,.5);}
#peregorodki-css .archive_items article span a{color:#fff;}
#peregorodki-css .archive_items article img{width:100%;height:100%;display:block;object-fit:cover;}
#peregorodki-css #archive_seo{padding:32px 0;}
#peregorodki-css #archive_seo .vis_btn{padding:24px 0;text-decoration:underline;}
#peregorodki-css #archive_seo .hide_text{padding:24px 0;display:none;}
#archive_page #peregorodki-css  form{margin:0 auto;}
#peregorodki-css .application-section{margin:32px auto;}
#peregorodki-css .application-block{position:relative;background-size:cover;background-position:50% 50%;}
#peregorodki-css .application-block-inner{display:flex;flex-wrap:wrap;align-items:center;}
#peregorodki-css .application-block-inner{position:relative;padding:50px;color:#fff;}
#peregorodki-css .application-block:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(30,123,174,0.8);background:rgb(41 41 41 / 80%);}
#peregorodki-css .application-block-inner .content-block{flex:1;}
#peregorodki-css .application-block .block-title{font-weight:600;font-size:26px;line-height:1.5;letter-spacing:1px;margin-bottom:20px;}
#peregorodki-css .application-block .block-text{font-size:18px;}
#peregorodki-css .application-block-inner .btn-wrap {
flex: 1;
text-align: center;
}