/*HATZAR HA SHUK 2*/

.contactPage #text1 p, .contactPage #text2 p, .aboutPage #text2 p, .aboutPage #text1 p { font-size: 75%; }
.contactPage #text1 h2, .contactPage #text2 h2, .aboutPage #text1 h2, .aboutPage #text2 h2 { font-size: 300%; font-family: 'Amerald-Regular'; }
.aboutPage #text1 h3 { font-size: 150%; font-family: 'Amerald-Regular'; color: #c43d41; }
.contactPage #GridPage { padding-top: 70px; }
@media(max-width: 767px) {
    .contactPage #text1 h2, .aboutPage #text1 h2 { font-size: 200%; }
}

.contactPage #DynamicFormObject input[type=submit] { background: #fdc817; color: #000; border-color: #fdc817; max-width: 200px; border-radius: 0; font-size: 100%; font-weight: 600; }
.contactPage #DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: #c43d41; color: #fff; border-color: #c43d41; }
.contactPage #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 170%; }
.owl-carousel .owl-prev:after { background-image: url(/warehouse/temp/hatzarHaShook/arrow-left-1.svg); width: 57px; background-size: contain; height: 34px; }
.owl-carousel .owl-next:after { background-image: url(/warehouse/temp/hatzarHaShook/arrow-left.svg); width: 57px; background-size: contain; height: 34px; }

.contactPage .normal-form input, .contactPage .normal-form textarea { width: 100%; margin-bottom: 10px; border: none; background: #fff; border-radius: 0; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 5%); -webkit-box-shadow: 0 3px 30px 0 rgb(0 0 0 / 5%); font-size: 80%; padding: 5px 17px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { border: none; }

@media (min-width: 767px) {
    .contactPage #SiteGrid.layout-bottom #GridPromo { max-width: 860px; }
    .contactPage .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; border: 2px solid #c43d41; padding: 50px 75px; }
    
    .contactPage #DynamicFormObject:after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { display: none; }
    
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 5px; width: 33.3%; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0 5px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: 150%; padding: 0; color: #c43d41; font-family: 'Amerald-Regular'; margin-bottom: 15px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-top: 45px; }
    .contactPage .must:before { right: 8px; }
}

@media (max-width:767px){
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, 
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after, 
    .contactPage #DynamicFormObject:after { display: none; }

    .contactPage .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; border: 2px solid #c43d41; padding: 30px 10px; } 
    .contactPage #DynamicFormObject .dynamicFormObjectField .must:before { right: 21px; }
    .contactPage .dynamicFormObjectSubmit { margin-top: 40px; }
    .contactPage #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 150%; color: #c43d41; margin-bottom: 0; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 25px; }

    #DynamicFormObject .dynamicFormObjectFields { margin: 0; }
}
 
/*About Us*/
.aboutPage #galleryview { max-width: 640px; }
.aboutPage #text1 { line-height: 1.6; text-align: right; max-width: 95%; }
.aboutPage .MainContent { margin-bottom: 50px; }
@media(max-width: 767px) {
    .aboutPage .MainContent { margin-bottom: 0; }
}
/*carousel*/
.GridBottomGallery .owl-carousel .owl-prev,
.GridBottomGallery .owl-carousel .owl-controls .owl-nav .owl-prev,
.GridBottomGallery .owl-carousel .owl-next,
.GridBottomGallery .owl-controls .owl-nav .owl-next,
.GridBottomGallery .owl-carousel .owl-controls .owl-nav .owl-next,
.GridBottomGallery .owl-carousel .owl-nav div { left: 50%; transform: translate(-50%, -50%); right: auto; font-size: 0; top:50% }

.GridBottomGallery .owl-carousel .owl-prev,
.GridBottomGallery .owl-controls .owl-nav .owl-prev,
.GridBottomGallery .owl-carousel .owl-controls .owl-nav .owl-prev { margin-left: 27vw; }
.GridBottomGallery .owl-carousel .owl-next,
.GridBottomGallery .owl-controls .owl-nav .owl-next,
.GridBottomGallery .owl-carousel .owl-controls .owl-nav .owl-next { margin-left: -27vw; }

.GridBottomGallery .owl-carousel .owl-item, .GridBottomGallery .owl-carousel .owl-item.cloned.active,
.GridBottomGallery .owl-carousel .owl-item.active { transform: scale(0.8); -webkit-transform: scale(0.8); }
.GridBottomGallery .owl-carousel .owl-item.active.center { transform: scale(1); -webkit-transform: scale(1); }

.SniffPage .owl-carousel .owl-nav div { top: 50%; }

@media(max-width:767px) {
    .GridBottomGallery .owl-carousel .owl-prev, .GridBottomGallery .owl-carousel .owl-controls .owl-nav .owl-prev, 
    .GridBottomGallery .owl-carousel .owl-next, .GridBottomGallery .owl-controls .owl-nav .owl-next, 
    .GridBottomGallery .owl-carousel .owl-controls .owl-nav .owl-next, .GridBottomGallery .owl-carousel .owl-nav div { top: 100%; }

    .GridBottomGallery  .owl-nav{ display: none; }
}

/*news*/
.mediaPage #gridshort-view-media > div { width: 33%; padding: 0 35px; margin-bottom: 70px; }
.mediaPage #GridPage .max-width, .mediaPage #GridPage .max-width-center { max-width: 1000px; }
.mediaPage .grid-short-box.box { padding-bottom: 0; min-height: 353px; background-size: 60% !important; background-position-y: 15%; background-position-x: center; display: flex; align-items: flex-end; background-color: #fff; margin-bottom: 0; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.05); }
.mediaPage .grid-short-box.box .text-caption { position: relative; width: 80%; top: unset; font-size: 75%; margin: auto; left: unset; transform: unset; }
.mediaPage #ContentGridReadMoreModule .grid-short-box.box a { position: relative; padding-bottom: 25px; }
.mediaPage .grid-short-box.box:hover { background-position-y: 15%; background-position-x: center; background-color: #fff; color: #1e1e1e; }
.mediaPage .grid-short-box.box:hover .grid-short-box-text, .mediaPage .grid-short-box.box .grid-short-box-text { color: #1e1e1e; }
.mediaPage .grid-short-box.box .grid-short-box-subtitle { border-bottom: none; }
.mediaPage .grid-short-box-text:after { content: ''; display: block; width: 100px; height: 3px; background-color: #fdc817; margin: 3px auto 0; }
.mediaPage .grid-short-box-text { font-size: 115%; font-weight: bold; }
.mediaPage .grid-short-box-text { position: relative; }

@media (max-width:767px){
    .mediaPage #gridshort-view-media > div { width: 100%; }
    .mediaPage .grid-short-box.box { min-height: 325px; }
    .mediaPage .grid-short-box.box .grid-short-box-subtitle {  padding-bottom: 5%; }
}