*{box-sizing:border-box;}
html{overflow-x:hidden;width:100vw;padding:0;margin:0;}
body{margin:0 auto;padding: 0;max-width:1920px;font-family: 'Montserrat', sans-serif;  background-color: white; font-size: 14px;}
body.inner { padding-top: 90px; }

/*.inner {padding-top: 140px; }*/
select:focus,textarea:focus,input:focus,button:focus{outline:0;}

h1,h2,h3,h4 { font-weight: 700  }
h1 { font-size: 60px }
h2 { font-size:30px }
h3 { font-size:30px }
h4 { font-size:20px }

.hidden{display:none;}
.invisible{visibility: hidden;}
.shadows{box-shadow: 0 5px 5px #aaa;}
.btn-yellow { cursor: pointer; color: white; font-weight: bold; text-align: center; padding:15px 0; border:2px solid #ECF021; border-radius: 25px}
.btn-yellow:hover{   text-decoration: none; background-color: #ECF021; color: black}
.btn-yellow2 { display: inline-block; cursor: pointer; background-color: #ECF021; color: black; font-weight: bold; text-align: center; padding:15px 25px; border-radius: 25px; }
.btn-yellow2:hover{ color: black; text-decoration: none; background-color: #CCD000;}
.btn-black { display: block; cursor: pointer; color: black; font-weight: bold; text-align: center; padding:15px 0; border:2px solid black; border-radius: 25px}
.btn-black:hover{   text-decoration: none; background-color: black; color: white}
.btn-white { display: inline-block; cursor: pointer;  letter-spacing: 1px; text-transform: uppercase; color: white; font-weight: 800; font-size: 14px; line-height: 22px; border-bottom: 1px dotted white;}
.btn-white:hover { color: #A17049; border-color:  transparent; }
.btn-red { vertical-align: middle; background-color: #CD2128; color: white;font-weight: bold;font-size: 14px;line-height: 22px;letter-spacing: 1px;text-transform: uppercase; display: inline-block; padding: 15px 40px; }
.btn-red:hover { cursor: pointer; background-color: #E04E53 }
.btn-redwhite { vertical-align: middle; border:1px solid #CD2128; background-color: none; color: #CD2128;font-weight: bold;font-size: 14px;line-height: 22px;letter-spacing: 1px;text-transform: uppercase; display: inline-block; padding: 15px 40px; }
.btn-redwhite:hover { cursor: pointer;background-color: #CD2128; color: white; text-decoration: none }

.bcrumbs { color:  #A17049; background-color: #1C0600 }
.bcrumbs  a {color: white; text-decoration: none}
.bcrumbs  a:hover { text-decoration: underline;}
.crumbs_del{ display: inline-block; vertical-align: middle; padding: 0 10px; font-size: 16px; color: white;}

.column {
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    column-width: 100px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
   }

ul {padding-left: 50px}
.topbaner li { background-color:rgba(255,255,255,0.8); color:black; padding:5px 10px; margin-bottom:2px;}
/*li {list-style: none;background: url("/public/img/bulit.svg") no-repeat; background-size:22px;  padding-left: 32px;}*/

.container { position: relative; }
.main_menu_btn { color: white; cursor: pointer; z-index: 999;  width: 30px; height: 30px; background: url("/public/img/burger.png") no-repeat; background-size: 30px  }
.mfixed { position: fixed; top: 30px; right: 2%; background-color: white }
.pretitle { text-transform: uppercase; font-size: 12px }

header { max-width: 1920px; background-color: none;}
.h-fixed { position: fixed;  top: 0; width: 100%; z-index: 999}
.h_inner { background-color: #1C0600 }

    nav.top-menu { width: 100%;  }
        .menu-item { color: white; display: inline-block;  font-weight: bold; font-size: 14px; line-height: 17px; text-decoration: underline; margin-right: 12px;  }
        .menu-item:hover { color: #A17049; text-decoration: none;  }
        .menu-item:last-child {  }
        .menu-item-act { color: #A17049;}
        .hassubmenu a:first-child { color: white; text-decoration: underline; }
        .hassubmenu a:first-child:hover { color: #A17049; text-decoration: none; }
        
        .submenu a { width: auto; }
        .submenu:hover .hassubmenu a:first-child {color: black; text-decoration: none;}
            .submenu .menu-item { width: 100% !important; position: relative; display: block;}
            .submenu { display: none; position: absolute; background-color: white; padding: 20px 40px 10px; min-width: 240px;  text-align: left;box-shadow: 2px 2px 4px #000; top: 20px}
                .submenu a { margin-bottom: 10px; color: black; text-decoration: none;  }
                .submenu a:first-child { color: black !important; text-decoration: none }
                .submenu a:first-child:hover { color: #A17049 !important }
                .submenu a:hover { color: #A17049 }
            #menu_item26 .submenu {min-width: 150px  }

                .dsubmenu a { width: auto; }
                    .dsubmenu { z-index: 999; border-left: 1px solid black; display: none; right: -300px; top: -10px; position: absolute; background-color: white; padding: 20px 20px; min-width: 350px;  text-align: left;}
                    .dsubmenu a { margin-bottom: 10px; color: black; text-transform: none; }


.htel a { color: white; font-weight: bold; text-decoration: none;font-size: 18px; line-height: 22px; }
.htel a:hover { text-decoration: underline; }
.htel img { margin-right: 10px; }
.hlogo a { display: block; width: 100px; background-color: white; padding: 10px;  }
.hlogo img {  width: 70px }

.topbaner { position: relative; background: url("/public/img/baner.jpg") no-repeat; background-position: top center; padding-bottom: 35px; color: white; padding-top: 160px; }
    .topbaner h1 { text-transform: uppercase; font-weight:800 }
    .topbaner_desc { font-size: 40px; line-height: 50px;}
    .top_banner_offer { display: inline-block; padding: 12px 30px; padding-right: 80px; vertical-align: middle; font-weight: normal;font-size: 20px;line-height: 28px; background: rgba(255, 255, 255, 0.8); color:black}
        .top_banner_offer span { font-weight: bold; }
    .offer span { color:  #ECF021}



.features { background-color: #F6F5F5; color: black } 
.features_inner { background-color: #F5F5F5; color: black }            
    .features_item_name { font-size: 16px;line-height: 22px;}
    .features_item img {  }
    .features_item_img { height: 40px; }


.cats {}
    .cats_item { display: block; overflow: hidden; }
        .cats_item:hover .cats_item_str { display: block; }
        .cats_item_name { position: absolute; bottom: 40px; left: 40px; color: white; font-weight: bold;font-size: 20px;line-height: 120%;text-transform: uppercase;}
        .cats_item img { width: 100%;  transition: all 1s ease-out; }
        .cats_item img:hover {transform: scale(1.1);}
        .cats_item_str { display: none; background: url('/public/img/str_cats.png') no-repeat; position: absolute; bottom: 42px; right: 40px; width: 23px; height: 19px; }

.tech:nth-child(2n) { background-color: #F6F5F5; font-size: 14px;line-height: 22px; } 
    .tech1 {}
        .tech1 img {position: absolute; top: 0; left: 15px}
        .tech_title {font-weight: bold;font-size: 30px;line-height: 36px;}
    .tech2_pad1 { padding-top: 80px; }
    .tech2_pad2 { padding-top: 230px; }
    .tech3 p { width: 445px; }


.forma {background: url("/public/img/forma_fon.jpg") no-repeat; background-position: top center; color: white}
     .forma_offer  {font-weight: 500;font-size: 30px;line-height: 36px;}
        .forma_offer span {font-weight: 800;font-size: 30px;line-height: 36px;text-transform: uppercase;}
       
.about {background: url("/public/img/map.jpg") no-repeat; background-position: top center; color: black; }


.otzyvy { margin-top: -220px }
    .owl-otzyvy{position: relative;}
        .owl-otzyvy .owl-stage-outer {z-index: 0}
        .owl-otzyvy .owl-nav { position: absolute; top: 100px; width: 100%; z-index: -1 }
        .owl-otzyvy .owl-prev{position: absolute; top:0;left: 0;margin-left: -70px;}
        .owl-otzyvy .owl-next{position: absolute; top:0;right: 0;margin-right: -70px;}


.foto {}
    .foto_selector { cursor: pointer; color: black; background-color: #F0F0F0; padding: 5px 10px; border-radius: 20px; text-transform: uppercase; font-weight: bold; text-align: center; }
    .foto_selector:hover { background-color: #ECF021 }
    .foto_selector_akt { background-color: #ECF021}
    .foto_slider_item img { width: 100% }

.goods { background-color: #F6F5F5; }
    .goods_cats_btn { display: inline-block; margin-right: 40px; font-weight: bold;font-size: 30px;line-height: 36px; color: #B4B4B4; border-bottom: 2px solid #B4B4B4}
    .goods_cats_btn_akt {color: black; border-bottom: none}
    .goods_cats_btn:hover {color: black; border-bottom: none; cursor: pointer;}
    .goods_item { background-color: white; padding-bottom: 40px; }
    .goods_item:hover { box-shadow: 0 2px 5px #666 }
        .goods_item_img { height: 200px; overflow: hidden; }
            .goods_item_img img { width: 100% }
        .goods_item_name a{ display: block; height: 50px; overflow: hidden;  font-size: 18px;line-height: 140%;text-decoration-line: underline; padding: 0 20px; color: black; }
        .goods_item_name a:hover { text-decoration: none }
        .goods_item_btn { padding: 0 20px;}
        	.goods_item_btn .btn-red:hover { color: white }

.cat2, .cat3 { display: none }

.faq {  padding-top: 40px; padding-bottom: 60px; }
    .faq_q {  padding: 10px 20px 10px 20px; line-height: 47px; font-size: 18px; font-weight: bold; border: 1px solid #CACACA; border-bottom: none; }
        .faq_q span { width: 25px; text-align: center; font-weight: bold;font-size: 18px;line-height: 130%;color: #CD2128; display: inline-block; margin-right: 15px;}
        .faq_str {  float: right; cursor: pointer; margin-top: 20px; }
    .faq .row:last-child .faq_q { border-bottom: 1px solid #CACACA }
    .faq_a { padding: 20px 20px 20px 65px; font-size: 16px; display: none;  }

.ptitle { background-color: #1C0600; color: white }
    .ptitle h1 { font-size: 40px; }

.filtr { background-color: #1C0600; color: white}
	.filter_item { border-bottom: 1px solid white; padding-bottom: 20px; }
	.filter_item:hover { border: none; }
	.filter_item:hover .filter_item_arr {background-image: url("/public/img/str_u.png");}
	.filter_item:hover .filter_item_name {color: #A17049;}
	.filter_item_akt { border: none; }
		.filter_item_akt a { color: #A17049; }
		.filter_item_name {color: white; font-family: Montserrat;font-size: 16px;line-height: 120%;text-transform: uppercase; text-decoration: none;}
		.filter_item_name:hover { text-decoration: none; color: #A17049; }
		.filter_item_arr { float: right; background: url("/public/img/str_d.png") no-repeat; width: 19px; height: 23px; }
		.filter_item_arr_akt { background-image: url("/public/img/str_u.png");  }

.goodsin { background-color: #F6F5F5 }

.good { background-color: #F6F5F5 }
.good_info {background-color: white}

    .owl-colors .owl-nav { position: absolute; top: 0px; width: 100%; z-index: 1 }
        .owl-colors .owl-prev{position: absolute; top:25px;left: 0;margin-left: -25px;}
        .owl-colors .owl-next{position: absolute; top:25px;right: 0;margin-right: -25px;}

        .foto_color { display: block; height: 100px; overflow: hidden; }
            .foto_color img { width: 100% }

	.good_foto {}
		.good_foto img { max-width: 100% }
	.good_price {font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 30px;line-height: 32px;}
	.good_descr {font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 14px;line-height: 22px;color: #828282;}
		.good_descr img { width: auto !important; max-width: 100% !important }
		.descr_cont1 img { width: auto !important; max-width: 100% !important }

	.descr_btn { display: inline-block; margin-right: 60px; font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 30px;line-height: 36px;color: #B4B4B4; border-bottom:2px solid #B4B4B4 }
	.descr_btn:last-child { margin-right: 0 }
	.descr_btn:hover { cursor: pointer; color: #000000; border: none }
	.descr_btn_akt {color: #000000; border: none}
	.descr_cont { display: none }
	.descr_cont1 { display: block }
		.descr_cont table {border: none !important;}
		.descr_cont table tr { border-bottom: 1px solid #B4B4B4 }
		.descr_cont table td { padding: 10px 0; }
		.descr_cont table td:first-child { font-weight: normal; }
		.descr_cont table td:last-child { font-weight: bold; }


.foto_item { height: 150px; overflow: hidden; display: block; }
	.foto_item img { width: 100% }

.good_form {}
	.good_form input { border: 1px solid #828282 !important; padding: 10px  20px }
	.good_form textarea { border: 1px solid #828282 !important; padding: 10px  20px; height: 100px;  }

.kontakty_form { background-color: #F6F5F5 }

.kviz { background-color: black; color: white }
    .kviz h2 span { color:  #ECF021 }
    .kstep_cont {  }
    .step2, .step3, .step4, .step5, .step6, .step7, .step8 { display: none; } 
        .kviz_status { background-color: #373737; border-radius: 30px; padding: 20px 50px !important; color: white; margin-bottom: 20px; }
            .kviz_status span { color: #ECF021 }
            .kviz_status_num { position: absolute; right:30px; top: 16px; font-weight: bold; font-size: 20px }
                .kviz_status_num span { color: #ECF021;}
        .kviz_question { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
        .kviz_vars {}
        .kviz_nav {}
            .kviz_nav div div { cursor: pointer; font-weight: bold; border-radius: 25px; font-size: 14px; text-transform: uppercase; background-color: white; border:4px solid #ECF021;  background-color:  #ECF021; color: black; padding: 10px 20px; text-align: center;}
            .kviz_nav div div:hover { background: none; color: #ECF021; }
            .prev_btn, .send_btn { display: none; }
        .kviz label { cursor: pointer; }
        .step8 input { display: block; max-width: 320px; border:none; background-color: white; padding: 20px 40px; margin-bottom: 20px; color: black; }
        .kviz input[type="text"] { border-radius: 15px; border: none; padding: 5px 15px; width: 100% }
        .kviz input[type="tel"] { border-radius: 15px; border: none; padding: 5px 15px; width: 100% }

.price {}
    .price_table, .price_table_inner { border: 1px solid #DCDCDC; }
        .price_title { font-weight: bold; padding: 20px 15px; border-top: 1px solid #DCDCDC; position: relative; }
        .price_title:first-child { border:none; }
            .price_title img { position: absolute; top: 10px; right: 15px; cursor: pointer; }
        .price_table  table { width: 100%; display: none }
        .price_table_inner table { width: 100% }
        .price_table tr:nth-child(2n-1) { background-color: #F5F5F5 }
        .price_table_inner tr:nth-child(2n-1) { background-color: #F5F5F5 }
            .price_table td { padding: 10px 15px; }
            .price_table_inner td { padding: 10px 15px; }
            .price_table_price { width: 120px; text-align: right; font-weight: bold;  }


.map {background-color: #F5F5F5;}

.textpage { }

footer{background: #B58D6F; padding-bottom: 20px; color: black}

    .flogo { display: block; width: 100px; background-color: white; padding: 10px; text-align: center; margin-top: -48px;  }
    .flogo img {  width: 70px }
    .copy { margin-top: 20px; font-size: 12px; }

    .col_title { font-weight: bold;font-size: 14px;line-height: 30px;text-transform: uppercase; margin-bottom:  20px;}
    
    .fmenu { color: black; display: block; text-decoration: underline; margin-bottom: 10px; }
    .fmenu:hover {  text-decoration: none; color: white }
    

    .ftel { color: black; text-decoration: none; }
    .ftel:hover { color: black; text-decoration: underline; }
    .femail { color: black; text-decoration: underline; }
    .femail:hover { color: black; text-decoration: none; }







.spec { position: relative;  background: url('/public/img/fon2sec.jpg') no-repeat; background-position: top center; padding-bottom: 60px}
 .owl-spec .owl-nav { position: absolute; bottom: -88px; left: 0; background: none; }
    .owl-slider-item-img { height: 200px; overflow: hidden; display: block; }
        .owl-slider-item-img img { width: 100%; height: auto; }
        .owl-spec .owl-prev { width: 59px; height: 59px; background: none !important; padding: 0 !important; margin: 0 15px 0 0 !important;}
        .owl-spec .owl-prev:hover { background-color: white !important; }
        .owl-spec .owl-next { width: 59px; height: 59px; background: none !important; padding: 0 !important; margin: 0 !important}
        .owl-spec .owl-next:hover { background-color: white !important; }
            .owl-spec .owl-prev img { width: 100% }
            .owl-spec .owl-next img { width: 100% }
.owl-spec .owl-slider-item .container { background-color: white; position: relative; padding: 30px 40px }
    .owl-spec .owl-slider-item .container a:hover { text-decoration: none }
    .owl-spec-h1 { font-weight: bold; height: 40px; overflow: hidden; }
    .owl-spec-h2 { }
.owl-spec .owl-slider-item { box-shadow: 0px 0 6px #ccc; margin-bottom: 5px }








.totop{position: fixed;z-index: 1000; bottom:20px; left:20px;cursor:pointer;animation: flipInX 0.5s; background-color: #1C0600; padding: 10px 15px; font-size: 24px; color: white;}
.totop:hover{box-shadow: 0 0 10px #ccc;}
	.totop img{width:50px;display: block;}








.modal-bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 5200; animate: zoomIn 0.5s;}
    .modal-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 320px; max-width: 850px; width: auto; background: white;   padding: 60px}
    .modal-close{position: absolute; right: 10px; top: 10px;  cursor: pointer; z-index: 1000; }
        .modal-close img{height:20px;}
    .modal-close:hover img{animation: rotateIn 0.2s;}
    .modal-head{font-weight: bold;font-size: 30px;line-height: 36px; display:block;}
    	.modal-head span { color:#94c73e; }
    .modal-input{display: block;  width:100%; min-width: 200px; max-width: 500px; border: lightgrey 1px solid; font-size: 12px;padding: 0 20px; line-height: 50px;}
        .modal-bg input[type="tel"] { }
        .modal-bg input[type="name"] {  }
        .modal-bg input[type="email"] { }    
    .modal-select{display: block;  width:100%; min-width: 200px; max-width: 500px; border: lightgrey 1px solid; font-size: 12px;padding: 20px; line-height: 50px;}
    .modal-pers{font-size: 18px; color: black;}
    .modal-submit { border:none; display: inline-block; cursor: pointer;  text-align: center; padding:15px 25px;  }
	.modal-submit:hover{ }



.fancy img{ width: 100%; height: auto;}

.main_menu { display: none; position: fixed; top: 70px; left: 0; z-index: 999; background-color: white; box-shadow: 0 2px 2px #aaa; width: 100%; padding: 40px 20px;  }
    .main_menu_cont {padding: 0 15px 10px 15px;  }
        .main_menu_href { display: block; color: black; margin-bottom: 20px; text-transform: uppercase; }
        .main_menu_href:hover {  text-decoration: underline; color: black }


@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 576px) {

    h1, .ptitle h1 { font-size: 28px }
    h2 { font-size:22px }
    h3 { font-size:18px }

    .topbaner { padding-top: 120px; padding-bottom: 40px }
        .topbaner_desc { font-size:  22px; line-height: 1.4}

    .tech_title  { font-size: 18px; line-height: 1.4 }
    .tech1 img { margin-top: 50px; }
    .tech2_pad1 { padding-top: 50px; }
        .tech2_pad1 img { width: 100%; }
    .tech2_pad2 { padding-top: 50px }
    .tech3 p { width: auto; }
    .tech3 img { margin-top: 50px; }
    .col_img img { width: 100% }

    .goods_cats_btn { font-size: 16px; margin-right: 5px; }

    .filter_item_name { font-size: 14px; }
    .filter_item_arr  { display: none }

    .descr_btn { font-size: 16px; margin-right: 10px }
        .descr_cont2 iframe { width: 100% }
}