body{margin:0;padding:0;min-width:320px;font-family:Arial,sans-serif;background:url('../img/bg.png');}
a{text-decoration:none;transition:.2s ease-in-out;color:rgba(0,0,0,.6);white-space:nowrap;}
ol:not([class]), ul:not([class]) {list-style:none;}
ol.list li, ul.list li{ margin-bottom:10px;line-height:25px;}
h1{text-transform: uppercase;font-size:30px;}
p{font-size:16px;line-height:30px;margin-bottom:15px}
.breadcrumbs{position:relative;line-height:30px;display:block;padding:0;}
.breadcrumbs li{display: inline-block;padding-left:5px;padding-right:5px;}
.breadcrumbs li:first-child{padding-left:0;}

.head{
    box-shadow:0px 10px 20px 0px rgb(103 103 103 / 20%);
    padding:0 40px;
    background-repeat: no-repeat;
    height: 140px;
}
.header{display:flex!important;flex-direction:row;justify-content:space-between;}
.logo .name{font-size:30px;color:#000;padding-left:15px;display:inline-block;vertical-align:middle;font-weight:bold;}
.header-center{color:#000000;padding:7px 17px;line-height:25px;}
.header-center address{font-size:14px;font-weight:500;color:#a2491f;}
.header-center a{color:#404040;border-bottom:1px dashed #404040;margin-right:10px;display:inline-block;line-height:20px;}
.header-right{display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-content:space-around;justify-content:space-between;align-items:flex-end;}
.header-right a{color:#000;font-size:25px;}
.header-right a.mail{font-size:16px;text-transform:uppercase;color:#7b4f1f;border-bottom:1px dashed currentColor;display:inline-block;}
.line{display:flex;align-items:center;flex-direction:row;justify-content:space-between;}
.under-header{background:#000;}
.navbar{border:none;}
a.mail, a.tel{color:#000;}

a.max {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    background: linear-gradient(to right, #2563eb, #7c3aed);
    color: white;
    border-radius: 50px;
    padding: 0px 12px;
    line-height: 38px;
}
a.max:hover{text-decoration:none;}
a.tg {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    background: #0078ab;
    color: white;
    border-radius: 50px;
    padding: 0px 12px;
    line-height: 38px;
}
a.tg:hover{text-decoration:none;}

.menu a:hover:after{width:100%;}
.menu a:hover, .menu a:focus{outline:none;}
.menu .navbar-nav>li{position:relative;list-style:none;padding:15px;padding-right:20px;}
.menu .navbar-nav>li:hover .dropdown{visibility:visible;opacity:1;top:100%;}
.menu .navbar-nav>li>a{color:#fff;text-decoration:none;font-size:16px;border-bottom:1px solid transparent;display:inline-block;vertical-align:unset;}
.menu .navbar-nav>li>a.active:after{width:100%;}
.menu .navbar-nav>li .ico{padding-left:5px;color:white;}

.menu .navbar-header {
    display: flex;
    align-items: center;
}

.dropdown{position:absolute;top:150%;left:0;padding:0;background-color:#ffffff;opacity:0;visibility:hidden;z-index:1000;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-box-shadow:0 0 17px 1px rgba(9, 12, 18, 0.18);box-shadow:0 0 17px 1px rgba(9, 12, 18, 0.18);list-style:none;text-align:left;}
.dropdown li{width:100%;font-size:16px;position:relative;}
.dropdown li a{vertical-align: middle;padding:15px;display:block;}
.dropdown li a.active{color:#e65c0b;font-weight:500;}

.dropdown li > i{right:20px;position:absolute;top:calc(50% - 8px);}
.dropdown li .dropdown-level{width: 100%;right:-120%;padding:10px 0;position:absolute;top:0;background:#f9f9f9;opacity:0;visibility:hidden;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-box-shadow:5px 2px 9px 0px rgba(18, 16, 9, 0.1);box-shadow:5px 2px 9px 0px rgba(18, 16, 9, 0.1);list-style:none;text-align:left;z-index:10;}
.dropdown li:hover{background:#efefef;}
.dropdown li:hover .dropdown-level{visibility:visible;opacity:1;right:-100%;}

.stone p{font-size:14px;font-style:italic;color:#5f5f5f;text-align:center}
.stone img{border:5px solid #d7d7d7;max-width:100%;width:100%;}

.content > div{background:#fff;padding:10px 40px;box-shadow:0px 10px 20px 0px rgb(103 103 103 / 20%);}
.wrapper-table{width:100%;position:relative;}
.wrapper-in{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;position:relative;}
.wrapper-table:after{position:absolute;top:0;right:0px;height:100%;width:35%!important;background:linear-gradient(to right, rgba(255,255,255,.01), rgba(255,255,255,1));content:"";z-index:3;}
.wrapper-table table{min-width:140vw;margin-right:30px;}
footer{text-align:center;font-size:14px;color:#353535;padding:20px;border-top:1px solid #ececec;background:#fff;}

/* table sub (вывод подздразделов) */
.items-sub{margin-bottom:20px;}
.items-sub > h2{padding:14px 20px;}
.sub-image{display:block;}
.sub-image img{width:300px;height:200px;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;}
.sub-description{margin-top:15px;}
.sub-description a{display:inline-block;font-size:21px;margin-bottom:10px;border-bottom:1px dashed #525252;}
.sub-link a {position:relative;display:inline-block;padding:0 22px;max-width:100%;cursor:pointer;outline:none;white-space:nowrap;font-size:16px;height:40px;line-height:35px;background-color:#e65c0b;border-radius:50px;color:#fff;border:2px solid transparent;transition:all 0.1s linear;-webkit-transition:all 0.1s linear;-ms-transition:all 0.1s linear;}
.sub-link a > i {margin-left:10px;transition:all 0.1s linear;-webkit-transition:all 0.1s linear;-ms-transition:all 0.1s linear;}
.sub-link a:hover, .sub-description a:hover{text-decoration:none;}
.sub-link a:hover > i{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px);}

/* form */
form input {
    padding-left: 15px;
    line-height: 40px;
    width: 100%;
    border:1px solid #b1b1b1;
}
form label {
    display: block;
    margin-bottom: 5px;
}
textarea {
    resize: vertical;
    padding: 15px;
    width: 100%;
    border:1px solid #b1b1b1;
}
form [type="submit"] {
    height: 40px;
    color: #000;
    background-color: #ffaf1e;
    font-weight: 600;
    font-size: 16px;
    width: 100%;
}
form [type="submit"]:hover{
    background-color: #ffcf79;
}
p.mark{background:#f5f5f5;padding:10px 20px;}
#toTop{width:35px;height:35px;position:fixed;bottom:25px;right:20px;cursor:pointer;display:none;z-index:9999;opacity:0.7;background:url(../img/top.png) no-repeat;background-size:contain;}
#toTop:hover{opacity:1;}

.mb-0{margin-bottom:0;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

.mt-0{margin-top:0;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-45{margin-top:45px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}

.modal-form-success{display:none;width:100%;height:100%;color:#155724;background-color:#d4edda;border-color:#c3e6cb;padding:10px 15px;line-height:25px;}
.modal-form-error{display:none;width:100%;height:100%;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;padding:10px 15px;line-height:25px;}
.menu .navbar-toggle{color:#000;border-color:#cacaca;}
.menu .navbar-toggle .icon-bar{background-color:#8c8c8c;}
/*
.slider__item{
  flex: 0 0 33.333333333333%;
  max-width: 33.333333333333%;
}
*/
.slider__item img{
    //width: 100%;
}
.dobicha img{
    width: 100%;
    max-width: 300px;
    padding: 10px;

}
.shema{
    text-align: center;
}
.shema div{
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    position: relative;
}
.shema img{
    padding: 20px;
    width: 200px;
}
.shema-text{
    line-height: 25px;
    font-size: 16px;
    color: #343434;
    font-weight: 500;
}
.shema-number{
    position: absolute;
    top: 10px;
    left: -25px;
    border: solid #d15b00 3px;
    border-radius: 50%;
    font-size: 20px;
    height: 36px;
    padding: 3px;
    width: 36px;
    display: block;
    text-align: center;
    color: #000000;
}
.card{
    text-align: center;
    padding: 10px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
}
.card img{
    max-width: 100%;
    position: relative;
    padding-bottom: 10px;
}
.description{
    min-height: 50px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.price div{
    padding-bottom: 15px;
}
.info{
    font-size: 14px;
    line-height: 20px;
}
dl {
    width: 100%;    
    display: flex;
    align-items: flex-start;
}
dt {
    width: 50%;
    display: flex;  
    align-items: flex-end;
    position: relative;
}
dt:after {
    content: "";
    display: block;
    width: 100%;    
    border-bottom: 1px dotted #d6dbe0;
}
dt span {
    padding-right: 5px;
    background: #fff;
    position: relative;
}
dd {
    width: 50%;
    display: flex;  
    justify-content: flex-end;
    white-space: nowrap;
}
dd:before {
    content: "";
    display: block;
    width: 100%;    
    border-bottom: 1px dotted #d6dbe0;
}
.order{
    width: 100%;
}
.order a{
    display: inline-block;
}
.order button{
    background-color: #ffaf1e;
    color: black;
    font-weight: bold;
    border: none;
    width: 207px;
    height: 40px;
    border-radius: 3px;
}
.order button:hover{
    background-color: #ffcf79;
}
.catolog-menu{
    margin-bottom: 20px;
}
.menu-point:not(:first-child){
    margin-left: 10px;
}
.menu-point{
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 7px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #efefef;
}
.menu-point:hover:not(.press){
    background: #ffd589;
}
.press{
    border:1px solid #cd8e00;
    color: #000000;
    background: #ffaf1e;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.openform{
    display: none;
}
.openimg{
    display: none;
    padding: 0;
    color: white;
    max-width: 50%;
    background: none;
   
}
.openimg img{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.mobile{
    display: none;
}
.colors img{
    padding-bottom: 30px;
    max-width: 100%;  
}
.colors p{
    position: absolute;
    top: 5px;
    left: 25px;
    color: white;
    font-size: 25px;
    font-weight: bold;
    text-shadow: 3px 3px 3px black;
}

/* catalog  */
.catalog-item {
    padding: 12px 12px 20px;
    border: 0.5px solid #000;
}
.catalog-item_image {
    display: flex;
    height: 150px;
    width: 100%;
}
.catalog-item_image a {
    width: 100%;
    height: 100%;
}
.catalog-item_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.catalog-item_title {
    font-size: 20px;
    line-height: 25px;
    margin: 10px 0;
}
.catalog-item_type-stone {
    padding-bottom: 20px;
    border-bottom: 1px dashed #bbbbbb;
    margin-bottom: 20px;
}
.catalog-item .product .wrap-btn-row .price-span {
    margin-bottom: 16px;
    display: block;
}
.catalog-item_addcart {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    background: #F16E20;
    border: 2px solid #F16E20;
    color: #fff;
    padding: 12px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.catalog-item_addcart>* {
    display: inline-block;
    vertical-align: middle;
}
.title-slider{
    font-size: 28px;
    position: absolute;
    bottom: 120px;
    padding-left: 50px;
    font-weight: 600;
    color: white;
    letter-spacing: 0.3px;
}
.slide .bg{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 10%, rgba(255,255,255,0) 100%);
    position: absolute;
    width:calc(100% - 0px);
    height:100%;
}
.descr-slider{
    position: absolute;
    color: white;
    bottom: 50px;
    font-size: 40px;
    padding-left: 50px;
    font-weight: 600;
}

@media (max-width: 767px) {
    h1{font-size:25px;}
    .logo{
        font-size: 14px;
        padding-left: 20px;
        color: #fff;
        flex: 1 0 auto;
    }
    .logo span{
        font-size:12px;
    }
    .header{display:none!important;flex-direction:column;justify-content:space-between;align-items:center;}
    .header-right{text-align:center;}
    .header-right a{margin-bottom:10px;display:block;}
    .head{border:none;display:none;}
    .content>div{padding:20px;}

    .menu{margin-top:0;border-radius:0 0 4px 4px;background:#000;margin-bottom:20px;}
    .menu .contect_header{line-height:40px;font-size:16px;color:#fff;text-decoration:none;border-bottom:1px solid transparent;position:relative;margin-right:15px;margin-left:15px;border-bottom:1px solid #000;display:block;}
    .menu .contect_header:last-child{border-bottom:0;}
    .menu .navbar-toggle .icon-bar{background-color:#fff;}
    .menu .navbar-toggle{border-color:#fff;}

    .line{justify-content:center;}
    .slider__item{flex:0 0 100%;max-width:100%;}
    .mobile{display:block;}
    .desktop{display:none;}
    .table{font-size:14px;}
    .openimg{max-width:100%;}
    .menu-point:not(:first-child){margin-left: 0;}
    .menu-point{display:inline-flex;margin-bottom:10px;}
    .under-header{background:#fff;padding:0 15px;}

    .menu .navbar-nav>li .ico{display:none;}
    .dropdown{position:static;background-color:#202020;padding:0;margin-top:15px;box-shadow:0;opacity:1;visibility:visible;}
    .dropdown li a{color:#fff;}

    .descr-slider{
        bottom:10px;
        font-size:14px;
        padding-left:10px;
        font-weight:600;
        color: #000;
        position: static;
    }
    .title-slider{
        font-size:14px;
        bottom:35px;
        padding-left:10px;
        font-weight:600;
        letter-spacing:0.3px;
        color: #000;
        position: static;
    }
    .slide .bg{
        display: none;
    }
}