/* BugFixing*/

.userInfo input, .userInfo textarea {
    color: #000;
  }
  
  /* ======================================== */
  
  body {
      color: rgb(44, 44, 44);
  }
  
  body, .modal-details-inner, .section-title-style2 span, .section-title.style2 span, .main-container-wrapper {
      background: #fff !important;
  }
  
  /* Цвет фона сайта */
  body, .modal-details-inner, .section-title-style2 span, .section-title.style2 span, .main-container-wrapper {
      background: #fff !important;
  }
  
  ::selection {
      color: #fff;
      background: #2D2282 !important;
  }
  a:hover {
      color: #000 !important;
  }
  
  body, h1, h2, h3, h4, h5, h6,
  .item h4 a,
  .btn-stroke-light,
  .info-level3 a,
  .info-level4 a,
  .info-level3, .info-level4, .info-level5,
  .nav-tabs li a,
  .cart-actions .btn-cart, .cart-actions .wishlist, .cart-actions button {
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'Source Sans Pro', sans-serif;
  }
  
  /* Верхняя шапка сайта */
  
  .userMenu li a {
    color: #fff;
    font-size: 11px;
  }
  body > div.navbar.navbar-tshop.navbar-fixed-top.megamenu.stuck > div.container {
    padding-top: 6px;
  }
  
  .navbar .navbar-top {
      padding-bottom: 5px;
      padding-top: 4px;
  }
  
  /* Верхняя шапка сайта - Новый стиль... */
  .mr-2{
    margin-right: 20px;
  }
  hr{
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .small-top-nav .container .row{
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 40px;
  }
  .small-top-nav .container .row:before{
      content:none;
  }
  .top-nav-header{
      position: relative;
  }
  .top-nav-header h3{
      display: none;
      cursor: pointer;
  }
  .contact-phone.top-nav-header h3{
      display: flex;
      margin: 0;
      align-items: center;
  }
  .top-nav-header h3{
      color: #fff;
      font-size: 14px;
      padding: 0;
      margin: 0;
  }
  .top-nav-header h3.active .icon-nav-contact{
      background-position: -165px -101px;
  }
  .top-nav-header h3.active i{
      background-position: -131px -20px;
      transition: all 0.5s ease;
  }
  .top-nav-header h3.active .icon-nav-info{
      background-position: -211px -65px;
  }
  .top-nav-menu h3 {
      justify-content: flex-end;
  }
  .top-nav-header .top-phone a i, .footer ul li a i{
      display: inline-block;
      background-image: url("https://userimages.shopmanager.by/3128554/sprite-all.png") !important;
      width: 19px;
      height: 16px;
      top: 2px;
      position: relative;
  }
  .top-nav-header .top-phone a i.a1, .footer ul li a i.a1{
      background-position: -168px -75px;
  }
  .top-nav-header .top-phone a i.mts, .footer ul li a i.mts{
      background-position: -215px -26px;
  }
  .top-nav-header .top-phone a i.whatsapp, .footer ul li a i.whatsapp{
      background-position: -280px -11px;
  }
  .top-nav-header .top-phone a i.viber, .footer ul li a i.viber{
      background-position: -256px -40px;
  }
  .top-nav-header .top-phone a i.mail, .footer ul li a i.mail{
      background-position: -233px -2px;
  }
  .top-nav-header .top-phone a i.skype, .footer ul li a i.skype{
      background-position: -215px -104px;
  }
  .top-nav-header .top-phone a i.telegram, .footer ul li a i.telegram{
      background-position: -194px -52px;
  }
  .top-nav-header .top-phone a i.life, .footer ul li a i.life{
      background-position: -231px -74px;
  }
  .top-nav-header .top-phone a i.beltelecom, .footer ul li a i.beltelecom{
      background-position: -148px -96px;
  }
  
  .top-nav-header .icon-nav-info{
      background-position: -211px -35px;
  }
  .top-nav-header .contact-wrap.active{
      display: block;
      position: absolute;
      background: #2D2282;
      z-index: 9;
      top: 30px;
      width: 305px;
  }
  .top-nav-menu.top-nav-header .contact-wrap.active{
      right: 0;
      padding: 0 15px;
  }
  .navbar > .container .navbar-brand{
      margin-left: 0px;
  }
  .navbar-top .top-nav-menu ul{
      text-align: right;
      margin: 0;
      padding: 0;
  }
  .navbar-top ul li{
      display: inline-block;
  }
  .navbar-top ul.small-screen-contact li{
      display: block;
  }
  
  .contact-wrap .small-screen-contact{
      display: none;
  }
  .contact-wrap.active .small-screen-contact{
      display: block;
      padding: 20px 15px;
  }
  .small-screen-contact p{
    font-size: 16px;
    color: #fff;
  }
  .small-screen-contact hr{
    margin-bottom: 18px;
  }
  
  .navbar .navbar-top {
      background: #443f6c;
      height: 100%;
  }
  .navbar.stuck .navbar-top {
      margin-top: -55px;
  }
  .navbar-top .top-nav-menu ul li a{
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      text-transform: none;
      text-align: right;
      padding: 0 10px;
  }
  .navbar-top .top-nav-menu ul li a:hover{
    color:#b9b9b9 !important;
  }
  .navbar-top .contact-phone ul li a{
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      text-transform: none;
      line-height: 35px;
      text-align: left;
      margin-right: 0;
      padding-left: 0;
      display: flex;
      align-items: center;
  }
  .navbar-top .contact-phone a{
      position: relative;
      color: #fff;
      line-height: 20px;
  }
  .navbar-top .contact-phone a:hover{
      color: #b9b9b9 !important;
  }
  .top-nav-header h3 > i{
      display: inline-block;
      background-image: url("https://userimages.shopmanager.by/3128554/sprite-all.png") !important;
      width: 20px;
      height: 20px;
      top: 2px;
      position: relative;
      margin-left: 10px;
      background-position: -131px 0px;
      transition: all 0.5s ease;
  }
  .navbar-top .contact-phone .contact-wrap .phone-item i {
      top: 2px;
      left: 0;
      height: 20px;
      width: 20px;
      background-image: url("https://userimages.shopmanager.by/3128554/sprite-all.png") !important;
      background-repeat: no-repeat !important;
      z-index: 99;
      display: inline-block;
      margin-right: 5px;
  }
  .navbar-top .contact-phone i.whatsapp{
      background-position: -280px -11px;
  }
  .navbar-top .contact-phone i.viber{
      background-position: -256px -40px;
  }
  .navbar-top .contact-phone i.mail{
      background-position: -233px -2px;
  }
  .navbar-top .contact-phone i.skype{
      background-position: -215px -104px;
  }
  .navbar-top .contact-phone i.telegram{
      background-position: -194px -52px;
  }
  .navbar-top .contact-phone i.life{
      background-position: -231px -74px;
  }
  .navbar-top .contact-phone i.a1{
      background-position: -168px -77px;
  }
  .navbar-top .contact-phone i.mts{
      background-position: -215px -26px;
  }
  .navbar-top .contact-phone i.beltelecom{
      background-position: -148px -96px;
  }
  
  .navbar .white-style{
      background-color:  #2D2282;
  }
  
  .navbar-top-inner .contact-phone a,
  .navbar-top-inner .top-nav-menu ul li a,
  .navbar-top-inner .top-nav-header h3,
  .navbar-top-inner ul.small-screen-contact li a{
      color: #fff;
  }
  .navbar-top-inner .top-nav-header .contact-wrap.active{
      background: #443f6c;
  }
  .navbar-top-inner .top-nav-header h3.active > i{
      background-position: -130px -20px;
        /*background-position: -161px -20px;*/
  }
  .navbar-top-inner .top-nav-header h3 > i{
      background-position: -130px 0px;
        /*background-position: -161px 0px;*/
  }
  .headerOffset {
    padding-top: 150px;
  }
  
  
  /* Меню сайта */
  .navbar-tshop {
      background: #fff;
        box-shadow: 0 1px 5px rgb(0 0 0 / 14%);
  }
  /* Меню сайта :: логотип */
  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: initial;
  }
  .navbar-brand > img {
      height: 60px;
      padding: 6px;
  }
  /* Меню сайта :: категории */
  .navbar-nav > li > a {
    font-size: 13px;
      color: #535353;
      padding-top: 20px;
      padding-bottom: 20px;
  }
  /* Меню сайта :: выпадающее */
  .dropdown-menu {
      border-top: solid #2D2282;
  }
  /* Меню сайта :: поиск */
  .search-box button {
    color: #2D2282;
  }
  .search-input{
    padding: 20px 0 20px 15px;
  }
  .search-close{
    height: 60px;
  }
  .search-full{
    min-height: 60px;
  }
  .search-full, .search-input {
      background: #2D2282;
  }
  .search-close {
      color: #fff;
  }
  .search-box:hover .form-control {
      background: #2D2282;
  }
  .search-box:hover .btn-nobg {
      color: #2D2282;
  }
  .searchInputBox .search-btn {
      color: #2D2282;
  }
  
  /* Шапка сайта */
  .nav > li.active, .nav > li > a:hover, .nav > li > a:focus, .nav > li:hover > a {
    color: #fff !important;
    background: #2D2282;
  }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .cartMenu:hover > a.dropdown-toggle {
    color: #fff !important;
    background: #2D2282;
  }
  
  /* Баннер */
  .btn-stroke-light {
      background: rgba(255,255,255,0.6);
      font-weight: bold;
      color: #ad0006 !important;
        border: 1px solid #ad0006;
  }
  .btn-stroke-light:hover {
      background: #fff;
  }
  
  /* Footer верхний */
  .footer {
        margin-top: 50px;
      padding: 50px;
      color: #fff;
      background: #333 !important;
      border: none !important;
  }
  .footer .info-level3, .footer h3, .footer a {
    color: #fff;
  }
  .footer a:hover{
    color:#b9b9b9 !important;
  }
  /* Footer нижний */
  .footer-bottom {
    padding: 15px;
    background: #fff !important;
    color: #666;
    border: none !important;
  }
  .footer-bottom span{
    font-size: 20px;
  }
  
  .footer ul {
    color: #fff;
  }
  
  /* Плашки */
  .info-level3, h3 {
      font-size: 18px;
  }
  .product:hover, .featuredImgLook2 .inner:hover {
    border: 1px solid #ad0006;
  }
  .discount, .new-product {
      background: #2D2282 !important;
      border-radius: 0 4px 4px 0;
      padding: 3px 5px;
  }
  .featuredImgLook2 .info-level3 span, .featuredImgLook2 h3 span {
    color: #2D2282;
  }
  
  /* Фильтр */
  .panel-default > .panel-heading {
      border-top: 4px solid #2D2282;
  }
  .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #C40006 !important;
  }
  
  /* Пэйджинация */
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2D2282;
    border-color: #2D2282;
    color: #FFFFFF;
  }
  
  /* Корзина в шапке */
  .cartMenu a.dropdown-toggle {
    color: #ad0006;
    padding: 20px 20px;
  }
  
  /* Кнопки */
  .btn-primary, .btn-primary, .product:hover .add-fav:hover, .product:hover .add-fav.active {
      background-color: #C40006;
      color: #fff;
  }
  /* Кнопка "Купить" на плашке */
  .action-control a:hover, .action-control a.active {
    color: #fff !important;
    background: #ad0006;
  }
  
  /* Кнопка "Купить" на карточке товара */
  .cart-actions .btn-cart,
  .cart-actions button,
  .cart-actions .wishlist {
      background: none repeat scroll 0 0 #C40006;
      border: 2px solid #C40006;
        font-weight: 600;
  }
  
  .cart-actions button:hover {
      background: #fff;
      color: #C40006;
      border: solid 2px #C40006;
  }
  
  /* Карточка товара :: табы с параметрами */
  .product-tab {
      padding-bottom: 40px;
  }
  #details .product-item td {
    padding: 8px;
  }
  
  /* Карточка товара :: модификации */
  .product-mod-name {
    padding: 0px 0px 0px 8px;
    border-left: 2px solid #ad0006;
  }
  .product-mod-name:hover {
    padding: 0px 0px 0px 10px;
    border-left: 2px solid #ad0006;
  }
  
  /*-- MOBILE --*/
  .navbar-toggle{
    padding: 20px 10px;
  }
  .navbar-toggle .icon-bar {
    border: 2px solid #ad0006;
  }
  .getFullSearch{
    padding: 10px 12px
  }
  .colorWhite, .colorWhite i {
    color: #ad0006 !important
  }
  .megamenu-content ul li p{
    color: #ad0006;
  }
  @media (max-width: 767px){
    .dropdown-header, .megamenu-content ul li, .megamenu-content ul li a, .megamenu-content ul li p, .miniCartProduct, .miniCartProduct .price, .miniCartProduct .size, .miniCartProduct a, .miniCartProduct p, .navbar-nav .dropdown, .navbar-nav .dropdown a {
      color: #ad0006 !important;
    }
  }
  
  /*-- MOBILE:: Новая шапка... --*/
  @media all and (max-width: 992px) {
      .cartRespons.js-cart-title .cart-menu-title{
          display: none;
      }
      .footer-menu .container .row div{
          padding: 20px 15px;
      }
      .top-nav-header h3, .top-nav-header .info-level3 {
          display: flex;
          align-items: center;
      }
      .top-nav-header .contact-wrap{
          display: none;
      }
      .top-nav-menu{
          text-align: right;
      }
      .top-nav-header ul{
          padding: 10px 15px;
      }
      .top-nav-header ul li{
          display: block;
      }
      .top-nav-menu.top-nav-header ul{
          right: 0;
          text-align: right;
      }
      .top-nav-menu.top-nav-header ul li a{
          padding-left: 0;
          line-height: 35px;
      }
      .small-screen-contact{
          display: block;
      }
  }
  @media all and (max-width: 768px) {
      .top-contact{
          width: 60%;
          padding: 0 0 0 10px;
      }
      .top-info{
          width: 40%;
          padding: 0 10px 0 0px;
      }
  }
  @media all and (max-width: 600px) {
      .top-nav-header h3, .top-nav-header .info-level3 {
          font-size: 10px;
      }
      .top-nav-header h3 i, .top-nav-header .info-level3 i{
          margin-left: 4px;
          width: 16px;
      }
      .top-nav-header h3{
          font-size: 10px;
      }
      .top-nav-header h3 i{
          margin-left: 4px;
          width: 16px;
      }
      .top-contact{
          width: 70%;
          padding: 0 0 0 10px;
      }
      .top-info{
          width: 30%;
          padding: 0 10px 0 0px;
      }
      .top-nav-header .contact-wrap.active{
          width: 245px;
      }
  }
  @media all and (max-width: 450px) {
      .navbar-top .contact-phone ul li a, .navbar-top .top-nav-menu ul li a{
          font-size: 12px;
      }
  }
  
  @media (max-width: 400px){
    .search-box .input-group{
        margin: 0;
    }
    .getFullSearch{
        padding: 20px 12px;
    }
    .navbar-header.isios .navbar-brand img {
        max-width: none !important;
    }
    .navbar-brand img{
        max-width: none !important;
        height: 45px;
    }
    .navbar-header .navbar-toggle{
        padding: 10px 10px;
    }
    .navbar > .container .navbar-brand{
        padding-top: 9px;
    }
  }

/* custom */
.delivery-pickup-section {
  color: #4caf50;
}


.send-email-form {
  background: #f4f4f4;
  padding: 40px 80px;
  text-align: left;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 800px;
}

.send-email-form h3 {
  font-size: 30px;
  margin-bottom: 10px;
  width: 100%;
}

.send-email-form p {
  font-size: 16px;
  margin-bottom: 20px;
}

.send-email-form input {
  width: 100%;
  padding: 5px 10px;
  text-align: center;
}

.send-email-form input::placeholder, .send-email-form textarea::placeholder {
  text-align: center;
}

.send-email-form textarea {
  width: 100%;
  min-height: 108px;
  padding: 10px 20px;
  resize: vertical;
}

.send-email-form .send-mail-btn {
    background: #000;
    color: #fff;
    border: solid 2px #000;
  	padding: 10px;
 	margin-top: 10px;
    font-size: 20px;
    border-radius: 10px;
}

.send-email-form .send-mail-btn:hover {
  background: #fff;
    color: #000;
}

.send-email-form span.requard {
  display: block;
  text-align: left;
  margin-top: 20px;
}
.send-email-form #agree {
  width: auto;
}
.send-email-form .checkbox-block {
  margin-top: auto;
  margin-bottom:10px;
}
.send-email-form .checkbox-block label {
  font-weight: 400;
}
.send-email-form .checkbox-block a {
  color: blue;
  text-decoration: underline;
}
.send-email-form .form-inner-container {
  display: flex;
  flex-direction: column;
}

@media(min-width: 768px) and (max-width: 900px) {
  .send-email-form {
  padding: 40px 20px;
}
}

@media(max-width: 500px) {
  .send-email-form {
  padding: 40px 20px;
}
}
@media(max-width: 767px) {
  .send-email-form {
    flex-direction: column;
  }
}
.message-alert{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 1;
    z-index: 9999;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .message-alert .message-send, .message-alert .message-failed{
    position: absolute;
    width: 90%;
    max-width: 340px;
    margin: 0 auto;
    right: 20px;
    top: 20px;
    box-shadow: 5px 5px 7px 2px rgb(0 0 0 / 31%);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 15px;
    display: block;
    text-align: center;
    font-size:16px;
  }
  .message-alert .message-send{
      background-color: #000;
      color: #fff;
  }
  .message-alert .message-failed{
      background-color: rgb(236, 47, 47);
      color: #fff;
  }