/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); */ @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css'); /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BlackItalic.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BlackItalic.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BlackItalic.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BlackItalic.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Black.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Black.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Black.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Black.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BoldItalic.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BoldItalic.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BoldItalic.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BoldItalic.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Bold.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Bold.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Bold.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Bold.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBoldItalic.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBoldItalic.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBoldItalic.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: url('Muli-ExtraBold.eot'); src: url('Muli-ExtraBold.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBold.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBold.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLightItalic.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLightItalic.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLightItalic.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLight.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLight.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLight.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLight.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Regular.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Regular.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Regular.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Regular.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Light.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Light.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Light.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Light.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Italic.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Italic.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Italic.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Italic.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-LightItalic.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-LightItalic.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-LightItalic.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-LightItalic.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBold.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBold.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBold.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Muli'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBoldItalic.eot'); src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBoldItalic.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBoldItalic.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/Muli/Muli-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Purpose First'; src: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/PurposeFirst.eot'); src: url(https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/PurposeFirst.eot?#iefix%27) format('embedded-opentype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/PurposeFirst.woff2') format('woff2'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/PurposeFirst.woff') format('woff'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/PurposeFirst.ttf') format('truetype'), url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/Fonts/PurposeFirst.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* 1a. Containers */ /* 1b. Breakpoints */ /* 1c. Colors */ /* 1d. Typography */ /* 1g. Lists */ /* 1h. Horizontal Rule */ /* 1i. Blockquote */ /* 1j. Buttons */ /* 1k. Forms */ /* 1l. Tables */ /* 1m. Site Header */ /* 1n. Site Footer */ /* 1o. Blog */ .content-wrapper { max-width: 1152px; } .content-wrapper{ padding-left:20px; padding-right:20px; } .content-wrapper--narrow { max-width: 818px; } .dnd-section, .content-wrapper--blog-index, .content-wrapper--blog-post { padding: 70px 20px; } .dnd-section > .row-fluid { max-width: 1152px; } html { font-size: 18px; line-height: 1.44; font-size: 100%; -webkit-text-size-adjust: 100%; font-variant-ligatures: none; -webkit-font-variant-ligatures: none; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; } body { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #f5f4f1; color: #444444; font-size: 18px; line-height:1.44; letter-spacing: 0; overflow-x:hidden; opacity:0; } body.loaded{opacity:1;} /* Paragraphs */ p.lead, p.intro { font-size: 1.25rem; } /* Anchors */ a { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #d6413e; } a:hover, a:focus { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; } a:active { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #727272; } a.button:disabled { background-color: #666666; } /* Headings */ h1,pre {font-family: 'Purpose First' !important;} h1, h2, h3, h4, h5, h6 { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #444444; text-transform: none; } h1,.h1 { font-family: 'Permanent Marker', cursive; font-style: normal; font-weight: 400; text-decoration: none; color: #fff; font-size: 80px; letter-spacing: 0px; text-transform: uppercase; line-height:0.85; } h2,.h2 { font-family: Muli, sans-serif; font-style: normal; font-weight: 800; text-decoration: none; color: #222222; font-size: 48px; letter-spacing: 0px; text-transform: none; line-height:1.25; font-size: 40px; } h3,.h3 { font-family: Muli, sans-serif; font-style: normal; font-weight: 800; text-decoration: none; color: #222222; font-size: 40px; letter-spacing: 0px; text-transform: none; line-height:1.2; font-size: 32px; } h4,.h4 { font-family: Muli, sans-serif; font-style: normal; font-weight: 800; text-decoration: none; color: #222222; font-size: 32px; letter-spacing: 0px; text-transform: none; line-height:1.25; } h5,.h5 { font-family: Muli, sans-serif; font-style: normal; font-weight: 800; text-decoration: none; color: #222222; font-size: 24px; letter-spacing: 0px; text-transform: none; line-height:1.67; } h6,.h6 { font-family: Muli, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; color: #222222; font-size: 18px; letter-spacing: 0px; text-transform: none; line-height:1.44; } /* Lists */ ul, ol { margin: 1.5rem 0; padding-left: 1.5rem; } ul li, ol li { margin: 0.75rem; } ul ul, ol ul, ul ol, ol ol { margin: 1.5rem; } /* Blockquote */ blockquote { border-left: 4px solid #222222; padding-left: 1.5rem; } /* Horizontal Rules */ hr { border-bottom-color: #666666; } .subTitleStyle{ font-size:20px; } small{ font-size:16px; line-height: 1.5;letter-spacing: 0.02em; } .header a:not(.button), .header span, .header div, .header blockquote { /* color: #FFFFFF; */ color: #222; } .button { margin:0; } /* Primary Button */ button,.button.primary-btn a, a.button.primary-btn, .button a,a.button,a.hs-button,.cta_button{ font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(255, 221, 0, 1.0) ; border: 2px solid #ffdd00; border-radius: 4px; color: #222222; fill: #222222; font-size: 16px; padding: 8px 30px; text-transform: none; display:inline-block; text-align:center; line-height:1.5; letter-spacing: 0 !important; } button:disabled, .button a:disabled, a.button:disabled, button:disabled:hover, .button a:disabled:hover, a.button:disabled:hover, button:disabled:focus, .button a:disabled:focus, a.button:disabled:focus, button:disabled:active, .button a:disabled:active, a.button:disabled:active { background-color: #666666 !important; border-color: #666666 !important; color: #666666 !important; } .button--simple:disabled, .button--simple:disabled:hover, .button--simple:disabled:focus, .button--simple:disabled:active { background-color: transparent !important; } button:hover, button:focus, .button a:hover, a.button:hover, .cta_button:hover, a.hs-button:hover, .button a:focus, .cta_button:focus, a.button:focus, a.hs-button:focus, button:active, .button a:active, .cta_button:active, a.button:active, a.hs-button:active, .button.primary-btn a:hover, .button.primary-btn a:focus, .button.primary-btn a:active, a.button.primary-btn:hover, a.button.primary-btn:focus, a.button.primary-btn:active { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(255, 221, 0, 0.0) ; border: 2px solid #ffdd00; color: #ffdd00; } button:active, a.button:active, .button a:active, .cta_button:active, a.hs-button:active, .button.primary-btn a:active, a.button.primary-btn:active, { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(255, 221, 0, 0.0) ; border: 2px solid #ffdd00; border-color: #ffdd00; color: #ffdd00; } /* Secondary Button */ .button.secondary-btn a,form input[type='submit'],form .hs-button, a.button.secondary-btn, .ias-trigger-next a { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(255, 255, 255, 0.0) ; border: 1px solid #222222; border-radius: 4px; color: #222222; font-size: 16px; fill: #222222; padding: 9px 24px; text-transform: none; min-width: 146px; text-align: center; } .button.secondary-btn a:hover, .button.secondary-btn a:focus, .button.secondary-btn a:active, a.button.secondary-btn:hover, a.button.secondary-btn:focus, a.button.secondary-btn:active, .ias-trigger-next a:hover, form input[type='submit']:hover, form input[type='submit']:focus, form .hs-button:hover, form .hs-button:focus { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(34, 34, 34, 1.0) ; border: 1px solid #222222; color: #FFFFFF; fill: #FFFFFF; } .button.secondary-btn a:active, a.button.secondary-btn:active { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(34, 34, 34, 1.0) ; border: 1px solid #222222; border-color: #727272; color: #FFFFFF; } /* Tertiary Button */ .button.tertiary-button a, a.button.tertiary-button { background-color: rgba(255, 221, 0, 0.0) ; border: 1px solid #fffefe; border-radius: 4px; color: #fffefe; fill: #fffefe; font-size: 16px; padding: 9px 24px; text-transform: none; } .button.tertiary-button a:hover, .button.tertiary-button a:focus, .button.tertiary-button a:active, a.button.tertiary-button:hover, a.button.tertiary-button:focus, a.button.tertiary-button:active { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(255, 254, 254, 1) ; border: 1px solid #fffefe; color: #222222; fill: #222222; } .button.button-tertiary a:active, a.button.button-tertiary:active { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(255, 255, 255, ); border: 1px solid #fffefe; border-color: #ffffff; color: #727272; fill: #727272; } /* End Tertiary Button */ /* Button Sizing */ .button.button--small { font-size: 16px; padding: 9px 24px; } .button.button--large a, a.button.button--large, .button.button--large.button--secondary a, a.button.button--large.button--secondary, .button.button--large.button--secondaryInverted a, a.button.button--large.button--secondaryInverted, .button.button--large.button--tertiary a, a.button.button--large.button--tertiary{ font-size: ; padding: ; } .ias-trigger-next a { margin-top: 60px; display: inline-block; } /* .miniButton a {width: 42px;height: 42px;background-color: #e84242;display: block;border-radius: 50%;text-align: center;line-height: 40px;border: 2px solid #e84242;} .miniButton a svg {width: 16px;} .miniButton a:hover{background-color: #D4391C;border-color:#D4391C;} .miniButton a:hover svg path {stroke: #e84242;} .miniButton a:active{background-color: #D4391C; border-color:#e84242;} .miniButton a svg path {fill: #fff;stroke: #D4391C; transition:all ease 0.3s;} .miniButton.accentGreenBtn a{background-color: #e84242;border: 2px solid #e84242;} .miniButton.accentGreenBtn a:hover{background-color:#00D759;border: 2px solid #00D759;} .miniButton.accentGreenBtn a:hover svg path{stroke: #e84242;} .miniButton.accentGreenBtn a:active{background-color: #00D759; border-color:#87FFA0;} .miniButton.accentGreenBtn a:focus{background-color: #00d759; border-color:#87FFA0;} */ form { background-color: rgba(255, 255, 255, 0.0) ; border: 2px solid ; border-radius: 0px; padding: 32px 0px; padding-bottom: 0; } .hs-form-field { margin-bottom: 1.4rem; } /* Form Title */ .form-title { font-family: Muli, sans-serif; font-style: normal; font-weight: 800; text-decoration: none; background-color: rgba(34, 34, 34, 0.0) ; border: 2px none #222222; border-top-left-radius: 0px; border-top-right-radius: 0px; color: #222222; font-size: 40px; padding: 32px 32px; text-transform: none; } /* Labels */ .hs-form-field > label, .hs-form-field > label span { font-family: Muli, sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #222222; font-size: 18px; padding: 5px 0px; display: inline-block; text-transform:none; letter-spacing:0; } /* Help Text - Legends */ .hs-form-field legend { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #444444; font-size: 15px; } /* Inputs */ input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], select, textarea { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: rgba(255, 255, 255, 1.0) ; border: 1px solid rgba(214, 65, 62, 1.0) ; border-radius: 4px; color: #666666; font-size: 16px; padding: 11px 20px; width:100% !important; outline: none !important; } input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='number']:focus, select:focus, textarea:focus{ border-color:#e84242; /* box-shadow:0px 1px 2px rgba(68, 68, 68, 0.05), 0px 0px 0px 4px #e84242; */ } input[type='text']:active, input[type='email']:active, input[type='password']:active, input[type='tel']:active, input[type='number']:active, select:active, textarea:active{ border-color:#e84242; box-shadow:none; } input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='number'], textarea{ -webkit-appearance: none; } .multiStepForm input[type='text'],.multiStepForm input[type='email'],.multiStepForm input[type='password'],.multiStepForm input[type='tel'],.multiStepForm input[type='number'],.multiStepForm select,.multiStepForm textarea { padding: 11px 20px; } .multiStepForm input[type='text'], .multiStepForm input[type='email'], .multiStepForm input[type='password'], .multiStepForm input[type='tel'], .multiStepForm input[type='number'], .multiStepForm select, .multiStepForm textarea { border: 1px solid rgba(214, 65, 62, 1.0); } .multiStepForm input[type='text']:focus, .multiStepForm input[type='email']:focus, .multiStepForm input[type='password']:focus, .multiStepForm input[type='tel']:focus, .multiStepForm input[type='number']:focus, .multiStepForm select:focus, .multiStepForm textarea:focus{ border: 1px solid rgba(214, 65, 62, 1.0); box-shadow: 0 0 4pt -0.5pt #d6413e; } .multiStepForm input[type='text']:active, .multiStepForm input[type='email']:active, .multiStepForm input[type='password']:active, .multiStepForm input[type='tel']:active, .multiStepForm input[type='number']:active, .multiStepForm select:active, .multiStepForm textarea:active{ border: 1px solid rgba(214, 65, 62, 1.0); } .multiStepForm .hs-fieldtype-select .input::after { display:none; } ::-webkit-input-placeholder { color: #666666; } ::-moz-placeholder { color: #666666; } :-ms-input-placeholder { color: #666666; } :-moz-placeholder { color: #666666; } ::placeholder { color: #666666; } /* Inputs - Checkbox/Radio */ form .inputs-list:not(.no-list) label, form .inputs-list:not(.no-list) label > span, form .inputs-list:not(.no-list) label > span p { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #444444; font-size: 18px; z-index:0; } /* Inputs - Datepicker */ .fn-date-picker td.is-today .pika-button { color: #e84242; } .hs-datepicker .is-selected button.pika-button { background-color: #e84242; } .hs-datepicker button.pika-button:hover { background-color: #222222 !important; } /* Form Rich Text */ form .hs-richtext, form .hs-richtext *, form .hs-richtext p, form .hs-richtext h1, form .hs-richtext h2, form .hs-richtext h3, form .hs-richtext h4, form .hs-richtext h5, form .hs-richtext h6 { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #444444; } /* GDPR Text */ .legal-consent-container, .legal-consent-container .hs-richtext, .legal-consent-container .hs-richtext p { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #444444; font-size: 18px; font-size: 10px; line-height: 12px;} form .inputs-list>li.hs-form-booleancheckbox { margin: 10px 0;} form .legal-consent-container .inputs-list:not(.no-list) label>span { font-size: 14px; } /* Validation */ .hs-input.invalid.error { border-color: #D4391C; } .hs-error-msg { color: #D4391C; } /* Submit */ form input[type='submit'], form .hs-button{ cursor: pointer; transition: all ease 0.3s; line-height:1.5; } form input[type='submit'], form .hs-button { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(255, 255, 255, 0.0) ; border: 1px solid #222222; border-radius: 4px; color: #222222; fill: #222222; padding: 8px 15px;; text-transform: none; width:auto; display:inline-block; letter-spacing:0; background-size: 5px auto; background-position: center right 23px; background-repeat: no-repeat; min-width: 109px; } form input[type='submit']:hover, form input[type='submit']:focus, form .hs-button:hover, form .hs-button:focus { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(34, 34, 34, 1.0) ; border: 1px solid #222222; color: #FFFFFF; fill: #FFFFFF; } form input[type='submit']:active, form .hs-button:active { font-family: Roboto, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; background-color: rgba(114, 114, 114, 100); border: 1px solid #222222; border-color: #727272; color: #ffffff; fill: #ffffff; } form input[type='submit'], form .hs-button { font-size: 16px; padding: 9px 15px; } /* Inline Thank You Message */ .submitted-message { } form .input { margin-right: 0!important;} form fieldset { max-width: inherit!important; /* margin: 0 -10px!important; */ } form .field { padding: 0 0 18px;} /* form fieldset .field { padding-left: 10px; padding-right: 10px;} */ form ul.multi-container { padding-top: 10px;} .multiStepForm form ul.multi-container { padding-top: 0px; } form ul.multi-container li { margin: 5px 0;} .multiStepForm form ul.multi-container li { width: auto; margin: 0 !important; } .multiStepForm span.hs-form-required { color: #d6413e !important; } form .field>label { margin-bottom: 0px; display: block; line-height: normal;} textarea { min-height: 125px; border-radius:0 30px 0 0;} .hs-form-field { margin-bottom: 0;} .hs-error-msgs { list-style: none; margin: 10px 0 10px; padding: 0 0 0 10px; font-size: 12px;} form fieldset input.hs-input[type=checkbox] { width: auto !important;} form fieldset input.hs-input[type=radio] { width: auto !important;} form .field { display: flex; flex-wrap: wrap; width: 100%;} form .field > label + legend { order: 3;} .hs-form-field .input { display: table; width: 100%; margin: 0 !important; } .hs-error-msgs { position: relative; } .hs-error-msgs li label{ font-size: 13px; line-height: 1.07; color: #DA0000; position:relative; top:3px; } .hs-error-msgs li{ list-style-type:none; margin: 0; } .hs-form-checkbox{ width:100%; float:left; list-style-type:none;} .hs-form-radio{ width:100%; float:left; list-style-type:none; } .hs-form-checkbox input, .hs-form-radio input{ margin-right: 27px; } form .hs-richtext, form .hs-richtext p { text-align: left; font-size: 14px; line-height: 1.3; margin-bottom: 10px; color:#d6413e; } form{ max-width:100%; width:100%; float: none !important; padding-top: 20px; } form legend{ color:#8B8B8B; font-size:18px; margin-bottom: 0; } .legal-consent-container .hs-form-booleancheckbox-display>span p, .legal-consent-container .hs-form-booleancheckbox-display>span { font-size: 10px; line-height:12px; color:#d6413e;line-height: normal; margin-left: 0 !important; } ul.no-list.hs-error-msgs.inputs-list {padding: 0; margin: 0; line-height: normal;} /* Form Two Col Section */ .form-columns-2 , .form-columns-1 {max-width:100% !important;} /* form fieldset.form-columns-1 .field, form fieldset.form-columns-1 .hs-input { width: 100%!important;} form fieldset.form-columns-2 .field { width: 50%!important;} form fieldset.form-columns-3 .field { width: 33.33%!important;} */ .form-columns-2 > div { width: 48.5% !important; } .form-columns-2 > div:first-child{float:left !important;} .form-columns-2 > div:last-child{float:right !important;} /* Radio Button Style */ .hs-form-radio label.hs-form-radio-display {font-size: 16px; margin-bottom: 0; } .hs-form-radio-display .hs-input { display: none; } .hs-form-radio label.hs-form-radio-display input+span{ position:relative; display:inline-block; padding: 9px 25px; color:#222222; font-size: 17px; line-height: 1.294; text-align: center; text-transform: lowercase; } .hs-form-radio label.hs-form-radio-display input+span:before {width: 100%; height: 100%; content: ''; border: 2px solid #d6413e; background-color: transparent; display: inline-block; border-radius: 19.5px; margin-right: 0; transition: .5s ease all; position: absolute; left: 0; top: 0; z-index: -1; } .hs-form-radio label.hs-form-radio-display input:checked+span:before{ background-color:#d6413e; border-color:#d6413e; } .hs-form-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: 0; width: 0; height: 0; background-color: #f5f4f1; top: 10px; border-radius: 100%; transition: .5s ease all; } .hs-form-radio label.hs-form-radio-display input:checked+span{color:#FFFFFF;} .multiStepForm .hs-form-radio label.hs-form-radio-display input+span { margin-right: 9px; margin-bottom:9px; } /* Checkbox Style */ /* .hs-form-checkbox:not(:last-child){margin-bottom:29px;} */ .hs-form-checkbox label.hs-form-checkbox-display { font-size: 16px; font-weight: 500; text-transform: inherit;display:flex;flex-wrap:wrap; margin-bottom: 0; } .hs-form-checkbox-display .hs-input { display: none; } .hs-form-checkbox label.hs-form-checkbox-display input+span{display:flex;position:relative; padding-left: 26px; font-size: 18px; } .hs-form-checkbox label.hs-form-checkbox-display input+span:before { width: 16px; height: 16px; content: ''; border: 1px solid #444444; background-color: transparent; display: inline-block; margin-right: 13px; transition: .5s ease all; position: absolute; left: 0; top: 3px; font-size: 0; border-radius:4px; } .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before{background-color:#666666; border-color:#666666; } /* body_color */ .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after { content: '\f00c'; font-family: FontAwesome; position: absolute; left: 3px; top: 4px; width: auto; height: auto; background-color: transparent; border-radius: 100%; transition: .5s ease all; color:#f5f4f1; font-size: 10px; } .hs-form-checkbox label.hs-form-checkbox-display input:checked+span{color:#666666;} li.hs-form-booleancheckbox:not(:last-child){margin-bottom:29px;} li.hs-form-booleancheckbox label.hs-form-checkbox-display { font-size: 14px; font-weight: 700; text-transform: uppercase;display:flex;flex-wrap:wrap; } .hs-form-booleancheckbox-display .hs-input { display: none; } li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span{display: flex; position: relative; padding-left: 13px; font-size: 16px; } ul.inputs-list {list-style-type: none;} li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 16px; height: 16px; content: ''; border: 1px solid #444444; background-color: transparent; display: inline-block; margin-right: 10px; transition: .5s ease all; position: absolute; left:-10px; top: 6px; font-size: 0; border-radius:4px; } /* li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before{background-color:#111d33;} */ /* li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { content: ''; display: block; position: absolute; top: 7px; left: -6px; width: 6px; height: 11px; border: solid #ffffff; border-width: 0 1px 1px 0; transform: rotate(45deg);} */ form .legal-consent-container li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after {content: '\f00c'; font-family: FontAwesome; position: absolute; left: -7px; top: 9px; width: auto; height: auto; background-color: transparent; border-radius: 100%; transition: .5s ease all; color: #f5f4f1; font-size: 10px;} li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before{border-color:#666666;background-color:#666666;} li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after {content: '\f00c'; font-family: FontAwesome; position: absolute; left: -7px; top: 9px; width: auto; height: auto; background-color: transparent; border-radius: 100%; transition: .5s ease all; color: #f5f4f1; font-size: 10px;} form .inputs-list>li { margin: 0 0 10px 0; } .legal-consent-container li.hs-form-booleancheckbox { padding-left: 10px;} span.hs-form-required { margin: 0; } .legal-consent-container .hs-form-booleancheckbox-display>span{padding:7px 0;} .legal-consent-container ul.inputs-list { padding: 0; list-style-type: none; } .legal-consent-container .field.hs-form-field { margin-bottom: 0; } .hs-fieldtype-booleancheckbox { padding: 0 !important; } /* .hs-form-required { display: none !important;} */ .hs-form select { -webkit-appearance: none; background-image: url(https://nextlevel.inbnd.nl/hubfs/Cuex_theme_assets_Oct-21/images/down-arrow%20%281%29.png); background-repeat: no-repeat; background-size: 13px; background-position: center right 20px; padding-right: 40px; } /* Contact Form */ .formResetStyling form { background-color: transparent; border-color: transparent; border-radius: 0; padding: 0; border: none;} .formResetStyling h3 { padding: 0;} .formResetStyling form .field>label { padding: 0; margin: 0;} form .legal-consent-container .inputs-list label.hs-form-booleancheckbox-display span p { font-size: 14px !important; } form .legal-consent-container .inputs-list>li.hs-form-booleancheckbox { margin: 0; } /* form .hs_submit.hs-submit { margin-top: 20px; } */ .legal-consent-container .hs-error-msgs label {color: #DA0000 !important;} form .hs-fieldtype-intl-phone.hs-input select {padding-right: 40px;} @media(max-width:991px){ } @media(max-width:767px){ li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span{margin-left: 0px !important;} form fieldset.form-columns-2 .field,form fieldset.form-columns-3 .field{width:100% !important;} .hs-form-checkbox label.hs-form-checkbox-display input+span, .hs-form-radio label.hs-form-radio-display input+span { font-size: 16px; } textarea { min-height: 100px; } .legal-consent-container, .legal-consent-container .hs-richtext, .legal-consent-container .hs-richtext p, form .inputs-list:not(.no-list) label, form .inputs-list:not(.no-list) label>span, form .inputs-list:not(.no-list) label>span p { font-size: 14px; } /* li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 14px; height: 14px; } */ /* li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { font-size: 10px; } */ .legal-consent-container, .legal-consent-container .hs-richtext, .legal-consent-container .hs-richtext p { font-size: 10px; line-height: 12px;} form .inputs-list>li.hs-form-booleancheckbox { margin: 10px 0;} form .legal-consent-container .inputs-list:not(.no-list) label>span { font-size: 14px;} /* li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { top: 1px; left: -16px;} */ /* li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { top: 3px; left: -14px;} */ } table { background-color: ; border: ; } th, td { border: ; color: ; padding: ; } thead th, thead td { background-color: ; border-bottom: ; color: ; } tbody + tbody { border-top: ; } tfoot td { background-color: ; color: ; } .header { background-color: rgba(255, 255, 255, 0.0) ;} /* .headerSticky.header { background-color: #222222; border-bottom: ; } */ .header__container-inner-wrapper { max-width: 1152px; } /* .header { position: fixed; top: 0; width: 100%; z-index: 9999999; } */ /* Header content */ /* ul.hs-menu-children-wrapper .hs-menu-depth-2 a { color: #222222; } */ .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6 { color:#222222 } /* Header modules */ .header .icon svg { fill: #FFFFFF; } .whiteheader ul.hs-menu-children-wrapper .hs-menu-depth-2 { color: #222222; } .footer__container--static, .footer__container .dnd-section { max-width: 1152px; } /* Footer Content */ .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{ color: #222222; } /* Footer Menu */ .footer .hs-menu-wrapper ul { margin:0; padding:0; list-style-type:none; flex-direction: column; } .footer .hs-menu-wrapper a { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #222222; font-size: 18px; text-transform: none; } .footer .hs-menu-wrapper a:hover, .footer .hs-menu-wrapper a:focus { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #e84242; } .footer .hs-menu-wrapper li { margin:0; } .footer .hs-menu-wrapper li:not(:first-of-type) { padding-top: 13px; } .footer .hs-menu-wrapper a:active { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #e84242; } .footer .footerLowerNavigation .hs-menu-wrapper ul li a{ color:#B1B2B0; font-size:14px; } .footer .footerLowerNavigation .hs-menu-wrapper ul li a:hover{ color: #e84242; } /* Blog Listing */ .blog-index__post-title, .blog-index__post-title a{ font-weight:800; font-family: 'Muli',sans-serif; } .blog-index__post-title, .blog-index__post-title a, .blog-index__author-name, .blog-index__author-name a, .blog-index__date, .blog-index__post-summary { color: #222222; } .blog-filter { background-color: ; color: ; } .blog-filter, body .blog-tag-filter__title, body .blog-tag-filter__select, body .blog-tag-filter__select-wrapper:after, .blog-filter form input, .blog-filter ul.hs-search-field__suggestions li, .blog-filter ul.hs-search-field__suggestions li a { color: ; } body .blog-tag-filter__select, .blog-filter form input, .blog-filter ul.hs-search-field__suggestions li, .blog-filter ul.hs-search-field__suggestions li a { background-color: ; } .blog-filter form input::placeholder { background-color: ; color: ; } .blog-filter form input::-moz-placeholder { background-color: ; color: ; } .blog-filter form input:-ms-input-placeholder { background-color: ; color: ; } /* Blog Tags */ .blog-index__post-header, body .blog-related-posts__post-header { border-bottom-color: ; } .blog-index__topic, body .blog-related-posts__topic { background-color: ; } .blog-index__topic-link, .blog-index__topic-link:hover, .blog-index__topic-link:focus, .blog-index__topic-link:active, body .blog-related-posts__topic-link, body .blog-related-posts__topic-link:hover, body .blog-related-posts__topic-link:focus, body .blog-related-posts__topic-link:active, .header a.blog-related-posts__topic-link, .header a.blog-related-posts__topic-link:hover, .header a.blog-related-posts__topic-link:focus, .header a.blog-related-posts__topic-link:active { color: ; } /* Blog Pagination */ .blog-pagination__link { color: #bbbbbb; } .blog-pagination__prev-link svg, .blog-pagination__next-link svg { fill: #d6413e; width: 7px; } .blog-pagination__link:hover, .blog-pagination__link:focus,.blog-pagination__link--active { color: #222222; border-color: #222222; } .blog-pagination__link--active { pointer-events: none; } .blog-pagination__link:hover svg, .blog-pagination__link:focus svg { fill: #222222; } .blog-pagination__link--active { } /* Blog Post */ .blog-post-header { background-image: url(''); } .recentPostInfo .blog-post__tags a.blog-post__tag-link:not(:first-of-type) { margin-left: 4px; } /* Blog Updates */ .blogIndexDate h5,.blogIndexTopicLink {color:} .blogRecentPostTitle h2 a,.blogRecentPostTitle h2 a:hover{font-weight:600} .blogIndexPostTitle h3 a,.blogIndexTopic a,.blogIndexTopic,.blogRecentPostTitle h2 a{color:#e84242;} .blogIndexPostTitle h3 a:hover,.blogIndexTopic a:hover,.blogRecentPostTitle h2 a:hover{color:#d6413e;} .loadMoreBta.button a{background-color:; border-color:; color:#e84242;} .loadMoreBta.button a:hover{background-color:#e84242; border-color:#e84242; color:#222222} /* Blog Sharing Links */ .likeBtnBoxParentGrp {max-width: 800px;margin: 0 auto;} .sharingBtnRightSide {padding-left: 20px;} .sharingBtnRightSide ul {display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;} .nolistStyle.sharingBtnRightSide ul li {margin-right: 24px; line-height:1;} .nolistStyle.sharingBtnRightSide ul li a svg path{transition:all ease 0.3s;} .nolistStyle.sharingBtnRightSide ul li a:hover svg path {fill: #e84242;} .sharingBtnRightSide ul li svg {width: 24px; height:auto;} .sharingBtnRightSide ul li a svg path {fill: #222222;} /* Blog Index V2 */ .threeColBlogCustomPostWp .postCount:before{background-color:#f5f4f1;} .allArticlesListWp .outter .inner .date:after, .allArticlesListWpV2 .outter .inner .date:after, .threeColBlogCustomPostWpV2 .date:before, .threeColBlogCustomPostWpV3 .date:before, .threeColBoxOutter .date:before {background-color:#464646;} .miniButton.miniblueBg a{background-color:#222222;border-color:#222222;} .miniButton.miniblueBg a:hover,.allArticlesListWp .outter .inner:hover .miniButton a,.allArticlesListWpV2 .outter .inner:hover .miniButton a, .threeColBlogCustomPostWpV2 .outter .inner:hover .miniButton.miniblueBg a, .threeColBlogCustomPostWpV3 .outter .inner:hover .miniButton.miniblueBg a, .threeColBoxOutter .outter .inner:hover .miniButton.miniblueBg a{background-color:#e84242;border-color:#e84242;} .miniButton.miniblueBg a svg path{stroke: inherit;} .miniButton.miniblueBg a:hover svg path,.allArticlesListWp .outter .inner:hover .miniButton a svg path, .allArticlesListWpV2 .outter .inner:hover .miniButton a svg path, .threeColBlogCustomPostWpV2 .outter .inner:hover .miniButton.miniblueBg a svg path,.threeColBlogCustomPostWpV3 .outter .inner:hover .miniButton.miniblueBg a svg path, .threeColBoxOutter .outter .inner:hover .miniButton.miniblueBg a svg path {stroke: inherit;;} .postTagWp h5.tag a { color: #e84242;} .blogPostTitleHover h3 a { color: #222222;} .blogPostTitleHover h3 a:hover { color: #e84242;} @media(max-width:767px){ .sharingBtnRightSide {padding-left: 0;} .sharingBtnRightSide ul {justify-content: flex-start;} } /* Error Pages - Global */ .error-page:before { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #666666; } /* System Pages - Global */ .hs-search-results__title { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; color: #444444; } .hs-search-results__title:hover { font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; } /* Forms in System Pages */ #email-prefs-form h3 { font-size: 32px; } /* Password Prompt */ .password-prompt input[type='password'] { margin-bottom: 1.4rem; } /* Backup Unsubscribe */ .backup-unsubscribe input[type='email'] { margin-bottom: 1.4rem; padding: 11px 20px !important; } /* Blog Post Listing */ body .news-listing__header-icon > svg { fill: #222222; } /* Card */ body .icon-card__lower { border-top-color: #222222; } body .icon-card__icon { background-color: #222222; } /* Image Gallery */ body .image-gallery__selector:checked + .image-gallery__thumbnail { border-color: #222222; } /* Upcoming Events */ body .upcoming-events__header-icon > svg { fill: #222222; } .dnd-section.full-width-forcedd{padding:0!important} .dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important} body a.cta_button { box-sizing: border-box !important; display: inline-block; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;} img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; } .FullImageWidth img{width:100%;} a { text-decoration: none!important; transition: all ease .3s; -moz-transition: all ease .3s; -webkit-transition: all ease .3s; -o-transition: all ease .3s;} .font72,.font72 h1,.font72 h2 { font-size:72px; font-weight:800; font-family: "Muli",sans-serif; color:#222222; text-transform: unset;} .font14,.font14 .liContent { font-size:14px; line-height: 1.3; font-weight:400; font-family: "roboto",sans-serif; color:#222222; } .font24{font-size:24px;} .font16{font-size:16px;} .lineHeight12,.lineHeight12 h4,.lineHeight12 h5,.lineHeight12 h6{line-height:1.2} .lineHeight13,.lineHeight13 h4,.lineHeight13 h5,.lineHeight13 h6{line-height:1.3} .lineHeight14,.lineHeight14 h4,.lineHeight14 h5,.lineHeight14 h6{line-height:1.4} .lineHeight15,.lineHeight15 h4,.lineHeight15 h5,.lineHeight15 h6{line-height:1.5} .line-road1 span:after { background: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/LineRood1.svg'); content: ""; width: 100%; height: 30px; position: absolute; background-repeat: no-repeat; bottom: -21px; left: 0px; right: 0; z-index: -1; } .line-road1 h2 span { position: relative; } .line-road2 span:after { background: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/LineRood2.svg'); content: ""; width: 100%; height: 30px; position: absolute; background-repeat: no-repeat; bottom: -21px; left: 15px; right: 0; z-index: -1; } .line-road2 h2 span { position: relative; } .line-road3 h2 span:after { background: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/LineRood3.svg'); background-size: cover; content: ""; width: 100%; height: 20px; position: absolute; background-repeat: no-repeat; bottom: -9px; left: 0px; right: 0; transform: rotate(-1deg); z-index: -1; } .line-road3 h2 span { position: relative; } .formModule .line-road3 h2 span:after { bottom: -11px; left: 11px; } .TwoColModule .line-road3 h2 span:after { bottom: -12px; } .subtitle { font-size:12px; line-height:2;color:#666666; letter-spacing: 0.6px; text-transform: uppercase; } p { margin: 0;} *+h1, *+h2 { margin-top: 20px;} *+h3, *+h4 { margin-top: 20px;} *+h5, *+h6 { margin-top: 20px;} *+p { margin-top: 30px;} .extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6,.extrabold a { font-weight: 900;} .bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6,.bold p,.bold a { font-weight: 800;} .semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold a { font-weight: 600;} .medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium a { font-weight: 500;} .normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal a { font-weight: 400;} .light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6.light a { font-weight: 300;} .uppercase { text-transform: uppercase;} .text-center { text-align: center;} .text-right { text-align: right;} .text-left { text-align: left;} .text-capitalize { text-transform: capitalize;} .parallaxEffect{background-attachment:fixed} .bg, .overlay, .set-bg { background-size: cover; background-position: center; position: relative; background-repeat: no-repeat;} .bg.bgTop{background-position: top center;} .overlay { position: relative;} /* color(theme.footer.background_color) */ .overlay>* { position: relative; z-index: 2;} .whiteBg { background-color:;} .changeFooterBgColor .footerBg { background-color: #FFFFFF; } .primaryBg{background-color:rgba(34, 34, 34,1)} .secondaryBg{background-color:rgba(232, 66, 66,1)} .bodyBG{background-color:rgba(245, 244, 241,1)} /* Font Color */ .fontWhite,.fontWhite h1,.fontWhite h2,.fontWhite h3,.fontWhite h4,.fontWhite h5,.fontWhite h6,.fontWhite a{color:} .fontPrimary,.fontPrimary h1,.fontPrimary h2,.fontPrimary h3,.fontPrimary h4,.fontPrimary h5,.fontPrimary h6{color:#222222} .fontSecondary,.fontSecondary h1,.fontSecondary h2,.fontSecondary h3,.fontSecondary h4,.fontSecondary h5,.fontSecondary h6{color:#e84242} .listStyle ul, .nolistStyle ul { margin: 0; padding: 0; list-style: none;} .nolistStyle ul li{margin:0;} .listStyle *+ul { margin-top: 30px;} .listStyle ul li { padding-left: 25px; position: relative; } .listStyle ul li:before { position: absolute; left: 10px; font-weight: 400; top: 9px; font-size: 6px; content: '\f111'; font-family: fontAwesome; color: inherit; background-repeat: no-repeat; } .bodylistStyle.listStyle ul li:before{color:#444444;} ul { padding-left: 20px; margin:0;} .listStyle ul li + li{margin-top:15px;} * + ul,* + ol { margin-top: 30px;} .body-container-wrapper ul li,.body-container-wrapper ol li{list-style-position: outside;} .hs_error_rollup{display:none !important;} .fl { float: left;} .fr { float: right;} .ib{display:inline-block; vertical-align:middle; margin-right:-4px} .ib.vt { vertical-align: top!important;} .d-flex{display:flex; flex-wrap:wrap;} .d-none{display:none;} .flex-start{ align-items: flex-start;} .flex-center{align-items: center;} .flex-end{align-items: flex-end;} .w20 { width: 20%} .w25 { width: 25%} .w30 { width: 30%} .w33 { width: 33.33%} .w34 { width: 34%} .w35 { width: 35%} .w40 { width: 40%} .w42 { width: 42%} .w45 { width: 45%} .w50 { width: 50%} .w55 { width: 55%} .w58 { width: 58%} .w60 { width: 60%} .w65 { width: 65%} .w66 { width: 66%} .w66 { width: 66.66%} .w70 { width: 70%} .w75 { width: 75%} .w80 { width: 80%} .w100 { width: 100%} /*unique paddings*/ .pl0, .p0, .plr0 { padding-left:0; } .pl10, .p0-10 { padding-left:10px; } .pl12, .p0-12 { padding-left:12px; } .pl15, .p0-15 { padding-left:15px; } .pl20, .p0-20 { padding-left:20px; } .pl30 , .p0-30{ padding-left:30px; } .pr0, .p0, .plr0 { padding-right:0; } .pr10, .p0-10 { padding-right:10px; } .pr12, .p0-12 { padding-right:12px; } .pr15, .p0-15 { padding-right:15px; } .pr20, .p0-20 { padding-right:20px; } .pr30, .p0-30 { padding-right:30px; } .pt0, .p0, .ptb0 { padding-top:0; } .pb0,.p0, .ptb0 { padding-bottom:0;} .pb5,.p5-0{ padding-bottom:5px; } .pb10,.p10-0 { padding-bottom:10px; } .pb15,.p15-0 { padding-bottom:15px; } .pb20,.p20-0 { padding-bottom:20px;} .pb25,.p25-0 { padding-bottom:25px;} .pb30,.p30-0 { padding-bottom:30px;} .pb35,.p35-0 { padding-bottom:35px;} .pb40,.p40-0 { padding-bottom:40px; } .pb45,.p45-0 { padding-bottom:45px; } .pb50,.p50-0 { padding-bottom:50px; } .pb55,.p55-0 { padding-bottom:55px; } .pb60,.p60-0 { padding-bottom:60px; } .pb65,.p65-0 { padding-bottom:65px; } .pb70,.p70-0 { padding-bottom:70px; } .pb75,.p75-0 { padding-bottom:75px; } .pb80,.p80-0 { padding-bottom:80px; } .pb85,.p85-0 { padding-bottom:85px; } .pb90,.p90-0 { padding-bottom:90px; } .pb95,.p95-0 { padding-bottom:95px; } .pb100,.p100-0 { padding-bottom:100px; } .pb105,.p105-0 { padding-bottom:105px; } .pb110,.p110-0 { padding-bottom:110px; } .pb115,.p115-0 { padding-bottom:115px; } .pb120,.p120-0 { padding-bottom:120px; } .pb125,.p125-0 { padding-bottom:125px; } .pb130,.p130-0 { padding-bottom:130px; } .pb135,.p135-0 { padding-bottom:135px; } .pb140,.p140-0 { padding-bottom:140px; } .pb145,.p145-0 { padding-bottom:145px; } .pb150,.p150-0 { padding-bottom:150px; } .pb155,.p155-0 { padding-bottom:155px; } .pb160,.p160-0 { padding-bottom:160px; } .pb165,.p165-0 { padding-bottom:165px; } .pb170,.p170-0 { padding-bottom:170px; } .pb175,.p175-0 { padding-bottom:175px; } .pb180,.p180-0 { padding-bottom:180px; } .pb185,.p185-0 { padding-bottom:185px; } .pb190,.p190-0 { padding-bottom:190px; } .pb200,.p200-0 { padding-bottom:200px; } .pb205,.p205-0 { padding-bottom:205px; } .pb210,.p210-0 { padding-bottom:210px; } .pb205,.p205-0 { padding-bottom:205px; } .pb210,.p210-0 { padding-bottom:210px; } .pb205,.p205-0 { padding-bottom:205px; } .pb210,.p210-0 { padding-bottom:210px; } .pb215,.p215-0 { padding-bottom:215px; } .pb220,.p220-0 { padding-bottom:220px; } .pb225,.p225-0 { padding-bottom:225px; } .pb230,.p230-0 { padding-bottom:230px; } .pb235,.p235-0 { padding-bottom:235px; } .pb240,.p240-0 { padding-bottom:240px; } .pb245,.p245-0 { padding-bottom:245px; } .pb250,.p250-0 { padding-bottom:250px; } .pb290,.p290-0 { padding-bottom:250px; } .pt5,.p5-0{ padding-top:5px; } .pt10,.p10-0 { padding-top:10px; } .pt15,.p15-0 { padding-top:15px; } .pt20,.p20-0 { padding-top:20px; } .pt25,.p25-0 { padding-top:25px; } .pt30,.p30-0 { padding-top:30px } .pt35,.p35-0 { padding-top:35px } .pt40,.p40-0 { padding-top:40px; } .pt45,.p45-0 { padding-top:45px; } .pt50,.p50-0 { padding-top:50px; } .pt55,.p55-0 { padding-top:55px; } .pt60,.p60-0 { padding-top:60px; } .pt65,.p65-0 { padding-top:65px; } .pt70,.p70-0 { padding-top:70px; } .pt75,.p75-0 { padding-top:75px; } .pt80,.p80-0 { padding-top:80px; } .pt85,.p85-0 { padding-top:85px; } .pt90,.p90-0 { padding-top:90px; } .pt95,.p95-0 { padding-top:95px; } .pt100,.p100-0 { padding-top:100px; } .pt105,.p105-0 { padding-top:105px; } .pt110,.p110-0 { padding-top:110px; } .pt115,.p115-0 { padding-top:115px; } .pt120,.p120-0 { padding-top:120px; } .pt125,.p125-0 { padding-top:125px; } .pt130,.p130-0 { padding-top:130px; } .pt135,.p135-0 { padding-top:135px; } .pt140,.p140-0 { padding-top:140px; } .pt145,.p145-0 { padding-top:145px; } .pt150,.p150-0 { padding-top:150px; } .pt155,.p155-0 { padding-top:155px; } .pt160,.p160-0 { padding-top:160px; } .pt165,.p165-0 { padding-top:165px; } .pt170,.p170-0 { padding-top:170px; } .pt175,.p175-0 { padding-top:175px; } .pt180,.p180-0 { padding-top:180px; } .pt185,.p185-0 { padding-top:185px; } .pt190,.p190-0 { padding-top:190px; } .pt200,.p200-0 { padding-top:200px; } .pt205,.p205-0 { padding-top:205px; } .pt210,.p210-0 { padding-top:210px; } .pt205,.p205-0 { padding-top:205px; } .pt210,.p210-0 { padding-top:210px; } .pt205,.p205-0 { padding-top:205px; } .pt210,.p210-0 { padding-top:210px; } .pt215,.p215-0 { padding-top:215px; } .pt220,.p220-0 { padding-top:220px; } .pt225,.p225-0 { padding-top:225px; } .pt230,.p230-0 { padding-top:230px; } .pt235,.p235-0 { padding-top:235px; } .pt240,.p240-0 { padding-top:240px; } .pt245,.p245-0 { padding-top:245px; } .pt250,.p250-0 { padding-top:250px; } .pt290,.p290-0 { padding-top:290px; } .p10-0, .pl10 { padding-left: 10px;} .p10-0, .pr10 { padding-right: 10px;} .p15-0, .pl15 { padding-left: 15px;} .p15-0, .pr15 { padding-right: 15px;} .p0-24{padding-left:24px; padding-right:24px} .m0-24{margin-left:-24px; margin-right:-24px;} .p0-20{padding-left:20px; padding-right:20px} .m0-20{margin-left:-20px; margin-right:-20px;} .ps0-15{padding-left:15px; padding-right:15px} .ms0-15{margin-left:-15px; margin-right:-15px;} .ps0-10{padding-left:10px; padding-right:10px} .ms0-10{margin-left:-10px; margin-right:-10px;} .pr110 { padding-right:110px; } /***************************** Slick slider **************************** */ .slick-dotted.slick-slider { margin-bottom: 0} .slick-dots { bottom: 0px; z-index:1; margin:0; padding:0;} .slick-dots li { width: 14px;height: 14px; vertical-align: middle; border-radius: 50%; margin:0 5px;} .slick-dots li button { width: 14px; height: 14px; padding: 8px 0; border-radius: 50%} .slick-dots li button:before { width: 14px; height: 14px; line-height: 16px; content: ''; border-radius: 50%; opacity: 1; border:1px solid #999999;} /* .slick-dots li button:before { background-color: #666666; } */ .slick-dots li.slick-active button:before {opacity: 1;background-color: transparent; background-image: url(https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/sliderIcon.svg); width: 24px; opacity: 1; outline: none !important; border: none; height: 28px; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: -7px; left: -4px; border-radius: 0; } .slick-dots li button:before,.slick-dots li button:before { transition: all ease .4s; -weblit-transition: all ease .4s} .slick-dots li button:focus:before,.slick-dots li button:hover:before {opacity: 1; background-image: url(https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/sliderIcon.svg); width: 24px; opacity: 1; outline: none !important; border: none; height: 28px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: -7px; left: -4px; } /* Arrows */ .slick-prev { left: -40px; z-index: 10 !important} .slick-next { right: -40px} button.slick-next,button.slick-prev{background: #ffdd00; border-radius:50%;} .slick-next:before,.slick-prev:before { color: #29333c;} .slick-prev:after,.slick-next:after { display: none;} .slick-next,.slick-prev { width: 40px; height: 40px; border-radius: 0; z-index: 1; transition: all ease .4s; -weblit-transition: all ease .4s;} .slick-next:before,.slick-prev:before { font-family: fontawesome; font-size: 0; background-repeat:no-repeat; } .slick-next:before { content: ''; color : #222222; background-image:url('https://25374578.fs1.hubspotusercontent-eu1.net/hubfs/25374578/Frits_Theme_Assets_March-22/images/arrow-right.svg');} .slick-prev:before { content: ''; color : #222222; background-image:url('https://25374578.fs1.hubspotusercontent-eu1.net/hubfs/25374578/Frits_Theme_Assets_March-22/images/arrow-left.svg')} .slick-next:before,.slick-prev:before { width: 7px; height: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 1; background-repeat: no-repeat; font-size: 0; line-height: 1; } .slick-next:before {background-position: center center;} .slick-arrow.slick-disabled { opacity: 0; visibility: hidden;} .slick-slide:focus { outline: none;} .sliderStyleVer2 .slick-prev { opacity: 0; visibility: hidden; } /* .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{background-color:#81CBFF; border-color:#81CBFF;} */ /* .ImageSlider .slick-dots li button:before { transition:unset; } */ /* Change Arrow */ .changeArrowStyle .slick-next:before{background-image:url('https://25374578.fs1.hubspotusercontent-eu1.net/hubfs/25374578/Frits%20Thema%20Assets/images/slider-arrow-right.svg');} .changeArrowStyle .slick-prev:before{background-image:url('https://25374578.fs1.hubspotusercontent-eu1.net/hubfs/25374578/Frits%20Thema%20Assets/images/slider-arrow-left.svg');} .changeArrowStyle .slick-next:before,.changeArrowStyle .slick-prev:before {width: 16px;height: 14px; } .changeArrowStyle .slick-prev { left: -80px; } .changeArrowStyle .slick-next { right: -80px; } .multiple-items .slick-dots li button:before, .multiple-items .slick-dots li button:before, .multiple-items .slick-dots li button:before {font-size: 0!important;opacity: 1!important;} .multiple-items .slick-prev:before, .hs_cos_gallery .slick-next:before, .multiple-items .slick-prev:before, .hs_cos_gallery .slick-next:before, .multiple-items .slick-prev:before, .hs_cos_gallery .slick-next:before {color: transparent;} .multiple-items button.slick-prev{ visibility:hidden;opacity:0; } .multiple-items button.slick-prev{ background:#e84242; border-radius:50%;} .multiple-items .slick-next:before, .multiple-items .slick-prev:before { color: #29333c;} .multiple-items .slick-prev:after, .multiple-items .slick-next:after { display: none;} .multiple-items .next, .multiple-items .slick-prev { width: 46px; height: 46px; border-radius: 0; z-index: 1; transition: all ease .4s; -weblit-transition: all ease .4s;} .multiple-items .slick-prev:before { font-family: fontawesome; font-size: 0; background-repeat:no-repeat; } .multiple-items .next { content: ''; color : #222222; background-image:url('https://25374578.fs1.hubspotusercontent-eu1.net/hubfs/25374578/Frits_Theme_Assets_March-22/images/arrow-right.svg');} .multiple-items .slick-prev:before { content: ''; color : #222222; background-image:url('https://25374578.fs1.hubspotusercontent-eu1.net/hubfs/25374578/Frits_Theme_Assets_March-22/images/arrow-left.svg')} .multiple-items .slick-next:before, .multiple-items .slick-prev:before { width: 7px; height: 13px; position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); opacity: 1; background-repeat: no-repeat; font-size: 0; line-height: 1; } .multiple-items .next {background-position: center center;} .multiple-items .slick-arrow.slick-disabled { opacity: 0; visibility: hidden;} .multiple-items .slick-next { position:relative; } .multiple-items .slick-next:before { background-size: cover; content: ''; background-image: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/Slidersvg.svg'); width: 102px; height: 90px; display: inline-block; } .multiple-items button.slick-prev .multiple-items .slick-next:before { background-size: cover; content: ''; background-image: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/Slidersvg.svg'); width: 102px; height: 90px; display: inline-block; } .multiple-items .slick-next { position: absolute; width: unset; height: unset; margin: 0; border-radius: 0; border: none; right: 125px; top: -50px; background:none; } .multiple-items .slick-next:focus { border:none; } /* Image Module */ .ImageModule img { width: 100%; min-height: 300px; height: 550px !important; object-fit: cover; } .ImageModule::after { content: ''; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/header.png'); left: 0; bottom: 0px; position: absolute; width: 100%; height: 50px; display: inline-block; z-index: 99; } .ImageModule { position: relative; } /* Banner Module */ .bannerTitle p { color: #FFFFFF; } .bannerSection { padding-bottom: 335px; } /* .bannerSection::after { background-image: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/HomePage-banner.svg'); background-size: cover; background-repeat: no-repeat; bottom: -1px; content: ""; height: 111px; left: 0; position: absolute; width: 100%; } */ /* https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/homePage.png */ /* Two Column Module */ .TwoColModuleParent > div { padding-left:35px; padding-right:35px; } .TwoColModuleParent { margin: 0 -35px; } .TwoColModuleParent.SwapColumns { flex-direction: row-reverse; } /* blog post Module */ .blogPostModule { overflow:hidden; } .ImageSlider ul.slick-dots { bottom: -45px;} .ImageSlider .slick-slide { padding: 0 7px; line-height: 0;} .ImageSlider .slick-list.draggable { padding: 0 40px;} .ImageSlider .sliderImage img {height: 600px !important;object-fit: cover; width: 100%;} .blogPostModule .bloPostImagetext { font-size: 14px; line-height: 21px; } /* Three Column Module */ .threeColTitleInfo { max-width: 550px; margin: 0 auto; width: 100%; } .threeColImage img { height: 362px !important; object-fit: cover; width: 100%; border-radius: 16px 16px 0 0; } .threeColBlockInner { background-color:#FFF; border-radius: 16px; height: 100%; cursor: pointer; } .threeColBlock:hover .threeColBlockInner { box-shadow: 0px 0px 21px 9px rgba(83, 69, 0, 0.05); } .threeColBlockParent { margin: 0 -15px; } .threeColImage::after { background-color: rgba(34,34,34,.4); content: ""; height: 100%; left: 0; opacity: 0; transition: 0.5s ease-in-out; position: absolute; top: 0; width: 100%; border-radius: 16px 16px 0 0; z-index: 2; } .threeColBlockInner:hover .threeColImage::after { opacity: 1; } .threeColBlock { padding: 15px 15px; } .threeColImage { position: relative; } .threeColBlockContent { padding: 24px 26px; } .threeColBlockContent p { margin-top: 8px; hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; } .threeColBlockContent { padding: 15px 20px 20px; } .threeColImage .btn { position: absolute; bottom: 24px; left: 24px; z-index: 99; opacity: 0; } .threeColBlock:hover .threeColImage .btn { opacity: 1; } .threeColImage { position: relative; } /* two column left multi step form right accordian module */ .SwapColumn { flex-direction: row-reverse; } .TwoColModuleLeftFormRightAccordian .multiStepForm form .hs-richtext img { display: none; } .TwoColModuleLeftFormRightAccordian .accordianTitle,.AccordianModuleParent .accordianTitle { position: relative; cursor: pointer; } .TwoColModuleLeftFormRightAccordian .wrapAccordian, .AccordianModuleParent .wrapAccordian { padding: 30px 0; border-bottom: 1px solid #666666; } .TwoColModuleLeftFormRightAccordian .accordianTitle h6 ,.AccordianModuleParent .accordianTitle h6{ font-weight: 800; } .TwoColModuleLeftFormRightAccordian .accordianTitle::after , .AccordianModuleParent .accordianTitle::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background-color: #222222; } .TwoColModuleLeftFormRightAccordian .accordianTitle:.active::before { height: 0; } .TwoColModuleLeftFormRightAccordian .accordianTitle::before, .AccordianModuleParent .accordianTitle::before { content: ""; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 2px; height: 14px; background-color: #222222; transition: height 0.2s ease-in; } .TwoColModuleLeftFormRightAccordian .accordianContent, .AccordianModuleParent .accordianContent { display:none; padding-top: 20px;} .TwoColModuleLeftFormRightAccordian .TwoColModuleLeftFormRightAccordian .twoColRightContent *+p { margin-top: 25px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-title { padding: 0; } .TwoColModuleLeftFormRightAccordian .multiStepForm form { padding-top: 0; } .TwoColModuleLeftFormRightAccordian .wrapper-point .hs-richtext.hs-main-font-element { font-size: 18px; font-family: 'muli',sans-serif; font-weight: 700; } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content { display: none; background-color: #fff; padding: 23px 26px 52px 26px; border-radius: 0 16px 16px 16px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content.step1.active { display: block; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step p { margin: 0; display: none; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer .from-step.active p ,.TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.active .from-step p { display: block; padding-left: 7px; font-weight: 700; font-family: 'muli',sans-serif; line-height: 1.72; } .TwoColModuleLeftFormRightAccordian .from-step-outer.active span.formating:after,.TwoColModuleLeftFormRightAccordian .from-step-outer.completed.active .from-step.active span.formating:after { content: '.'; display: inline-block; font-size: 15px;position: relative;border-radius: 22px; margin-left: 2px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step.active,.TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-outer.active .from-step { display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step span { display:flex; justify-content:center; align-items:center; height: 63px; width:63px; border-radius: 8px; border: 1px solid rgb(204, 204, 204); color: #222222; font-size: 18px; font-family: 'muli',sans-serif; font-weight: 700; line-height: 1.72; } .TwoColModuleLeftFormRightAccordian .from-step-outer .form-step.active { width: calc(100% - 63px - 63px - 20px); } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step.active p { display: block; } .TwoColModuleLeftFormRightAccordian .from-step-outer.active { width: calc(100% - 126px); display: flex; background-color: #FFFFFF ;margin-bottom: 0; padding-left: 26px; } .TwoColModuleLeftFormRightAccordian .from-step-outer { cursor: pointer; margin: 0 4px 8px; } .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-0.completed { margin-left: 0; } .TwoColModuleLeftFormRightAccordian .ms-form-steps .from-step-outer:last-child { margin-right: 0; } .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-1.completed { margin-left: 0; } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content input.hs-button.primary.large { display: none; } /* .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-0.active ,.TwoColModuleLeftFormRightAccordian .from-step-outer.step1-1.active { margin-left: 0; width: calc(100% - 146px); border-radius: 8px 8px 0 0;} */ .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-0.active ,.TwoColModuleLeftFormRightAccordian .from-step-outer.step1-1.active { margin-left: 0; width: calc(100% - 71px); border-radius: 8px 8px 0 0;} /* .TwoColModuleLeftFormRightAccordian .from-step-outer.step2-0.active ,.TwoColModuleLeftFormRightAccordian .from-step-outer.step2-1.active { width: calc(100% - 150px); border-radius: 8px 8px 0 0; } */ .TwoColModuleLeftFormRightAccordian .from-step-outer.step2-0.active ,.TwoColModuleLeftFormRightAccordian .from-step-outer.step2-1.active { width: calc(100% - 71px); border-radius: 8px 8px 0 0; } /* .TwoColModuleLeftFormRightAccordian .from-step-outer.step3-0.active ,.TwoColModuleLeftFormRightAccordian .from-step-outer.step3-1.active { width: calc(100% - 146px); border-radius: 8px 8px 0 0; margin-right: 0; } */ .TwoColModuleLeftFormRightAccordian div#tab-0-3, div#tab-1-3 { border-radius: 16px 0 16px 16px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content.step2-1.active { border-radius: 16px 0 16px 16px; } .TwoColModuleLeftFormRightAccordian .form-step-content.active { border-radius: 16px; } .TwoColModuleLeftFormRightAccordian .form-step-content.step2-0.active { border-radius: 16px 0 16px 16px; } .TwoColModuleLeftFormRightAccordian div#tab-0-2 ,.TwoColModuleLeftFormRightAccordian div#tab-1-2{ border-radius: 16px;} .TwoColModuleLeftFormRightAccordian div#tab-1-0,.TwoColModuleLeftFormRightAccordian div#tab-1-1 { border-radius: 0 16px 16px 16px; } .TwoColModuleLeftFormRightAccordian div#tab-3-0 { border-radius: 16px 0 16px 16px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.completed .from-step p { display: none; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.completed.active .from-step p,.TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.active .from-step p { display: block; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.active .from-step p { color: #222222; } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-outer.completed .from-step.active span { border: 1px solid #222; } .TwoColModuleLeftFormRightAccordian .from-step-outer.\30 -step1.completed .from-step.active span { height: 63px; width: 63px; border-radius: 8px; border: 1px solid rgb(204, 204, 204); } .TwoColModuleLeftFormRightAccordian .from-step-outer.\30 -step1.completed .from-step.active span:after { display: none; } .multiStepForm .from-step-outer.completed.active .from-step span { border: initial; width: auto; height: auto; } .from-step-outer.\30 -step3.active span { border: none; width: auto; height: auto; } .multiStepForm .from-step-outer.completed.active .from-step span , .multiStepForm .from-step-outer.active .from-step { width: auto; height: auto; border: none; } .multiStepForm .from-step-outer.completed.active .from-step , .multiStepForm .from-step-outer.active .from-step { display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; } .multiStepForm .from-step-outer.active span.formating { border: none; width: auto; height: auto; } .multiStepForm .from-step-outer.active p { padding-left: 7px; } .multiStepForm .hs_paymentreference.hs-form-field { display: none; } .multiStepForm .hs_transactionid.hs-form-field { display: none; } .multiStepForm .hs_transactionid2.field.hs-form-field { display: none; } .multiStepForm .hs_paymentreference2.hs-form-field { display: none; } .multiStepForm form { padding-bottom: 20px; } .TwoColModuleLeftFormRightAccordian .multiStepForm form { border: none; } .TwoColModuleLeftFormRightAccordian .step-counter.from-step-outer p { display: none; } .TwoColModuleLeftFormRightAccordian .step-counter.from-step-outer.active { display: block; width: calc(100% - 144px); } .TwoColModuleLeftFormRightAccordian .step-counter.from-step-outer.active .from-step span { border: none; padding: 0; height: auto; width: auto; width:12px; } .TwoColModuleLeftFormRightAccordian .step-counter.from-step-outer.active .from-step { display: flex; flex-wrap: wrap; align-items: center; } .TwoColModuleLeftFormRightAccordian .ms-form-steps { display: flex; flex-wrap: wrap; } .TwoColModuleLeftFormRightAccordian .step-counter.from-step-outer { margin-left: 9px; margin-bottom: 9px; cursor: pointer; } .TwoColModuleLeftFormRightAccordian .step-counter.from-step-outer.active { margin-left: 0; margin-bottom: 0; background-color: #FFF; border-radius: 8px 8px 0 0; padding: 18px 28px 16px; } .TwoColModuleLeftFormRightAccordian .step-counter.from-step-outer:not(:first-child).active { margin-left: 9px; } .TwoColModuleLeftFormRightAccordian .step-counter:first-child { margin-left: 0; } .TwoColModuleLeftFormRightAccordian .multiStepForm div#tab-1-0 a.hs-button.primary.prev-btn ,.TwoColModuleLeftFormRightAccordian .multiStepForm div#tab-1-1 a.hs-button.primary.prev-btn { display:none; } .TwoColModuleLeftFormRightAccordian .multiStepForm .prev-btn { margin-right: 10px; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 50px; height: 44px; min-width: auto; } .TwoColModuleLeftFormRightAccordian .forms-tabs li a:hover { background-color: #ffffff; border-color: #FFF; box-shadow: 0px 0px 21px 9px rgba(83, 69, 0, 0.05); } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content:first-child.active,.multiStepForm .form-step-content.active { display: block; } .TwoColModuleLeftFormRightAccordian .TwoColModuleParent { margin: 0 -15px; } .TwoColModuleLeftFormRightAccordian .TwoColModuleParent > div { padding-left: 15px; padding-right: 15px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .wrapper-point .hs-richtext { display: none; } .TwoColModuleLeftFormRightAccordian .multiStepForm .step-counter.active .from-step b { display: block; line-height: 1.72; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step b { display: none; } .TwoColModuleLeftFormRightAccordian .multiStepForm .btn-group { padding-top: 15px; margin-left: -3px; } .TwoColModuleLeftFormRightAccordian .bottom-text p { font-size: 14px; line-height: 1.71; color: #444444; } .TwoColModuleLeftFormRightAccordian .multiStepForm form { border: none; } .TwoColModuleLeftFormRightAccordian .bottom-text { padding-left: 26px; } .TwoColModuleLeftFormRightAccordian .bottom-text p a { color: #444444; border-bottom: 1px solid #444444; } .TwoColModuleLeftFormRightAccordian ul.forms-tabs { margin: 0 -7px; padding-bottom: 15px; } .TwoColModuleLeftFormRightAccordian .forms-tabs li a { padding: 9px 15px; background-color: transparent; border: 1px solid rgb(204, 204, 204); display: inline-block; font-size: 16px; line-height: 24px; color:#222222; font-weight: 500; width: 100%; border-radius: 8px; text-align: center; } .TwoColModuleLeftFormRightAccordian ul.forms-tabs li { width: 50%; padding: 0 7px; } .TwoColModuleLeftFormRightAccordian .forms-tabs li a:hover { background-color: #FFFFFF; border-color: #FFF; } .TwoColModuleLeftFormRightAccordian .multiStepForm .actions { display: flex; flex-wrap: wrap; } .TwoColModuleLeftFormRightAccordian .forms-tabs li.active a { background-color: #FFF; border-color: #FFF; } .TwoColModuleLeftFormRightAccordian ul.no-list.hs-error-msgs.inputs-list { clear: both; } /* .TwoColModuleLeftFormRightAccordian .multiStepForm { display: none; } */ .TwoColModuleLeftFormRightAccordian .from-step-outer { pointer-events: none; } .submitted .ms-form-steps { display: none; } .submitted .bottom-text { display: none; } .TwoColModuleLeftFormRightAccordian .hideInputField .hs_bankaccountholder2.hs-form-field { display: none; } .TwoColModuleLeftFormRightAccordian .hideInputField .hs_bankaccountnumber2.hs-form-field { display: none; } .TwoColModuleLeftFormRightAccordian .TwoColRight>div { padding-left: 95px; } .TwoColModuleLeftFormRightAccordian .bottom-text p a:hover { color: #e84242; border-bottom-color: #e84242; } /***************************** Magnific Popup **************************** */ .mfp-close-btn-in button.mfp-close, .mfp-close-btn-in button.mfp-arrow {color:#FFFFFF;opacity: 1;font-size: 80px;font-family: 'Aeonik';top: 20px;right: 0;} .mfp-close-btn-in button.mfp-close:hover {background: transparent;border: none;} button.mfp-close{font-size:0!important;} button.mfp-close:before,button.mfp-close:after{ content: ''; width: 6px; height: 40px; position: absolute; right: 18px; top: 2px; background-color: #FFFFFF; border-radius: 20px;} button.mfp-close:before {transform: rotate(45deg);} button.mfp-close:after { transform: rotate(-45deg);} .mfp-iframe-holder { padding: 60px 60px;} .mfp-close-btn-in button.mfp-close {top: -60px;right: -60px; width:44px; height:44px; padding:0;} /* Box Styling */ .popplayParent { position: relative; } .MagnificPopupParentBoxStyling{position: relative;padding: 60px 0;max-width: 98%;margin: 0 auto;} .MagnificPopupInnerBoxStyling{background-color: #fff;padding: 60px;border-radius: 0 120px 120px 120px;} .iframeStyleing { max-width: 1020px; margin: 0 auto; padding: 60px; position: relative;} .iframeStyleinner {overflow: hidden;} .localvideoInner{position:relative;overflow:hidden;padding-top:56.25%} .localvideoInner video{position:absolute;top:0;left:0;width:100%;height:100%;border:0} .mfp-close-btn-in .iframeStyleing button.mfp-close{top:0;right: 0;} /****************** Global Module ******************** */ .header { position: absolute; left: 0; top: 0; width: 100%; z-index:999; transition: all ease 0.3s; } .headerLogo img { height: 62px !important; } .headerLogo.blackHeader img { height: 62px !important; } .headerParent { display: flex; flex-wrap: wrap; align-items: center; } .headerleftSection { width: 231px; } .headerleftSection svg { width:231px; } .headerrightSection { width: calc(100% - 231px); padding-left:20px; } .headernavigationSection { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .navigation .hs-menu-wrapper ul li a {color:#FFFFFF; text-decoration:none; } .changeHeaderStyle .headerSticky .navigation .hs-menu-wrapper ul > li > a {color:#fff;} .changeHeaderStyle .headerLogo img { filter: invert(0.85); } .changeHeaderStyle .headerSticky .headerLogo img { filter:unset; } .navIconParent{ display:flex; flex-wrap:wrap; align-items:center; } /* Max-width */ .max390 { max-width: 390px; width: 100%;} .max476{max-width:476px; width:100%; } .max530{max-width:530px; width:100%; } .max550{max-width:550px; width:100%; } .max600{max-width:600px; width:100%; } .max630{max-width:630px; width:100%; } .max650{max-width:650px; width:100%; } .max670{max-width:670px; width:100%; } .max700{max-width:700px; width:100%; } .max710{max-width:710px; width:100%; } .max750{max-width:750px; width:100%; } .max810{max-width:810px; width:100%; } .max840{max-width:840px; width:100%; } .max975{max-width:975px; width:100%; } .maxCenter{margin:0 auto} .maxRight{margin:0 0 0 auto} blockquote { font-size:60px; line-height:1; color:#222222; font-weight: 800; font-family:"times new roman"; border-left:0; padding-left:0; text-align: center; margin:0; } blockquote::before {content: '';background-image: url('https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/quote-icon.svg');width: 26px; height: 26px; display: inherit; background-repeat: no-repeat; background-position: center; margin: 0 auto; margin-bottom: 30px; } .blockQuoteParent p { margin-top:20px; } .overflowHidden{overflow:hidden;} small{font-size:16px;} .threeColBoxOutter { margin: 0 -15px; } /* Footer Module */ .footercolumnnInner ul {display: block; } .footerParent { flex-wrap:wrap; margin: 0 -10px; } .footercolumn p{ margin:0; } .footercolumn h6 { padding-bottom: 12px;} .footercolumn { padding: 20px 10px; } /* support module */ .SupportModuleContent p { padding-top:28px;max-width: 540px; width: 100%; margin: 0 auto; font-weight: 400; } .SupportModule .shltersuitImg img { height: 160px !important; object-fit: cover; } .gallerySection .galleryImg {padding: 40px 20px; display: flex; align-items: center; justify-content: center;} .gallerySection .galleryMain {margin-top: 40px;} /* .gallerySection .TwoColModuleParent > div { padding-left: 0; } */ .gallerySection .TwoColRight {padding-right: 0; padding-left: 0;} .gallerySection .galleryImg img { filter: grayscale(1); transition: all 0.3s ease; cursor: pointer; } .gallerySection .galleryImg img:hover {filter: none;} .blockQuoteMain .slick-dots {margin-top: 20px; position: relative;} /* two column module */ div.twoColSvg { display: block;position: relative;z-index: 20;margin-top: -45px; } .twoColSvg img { position: relative;object-fit: cover; vertical-align: top; width: 100%;height:120px !important; } .TwoColModule .sheltersuitAnimateLogo img { height: 186px; object-fit: cover; } .TwoColModule .sheltersuitAnimateLogo img { animation: rotation infinite 8s linear; height: 186px; object-fit: cover; position: absolute; right: 135px; top: -192px; z-index: 90; } .TwoColModule span.shanimatelogo img { height: 186px; object-fit: cover; position: absolute; right: 135px; top: -192px; z-index: 90; } @keyframes rotation{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } /* Header */ .header .langSwitcher-arrow-img { padding-left: 8px; } .headerLanguageSwitcher { padding-left: 24px; } .header .lang-box { cursor: pointer; } .defultLangText { flex-wrap: wrap; align-items: center; } .headerLogo a { display: block; } .headerLogo { width: 213px; } .headerParent { justify-content: space-between; } .headerParent { justify-content: space-between;} /* .header .content-wrapper { max-width:1361px; } */ .header .content-wrapper { max-width:100%; } .header ul .hs-menu-item a { font-size: 16px; line-height: 1.5; font-weight: 500; } .header .ul.hs-menu-children-wrapper .hs-menu-depth-2 { padding: 0 0 5px; } .header ul.hs-menu-children-wrapper { margin-top: 10px; padding: 10px; } .blackHeader { display:none; } .changeHeaderStyle .blackHeader { display:block; } .changeHeaderStyle .whiteHeader { display:none; } .btn.mobilectbtn { display: none; } .header span.langSwitcher-arrow-img:after { font-family: fontAwesome; content: "\f107"; font-size: 16px; margin-left: 7px; display: inline-block; vertical-align: middle; transition: all 0.5s ease; } .changeHeaderStyle .header span.langSwitcher-arrow-img:after { color: #222222; } /******************* ** Language Switcher *********************/ .headerLanguageSwitcher .lang-box .globe_class { background-image: none !important; width: 0; height: 0;} .topNavigationAlign { display: flex; justify-content: flex-end; align-items: center; padding-right:20px;} .headerLanguageSwitcher .lang-box { line-height: 1;} .headerLanguageSwitcher span#hs_cos_wrapper_language_switcher { font-size: 0;} .headerLanguageCurrent{cursor:pointer;} .headerLanguageSwitcher { position: relative; line-height: 0; height: 32px; } .headerLanguageSwitcher ul.lang_list_class { display:none; width: 30px; border: none; top:100%; left: 39px; border: none; background: #e84242 ; border-radius: 0 0 16px 16px; } .headerLanguageSwitcher ul.lang_list_class li { font-size:0; text-align:center;padding: 8px 4px; border: none; background-color: transparent; } .headerLanguageSwitcher .lang_switcher_link img { width: 16px; height: 16px; } .headerLanguageSwitcher .header__language-switcher-label-current img { width: 16px; height: 16px; } .headerLanguageSwitcher .lang_list_class:after,.headerLanguageSwitcher .lang_list_class:before { display: none; } .headerLanguageSwitcher .lang_list_class li:first-child { border: none; padding-top: 8px; } .headerLanguageSwitcher .lang_list_class li:last-child { padding-bottom: 8px; border-bottom: none; } /* .headerLanguageSwitcher .langBoxOpen { background: rgba(255, 255, 255, 0.75); border-radius: 16px 16px 0px 0px;} */ .headerLanguageSwitcher .headerLanguageCurrent { padding: 8px 7px;} .headerLanguageSwitcher ul.lang_list_class { } .whiteHeaderSection .headerLanguageSwitcher .langBoxOpen { background-color: rgba(102, 102, 102,100%);} .whiteHeaderSection .headerLanguageSwitcher ul.lang_list_class{ background-color: rgba(102, 102, 102,100%);} .header.headerSticky .headerLanguageSwitcher ul.lang_list_class, .header.headerSticky .headerLanguageSwitcher .langBoxOpen{ background: rgba(102, 102, 102,100%);} .headerLanguageSwitcher .lang_switcher_class{position: inherit;} .header__language-switcher-label-current.headerLanguageCurrent .lan-img { width: 16px; height: 16px; } /* .headerLanguageSwitcher.mobileLangButton { display: none; } */ .headerLanguageSwitcher .lang-box .headerLanguageCurrent{ border-radius: 16px 16px 0px 0px; transition: all ease 0.3s;} .whiteHeaderSection .headerLanguageSwitcher .lang-box.langSwitcher_hove ul.lang_list_class{ background-color: rgba(102, 102, 102,94%);} .videoModule-outer .videoModule-left { width: 66% } .videoModule-outer .videoModule-right { width: 34% } .videoModule-outer .oembed_container, .videoModule-outer .oembed_container iframe { max-height: 100% !important; max-width: 100% !important } .videoModule-right-title { align-items: center; background-color: #d4cdbb; color: #222; display: flex; font-family: Muli, sans-serif; font-size: 14px; font-weight: 700; height: 44px; justify-content: center } .videoModule-right-outer { margin-left: auto; max-width: 350px } .videoModule-part { background-color: #e7e3d9; margin-top: 10px; padding: 15px 24px; position: relative } .videoModule-part:nth-child(2):after { background-color: red; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 4px } .videoModule-part-left { margin-right: 15px } .videoModule-part-time { color: #666; display: inline-flex; flex-wrap: wrap; font-size: 12px; position: relative } .videoModule-part-title { color: #222; font-family: Muli, sans-serif; font-size: 16px; font-weight: 700; margin: 3px 0 } .videoModule-part-starttime { margin-right: 18px } .videoModule-part-time:after { background-color: #666; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 6px } .videoModule-part-subtitle { color: #333; font-size: 14px } .videoModule-part-img img { height: 72px !important; width: 72px !important } .DefaultSpacing {padding-top: 60px; padding-bottom: 60px;} .dnd-section.full-width-forcedd{padding:0!important} .dnd-section.full-width-forcedd>div,.dnd-section.full-width-forcedd>div>div{padding-left:0px!important;padding-right:0px!important;max-width:none!important} /* Step form */ .multiStepForm .hs-form-radio label.hs-form-radio-display input+span {cursor: pointer;} .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.step1-0.active, .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.step1-1.active, .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.step2-0.active, .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.step2-1.active { border-radius: 0 0 0 0; margin-left: 4px; border-radius: 50%; width: 11px;} .stepFormModule.TwoColModuleLeftFormRightAccordian .forms-tabs li a {display: flex; align-items: center; justify-content: center;} .stepFormModule.TwoColModuleLeftFormRightAccordian .forms-tabs li a img.tabIcon {width: 24px; margin-right: 5px;} .stepFormModule.TwoColModuleLeftFormRightAccordian .ms-form-steps {align-items: center; background-color: #e84242; position: relative; padding: 25px 40px; justify-content: flex-end; border-radius: 16px 16px 0 0;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .from-step span.formating {font-size: 0; border-radius: 50%; border: 0; width: 11px; height: 11px; margin: 0 0; background-color: transparent; border: 1px solid #fff;} .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.active span.formating:after, .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.completed.active .from-step.active span.formating:after {display: none;} .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.active {background-color: #fff; margin-bottom: 0; padding-left: 0;} .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer {margin: 0 4px;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.active .from-step p {position: absolute; left: 0; padding-left: 40px; color: #fff;} .stepFormModule.TwoColModuleLeftFormRightAccordian div#tab-1-0, .stepFormModule.TwoColModuleLeftFormRightAccordian div#tab-1-1 {border-radius: 0 0 16px 16px;} /* .stepFormModule.TwoColModuleLeftFormRightAccordian .ms-form-steps .from-step-outer:last-child {position: relative;} */ .stepFormModule.TwoColModuleLeftFormRightAccordian .ms-form-steps::after {content: ""; width: 32px; height: 15px; margin-left: 30px; display: inline-block; position: relative; background-position: center; background-image: url(https://5575635.fs1.hubspotusercontent-na1.net/hubfs/5575635/Sheltersuit-2023/images/right-arrow.png); background-repeat: no-repeat;} .stepFormModule .hs-form-radio label.hs-form-radio-display input+span {padding: 5px 0 0px 20px; text-align: left;} .stepFormModule .demo_test2 .hs-form-radio label.hs-form-radio-display input+span {padding: 9px 0 0px 20px; text-align: left;} .stepFormModule .multiStepForm form ul.multi-container li {width: 100%; padding: 7px 0; border-bottom: 1px solid #f5f5f5;} .stepFormModule .multiStepForm form ul.multi-container li:last-child {border-bottom: 0;} .stepFormModule .hs-form-radio-display .hs-input {display: block;} .stepFormModule .hs-form-radio label.hs-form-radio-display input+span:before {display: none;} .stepFormModule .hs-form-checkbox input, .hs-form-radio input {margin-right: 0; margin-top: 12px;} .stepFormModule .hs-form-radio label.hs-form-radio-display {display: flex; align-items: flex-start;cursor: pointer;} .stepFormModule .hs-form-radio label.hs-form-radio-display input:checked+span {color: #222222;} .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.step1-0.completed {margin-left: 4px;} .stepFormModule li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before {top: 3px;} .stepFormModule form .inputs-list>li.hs-form-booleancheckbox {padding-left: 11px;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .btn-group {margin-left: 0;} .stepFormModule li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after {top: 4px;} .stepFormModule.TwoColModuleLeftFormRightAccordian form .hs-form-field > label .hs-form-required {display: none;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .btn-group .button { display: block; width: 100%; text-align: left; } .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .btn-group .button a {width: 100%;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .prev-btn { width: auto; height: auto; margin-right: 0; text-align: left; display: block; border: 0; padding: 0; margin-top: 20px; } .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .prev-btn:hover {background-color: transparent; border: 0; color: #000;} .stepFormModule .bottom-text {padding: 0;} .stepFormModule .formBottomImg img {height: 40px !important; width: auto;} .stepFormModule.TwoColModuleLeftFormRightAccordian .form-step-content.step2-0.active, .stepFormModule.TwoColModuleLeftFormRightAccordian div#tab-3-0, .stepFormModule.TwoColModuleLeftFormRightAccordian .form-step-content.active, .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content.step2-1.active {border-radius: 0 0 16px 16px;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content {padding: 30px 25px;} .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.active {width: auto; border-radius: 50%;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .actions {flex-direction: column;} .stepFormModule a.hs-button.primary.next-btn.submit_btn { background-color: #fd0; border: 2px solid #fd0; } .stepFormModule a.hs-button.primary.next-btn.submit_btn:hover {background-color: rgba(255, 221, 0, 0); border: 2px solid #fd0; color: #fd0;} .stepFormModule .multiStepForm input[type='text'], .stepFormModule .multiStepForm input[type='email'], .stepFormModule .multiStepForm input[type='password'], .stepFormModule .multiStepForm input[type='tel'], .stepFormModule .multiStepForm input[type='number'], .stepFormModule .multiStepForm select, .stepFormModule .multiStepForm textarea {border: 0; border-bottom: 1px solid gray; border-radius: 0; padding: 5px 15px 10px;} .stepFormModule .demo_test1 .hs_donation_proof_pdf.hs-donation_proof_pdf .input, .stepFormModule .demo_test1 .hs_newsletter_signup .input {padding-bottom: 0; padding-top: 5px;} /* .stepFormModule .demo_test1 .hs_donation_proof_pdf.hs-donation_proof_pdf {padding-bottom: 15px !important;} */ .stepFormModule .multiStepForm input[type='text']:focus, .stepFormModule .multiStepForm input[type='email']:focus, .stepFormModule .multiStepForm input[type='password']:focus, .stepFormModule .multiStepForm input[type='tel']:focus, .stepFormModule .multiStepForm input[type='number']:focus, .stepFormModule .multiStepForm select:focus, .stepFormModule .multiStepForm textarea:focus {box-shadow: unset;} .stepFormModule .demo_test2 form .hs_newsletter_signup .input {padding-bottom: 0; padding-top: 0;} .stepFormModule .demo_test2 form .hs_donation_proof_pdf.hs-donation_proof_pdf {padding-bottom: 0 !important;} .stepFormModule .hs-dependent-field .hs-fieldtype-text.field.hs-form-field, .stepFormModule .hs-dependent-field .hs-fieldtype-select.field.hs-form-field { padding-left: 30px; } .stepFormModule .hs-form-radio label.hs-form-radio-display input+span span {display: block;} .stepFormModule .hs-form-radio label.hs-form-radio-display input+span .element0 { font-size: 18px; font-weight: bold; margin-bottom: 5px; } .stepFormModule .hs-form-radio label.hs-form-radio-display input+span .element1 { font-size: 12px; color: #444; } .TwoColModuleLeftFormRightAccordian .SwapColumn .TwoColRight>div {padding-left: 0; padding-right: 95px;} form {border: 0;} .header-v2 .headerLanguageSwitcher {padding-left: 0; position: static; padding-right: 0; } .header-v2.headerSticky .headerLanguageSwitcher ul.lang_list_class, .header-v2.headerSticky .headerLanguageSwitcher .langBoxOpen{ background: #f5f4f1;} .header-v2.headerSticky .headerLanguageSwitcher .lang-box.langSwitcher_hover .headerLanguageCurrent {background: transparent; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;} .RecentPostModule .recentPostInfo .fullblocklink { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .RecentPostModule .recentPostInfo { position: relative; } .RecentPostModule .multiple-items .recentPostImg .btn { z-index:2; } .body-container--blog-post span#hs_cos_wrapper_post_body > * { max-width: 763px; margin: auto; padding:0 20px; } .body-container--blog-post span#hs_cos_wrapper_post_body > .hs_cos_wrapper_type_module { max-width: 100%; padding: 0 !important; } button.forms-tabs-button { padding: 9px 15px; background-color: transparent; border: 1px solid rgb(204, 204, 204); display: inline-block; font-size: 16px; line-height: 24px; color: #222222; font-weight: 500; width: 100%; border-radius: 8px; text-align: center; outline: none; margin-bottom:0; } .TwoColModuleLeftFormRightAccordian ul.forms-tabs li { display: inline-block; position: relative; } .TwoColModuleLeftFormRightAccordian .forms-tabs li.active button.forms-tabs-button { background-color: #FFF; border-color: #FFF; } .stepFormModule.TwoColModuleLeftFormRightAccordian .forms-tabs li a.redirectURL { border: none !important; position: absolute; top: 0; left: 50%; background: #fff0; padding: 0; line-height: 0; height: 100%; width: calc(100% - 14px); transform: translateX(-50%); box-shadow: none; } .stepFormModule.TwoColModuleLeftFormRightAccordian .forms-tabs li.active a.redirectURL { display: none; } .blogBannerSection .recentFirstPostImginner { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 16px 0 0 16px; } .blogBannerSection .recentFirstPostImg { min-height: 100%; } .changeHeaderStyle .mainMenuHoverOverlay.OverlayHover + .header .headerLogo img { filter: unset; } @media (min-width:768px ) { .mobileShow{display:none;} } @media(min-width:992px){ .tabShow{display:none} .changeStructurefooter .footerColumnContent { display:block !important; } } @keyframes headerAnim { from {transform : translateY(-100%) } to {transform : translateY(0%)}} @media(min-width:1081px){ /************* Global Module **************** */ .changeHeaderStyle .navigation .hs-menu-wrapper ul > li > a { color: #222222; } a.expandMenu { display: none !important;} .childExpand { display: none !important;} .headerlogoSec a { position: relative; display: block;} .headerSticky.header { position: fixed; top: 0; left: 0; width: 100%; animation: headerAnim .5s; background-color:#222222 } .headerInnerParent { display: flex; justify-content: flex-end; align-items: center; } .headerrightSection{position:relative;} .navigation .hs-menu-wrapper { display: block !important; overflow: inherit !important;} .navigation .hs-menu-wrapper > ul li { display: inline-block; vertical-align: middle; position: relative; } .navigation .hs-menu-wrapper>ul .hs-menu-children-wrapper li { display: block;} .navigation .hs-item-has-children > a:after {position: relative; top: -1px;font-family: fontAwesome; content: "\f107"; font-size: 16px; margin-left: 7px; display: inline-block; vertical-align: middle; transition: all 0.5s ease; } .navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children { padding: 10px 12px; } .navigation .hs-menu-wrapper>ul { margin: 0 -12px; } .navigation > .hs_cos_wrapper >.hs-menu-wrapper > ul > li > a { text-transform: none; padding: 24px 15px;} .navigation .hs-item-has-children > .hs-menu-children-wrapper { margin:0; position: absolute; top: 100%; opacity: 0; left: 0; visibility: hidden; transition: opacity ease 0.3s; background-color: rgba(255, 255, 255,1); width: 200px; padding: 0px 0px 0; box-shadow:0px 56px 51px 0px rgb(0 44 89 / 10%) } .navigation .hs-item-has-children > a:hover{ color:rgba(255, 255, 255,0.8); } .changeHeaderStyle .navigation .hs-item-has-children > a:hover { color: rgba( 34, 34, 34,0.8); } .navigation .hs-item-has-children > .hs-menu-children-wrapper li a { padding: 10px; display:block;transition: none; font-weight:500; font-size:17px; text-transform: none;} .navigation .hs-item-has-children > .hs-menu-children-wrapper li a { color: #222222; } /* .navigation .hs-menu-wrapper > ul li:hover a:after { transform: rotate(180deg); } */ .navigation .hs-item-has-children > .hs-menu-children-wrapper li a:hover{ background-color:rgba(255, 221, 0,0.9);} .navigation .hs-menu-children-wrapper::before { position: absolute; left: 10%; top: -8px; width: 0; height: 0; content: ''; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #FFFFFF; } .navigation .hs-item-has-children:hover>.hs-menu-children-wrapper { opacity: 1 !important; visibility: visible!important; } .navigation .hs-menu-depth-1.active > a{color: #FFFFFF; border-color: transparent; } .headerLanguageSwitcher .lang-box:hover ul.lang_list_class{display:block;} .headerLanguageSwitcher .lang-box:hover .headerLanguageCurrent { background:#e84242; border-radius: 16px 16px 0px 0px;} .headerSticky .headerLanguageSwitcher .lang-box:hover .headerLanguageCurrent{background: rgba(102, 102, 102,94%);} .whiteHeaderSection .headerLanguageSwitcher .lang-box:hover .headerLanguageCurrent { background-color: rgba(102, 102, 102,94%);} /* Header Button Section */ .navigationBtnItem { display:block!important; } .header .navigationBtnItem .button a { color:#fff; } .navigationBtnItem.mobilectaButton{ display:none!important; } .navigationParent { padding-right: 25px; } .headerSticky .navigation .hs-menu-wrapper ul li .megaMenuLowerNavigation>span>div>ul>li>a:hover .megaMenuNavTitle h5, .navigation .hs-menu-wrapper ul li .megaMenuLowerNavigation>span>div>ul>li>a:hover .megaMenuNavTitle h5{ color: ; } /* Mega Menu */ /* Mega Menu Default */ .header-v2 .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu .megaMenu { opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; transition: all ease 0.4s; display: none !important; overflow:hidden;} .navigation .hs-menu-wrapper>ul li.ActivatedMenu { position: static;} .megaMenu { position: absolute; max-width: 1150px; left: 50%; width: 100%; margin-left: 0; text-align: left; top: 85px; z-index: 50; background-color: rgba(255, 255, 255, 1); padding: 0; border-radius: 0; transform: translateX(-50%);} .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu:hover .megaMenu { opacity: 1; visibility: visible; display: block !important;} .megaMenuLowerNavigation > span > div > ul > li{width:100%; padding: 0 0;} .headerCTA.mobilectaButton{display:none!important;} .megeMenuRepeatItemInner, .leftMenuWrap { display: flex; } .megaLeft { width: 50%; padding: 60px 20px 30px 50px; } .megaRight, .leftMenuRight, .leftMenuLeft { width: 50%; } .mainMenuHoverOverlay.OverlayHover + .header .navigation > .hs_cos_wrapper >.hs-menu-wrapper > ul > li > a { color: rgba(255, 255, 255, 50%); } .mainMenuHoverOverlay.OverlayHover + .header .navigation > .hs_cos_wrapper >.hs-menu-wrapper > ul > li:hover > a {color: #fff;} .header-v2 .navigation .hs-item-has-children > a:hover{ color: #fff; } .header-v2 .navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children { padding: 0 0; } .header-v2 .navigation>span>.hs-menu-wrapper>ul>li {padding: 0 0; font-family: muli;} .header-v2 .navigation .hs-item-has-children > .hs-menu-children-wrapper {top: 45px;} .header-v2 .navigation .hs-item-has-children > .hs-menu-children-wrapper > li > ul > li > ul {padding-left: 0;} .header-v2 .navigation .hs-item-has-children > .hs-menu-children-wrapper > li > ul {padding-left: 0; position: absolute; right: unset; left: 100%; top: 0;} .header-v2 .navigation .hs-item-has-children > .hs-menu-children-wrapper > li > ul li a {color: #333;} .header-v2 .navigation .hs-item-has-children>.hs-menu-children-wrapper li .hs-menu-depth-3 a:hover {text-shadow: unset;} .header-v2 .navigation .hs-menu-wrapper > ul > li:hover > a:after {transform: rotate(180deg);} .header-v2 .navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children>ul li a:hover::after {transform: rotate(180deg);} } @media (min-width:1200px){ .hs-content-id-137400674913 .bannerSection { min-height: 900px; } .bannerSection { min-height: 650px; } } @media(max-width:1400px){ /* Single Column Module */ /* .singleVideoModule { padding: 50px 0 100px 0; } */ } @media(max-width:1280px){ .font72, .font72 h1, .font72 h2 { font-size: 60px; } .blogPostModule blockquote { font-size: 55px; line-height: 1; } .blogPostModule .choiceRepeater { padding-bottom: 80px; } .SupportModule { padding: 40px 0 80px 0; } .TwoColModuleParent > div { padding-left:20px; padding-right 20px; } .TwoColModuleParent { margin: 0 -20px; } /* imageSliderSection */ .imageSliderSection.blogPostModule .choiceRepeater { padding-bottom: 0; } /* singleVideoModule */ .singleVideoModule.blogPostModule .choiceRepeater { padding-bottom: 0; } .headerLogo { width: 180px; } .headerLogo img { height: 55px !important; } .navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children { padding-left:8px; padding-right: 8px; } .navigation .hs-menu-wrapper>ul { margin:0 -8px; } .headerLanguageSwitcher { padding-left: 10px; } /* blog post module */ .ImageSlider .sliderImage img {height: 500px !important;} .blogPostImageInner img { height: 770px !important; object-fit: cover; margin: 0 auto; width: auto; } .blogPostImageInner,.blogPostModule .bloPostImagetext { text-align:center; } div.twoColSvg {margin-top: -35px;} } @media(max-width:1130px){ .navigation>span>.hs-menu-wrapper>ul>li { padding: 0 10px; } .bannerSection { min-height: 500px !important; padding: 180px 0; } } @media(max-width:1080px){ .headerParent .btn { margin-right: 0px;} .headerLanguageSwitcher { padding-left: 20px; } a.expandMenu {width: 30px; height: 30px; display: block; cursor: pointer; padding: 3px; position: absolute; top: 34px; right: 20px; } a.expandMenu i { position: relative; width: 25px; left: 0; height: 2px; opacity: 1; display: block; background: #FFFFFF; margin: 5px 0; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; } a.expandMenu i:first-child { margin-top: 0; } .header .btn.mobilectbtn a { color: #222222; } .header .btn.mobilectbtn a:hover { color: #ffdd00; } a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 7px; position: relative;} a.expandMenu.active i:nth-child(2) { position: relative; left: -46px; opacity: 0;} a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -7px; position: relative;} .header{padding-top:14px; padding-bottom:14px; transition:none; } .headerSticky.header{ background-color:#222222; } .lpHeader{position:relative;padding: 14px 0;} .headerlogoSec a { display: block; position: relative; line-height:1; } .headernavigationSection { padding-right: 70px;} .navigation > .hs_cos_wrapper > .hs-menu-wrapper{position:absolute;top:90px;width:100%;left:0; display:none; z-index:0; background-color: #222222; height: calc(100vh - 90px); padding-bottom: 20px; padding-top:20px; overflow: auto!important;} .navigation .hs-menu-wrapper ul{display:block;width:100%;} body.menuOpen { overflow: hidden;} .headerLanguageSwitcher .lang-box.langSwitcher_hover ul.lang_list_class{display:block;} .headerLanguageSwitcher .lang-box.langSwitcher_hover .headerLanguageCurrent { background:#e84242; border-radius: 16px 16px 0px 0px;} .headerSticky .headerLanguageSwitcher .lang-box.langSwitcher_hover .headerLanguageCurrent{background: rgba(102, 102, 102,94%);} .whiteHeaderSection .headerLanguageSwitcher .lang-box.langSwitcher_hover .headerLanguageCurrent { background-color: rgba(102, 102, 102,94%);} .headerLanguageSwitcher .globe_class:hover .lang_list_class { display: none; } .body-container-wrapper { margin-top: 0px;} *+p { margin-top: 25px;} .navigation>span>.hs-menu-wrapper>ul>li.hs-item-has-children>a { width: calc(100% - 70px); } .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header a:not(.button), .header span, .header div, .header li, .header blockquote{ color: #FFFFFF; } .navigation .hs-menu-wrapper ul .hs-menu-children-wrapper,.navigation .hs-menu-wrapper ul .megaMenu { position: static; display: none; width: 100%; margin:0;padding:0px 0; background-color:rgba(255, 221, 0,0.9); } .navigation > .hs_cos_wrapper > .hs-menu-wrapper ul li { position: relative; } .navigation .hs-menu-wrapper ul li a { padding: 8px 15px; display: block; } .navigation > .hs_cos_wrapper >.hs-menu-wrapper>ul>li>a { font-size: 24px; font-weight: 500; line-height:1.5; padding: 15px 15px ; display:block; position: relative; z-index: 1; } span.childExpand { font-family: fontAwesome; content: "\f107"; font-size: 24px; position: absolute; display: inline-block; right: 5px; top: 5px; z-index: 9999; width: 50px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } /* span.childExpand { position: absolute; width:20px; height:20px; right: 30px; top:13px; z-index: 9; display: block;} */ span.childExpand.open i { transform: rotate(180deg); } li.hs-menu-item.hs-menu-depth-2 > a { } .navigation>span>.hs-menu-wrapper>ul>li { padding:0; } .headerleftSection { padding-top: 0; width: 133px; } .headerLanguageSwitcher ul.lang_list_class { left: 25px; } .lpHeaderLeft { width: 133px;} .lpHeaderRight { width: calc(100% - 133px);padding-left: 15px;} .headerleftSection svg{ width:133px; } ul.hs-menu-children-wrapper .hs-menu-depth-2 a { color: #222222 !important; } .navigation .hs-item-has-children > a:after { content: ''; display:none; } /* Header Button */ body.changeHeaderbgMobile .header { background-color: transparent; } body.changeHeaderbgMobile .headerSticky.header { background-color:#222222; } .headerSticky.header { position: fixed; top: 0; left: 0; width: 100%; animation: headerAnim .5s; } .multiple-items .slick-next::before { width: 80px; height: 73px; } /* banner section */ h1, .h1 { font-size: 80px; } .bannerSection { padding:140px 0 250px 0; } .TwoColModule { padding-bottom:60px; } .threeColModule { padding-top:60px; } blockquote { font-size: 45px; } .headerLanguageSwitcher { margin-right: 50px; } .headerLanguageSwitcher { padding-left: 10px; } /* blog post module */ .ImageSlider .sliderImage img {height: 430px !important;} .blogPostImageInner img { height: 600px !important; } .blogPostModule blockquote { font-size: 45px; } .blogPostModule .choiceRepeater:not(:last-child) { padding-bottom: 70px; } .formModule { padding: 20px 0 60px 0; } /* Two column left form right accordian module */ .TwoColModuleLeftFormRightAccordian .TwoColRight>div { padding-left: 50px; } /* Navigation Button */ .headerTopNavigation.mobilectaButton { display: block; padding: 20px 20px 0;} .navigation .hs-menu-wrapper .headerTopNavigation ul li a { padding: 6px 0; color: ; font-size:18px;} .navigation .hs-menu-wrapper .headerTopNavigation ul li a:hover{color:#0B3954;} .header-v2 .headerCTA { display: none;} .header-v2 .headerCTA.mobilectaButton { display: block; text-align: center; padding: 50px 24px 0;} .header-v2 .headerLanguageSwitcher { margin-right: 20px; } .header-v2 .headerRightSide { width: 90px; } .header-v2 .headerLanguageSwitcher ul.lang_list_class {top: 50px;left: -97px;} .header-v2 a.expandMenu {right: 80px; top: 28px; background-color: #fff; border-radius: 5px; z-index: 9; padding-top: 8px; width: 33px; height: 33px;} .header-v2 a.expandMenu i {background: #000; margin: 3px auto; width: 20px;} .header-v2 a.expandMenu.active i:first-child {top: 6px;} .header-v2 a.expandMenu.active i:last-child {top: -4px;} .header-v2 .navigation .hs-menu-wrapper ul {flex-direction: column;} .header-v2 .navigation > .hs_cos_wrapper >.hs-menu-wrapper>ul>li>a {font-size: 18px; padding: 10px 0px;} .header-v2 .navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children { padding-left: 20px; padding-right: 20px; } .header-v2 span.childExpand {font-size: 15px; width: 40px; height: 40px; top: 0;} .header-v2 .navigation>span>.hs-menu-wrapper>ul>li.hs-item-has-children>a {width: calc(100% - 50px);} .header-v2 .navigation > .hs_cos_wrapper > .hs-menu-wrapper ul li {width: 100%;} .header-v2 .navigation li.hs-menu-item.hs-menu-depth-1.hs-item-has-children { padding-left: 20px; padding-right: 20px; } .header-v2 .navigation>.hs_cos_wrapper>.hs-menu-wrapper>ul>li>a { padding: 10px 0; font-size: 18px; } .header-v2 .headerCTA.mobilectaButton {text-align: left; padding: 30px 20px;} .header-v2 .megaLeft { padding: 30px 0px 20px 20px; } .header-v2 .megaMenuTopTitle h4 { font-size: 30px; } .header-v2 .pt30.megaMenuLowerNavigation {padding-top: 15px;} /* .header-v2 .navigation .hs-menu-wrapper ul .hs-menu-children-wrapper, .navigation .hs-menu-wrapper ul .megaMenu {background-color: #ffdd00;} */ .header-v2 .megaRight { display: none; } .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu .megaMenu .megaMenuLowerNavigation ul li ul {margin-top: 0;} .header-v2 .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu .megaMenu .megaMenuLowerNavigation ul li.hs-item-has-children a {font-size: 16px;} .megaLeftBottom {padding: 20px 15px 0;} } @media(max-width:1024px){ .slick-prev{left: -20px;} .slick-next{right: -20px;} .testimonialSliderSection {padding-left: 0;padding-right: 0;} .TwoColModuleLeftFormRightAccordian .SwapColumn .TwoColRight>div {padding-left: 0; padding-right: 55px;} } @media(max-width:991px){ /* h1{font-size:40px;line-height:1.2;} */ h2{font-size:32px;line-height:1.3;} h3{font-size:30px;line-height:1.3;} h4{font-size:18px;line-height:1.3;} h5{font-size:18px;line-height:1.3;} h6{font-size:18px;line-height:1.2;} .tabFont36,.tabFont36 h2,.tabFont36 h3{font-size:36px; line-height:1.3;} .tabFont24,.tabFont24 h3{font-size:24px; line-height:1.3;} .tabSubTitleStyle{ font-size:18px;} .tabw30{width:30%} .tabw33{width:33.33%} .tabw40{width:40%} .tabw50{width:50%} .tabw60{width:60%} .tabw66{width:66.66%} .tabw70{width:70%} .tabw100{width:100%} .tabMax100{max-width:100%;} .tabtop10 {margin-top: 10px;} .tabtop20 {margin-top: 20px;} .tabtop30 {margin-top: 30px;} .pb35,.p35-0 { padding-bottom:30px;} .pb40,.p40-0 { padding-bottom:25px; } .pb45,.p45-0 { padding-bottom:25px; } .pb50,.p50-0 { padding-bottom:35px; } .pb55,.p55-0 { padding-bottom:35px; } .pb60,.p60-0 { padding-bottom:40px; } .pb65,.p65-0 { padding-bottom:40px; } .pb70,.p70-0 { padding-bottom:50px; } .pb75,.p75-0 { padding-bottom:50px; } .pb80,.p80-0 { padding-bottom:55px; } .pb85,.p85-0 { padding-bottom:55px; } .pb90,.p90-0 { padding-bottom:55px; } .pb95,.p95-0 { padding-bottom:55px; } .pb100,.p100-0 { padding-bottom:55px; } .pb105,.p105-0 { padding-bottom:60px; } .pb110,.p110-0 { padding-bottom:60px; } .pb115,.p115-0 { padding-bottom:60px; } .pb120,.p120-0 { padding-bottom:60px; } .pb125,.p125-0 { padding-bottom:60px; } .pb130,.p130-0 { padding-bottom:60px; } .pb135,.p135-0 { padding-bottom:60px; } .pb140,.p140-0 { padding-bottom:60px; } .pb145,.p145-0 { padding-bottom:60px; } .pb150,.p150-0 { padding-bottom:60px; } .pb155,.p155-0 { padding-bottom:60px; } .pb160,.p160-0 { padding-bottom:60px; } .pb165,.p165-0 { padding-bottom:60px; } .pb170,.p170-0 { padding-bottom:60px; } .pb175,.p175-0 { padding-bottom:60px; } .pb180,.p180-0 { padding-bottom:60px; } .pb185,.p185-0 { padding-bottom:60px; } .pb190,.p190-0 { padding-bottom:60px; } .pb200,.p200-0 { padding-bottom:60px; } .pb205,.p205-0 { padding-bottom:60px; } .pb210,.p210-0 { padding-bottom:60px; } .pb205,.p205-0 { padding-bottom:60px; } .pb210,.p210-0 { padding-bottom:60px; } .pb205,.p205-0 { padding-bottom:60px; } .pb210,.p210-0 { padding-bottom:60px; } .pb215,.p215-0 { padding-bottom:60px; } .pb220,.p220-0 { padding-bottom:60px; } .pb225,.p225-0 { padding-bottom:60px; } .pb230,.p230-0 { padding-bottom:60px; } .pb235,.p235-0 { padding-bottom:60px; } .pb240,.p240-0 { padding-bottom:60px; } .pb245,.p245-0 { padding-bottom:60px; } .pb250,.p250-0 { padding-bottom:60px; } .pt35,.p35-0 { padding-top:30px } .pt40,.p40-0 { padding-top:25px; } .pt45,.p45-0 { padding-top:25px; } .pt50,.p50-0 { padding-top:35px; } .pt55,.p55-0 { padding-top:35px; } .pt60,.p60-0 { padding-top:40px; } .pt65,.p65-0 { padding-top:40px; } .pt70,.p70-0 { padding-top:50px; } .pt75,.p75-0 { padding-top:50px; } .pt80,.p80-0 { padding-top:55px; } .pt85,.p85-0 { padding-top:55px; } .pt90,.p90-0 { padding-top:55px; } .pt95,.p95-0 { padding-top:55px; } .pt100,.p100-0 { padding-top:55px; } .pt105,.p105-0 { padding-top:60px; } .pt110,.p110-0 { padding-top:60px; } .pt115,.p115-0 { padding-top:60px; } .pt120,.p120-0 { padding-top:60px; } .pt125,.p125-0 { padding-top:60px; } .pt130,.p130-0 { padding-top:60px; } .pt135,.p135-0 { padding-top:60px; } .pt140,.p140-0 { padding-top:60px; } .pt145,.p145-0 { padding-top:60px; } .pt150,.p150-0 { padding-top:60px; } .pt155,.p155-0 { padding-top:60px; } .pt160,.p160-0 { padding-top:60px; } .pt165,.p165-0 { padding-top:60px; } .pt170,.p170-0 { padding-top:60px; } .pt175,.p175-0 { padding-top:60px; } .pt180,.p180-0 { padding-top:60px; } .pt185,.p185-0 { padding-top:60px; } .pt190,.p190-0 { padding-top:60px; } .pt200,.p200-0 { padding-top:60px; } .pt205,.p205-0 { padding-top:60px; } .pt210,.p210-0 { padding-top:60px; } .pt205,.p205-0 { padding-top:60px; } .pt210,.p210-0 { padding-top:60px; } .pt205,.p205-0 { padding-top:60px; } .pt210,.p210-0 { padding-top:60px; } .pt215,.p215-0 { padding-top:60px; } .pt220,.p220-0 { padding-top:60px; } .pt225,.p225-0 { padding-top:60px; } .pt230,.p230-0 { padding-top:60px; } .pt235,.p235-0 { padding-top:60px; } .pt240,.p240-0 { padding-top:60px; } .pt245,.p245-0 { padding-top:60px; } .pt250,.p250-0 { padding-top:60px; } .tabpl0{padding-left:0;} .tabpr0{padding-right:0;} .tabtop0{padding-top:0} .tabbottom0{padding-bottom:0} .tabpb5,.tabp5-0{ padding-bottom:5px;} .tabpb10,.tabp10-0 { padding-bottom:10px;} .tabpb15,.tabp15-0 { padding-bottom:15px;} .tabpb20,.tabp20-0 { padding-bottom:20px;} .tabpb25,.tabp25-0 { padding-bottom:25px;} .tabpb30,.tabp30-0 { padding-bottom:30px;} .tabpb35,.tabp35-0 { padding-bottom:35px;} .tabpb40,.tabp40-0 { padding-bottom:40px;} .tabpb45,.tabp45-0 { padding-bottom:45px;} .tabpb50,.tabp50-0 { padding-bottom:50px;} .tabpb55,.tabp55-0 { padding-bottom:55px;} .tabpb60,.tabp60-0 { padding-bottom:60px;} .tabpb65,.tabp65-0 { padding-bottom:65px;} .tabpb70,.tabp70-0 { padding-bottom:70px;} .tabpb75,.tabp75-0 { padding-bottom:75px;} .tabpb80,.tabp80-0 { padding-bottom:80px;} .tabpb85,.tabp85-0 { padding-bottom:85px;} .tabpb90,.tabp90-0 { padding-bottom:90px;} .tabpb95,.tabp95-0 { padding-bottom:95px;} .tabpb100,.tabp100-0 { padding-bottom:100px;} .tabpb105,.tabp105-0 { padding-bottom:105px;} .tabpb110,.tabp110-0 { padding-bottom:110px;} .tabpb115,.tabp115-0 { padding-bottom:115px;} .tabpb120,.tabp120-0 { padding-bottom:120px;} .tabpb125,.tabp125-0 { padding-bottom:125px;} .tabpb130,.tabp130-0 { padding-bottom:130px;} .tabpb135,.tabp135-0 { padding-bottom:135px;} .tabpb140,.tabp140-0 { padding-bottom:140px;} .tabpb145,.tabp145-0 { padding-bottom:145px;} .tabpb150,.tabp150-0 { padding-bottom:150px;} .tabpb155,.tabp155-0 { padding-bottom:155px;} .tabpb160,.tabp160-0 { padding-bottom:160px;} .tabpt5,.tabp5-0{ padding-top:5px;} .tabpt10,.tabp10-0 { padding-top:10px;} .tabpt15,.tabp15-0 { padding-top:15px;} .tabpt20,.tabp20-0 { padding-top:20px;} .tabpt25,.tabp25-0 { padding-top:25px;} .tabpt30,.tabp30-0 { padding-top:30px;} .tabpt35,.tabp35-0 { padding-top:35px;} .tabpt40,.tabp40-0 { padding-top:40px;} .tabpt45,.tabp45-0 { padding-top:45px;} .tabpt50,.tabp50-0 { padding-top:50px;} .tabpt55,.tabp55-0 { padding-top:55px;} .tabpt60,.tabp60-0 { padding-top:60px;} .tabpt65,.tabp65-0 { padding-top:65px;} .tabpt70,.tabp70-0 { padding-top:70px;} .tabpt75,.tabp75-0 { padding-top:75px;} .tabpt80,.tabp80-0 { padding-top:80px;} .tabpt85,.tabp85-0 { padding-top:85px;} .tabpt90,.tabp90-0 { padding-top:90px;} .tabpt95,.tabp95-0 { padding-top:95px;} .tabpt100,.tabp100-0 { padding-top:100px;} .tabpt105,.tabp105-0 { padding-top:105px;} .tabpt110,.tabp110-0 { padding-top:110px;} .tabpt115,.tabp115-0 { padding-top:115px;} .tabpt120,.tabp120-0 { padding-top:120px;} .tabpt125,.tabp125-0 { padding-top:125px;} .tabpt130,.tabp130-0 { padding-top:130px;} .tabpt135,.tabp135-0 { padding-top:135px;} .tabpt140,.tabp140-0 { padding-top:140px;} .tabpt145,.tabp145-0 { padding-top:145px;} .tabpt150,.tabp150-0 { padding-top:150px;} .tabpt155,.tabp155-0 { padding-top:155px;} .tabpt160,.tabp160-0 { padding-top:160px;} .button.button--large a, a.button.button--large, .button.button--large.button--secondary a, a.button.button--large.button--secondary, .button.button--large.button--secondaryInverted a, a.button.button--large.button--secondaryInverted,.button.button--large.button--tertiary a, a.button.button--large.button--tertiary {font-size: 18px;padding: 12px 23px;} /* Magnafic Popup */ .mfp-iframe-holder {padding: 60px 20px;} .mfp-close-btn-in button.mfp-close {right: 0;top: -50px;} button.mfp-close:before, button.mfp-close:after {height: 30px;width: 4px;top: 8px;right: 19px;} .tabNone{ display: none;} .tabResImage{padding-bottom:56.25%;} .tab-right{text-align:right} .tab-center{text-align:center} .tab-left{text-align:left} .tabw50 {width: 50%} .tabw100 {width: 100%} .tabBlock{display:block; margin-right:0;} .tabTop10 { padding-top: 10px; } .tabTop20 { padding-top: 20px; } .tabTop30 { padding-top: 30px; } /* Slick slider */ .slick-prev { left: 15px;} .slick-next { right: 15px;} .slick-next, .slick-prev { bottom: 0px; } .font72, .font72 h1, .font72 h2 { font-size: 60px; } .blogPostModule .choiceRepeater { padding-bottom: 60px; } .multiple-items .slick-next { right: 15px; } .multiple-items .slick-next::before, .multiple-items .slick-next { width: 72px; height: 63px; } .shltersuitImg img { height: 130px !important; width: auto; } .footerParent { justify-content: flex-start ; text-align: left; } /* .formModule { padding-top:0; } */ /* banner section */ h1, .h1 { font-size: 55px; } h2, .h2 { font-size: 36px; } .bannerSection { padding: 140px 0 180px 0; min-height: auto !important; } .bannerSection::after { height: 70px; } /* three col section */ .threeColBlockInner { max-width: 480px; margin: 0 auto; } blockquote { font-size: 40px; } blockquote::before { margin-bottom:25px; } /* Single Column Module */ .singleVideoModule { padding: 50px 0 60px 0; } .TwoColModule .sheltersuitAnimateLogo img,.TwoColModule span.shanimatelogo img { height: 140px; top: -170px; right: 105px; } .TwoColModuleLeftFormRightAccordian .bottom-text { padding-left:0; } .SwapColumn { flex-direction: column-reverse;} .addbottompadding { padding-bottom: 40px; } .ImageModule img { height: auto !important; } .SupportModule .shltersuitImg img { height: 135px!important; } /* blog post module */ .sliderImage img { height: 410px!important; } .blogPostModule blockquote { font-size: 40px; } /* footer accordian */ .changeStructurefooter .footercolumn .footerColumnContent { display: none; padding-bottom: 14px; } .changeStructurefooter .footercolumn h6 { padding-bottom: 0px; } .changeStructurefooter .footerParent .footercolumn { border-bottom: 1px solid #444444; position: relative; padding:0; } .changeStructurefooter .footerParent .footercolumn:not(:last-child) { margin-bottom: 14px; } .changeStructurefooter .footerParent .footercolumn .footercolumnnInner { padding: 0 0 20px; } .changeStructurefooter .footercolumnnInner.open::after { transform: rotate(180deg); color: #e84242; } .changeStructurefooter .footercolumnnInner.open h6 { color: #e84242; } .changeStructurefooter .footerParent .footercolumn .footercolumnnInner::after { content: '\f078'; font-family: FontAwesome;position: absolute; right: 0px; top: -2px; } /* Two column left form right accordian module */ .TwoColModuleLeftFormRightAccordian .TwoColRight>div { padding-left: 0px; } div.twoColSvg {margin-top: -30px;} .DefaultSpacing {padding-top: 50px; padding-bottom: 50px;} .videoModule-outer .videoModule-left, .videoModule-outer .videoModule-right { width: 100% } .videoModule-right-outer {margin: auto;} .TwoColModuleLeftFormRightAccordian .SwapColumn .TwoColRight>div {padding-left: 0; padding-right: 0px;} .hs-form-field > label, .hs-form-field > label span {font-size: 16px;} .hs-form-checkbox label.hs-form-checkbox-display input+span {font-size: 16px;} form .field { padding: 0 0 10px; } } @media(max-width:767px){ .mtop10{margin-top:10px;} .mtop20{margin-top:20px;} .mtop30{margin-top:30px;} .mbottom30{margin-bottom:30px;} .mp0,.mpt0{padding-top:0!important} .mp0,.mpb0{padding-bottom:0!important} .mpl0,.mp0-0{padding-left:0!important;} .mpr0,.mp0-0{padding-right:0!important;} .mobile-left{text-align:left;} .mobile-center{text-align:center;} .mobile-center.text-right{text-align:center;} .mobilMax100{max-width:100%; width:100%;} .mw50{width:50%;} .mw100,.row-fluid .forTabw50{width:100%;} .mBlock{display:block;margin-right:0;} .mobileHide{display:none;} .mlineHeight12,.mlineHeight12 h4,.mlineHeight12 h5,.mlineHeight12 h6{line-height:1.2} .mlineHeight13,.mlineHeight13 h4,.mlineHeight13 h5,.mlineHeight13 h6{line-height:1.3} .mlineHeight14,.mlineHeight14 h4,.mlineHeight14 h5,.mlineHeight14 h6{line-height:1.4} .mlineHeight15,.mlineHeight15 h4,.mlineHeight15 h5,.mlineHeight15 h6{line-height:1.5} .reversOrderMobile .twoColCrmTecLeftSide{order:1;} .reversOrderMobile .twoColCrmTecRightSide{order:2;} .mobilept0,.mobilep0-0{ padding-top:0px;} .mobilept5,.mobilep5-0{ padding-top:5px;} .mobilept10,.mobilep10-0 { padding-top:10px;} .mobilept15,.mobilep15-0 { padding-top:15px;} .mobilept20,.mobilep20-0 { padding-top:20px;} .mobilept25,.mobilep25-0 { padding-top:25px;} .mobilept30,.mobilep30-0 { padding-top:30px;} .mobilept35,.mobilep35-0 { padding-top:35px;} .mobilept40,.mobilep40-0 { padding-top:40px;} .mobilept45,.mobilep45-0 { padding-top:45px;} .mobilept50,.mobilep50-0 { padding-top:50px;} .mobilept55,.mobilep55-0 { padding-top:55px;} .mobilept60,.mobilep60-0 { padding-top:60px;} .mobilept65,.mobilep65-0 { padding-top:65px;} .mobilept70,.mobilep70-0 { padding-top:70px;} .mobilept75,.mobilep75-0 { padding-top:75px;} .mobilept80,.mobilep80-0 { padding-top:80px;} .mobilept85,.mobilep85-0 { padding-top:85px;} .mobilept90,.mobilep90-0 { padding-top:90px;} .mobilept95,.mobilep95-0 { padding-top:95px;} .mobilept100,.mobilep100-0 { padding-top:100px;} .mobilept105,.mobilep105-0 { padding-top:105px;} .mobilept110,.mobilep110-0 { padding-top:110px;} .mobilept115,.mobilep115-0 { padding-top:115px;} .mobilept120,.mobilep120-0 { padding-top:120px;} .mobilept125,.mobilep125-0 { padding-top:125px;} .mobilept130,.mobilep130-0 { padding-top:130px;} .mobilepb0,.mobilep0-0{ padding-bottom:0px;} .mobilepb5,.mobilep5-0{ padding-bottom:5px;} .mobilepb10,.mobilep10-0 { padding-bottom:10px;} .mobilepb15,.mobilep15-0 { padding-bottom:15px;} .mobilepb20,.mobilep20-0 { padding-bottom:20px;} .mobilepb25,.mobilep25-0 { padding-bottom:25px;} .mobilepb30,.mobilep30-0 { padding-bottom:30px;} .mobilepb35,.mobilep35-0 { padding-bottom:35px;} .mobilepb40,.mobilep40-0 { padding-bottom:40px;} .mobilepb45,.mobilep45-0 { padding-bottom:45px;} .mobilepb50,.mobilep50-0 { padding-bottom:50px;} .mobilepb55,.mobilep55-0 { padding-bottom:55px;} .mobilepb60,.mobilep60-0 { padding-bottom:60px;} .mobilepb65,.mobilep65-0 { padding-bottom:65px;} .mobilepb70,.mobilep70-0 { padding-bottom:70px;} .mobilepb75,.mobilep75-0 { padding-bottom:75px;} .mobilepb80,.mobilep80-0 { padding-bottom:80px;} .mobilepb85,.mobilep85-0 { padding-bottom:85px;} .mobilepb90,.mobilep90-0 { padding-bottom:90px;} .mobilepb95,.mobilep95-0 { padding-bottom:95px;} .mobilepb100,.mobilep100-0 { padding-bottom:100px;} .mobilepb105,.mobilep105-0 { padding-bottom:105px;} .mobilepb110,.mobilep110-0 { padding-bottom:110px;} .mobilepb115,.mobilep115-0 { padding-bottom:115px;} .mobilepb120,.mobilep120-0 { padding-bottom:120px;} .mobilepb125,.mobilep125-0 { padding-bottom:125px;} .mobilepb130,.mobilep130-0 { padding-bottom:130px;} .font72, .font72 h1, .font72 h2 { font-size: 40px; } h1, .h1 { font-size: 40px; } p { font-size: 16px; } /* body.headerMobileStickyBottomSpace{margin-bottom:72px} */ .mobilepl16,.mobilep16-0 { padding-left:16px;} .mobilepr16,.mobilep16-0 { padding-right:16px;} button, .button a,a.button,a.hs-button,.cta_button{ } .button.secondary-btn a, form input[type='submit'], form .hs-button, a.button.secondary-btn, .ias-trigger-next a { min-width: 125px; padding: 8px 10px; font-size: 15px; } .miniButton a {width: 28px;height: 28px;border-width: 1px;line-height: 26px;} .miniButton a svg {width: 12px;} .miniButton.miniblueBg a:hover{border-radius:0px;} .miniButton.miniblueBg a{width: 40px;height: 40px;line-height: 38px;} .miniButton.miniblueBg a svg {width: 16px;} .headerCTA.button a { font-size: 16px; } .header .btn { display:none; } .mobilectbtn { display:block !important; } .mobilectbtn { padding: 20px 15px; } .multiple-items .slick-next { right: 15px; top: -21px; } .multiple-items .slick-next::before, .multiple-items .slick-next { width: 56px; height: 50px; } .shltersuitImg img { height: 100px !important; } .headerLogo img { height: 50px !important; width: auto; } .headerLogo { width: 147px; } a.expandMenu { top:30px; } .navigation > .hs_cos_wrapper > .hs-menu-wrapper { top: 100%; } .navigation > .hs_cos_wrapper > .hs-menu-wrapper { height: calc(100vh - 78px) } .changeHeaderStyle .navigation > .hs_cos_wrapper > .hs-menu-wrapper { height: calc(100vh - 78px); } .navigation > .hs_cos_wrapper >.hs-menu-wrapper>ul>li>a{ font-size: 20px;} ul.hs-menu-children-wrapper .hs-menu-depth-2 a { font-size: 14px; } .headerLanguageSwitcher { margin-right: 40px; } .header .langSwitcher-arrow-img { padding-left: 0; } a.expandMenu {width: 25px; height: 25px; } a.expandMenu i { width:20px; margin: 4px 0; } a.expandMenu.active i:first-child { top:5px; } .footerParent .footercolumn .footercolumnnInner { width:100% !important;text-align:left; padding: 10px 10px; } .footerParent { margin:0; } /* banner section */ .bannerSection span.slideArrow a img { height: 37px; } .bannerSection .slideArrow { left: 50px; } .bannerSection { padding: 100px 0 140px 0; } .bannerSection::after { height: 60px; } /* Two Column module */ .TwoColModuleParent > div { padding-left:0px; padding-right: 0px; } /* .TwoColModuleParent.SwapColumns { flex-direction: column-reverse; } */ .TwoColModuleParent { margin:0 0 ;} .threeColBlock { padding-left: 20px; padding-right: 20px; } .threeColBlockParent { margin:0; } .blogPostModule .choiceRepeater { padding-bottom: 40px; } blockquote { font-size: 35px; } .gallerySection .galleryImg {width: 33.33%; padding: 20px;} .gallerySection .galleryMain {margin-top: 20px;} .TwoColModule .sheltersuitAnimateLogo img,.TwoColModule span.shanimatelogo img { height: 90px; top: -105px; } .footer .hs-menu-wrapper a { font-size: 16px; } .headerLogo.blackHeader img { height: 50px !important; } .SupportModule .shltersuitImg img { height: 115px !important; } div.twoColSvg {margin-top:-25px;} /* div.twoColSvg { height: 47px; } */ .twoColSvg img { height: 50px !important;} .blog-post-info { padding-top: 30px; } /* blog post module */ .sliderImage img { height: 300px!important; } .ImageSlider .sliderImage img {height: 370px !important;} .blogPostModule blockquote { font-size: 35px; } .blogPostModule .choiceRepeater:not(:last-child) { padding-bottom: 50px; } .blogPostImageInner img { width:100%; } .blogBannerSection .line-road2 span:after { bottom: -24px; } .TwoColModuleLeftFormRightAccordian .wrapAccordian { padding: 20px 0; } .DefaultSpacing {padding-top: 40px; padding-bottom: 40px;} .threeColModuleOutter .threeColBlock {padding-left: 0; padding-right: 0; } .header-v2 .megaMenuTopTitle h4 { font-size: 25px; } .header-v2 .pt30.megaMenuLowerNavigation { padding-top: 5px; } .navigation .hs-menu-wrapper ul li a { padding: 5px 0; } .megaLeftBottom { padding: 20px 0 0; } .header-v2 .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu .megaMenu .megaMenuLowerNavigation ul li ul { padding-left: 10px; } .header-v2 .megaLeft { padding: 20px 0px 20px 20px; } .header-v2 a.expandMenu {padding-top: 7px;} .header-v2 .navigation .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.ActivatedMenu .megaMenu .megaMenuLowerNavigation ul li.hs-item-has-children ul li a {font-size: 16px;} .stepFormModule .hs-form-radio label.hs-form-radio-display input+span .element0 {font-size: 18px;} .stepFormModule .hs-form-radio label.hs-form-radio-display input+span .element1 { font-size: 15px; } .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .prev-btn {margin-top: 7px !important;} .stepFormModule .multiStepForm input[type='text'], .stepFormModule .multiStepForm input[type='email'], .stepFormModule .multiStepForm input[type='password'], .stepFormModule .multiStepForm input[type='tel'], .stepFormModule .multiStepForm input[type='number'], .stepFormModule .multiStepForm select, .stepFormModule .multiStepForm textarea {font-size: 14px; padding: 5px 9px 10px;} .hs-form select {background-size: 11px; background-position: center right 10px;} li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span {font-size: 14px;} .stepFormModule form .legal-consent-container li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after {content: '\f00c'; font-family: FontAwesome; position: absolute; left: -7px; top: 9px; width: auto; height: auto; background-color: transparent; border-radius: 100%; transition: .5s ease all; color: #f5f4f1; font-size: 10px;} } @media(max-width: 600px){ /* blog post module */ .slick-list.draggable { padding: 0 20px;} .form-contact .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field { width:100%; } .ImageSlider .sliderImage img { height: 330px!important; margin: 0 auto; } .blogPostImageInner img { height: 490px!important; } } @media(max-width: 575px){ .gallerySection .galleryImg {width: 50%;} .megaLeftButton, .megaLeftImg { width: 100%; } } @media(max-width:480px){ .headerLogo img { height: 50px !important; } .footerModule .footercolumn { width:100%; } .footerParent .footercolumn .footercolumnnInner { padding-left:0; padding-right: 0px; } .footerParent { margin:0; } h2, .h2 { font-size: 30px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .form-step-content { padding-left: 15px; padding-right: 15px; } .multiStepForm .from-step span { padding: 9px 17px; height: 50px; width: 50px; } .step-counter.from-step-outer.active { padding: 14px 28px 14px; } .multiStepForm .form-step-content { padding:18px 20px 40px 20px; } .step-counter.from-step-outer.active { width: calc(100% - 120px); } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step span { height: 50px; width: 50px; } /* .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-0.active, .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-1.active { width: calc(100% - 120px); } */ .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-0.active, .TwoColModuleLeftFormRightAccordian .from-step-outer.step1-1.active { width: calc(100% - 58px); } .TwoColModuleLeftFormRightAccordian .from-step-outer.active { padding: 0 13px; } .multiStepForm .from-step-outer.completed.active .from-step, .multiStepForm .from-step-outer.active .from-step { flex-direction: unset; flex-wrap: nowrap; align-items: flex-start; padding-top: 10px; } .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer .from-step.active p, .TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.active .from-step p { padding-left: 0; } .multiStepForm .from-step-outer.active span.formating { padding:0 10px 0 0px; } .blogPostModule .choiceRepeater:not(:last-child) { padding-bottom: 30px; } .TwoColModule .sheltersuitAnimateLogo img,.TwoColModule span.shanimatelogo img { right: 50px; } .multiStepForm .button.primary-btn a { padding: 8px 20px; } /* .TwoColModuleLeftFormRightAccordian .from-step-outer.step2-0.active ,.TwoColModuleLeftFormRightAccordian .from-step-outer.step2-1.active { width: calc(100% - 124px);} */ .TwoColModuleLeftFormRightAccordian .from-step-outer.step2-0.active ,.TwoColModuleLeftFormRightAccordian .from-step-outer.step2-1.active { width: calc(100% - 58px);} .stepFormModule.TwoColModuleLeftFormRightAccordian .ms-form-steps { justify-content: center; padding-top: 60px; padding-left: 10px; padding-right: 10px; } .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .from-step-outer.active .from-step p { left: 0; right: 0; padding-left: 0; top: 19px; text-align: center; } .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .from-step span.formating { padding: 0; } .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer { width: 11px; height: 11px; } .stepFormModule .multiStepForm .from-step-outer.completed.active .from-step, .stepFormModule .multiStepForm .from-step-outer.active .from-step {padding-top: 0;} .stepFormModule.TwoColModuleLeftFormRightAccordian .from-step-outer.active {padding: 0;} .stepFormModule .hs-form-radio label.hs-form-radio-display input+span {padding: 5px 0 0px 15px;} .stepFormModule.TwoColModuleLeftFormRightAccordian .multiStepForm .btn-group .button a {margin-top: 0;} } @media(max-width:371px){ .multiStepForm .button.primary-btn a { margin-top:12px; } } @media(max-width:375px){ .blogPostImageInner img { height: 350px!important; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0);} to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0);} to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} }