/*Dror Katz*/

:root { --vh: 100vh; --vw: 100vw; }
body { font-size: 20px; background: #f4f6f9; font-family: 'Alef'; color: #282d33; }
ul { list-style-type: circle; padding-right: 20px; }
li::marker, a:hover, a:focus { color: #e95a08; }
.grid-content-section { margin: 80px auto; }
.top-caption { font-family: 'alef-bold'; font-size: 555%; }
#GridTop.longer:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.4; }

/*navigation-bar*/
#header2 { direction: ltr; background: #232323; font-size: 110%; padding: 10px 20px; position: fixed; }
#header2 .max-width { max-width: inherit; }
#header2 ul.menu li a:focus { text-decoration: none; border: none; }
#header2 ul.menu > li:before { display:none; }
#header2 ul.menu li a { vertical-align: middle; border-bottom: 2px solid transparent; padding: 5px 0; }
#header2 ul.menu li a { color: #fff; }
#header2 .menu-sub { background: #232323; width: 100%; }
#header2 ul.menu li .menu-sub a { padding: 5px 0; }
#header2 ul.menu li a:hover { border-bottom: 2px solid #e95a08; padding: 5px 0; transition: all 0.5s ease; }
#header2 ul.menu li.active a, #header2 ul.menu-sub li.active a { border-bottom: 2px solid #e95a08; padding: 5px 0; vertical-align: middle; }
#header2 #header-left.col-xs-2 { text-align: right; z-index: 2; }
#header2 #header-left img { padding: 0; }
#header2 .header-top-left a { margin-left: 30px; display: flex; align-items: center; justify-content: flex-end; }
#header2 .header-top-left a:nth-child(1):after { content: url('/warehouse/temp/drorKatz/footer/ig.svg'); position: absolute; width: 29px; height: 29px; display: inline-flex; }
#header2 .header-top-left a:nth-child(2):after { content: url(/warehouse/temp/drorKatz/footer/fb.svg); position: absolute; width: 29px; height: 29px; display: inline-flex; }
#header2 .header-top-left > a svg { display: none; }
#header2 .header-right-section.pull-right { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; width: 100%; max-width:97%; z-index: 1; }
#header2 .header-top .address span.bottomAddress { display: flex; width: fit-content; }
#header2 .header-top .address { display: flex; flex-direction: row; width: max-content; font-size: 85%; }
#header2 .header-top-right { display: flex; flex-direction: row-reverse; align-items:center; }
#header2 .header-top { display: flex; }
#header2 .header-top-left { display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; font-size: 85%; }
#header2 .header-top-left svg { fill: #fff; width: 20px; vertical-align: middle; height: 20px; }
.cartBtn button { display: flex; margin-left: 10px; }
#header2 .header-top-left svg:hover { opacity: 0.5; transition: opacity 0.5s ease; }
.has-sub i.opensub { font-size: 100%; }

/*top-slider*/
#home-gallery .gallery-caption .gallery-text { text-align: center; line-height: normal; }
#home-gallery .gallery-caption .gallery-text > div { line-height: normal; }
#home-gallery .gallery-caption .gallery-text span { font-size: 63%; }
.home-page ol.flex-control-nav li a.flex-active::after { content: ""; position: absolute; border: 1px solid #ffffff; right: -4px; left: -4px; top: -4px; bottom: -4px; border-radius: 100%; }
.home-page .flex-control-paging li a { position: relative; background: #fff; width: 10px; height: 10px; }
.home-page .flex-control-nav li { overflow: visible; margin: 0 12px; }
.home-page #home-gallery .flex-control-paging li a, .home-page #home-gallery .flex-control-paging li a.flex-active { color: #fff; background: #fff }
.home-page #home-gallery .scroll-down img { width: 100%; }
.home-page #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 10%; }
.home-page #home-gallery .scroll-down button { background: transparent; box-shadow: none; border: none; }
.home-page #home-gallery .scroll-down { bottom: 2%; }
.home-page #home-gallery .scroll-down img { min-width: 50px; }
/*form*/
.home-page #DynamicFormObject { background: #fff; border: none; border-bottom: 6px solid #e95a08; }
.home-page #DynamicFormObject.normal-form input[type=submit] { border: none; background: #121212; color: #fff; }
.home-page #DynamicFormObject.normal-form input[type=submit]:hover { background: #e95a08; }
.home-page #side-contact-form { max-width: 230px; }
/*inpage form*/
.form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email { display: inline-block; width: 33%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; z-index: 9; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { display: inline-block; width: 100%; }

/*homepage studio section*/
.home-page .section-title h1, .home-page .section-title h2 { font-size: 335%; font-family: 'Alef-Bold'; color: #282d33; display: inline-block; position: relative; }
.home-page .section-title h1:after, .home-page .section-title h2:after { content: ""; position: absolute; border-bottom: 4px solid #e95a08; width: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 35px 0 0; }
.home-page .section.grid-content-section.menu-sec .grid-boxes .grid-box-image { padding-bottom: 128%; }
.home-page .section.grid-content-section.menu-sec .grid-boxes { margin-top: 50px; }
.home-page .grid-box-image-text { width: 80%; font-size: 170%; margin: 0 auto; }
.home-page .grid-box-image-text p { font-size: 50%; font-family: 'Alef'; font-weight: 200; padding: 10px 0px; position:relative; }
.home-page .grid-content-section.menu-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 225%; font-family: 'alef-bold'; position: relative; }
.home-page .grid-content-section.menu-sec .grid-boxes .grid-box .grid-box-title { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.home-page .grid-boxes .grid-box-image { margin-bottom: 0; }
.home-page .grid-content-section.menu-sec .grid-boxes .grid-box { padding: 0 50px; }
.home-page .grid-content-section.menu-sec .grid-boxes .grid-box .grid-box-title h3:after { content: url('/warehouse/temp/drorkatz/arrow_white.svg'); display: block; margin: auto; }
.home-page .grid-content-section.menu-sec .grid-boxes .grid-box-image:hover + .grid-box-title { opacity: 0; transition: 0.4s; }
.home-page .grid-box-image-text p:after { content: url(/warehouse/temp/drorkatz/arrow_orange.svg); position: absolute; bottom: -50%; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); }
.home-page .grid-box-image-text h2 { font-size: 150%; font-family: 'alef-bold'; margin-bottom: 10px; }
.home-page .grid-boxes .grid-box-title h3 a { color: #ffffff; }

/*homepage photoshoting course section*/
.home-page .section.grid-text-section.textSection { max-width: 700px; margin: 0 auto; padding: 0; }
.home-page .section.grid-text-section.textSection .section-title h2 { margin: 0; }
.home-page .section.grid-text-section.textSection .section-title h2:after { display:none; }
.home-page .section.grid-text-section.textSection .grid-text .grid-text-content h2 { font-size: 125%; display: inline-block; position: relative; margin: 5px 0; }
.home-page .section.grid-text-section.textSection .grid-text .grid-text-content h2:before { content: ""; border: 1px solid #e95a08; background: #e95a08; position: absolute; width: 50px; height: 3px; left: 130px; top: 10px; }
.home-page .section.grid-text-section.textSection .grid-text .grid-text-content h2:after { content: ""; border: 1px solid #e95a08; background: #e95a08; position: absolute; width: 50px; height: 3px; right: 130px; top: 10px; }
/*(buttons)*/
.grid-text .sec-button { color: #ffffff; position: relative; background: #232323; padding: 6px 45px; border-radius: 0; margin: 30px auto 0; font-size: 110%; }
.grid-text .sec-button:hover { background: #e95a08; transition: 0.4s; }

/*homepage courses section*/
.home-page .section.grid-content-section.courseSection .section-title h2, 
.home-page .section.grid-content-section.Shops .section-title h2 { font-size: 235%; }
.home-page .section.grid-content-section.courseSection .section-title { margin-bottom: 75px; }
.home-page .section.grid-content-section.courseSection { max-width: 1440px; }
.home-page .section.grid-content-section.courseSection .grid-boxes .grid-box-image { padding-bottom: 172%; position: relative; }
.home-page .section.grid-content-section.courseSection .grid-boxes .grid-box-image-container a.box-image-animation:after { content: ""; border: 1px solid #e95a08; position: absolute; z-index: 0; top: 5px; bottom: 5px; right: 5px; left: 5px; }
.home-page .grid-box-title { position: relative; }
.home-page .section.grid-content-section.courseSection .grid-boxes .grid-box-title { position: absolute; width: 250px; bottom: 40px; left: 50%; transform: translateX(-50%); font-family: 'alef-bold'; z-index: 5; font-size: 95%; }
.home-page .courseSection .grid-boxes { margin: 0; }

/*homepage learning photography*/
.home-page .section.grid-content-section.Shops { max-width: 750px; margin: auto; }
.home-page .section.grid-content-section.Shops .grid-boxes .box-image-animation img { width: 70%; margin: 10px auto; }
.home-page .section.grid-content-section.Shops .grid-boxes .grid-box-image { padding-bottom: 150px; }
.home-page .section.grid-content-section.Shops .grid-boxes .grid-box:hover { background: #ffffff; box-shadow: 7px 13px 26px 0 rgba(77, 30, 3, 0.05); }
.home-page .section.grid-content-section.Shops .grid-boxes .grid-box-title { width: auto; min-height: 60px; }
.home-page .section.grid-content-section.Shops .grid-boxes .grid-box-title h3 { font-size: 125%; }
.home-page .section.grid-content-section.Shops .grid-boxes .grid-box-title h3 a { color: #232323; font-family: 'alef-bold'; }
.home-page .section.grid-content-section.Shops .grid-boxes .grid-box .grid-box-fulltext { margin-top: 40px; }
.home-page .section.grid-content-section.Shops .grid-boxes .grid-box { padding: 20px 60px; margin-bottom: 25px; }

/*homepage PBT*/
.home-page .section.grid-text-section.finalSection .gridTextWithImg { padding: 0 50px; }
.home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content { color: #ffffff; max-width: 620px; width: 100%; }
.home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content h2 { font-size: 335%; font-family: 'Alef-Bold'; margin-bottom: 10px; position: relative; }
.home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content h2:after { content: ""; position: absolute; background: #e95a08; width: 50px; height: 4px; left: 50%; top: auto; bottom: -10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content p { margin-top: 40px }
/*.home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content p:after { content: url(/warehouse/temp/drorkatz/arrow_white.svg); position: absolute; bottom: -30%; left: 50%; transform: translate(-50%, 30%); -webkit-transform: translate(-50%, 30%); }*/

/*footer*/
.site-credit.alternative.row { padding: 15px 0; }
.footer-text-divided { display: inline-flex; width: 100%; padding: 60px 0 55px 0; background: #232323; color: #ffffff; border-bottom: 8px solid #e95a08; }
.footer-text-divided > div.footer-text-right { display: flex; width: 33.3%; line-height: 1.4; flex-direction: column; align-items: flex-start; font-size: 90%; list-style: none; padding: 0 70px; }
.footer-text-divided > div.footer-text-left { padding: 0 70px; display: flex; line-height: 2; flex-direction: column; align-items: flex-end; justify-content: center; }
.footer-text-divided > div.footer-text-left p a { margin-right: 15px; }
.footer-text-divided > div.footer-text-right a { position: relative; }
.footer-text-right ul { column-count: 2; column-gap: 40px; }
.footer-text-divided > div.footer-text-left p:first-child { display: none; }


/*Inner*/
/*About page*/
.aboutPage #pageview { max-width: 800px; margin: 0 auto; }
.aboutPage .MainContent #headline, .aboutPage .MainContent #text1 { text-align: right; max-width: 90%; margin: auto; }
.aboutPage .MainContent #headline { font-size: 335%; font-family: 'Alef-Bold'; margin-top: 50px; position: relative; }
.aboutPage .MainContent #headline:after { content: ""; position: absolute; border-bottom: 4px solid #e95a08; width: 50px; margin: 6px 0; }
.aboutPage .GridBottomGallery { max-width: 1440px; margin: 0 auto 100px; }
.aboutPage .MainContent #text1 h3 { font-size: 190%; font-family: 'Alef-Bold'; }
.aboutPage .GridBottomGallery .bottomGalleryTitle h2 { font-size: 335%; font-family: 'Alef-Bold'; position: relative; display: inline-block; margin-bottom: 30px; }
.aboutPage .GridBottomGallery .bottomGalleryTitle h2:after { content: ""; position: absolute; height: 4px; background: #e95a08; width: 50px; left: 50%; top: 100%; margin: 0; transform: translateX(-50%); -webkit-transform: translate(-50%); }
.aboutPage .GridBottomGallery .gallery-cubes > div { padding: 0 10px; margin-top: 20px; }
/*display text on image*/
.image-link-outer-full-text { display: block !important; }
.gallery-cubes .image-link-outer { margin: auto; width: 90%; }
.gallery-cubes .image-link-inner { opacity: 0.3; }
.gallery-cubes h4 { color: #fff; }

/*contact page*/
.contactPage #contactview #headline, .contactPage #contactview .row #contactDetails { max-width: 650px; margin: 0 auto; }
.contactPage #contactview #headline h1 { font-size: 160%; font-family: 'Alef-Bold'; margin-top: 50px; position: relative; display: inline-block; }
.contactPage #contactview #headline h1:after { content: ""; position: absolute; border-bottom: 4px solid #e95a08; width: 50px; bottom: -20%; left: 50%; transform: translate(-50%, 20%); }
.contactPage #contactview .row #contactDetails .contactDetailsText1 { margin-top: 40px; }
/*contact form*/
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; border-bottom: 7px solid #e95a08; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: flex; flex-direction: column; width: 100%; order: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: flex; flex-direction: column; width: 100%; font-size: 140%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: flex; flex-direction: column; width: 100%; order: 2; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 165px; margin: 0 auto; float: none; }
#DynamicFormObject input[type=submit] { background: #232323; border-radius: 0; border: none; margin-top: 35px; }
#DynamicFormObject input[type=submit]:hover { background: #e95a08; color: #ffffff; }
#DynamicFormObject { background: #ffffff; -webkit-box-shadow: 0 3px 36px 0 rgb(5 38 41 / 17%); box-shadow: 0 3px 36px 0 rgb(5 38 41 / 17%); }
#DynamicFormObject:after, #DynamicFormObject { border: none; content: none; }
.normal-form input, .normal-form textarea { border: none; box-shadow: none; border-bottom: 1px solid #232323; border-radius: 0; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 150%; font-family: 'Alef-Bold' }
#SiteGrid.layout-bottom #GridPromo { margin-bottom: 125px; max-width: 970px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField:after { content: "*שדה חובה"; font-family: 'Alef'; width: 90%; position: absolute; right: 15px; text-align: right; font-size: 14px; }
/*Content page*/
.contentPage #pageview { max-width: 800px; margin: 0 auto; }
.contentPage .MainContent #headline, .contentPage .MainContent #text1, .coursesPage #subheadline { text-align: right; max-width: 90%; margin: 0 auto 20px; }
.contentPage .MainContent #text1, .contentPage #grid-view { margin-top: 40px; }
.contentPage .mainContent, .contentPage.photoShot #GridContent, .contentPage #GridContent { margin-bottom: 125px; }
.contentPage #headline h1 { font-size: 160%; font-family: 'Alef-Bold'; position: relative; display: inline-block; }
.contentPage #headline h1:after { content: ""; position: absolute; border-bottom: 4px solid #e95a08; width: 50px; bottom: -25%; display: block; }
.contentPage .MainContent { margin-bottom: 125px; max-width: 800px; margin: 0 auto; }
.contentPage .gallery-cubes > div { padding: 0 10px; margin-top: 20px; width: 33%; }
.categories-strip { background: #232323; }
.categories-strip ul li.active, .categories-strip ul li:hover { background: #e95a08; }
.contentPage .mainContent #pageview #headline, .contentPage .mainContent #pageview #text1 { text-align: right; }
.contentPage .mainContent #pageview #text1 { max-width: 700px; margin-right: 0; }
.contentPage .mainContent #pageview #text1 P { margin-top: 30px; }
.contentPage .mainContent #pageview #text1 P:last-child { margin-bottom: 30px; }
.contentPage #grid-view { max-width: 1170px; width: 100%; }
.contentPage #grid-view .gridshort-view-item { width: 25%; padding: 0; float: right !important; }
.contentPage.photoShot #grid-view .gridshort-view-item { width: 20%; padding: 0 10px; float: right !important; }
.contentPage .grid-short-box-image { padding-bottom: 150%; position: unset; }
.coursesPage:not(.photoShot) .gridshort-view-item .grid-short-box-image:after { content: ""; border: 1px solid #e95a08; top: -10px; bottom: 10px; right: 5px; left: 25px; position: absolute;pointer-events:none; }
.photoShot .grid-short-box-image { padding-bottom: 150%; position: relative; }
.photoShot .gridshort-view-item .grid-short-box:after { content: ""; border: 1px solid #e95a08; top: 10px; bottom: 0; right: 0; left: 20px; position: absolute;pointer-events:none; }
.workshops #grid-view { max-width: 910px; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; margin: 50px auto 0; }
.workshops #grid-view .gridshort-view-item { width: 33%; float: none !important; }
.workshops .gridshort-view-item .grid-short-box-image a:after { right: 30px; left: 30px; top: 10px; bottom: 10px; }
@media (max-width: 767px) {
    .workshops .gridshort-view-item .grid-short-box-image a:after { right: 20px; left: 20px; top: 10px; bottom: 10px; }
}

/*courses*/
.contentInnerPage #subheadline { max-width: 90%; margin: 40px auto 0; }
.contentInnerPage .MainContent ul { column-count: 1; }
.contentInnerPage #pageview #text2 h2 a, .contentInnerPage #galleryview #text2 h2 a { border: 1px solid #232323; padding: 5px 20px; background: #232323; color: #fff; font-size: 80%; }
.contentInnerPage #pageview #text2 h2 a:hover, .contentInnerPage #pageview #text2 h2 a:focus, .contentInnerPage #galleryview #text2 h2 a:hover, .contentInnerPage #galleryview #text2 h2 a:focus { background: #e95a08; border: 1px solid #e95a08; color: #fff; transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.contentInnerPage #pageview #text2 h2, .contentInnerPage #galleryview #text2 h2 { font-size: 140%; margin-top: 30px; }
.contentPage.coursesPage .grid-short-box-text a, .contentPage.coursesPage.photoShot .grid-short-box-text a { position: absolute; bottom: 10%; width: 80%; left: 50%; transform: translateX(-50%); color: #fff; font-family: 'alef-bold'; font-size: 75%; z-index: 3; }
#videoContainer { text-align: center; }

/*PBT*/
.pbtPage #pageview { max-width: none; }
.pbtPage #pageview h2, .pbtPage #text1 { max-width: 800px; margin: auto; width: 100%; }
.pbtPage #pageview h2, .pbtPage #text1 h1 { font-size: 200%; text-align: center; margin: 20px auto; font-family: 'alef-bold'; }
.panel-group { max-width: 800px; margin: auto; }
.faq-headline { background-color: #232323; color: #fff; font-size: 111%; font-family: 'alef-bold'; border-radius: 10px; border-bottom: 8px solid #e95a08; }
.faq-headline.open { background-color: #232323; }
.faq-body { background-color: #fff; }
.faq-body > div { max-width: 85%; padding: 20px 30px 10px 0; }
.pbtPage .fa-angle-down:before, .pbtPage .fa-angle-up:before { color: #e95a08; }
.pbtPage .gallery-container { padding-top: 40px; }
@media(max-width:767px) {
    .faq-body > div { max-width: 100%; padding: 20px; }
}

/*item page*/
.CatalogItemPage.SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent,
.CatalogItemPage.SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemImages { vertical-align: middle !important; }
#CatalogModule .catalogItemSingleView .item-actions { border: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.itemContent #headline h1 { font-size: 160%; font-family: 'Alef-Bold'; position: relative; display: inline-block; }
.itemContent #headline h1:after { content: ""; position: absolute; border-bottom: 4px solid #e95a08; width: 50px; bottom: -10%; display: block; }
.item-price.addedToCartDetail, .catalogTextContainer { margin: 30px 0; }
.catalogTextContainer { margin-bottom: 20px; }
.add-to-cart, button#addToCartBtn { background: #232323; }
.add-to-cart, button#addToCartBtn:hover { background: #e95a08; color: #ffffff; border: none; }
.catalogItemSingleView .goToItemDetailsBtn button { background: #e95a08!important; }
#CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer,
#CatalogModule .item-quantity .itemQuantityContainer, .catalogItemBox .item-quantity .itemQuantityContainer { background:#ffffff; }
@media (min-width: 1440px) {
    body.CatalogItemPage.SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent > div { max-width: none!important; }
    body.CatalogItemPage.SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent { /*padding: 80px 200px 80px 0 !important;*/ background: #ffffff !important; }
    body.CatalogItemPage.SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemImages { padding: 0 20px !important; }

    .SingleItemPage .gallery-slider { max-width: 1000px; margin: auto; }
    .SingleItemPage #CatalogModule .gallery-slider.flexslider .slides li { padding-bottom: 80vh; background: transparent; }
    .SingleItemPage #CatalogModule .flexslider .slides img { width: 100%; height: auto; max-height: none; max-width: 100%; }
    .SingleItemPage #CatalogModule .shortLayout .flexslider .slides img { width: 90%; }
}
@media(min-width:991px) {
    body.CatalogItemPage.SingleItemPage section.singleItemSection.itemFirstDetails:not(.shortLayout) .singleItemContentWrapper { min-height: 80vh !important; margin-top: 96px; }
    .owl-carousel .owl-item img { min-height: 323px; max-height: 323px; height: 100%; }
    .owl-carousel .owl-item a .plus-sign img { min-height: unset; }
}
@media(max-width: 767px) {
    .SingleItemPage #CatalogModule .itemImages { padding-top: 40px; padding-bottom: 0; }
    section.singleItemSection.itemFirstDetails.shortLayout .singleItemContentWrapper { display: flex; width: 100%; flex-direction: column; align-items: center; flex-wrap: wrap; align-content: center; }
    .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemImages, .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemContent { width: 100%; }
    .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemContent #headline { margin-top: 15px; margin-bottom: 15px; }
    .SingleItemPage #CatalogModule section.singleItemSection.itemFirstDetails.shortLayout .itemContent #subheadline h2 {font-size: 130%; }
}
/*Checkout page*/
form.shop-form .form-control:not([type=checkbox]):not([type=submit]):not([type=button]):not([type=radio]) { border: none; border-radius: 0; border-bottom: 1px solid #232323; box-shadow: none; height: 30px; }
.add-to-cart:hover, .add-to-cart:focus { background: #232323; color: #ffffff; border: none; }
.fa-fw { width: 30px; }
form.shop-form .spinner { color: #ffffff; margin-top: 8px; left: 20px; font-size: 80%; }
.catalogItemSingleView .checkOutContainer { background: #ffffff; border-bottom: 4px solid #e95a08; }
section.singleItemSection.itemFirstDetails.shortLayout { padding: 100px 20px 0px !important; }

@media (min-width: 1025px) { 
    #header2 #header-left img { padding: 10px; }
    #header2 ul.menu { text-align: center; direction: rtl; }
    #header2 .header-top { width: 100px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    #header2 .menu-nav { width: 100%; }
}

@media (min-width: 1024px) and (max-width: 1170px) {
    #header2 ul.menu li { margin-left: 15px; }
    #header2 ul.menu { font-size: 90%; }  
}

@media (max-width: 1024px) {
    /*new*/
    #header2 .header-top .address span.bottomAddress, #header2.headerHasCart .cartBtn.navShopBtn.mobile { display: none; }
    #header2 .header-top-left a { margin-left: 30px; }
    #header2 .phone-icon { display: flex; font-size: 18px; top: 2px; position: relative; flex-direction: row; align-content: flex-end; justify-content: center; left: -95%; transform: translateX(95%); z-index: 0; }
    #header2 #header-left img { width: 70%; }
    #header2 ul.menu { background: #232323; font-size: 60%; position: fixed; width: auto; z-index: 0; padding-bottom: 10px; }
    #header2 ul.menu li { padding: 15px 0; }
    #header2 .header-right-section.pull-right { display: flex; top: 0; left: 0; transform: none; justify-content: flex-end; width: auto; position: relative; }
    .cartBtn button { margin-left: 0; }

    /*homepage*/
    .home-page .section.grid-content-section.courseSection .grid-boxes .grid-box-title { font-size: 80%; width: calc( 100% - 30px); }
    .home-page .section-title h1, .home-page .section-title h2, .home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content h2 { font-size: 250%; }
    .home-page .section.grid-content-section.Shops .grid-boxes .grid-box-title { margin: 0 auto; font-size: 90% }
    .home-page .section.grid-text-section.finalSection .gridTextWithImg { padding: 0; position: relative; }
    /*.home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content p:after { bottom: -15%; transform: translate(-50%, 15%); -webkit-transform: translate(-50%, 15%); }*/
    .home-page .section.grid-content-section.menu-sec .grid-boxes .grid-box-image { padding-bottom: 20%; }
    .home-page .grid-box-image-text h2 { color: #232323; margin-top: 10px; }
    .home-page .grid-box-image-text p { color: #232323; padding: 10px; font-size: 67%; }
    .home-page .grid-content-section.menu-sec .grid-boxes .grid-box { padding: 0 20px; margin: auto; }
    .section { padding: 0; }
    .home-page #side-contact-form { max-width: 300px; width: 100%; }
    .grid-content-section.menu-sec, .grid-content-section.courseSection { margin: 40px auto; }
    .footer-text-divided > div.footer-text-left p { padding-left: 10px; }
    .footer-text-divided > div.footer-text-right { display: flex; width: 100%; line-height: normal; flex-direction: row; align-items: center; font-size: 90%; list-style: none; order: 2; text-align: center; margin: 10px 0; }
    .footer-text-divided > div.footer-text-left { display: flex; line-height: 2; flex-direction: row; align-items: end; width: 100%; order: 3; justify-content: center; }
    .footer-text-divided { display: flex; width: 100%; padding: 60px 0 55px 0; background: #232323; color: #ffffff; border-bottom: 8px solid #e95a08; flex-direction: column; }
    #SiteFooter img { max-width: 60%; height: auto; }

    /*Inners*/
    .top-caption { font-size: 300%; }
    .aboutPage #headline h1 { font-size: 80%; }
    .aboutPage #GridPage { padding-top: 40px; }
    .aboutPage .MainContent #text1 h3 { font-size: 170%; }
    .aboutPage .GridBottomGallery { padding-top: 0; font-size: 80%; margin: 0 20px 50px; }
    .contactPage #contactview #headline h1, .contactPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 125%; margin-bottom: 0; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email { width:100%; }
    .contactPage .normal-form textarea { padding-right: 20px; }
    .contactPage #DynamicFormObject .dynamicFormObjectField .must:before { right: 20px; }
    .contactPage #GridPromo #DynamicFormObject { margin: 0 20px; }
    .contactPage #GridPage { padding-top: 0; }
    .contactPage #SiteGrid.layout-bottom #GridPromo { margin-bottom: 15%; }
    #CatalogModule .catalogItemSingleView section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent { margin-top: 50px; }
    .itemContent #headline h1, .contentPage #headline h1 { font-size: 110%; }
    .contentPage .MainContent { margin-bottom: 100px; }
    .contentPage .gallery-cubes > div { padding: 10px; margin-top: 0; width: 50%; }
    /*old*/ 
    #header2 .nav-menu-anim { display: flex; cursor: pointer; }
    #header2.detailsInRow .header-right-section { direction: rtl; }
    #header2 { direction: rtl; background: #232323; }
    #header2 .header-right-section { display: flex; width: auto; flex-direction: row-reverse; align-items: center; background: transparent; }
    #header2.detailsInRow .header-top { margin-right: 20px; }
    #header2 .header-top-left { display: flex; margin-right: 0; }
    #header2 ul.menu li a { color: inherit; font-size: 190%; }
    #header2 ul.menu li.active { color: #fff; background: transparent; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 #header-container { width: 100%; display: inline-flex; align-items: center; }
    #header2.detailsInRow .header-top { display: flex; order: 3; }
    #header2.detailsInRow .menu-nav { display: flex; order: 1; max-width: 45px; float: none !important; }

    #header2 #header-left.col-xs-2 { text-align: left; flex-direction: row; align-items: center; display: flex; width: auto !important; margin: 0; justify-content: flex-end; }
    /*top-slider*/
    #home-gallery .flex-control-paging li a { background: transparent; border: 1px solid; }
    #home-gallery .flex-control-paging li a.flex-active { background: #fff; }
    
}

@media (min-width:768px) and (max-width:1023px) {
    #header2 ul.menu { position: fixed; background: #232323; bottom: 0; margin-top: 10%; }
    #header2 .phone-icon { position: relative; font-size: 20px; display: flex; z-index: 10; flex-wrap: nowrap; right: 15px; }
    
    /*top-slider*/
    #home-gallery .flex-control-paging li a { background: transparent; border: 1px solid; }
    #home-gallery .flex-control-paging li a.flex-active { background: #fff; }
}

@media (max-width:767px) {
    #header2 { font-size: 110%; position: fixed; padding: 10px; }
    #header2 #header-container { width: 100%; display: inline-flex; flex-direction: row; justify-content: space-between; align-items: center; }
    #header2 .menu-nav { width: auto; }
    #header2 .header-top-left a { display: none; }
    #header2 #header-left img { vertical-align: middle; }
    #home-gallery .gallery-caption { width: 90vw; text-align: center; }
    #DynamicFormObject { max-width: 100% !important; margin: auto; }
    /*Menu*/
    #header2 ul.menu-sub > li { padding: 5px 0; }
    #header2 ul.menu li .menu-sub a { float: none; }
    #header2 ul.menu li.social-mobile { padding-bottom: 20px; }
    /*slider*/
    .home-page #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 15%; }
    .home-page #home-gallery .scroll-down img { min-width: 30px; }
    #home-gallery .gallery-caption .gallery-text span { white-space: break-spaces; }
    /*homepage*/
    .home-page .section-title h1:after, .home-page .section-title h2:after { margin: 35px 0 0; }
    .home-page .menu-sec .section-title h1, .home-page .textSection .section-title h2 { font-size: 255%; }
    .home-page .menu-sec .grid-box-image-container h2, .home-page .section.grid-content-section.courseSection .section-title h2,
    .home-page .section.grid-content-section.Shops .section-title h2, .home-page .section.grid-text-section.finalSection .gridTextWithImg .grid-text-content h2 { font-size: 35px; }
    .home-page #side-contact-form { max-width: 100vw; width: 100%; }
    #side-contact-form.mobile-form { margin-top: 0; }
    #DynamicFormObject:after { display: none; }
    .internal-form .normal-form input[type=email], .internal-form .normal-form input[type=tel], .normal-form input[type=text], .normal-form textarea { border: none; border-bottom: 1px solid #000; box-shadow: none; border-radius: 0; }
    .home-page #DynamicFormObject.normal-form input[type=submit] { border-radius: 0; width: 50%; font-size: 120% !important; margin-top: 10px; }
    .grid-boxes .box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); }
    .home-page .grid-box-image-text p { color: #232323; padding: 10px; font-size: 50%; line-height: 1.8; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 18px; }
    .home-page .grid-box-image-text p:after { content: url(/warehouse/temp/drorkatz/arrow_orange.svg); position: absolute; bottom: -30%; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); }
    .home-page .section.grid-text-section.textSection { margin: 0 auto 40px; }
    .grid-content-section.menu-sec, .grid-content-section.courseSection { margin: 40px auto 0; }
    .home-page .section.grid-content-section.Shops .grid-boxes .box-image-animation img { width: 60%; margin: 30px auto; }
    .home-page .section.grid-content-section.Shops .grid-boxes .grid-box-title h3 { font-size: 150%; }
    .home-page .section.grid-content-section.Shops .grid-boxes .grid-box-title { width: 60%; font-size: 60%; max-height: 40px; }
    .home-page .section.grid-content-section.Shops .grid-boxes .grid-box { background: #ffffff; width: 45%; margin: 15px 5px; padding: 5px; min-height: 300px; }
    .home-page .section.grid-content-section.Shops .grid-boxes .grid-box .grid-box-fulltext { margin-top: 10px; }
    section.section.stellar-static.section-animation-list.grid-content-section.Shops { padding: 40px 20px 20px; }
    .grid-boxes .grid-box.textOnHover .box-image-animation img { max-height: 328px; }
    .home-page .grid-box-image-text { width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
    .home-page .grid-box-image-text h2, .home-page .grid-box-image-text p { color: #ffffff; margin: 0 0 10px 0; }
    .grid-box.textOnHover .grid-box-image .box-image-animation:after { content: ""; position: absolute; background: #000; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; }
    .home-page .finalSection { margin-top: 80px; margin-bottom: 110px; }
    .contactPage #GridPage { padding-top: 40px; }
    .aboutPage .MainContent #headline, .contactPage #contactview #headline h1 { margin-top: 0; }
    .contactPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 100%; }

    /*inner*/
    .contentPage .mobile-strip:after { top: 12px; }
    .contentPage #pageview { padding: 0 10px; }
    .contentPage #grid-view .gridshort-view-item { width: 50%; padding: 0; float: right !important; margin: auto; }
    .contentPage .GridBottomGallery { padding-bottom: 0; }
    .contentPage .MainContent { margin-bottom: 40px; }
    .top-caption { font-size: 250%; }
    .contentPage.photoShot #grid-view .gridshort-view-item { width: 50%; }
    #CatalogModule .catalogItemSingleView section.singleItemSection.itemFirstDetails:not(.shortLayout) .itemContent { margin-top: 0; }

    #videoContainer { text-align: center; width: 100%; max-width: 95vw; }
    iframe { height: auto; width: 100%; }
    /*checkout*/
    section.singleItemSection.itemFirstDetails.shortLayout { padding: 65px 20px 0 !important; }
    /*footer*/
    .footer-text-divided > div.footer-text-right { justify-content: center; padding: 0 50px; margin: 30px 0 10px; }
    #SiteFooter { padding-bottom: 0px; }
    .footer-text-right ul { text-align: right; column-gap: 60px; }
    .footer-text-divided { padding: 40px 0 40px 0; }

    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 100%; }
    
}



/* FIX FOR VH/VW IN STORY */
.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }
.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }
#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }
#home-gallery { height: calc( var(--vw) * 1 ); }
.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }
header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }
#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }
#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }
#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }
.TopVideo { height: calc( var(--vh) * 1 ); }
.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }
.flexslider:not(.modal-slider) .slides img { height: calc( var(--vh) * 0.85 ); }
.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }
#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }
.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }
#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }
.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }
.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }
#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }

@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }
    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }
    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 5 ); }
    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }
    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }
    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }
    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }
    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }
    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }
    #header .submenu { width: calc( var(--vw) * 0.97 ); }
    .modal-dialog { width: calc( var(--vw) * 0.9 ); }
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }
    .gallery-container { width: calc( var(--vw) * 1 ); }
    .marginLeft .gallery-container { width: calc( var(--vw) * 1 ); }
    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }
    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }
    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
    .TopVideo { height: calc( var(--vh) * 0.95 ); }
    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 1 ); }
    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}

    
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body { zoom: 0.8; }
    :root { --vh: 125vh; --vw: 125vw; }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body { zoom: 0.7; }
    :root { --vh: 150vh; --vw: 150vw; }
}


#videoContainer { margin-bottom: 80px; }
.contentPage.coursesPage #grid-view { max-width: 1300px; display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; justify-content: flex-start; }
.coursesPage #GridPage .max-width { max-width: 1400px; }
.contentPage.coursesPage #grid-view .gridshort-view-item { width: calc(25% - 20px); margin-bottom: 30px; }
.pbtPage.contentPage #GridContent { margin-bottom: 70px; }
.navShopBtn { display: none; }
#home-gallery .opacity-layer { opacity: 0.25 !important; z-index: 4 !important; pointer-events: none; }
#home-gallery .gallery-caption { z-index: 5; }

@media (max-width: 767px) {
    .contentPage.coursesPage #grid-view .gridshort-view-item { width: calc(50% - 10px); margin-bottom: 20px; }
    .contentPage.coursesPage #grid-view { flex-wrap: wrap; }
    .contentPage .mainContent, .contentPage.photoShot #GridContent, .contentPage #GridContent { margin-bottom: 80px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #home-gallery .opacity-layer { display: block; }
    .pbtPage #SiteGrid.layout-bottom #GridPromo { margin-bottom: 20px; }
}