* { margin: 0; padding: 0;}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


html, body { font-size: 10px; text-rendering: optimizeLegibility;
    font-family: 'Open Sans', sans-serif;  color: #cbbb9f !important;  background-color: #100503 !important;}

/* remove border around a, checkbox */
a:link, a:visited,  a:focus { border: 0 !important; outline: 0 !important;}

.btn, .btn:focus,  .btn:active:focus, .btn.active:focus,
.btn.focus, .btn:active.focus, textarea.active.focus, .select,
.select:focus, .select:active {  outline: 0 !important; box-shadow: none!important;}

input, textarea, button, select,
textarea:focus, textarea:active:focus, textarea.active:focus,
textarea.focus, textarea:active.focus, textarea.active.focus { outline: none  !important; box-shadow: none  !important;}

input::-ms-clear { display: none;}

:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}

input:not([type="checkbox"]):not([type="radio"]), textarea, select {
    -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}

/* main
-------------------------------------------------- */
.for-mobile{display: none}

h1, h2, h3, h4, h5, h6 { font-weight: 600; text-transform: none; margin-bottom: 1rem;}
a {text-decoration: none;color:#cbbb9f;}
a:hover {text-decoration: none;color:#E5DDCF;}

.text{font-size: 1.6em; line-height: 1.5; color: #9d805d;}
.text p, .full-descriptionp p{ margin: 0 0 1.5rem 0; }
.text p strong, .text p b{font-weight: 600;}

.btn { border-radius: 6px; font-size: 14px;  line-height: 1.2; padding: 9px 18px 12px 18px;
    font-weight: 700;}

.index { text-align: center; margin: 2rem 0 0 0; padding: 0 10%;}
.index h1 {color:#E5DDCF; padding-bottom: 2rem; margin-bottom: 2rem; text-transform: uppercase;
    background: url("../images/line.png") no-repeat center bottom;font-size: 2em; }

.full-description{margin-bottom: 5rem; color: #a79270;}

.full-description h1,
.full-description h2,
.full-description h3,
.full-description h4,
.full-description h5{color: #C8B89E; margin: 1.5rem 0 2rem 0;}

.full-description h4,
.full-description h5{font-size: 16px;}

.full-description h2,
.full-description h3,
.full-description h4,
.full-description h5{line-height: 1.4em; }

.full-description h2{text-transform: uppercase;}

.full-description ul{margin:2.5rem 0;}
.full-description li{margin-bottom:1rem;}


/* Breadcrumb
-------------------------------------------------- */
.breadcrumb-site {margin: 0 0 2rem 0;}

.breadcrumb-site .breadcrumb{margin: 0;}
.breadcrumb-site .breadcrumb .breadcrumb-item { font-size: 1.2em;  color: #9d805d ;}
.breadcrumb-site .breadcrumb .breadcrumb-item + .breadcrumb-item::before{  content: "/";  padding: 0 0.5rem; color: #cbbb9f;}
.breadcrumb-site .breadcrumb .breadcrumb-item a {text-transform: none; color: #99825D; text-decoration:underline;}
.breadcrumb-site .breadcrumb .breadcrumb-item a a:hover{ color: #9d805d;}

.breadcrumb-site h1.title-h1{ color: #9d805d; margin: 0;font-size: 2em; text-transform: uppercase;}



/* header-top
-------------------------------------------------- */
.header{ }
.header-top{width:100%; background: url("../images/header-fon-pod.png") no-repeat top center; }

.header-top .logo{padding: 0; float: left; height: 110px; }
.header-top .logo img{width: 256px; height: 66px;}

.header-top .header-menu{  margin:0.5rem 0 1rem 0; position: relative;}

    /* Sub menu */
    .dropdownContain { width: 160px; position: absolute; z-index: 10; left: 50%; margin-left: -80px; top: 0;}
    ul li.drop {  position: relative;}

    .dropOut {width: 160px;   background: #1c0a08;   float: left;   position: relative;    margin-top: -1000px;
    border: 1px solid #9d805d;  border-top-width: 2px; border-bottom-width:0; }
    .dropOut ul {  float: left;   padding: 0;list-style-type: none; position: static;}
    .dropOut ul li {  float: left;  width: 156px;   padding: 10px 0;   margin: 0;
        color: #777;  border-radius:0; text-align: center; border-bottom: 1px solid #9d805d; position: static;}
    .dropOut ul li {font-size: 12px;text-transform: none; }
    .dropOut ul li a{color: #cbbb9f; }
    .dropOut ul li:hover a {text-decoration: none; color: #eeeeee !important;}
    .dropOut ul li:hover { background: #0c0204;}

    ul li:hover .dropdownContain { top: 30px; }
    ul li:hover .underline { border-bottom-color: #777; }
    ul li:hover .dropOut { opacity: 1; margin-top: 8px; }


    /* top - Menu */
    ul.menu-top {margin: 5px 0 0 0; padding: 0;position: relative; z-index: 20;}
    ul.menu-top li { padding: 0 10px;  font-size: 1.2em; line-height: 20px; list-style-type: none;  margin: 0;   position: relative;}
    ul.menu-top li a{ color: #9d805d; text-decoration: none;}
    ul.menu-top li a:hover{color: #eeeeee; }

    ul.menu-top li .triangle { width: 0;  height: 0; position: absolute; z-index: 20;
        border-left: 8px solid transparent;    border-right: 8px solid transparent;    border-bottom: 8px solid #9d805d;
        top: -8px;   left: 50%;    margin-left: -8px;}

    ul.menu-top .dropOut {   width: 190px;   border: 1px solid #9d805d; border-bottom-width:0;}
    ul.menu-top .dropdownContain {   width: 190px;margin-left: -90px;}
    ul.menu-top .dropOut ul li { width: 188px;font-size: 12px; line-height: 1.2em;padding: 10px 10px;}
    ul.menu-top .dropOut ul li a{color: #cbbb9f;}
    ul.menu-top li:hover .dropdownContain { top: 20px; }

    /* top - course-language
    -------------------------------------------------- */
    .course-language{}
    .course p { color: #cbbb9f; font-size: 1.4em;padding: 0; margin: 0;  }

    .language-site{margin-right: 2rem;}
    .language-site .btn{font-size: 1.4em; background: #130502; padding: 2px 16px; z-index: 19;
        border: 1px solid #4d342e; height: 36px;  border-radius: 0;  color: #cbbb9f;}
    .language-site .btn::after { margin-left: 1em;}

    .language-site .dropdown-menu{ font-size: 14px;--bs-dropdown-min-width: 100% !important; z-index: 19;
        border: 1px solid #9d805d; background: #301712!important; border-radius: 0;}
    .language-site .dropdown-menu li{font-weight: 600;}
    .language-site .dropdown-menu li a{color: #E5DDCF;background: transparent!important;}
    .language-site .dropdown-menu li a:hover{color: #eeeeee;}

    /* search for desktop
    -------------------------------------------------- */
    .search .form-control { font-size: 1.2em;  background: #130502; padding-left: 16px !important;
        border: 1px solid #4d342e;   height: 36px; border-radius: 0;  color:#cbbb9f;}
    .search .form-control:active, .search .form-control:focus{ border-color:#9d805d; }
    .search .btn { border-radius: 0;  background-color: #301712;
        border-color: #4d342e;  color: #eeeeee; padding: 4px 16px;}
    .search .btn svg{width: 16px;height: 16px; fill: #CBBBA0;}
    .search .btn:hover{ background-color: #462F29!important;border-color: #4d342e !important; }



/* Catalog-menu
-------------------------------------------------- */
.catalog-menu{ background: #130502 url("../images/menu-fon.jpg");
    border:none; border-radius: 10px; position: relative; }

.catalog-menu ul {position: relative;  margin: 0; padding: 0; height: 40px;}
.catalog-menu ul li{ text-transform: uppercase; font-size: 1.4em; line-height:  1.2; position: relative; font-weight: 600;
    text-align: center;  padding: 2px 1rem; color:#EFEBE2; text-decoration: none;  list-style-type: none; display: flex; align-items: center; }
.catalog-menu ul li a { color: #E5DDCF; text-decoration: none; }
.catalog-menu ul li.active a, .catalog-menu ul li a:hover{ color: #eeeeee; }

.catalog-menu ul li:hover {background: url("../images/menu-fon-hover.png") no-repeat top center;}
.catalog-menu ul li.active a {background: url("../images/menu-fon-activ.png") no-repeat top center;}
.catalog-menu ul li.active a:hover  {background: url("../images/menu-fon-activ.png") no-repeat top center;}

.catalog-menu ul .dropOut {  }
.catalog-menu ul .dropdownContain {   }
.catalog-menu ul .dropOut ul{height: auto;}
.catalog-menu ul .dropOut ul li { text-transform: none; font-size: 12px; padding: 10px 0;}
.catalog-menu ul .dropOut ul li a{color: #cbbb9f;}
.catalog-menu ul li:hover .dropdownContain {}

.serch-mobile{display: none;}



/* Footer
-------------------------------------------------- */
.footer { background: #070505 url("../images/footer-fon.jpg") repeat-x;}

.footer .copyright{border-top:1px solid #34211D; }
.footer .copyright p {  color: #cbbb9f;text-indent: 0;  font-size: 1.4em; line-height: 1em;}

.footer .networking h5{font-size: 1.6em; line-height: 1.2em; font-weight: 600; margin-bottom: 1rem; color: #9d805d;}
.footer .networking .img svg{width: 42px; height: 42px; margin-right: 1rem;}
.footer .networking .img a:last-child img{margin-right: 0}

.footer-menu {}
.footer-menu ul {padding:0; margin: 0 0  0 20px;  flex: 0 0 calc(100% - 20px);  max-width: calc(100% - 20px);}
.footer-menu ul li{padding:0; margin: 0 0 10px 0; font-size: 1.4em; line-height: 1.2em;
    flex: 0 0 33%;  max-width: 33%;}
.footer-menu ul li a {color:#E5DDCF; text-decoration: none;}

/* CAROUSEL
-------------------------------------------------- */

.carousel {border-bottom: 2px solid #9d805d; border-radius: 10px; margin-bottom: 6rem;}
.carousel-caption p.h5  {color: #EFEBE2;  font-size: 3rem; margin: 0;}
.carousel-caption p { margin-bottom: 1rem; font-size: 2rem; line-height: 1.4; color: #cbbb9f;}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: none;}
.carousel-dark .carousel-indicators [data-bs-target] {  background-color: #9d805d;}


/* img - hover
-------------------------------------------------- */
.content_block img{width:100%; border-bottom: 2px solid #9d805d; border-radius: 8px 8px 0 0;}

.img_block .content_block { width:100%;  min-height: 100%;  background:#000; text-align:center; border: 0;margin: 0 0 30px 0;}

.img_block a.content_block {  display:block;  position: relative;   overflow:hidden;border-radius: 8px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor:pointer;
}
.img_block a.content_block .over_block {   background-color:rgba(0, 160, 150, 0);  width:100%;   height:100%;
    position:absolute;  top:0;  left:0;  z-index: 3; border-radius: 0 0 8px 8px;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.img_block a.content_block:hover .over_block { display:block; background-color:rgba(0,10, 10, 0.5);}

.img_block a.content_block span p{text-transform: uppercase;font-size:1.2em;font-weight: normal; margin:20px 0 15px 0; color:#eeeeee;}
.img_block a.content_block span { /*background: rgba(0, 5, 5, 0.8);*/    width:100%;    height:0;
    font-size:1.4em; line-height:1.2em;   position:absolute;  display:block;   bottom:0;   left:0;    z-index: 3;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.img_block a.content_block  {color:#eeeeee}
.img_block a.content_block {text-decoration: none;}
.img_block a.content_block:hover span { bottom:0;  height:120px;  color: #f8f8f8;}

.fotorama__stage__shaft img{ border:1px solid #9d805d !important; }

div .col-xs-12.col-md-8.img-list-products span.glyphicon { color: #cbbb9f;}


/* catalog home
-------------------------------------------------- */
.store-cat { margin: 4rem 0; display: flex;}
.store-cat .row{min-width: 100%; flex: 0 0 100%; margin: 0;}

div.store-cat .img_block .content_block{margin:0;}
div.store-cat .img_block { display:block; position:relative; width: 100%;}
div.store-cat .img_block span { display:block;  position:static;  left:0;  bottom:0 !important;   width:100%; z-index: 4;
    -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
    color:#eeeeee;   padding:0; text-align: center; height: auto !important; border-radius: 0 0 8px 8px}

div.store-cat .img_block span p{font-size:1em; line-height: 1.4; padding:1rem 0.5rem; font-weight: 600;
    margin:0; color:#E5DDCF;  background: url("../images/sub-menu.png"); border-radius: 0 0 8px 8px;
    text-transform: uppercase; width: 100%;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/}

div.store-cat .col-xs-6.col-md-3{ padding: 1.5rem;}



/* list-products
-------------------------------------------------- */
.list-products{ margin: 4rem 0 7rem 0; flex-wrap: wrap;}

.list-products .selection-product{width: calc(100% - 256px); padding-right: 3rem;
    display: flex;  flex-direction: column; flex-grow:1;}
.list-products .selection-parameters{width: 256px; flex: 0 0 256px; min-width:256px;margin-top: -68px; }


        /* sort
        -------------------------------------------------- */
        .sort{width: 100%; flex: 0 0 100%; min-width:100%; margin: 0 0 3rem 0; font-size: 1.2em;}

        .btn-group-name{margin: 5px 16px 0 0; display: block; float: left;
            color: #9d805d; font-size: 14px; font-weight: 600; }
        .btn-group-sort{display: block; float: left;}

        .sort .btn-default {background-color: #200a05; font-size: 1em;line-height: 1em; padding: 9px 20px 12px 20px;
            border-color: #4d342e;  color: #E5DDCF; border-radius: 0; font-weight: 400;}
        .sort .dropdown .dropdown-item{color: #cbbb9f;}

        .dropdown-menu {  background-color: #200a05; border: 1px solid #4d342e;  border-radius: 0;font-size: 1em;}
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #8d7354;  background-color: #0c0204;}



.products{width: 100%; margin: 0 0 7rem 0;}
.products .short-description-product{width: calc(100% - 640px); padding-left: 3rem; display: flex; flex-direction: column;}
.products .img-product{width: 640px; flex: 0 0 640px; min-width:640px; }
.products .img-product img{width: 100%; height: auto; border: 1px solid #9d805d;}

.title{width: 100%; margin: 0.5rem 0 1rem 0; }
.title p{color: #BEAC8D; font-size: 2.4em; line-height:1.2; font-weight:600; margin: 0 0  0.5rem 0; text-transform: uppercase; padding: 0 }
.title p.small {color: #D25C64;font-size: 14px!important;text-transform:none}
.title a p:hover { color: #cbbb9f;}


.description-small{width: 100%; margin: 1rem;  font-size: 1.4em; line-height: 1.4em; color: #BEAC8D;}
.description-small ul {margin: 1rem 0;}
.description-small ul li{width: 100%; padding: 2px 0;}
.description-small ul li strong{color:#E5DDCF; font-weight: 400;}
.description-small p strong{color: #9d805d; font-weight: 600;}

.price{width: 100%; margin: 1rem 0 0.5rem 0; color: #BEAC8D; font-size: 1.6em; font-weight: 700}
.buy{width: 100%; margin: 10px 0 0 0; display: block; float: left;}
.buy .btn-default {background: #130502 url("../images/menu-fon.jpg"); letter-spacing: 0.8px;
    color: #E5DDCF;  height: 40px;  border: none #cccccc;}
.buy .btn {border-radius: 8px; font-size: 1.6em; line-height: 1.2em;  padding:0.7rem 8rem;}


/* filter
-----------------------------------------------------------------------------*/
.all-filter{background: #1b0905; width: 100%;
    border: 1px solid #9d805d; display: flex; flex-direction: column; padding: 2rem;}

.title-all-filter{}

.filter{margin: 0 0 1rem 0; width: 100%; float: left;}
.title-filter{width: 100%; float: left; margin: 0 0 0.5rem 0;
    text-transform:none; color: #9d805d;font-size: 1.4em; font-weight: 600;}

.filter label{color: #E5DDCF;font-size: 1.4em; }
.filter .checkbox { margin-bottom:  0.25rem;}
.filter .checkbox:last-child{margin-bottom: 0;}

/* checkbox
-----------------------------------------------------------------------------*/
.radio, .checkbox {  display: block;  float: left; position: static;}
.checkbox input[type="checkbox"] { height: 20px; margin: 0; opacity: 0; position: relative;  top: 0;  width: 21px; float: left;}
.checkbox input[type="checkbox"] + label { background: rgba(0, 0, 0, 0) url("../images/checkbox-icons.png") no-repeat scroll 0 0;
    display: block;  min-height: 20px;  padding: 0 0 0 28px; margin: 0 10px 0 0;}
.checkbox label span {  float: left; cursor: pointer;}
.checkbox input[type="checkbox"]:checked + label {  background-position: 0 -20px;}


/* breadcrumb-site */
.pages{display: flex; align-items: center; padding-top: 2rem; flex: 0 0 100%; min-width: 100%; width: 100%;}
.pages span{font-size: 1.6em; margin-right: 2rem;}
.pages .pagination{margin-bottom: 0;}
.pages .pagination .page-item a{border: 1px solid #9d805d !important; color: #E5DDCF; padding: 10px 15px;   font-weight: 900;
    border-radius: 3px !important; margin: 0 3px 0 0; background: transparent;  outline: 0 !important; box-shadow: none!important;}

.pages .pagination .page-item.disabled a{border: 1px solid #34211D !important;color: #9d805d;}

.pages .pagination .page-item.disabled.info {border: none!important; font-size: 1.6em; margin: 6px 10px 0 10px; color: #E5DDCF;}


/* tovar
-----------------------------------------------------------------------------*/
.info-product {width: 100%; float: left; margin: 15px 0 0 0;}

.info-product .products .short-description-product{width: 460px; padding-left: 5rem;}
.info-product .products .img-product{width: calc(100% - 500px); flex: 0 0 calc(100% - 500px); min-width:calc(100% - 500px); }

.info-product .title p{font-size: 2.4em;}

.info-product .networking{margin-top: 4rem;}
.info-product .networking h5{font-size: 1.6em; line-height: 1.2em; font-weight: 600; margin-bottom: 1rem; color: #9d805d;}
.info-product .networking .img svg{width: 42px; height: 42px; margin-right: 1rem;}
.info-product .networking .img a:last-child img{margin-right: 0}

.info-product .price{font-size: 2em; font-weight: 700; color: #BEAC8D;}
.info-product .size-weight{font-size: 1.4em; line-height: 1.2em;  color: #BEAC8D;  font-weight: 400;
    padding-bottom: 1rem;  margin-bottom: 3rem; }
.info-product .buy .btn {  text-transform: uppercase;font-size: 1.8em; }

.info-product .options{color: #9d805d; font-weight: 600; font-size: 1.6em; margin: 1rem 0 0.5rem 0;}
.info-product .options .btn-outline-secondary{background-color: #200a05;border: 1px solid #4d342e !important; color: #BEAC8D; font-weight: 400; }
.info-product .options .btn-outline-secondary.active{background-color:#301712; border-color: #9d805d !important; color: #E5DDCF; font-weight: 600;}
.info-product .options .btn-outline-secondary:hover, .info-product .options .btn-outline-secondary:focus {border-color: #9d805d !important;}

.info-product .options  .nav-pills li{margin-right: 0.5rem}
.info-product .options  .nav-pills li:last-child{margin-right: 0;}


/* modal
-----------------------------------------------------------------------------*/
.form-group span {display: block;font-size: 12px;position: relative; color: #9d805d;}

.buy .modal-dialog { margin: 30px auto; width: 400px;}
.buy .modal-content {  background-color: #000;   border: 1px solid #BEAC8D; border-radius: 0; padding: 1.5rem 2.5rem; }
.buy .modal-header { border:none;}
.buy .modal-header h4 {color: #E5DDCF;font-size: 2em; line-height: 1.2em; text-align: center; width: 100%;text-transform: uppercase; }

.buy .btn-close { color: #9d805d; font-size: 20px; font-weight: 600;line-height: 1;  opacity: 1;
    position: absolute; text-shadow:none;right: 8px; top: 4px;}
.buy .btn-close:after{content: "x"; }

.buy .modal-body .form-group p {display:block; float: left;width: 100%;margin-bottom: 1.5rem;}
.buy .modal-body .form-group p label{color: #BEAC8D;font-size: 1.6em;}

.buy .modal-body .form-group  .form-control{width: 100%; color: #E5DDCF; font-size: 16px; border-radius: 0;
    background: #1b0905; height: 40px; border: 1px solid #4d342e; margin: 2px 0 0 0;}
.buy .modal-body .form-group  .form-control:active,
.buy .modal-body .form-group  .form-control:hover,
.buy .modal-body .form-group  .form-control:focus{border: 1px solid #E5DDCF;}
.buy .modal-body .form-group  textarea.form-control{height: 80px;}

.buy .modal-body .buy{width: 100%; margin: 16px 0 0 0;}

.buy .modal-body .wpcf7-response-output{display:none; float: left;width: 100%;color: #9d805d; font-size: 1.2em;}

div.fotorama1450128718744 .fotorama__thumb-border, div.fotorama__thumb-border {border-color: #9d805d;}




/* FAQ
-----------------------------------------------------------------------------*/
.bloc-faq{margin-bottom: 5rem;}
.bloc-faq .accordion{}

.bloc-faq .accordion-item{ border-color: #9d805d;  }
.bloc-faq .accordion-button { background: #1b0905 url("../images/faq-bg.png") no-repeat 0 50% ;
  color: #E5DDCF; font-size: 20px; padding: 1rem 2rem 1rem 4rem; }

.bloc-faq .accordion-collapse { border-top:1px solid #9d805d;  background: #1b0905; }


.bloc-faq .accordion-collapse .accordion-body {  padding: 3rem 5rem;}
.bloc-faq .accordion-collapse .accordion-body h3{color: #E5DDCF;
    font-size: 2em; line-height:1.2em;  text-transform: uppercase; margin: 1.5rem 0; }
.bloc-faq .accordion-collapse .accordion-body p{color: #BEAC8D;font-size: 1.6em; line-height:1.4em;}

.bloc-faq table { margin: 2rem 0; color: #BEAC8D; font-size: 1.6em; line-height:1.2em; }

.bloc-faq thead, .blok-faq tr{border-bottom: 1px solid #E5DDCF; }
.bloc-faq thead {color: #cbbb9f; text-transform: uppercase; font-weight: normal;  }
.bloc-faq th, .bloc-faq td{padding: 1.5rem 0; color: #E5DDCF;}
.bloc-faq td{ border-color: #E5DDCF }


/* comments
-------------------------------------------------- */
.comments-wrap{}
.comments-wrap .buy {text-align:center;}
.comments-wrap .buy .btn {padding:1rem 3rem; font-size: 16px;}

.comments-wrap .add-comment-wrap{margin:-2rem 0 5rem 0;}
.comments-wrap h3.comments-caption{ margin:5px 0 10px 0;}
.comments-wrap ol.commentlist{margin:0; padding:0;}
.comments-wrap ul.children{padding:10px 20px;}

.comments-wrap .commentlist li{border: 1px solid #9d805d; margin:0 1rem 2rem 1rem; padding:3rem 4rem;
    width:calc(50% - 2rem);list-style-type:none; background:#1b0905; border-radius: 1rem;}
.comments-wrap  .comment-author {color:#9d805d; margin:0 0 1rem 0;font-size: 0.8em; }
.comments-wrap .commentlist p{font-size: 1em;}

.comments-wrap  .comment-image-box{padding:0;margin:0;}
.comments-wrap  .comment-image-box p{ width:25%; margin:0;padding:0 20px 40px 0;}
.comments-wrap  .comment-image-box  img{ width:100%; height: auto;}

.comments-wrap  .add-comment-form-wrap {border: 4px solid #9d805d; margin:2rem 0; padding:3rem 3%;
    list-style-type:none;text-align:center; float:left; width:100%; display: block; background: #1b0905;}

.comments-wrap  h3.comment-reply-title{color: #cbbb9f;font-size: 1.4em; margin: 0 0 1rem 0;padding: 0; text-transform: uppercase;}
.comments-wrap  .comment-form{text-align:left;float:left; width:70%; margin:0 15%;}
.comments-wrap  .comment-form p {text-align:left;float:left; width:100%;text-indent:0;}
.comments-wrap  .comment-form p.comment-notes{font-size: 0.9em;color: #9d805d; text-align:center;}
.comments-wrap  label, .comments-wrap  input{text-align:left;float:left; width:100%; padding:6px 12px;}
.comments-wrap  input, .comments-wrap textarea { background-color: #130502;border: 2px solid #4d342e; border-radius: 0; color: #eeeeee;
    font-size: 1em; height: 40px;}
.comments-wrap  .comment-form p.form-submit{text-align:center;}
.comments-wrap  input.submit{ background: #130502 url("../images/menu-fon.jpg") repeat scroll 0 0; padding: 0.5rem 1rem;
    border: 0 none;  border-radius: 8px; color: #eeeeee; font-size: 1em; height: 40px;  margin: 0 auto;
    text-transform: uppercase;  width: 200px; text-align:center;}
.comments-wrap .comment-form textarea {height: 100px;width:100%; margin:0;padding:6px 12px;}
.comments-wrap  .comment-image-reloaded input{background-color:transition;border:none;}
.comments-wrap .comment-form textarea:active, .comments-wrap .comment-form textarea:hover,
.comments-wrap .comment-form textarea:focus{border-color: #E5DDCF;}

.comments-wrap  a.comment-reply-link{background: #130502 url("../images/menu-fon.jpg") repeat scroll 0 0;
    border: 0 none;  border-radius: 10px; color: #E5DDCF; font-size: 1em; height: 36px;
    text-transform: none; text-align:center;padding:6px 20px 12px 20px;}
.comments-wrap .reply{ padding:0;margin:1rem 0 0 0; display: flex; justify-content: flex-start ;}
.comments-wrap  ul.list{text-align:center;list-style-type:none; margin:20px 0; padding:0;}



/* contact feedback
-----------------------------------------------------------------------------*/

h2.contact {color: #9d805d;font-size: 1.4em;text-transform: uppercase; text-align: center; margin: 0 0 2rem 0 !important;}
.feedback .half-left {width: 45%; margin: 0 5% 0 0; float: left; }
.feedback .half-right{width: 45%; margin: 0 0 0 5%; float:right; }

.feedback .form-group p{ width:100%; float: left;}

.feedback label{}
.feedback .form-control:last-child {margin-bottom: 0;}
.feedback .buy{background: #130502 url("../images/menu-fon.jpg");
    height: 40px;  border: 0;  border-radius: 8px;  width: 200px;
    margin: 16px auto 8px auto;  color: #eeeeee;  font-size: 1.4em;  text-transform: uppercase;}
label{color: #BEAC8D;font-size: 1.6em;}

.feedback  .form-control{width: 100%; color: #E5DDCF; font-size: 16px; border-radius: 0;margin-bottom: 2rem;
    background: #1b0905; height: 40px; border: 1px solid #4d342e; }
.feedback  .form-control:active,
.feedback  .form-control:hover,
.feedback  .form-control:focus{border: 1px solid #E5DDCF;}
.feedback  textarea.form-control{height: 80px;}

.feedback .wpcf7-response-output{color: #cbbb9f;font-size: 1.4em;width: 100%; float: left; }

.feedback .screen-reader-response{margin: 0 0 3rem 0;  padding: 1.5rem; display: none;
    border: 1px solid #E5DDCF;  border-radius: 1rem;  background: #E5DDCF;  opacity: 0.8;}
.feedback .screen-reader-response p{color: #1b0902; font-size: 1.4em; line-height: 1.4; font-weight: bolder; text-align: center; margin: 0;}
.feedback .screen-reader-response ul{display: none !important;}


.map{margin: 3rem 0 5rem 0;}
.contact{margin: 3rem 0 0 0;}
.contact p{color: #9d805d}

.form-blok{ margin: 0; width:100%; float: left;
    padding: 3rem 5rem ; background-color: #130502;   border: 1px solid #9d805d; font-size: 10px;}

.contact-map iframe{margin-left: 0!important;}


/* Adaptiv
-------------------------------------------------- */

@media (max-width: 1399.98px){

    /* list-products
-------------------------------------------------- */
    .products{width: 100%; margin: 0 0 3rem 0;}

    .info-product .products .short-description-produc,
    .products .short-description-product{width: 320px; flex: 0 0 320px; min-width:320px; padding-left: 0; }

    .info-product .products .img-product,
    .products .img-product{margin-right: 3rem;
        width: calc(100% - 360px); flex: 0 0  calc(100% - 360px);   min-width:  calc(100% - 360px); }

}


@media (max-width: 991.98px) {

    .for-desktop {display: none !important;}


    /* header    -------------------------------------------------- */

    .header { height: auto; }
    .header-position{flex-direction: row-reverse; justify-content: space-evenly; padding: 8px 8px 8px 16px;}
    .header-top{background: url("../images/header-fon-pod.png") no-repeat center right; width: auto; height: auto;}

    .header-position .col {flex: 0 0 184px;}
    .header-position .col-md-4{justify-content: flex-end;   flex-direction: row !important; flex-grow: 1 !important;}
    .header-top .logo{height: auto;}
    .header-top .logo img{height: 48px; width: 184px;}

    /* Catalog-menu*/
    .header .navbar .container{padding: 0;}

    .menu{background: #130502 url("../images/menu-fon.jpg") repeat-x;  margin-top: 4px;
        border:none;  padding: 0;}
    .menu button.navbar-toggler{height: 40px;width: 56px;}
    .menu button.navbar-toggler svg{fill: none;   stroke:#E5DDCF;  stroke-linecap: round;  stroke-linejoin: round;  stroke-width: 2px;}

    .catalog-menu{ width: 100% !important;
        height: auto;  background: #1c0a08; border: 1px solid #9d805d; border-radius: 0; border-top:0;}
    .catalog-menu ul{flex-direction:column;height: auto;}
    .catalog-menu ul li{border-bottom: 1px solid #523A36; padding: 1rem 2rem; }
    .catalog-menu ul .dropOut {display: none; }

    /* Search-menu*/
    .serch-mobile{display: flex; margin-right: 8px; margin-top: -1px; }
    .search .form-control, .search .btn{border: none;}
    .search .btn{background: url("../images/footer-fon.jpg") repeat-x;
        border-left: 1px solid #523A36!important;border-right: 1px solid #523A36!important }
    .search .form-control{box-shadow: inset 3px 2px 7px rgba(0,0,0,0.9) !important; height: 36px;}

    .menu-footer{flex-direction:column; align-items: center;justify-content: center;}
    .menu-footer .col-9, .menu-footer .col-3{flex: 0 0 100%;  max-width:100%; width: 100%;}
    .menu-footer .col-3.networking{text-align: center; margin-top: 3rem;}

    /* Footer
-------------------------------------------------- */
    .footer-menu ul{list-style: none;}
    .footer-menu ul li{flex: 0 0 50%;  max-width:50%; text-align: center;}


    /* top - course-language
-------------------------------------------------- */
    .language-site {order: 2; margin-right: 0; margin-left: 2rem;}


    /* catalog home */
    .store-cat {margin: 3rem 0;}
    .store-cat .col-md-3 {  width:33.3333%; }


    /* list-products
-------------------------------------------------- */
    .list-products{flex-direction: column;}
    .list-products .selection-product{width: 100%; padding-right: 0; flex-grow:0; order: 2; }
    .list-products .selection-parameters{width: 100%; flex: 0 0 100%; min-width:100%; order: 1;  margin-top: 0;  }
    .list-products .pages{order: 3;}
    .list-products .selection-parameters .all-filter{margin-bottom: 5em;}



    .list-products .selection-parameters .navbar-toggler{position: absolute; left: 0; top: -48px; width: 160px !important; text-align: left;}
    .list-products .selection-parameters .navbar-toggler{width: 100%;
        color: #9d805d; padding-left: 0; text-decoration: underline;}
    .list-products .selection-parameters .navbar-toggler svg{margin-right: 1rem; width: 20px; height: 20px; fill: #CBBBA0;}

    .list-products { margin: 3rem 0 5rem 0;}

    .sort { margin-left: auto; margin-bottom: 1.5rem;justify-content: flex-end; display: flex;
        width: calc(100% - 168px); flex: 0 0 calc(100% - 168px); min-width: calc(100% - 168px);}



}


@media (max-width: 767.98px){

    /* main
    -------------------------------------------------- */
    .index h1 {font-size: 1.6em; }
    .index { margin: 2rem 0; }


    /* header    -------------------------------------------------- */
    .header-top .logo img { height: 41px;  width: 160px; }
    .header-position .col { flex: 0 0 160px;}

    /* Search-menu*/
    .search .btn{padding: 4px 17px;}



    /* top - course-language
-------------------------------------------------- */
    .language-site { margin-left: 1rem;}
    .language-site .btn{padding: 2px 8.5px;font-size: 1.2em;}
    .language-site .btn::after {margin-left: 0.5em; }
    .course p { font-size: 1.2em; text-align: right;}

    /* catalog home */
    .store-cat {margin: 3rem 0;}
    .store-cat .col-md-3 {  flex: 0 0 auto; width: 50%; }
    div.store-cat .col-xs-6.col-md-3 {padding: 1rem 0.5rem; }

    div.store-cat .img_block span p{padding: 0.5rem;}


    /* CAROUSEL
-------------------------------------------------- */
    .carousel {margin-bottom: 3rem;}


    /* list-products
-------------------------------------------------- */
    .products{flex-direction: column;}
    .info-product .products .short-description-product,
    .products .short-description-product{width: 100%; flex: 0 0 100%; min-width:100%; margin-bottom: 3rem; }

    .products:last-child .short-description-product{margin-bottom: 0!important; padding: 0 1.5rem!important; }
    .info-product .products .short-description-product{margin-bottom: 5rem !important;}

    .info-product .products .img-product,
    .products .img-product{margin-right: 0;  width: 100%; flex: 0 0  100%;   min-width: 100%; margin-bottom: 1.5rem; }



    /* comments
    -------------------------------------------------- */
    .comments-wrap .commentlist li{  width:100%;}
    .comments-wrap .comment-form { width: 90%; margin: 0 5%;}


    /* contact feedback
    -----------------------------------------------------------------------------*/
    .bloc-contact .col-6{width: 100%; margin: 0;}
    .bloc-contact .col-6 .contact{ margin: 0;}

    .bloc-contact .full-description{margin: 1rem 0 2rem 0;}
    .bloc-contact .form-blok {padding: 1rem 2rem;}

}

@media (max-width: 575.98px) {

    /* list-products
-------------------------------------------------- */
    .btn-group-name{display: none !important;}


    /* modal
-----------------------------------------------------------------------------*/
    .buy .modal-dialog { margin: 30px auto; width: 84%;}
}