/*shani*/
body { font-size: 20px; }

/*Generals*/
.grid-rows .grid-row-text a.grid-row-button, a.FormResultPageButton, .content-section-Btn a, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, #DynamicFormObject .dynamicFormObjectSubmit { background-image: none; padding: 0 10px; font-size: 80%; }
.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover { background-image: none; background-color: #1f454b; }

.grid-rows .grid-row-text a.grid-row-button:before, a.FormResultPageButton:before, .content-section-Btn a:before, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before, #DynamicFormObject .dynamicFormObjectSubmit:before { left: auto; right: -4px; transform: rotate(180deg); width: 45px; height: 17px; }
.grid-rows .grid-row-text a.grid-row-button:after, a.FormResultPageButton:after, .content-section-Btn a:after, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after, #DynamicFormObject .dynamicFormObjectSubmit:after { left: auto; right: -15px; }

#header2 ul.menu li a:after, #header2 ul.menu li.has-sub li a:after { right: unset; left: 0; }
/*Slider*/
#home-gallery:after { right: auto; left: calc(var(--app-height)*0.146); top: 50%; margin-top: 60px; }
#home-gallery .slides:before { left: 0; background-image: url(/warehouse/temp/ShaniB/en.svg); }
#home-gallery .gallery-caption { left: 100px; justify-content: flex-end; top: 50%; transform: translateY(-50%); width: 100%; }
#home-gallery .gallery-caption .gallery-text { align-items: flex-end; text-align: left; max-width: 300px; }
#home-gallery .scroll-down { left: 6%; }

/*aboutSec*/
.aboutSec .grid-row-cell:last-of-type:before { right: auto; }
.aboutSec .grid-row-cell:last-of-type:after { right: auto; left: 170px; }

/*CubesSec*/
.cubeSec .grid-boxes .box-image-animation img { top: 40% !important; }
.cubeSec .grid-box-title { top: 65%; transform: translate(-50%,-70%); }
.cubeSec .grid-boxes .grid-box-title h3 { font-size: 100%; }
/*Testimonials*/
.gallerySec .owl-prev, .gallerySec .owl-next { height: 17px; font-size: 0; line-height: 1; }
.gallerySec .owl-carousel .owl-prev:before, .gallerySec .owl-carousel .owl-next:before { top: 50%; transform: translateY(-50%); }
.gallerySec .owl-carousel .owl-prev:hover:before, .gallerySec .owl-carousel .owl-next:hover:before { transform: translateY(-50%) rotate(45deg); }

/*LegalBlogSec*/
.blogSec .grid-boxes-blog.row .blog-post, .blogPage .blog-post, .blog-related-post { min-height: 520px; padding-bottom: 20px; position: relative; }
.blog-post-content { padding: 0 8px; height: calc(100% - 230px); display: inline-flex; flex-direction: column; flex-wrap: nowrap; }
.blog-post-title, .blog-related-post-title, .blog-post-text, .blog-post-icons, .blog-post-button, .blogPage .blog-post-text { text-align: left; margin-bottom: 0; padding-bottom: 10px; }
.blog-post-icons span { margin: 0; }
.blog-post-button, .blog-post-icons, .blogPage .blog-post-text, .blog-post-text { margin-top: auto; align-items: flex-end; }

/*Inners*/
#text1 ul { padding-left: 15px; }
#SiteGrid.layout-2sides-right #GridContent { margin-bottom: 50px; }
.aboutPage #headline h1, .aboutPage #subheadline h2, .aboutPage #text1, .specPage #headline h1, .specPage #text1, .specPage #text2, .blogPage.contentInnerPage #headline h1 { text-align: left; }
.aboutPage #headline h1:before, .specPage #headline:before, .blogPage.contentInnerPage #headline:before { left: 0; right: auto; }
.aboutPage #headline h1:after, .specPage #headline:after, .blogPage.contentInnerPage #headline:after { left: 70px; right: auto; }
/*contactPage*/
#SiteGrid.layout-bottom #GridPromo { order: 2; }
/*blogInner*/
#BlogView .blog-related-post { min-height: 360px; }
#BlogView .share-strip { justify-content: flex-end; }
#BlogView .share-strip:before { left: 0; }



/*Forms*/
#DynamicFormObject input[type=submit] { padding-left: 0; padding-right: 50px; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper, #DynamicFormObject .dynamicFormObjectField .textarea-wrapper, #DynamicFormObject .dynamicFormObjectField .select-wrapper { position: relative; }
.normal-form input, .normal-form textarea { padding: 7px 20px; }
.normal-form .must::before { right: auto; left: 12px; top: 5px; }

.specPage #DynamicFormObject .dynamicFormObjectFields .top-form { width: 100%; }
.specPage #DynamicFormObject .dynamicFormObjectFields .top-form span { display: block; }
/*Footer*/
#SiteFooter .footer-text-divided > div.footer-text-middle img { max-width: 188px; }
.footer-text-middle p:nth-of-type(2) { margin-top: 0; }


@media(max-width:1024px){
    #home-gallery .slides:before { top: 40px; background-size: contain; } 

    
}
/*mobile*/
@media(max-width: 767px) {
    #header2 #header-container { justify-content: space-between; }
    #header2 #header-left { width: 40%; margin: 0; }
    #header2 #header-left img { width: 100%; height: auto; }

    #header2 .phone-icon { left: 60px; right: auto; display: inline-flex; }
    #header2 ul.menu { width: 85vw; left: -23px; right: auto; min-height: 100vh; padding-right: 0; padding-left: 60px;  }
    #header2.open ul.menu { height: auto; width: 85vw; }
    #header2 ul.menu li { text-align: left; }
    #header2 ul.menu-sub li { margin-right: 0; margin-left: 15px !important; text-align: left; float: left; }
    #header2 ul.menu .menu-sub li a { float: left; }
    #home-gallery .slides:before { left: 0; top: unset; background-image: url(/warehouse/temp/ShaniB/mobile-hero.svg); background-size: cover;background-repeat:no-repeat; }
    #home-gallery .gallery-caption { left: 50%; transform: translateX(-50%); justify-content: center; bottom: -200px; }
    #home-gallery .scroll-down { left: 50%; transform: translateX(-50%); bottom: -40px; }
    #home-gallery .gallery-caption .gallery-text { align-items: center; text-align: center; }
    #home-gallery:after { left: 50%; margin: 0; top: 65%; }

    .aboutSec .grid-rows .grid-row { height: unset; }
    .aboutSec .grid-rows .grid-row-text { padding: 35px 20px; max-width: 100%; margin-bottom: 35px; }
    .aboutSec .grid-row-cell:last-of-type:before { left: 20px; }
    .aboutSec .grid-rows .grid-row-text p { padding: 0; }
    .aboutSec .grid-row-cell:last-of-type:after { left: 100px; }
    .aboutSec .grid-rows .grid-row-cell:first-of-type { padding: 20px; }
    .aboutSec .grid-row li.slider-item { width: 100%; padding-bottom: 100%; }


    .cubeSec .grid-boxes .grid-box-title h3 { font-size: 1.2rem; margin: 0; }
    .cubeSec .grid-boxes .grid-box-title h3 a { font-size: inherit; }
    .cubeSec .grid-boxes .box-image-animation img { width: 110px; top: 0 !important; transform: translate(-50%, 0) !important; }
    .cubeSec .grid-box-title { top: 75%; }


    .gallerySec .owl-carousel .owl-prev, .gallerySec .owl-carousel .owl-next { font-size: 0; height: 17px; }
    .owl-nav { height: auto; }
    .gallerySec .photoFullText { bottom: 75px; }
    .gallerySec .owl-carousel .photoTextWrapper h3 { top: 57%; margin-bottom: 0; }

    .blog-post-text, .blog-post-icons span { font-size: 80%; }
    .blog-tags-list ul li.blog-tag { width: auto; margin: 3px; }
    .blogPage .blog-post, .blog-related-post { height: auto; }
    .blog-post-image { width: 100%; margin: 10px auto; max-width: 95%; }


    #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 10px; }
}



/***ben's edit*/


#header2 .header-top-right > * { margin-left: 4px; margin-right: 0; }
@media(max-width:767px) {
    #header2 .menu-nav .languages { position: unset; margin-left: 14px; margin-right: 0px; }
}

/*appointment page */
.appointment .dynamicFormObjectFields.row { height: 100%; display: flex; align-content: center; align-items: center; justify-content: center; }
.appointment form#dynamic-form-2881_2ce335d1-3241-4d7c-bd76-933115699003 { display: flex; justify-content: center; height: 100%; flex-wrap: wrap; align-content: center; }
.appointment select.input-data.form-control { background: #fff; border: none; border-radius: 0; height: 48px; padding-right: 15px; }
.appointment .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; margin: auto; background-image: linear-gradient(90deg, #efdcca 10%, #1f454b 10%); border-left: 1px solid #efdcca; }
.appointment .normal-form select { background: transparent; color: #000; border: 1px solid #000; border-radius: 5px; padding-right: 5%; height: 40px; margin-bottom: 20px; font-size: 85%; width: 99%; -webkit-appearance: none; }
.appointment .form-container-wide #DynamicFormObject { border: none; background-color: #f0dcc9; display: flex; flex-direction: column; padding-bottom: 60px; padding-top: 60px; }
.appointment .dynamicFormObjectFields fieldset { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.appointment .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; display: flex; flex-direction: column; }
.appointment #DynamicFormObject fieldset .select-wrapper { position: relative; }

.appointment #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper::after { content: none; }
.appointment .form-container-wide .normal-form select { background: #fff; border: none; border-radius: 0; color: #000; padding-right: 15px; height: 48px; margin-bottom: 20px; font-size: 85%; width: 100%; -webkit-appearance: none; background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #fff; background-position-x: 190px; background-position-y: 16px; }
.form-container-wide #DynamicFormObject { border: none; display: flex; flex-direction: column; padding-bottom: 60px; padding-top: 45px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: #1f454b; font-weight: bold; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 125%; margin-bottom: 20px; }

@media(max-width:767px) {
    .appointment #GridPage { padding-top: 0; }
    .appointment .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { top: unset; position: relative; }
    .appointment #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 30px; max-width: 90%; margin: 0px auto 20px; }
    .appointment .form-container-wide #DynamicFormObject { height: auto; }
    .appointment .dynamicFormObjectFields fieldset { display: flex; flex-direction: column; justify-content: center; }
}

/**home page - add new appointment**/
.home-page .form-container-wide .normal-form select { background: #fff; border: none; border-radius: 0; color: #000; padding-right: 15px; height: 48px; margin-bottom: 20px; font-size: 85%; width: 100%; -webkit-appearance: none; background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #fff; background-position-x: 95%; background-position-y: 16px; }
.home-page .must:before { left: 10px; font-size: 16px; }
.home-page .must { position: relative; }
.home-page .grid-form-section { display: flex; background-color: #1f454b; justify-content: center; max-width: 100%; margin-bottom: 0; z-index: 10; padding-bottom: 0; padding: 45px 0; }
.home-page .grid-form-section .form-container-wide { width: 100%; }
.home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { color: white; font-weight: bold; font-weight: bold; position: relative; display: flex; padding-top: 70px; margin: auto; justify-content: center; }
.home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::before { content: ''; height: 60px; width: 80px; position: absolute; top: 0; background-color: #22454b; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); left: 50%; z-index: 1; transform: translateX(-50%); background-size: contain; background-repeat: no-repeat; background-position: center; }
.home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { content: ''; width: 410px; position: absolute; height: 2px; background: #d6b285; top: 28px; left: 50%; transform: translateX(-50%); }
.home-page .form-container-wide #DynamicFormObject { padding: 0; height: 350px; justify-content: space-around; background: #1f454b; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields { justify-content: center; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { width: 100%; margin: 0 auto; }
/*.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: inline-flex; justify-content: center; gap: 20px; }*/

.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper::after { content: none; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: unset; top: unset; background-image: linear-gradient(90deg,#1f454b 10%, #1f454b 10%); border-left: 1px solid #1f454b; }
.home-page .form-container-wide #DynamicFormObject input[type=submit] { background: #F7ECE2; border-radius: 0; color: #1f454b; }
.aboutSec .grid-row-cell:last-of-type:before { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); height: 60px; width: 60px; position: absolute; top: -37px; left: 100px; background-size: contain; }
.aboutSec .grid-row-cell:last-of-type:after { content: ''; position: absolute; height: 2px; width: 162px; background-color: #d6b285; top: -7px; left: 170px; }
.aboutSec .grid-rows .grid-row-text a.grid-row-button { top: -10px; }
.home-page .aboutSec .grid-rows .grid-row-cell { vertical-align: top; padding-top: 30px; }

@media(max-width:1024px)and (min-width:767px) {
    .home-page #DynamicFormObject .must:before { right: unset; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: 0 50%; transform: translateX(-10px);width:50%; }
    .home-page #header2 .header-right-section { width: 30%; display: flex; flex-direction: row-reverse; align-items: center; }
    .home-page #header2.detailsInRow .menu-nav { position: unset; transform:unset; }
}

@media(max-width:767px) {
    .home-page #header2 .header-right-section { width: 30%; display: flex; flex-direction: row-reverse; align-items: center; }
    .home-page #header2.detailsInRow .menu-nav { position: absolute; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { top: unset; position: relative;width:95%; }
    .aboutSec .grid-row-cell .slides { margin-top: 70px; }
    .aboutSec .box-image-animation img { margin-top: 100px; }

    .home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 30px; max-width: 90%; margin: 0px auto 20px; }
    .home-page .form-container-wide #DynamicFormObject { height: auto; padding: 0; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: inline-flex; justify-content: center; gap: 20px; flex-direction: column; }
    .home-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset div { padding: 0; }
    .home-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { max-width: 60%; }
    .home-page .grid-form-section { padding: 45px 0; }
    .home-page .aboutSec .grid-row-cell hr { display: none; }
    .aboutSec .grid-rows .grid-row-text a.grid-row-button { top: 0; }
    .aboutSec .grid-row-cell:last-of-type::after { content: ''; background-image: url(/warehouse/temp/ShaniB/logo-element.svg); height: 60px; width: 60px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); background-size: contain; }
    .aboutSec .grid-row-cell:last-of-type:before { content: ''; position: absolute; height: 2px; width: 162px; background-color: #d6b285; top: 49px; left: 50%; transform: translateX(-50%); z-index: -1; }
}