/*body {
font-family:"MuseoCyrillic";
font-weight:400;

cursor:default;
}
*/

html {font-size: 14px;}
body {
  font-family: "Museo Sans Cyrl";
    background-color: #dfdfdf;
}

h1,h2,h3,h4{
    font-family: "Muller";
    font-weight: bold;
}

h1{ font-size: 1.6em;}

h3, h4 {

    padding:0.3em;
    text-align: center;
}
h3{ font-size:1.1em;}
h4{ font-size:1em;}

 /* исправляем bootstrap */
 .btn:active, .btn:focus, .btn:active:focus, .btn.active:focus {box-shadow:none;}

/*.row{ margin-left: 0; margin-right: 0;}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}*/
p{margin-bottom: 1em;}
 /* ---конец ---исправляем bootstrap */

.h1-shadow{
  text-shadow: 0 0 5px rgb(255, 255, 255), 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);

}

 .head-opis{  /* текст описания в заголовке*/
   font-size:0.8em;
   color: #6535CC;
 }


.dop-text{
  font-size: inherit;/*12pt;*/

  font-style: italic;
}
/*.content-type div:last-child{padding-bottom:15px;}*/
.component-wrapper{ padding-top:1em ; font-size: 1.2rem; min-height: 500px;}
.inner-row{
  /*margin: 0 3%;*/
  padding: 10px 0;
}

.marg-top-bot-30 {  margin-bottom: 30px;  margin-top: 30px;}
.marg-top-30 { margin-top: 30px;}

.logo img {}
.head{ padding:10px 20px;/*background-color:#00D7FE;*/display: flex; align-items: center;
     /*border-top: 1px solid #d6d6d6;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);*/ }
.head .h72{height: 72px;  }
 .h72 .logo img{height: 52px;}

.content-wrapper{max-width: 1280px; position: relative;background-color: white}

/*.catalog h1{padding:1rem;}*/

.top-menu{box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);}
.top-menu{font-family: HelveticaNeueCyr-Roman;font-weight:normal;letter-spacing:0.05em;font-size:1.1rem;}
.top-menu ul{padding-left:0.5em;}
.top-menu li {; float:left;padding:4px 0;}
.top-menu li a {padding:4px 0.8em;}
.top-menu i {font-size: 1.2em;}
/*.top-menu li{border-right:1px solid rgba(255, 255, 255, 0.6);}
.top-menu li:last-child{border-right:none;}*/
.top-menu, .top-menu a, .top-menu a:hover{color:#FFFFFF;text-decoration: none;}
.top-menu .menu li:hover,.top-menu .menu li.sell{background:#fff6;;color:#FFFFFF;}

.lng-menu, .lng-menu li{height:100%;}

.menu   {list-style-type:none;font-family:arial;font-weight:normal;color:#FFFFFF;}
/*.menu .fa{padding-right:7px;}*/

ul.menu {margin-bottom:0;}
.top-menu .menu{float:left;}
.login-menu{padding:4px 0;}

.login-menu a:hover, .login-menu  span:hover{text-shadow: 0 0 12px rgb(0, 0, 0);transform: scale(1.2); }

.dop-menu{font-size:0.9em;}

.menu.viber-mess li{padding:2px;}

.headercallback {  padding: 0 30px;}
.headercallback img{height:19px;}
.headercallback p {
margin: 0 0 0px;
}
.headercallback  .trigger {
    display: block;
    text-align: center;
    text-decoration: none;
}
.headercallback .trigger img {
}
.headercallback .trigger span {
line-height: 12px;
border-bottom: 1px dotted;
white-space: nowrap;
}
.header-phones {line-height: 19px; font-size: 1.3rem;}
.header-phones a{text-decoration:none;}
.header-phones .header-phones-p {
    border-bottom: 1px dotted #084dab;
    color: #084dab;
    font-family: 'Arial', 'sans-serif';

}


.middle-block{
  width:40%;
  display: none;
}


.dop-text{

  font-size:inherit;/* 12pt;*/
  font-style: italic;
}

.remark-text{
    font-family: 'Open Sans', 'sans-serif';
    font-size: 0.7rem;
    font-style: italic;
}

/******* item ***********/
.item-top .price{
    font-weight:bold;
    font-size:1.4em;

    padding:20px 10px;
    text-align: center;
}
.item-top .add-item {
    font-size:1em;

    padding:10px 30px;
    text-align: center;
    float:right;
}
.item-top a, .item-top a:hover{
    color:inherit;
    text-decoration: none;
}

.btn i{ padding-right:0.5em; font-size: 1.1em;}
.item-top{

    padding:0 20px;
    border-radius:6px;
    margin-bottom:10px;
}
.item-top h3{padding-top:0;}
.item-top img{
    margin-right:10px;width:50%;height:auto;max-width:400px;min-width:200px;
}

.item p {text-align:justify;}
/* --------------- yotube -----------*/
.item .youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.item .youtube .play {
    background: url('/sysimages/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.item  .youtube:hover .play {
    background-position: 0 0;
}

/*************** article********/
.article img{width:100%;}
.article .home h3{font-size:1.5em;}

/*************/
.ajaxSpinnerCircle{
     background: transparent url("/sysimages/systems/spinner_squares_circle.gif") no-repeat scroll center center;
   /* height: 100%;
    width: 100%;*/
}

.footer {/*#7439BD;/*background-image: url("/sysimages/nav1x1.jpg"); background-repeat: repeat;*/
    padding:15px 30px;font-family: 'Arial', 'sans-serif';
    font-size:1.2rem;
}


.footer{box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.35);}

.footLogo {font-family:"Museo Sans Cyrl";
font-weight:400;
font-size:19pt;
}



.fform label{font-weight: 500;}

.row-container div:first-child{padding-left: 0;}
.row-container div:last-child{padding-right: 0;}

/*************************radio button*/

/************color sheme*************************/


/*====Change===*/
.head{background-color:  white; color: #3A3A3A;}

a{color: var(--base-color);}
a:hover{color: var(--base-color);}
.form-control {border: 1px solid var(--input-group-color);}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--input-group-color);
    outline: 0;
    /*box-shadow: 0 0 0 .15rem rgba(237, 89, 25, 0.27);*/
    box-shadow: none;
    border-width: 2px;

}
.div-a-btn{color: gray ;cursor: pointer;margin-left: 0.15em;}
.div-a-btn:hover{color: var(--base-color); font-weight: bold;;margin-left:0;}

.input-group-append .btn {border: 1px solid var(--input-group-color);}
.input-group .base-btn { border-radius:  0 6px 6px 0;}
.input-group input { border-radius:   6px 0 0 6px ;}
.input-group label{margin:  0 1em 0 0; align-self: center;}
.form-control:disabled, .form-control[readonly] {
    background-color: var(--input-group-dis-color);

}
.base-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
   /* height: 58px;*/
    padding: 2px 0.5em 0 0.5em;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 2px solid  var(--border-color);
    border-radius: 6px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background:  var(--btn-bacground);
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--btn-gardient-from)), to( var(--btn-gardient-to)));
    background: linear-gradient(to right,  var(--btn-gardient-from) 25%,  var(--btn-gardient-to));
    /*-webkit-box-shadow: 0px 9px 16px 0px rgba(250, 73, 35, 0.25);*/
   /* box-shadow: 0px 9px 16px 0px rgba(250, 73, 35, 0.25);*/
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}
.base-outer-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  /*  height: 58px;*/
    padding: 2px 0.5em 0 0.5em;
   /* border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;*/
    border: 2px solid var(--border-color);
    border-radius: 6px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    color: var(--base-color);
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background: none;
   /* background: #fa4923;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #fa4923), to(#ffbb00));
    background: linear-gradient(to right, #fa4923 25%, #ffbb00);*/
    /*-webkit-box-shadow: 0px 9px 16px 0px rgba(250, 73, 35, 0.25);*/
    /* box-shadow: 0px 9px 16px 0px rgba(250, 73, 35, 0.25);*/
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

h1::after {
    content: "";
    display: block;
    width: 90px;
    height: 4px;
    border-radius: 2px;
    background: var( --border-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
h1 {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    position: relative;
}
h1 span {
    color: var( --border-color);
}
/*====Change===*/
h1, h2, h3, h4 {color: black; /*var(--second-color);*/}
/*h2,h3, h4 {color:var( --base-color);;}*/

.item-head h1{ font-size: 1.2em; color :var(--second-color);}
/* разные цвета бордера --- при автомате картика меняет свой цвет - выглядит плохо*/
.bdcol-11, .bdcol-23 { border-color: #FF00AD; }
.bdcol-12, .bdcol-24 {  border-color: #6933AB;}
.bdcol-13, .bdcol-21 {  border-color: #028036;}
.bdcol-14, .bdcol-22 {  border-color: #FCE03F;}

.bg-blue{background-color:#185a9d;}
.bg-light{background-color:#f6f6f6;}
.mbg-light{background-color:#EEEEEE;}

.footer {background-color:#3F3F38;}



.item-top{
    background-color: rgba(190, 190, 190, 0.5);
    border: 3px solid rgb(200, 200, 200);
}
.item-top .price {
    color: var( --base-color);; /*#1F1FFF;/*#6A37AA;*/
}

.catalog-item-price__new { font-size: 1.3em;}
.discount-percent {background-color: var( --discount-color);}
.price .factualPrice .price-wrapper { color: var( --base-color);;}

.filters-container .f-title{ color: var( --base-color);}
.filters-container a{color: var( --second-color);}
 .filter-text{color: var( --second-color); }
 .filter-btn-clear { border: 1px solid var( --base-color);border-radius:6px; color:var( --base-color); font-size: 0.9em;  }

.cat-item .tbr {color: rgb(61, 66, 70);}
.itm-warn{font-size: 0.85em;color: gray;}
/*====Change===*/
.catalog-item-price__old {
    color: #9B9B9B;}
.catalog-item-price__new {
    /*background: #1F1F1F;*/
    color: var( --base-color);
}
.in-stock-color{color: var(--base-color);}
.out-stock-color{color: var(--second-color);}

.bg-filter{background-color: white; border-right: 1px solid rgba(100, 100, 100, 0.3);}
.filters-bar{ border-bottom: 1px solid rgba(100, 100, 100, 0.3);  background-color: white;}


.top-menu{background-color:#221f1f;}
.top-menu li{color:#ffff;}
/*====Change===*/
.menum{
    background: var( --base-color);
    color: #fff;
}
nav.menum  ul li a{font-size: 1.1em;}
.menum .mmenu-item .mmenu-item  { color: #757575;}
.menum .mmenu-item .mmenu-item:hover{ color: #fff; }
.menum .dropdown-header {color: #ff3546;}
.menum .nav-item .nav-link{color:var(--base-color);/*color: #fff;*/}
.menum .socia-links{background-color:#3E7CB4;  }
.menum .socia-links li a{color:#fff;}
.nav .mmenu-item.select {
    background-color: var(--base-light-color);
    color: #fff;
}
.nav .mmenu-item:hover {
    background: var(--base-light-color);/*#4b545f;*/
    background: linear-gradient(left, var(--a-gardient-to) 0%, var(--a-gardient-from) 100%);
    background: -moz-linear-gradient(left, var(--a-gardient-to) 0%, var(--a-gardient-from) 100%);
    background: -webkit-linear-gradient(left, var(--a-gardient-to) 0%, var(--a-gardient-from) 100%);
    /*	border:none; 2px solid #bbbbbb;*/
    color: #fff;
}
.navbar .navbar-toggler{color: #fff;}
.nav .dropdown > a, .navbar .navbar-brand { color:#ffff;}


/*====Change===*/
.modlpcart-bagicon-imgwrap{background:whitesmoke; border: 1px solid var(--base-color);}
.modlpcart-bagicon-imgwrap  img{
    filter: invert(51%) sepia(72%) saturate(532%) hue-rotate(62deg) brightness(98%) contrast(83%);
   /* https://codepen.io/sosuke/pen/Pjoqqp*/
}
/*====Change===*/
.modal-cart .modal-window, .modal-sform .modal-window{background:#f7f7f7;color:#000;}
.modal-cart .modal-window textarea, .modal-sform .modal-window textarea{border-color:grey;}
.modal-cart .modal-window input, .modal-sform .modal-window input{border-color:grey;}
/*====Change===*/
.modlpcart-item-title{color:inherit;}
.modlpcart-bagicon-cnt{background-color:var(--base-light-color);color:#fff;}
.cart-text{color:#000;}
/*====Change===*/
.modlpcart-bagicon-text{background:whitesmoke;border: 1px solid var(--base-color);color:var(--base-color);}
.modlpcart-item-amount--portion,.modlpcart-item-amount{/*color:whitesmoke;*/}
.modlpcart-item-imgdiv{background-color:#eee;}
/*.modlpcart-item-count{border-color:white;}*/
.modal-cart h2, .modal-sform h2{color:inherit; margin-bottom: 1em;}

.blorang-form .text-block, .modal-sform .text-block{font-size: 18px;padding: 10px 0; margin-bottom: 1.5em;  }
/*.blorang-form-toggle__btn{background:whitesmoke; border: 1px solid gray; }*/
/*====Change===*/
.blortogle-btn, .blorang-form .close_btn, .modal-sform .close_btn{background:whitesmoke; border: 1px solid gray; }
.blortogle-btn-active, .blortogle-btn:hover{background:var(--base-color); color: white;}
.blorang-form-toggle__btn_active{background:var(--base-color); color: white;}

.blorang-form-toggle__btn:hover{background:var(--base-color); color: white;}
.blorang-form-toggle__btn_active:after{border-color:var(--base-color) transparent transparent transparent;}
.blorang-form-container input:focus, .blorang-form-container input:focus-visible,
.blorang-form-container textarea:focus, .blorang-form-container textarea:focus-visible {
   /* color: #495057;
    background-color: #fff;*/
    border-color: var(--input-group-color);
    border-width: 2px;
    outline: none;
}
.blorang-form__input .error{border-color:red;}

.footer,.footer a{color:#FFFFFF;}
.footer a:hover{color:#FFFFFF;}

/*====Change===*/
:root {
    --base-color: #43B02A;
    --base-light-color: #5ECA45;
    --btn-bacground: #43B02A;
    --btn-gardient-from: #43B02A;
    --btn-gardient-to: #5ECA45;
    --a-gardient-from:  #43B02A;
    --a-gardient-to:  #5ECA45;
    --second-color:  rgb(33, 37, 41);;/* #212529;*/
    --discount-color: #C136C1;
    --base-background-color: #DEDEDE; /*#dfdfdf;*/
    --border-color: #43B02A;
    --base-body-color: white;
    --base-wrap-color: rgba(200,200,200,0.2);
    --input-group-color: rgba(67, 176, 42, 0.7);;
    --input-group-dis-color: rgba(94, 249, 70, 0.1);
    --cat-item-bg: #DEDEDE;
    --cat-item-border: rgb(200, 200, 200);
    --item-instock-color: #43B053;
    --item-outstock-color:#CCCCCC;

    --filters-Width:200px;
}


/************************/

 head {min-width: 1000px; /* для js по ширине окна */}

@media (max-width: 900px) {
  head {min-width: 900px; /* для js по ширине окна */}

.back-img{ background-size:60% auto;}
}


@media (max-width: 770px) {

.xss-hidd img{height:40px;width:auto;}
.back-img{ background-size:60% auto;}
}


@media (max-width: 750px) {
  head {min-width: 750px; /* для js по ширине окна */}
 .middle-block{display: block;}
.xss-hidd {height:40px;width:auto;}
  .back-img{ background-size:60% auto;}
  .footer{font-size:1.2rem;}


}

@media (max-width: 549px) {
     head {min-width: 549px; /* для js по ширине окна */}
    .middle-block{display: none;}
    .xss-hidd {height:30%;width:auto;/*display:none*/}

     .back-img{
       background-size:contain;
     }
    .cart-label {right: 5%;}

}

@media (max-width: 440px) {
     .cart-label {
            position: absolute;
            right: 5px;
            top: 0px;
            width: auto;
            color:#ffffff;

     }
     .cart-label .cart-head{display:none;}
    .foot400{flex: 0 0 100%;max-width: 100%;}

}