﻿@font-face {font-family: "roboto";src: url("fonts/roboto.ttf");}
@font-face {font-family: "robotob";src: url("fonts/roboto_bold.ttf");}
@font-face {font-family: "os";src: url("fonts/os.ttf");}
@font-face {font-family: "osb";src: url("fonts/osb.ttf");}

.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block;}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index: 2;}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

body{
    background:#eee;
    font-family: 'os';
    margin:0 auto;
}

img{width:100%;}
b{font-family: 'osb';}
a{text-decoration: none;color:black;transition: .1s;}
a:hover{color:#a5582d;}
a.nl{color:#a5582d;}
li{list-style-type: none;}
.ds{display: inline-block;}
.db{display: block;}
.space_five{margin:10px 0;}
.Add{border:4px solid #bbb;outline: none;height:100px;}
.not{display: none;}
.more{background: white;border: 1px solid #dcdcdc;border-radius: 20px;color:#666;cursor: pointer;width: 120px;text-align: center;height: 35px;line-height: 35px;margin:0 auto;margin-top:5px;display: none;}
.top_button{background:url('/public/img/top.png');cursor: pointer;background-size:cover!important;width:25px;height:25px;position: relative;transition:.5s;}
.top_button.bottom{transform: rotate(180deg);top: 8;}
.inTop {position: fixed;cursor: pointer;display: none;}
.search{border: 2px solid #d4d4d4;outline:none;height: 35px;padding:0px 10;}
.search::-webkit-search-cancel-button{-webkit-appearance: none;background:url('/public/img/delete.png');background-size: cover;width: 15px;height: 15px;opacity:.5;cursor: pointer;margin-left:5px;}
.search_not_found{font-size: 1.2em;text-align: center;padding: 20px;min-height: 300px;cursor: default;color: #5a5a5a;}
.search_count_result{cursor: default;color:#a5582d;font-size: 18px;text-align: center;margin-bottom: 10px;}
.load_block{display: none;position: relative;top:10;}
.wallimg{background-size:cover!important;overflow: hidden;}
.wrapper{transition:.5s;}
.wrapper.ac{background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100vh;top: 0;left:0;z-index: 4;}
.select_pos{background: white;text-align: center;padding: 5px 0;margin: 0 auto;margin-bottom: 20px;box-shadow: 0 1px 3px rgba(93,109,157,.3);}
.fixed{overflow:hidden;}
.art{color:#999;font-size: .8em;}
.empty{background: white;color:#999;text-align: center;width: 280px;margin: 0 auto;line-height: 40px;font-size: .9em;cursor: default;box-shadow: 0 1px 3px rgba(93,109,157,.3);}
.notfound,.notfound_title{font-family: 'osb';color:#bbb;}
.notfound_position{text-align: center;position: fixed;top:0;left:0;width:100%;height:100vh;}
.eye{color: #a2a2a2;font-size: .9em;cursor: default;background: #fdfdfd;padding: 0px 10;line-height: 31px;text-align:  center;border-top: 1px solid #e8e8e8;margin: 10px -20px -20px -20px;}
.category{background: #f1f1f1;width: 260px;margin: 0 auto;font-size: .9em;line-height: 40px;text-align: center;font-family: 'osb';cursor: default;color: #868686;border: 1px solid #cecece;border-bottom:  none;position: relative;top:10;opacity:0;z-index: -1;}
.empty{color:#999;text-align: center;cursor: default;font-size: .9em;}
.share42init{margin-top:5px;}
.new{background: #c35f33;width: 110px;padding: 1px 0px 2px 0px;text-align:  center;color:white;font-size: .8em;transform: rotate(-47deg);position:  absolute;top: 21px;left: -26px;}
.main_title{color: #868686;cursor: default;font-size: 1.4em;margin-bottom: 10px;margin-left: 8px;}
.out{text-align: center;cursor: default;color:#888;}

.bread_crumb{background: #efefef;color: #8c8c8c;line-height: 35px;text-align: center;border: 1px solid #d0d0d0;margin-bottom: 15px;}

/* Footer */
.online_block{background: #b16135;width: 170px;text-align: center;font-family: 'roboto';font-size: .9em;color: #ffffff;line-height: 30px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.author{text-align: center;cursor: default;font-size: .9em;}
.author a{color: #4a4a4a!important;}
.footer{background:#222;position: relative;margin-top:20px;}
.ft_title{color:white;font-family: 'robotob';font-size: 1.2em;margin-bottom: 5px;margin-top: 10px;}
.footer a{color:#888;font-family: 'roboto';font-size: .9em;line-height: 22px;}
.footer a:hover{color:white;}
.copyright{background: #b56025;color: white;font-family: 'roboto';font-size: .9em;line-height: 40px;text-align: center;margin-top: 10px;cursor:  default;}
.footer b {font-family: 'robotob';color:#888;margin-right: 5px;}
.ft_info{color:white;font-size: .9em;}
.ft_address{color: white;font-size: .9em;margin-bottom: 10px;}
.soc{background:#08f;background-size:cover!important;width: 30px;height: 30px;display: inline-block;border-radius: 50%;margin-right: 10px;margin-bottom: 20px;cursor: pointer;}
.soc:hover{opacity: .8;}
.soc.insta{background-image:url('/public/img/insta.png');}
.soc.fb{background-image:url('/public/img/fb.png');}
.loading{background:url('/public/img/loading.gif');background-size:cover;width:100px;height:100px;position:  fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: .3;display:none;}
.info_block{background: white;padding: 20px;box-shadow: 0 1px 3px rgba(93,109,157,.3);font-size: .9em;}
.info_title{color: #a5582d;margin-bottom: 10px;}
.bglogo{position: relative;color: #986040;}
.bread{background: #ffffff;padding:10px;color: #c79272;font-family: 'robotob';font-size: 1.2em;text-align: center;cursor: pointer;position: relative;z-index: 2;border-bottom: 2px solid #d6ad95;margin: 0 auto;transition: .2s;}
.bread:hover{background:#f9f9f9;}

.product{background:white;width:300px;height: 410px;text-align: center;box-shadow: 0 1px 3px rgba(93,109,157,.3);display: inline-block;margin: 0px 10px 20px 10px;}
.product:hover{opacity: .9;}
.prd_image{background:#666;width:250px;height:200px;margin:0 auto;margin-top:25px;position:  relative;overflow: hidden;}
.prd_name{font-family: 'robotob';width: 280px;margin: 0 auto;height: 40px;color: black;overflow: hidden;margin-top:10px;}
.prd_art{color:#888;font-size: .8em;margin-top:3px;}
.prd_about{font-family: 'arial';text-align: left;font-size: .9em;line-height: 21px;color: #828282;margin: 10px 25;height:105px;overflow:hidden;}

.right_panel{position: fixed;top:40%;right:-160;z-index:3;transition: .2s;}
.iblock{background-size:cover!important;width:40px;height:40px;cursor: pointer;float: left;margin-right:10px;}
.iblock.mail{background-image:url('/public/img/mail.png');}
.iblock.whatsapp{background-image:url('/public/img/whatsapp.png');}

.mail{background: #2196f3;}
.whatsapp{background: #7dbd33;}
.rp{background:#222;width:200px;height:40px;line-height: 40px;color:white;font-size: .9em;}
.right_panel.ac{right:0;}

.text{margin:10px 0;}
.about_min{color: #404040;margin-top: 10px;line-height: 25px;margin-bottom: 5px;}
.about{display: none;color:#777;}
.description{background: #f5f5f5;width: 105px;padding-right: 5px;line-height: 31px;text-align: center;font-size: .9em;color: #8c8c8c;border-radius: 25px;border: 1px solid gainsboro;margin: 0 auto;margin-bottom:10px;cursor: pointer;position:  relative;}
b{font-family: 'arial';font-family: 'arial';font-weight: 600;margin-right: 2px;}
td{padding: 10px 5px;border-bottom: 1px solid transparent;font-size: .9em;}
.img{max-height: 400px;overflow: hidden;}

.arrows{position:  absolute;top: 6px;right: 3px;transition:.2s;width: 20px;height: 20px;transform: rotate(180deg);}
.arrows.ac{transform: rotate(0deg);top: 7;right: 5px;}
.arrows:before,.arrows:after{content:'';position: absolute;width: 7px;height: 1px;background: #adadad;}
.arrows:before{top: 9px;transform: rotate(45deg);}
.arrows:after{top: 9px;left: 5px;transform: rotate(135deg);}

.mi{background-size: cover!important;width:30px;height:30px;background:#bbb;float: left;margin-top: 5;margin-right: 5px;opacity: .3;}
.mi.parket{background:url('/public/img/mi_parket.png');}
.mi.laminat{background:url('/public/img/mi_laminat.png');}
.mi.floor{background:url('/public/img/mi_floor.png');}
.mi.himiya{background:url('/public/img/mi_himiya.png');}
.mi.stupenki{background:url('/public/img/mi_stupenki.png');}
.mi.prochee{background:url('/public/img/mi_prochee.png');}

.news_block:last-child{border-bottom: none;}
.news_block{padding: 10px 0;color: #c5c5c5;border-bottom: 1px solid #ececec;}
.news_title{color: #ab4b1f;font-size: 17px;cursor: pointer;}
.news_text{color: #444;margin-top: 5px;margin-bottom: 5px;}
.news_stat{color:#888;font-size: .8em;cursor: default;margin-top: 3px;display: inline-block;}

/* Mobile */
@media(min-width:240px) and (max-width:480px) {
    .container,.result_block{width: 98%;margin: 104px auto 0;}
    .container{min-height: 400px;}
    .result_block{text-align: center;}
    .burger{width:50px;height:50px;border-right: 1px solid #f1f1f1;}
    .bglogo{background:white;text-align: center;line-height: 50px;font-family: 'robotob';position: fixed;top:0;left:0;width:100%;box-shadow: 0 1px 3px rgba(93,109,157,.3);transition: .2s;}
    .bglogo.ac{left:200;z-index:0;}
    .bglogo a{color: #b16235;}
    .logo{background:url('/public/img/logo.png');background-size: cover;width: 40px;height: 40px;float: left;position: relative;top: 2px;left: 11px;}
    .logo_center{width: 156px;margin: 0 auto;}
    .ft_pad{padding: 10px 20px 0px 20px;}
    .online_block{margin: 0 auto;margin-top: -10;}
    .search{width:300px;position: absolute;top: 60;left: 0;right: 0;margin-left: auto;margin-right: auto;}
    .info_title{font-size: 1.2em;}
    .wallimg{width:100%;height:200px;position: relative;}
    .menu{position: fixed;top: 50;}
    .notfound_position{padding-top: 50px;}
    .notfound{font-size: 50px;}
    .notfound_title{font-size: 20px;}
    .select_pos{padding-bottom: 10px;}
    .author{margin-top:10px;}
}

/* Tab */
@media(min-width:480px) and (max-width:768px) {
    .container,.result_block{margin: 0 auto;width: 90%;}
    .container{min-height: 400px;}
    .ft_pad{padding: 20px 20px 0 20px;}
    .ft_block{background: #313131;padding: 15px;position: absolute;top: 68px;right: 20;}
    .burger{width: 70px;height: 70px;}
    .bglogo{border-bottom: 1px solid #dadada;line-height: 70px;}
    .logo{top: 6px;}
    .search{width: 480px;display:  block;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;}
    .info_title{font-size: 1.2em;}
    .wallimg{width:100%;height: 300px;position: relative;}
    .menu{position: absolute;top: 70;}
    .logo_center{width: 200px;margin:0 auto;}
    .select_pos{width: 500px;padding-bottom: 10px;}
}

/* Pc */
@media(min-width:768px) {
    .container,.result_block{width: 980px;margin: 20px auto 0;}
    .container{min-height: 400px;}
    .ft_pad{padding: 20px 30px 0px 30px;}
    .ft_block{background: #313131;padding: 15px;position: absolute;top: 78px;right: 20;}
    .footer a{transition: .2s;}
    .info_block{padding: 20px;width: 600px;text-align: justify;margin:0 auto;}
    .inTop{z-index:20;}
    .inTop {background: #b16135;right: 120;bottom: 70px;width: 40px;height: 40px;border-radius: 50%;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32);}
    .top_button{top: 7px;left: 7px;}
    .bread{width: 620px;}
    .search{background: #f9f9f9;width: 180px;display:  block;position:  absolute;right: 50;top: 102px;}
    .info_title{font-size: 1.3em;}
    .brand_block{width: 512px;margin:0 auto;}
    .wallimg{width:100%;height:400px;overflow:  hidden;position: relative;}
    .menu{background:#222;text-align:  center;}
    .menu_cat{cursor: pointer;}
    ul {margin: 0;padding: 0;list-style: none;}
    ul:after {display: block;content: ' ';clear: both;float: none;}
    ul.menu > li {position: relative;display:  inline-block;}
    .menu_cat, ul.menu > li > a {display: block;line-height: 50px;padding: 0px 15px;color: white;text-decoration: none;}
    .menu_cat:hover,ul.menu > li > a:hover{color: #ce7149;}
    ul.submenu {background: white;position: absolute;width: 200px;top: 60px;left: 0;z-index: 12;box-shadow: 0px 1px 6px #0000002b;opacity: 0;visibility: hidden;transition:.2s;}
    .menu_cat:hover~ul.submenu,ul.submenu:hover{top:50;opacity: 1;visibility: visible;}
    ul.submenu > li {display: block;}
    ul.submenu > a {display: block;text-align: left;padding: 10px 15;color: #868686;text-decoration: none;border-bottom: 1px solid #ececec;}
    ul.submenu > a:hover {background: #f9f9f9;}
    ul.menu > li:hover > ul.submenu {display: block;}
    .menu.sticky{box-shadow: 0 1px 3px rgba(93,109,157,.3);position: fixed;top: 0;width: 100%;z-index: 99;}
    .info_more{background: linear-gradient(#b95c33,#9e5330);height: 40px;line-height: 40px;padding: 0px 50;}
    .info_link{color:white;padding:0px 15;display: inline-block;font-size:.9em;transition:.2s;}
    .info_link:hover{background:rgba(0,0,0,0.1);}
    .telephone_block{background: #2d2d2d;height: 40px;color: white;padding-left: 60;line-height: 40px;}
    .telephone_link{padding: 0px 5;color:white;display: inline-block;}
    .telephone_hr{display: inline-block;color:white;}
    .bglogo{line-height: 80px;}
    .logo{top: 12px;}
    .logo_center{width: 221px;margin-left: 50;text-transform:  uppercase;display: inline-block;cursor: pointer;}
    .mi{display: none;}
    .select_pos{width: 700px;padding-bottom: 2px;}
    .hsort{display: none;}
}

@media (max-width: 768px) and (min-width: 240px) {
    .result_block{text-align: center;}
    .inTop{z-index:20;}
    .inTop {background: #b16135;left: 10;bottom: 70px;width: 40px;height: 40px;border-radius: 50%;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32);}
    .top_button{top: 7px;left: 7;}
    #result{text-align: center;}
    .menu{background: #fff;width: 240px;height: 100vh;left:-240;z-index: 4;box-shadow: 0px 0px 10px #00000029;transition:.5s;}
    .menu.ac{left:0}
    .menu_cat{cursor: pointer;}
    ul {margin: 0;padding: 0;list-style: none;}
    ul:after {display: block;content: ' ';clear: both;float: none;}
    ul.menu > li {position: relative;}
    .menu_cat,ul.menu > li > a {display: block;line-height: 40px;padding-left: 10px;border-bottom: 1px solid #e6e6e6;font-size: .9em;color: #7d7d7d;position:  relative;text-decoration: none;}
    ul.submenu {display: none;font-size: .9em;background: #f9f9f9;width: 240px;top: 50px;left: 0;z-index: 12;}
    ul.submenu > a {display: block;text-align: left;padding: 10px 15;color: #868686;text-decoration: none;border-bottom: 1px solid #ececec;}
    .bglogo{z-index: 10;}
    .burger{position: absolute;left:0;top:0;cursor: pointer;}
    .burger.ac{background:#f8f8f8;}
    .burger.ac .line{background: transparent;}
    .burger.ac .line:before{transform: rotate(45deg);top: 0px;}
    .burger.ac .line:after{transform: rotate(-45deg);top: 0px;}
    .line{background: #d0d0d0;width: 16px;height:2px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
    .line:before,.line:after{content: '';position: absolute;background: #d0d0d0;width: 16px;height:2px;}
    .line:before {left: 0px;top:-6px;}
    .line:after {left: 0;top:6px;}
    .line:before,.line:after{transition: all cubic-bezier(0.25, 0.1, 0.28, 1.54) 0.32s;}
    .center{text-align: center;}
    .info_more,.telephone_block{display: none;}
    .mt{position:  absolute;top: 10px;right: 5px;width: 20px;height: 20px;transition:.2s;}
    .mt.ac{transform:rotate(90deg);}
    .mt:before,.mt:after{content:'';position: absolute;width: 7px;height: 1px;background: #cacaca;}
    .mt:before{top: 7px;left: 7px;transform: rotate(45deg);}
    .mt:after{top: 12px;left: 7px;transform: rotate(135deg);}
    .hsort{margin-bottom: 5px;}
    .parket_toggle{background: #f9f9f9;width: 30px;height: 40px;position: absolute;top: 0;right: 0;border-left: 1px solid #e6e6e6;}
}

@media(min-width: 480px) {
    .bglogo{background:white;font-family: 'robotob';font-size: 1.4em;}
    .bglogo a{color: #b16235;}
    .logo{background:url('/public/img/logo.png');background-size: cover;width:50px;height:50px;float: left;position: relative;left: 11px;margin-right: 10px;}
    .online_block{position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;top: 0;}
    .notfound_position{padding-top:100px;}
    .notfound{font-size: 100px;}
    .notfound_title{font-size: 30px;}
}