/* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549218465621/04_ICW_Website/Coded_Files/css/globals/base.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549365031336/04_ICW_Website/Coded_Files/css/globals/base.min.css https://cdn2.hubspot.net/hub/136661/hub_generated/template_assets/1564728999107/04_ICW_Website_V2/assets/css/globals/base__dev.min.css https://cdn2.hubspot.net/hub/136661/hub_generated/template_assets/1564997686286/04_ICW_Website_V2/assets/css/globals/base.min.css */ /* @group Base ======================================== */ /* @group Typography ---------------------------------- */ @font-face { font-family: "Pangram"; font-weight: 400; font-display: swap; src: local('Pangram'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Regular.woff2') format('woff2'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Regular.woff') format('woff'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Regular.ttf') format('truetype'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Regular.eot') format('embedded-opentype'); } @font-face { font-family: "Pangram"; font-weight: 500; font-display: swap; src: local('Pangram'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Medium.woff2') format('woff2'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Medium.woff') format('woff'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Medium.ttf') format('truetype'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Medium.eot') format('embedded-opentype'); } @font-face { font-family: "Pangram"; font-weight: 600; font-display: swap; src: local('Pangram Medium'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Semibold.woff2') format('woff2'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Semibold.woff') format('woff'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Semibold.ttf') format('truetype'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Semibold.eot') format('embedded-opentype'); } @font-face { font-family: "Pangram"; font-weight: 700; font-display: swap; src: local('Pangram Bold'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Bold.woff2') format('woff2'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Bold.woff') format('woff'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Bold.ttf') format('truetype'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Bold.eot') format('embedded-opentype'); } @font-face { font-family: "Pangram"; font-weight: 800; font-display: swap; src: local('Pangram Extra Bold'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Extrabold.woff2') format('woff2'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Extrabold.woff') format('woff'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Extrabold.ttf') format('truetype'), url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/lib/fonts/PPPangramSans-Extrabold.eot') format('embedded-opentype'); } /* @end */ /* @group Base ---------------------------------------- */ html, body { opacity: 1; margin: 0; color: #32334F; font-family: "Pangram", "-apple-system,BlinkMacSystemFont", "Segoe UI",Helvetica,Arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 500; font-size: 18px; line-height: 30px; overflow-x: hidden; scroll-behavior: smooth; } body { margin-top: 80px } body.inverse { margin-top: 0px } a { color: #FF495C } a:hover, a:active, a:focus { text-decoration: none } p { margin: 20px 0 } strong { font-weight: 700 } h1 { font-size: 48px; font-weight: 700; line-height: 60px } h2 { margin: 60px 0 40px 0; font-size: 32px; font-weight: 700; line-height: 40px } h3 { margin: 40px 0 20px 0; font-size: 23px; font-weight: 700; line-height: 30px } h4 { margin: 30px 0 15px 0; font-size: 21px; font-weight: 700; line-height: 30px; } ul, ol { padding: 0 0 0 40px; margin: 20px 0 20px 0 } ul li, ol li { margin: 0 0 15px 0 } table { margin: 40px 0; border-collapse: collapse } table td { padding: 20px; border: 1px solid #D8D9D9 } @media ( max-width: 768px ) { body { margin-top: 62px } } @media ( max-width: 576px ) { body { margin-top: 62px } h1 { font-size: 32px; line-height: 35px } h2 { margin: 40px 0 20px 0; font-size: 21px; line-height: 30px } h3 { font-size: 18px; line-height: 30px } h4 { font-size: 18px; font-weight: 500; line-height: 30px } ul, ol { padding: 0 0 0 30px; margin: 20px 0 20px 0 } } @media ( max-width: 380px ) { body { margin-top: 55px } } /* @end */ /* @group Lines --------------------------------------- */ .line { display: block; margin-bottom: 0px; width: 1px; height: 20px; margin: 0 auto; background-color: rgba(0,0,0,0.1) } .line.line-inverse { background-color: rgba(255,255,255,0.2) } .line.line-x1 { height: 20px } .line.line-x2 { height: 40px } .line.line-x3 { height: 90px } @media ( min-width: 1600px ) { .line.line-x1 { height: 30px } .line.line-x2 { height: 60px } .line.line-x3 { height: 120px } } /* @end */ /* @group Fixings ------------------------------------- */ .clearfix::before, .clearfix:after { content: " "; display: table } .clearfix:after { clear: both } .clearfix { *zoom: 1 /* IE 6/7 */ } .no-scroll { height: 100vh; width: 100vw; position: fixed } .valign-middle { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Opera 12.1, Firefox 20+ */ -webkit-align-items: center; -ms-flex-align: center; align-items: center } .widget-span { min-height: 1px !important } .ic-embed-responsive, .hs-responsive-embed { overflow: hidden !important; position: relative !important; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */; background-color: black !important } .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 56.25% !important } .ic-embed-responsive iframe, .hs-responsive-embed-iframe { left: 0 !important; position: absolute !important; width: 100%!important; height: 100%!important } /* @end */ /* @group Cookies ------------------------------------- */ #hs-eu-cookie-confirmation { position: fixed !; bottom: 0; top: auto!important; border: none!important; box-shadow: 0px 0px 60px rgba(0,0,0,0.2)!important } #hs-eu-cookie-confirmation-inner { padding: 16px 16px 16px 16px!important } #hs-eu-cookie-confirmation-inner p { margin: 0 !important; color: #8B8F8E!important; font-size: 13px!important; font-family: "Pangram", "-apple-system,BlinkMacSystemFont", "Segoe UI",Helvetica,Arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"!important } #hs-eu-cookie-confirmation-inner p a { color: #32334F!important } #hs-en-cookie-confirmation-buttons-area > a { float: left; margin-bottom: 16px; font-family: "Pangram", "-apple-system,BlinkMacSystemFont", "Segoe UI",Helvetica,Arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"!important; font-size: 13px!important; font-weight: 700!important; border-radius: 4px!important } /* @end */ /* @group New Cookies - cookiebot tool ------------------------------------- */ #CybotCookiebotDialog a, #CybotCookiebotDialog div, #CybotCookiebotDialogBodyContentControls, #CybotCookiebotDialogBodyContentTitle { font-family: "Pangram","-apple-system,BlinkMacSystemFont","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; } body #CybotCookiebotDialog { border-color: #FFF; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyContent { padding: 12px 10px 0 16px; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyContentTitle { color: #36414d; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll { padding: 14px 21px; border-radius: 8px; margin: 20px 10px; display: inline-block !important; width: auto !important; transition: all .3s ease-in-out; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #B2FF59; border-color: #B2FF59; color: #36414d; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover { background-color: #9aea3d; border-color: #9aea3d; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover, #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover { background-color: #2e3332; border-color: #2e3332; } #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane { padding: 7px 0px 1px 11px; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper { margin-bottom: 7px; } .CybotCookiebotDialogBodyLevelButtonWrapper label { text-transform: inherit; letter-spacing: 0; font-weight: 500; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelDetailsWrapper { padding: 10px 4px; } #CybotCookiebotDialogBody #CybotCookiebotDialogBodyLevelDetailsButton { background-position: right 13px; } /* @end */ /* @end */ /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549120149401/04_ICW_Website/Coded_Files/css/globals/forms.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549215274239/04_ICW_Website/Coded_Files/css/globals/forms.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549217816295/04_ICW_Website/Coded_Files/css/globals/forms.min.css */ /* @group Forms ======================================= */ /* @group Label --------------------------------------- */ label { display: block; margin: 0 0 5px 0; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; line-height: 20px } label .hs-form-required { margin-left: 2px } /* @end */ /* @group Legend -------------------------------------- */ legend { padding: 0; margin: -5px 0 5px 0; color: #8B8F8E; font-size: 15px; line-height: 25px } /* @end */ /* @group Inputs -------------------------------------- */ input[type="color"], input[type="date"], input[type="email"], input[type="file"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"] { min-height: 40px; margin: 0 0 20px 0; padding: 12px !important; width: 100% !important; color: #656A69; font-size: 17px; font-weight: 500; font-family: "Pangram", "-apple-system,BlinkMacSystemFont", "Segoe UI",Helvetica,Arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"; border: 2px solid #E8E9E8; border-radius: 4px; background-color: #E8E9E8; box-sizing: border-box; outline: none; -webkit-appearance: none; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } input[type="color"]:hover, input[type="date"]:hover, input[type="email"]:hover, input[type="file"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover { border-color: #D8D9D9; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } input[type="color"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus { border-color: #B2B5B4; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } input.error, textarea.error, select.error { border-color: #F3C8C8 } input.error:hover, textarea.error:hover, select.error:hover { border-color: #ECAAAA } input.error:focus, textarea.error:focus, select.error:focus { border-color: #E57373 } .input { margin: 0!important } .form-columns-1 { max-width: 100%!important } .form-columns-2, .form-columns-3 { margin: 0 0 0 -1%!important; max-width: 200%!important; width: 102%!important } .form-columns-2 > div, .form-columns-3 > div { padding: 0 0.9% 0; box-sizing: border-box } /* @end */ /* @group Textarea ------------------------------------ */ textarea { margin: 0 0 20px 0; padding: 9px 14px !important; min-height: 112px; width: 100% !important; color: #656A69; font-size: 17px; font-weight: 500; font-family: "Pangram", "-apple-system,BlinkMacSystemFont", "Segoe UI",Helvetica,Arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"; line-height: 30px; border: 2px solid #E8E9E8; border-radius: 4px; background-color: #E8E9E8; box-sizing: border-box; outline: none; -webkit-appearance: none; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } textarea:hover { border-color: #D8D9D9; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } textarea:focus { border-color: #B2B5B4; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } /* @end */ /* @group Select -------------------------------------- */ select { height: 48px; margin: 0 0 20px 0; padding: 12px !important; width: 100% !important;; color: #656A69; font-size: 17px; font-weight: 500; font-family: "Pangram", "-apple-system,BlinkMacSystemFont", "Segoe UI",Helvetica,Arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"; border: 2px solid #E8E9E8; border-radius: 4px; background-color: #E8E9E8; box-sizing: border-box; outline: none; -webkit-appearance: none; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } select:hover { border-color: #D8D9D9; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } select:focus { border-color: #B2B5B4; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } /* @end */ /* @group Listings ------------------------------------ */ .inputs-list { padding: 0; margin: 0 0 20px 0; list-style: none } .inputs-list li { line-height: 0; padding-left: 20px; margin: 0 0 2px 0 } .inputs-list li label { display: inline-block; margin: 0; color: #8B8F8E; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0 } .inputs-list li input { float: left; margin: 5px 0 0 -20px } /* @end */ /* @group Errors -------------------------------------- */ .hs-error-msgs { margin-top: -15px } .hs-error-msgs li { padding-left: 20px } .hs-error-msgs li label { color: #E57373; font-size: 13px; font-weight: 700; text-transform: none; letter-spacing: 0 } .hs-error-msgs li label::before { float: left; margin: 0 4px 0 -20px; font-family: "Font Awesome 5 Pro"; font-size: 15px; content: "\f06a" } /* @end */ /* @end */ /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549120151954/04_ICW_Website/Coded_Files/css/globals/buttons.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549218079394/04_ICW_Website/Coded_Files/css/globals/buttons.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549291551827/04_ICW_Website/Coded_Files/css/globals/buttons.min.css */ /* @group Base ================================ */ .btn, .hs-button { position: relative; display: inline-block; margin: 0; padding: 16px 22px 15px 22px; vertical-align: middle; font-size: 16px; font-weight: 700; font-family: "Pangram", "-apple-system,BlinkMacSystemFont", "Segoe UI",Helvetica,Arial,sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol"; text-align: center; text-decoration: none; line-height: 20px; border: none; border-radius: 6px; box-sizing: border-box; outline: none; cursor: pointer; -webkit-appearance: none; -webkit-transition: border, background-color .6s ease; -moz-transition: border, background-color .6s ease; -ms-transition: border, background-color .6s ease; -o-transition: border, background-color .6s ease; transition: border, background-color .6s ease } .btn:hover, .hs-button:hover { -webkit-transition: border, background-color .15s ease; -moz-transition: border, background-color .15s ease; -ms-transition: border, background-color .15s ease; -o-transition: border, background-color .15s ease; transition: border, background-color .15s ease } .btn:active, .btn:checked, .hs-button:active, .hs-button:checked { position: relative; top: 1px } /* @end */ /* @group Sizes =============================== */ /* @group Small ------------------------------- */ .btn-small { padding: 13px 16px 11px 16px; font-size: 15px } .btn-small .btn-icon-left, .btn-small .btn-icon-right { top: 5px; font-size: 13px; line-height: 13px } /* @end */ /* @group Medium ------------------------------ */ .btn-medium, .hs-button { padding: 16px 18px 14px 18px; border-radius: 6px; font-size: 16px; font-weight: 700; line-height: 25px } .btn-medium .btn-icon-left, .btn-medium .btn-icon-right { top: 2px; font-size: 16px; line-height: 20px } @media (min-width: 1600px) { .btn-medium { padding: 18px 20px 16px 20px; border-radius: 8px; font-size: 16px; } } /* @end */ /* @group Large ------------------------------- */ .btn-large { padding: 17px 24px 15px 24px; font-size: 20px; border-radius: 8px; } /* @end */ /* @group Gigant ------------------------------- */ .btn-gigant { padding: 23px 28px 21px 28px; border-radius: 8px; } @media (min-width: 1600px) { .btn-gigant { padding: 28px 36px; font-size: 20px; border-radius: 8px; } } /* @end */ /* @group Colors ============================== */ /* @group Default ----------------------------- */ .btn, .hs-button { color: #fff; border: 2px solid #FF495C; background-color: #FF495C } .btn:hover, .hs-button:hover { text-decoration: none; border-color: #D63848; background-color: #D63848 } .btn-hollow { color: #FF495C; border: 2px solid #FF495C; background: none } .btn-hollow:hover { color: white; border-color: #FF495C; background-color: #FF495C } /* @end */ /* @group Black ------------------------------- */ .btn-black { color: #fff; border-color: #32334F; background-color: #32334F } .btn-black:hover { border-color: #262A29; background-color: #262A29 } .btn-black.btn-hollow { background: none; border-color: #32334F; color: #32334F } .btn-black.btn-hollow:hover { color: white; background-color: #32334F } /* @end */ /* @group Gray -------------------------------- */ .btn-gray { color: #32334F; border-color: #B2B5B4; background-color: #B2B5B4 } .btn-gray:hover { border-color: #262A29; background-color: #262A29 } .btn-gray.btn-hollow { color: #32334F; background: none; border-color: #D8DAD9 } .btn-gray.btn-hollow:hover { background-color: #D8DAD9 } /* @end */ /* @group White ------------------------------- */ .btn-white { color: #fff; border-color: rgba(255, 255, 255, .6); background-color: rgba(255, 255, 255, .6) } .btn-white:hover { color: #32334F; border-color: #fff; background-color: #fff } .btn-white.btn-hollow { background: none; color: #fff } .btn-white.btn-hollow:hover { color: #32334F; border-color: #fff; background-color: #fff } /* @end */ /* @group Link -------------------------------- */ .btn-link { color: #FF495C; background: none } .btn-link:hover { text-decoration: underline; background: none; } .btn-link.btn-black { color: #32334F; background: none } .btn-link.btn-black:hover { background: none; } .btn-link.btn-white { color: #FFFFFF; background: none } .btn-link.btn-white:hover { background: none; } /* @end */ /* @group Icons =============================== */ .btn-icon-left, .btn-icon-right { position: relative; top: 3px; font-size: 16px; line-height: 16px } .btn-icon-muted { opacity: 0.6 } .btn-icon-left { float: left; margin: 0 14px 0 0 } .btn-icon-right { float: right; margin: 0 0 0 14px} /* @end */ /* @group Styles ============================== */ /* @end */ /* @end */ /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549884365494/04_ICW_Website/Coded_Files/css/globals/tags.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549895051181/04_ICW_Website/Coded_Files/css/globals/tags.min.css */ .tag { display: inline-block; position: relative; top: -2px; padding: 3px 2px 4px 4px; color: #8B8F8E; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; line-height: 10px; border-radius: 3px; background-color: #EBECEC } .tag-black { color: #fff; background-color: #8B8F8E } .tag-white { color: #fff; background-color: rgba(255, 255, 255, .6) } /* @group Grid ======================================== */ .tool-grid-row:before, .tool-grid-row:after, .tool-grid-row-item:before, .tool-grid-row-item:after { content: " "; display: table } .tool-grid-row:after, .tool-grid-row-item:after { clear: both } .tool-grid-row { width: 102%; margin: 0 -1%; *zoom: 1 /* IE 6/7 */ } .tool-grid-item { float: left; overflow: hidden; padding: 0 1%; box-sizing: border-box } .tool-grid.padding-none .tool-grid-row { width: 100%; margin: 0 } .tool-grid.padding-none .tool-grid-item { padding: 0 } @media ( min-width: 576px ) { .tool-grid-item.size-4 { width: 33.3333333333% } } @media ( min-width: 768px ) { .tool-grid-item.size-1 { width: 8,3333333333% } .tool-grid-item.size-2 { width: 16,6666666667% } .tool-grid-item.size-3 { width: 25% } .tool-grid-item.size-5 { width: 41,6666666667% } .tool-grid-item.size-6 { width: 50% } .tool-grid-item.size-7 { width: 58,3333333333% } .tool-grid-item.size-8 { width: 66,6666666667% } .tool-grid-item.size-9 { width: 75% } .tool-grid-item.size-10 { width: 83,3333333333% } .tool-grid-item.size-11 { width: 91,6666666667% } .tool-grid-item.size-12 { width: 100% } } @media ( min-width: 992px ) { } @media ( min-width: 1200px ) { } /* @end */ /* @override https://cdn2.hubspot.net/hub/136661/hub_generated/template_assets/1564729001864/04_ICW_Website_V2/assets/css/globals/modules.min.css */ /* @group Modules ===================================== */ /* @group Base ---------------------------------------- */ .module { z-index: 1 !important; background-color: white; position: relative } .module .module-wrapper { float: none; margin: 0 auto; padding: 30px 16px; max-width: 1280px } .module .module-heading { margin: 0 0 30px 0; text-align: center } .module .module-title { margin: 0; font-size: 22px } .module .module-subtitle { margin: 10px 0 0 0 } .module img { max-width: 100% } @media (min-width: 576px) { .module .module-wrapper { padding: 60px 16px } .module .module-heading { margin-bottom: 60px } .module .module-title { font-size: 28px } } @media (min-width: 768px) { .module .module-wrapper { padding: 60px 30px } } @media (min-width: 992px) { .module .module-wrapper { padding: 90px 60px } } @media (min-width: 1200px) { .module .module-wrapper { padding: 120px 60px } .module .module-heading { margin: 0 0 90px 0; } .module .module-title { font-size: 36px } } /* @end */ /* @group Grid ---------------------------------------- */ .module .module-grid-item { display: inline-block; width: 100%; margin: 0 0 16px 0; padding: 0 0 16px 0; text-align: left; border-bottom: 1px solid #EBECEC } .module .module-grid-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none } .module .module-grid-item-thumbnail { float: left; width: 40%; max-width: 100%; margin: 0 16px 0 0; border-radius: 4px; box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.4); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } .module .module-grid-item:hover .module-grid-item-thumbnail { box-shadow: 0px 30px 20px -20px rgba(0,0,0,0.6); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } @media (min-width: 768px) { .module .module-grid { margin: 0 0 -30px -2%; width: 104%; text-align: center } .module .module-grid-item { display: inline-block; vertical-align: top; margin: 0 1% 30px 1%; padding: 0; border: none } .module .module-grid-item.size-3 { width: 22.2% } .module .module-grid-item-thumbnail { float: none; width: 100%; margin: 0 0 20px 0; border-radius: 8px } } @media (min-width: 992px) { } @media (min-width: 1200px) { } /* @end */ /* @end */ /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549120150863/04_ICW_Website/Coded_Files/css/globals/templates.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550489882431/04_ICW_Website/Coded_Files/css/globals/templates.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550492356003/04_ICW_Website/Coded_Files/css/globals/templates.min.css */ /* @group Templates =================================== */ /* @group Base ---------------------------------------- */ /* Inicio: Nueva estructura */ #content { z-index: auto; background-color: white } #content .content-wrapper { width: 100%; margin: 0 auto; padding: 20px 16px; max-width: 760px; box-sizing: border-box; } @media ( min-width: 768px ) { #content .content-wrapper { padding: 60px 16px } } /* Fin: Nueva estructura */ .section { position: relative; z-index: auto; background-color: white } .section-wrapper { float: none !important; width: 100%; max-width: 1280px; margin: 0 auto !important; padding: 40px 16px; box-sizing: border-box } .section-header { text-align: center; margin: 0 0 40px 0 } .section-header h2 { margin: 0; font-size: 22px } @media ( min-width: 576px ) { .section-wrapper { padding: 60px 20px; } .section-header { margin: 0 0 60px 0 } .section-header h2 { font-size: 28px } } @media ( min-width: 768px ) { } @media ( min-width: 992px ) { .section-wrapper { padding: 90px 40px } .section-header { margin: 0 0 90px 0 } } @media ( min-width: 1200px ) { .section-wrapper { padding: 120px 60px } .section-header { margin: 0 0 120px 0 } .section-header h2 { font-size: 36px } } /* @end */ /* @end */ /* @override https://cdn2.hubspot.net/hub/136661/hub_generated/template_assets/1564729001016/04_ICW_Website_V2/assets/css/globals/footer.min.css */ /* @group Base -------------------------------------------------------------- */ .footer-container { position: relative; padding: 0 30px; background-color: #32334F } .footer-container .wrapper { max-width: 1230px; margin: 0 auto } .footer-container .wrapper .frame { padding: 60px 0; border-bottom: 1px solid #626866 } .footer-container .wrapper .frame:last-child { padding: 30px 0 } .footer-container .wrapper .frame:last-child { border: none } /* @end */ /* @group Logotype ---------------------------------------------------------- */ .footer-container .logo { float: left } .footer-container .logo img { width: auto; width: 163px; height: 24px } /* @end */ /* @group Follow ------------------------------------------------------------ */ .footer-container .follow { margin: -6px 0; text-align: right } .footer-container .follow ul { margin: 0; padding: 0; } .footer-container .follow ul li { display: inline; margin: 0 0 0 2px; } .footer-container .follow ul li a { display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 190%; border-radius: 50%; box-sizing: border-box; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease } .footer-container .follow ul li a:hover { background-color: white } .footer-container .follow ul li a i { color: white } /* RSS icon */ .footer-container .follow ul li a i.material-icons { position: relative; top: 4px; left: 1px; font-size: 22px } .footer-container .follow ul li a:hover i { color: #32334F; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease } /* @end */ /* @group Partners ---------------------------------------------------------- */ .footer-container .partners { float: left } .footer-container .partners a { display: inline-block; opacity: 0.5; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease } .footer-container .partners a:hover { opacity: 1; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; transition: all 0.15s ease } .footer-container .partners a img { height: 40px } .footer-container .partners small { display: block; margin: 0 0 5px 0; font-size: 11px; font-weight: 600; color: rgba(255, 255, 255, .5) } /* @end */ /* @group Legal Info --------------------------------------------------------- */ .footer-container .legal { float: right; padding: 0 } .footer-container .legal .copyright { float: right; color: rgba(255, 255, 255, .5); font-size: 14px; font-weight: 600 } .footer-container .legal nav { float: right; margin: 0 0 0 10px; text-align: right } .footer-container .legal nav ul { margin: 0; padding: 0; } .footer-container .legal nav ul li { display: inline-block; margin: 0 2px } .footer-container .legal nav ul li:before { display: inline-block; content: "•"; color: white } .footer-container .legal nav ul li:first-child:before { content: "" } .footer-container .legal nav ul li a { color: white; font-size: 14px; font-weight: 700 } /* @end */ /* @group Responsive -------------------------------------------------------- */ @media ( max-width: 1442px ) { .footer-container .wrapper .frame { padding: 50px 0 } .footer-container .wrapper .frame:last-child { padding: 20px 0 } .footer-container .partners a { margin: 0 20px 0 0 } } @media ( max-width: 992px ) { } @media ( max-width: 768px ) { .footer-container .partners { float: none; text-align: center } .footer-container .legal { float: none; width: 100%; margin: 6px 0 0 0} .footer-container .legal .copyright, .footer-container .legal nav { width: 100%; text-align: center; } } @media ( max-width: 576px ) { .footer-container .wrapper .frame { padding: 20px 0 } .footer-container .logo { float: none; margin: 20px 0; text-align: center } .footer-container .follow { margin: 0; text-align: center } .footer-container .follow ul li a { width: 30px; height: 30px; line-height: 34px!important; font-size: 14px } .footer-container .partners a { display: block; margin: 0 0 10px 0 } } /* @end */ /* @group Base ------------------------------------------ */ [data-lazy] { visibility: hidden; animation-duration: 1s; -webkit-animation-duration: 1s } /* @end */ /* @group Slide Up -------------------------------------- */ [data-lazy="slideUp"].active { visibility: visible; animation-name: slideUp; -webkit-animation-name: slideUp; animation-timing-function: ease; -webkit-animation-timing-function: ease } @keyframes slideUp { 0% { opacity: 0; transform: translateY(50%) } 100% { opacity: 1; transform: translateY( 0%) } } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(50%) } 100% { opacity: 1; -webkit-transform: translateY( 0%) } } /* @end */ /* @group Slide Down ------------------------------------ */ [data-lazy="slideDown"].active { visibility: visible; animation-name: slideDown; -webkit-animation-name: slideDown; animation-timing-function: ease; -webkit-animation-timing-function: ease } @keyframes slideDown { 0% { opacity: 0; transform: translateY(-50%) } 100% { opacity: 1; transform: translateY( 0%) } } @-webkit-keyframes slideDown { 0% { opacity: 0; -webkit-transform: translateY(-50%) } 100% { opacity: 1; -webkit-transform: translateY( 0%) } } /* @end */ [data-sequence] li { opacity: 0; animation-duration: 1s; -webkit-animation-duration: 1s } [data-sequence="slideUp"] li.show { opacity: 1; animation-name: slideUpShow; -webkit-animation-name: slideUpShow; animation-timing-function: ease; -webkit-animation-timing-function: ease } @keyframes slideUpShow { 0% { opacity: 0; transform: translateY( -50%) } 100% { opacity: 1; transform: translateY( 0%) } } @-webkit-keyframes slideUpShow { 0% { opacity: 0; transform: translateY( -50%) } 100% { opacity: 1; transform: translateY( 0%) } } [data-sequence="slideUp"] li.hide { opacity: 0; animation-name: slideUpHide; -webkit-animation-name: slideUpHide; animation-timing-function: ease; -webkit-animation-timing-function: ease } @keyframes slideUpHide { 0% { opacity: 1; transform: translateY( 0%) } 100% { opacity: 0; transform: translateY(50%) } } @-webkit-keyframes slideUpHide { 0% { opacity: 1; -webkit-transform: translateY( 0%) } 100% { opacity: 0; -webkit-transform: translateY(50%) } } /* @group Global ------------------------------ */ #icIndex { margin: 0 auto; padding: 16px; max-width: 760px; text-align: left; border-radius: 8px; background-color: #fff } @media ( min-width: 768px ) { #icIndex { padding: 30px } } /* @end */ /* @group Header ------------------------------ */ #icIndex .icIndex-header { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EBECEC } #icIndex .icIndex-header i { position: relative; top: 3px; margin-right: 10px; color: #B2B5B4; font-size: 26px } #icIndex .icIndex-header strong { color: #3E4543 !important; font-weight: 700 } /* @end */ /* @group Tabla ------------------------------- */ #icIndex .icIndex-table { margin: 0; padding: 0; list-style: none } #icIndex .icIndex-table li { padding: 0 0 0 25px; margin: 0 0 5px 0; color: #3E4543; font-size: 15px; line-height: 25px } #icIndex .icIndex-table li:before { float: left; margin: 2px 0 0 -20px; font-family: "Font Awesome 5 Pro"; font-size: 10px; content: "\f061" } #icIndex .icIndex-table li a { color: #8B8F8E; text-decoration: none } #icIndex .icIndex-table li a:hover { color: #3E4543; text-decoration: underline } /* @end */ /* @group Navegación -------------------------- */ #icIndex .icIndex-navigator { position: absolute; z-index: 100; width: 60px; padding: 0; margin: 0; right: 20px; list-style: none; } #icIndex .icIndex-navigator li { float: left; width: 10px; margin: 0 23px 40px 23px } #icIndex .icIndex-navigator li:last-child { margin-bottom: 0 } #icIndex .icIndex-navigator li a { float: left; width: 10px; height: 10px; margin: 0; text-indent: -99999px; border-radius: 50%; background-color: #EBECEC; -webkit-transition: border, background-color .6s ease; -moz-transition: border, background-color .6s ease; -ms-transition: border, background-color .6s ease; -o-transition: border, background-color .6s ease; transition: border, background-color .6s ease } #icIndex .icIndex-navigator li a.active { background-color: #3E4543 } #icIndex .icIndex-navigator li a:hover { background-color: #FF495C } #icIndex .icIndex-navigator li a:before { content: ""; float: left; margin: -40px 4px 0 ; display: inherit; width: 2px; height: 40px; background: #EBECEC } #icIndex .icIndex-navigator li a.active:before { background: #3E4543; -webkit-transition: border, background-color .6s ease; -moz-transition: border, background-color .6s ease; -ms-transition: border, background-color .6s ease; -o-transition: border, background-color .6s ease; transition: border, background-color .6s ease } #icIndex .icIndex-navigator li:first-child a:before { display: none } @media ( max-width: 919px ) { #icIndex .icIndex-navigator { display: none } } /* @end */ /* @group Modal ======================================= */ /* @group Base ---------------------------------------- */ .ic-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999 !important } .ic-modal-wrapper { position: absolute; padding: 80px 10px; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(0, 0, 0, .90) } .ic-modal-frame { overflow-y: auto; width: 680px; max-height: 100%; max-width: 100%; margin: 0 auto; border-radius: 8px; box-shadow: 0px 10px 40px 20px rgba(0,0,0,1); background-color: white } .ic-modal-actions { position: absolute; top: 20px; right: 20px } .ic-modal-actions > div { float: left; opacity: 1; margin: 0 0 0 30px; font-size: 40px; cursor: pointer; border-radius: 50%; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .ic-modal-actions > div:hover { opacity: 0.5; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } .ic-modal-actions .ic-modal-label { color: white; float: left; padding: 0 6px 0 0; line-height: 25px; opacity: 0.5; } .ic-modal-actions i { color: white } .ic-modal-maximize { display: none !important } .ic-modal-trigger { cursor: pointer } .ic-modal-legend { position: absolute; bottom: -40px; width: 100%; color: white; font-weight: 600; font-size: 16px; text-align: center; text-shadow: 0px 4px 15px rgba(0,0,0,1); line-height: 20px } /* @end */ /* @group Minimizado ---------------------------------- */ .ic-modal-minimized { width: 240px; height: auto; top: auto; left: auto; right: 20px; bottom: 20px } .ic-modal-minimized .ic-modal-wrapper { position: relative; width: 100%; height: auto; padding: 0; background: none; border-radius: 3px } .ic-modal-minimized .ic-modal-frame { margin-top: 0px !important; border-radius: 4px; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.6); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .ic-modal-minimized .ic-modal-frame:hover { box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.6); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } .ic-modal-minimized .ic-modal-legend { display: none !important } .ic-modal-minimized .ic-modal-actions { top: -35px; right: -3px } .ic-modal-minimized .ic-modal-actions > div { float: left; margin: 0 0 0 2px; width: 19px; height: 19px; line-height: 0; text-align: center; border-radius: 50%; padding: 1px; background-color: #fff } .ic-modal-minimized .ic-modal-label { display: none } .ic-modal-minimized .ic-modal-actions i { color: #3E4543; font-size: 18px } .ic-modal-minimized .ic-modal-maximize { display: inline-block!important } .ic-modal-minimized .ic-modal-minimize { display: none } /* @end */ /* @end */ /* @group Social Share Icons ========================== */ /* @group Base ---------------------------------------- */ .hs_cos_wrapper_type_social_sharing a { display: inline-block; width: 100px!important; height: 40px; text-align: center; color: #ffffff; border: 2px solid transparent !important; border-radius: 4px } .hs_cos_wrapper_type_social_sharing a::before { font-family: "Font Awesome 5 Brands", "Font Awesome 5 Pro"; font-size: 20px; line-height: 200% } .hs_cos_wrapper_type_social_sharing a:hover { border-color: rgba(0, 0, 0, .2) !important; } .hs_cos_wrapper_type_social_sharing a img { display: none } .hs_cos_wrapper_type_social_sharing a.facebook { background-color: #3b5998 } .hs_cos_wrapper_type_social_sharing a.facebook::before { content: "\f39e" } .hs_cos_wrapper_type_social_sharing a.linkedin { background-color: #0077b5 } .hs_cos_wrapper_type_social_sharing a.linkedin::before { content: "\f0e1" } .hs_cos_wrapper_type_social_sharing a.twitter { background-color: #1da1f2 } .hs_cos_wrapper_type_social_sharing a.twitter::before { content: "\f099" } .hs_cos_wrapper_type_social_sharing a.google_plus { background-color: #dd4b39 } .hs_cos_wrapper_type_social_sharing a.google_plus::before { content: "\f0d5" } .hs_cos_wrapper_type_social_sharing a.pinterest { background-color: #bd081c } .hs_cos_wrapper_type_social_sharing a.pinterest::before { content: "\f231" } .hs_cos_wrapper_type_social_sharing a.email { background-color: #8B8F8E } .hs_cos_wrapper_type_social_sharing a.email::before { content: "\f0e0" } /* @end */ /* @group Responsive ---------------------------------- */ @media ( max-width: 768px ) { .hs_cos_wrapper_type_social_sharing a { width: 14%!important } } /* @end */ /* @group Share Post Icons ============================ */ .sumome-share-client-wrapper { left: 20px !important } .sumome-share-client-wrapper > div > div{ display: none !important } .sumome-share-client-wrapper a { margin: 0 0 5px 0 !important; border-radius: 50% } @media ( max-width: 480px ) { .sumome-share-client-wrapper { left: 0!important; width: 100%!important; min-width: 100%!important; text-align: center; margin-bottom: 10px!important } .sumome-share-client-wrapper a { margin: 0 2px !important; width: 50px !important; height: 50px !important } } /* @end */ /* @group Base ---------------------------------------- */ #breadcrumbs.module { position: absolute; z-index: 100 !important; padding: 0 20px; width: 100%; box-sizing: border-box; background: none } #breadcrumbs.module ol { list-style: none; margin: 0; padding: 10px 0; margin: 0 auto; width: 100%; max-width: 1160px } #breadcrumbs.module ol li { display: inline-block; margin: 0; color: rgba(61, 69, 67, 0.6); font-size: 13px } #breadcrumbs.module ol li:after { position: relative; top: 1px; margin: 0 2px; color: #32334F; font-family: "Font Awesome 5 Pro"; font-size: 13px; content: "\f105" } #breadcrumbs.module ol li:last-child:after { display: none } #breadcrumbs.module ol li a { color: #32334F; font-weight: 500; text-decoration: none } #breadcrumbs.module ol li:first-child a { font-weight: 800 } #breadcrumbs.module ol li a:hover { text-decoration: underline } /* @end */ /* @group Inverse status ------------------------------ */ #breadcrumbs.module.inverse { top: 80px } #breadcrumbs.module.inverse ol li { color: rgba(255, 255, 255, 0.6) } #breadcrumbs.module.inverse ol li:after { color: #FFFFFF } #breadcrumbs.module.inverse ol li a { color: #FFFFFF } /* @end */ .module#contact-form .section-wrapper { padding-top: 0; padding-bottom: 20px } .module#contact-form hgroup { text-align: center } .module#contact-form hgroup h2 { font-weight: 700; margin: 30px 0 30px 0 } .module#contact-form hgroup p { margin: 0 auto 30px auto; max-width: 768px; color: #8B8F8E; font-size: 17px } .module#contact-form .contact-form-form { margin: 0 auto 30px auto; max-width: 760px } .module#contact-form .contact-form-form .hs-richtext:first-child { display: none } .module#contact-form .contact-form-form .hs-button { width: 100% } @media ( min-width: 576px ) { .module#contact-form hgroup h2 { font-size: 28px } .module#contact-form hgroup p { font-size: 18px } .module#contact-form .contact-form-form .actions { margin: 30px 0 } .module#contact-form .contact-form-form .hs-button { display: inherit; margin: 0 auto; width: 300px } } @media (min-width: 768px){ .module#contact-form hgroup h2 { margin: 60px 0 45px; } } @media ( min-width: 1200px ) { .module#contact-form .section-wrapper { padding-bottom: 60px } } /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550054735271/04_ICW_Website/Global_Modules/Call_To_Actions/assets/mod_call-to-actions.min.css */ /* @group Base ---------------------------------------- */ .module#cta .cta-listing { margin: 0 auto; max-width: 760px } .module#cta .hs-cta-wrapper { display: inline-block; margin: 0 } .module#cta .hs-cta-wrapper a { display: block } .module#cta .hs-cta-wrapper img { display: block; max-width: 100% } @media ( max-width: 575px ) { .module#cta .cta-listing-2 .hs-cta-wrapper { width: 100%; margin: 0 0 20px 0; text-align: center } .module#cta .cta-listing-2 .hs-cta-wrapper a { display: inline-block; max-width: 360px } } @media ( min-width: 576px ) { .module#cta .cta-listing-2 { position: relative; display: flex; flex-wrap: wrap; width: 104%; left: -2% } .module#cta .cta-listing-2 .cta-item { margin: 0 2%; width: 46% } } /* @end */ /* @group Shadow ---------------------------------------- */ .module#cta.cta-shadow .hs-cta-wrapper a { position: relative; top: 0; border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.2); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .module#cta.cta-shadow .hs-cta-wrapper a:hover { top: -6px; box-shadow: 0px 40px 60px -40px rgba(0,0,0,0.6); -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } /* @end */ .module#hero { top: -60px; margin-bottom: -60px } .module#hero .section-wrapper { padding-top: 0; padding-bottom: 0; text-align: center } .module#hero .hero-body { position: relative; max-width: 760px; margin: auto; text-align: center } .module#hero.hero-color-gray-light { background-color: #F2F2F3 } .module#hero.hero-color-gray-medium { background-color: #32334F } .module#hero.hero-color-gray-dark { background-color: #181818 } .module#hero .section-wrapper.auto .hero-body { padding: 120px 0 60px 0 } .module#hero .section-wrapper.full { min-height: 580px; display: flex; position: relative; height: 100vh } .module#hero .section-wrapper.full .hero-body { top: -60px } @media ( min-width: 768px ) { .module#hero { top: -80px; margin-bottom: -80px } .module#hero .section-wrapper.auto .hero-body { padding: 220px 0 110px 0 } .module#hero .section-wrapper.full { min-height: 680px } .module#hero .section-wrapper.full .hero-body { top: -60px } } /* Content ---------------------------------------------- */ .module#hero .hero-body h1 { margin: 0 0 20px 0; font-weight: 700 } .module#hero .hero-body p { margin: 20px auto 0 auto; max-width: 560px; font-size: 20px; color: #8B8F8E } .module#hero .hero-section { margin-bottom: 20px } .module#hero .hero-section .hero-section-icon { margin: 0 0 10px 0; color: #FF495C; font-size: 34px } .module#hero .hero-section .hero-section-video video { opacity: 0.1; position: fixed; height: 122%; width: 102%; object-fit: cover; z-index: -1; right: 0; top: -10%; background-size: cover; overflow: hidden; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%) } .module#hero .hero-section strong, .module#hero .hero-section span { display: block; font-size: 12px; text-transform: uppercase; text-align: center; letter-spacing: 3px; line-height: 20px } .module#hero .hero-section span { opacity: 0.4 } .module#hero .hero-section .line { margin-top: 30px } /* Bottom */ .module#hero .hero-cta-container { margin: 40px 0 0 0 } .module#hero .hero-bottom { width: 100%; position: absolute; left: 0; bottom: 0 } .module#hero .hero-bottom .hero-animation-mouse, .module#hero .hero-bottom .hero-animation-mobile { width: 26px; height: 40px; margin: 0 auto 10px auto } .module#hero .hero-bottom .hero-animation-mouse { display: none } @media ( min-width: 576px ) { .module#hero .hero-body h1 { font-size: 40px; line-height: 50px } } @media ( min-width: 768px ) { .module#hero .hero-body h1 { font-size: 48px; line-height: 60px } .module#hero .hero-section { margin-bottom: 60px } .module#hero .hero-cta-container { margin: 80px 0 0 0 } .module#hero .hero-bottom .hero-animation-mouse, .module#hero .hero-bottom .hero-animation-mobile { margin: 0 auto 30px auto } .module#hero .hero-bottom .hero-animation-mouse { display: block } .module#hero .hero-bottom .hero-animation-mobile { display: none } } /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550586562692/04_ICW_Website/Global_Modules/Hero/assets/mod_hero.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550747189074/04_ICW_Website/Global_Modules/Hero/assets/mod_hero.min.css */ /* @group Base -------------------------------- */ .module#hero { top: -60px; margin-bottom: -60px } .module#hero .section-wrapper { padding-top: 0; padding-bottom: 0; text-align: center } .module#hero .hero-body { position: relative; max-width: 760px; margin: auto; text-align: center } /* Auto ------------------------------------- */ .module#hero .section-wrapper.auto .hero-body { display: flex; flex-direction: column; align-items: center; padding: 120px 0 60px 0 } /* Full ------------------------------------- */ .module#hero .section-wrapper.full { min-height: 580px; display: flex; position: relative; height: 100vh } .module#hero .section-wrapper.full .hero-body { top: -60px } @media ( min-width: 768px ) { .module#hero { top: -80px; margin-bottom: -80px } /* Auto ------------------------------------- */ .module#hero .section-wrapper.auto .hero-body { padding: 190px 0 100px 0 } /* Full ------------------------------------- */ .module#hero .section-wrapper.full { min-height: 680px } .module#hero .section-wrapper.full .hero-body { top: -60px } } /* @end */ /* @group Content ----------------------------- */ /* Contents */ .module#hero .hero-body h1 { margin: 0; font-weight: 700 } .module#hero .hero-body p { margin: 12px auto 0 auto; max-width: 560px; font-size: 16px; color: #9999A7 } .module#hero .hero-section { margin-bottom: 20px } .module#hero .hero-section .hero-section-icon { margin: 0 0 10px 0; color: #FF495C; font-size: 34px } .module#hero .hero-section strong, .module#hero .hero-section span { display: block; color: #FF495C; font-size: 12px; text-transform: uppercase; text-align: center; letter-spacing: 3px; line-height: 20px } .module#hero .hero-section span { opacity: 0.4 } .module#hero .hero-section .line { margin-top: 30px } /* Bottom */ .module#hero .hero-bottom { width: 100%; position: absolute; left: 0; bottom: 0 } .module#hero .hero-bottom .hero-animation-mouse, .module#hero .hero-bottom .hero-animation-mobile { width: 26px; height: 40px; margin: 0 auto 10px auto } .module#hero .hero-bottom .hero-animation-mouse { display: none } .module#hero .hero-cta-container{ display: flex; flex-direction: column; justify-content: center; align-items: center; } @media ( max-width: 455px ) { .module#hero .hero-body .btn { display: flex; flex-direction: column; } } @media ( min-width: 576px ) { .module#hero .hero-body h1 { font-size: 40px; line-height: 50px } } @media ( min-width: 768px ) { .module#hero .hero-body .btn:last-child { margin: 0 0 0 15px } .module#hero .hero-cta-container{ flex-direction: row } .module#hero .hero-body h1 { font-size: 45px; line-height: 50px } .module#hero .hero-body p { margin: 20px auto 0 auto; font-size: 20px } .module#hero .hero-section { margin-bottom: 40px } .module#hero .hero-bottom .hero-animation-mouse, .module#hero .hero-bottom .hero-animation-mobile { margin: 0 auto 30px auto } .module#hero .hero-bottom .hero-animation-mouse { display: block } .module#hero .hero-bottom .hero-animation-mobile { display: none } } /* @end */ /* @override https://inboundmarketing.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1540926651788/04_ICW_Website/Modules/Globals/Share_Content/assets/mod_share-icons.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550230083389/04_ICW_Website/Global_Modules/Share_Icons/assets/mod_share-content.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550489443758/04_ICW_Website/Global_Modules/Share_Icons/assets/mod_share-content.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550501895063/04_ICW_Website/Global_Modules/Share_Icons/assets/mod_share-content.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550503474399/04_ICW_Website/Global_Modules/Share_Icons/assets/mod_share-content.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550503676710/04_ICW_Website/Global_Modules/Share_Icons/assets/mod_share-content.min.css */ /* @group Globals ----------------------------- */ .sumome-share-client{ background-color: #f0f!important; } .module#share-icons { text-align: center } .module#share-icons .share-icons-listing { margin: 0; padding: 0; list-style: none } .module#share-icons .share-icons-listing-item-network { display: block; color: #fff; font-size: 16px; text-align: center; background-color: #eee } .module#share-icons .share-icons-listing-item-network:hover { opacity: 0.8 } .module#share-icons .share-icons-listing-item-facebook { background-color: #3b5998 } .module#share-icons .share-icons-listing-item-linkedin { background-color: #0077b5 } .module#share-icons .share-icons-listing-item-twitter { background-color: #1da1f2 } .module#share-icons .share-icons-listing-item-google_plus { background-color: #dd4b39 } .module#share-icons .share-icons-listing-item-pinterest { background-color: #bd081c } .module#share-icons .share-icons-listing-item-email { background-color: #8B8F8E } /* @end */ /* @group Default Status ---------------------- */ .module#share-icons.share-icons-default .share-icons-header-title { display: block; margin: 0 0 20px 0; font-size: 15px; line-height: 20px } .module#share-icons.share-icons-default .share-icons-listing { width: 101%; margin: 0 -2%; padding: 0; height: 40px } .module#share-icons.share-icons-default .share-icons-listing-item { display: inline-block; margin-left: 1%; margin-right: -4px; width: 15.6666666667% } .module#share-icons.share-icons-default .share-icons-listing-item-network { height: 40px; line-height: 250%; border-radius: 3px } @media ( min-width: 576px ) { .module#share-icons.share-icons-default .share-icons-listing { width: 100%; margin: 0 } .module#share-icons.share-icons-default .share-icons-header-title { font-size: 18px; line-height: 25px } .module#share-icons.share-icons-default .share-icons-listing-item { margin-left: 10px; margin-right: -4px; width: 60px } .module#share-icons.share-icons-default .share-icons-listing-item-network { font-size: 18px; line-height: 230% } } /* @end */ /* @group Float Status ------------------------ */ .module#share-icons.share-icons-float { position: fixed; left: 0px; top: auto; width: 100%; z-index: 100 } @media ( max-width: 919px ) { .module#share-icons.share-icons-float { display: none } .module#share-icons.share-icons-float .share-icons-listing-item { float: left; margin: 0; width: 16.666666% } } @media ( min-width: 920px ) { .module#share-icons.share-icons-float { position: absolute; left: 20px; width: 40px; margin-left: 0 } .module#share-icons.share-icons-float .share-icons-listing-item { margin: 0 0 10px 0 } .module#share-icons.share-icons-float .share-icons-listing-item a { display: block; width: 40px; height: 40px } .module#share-icons.share-icons-float .share-icons-listing-item-network { font-size: 18px; line-height: 230%; border-radius: 50% } } @media ( min-width: 1040px ) { .module#share-icons.share-icons-float { left: auto; margin-left: -120px } } /* @end */ /* @group Base ==================================================== */ #ic-topbar { position: fixed; top: 0; z-index: 1000 !important; width: 100%; background-color: #F7F8F8; box-shadow: 0px 0px 40px -10px rgba(0,0,0,0.4); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } #ic-topbar.status-levitate { box-shadow: 0px 10px 30px rgba(0,0,0,0.2); background-color: #F5F5F5; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } #ic-topbar .ic-topbar-wrapper { position: relative; padding: 20px; margin: 0 auto; max-width: 1160px } #ic-topbar .ic-topbar-wrapper:before, #ic-topbar .ic-topbar-wrapper:after { content: " "; display: table } #ic-topbar .ic-topbar-wrapper:after { clear: both } #ic-topbar .ic-topbar-wrapper { *zoom: 1 /* IE 6/7 */ } #ic-topbar ul, #ic-topbar ul li { padding: 0; margin: 0; list-style: none } @media ( max-width: 768px ) { #ic-topbar .ic-topbar-wrapper { padding: 10px 16px !important } } @media ( max-width: 380px ) { #ic-topbar .ic-topbar-wrapper { padding: 10px 16px } } /* @end */ /* @group Logotype ================================================ */ #ic-topbar .ic-topbar-logo { margin: 0 } #ic-topbar .ic-topbar-logo a { float: left; margin: 6px 0 } #ic-topbar .ic-topbar-logo a img { float: left; width: 180px; height: auto; } @media ( max-width: 768px ) { #ic-topbar .ic-topbar-logo a { margin: 12px 0 } #ic-topbar .ic-topbar-logo a img { width: auto; height: 22px } } @media ( max-width: 380px ) { #ic-topbar .ic-topbar-logo a { margin: 9px 0 } #ic-topbar .ic-topbar-logo a img { width: auto; height: 20px } } /* @end */ /* @group Burger ================================================== */ #ic-topbar .ic-topbar-mobile { float: right; padding: 7px 10px; margin-left: 10px; cursor: pointer } #ic-topbar .ic-topbar-mobile .label { float: left; position: relative; top: 2px; font-size: 12px; font-weight: 800; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; margin: 2px 10px 2px 0 } #ic-topbar .ic-topbar-mobile .burger { float: right } #ic-topbar .ic-topbar-mobile .burger span { display: block; width: 20px; height: 2px; margin: 5px 0; background-color: #32334F; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } #ic-topbar .ic-topbar-mobile.active .burger span.b1 { -webkit-transform: translateY(0px) rotateZ(45deg); -moz-transform: translateY(0px) rotateZ(45deg); -ms-transform: translateY(0px) rotateZ(45deg); -o-transform: translateY(0px) rotateZ(45deg); transform: translateY(7px) rotateZ(45deg) } #ic-topbar .ic-topbar-mobile.active .burger span.b2 { opacity: 0 } #ic-topbar .ic-topbar-mobile.active .burger span.b3 { -webkit-transform: translateY(0px) rotateZ(-45deg); -moz-transform: translateY(0px) rotateZ(-45deg); -ms-transform: translateY(0px) rotateZ(-45deg); -o-transform: translateY(0px) rotateZ(-45deg); transform: translateY(-7px) rotateZ(-45deg) } /* Responsive */ @media (min-width: 769px) { #ic-topbar .ic-topbar-mobile { display: none } } @media (max-width: 768px) { #ic-topbar .ic-topbar-mobile:hover { background: none } } @media (max-width: 380px) { #ic-topbar .ic-topbar-mobile { margin: 0; padding: 5px 0px } #ic-topbar .ic-topbar-mobile .label { display: none } } /* @end */ /* @group Navigator =============================================== */ /* @group Globals ------------------------------------------------- */ #ic-topbar a { font-size: 16px; text-decoration: none } #ic-topbar .ic-topbar-navigator { float: right; text-align: right } #ic-topbar .ic-topbar-menu { float: right } #ic-topbar .ic-topbar-menu-item { float: left } #ic-topbar .ic-topbar-menu-item:first-child { margin-left: 10px } #ic-topbar .ic-topbar-menu-item > a { padding: 10px } #ic-topbar .ic-topbar-menu-item.about:hover > a, #ic-topbar .ic-topbar-menu-item.services:hover > a, #ic-topbar .ic-topbar-menu-item.academy:hover > a, #ic-topbar .ic-topbar-menu-item.blogs:hover > a, #ic-topbar .ic-topbar-menu-item.events:hover > a { background-color: rgba(178, 180, 179, 0.20) } /* @end */ /* @group Language ------------------------------------------------ */ #ic-topbar .ic-topbar-language { float: left; padding-right: 10px; position: relative } #ic-topbar .ic-topbar-language:before { content: " "; position: absolute; top: 5px; right: 0px; width: 1px; height: 30px; background-color: rgba(61, 69, 67, 0.2) } #ic-topbar .ic-topbar-language .hs-menu-depth-1 > a { padding-left: 10px; padding-right: 10px } #ic-topbar .ic-topbar-language .hs-menu-depth-1:hover:after { position: absolute; z-index: 900; top: 39px; margin-left: -26px; width: 24px; height: 12px; content: " "; background-image: url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/img/bubble_arrow.svg') } #ic-topbar .ic-topbar-language .hs-menu-depth-1 > .hs-menu-children-wrapper { display: none; position: absolute; z-index: 800; padding: 8px 0 0 0; right: -85px } #ic-topbar .ic-topbar-language .hs-menu-depth-1:hover > .hs-menu-children-wrapper { display: block } /* @end */ /* @group Contact ------------------------------------------------- */ #ic-topbar .ic-topbar-menu-item.contact { margin-left: 10px } @media ( max-width: 768px ) { #ic-topbar .ic-topbar-menu-item.contact > a > i { display: none } } /* @end */ /* @group Main Menu ----------------------------------------------- */ /* @group Desktop ················································· */ @media ( min-width: 769px ) { #ic-topbar .ic-topbar-menu { display: block !important } #ic-topbar .ic-topbar-menu-item-drop:hover::after { position: absolute; z-index: 900; top: 58px; margin-left: -25px; width: 24px; height: 12px; content: " "; background-image: url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/img/bubble_arrow.svg') } #ic-topbar .ic-topbar-menu-item .bubble-wrapper { display: none !important; position: absolute; z-index: 800; padding: 8px 0 0 0; right: 20px } #ic-topbar .ic-topbar-menu-item:hover > .bubble-wrapper { display: block !important } #ic-topbar .ic-topbar-menu-item:hover > .bubble-wrapper .bubble > span > div > ul { float: left; } #ic-topbar .ic-topbar-menu-item > a > i { opacity: 0.6; margin-left: 6px } /* Contact */ #ic-topbar .ic-topbar-menu-item.contact:hover::after { margin-left: -26px; width: 24px; height: 12px; content: " "; background-image: url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/img/bubble_arrow.svg') } #ic-topbar .ic-topbar-menu-item.contact .bubble-wrapper { display: none !important; position: absolute; z-index: 800; padding-top: 8px; right: 0px } #ic-topbar .ic-topbar-menu-item.contact:hover .bubble-wrapper { display: block !important } #ic-topbar .ic-topbar-menu-item.contact .bubble { padding: 30px 20px; position: static !important; font-size: 15px } } @media (min-width: 769px) { #ic-topbar .ic-topbar-menu-item.contact > a > i { display: none } } @media (max-width: 992px) { #ic-topbar .ic-topbar-menu { margin-left: 0 } #ic-topbar .ic-topbar-menu-item .hs-menu-depth-1:hover::after { margin: 0 0 0 -36px } #ic-topbar .ic-topbar-menu-item .hs-menu-depth-1 > a { padding-left: 10px; padding-right: 10px } #ic-topbar .ic-topbar-menu-item .hs-menu-depth-1 > a > i { display: none } #ic-topbar .ic-topbar-menu-item .hs-menu-depth-1 > ul { right: 0px; background-color: white } #ic-topbar .ic-topbar-menu-item.contact .bubble-wrapper { margin-right: 20px; background-color: white } #ic-topbar .ic-topbar-menu-item.contact > a > i { display: none } #ic-topbar .ic-topbar-menu-item.contact:hover:after { margin: 0 0 0 -40px } } /* @end */ /* @group Mobile ·················································· */ @media ( max-width: 768px ) { #ic-topbar .ic-topbar-menu { display: none; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: fixed; left: 0; top: 63px; width: 100%; max-height: 100%; margin: 0; text-align: left; box-sizing: border-box; border-top: 1px solid #ffffff } #ic-topbar .ic-topbar-menu:after { content: " "; display: block; width: 100%; height: 100px ; box-shadow: inset 0px 32px 16px -16px rgba(0,0,0,0.3) } #ic-topbar .ic-topbar-menu a { text-align: left } #ic-topbar .ic-topbar-menu-item { float: none; width: 100%; background-color: #fff; border-bottom: 1px solid white } #ic-topbar .ic-topbar-menu-item:first-child { margin: 0 } #ic-topbar .ic-topbar-menu-item > a { display: block; border-radius: 0; background-color: #EBECEC; padding: 16px 24px 16px 16px !important } #ic-topbar .ic-topbar-menu-item:hover > a { background-color: #D8DAD9 } #ic-topbar .ic-topbar-menu-item > a > i { display: block !important; color: rgba(61, 69, 67, 0.6); font-size: 20px } #ic-topbar .ic-topbar-menu-item .bubble-wrapper { display: none; padding: 0 16px } /* Contact */ #ic-topbar .ic-topbar-menu-item.contact { margin: 0; width: 100% } #ic-topbar .ic-topbar-menu-item.contact .bubble-wrapper { margin: 0 } #ic-topbar .ic-topbar-menu-item.contact > a { display: block; width: 100%; padding: 16px 24px 16px 16px !important; color: #32334F; border: none; border-radius: 0; background: #EBECEC } #ic-topbar .ic-topbar-menu-item.contact > a > i { display: block; color: rgba(61, 69, 67, 0.6); font-size: 20px } #ic-topbar .ic-topbar-menu-item.contact .bubble-wrapper { display: none } /* Language */ #ic-topbar .ic-topbar-menu-item.language > span > div > ul > li > a:hover { background: none } #ic-topbar .ic-topbar-menu-item.language > span > div > ul > li > ul { position: absolute; margin-right: 20px } } @media ( max-width: 380px ) { #ic-topbar .ic-topbar-menu { top: 56px } #ic-topbar .ic-topbar-menu-item.language > span > div > ul > li:hover:after { top: 35px; margin-left: -30px } #ic-topbar .ic-topbar-menu-item.language > span > div > ul > li > ul { position: absolute; top: 30px; margin-right: 70px } } /* @end */ /* @end */ /* @group Bubbles ================================================= */ /* @group Language ------------------------------------------------ */ #ic-topbar .ic-topbar-menu-item.language .bubble { padding: 10px 0 } #ic-topbar .ic-topbar-menu-item.language .bubble > li { float: none; width: 140px } #ic-topbar .ic-topbar-menu-item.language .bubble > li > a { margin: 0; padding: 3px 10px 4px 10px; color: #32334F; font-size: 15px; font-weight: 700; cursor: pointer } #ic-topbar .ic-topbar-menu-item.language .bubble > li > a:hover { background: #F5F5F5 } /* @end */ /* @group Desktop ------------------------------------------------- */ @media (min-width: 769px) { #ic-topbar .bubble { padding: 30px 10px; border: 2px solid #D8DAD9; border-radius: 4px; text-align: left; background-color: white; box-shadow: 0px 16px 30px rgba(0,0,0,0.4); *zoom: 1 /* IE 6/7 */ } #ic-topbar .bubble:before, #ic-topbar .bubble:after { content: " "; display: table } #ic-topbar .bubble:after { clear: both } #ic-topbar .bubble .hs-menu-depth-1 { float: left; padding: 0 10px; width: 300px } #ic-topbar .bubble .hs-menu-depth-1 > a { max-width: 100%; text-overflow: initial; box-sizing: border-box; display: block; margin: 0 0 16px 0; padding: 0 10px; color: #32334F; font-size: 20px; font-weight: 700; border-radius: 4px; cursor: default } #ic-topbar .bubble .hs-menu-depth-1 > a:hover { text-decoration: none } #ic-topbar .bubble .hs-menu-depth-1 > ul { position: relative; opacity: 1; visibility: visible } #ic-topbar .bubble .hs-menu-depth-1 > ul > li > a { width: 100%; max-width: 100%; text-overflow: initial; display: block; padding: 3px 10px 4px 10px; color: #32334F; font-size: 15px; font-weight: 600; border-radius: 4px; box-sizing: border-box } #ic-topbar .bubble .hs-menu-depth-1 > ul > li > a:hover { text-decoration: none; background-color: #F5F5F5 } /* @group About Us ················································ */ #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-1:nth-child(2) > ul > li > a { padding: 0 } #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-1:nth-child(2) > ul > li > a:hover { background: none } #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-1 > ul > li > a span { display: block; margin: 0 10px; padding: 162px 20px 25px 20px; line-height: 20px; border: 2px solid #F0F0F0; border-radius: 4px } #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-1 > ul > li > a:hover span { background-color: #F5F5F5 } #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-1 > ul > li > a span small { display: block; color: rgba(61, 69, 67, 0.6); font-size: 15px; font-weight: 400 } #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-1 > ul > li > a .hs-diamond { background-repeat: no-repeat; background-position: center 15px; background-size: 140px; background-image: url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/public/img/inboundcycle-elite-partners.svg') } /* @end */ /* @group Services ·················································· */ #ic-topbar .ic-topbar-menu-item.services .bubble { margin-right: 168px; padding: 10px 0 } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 { float: none } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a { margin: 0; padding: 3px 10px 4px 10px; color: #32334F; font-size: 15px; font-weight: 700; cursor: pointer } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a:hover { background: #F5F5F5 } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a .hs .fix { margin-left: -1px; font-style: normal } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a .hs .fa-hubspot { display: inline; color: #FF7A59; font-size: 18px; font-weight: 400; margin-left: 4px; position: relative; } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a .hs .hs-diamond { width: 22px; height: 22px; display: inline-block; background-image: url(https://www.inboundcycle.com/hs-fs/hubfs/layout/v3/public/img/inboundcycle-elite-partners.svg); background-size: contain; position: relative; top: 4px; left: 2px; } /* @end */ /* @group Blogs ················································ */ #ic-topbar .ic-topbar-menu-item.blogs .bubble { padding: 10px } #ic-topbar .ic-topbar-menu-item.blogs .bubble .hs-menu-depth-1 { width: 320px; padding: 0 } #ic-topbar .ic-topbar-menu-item.blogs .bubble .hs-menu-depth-1 > a { cursor: pointer; margin: 0; padding: 20px; color: #32334F } #ic-topbar .ic-topbar-menu-item.blogs .bubble .hs-menu-depth-1 > a:hover { background: #F5F5F5 } #ic-topbar .ic-topbar-menu-item.blogs .bubble .hs-menu-depth-1 > a span { display: block; margin: 10px 0 0 0; color: rgba(61, 69, 67, 0.6); font-size: 15px; font-weight: 600; line-height: 20px } /* @end */ /* @group Events ·················································· */ #ic-topbar .ic-topbar-menu-item.events .bubble { padding: 10px 0 } #ic-topbar .ic-topbar-menu-item.events .bubble .hs-menu-depth-1 { float: none } #ic-topbar .ic-topbar-menu-item.events .bubble .hs-menu-depth-1 > a { margin: 0; padding: 3px 10px 4px 10px; color: #32334F; font-size: 15px; font-weight: 700; cursor: pointer } #ic-topbar .ic-topbar-menu-item.events .bubble .hs-menu-depth-1 > a:hover { background: #F5F5F5 } /* @end */ /* @group Contact ················································· */ #ic-topbar .ic-topbar-menu-item.contact .bubble { display: block; position: absolute; z-index: 800; right: 0 } #ic-topbar .ic-topbar-menu-item.contact .bubble i { margin-top: 3px!important; color: #B2B5B4 } #ic-topbar .ic-topbar-menu-item.contact .bubble .hs-menu-depth-1 { margin-bottom: 20px } #ic-topbar .ic-topbar-menu-item.contact .bubble .label { display: block; margin: 0 0 5px 0; padding: 0 15px; color: #32334F; font-size: 20px; font-weight: 800 } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones { margin: 0 0 10px 0 } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city { float: left; padding: 10px 15px; font-size: 15px; color: #32334F; line-height: 20px; border-radius: 8px } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city:hover { text-decoration: none; background-color: #F5F5F5 } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city i { float: left; margin: 2px 6px 0 0; font-size: 15px } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city strong { font-weight: 700 } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city span { display: block; color: #8B8F8E; font-size: 13px } #ic-topbar .ic-topbar-menu-item.contact .bubble .address { display: block; float: left; font-size: 15px; margin: 0 0 15px 0; padding: 10px 15px; color: #32334F; line-height: 20px; border-radius: 8px } #ic-topbar .ic-topbar-menu-item.contact .bubble .address:hover { text-decoration: none; background-color: #F5F5F5 } #ic-topbar .ic-topbar-menu-item.contact .bubble .address i { float: left; font-size: 15px; margin: 2px 6px 0 0 } #ic-topbar .ic-topbar-menu-item.contact .bubble .address p { margin: 2px 0 0 0!important; color: #8B8F8E; font-size: 13px; line-height: 17px; } #ic-topbar .ic-topbar-menu-item.contact .bubble .form { margin: 0; padding: 0 15px 0 } #ic-topbar .ic-topbar-menu-item.contact .bubble .form a { width: 100% } /* @end */ } /* @end */ /* @group Responsive ---------------------------------------------- */ @media (max-width: 768px) { #ic-topbar .ic-topbar-menu .bubble .hs-menu-depth-1 { padding: 16px 0; border-top: 1px solid #EBECEC } #ic-topbar .ic-topbar-menu .bubble .hs-menu-depth-1:first-child { border-top: none } #ic-topbar .ic-topbar-menu .bubble .hs-menu-depth-1 > a { display: block; padding: 0; margin: 5px 0 10px 0; color: rgba(61, 69, 67, 0.4); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; cursor: default } #ic-topbar .ic-topbar-menu .bubble .hs-menu-depth-1 > a:hover { text-decoration: none } #ic-topbar .ic-topbar-menu .bubble .hs-menu-depth-2 > a { display: block; padding: 10px 0; color: #32334F; font-size: 15px; font-weight: 600 } /* About Us */ #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-2 > a span, #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-2 > a span small { display: block; font-size: 15px } #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-2 > a span small { color: rgba(61, 69, 67, 0.6); font-weight: 400 } #ic-topbar .ic-topbar-menu-item.about .bubble .hs-menu-depth-2 > a span.hs-diamond { background-repeat: no-repeat; background-position: center right; background-size: contain; background-image: url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/img/hubspot-diamond-partner.png') } /* Services */ #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a, #ic-topbar .ic-topbar-menu-item.blogs .bubble .hs-menu-depth-1 > a { color: #32334F; margin: 0; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0px; cursor: pointer } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a .hs { position: relative; } #ic-topbar .ic-topbar-menu-item.services .bubble .hs-menu-depth-1 > a .hs .fix { display: inline; margin-left: -1px; font-style: normal } /* Eventos */ #ic-topbar .ic-topbar-menu-item.events .bubble .hs-menu-depth-1 > a { margin: 0; color: #32334F; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0px; cursor: pointer } /* Language */ #ic-topbar .ic-topbar-menu-item.language .bubble { padding: 10px; text-align: left; border: 2px solid #D8DAD9; border-radius: 4px; background-color: white; box-shadow: 0px 16px 30px rgba(0,0,0,0.4) } #ic-topbar .ic-topbar-menu-item.language .bubble > li > a { display: block; padding: 5px 10px } #ic-topbar .ic-topbar-menu-item.language .bubble > li > a:hover { text-decoration: none; background: none } /* Contact */ #ic-topbar .ic-topbar-menu-item.contact .bubble { font-size: 15px; } #ic-topbar .ic-topbar-menu-item.contact .bubble > div { margin: 0 0; padding: 16px 0 ; border-bottom: 1px solid #EBECEC } #ic-topbar .ic-topbar-menu-item.contact .bubble > div:last-child { border: none } #ic-topbar .ic-topbar-menu-item.contact .bubble .label { display: block; margin: 5px 0 10px 0; color: rgba(61, 69, 67, 0.4); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; cursor: default } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city { display: block; padding: 10px 0 10px 22px; color: #32334F } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city i { float: left; font-size: 20px; margin: 3px 0 0 -22px } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city strong { font-weight: 600 } #ic-topbar .ic-topbar-menu-item.contact .bubble .phones .city span { display: block; color: rgba(61, 69, 67, 0.6) } #ic-topbar .ic-topbar-menu-item.contact .bubble .location .address { display: block; padding: 10px 0 10px 22px; color: #32334F } #ic-topbar .ic-topbar-menu-item.contact .bubble .location .address i { float: left; font-size: 20px; margin: 3px 0 0 -22px } #ic-topbar .ic-topbar-menu-item.contact .bubble .location .address p { margin: 0 } #ic-topbar .ic-topbar-menu-item.contact .bubble .form a { width: 100%; text-align: center } } @media (max-width: 380px) { #ic-topbar .ic-topbar-menu-item.language { padding-right: 0 } #ic-topbar .ic-topbar-menu-item.language:before { display: none } #ic-topbar .ic-topbar-menu-item.language .btn { padding: 8px!important } #ic-topbar .ic-topbar-menu-item.language .btn img { opacity: 0.6 } #ic-topbar .ic-topbar-menu-item.language .btn i { display: none } } /* @end */ /* @end */ /* @group Inverse ================================================= */ @media ( min-width: 769px ) { #ic-topbar.inverse { background: none } #ic-topbar.inverse .btn.btn-black { color: white } /* Levitate status */ #ic-topbar.inverse.status-levitate { background: #F5F5F5 } #ic-topbar.inverse.status-levitate .btn.btn-black { color: #32334F } } /* @end */ /* @group Base --------------------------- */ .tmp.homepage { margin-top: 0 } .tmp.homepage .body-container-wrapper { background-color: white } .tmp.homepage .section h2 { margin: 0; color: #9999A7; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 11px; line-height: 20px } /* Responsive */ @media (max-width: 768px) { .tmp.homepage .section h2 { font-size: 12px } } /* @end */ /* @group Topbar ------------------------- */ @media ( min-width: 768px ) { #ic-topbar.inverse .ic-topbar-menu-item.contact > .btn { background: rgba(255, 255, 255, .15) } #ic-topbar.inverse.status-levitate .ic-topbar-menu-item.contact > .btn { background: #ff495c } } /* @end */ /* @group Global ------------------------- */ .module#fold-homepage { display: flex; position: relative; height: 100vh } .module#fold-homepage .fold-homepage-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%!important } /* @end */ /* @group Frame -------------------------- */ .module#fold-homepage .fold-homepage-frame { width: 100%; padding: 0 16px; text-align: center } .module#fold-homepage .fold-homepage-frame h1 { color: #fff; font-size: 28px; font-weight: 700 } .module#fold-homepage .fold-homepage-frame p, .module#fold-homepage .fold-homepage-frame a { color: rgba(255, 255, 255, .5); font-size: 18px; line-height: 20px } .module#fold-homepage .fold-homepage-frame a { color: rgba(255, 255, 255, .8); font-size: 18px; font-weight: 600 } .module#fold-homepage .fold-homepage-frame a:hover { color: white } @media ( min-width: 576px ) { .module#fold-homepage .fold-homepage-frame h1 { font-size: 38px } } @media ( min-width: 992px ) { .module#fold-homepage .fold-homepage-frame { padding-bottom: 40px } .module#fold-homepage .fold-homepage-frame h1 { font-size: 48px } .module#fold-homepage .fold-homepage-frame p { font-size: 26px; line-height: 38px } .module#fold-homepage .fold-homepage-frame a { font-size: 18px } } /* @end */ /* @group Actions ------------------------ */ .module#fold-homepage .fold-homepage-actions { width: 100%; margin: 30px auto 0 auto; max-width: 472px; text-align: center } .module#fold-homepage .fold-homepage-actions .btn { display: block; width: 100%; max-width: 230px; margin: 3px auto; padding: 10px 0; color: white; font-size: 15px } .module#fold-homepage .fold-homepage-actions .btn-hs { padding: 16px 38px !important; color: #181818; background-color: white } .module#fold-homepage .fold-homepage-actions .btn-hs:hover { color: #181818; border-color: #fff; background-color: rgba(255,255,255, 0.8) } .module#fold-homepage .fold-homepage-actions .btn-hs .fa-hubspot { position: relative; color: #FF7A59; font-size: 22px; font-weight: 400; top: 2px; margin-top: -3px } .module#fold-homepage .fold-homepage-actions .btn-hs img { position: relative; height: 30px; width: 30px; } @media ( min-width: 576px ) { .module#fold-homepage .fold-homepage-actions { margin-top: 60px } .module#fold-homepage .fold-homepage-actions .btn { float: left; margin: 3px } .module#fold-homepage .fold-homepage-actions .btn-hs { display: block; margin: 30px auto 0 auto; padding: 16px 45px !important; max-width: 100% } .module#fold-homepage .fold-homepage-actions .btn-hs img { float: right; position: relative; top: -5px; width: 30px; height: 30px; } .module#fold-homepage .fold-homepage-actions .btn-hs .fa-hubspot { float: right; margin-right: 3px; font-size: 24px; top: 1px; } } @media ( min-width: 992px ) { .module#fold-homepage .fold-homepage-actions { max-width: 100% } .module#fold-homepage .fold-homepage-actions .btn { float: none; display: inline-block; margin: 0 2px; padding: 20px 12px; font-size: 18px; font-weight: 600 } .module#fold-homepage .fold-homepage-actions .btn-hs { display: block; margin: 30px auto 0 auto; padding-top: 20px !important; padding-bottom: 20px !important; max-width: 230px } } @media ( max-height: 600px ) { .module#fold-homepage .fold-homepage-actions { margin-top: 60px } } /* @end */ /* @group Video -------------------------- */ .module#fold-homepage .fold-homepage-background video { position: fixed; height: 122%; width: 102%; object-fit: cover; z-index: -1; right: 0; top: -10%; background-size: cover; overflow: hidden } /* @end */ /* @group Bottom ------------------------- */ .module#fold-homepage .fold-homepage-bottom { width: 100%; position: absolute; z-index: 2; left: 0; bottom: 0 } .module#fold-homepage .fold-homepage-bottom .fold-homepage-animation-mouse, .module#fold-homepage .fold-homepage-bottom .fold-homepage-animation-mobile { width: 26px; height: 40px; margin: 0 auto 10px auto } .module#fold-homepage .fold-homepage-bottom .fold-homepage-animation-mouse { display: none } .module#fold-homepage .fold-homepage-bottom .line { background-color: rgba(255, 255, 255, .2) } @media ( min-width: 768px ) { .module#fold-homepage .fold-homepage-bottom .fold-homepage-animation-mouse { display: inline-block; } .module#fold-homepage .fold-homepage-bottom .fold-homepage-animation-mobile { display: none } } @media ( max-height: 600px ) { .module#fold-homepage .fold-homepage-bottom .line { height: 20px } } /* @end */ .module#card-homepage { position: relative; z-index: 10 !important; background-color: #fff } .module#card-homepage .card-homepage-item { display: block; margin: 5px; text-decoration: none; text-align: center; background-color: #F7F8F8; border-radius: 8px; -webkit-appearance: none; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .module#card-homepage .card-homepage-item-wrapper { padding: 20px 0 } .module#card-homepage .card-homepage-item:hover { position: relative; box-shadow: 0px 0px 60px -10px rgba(0,0,0,0.6); -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } .module#card-homepage .card-homepage-item-frame { position: relative; max-width: 400px; margin: 0 auto; padding: 20px; color: #32334F } .module#card-homepage .card-homepage-item img { left: 0px; top: 10px; width: auto; height: 70px } .module#card-homepage .card-homepage-item span { display: block; color: #FF495C; font-size: 10px; font-weight: 700; letter-spacing: 3px; text-align: center; text-transform: uppercase } .module#card-homepage .card-homepage-item h2 { text-align: center; margin: 0; font-size: 20px; font-weight: 700; line-height: 25px } .module#card-homepage .card-homepage-item p { color: #9999A7; font-size: 14px; text-align: center; line-height: 20px } .module#card-homepage .card-homepage-podcasts { width: 100%; margin: -50px 0 20px 0; padding: 0; list-style: none; text-align: center } .module#card-homepage .card-homepage-podcasts p { display: none; margin: 0px; font-size: 13px } .module#card-homepage .card-homepage-podcasts li { display: inline-block; margin: 0; width: 30px } .module#card-homepage .card-homepage-podcasts li a { display: block; width: 30px } .module#card-homepage .card-homepage-podcasts li a:hover { opacity: 0.6 } .module#card-homepage .card-homepage-podcasts li img { width: 30px; height: 30px } @media ( min-width: 576px ) { .module#card-homepage { padding: 5px } .module#card-homepage .card-homepage-wrapper { display: flex } .module#card-homepage .card-homepage-item { width: 33.333333% } .module#card-homepage .card-homepage-item-wrapper { padding: 20px 0 60px 0 } .module#card-homepage .card-homepage-item img { position: relative } .module#card-homepage .card-homepage-item hgroup { padding: 0 } .module#card-homepage .card-homepage-item p { padding: 0; font-size: 15px; line-height: 23px } .module#card-homepage .card-homepage-podcasts { position: absolute; bottom: 40px; margin: 0 } .module#card-homepage .card-homepage-podcasts p { display: block } .module#card-homepage .card-homepage-podcasts li { width: 40px } .module#card-homepage .card-homepage-podcasts li a { width: 40px } .module#card-homepage .card-homepage-podcasts li img { width: 40px; height: 40px } } @media ( min-width: 768px ) { .module#card-homepage .card-homepage-item img { margin: 0 0 30px 0; width: auto; height: 100px } .module#card-homepage .card-homepage-item h2 { margin: 0; font-size: 20px; line-height: 25px } .module#card-homepage .card-homepage-item p { font-size: 15px; line-height: 25px } } @media ( min-width: 992px ) { .module#card-homepage { padding: 10px } .module#card-homepage .card-homepage-item { margin: 10px } } @media ( min-width: 1200px ) { .module#card-homepage .card-homepage-item h2 { margin: 0px 0 30px 0; font-size: 23px; line-height: 30px } .module#card-homepage .card-homepage-item p { font-size: 16px; line-height: 30px } } .module#services-homepage { background-color: #fff } .module#services-homepage .services-homepage-item { border-bottom: 1px solid #EBECEC } .module#services-homepage .services-homepage-item:last-child { border: none } .module#services-homepage h2 { padding: 40px 0; text-align: center } /* Animation */ .module#services-homepage .services-homepage-item-animation { text-align: center; margin: 0 0 20px 0; width: 100%; } .module#services-homepage .services-homepage-item-animation video { width: 200px; outline: none; background-color: #fff } /* Content */ .module#services-homepage .services-homepage-item-content { text-align: center } .module#services-homepage .services-homepage-item-content h3 { margin: 0 0 40px 0; font-size: 32px; font-weight: 700 } .module#services-homepage .services-homepage-item-content p { color: #9999A7 } .module#services-homepage .services-homepage-item-content .btn { margin: 20px 0 0 0 } /* HubSpot Diamond Logo*/ .module#services-homepage .services-homepage-item-hubspot { display: block; width: 100%; } .module#services-homepage .services-homepage-item-hubspot img { width: 100%; height: auto; max-width: 176px; margin: 0 auto; } @media ( min-width: 768px ) { .module#services-homepage h2 { padding: 90px 0 60px 0 } /* Animation */ .module#services-homepage .services-homepage-item-animation { margin: 0; width: 50% } .module#services-homepage .services-homepage-item-animation video { width: 400px; height: 400px } .module#services-homepage .services-homepage-item-odd .services-homepage-item-animation { float: right } .module#services-homepage .services-homepage-item-even .services-homepage-item-animation { float: left } /* Content */ .module#services-homepage .services-homepage-item-content { width: 50% } .module#services-homepage .services-homepage-item-odd .services-homepage-item-content { float: left } .module#services-homepage .services-homepage-item-even .services-homepage-item-content { float: right } .module#services-homepage .services-homepage-item-content h3 { margin: 60px 0 40px 0 } .module#services-homepage .services-homepage-item-content .btn { margin: 60px 0 0 0 } } /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1561457072373/04_ICW_Website/Template/Homepage/modules/Success_Stories/pre/assets/mod_success-stories-homepate_PRE.min.css */ #success-stories-homepage { text-align: center; background-color: #F7F8F8 } .success-stories-homepage-logos { padding: 30px 0 } .success-stories-homepage-logos img { display: inline-block; width: 30%; height: 60px; margin: 10px; opacity: 0.4; object-fit: contain; object-position: center; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .success-stories-homepage-logos img:hover { opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease } @media ( min-width: 576px ) { .success-stories-homepage-logos { padding: 60px 0; margin: 0 auto; max-width: 600px } .success-stories-homepage-logos img { width: 25%; height: 70px; object-fit: contain; object-position: center; } } @media ( min-width: 1228px ) { .success-stories-homepage-logos { padding: 90px 0; max-width: 100% } .success-stories-homepage-logos img { width: auto; height: 70px } .success-stories-homepage-logos img:not(:last-child){ padding-right: 58px; } } .module#blog-hero { overflow: hidden; background-color: #181818 } .module#blog-hero .blog-hero-background { position: fixed; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; top: 0px; left: 0px; z-index: 0; opacity: 0.6 } .module#blog-hero .blog-hero-wrapper { width: 100%; padding-top: 68px; max-width: 1200px; margin: 0 auto } .module#blog-hero .blog-hero-caption { position: relative; z-index: 1; padding: 60px 16px; text-align: center } .module#blog-hero .blog-hero-title { margin: 0 0 30px 0; color: #FFFFFF } .module#blog-hero .blog-hero-description { max-width: 580px; margin: 0 auto 30px auto; color: #B2B5B4; line-height: 22px } @media ( min-width: 768px ) { .module#blog-hero .blog-hero-alt { padding-bottom: 240px } .module#blog-hero .blog-hero-wrapper { padding-top: 80px } .module#blog-hero .blog-hero-caption { padding: 90px 0 } } @media ( max-width: 768px ) { .module#blog-hero .blog-hero-description { display: none } } /* @group Globals ===================================== */ #blog-listing.module .blog-listing-wrapper { width: 100%; max-width: 1180px; margin: 0 auto; box-sizing: border-box } #blog-listing.module .blog-listing-grid { display: flex; flex-wrap: wrap; } @media ( min-width: 578px ) { #blog-listing.module .blog-listing-wrapper { padding-top: 20px; padding-bottom: 20px } } /* @end */ /* @group Items ======================================= */ /* @group Wrapper ------------------------------------- */ #blog-listing.module .blog-listing-item-wrapper, #blog-listing.module .blog-listing-item-cta { z-index: 1; display: block; padding: 10px; text-decoration: none; box-sizing: border-box } #blog-listing.module .blog-listing-item-wrapper:hover, #blog-listing.module .blog-listing-item-cta:hover { -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #blog-listing.module .blog-listing-item { overflow: hidden; position: relative; display: block; border-radius: 8px; background-color: #fff; box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.2); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } #blog-listing.module .blog-listing-item-wrapper:hover .blog-listing-item, #blog-listing.module .blog-listing-item-cta:hover .blog-listing-item { box-shadow: 0px 20px 40px -20px rgba(0,0,0,0.5); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease } #blog-listing.module .blog-listing-item-cta img { float: left } /* @end */ /* @group Heading ------------------------------------- */ #blog-listing.module .blog-listing-item-heading { display: block; position: relative } #blog-listing.module .blog-listing-item-avatar { position: absolute; bottom: -20px; right: 20px; width: 60px; height: 60px; border-radius: 50% } #blog-listing.module .blog-listing-item-image { width: 100%; height: auto; min-height: 100px; background-color: #EBECEC } #blog-listing.module .blog-listing-item-video { position: absolute; width: 100%; height: 100%; text-align: center } #blog-listing.module .blog-listing-item-video i { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; color: #fff; text-indent: 5px; font-size: 32px; text-align: center; line-height: 60px; border-radius: 50%; background-color: rgba(255, 255, 255, .4) } #blog-listing.module .blog-listing-item-wrapper:hover .blog-listing-item-video i { background-color: rgba(255, 255, 255, .5) } #blog-listing.module .blog-listing-item-video-label { position: absolute; top: 5px; right: 5px; padding: 2px 1px 2px 4px; color: rgba(255, 255, 255, .6); font-size: 11px; font-weight: 800; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px; background-color: rgba(255, 255, 255, .2) } #blog-listing.module .blog-listing-item-wrapper:hover .blog-listing-item-video-label { color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, .4) } /* @end */ /* @group Content ------------------------------------- */ #blog-listing.module .blog-listing-item-content { display: block; padding: 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } #blog-listing.module .blog-listing-item-category { color: #8B8F8E; font-size: 11px; font-weight: 600; text-transform: uppercase; line-height: 20px; letter-spacing: 2px } #blog-listing.module .blog-listing-item-title { margin: 0; font-size: 18px; line-height: 25px; color: #3E4543 } #blog-listing.module .blog-listing-item-featured .blog-listing-item-title { font-size: 32px; line-height: 35px } #blog-listing.module .blog-listing-item-wrapper:hover .blog-listing-item-title { text-decoration: underline } #blog-listing.module .blog-listing-item-author { color: #8B8F8E; font-size: 15px } /* @end */ /* @group Responsive ---------------------------------- */ @media ( min-width: 578px ) { #blog-listing.module .blog-listing-item-wrapper, #blog-listing.module .blog-listing-item-featured, #blog-listing.module .blog-listing-item-cta { margin-bottom: 20px } #blog-listing.module .blog-listing-item-wrapper, #blog-listing.module .blog-listing-item-cta { width: 33.333333% } #blog-listing.module .blog-listing-item-featured { width: 50%; margin-top: -260px } #blog-listing.module .blog-listing-row { display: flex; flex-wrap: wrap } } /* @end */ /* @end */ /* @group Call To Actions ============================= */ #blog-listing.module .blog-listing-cta { margin-bottom: 20px; padding: 30px 0; width: 100% } #blog-listing.module .blog-listing-cta-horizontal a { display: block; margin: 0 auto; width: 100%; max-width: 760px } /* @end */ /* @group Pagination ================================== */ #blog-listing.module .blog-listing-pagination { padding: 20px 0 30px 0; text-align: center } @media ( min-width: 576px ) { #blog-listing.module .blog-listing-pagination { padding: 60px 0 } #blog-listing.module .blog-listing-pagination .btn { margin: 0 10px } } @media ( max-width: 577px ) { #blog-listing.module .blog-listing-pagination .btn { padding: 20px } #blog-listing.module .blog-listing-pagination .btn i { margin: 0; top: 2px; line-height: 20px } #blog-listing.module .blog-listing-pagination .btn span { display: none } } /* @end */ #blog-subscription.module { padding: 60px 20px!important; background-color: #E8E9E8!important } #blog-subscription.module .blog-subscription-wrapper { margin: 0 auto; width: 100%; max-width: 560px; text-align: center; z-index: 1 } #blog-subscription.module .blog-subscription-title { margin: 0 0 20px 0; color: #8B8F8E; font-size: 13px; font-weight: 700; letter-spacing: 3.25px; text-transform: uppercase } #blog-subscription.module .blog-subscription-title i { position: relative; top: 2px; font-size: 18px; margin: 0 5px 0 0 } #blog-subscription.module .blog-subscription-description { font-weight: 700; font-size: 18px } #blog-subscription.module .blog-subscription-form { position: relative } #blog-subscription.module .blog-subscription-form .hs-email > label { display: none } #blog-subscription.module .blog-subscription-form input[type="email"] { height: 56px; padding: 14px 18px; border-color: #fff; background-color: #fff } #blog-subscription.module .blog-subscription-form input[type="email"]:hover, #blog-subscription.module .blog-subscription-form input[type="email"]:focus { border-color: #D8DAD9 } #blog-subscription.module .blog-subscription-form .actions { position: absolute; top: 2px; right: 2px } #blog-subscription.module .blog-subscription-form .actions .hs-button { padding-top: 13px; padding-bottom: 14px; border-radius: 0px 3px 3px 0px } /* Responsive */ @media ( max-width: 768px ) { #blog-subscription.module { padding: 40px 20px } } .tmp.about-us { margin-top: 0px; } .tmp.about-us .module#breadcrumbs { top: 80px !important; } .tmp.about-us .module#values { background-color: #F2F2F3; } @media (min-width: 768px) { .tmp.about-us .module#values .section-wrapper { padding-bottom: 160px; } } @media (min-width: 992px) { .tmp.about-us .module#values .section-wrapper { padding-bottom: 260px; } } .tmp.about-us { margin-top: 0px; } .tmp.about-us .module#breadcrumbs { top: 80px !important; } .tmp.about-us .module#values { background-color: #F2F2F3; } @media (min-width: 768px) { .tmp.about-us .module#values .section-wrapper { padding-bottom: 160px; } } @media (min-width: 992px) { .tmp.about-us .module#values .section-wrapper { padding-bottom: 260px; } } .about-hubspot-partners .hero { min-height: 600px; position: relative; display: flex; flex-wrap: wrap; align-items: center; z-index: 10 !important; padding: 90px 0 0 0; height: 100vh; margin-top: -60px; box-sizing: border-box; } .about-hubspot-partners .hero__wrapper { position: relative; flex: 1; width: 100%; max-width: 1200px; padding: 0 20px; margin: -160px auto 0 auto; text-align: center; box-sizing: border-box; } .about-hubspot-partners .hero__wrapper .line-x1, .about-hubspot-partners .hero__wrapper .line-x2{ display: none; } /* --------------------------------------------------------- * Section */ .about-hubspot-partners .hero__section { padding: 0; font-size: 9px; text-transform: uppercase; letter-spacing: 2px; line-height: 15px; } .about-hubspot-partners .hero__section-title { margin: 0; font-weight: 800; } .about-hubspot-partners .hero__section-subtitle { margin: 0 auto; color: #B2B4B4; } /* --------------------------------------------------------- * Caption */ .about-hubspot-partners .hero__caption-title { margin: 20px 0 20px 0; font-size: 38px; font-weight: 800; letter-spacing: -0.5px; } .about-hubspot-partners .hero__caption-title i { margin-left: -4px; font-style: normal; } .about-hubspot-partners .hero__caption-description { margin: 0 auto; width: 100%; max-width: 660px; color: #8D908F; font-size: 16px; line-height: 25px } /* --------------------------------------------------------- * Logos */ .about-hubspot-partners .hero__logos { padding: 10px 0; } .about-hubspot-partners .hero__logos img { height: 40px; width: auto; } /* --------------------------------------------------------- * Actions */ .about-hubspot-partners .hero__actions { padding: 20px 0; } .about-hubspot-partners .hero__actions-info { display: block; margin: 10px auto 0 auto; width: 320px; font-size: 12px; font-weight: 600; line-height: 16px; color: #B2B4B4; } /* --------------------------------------------------------- * Scroll */ .about-hubspot-partners .hero__scroll { flex: 0; position: absolute; width: 100%; bottom: 20px; text-align: center; } .about-hubspot-partners .hero__scroll div { margin: 0 auto; width: 26px; height: 40px; } .about-hubspot-partners .hero__scroll-animation-mouse { display: none; } .about-hubspot-partners .hero__scroll-label { color: #B2B4B4; text-align: center; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2.5px; } .about-hubspot-partners .hero__scroll .line.line-x1 { height: 60px !important; } /* --------------------------------------------------------- * Deco */ .about-hubspot-partners .hero__deco { position: absolute; flex: 0; bottom: 310px; width: 100%; pointer-events: none; } .about-hubspot-partners .hero__deco img { position: absolute; width: 500%; max-width: none; margin-left: -200%; } .about-hubspot-partners .hero__deco-layers-2 { top: 180px; } .about-hubspot-partners .hero__deco-layers-3 { top: 200px; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Tablet */ @media (min-width: 768px) { .about-hubspot-partners .hero { max-height: 920px; min-height: 720px; padding: 80px 0 0 0; margin-top: -80px; } .about-hubspot-partners .hero__wrapper { margin-top: -135px; } .about-hubspot-partners .hero__wrapper .line-x1, .about-hubspot-partners .hero__wrapper .line-x2 { display: block; } .about-hubspot-partners .hero__section { font-size: 10px; line-height: 16px; } .about-hubspot-partners .hero__caption-title { margin: 20px 0 30px 0; font-size: 48px; } .about-hubspot-partners .hero__caption-title i { margin-left: -6px; } .about-hubspot-partners .hero__logos img { height: 60px; } .about-hubspot-partners .hero__deco { bottom: 140px; } .about-hubspot-partners .hero__deco-layers-2 { top: 80px; } .about-hubspot-partners .hero__deco-layers-3 { top: 60px; } .about-hubspot-partners .hero__deco img { width: 180%; margin-left: -40%; } } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Laptop Small */ @media (min-width: 1280px) { .about-hubspot-partners .hero { min-height: 680px; max-height: none; padding: 80px 0 0 0; margin-top: -80px; } .about-hubspot-partners .hero__wrapper { margin-top: -110px; } .about-hubspot-partners .hero__caption-title { margin: 20px 0; font-size: 52px; } .about-hubspot-partners .hero__scroll { bottom: 0px } .about-hubspot-partners .hero__scroll div { width: 22px; height: 34px; } .about-hubspot-partners .hero__scroll-animation-mouse { display: block; } .about-hubspot-partners .hero__scroll-animation-mobile { display: none; } .about-hubspot-partners .hero__deco img { width: 140%; margin-left: -20%; } } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Laptop Large */ @media (min-width: 1440px) { .about-hubspot-partners .hero { min-height: 760px; } .about-hubspot-partners .hero__section { font-size: 12px; line-height: 20px; } .about-hubspot-partners .hero__caption-title { margin: 20px 0; font-size: 60px; } .about-hubspot-partners .hero__caption-title i { margin-left: -7px; } .about-hubspot-partners .hero__caption-description { font-size: 18px; line-height: 30px } .about-hubspot-partners .hero__logos img { height: 80px; } .about-hubspot-partners .hero__actions { padding: 30px 0; } .about-hubspot-partners .hero__actions-info { display: block; margin: 20px auto 0 auto; width: 360px; font-size: 14px; line-height: 20px; } .about-hubspot-partners .hero__scroll div { width: 26px; height: 40px; } .about-hubspot-partners .hero__deco img { width: 100%; margin-left: 0%; } } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Desktop */ @media (min-width: 1600px) { .about-hubspot-partners .hero { min-height: 920px; padding: 150px 0 0 0; } .about-hubspot-partners .hero__wrapper { margin-top: -160px; } .about-hubspot-partners .hero__caption-title { margin: 30px 0 60px 0; font-size: 80px; letter-spacing: -2px; } .about-hubspot-partners .hero__caption-title i { margin-left: -8px; } .about-hubspot-partners .hero__caption-description { font-size: 20px; line-height: 30px } .about-hubspot-partners .hero__logos { padding: 30px 0; } .about-hubspot-partners .hero__deco { bottom: 160px; } } .about-hubspot-partners .description__wrapper { margin: 0 auto; max-width: 768px; padding: 0 20px; } .about-hubspot-partners .description__header { padding: 60px 0 30px 0; text-align: center; } .about-hubspot-partners .description__header-title { margin: 0 auto; max-width: 620px; font-size: 32px; font-weight: 800; } .about-hubspot-partners .description__header-subtitle { color: #B2B4B4; font-size: 18px; font-weight: 600; } .about-hubspot-partners .description__body { padding: 30px 0 60px 0; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Tablet */ @media (min-width: 768px) { .about-hubspot-partners .description .line-x3 { height: 220px; } .about-hubspot-partners .description__header-title { font-size: 48px } .about-hubspot-partners .description__header-subtitle { font-size: 22px; } } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Laptop Small */ @media (min-width: 1280px) { } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Laptop Large */ @media (min-width: 1440px) { } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Desktop */ @media (min-width: 1600px) { } .about-hubspot-partners .content-partners__wrapper { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .about-hubspot-partners .content-partners__header { padding: 60px 0 30px 0; text-align: center; } .about-hubspot-partners .content-partners__header-title { margin: 0 auto; max-width: 620px; font-size: 32px; font-weight: 800; } .about-hubspot-partners .content-partners__header-subtitle { color: #B2B4B4; font-size: 18px; font-weight: 600; } .about-hubspot-partners .content-partners__body { padding: 30px 0 60px 0; } .about-hubspot-partners .content-partners__body--compress { max-width: 768px; margin: 0 auto; } .about-hubspot-partners .content-partners__body-content { padding: 0 20px; } .about-hubspot-partners .content-partners__body-content p { margin: 0 0 20px 0; } .about-hubspot-partners .content-partners__media { padding: 40px 0 60px 0; text-align: center; } .about-hubspot-partners .content-partners__media iframe { overflow: hidden; border-radius: 16px; box-shadow: 0 0 60px rgba(0,0,0,0.2); } .about-hubspot-partners .content-partners__media-legend { display: block; padding: 10px 0; font-size: 14px; color: #8D908F; } .content-partners .hs-embed-wrapper { margin: 20px 0 40px 0 !important; max-width: none !important; max-height: none !important; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Tablet */ @media (min-width: 768px) { .about-hubspot-partners .description__header-title { font-size: 48px } .about-hubspot-partners .description__header-subtitle { font-size: 22px; } .about-hubspot-partners .content-partners__body { display: flex; flex-wrap: wrap; } .about-hubspot-partners .content-partners__body-content { flex: 6; } .about-hubspot-partners .content-partners__body-images { position: relative; flex: 6; padding: 0 20px; } .about-hubspot-partners .content-partners__body-images-item { position: absolute; border-radius: 6px; box-shadow: 0 0 60px rgba(0, 0, 0, 0.2); background-color: white; background-position: center; background-size: cover; } .about-hubspot-partners .content-partners__body-images-item.item-1 { top: 0; left: 20px; width: 360px; height: 360px; } .about-hubspot-partners .content-partners__body-images-item.item-2 { top: 320px; left: 220px; width: 260px; height: 260px; } .about-hubspot-partners .content-partners__body-images-item.item-3 { top: 140px; right: 20px; width: 160px; height: 160px; } .about-hubspot-partners .content-partners__listing-item.odd .content-partners__body-images { order: -1 } } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Laptop Small */ @media (min-width: 1280px) { } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Laptop Large */ @media (min-width: 1440px) { } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||| * Desktop */ @media (min-width: 1600px) { } .tmp.cornerstone .line { display: none } .tmp.cornerstone .module#cta .section-wrapper { padding-top: 60px; padding-bottom: 60px } .tmp.cornerstone .module#comments .section-wrapper { padding-top: 60px } .tmp.cornerstone .module#comments #disqus_thread { margin: 0 auto; max-width: 760px } /* @group Contents */ .tmp.cornerstone #content .content-wrapper { margin: 0 auto; max-width: 760px; text-align: justify } .tmp.cornerstone #content .content-wrapper h2, .tmp.cornerstone #content .content-wrapper h3, .tmp.cornerstone #content .content-wrapper h4 { text-align: left; font-weight: 700 } .tmp.cornerstone #content .content-wrapper h2 { padding: 0 0 20px 0;} .tmp.cornerstone #content .content-wrapper p, .tmp.cornerstone #content .content-wrapper ul, .tmp.cornerstone #content .content-wrapper ol { color: #8B8F8E } .tmp.cornerstone #content .content-wrapper strong { color: #656A69; font-weight: 700 } /*.tmp.cornerstone #content .content-wrapper iframe { max-width: 100%; height: 240px!important }*/ .tmp.cornerstone #content .content-wrapper img { max-width: 100% } @media (min-width: 768px) { .tmp.cornerstone .module#hero .section-wrapper.auto .hero-body { padding: 230px 0 70px 0; } .tmp.cornerstone #content .content-wrapper{ padding-top: 60px !important; } } @media ( max-width: 767px ) { .module#cta .section-wrapper { padding-top: 0px !important; padding-bottom: 20px !important } } .tmp.cornerstone #content .form-post-body { margin: 40px 0; padding: 40px; color: white; border-radius: 8px; background-color: #32334F; box-shadow: 0 10px 20px -10px rgba(0,0,0,.6); text-align: center; } .tmp.cornerstone #content .form-post-body .form-title { display: block; margin: 0 0 30px 0; font-weight: 700; font-size: 18px; color: #8B8F8E; } .tmp.cornerstone #content .form-post-body .form-title strong { color: white; display: block; } .tmp.cornerstone #content .form-post-body .form-title:before { content: "\f0e0"; font-family: "Font Awesome 5 Pro"; display: block; font-weight: 300; font-size: 24px; margin-bottom: 5px; color: white; } .tmp.cornerstone #content .form-post-body .hs-form { position: relative; max-width: 500px; margin: 0 auto; } .tmp.cornerstone #content .form-post-body .hs-email > label { display: none; } .tmp.cornerstone #content .form-post-body .actions .hs-button { padding-top: 14px; padding-bottom: 14px; border-radius: 0px 3px 3px 0px; position: absolute; top: 0px; right: 0px; font-size: 17px; line-height: normal; } .tmp.cornerstone #content .form-post-body .inputs-list { margin-bottom: 0px; } .tmp.cornerstone #content .form-post-body a { color: white; } @media ( max-width: 575px ) { .tmp.cornerstone #content .form-post-body .hs-email input { text-align: center; } .tmp.cornerstone #content .form-post-body .actions .hs-button { position: relative; border-radius: 3px; margin-top: 20px; } } /* @group Globals -------------------------------- */ .module#key-concepts .section-wrapper { padding-top: 40px; padding-bottom: 40px } @media ( min-width: 576px ) { .module#key-concepts .section-wrapper { padding-top: 90px; padding-bottom: 90px } } /* @end */ /* @group Header --------------------------------- */ .module#key-concepts header { text-align: center } .module#key-concepts header h2 { margin: 0 0 40px 0; font-weight: 700 } .module#key-concepts header h3 { margin: 15px 0 50px 0; font-size: 23px; font-weight: 700 } /* @end */ /* @group Listing -------------------------------- */ .module#key-concepts .key-concepts-listing { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 } .module#key-concepts .key-concepts-item { width: 100%; margin: 0; padding: 5px 0px; box-sizing: border-box } .module#key-concepts .key-concepts-item a { position: relative; top: 0px; display: block; padding: 30px 20px 30px 80px; color: #3E4543; text-decoration: none; font-weight: 700; border: 2px solid #F7F8F8; border-radius: 8px; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.4); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .module#key-concepts .key-concepts-item a:hover { top: 0px; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } .module#key-concepts .key-concepts-item.active a, .module#key-concepts .key-concepts-item.active a:hover { top: 0; box-shadow: none; background-color: #F7F8F8; cursor: default } .module#key-concepts .key-concepts-item a i { float: left; width: 70px; margin-top: -3px; margin-left: -70px; font-size: 36px; text-align: center } .module#key-concepts .key-concepts-item-1 a i { color: #FF4081 } .module#key-concepts .key-concepts-item-2 a i { color: #E040FB } .module#key-concepts .key-concepts-item-3 a i { color: #7C4DFF } .module#key-concepts .key-concepts-item-4 a i { color: #536DFE } .module#key-concepts .key-concepts-item-5 a i { color: #448AFF } .module#key-concepts .key-concepts-item-6 a i { color: #40C4FF } .module#key-concepts .key-concepts-item-7 a i { color: #64FFDA } .module#key-concepts .key-concepts-item-8 a i { color: #B2FF59 } .module#key-concepts .key-concepts-item-9 a i { color: #FFD740 } .module#key-concepts .key-concepts-item-10 a i { color: #FFAB40 } .module#key-concepts .key-concepts-item-11 a i { color: #FF6E40 } .module#key-concepts .key-concepts-item-12 a i { color: #FF5252 } .module#key-concepts .key-concepts-item-13 a i { color: #18FFFF } .module#key-concepts .key-concepts-item-14 a i { color: #EEFF41 } .module#key-concepts .key-concepts-item-15 a i { color: #FF4081 } .module#key-concepts .key-concepts-item-16 a i { color: #E040FB } .module#key-concepts .key-concepts-item-17 a i { color: #7C4DFF } .module#key-concepts .key-concepts-item-18 a i { color: #536DFE } .module#key-concepts .key-concepts-item-19 a i { color: #448AFF } .module#key-concepts .key-concepts-item-20 a i { color: #40C4FF } .module#key-concepts .key-concepts-item-21 a i { color: #64FFDA } .module#key-concepts .key-concepts-item-22 a i { color: #B2FF59 } .module#key-concepts .key-concepts-item-23 a i { color: #FFD740 } .module#key-concepts .key-concepts-item-24 a i { color: #FFAB40 } .module#key-concepts .key-concepts-item-25 a i { color: #FF6E40 } .module#key-concepts .key-concepts-item-26 a i { color: #FF5252 } .module#key-concepts .key-concepts-item-27 a i { color: #18FFFF } .module#key-concepts .key-concepts-item-28 a i { color: #EEFF41 } @media ( min-width: 576px ) { .module#key-concepts header h2 { margin-bottom: 90px; font-weight: 700 } .module#key-concepts .key-concepts-item { width: 50%; padding: 15px 20px } .module#key-concepts .key-concepts-item a { top: 0px; box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.4) } .module#key-concepts .key-concepts-item a:hover { top: -10px; box-shadow: 0px 20px 40px -20px rgba(0,0,0,0.8) } } @media ( min-width: 768px ) { .module#key-concepts .key-concepts-item { width: 33.333% } } /* @end */ .module#author { padding-top: 0 !important; text-align: center; font-size: 16px; font-weight: 500; font-style: normal; line-height: 20px } .module#author .author-container{ display: flex; justify-content: center; margin: 20px 0; gap: 15px; align-items: center; } .module#author .author-photo { margin: 0 !important; } .module#author .author-photo-link { display: flex; } .module#author .author-photo-link img { width: 70px; } .module#author .author-info { display: flex; flex-direction: column; align-items: start; justify-content: center; line-height: 20px; } .module#author .author-position{ padding: 6px 0; color: initial; } .module#author .author-name { display: inline-block; font-weight: 700; text-decoration: none; } .module#author .author-name:hover { text-decoration: underline; } .module#author time { font-size: 14px; color: #9999A7;} .module#author time span { display: block; font-weight: 600 } @media (min-width: 768px) { .module#author .author-position{ padding: 7px 0; } .module#author .author-photo-link img { width: 70px; } .module#author .author-container{ margin: 45px 0 20px; } } /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1549986965771/04_ICW_Website/Template/Cornerstones/modules/Link_List/assets/mod_link-list.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550043675169/04_ICW_Website/Template/Cornerstones/modules/Link_List/assets/mod_link-list.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550045243171/04_ICW_Website/Template/Cornerstones/modules/Link_List/assets/mod_link-list.min.css https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550048667797/04_ICW_Website/Template/Cornerstones/modules/Link_List/assets/mod_link-list.min.css */ /* @group Base ------------------------------ */ @media ( min-width: 768px ) { .tmp.cornerstone .module#link-list { background-repeat: repeat-y ; background-position: center; background-image: url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/img/line-pixel.png') } .tmp.cornerstone .module#link-list .section-wrapper { padding-top: 90px; padding-bottom: 60px; display: flex; flex-wrap: wrap } .tmp.cornerstone .module#link-list .section-wrapper section { width: 50%; box-sizing: border-box } .tmp.cornerstone .module#link-list .section-wrapper section:first-child { padding-right: 40px } .tmp.cornerstone .module#link-list .section-wrapper section:last-child { padding-left: 40px } } /* @end */ /* @group Listings ------------------------------ */ .tmp.cornerstone .module#link-list section { margin-bottom: 40px } .tmp.cornerstone .module#link-list section header { margin-bottom: 20px } .tmp.cornerstone .module#link-list section header i { float: left; position: relative; top: 4px; color: #FF495C; font-size: 32px } .tmp.cornerstone .module#link-list section header h2 { margin: 0 0 0 40px; font-size: 18px; font-weight: 700; line-height: 25px } .tmp.cornerstone .module#link-list section { margin-bottom: 0 } .tmp.cornerstone .module#link-list section ul { margin: 0; padding: 0; list-style: none } .tmp.cornerstone .module#link-list section ul li { padding-bottom: 15px; line-height: 20px; border-bottom: 1px solid #EBECEC } .tmp.cornerstone .module#link-list section ul li:last-child { margin-bottom: 0px; } .tmp.cornerstone .module#link-list section ul li .tag { margin-bottom: 4px } .tmp.cornerstone .module#link-list section ul li a { display: block; color: #656A69; font-size: 15px; text-decoration: none } .tmp.cornerstone .module#link-list section ul li a:hover { text-decoration: underline } .tmp.cornerstone .module#link-list section ul li small { display: block; color: #B2B5B4; font-size: 13px } @media ( min-width: 576px ) { .tmp.cornerstone .module#link-list section header { margin-bottom: 40px } .tmp.cornerstone .module#link-list section ul { display: flex; flex-wrap: wrap; margin-left: -2%; width: 104% } .tmp.cornerstone .module#link-list section ul li { margin: 0 2% 15px 2%; width: 46% } } @media ( min-width: 768px ) { .tmp.cornerstone .module#link-list section header { margin-bottom: 60px } .tmp.cornerstone .module#link-list section header i { top: 5px } .tmp.cornerstone .module#link-list section header h2 { margin-left: 50px; max-width: 340px; font-size: 21px; line-height: 30px } .tmp.cornerstone .module#link-list section ul { display: block; margin-left: 0%; width: 100% } .tmp.cornerstone .module#link-list section ul li { margin: 0 0 15px 0; width: 100% } } @media ( min-width: 992px ) { .tmp.cornerstone .module#link-list section ul { display: flex; flex-wrap: wrap; margin-left: -2%; width: 104% } .tmp.cornerstone .module#link-list section ul li { margin: 0 2% 15px 2%; width: 46% } } /* @end */ /* @override https://test.inboundcycle.com/hs-fs/hub/136661/hub_generated/template_assets/1550043671846/04_ICW_Website/Template/Cornerstones/modules/Success_Cases/assets/mod_success-cases.min.css */ /* @group Base ----------------------------------- */ .tmp.cornerstone .module#success-cases { background-color: #F7F8F8 } /* @end */ /* @group Header ----------------------------------- */ .tmp.cornerstone .module#success-cases .success-cases-header { text-align: center } .tmp.cornerstone .module#success-cases .success-cases-header h2 { margin: 0 0 40px 0; font-weight: 700 } @media ( min-width: 768px ) { .tmp.cornerstone .module#success-cases .success-cases-header h2 { margin: 0 0 90px 0 } } /* @end */ /* @group Listing ----------------------------------- */ .tmp.cornerstone .module#success-cases .success-cases-listing section { position: relative; top: 0; margin: 0 0 20px 0; padding: 30px 30px 90px 30px; border-radius: 8px; box-shadow: 0px 10px 20px -10px rgba(0,0,0,0.2); background-color: #fff; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .tmp.cornerstone .module#success-cases .success-cases-listing section:hover { top: -8px; box-shadow: 0px 40px 40px -20px rgba(0,0,0,0.6); -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } .tmp.cornerstone .module#success-cases .success-cases-listing section header { text-align: center } .tmp.cornerstone .module#success-cases .success-cases-listing section header h3 { margin: 10px 0 20px ; font-size: 21px; font-weight: 700 } .tmp.cornerstone .module#success-cases .success-cases-listing section header img { height: 50px; padding: 0 20px; background-color: #fff } .tmp.cornerstone .module#success-cases .success-cases-listing section header .success-cases-logo { background-repeat: repeat-x ; background-position: center; background-image: url('https://136661.fs1.hubspotusercontent-na1.net/hubfs/136661/layout/v3/img/line-pixel.png') } .tmp.cornerstone .module#success-cases .success-cases-listing section p { font-size: 15px; line-height: 25px; color: #8B8F8E } .tmp.cornerstone .module#success-cases .success-cases-listing footer { position: absolute; width: 100%; bottom: 30px; left: 0; text-align: center } @media ( min-width: 768px ) { .tmp.cornerstone .module#success-cases .section-wrapper { padding-top: 90px; padding-bottom: 60px; } .tmp.cornerstone .module#success-cases .success-cases-listing { display: flex; flex-wrap: wrap; margin-left: -1%; width: 102% } .tmp.cornerstone .module#success-cases .success-cases-listing section { width: 31.333333%; margin: 0 1%; box-sizing: border-box } } /* @end */ /* @group Footer ----------------------------------- */ .tmp.cornerstone .module#success-cases .success-cases-footer { margin: 40px 0 0 0; text-align: center; } @media ( min-width: 768px ) { .tmp.cornerstone .module#success-cases .success-cases-footer { margin: 90px 0 0 0 } } /* @end */ /* ----------------------------------------------------------------------------- * Breadcrumbs */ .tmp.dictionary #breadcrumbs.module { position: relative; } /* ----------------------------------------------------------------------------- * Hero */ .tmp.dictionary .module#hero { margin: 0; margin-top: 40px; top: 0; } .tmp.dictionary .module#hero .hero-section{ margin-bottom: 40px; } .tmp.dictionary .module#hero .hero-body { margin-bottom: 40px; padding: 0; } .tmp.dictionary .line { display: none } .tmp.dictionary .module#hero .hero-section strong { color: #ff495c; font-weight: 800; opacity: 1; } /* Responsiveness */ @media( min-width: 768px ) { .tmp.dictionary .module#hero .hero-body h1 { font-size: 48px; line-height: 56px; font-weight: 800; } .tmp.dictionary .module#hero .hero-body { padding: 0 80px; } } @media( min-width: 992px ) { .tmp.dictionary .module#hero { margin-top: 80px; } .tmp.dictionary .module#hero .hero-body { padding: 0 120px; } } /* ----------------------------------------------------------------------------- * Author */ .tmp.dictionary .module#author { font-size: 14px; color: #9999a7; padding-top: 0; } .tmp.dictionary .module#author .author-photo { overflow: hidden; margin: 0 auto 20px; width: 70px; height: 70px; border-radius: 50%; } .tmp.dictionary .module#author .author-photo img { margin: 0; height: 70px; width: auto; } .tmp.dictionary .line.line-x2 { display: none; } .tmp.dictionary .module#author .author-name { font-size: inherith; color: inherith; } .tmp.dictionary .module#author .author-position { margin-bottom: 0; } /* Responsiveness */ @media (min-width: 768px) { .tmp.dictionary .module#author { font-size: 16px; } } /* ----------------------------------------------------------------------------- * Content */ #content .content-wrapper #rich_text_content h2:first-child { margin-top: 0; } .content-wrapper p img, .hs-cta-wrapper img, div[itemscope] img { max-width: 100%; } @media (min-width: 768px) { #content .content-wrapper { padding-top: 80px; } } /* ----------------------------------------------------------------------------- * Form */ .tmp.dictionary #content .form-post-body { margin: 40px 0; padding: 40px; color: white; border-radius: 8px; background-color: #32334F; box-shadow: 0 10px 20px -10px rgba(0,0,0,.6); text-align: center; } .tmp.dictionary #content .form-post-body .form-title { display: block; margin: 0 0 30px 0; font-weight: 700; font-size: 18px; } .tmp.dictionary #content .form-post-body .form-title strong { color: white; display: block; } .tmp.dictionary #content .form-post-body .form-title:before { content: "\f0e0"; font-family: "Font Awesome 5 Pro"; display: block; font-weight: 300; font-size: 24px; margin-bottom: 5px; color: white; } .tmp.dictionary #content .form-post-body .hs-form { position: relative; max-width: 500px; margin: 0 auto; } .tmp.dictionary #content .form-post-body .hs-email > label { display: none; } .tmp.dictionary #content .form-post-body .actions .hs-button { padding-top: 14px; padding-bottom: 14px; border-radius: 0px 3px 3px 0px; position: absolute; top: 0px; right: 0px; font-size: 17px; line-height: normal; } .tmp.dictionary #content .form-post-body .inputs-list { margin-bottom: 0px; } .tmp.dictionary #content .form-post-body a { color: white; } @media ( max-width: 575px ) { .tmp.dictionary #content .form-post-body .hs-email input { text-align: center; } .tmp.dictionary #content .form-post-body .actions .hs-button { position: relative; border-radius: 3px; margin-top: 20px; } } .services .wrapper { overflow: inherit; } .services .module#introduction .module-wrapper { padding-top: 30px; padding-bottom: 30px; margin: 0 auto; max-width: 768px; } .services .module#introduction .text-left { text-align: left; } .services .module#introduction .text-center { text-align: center; } .services .module#introduction .text-right { text-align: right; } .services .module#introduction .module-wrapper { padding-top: 60px; padding-bottom: 60px; } .services .module#introduction .module-wrapper p { color: #9999A7; font-size: 18px; line-height: 28px; } .services .module#contact-form { background-color: #F7F8F8; } .services .module#contact-form h2 { max-width: 768px; margin-left: auto!important; margin-right: auto!important; } .services .module#success-stories-homepage .success-stories-homepage-wrapper { padding: 40px 20px 0px 20px; } .services .module#success-stories-homepage .success-stories-homepage-wrapper h2 { margin-bottom: 0px !important; } @media ( min-width: 768px ) { .services .module#introduction .module-wrapper { padding-top: 90px; padding-bottom: 90px; } .services .module#introduction .module-wrapper p { font-size: 20px; line-height: 34px; } } @media ( min-width: 992px ) { .services-hubspot .section-wrapper { padding-bottom: 60px; } .services .module#success-stories-homepage .success-stories-homepage-wrapper { padding: 60px 60px 0 60px; } .services .module#success-stories-homepage .success-stories-homepage-logos { padding-top: 40px; } } /* @override https://test.inboundcycle.com/_hcms/raw-resource?* */ /* @group Wrapper ---------------------------- */ .module#content-blocks { z-index: unset !important } .module#content-blocks .content-blocks-item { position: relative; z-index: 1 !important; background-color: #fff } /* @end */ /* @group Header ----------------------------- */ .module#content-blocks .content-blocks-item hgroup { padding: 60px 16px 40px 16px; text-align: center; background: #F2F2F3; /* Old browsers */ background: -moz-linear-gradient(top, #F2F2F3 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #F2F2F3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #F2F2F3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .module#content-blocks .content-blocks-item hgroup h2 { max-width: 600px; margin: 0 auto; font-weight: 700 } @media ( min-width: 768px ) { .module#content-blocks .content-blocks-item hgroup { padding: 90px 16px 60px 16px } .module#content-blocks .content-blocks-item hgroup h2 { margin: 0 auto } } /* @end */ /* @group Content ---------------------------- */ .module#content-blocks .content-blocks-item .section-wrapper { position: relative; padding-top: 0; padding-bottom: 60px;} .module#content-blocks .content-blocks-item-content { display: flex; flex-wrap: wrap; max-width: 680px; margin: 0 auto } .module#content-blocks .content-blocks-item-content h3 { display: block; width: 100%; border-top: 1px solid #E6E6E9; padding-top: 42px; color: #32334F; font-weight: 700 } .module#content-blocks .content-blocks-item-content h4 { color: #32334F; margin: 24px 0 16px 0px; font-size: 17px; font-weight: 700 } .module#content-blocks .content-blocks-item-content-text { width: 100%; color: #9999A7; line-height: 28px; font-size: 16px; } .module#content-blocks .content-blocks-item-content-text p { margin: 16px 0; } .module#content-blocks .content-blocks-item-content-text p:last-child{ margin: 0; } .module#content-blocks .content-blocks-item-content-text ul { margin: 16px 0; } .module#content-blocks .content-blocks-item-content-text ul li { margin: 8px 0; } .module#content-blocks .content-blocks-item-content-text ul li:last-child{ margin: 0; } .module#content-blocks .content-blocks-card-wrapper{ z-index: 1; display: block; text-decoration: none; box-sizing: border-box; width: 48%; margin: 20px 0; } .module#content-blocks .content-blocks-item-content a:nth-child(odd){ margin-left: auto; } .module#content-blocks .content-blocks-card{ overflow: hidden; position: relative; display: flex; flex-direction: column; border-radius: 8px; background-color: #fff; box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 20%); height: 100%; } .module#content-blocks .content-blocks-card:hover{ box-shadow: 0px 20px 40px -20px rgba(0,0,0,0.5); } .module#content-blocks .content-blocks-card-heading{ display: block; position: relative; height: auto; } .module#content-blocks .content-blocks-card-image{ width: 100%; height: auto; min-height: 100px; background-color: #ebecec; object-fit: cover; object-position: center; } .module#content-blocks .content-blocks-card-content{ display: flex; padding: 15px 25px 20px; flex-direction: column; height: 70%; justify-content: space-between; } .module#content-blocks .content-blocks-card-title{ margin: 15px 0 0; font-size: 19px; line-height: 25px; color: #32334F; } .module#content-blocks .content-blocks-card-category{ color: #8b8f8e; font-size: 11px; font-weight: 600; text-transform: uppercase; line-height: 20px; letter-spacing: 2px; margin: 0; } .module#content-blocks .content-blocks-card-avatar{ position: absolute; bottom: -14px; right: 20px; width: 50px; height: 50px; border-radius: 50%; } .module#content-blocks .content-blocks-card-text{ color: #66667b; font-size: 15px; margin: 15px 0 20px; } .module#content-blocks .content-blocks-card-text strong{ color: #32334f; } .module#content-blocks .content-blocks-card-text p{ margin: 0; } .module#content-blocks .content-blocks-card-text ul{ margin: 15px 0; padding: 20px 25px; border-radius: 8px; list-style: none; background-color: #F2F2F3; } .module#content-blocks .content-blocks-card-text ul li{ margin: 0; border-bottom: 1px solid #CCCCD3; padding: 10px 0; font-size: 13px; line-height: 20px; } .module#content-blocks .content-blocks-card-text ul li:first-child{ padding-top: 0; } .module#content-blocks .content-blocks-card-text ul li:last-child{ margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .module#content-blocks .content-blocks-card-button{ margin-top: auto; } .module#content-blocks .content-blocks-card-button button{ text-decoration: none; background-color: #ff495c; padding: 18px 20px 16px 20px; border-radius: 8px; font-size: 16px; color: #fff; line-height: 20px; display: block; text-align: center; border: none; cursor: pointer; font-weight: 600; width: 100%; font-family: inherit } .module#content-blocks .content-blocks-card-button button:hover{ text-decoration: none; background-color: #d63848; } .module#content-blocks .content-blocks-item-grid { display: flex; flex-wrap: wrap; padding: 40px 0 60px ; justify-content: center } .module#content-blocks .content-blocks-item-hubspot { width: 100%; height: auto; max-width: 176px; margin: 20px auto } .module#content-blocks .content-blocks-item-grid-video { width: 48%; padding: 1% } .module#content-blocks .button-wrapper { padding-top: 20px; } .module#content-blocks .button-wrapper.center { text-align: center } @media ( max-width: 767px ) { .module#content-blocks .content-blocks-item .section-wrapper { padding-bottom: 16px} .module#content-blocks .content-blocks-card-wrapper{ width: 100%; margin: 20px auto; } .module#content-blocks .content-blocks-card-image{ max-height: 200px; } } @media ( min-width: 768px ) { .module#content-blocks .content-blocks-item-hasvideo .content-blocks-item-content { padding-right: 30px; margin-right: 320px } .module#content-blocks .content-blocks-item-content h3:first-child { margin-top: 0 } .module#content-blocks .content-blocks-item-grid-video { width: 31.333%; padding: 1% } } @media ( min-width: 992px ) { .module#content-blocks .content-blocks-item-hasvideo .content-blocks-item-content { width: auto; padding-right: 60px; margin-right: 480px } } /* @end */ /* @group Video ------------------------------- */ .module#content-blocks .content-blocks-item-video-thumbnail { overflow: hidden; position: relative; width: 420px; max-width: 100%; max-height: 250px; margin: 0 auto; text-align: center; border-radius: 8px; background-position: center; background-size: cover; display: flex; justify-content: center; background-color: black; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .module#content-blocks .content-blocks-item-video-thumbnail img { float: left; max-width: 100%; max-height: 250px; } .module#content-blocks .content-blocks-item-video-thumbnail:hover { box-shadow: 0px 20px 40px -20px rgba(0,0,0,0.8); -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } .module#content-blocks .content-blocks-item-video-thumbnail-caption { display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease } .module#content-blocks .content-blocks-item-video-thumbnail:hover .content-blocks-item-video-thumbnail-caption { background-color: rgba(0,0,0,0.2); -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease } .module#content-blocks .content-blocks-item-video-thumbnail-caption i { display: inline-block; top: 50%; margin-top: -22px; position: absolute; margin-left: -20px; color: #ffffff; text-shadow: 0px 0px 20px rgba(0,0,0,1) } .module#content-blocks .content-blocks-item-video-thumbnail-caption i.fas { display: none } .module#content-blocks .content-blocks-item-video-thumbnail:hover i.fal { display: none } .module#content-blocks .content-blocks-item-video-thumbnail:hover i.fas { display: inline-block } @media ( min-width: 768px ) { .module#content-blocks .content-blocks-item-video { float: right; position: -webkit-sticky; position: sticky; top: 120px } .module#content-blocks .content-blocks-item-video-thumbnail { width: 320px } } @media ( min-width: 992px ) { .module#content-blocks .content-blocks-item-video-thumbnail { width: 480px } } /* @end */ #blog-listing.module .blog-listing-item-title{ color: #32334F; font-weight: 700; margin-bottom: 8px; } #blog-listing.module .blog-listing-item-featured .blog-listing-item-title{ font-size: 28px; margin-bottom: 16px; } #blog-listing.module .blog-listing-item-content{ padding: 8px 20px 20px; } #blog-listing.module .blog-listing-item-featured .blog-listing-item-content{ padding: 16px 32px 32px; } #blog-listing.module .blog-listing-item-category{ color: #9999A7; } #blog-listing.module .blog-listing-item-featured .blog-listing-item-author{ font-size: 15px; } #blog-listing.module .blog-listing-item-author{ color: #9999A7; font-size: 14px; } #blog-listing.module .blog-listing-item-avatar{ background-color: #e6eff1; } #blog-listing.module .blog-listing-item-featured{ margin-top: 0; } .blog-listing__featured-categories { margin: 0 auto; padding: 60px 20px; width: 100%; } .blog-listing__featured-categories-heading { margin: 0 0 60px 0; text-align: center; } .blog-listing__featured-categories-heading h3 { margin: 0; } .blog-listing__featured-categories-listing { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; max-width: max-content; margin: 0 auto; } .blog-listing__featured-categories-item-link { display: flex; padding: 20px 30px; color: #66667B; text-align: center; font-size: 16px; font-weight: 600; line-height: 20px; text-decoration: none; border-radius: 8px; box-sizing: border-box; background-color: #F2F2F3; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } .blog-listing__featured-categories-item-link:hover { color: #32334F; background-color: #E6E6E9; } .blog-listing__featured-categories-item-label { flex: 1; } .blog-listing__featured-categories-item-tag { margin: 0 15px 0 -10px; width: 4px; border-radius: 2px; } .blog-listing__featured-categories-item-tag--1 { background-color: #483FC1; } .blog-listing__featured-categories-item-tag--2 { background-color: #FFBA7F; } .blog-listing__featured-categories-item-tag--3 { background-color: #AE58FF; } .blog-listing__featured-categories-item-tag--4 { background-color: #98FF96; } .blog-listing__featured-categories-item-tag--5 { background-color: #FF75A9; } .blog-listing__featured-categories-item-tag--6 { background-color: #FFE58D; } .blog-listing-category{ margin: 0; padding: 21px 10px; } .blog-listing-popular-articles-title{ margin-top: 0; padding: 0 10px; } @media (min-width: 768px) and (max-width: 930px) { #blog-listing.module .blog-listing-item-avatar{ bottom: -10px; width: 45px; height: 45px; } } @media (min-width: 576px){ .blog-listing-popular-articles{ margin-top: 0; padding: 0 10px; } .blog-listing-category{ padding: 32px 10px; } } @media (min-width: 578px){ #blog-listing.module .blog-listing-item-wrapper, #blog-listing.module .blog-listing-item-cta { width: 50%; } #blog-listing.module .blog-listing-item-featured { width: 50% !important; } } @media (max-width: 767px) { #blog-listing.module .blog-listing-item-featured .blog-listing-item-title{ font-size: 27px; } .blog-listing__featured-categories.odd{ display: none; } } @media (min-width: 768px) { .blog-listing__featured-categories.even{ display: none; } .blog-listing__featured-categories-listing { grid-template-columns: repeat(3, 1fr); } .blog-listing__featured-categories { width: unset; } .blog-listing__featured-categories-listing { max-width: unset; margin: unset; } #blog-listing.module .blog-listing-item-wrapper, #blog-listing.module .blog-listing-item-cta { width: 33.333333% } #blog-listing.module .blog-listing-item-featured{ margin-top: -260px; } }