﻿body        { background: #f2f3f6; }
#SiteFooterContainer {background: #f2f3f6;}
.owl-item               { background: #ffffff; padding: 20px; height: 420px; }
.textSide               { padding-top: 20px; padding-left: 40px; }
/*#SiteFooterContainer    { background: #f2f3f6; }*/
.footer-newsletter > form > input { background: #ffffff; }

.infoTitle h4               { margin:0; padding: 0; line-height: 100%; color: rgba(234, 235, 238, 0.7);font-size: 200%; text-transform: uppercase;font-weight: 500; margin-bottom: 5px; }
.infoTitle h3               { font-size: 110%;margin-top: -25px; }
.infoTitle                  { margin-bottom: 20px; }\

.moreInfo ul,.moreInfo p    { font-size: 65%; /*font-family: 'opensans';*/margin-left:0;list-style:none; color: #231f20; }
.moreInfo ul li             { margin-bottom: 10px;position:relative; }
.moreInfo ul li:after       { content: ""; position: absolute; right: 2px; width: 4px; background: #ffffff; border-radius: 50%; display: block;top: 7px;height: 4px; }
.moreInfo ul li:before      { content: ""; width: 8px; height: 8px; border-width: 2px; /*border-image-source: linear-gradient(to top, #f1d7a0, #e2b86e); border-image-slice: 1;*/ background-image: linear-gradient(to top, #f1d7a0, #e2b86e); background-image:-webkit-gradient(linear,to top, #f1d7a0, #e2b86e); border-radius: 50%; display: inline-block; margin-left: 10px;overflow:hidden;    border-style: hidden; }
button.openShareBox         { background: #ffffff; border: 1px solid #DBDDDC; z-index: 1;margin-bottom:0; }
button.openShareBox,.allShareButtons a { background: transparent; border: 0; width: 44px; height: 44px; border-radius: 50%; display: inline-block; text-align: center; position: relative; }
.allShareButtons                        { position: absolute; max-height: 0; overflow: hidden; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; top: -64px; z-index: -1; opacity: 0;right:15px; }
.shareBox i                             { font-style: initial; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.catalogItemView .allShareButtons.shareOpen { max-height: 1000px; top: -160px; opacity: 1; z-index: 0;right:15px; }
.shareBox                                   { position: relative; margin-left: 25px;display: inline-block;vertical-align:middle; }
.allShareButtons a.emailShare               { background: #DA2C20; color: #ffffff; }
.allShareButtons a.WhatsAppShare            { background: #24AD00; color: #ffffff; }
.allShareButtons a.facebookShare            { background: #4067B3; color: #ffffff; }
button.openShareBox                         { background: #ffffff; border: 1px solid #DBDDDC; z-index: 1; -webkit-appearance: none; padding: 0; color: #000000;vertical-align:middle;margin-right:15px; }
button.openShareBox svg                     { width: 17px; height: 17px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); }
.catalogItemView-button                     { display: inline-block; vertical-align: middle; }

.catalogItemView .catalogItemView-title {font-size: 250%;}
.catalogItemView .row {max-width: 1170px;}
.catalogItemView button.zoomImage img.zoomImg { display: none !important; }
.catalogItemView .catalogItemView-desc { max-width: 420px; position: relative; border: none;}
.catalogItemView .catalogItemView-desc strong {display: block; margin-top: 15px; font-family: 'almoni-tzar-aaa-400'; font-size: 113%;}
.catalogItemView .catalogItemView-desc h4 { font-size: 90%; font-family: 'opensans-semibold', 'almoni-neue-aaa-400'; direction: rtl;}
.catalogItemView-desc p { max-width: 100%; color: #000; direction: rtl; font-size: 80%;}
.catalogItemView .bottomItemCart a                          { color: #757373; font-size: 70%; border-bottom: 1px solid; }
.custom-scrollbar {max-height: 288px; padding: 0 20px 60px 0; color:#000;}
.has-scrollbar:after { width: 100%; height: 66px; bottom: 0; 
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(243,244,246,0.8)), color-stop(100%, rgba(0,0,0,0)), to(rgba(243,244,246,1)));
    background: -o-linear-gradient(bottom, rgba(243,244,246,0.8) 30%, rgba(0,0,0,0) 100%, rgba(243,244,246,1) 100%);
    background: linear-gradient(0deg, rgba(243,244,246,0.8) 30%, rgba(0,0,0,0) 100%, rgba(243,244,246,1) 100%);}
.catalogItemView .imagesSide {padding: 0; background: none; text-align: left;}
.catalogItemBox {margin-bottom: 0;}
.catalogItemBox-image {border: 1px solid #a6a6a6; }
.catalogItemBox-Container {padding: 0 30px;}
.catalogItemBox .catalogItemBox-price {margin-top: 0;}

.infoWrapperDesktop {max-width: 470px; margin-top: 30px; margin-right: -15px;}
.infoBox:first-child { border-right: none;}
.infoBox {width: 32%; display: inline-block; vertical-align: top; padding: 0 25px; border-right: 1px solid #acacac; text-align: center;}
.infoBox img { max-width: 40px; margin-bottom: 10px;}
.infoDesc h3 { font-size: 80%; font-weight: bold; color: #000; font-family: 'almoni-tzar-aaa-400';}
.infoDesc p { color: #757373; font-size: 72%; line-height: 1;}


.treatmentForm {max-width: 1160px; margin: 95px auto 90px; background: #fff; padding: 25px 30px 5px; box-shadow: 18.1px 8.5px 34px 0 rgba(35, 31, 32, 0.14); 
    -webkit-box-shadow: 18.1px 8.5px 34px 0 rgba(35, 31, 32, 0.14); }
.treatmentForm .contact-form-title { text-align: center; margin-bottom: 20px;}
.treatmentForm .contact-form-title h3 { font-weight: bold; font-size: 120%; font-family: 'almoni-tzar-aaa-400'; color: #231f20; line-height: 1; letter-spacing: 0.48px;}
.treatmentForm .inputBox { padding: 0 10px;}
.treatmentForm .inputBox .control-wrap{ position: relative;}
.control-wrap:after { content: ""; position: absolute; width: 1px; height: 100%; right: 0; top: 0; 
    background-image: -webkit-gradient(linear, right top, left top, from(#f1d7a0), to(#e2b86e));
    background-image: -o-linear-gradient(right, #f1d7a0, #e2b86e);
    background-image: linear-gradient(to left, #f1d7a0, #e2b86e);}
.treatmentForm fieldset { border: none; padding: 0; margin: 0;}
.treatmentForm .checkBoxInput, .treatmentForm .checkboxHolder label { display: inline-block; width: auto; vertical-align: top; line-height: 1;}
.treatmentForm .checkboxHolder {position: relative; padding: 0 8px; }
.treatmentForm .checkboxHolder:before { content: ''; display: table; clear: both;}
 #treatmentForm .checkboxHolder .checkBoxInput { width: 12px; height: 12px; display: inline-block; border-radius: 0; -webkit-appearance: none; 
    border: 1px solid #231f20; background: #ffffff; box-shadow: none; padding: 0; margin-left: 0; margin-bottom: 0;
    background-image: url('../../../000Frames/site/images/V.svg'); background-position: center center; background-repeat: no-repeat; background-size: 0; cursor:pointer; }
#treatmentForm .checkboxHolder .checkBoxInput:checked { background-size: 100%;}
.treatmentForm .checkboxLabel {margin: 0 3px 0 0; color: #757373; font-size: 60%;} 
.treatmentForm button.generalBtn { display: inline-block; height: 45px; margin: 0; line-height: 28px;}
#treatmentForm .form-control { height: 44px; border: none; color: #231f20; box-shadow: none; -webkit-box-shadow: none; }
.treatmentForm .mrw-form-label:not(.checkboxLabel) { position: absolute; display: block; top: 10px; left: 5px; right: 0; padding: 0 10px 0 5px; pointer-events: none; z-index: 1; 
    transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
.treatmentForm .form-control:focus ~ label.mrw-form-label:not(.checkboxLabel), .treatmentForm .form-control.focus ~ label.mrw-form-label:not(.checkboxLabel) {  top: -17px; 
    left: 0px; font-size: 70%; color: #7c7c7c; padding: 0;}
span#marketing-error { padding: 0; margin: -5px 0 0;}
span.error, small.error { margin: 0; padding: 0; top: 12px; left: 5px;}

.relatedItemsContainer {background: #fff; padding: 70px 0 100px; margin-top: 0;}
.relatedItemsTitle h2 { font-weight: bold; font-size: 150%; letter-spacing: 0.6px; font-family: 'almoni-tzar-aaa-400';}
.relatedItemsContainer .catalogItemsList.row {max-width: 1090px;}
.relatedItemsContainer .catalogItemBox .catalogItemBox-image {margin-bottom: 35px;}

#SiteFooter .footer-socials a:last-child { display: none;}

@media(max-width: 1170px){
    .catalogItemView > .row, .catalogItemView .contactTreatmentWrapper { width: 90%; margin: 0 auto;}
}

@media(min-width: 991px) {
    .contact-submit { width: 182px; display: inline-block;}
    .inputField { width: 27.2%;} 
    .treatmentForm button.generalBtn { width: 100%;}
    .catalogItemView .catalogItemView-image img {height: 100%; max-height: 540px;}
}

@media(min-width: 768px) {
    #PageBreadCrumps { position: absolute; z-index: 1; }
    #treatmentForm .form-control:not(.checkBoxInput) { margin-bottom: 12px;}
    .item.zoom { height: 100%; }
    .catalogItemView .catalogItemView-image { max-width: 100%; height: 100%; }
    .catalogItemView .catalogItemView-image img { object-fit: cover; height: 100%; max-height: none; width: 100%; }
    .catalogItemView .imagesSide { top: 0; }
}

@media(min-width: 991px) and (max-width: 1170px) {
    .contact-submit {width: 18%;}
}

@media(max-width:990px) {
    #media-video-pop iframe { width: 600px;height: 400px; }
    .catalogItemView .whiteSection  { padding: 40px 25px 90px; }
    .catalogItemView .productInfo   { padding-bottom: 30px; }
    #contact-form-wiget { display: block;}

    .has-scrollbar:after {content: none;}
    .treatmentProductWrapper .custom-scrollbar { padding-bottom: 20px;}
    .infoWrapperMobile { margin: 55px auto 0; text-align: center;}
    .infoDesc p { min-height: 42px;}

    .treatmentForm { margin: 50px auto 65px; padding: 25px;}
    .treatmentForm .contact-form-title h3 { line-height: 1;}
    .inputField input { margin-bottom: 12px;}
    .treatmentForm .checkboxHolder { line-height: 0.5;}

    .treatmentProductWrapper .custom-scrollbar{ max-height: unset; padding: 0 0 60px 0; overflow: unset;}
    .relatedItemsContainer { padding: 55px 0 40px;}
    .relatedItemsContainer .catalogItemsList.row { width: 90%; margin: 0 auto;}
    .catalogItemBox-Container { padding: 0 15px;}
    .catalogItemView { padding-bottom: 0;}
    .catalogItemView .catalogItemView-title { font-size: 160%; }
    .catalogItemView .imagesSide { min-height: unset;}
    .infoDesc h3 { font-size: 100%;}

    .relatedItemsTitle { margin-bottom: 45px;}

    #SiteFooter .footerContact { padding: 70px 0 30px;}
    .footer-logo { margin-top: 0;}
}

@media(min-width: 768px) and (max-width: 991px) {

    .catalogItemView .imagesSide { width: 270px; margin-left: 0; }
    .catalogItemView .catalogItemView-image img { width: 100%; height: 366px; object-fit: cover;}
    .catalogItemView .textSide { width: calc(100% - 270px); padding: 0 0 0 60px;}

    .inputField { width: 188px;} 
    .treatmentForm .inputBox { display: inline-block; padding: 0 7px;}
    .treatmentForm button.generalBtn { width: 100px;}
    .infoWrapperMobile { max-width: 90%;}
    .infoBox { width: 24%;}

    .catalogItemView .contactTreatmentWrapper {width: 95%;}
}

@media(max-width:767px) {
    .catalogItemView { width: 90%; margin: 0 auto;}
    .catalogItemView > .row, .catalogItemView .contactTreatmentWrapper { width: 100%; padding-bottom: 0; }
    #media-video-pop iframe { width: 95vw; height: 200px; }
    #media-video-pop .close svg { height: 25px; width:25px; }
    .infoTitle h4   { font-size:170%; }
    .catalogItemView .productInfo   { padding-right:15px; }
    .moreInfo ul li:before          { background: #EAC786; }
    .infoDesc p { min-height: 70px;}

    .has-scrollbar:after { content: none;}

    .infoWrapperMobile { margin: 0px -16px 40px; }
    .infoBox { padding: 0 15px;}

    .catalogItemView .textSide { margin-top: 10px;}
    .catalogItemView-desc p {line-height: 1.2;}
    .catalogItemView .catalogItemView-desc strong { font-size: 135%;}

    .treatmentForm .contact-form-title h3 { font-size: 100%;}
    .treatmentForm button.generalBtn { width: 100%;}
    .treatmentForm .inputBox { display: inline-block; width: 100%;}
    .treatmentForm .mrw-form-label:not(.checkboxLabel), button.generalBtn { font-size: 90%;}
    .treatmentForm .checkboxHolder { margin: 10px 0;}
    .treatmentForm .checkboxHolder .checkBoxInput { width: 5%; margin-top: 5px;}
    .treatmentForm .checkboxHolder label { width: 80%; font-size: 80%; line-height: normal;}
    .treatmentForm .checkBoxInput, .treatmentForm .checkboxHolder label { vertical-align: top;}
    .inputField input { margin-bottom: 20px;}

    .relatedItemsContainer { padding: 35px 0 70px;}
    .relatedItemsContainer .catalogItemsList.row { width: 80%;}
    .relatedItemsTitle h2 { font-size: 195%;} 
    .relatedItemsTitle { margin-bottom: 0;}
    /*.treatmentProductWrapper .row > div.catalogItemBox-Container { padding: 0;}*/
    .catalogItemView .catalogItemView-desc h4 {font-size: 100%; line-height: 1.1;}

    .infoDesc h3 {font-size: 120%; line-height: 1.2;}
    .item.zoom.visible-xs { max-height: 270px; overflow: hidden;}
    .catalogItemView .row.form-group { padding-bottom:0px;}

}

@media(max-width: 320px) {
    .catalogItemView { width: 97%;}
    .infoBox { padding: 0 5px;} 
    .infoWrapperMobile { margin: 40px -10px;}
}