﻿body { color: #4b4848; }
#navbar-collapse-main .navbar-nav > li > a.ecomm { color: #f15a55; }
.landing-section-heading { height: 450px; background-color: #c05895; position: relative; }
body.diffColor .landing-section-heading { background-color: #4b4848; }

.landing-section-heading .BottomLine { position: absolute; height: 50px; width: 4px; left: 50%; bottom: -25px; cursor: pointer; }
    .landing-section-heading .BottomLine .ver-line { width: 100%; height: 100%; display: block; background: linear-gradient(to bottom, transparent 50%, #4b4848 50%); background-position: 0 -50px; background-size: 100% 200%; animation: scrolldown 1.8s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; }

@keyframes scrolldown {
    0% { background-position: 0 -50px; }
    75% { background-position: 0 0; }
    100% { background-position: 0 50px; }
}

.landing-heading-content { position: absolute; top: 50%; left: 50%; width: 100%; padding-top: 45px; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.landing-heading-content h1 { margin: 0; color: #fff; font-size: 300%; line-height: 1; font-family: 'CeraGRBlack-Richkid', 'SimplerBold'; max-width: 750px; margin: 0 auto 15px; text-transform: uppercase; }
.landing-heading-content p { color: #fff; font-size: 150%; line-height: 1.2; max-width: 750px; margin: 0 auto; display: block; letter-spacing: -0.75px; }

.inline-buttons { margin-top: 20px; padding: 10px; direction: ltr; }
.btn { height: 50px; font-size: 105%; letter-spacing: -0.5px; margin: 0 10px; padding: 9px; box-shadow: none; border-radius: 40px; font-family: 'SimplerBold'; }
.btn.btn-light { background-color: transparent; border: 1px solid #fff; width: 235px; }
.btn.btn-light:hover { color: #fff; }
.btn.btn-white { background-color: #fff; border: 1px solid #fff; width: 235px; color: #4b4848; height: 46px; padding: 7px; }
.btn.btn-primary { background-color: #f15a55; border-color: #f15a55; width: 235px; height: 46px; padding: 7px; font-weight: normal; }

.textBelowBanner { padding-top: 80px; max-width: 650px; margin: auto; }
.textBelowBanner .container { width: 100%; text-align: center; }

.hide-scale { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all .3s ease; transition: all .3s ease; }
.hide-scale.item-hide { -webkit-transform: scale(0, 0); transform: scale(0, 0); }
.landing-page-section { padding: 50px 0 50px; }
#ScrollHere.landing-page-section { padding-top: 0; }
.landing-section-title { color: #4b4848; margin: 0 0 40px 0; text-align: center; font-size: 250%; line-height: 1; font-family: 'SimplerBold'; letter-spacing: -1.25px; }

.landing-grid-row_item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 -15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.landing-grid-row_item:nth-child(even) { direction: ltr; }
.landing-grid-row_item:nth-child(even) .landing-grid-row_content { text-align: right; }
.landing-grid-row_item .landing-grid-row_content { width: auto; padding: 0 15px; max-width: 400px; }
.landing-grid-row_item .landing-grid-row_thumb { width: 60%; padding: 0 15px; }
.landing-grid-row_item:not(:first-child) { margin-top: 100px; }
.landing-grid-row_content > h2 { margin: 0; font-size: 250%; color: #4b4848; font-family: 'SimplerBold'; line-height: 1; max-width: 420px; }
.landing-grid-row_content > h3 { margin: 0; font-size: 200%; line-height: 1; }
.landing-grid-row_content .landing-grid-row_text { margin-top: 20px; }
.landing-grid-row_content .landing-grid-row_text p { line-height: 1.5; margin-bottom: 15px; }
.landing-grid-row_content .landing-grid-row_text h3 { font-size: 120%; line-height: 1.5; font-family: 'SimplerBold'; }

.landing-grid-row_item .landing-grid-row_thumb { position: relative; }

img.section-470 { position: absolute; right: 10%; top: -30px; transform: translateX(0%); }
img.section-471 { position: absolute; right: -120px; top: auto; bottom: -30px; transform: translateX(0%); }
img.section-472 { position: absolute; right: 10%; top: auto; bottom: -60px; transform: translateX(0%); }
.landing-grid-row_thumb-470 img:not(.section-470), 
.landing-grid-row_thumb-471 img:not(.section-471), 
.landing-grid-row_thumb-472 img:not(.section-472) { width: auto; max-width: 500px; }

.bottom-icons-title, .gridRow_Section_Headline { text-align: center; font-size: 250%; font-family: 'SimplerBold'; margin: 0; letter-spacing: -0.8px; }
.bottom-icons-subtitle { text-align: center; font-size: 180%; margin: 0; letter-spacing: -0.8px; }
.bottom-icons { display: -ms-flexbox; -ms-flex-pack: justify; justify-content: space-between; max-width: 870px; margin: 45px auto 0; flex-direction: row; display: flex; flex-wrap: wrap; font-size: 85%; line-height: 1.6; }
.icon-wrapper { text-align: center; flex: 1 0 30%; margin: 0 5px 50px; }
.icon-image { min-height: 100px; display: inline-flex; }
.icon-text { max-width: 216px; margin: 0 auto; }

#siteheader-navigation-container.logo-text-dark .navbar-brand svg .title-logo { fill: #f15a55; }

#siteheader-navigation-container .navbar-brand { display: block !important; }
#BonusSelect { cursor: pointer; }

.footer-links .footer-socials > a:hover { background: #c05895; }

@media (max-width: 991px) { 
    .landing-heading-content h1, .landing-grid-row_content > h2, .landing-section-title { font-size: 185%; }
    .landing-heading-content h1 { font-size: 260%; }
    .landing-section-title { margin-bottom: 30px; }
    .landing-heading-content p, .bottom-icons-subtitle { font-size: 145%; }
    .landing-grid-row_content .landing-grid-row_text p { font-size: 100%; }
    .landing-grid-row_item:not(:first-child) { margin-top: 60px; }
    .landing-page-section { padding: 90px 0; }
        .landing-page-section#BonusCTA{padding-top:0px;}
        .landing-grid-row_content > h3 { font-size: 145%; }
    .landing-grid-row_content .landing-grid-row_text { margin-top: 20px; }

    .landing-grid-row_text ol > li { padding-right: 20px; font-size: 105%; }
        .landing-grid-row_text ol > li:not(:first-child) { margin-right: 10px; }
        .landing-grid-row_text ol > li:before { width: 16px; height: 16px; }

    .bottom-icons-title { font-size: 160%; }
    .bottom-icons .icon-text { font-size: 90%; }
}

@media(max-width: 767px) {
    .btn.btn-primary { width: 85%; padding: 9px; margin-top: 30px; }
    .landing-section-heading { margin-bottom: 30px; }
        .landing-section-heading .container { padding: 0 10px; }
            .landing-section-heading .container .row { margin: 0; }
    .landing-grid-row_content > h2 { font-size: 175%; }
    .landing-grid-row_content .landing-grid-row_text p, .landing-grid-row_text ol > li { font-size: 90%; }
    .landing-heading-content h1, .landing-section-title { font-size: 165%; max-width: 90%; }
    .landing-grid-row_content > h3 { font-size: 145%; }
    .landing-page-section { padding: 30px 0; }
        .landing-page-section#BonusCTA { padding-top:30px;}
        .inline-buttons { margin-top: 25px; }
    .btn.btn-white, .btn.btn-light { width: 100%; padding: 9px; margin: 0 auto 20px; }
    .btn-white { margin-bottom: 20px; }
    .landing-heading-content h1 { font-size: 195%; max-width: 290px; }
    .landing-heading-content p { font-size: 110%; }

    .landing-grid-row_item { display: block; }
        .landing-grid-row_item > * { width: 100%; padding: 0; }
    .landing-grid-row_text ol > li { display: block; }
        .landing-grid-row_text ol > li:not(:first-child) { margin-right: 0; }
    .landing-grid-row_text ol { margin-bottom: 20px; }
    .landing-grid-row_content .landing-grid-row_text h3 { font-size: 105%; }


    .bottom-icons-title { font-size: 175%; padding: 0 5px; text-align: revert; }
    .bottom-icons-subtitle, .gridRow_Section_Headline { font-size: 135%; padding: 0 5px; text-align: revert; }
    .gridRow_Section_Headline { font-size: 200%; }
    .landing-grid-row_item:not(:first-child) { margin-top: 30px; }
    .bottom-icons { display: block; }
    .bottom-icons .icon-text { padding-right: 15px; font-size: 108%; padding: 0; margin-right: 0; display: inline-block; direction: rtl; padding-right: 20px; }


    .textBelowBanner { padding: 40px 0; }
    .landing-grid-row_thumb-470 img:not(.section-470), .landing-grid-row_thumb-471 img:not(.section-471),
    .landing-grid-row_thumb-472 img:not(.section-472) { width: 100%; }
    .landing-grid-row_item .landing-grid-row_thumb { width: 100%; padding: 0 15px; }
    .icon-wrapper { display: flex; align-items: center; margin-bottom: 20px; flex: 0 0 0; }
    .icon-image { width: 110px; }
    img.section-470, img.section-471, img.section-472 { width: 40%; }
    img.section-470 { right: -5%; top: 0; }
    img.section-471 { right: auto; bottom: -30px; }
    img.section-472 { right: -5%; bottom: -20px; }

}

@media (max-width: 1024px) {
    .tile-normal { width: 50%; height: 31.25vw; float: left; position: relative; }
    .tile-item .tile-name { font-size: 6vw; }
    .tile-inner-content img { max-width: 12vw; max-height: 12vw; }
    .tile-links { margin: 3vw 0 0 0; }
    .tile-back-title { font-size: 3vw; }
}

@media (max-width: 1024px) {
    .tile-item .tile-name { font-size: 5vw; }
}

@media(max-width:991px) and (min-width:768px) {
    .tile-item.tile-normal:nth-child(n+9) { display: none; }
    .landing-page-section#ecomPopSection { padding-top: 0; }
}
@media (max-width: 767px) {
    #OurWorksGallery .landing-section-title { margin: 0 auto 30px; }
    .tile-normal { width: 100%; height: 62.5vw; }
    .tile-item.tile-open .tile-front { visibility: hidden; opacity: 0; transition: visibility 0s linear .3s, opacity .3s; }
    .tile-item .tile-name { font-size: 7vw; }
    .tile-links > li { margin-bottom: 10px; }
    .tile-back-title { top: 4%; }
    .tile-large { height: 100vw; }
    .tile-inner-content img { max-width: 125px; max-height: 125px; }
    video.projectVideo { max-width: 180%; }
}

#partnersPopSection { background: #4b4848; border-bottom: 5px solid #c05895; }
#partnersForm { color: #fff; }
#partnersForm .contact-form-title { font-size: 160%; text-align: center; margin-bottom: 40px; line-height: 1.2; }
#partnersForm fieldset { border: 0; margin-top: 0; padding-top: 0; max-width: 850px; margin: 0 auto; }
#partnersForm .ariaFieldSmall { width: 33.3%; }
#partnersForm .mrw-dynamic-form .form-control { background: #ececec !important; border: 0; height: 46px; margin-bottom: 30px; box-shadow: none; }
#partnersForm label.mrw-form-label:not(.radioLabel) { color: #fff; position: absolute; z-index: 1; display: block; top: -1px; right: 12px; padding: 0 5px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; pointer-events: none; font-size: 95%; }
#partnersForm .form-control:focus ~ label.mrw-form-label, #partnersForm .form-control.focus ~ label.mrw-form-label { top: -22px; font-size: 14px; color: #7c7c7c; padding: 0; right: 14px; }
#partnersForm span.error, #ecomm-pop small.error { margin: 0; padding: 0; position: absolute; left: 15px; z-index: 1; background: transparent; color: red; top: -20px; }
#partnersForm button.form-submit { width: 100%; height: 46px; border: none; border-radius: 23px; color: #fff; font-size: 110%; background-color: #c05895; padding: 0; font-family: inherit; max-width: 280px; margin: 0 auto; display: block; }
#partnersForm.mrw-dynamic-form .form-control { border: none; height: 32px; cursor: pointer !important; border-bottom: 1px solid #fff; box-shadow: none; resize: none; border-radius: 0; padding: 0; min-height: 1px; margin-bottom: 50px; font-size: 95%; font-family: 'SimplerRegular', 'CeraGRMedium-Richkid'; color: #fff; }
#partnersForm.mrw-dynamic-form .form-control option { color: #000000; }
.d-arr { content: ""; position: absolute; left: 15px; top: 11px; width: 15px; height: 10px; display: block; background-image: url(../../../000Frames/site/images/arr-down.png); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; filter: invert(1); }
select#billing > option { color: #4b4848; }

@media(max-width:767px) { 
    .d-arr { top: 7px; width: 12px; height: 8px; }
    #partnersForm button.form-submit { padding: 8px; }
    #partnersForm .contact-form-title { padding: 0 1.25rem; }
    #partnersForm .ariaFieldSmall { width: 100%; } 
}
