/* BASE */
.hidden {
   overflow: hidden;
}

.selectize-dropdown-content::-webkit-scrollbar-track {
   border-radius   : 10px;
   background-color: #F5F5F5;
}

.selectize-dropdown-content::-webkit-scrollbar {
   width           : 6px;
   background-color: #F5F5F5;
}

.selectize-dropdown-content::-webkit-scrollbar-thumb {
   border-radius   : 6px;
   background-color: #cccccc;
}

.btn-primary {
   color             : #fff;
   background-color  : #e202b6;
   border-color      : #e202b6;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   -webkit-transition: 0.2s all;
}

.btn-primary:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

.btn-submit {
   background-color  : #e202b6;
   color             : #fff;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   border            : none;
   border-radius     : 5px;
   margin-right      : 5px;
}

.btn-submit:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

.btn-reset {
   background-color  : '';
   color             : #363636;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   border            : none;
   border-radius     : 5px;
}

.btn-reset:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

button:disabled,
button[disabled] {
   background-color: #cccccc !important;
   color           : #666666 !important;
}

button:disabled:hover,
button[disabled]:hover {
   opacity         : unset !important;
   background-color: #cccccc !important;
   color           : #666666 !important;
}

.input {
   width           : 100%;
   height          : 40px;
   border          : 1px solid #E4E7ED;
   background-color: #FFF;
   padding         : 0px 15px;
}

textarea.input {
   padding   : 15px;
   min-height: 90px;
}

.input-number {
   position: relative;
}

.input-number input[type="number"] {
   -moz-appearance : textfield;
   height          : 40px;
   width           : 100%;
   border          : 1px solid #E4E7ED;
   background-color: #FFF;
   padding         : 0px 35px 0px 15px;
}

.input-number input[type="number"]::-webkit-inner-spin-button,
.input-number input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin            : 0;
}

.input-number .qty-up,
.input-number .qty-down {
   width              : 20px;
   height             : 20px;
   border             : 1px solid #E4E7ED;
   background-color   : #FFF;
   position           : absolute;
   right              : 0;
   display            : block;
   text-align         : center;
   font-weight        : 700;
   cursor             : pointer;
   -webkit-user-select: none;
   -moz-user-select   : none;
   -ms-user-select    : none;
   user-select        : none;
}

.input-number .qty-up:hover,
.input-number .qty-down:hover {
   background-color: #c9c9c9;
   color           : #e202b6;
}

.input-number .qty-up {
   top          : 0;
   border-bottom: 0px;
}

.input-number .qty-down {
   bottom: 0;
}

.input-select {
   height          : 40px;
   border          : 1px solid #E4E7ED;
   background-color: #FFF;
   width           : unset;
   padding         : 0px 15px;
   font-size       : 13px;
}



/**** CART *****/
.search-btn {
   background-color  : #e202b6;
   color             : #fff;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   border            : none;
   border-radius     : 5px;
   height            : 41px;
   width             : 100px;
}

.search-btn:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

.aside-btns button {
   display: inline-block;
   width  : 110px;
   padding: 10px;
}

.btn-submit {
   background-color  : #e202b6;
   color             : #fff;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   border            : none;
   border-radius     : 5px;
   margin-right      : 5px;
}

.btn-submit:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

.btn-reset {
   background-color  : '';
   color             : #414180;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   border            : none;
   border-radius     : 5px;
}

.btn-reset:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

.btn-cancel {
   background-color  : '';
   color             : #414180;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   border            : none;
   border-radius     : 5px;
}

.btn-cancel:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

button:disabled,
button[disabled] {
   background-color: #cccccc !important;
   color           : #666666 !important;
}

button:disabled:hover,
button[disabled]:hover {
   opacity         : unset !important;
   background-color: #cccccc !important;
   color           : #666666 !important;
}

.cart-wrap {
   position          : fixed;
   right             : -100%;
   bottom            : 40px;
   cursor            : pointer;
   z-index           : 15 !important;
   -webkit-transition: right 0.35s;
   -o-transition     : right 0.35s;
   transition        : right 0.35s;
}

.cart-wrap.visible {
   right             : 20px;
   -webkit-transition: right 0.35s;
   -o-transition     : right 0.35s;
   transition        : right 0.35s;
}

.cart-wrap .cart-widget {
   display           : block;
   position          : relative;
   padding           : 20px;
   border-radius     : 50%;
   text-align        : center;
   background        : #323263;
   color             : #FFF;
   -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.1);
   box-shadow        : 0px 3px 11px 0px rgba(0, 0, 0, 0.1);
}

.cart-wrap .cart-widget>i {
   display  : block;
   font-size: 28px;
   width    : 28px;
   height   : 28px;
}

.cart-wrap .cart-widget>span {
   font-size: 12px;
}

.cart-wrap .cart-widget>.qty {
   position        : absolute;
   right           : 0;
   top             : -10px;
   width           : 25px;
   height          : 25px;
   line-height     : 25px;
   text-align      : center;
   border-radius   : 50%;
   font-size       : 10px;
   color           : #FFF;
   background-color: #e202b6;
}

#basket_bg {
   z-index          : 12 !important;
   display          : none;
   -webkit-animation: cd-fade-in 0.35s;
   animation        : cd-fade-in 0.35s;
   position         : fixed;
}

.cart-dropdown {
   right             : -100%;
   position          : fixed;
   top               : 0;
   width             : 32%;
   min-width         : 320px;
   max-width         : 550px;
   height            : 100%;
   overflow-y        : auto;
   background        : #fafbfb;
   -webkit-box-shadow: 0 5px 20px 2px rgba(0, 0, 0, 0.2) !important;
   box-shadow        : 0 5px 20px 2px rgba(0, 0, 0, 0.2) !important;
   z-index           : 99 !important;
   -webkit-transition: right 0.35s;
   -o-transition     : right 0.35s;
   transition        : right 0.35s;
}

.cart-dropdown.open {
   right             : 0;
   -webkit-transition: right 0.35s;
   -o-transition     : right 0.35s;
   transition        : right 0.35s;
}

@media screen and (max-width: 1400px) {
   .cart-dropdown {
      width: 40%;
   }
}

@media screen and (max-width: 992px) {
   .cart-dropdown {
      width: 60%;
   }
}

@media screen and (max-width: 576px) {
   .cart-dropdown {
      width                : 100%;
      max-width            : 100% !important;
      height               : 100vh;
      position             : fixed;
      z-index              : 99999;
      top                  : -100%;
      left                 : 0;
      border-radius        : 0;
      display              : -webkit-box;
      display              : -ms-flexbox;
      display              : flex;
      -webkit-box-orient   : vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction   : column;
      flex-direction       : column;
      visibility           : unset;
      -webkit-transform    : translate(0, -50%);
      -ms-transform        : translate(0, -50%);
      transform            : translate(0, -50%);
      -webkit-transition   : -webkit-transform 0.3s ease-out;
      transition           : -webkit-transform 0.3s ease-out;
      -o-transition        : transform 0.3s ease-out;
      transition           : transform 0.3s ease-out;
      transition           : transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
   }

   .cart-dropdown.open {
      top               : 0;
      z-index           : 100;
      -webkit-transform : translate(0, 0);
      -ms-transform     : translate(0, 0);
      transform         : translate(0, 0);
      -webkit-transition: -webkit-transform 0.3s ease-out;
      transition        : -webkit-transform 0.3s ease-out;
      -o-transition     : transform 0.3s ease-out;
      transition        : transform 0.3s ease-out;
      transition        : transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
   }
}

.cart-dropdown .cart-head {
   padding   : 15px 0;
   background: #414180;
}

@media screen and (max-width: 576px) {
   .cart-dropdown .cart-head {
      border-radius: 0;
   }
}

.cart-dropdown .cart-head h4 {
   margin-bottom: 5px;
   color        : #fff;
}

.cart-dropdown .cart-head .date-wrap {
   padding              : 8px 10px 0px;
   max-width            : 350px;
   margin               : 0 auto;
   -webkit-box-orient   : horizontal;
   -webkit-box-direction: normal;
   -ms-flex-flow        : row nowrap;
   flex-flow            : row nowrap;
   -webkit-box-pack     : justify;
   -ms-flex-pack        : justify;
   justify-content      : space-between;
   -webkit-box-align    : center;
   -ms-flex-align       : center;
   align-items          : center;
   font-size            : 16px !important;
   text-align           : left;
   color                : #fff;
   font-weight          : 500;
   display              : -webkit-box;
   display              : -ms-flexbox;
   display              : flex;
   -webkit-box-pack     : space-evenly;
   -ms-flex-pack        : space-evenly;
   justify-content      : space-evenly;
   cursor               : pointer;
}

.cart-dropdown .cart-head .date-wrap:hover {
   color             : #e202b6;
   -webkit-transition: 0.3s color;
   -o-transition     : 0.3s color;
   transition        : 0.3s color;
}

.cart-dropdown .cart-list {
   max-height   : calc(100% - 220px);
   overflow-y   : auto;
   margin-bottom: 8px;
   padding      : 2px 10px;
   overflow-x   : hidden;
}

@media screen and (max-width: 576px) {
   .cart-dropdown .cart-list {
      max-height   : unset;
      overflow-y   : auto;
      margin-bottom: 8px;
      padding      : 2px 10px;
      overflow-x   : hidden;
   }
}

.cart-dropdown .cart-list .product-widget {
   position          : relative;
   margin            : 8px auto 0 auto;
   padding           : 8px;
   border-radius     : 3px;
   font-size         : 15px;
   font-weight       : 400;
   background-color  : #fff;
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
   box-shadow        : rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
}

.cart-dropdown .cart-list .product-widget:last-child {
   margin-bottom: 0px;
}

.cart-dropdown .cart-list .product-widget .product-availability {
   margin-left  : 5px;
   color        : #8fcc40;
   font-size    : 12px !important;
   margin-bottom: 0;
   font-weight  : 500;
}

.cart-dropdown .cart-list .product-widget.not-availability {
   -webkit-box-shadow: rgba(255, 38, 38, 0.4) 0px 0px 2px 1px !important;
   box-shadow        : rgba(255, 38, 38, 0.4) 0px 0px 2px 1px !important;
}

.cart-dropdown .cart-list .product-widget.not-availability .product-availability {
   color: #fc4b4b;
}

.cart-dropdown .cart-list .product-widget .product-img {
   position: absolute;
   left    : 3px;
   padding : 4px;
   top     : 4px;
   width   : 60px;
   height  : 60px;
}

.cart-dropdown .cart-list .product-widget .product-img>img {
   width        : 100%;
   -o-object-fit: contain;
   object-fit   : contain;
   height       : 100%;
}

.cart-dropdown .cart-list .product-widget .product-body {
   padding-left : 60px;
   padding-right: 25px;
   min-height   : 60px;
}

.cart-dropdown .cart-list .product-widget .product-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.cart-dropdown .cart-list .product-widget .product-body .product-name {
   width         : 100%;
   margin-bottom : 8px;
   text-transform: uppercase;
   font-size     : 12px !important;
   line-height   : 14px !important;
}

.cart-dropdown .cart-list .product-widget .product-body .product-name>a {
   font-weight       : 500;
   display           : -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow          : hidden;
   -o-text-overflow  : ellipsis;
   text-overflow     : ellipsis;
}

.cart-dropdown .cart-list .product-widget .product-body .product-price {
   color: #414180;
}

.cart-dropdown .cart-list .product-widget .product-sum {
   width       : 78px;
   min-width   : 78px;
   height      : 22px;
   font-weight : 600;
   text-align  : right;
   font-size   : 14px;
   padding-left: 5px;
   line-height : 1;
}

.cart-dropdown .cart-list .product-widget .product-body .qty-up,
.cart-dropdown .cart-list .product-widget .product-body .qty-down {
   border-radius: 3px;
   border       : 1px solid #E4E7ED;
   padding      : 3px;
   cursor       : pointer;
   color        : #414180;
   width        : 23px;
   display      : inline-block;
   text-align   : center;
   font-size    : 13px;
}

.cart-dropdown .cart-list .product-widget .product-body .qty-up:hover,
.cart-dropdown .cart-list .product-widget .product-body .qty-down:hover {
   background-color: #E8E8E8;
   color           : #e202b6;
}

.cart-dropdown .cart-list .product-widget .product-body .qty {
   font-weight  : 400;
   width        : 35px !important;
   height       : 23px;
   font-size    : 15px;
   text-align   : center;
   border       : 1px solid #e4e7ed;
   border-radius: 3px;
}

.cart-dropdown .cart-list .product-widget .delete {
   position  : absolute;
   top       : 2px;
   right     : 8px;
   height    : 14px;
   width     : 14px;
   text-align: center;
   font-size : 15px;
   padding   : 0;
   background: #fff;
   border    : none;
   color     : #414180;
   opacity   : 0.7;
}

.cart-dropdown .cart-list .product-widget .delete:hover {
   opacity: 1;
}

@media screen and (max-width: 576px) {
   .cart-dropdown .cart-footer {
      margin-top: auto;
   }
}

.cart-dropdown a.cart-close {
   position   : absolute;
   top        : 0px;
   right      : 0px;
   padding    : 10px 15px;
   font-size  : 16px;
   cursor     : pointer;
   font-weight: 400;
   z-index    : 3;
   opacity    : 0.7;
   color      : #fff;
}

.cart-dropdown a.cart-close:hover {
   opacity: 1;
}

.cart-dropdown .cart-summary {
   border-top: 1px solid #E8E8E8;
   padding   : 8px 15px 5px;
}

.cart-dropdown .cart-summary small {
   font-size: 14px !important;
}

.cart-dropdown .cart-summary h5 {
   margin   : 5px 0 0;
   font-size: 16px !important;
}

.cart-dropdown .cart-btns {
   padding: 10px 15px;
}

.cart-dropdown .cart-btns>button {
   background-color  : #e202b6;
   color             : #fff;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   font-size         : 16px !important;
   border            : none;
   border-radius     : 5px;
   display           : inline-block;
   padding           : 12px;
   width             : 100%;
}

.cart-dropdown .cart-btns>button:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

/* --------------------------------

xkeyframes

-------------------------------- */
@-webkit-keyframes cd-fade-in {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

@keyframes cd-fade-in {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}


/**** MODAL CONTAINER  *****/


.modal_container {
   position: fixed;
   top     : -1000%;
   left    : 0;
   width   : 100%;
   height  : 100vh;
   display : -webkit-box;
   display : -ms-flexbox;
   display : flex;
}

.modal_container.open {
   top    : 0;
   z-index: 11;
}

.modal_container.open .modal_wrap {
   -webkit-transform : translate(0, 0);
   -ms-transform     : translate(0, 0);
   transform         : translate(0, 0);
   -webkit-transition: -webkit-transform 0.3s ease-out;
   transition        : -webkit-transform 0.3s ease-out;
   -o-transition     : transform 0.3s ease-out;
   transition        : transform 0.3s ease-out;
   transition        : transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal_bg {
   position  : absolute;
   top       : 0;
   left      : 0;
   width     : 100%;
   height    : 100%;
   background: rgba(3, 19, 31, 0.5);
}

.modal_wrap {
   max-height        : calc(100vh - 40px);
   overflow-y        : auto;
   margin            : auto;
   background        : #f8f8f4;
   border-radius     : 8px;
   position          : relative;
   z-index           : 2;
   width             : -webkit-max-content;
   width             : -moz-max-content;
   width             : max-content;
   padding           : 30px;
   -webkit-transform : translate(0, -50%);
   -ms-transform     : translate(0, -50%);
   transform         : translate(0, -50%);
   -webkit-transition: -webkit-transform 0.3s ease-out;
   transition        : -webkit-transform 0.3s ease-out;
   -o-transition     : transform 0.3s ease-out;
   transition        : transform 0.3s ease-out;
   transition        : transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

@media screen and (max-width: 992px) {
   .modal_wrap {
      margin-top: 20px;
   }
}

.modal_title {
   text-align   : center;
   margin-bottom: 20px;
}

.modal-close {
   position   : absolute;
   top        : 0px;
   right      : 0px;
   padding    : 10px 15px;
   font-size  : 16px;
   cursor     : pointer;
   font-weight: 400;
   z-index    : 3;
   opacity    : 0.7;
   color      : unset;
}

.modal_form-column {
   display              : -webkit-box;
   display              : -ms-flexbox;
   display              : flex;
   -webkit-box-orient   : vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction   : column;
   flex-direction       : column;
}

.modal_row {
   margin-bottom: 12px;
}

.modal_row .form-label {
   width: 100%;
}

.modal_input {
   width           : 100%;
   height          : 40px;
   border          : 1px solid #E4E7ED;
   background-color: #FFF;
   font-size       : 16px;
   height          : unset;
   padding         : 8px 12px;
}

.modal_textarea {
   width           : 100%;
   height          : 40px;
   border          : 1px solid #E4E7ED;
   background-color: #FFF;
   height          : unset;
   width           : 100% !important;
   padding         : 8px 12px;
   font-size       : 16px;
}

.modal_btn {
   background-color  : #e202b6;
   color             : #fff;
   text-align        : center;
   font-weight       : 700;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
   border            : none;
   border-radius     : 5px;
   padding           : 12px;
}

.modal_btn:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

#msg {
   position          : fixed;
   top               : -200%;
   left              : 50%;
   width             : 200px;
   padding           : 16px 8px;
   border-radius     : 10px;
   background        : rgba(0, 0, 0, 0.7);
   text-align        : center;
   -webkit-transform : translateX(-50%);
   -ms-transform     : translateX(-50%);
   transform         : translateX(-50%);
   -webkit-transition: top 0.5s;
   -o-transition     : top 0.5s;
   transition        : top 0.5s;
   z-index           : 9999;
}

#msg span {
   font-weight: 500;
   color      : #fff;
}

#msg.show {
   top               : 55px !important;
   -webkit-transition: top 0.5s;
   -o-transition     : top 0.5s;
   transition        : top 0.5s;
}

/* SUCCESS FORM */
#success_modal .modal_body {
   text-align: center;
}

#success_modal .modal_btn {
   min-width: 150px;
}

/* CHECKOUT FORM */

.checkout_form {
   display              : -webkit-box;
   display              : -ms-flexbox;
   display              : flex;
   -webkit-box-orient   : vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction   : column;
   flex-direction       : column
}

.checkout_row {
   margin-bottom: 12px
}

.checkout_row .form-label {
   width: 100%
}

.checkout_footer {
   text-align: right
}

.checkout_footer button {
   margin-left: 12px;
   padding    : 12px
}

.checkout_input {
   width           : 100%;
   height          : 40px;
   border          : 1px solid #e4e7ed;
   background-color: #fff;
   font-size       : 16px;
   height          : unset;
   padding         : 8px 12px
}

.checkout_textarea {
   width           : 100%;
   height          : 40px;
   border          : 1px solid #e4e7ed;
   background-color: #fff;
   height          : unset;
   width           : 100% !important;
   padding         : 8px 12px;
   font-size       : 16px
}


.checkout_btn-wrap {
   margin-top: auto;
}

.checkout-btn {
   background-color: #e202b6;
   color           : #fff;
   padding         : 12px;
}

.checkout_accept {
   text-align: center;
   margin-top: 10px;
}

.checkout_accept span {
   font-size: 12px;
}

.checkout-btn:hover {
   opacity           : 0.85;
   -webkit-transition: 0.2s all;
   -o-transition     : 0.2s all;
   transition        : 0.2s all;
}

.error-message,
.error-message-contact-form {
   padding-top: 2px;
   color      : #d22929;
   font-size  : 13px;
}

button:disabled,
button[disabled] {
   background-color: #ccc !important;
   color           : #666 !important;
   border-color    : #ccc !important;
   cursor          : default;
}

@media screen and (max-width: 576px) {
   .checkout {
      width                : 100%;
      height               : calc(100% - 40px);
      position             : fixed;
      z-index              : 99999;
      top                  : 40px;
      left                 : 0;
      border-radius        : 0;
      display              : -webkit-box;
      display              : -ms-flexbox;
      display              : flex;
      -webkit-box-orient   : vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction   : column;
      flex-direction       : column;
   }
}

#tab-checkout {
   display : none;
   position: fixed;
   top     : 0;
   z-index : 333;
   width   : 100%;
   height  : 40px;
}

@media screen and (max-width: 576px) {
   #tab-checkout.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}

#tab-checkout a {
   width             : 50%;
   padding           : 10px 0;
   text-align        : center;
   font-weight       : 500;
   background        : #f8f8f4;
   color             : #e202b6;
   -webkit-transition: all 0.3s ease-out;
   -o-transition     : all 0.3s ease-out;
   transition        : all 0.3s ease-out;
}

#tab-checkout a.active {
   background        : #e202b6;
   color             : #fff;
   -webkit-transition: all 0.3s ease-out;
   -o-transition     : all 0.3s ease-out;
   transition        : all 0.3s ease-out;
}

@media screen and (max-width: 576px) {
   #checkout_modal {
      z-index: 102;
   }

   #checkout_modal .modal_wrap {
      width        : 100%;
      margin-top   : 40px;
      margin-bottom: 0;
      border-radius: 0;
   }
}


/* DATE MODAL */
#date_modal {
   z-index: 102;
}

#date_modal .modal_wrap {
   margin-top: calc(100vh / 2 - 180px) !important;
}

@media screen and (max-width: 576px) {
   #date_modal .modal_wrap {
      width        : 100%;
      margin-top   : 40px !important;
      border-radius: 0;
   }
}

#date_modal .date_body {
   display         : -webkit-box;
   display         : -ms-flexbox;
   display         : flex;
   margin-bottom   : 12px;
   -webkit-box-pack: center;
   -ms-flex-pack   : center;
   justify-content : center;
}

@media screen and (max-width: 380px) {
   #date_modal .date_body {
      -webkit-box-orient   : vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction   : column;
      flex-direction       : column;
      -webkit-box-align    : center;
      -ms-flex-align       : center;
      align-items          : center;
   }
}

#date_modal .date_row {
   max-width    : 180px;
   margin-bottom: 12px;
}

#date_modal .date_row input {
   cursor: pointer;
}

#date_modal .date_spacer {
   margin-right: 16px;
}

#date_modal .date_footer {
   text-align: right;
}

#date_modal .date_footer button {
   padding: 8px 12px;
}

#date_modal .date_footer .btn-reset {
   margin-right: 8px;
}

#page-api .page-title {
   text-align: center;
}

#page-api h2 {
   margin-bottom: 24px;
}

.footer-links a[href*="uncategorized"] {
   display: none !important;
}

.contacts_wrap .main-contacts-items br {
   display: none;
}

body.hide-prices .product-price,
body.hide-prices .product-sum,
body.hide-prices .product-period,
body.hide-prices .cart-summary h5 {
   display: none;
}

body.hide-prices .product-widget .product-price {
   display: inherit;
}

body.hide-avail .cart-dropdown .cart-list .product-widget .product-availability {
   display: none !important;
}

body.hide-prices .order-item .sum,
body.hide-prices .order-item .total {
   display: none;
}


/* DISCOUNT */
.cart-dropdown .cart-list .product-widget .product-sum {
   position: relative;
}

.cart-dropdown .cart-list .product-widget .product-discount {
   position     : absolute;
   bottom       : -10px;
   right        : 0;
   min-width    : 34px;
   padding      : 3px;
   border-radius: 5px;
   font-size    : 11px;
   font-weight  : 500;
   text-align   : center;
   background   : #f3f3f3;
   color        : #fc4b4b;
}

@media (max-width: 380px) {
   .cart-dropdown .cart-list .product-widget .product-body .product-name {
      font-size: 11px !important;
   }

   .cart-dropdown .cart-list .product-widget .product-sum {
      font-size: 12px;
   }

   .cart-dropdown .cart-list .product-widget .product-availability {
      font-size: 10px !important;

   }
}