@font-face {
  font-family: 'Roboto-Medium';
  src: url('../cp_fonts/Roboto-Medium.eot');
  src: url('../cp_fonts/Roboto-Medium.woff') format('woff'),
  url('../cp_fonts/Roboto-Medium.ttf') format('truetype'),
  url('../cp_fonts/Roboto-Medium.svg') format('svg');
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../cp_fonts/Roboto-Regular.eot');
  src: url('../cp_fonts/Roboto-Regular.woff') format('woff'),
  url('../cp_fonts/Roboto-Regular.ttf') format('truetype'),
  url('../cp_fonts/Roboto-Regular.svg') format('svg');
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('../cp_fonts/Roboto-Thin.eot');
  src: url('../cp_fonts/Roboto-Thin.woff') format('woff'),
  url('../cp_fonts/Roboto-Thin.ttf') format('truetype'),
  url('../cp_fonts/Roboto-Thin.svg') format('svg');
}
/* #cp-modal-body * {
  vertical-align: baseline;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  box-sizing: content-box;
} */
#cp-modal-body {
  background: #fff;
  max-width: 620px;
  /* width: 90%; */
  margin: 0 auto;
  min-height: 100px;
  position: relative;
  z-index: 1;
  overflow: auto;
  top: 60px;
  width: 80vw;
  max-width: 1156px;
  max-height: 100vh;
  padding: 30px;
  border-radius: 16px;
}
@media (max-width: 768px) {
	#cp-modal-body {
    position: fixed;
    z-index: 1;
  }
}
#cp-modal-body .modal-heading {
  text-align: left;
  background-color: #fff;
  font-family: Roboto-Regular, Arial, Tahoma;
  font-size: 20px;
  color: #333;
  font-weight: normal;
/*  border-bottom: 1px solid #ddd;*/
  padding: 0 20px;
  position: relative;
  min-height: 50px;
  line-height: 50px;
  overflow: hidden;
}
#cp-modal-body .modal-close {
  width: 24px;
  height: 24px;
  background: url(close.png) no-repeat;
  right: 15px;
  top: 13px;
  position: absolute;
  opacity: 0.5;
  cursor: pointer !important;
}
#cp-modal-body .modal-body {
  background: #fff;
  padding: 20px;
  overflow: auto;
}
#cp-modal-body .product-heading {
  font-family: Roboto-Medium, Arial, Tahoma;
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#cp-modal-body .modal-body .modal-footer {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#cp-modal-body .modal-footer {
  padding: 17px 20px 17px 20px;
  background-color: #EDEDED;
  position: relative;
  display: inline-block;
  border-top: 1px solid #ddd;
  width: 100%;
  /*height: 100%;*/
  vertical-align: bottom;
  box-sizing: border-box;
}
.cp-modal-loadmask {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #eeeeee;
  opacity: 0.4;
  left: 0;
  top: 0;
}
.cp-modal-loadmask-loading {
  background: url(loading.svg) no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 0;
}
#cp-modal-body .modal-body .product-table-cart {
  display: block;
  max-height: 412px;
  overflow-y: auto;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-heading {
  display: table;
  width: 100%;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-heading > div {
  display: table-cell;
  font-size: 13px;
  line-height: 13px;
  color: #444;
  font-family: Roboto-Medium, Arial, Tahoma;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 7px 0;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body {
  display: table;
  width: 100%;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row {
  display: table-row;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > div {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px dotted #D9D9D9;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove {
  width: 10%;
  text-align: left;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove input {
  margin-left: 25%;
  width: 16px;
  height: 15px;
  display: inline-block;
  outline: none;
  border: 0;
  padding: 0;
  background: url(remove.png) no-repeat;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove input:hover {
  background-position: 0 -15px;
  cursor: pointer;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove input:active {
  background-position: 0 -30px;
  cursor: pointer;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-heading > .remove {
  width: 10%;
  text-align: left;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name,
#cp-modal-body .modal-body .product-table-cart > .product-table-heading > .name {
  width: 40%;
  text-align: left;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-left {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 0;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
  width: 140px;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right.fix {
  padding-left: 0;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
  font-family: Myriad\ Pro;
  color: #444;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
  font-weight:  normal;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a.error-stock {
  color: #df2e2e;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a:hover {
  text-decoration: underline;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .model,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .stock-text,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .options,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .reward {
  font-size: 12px;
  color: #888;
  line-height: 14px;
  font-family: Roboto-Regular, Arial, Tahoma;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .model span,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .stock-text span,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .options span,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right .reward span {
  color: #444;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price,
#cp-modal-body .modal-body .product-table-cart > .product-table-heading > .price {
  width: 15%;
  text-align: left;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price > div,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total > div {
  display: block;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price span,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total span {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: #888;
  line-height: 12px;
  font-family: Roboto-Regular, Arial, Tahoma;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity,
#cp-modal-body .modal-body .product-table-cart > .product-table-heading > .quantity {
  width: 15%;
  text-align: left;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total,
#cp-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
  width: 15%;
  text-align: left;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total {
  font-size: 14px;
  line-height: 14px;
  color: #444;
  font-family: Roboto-Regular, Arial, Tahoma;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner {
  display: inline-block;
  padding: 10px 0;
  position: relative;
  margin-left: 5px;
  vertical-align: top;
  min-height: 62px;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div {
  bottom: 0;
  height: 61px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > input.input-quantity {
  border: 1px solid #D9D9D9;
  background: #fff;
  width: 40px;
  display: inline-block;
  height: 18px;
  margin: 3px auto;
  text-align: center;
  clear: both;
  font-family: Roboto-Regular, Arial, Tahoma;
  font-size: 12px;
  color: #444;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > input.input-quantity:after {
  content: " ";
  clear: both;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity {
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  color: #444;
  display: block;
  height: 18px;
  font-family: Roboto-Regular, Arial, Tahoma;
  padding: 0px 0px;
  width: 40px;
  margin: 0 auto;
  -webkit-transition: border-color .20s;
  -moz-transition: border-color .20s;
  -o-transition: border-color .20s;
  transition: border-color .20s;
  cursor: pointer;
  background: #F3F3F3;
  border: 1px solid #D9D9D9;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity:active,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity:active {
  border-color: #4D90FE;
  color: #000;
  -moz-box-shadow: 0 0 10px #D4D4D4 inset;
  -webkit-box-shadow: 0 0 10px #D4D4D4 inset;
  box-shadow: 0 0 10px #D4D4D4 inset;
}
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity:hover,
#cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity:hover {
  background: #F4F4F4;
  border-color: #C0C0C0;
}
#cp-modal-body .modal-body .totals {
  text-align: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0 0 0;
}
#cp-modal-body .modal-body .totals > div {
  /*border: 2px solid #bbb;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  padding: 7px 10px 6px;
  position: relative;
  text-align: center;
  font-family: Roboto-Medium, Arial, Tahoma;
  color: #333;
}
.close-button-bottom{
    text-decoration: underline;
    border-bottom: solid 1px;
    display: inline-block;
    margin-top: 5px;
    line-height: normal;
    color: #3e77aa;
    margin-left: -30px;
    background: #fff; 
}

#cp-modal-body .modal-body .totals > div > span {
  display: inline-block;
}
#cp-modal-body .modal-body .totals > div > #total-order,
#cp-modal-body .modal-body .totals > div > #weight-order {
  display: inline-block;
}
#cp-modal-body #check-data .error-text {
  font-size: 11px;
  color: #DF2E2E;
  font-family: Roboto-Regular, Arial, Tahoma;
  display: block;
  margin: -4px 0 2px;
}
#cp-modal-body #check-data .error-style {
  border: 1px solid #DF2E2E !important;
}
#cp-modal-body > .modal-footer {
  position: relative;
  display: flex;
  text-align: center;
  padding: 20px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  background: #EDEDED;
}


.precehceckoutinfo_popupcart{
  display: block;
    background: #f4f0ec;
    border: 1px solid #ed6e00 !important;
    box-sizing: border-box !important;
    border-radius: 5px;
    margin-left: 0 !important;
    margin-right: 30px !important;
    padding: 10px 10px !important;
}
#cp-modal-body > .modal-footer input + input {
  margin-left: 7px;
}
#cp-modal-body > .modal-footer > input {
  float: left;
  display: inline-block;
  height: 35px;
  overflow: hidden;
  margin: 0;
  padding: 0px;
  width: 65%;
  outline: none;
  border: 0;
  font-size: 14px;
  font-family: Roboto-Medium, Arial, Tahoma;
  text-decoration: none;
  color: #FFF;
  background: #47c843;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .50s;
  -moz-transition: background .50s;
  -o-transition: background .50s;
  transition: background .50s;
  cursor: pointer;
}
#cp-modal-body > .modal-footer > input.go-button-bottom {
  float: right;
  background: #ed6e00;
  padding: 10px 30px;
}
#cp-modal-body > .modal-footer > input.go-button-bottom:hover {
 /* background: #3cb736;*/
}
#cp-modal-body > .modal-footer > input.go-button-bottom:active {
  /*background: #33933A;*/
}
#cp-modal-body > .modal-footer > input.close-button-bottom {
  background: #E94E4E;
}
#cp-modal-body > .modal-footer > input.close-button-bottom:hover {
  background: #E81717;
}
#cp-modal-body > .modal-footer > input.close-button-bottom:active {
  background: #AA3A3A;
}
#cp-modal-body > .modal-footer > input.save-button-bottom {
  background: #2c3e50;
}
#cp-modal-body > .modal-footer > input.save-button-bottom:hover {
  background: #375879;
}
#cp-modal-body > .modal-footer > input.save-button-bottom:active {
  background: #193754;
}
#cp-modal-body > .modal-footer > .totals {
  border: 2px solid #bbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: left;
  font-size: 14px;
  padding: 7px 10px 6px;
  position: relative;
  text-align: center;
  font-family: Roboto-Medium, Arial, Tahoma;
  color: #333;
}
#cp-modal-body > .modal-footer > .totals > span {
  display: inline-block;
}
#cp-modal-body > .modal-footer > .totals > #total-order {
  display: inline-block;
}
#cp-modal-body .modal-body #save-cart-data {
  display: none;
  border: 1px solid #D9D9D9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  margin-top: 20px;
}
#cp-modal-body .modal-body #save-cart-data .save-cart-data-button {
  display: inline-block;
  height: 35px;
  overflow: hidden;
  margin: 0;
  padding: 0px;
  width: 49%;
  outline: none;
  border: 0;
  font-size: 14px;
  font-family: Roboto-Medium, Arial, Tahoma;
  text-decoration: none;
  color: #FFF;
  background: #2980b9;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .50s;
  -moz-transition: background .50s;
  -o-transition: background .50s;
  transition: background .50s;
  cursor: pointer;
}
#cp-modal-body .modal-body #save-cart-data .save-cart-data-button.fix {
  width: 100%;
}
#cp-modal-body .modal-body #save-cart-data .save-cart-data-button + .save-cart-data-button {
  margin-left: 7px;
}
#cp-modal-body .modal-body #save-cart-data .save-cart-data-button:hover,
#cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email input[type=button]:hover {
  background: #3498db;
}
#cp-modal-body .modal-body #save-cart-data .save-cart-data-button:active,
#cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email input[type=button]:active {
  background: #34495e;
}
#cp-modal-body .modal-body #save-cart-data > #save-cart-data-result-error,
#cp-modal-body .modal-body #save-cart-data > #save-cart-data-result-success,
#cp-coupon-success,
#cp-voucher-success,
#cp-shipping-success,
#cp-reward-success {
  font-size: 12px;
  line-height: 12px;
  display: none;
  margin: 10px 0 0 0;
  padding: 10px;
  font-family: Roboto-Regular, Arial, Tahoma;
  text-decoration: none;
  color: #FFF;
  text-align: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#save-cart-data-result-error {
  background: #e74c3c;
}
#save-cart-data-result-success {
  background: #27ae60;
}
#cp-coupon-success,
#cp-voucher-success,
#cp-shipping-success,
#cp-reward-success {
  display: block;
  margin-bottom: 5px;
  background: #27ae60;
}
#cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email {
  display: none;
  margin-top: 10px;
}
#cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email input[type=text] {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 2px 5px;
  position: relative;
  width: 80%;
  font-size: 12px;
  color: #333;
  font-family: Roboto-Regular, Arial, Tahoma;
  -webkit-transition: border-color .75s;
  -moz-transition: border-color .75s;
  -o-transition: border-color .75s;
  transition: border-color .75s;
}
#cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email input[type=text]:focus {
  border: 1px solid #5A5F63;
}
#cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email input[type=button] {
  display: inline-block;
  height: 26px;
  overflow: hidden;
  margin: 0;
  padding: 0px;
  width: 19%;
  outline: none;
  border: 0;
  font-size: 12px;
  font-family: Roboto-Medium, Arial, Tahoma;
  text-decoration: none;
  color: #FFF;
  background: #2980b9;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .50s;
  -moz-transition: background .50s;
  -o-transition: background .50s;
  transition: background .50s;
  cursor: pointer;
}
#cp-modal-body .modal-body #cp-modal-data-empty {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #333;
  font-family: Roboto-Regular, Arial, Tahoma;
}
#cp-modal-body #check-data > #cp-ajax-products {
  display: block;
  text-align: center;
  padding: 20px 20px 0px 20px;
  position: relative;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list {
  display: block;
  position: relative;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product {
  border: 1px solid #D9D9D9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
  width: 20%;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list .cp-modal-loadmask-loading {
  background:url(loading-small.svg) no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 0;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .image {
  text-align: center;
  margin-bottom: 10px;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .name {
  position: relative;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .name a {
  font-size: 12px;
  line-height: 12px;
  color: #444;
  text-decoration: none;
  font-family: Roboto-Regular, Arial, Tahoma;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .price {
  position: relative;
  font-size: 12px;
  color: #444;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .price .price-new {
  font-family: Roboto-Medium, Arial, Tahoma;
  font-weight: 800;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .price .price-old {
  text-decoration: line-through;
  font-family: Roboto-Regular, Arial, Tahoma;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .cart {
  position: relative;
  margin-top: 5px;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .cart > a {
  font-size: 11px;
  line-height: 11px;
  padding: 4px 7px;
  font-family: Roboto-Medium, Arial, Tahoma;
  color: #FFF;
  cursor: pointer;
  background: #16a085;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .50s;
  -moz-transition: background .50s;
  -o-transition: background .50s;
  transition: background .50s;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .cart > a:hover {
  background: #2ecc71;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product > .name a:hover {
  text-decoration: underline;
}
#cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product + .ajax-product  {
  margin-left: 5px;
}
#cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow {
  position: absolute;
  width: 93.3%;
  top: 40%;
  z-index: 1;
}
#cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button {
  font-size: 11px;
  line-height: 11px;
  padding: 4px 7px;
  font-family: Roboto-Medium, Arial, Tahoma;
  color: #FFF;
  cursor: pointer;
  background: #16a085;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .50s;
  -moz-transition: background .50s;
  -o-transition: background .50s;
  transition: background .50s;
}
#cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button:hover {
  background: #2ecc71;
}
#cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button:first-child {
  position: absolute;
  left: 0;
}
#cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button:last-child {
  position: absolute;
  right: 0;
}
#cp-modal-body .alert {
  color: #A94442;
  background-color: #F2DEDE;
  border: 1px solid #EBCCD1;
  padding: 8px 14px 8px 14px;
  margin-bottom: 15px;
  border-radius: 4px;
  font-size: 12px;
}
#cp-modal-body .alert button.close {
  font-size: 21px;
}
.cart-gifts {
  position: relative;
}
.cart-gifts .cp-gift-heading {
  font-size: 12px;
  line-height: 14px;
  margin: 10px 0 5px !important;
}
#cp-gift-accordion {
  display: inline-block;
  width: 100%;
}
#cp-gift-accordion > div {
  margin-top: 5px;
}
#cp-gift-accordion .heading {
  font-size: 14px;
  color: #333;
  font-family: Roboto-Regular, Arial, Tahoma;
  background: #F5F5F5;
  border: 1px solid #DDD;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  padding: 4px 5px 2px;
}
#cp-gift-accordion .heading a {
  font-size: 14px;
  line-height: 14px;
  color: #333;
  font-family: Roboto-Regular, Arial, Tahoma;
  text-decoration: none;
}
#cp-gift-accordion .heading i, #cp-gift-accordion .section i {
  font-family: FontAwesome;
}
#cp-gift-accordion .section {
  position: relative;
  display: block;
  margin: 5px 0 0 0;
  overflow: auto;
}
#cp-gift-accordion .section input,
#cp-gift-accordion .section select,
#cp-gift-accordion .section textarea {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-sizing: border-box;
  display: block;
  margin: 0 0 5px 0;
  padding: 2px 5px;
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #333;
  font-family: Roboto-Regular, Arial, Tahoma;
  -webkit-transition: border-color .75s;
  -moz-transition: border-color .75s;
  -o-transition: border-color .75s;
  transition: border-color .75s;
}
#cp-gift-accordion .section select {
  padding: 4px 5px;
}
#cp-gift-accordion .section textarea {
  resize: vertical;
}
#cp-gift-accordion .section input:focus,
#cp-gift-accordion .section textarea:focus {
  border: 1px solid #5A5F63;
}
#cp-gift-accordion .section .next-step-button {
  display: inline-block;
  padding: 4px 0 3px;
  margin: 0;
  width: 100%;
  outline: none;
  border: 0;
  font-size: 12px;
  font-family: Roboto-Regular, Arial, Tahoma;
  text-decoration: none;
  color: #FFF;
  background: #3498db;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .50s;
  -moz-transition: background .50s;
  -o-transition: background .50s;
  transition: background .50s;
  cursor: pointer;
}
#cp-gift-accordion .section .next-step-button:hover {
  background: #2980b9;
}
#cp-gift-accordion .section .next-step-button:active {
  background: #34495e;
}
#cp-modal-body #cp-block-shipping {
  position: relative;
  margin-top: 5px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
}
#cp-modal-body #cp-block-shipping table,
#cp-modal-body #cp-block-shipping table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0 5px 0;
}
#cp-modal-body #cp-block-shipping table > thead {
  background: #F6F7F7;
}
#cp-modal-body #cp-block-shipping table > thead > tr > td,
#cp-modal-body #cp-block-shipping table > thead > tr > td {
  font-size: 14px;
  color: #333;
  font-family: Roboto-Regular, Arial, Tahoma;
}
#cp-modal-body #cp-block-shipping table td,
#cp-modal-body #cp-block-shipping table td {
  border: 1px solid #ededed;
  padding: 3px 5px;
  font-size: 12px;
  color: #333;
  font-family: Roboto-Regular, Arial, Tahoma;
  vertical-align: middle;
}
#cp-modal-body #cp-block-shipping table > tbody > tr > td > div,
#cp-modal-body #cp-block-shipping table > tbody > tr > td > div {
  margin: 2px 0 0 0;
  display: inline-block;
}
#cp-modal-body #cp-block-shipping table > tbody > tr > td.first-td {
  border-right: 1px solid transparent;
  width: 13px;
  padding-right: 0;
  line-height: 18px;
}
#cp-modal-body #cp-block-shipping table > tbody > tr > td.first-td div input {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-top: 2px;
}
.block_buttom_by_one{
  padding: 15px !important;
}
.title_bl{
  font-family: Myriad\ Pro !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 19px;
  color: #333;
  margin-bottom: 20px !important;
}
.one-click-bottom{
  float: right;
  background: #ed6e00;
  padding: 10px 30px !important;
}
@media (min-width: 320px) and (max-width: 359px) {
  #cp-modal-body {
    width: 295px;
  }
  #cp-modal-body > .modal-footer {
    height: 100%;
    overflow: auto;
  }
  #cp-modal-body > .modal-footer > input {
    width: 100%;
  }
  #cp-modal-body > .modal-footer > input + input {
    margin: 6px 0 0 0;
  }
  #cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email input[type=text] {
    width: 79%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > div {
    font-size: 11px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove {
    width: 5%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove input {
    margin-left: 0%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name {
    width: 30%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-left {
    display: none;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right {
    width: 100%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price,
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total {
    font-size: 12px;
    line-height: 12px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity,
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > .quantity {
    /*width: 9%;*/
    width: 115px;
    min-width: 82px;
    text-align: center;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity div,
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > .quantity div {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: space-around;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity,
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity {
    width: 25px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > input.input-quantity {
    width: 25px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner {
    margin-left: 0;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > .remove {
    display: none;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total,
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
    text-align: right;
  }
  #cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
  }
  #cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button:first-child,
  #cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button:last-child {
    position: relative;
    display: inline-block;
  }
  #cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product + .ajax-product {
    margin: 5px 0 0 0;
  }
  #cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list .cp-modal-loadmask-loading {
    left: 95px !important;
  }
  #cp-modal-body .modal-body #save-cart-data .save-cart-data-button {
    width: 100%;
  }
  #cp-modal-body .modal-body #save-cart-data .save-cart-data-button + .save-cart-data-button {
    margin-left: 0;
    margin-top: 5px;
  }
}
@media (min-width: 360px) and (max-width: 532px) {
  #cp-modal-body {
    width: 330px;
  }
  #cp-modal-body > .modal-footer {
    height: 100%;
    overflow: auto;
  }
  #cp-modal-body > .modal-footer > input {
    width: 100%;
  }
  #cp-modal-body > .modal-footer > input + input {
    margin: 6px 0 0 0;
  }
  #cp-modal-body .modal-body #save-cart-data #save-cart-data-for-email input[type=text] {
    width: 79%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > div {
    font-size: 11px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove {
    width: 5%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .remove input {
    margin-left: 0%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name {
    width: 30%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-left {
    display: none;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right {
    width: 100%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .name > .name-right a {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0;
    width: 75%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .price,
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total {
    font-size: 12px;
    line-height: 12px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity,
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > .quantity {
    width: 11%;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#decrease-quantity,
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > button#increase-quantity {
    width: 25px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner > div > input.input-quantity {
    width: 23px;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .quantity > .inner {
    margin-left: 0;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > .remove {
    display: none;
  }
  #cp-modal-body .modal-body .product-table-cart > .product-table-body > .product-table-body-row > .total,
  #cp-modal-body .modal-body .product-table-cart > .product-table-heading > .total {
    text-align: right;
  }
  #cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
  }
  #cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button:first-child,
  #cp-modal-body #check-data > #cp-ajax-products > .cp-ajax-products-arrow button:last-child {
    position: relative;
    display: inline-block;
  }
  #cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list > .ajax-product + .ajax-product {
    margin: 5px 0 0 0;
  }
  #cp-modal-body #check-data > #cp-ajax-products > #cp-ajax-products-list .cp-modal-loadmask-loading {
    left: 105px !important;
  }
  #cp-modal-body .modal-body #save-cart-data .save-cart-data-button {
    width: 100%;
  }
  #cp-modal-body .modal-body #save-cart-data .save-cart-data-button + .save-cart-data-button {
    margin-left: 0;
    margin-top: 5px;
  }
}
@media (min-width: 533px) and (max-width: 603px) {
  #cp-modal-body {
    width: 550px;
  }
  #cp-modal-body > .modal-footer > input {
    width: 164px;
  }
}

@media (max-width: 766px) {
  #cp-modal-body{
    top: 0;
    margin-left: 0;
    margin-right: 0;
    width: calc(100% + 12px);
    left: -6px;
    border-radius: 0;
    height: 100vh;
    overflow: hidden;
  }

  .mfp-wrap{
    z-index: 25000 !important;
  }
}

/* @media (max-width: 676px) {
  #cp-modal-body{
    top: 100px;
  }
} */

@media (max-width: 532px) {
  #decrease-quantity, #increase-quantity{
    left: 20px;
    position: relative;
  }

  #cp-modal-body .modal-body .totals > div{
    font-size: 12px;
  }

  .modal-footer{
    flex-direction: column;
  }

  .precehceckoutinfo_popupcart{
    margin: 0 auto !important;
  }

  #cp-modal-body > .modal-footer > input.go-button-bottom{
    width: auto;
    margin-top: 15px;
  }
}

#decrease-quantity, #increase-quantity{
    background: #fff;
    font-size: 11px;
    font-weight: bold;
  }
  .input-quantity{
    text-align: center;
    border: 1px solid #555 !important;
    margin: 0 10px !important;
  }

  /* __________ cart modal __________ */

.modal-cart__content {
	position: relative;

	width: 80vw;
	max-width: 1156px;
	max-height: 90vh;
	padding: 30px;

	background: #ffffff;

	border-radius: 16px;

	overflow: auto;
}

@media (max-width: 1024px) {
	.modal-cart__content {
		padding: 20px;
	}
}

@media (max-width: 768px) {
	.modal-cart__content {
		display: flex;
		flex-direction: column;

		height: 100%;
		width: 100%;
		max-height: 100%;
		max-width: unset;

		border-radius: 0;
	}
}

@media (max-width: 576px) {
	.modal-cart__content {
		padding: 10px 15px;
	}
}

@media (max-height: 700px) and (not (orientation: landscape)) {
	.modal-cart__content {
		overflow: auto;
		height: 100%;
		max-height: 100%;
		min-height: 600px;
	}
}

@media (max-width: 767px) and (max-height: 600px) {
	.modal-cart__content {
		height: auto;
	}
}

.modal-cart__close {
	position: absolute;
	top: 50px;
	right: 40px;

	background: transparent;

	border: none;

	cursor: pointer;

	&:hover,
	&:focus-visible {
		.modal-cart__close_wrapper {
			&:after {
				background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5078 1.29175L1.50781 19.2917' stroke='%23ED6E00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M1.50781 1.29175L19.5078 19.2917' stroke='%23ED6E00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
					no-repeat;
			}
		}
	}
}

@media (max-width: 768px) {
	.modal-cart__close {
		top: 30px;
		right: 30px;
	}
}

@media (max-width: 576px) {
	.modal-cart__close {
		&:hover,
		&:focus-visible {
			.modal-cart__close_wrapper {
				&:after {
					width: 14px;
					height: 15px;

					background: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5078 1.29175L1.50781 19.2917' stroke='%23ED6E00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M1.50781 1.29175L19.5078 19.2917' stroke='%23ED6E00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
						no-repeat;
				}
			}
		}
	}
}

.modal-cart__close_wrapper {
	position: relative;

	&::after {
		position: absolute;
		top: 50%;
		left: 50%;

		width: 21px;
		height: 21px;

		background: url("data:image/svg+xml, %3Csvg viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5078 1.29175L1.50781 19.2917' stroke='%239D9D9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M1.50781 1.29175L19.5078 19.2917' stroke='%239D9D9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
			no-repeat;

		transform: translate(-50%, -50%);
		transition: background 0.3s ease;
		content: "";
	}
}

@media (max-width: 576px) {
	.modal-cart__close_wrapper {
		&::after {
			width: 14px;
			height: 15px;
		}
	}
}

.modal-cart__title {
	font-size: 28px;

	width: 100%;
	padding-bottom: 15px;

	text-align: left;

	border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 576px) {
	.modal-cart__title {
		font-size: 20px;
	}
}

.modal-cart__body {
	/* max-height: 278px; */
	min-height: 132px;
	padding-right: 10px;

	overflow-y: auto;

	scrollbar-width: 4px !important;
	-ms-overflow-style: 4px !important;

	&.order-registration__cart_body {
		max-height: 565px;
	}
}

@media (min-width: 769px) {
	.modal-cart__body {
		max-height: 278px;
	}
}

@media (max-width: 1024px) {
	.modal-cart__body {
		&.order-registration__cart_body {
			display: none;
		}
	}
}

@media (max-width: 768px) {
	.modal-cart__body {
		height: calc(100vh - 450px);
	}
}

.modal-cart__body::-webkit-scrollbar {
	width: 4px !important;
	height: 100% !important;
}

.modal-cart__list {
	padding-right: 10px;
}

@media (max-width: 576px) {
	.modal-cart__list {
		padding-right: 0;
	}
}

.modal-cart-item {
	display: grid;
	grid-template-columns: minmax(40px, 48px) auto minmax(90px, 140px) max-content;
	gap: 5px 30px;
	grid-auto-flow: row;
	align-items: center;

	grid-template-areas:
		"image title quantity price-row"
		"image price quantity price-row";

	padding: 20px 0 20px 10px;
	width: 100%;

	&:not(:last-child) {
		border-bottom: 1px solid #e6e6e6;
	}

	.order-registration__cart_body & {
		grid-template-columns: minmax(40px, 48px) auto max-content max-content;
		gap: 5px 10px;

		padding-block: 18px;
	}
}

@media (max-width: 1024px) {
	.modal-cart-item {
		gap: 5px 10px;
	}
}

@media (max-width: 768px) {
	.modal-cart-item {
		grid-template-columns: repeat(6, 1fr);

		grid-template-areas:
			"image title title title title title"
			"price price quantity quantity price-row price-row";
	}
}

@media (max-width: 576px) {
	.modal-cart-item {
		padding-left: 0;
	}
}

.modal-cart-item__image_wrapp {
	grid-area: image;

	max-width: 48px;
	aspect-ratio: 1;
}

.modal-cart-item__image {
	display: block;

	width: 100%;
	height: auto;

	object-fit: contain;
}

.modal-cart-item__title {
	grid-area: title;
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;

	.order-registration__cart_body & {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.modal-cart-item__title {
		margin-left: -34px;

		line-height: 1.2;

		a {
			line-height: 1;
		}
	}
}

@media (max-width: 576px) {
	.modal-cart-item__title {
		margin-left: 0;
	}
}

.modal-cart-item__price {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.18;
	color: #252c3280;
  width: 100px;
	grid-area: price;
  /* text-align: right;
  padding-right: 1px; */

	&.modal-cart-item__price--old {
		text-decoration: line-through;
		color: #5b6871;
	}

	&.modal-cart-item__price--new {
		font-weight: 600;
		font-size: 18px;
		color: #ff2f00;
	}

  &.modal-cart-item__price--casual {
		font-weight: 600;
		font-size: 18px;
		color: #5b6871;
	}

	.order-registration__cart_body & {
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.modal-cart-item__price {
		text-align: right;
    padding-right: 1px;
	}
}

.modal-cart-item__quantity {
	grid-area: quantity;
	display: flex;
	align-items: center;
	gap: 10px;

	width: fit-content;
	height: 32px;

	background: #fafafa;

	border: 1px solid #e6e6e6;
	border-radius: 4px;

	.order-registration__cart_body & {
		gap: 0;
		margin-right: 20px;
	}
}

@media (max-width: 768px) {
	.modal-cart-item__quantity {
		justify-self: center;
		gap: 5px;
	}
}

.modal-cart-item__quantity_icon {
	height: 100%;
	padding-inline: 10px;

	background-color: transparent;

	border: none;
	border-radius: 2px;

	cursor: pointer;
	transition: background 0.2s;

	&:hover,
	&:focus-visible {
		background: #e6e6e6;
	}
}

.modal-cart-item__quantity_count {
	padding-inline: 6px;

	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

.modal-cart-item__quantity_button {
	display: inline-block;

	height: 100%;
	padding-inline: 10px;

	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #252c32;

	background: transparent;

	border: none;
	border-radius: 2px;

	outline: none;
	opacity: 0.5;
	cursor: pointer;
	transition: background 0.2s;

	&:hover,
	&:focus-visible {
		background: #e6e6e6;
	}
}

.modal-cart-item__price_row {
	grid-area: price-row;
  width: 77px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (max-width: 768px) {
	.modal-cart-item__price_row {
		align-items: flex-end;
	}
}

.modal-cart__footer {
	width: 100%;
}

@media (max-width: 768px) {
	.modal-cart__footer {
		margin-top: auto;
	}
}

.modal-cart-footer-total {
	display: flex;

	width: 100%;
	padding-block: 15px 15px;

	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}

.modal-cart-footer-total__button {
	flex: 1;
}

@media (max-width: 768px) {
	.modal-cart-footer-total__button {
		display: none;
	}
}

.modal-cart-footer-total__button_link {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ed6e00;
  cursor: pointer;

	&:hover .modal-cart-footer-total__button_icon,
	&:focus-visible .modal-cart-footer-total__button_icon {
		transform: translateX(-5px);
	}
}

.modal-cart-footer-total__button_icon {
	transition: transform 0.2s;
}

.modal-cart-footer-total__info_item {
	display: grid;
	grid-template-columns: auto max-content;
	gap: 2px 10px;

	min-width: 284px;

	&:not(:last-child) {
		margin-bottom: 10px;
	}
}

@media (max-width: 768px) {
	.modal-cart-footer-total__info_item {
		width: 100%;
	}
}

.modal-cart-footer-total__info_item__title {
	grid-column: 1;

	font-weight: 600;
	color: #252c32;

	opacity: 0.5;
}

.modal-cart-footer-total__info_item__price_row {
	grid-column: 2;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

@media (max-width: 768px) {
	.modal-cart-footer-total__info_item__price_row {
		align-items: flex-end;
	}
}

.modal-cart-footer-total__info_item__price {
	font-size: 18px;
	font-weight: 600;

	&.modal-cart-footer-total__info_item__price--old {
		font-size: 16px;
		color: #5b6871;
		text-decoration: line-through;
	}

	&.modal-cart-footer-total__info_item__price--new {
		font-size: 22px;
		color: #ff2f00;
	}
}

.modal-cart-footer-info {
	display: flex;
	align-items: center;
	gap: 20px;

	width: 100%;
	padding-block: 20px;
}

@media (max-width: 768px) {
	.modal-cart-footer-info {
		flex-direction: column;

		padding-block: 0;
	}
}

.modal-cart-footer-info__content {
	flex: 1;
}

@media (min-width: 769px) {
	.modal-cart-footer-info__content {
		&.modal-cart-footer-info__content--mob {
			display: none;
		}
	}
}

@media (max-width: 768px) {
	.modal-cart-footer-info__content {
		&.modal-cart-footer-info__content--desk {
			display: none;
		}

		&.modal-cart-footer-info__content--mob {
			padding-block: 25px;

			border-top: 1px solid #e6e6e6;
		}
	}
}

.modal-cart-footer-info__text {
	font-size: 15px;
	letter-spacing: 0.02em;
}

.modal-cart-footer-info__text {
	@media (max-width: 768px) {
		display: inline;
	}
}

.modal-cart-footer-info__in {
	font-weight: 600;
	color: #ed6e00;

	background-color: transparent;

	border: none;

	cursor: pointer;

	&:hover,
	&:focus-visible {
		text-decoration: underline;
	}
}

.modal-cart-footer-info__button {
	min-width: 284px;
}

@media (max-width: 768px) {
	.modal-cart-footer-info__button {
		width: 100%;

		button {
			width: 100%;
		}
	}
}

.modal-cart-footer-contact {
	display: flex;
	align-items: center;
	gap: 20px;

	width: calc(100% + 60px);
	margin: 0 -30px -30px;
	padding: 20px 30px 30px;

	background-color: #fafafa;

	border-top: 1px solid #e6e6e6;
}

@media (max-width: 768px) {
	.modal-cart-footer-contact {
		margin: 0;
		padding: 0;
		padding-top: 12px;
		width: 100%;

		background-color: white;
		border-top: none;
	}
}

.modal-cart-footer-contact__info {
	flex: 0 1 50%;

	& h3 {
		font-size: 20px;
	}

	& p {
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.modal-cart-footer-contact__info {
		display: none;
	}
}

.modal-cart-footer-contact__form {
	display: flex;
	align-items: flex-end;
	gap: 10px;

	flex: 1 1 50%;
}

@media (max-width: 1024px) {
	.modal-cart-footer-contact__form {
		flex-direction: column;
	}
}

.modal-cart-footer-contact__input_row,
.modal-cart-mobile__input_row {
	display: flex;
	flex-direction: column;
	gap: 5px;

	flex: 1 1 50%;

	width: 100%;
}

@media (max-width: 768px) {
	.modal-cart-footer-contact__input_row {
		display: none;
	}
}

.modal-cart-footer-contact__button {
	flex: 1 1 50%;

	padding-block: 9px;
	width: 100%;
}

/* ___ modal ____ */
.modal {
	position: fixed;
	top: 0;
	left: 0;

	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 0;

	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
	z-index: 120;

	&.active {
		height: 100%;
		opacity: 1;
		visibility: visible;
	}

	scrollbar-width: none;
	-ms-overflow-style: none;

	::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
}

.modal__content {
	position: relative;

	width: 80vw;
	max-width: 1156px;
	max-height: 90vh;
	padding: 30px 30px 30px 30px;

	background: #ffffff;

	border-radius: 16px;

	overflow: auto;
}

@media (max-width: 768px) {
	.modal__content {
		display: flex;
		flex-direction: column;

		height: 100%;
		width: 100%;
		max-height: 100%;
		max-width: unset;

		border-radius: 0;
	}
}

@media (max-width: 576px) {
	.modal__content {
		padding: 10px 15px;
	}
}

@media (max-height: 700px) and (not (orientation: landscape)) {
	.modal__content {
		overflow: auto;
		height: 100%;
		max-height: 100%;
		min-height: 600px;
	}
}

@media (max-width: 767px) and (max-height: 600px) {
	.modal__content {
		height: auto;
	}
}

.modal__close {
	position: absolute;
	top: 50px;
	right: 40px;

	background: transparent;

	border: none;

	cursor: pointer;

	&:hover,
	&:focus-visible {
		.modal__close__wrapper {
			&:after {
				background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5078 1.29175L1.50781 19.2917' stroke='%23ED6E00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M1.50781 1.29175L19.5078 19.2917' stroke='%23ED6E00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
					no-repeat;
			}
		}
	}
}

@media (max-width: 576px) {
	.modal__close {
		top: 24px;
		right: 24px;
	}
}

.modal__close__wrapper {
	position: relative;

	&::after {
		position: absolute;
		top: 50%;
		left: 50%;

		width: 21px;
		height: 21px;

		background: url("data:image/svg+xml, %3Csvg viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5078 1.29175L1.50781 19.2917' stroke='%239D9D9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M1.50781 1.29175L19.5078 19.2917' stroke='%239D9D9D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E")
			no-repeat;

		transform: translate(-50%, -50%);
		transition: background 0.3s ease;
		content: "";
	}
}

@media (max-width: 576px) {
	.modal__close__wrapper {
		&::after {
			width: 12px;
			height: 12px;
		}
	}
}

.modal__title {
	padding-right: 40px;

	font-size: 28px;
	font-weight: 400;
	color: #333;

	&:not(:last-child) {
		margin-bottom: 56px;
	}
}

@media (max-width: 768px) {
	.modal__title {
		&:not(:last-child) {
			margin-bottom: 14px;
		}
	}
}

@media (max-width: 576px) {
	.modal__title {
		padding-right: 30px;

		font-size: 20px;
	}
}

.modal__body {
	overflow-y: auto;
}

@media (max-width: 768px) {
	.modal__body {
		flex-grow: 1;
	}
}

.modal__footer {
	display: flex;
	align-items: center;
	gap: 20px;

	width: fit-content;
	margin-left: auto;
	margin-top: auto;
}

@media (max-width: 768px) {
	.modal__footer {
		display: none;
	}
}

.modal__price_row {
	display: flex;
	align-items: center;
	gap: 15px;
}

.modal__price {
	font-size: 24px;
	font-weight: 600;
	color: #ff2f00;
}

.modal__price_old {
	font-size: 16px;
	font-weight: 400;
	color: #909090;
	text-decoration: line-through;
}

.modal__button {
	padding-inline: 75px;
	font-size: 16px;
} 

/* _____ order-registration page _____ */
/* __ radio __ */

.radio-group {
	&:not(:last-child) {
		margin-bottom: 20px;
	}
}

.radio-title {
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;

	span {
		color: #ed6e00;
	}

	&:not(:last-child) {
		margin-bottom: 10px;
	}
}

.radio {
	display: flex;
	align-items: flex-start;

	cursor: pointer;

	&:not(:last-child) {
		margin-bottom: 12px;
	}
}

.radio__input {
	display: none;
}

.radio__circle {
	position: relative;
  display: inline-block;
	margin-right: 8px;
	width: 20px;
	height: 20px;

	border: 1px solid #e6e6e6;
	border-radius: 50%;
	top: 0;

	transition: 0.2s;
}

.radio__input:checked + .radio__circle::after {
	position: absolute;
	top: 4px;
	left: 50%;

	width: 8px;
	height: 8px;

	background: #ed6e00;

	border-radius: 50%;

	transform: translate(-50%, 0);
	content: "";
}

.radio__label {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ed6e00;

	span {
		display: block;

		font-weight: 600;
		color: #252c32;

		opacity: 0.5;
	}
}

/* __ input __ */

.input_block {
	display: flex;
	flex-direction: column;
	gap: 4px;

	width: 100%;
}

.input_block_label {
	font-size: 12px;
	font-weight: 600;
	line-height: 133%;
	text-transform: uppercase;
	color: #000;

	span {
		display: inline-block;

		padding-right: 4px;

		color: #ed6e00;
	}

	&:not(:last-child) {
		margin-bottom: 2px;
	}
}

/* __ order-registration main __ */

.order-registration {
	padding-block: 60px;
}

@media (max-width: 1024px) {
	.order-registration__container {
		position: relative;

		max-width: 100vw;
	}
}

@media (max-width: 576px) {
	.order-registration {
		padding-block: 30px;
	}
}

.order-registration__block {
	display: flex;
	gap: 80px;
	align-items: flex-start;
}

@media (max-width: 1200px) {
	.order-registration__block {
		gap: 40px;
	}
}

@media (max-width: 1024px) {
	.order-registration__block {
		flex-direction: column;
	}
}

.order-registration__main {
	flex: 1;
}

@media (max-width: 1200px) {
	.order-registration__main {
		min-width: 500px;
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.order-registration__main {
		min-width: unset;
	}
}

.order-registration__main_title {
	font-size: 28px;

	&:not(:last-child) {
		margin-bottom: 20px;
	}

	.order-registration--2 & {
		padding-bottom: 20px;

		border-bottom: 1px solid #e6e6e6;
	}
}

@media (max-width: 1024px) {
	.order-registration__main_title {
		padding-bottom: 20px;

		border-bottom: 1px solid #e6e6e6;

		&:not(:last-child) {
			margin-bottom: 30px;
		}
	}
}

@media (max-width: 576px) {
	.order-registration__main_title {
		padding-bottom: 15px;

		font-size: 20px;

		&:not(:last-child) {
			margin-bottom: 20px;
		}
	}
}

.main-registration__text {
	font-size: 18px;
	font-weight: 600;
	line-height: 122%;
	letter-spacing: 0.01em;
	color: #fff;
}

@media (max-width: 576px) {
	.main-registration__text {
		font-size: 15px;
	}
}

.main-registration__icon {
	position: relative;

	display: inline-block;

	height: 14px;
	margin-left: 5px;

	cursor: pointer;

	&::after {
		position: absolute;
		top: 0;
		left: 0;

		width: 18px;
		height: 18px;

		background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99984 17.3333C4.39746 17.3333 0.666504 13.6023 0.666504 9C0.666504 4.39763 4.39746 0.666672 8.99984 0.666672C13.6022 0.666672 17.3332 4.39763 17.3332 9C17.3332 13.6023 13.6022 17.3333 8.99984 17.3333ZM8.99984 15.6667C12.6818 15.6667 15.6665 12.6819 15.6665 9C15.6665 5.3181 12.6818 2.33334 8.99984 2.33334C5.31794 2.33334 2.33317 5.3181 2.33317 9C2.33317 12.6819 5.31794 15.6667 8.99984 15.6667ZM9.83317 7.75V11.5H10.6665V13.1667H7.33317V11.5H8.1665V9.41667H7.33317V7.75H9.83317ZM10.2498 5.66667C10.2498 6.35703 9.69017 6.91667 8.99984 6.91667C8.3095 6.91667 7.74984 6.35703 7.74984 5.66667C7.74984 4.97631 8.3095 4.41667 8.99984 4.41667C9.69017 4.41667 10.2498 4.97631 10.2498 5.66667Z' fill='white'/%3E%3C/svg%3E%0A")
			no-repeat;

		content: "";
	}
}

.main-registration {
	display: flex;
	align-items: center;
	gap: 40px;

	padding: 20px 20px 20px 30px;

	background: #ed6e00;

	border-radius: 8px;

	&:not(:last-child) {
		margin-bottom: 60px;
	}
}

@media (max-width: 1024px) {
	.main-registration {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}

@media (max-width: 576px) {
	.main-registration {
		padding: 15px;

		&:not(:last-child) {
			margin-bottom: 30px;
		}
	}
}

.main-registration__button {
	&.button_outline {
		margin-left: auto;

		font-size: 16px;
		font-weight: 600;
		color: #333;

		&:hover,
		&:focus-visible {
			color: #ed6e00;

			background-color: #fff;
		}
	}
}

@media (max-width: 1024px) {
	.main-registration__button {
		&.button_outline {
			margin-left: 0;
		}
	}
}

.order-registration__main_form {
	counter-reset: div;
}

.main-contact,
.main-order,
.main-pay {
	&:not(:last-child) {
		margin-bottom: 60px;
	}
}

@media (max-width: 576px) {
	.main-contact,
	.main-order,
	.main-pay {
		&:not(:last-child) {
			margin-bottom: 40px;
		}
	}
}

.main-contact__title,
.main-order__title,
.main-pay__title {
	position: relative;

	padding-left: 35px;

	font-size: 28px;
	font-weight: 600;

	counter-increment: div;

	&:not(:last-child) {
		margin-bottom: 10px;
	}

	&::before {
		position: absolute;
		left: 0;
		top: 0;

		margin-top: 7px;
		width: 24px;
		height: 24px;

		font-size: 16px;
		font-weight: 700;
		text-align: center;
		color: #fff;

		background-color: #ed6e00;

		border-radius: 50%;

		content: counter(div);
	}
}

@media (max-width: 576px) {
	.main-contact__title,
	.main-order__title,
	.main-pay__title {
		font-size: 18px;

		padding-left: 25px;

		&::before {
			margin-top: 2px;
			width: 18px;
			height: 18px;

			font-size: 15px;
		}
	}
}

.main-contact__block_row,
.main-order__block_row {
	display: flex;
	gap: 15px;

	width: 100%;

	&:not(:last-child) {
		margin-bottom: 15px;
	}
}

@media (max-width: 1024px) {
	.main-contact__block_row,
	.main-order__block_row {
		flex-direction: column;
	}
}

.main-contact__text {
	display: inline-block;

	width: 100%;

	font-size: 15px;
	letter-spacing: 0.02em;

	&.main-contact__text--border {
		padding-bottom: 15px;

		border-bottom: 1px solid #e6e6e6;
	}

	&:not(:last-child) {
		margin-bottom: 15px;
	}
}

.main-contact__text_in {
	font-weight: 600;
	color: #ed6e00;

	background-color: transparent;

	border: none;

	cursor: pointer;

	&:hover,
	&:focus-visible {
		text-decoration: underline;
	}
}

.main-comment {
	padding-top: 30px;

	border-top: 1px solid #e6e6e6;

	&:not(:last-child) {
		margin-bottom: 30px;
	}
}

@media (max-width: 1024px) {
	.main-comment {
		&:not(:last-child) {
			margin-bottom: 0px;
		}
	}
}

@media (max-width: 1024px) {
	.order-registration__subblit_button {
		position: absolute;
		bottom: 0;
		left: 50%;

		width: calc(100% - 30px);

		transform: translateX(-50%);
	}
}

/* __ order-registration cart __ */
.order-registration__cart {
	max-width: 510px;
}

@media (max-width: 1200px) {
	.order-registration__cart {
		max-width: 405px;
	}
}

@media (max-width: 1024px) {
	.order-registration__cart {
		max-width: 100%;
		width: 100%;
	}
}

.order-registration__cart_wrapp {
	&:not(:last-child) {
		margin-bottom: 25px;
	}
}

.order-registration__cart_title {
	padding-bottom: 20px;

	font-size: 28px;
	font-weight: 600;

	border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 1024px) {
	.order-registration__cart_title {
		display: none;
	}
}

.order-registration__cart--mob {
	&:not(:last-child) {
		margin-bottom: 35px;
	}
}

@media (min-width: 1025px) {
	.order-registration__cart--mob {
		display: none;
	}
}

.order-registration__cart_title--mob {
	display: flex;
	justify-content: space-between;
	gap: 20px;

	&:not(:last-child) {
		margin-bottom: 10px;
	}
}

.order-registration__cart_button {
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-weight: 600;
	font-size: 15px;
	color: #ed6e00;

	&:hover,
	&:focus-visible {
		text-decoration: underline;
	}
}

.order-registration__cart_list--mob {
	display: flex;
	gap: 10px;
}

.order-registration__cart_list__item {
	flex: 1;
}

.order-registration__cart_item_img_wrapp,
.order-registration__cart_item_wrapp {
	width: 100%;
	aspect-ratio: 1;

	border: 1px solid #e6e6e6;
	border-radius: 4px;
}

.order-registration__cart_other {
	height: 100%;
	width: 100%;

	aspect-ratio: 1;
}

.order-registration__cart_item_wrapp {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	background: rgba(237, 110, 0, 0.05);
	border: 1px solid #ed6e00;

	cursor: pointer;
	transition: background 0.2s;

	&:hover,
	&:focus-visible {
		background: rgba(237, 110, 0, 0.2);
	}

	span {
		font-weight: 600;
		font-size: 16px;
		color: #ed6e00;
	}
}

.order-registration__cart_item_img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: contain;
}

@media (min-width: 1025px) {
	.order-registration__progressbar--mob {
		display: none;
	}
}

@media (max-width: 576px) {
	.order-registration__progressbar--mob {
		&:not(:last-child) {
			margin-bottom: 30px;
		}
	}
}

.order-registration__cart_footer {
	padding: 20px;

	background: #f5f5f5;

	border-radius: 4px;
}

@media (max-width: 1024px) {
	.order-registration__cart_footer {
		margin-bottom: 55px;
		padding: 0;

		background-color: transparent;
	}
}

.order-registration__cart_footer__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;

	&:not(:last-child) {
		margin-bottom: 14px;
	}
}

.order-registration__cart_footer_name {
	.order-registration__cart_footer__item--main & {
		font-weight: 600;
	}
}

.order-registration__cart_footer_price {
	font-weight: 600;

	.order-registration__cart_footer__item--main & {
		font-size: 22px;
		color: #ff2f00;
	}
}

/* __ Search results __ */
.results__head {
	&:not(:last-child) {
		margin-bottom: 20px;
	}
}

.results__head_title {
	font-size: 24px;
	font-weight: 400;
	line-height: 142%;
	letter-spacing: -0.02em;

	&:not(:last-child) {
		margin-bottom: 10px;
	}

	span {
		font-weight: 600;
		color: #ed6e00;
	}
}

@media (max-width: 576px) {
	.results__head_title {
		font-size: 20px;
		font-weight: 600;

		&:not(:last-child) {
			margin-bottom: 2px;
		}
	}
}

.results__head_text {
	font-size: 18px;
}

@media (max-width: 576px) {
	.results__head_text {
		font-size: 15px;
	}
}

.results__block {
	&.results__block--zero {
		padding: 60px;

		background: #f6f7f8;

		border-radius: 20px;
	}
}

@media (max-width: 576px) {
	.results__block {
		&.results__block--zero {
			padding: 60px 30px;
		}
	}
}

.results__block__message {
	max-width: 552px;
	margin: 0 auto;
	text-align: center;
}

.results__block_icon {
	&:not(:last-child) {
		margin-bottom: 30px;
	}

	& svg {
		width: 90px;
		height: 90px;
	}
}

@media (max-width: 576px) {
	.results__block_icon {
		& svg {
			width: 80px;
			height: 80px;
		}
	}
}

.results__block_info {
	font-size: 28px;
	font-weight: 600;
}

@media (max-width: 576px) {
	.results__block_info {
		font-size: 20px;
	}
}

.results__block_main {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));

	&:not(:last-child) {
		margin-bottom: 60px;
	}
}

@media (max-width: 576px) {
	.results__block_main {
		grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));

		&:not(:last-child) {
			margin-bottom: 20px;
		}
	}
}

.results__pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;

	transition: color 0.3s;

	& button,
	& span {
		display: flex;
		justify-content: center;
		align-items: center;

		width: 44px;
		height: 40px;

		font-size: 16px;
		font-weight: 600;
		text-decoration: none;
		color: #5b6871cc;

		background-color: #f6f7f8;

		border-radius: 4px;
		border: none;

		transition: color 0.3s;
	}

	& button {
		cursor: pointer;

		&:hover {
			background-color: #e0e0e0;
		}
	}

	& .results__pagination--active {
		color: #fff;
		background-color: #e26b00;
	}

	& .results__pagination--disabled {
		color: #ccc;
		pointer-events: none;
	}

	& .results__pagination--arrow {
		font-size: 12px;
		font-weight: 600;

		background-color: transparent;
	}
}

@media (max-width: 576px) {
	.results__pagination {
		gap: 4px;

		& .results__pagination--arrow {
			width: 30px;
		}
	}
}

@media (max-width: 384px) {
	.results__pagination {
		& button,
		& span {
			width: 30px;
		}
	}
}