@charset "utf-8";
@font-face { font-family: 'proxima_nova_rgregular'; src: url('../font/proximanova-regular-webfont.woff2') format('woff2'), url('../font/proximanova-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_nova_altlight'; src: url('../font/proxima_nova_alt_light-webfont.woff2') format('woff2'), url('../font/proxima_nova_alt_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'proxima_novabold'; src: url('../font/proxima_nova_bold-webfont.woff2') format('woff2'), url('../font/proxima_nova_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gotham'; src: url('../font/Gotham-Bold.eot'); src: url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../font/Gotham-Bold.woff2') format('woff2'), url('../font/Gotham-Bold.woff') format('woff'), url('../font/Gotham-Bold.svg#Gotham-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'proxima_nova_altbold'; src: url('../font/Mark Simonson - Proxima Nova Alt Bold-webfont.eot'); src: url('../font/Mark Simonson - Proxima Nova Alt Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Mark Simonson - Proxima Nova Alt Bold-webfont.woff2') format('woff2'), url('../font/Mark Simonson - Proxima Nova Alt Bold-webfont.woff') format('woff'), url('../font/Mark Simonson - Proxima Nova Alt Bold-webfont.ttf') format('truetype'), url('../font/Mark Simonson - Proxima Nova Alt Bold-webfont.svg#proxima_nova_altbold') format('svg'); font-weight: normal; font-style: normal; }
a { outline: none; }
::-webkit-input-placeholder { color: #331313; font-weight: normal; opacity: 1; font-size: 16px; font-weight: normal; font-family: 'proxima_nova_rgregular'; }
:-moz-placeholder { color: #331313; opacity: 1; font-weight: normal; font-size: 16px; font-weight: normal; font-family: 'proxima_nova_rgregular'; }
::-moz-placeholder { color: #331313; opacity: 1; font-weight: normal; font-size: 16px; font-weight: normal; font-family: 'proxima_nova_rgregular'; }
:-ms-input-placeholder { color: #331313; opacity: 1; font-weight: normal; font-size: 16px; font-weight: normal; font-family: 'proxima_nova_rgregular'; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html, body { height: 100%; min-height: 100%; }
html[xmlns] .clearfix { display: block; }
html { -ms-overflow-style: scrollbar; }
* html .clearfix { height: 1%; }
ul, li { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; border: 0; outline: none; color: #331313; -webkit-transition: all 1s ease; transition: all 1s ease; }
li:hover a { text-decoration: none; }
a:hover, a:focus { text-decoration: none; color: #331313; outline: none }
a, img { border: 0; outline: none; }
.fl { float: left; }
.fr { float: right; }
* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
body { width: 100%; height: 100%; font-size: 28px; font-family: 'proxima_nova_rgregular'; color: #331313; background: #FFFFFF; background-color: #464646; }
.bg-img { width: 100%; height: 100%; background-image: url(../sign-up/images/Palms_bg.jpg); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; position: fixed; }
img { vertical-align: middle }
.figure-panel { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; min-height: 432px; }
img.img-thumbnail { position: absolute; width: 100%; height: 100%; padding: 0; background: transparent; border-radius: 0; border: none; object-fit: cover; }
.figure-panel-inner { }
.brand, .coming-soon { position: absolute; left: 0; width: 100%; text-align: center; }
.brand { bottom: 30px; height: 90px; }
.coming-soon { font-family: 'proxima_nova_altbold'; background-color: rgba(255, 255, 255, 0.7); height: 200px; display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center; flex-direction: column; }
.coming-soon * { display: inline-block; }
.coming-soon p { font-family: 'proxima_nova_rgregular'; margin-bottom: 5px; }
.coming-soon h2 { margin-bottom: 5px; font-size: 36px; }
.coming-soon h3 { position: relative; }
.coming-soon h3::after { content: ""; position: absolute; left: 0; bottom: -8px; height: 2px; width: 0; background-color: transparent; -webkit-transition: all 1s ease; transition: all 1s ease; }
.coming-soon:hover h3::after { width: 100%; background-color: #331313; }
.brand img { width: 400px; height: 90px; }
.landing header { height: 700px; background-size: cover; background-position: center; width: 100%; position: relative; }
.landing header::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 0; }
.landing .banner-description { display: flex; align-items: center; flex-direction: column; height: 270px; position: relative; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.landing .banner-description img { display: inline-block; }
.landing .bear-brand { width: 84px; height: 84px; }
.landing .brand { width: 144px; height: 33.25px;  }
.landing .banner-text {     font-family: 'Gotham';
    font-size: 48px;
    line-height: 57.6px;
    color: #FFFFFF;
    position: relative;
    top: 25px;
    max-width: 680px;
    margin: 0 auto 200px;
    text-align: center; font-weight: bold; }
.aboutus-wrapper { background-color: #FFFFFF; padding: 90px 0; width: 100%; }
.aboutus-wrapper .inner-wrapper{ margin-bottom: 60px; }
.aboutus-wrapper h2 { font-family: 'proxima_nova_altbold'; font-weight: normal; font-size: 48px; color: #331313; margin-bottom: 20px; }
.aboutus-wrapper p { color: #331313; font-size: 21px; font-family: 'proxima_nova_rgregular';}
.aboutus-wrapper p strong { font-family: 'proxima_nova_altbold'; font-weight: bold; }
.why-koala-wrapper { background-color: #331314; padding: 110px 0; width: 100%; }
.why-koala-wrapper h2 { font-family: 'proxima_nova_altbold'; font-weight: bold; font-size: 48px; color: #FFFFFF; margin-bottom: 45px; }
.why-koala-panel { color: #FFFFFF; }
.why-koala-panel h5 { font-weight: bold; font-size: 21px; font-family: 'proxima_nova_altbold'; }
.why-koala-panel p { font-size: 21px; font-weight: normal; }
.figure-wrapper figure { height: 280px; overflow: hidden; position: relative; }
.figure-wrapper figure img { position: absolute; width: 100%; height: 100%; padding: 0; background: transparent; border-radius: 0; border: none; object-fit: cover; }
.koala-works-wrapper { background-color: #FFFFFF;/* padding: 120px 0; */width: 100%; }
.koala-works-wrapper h2 { font-family: 'proxima_nova_altbold'; font-weight: bold; font-size: 48px; color: #331313; margin-bottom: 35px; }
.koala-works-wrapper i { margin-bottom: 20px; display: block; }
.koala-works-wrapper p { font-size: 21px; font-weight: normal; font-family: 'proxima_nova_rgregular'; }
.koala-works-wrapper h6 { font-size: 21px; font-weight: bold; font-family: 'proxima_nova_altbold'; }
.koala-works-panel { margin-bottom: 35px; }
.landing footer { height: 700px; background-size: cover; background-position: center; width: 100%; position: relative; }
.btn-default { border: none; border-radius: 0; height: 45px; background-color: #dbe129; color: #331313; font-size: 17.5px; letter-spacing: 1px;  margin: 0; font-weight: bold; font-family: 'proxima_nova_altbold'; clear: both; transition: all 0.23s ease-in-out 0s; cursor: pointer; display: inline-block; line-height: 45px; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; }
.btn-default:hover { background-color: #00b7ba; color: #FFF; }
.landing footer{ padding-bottom: 50px; text-align: center; padding-top: 100px; }
.landing footer h2{ font-family: 'proxima_nova_altbold'; font-weight: bold; font-size: 48px; color: #331313; margin-bottom: 35px;   }
.landing footer p{ font-family: 'proxima_nova_altbold'; font-weight: bold; font-size: 21px; color: #331313; max-width: 750px; margin: 0 auto 35px;  }
.landing footer .btn-default{ width: 300px; border-radius: 5px; }
.banner-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0;
    margin-bottom: 50px;
}
.banner-header .coming-sooon{ font-family: 'Gotham'; color: #FFFFFF; font-size: 30px; font-weight: bold; }
.banner-header .brand{ position: relative; bottom: 0; }
.banner-description .btn-default{ width: 300px; }


.form-panel { max-width: 678px; margin: 0 auto; margin-bottom: 50px; }
.form-panel .box-panel { background-color: rgba(255, 255, 255, 0.8); padding: 30px; padding-bottom: 50px; }
.form-panel .box-panel h2 { font-size: 42px; line-height: 50px; font-family: 'proxima_nova_altbold'; font-weight: bold; }
.form-panel.new .box-panel h2{ font-size: 29px; letter-spacing: 1px;  }

.form-panel .box-panel h2.last { margin-bottom: 20px; }
.form-panel .box-panel h5 { font-size: 19px; max-width: 560px; margin: 0 auto; font-family: 'proxima_nova_rgregular'; line-height: 28px; margin-bottom: 30px; font-weight: normal; color: #331313; }
.form-panel.new  .box-panel h5{ font-size: 22px; max-width: 495px;  }
.form-panel .box-panel h5 strong { font-family: 'proxima_nova_altbold'; font-weight: bold; }
.form-panel .box-panel p { font-family: 'proxima_nova_rgregular'; font-size: 15px; max-width: 390px; margin: 0 auto; }
.logo-panel { width: 290px; margin: 0 auto; }
.logo-panel .logo { margin: 50px 0; }
#mc_embed_signup { max-width: 385px; margin: 0 auto; margin-top: 30px; }
#mc_embed_signup form { padding: 0; }
#mc_embed_signup .mc-field-group { width: 100%; min-height: 43px; padding-bottom: 0; margin-bottom: 12px; box-shadow: none; outline: 0; }
#mc_embed_signup .mc-field-group.m-0 { margin-bottom: 0; }
#mc_embed_signup .mc-field-group input:focus, #mc_embed_signup .mc-field-group:focus { box-shadow: none; outline: 0; }
#mc_embed_signup .mc-field-group input { box-shadow: none; outline: 0; border-radius: 4px; border: 2px solid transparent; padding: 0; text-indent: 15px; min-height: 43px; line-height: 43px; color: #331313; font-family: 'proxima_nova_rgregular'; font-size: 14px; }
#mc_embed_signup .button { border: none; border-radius: 4px; height: 45px; opacity: 1 !important; background-color: #dbe129; color: #331313; font-size: 17.5px; letter-spacing: 1px; width: 100%; margin: 0; font-weight: bold; font-family: 'proxima_nova_altbold'; }
/*#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { display: none !important; }*/
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{ background-color: transparent !important; color: #d9316e; }
#mc_embed_signup .button:hover { background-color: #00b7ba; color: #FFF; }
#mc_embed_signup div#mce-responses { width: 100%; top: 0; padding: 0; margin: 0; }
#mc_embed_signup div.response { margin: 0 0 10px 0; padding: 0; font-weight: bold; float: left; z-index: 1; width: 100%; background: #FFF; font-size: 17px; text-align: center; padding: 5px; }
#mc_embed_signup div.response#mce-error-response, #mc_embed_signup div.response#mce-error-response a { color: red; }
#mc_embed_signup div.response#mce-error-response a { text-decoration: underline; font-size: 16px; }
#mc_embed_signup div.response#mce-error-response#mce-success-response { color: #dbe129; }
.custom-select { position: relative; height: 45px; padding: 0; background: transparent; border: 0; border-radius: 0; line-height: 0; }
.custom-select select { display: none; }
#mc_embed_signup .mc-field-group .custom-select select { position: absolute; visibility: hidden; display: none; height: 0; padding: 0; margin: 0; }
.error_field { border: 2px solid #d9316e !important; }

/*#mc_embed_signup .mc-field-group .custom-select select { display: none; }*/
.select-selected { background-color: #FFFFFF; }
.select-selected:after { position: absolute; content: ""; top: 20px; right: 15px; width: 0; height: 0; border: 8px solid transparent; border-color: rgba(51, 19, 19, 1) transparent transparent transparent; }
.select-selected.select-arrow-active:after { border-color: transparent transparent rgba(51, 19, 19, 0.5) transparent; top: 10px; }
.select-items div { color: #331313; font-family: 'proxima_nova_rgregular'; background-color: #CCCCCC; font-size: 16px; font-weight: normal; padding: 0 16px; border: 1px solid transparent; border-color: transparent transparent rgba(255, 255, 255, 0.4) transparent; cursor: pointer; user-select: none; height: 40px; line-height: 38px; }
.select-selected { color: #331313; border-radius: 4px; font-family: 'proxima_nova_rgregular'; font-size: 16px; font-weight: normal; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; height: 45px; line-height: 27px; }
.select-items { position: absolute; background-color: #FFFFFF; top: 100%; left: 0; right: 0; z-index: 99; height: 200px; overflow-y: scroll; }
.select-items::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgba(255, 255, 255, 1); border-radius: 5px; }
.select-items::-webkit-scrollbar { width: 4px; background-color: rgba(255, 255, 255, 0.7); }
.select-items::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.7); }
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: #331313; color: #FFFFFF; }
.form-group.checkbox-panel { display: block; margin-bottom: 35px; margin-top: 3px; }
.form-group.checkbox-panel input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.form-group.checkbox-panel label { position: relative; cursor: pointer; font-size: 14px; font-weight: normal; padding-left: 45px; font-weight: normal; }
.form-group.checkbox-panel label a { font-weight: bold; font-family: 'proxima_novabold'; }
.form-group.checkbox-panel label a:hover { text-decoration: underline; }
.form-group.checkbox-panel label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #FFFFFF; border-radius: 3px; background-color: #FFFFFF; padding: 10px; display: inline-block; position: absolute; left: 0; top: -2px; vertical-align: middle; cursor: pointer; margin-right: 5px; }
.form-group.checkbox-panel label.error-field:before { border-color: #d9316e; }
.form-group.checkbox-panel input:checked + label:after { content: ''; display: block; position: absolute; top: 3px; left: 9px; width: 6px; height: 14px; border: solid #331313; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.privacyInnerpanel { margin-bottom: 30px; }
.privacyInnerpanel h3 { font-weight: bold; font-family: 'proxima_nova_altbold'; font-size: 20px; margin-bottom: 35px; }
.form-panel .privacyPanel h2 { margin-bottom: 25px; }
.form-panel .privacyPanel p { font-size: 18px; font-weight: normal; line-height: 28px; max-width: 100%; }
.scrollbar { float: left; height: 600px; width: 100%; background: transparent; overflow-y: scroll; margin-bottom: 15px; }
.force-overflow { min-height: 650px; }
#mc_embed_signup .button[disabled="disabled"] { cursor: not-allowed; }
#customScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
#customScroll::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; }
#customScroll::-webkit-scrollbar-thumb { background-color: #000000; }
.btn-default { border-radius: 4px; border: none; border-radius: 0; height: 45px; background-color: #dbe129; color: #331313; font-size: 17.5px; letter-spacing: 1px; width: 385px; margin: 0; font-weight: bold; font-family: 'proxima_nova_altbold'; clear: both; transition: all 0.23s ease-in-out 0s; cursor: pointer; display: inline-block; line-height: 45px; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; }
a.btn-default { border-radius: 4px; }
.btn-default:hover { background-color: #00b7ba; color: #FFF; }
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error { border-color: #d9316e; }
.success-description-panel h2 { margin: 20px 0; }
.form-panel .box-panel .success-description-panel h5 { font-family: 'proxima_novabold'; font-size: 25px; line-height: 35px; max-width: 512px; }
.form-panel .box-panel .success-description-panel p { font-size: 20px; margin-bottom: 5px; }
.form-panel .box-panel .success-description-panel p a { font-family: 'proxima_novabold'; text-decoration: underline; }
.success-description-panel .btn-default { margin-top: 45px; }
#mc_embed_signup .response#mce-success-response { }
.contact-mail { font-family: 'proxima_novabold';  color: #FFFFFF; font-size: 16px; text-align: center; margin-bottom: 130px; }
.contact-mail a { color: #FFFFFF; font-family: 'proxima_nova_rgregular'; }
.contact-mail a:hover { text-decoration: underline; }
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{ color:#d9316e; margin: 0; padding: 0; position: relative; top: -8px; font-family: 'proxima_novabold'; }
.checkbox-errorfield{     color: #d9316e !important;
    margin: 10px 0 0 0 !important;
    padding: 0;
    position: relative;
    font-family: 'proxima_novabold' !important; display: none; font-size: 15px !important; font-weight: normal !important; }



@media (max-width:1200px) {
    .brand img { width: 300px; height: 90px; }
}
@media (max-width:1065px) {
    .coming-soon p { font-size: 24px; }
}
@media (max-width:767px) {
  .landing header { height: 235px; }  
  .landing .bear-brand { width: 40px; height: 40px; }
.landing .brand { width: 100px; height: 23.09px; top: 0px; }
.landing .banner-text { font-size: 19px; line-height: 19px; top: 20px; margin-bottom: 35px }
.landing .banner-description{ height: 98px; }
.aboutus-wrapper{ padding: 30px 0 0; }
.why-koala-wrapper{ padding: 30px 0; }
.koala-works-wrapper{ padding: 0px 0 30px; }
.aboutus-wrapper h2, .why-koala-wrapper h2, .koala-works-wrapper h2 { font-size: 36px; }
.aboutus-wrapper h2{  margin-bottom: 20px;  }
.aboutus-wrapper p { font-size: 18px; }
.why-koala-panel h5 {font-size: 19px; }
.why-koala-panel p { font-size: 18px;}
.why-koala-panel{ margin-bottom: 35px; }
.why-koala-wrapper h2{ margin-bottom: 35px; }
.figure-wrapper figure{ height: 180px; }
.koala-works-wrapper i{ margin-bottom: 15px; }
.koala-works-wrapper p{ font-size: 18px; }
.koala-works-wrapper h6{ font-size: 20px; }
.landing footer{ padding-top: 50px; }
.landing footer h2{ font-size: 36px;     width: 235px;
    margin: 0 auto 20px; }
    .landing footer p{ font-size: 18px; }
    .banner-header{ padding: 5px 0; 
    margin-bottom: 10px; }
    .banner-header .coming-sooon{ font-size: 24px; }
    .banner-description .btn-default {
    width: 200px;
    font-size: 14px;
}
}
@media (max-width:475px) {
    .brand img { width: 300px; height: 90px; }
    .form-panel { max-width: 100%; }
    .form-panel .box-panel { padding: 20px; margin-bottom: 100px; }
    .form-panel .box-panel h2 { font-size: 33px; line-height: 36px; }
    .form-panel .box-panel h5 { line-height: 28px; }
    .form-panel .box-panel p { font-size: 15px; }
    .btn-default { width: 100%; }
    .form-panel { margin-bottom: 50px; }
    .logo-panel .logo { margin: 30px 0; }
    .select-items { height: 200px; }
    .form-group.checkbox-panel { margin-top: 18px; margin-bottom: 20px; }
    .form-panel .box-panel h5, .form-panel .box-panel p, #mc_embed_signup { max-width: 100%; width: 100%; }
    .form-panel .box-panel .success-description-panel h5 { max-width: 100%; width: 100%; }
    .banner-header .coming-sooon{ font-size: 19px; }
    .banner-header{     padding: 15px 0; }
    .banner-description .btn-default{ height: 35px; line-height: 35px; font-size: 13px; width: 155px; padding: 0; }
    .landing .banner-text{ top: 14px; }



      .form-panel { max-width: 100%; }
    .form-panel .box-panel { padding: 20px; margin-bottom: 100px; }
    .form-panel .box-panel h2 { font-size: 33px; line-height: 36px; }
    .form-panel .box-panel h5 { line-height: 28px; }
    .form-panel .box-panel p { font-size: 15px; }
    .btn-default { width: 100%; }
    .form-panel { margin-bottom: 50px; }
    .logo-panel .logo { margin: 30px 0; }
    .select-items { height: 200px; }
    .form-group.checkbox-panel { margin-top: 18px; margin-bottom: 20px; }
    .form-panel .box-panel h5, .form-panel .box-panel p, #mc_embed_signup { max-width: 100%; width: 100%; }
    .form-panel .box-panel .success-description-panel h5 { max-width: 100%; width: 100%; }
    .koala-works-wrapper{padding-right: 15px; padding-left: 15px;}
}
.down-arrow-panel { position: absolute; bottom: -35px; left: 0; right: 0; text-align: center; cursor: pointer; }
.down-arrow-panel img { width: 25px; }
.privacy-label, .privacy-label a { color : #FFF; }