/* Mood Website */

body { color: #474747; }

h1, h2, h3, h4, h5, h6 { font-family: 'almoni-tzar-demibold-aaa'; }

.section { margin-bottom: 0; }
.section-title h1, .section-title h2 { font-size: 350%; line-height: 0.9; }

a.sec-button, .grid-rows .grid-row-text a.grid-row-button, #DynamicFormObject input[type=submit] { font-size: 100%; white-space: nowrap; color: #fff; border: none; font-family: 'almoni-neue-aaa-700'; display: inline-block; padding: 12px 50px; border-radius: 25px; -webkit-box-shadow: 0 7px 30px 0 rgba(94, 173, 134, 0.4); box-shadow: 0 7px 30px 0 rgba(94, 173, 134, 0.4); background-color: #5ead86; -webkit-transition: all .5s ease; transition: all .5s ease; }
a.sec-button:hover, #DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover { color: #fff; border: none; -webkit-box-shadow: 0 7px 30px 0 rgba(94, 173, 134, 0.6); box-shadow: 0 7px 30px 0 rgba(94, 173, 134, 0.6); background-color: #3b9669; }
a.sec-button:after, .grid-rows .grid-row-text a.grid-row-button:after, #DynamicFormObject input[type=submit]:after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; margin-top: -2px; margin-right: 5px; position: relative; border-style: solid; border-width: 4px 6px 4px 0; -webkit-transform: rotate(360deg); border-color: transparent #fff transparent transparent; }

.grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.grid-boxes .grid-box { margin-bottom: 30px; }
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border: none; color: #474747; outline: 0; opacity: 1; }

label.error, span.error { left: 15px; font-size: 70%; }

.grid-gallery-section { background-color: #fff; padding-top: 100px; }
.grid-gallery-section .section-title h2 { margin-bottom: 30px; }
.grid-gallery-section .gallery-cubes { padding: 0 5px; }
.grid-gallery-section .gallery-cubes > div {  padding: 5px; }
.gallery-cubes .boxes-images-outer-image { padding-bottom: 130%; overflow: visible; }

.grid-rows .grid-row.hidden-title h2 { display: none !important; }
.grid-rows .grid-row-text h2 { font-size: 350%; }
.grid-rows .grid-row-text h3 { margin-top: 0; margin-bottom: 5%; font-size: 275%; }
.grid-rows .grid-row-text h4 { font-family: 'almoni-neue-aaa-400-new'; font-size: 120%; margin-bottom: 15px; }
.grid-rows .grid-row-text p { line-height: 1.3; margin-bottom: 14px; }

#headline { display: none; }
#GridPage { padding: 0; }
#GridPage .max-width { width: 100%; }
#GridTop.noTopImage.longer { height: 70px; }
.lobby-grid #GridPage .max-width { padding: 0; }
.grid-text p { margin: 0; }
.grid-content-section { max-width: 100%; margin: 0 auto; }
body:not(.home-page) #allSectionsWrapper { background-color: #f2f7fb; }
.section-title { margin-bottom: 0; }
.mobile-middle-kdm { display: none; }

.select-wrapper { position: relative; }
.select-wrapper select { cursor: pointer; }
.select-wrapper:after { top: 50%; }

.intro-text-section { padding: 60px 0 0; }
.intro-text-section .grid-text p { max-width: 630px; margin: 0 auto; font-size: 120%; }

.banner-section, .faq-page #pageview { height: 460px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; }
.banner-section .grid-text-content { width: 100%; }
.banner-section .section-title h2, .faq-page #headline h1 { font-size: 70px; margin-bottom: 15px; }
    .banner-section .grid-text-content h2, .faq-page #pageview h2 { max-width: 670px; font-size: 140%; text-align: center; line-height: 1.3; font-family: 'almoni-neue-aaa-400-new'; }
.banner-section .section-title { width: 100%; max-width: 750px; }

.text-blocks-grid { min-height: 440px; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; }
.text-blocks-grid .grid-text-content { max-width: 1000px; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.text-blocks-grid .grid-text-content ul { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; width: 50%; margin: 0; padding: 0 15px; list-style: none; text-align: right; }
.text-blocks-grid .grid-text-content ul li:not(:first-child) { margin-top: 15px; }

#LobbyModule .cubes-grid-section .section-title { margin-bottom: 0; }
#LobbyModule .cubes-grid-section .section-title h2 { margin-top: 100px; }
#LobbyModule .cubes-grid-section .grid-boxes.row { max-width: 1080px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#LobbyModule .cubes-grid-section .grid-boxes.row > .grid-box { max-width: 300px; height: 225px; margin: 30px !important; padding: 15px 20px; box-shadow: 0 13px 46px 0 rgba(0, 33, 77, 0.16); }
#LobbyModule .cubes-grid-section .grid-boxes.row .grid-box-image { width: 80px; padding-bottom: 80px; margin: 0 auto 5px; }
#LobbyModule .cubes-grid-section .grid-boxes.row .grid-box-subtitle { font-size: 90%; color: #474747; line-height: 1.2; max-height: 65px; overflow: hidden; }
#LobbyModule .cubes-grid-section .grid-boxes.row .grid-box-title h3 { margin-bottom: 10px; }
#LobbyModule .cubes-grid-section .grid-boxes.row .grid-box-title h3 a { font-size: 110%; color: #474747; }

.checklist-section { background-color: #fff; padding-top: 100px; }
.checklist-section .section-title h2 { max-width: 475px; margin: 0 auto 45px; }
.checklist-section .grid-text-content { max-width: 860px; margin: 0 auto 30px; padding-bottom: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.checklist-section .grid-text-content ul { width: 340px; margin: 0; padding: 0; list-style: none; text-align: right; }
.checklist-section .grid-text-content ul > li { position: relative; font-size: 90%; padding: 10px 0; border-bottom: 1px solid #e7edf2; }
.checklist-section .grid-text-content ul > li:before { content: ""; position: absolute; top: 50%; right: -26px; width: 18px; height: 18px; display: block; background-image: url(/warehouse/temp/moodcms/checked.png); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.checklist-section .grid-text-content > p { display: none; }
.checklist-section .grid-text-content > a, .partners-page .content-section-Btn a.sec-button { position: absolute; bottom: 0; left: 50%; padding: 12px 45px; font-family: 'almoni-tzar-demibold-aaa'; font-size: 120%; border-radius: 55px; box-shadow: 0 7px 30px 0 rgba(139, 5, 121, 0.2); border: solid 1px #bd5693; background-color: #bd5693; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.checklist-section .grid-text-content > a:hover, .partners-page .content-section-Btn a.sec-button:hover { box-shadow: 0 13px 40px 0 rgba(139, 5, 121, 0.3); background-color: #ac3b7e; }
.checklist-section .grid-text-content > a:before, .partners-page .content-section-Btn a.sec-button:before { content: ""; display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-left: 10px; background-image: url(/warehouse/temp/moodcms/contact_Icon.png); background-size: contain; background-repeat: no-repeat; }
.checklist-section .grid-text-content > a:after, .partners-page .content-section-Btn a.sec-button:after { display: none; }

.grid-row li.slider-item { height: 600px; padding-bottom: 0; overflow: visible; }
.grid-rows { overflow: hidden; }
.grid-rows .grid-row { max-width: 1440px; margin: 0 auto; }
body:not(.home-page) .grid-rows .grid-row { background-color: #f2f7fb; }
.grid-rows .grid-row:nth-child(odd):before { content: ""; position: absolute; top: 0; left: -50%; width: 200%; height: 100%; background-color: #f2f7fb; }
.grid-rows .grid-row-text { width: 100%; max-width: 500px; color: #474747; }

.grid-rows .grid-row .grid-row-cell.grid-row-cell-text { padding: 50px; }
.grid-rows .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text { text-align: right; }
.grid-rows .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { text-align: left; }

.grid-row-image-container .box-image-animation img { position: absolute; height: auto !important; top: 50%; width: auto; max-height: 100%; height: auto; max-width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.grid-rows .grid-row:nth-child(odd) .grid-row-image-container .box-image-animation img { left: 0px; }
.grid-rows .grid-row:nth-child(even) .grid-row-image-container .box-image-animation img { right: 0px; }

#faqview { max-width: 860px; margin: 50px auto 0; padding: 0 30px; }
#faqview .faq-item { padding: 12px 20px; border-radius: 5px; box-shadow: 0 7px 16px 0 rgba(0, 33, 77, 0.12); border: solid 1px #e7edf2; background-color: #fff; }
#faqview .faq-item .faq-headline { padding: 5px 0 5px 30px; font-size: 18px; background-color: transparent; }
#faqview .faq-item .faq-headline .button-open { left: 0; font-size: 26px; font-weight: bold; }
#faqview .faq-item .faq-headline.open { padding: 5px 0 10px 30px; border-bottom: 1px solid #e7edf2; }
#faqview .faq-item .faq-headline.open > span { font-family: 'almoni-neue-aaa-700'; }
#faqview .faq-body { background-color: #fff; }
#faqview .faq-body > div { max-width: 100%; padding: 15px 0 10px 20px; }
#faqview .faq-body p { font-size: 80%; }

.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { display: none;}

@media(min-width: 1230px) { 
    .gallery-container { max-width: 1170px; margin: 0 auto; }
    .grid-gallery-section .gallery-cubes { margin: 0 -15px; }
}


@media(max-width: 1440px) {
    .grid-row li.slider-item { height: auto; padding-bottom: 100%; }
}

@media(max-width: 1320px) {
    .grid-rows .grid-row { padding: 0 45px; }
}

@media(max-width: 1170px) {
    #GridPage .max-width { width: 100%; }
    .grid-rows .grid-row { padding: 0 30px; }
    .grid-rows .grid-row-text h2 { font-size: 300%; }
    .grid-rows .grid-row-text h3 { font-size: 250%; }
}

@media(max-width: 991px) {
    .section-title h1, .section-title h2 { font-size: 200%; }
    body:not(.home-page) .grid-row-section { padding-bottom: 45px; }
    .grid-rows .grid-row { padding: 0 15px; }
    .grid-rows .grid-row-text h3 { font-size: 200%; }
    .grid-rows .grid-row-text h2 { font-size: 250%; }
    .grid-rows .grid-row-text p { font-size: 90%; }
    .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { padding: 30px; }
    a.sec-button, .grid-rows .grid-row-text a.grid-row-button, #DynamicFormObject input[type=submit] { padding: 12px 40px 10px; }
    .grid-gallery-section .section-title h2 { margin-bottom: 20px; }
    .grid-gallery-section .gallery-cubes > div { width: 33.333%; }

    .grid-gallery-section { padding-top: 75px; }

    .banner-section, .faq-page #pageview { height: 400px; }
    .banner-section .section-title h2, .faq-page #headline h1 { font-size: 44px; margin-bottom: 10px; }

    #LobbyModule .cubes-grid-section .section-title h2 { margin-top: 60px; }
    #LobbyModule .cubes-grid-section .grid-boxes.row .grid-box-title h3 { font-size: 100%; }

    .checklist-section .grid-text-content ul { width: 270px; }
    .checklist-section .grid-text-content ul > li { font-size: 80%; }

    .checklist-section { padding-top: 75px; }

    #faqview { margin: 80px auto 0; max-width: calc(88% + 30px); padding: 0 15px; }
    #faqview .faq-body p { font-size: 95%; }
}

@media(max-width: 767px) {
    .section-title h1, .section-title h2 { font-size: 250%; }
    a.sec-button, .grid-rows .grid-row-text a.grid-row-button, #DynamicFormObject input[type=submit] { font-size: 105%; padding: 12px 35px; }

    body:not(.home-page) .grid-row-section { padding-bottom: 20px; }
    .grid-rows .grid-row-text p { font-size: 112%; }
    .grid-rows .grid-row { padding: 0; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .grid-rows .grid-row-cell { order: 2; }
        .grid-rows .grid-row-cell.grid-row-cell-text { order: 1; }
        .grid-rows .grid-row-cell.grid-row-cell-text .grid-row-text { padding-bottom: 0; padding-top: 45px; }
    .grid-rows .grid-row:nth-child(odd) .grid-row-image-container .box-image-animation img { left: 0; }
    .grid-rows .grid-row:nth-child(even) .grid-row-image-container .box-image-animation img { right: 0; }

    .grid-rows .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text, .grid-rows .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text { text-align: center; }

    .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { padding: 15px; }
    .grid-rows .grid-row-text { padding-top: 0; margin-top: 0; text-align: right; }

    .grid-gallery-section { padding-top: 45px; }
    .grid-gallery-section .gallery-cubes > div { width: 50%; }

    .text-blocks-grid { padding: 50px 0; }
    .text-blocks-grid, .text-blocks-grid .grid-text-content { display: block; width: 100%; }
    .text-blocks-grid .grid-text-content ul { width: 100%; flex: unset; }
    .text-blocks-grid.grid-text-section .section-title { margin-bottom: 0; }

    #LobbyModule .cubes-grid-section .section-title h2 { margin-top: 30px; }
    #LobbyModule .cubes-grid-section .grid-boxes.row > *:last-child { margin-bottom: 0 !important; }

    .banner-section, .faq-page #pageview { height: 360px; }
    .banner-section.grid-text-section .section-title { margin-bottom: 0; }

    .intro-text-section .grid-text .grid-text-content { width: 100%; }
    .intro-text-section { padding: 45px 0 5px; }

    .checklist-section { padding-top: 60px; }
    .checklist-section .grid-text-content { display: block; padding-bottom: 90px; }
    .checklist-section .grid-text-content > a { font-size: 90%; padding: 10px 30px; }
    .checklist-section .grid-text-content > a:before, .partners-page .content-section-Btn a.sec-button:before { width: 28px; height: 28px; }

    #faqview { padding: 0 15px; margin: 60px auto 0; }
    #faqview .faq-item .faq-headline { font-size: 16px; }
}

@media(max-width: 320px) {
    .section-title h1, .section-title h2 { font-size: 11vw; }
    .grid-text-section .section-animation-item { width: 100%; }
    a.sec-button, .grid-rows .grid-row-text a.grid-row-button { font-size: 90%; }
    .grid-rows .grid-row-text h3 { font-size: 170%; }
    .grid-rows .grid-row-text p { font-size: 95%; }

    .checklist-section .grid-text-content ul { width: 100%; padding-right: 20px; }
    .checklist-section .grid-text-content > a{ font-size: 85%; padding: 10px 20px; }

}



/** Header Styles */
#header2 { background-color: #fff; box-shadow: 0 5px 27px 0 rgba(0, 0, 0, 0.16); padding: 10px 30px; }
#header2 .max-width { max-width: 100%; }
#header2 #header-container { direction: ltr; }
#header2 #header-container > * { direction: rtl; }
#header2 #header-left img { width: 140px; }
#header2 #header-left { text-align: right; }
#header2 .header-top { display: none; }

#header2 ul.menu { text-align: left; }
#header2 ul.menu li { vertical-align: middle; }
#header2 ul.menu>li:before { display: none; }
#header2 ul.menu li a { font-size: 95%; color: #474747; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease; }
#header2 ul.menu li a.applyNow { height: 44px; display: block; white-space: nowrap; font-size: 17px; padding: 10px 30px; color: #fff; border-radius: 22px; box-shadow: 0 7px 19px 0 rgba(139, 5, 121, 0.2); background-color: #bd5693; }
#header2 .nav-menu-anim .opened { display: none; }

#header2 ul.menu li.active a:not(.applyNow), #header2 ul.menu li a:not(.applyNow):hover { color: #bd5693; }
#header2 ul.menu li a:after { content: ""; position: absolute; width: 42px; opacity: 0; visibility: hidden; height: 8px; bottom: -8px; left: 50%; -webkit-transition: all .5s ease; transition: all .5s ease; background-image: url(/warehouse/temp/moodcms/hover_underline.png); background-size: contain; background-repeat: no-repeat; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#header2 ul.menu li.active a:not(.applyNow):after, #header2 ul.menu li a:not(.applyNow):hover:after { opacity: 1; visibility: visible; }

@media(min-width: 1024px) {
    #header2.fixedMenu { height: 70px; }
    #header2 .max-width, #header2 #header-container { height: 100%; }
    #header2 .header-right-section { position: absolute; width: 100%; height: 100%; right: 0; top: 0; }
    #header2 .menu-nav { margin: 0; height: 100%; }
    #header2 ul.menu { width: 100%; height: 100%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    #header2 ul.menu li { margin: 0 18px; }
    #header2 ul.menu li.last-item { position: absolute; left: 0; }
}

@media(max-width: 1170px){
    /*#header2 ul.menu li { margin-left: 25px; }*/
    #header2 ul.menu li { margin: 0 12px; }
    #header2 ul.menu li a { font-size: 90%; }
}

@media (max-width: 1100px) {
    #header2 { padding: 10px 15px; }
    #header2 .max-width { width: 100%; }
    #header2 ul.menu li a { font-size: 85%; }
}

@media(max-width: 1024px){
    #header2 .max-width { width: 100%; }
    #header2 { padding: 20px 30px; }
    .header-right-section { background: transparent; padding: 0; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background-color: #474747;}
    #header2 .menu-nav { margin-top: 0; float: left !important; direction: ltr; }
    #header2 .nav-menu-anim { margin: 0; }
    #header2 ul.menu { position: fixed; width: 100%; height: 100%; top: 70px; padding: 30px 0; background-color: #fff; text-align: center; direction: rtl; }
    #header2 ul.menu li { padding: 10px 0; margin: 0; }
    #header2 ul.menu li a { font-size: 170%; font-family: 'almoni-neue-aaa-700'; }
    #header2 ul.menu li a.applyNow { display: inline-block; font-size: 24px; padding: 8px 40px; border-radius: 24px; }
}

@media(max-width: 767px) {
    #header2 { padding: 20px; }
    #header2 ul.menu li a.applyNow { height: 44px; font-size: 22px; padding: 10px 35px; }
    #header2 ul.menu { top: 60px; padding: 50px 0 0; }
    #header2 ul.menu li a { font-size: 150%; line-height: 1.2; }
}

/** Home Page */
.home-page .content-section-Btn { margin-top: 20px; }
.home-page #allSectionsWrapper { background-color: #fff; margin-top: 70px; }
.home-page .grid-text-section { background-color: #f2f7fb; margin: 0; padding-top: 75px; padding-bottom: 270px; }
.home-page .grid-image-section, .home-page .image-section-data { height: auto; }
.home-page .image-section-data { overflow: visible; }
.home-page .image-section-data img { max-width: 960px; margin-top: -260px !important; }

.home-page .section-title { max-width: 685px; margin: 0 auto; }
.home-page .section-title h1 { font-size: 500%; line-height: 0.85; }
.home-page .grid-text p { font-size: 120%; max-width: 685px; margin: 20px auto 35px; }

.home-page .grid-text .grid-text-content a.sec-button { width: 240px; height: 55px; padding: 12px; font-size: 115%; border-radius: 27px; box-shadow: 0 7px 30px 0 rgba(139, 5, 121, 0.2); background-color: #bd5693; -webkit-transition: all .5s ease; transition: all .5s ease; }
.home-page .grid-text .grid-text-content a.sec-button:hover { box-shadow: 0 13px 40px 0 rgba(139, 5, 121, 0.3); background-color: #ac3b7e; }
.home-page .grid-text .grid-text-content a.sec-button:after { display: none; }
.home-page .grid-row li.slider-item { height: 685px; }

.home-page .grid-content-section { max-width: 1170px; }

.home-page .grid-boxes { margin-top: 40px; margin-bottom: 30px; }
.home-page .grid-boxes .grid-box-title h3 { margin-bottom: 8px; }
.home-page .grid-boxes .grid-box-title h3 a { color: #474747; }
.home-page .grid-boxes .grid-box-image { max-width: 60px; margin: 0 auto 8px; padding-bottom: 60px; }
.home-page .grid-boxes .grid-box-subtitle { color: #474747; font-size: 90%; max-width: 260px; margin: 0 auto; }

.home-page .grid-content-section.home-testimonials { padding-bottom: 75px; }
.home-page .grid-content-section.home-testimonials .section-title h2 { font-size: 350%; }
.home-page .grid-content-section.home-testimonials .grid-boxes.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 165px; }
.home-page .grid-content-section.home-testimonials .grid-boxes .grid-box { max-width: 300px; background-color: #fff; padding: 20px 35px; border-radius: 5px; box-shadow: 0 13px 46px 0 rgba(0, 33, 77, 0.16); }
.home-page .grid-content-section.home-testimonials .grid-boxes .grid-box .grid-box-image { width: 200px; height: 200px; max-width: 100%; padding: 0; margin-top: -165px; }
.home-page .grid-content-section.home-testimonials .grid-boxes .grid-box .grid-box-fulltext p { font-size: 90%;  }
.home-page .grid-content-section.home-testimonials .grid-boxes .grid-box-title h3 a { font-size: 94%; }
.home-page .grid-content-section.home-testimonials .section-title h3 { margin-top: 12px; font-family: 'almoni-neue-aaa-400-new'; }

.home-page .grid-gallery-section { padding-top: 30px; }
.home-page .grid-gallery-section .section-title h2 { font-size: 350%; }

@media(min-width: 767px) {
    .home-page .grid-gallery-section .gallery-cubes > div { width: 33.333%; }
}

@media(max-width: 991px) {
    .home-page .section-title h1 { font-size: 400%; }
    .home-page .grid-text p { font-size: 100%; }
    .home-page .grid-boxes .grid-box-title h3 a { font-size: 85%; }
    .home-page .grid-boxes .grid-box-subtitle { font-size: 80%; }
    .home-page .grid-row li.slider-item { height: 585px; }

    .home-page .grid-content-section.home-testimonials { padding-bottom: 40px; }
    .home-page .grid-content-section.home-testimonials .section-title h3 { font-size: 100%; }
    .home-page .grid-content-section.home-testimonials .grid-boxes .grid-box { max-width: 28%; padding: 60px 15px 20px; }
    .home-page .grid-content-section.home-testimonials .grid-boxes .grid-box .grid-box-image { width: 150px; height: 150px; }
    .home-page .grid-content-section.home-testimonials .grid-boxes .grid-box-title h3 a { font-size: 75%; }
    .home-page .grid-content-section.home-testimonials .grid-boxes.row { padding-top: 120px; }

    .home-page .home-benefits .grid-boxes .grid-box { margin-bottom: 0; }
}

@media(max-width: 767px) {
    .home-page .section-title h1 { font-size: 340%; }

    .home-page .grid-row li.slider-item { height: auto; }
    .home-page .grid-text p { font-size: 122%; }
    .home-page .grid-text .grid-text-content a.sec-button { width: 200px; height: 50px; font-size: 130%; padding: 10px; }
    .home-page .grid-text-section { padding-top: 60px; padding-bottom: 170px; }
    .home-page .grid-content-section { max-width: 360px; }
    .home-page .grid-content-section.home-testimonials { padding-bottom: 30px; }
    .home-page .grid-boxes .grid-box-image { max-width: 85px; padding-bottom: 85px; }
    .home-page .grid-content-section.home-testimonials .grid-boxes .grid-box-title h3 a, .home-page .grid-content-section.home-testimonials .grid-boxes .grid-box .grid-box-fulltext p { font-size: 95%; }
    .home-page .grid-boxes .grid-box-subtitle { font-size: 115%; }

    .home-page .content-section-Btn { margin-top: 30px; }

    .home-page .grid-content-section.home-testimonials .grid-boxes.row { display: block; max-width: 90%; margin: 40px auto 20px; }
    .home-page .grid-content-section.home-testimonials .grid-boxes .grid-box { max-width: inherit; padding: 60px 30px 20px; }
    .home-page .grid-content-section.home-testimonials .grid-boxes .grid-box:not(:last-child) { margin-bottom: 165px; }

    .home-page .home-benefits .grid-boxes .grid-box { margin-bottom: 30px; }
    .home-page .grid-gallery-section { padding-top: 15px; }

    .home-page .image-section-data img { margin-top: -120px !important; }
}

@media(max-width: 320px) {
    .home-page .section-title h1 { font-size: 15vw; }
    .home-page .grid-content-section { padding: 25px 15px 20px 15px; }
    .home-page .grid-boxes { margin-top: 30px; }
    .home-page .grid-boxes .grid-box-image { max-width: 60px; padding-bottom: 60px; }
    .home-page .grid-content-section.home-testimonials .grid-boxes.row { margin: 25px auto 20px; }
    .home-page .grid-gallery-section .section-title h2, .home-page .grid-content-section.home-testimonials .section-title h2 { font-size: 14vw; }
}

/** Why Mood Page */
.why-mood-page strong { color: #f15a55; }
.why-mood-page .banner-section { background-color: #bd5693; }
.why-mood-page .grid-row-section { padding-top: 0; }
.why-mood-page .text-blocks-grid .grid-text-content { direction: rtl; }

.why-mood-page .text-blocks-grid { background-color: #69b2e2; color: #fff; }
.why-mood-page .grid-content-section { background-color: #fff; }

@media(max-width: 991px) {
    
}

@media(max-width: 767px) {
    
}

/** Ecommerce Page */
.ecommerce-page .banner-section { background-color: #ea8835; }
.ecommerce-page .gallery-container { margin: 0 auto 30px; }

@media(max-width: 991px) {
    .ecommerce-page .grid-gallery-section { padding-top: 75px; }
}

@media(max-width: 767px) {
    .ecommerce-page .grid-gallery-section { padding-top: 45px; }
}

/** Websites Page */
.websites-page .banner-section { background-color: #69b2e2; }
.websites-page .gallery-container { margin: 0 auto 30px;}

/** Portfolio Page */
.portfolio-page #SiteGrid { padding-top: 70px; }
.portfolio-page #GridTop, .portfolio-page #GridTop.noTopImage.longer { height: 550px; background-color: #f2f7fb; }
.portfolio-page #GridTop.noTopImage.longer .top-caption { position: relative; font-family: 'almoni-tzar-demibold-aaa'; color: #474747; text-align: center; max-width: 540px; padding: 100px 30px 0; margin: 0 auto; top: unset; left: unset; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.portfolio-page .gallery-cubes > div { padding: 5px; }
.portfolio-page #ContentRegularModule { margin-top: -300px; position: relative; }
.portfolio-page .contentModuleNav a { color: #474747; font-size: 22px; -webkit-transition: all .5s ease; transition: all .5s ease; }
.portfolio-page .contentModuleNav a.selected, .portfolio-page .contentModuleNav a:hover { opacity: 1; color: #c05895; position: relative; text-decoration: none; border: 0; }
.portfolio-page .contentModuleNav a:after { content: ""; position: absolute; width: 42px; opacity: 0; visibility: hidden; height: 8px; bottom: -8px; left: 50%; -webkit-transition: all .5s ease; transition: all .5s ease; background-image: url(/warehouse/temp/moodcms/hover_underline.png); background-size: contain; background-repeat: no-repeat; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.portfolio-page .contentModuleNav a.selected:after, .portfolio-page .contentModuleNav a:hover:after { opacity: 1; visibility: visible; }
.portfolio-page .contentModuleNav a:first-of-type { display: none; }

.portfolio-page .banner-section { background-color: #f2f7fb; }
.portfolio-page .grid-gallery-section .section-title h2 { max-width: 540px; margin: 0 auto 45px; font-size: 280%; }
body.portfolio-page #allSectionsWrapper { background-color: #fff; }
.portfolio-page .grid-gallery-section { margin-top: -420px; background-color: transparent; }

@media(max-width: 991px) {
    .portfolio-page .gallery-cubes { padding: 0 5px; }
    .portfolio-page .gallery-cubes > div { width: 33.3333%; }
    .portfolio-page #GridTop, .portfolio-page #GridTop.noTopImage.longer { height: 500px; }
    .portfolio-page #GridTop.noTopImage.longer .top-caption { padding: 75px 30px 0; }
}

@media(max-width: 767px) {
    .portfolio-page .grid-gallery-section { margin-top: -300px; }
    .portfolio-page #GridTop, .portfolio-page #GridTop.noTopImage.longer { height: 420px; }
        .portfolio-page #GridTop.noTopImage.longer .top-caption { font-size: 280%; }
    .portfolio-page .contentModuleNav a { font-size: 18px; margin: 0 8px; }
    .portfolio-page #GridTop.noTopImage.longer .top-caption { padding: 45px 30px 0;}
    .portfolio-page .gallery-container { width: 100%; }
    .portfolio-page .gallery-cubes > div { width: 50%; }
    .partners-page .content-section-Btn a.sec-button { font-size: 100%; padding: 10px 30px; }
}

@media(max-width: 320px) {
    .partners-page .content-section-Btn a.sec-button { padding: 10px 20px; }
}

/** FAQ Page */
#GridPage .max-width { max-width: 100%; }
.faq-page #pageview { background-color: #bd5693; padding: 20px; }
.faq-page #headline { display: block; margin-bottom: 0; }
.faq-page #text1 { display: none; }
.faq-page #pageview h2 { max-width: 700px; }

/** Partners Page */
.partners-page .banner-section { background-color: #5dae86; }
.partners-page .banner-section .section-title h2 { max-width: 780px; direction: rtl; margin: 0; }
body.partners-page #allSectionsWrapper, body.partners-page .grid-rows .grid-row { background-color: #fff; }
.partners-page .grid-rows .grid-row:before { display: none; }
.partners-page .grid-row-section { padding-top: 0; }
.partners-page .grid-row-section .grid-row { direction: ltr !important; }
.partners-page .grid-row-section .grid-row > * { direction: rtl; }
.partners-page .grid-rows .grid-row-text { max-width: 580px; }
.partners-page .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { text-align: left; }
.partners-page .grid-row-image-container .box-image-animation img { padding-left: 50px; }
.partners-page #LobbyModule .cubes-grid-section .grid-boxes.row { max-width: 1440px; }
.partners-page #LobbyModule .cubes-grid-section .grid-boxes.row > .grid-box { width: calc(25% - 30px); max-width: 270px; margin: 15px !important; height: auto; }
.partners-page #LobbyModule .cubes-grid-section .grid-boxes.row .grid-box-subtitle { max-height: 100%; }
.partners-page #LobbyModule .cubes-grid-section .content-section-Btn { margin-top: 110px; width: 100%; position: relative; }
.partners-page #LobbyModule .cubes-grid-section .section-title h2 { margin-top: 30px; }

.partners-page .sections .grid-content-section { padding: 15px 15px 20px 15px; }

@media(max-width: 991px) {
    .partners-page #LobbyModule .cubes-grid-section .grid-boxes.row { max-width: 90%; }
    .partners-page #LobbyModule .cubes-grid-section .grid-boxes.row > .grid-box { width: calc(50% - 30px); }
    .partners-page #LobbyModule .cubes-grid-section .section-title h2 { margin-top: 0; }
}

@media(max-width: 767px) {
    .partners-page .grid-row-image-container .box-image-animation img { padding-left: 0; }
    .partners-page .grid-row li.slider-item { padding-bottom: 85%; }
    .partners-page #LobbyModule .cubes-grid-section .grid-boxes.row > .grid-box { width: 100%; }
    .portfolio-page .grid-gallery-section .section-title h2 { padding: 0 15px; }

    .grid-rows .grid-row-text { overflow: visible; }
}

/** Contact Page */
body.contact-page #allSectionsWrapper { max-width: 1230px; margin: 30px auto 0; padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; }
.contact-page #allSectionsWrapper .section { width: 50%; }
.contact-page .section-title h1, .contact-page .section-title h2 { display: none; }
.contact-page { display: block; width: 100%; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; text-align: right; padding: 0 0 20px 0; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { max-width: 400px; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.contact-page .form-container-wide #DynamicFormObject { border: none; padding: 0; }
.contact-page #DynamicFormObject:after { display: none; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; width: 100% !important; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: right; font-size: 100%; color: #474747; }
.contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 70px; color: #474747; }
.contact-page .normal-form input, .contact-page .normal-form textarea, .contact-page .normal-form select { height: 50px; font-size: 90%; border-radius: 3px; padding-right: 18px; border: solid 1px #e7edf2; background-color: #f2f7fb; box-shadow: none; }
.contact-page .normal-form textarea { height: 120px; }
.contact-page #DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; }
.contact-page .must:before { top: 25%; right: 8px; height: 20px; }
.contact-page .textarea-wrapper.must:before { top: 5%; }
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0; margin-top: 12px; }
.contact-page #DynamicFormObject input[type=submit] { height: 50px; font-size: 90%; padding: 8px; }
.contact-page .grid-image-section { margin-top: 10px; }

.internal-form textarea::-webkit-input-placeholder, .normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #474747; }
.internal-form textarea::-webkit-input-placeholder, .normal-form input:-moz-placeholder { color: #474747; }
.internal-form textarea::-webkit-input-placeholder, .normal-form input::-moz-placeholder { color: #474747; }
.internal-form textarea::-webkit-input-placeholder, .normal-form input:-ms-input-placeholder { color: #474747; }

@media(max-width: 991px){
    body.contact-page #allSectionsWrapper { display: block; margin: 60px auto 0; }
    .contact-page #allSectionsWrapper .section { width: 100%;}
    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { max-width: 90%; margin: 0 auto; }
    .contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: center; }
    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: center; }
    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    .contact-page #DynamicFormObject input[type=submit] { max-width: 320px; }
    .contact-page .grid-image-section { margin-top: 45px; }
    .contact-page .grid-image-section, .image-section-data { height: auto; }
    .contact-page .image-section-data img { margin-top: 0 !important; }
}

@media(max-width: 767px) {
    body.contact-page #allSectionsWrapper { padding: 0; margin: 50px auto 0; }
    .contact-page #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 44px; }
    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin-bottom: 30px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 8px; }
    .contact-page .normal-form input, .contact-page .normal-form textarea { padding-right: 15px;}
    .contact-page .image-section-data img { padding: 0 15px; }
}

/** Footer */
footer { margin-top: 100px; overflow: hidden; background-color: #f2f7fb; padding: 0; }
#SiteFooter { padding-bottom: 0; }
#SiteFooter .footer-text-divided { max-width: 1170px; margin: 0 auto; padding: 40px 0; }
#SiteFooter .footer-text-divided > * { vertical-align: middle; }
#SiteFooter .footer-text-right > p { display: none; }
#SiteFooter .footer-text-right ul { float: right; max-width: 50%; padding: 0 40px 0 0; margin: 0; list-style: none; }
#SiteFooter .footer-text-right ul:first-child { padding-right: 0; }
#SiteFooter .footer-text-right ul > li > a { color: #474747; font-size: 80%; }
#SiteFooter .footer-text-right ul > li > a.footer-logo { display: block; width: 140px; height: 33px; font-size: 0; background-image: url(/warehouse/temp/moodcms/logo.png); background-size: contain; background-repeat: no-repeat; }

#SiteFooter .footer-text-left a { display: inline-block; position: relative; white-space: nowrap; text-align: right; font-size: 30px; font-family: 'almoni-tzar-demibold-aaa'; line-height: 1.2; padding: 12px 100px 12px 40px; color: #fff; border-radius: 55px; box-shadow: 0 7px 30px 0 rgba(139, 5, 121, 0.2); border: solid 1px #bd5693; background-color: #bd5693; -webkit-transition: all .5s ease; transition: all .5s ease; }
#SiteFooter .footer-text-left a:hover, #header2 ul.menu li a.applyNow:hover { box-shadow: 0 13px 40px 0 rgba(139, 5, 121, 0.3); background-color: #ac3b7e; }
#SiteFooter .footer-text-left a:before { content: ""; position: absolute; right: 10%; top: 50%; width: 20%; height: 55%; display: inline-block; background-image: url(/warehouse/temp/moodcms/contact_Icon.png); background-size: contain; background-repeat: no-repeat; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#SiteFooter .footer-text-left a small { display: block; font-size: 23px; }

#SiteFooter .site-credit.alternative svg { fill: #fff; }

@media(max-width: 991px) {
    .footer-text-divided > div.footer-text-right { width: 60%; }
    .footer-text-divided > div.footer-text-left { width: 40%; }
    #SiteFooter .footer-text-left a { font-size: 24px; }
    #SiteFooter .footer-text-left a small { display: block; font-size: 20px; }
}

@media(max-width: 767px) {
    footer { margin-top: 45px; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: block; }
    .footer-text-divided > div.footer-text-left { width: 100%; }
    .footer-text-divided > div.footer-text-left > p { text-align: center; }
    .footer-text-divided > div.footer-text-right { width: 100%; }
    #SiteFooter .footer-text-right ul:not(:first-child) { padding: 0 15px; width: 50%; margin-bottom: 30px; }
    #SiteFooter .footer-text-right ul:first-child { max-width: 100%; width: 100%; }
    #SiteFooter .footer-text-right ul > li > a.footer-logo { margin: 0 auto 30px; width: 145px; height: 35px; }
    #SiteFooter .footer-text-right ul > li > a { font-size: 120%; }
    #SiteFooter .footer-text-left a { font-size: 20px; }
    #SiteFooter .footer-text-left a small { font-size: 16px; }
    #SiteFooter .footer-text-left a { padding: 10px 85px 10px 40px; }
}