body {
   background: rgba(24, 175, 211, 1);
}

.page {
    width: 100%;
    max-width: 1200px;
    background: #fff;
}

.page-wrapper {
    display: block;
}

.img-wrapper {
    text-align: center;
    padding-right: 0;
}
.logo-d {
    max-width: 350px;
    position: initial;
}

legend.title-txt {
    font-weight: bold;
    color: #1cb9c8;
    margin: 0;
    background-color: #faf8f8;
    font-size: 1.2em;
    width: 100%;
    margin-bottom: 20px;
    padding: 0.9em;
}
.search-form {
    padding: 0 0 1em 0;
} 
a.search-link {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    font-size: 1.5em;
}
a.search-link::before {
    content: "\f002";
}
.search-form .txtfield {
    width: 8em;
}
.products-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.product-box {
    width: 23.2%;
    border: 1px solid #dbe1e7;
    box-sizing: border-box;
    max-width: 265px;
    margin: 0 0 2.4% 2.4%;
    padding: 1em;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-box:nth-child(4n) {
    margin-left: 0;
}
span.product-title {
    font-size: 1.1em;
    font-family: 'Assistant', sans-serif;
    color: #666666;
}

div.price {
    color: #18afd3;
    font-size: 1.5em;
    width: auto;
    font-family: 'Assistant', sans-serif;
    font-weight: 600;
    margin-bottom: 0.7em;
}

div.price-small{
	font-size: 1.3em;
	margin: 0.2em 0 0;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.item-quantity::-webkit-inner-spin-button, .item-quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.item-quantity {
    width: 4.2em;
    border: none;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    font-size: 0.9em;
    text-align: center;
    box-sizing: border-box;
    height: 2em;
    -moz-appearance: textfield;
}
.btn-select-quantity-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.btn-select-props-wrapper {
    justify-content: center;
}
.item-page .btn-select-quantity-wrapper {
    justify-content: flex-start;
    padding-bottom: 1em;
}
.item-page .btn-add_to_cart {
    box-sizing: content-box;
    margin: 0 0.3em;
}
.btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3e3e3;
    padding: 0 0.23em;
    background: white;
}

.btn-wrapper-small{
	background-color: #fff;
	white-space: nowrap;
    width: 7em;
    justify-content: space-around;
} 
.btn-remove-wrapper {
    width: 2em;
    text-align: center;
}
.btn-minus, .btn-plus {
    margin: 0;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    border: 0 none;
    cursor: pointer;
    background-color: #fff;
    color: #333;
    display: inline-block;
    font-size: 0.7em !important;
}

.btn-minus:focus, .btn-plus:focus {
    outline-width: 0 !important;
}

.btn-plus::before {
    content: "\f067";
}

.btn-minus::before {
    content: "\f068";
}


.btn-plus:hover::before, .btn-minus:hover::before {
    color: #18afd3;
}
.btn-add_to_cart {
    background-color: #18afd3;
    color: #FFF;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    padding: 0.1em 0.3em;
    font-weight: bold;
    font-size: 0.9em !important;
}
.btn-add_to_cart::after {
    content: "\f07a";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    padding: 0 0 0 0.3em;
}

.btn-next[disabled],.btn-prev[disabled],.btn-next[disabled]:hover,.btn-prev[disabled],
.btn-submit[disabled],.btn-submit[disabled]:hover,.btn-add_to_cart[disabled]
{
	background-color: rgba(176, 190, 197, 1) !important;
    color: #dbe4e8 !important;
    cursor: auto;
}
.btn-minus[disabled]::before, .btn-plus[disabled]::before,.btn-add_to_cart::after[disabled] {
    color: #dbe4e8 !important;
}

.btn-next, .btn-prev {
    display: inline-block;
    height: 2.2em;
    width: auto;
    line-height: 2.2em;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    margin: 0;
    font-size: 1em;
    background-color: rgba(24, 175, 211, 1);
    color: #FFF;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    padding:0 1em;
}

.btn-next {
    background-color: rgba(241, 128, 23, 1);
}

.btn-next::after {
    content: "\f053";
    margin: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0 none;
    cursor: pointer;
    padding:  0 0.3em 0 0;
    display: inline-block;
    font-size: 0.9em;
}

.btn-prev::before {
    content: "\f054";
    margin: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0 none;
    cursor: pointer;
    padding: 0 0 0 0.3em;
    display: inline-block;
    font-size: 0.9em;
}
.btn-go_to_payment::before{
    content: "\f07a";
    margin: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0 none;
    cursor: pointer;
    padding: 0 0.3em;
    display:inline-block;
    font-size: 0.9em;
}
.btn-next:hover {
    background-color: rgba(241, 128, 23, 0.7);
}
.btn-prev:hover {
    background-color: rgba(24, 175, 211, 0.7);
}

.item-pict-wrapper {
    float: none;
    width: 100%;
    height: 10em;
    max-height: 100em;
    margin: 0.3em 0 1em;
    overflow: hidden;
}

.item-pict-small-wrapper{
	margin-left: 1em;
}

.item-pict {
    width: 10em;
    height: auto;
    border: none;
    padding: 0;
    max-height: 100em;
}

.item-pict-small{
	 width: 5em;
}
.cat-pict {
    cursor: pointer;
}
.cat-title-wrapper {
    cursor: pointer;
   overflow: hidden;
}
.product-description-wrapper {
   max-height: 11em;
   overflow: hidden;
}

.product-small-description-wrapper {
    width: auto;
}
.totals-quantity-cell {
    display: flex;
    flex-direction: column;
}   
.totals-quantity-cell .price-small {
    display: flex;
    flex-direction: column;
}    
.product-description {
    padding: 0;
    font-size: 0.9em;
    margin: 0.5em 0;
    line-height: 1.4em;
}

.page_footer_wrapper .comments {
    font-size: 0.9em;
    color: #a0a5a9;
    background-color: #faf8f8;
    border-radius: 0 0 10px 10px;
    padding: 1em 2.5em 0.5em;
    border-top: 1px solid #eee;
}

.form .comments {
    padding: 1em 1.2em;
    margin-bottom: 1em;
    border-right: 4px solid #1cb9c8;
    background-color: #faf8f8;
}
.label2 .label{
	display: inline-block;
}
 .totals-sum-wrapper .txtfield {
	width: 10em ;
} 

.btn-wrapper-small .txtfield{
	width: 3em;
	border: none;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}

 .shipment-row {
    display: flex;
    justify-content: space-between;
}
 .total-row{
	border-bottom: 1px solid #dbe1e7;
	display: flex;
    justify-content: space-between;
}

.total-row.last {
    border-bottom: 0px none;
}
.totals-sum-wrapper{
	width: 49%;
	margin: 0 auto;
}


.totals-wrapper{
	width: 100%;
	padding: 0;
    box-sizing: border-box;
}
   
 .total-sum, .shipment-sum{
    font-weight: 600;
    color: #18afd3;
 }  
 .payment-form {
    display: flex;
    justify-content: space-between;
 }
  .payment-form>div {
    width: 48%;
  }
  .payment-form .totals-sum-wrapper {
    width: 100%;
  }
.label2.chk-label {
    margin: 0;
}
legend {
    padding: 1.2em 0 0.3em;
}
.totals-items-wrapper {
    margin-bottom: 3em;
}
.item-row {
    background-color: #fafafa;
    padding: 1em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    font-size: 0.85em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
 .item-row:nth-child(odd) {
    background-color: #f5f5f5;
 }

.item-row .item-row-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 97%;
}
.item-page {
    display: flex;
}
.item-page .column1 {
    width: 500px;
    padding: 40px 20px 40px 0; 
    box-sizing: border-box;
}
.item-page .column2 {
    width: 500px;
    padding: 40px 20px ; 
    box-sizing: border-box;   
}
.item-page .pict-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   width: 100%;
   height: 460px;
   background: white;    
   border: #e0e0e0 solid 1px;   
   overflow: hidden;
}
.item-page .pict-wrapper .pict {
    max-width: 100%;    
    max-height: 100%;    
    height: auto;
}
.item-page .thumbs {
   margin-top: 40px;
   width: 100%;
   display: flex;
   align-items: center; 
}
.item-page .thumbs .thumb-wrapper {
   width: 25%;
   margin-left: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: white;    
   border: #e0e0e0 solid 1px;
   box-sizing: border-box;
}
.item-page .thumbs .thumb-wrapper:last-child {
    margin-left: 0;
}
.item-page .thumbs .thumb {
    max-width: 100%;    
    max-height: 100%;    
    height: auto;
    cursor: pointer;
}
.item-page .description {
    padding-bottom: 0.6em;
    border-bottom: #e0e0e0 solid 1px;
}
@media only screen and (min-width: 1201px)  {
    .theme-horizontal .payment-form {
        display: block;
    }
    .theme-horizontal .payment-form>div {
        width: 100%;
    }
}
@media only  screen and (max-width:1023px) { 
    .item-pict-wrapper { width: 100%; height: auto; }
    .item-pict-wrapper img { height: auto; width: 80%;}
    .product-box {
        width: 47%;
        max-width: 100%;
    }
    .product-box:nth-child(2n) {
        margin-left: 0;
    }
    .totals-sum-wrapper {width: 98%; }
    #tadam-accessibility, #tadam-accessibility-btn {
        display: none;
    }
    .payment-form {
        display: block;
    }
    .payment-form>div {
        width: 100%;
    }
    .label2 .label {
        display: block;
    }
    span.label { width: 100% ; }
    .btn-submit {
        width: 96%;
    }
    .btn-row .btn-next, .btn-row .btn-prev {
        width: 96%;
        margin: 0 0 0.3em;
    }
    .btn-remove-wrapper {
        font-size: 1.5em;
    }
    .product-description-wrapper {
        max-height: none;
        width: 100%;
    }
    .product-small-description-wrapper {
        height: auto;
        width: 100%;
        padding-bottom: 0.3em;
    }
    .totals-quantity-cell {
        width: 100%;
    }  
    .total-row, .shipment-row { 
        flex-direction: column;
        align-items: center;
    }
    .item-row .item-row-col {
        flex-direction: column;
        align-items: center;
    }
    .item-page {
        flex-direction: column;
    }
    .item-page .column1, .item-page .column2 {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .item-page .column1 {
        padding-bottom: 1em;
    }
    .btn-select-quantity-wrapper {
        flex-direction: column;
    }
    .item-page .btn-select-quantity-wrapper {
        padding-bottom: 1em;
    }
    .btn-add_to_cart {
        margin: 0.5em 0 0 !important;
        height: 2em;
    } 
    .page_footer_wrapper .comments { padding: 0.5em 1em; max-width: 100%; overflow: hidden; }  
}
@media only screen and (max-width: 724px) {
    input[type="checkbox"], input[type="radio"] {
        height: 0.4em;
        width: 0.4em;
    }
    .btn-next, .btn-prev {
        font-size: 0.8em;
    }
    .products-wrapper {
        display: block;
    }
    .product-box {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.5em;
    }
    .form {
        padding: 0 0.5em;
    }
    .payment-part {
        padding-top: 1em;
    }
    .totals-sum-wrapper .txtfield {
        width: 100%;
    }
    .btn-remove-wrapper {
        font-size: 1.5em;
    }
    .item-page .pict-wrapper {
        height: auto;
    }
    .item-row {
        flex-wrap: wrap;
    } 
}
