/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. /****************************************/ /* Overrides for Hubspot Grid system */ /****************************************/ .header-container.container-fluid, .body-container.container-fluid, .footer-container.container-fluid { padding: 0; } .container-fluid:before, .container-fluid:after { display: none; } .row-fluid [class*="span"] { min-height: 0; } /*****************************************/ /* Start your style dec * tions here */ /*****************************************/ /* BODY, HTML //////////////////////////////////*/ body, html { height: 100%; } @font-face { font-family: 'BagossCondensed-Light'; src: url('https://5259730.fs1.hubspotusercontent-na1.net/hubfs/5259730/BagossCondensed-Light.eot') format('eot'), url('https://5259730.fs1.hubspotusercontent-na1.net/hubfs/5259730/BagossCondensed-Light.woff') format('woff'), url('https://5259730.fs1.hubspotusercontent-na1.net/hubfs/5259730/BagossCondensed-Light.ttf') format('truetype');} @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* LAYOUT //////////////////////////////////*/ .width-wrapper { max-width: 1600px; height: 100%; margin: 0 auto; padding: 0 20px; position: relative; } .boxed-page .container-fluid {padding-left: 5%; padding-right: 5%;} @media screen and (max-width: 767px) { .boxed-page .container-fluid {padding-left: 2%; padding-right: 2%;} } /* TEXT STYLES //////////////////////////////////*/ h1 { font-family: 'BagossCondensed-Light'; font-weight: 600; font-size: 52px; line-height: 120%; margin-bottom: 20px; color: #1D1D1B;} h2 { font-family: 'BagossCondensed-Light'; font-weight: 600; font-size: 40px; line-height: 120%; margin-bottom: 10px; color: #1D1D1B;} h3 { font-family: 'BagossCondensed-Light'; font-weight: 600; font-size: 32px; line-height: 120%; margin-bottom: 10px; color: #1D1D1B;} h4 { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 28px; line-height: 120%; margin-bottom: 10px; color: #1D1D1B;} h5 { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 22px; line-height: 120%; margin-bottom: 10px; color: #1D1D1B;} h6 { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 16px; line-height: 120%; margin-bottom: 10px; color: #1D1D1B;} p, li { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 20px; line-height: 150%; color: #1D1D1B;} ul { padding-bottom: 15px;} a { color: #1D1D1B;font-family: 'Inter', sans-serif;font-weight:600;font-size:20px;line-height:150%;color:#fff;} strong { font-weight: 600; } @media screen and (max-width: 767px) { h1 { font-size: 40px; line-height: 48px; } h2 { font-size: 32px; line-height: 120%; } h3 { font-size: 28px; line-height: 120%; } h4 { font-size: 24px; line-height: 120%; } h5 { font-size: 20px; line-height: 120%; } h6 { font-size: 16px; line-height: 120%; } p, li, a { font-size: 18px; line-height: 150%; } } /* FORM //////////////////////////////////*/ .hs_cos_wrapper_type_form form .hs-input { width: 100% !important; margin-bottom: 15px; border-radius: 4px !important; padding: 28px 14px 14px 14px !important;} .hs_cos_wrapper_type_form form .hs-button { width: 100%; display: inline-block; color: #fff; text-align: center; font-weight: 600; padding: 20px 15px; border-radius: 4px; margin-top: 10px; background: #1D1D1B; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 150%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .hs_cos_wrapper_type_form form .hs-button:hover {background-color:#000;} .hs_cos_wrapper_type_form h3 { font-family: 'Inter', sans-serif; color: #1D1D1B; padding-left:0px; font-weight: 600!important; text-align: left; font-size: 28px; font-weight: 400; line-height: 120%;} .hs_cos_wrapper_type_form form .hs-form-field select {height:65px;} /* CTA //////////////////////////////////*/ .cta-button a { display: inline-block; color: #fff; text-align: center; font-weight: 600; padding: 20px 35px; border-radius: 4px; margin-top: 10px; background: #1D1D1B; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 150%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration:none;} .cta-button a:hover {background-color:#000;} .cta-button-border a { display: inline-block; color: #fff; border:1px solid #fff; text-align: center; font-weight: 600; padding: 13px 25px; text-decoration:none; border-radius: 4px; margin-top: 10px; background: none; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 150%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cta-button-border a:hover {background-color:#fff; color:#000;} /* ACCORDION //////////////////////////////////*/ .accordion_content { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 20px; line-height: 150%; color: #1D1D1B;} .accordion_header { font-family: 'Inter', sans-serif; font-weight: 800; font-size: 20px; line-height: 150%; color: #1D1D1B;} .accordion_icon { background-color: #1D1D1B; margin-right: 20px;} .accordion_header {border-top: 0px solid #e4e4e4!important; padding: 25px 15px 25px 15px!important;} .accordion_group {border-bottom: 1px solid #e4e4e4!important; } @media screen and (max-width: 767px) { .accordion_content, .accordion_header { font-size: 18px; line-height: 150%; } .new-header-orange {width:600px!important;max-height:50px;} .main-left-logo {max-height:30px;!important} } /* GENERAL //////////////////////////////////*/ article, aside, div, h1, h2, h3, h4, h5, header, input, li, nav, p, section, span, textarea, ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* HEADER AND FOOTER //////////////////////////////////*/ .new-footer24 p { font-size: 12px!important; line-height: 120%!important; color: #ffffff!important; text-align:center!important; font-family: 'Inter', sans-serif; font-weight:400;} .new-footer24 a { font-size: 12px!important; line-height: 120%!important; color: #ffffff!important; text-align:center!important; text-decoration:none; font-family: 'Inter', sans-serif; font-weight:400;} .new-header-limestone { font-size: 18px!important; line-height: 150%!important; background: #f6f6f1!important; position:fixed; top:0;} .new-header-orange { font-size: 18px!important; line-height: 150%!important; background: #ff991f!important; position:fixed; top:0;} .headline p { font-size: 24px!important; line-height: 150%!important; color: #1d1d1b!important; text-align:left!important; font-family: 'Inter', sans-serif; font-weight:400;} img { -ms-interpolation-mode: bicubic; /* IE fix for image resizing */ height: auto; } a:hover, button:hover { opacity: 0.8; transition: all 0.5s; } .light-blue-row {background-color: #D6F5FF; } .main-center-logo, .main-center-logo-in-bg {text-align:center;} .main-center-logo img {width:230px!important; margin: 15px auto;} .main-left-logo, .main-left-logo-in-bg {text-align:left;padding:1% 1% 1% 1%;} .main-left-logo img {width:230px!important; margin: 15px auto;} .main-right-logo, .main-right-logo-in-bg {text-align:right;padding:0% 10% 0% 0%;} .main-right-logo img {width:230px!important; margin: 15px auto;} .two-logos-first {text-align:left;padding:0% 0% 0% 10%} .two-logos-first img {width:230px!important; max-height:100px!important; margin: 15px auto;} .two-logos-second {text-align:right;padding:0% 10% 0% 0%} .two-logos-second img {width:230px!important; max-height:100px!important; margin: 15px auto;} .boxed-hero-row { background-color: #FF991F; padding: 3% 5%;} .boxed-hero-row img {width:350px!important;} .boxed-hero-row-img img {width:auto!important;} .two-logos-first img {width:230px!important; margin: 15px auto;} .two-logos-second img {width:230px!important; margin: 15px auto;} .main-center-logo-in-bg img {width:200px!important; margin: 15px auto;} .main-left-logo-in-bg img {width:200px!important; margin: 15px auto;} .main-right-logo-in-bg img {width:200px!important; margin: 15px auto;} .boxed-row { padding: 3% 5%;} .boxed-row-img {padding: 1% 1% 1% 1%;} .boxed-image-text {padding: 2% 8% 2% 8%;} .boxed-image-text .left-col {text-align:right;} .boxed-image-text .right-col {text-align:left;} .boxed-image-text img {max-height:450px;} .boxed-image-text-blue { padding: 2% 8% 2% 8%;background:#d6f5ff;} .full-hero-row-img-limestone { background-color: #f6f6f1; padding: 3% 5%;} .full-hero-row-img-white { background-color: #ffffff; padding: 3% 5%;} .full-hero-row-img-orange { background-color: #ff991f; padding: 3% 5%;} .download-app-row, .sellers-process-row {margin-top:30px;} .download-app-row img {height: 75px; width: auto !important; margin: 0px 20px;} .sellers-process-row .check h4 {color: #1D1D1B; font-weight:700; margin-top:0px!important;} .sellers-process-row .nocheck h4 {color: #cbcbcb; font-weight:500; margin-top:0px!important;} .sellers-process-row p {margin-bottom:30px; margin-top: 0px;} .sellers-process-row .check ul { list-style-image: url('https://5259730.fs1.hubspotusercontent-na1.net/hubfs/5259730/check-new.png');} .sellers-process-row .nocheck ul { list-style-image: url('https://5259730.fs1.hubspotusercontent-na1.net/hubfs/5259730/nocheck-1.jpg');} .two-grey-boxes-row {padding-left:10%; padding-right:10%;} .two-grey-boxes-row .left-col {background: #F6F6F1; border: 1px solid #DFDFDA; box-shadow: 0px 4px 16px rgba(51, 68, 84, 0.24); border-radius: 8px; padding: 35px 45px 65px 45px;} .two-grey-boxes-row .right-col {background: #F6F6F1; border: 1px solid #DFDFDA; box-shadow: 0px 4px 16px rgba(51, 68, 84, 0.24); border-radius: 8px; padding: 35px 45px 65px 45px;} .two-grey-boxes-row .left-col img, .two-grey-boxes-row .right-col img {height: 100px;} .onde-img img { margin-left: -100px; margin-top: -25px;} .final-green-row-with-cta {background: #063D39; padding: 5%; text-align:center; margin-top:70px;} .final-green-row-with-cta h2, .final-green-row-with-cta p {color: #fff;} /* ////////////////////////////////// BOXED ROWS LUDI ////////////////////////////////// */ .four-icon-boxes-row-blue {padding:2% 2% 2% 2%;} .four-icon-boxes-row-blue img {max-height:150px; margin-bottom: -25px; margin-top: 25px;} .four-icon-boxes-row-blue {background: #d6f5ff;} .four-icon-boxes-row-white {padding:2% 2% 2% 2%;} .four-icon-boxes-row-white img {max-height:150px; margin-bottom: -25px; margin-top: 25px;} .four-icon-boxes-row-white {background: #ffffff;} .four-icon-boxes-row-with-limestone-bg {padding:2% 2% 2% 2%;} .four-icon-boxes-row-with-limestone-bg .widget-span {background-color: #f6f6f1; border: 1px solid #e8e8e8; border-radius: 8px; padding: 1% 1% 1% 1%;} .four-icon-boxes-row-with-limestone-bg img {max-height:150px; margin-bottom: -25px; margin-top: 25px;} .four-icon-boxes-row-with-blue-bg {padding:2% 2% 2% 2%;} .four-icon-boxes-row-with-blue-bg .widget-span {background-color: #d6f5ff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 1% 1% 1% 1%;} .four-icon-boxes-row-with-blue-bg img {max-height:150px; margin-bottom: -25px; margin-top: 25px;} .three-icon-boxes-row-blue {padding:1% 10% 1% 10%;} .three-icon-boxes-row-blue img {max-height:150px;} .three-icon-boxes-row-blue {background: #d6f5ff;} .three-icon-boxes-row-white {padding:1% 10% 1% 10%;} .three-icon-boxes-row-white img {max-height:150px;} .three-icon-boxes-row-white {background: #ffffff;} .three-icon-boxes-row-with-limestone-bg {padding:4% 10% 4% 10%;} .three-icon-boxes-row-with-limestone-bg .widget-span {background-color: #f6f6f1; border: 1px solid #e8e8e8; border-radius: 8px; padding: 1% 1% 1% 1%;} .three-icon-boxes-row-with-limestone-bg img {max-height:150px;} .three-icon-boxes-row-with-limestone-bg h3 { font-family: 'BagossCondensed-Light'; font-weight: 400; font-size: 24px; line-height: 120%; margin-bottom: 10px; color: #1D1D1B;} .three-icon-boxes-row-with-blue-bg {padding:4% 10% 4% 10%;} .three-icon-boxes-row-with-blue-bg .widget-span {background-color: #d6f5ff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 1% 1% 1% 1%;} .three-icon-boxes-row-with-blue-bg img {max-height:150px;} .hs-tabs__content__panel {background-color: #f6f6f1; border: 1px solid #e8e8e8; border-radius: 0px 0px 8px 8px; padding: 30px 25px; } .hs-tabs__content {border: none!important;} .small-paragraph {font-size: 16px; line-height: 24px; } .small-p p {font-size:17px;} .small-p h3 {font-weight:700;} .small-text-below-numbers {font-size:18px; margin-top: -10px;} .city-pdf .check ul { list-style-image: url('https://5259730.fs1.hubspotusercontent-na1.net/hubfs/5259730/check-new-s.png');} .city-pdf .nocheck ul { list-style-image: url('https://5259730.fs1.hubspotusercontent-na1.net/hubfs/5259730/nocheck-new-s.png');} .light-blue-row-central-cta {padding: 2% 25%; text-align:center;} .main-block-property {padding: 3% 10%} .main-block-property h2 { margin-top: 10px;} .main-block-property .euro-m {margin-top: -5px; font-size: 14px;} .main-block-property .euro-price {font-size: 30px;} .main-block-property .hs_cos_gallery_main .slick-next, .main-block-property .hs_cos_gallery_main .slick-prev {display:none!important; } .main-block-property .features-title { font-size: 14px; line-height: 1.5; color: #525251;} .main-block-property .description p {font-size: 16px; line-height: 1.5;} .hs_cos_gallery_main .slick-dots li button:before {font-size: 10px!important;} .faq-module {padding-left:25%; padding-right:25%;} @media screen and (max-width: 767px) { .main-block-property .right-column {margin-top:50px;} .main-block-property .features, .main-block-property .features2 {width:48%; float:left; padding:10px;} .main-block-property .features-intro {margin-top:30px!important;} .onde-img img {display:none;} .four-icon-boxes-row-with-limestone-bg .widget-span {max-height:400px;margin-top:10px;margin-bottom:10px;} .four-icon-boxes-row-with-blue-bg .widget-span {max-height:400px;margin-top:10px;margin-bottom:10px;} .three-icon-boxes-row-with-limestone-bg .widget-span {max-height:400px;margin-top:10px;margin-bottom:10px;} .three-icon-boxes-row-with-blue-bg .widget-span {max-height:400px;margin-top:10px;margin-bottom:10px;} .boxed-row {padding: 5% 5% 5% 5%;} .boxed-row-img {text-align:center;} .only-desktop {display:none!important;} .faq-module {padding-left:5%; padding-right:5%;} } @media screen and (min-width: 767px) { .only-mobile {display:none!important;} .four-icon-boxes-row-with-limestone-bg .widget-span {min-height:400px;margin-top:10px;margin-bottom:10px;} .four-icon-boxes-row-with-blue-bg .widget-span {min-height:400px;margin-top:10px;margin-bottom:10px;} .three-icon-boxes-row-with-limestone-bg .widget-span {min-height:400px;;margin-top:10px;margin-bottom:10px;} .three-icon-boxes-row-with-blue-bg .widget-span {min-height:400px;margin-top:10px;margin-bottom:10px;} .boxed-row {padding: 2% 15% 2% 15%;} .boxed-row-img {text-align:right;} } /* GALLERY //////////////////////////////////*/ .hs_cos_gallery_main .slick-slide img { width: 100%;} .hs_cos_gallery_main.slick-fixed-height-slider .slick-slide .slick-slide-inner-wrapper { padding-left: 0%; padding-right: 0%;} .hs_cos_gallery_main .slick-next { right: 0px; } .hs_cos_gallery_main .slick-prev { left: 0px; } .hs_cos_gallery_main { padding: 0px 0px;} .hs_cos_gallery_main .slick-dots li { zoom: 1.5; } .hs_cos_gallery_main .slick-dots { display: block !important; } @media screen and (max-width: 767px) { .main-center-logo {margin-top:10px; margin-bottom:10px;} .main-left-logo {margin-top:10px; margin-bottom:10px;} .main-right-logo {margin-top:10px; margin-bottom:10px;} .two-logos-first {margin-top:10px; margin-bottom:10px;text-align:left;} .two-logos-second {margin-top:10px; margin-bottom:10px;text-align:right;} .two-grey-boxes-row {padding-left:5%; padding-right:5%;} .two-grey-boxes-row .left-col, .two-grey-boxes-row .right-col {padding: 25px 30px 50px 30px!important; margin-bottom:30px!important;} .light-blue-row-central-cta {padding: 2% 10%;} } /* CASAVO B2B //////////////////////////////////*/ .casavo-b2b .boxed-hero-row { background-color: #25C1A3; } .hs_cos_wrapper_type_form form .hs-form-field input, .hs_cos_wrapper_type_form form .hs-form-field textarea, .hs_cos_wrapper_type_form form .hs-form-field select { box-shadow: none; border: 1px solid #334455;} .hs_cos_wrapper_type_form { box-shadow: 0px 0px 10px rgb(136 136 136 / 40%); margin: -40px 3% 20px 3%; padding-top: 20px; background-color: #fff!important; padding: 60px 40px;} @media screen and (max-width: 767px) { .hs_cos_wrapper_type_form { margin: 20px 3% 20px 3%;} } /* EMAIL PREFERENCES PAGE //////////////////////////////////*/ .preferences-email-box { padding:5%; } .email-prefs span, .email-prefs p, .email-prefs div { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; line-height: 150%; color: #1D1D1B;} .widget-type-email_subscriptions h1 { font-size: 52px!important; line-height: 120%!important;} .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2 { font-size: 24px!important; line-height: 120%!important;} #submitbutton { display: inline-block; color: #fff; text-align: center; font-weight: 600; padding: 20px 35px; border-radius: 4px; margin-top: 10px; background: #1D1D1B; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 150%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #submitbutton:hover {background-color:#000;} #email-prefs-form .email-edit {width:450px!important;} @media screen and (max-width: 767px) { .widget-type-email_subscriptions h1 { font-size: 40px!important; line-height: 48px!important; } #email-prefs-form .email-edit {width:100%!important;} }