/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ :root {} @import url(https://db.onlinewebfonts.com/c/ad775834db281065fc17e86ad857bf63?family=Cerebri+Sans+Bold); @import url(https://db.onlinewebfonts.com/c/bb018e64d01355748d8ddc53553850b9?family=Cerebri+Sans+Regular); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* cyrillic-ext */ @font-face { font-family: "CerebriSansPro-Regular"; src: url("https://info.flexcutech.com/hubfs/flex-blog-fonts/CerebriSansPro-Regular.ttf") format("truetype"), url("https://info.flexcutech.com/hubfs/flex-blog-fonts/CerebriSansPro-Regular.otf") format("opentype"); } @font-face { font-family: "CerebriSansPro-Bold"; src: url("https://info.flexcutech.com/hubfs/flex-blog-fonts/CerebriSansPro-Bold.ttf") format("truetype"), url("https://info.flexcutech.com/hubfs/flex-blog-fonts/CerebriSansPro-Bold.otf") format("opentype"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v35/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } h1, h2, h3, h4, h5, h6 {font-family: "Cerebri Sans Bold";} p {font-family: 'Poppins', sans-serif;} .flex-landingpage-form form {} section .custom-form--boxin {border-radius: 15px; border: none; box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.4);} section .custom-form--boxin input {border-radius: 15px;} section .custom-form--boxin .hs-error-msgs {background-color: #2163F9;} section .custom-form--boxin .hs-input.invalid {border-color: #2163F9;} section .custom-form--boxin .hs-error-msgs::after {border-top-color: #2163F9;} section .custom-form--boxin h3 {color: #2163F9 !important;} section .custom-form--boxin .hs-button {background-color: #2163F9;} section .custom-form--boxin .hs-button:hover {background-color: #071C4D;} /* blog grid */ .avatar{width:50px !important;height:50px !important} .new-blog-page hr{margin-top:20px;margin-bottom:20px;width:100%;} .new-blog-page .bg-color-white{background-color:#fff} .new-blog-page .author-date{margin-bottom:20px} .new-blog-page .item-tag{font-size:1.3rem;color:#A5181C;margin-bottom:15px} .new-blog-page .flex-section__col h4.item__title{margin-bottom:20px !important;color:#0c5394;line-height:1.2;letter-spacing:0} .new-blog-page .flex-section .item__body{color:#0c5394} .new-blog-page .author{padding-left:16px;font-weight:500;font-size:1.2rem} .new-blog-page .date{padding-left:16px;font-size:1.3rem;color:#c4c4c5} .new--arrow{ position:absolute; top:25px; background:#ff4f62; z-index:1; right:-5px; font-weight:900; padding:2px 5px 2px 10px; color:#fff; text-transform:uppercase; text-align:center; font-size:12px; border-radius:1.25rem 0 .375rem 1.25rem; letter-spacing:.5px; line-height:20px} .new-blog-page .flex-section__col .col__inner-data{padding:30px 50px} .new-blog-page .flex-section__col--image .col__overlay{min-height:400px} .new-blog-page .read-more span{font-size:2rem;padding-left: 5px;} a.listing-post-link:hover{color:#ff4f62;/*text-decoration:underline*/} .new-blog-page .flex-section .read-more{float:right} .new-blog-page .flex-section .latest-blog-item{color:#2163F9;line-height:1.2;letter-spacing:0;font-size:3.8rem;font-family:'CerebriSansPro-Bold';} .new--arrow:after{content:"";display:block;position:absolute;width:0;height:0;right:0px; border-left:5px solid #ff4f62;border-top:10px solid transparent;top:-6px;border-radius:0px 8px} body hs-cmsf-branding { display: none !important; opacity: 0 !important; visibility: hidden !important; } @media screen and (max-width:600px){ .new-blog-page .flex-section__col .col__inner-data{padding:30px 6px}.new--arrow{top:86px} .flex-section--2-cols-fluid-image{display:none}} /* blog-listing */ @media screen and (min-width:1900px){ .row-fluid .span8{width:65%!important} } .new-blog-page .row-fluid .listing-blog .blog-row{ display:flex;flex-flow:row wrap;justify-content:flex-start } .new-blog-page .row-fluid .listing-blog .blog-row .listing-post-item-inner{ background:#f3f2f5;display:flex;flex-flow:column nowrap;margin:0 15px 22px 0 } .row-fluid [class*=span4],.row-fluid [class*=span8]{ /*margin-left:0!important*/} .listing-blog{ margin:50px} .listing-post-item-inner .listing-author-date{ color:#c4c4c5;padding-bottom:15px } .listing-post-item-inner .listing-blog-content{ padding:20px 20px 0} .new-blog-page .listing-post-item-inner .author{padding-left:0} .new-blog-page .listing-post-item-inner .item__body{ height:5em;overflow:hidden; font-size:16px; font-family:Poppins,sans-serif;margin-top:10px;} .item__body:hover{color:#000000 !important;} .new-blog-page .listing-post-item-inner .item__title{line-height:1.3} .new-blog-page .read-more{float:right} .listing-blog .listing-blog-image{height:240px;position:relative;width:100%} .listing-blog .listing-image{height:240px;object-fit:cover;object-position:center center;width:100%} .listing-blog-image .author-link{bottom:-18px;left:26px;position:absolute} .listing-post-item-inner .listing-blog-content h2{font-size:2.6rem;font-weight:400} .new-blog-page .row-fluid .listing-blog .blog-row .news-subscribe h5{color:#fff;font-size:2.4rem;line-height:1.3} .blog-min-readmore{margin-top:auto;padding:0 20px 20px; text-decoration:none;} .blog-min-readmore a{ text-decoration:none;} .new-blog-page .read-more span {/*font-size: 1rem;*/} .new-blog-page .row-fluid .listing-blog .blog-row .news-subscribe{background:#0c5394;display:none;padding:35px} .listing-blog .blog-row .news-subscribe #subscribe-tag{color:#A5181C;font-size:14px;margin-bottom:20px} .listing-blog .blog-row .news-subscribe p{color:#b5b5b5;font-size:14px;line-height:1.6} .new-blog-page .pop-news-post-item .item__title{font-size:2.6rem} .new-blog-page .left-featured-section{position:relative} .new-blog-page .left-featured-section .popular-edges{ background:#A5181C;border-radius:27px 57px 50px 15px; color:#fff;font-size:12px;left:-6px;padding:0 12px; position:absolute;top:30px} .new-blog-page .pop-post-grid{ margin-right:10px;padding-right:10px} .new-blog-page .pop-news-post-item{padding-bottom:20px} .new-blog-page .row-fluid .listing-blog .blog-row .news-subscribe p{margin-bottom:40px} .new-blog-page .pop-news-post-item .row-fluid-wrapper{background:#f3f2f5} .new-blog-page .right-featured-section .col__inner-data{padding:20px} .new-blog-page .pop-news-post-item .row-fluid-wrapper .row-fluid{display:flex} .new-blog-page .pop-news-post-item .row-fluid-wrapper .row-fluid .span6{flex:1} .new-blog-page .pop-news-post-item .row-fluid-wrapper .row-fluid .left-featured-section img{ height:100%; object-fit:cover; object-position:center center; width:100%} .popular-edges:before{ border-radius:15px 0; border-right:6px solid #A5181C; border-top:18px solid transparent; content:""; display:block; height:0; left:0; position:absolute; top:-8px;width:0} @media screen and (max-width:600px){ .new-blog-page .listing-blog{margin:30px auto} .new-blog-page .row-fluid .listing-blog .blog-row{margin:20px} .new-blog-page .row-fluid .listing-blog .blog-row .listing-post-item-inner{margin:0 0 30px} .new-blog-page .pop-news-post-item .row-fluid-wrapper .row-fluid {display:block} .new-blog-page .pop-post-grid{margin-right:0;padding-right:0} } .new-blog-page .row-fluid .listing-blog .blog-row .visable-newsletter-subscribe{display:block} .new-blog-page .flex-section .item__body p { height: 5em; overflow: hidden; font-size: 16px !important; font-family: Poppins,sans-serif; margin-top: 10px; color: #0e3a5e; } .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--second, .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--image { margin-bottom: 0; } .flex-section__col--image .col__overlay { position: relative; width: 100%; margin: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(156, 105, 74, 0.35); background-blend-mode: overlay; } .flex-section--2-cols-fluid-image .flex-section__col--second.fluid-image--above { display: block; } .flex-section--2-cols-fluid-image .flex-section__col--second.fluid-image--below { display: none; } .flex-section--2-cols-fluid-image .item__body { font-size: 2rem; line-height: 1.64705882; } .flex-section--2-cols-fluid-image.more-bottom-padding { padding-bottom: 0; } @media (max-width: 767px) { .flex-section--2-cols-fluid-image.more-bottom-padding.flex-section--2-cols-fluid-image .flex-section__inner.inner--content { padding-bottom: 120px !important; } } .flex-section--2-cols-fluid-image.more-bottom-padding.icon-image-style .flex-section__inner { /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } .flex-section--2-cols-fluid-image.more-bottom-padding.icon-image-style .flex-section__inner.inner--content { padding-bottom: 32px !important; } @media (max-width: 767px) { .flex-section--2-cols-fluid-image.more-bottom-padding.icon-image-style .flex-section__inner.inner--content { padding-bottom: 104px !important; } } @media (min-width: 768px) { .flex-section--2-cols-fluid-image .flex-section__col { width: 50%; padding-right: 20px; padding-left: 20px; } .flex-section--2-cols-fluid-image .flex-section__col--first, .flex-section--2-cols-fluid-image .flex-section__col--content { margin-bottom: 0; padding-left: 0; padding-right: 0; } .flex-section--2-cols-fluid-image .flex-section__col--second, .flex-section--2-cols-fluid-image .flex-section__col--image { margin-bottom: 0; padding-left: 0; padding-right: 0; } .flex-section--2-cols-fluid-image .flex-section__col--second .col__inner, .flex-section--2-cols-fluid-image .flex-section__col--image .col__inner { display: none; width: inherit; height: inherit; } } /*** footer ***/ h3.ft-heading a, h3.ft-heading .ft-heading-text { color: #575757; } /* header start*/ .site-header__main-area { margin: auto; max-width: 1040px; } .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-link { font-family: Poppins, sans-serif; font-weight: 400; font-size: 17px; line-height: 1; text-transform: none; } .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-link:hover { text-decoration: none; color: #537ebf; border-bottom: none; } .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-link a :active { text-decoration: none; color: #537ebf; border-bottom: none; } .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-link button { text-decoration: none; color: #FF0000 !important; border-bottom: none; } .site-header__main-area .site-header__navigation, .site-header__main-area .site-header__navigation-utility {margin-left:auto;} /* header end */ .blog-min-readmore a:hover { color:#000000; } .new-blog-page .author, .new-blog-page .date { font-family: Poppins, sans-serif; font-weight: 400; font-size: 12px; line-height: 1; text-transform: none; } .item-tag a { font-family: Poppins, sans-serif; font-weight: 400; font-size: 16px; line-height: 1; text-transform: none; text-decoration:none; letter-spacing:0px; } .listing-post-item-inner .listing-blog-content h2{ font-family: CerebriSansPro-Bold; font-weight: 600; font-size: 2rem; line-height: 1.3; } .blog-min-readmore hr { margin-top: 20px; margin-bottom: 20px; width: 100%; border-bottom :1px solid rgba(0, 0, 0, 0.1) } .listing-post-item-inner .listing-blog-content a{ text-decoration:none; } .ft-heading { font-family: "Open Sans", sans-serif; font-weight: 500; font-size: 16px; text-align: left; } .ft-heading-text { color: #071C4D; } .ft-heading { font-family: Poppins, sans-serif; font-weight: 500; font-size: 18px; text-align: left; } h3.ft-heading .ft-heading-text { color: #575757; } h3.ft-heading .ft-heading-text { color: #071c4d; } .ft-module-content { margin-bottom: 0px; } .ft-rich-text strong { font-weight: bold; } .ft-rich-text p a {color:#575757;text-decoration:none;} .ft-rich-text p {margin: 0 0 10px;} .ft-node-ng1wb3i4ozq2 .ft-module-content .ft-rich-text, .ft-node-ng1wb3i4ozq2 .ft-module-content .ft-rich-text * { color: #575757; } .ft-node-ng1wb3i4ozq2 .ft-rich-text, .ft-node-ng1wb3i4ozq2 .ft-rich-text *:not(b, strong) { font-family: Poppins, sans-serif; font-weight: 400; font-size: 15px; } .ft-node-nqygm403p59l { width: 100%; } .ft-node-nqygm403p59l > .fl-col-content { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .pp-clearfix:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; } .pp-subscribe-form .pp-form-error-message { clear: both; display: none; padding-top: 8px; font-weight: lighter; } .pp-subscribe-form .pp-form-error .pp-form-error-message { display: block; } .pp-form-field input, .pp-form-field input[type="text"] { height: auto; width: 100%; } .pp-subscribe-form .pp-form-field.pp-acceptance-field { margin-top: 10px; margin-bottom: 10px; } .pp-subscribe-form label[for="pp-subscribe-form-name"], .pp-subscribe-form label[for="pp-subscribe-form-email"] { display: block; } .pp-form-field.pp-checkbox-input input { width: auto; display: inline-block; margin-right: 4px; } .pp-form-field.pp-checkbox-input label { font-weight: 400; display: inline-block; cursor: pointer; } .pp-subscribe-form-inline .pp-subscribe-form-inner { display: flex; align-items: flex-end; flex-flow: row wrap; } .pp-subscribe-form-inline .pp-form-field { float: left; margin: 0; padding-right: 10px; width: 33.33%; } .pp-subscribe-form-inline.pp-subscribe-form-name-hide .pp-form-field { width: 66.66%; } .pp-subscribe-form-inline .pp-form-button { float: left; width: 33.33%; } .pp-subscribe-form-inline a.ft-button { width: 100%; text-align: center; } .pp-subscribe-form-compact .pp-form-button { margin-top: 10px; float: left; width: 100%; } .pp-subscribe-form a.ft-button { text-align: center; } .pp-subscribe-form-compact .pp-form-field { width: 50% !important; margin-bottom: 15px; float: left; } .pp-subscribe-form .pp-form-error-message, .pp-subscribe-form .pp-form-success-message { font-weight: 400; } .pp-subscribe-form .pp-subscribe-form-footer { margin-top: 15px; } .landingpage-img img {display: block; height: auto; max-width: 100%; width: 275px;} .lp-page-s24 .dnd-section:not([class*=force-full-width-section])>.row-fluid { max-width: 1070px; } .lp-page-s24 .module-wrapper--dark ul { color: #fff; } @media (min-width: 768px) { .landingpage-img img { float: right; margin: 4px 20px 20px 20px; } .lp-page-s24 .dnd-section:not([class*=force-full-width-section])>.row-fluid { padding-left: 15px; padding-right: 15px; } } /* Mobile style: center-align the image */ @media (max-width: 767px) { .landingpage-img img { display: block; /* Reset the display property to override the float */ margin: 20px; /* Center-align the image */ } } @media (max-width: 768px) { .pp-subscribe-form-inline .pp-form-field { float: none; margin: 0 0 15px; padding-right: 0 !important; width: 100% !important; } .pp-subscribe-form-inline.pp-subscribe-form-name-hide .pp-form-field { width: 100%; } .pp-subscribe-form-inline .pp-form-button { float: none; width: 100% !important; } .pp-subscribe-form a.ft-button { width: 100% !important; } } .ft-node-i2ajexg69cn1 > .ft-module-content { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; } .ft-node-i2ajexg69cn1 .pp-subscribe-form input[type=text], .ft-node-i2ajexg69cn1 .pp-subscribe-form input[type=email], .ft-node-i2ajexg69cn1 .pp-subscribe-form textarea, .ft-node-i2ajexg69cn1 .pp-subscribe-form input[type=tel] { padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; font-family: Poppins, sans-serif; font-weight: 100; font-size: 15px; } .ft-node-il3v4zj6p1db.ft-module-heading .ft-heading { font-family: "Open Sans", sans-serif; font-weight: 500; font-size: 16px; text-align: left; } .ft-row .ft-col .ft-node-il3v4zj6p1db h3.ft-heading a, .ft-row .ft-col .ft-node-il3v4zj6p1db h3.ft-heading .ft-heading-text, .ft-row .ft-col .ft-node-il3v4zj6p1db h3.ft-heading .ft-heading-text *, .ft-node-il3v4zj6p1db h3.ft-heading .ft-heading-text { color: #575757; } .ft-module-content { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } .ft-node-i2ajexg69cn1 .pp-subscribe-form input[type=text], .ft-node-i2ajexg69cn1 .pp-subscribe-form input[type=email] { color: #52525C; background-color: #ffffff; border-width: 0; border-style: solid; border-color: #eaeaea; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; height: 37px; } .pp-subscribe-form-inline .pp-form-button { float: left; width: 33.33%; } .pp-subscribe-form a.ft-button, .pp-subscribe-form a.ft-button:visited { background-color: #175CFF; text-decoration: none; display: block; clear: both; height: 38px; } .ft-node-i2ajexg69cn1 a.ft-button, .ft-node-i2ajexg69cn1 a.ft-button:hover, .ft-builder-content .ft-node-i2ajexg69cn1 a.ft-button:visited { background: #175CFF; } .ft-node-i2ajexg69cn1 a.ft-button, .ft-builder-content .ft-node-i2ajexg69cn1 a.ft-button:visited, .ft-builder-content .ft-node-i2ajexg69cn1 a.ft-button *, .ft-builder-content .ft-node-i2ajexg69cn1 a.ft-button span.ft-button-text, .ft-builder-content .ft-node-i2ajexg69cn1 a.ft-button:visited * { color: #ffffff; padding-top: 4px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 1px 3px 8px 0px rgba(0,89,191,0.57); } .social-media { /*float: right !important;*/ } .col__overlay { height: 100%; background-size: cover; } .sticky-row--stuck .page-nav.sticky-row { border-bottom: none !important; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out ease-in-out 0.2s; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only, .placeholder #comment-form .hs_firstname > label, .placeholder #comment-form .hs_lastname > label, .placeholder #comment-form .hs_website > label, .placeholder #comment-form .hs_email > label, .placeholder #comment-form .hs_comment > label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .container:after { clear: both; } .container:before, .container:after { content: " "; /* 1 */ display: table; /* 2 */ } .container:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section_col--content, .flex-section_col--image { width: 50%; position: inherit !important; } .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--content { margin-bottom: 0; } .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { background-size: 100% auto; background-size: cover; } .section-padding-top { padding-top: 120px; } .section-padding-bottom { padding-bottom: 120px; } h1.outline, .outline { display: none; } .nowrap { white-space: nowrap; } @media (min-width: 992px) { .nowrap-desktop { white-space: nowrap; } } @media (max-width: 767px) { .br-tablet { display: block; } } @media (max-width: 479px) { .br-mobile { display: block; } } /* In Editor Classes ========================================================================== */ .editor-only, .inline-editor-only { display: none; } .browser-only { display: block; } .hs-inline-edit .editor-hidden, .inpage-editing .editor-hidden { display: none; } .hs-inline-edit .editor-only, .inpage-editing .editor-only { display: block; } .hs-inline-edit .inline-editor-only, .inpage-editing .inline-editor-only { display: none; } .hs-inline-edit [class*="span"] .hs_cos_wrapper_type_widget_container:empty, .inpage-editing [class*="span"] .hs_cos_wrapper_type_widget_container:empty, .hs-inline-edit [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty, .inpage-editing [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty { display: block !important; margin: 2em !important; padding: 1rem !important; border: 2px dashed #bbb; color: #aaa; border-radius: 5px; text-align: center; } .hs-inline-edit [class*="span"] .hs_cos_wrapper_type_widget_container:empty:before, .inpage-editing [class*="span"] .hs_cos_wrapper_type_widget_container:empty:before, .hs-inline-edit [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty:before, .inpage-editing [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty:before { display: block; content: 'Add modules inside this flexible container'; } .hs-inline-edit .fg-light [class*="span"] .hs_cos_wrapper_type_widget_container:empty, .inpage-editing .fg-light [class*="span"] .hs_cos_wrapper_type_widget_container:empty, .hs-inline-edit .fg-light [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty, .inpage-editing .fg-light [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty { border: 2px dashed rgba(255, 255, 255, 0.8); color: #fff; } .hs-inline-edit .visible-in-editor, .inpage-editing .visible-in-editor { display: block !important; opacity: 0.25; } .hs-inline-edit .visible-in-editor .hs_cos_wrapper_type_widget_container:empty, .inpage-editing .visible-in-editor .hs_cos_wrapper_type_widget_container:empty, .hs-inline-edit .visible-in-editor .hs_cos_wrapper_type_widget_container > span:empty, .inpage-editing .visible-in-editor .hs_cos_wrapper_type_widget_container > span:empty { border-color: #333; color: #222; } .hs-inline-edit .inline-editor-only { display: block; } .editor-help { margin: 32px 0; font-weight: "Helvetica",Verdana,Arial,sans-serif; font-size: 12px; letter-spacing: 0; color: rgba(0, 0, 0, 0.25); } .offset-bg-color-none, .bg-color-none { background-color: #fff !important; } .offset-bg-color-light, .bg-color-light { background-color: #fafafc !important; } .offset-bg-color-light-grey, .bg-color-light-grey { background-color: #f3f2f5 !important; } .offset-bg-color-green, .bg-color-green, .offset-bg-color-blue, .bg-color-blue { background-color: #0c5394 !important; } .offset-bg-color-dark-grey, .bg-color-dark-grey, .offset-bg-color-dark, .bg-color-dark { background-color: #163147 !important; } .offset-bg-color-black, .bg-color-black { background-color: #000 !important; } .color-grey { color: #a1a2a6; } /*--- Background Image set -- Override BG color ---*/ .bg-img-set { background-color: #303842; background-size: auto 100%; background-position: center; background-repeat: no-repeat; } @media (min-width: 480px) { .bg-img-set { background-size: 100% auto; background-size: cover; } } html { font-size: 62.5%; box-sizing: border-box; } @media (min-width: 480px) { html { font-size: 62.5%; } } html.lt-ie9 { font-size: 100%; } *, *:before, *:after { box-sizing: inherit; } section, article, aside, footer, header, nav { display: block; } body { margin: 0; padding: 0; background: #fff; color: #4f5a69; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: normal; font-size: 1.7rem; /*line-height: 2.8rem;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*----------------------------------------*\ Extender classes & mixins \*----------------------------------------*/ .paragraph, p, blockquote.sm, blockquote.sm *, table, ul, ol { margin: 0 0 16px; } .tag-style, .post-body p > strong:only-child a:not(.btn) em, .post-body .related-block .tag, .istone-grid__heading h2, .magic-grid__heading h2, .istone-grid .grid-item__topics .read-duration, .magic-grid .grid-item__topics .read-duration, .case-listing__filter-info .filter-info-wrapper, .case-listing__filter-info .filter-info__label { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; } .tag-link .tag-style { color: inherit; } .tag-style a { font-size: 1.4rem !important; line-height: 2 !important; font-family: 'Archivo', 'Neuzeit', 'Open Sans', Arial, sans-serif !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.105em !important; color: #A5181C !important; border: none !important; } .tag-link .tag-style a { color: inherit !important; } .tag-style a:active { color: #ff9d4a !important; text-decoration: none !important; border: none !important; } .no-touch .tag-style a:hover { color: #ff9d4a !important; text-decoration: none !important; border: none !important; } .no-touch .tag-style a:active { color: rgba(255, 157, 74, 0.7) !important; } .tag-style .tag-subtitle { margin-left: 1rem; color: #a1a2a6; } p.tag-style { margin-bottom: 24px; } p.tag-style + h2, p.tag-style + h3, p.tag-style + h4 { margin-top: 24px !important; } .preamble, p.intro { font-size: 2rem; line-height: 1.6; margin-bottom: 40px; color: #4f5a69; } @media screen and (min-width: 768px) { .preamble, p.intro { /* font-size: 2.2rem; line-height: 1.63636364; */ } } .preamble strong { font-weight: 400; } .bg-img-set .preamble, .bg-color-black .preamble, .bg-color-blue .preamble, .bg-color-dark .preamble, .bg-color-dark-grey .preamble, .bg-color-green .preamble { color: #fff; } .small-text, small { display: inline-block; } /*----------------------------------------*\ PARAGRAPHS \*----------------------------------------*/ p em strong { font-weight: 400; } p strong em { font-weight: 400; } p img { /*margin: 16px 0 0;*/ } .mix-typography { font-family: Poppins,sans-serif;; font-weight: 400; } .mix-typography strong { font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; font-size: 95.5%; line-height: 1; } .small-caps, span.sc { font-size: 87% !important; line-height: 1; text-transform: uppercase; } sub, sup { line-height: 1; } /*----------------------------------------*\ HEADINGS \*----------------------------------------*/ h1, h2, h3, h4, h5 { margin: 0 0 12px; padding: 0; font-family: Poppins,sans-serif;; font-weight: 400; color: #6042ec; } .bg-img-set h1, .bg-img-set h2, .bg-img-set h3, .bg-img-set h4, .bg-img-set h5, .bg-color-black h1, .bg-color-black h2, .bg-color-black h3, .bg-color-black h4, .bg-color-black h5, .bg-color-blue h1, .bg-color-blue h2, .bg-color-blue h3, .bg-color-blue h4, .bg-color-blue h5, .bg-color-dark h1, .bg-color-dark h2, .bg-color-dark h3, .bg-color-dark h4, .bg-color-dark h5, .bg-color-dark-grey h1, .bg-color-dark-grey h2, .bg-color-dark-grey h3, .bg-color-dark-grey h4, .bg-color-dark-grey h5, .bg-color-green h1, .bg-color-green h2, .bg-color-green h3, .bg-color-green h4, .bg-color-green h5 { color: #fff; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { font-weight: inherit; } h1, .h1-style { font-size: 4.5rem; line-height: 1.18181818; letter-spacing: -0.03rem; } @media screen and (min-width: 768px) { h1, .h1-style { font-size: 5rem; line-height: 1.25; letter-spacing: -0.05rem; } } @media screen and (min-width: 1800px) { h1, .h1-style { font-size: 6rem; line-height: 1.5; letter-spacing: -0.05rem; } } /*@media (min-width: 1800px) and (min-height: 1100px) { h1, .h1-style { font-size: 8.8rem; line-height: 1.27272727; letter-spacing: -0.15rem; } } */ .hs-inline-edit h1, .hs-inline-edit .h1-style { line-height: 1.2; } h1 strong, .h1-style strong { font-weight: 400; } h1.hero, .h1-style.hero { display: inline; padding-bottom: 0.03em !important; /*border-bottom: 2px solid #A5181C;*/ } .hs-inline-edit h1.hero, .hs-inline-edit .h1-style.hero { padding-bottom: 0; } @media screen and (min-width: 768px) { h1.hero, .h1-style.hero { border-width: 3px; } } h2, .h2-style, .ie-warning h4, .flex-section--page-hero h1, .landing-page .page-hero h1 { font-size: 2.5rem; line-height: 1.26315789; letter-spacing: -0.03rem; margin-bottom: 28px; } @media screen and (min-width: 768px) { h2, .h2-style, .ie-warning h4, .flex-section--page-hero h1, .landing-page .page-hero h1 { font-size: 4rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } @media screen and (min-width: 992px) { h2, .h2-style, .ie-warning h4, .flex-section--page-hero h1, .landing-page .page-hero h1 { font-size: 4rem; line-height: 1.19642857; letter-spacing: -0.02rem; } } @media (min-width: 1800px) { h2, .h2-style, .ie-warning h4, .flex-section--page-hero h1, .landing-page .page-hero h1 { font-size: 5rem; line-height: 1.25; letter-spacing: -0.05rem; } } *:not(div) + h2, *:not(div) + .h2-style, *:not(div) + .flex-section--page-hero h1, *:not(div) + .landing-page .page-hero h1 { margin-top: 40px; } h3, .h3-style, .hs-blog-post h2.comment-title, .contact-form__title, .office-section h2 { font-size: 2.8rem; line-height: 1.42857143; margin-bottom: 20px; } @media screen and (min-width: 768px) { h3, .h3-style, .hs-blog-post h2.comment-title, .contact-form__title, .office-section h2 { font-size: 2.5rem; line-height: 1.26315789; letter-spacing: -0.03rem; } } @media screen and (min-width: 992px) { h3, .h3-style, .hs-blog-post h2.comment-title, .contact-form__title, .office-section h2 { font-size: 4.6rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } *:not(div) + h3, *:not(div) + .h3-style, *:not(div) + .contact-form__title, *:not(div) + .office-section h2 { margin-top: 40px; } .post-body *:not(div) + h4, .post-body *:not(div) + h5 { margin-top: 32px; } h4, .h4-style, .flex-section--three-posts .flex-section__heading h3 { font-size: 2.4rem; line-height: 1.5; } @media screen and (min-width: 768px) { h4, .h4-style, .flex-section--three-posts .flex-section__heading h3 { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.02rem; } } h5, .h5-style, .side-panel__header h3, .knowledge-page .filter-menu__header__caption, .events-page .filter-menu__header__caption, .filter-menu__header__caption { font-size: 2.2rem; line-height: 1.63636364; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; } @media screen and (min-width: 768px) { h5, .h5-style, .side-panel__header h3, .knowledge-page .filter-menu__header__caption, .events-page .filter-menu__header__caption, .filter-menu__header__caption { font-size: 2.8rem; line-height: 1.57142857; } } h6, .h6-style { font-size: 2rem; line-height: 1.6; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; } @media screen and (min-width: 768px) { h6, .h6-style { font-size: 2.4rem; line-height: 1.66666667; } } /*----------------------------------------*\ HORISONTAL LINE \*----------------------------------------*/ hr { margin-top: 48px; margin-bottom: 48px; height: 0; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /*----------------------------------------*\ BLOCK QUOTE \*----------------------------------------*/ blockquote { position: relative; margin: 48px 0; } blockquote > * { display: inline; } blockquote:before, blockquote:after { color: #a1a2a6; } blockquote:before { content: '»'; margin-right: 0.2em; } @media screen and (min-width: 480px) { blockquote:before { position: absolute; left: -0.85em; margin-right: 0; } } blockquote:after { content: '«'; margin-left: 0.2em; } blockquote.sm { margin: 32px; } blockquote.sm, blockquote.sm * { color: rgba(114, 119, 131, 0.75); } blockquote, blockquote p { font-size: 2.4rem; line-height: 1.33333333; font-family: Poppins,sans-serif;; font-weight: 400; font-style: italic; color: #94959a; } @media screen and (min-width: 768px) { blockquote, blockquote p { font-size: 2.8rem; line-height: 1.42857143; } } blockquote p { margin: 0; } blockquote p, blockquote p * { -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } blockquote em { font-family: Poppins,sans-serif;; } blockquote footer { margin-top: 0.4em; } blockquote footer, blockquote cite { text-align: right; font-size: 80% !important; font-style: normal; } blockquote footer *, blockquote cite * { font-size: inherit !important; font-style: inherit; } blockquote cite::before { content: '—'; margin-right: 0.2em; } /*----------------------------------------*\ LISTS \*----------------------------------------*/ /* Custom numbers/bullets in body text */ .hs_cos_wrapper_type_rich_text > ol, .post-body > ol, .item__body > ol, .hs_cos_wrapper_type_rich_text > ul, .post-body > ul, .item__body > ul { margin-bottom: 48px; padding-left: 2.5rem; } @media screen and (min-width: 480px) { .hs_cos_wrapper_type_rich_text > ol, .post-body > ol, .item__body > ol, .hs_cos_wrapper_type_rich_text > ul, .post-body > ul, .item__body > ul { padding-left: 3rem; } } .hs_cos_wrapper_type_rich_text > ol li, .post-body > ol li, .item__body > ol li, .hs_cos_wrapper_type_rich_text > ul li, .post-body > ul li, .item__body > ul li { position: relative; padding-left: 0; } .hs_cos_wrapper_type_rich_text > ol ul, .post-body > ol ul, .item__body > ol ul, .hs_cos_wrapper_type_rich_text > ul ul, .post-body > ul ul, .item__body > ul ul { margin-top: 24px; } .hs_cos_wrapper_type_rich_text > ol, .post-body > ol, .item__body > ol { counter-reset: item; } .hs_cos_wrapper_type_rich_text > ol li, .post-body > ol li, .item__body > ol li { display: block; } .hs_cos_wrapper_type_rich_text > ol li:before, .post-body > ol li:before, .item__body > ol li:before { position: absolute; left: -2.5rem; content: counter(item) ". "; counter-increment: item; font-family: 'CerebriSansPro-Regular'; font-weight: 600; } @media screen and (min-width: 480px) { .hs_cos_wrapper_type_rich_text > ol li:before, .post-body > ol li:before, .item__body > ol li:before { left: -3rem; } } .hs_cos_wrapper_type_rich_text > ul, .post-body > ul, .item__body > ul { /*list-style: none;*/ } .hs_cos_wrapper_type_rich_text > ul > li:not([class]):before, .post-body > ul > li:not([class]):before, .item__body > ul > li:not([class]):before { position: absolute; top: -0.2em; left: -2.5rem; content: ''; width: 1.6rem; height: 1.6rem; margin: 0.85rem 0; z-index: 0; background: url('icon-checkmark.svg') no-repeat; } @media screen and (min-width: 480px) { .hs_cos_wrapper_type_rich_text > ul > li:not([class]):before, .post-body > ul > li:not([class]):before, .item__body > ul > li:not([class]):before { top: -0.1em; left: -3rem; width: 1.8rem; height: 1.8rem; } } .hs_cos_wrapper_type_rich_text > ul ul, .post-body > ul ul, .item__body > ul ul { margin-bottom: 16px; } .hs_cos_wrapper_type_rich_text > ul ul li, .post-body > ul ul li, .item__body > ul ul li { margin-bottom: 8px; padding-bottom: 0; border-bottom: none; } .hs_cos_wrapper_type_rich_text > ul ul li:last-child, .post-body > ul ul li:last-child, .item__body > ul ul li:last-child { margin-bottom: 0; } a { text-decoration: none; color: #6042ec; /*border-bottom: 2px solid rgba(255, 130, 23, 0);*/ transition: all, ease-in-out, 0.2s; /* Image Links */ } a * { transition: none; } a:hover, a:focus { text-decoration: none; color: #4f5a69; } a:hover { /*border-bottom: 2px solid rgba(255, 130, 23, 0.5);*/ } a:active, a:active * { transition-duration: 0.1s; } a:active * { color: inherit; } a.tag-link { font-size: 1.4rem; line-height: 2; font-family: 'CerebriSansPro-Bold'; font-weight: 600; text-transform: uppercase; /*letter-spacing: 0.105em;*/ color: #ff4f62; border: none; } .tag-link a.tag-link { color: inherit; } a.tag-link:active { color: #ff9d4a; text-decoration: none; border: none; } .no-touch a.tag-link:hover { color: #ff9d4a; text-decoration: none; border: none; } .no-touch a.tag-link:active { color: rgba(255, 157, 74, 0.7); } a.arrow-link { display: inline-block; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; color: #a1a2a6; border: none; position: relative; } a.arrow-link:after { position: absolute; right: -1.5rem; top: -1px; bottom: 0; line-height: 2.5rem; content: '›'; font-size: 3.2rem; font-weight: normal; } @media (min-width: 480px) { a.arrow-link:after { top: 0; } } a.arrow-link:active { color: #727783; text-decoration: none; border: none; } .no-touch a.arrow-link:hover { color: #727783; text-decoration: none; border: none; } .no-touch a.arrow-link:active { color: rgba(114, 119, 131, 0.5); } a.arrow-link.inv { display: inline-block; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; color: #fff; border: none; position: relative; } a.arrow-link.inv:after { position: absolute; right: -1.5rem; top: -1px; bottom: 0; line-height: 2.5rem; content: '›'; font-size: 3.2rem; font-weight: normal; } @media (min-width: 480px) { a.arrow-link.inv:after { top: 0; } } a.arrow-link.inv:active { color: rgba(255, 255, 255, 0.88); text-decoration: none; border: none; } .no-touch a.arrow-link.inv:hover { color: rgba(255, 255, 255, 0.88); text-decoration: none; border: none; } .no-touch a.arrow-link.inv:active { color: rgba(255, 255, 255, 0.5); } a.img-link { border: none !important; } a.img-link .hs-featured-image, a.img-link img, a.img-link .img { transition: opacity ease-in-out 0.2s; } a.img-link:hover .hs-featured-image, a.img-link:focus .hs-featured-image, a.img-link:hover img, a.img-link:focus img, a.img-link:hover .img, a.img-link:focus .img { opacity: 0.92; } .Link { position: relative; display: inline-block; padding-bottom: 0; color: #4f5a69; /*border-bottom: 2px solid #A5181C;*/ font-weight: 500; } .bg-img-set .Link, .bg-color-black .Link, .bg-color-blue .Link, .bg-color-dark .Link, .bg-color-dark-grey .Link, .bg-color-green .Link { color: #fff; } .Link:focus:before { opacity: 1; } .Link:active, .Link:hover { text-decoration: none; } .Link:active { color: #A5181C; } .no-touch .Link:hover { color: #A5181C; border-color: #A5181C; } .Link svg { display: inline-block; vertical-align: text-bottom; } .Link svg .icon-right-arrow { height: 0.725em; margin-left: 0.125em; margin-bottom: 0.125em; } /* Highlighted Text */ img { max-width: 100%; height: auto; } img.img-100 { width: 100%; } a img { border: none; } .visible-print { display: none; } @media print { @page { } .hs-tools-menu, .hidden-print, .widget-type-blog_content > h2, .widget-type-blog_comments { display: none !important; } .visible-print { display: block; } iframe { border: 1px solid #ddd; } .cta_button { border: 1px solid #888; } } section { display: block; } html, body { overflow: visible !important; } body { border-top: none; } .fb_iframe_widget > span { display: block !important; } .row-fluid { clear: both; } .row-fluid [class*="span"] { min-height: 0 !important; } .header-container > .row-fluid-wrapper > .row-fluid > .widget-type-global_widget { min-height: 0 !important; } /* ========================= ====== Media Object======

*/ .media:before, .media:after { content: " "; /* 1 */ display: table; /* 2 */ } .media:after { clear: both; } .media:before, .media:after { content: " "; /* 1 */ display: table; /* 2 */ } .media:after { clear: both; } .media__body { overflow: hidden; _overflow: visible; zoom: 1; } .media__body, .media__body > :last-child { margin-bottom: 0; } .media__image { float: left; margin-right: 10px; } .media__image > img { display: block; } .media__image .image--rev { float: right; margin-left: 10px; } /* ========================= ====== Flag Object======

*/ .flag { display: table; width: 100%; } .flag__image, .flag__body { display: table-cell; vertical-align: middle; } .flag--top .flag__image, .flag--top .flag__body { vertical-align: top; } .flag--bottom .flag__image, .flag--bottom .flag__body { vertical-align: bottom; } .flag__image { padding-right: 12px; } .flag__image > img, .flag__image > a > img { display: block; max-width: none; } .flag--rev .flag__image { padding-right: 0; padding-left: 12px; } .flag__body { width: 100%; } .widget-type-image_slider ul { margin: 0; padding: 0; list-style: none; } .widget-type-image_slider li { margin: 0; padding: 0; } .widget-type-image_slider .hs_cos_flex-slider .hs_cos_flex-slides img { height: auto; } /* HubSpot Component: Date Picker ------------------------------------------------ */ .hs-datepicker .pika-lendar { margin: 24px 24px 16px; } .hs-datepicker .fn-date-picker .pika-button { min-width: inherit; max-width: inherit; min-height: inherit; padding: 5px 5px 0.1em; text-align: center; border-radius: 0 !important; background-color: #f3f2f5; color: #4f5a69; line-height: 2; } .hs-datepicker .fn-date-picker .pika-button:hover { border-radius: 0 !important; background-color: #A5181C !important; } .hs-datepicker .fn-date-picker .is-today .pika-button { color: #A5181C; } .hs-datepicker .fn-date-picker .is-selected .pika-button { background-color: #A5181C; box-shadow: none; color: white !important; } .hs-datepicker .fn-date-picker .pika-prev, .hs-datepicker .fn-date-picker .pika-next { min-width: inherit; max-width: inherit; min-height: inherit; } .hs-search-module { position: relative; } .hs-search-module label { display: none; } .hs-search-module .input { position: relative; } .hs-search-module a.hs-button { display: inline-block; position: absolute; top: 1px; right: 0; height: 100%; margin-left: -2px; padding: 0 24px; line-height: 1; text-align: center; font-size: 1.4rem; cursor: pointer; cursor: hand; } .hs-search-module a.hs-button:hover, .hs-search-module a.hs-button:active { text-decoration: none; color: #a1a2a6; } .form-title { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; color: #A5181C; margin-bottom: 40px; } .form-title:empty { display: none; } .form-title strong { color: #a1a2a6; } .hs-form.stacked { max-width: 100%; } .hs-form .hs-form-field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-sizing: border-box; box-sizing: border-box; } .hs-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; max-width: inherit !important; } .hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset.form-columns-2 textarea.hs-input, .hs-form fieldset.form-columns-3 textarea.hs-input, .hs-form fieldset.form-columns-1 select.hs-input, .hs-form fieldset.form-columns-2 select.hs-input, .hs-form fieldset.form-columns-3 select.hs-input, .hs-form fieldset.form-columns-1 input[type="text"].hs-input, .hs-form fieldset.form-columns-2 input[type="text"].hs-input, .hs-form fieldset.form-columns-3 input[type="text"].hs-input, .hs-form fieldset.form-columns-1 input[type="email"].hs-input, .hs-form fieldset.form-columns-2 input[type="email"].hs-input, .hs-form fieldset.form-columns-3 input[type="email"].hs-input, .hs-form fieldset.form-columns-1 input[type="number"].hs-input, .hs-form fieldset.form-columns-2 input[type="number"].hs-input, .hs-form fieldset.form-columns-3 input[type="number"].hs-input, .hs-form fieldset.form-columns-1 input[type="tel"].hs-input, .hs-form fieldset.form-columns-2 input[type="tel"].hs-input, .hs-form fieldset.form-columns-3 input[type="tel"].hs-input, .hs-form fieldset.form-columns-1 input[type="url"].hs-input, .hs-form fieldset.form-columns-2 input[type="url"].hs-input, .hs-form fieldset.form-columns-3 input[type="url"].hs-input, .hs-form fieldset.form-columns-1 input[type="file"].hs-input, .hs-form fieldset.form-columns-2 input[type="file"].hs-input, .hs-form fieldset.form-columns-3 input[type="file"].hs-input { width: 100% !important; } .hs-form fieldset.form-columns-1 .input, .hs-form fieldset.form-columns-2 .input { margin-right: 0 !important; } .hs-form fieldset.form-columns-2 .hs-form-field, .hs-form fieldset.form-columns-3 .hs-form-field { padding-left: 0; padding-right: 0; } .hs-form fieldset .hs-richtext + .hs-form-field { padding-left: 0 !important; } @media (min-width: 401px) { .hs-form fieldset.form-columns-1 textarea.hs-input, .hs-form fieldset.form-columns-2 textarea.hs-input, .hs-form fieldset.form-columns-3 textarea.hs-input, .hs-form fieldset.form-columns-1 select.hs-input, .hs-form fieldset.form-columns-2 select.hs-input, .hs-form fieldset.form-columns-3 select.hs-input, .hs-form fieldset.form-columns-1 input[type="text"].hs-input, .hs-form fieldset.form-columns-2 input[type="text"].hs-input, .hs-form fieldset.form-columns-3 input[type="text"].hs-input, .hs-form fieldset.form-columns-1 input[type="email"].hs-input, .hs-form fieldset.form-columns-2 input[type="email"].hs-input, .hs-form fieldset.form-columns-3 input[type="email"].hs-input, .hs-form fieldset.form-columns-1 input[type="number"].hs-input, .hs-form fieldset.form-columns-2 input[type="number"].hs-input, .hs-form fieldset.form-columns-3 input[type="number"].hs-input, .hs-form fieldset.form-columns-1 input[type="tel"].hs-input, .hs-form fieldset.form-columns-2 input[type="tel"].hs-input, .hs-form fieldset.form-columns-3 input[type="tel"].hs-input, .hs-form fieldset.form-columns-1 input[type="url"].hs-input, .hs-form fieldset.form-columns-2 input[type="url"].hs-input, .hs-form fieldset.form-columns-3 input[type="url"].hs-input, .hs-form fieldset.form-columns-1 input[type="file"].hs-input, .hs-form fieldset.form-columns-2 input[type="file"].hs-input, .hs-form fieldset.form-columns-3 input[type="file"].hs-input { width: 100% !important; } .hs-form fieldset.form-columns-2 .hs-form-field, .hs-form fieldset.form-columns-3 .hs-form-field { width: 100% !important; float: none !important; padding-left: 0; padding-right: 0; } } @media (min-width: 480px) { .hs-form fieldset.form-columns-2 .hs-form-field { width: 50% !important; } .hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33333333% !important; } .hs-form fieldset.form-columns-2 .hs-form-field, .hs-form fieldset.form-columns-3 .hs-form-field { float: left !important; padding-left: 7.5px; padding-right: 7.5px; } .hs-form fieldset.form-columns-2 .hs-form-field:first-child, .hs-form fieldset.form-columns-3 .hs-form-field:first-child { padding-left: 0; } .hs-form fieldset.form-columns-2 .hs-form-field:last-child, .hs-form fieldset.form-columns-3 .hs-form-field:last-child { padding-right: 0; } } .hs-form .hs-richtext { margin: 32px 0 24px; } .hs-form .inputs-list { margin: 16px 0 24px; list-style: none !important; padding: 0 !important; } .hs-form .inputs-list li { padding-left: 0; margin-bottom: 8px; } .hs-form .inputs-list input[type="radio"], .hs-form .inputs-list input[type="checkbox"] { margin-right: 6px; } .hs-form .hs-form-required { margin-left: 0.025em; color: #0c5394; } .bg-img-set .hs-form .hs-form-required, .bg-color-black .hs-form .hs-form-required, .bg-color-blue .hs-form .hs-form-required, .bg-color-dark .hs-form .hs-form-required, .bg-color-dark-grey .hs-form .hs-form-required, .bg-color-green .hs-form .hs-form-required { color: #fff; } .hs-form .hs-error-msgs { margin-top: 4px; margin-bottom: -12px; color: #e23838; text-align: left; } .hs-form .hs-error-msgs li { margin-bottom: 5.33333333px; padding-left: 0; } .hs-form .hs-error-msgs li:last-child { margin-bottom: 0; } .hs-form .hs-error-msgs label { font-size: 1.2rem; line-height: 1.33333333; margin-bottom: 0; letter-spacing: 0.05rem; text-transform: none; font-weight: 500; color: #e23838; } .bg-img-set .hs-form .hs-error-msgs label, .bg-color-black .hs-form .hs-error-msgs label, .bg-color-blue .hs-form .hs-error-msgs label, .bg-color-dark .hs-form .hs-error-msgs label, .bg-color-dark-grey .hs-form .hs-error-msgs label, .bg-color-green .hs-form .hs-error-msgs label { color: rgba(255, 255, 255, 0.85); } .hs-form .hsformerror { border-radius: 0; background: #303842 !important; color: white !important; border: none; } .hs-form .hsformerror em { border-color: #303842 transparent transparent; } .hs-form .hsformerror .close-form-error { color: #fff !important; top: 3px; right: 8px; } .hs-form .hsformerror p { position: relative; padding: 0.1em 0 0.1em 0; line-height: 1.7em; font-size: 13px; color: white !important; } @media (max-width: 480px) { .hs-form .actions .primary { width: 100%; } } .hs-form-booleancheckbox, .hs-form-checkbox, .hs-form-radio { min-height: 1em; } .hs-form-booleancheckbox label, .hs-form-checkbox label, .hs-form-radio label { font-size: 1.7rem; line-height: 1.64705882; display: block; margin: 0 0 1em; padding-left: 1.65em; position: relative; vertical-align: bottom; cursor: pointer; } .hs-form-booleancheckbox input[type="checkbox"], .hs-form-checkbox input[type="checkbox"], .hs-form-radio input[type="checkbox"], .hs-form-booleancheckbox input[type="radio"], .hs-form-checkbox input[type="radio"], .hs-form-radio input[type="radio"] { margin: 0 0.65em 0 0; position: absolute; top: 0.5rem; left: 0; vertical-align: bottom; } @media (max-width: 479px) { .touch .hs-form-booleancheckbox input[type="checkbox"], .touch .hs-form-checkbox input[type="checkbox"], .touch .hs-form-radio input[type="checkbox"], .touch .hs-form-booleancheckbox input[type="radio"], .touch .hs-form-checkbox input[type="radio"], .touch .hs-form-radio input[type="radio"] { top: 0.2rem; } } .hs-form-booleancheckbox input[type="radio"], .hs-form-checkbox input[type="radio"], .hs-form-radio input[type="radio"] { top: 5.6px; } .hs-form-booleancheckbox span.desc, .hs-form-checkbox span.desc, .hs-form-radio span.desc { display: block; margin-top: 16px; color: #a1a2a6; font-size: 85%; } /*.hs_submit { margin-top: 40px; }*/ .hs-form-field { margin-bottom: 24px; } .sm-fields .hs-form-field { margin-bottom: 20.8px; } .hs-form-field label { font-size: 1.7rem; line-height: 1.64705882; display: block; margin: 0 0 4px; color: #4f5a69; text-align: left; } .bg-img-set .hs-form-field label, .bg-color-black .hs-form-field label, .bg-color-blue .hs-form-field label, .bg-color-dark .hs-form-field label, .bg-color-dark-grey .hs-form-field label, .bg-color-green .hs-form-field label { color: #f3f2f5; } .hs-form-field legend.hs-field-desc { font-size: 1.4rem; line-height: 1.71428571; margin-top: -4px; margin-bottom: 8px; color: #a1a2a6; } .hs-form-field.hs_ui_number legend { margin: 0 0 16px; padding-left: 0; color: #a1a2a6; font-size: 1.4rem; } .hs-form-field[class*="privacy"][class*="agree"] .hs-form-required { display: none; } .success, .submitted-message { display: block; padding: 24px 24px 16px; color: #A5181C; background-color: rgba(100, 183, 100, 0.1); font-weight: 600; text-align: center; } /* HubSpot Component: Legal Consent ------------------------------------------------ HubSpot’s GDPR fields */ .hs-form .legal-consent-container { margin-top: 8px; } .hs-form .legal-consent-container label p { display: inline; } .hs-form .legal-consent-container .hs-richtext, .hs-form .legal-consent-container .hs-richtext * { font-size: 1.8rem; line-height: 1.5; } .hs-form .legal-consent-container .inputs-list { margin-bottom: 16px; } .hs-form .legal-consent-container .hs-error-msgs { text-align: right; } .hs-form .legal-consent-container .hs-form-booleancheckbox label { display: flex; justify-content: flex-start; align-items: start; color: #0d0f12 !important; } .hs-form .legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] + span:before, .hs-form .legal-consent-container .hs-form-checkbox input[type="checkbox"] + span:before { top: 0; } .hs-form .legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] + span:after, .hs-form .legal-consent-container .hs-form-checkbox input[type="checkbox"] + span:after { top: -1px; } .hs-menu-wrapper ul { list-style: none; margin: 0; padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal li { display: inline-block; margin: 0 5.33333333px; } .hs_cos_wrapper_type_space { display: block; margin: 0 !important; height: 30px !important; } .hs_cos_wrapper_type_post_filter ul, .hs_cos_wrapper_type_post_listing ul { list-style: none; padding: 0; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image) { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; box-sizing: border-box !important; display: inline-block !important; margin: 0.35em 0 0.25em !important; white-space: inherit !important; border: none !important; border-radius: 48px !important; text-decoration: none !important; text-align: center !important; cursor: pointer !important; min-width: 12.8rem !important; padding: 0.824em 1.41176471em !important; background: #A5181C; color: #fff !important; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14) !important; margin: 0 !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image) > *:first-child { margin-top: 0 !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image) > *:last-child { margin-bottom: 0 !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):before { display: none !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image), .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image) * { font-family: 'Archivo', 'Neuzeit', 'Open Sans', Arial, sans-serif !important; -webkit-font-smoothing: antialiased !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image), .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image) svg { transition: all ease-in-out 0.2s !important; box-shadow: none !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):focus, .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):hover, .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { color: #fff !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):hover { background: #fff !important; color: #A5181C !important; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18) !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { background: #f3f2f5 !important; color: #A5181C !important; box-shadow: none !important; } .touch .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):hover { background: #A5181C !important; color: #fff !important; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14) !important; } .touch .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { background: #fafafc !important; color: #A5181C !important; box-shadow: none !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image), .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image) * { font-size: 1.7rem !important; line-height: 1.17647059 !important; font-weight: 600 !important; font-weight: 500 !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):focus { outline: 0 !important; text-decoration: none !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { transition-duration: 0.05s !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):hover, .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { text-decoration: none !important; border: none !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active, .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active svg { transition-duration: 0.1s !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):focus, .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):hover, .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { color: #fff !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):hover { background: #fff !important; color: #A5181C !important; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18) !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { background: #f3f2f5 !important; color: #A5181C !important; box-shadow: none !important; } .touch .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):hover { background: #A5181C !important; color: #fff !important; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14) !important; } .touch .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image):active { background: #fafafc !important; color: #A5181C !important; box-shadow: none !important; } .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image), .hs-cta-wrapper .cta_button:not(.primary):not(.secondary):not(.image) * { font-size: 17px !important; line-height: 20px !important; } .widget-type-blog_subscribe h3:empty { display: none; } .widget-type-blog_subscribe .hs-form-field { margin-bottom: 0.4em; } .widget-type-blog_subscribe input[type="text"], .widget-type-blog_subscribe input[type="email"] { width: 100%; } .widget-type-blog_subscribe div[class*="_hubspot_blog_subscription"] { margin-top: 32px; } #comments-listing { margin-top: 48px; margin-bottom: 56px; } #comments-listing.no-comments { display: none; } #comments-listing .post-footer { margin-top: 0; } #comments-listing .comment { margin-top: 30px; } #comments-listing .comment.depth-0 { border-top: 1px solid #f3f2f5; } #comments-listing .comment.depth-0:first-child { padding-top: 0; margin-top: 0; border-top: 0; } #comments-listing .comment .comment-from h4, #comments-listing .comment .comment-date { line-height: 1.6; font-weight: 600; } #comments-listing .comment .comment-from h4 { margin-top: 0; margin-bottom: 4px; font-size: 1.6rem; } #comments-listing .comment .comment-date { display: block; color: rgba(161, 162, 166, 0.75); letter-spacing: 0.05rem; font-size: 1.4rem; } .no-touch #comments-listing .comment .comment-date { white-space: nowrap; overflow: hidden; width: 8rem; } #comments-listing .comment .comment-body { margin-top: 24px; } #comments-listing .comment .comment-body > *:first-child { margin-top: 0 !important; } #comments-listing .comment .comment-body > *:last-child { margin-bottom: 0 !important; } #comments-listing .comment .comment-body p { margin-top: 0; margin-bottom: 10px; font-family: Poppins,sans-serif;; font-size: 1.7rem; line-height: 1.6; } #comments-listing button.comment-reply-to { margin-top: 16px; background: none; padding: 0.5rem 0; border-radius: 0; border: none; color: #A5181C; cursor: pointer; visibility: hidden; } #comments-listing button.comment-reply-to, #comments-listing button.comment-reply-to em { font-size: 1.6rem; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: 0; } #comments-listing button.comment-reply-to:hover, #comments-listing button.comment-reply-to:active { background: none; color: #303842; } #comments-listing button.comment-reply-to.localized { visibility: visible; } #comment-form { margin-top: 80px; width: 100%; } #comment-form form { max-width: 100%; } #comment-form .hs-form .hs-form-field { margin-bottom: 2.4rem; } #comment-form input[type="submit"] { padding-left: 7em; padding-right: 7em; } #comment-form input[type="text"], #comment-form input[type="email"], #comment-form textarea { font-size: 1.4rem; line-height: 1.71428571; padding: 0.75rem 1.3rem 0.55rem; border-color: rgba(215, 216, 217, 0); width: 100%; } #comment-form input[type="text"]:focus, #comment-form input[type="email"]:focus, #comment-form textarea:focus { border-color: #064578; } #comment-form .hs_comment textarea { height: 176px; } #comment-form #captcha_wrapper { margin-bottom: 32px; } #comment-form .hs_submit { margin-top: 0; } .hs-common-confirm-message { margin: 2.35em 0 !important; padding: 2.4rem 3rem 1.8rem !important; background: #64b764 !important; color: white !important; font-size: 2rem !important; border: none !important; border-radius: 0 !important; } #comments-listing .hs-common-confirm-message { display: none; } /* HubSpot: Content Editor Resets ------------------------------------------------ Include this component to restore the editor UI style that might have been overwritten by project styles */ .hs-inline-edit .mce-container button { font-size: 12px; background: none; letter-spacing: 0; } .hs-inline-edit .mce-container button:hover, .hs-inline-edit .mce-container button:focus, .hs-inline-edit .mce-container button:active { background: none; } .hs-inline-edit .hs-mce-popover.drop.drop-element .hs-button { letter-spacing: 0; } .hs-tools-menu a, .hs-tools-menu a:active, .hs-tools-menu a:focus, .hs-tools-menu a:hover { border: none !important; } /* /* HubSpot Component: Legal Consent ------------------------------------------------ HubSpot’s GDPR fields */ .hs-form .legal-consent-container { margin-top: 8px; text-align: left; } .hs-form .legal-consent-container label p { display: inline; } .hs-form .legal-consent-container a { color: #4f5a69; border: none; } .hs-form .legal-consent-container a:hover, .hs-form .legal-consent-container a:focus { border: none !important; text-decoration: none !important; } .hs-form .legal-consent-container a:focus { color: #4f5a69; } .hs-form .legal-consent-container a:active { color: #0d0f12; border: none; text-decoration: none; } .no-touch .hs-form .legal-consent-container a:hover { color: #0d0f12; } .no-touch .hs-form .legal-consent-container a:active { color: rgba(13, 15, 18, 0.75); } .hs-form .legal-consent-container .hs-richtext, .hs-form .legal-consent-container .hs-dependent-field { margin: 0 0 16px; } .hs-form .legal-consent-container .hs-richtext > *:first-child, .hs-form .legal-consent-container .hs-dependent-field > *:first-child { margin-top: 0 !important; } .hs-form .legal-consent-container .hs-richtext > *:last-child, .hs-form .legal-consent-container .hs-dependent-field > *:last-child { margin-bottom: 0 !important; } .hs-form .legal-consent-container .hs-richtext, .hs-form .legal-consent-container .hs-dependent-field, .hs-form .legal-consent-container .hs-richtext *, .hs-form .legal-consent-container .hs-dependent-field * { font-size: 1.4rem; line-height: 1.71428571; color: #4f5a69; } .hs-form .legal-consent-container .hs-dependent-field .input > *:first-child { margin-top: 0 !important; } .hs-form .legal-consent-container .hs-dependent-field .input > *:last-child { margin-bottom: 0 !important; } .hs-form .legal-consent-container .inputs-list { margin-bottom: 16px; } .hs-form .legal-consent-container .hs-error-msgs { text-align: right; } .hs-form .legal-consent-container .hs-form-booleancheckbox label { display: flex; justify-content: flex-start; align-items: start; color: #0d0f12 !important; } .hs-form .legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] + span, .hs-form .legal-consent-container .hs-form-checkbox input[type="checkbox"] + span { font-size: 1.4rem; line-height: 1.71428571; color: #0d0f12; } .hs-form .legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] + span:before, .hs-form .legal-consent-container .hs-form-checkbox input[type="checkbox"] + span:before { top: 3px; } .hs-form .legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] + span:after, .hs-form .legal-consent-container .hs-form-checkbox input[type="checkbox"] + span:after { top: 2px; } .inverted-ui .hs-form .legal-consent-container a { color: #fff; border: none; } .inverted-ui .hs-form .legal-consent-container a:hover, .inverted-ui .hs-form .legal-consent-container a:focus { border: none !important; text-decoration: none !important; } .inverted-ui .hs-form .legal-consent-container a:focus { color: #fff; } .inverted-ui .hs-form .legal-consent-container a:active { color: #fff; border: none; text-decoration: none; } .no-touch .inverted-ui .hs-form .legal-consent-container a:hover { color: #fff; } .no-touch .inverted-ui .hs-form .legal-consent-container a:active { color: rgba(255, 255, 255, 0.75); } /* Component: Custom Checkboxes v1.1.0 ------------------------------------------------ TODO: This component version needs testing! */ .hs_ui_multiple_checkboxes > label { margin-bottom: 0.16em; } .hs-form-booleancheckbox, .hs-form-checkbox { /*------------------------------------------------*\ Inverted user interface \*------------------------------------------------*/ } .hs-form-booleancheckbox:last-child, .hs-form-checkbox:last-child { margin-bottom: 0 !important; } .hs-form-booleancheckbox label, .hs-form-checkbox label { position: relative; z-index: 0; vertical-align: middle; display: inline-block; margin: 0; padding-left: 0; cursor: pointer; color: #4f5a69; } .hs-form-booleancheckbox input[type="checkbox"], .hs-form-checkbox input[type="checkbox"] { opacity: 0; position: absolute; } .hs-form-booleancheckbox input[type="checkbox"] + span, .hs-form-checkbox input[type="checkbox"] + span { /*display: inline-block;*/ padding-left:28px; font-size: 1em; line-height: 1.4; } .legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] + span { padding-left:8px;} .hs-form-booleancheckbox input[type="checkbox"] + span:after, .hs-form-checkbox input[type="checkbox"] + span:after, .hs-form-booleancheckbox input[type="checkbox"] + span:before, .hs-form-checkbox input[type="checkbox"] + span:before { content: ""; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; transition: all 0.15s ease; } .hs-form-booleancheckbox input[type="checkbox"] + span:before, .hs-form-checkbox input[type="checkbox"] + span:before { display: block; background-color: #fff; border: 1px solid #b8b8b8; } .hs-form-booleancheckbox input[type="checkbox"] + span:after, .hs-form-checkbox input[type="checkbox"] + span:after { top: 3px; left: 0; z-index: 1; display: inline-block; background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/icon-checkmark-white.svg'); background-repeat: no-repeat; background-position: 50%; background-size: 100%; -webkit-transform: scale(0) translate(0.05em, 0.25em); transform: scale(0) translate(0.05em, 0.25em); opacity: 0; } .no-touch .hs-form-booleancheckbox input[type="checkbox"]:hover + span, .no-touch .hs-form-checkbox input[type="checkbox"]:hover + span { color: #064578; } .no-touch .hs-form-booleancheckbox input[type="checkbox"]:hover + span:after, .no-touch .hs-form-checkbox input[type="checkbox"]:hover + span:after { -webkit-transform: scale(0.55) translate(0.05em, 0.2em); transform: scale(0.55) translate(0.05em, 0.2em); opacity: 0.8; transition-delay: 0.15s; } .hs-form-booleancheckbox input[type="checkbox"]:checked + span, .hs-form-checkbox input[type="checkbox"]:checked + span { color: #4f5a69; } .hs-form-booleancheckbox input[type="checkbox"]:checked + span:before, .hs-form-checkbox input[type="checkbox"]:checked + span:before { background-color: #064578; border-color: #064578; border-radius: 2px; } .hs-form-booleancheckbox input[type="checkbox"]:checked + span:after, .hs-form-checkbox input[type="checkbox"]:checked + span:after { -webkit-transform: scale(0.7) translate(0.05em, 0.2em) !important; transform: scale(0.7) translate(0.05em, 0.2em) !important; opacity: 1 !important; transition-delay: 0s !important; } .inverted-ui .hs-form-booleancheckbox input[type="checkbox"] + span:before, .inverted-ui .hs-form-checkbox input[type="checkbox"] + span:before { border: 1px solid rgba(255, 255, 255, 0.75); } .no-touch .inverted-ui .hs-form-booleancheckbox input[type="checkbox"]:hover + span, .no-touch .inverted-ui .hs-form-checkbox input[type="checkbox"]:hover + span { color: #fff; } .inverted-ui .hs-form-booleancheckbox input[type="checkbox"]:checked + span, .inverted-ui .hs-form-checkbox input[type="checkbox"]:checked + span { color: #fff; } .inverted-ui .hs-form-booleancheckbox input[type="checkbox"]:checked + span:before, .inverted-ui .hs-form-checkbox input[type="checkbox"]:checked + span:before { border-color: #fff; } /* Component: Advanced Custom Checkboxes v1.3.0 ------------------------------------------------ This solution that uses CSS to generate a circle and a selection dot for radio buttons in HubSpot forms. No javascript hacks needed. HOW TO USE: ------------------------------------------------ 1. Just include the component in the [project]-style stylesheet. 2. Enjoy. 3. Wrap the form with the class .inverted-ui to invert the radio button TODO: This component version needs testing! */ [class*="_blog_subscription"] > label, .hs_ui_radio > label { margin-bottom: 0.16em; } .hs-form-radio { /*------------------------------------------------*\ Inverted user interface \*------------------------------------------------*/ } .hs-form-radio:last-child { margin-bottom: 0 !important; } .hs-form-radio label { position: relative; z-index: 0; display: inline-block; vertical-align: middle; margin: 0; padding-left: 0; cursor: pointer; color: #4f5a69; } .hs-form-radio input[type="radio"] { opacity: 0; position: absolute; } .hs-form-radio input[type="radio"] + span { display: inline-block; position: relative; padding-left: 28px; font-size: 1em; line-height: 1.4; color: #4f5a69; } .hs-form-radio input[type="radio"] + span:after, .hs-form-radio input[type="radio"] + span:before { content: ""; position: absolute; top: 3px; left: 1px; width: 16px; height: 16px; border-radius: 50%; } .hs-form-radio input[type="radio"] + span:before { display: block; padding: 0.25em; background-color: #fff; border: 1px solid #b8b8b8; box-shadow: inset 0 0 0.2px 20px rgba(255, 255, 255, 0); transition: all 0.25s ease; } .hs-form-radio input[type="radio"] + span:after { display: inline-block; transition: all 0.25s ease; border: 2px solid rgba(184, 184, 184, 0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .no-touch .hs-form-radio input[type="radio"]:hover + span { color: #064578; } .no-touch .hs-form-radio input[type="radio"]:hover + span:after { -webkit-transform: scale(0.25); transform: scale(0.25); opacity: 0.75; background-color: #fff; border-color: #fff; transition-delay: 0.15s; } .hs-form-radio input[type="radio"]:checked + span { color: #4f5a69; } .hs-form-radio input[type="radio"]:checked + span:before { background-color: #064578; border-color: #064578; } .hs-form-radio input[type="radio"]:checked + span:after { -webkit-transform: scale(0.35) !important; transform: scale(0.35) !important; opacity: 1 !important; background-color: #fff !important; border-color: #fff !important; transition-delay: 0s !important; } .inverted-ui .hs-form-radio input[type="radio"] + span { color: rgba(255, 255, 255, 0.75); } .inverted-ui .hs-form-radio input[type="radio"] + span:before { background: none; border: 1px solid rgba(255, 255, 255, 0.75); box-shadow: inset 0 0 0.2px 20px rgba(255, 255, 255, 0); } .inverted-ui .hs-form-radio input[type="radio"] + span:after { background-color: #fff; border: 2px solid rgba(255, 255, 255, 0); } .inverted-ui .hs-form-radio input[type="radio"]:checked + span { color: #fff; } .inverted-ui .hs-form-radio input[type="radio"]:checked + span:before { border-color: #fff; } .inverted-ui .hs-form-radio input[type="radio"]:checked + span:after { border-color: #fff !important; } /* HubSpot Component: Simple Custom Dropdowns v1.5.0 ----------------------------------------------------- This creates a custom styling for the default styling \*------------------------------------------------*/ .Select-input, .hs-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; margin: 0; background: none; outline: none; color: inherit; cursor: pointer; padding-right: 1.25em; } .Select-input:focus, .hs-form select:focus { outline: none; } .Select-input:disabled, .hs-form select:disabled { opacity: 0.5; cursor: not-allowed; } .Select-input:disabled:hover, .hs-form select:disabled:hover { box-shadow: none; } /* Internet Explorer Warning ------------------------------------ Insert this on page: */ .ie-warning { display: table; width: 100%; height: inherit; max-width: 600px; margin: 0 auto; } .ie-warning-wrapper { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 9999; background-color: #A5181C; background-color: rgba(255, 130, 23, 0.95); color: white; } .ie-warning > div { display: table-cell; vertical-align: middle; padding: 50px; } .ie-warning a { color: #fff !important; border-bottom: 2px solid #bbde8f !important; } .ie-warning a:hover { border-color: #A5181C !important; } /********************************************* * * Page Center * * Apply .page-center to full-width modules. */ .container-fluid .row-fluid .page-center { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .container-fluid .row-fluid .page-center { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .container-fluid .row-fluid .page-center { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } /* Buttons ========================================================================== */ button, input[type="button"], input[type="submit"], .btn, .button, .hs-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; display: inline-block; margin: 0.35em 0 0.25em; white-space: inherit; border: none; border-radius: 48px; text-decoration: none; text-align: center; cursor: pointer; /*min-width: 12.8rem;*/ padding: 0.824em 1.41176471em; background: #A5181C; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } button:before, input[type="button"]:before, input[type="submit"]:before, .btn:before, .button:before, .hs-button:before { display: none; } button, input[type="button"], input[type="submit"], .btn, .button, .hs-button, button *, input[type="button"] *, input[type="submit"] *, .btn *, .button *, .hs-button * { font-family: Poppins, sans-serif; -webkit-font-smoothing: antialiased; } button, input[type="button"], input[type="submit"], .btn, .button, .hs-button, button svg, input[type="button"] svg, input[type="submit"] svg, .btn svg, .button svg, .hs-button svg { transition: all ease-in-out 0.2s; box-shadow: none; } button:focus, input[type="button"]:focus, input[type="submit"]:focus, .btn:focus, .button:focus, .hs-button:focus, button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover, .button:hover, .hs-button:hover, button:active, input[type="button"]:active, input[type="submit"]:active, .btn:active, .button:active, .hs-button:active { color: #fff; } button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover, .button:hover, .hs-button:hover { background: #fff; color: #A5181C; /*box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18);*/ } button:active, input[type="button"]:active, input[type="submit"]:active, .btn:active, .button:active, .hs-button:active { background: #f3f2f5; color: #A5181C; box-shadow: none; } .touch button:hover, .touch input[type="button"]:hover, .touch input[type="submit"]:hover, .touch .btn:hover, .touch .button:hover, .touch .hs-button:hover { background: #A5181C; color: #fff; /*box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14);*/ } .touch button:active, .touch input[type="button"]:active, .touch input[type="submit"]:active, .touch .btn:active, .touch .button:active, .touch .hs-button:active { background: #fafafc; color: #A5181C; box-shadow: none; } button, input[type="button"], input[type="submit"], .btn, .button, .hs-button, button *, input[type="button"] *, input[type="submit"] *, .btn *, .button *, .hs-button * { font-size: 1.7rem; line-height: 1.17647059; font-weight: 400; font-weight: 400; } button:focus, input[type="button"]:focus, input[type="submit"]:focus, .btn:focus, .button:focus, .hs-button:focus { outline: 0; text-decoration: none; } button:active, input[type="button"]:active, input[type="submit"]:active, .btn:active, .button:active, .hs-button:active { transition-duration: 0.05s; } button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover, .button:hover, .hs-button:hover, button:active, input[type="button"]:active, input[type="submit"]:active, .btn:active, .button:active, .hs-button:active { text-decoration: none; border: none; } button:active, input[type="button"]:active, input[type="submit"]:active, .btn:active, .button:active, .hs-button:active, button:active svg, input[type="button"]:active svg, input[type="submit"]:active svg, .btn:active svg, .button:active svg, .hs-button:active svg { transition-duration: 0.1s; } button, input[type="button"], input[type="submit"], .btn, .button, .hs-button, button *, input[type="button"] *, input[type="submit"] *, .btn *, .button *, .hs-button * { font-size: 1.7rem; line-height: 0; font-weight: 400; font-weight: 400; border-bottom:none !important; } button:focus, input[type="button"]:focus, input[type="submit"]:focus, .btn:focus, .button:focus, .hs-button:focus, button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover, .button:hover, .hs-button:hover, button:active, input[type="button"]:active, input[type="submit"]:active, .btn:active, .button:active, .hs-button:active { color: #fff; } button:hover, input[type="button"]:hover, input[type="submit"]:hover, .btn:hover, .button:hover, .hs-button:hover { background: #fff; color: #A5181C; /* box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); */ } button:active, input[type="button"]:active, input[type="submit"]:active, .btn:active, .button:active, .hs-button:active { background: #f3f2f5; color: #A5181C; box-shadow: none; } .touch button:hover, .touch input[type="button"]:hover, .touch input[type="submit"]:hover, .touch .btn:hover, .touch .button:hover, .touch .hs-button:hover { background: #A5181C; color: #fff; /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); */ } .touch button:active, .touch input[type="button"]:active, .touch input[type="submit"]:active, .touch .btn:active, .touch .button:active, .touch .hs-button:active { background: #fafafc; color: #A5181C; box-shadow: none; } button.sm, input[type="button"].sm, input[type="submit"].sm, .btn.sm, .button.sm, .hs-button.sm { min-width: 0; padding: 0.229em 1.14285714em 0.2em; } button.sm, input[type="button"].sm, input[type="submit"].sm, .btn.sm, .button.sm, .hs-button.sm, button.sm *, input[type="button"].sm *, input[type="submit"].sm *, .btn.sm *, .button.sm *, .hs-button.sm * { font-size: 1.4rem; line-height: 1.71428571; font-weight: 500; letter-spacing: 1px; } @media screen and (max-width: 479px) { button.sm, input[type="button"].sm, input[type="submit"].sm, .btn.sm, .button.sm, .hs-button.sm { padding: 0.19em 1.14285714em 0.195em; } button.sm, input[type="button"].sm, input[type="submit"].sm, .btn.sm, .button.sm, .hs-button.sm, button.sm *, input[type="button"].sm *, input[type="submit"].sm *, .btn.sm *, .button.sm *, .hs-button.sm * { font-size: 1.3rem; } } button.md, input[type="button"].md, input[type="submit"].md, .btn.md, .button.md, .hs-button.md { min-width: 12.8rem; padding: 0.824em 1.41176471em; } button.md, input[type="button"].md, input[type="submit"].md, .btn.md, .button.md, .hs-button.md, button.md *, input[type="button"].md *, input[type="submit"].md *, .btn.md *, .button.md *, .hs-button.md * { font-size: 1.7rem; line-height: 1.17647059; font-weight: 600; font-weight: 500; } button.lg, input[type="button"].lg, input[type="submit"].lg, .btn.lg, .button.lg, .hs-button.lg { min-width: 12.8rem; padding: 0.824em 1.41176471em; } button.lg, input[type="button"].lg, input[type="submit"].lg, .btn.lg, .button.lg, .hs-button.lg, button.lg *, input[type="button"].lg *, input[type="submit"].lg *, .btn.lg *, .button.lg *, .hs-button.lg * { font-size: 1.7rem; line-height: 1.17647059; font-weight: 600; font-weight: 500; } button.primary, input[type="button"].primary, input[type="submit"].primary, .btn.primary, .button.primary, .hs-button.primary { background: #A5181C; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } button.primary:focus, input[type="button"].primary:focus, input[type="submit"].primary:focus, .btn.primary:focus, .button.primary:focus, .hs-button.primary:focus, button.primary:hover, input[type="button"].primary:hover, input[type="submit"].primary:hover, .btn.primary:hover, .button.primary:hover, .hs-button.primary:hover, button.primary:active, input[type="button"].primary:active, input[type="submit"].primary:active, .btn.primary:active, .button.primary:active, .hs-button.primary:active { color: #fff; } button.primary:hover, input[type="button"].primary:hover, input[type="submit"].primary:hover, .btn.primary:hover, .button.primary:hover, .hs-button.primary:hover { background: #fff; color: #A5181C !important; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); } button.primary:active, input[type="button"].primary:active, input[type="submit"].primary:active, .btn.primary:active, .button.primary:active, .hs-button.primary:active { background: #f3f2f5; color: #A5181C; box-shadow: none; } .touch button.primary:hover, .touch input[type="button"].primary:hover, .touch input[type="submit"].primary:hover, .touch .btn.primary:hover, .touch .button.primary:hover, .touch .hs-button.primary:hover { background: #A5181C; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .touch button.primary:active, .touch input[type="button"].primary:active, .touch input[type="submit"].primary:active, .touch .btn.primary:active, .touch .button.primary:active, .touch .hs-button.primary:active { background: #fafafc; color: #A5181C; box-shadow: none; } button.primary.inv, input[type="button"].primary.inv, input[type="submit"].primary.inv, .btn.primary.inv, .button.primary.inv, .hs-button.primary.inv { background: #fff; border: none; } button.primary.inv, input[type="button"].primary.inv, input[type="submit"].primary.inv, .btn.primary.inv, .button.primary.inv, .hs-button.primary.inv, button.primary.inv *, input[type="button"].primary.inv *, input[type="submit"].primary.inv *, .btn.primary.inv *, .button.primary.inv *, .hs-button.primary.inv * { color: #A5181C !important; } button.primary.inv:focus, input[type="button"].primary.inv:focus, input[type="submit"].primary.inv:focus, .btn.primary.inv:focus, .button.primary.inv:focus, .hs-button.primary.inv:focus, button.primary.inv:hover, input[type="button"].primary.inv:hover, input[type="submit"].primary.inv:hover, .btn.primary.inv:hover, .button.primary.inv:hover, .hs-button.primary.inv:hover { border: none; } button.primary.inv:focus, input[type="button"].primary.inv:focus, input[type="submit"].primary.inv:focus, .btn.primary.inv:focus, .button.primary.inv:focus, .hs-button.primary.inv:focus, button.primary.inv:hover, input[type="button"].primary.inv:hover, input[type="submit"].primary.inv:hover, .btn.primary.inv:hover, .button.primary.inv:hover, .hs-button.primary.inv:hover, button.primary.inv:focus *, input[type="button"].primary.inv:focus *, input[type="submit"].primary.inv:focus *, .btn.primary.inv:focus *, .button.primary.inv:focus *, .hs-button.primary.inv:focus *, button.primary.inv:hover *, input[type="button"].primary.inv:hover *, input[type="submit"].primary.inv:hover *, .btn.primary.inv:hover *, .button.primary.inv:hover *, .hs-button.primary.inv:hover * { color: #A5181C !important; } button.primary.inv:active, input[type="button"].primary.inv:active, input[type="submit"].primary.inv:active, .btn.primary.inv:active, .button.primary.inv:active, .hs-button.primary.inv:active { background-color: #fffefd; border: none; } button.primary.inv:active, input[type="button"].primary.inv:active, input[type="submit"].primary.inv:active, .btn.primary.inv:active, .button.primary.inv:active, .hs-button.primary.inv:active, button.primary.inv:active *, input[type="button"].primary.inv:active *, input[type="submit"].primary.inv:active *, .btn.primary.inv:active *, .button.primary.inv:active *, .hs-button.primary.inv:active * { color: #303842 !important; } .no-touch button.primary.inv:hover, .no-touch input[type="button"].primary.inv:hover, .no-touch input[type="submit"].primary.inv:hover, .no-touch .btn.primary.inv:hover, .no-touch .button.primary.inv:hover, .no-touch .hs-button.primary.inv:hover { background-color: #ffffff; } .no-touch button.primary.inv:hover, .no-touch input[type="button"].primary.inv:hover, .no-touch input[type="submit"].primary.inv:hover, .no-touch .btn.primary.inv:hover, .no-touch .button.primary.inv:hover, .no-touch .hs-button.primary.inv:hover, .no-touch button.primary.inv:hover *, .no-touch input[type="button"].primary.inv:hover *, .no-touch input[type="submit"].primary.inv:hover *, .no-touch .btn.primary.inv:hover *, .no-touch .button.primary.inv:hover *, .no-touch .hs-button.primary.inv:hover * { color: #303842 !important; } .no-touch button.primary.inv:active, .no-touch input[type="button"].primary.inv:active, .no-touch input[type="submit"].primary.inv:active, .no-touch .btn.primary.inv:active, .no-touch .button.primary.inv:active, .no-touch .hs-button.primary.inv:active { background: #ffffff; } .no-touch button.primary.inv:active, .no-touch input[type="button"].primary.inv:active, .no-touch input[type="submit"].primary.inv:active, .no-touch .btn.primary.inv:active, .no-touch .button.primary.inv:active, .no-touch .hs-button.primary.inv:active, .no-touch button.primary.inv:active *, .no-touch input[type="button"].primary.inv:active *, .no-touch input[type="submit"].primary.inv:active *, .no-touch .btn.primary.inv:active *, .no-touch .button.primary.inv:active *, .no-touch .hs-button.primary.inv:active * { color: rgba(48, 56, 66, 0.9) !important; } button.secondary, input[type="button"].secondary, input[type="submit"].secondary, .btn.secondary, .button.secondary, .hs-button.secondary { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } button.secondary:focus, input[type="button"].secondary:focus, input[type="submit"].secondary:focus, .btn.secondary:focus, .button.secondary:focus, .hs-button.secondary:focus, button.secondary:hover, input[type="button"].secondary:hover, input[type="submit"].secondary:hover, .btn.secondary:hover, .button.secondary:hover, .hs-button.secondary:hover, button.secondary:active, input[type="button"].secondary:active, input[type="submit"].secondary:active, .btn.secondary:active, .button.secondary:active, .hs-button.secondary:active { color: #fff; } button.secondary:hover, input[type="button"].secondary:hover, input[type="submit"].secondary:hover, .btn.secondary:hover, .button.secondary:hover, .hs-button.secondary:hover { background: #fff; color: #0c5394; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); } button.secondary:active, input[type="button"].secondary:active, input[type="submit"].secondary:active, .btn.secondary:active, .button.secondary:active, .hs-button.secondary:active { background: #f3f2f5; color: #0c5394; box-shadow: none; } .touch button.secondary:hover, .touch input[type="button"].secondary:hover, .touch input[type="submit"].secondary:hover, .touch .btn.secondary:hover, .touch .button.secondary:hover, .touch .hs-button.secondary:hover { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .touch button.secondary:active, .touch input[type="button"].secondary:active, .touch input[type="submit"].secondary:active, .touch .btn.secondary:active, .touch .button.secondary:active, .touch .hs-button.secondary:active { background: #fafafc; color: #0c5394; box-shadow: none; } button.secondary.inv, input[type="button"].secondary.inv, input[type="submit"].secondary.inv, .btn.secondary.inv, .button.secondary.inv, .hs-button.secondary.inv { background: #fff; border: none; } button.secondary.inv, input[type="button"].secondary.inv, input[type="submit"].secondary.inv, .btn.secondary.inv, .button.secondary.inv, .hs-button.secondary.inv, button.secondary.inv *, input[type="button"].secondary.inv *, input[type="submit"].secondary.inv *, .btn.secondary.inv *, .button.secondary.inv *, .hs-button.secondary.inv * { color: #0c5394 !important; } button.secondary.inv:focus, input[type="button"].secondary.inv:focus, input[type="submit"].secondary.inv:focus, .btn.secondary.inv:focus, .button.secondary.inv:focus, .hs-button.secondary.inv:focus, button.secondary.inv:hover, input[type="button"].secondary.inv:hover, input[type="submit"].secondary.inv:hover, .btn.secondary.inv:hover, .button.secondary.inv:hover, .hs-button.secondary.inv:hover { border: none; } button.secondary.inv:focus, input[type="button"].secondary.inv:focus, input[type="submit"].secondary.inv:focus, .btn.secondary.inv:focus, .button.secondary.inv:focus, .hs-button.secondary.inv:focus, button.secondary.inv:hover, input[type="button"].secondary.inv:hover, input[type="submit"].secondary.inv:hover, .btn.secondary.inv:hover, .button.secondary.inv:hover, .hs-button.secondary.inv:hover, button.secondary.inv:focus *, input[type="button"].secondary.inv:focus *, input[type="submit"].secondary.inv:focus *, .btn.secondary.inv:focus *, .button.secondary.inv:focus *, .hs-button.secondary.inv:focus *, button.secondary.inv:hover *, input[type="button"].secondary.inv:hover *, input[type="submit"].secondary.inv:hover *, .btn.secondary.inv:hover *, .button.secondary.inv:hover *, .hs-button.secondary.inv:hover * { color: #0c5394 !important; } button.secondary.inv:active, input[type="button"].secondary.inv:active, input[type="submit"].secondary.inv:active, .btn.secondary.inv:active, .button.secondary.inv:active, .hs-button.secondary.inv:active { background-color: #69afe9; border: none; } button.secondary.inv:active, input[type="button"].secondary.inv:active, input[type="submit"].secondary.inv:active, .btn.secondary.inv:active, .button.secondary.inv:active, .hs-button.secondary.inv:active, button.secondary.inv:active *, input[type="button"].secondary.inv:active *, input[type="submit"].secondary.inv:active *, .btn.secondary.inv:active *, .button.secondary.inv:active *, .hs-button.secondary.inv:active * { color: #303842 !important; } .no-touch button.secondary.inv:hover, .no-touch input[type="button"].secondary.inv:hover, .no-touch input[type="submit"].secondary.inv:hover, .no-touch .btn.secondary.inv:hover, .no-touch .button.secondary.inv:hover, .no-touch .hs-button.secondary.inv:hover { background-color: #95c7ef; } .no-touch button.secondary.inv:hover, .no-touch input[type="button"].secondary.inv:hover, .no-touch input[type="submit"].secondary.inv:hover, .no-touch .btn.secondary.inv:hover, .no-touch .button.secondary.inv:hover, .no-touch .hs-button.secondary.inv:hover, .no-touch button.secondary.inv:hover *, .no-touch input[type="button"].secondary.inv:hover *, .no-touch input[type="submit"].secondary.inv:hover *, .no-touch .btn.secondary.inv:hover *, .no-touch .button.secondary.inv:hover *, .no-touch .hs-button.secondary.inv:hover * { color: #303842 !important; } .no-touch button.secondary.inv:active, .no-touch input[type="button"].secondary.inv:active, .no-touch input[type="submit"].secondary.inv:active, .no-touch .btn.secondary.inv:active, .no-touch .button.secondary.inv:active, .no-touch .hs-button.secondary.inv:active { background: #7fbbec; } .no-touch button.secondary.inv:active, .no-touch input[type="button"].secondary.inv:active, .no-touch input[type="submit"].secondary.inv:active, .no-touch .btn.secondary.inv:active, .no-touch .button.secondary.inv:active, .no-touch .hs-button.secondary.inv:active, .no-touch button.secondary.inv:active *, .no-touch input[type="button"].secondary.inv:active *, .no-touch input[type="submit"].secondary.inv:active *, .no-touch .btn.secondary.inv:active *, .no-touch .button.secondary.inv:active *, .no-touch .hs-button.secondary.inv:active * { color: rgba(48, 56, 66, 0.9) !important; } button.tertiary, input[type="button"].tertiary, input[type="submit"].tertiary, .btn.tertiary, .button.tertiary, .hs-button.tertiary { background: #727783; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } button.tertiary:focus, input[type="button"].tertiary:focus, input[type="submit"].tertiary:focus, .btn.tertiary:focus, .button.tertiary:focus, .hs-button.tertiary:focus, button.tertiary:hover, input[type="button"].tertiary:hover, input[type="submit"].tertiary:hover, .btn.tertiary:hover, .button.tertiary:hover, .hs-button.tertiary:hover, button.tertiary:active, input[type="button"].tertiary:active, input[type="submit"].tertiary:active, .btn.tertiary:active, .button.tertiary:active, .hs-button.tertiary:active { color: #fff; } button.tertiary:hover, input[type="button"].tertiary:hover, input[type="submit"].tertiary:hover, .btn.tertiary:hover, .button.tertiary:hover, .hs-button.tertiary:hover { background: #fff; color: #727783; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); } button.tertiary:active, input[type="button"].tertiary:active, input[type="submit"].tertiary:active, .btn.tertiary:active, .button.tertiary:active, .hs-button.tertiary:active { background: #f3f2f5; color: #727783; box-shadow: none; } .touch button.tertiary:hover, .touch input[type="button"].tertiary:hover, .touch input[type="submit"].tertiary:hover, .touch .btn.tertiary:hover, .touch .button.tertiary:hover, .touch .hs-button.tertiary:hover { background: #727783; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .touch button.tertiary:active, .touch input[type="button"].tertiary:active, .touch input[type="submit"].tertiary:active, .touch .btn.tertiary:active, .touch .button.tertiary:active, .touch .hs-button.tertiary:active { background: #fafafc; color: #727783; box-shadow: none; } button.tertiary.inv, input[type="button"].tertiary.inv, input[type="submit"].tertiary.inv, .btn.tertiary.inv, .button.tertiary.inv, .hs-button.tertiary.inv { background: #fff; border: none; } button.tertiary.inv, input[type="button"].tertiary.inv, input[type="submit"].tertiary.inv, .btn.tertiary.inv, .button.tertiary.inv, .hs-button.tertiary.inv, button.tertiary.inv *, input[type="button"].tertiary.inv *, input[type="submit"].tertiary.inv *, .btn.tertiary.inv *, .button.tertiary.inv *, .hs-button.tertiary.inv * { color: #727783 !important; } button.tertiary.inv:focus, input[type="button"].tertiary.inv:focus, input[type="submit"].tertiary.inv:focus, .btn.tertiary.inv:focus, .button.tertiary.inv:focus, .hs-button.tertiary.inv:focus, button.tertiary.inv:hover, input[type="button"].tertiary.inv:hover, input[type="submit"].tertiary.inv:hover, .btn.tertiary.inv:hover, .button.tertiary.inv:hover, .hs-button.tertiary.inv:hover { border: none; } button.tertiary.inv:focus, input[type="button"].tertiary.inv:focus, input[type="submit"].tertiary.inv:focus, .btn.tertiary.inv:focus, .button.tertiary.inv:focus, .hs-button.tertiary.inv:focus, button.tertiary.inv:hover, input[type="button"].tertiary.inv:hover, input[type="submit"].tertiary.inv:hover, .btn.tertiary.inv:hover, .button.tertiary.inv:hover, .hs-button.tertiary.inv:hover, button.tertiary.inv:focus *, input[type="button"].tertiary.inv:focus *, input[type="submit"].tertiary.inv:focus *, .btn.tertiary.inv:focus *, .button.tertiary.inv:focus *, .hs-button.tertiary.inv:focus *, button.tertiary.inv:hover *, input[type="button"].tertiary.inv:hover *, input[type="submit"].tertiary.inv:hover *, .btn.tertiary.inv:hover *, .button.tertiary.inv:hover *, .hs-button.tertiary.inv:hover * { color: #727783 !important; } button.tertiary.inv:active, input[type="button"].tertiary.inv:active, input[type="submit"].tertiary.inv:active, .btn.tertiary.inv:active, .button.tertiary.inv:active, .hs-button.tertiary.inv:active { background-color: #ecedee; border: none; } button.tertiary.inv:active, input[type="button"].tertiary.inv:active, input[type="submit"].tertiary.inv:active, .btn.tertiary.inv:active, .button.tertiary.inv:active, .hs-button.tertiary.inv:active, button.tertiary.inv:active *, input[type="button"].tertiary.inv:active *, input[type="submit"].tertiary.inv:active *, .btn.tertiary.inv:active *, .button.tertiary.inv:active *, .hs-button.tertiary.inv:active * { color: #303842 !important; } .no-touch button.tertiary.inv:hover, .no-touch input[type="button"].tertiary.inv:hover, .no-touch input[type="submit"].tertiary.inv:hover, .no-touch .btn.tertiary.inv:hover, .no-touch .button.tertiary.inv:hover, .no-touch .hs-button.tertiary.inv:hover { background-color: #ffffff; } .no-touch button.tertiary.inv:hover, .no-touch input[type="button"].tertiary.inv:hover, .no-touch input[type="submit"].tertiary.inv:hover, .no-touch .btn.tertiary.inv:hover, .no-touch .button.tertiary.inv:hover, .no-touch .hs-button.tertiary.inv:hover, .no-touch button.tertiary.inv:hover *, .no-touch input[type="button"].tertiary.inv:hover *, .no-touch input[type="submit"].tertiary.inv:hover *, .no-touch .btn.tertiary.inv:hover *, .no-touch .button.tertiary.inv:hover *, .no-touch .hs-button.tertiary.inv:hover * { color: #303842 !important; } .no-touch button.tertiary.inv:active, .no-touch input[type="button"].tertiary.inv:active, .no-touch input[type="submit"].tertiary.inv:active, .no-touch .btn.tertiary.inv:active, .no-touch .button.tertiary.inv:active, .no-touch .hs-button.tertiary.inv:active { background: #fafafa; } .no-touch button.tertiary.inv:active, .no-touch input[type="button"].tertiary.inv:active, .no-touch input[type="submit"].tertiary.inv:active, .no-touch .btn.tertiary.inv:active, .no-touch .button.tertiary.inv:active, .no-touch .hs-button.tertiary.inv:active, .no-touch button.tertiary.inv:active *, .no-touch input[type="button"].tertiary.inv:active *, .no-touch input[type="submit"].tertiary.inv:active *, .no-touch .btn.tertiary.inv:active *, .no-touch .button.tertiary.inv:active *, .no-touch .hs-button.tertiary.inv:active * { color: rgba(48, 56, 66, 0.9) !important; } button.ghost, input[type="button"].ghost, input[type="submit"].ghost, .btn.ghost, .button.ghost, .hs-button.ghost { background: none; border: 1px solid rgba(161, 162, 166, 0.4); color: #94959a; } button.ghost svg, input[type="button"].ghost svg, input[type="submit"].ghost svg, .btn.ghost svg, .button.ghost svg, .hs-button.ghost svg { stroke: #A5181C !important; fill: #A5181C !important; } button.ghost:focus, input[type="button"].ghost:focus, input[type="submit"].ghost:focus, .btn.ghost:focus, .button.ghost:focus, .hs-button.ghost:focus, button.ghost:hover, input[type="button"].ghost:hover, input[type="submit"].ghost:hover, .btn.ghost:hover, .button.ghost:hover, .hs-button.ghost:hover, button.ghost:active, input[type="button"].ghost:active, input[type="submit"].ghost:active, .btn.ghost:active, .button.ghost:active, .hs-button.ghost:active { color: #a1a2a6; background: none; } button.ghost:active, input[type="button"].ghost:active, input[type="submit"].ghost:active, .btn.ghost:active, .button.ghost:active, .hs-button.ghost:active { color: #a1a2a6; border-color: rgba(161, 162, 166, 0.15); } button.ghost:active svg, input[type="button"].ghost:active svg, input[type="submit"].ghost:active svg, .btn.ghost:active svg, .button.ghost:active svg, .hs-button.ghost:active svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .no-touch button.ghost:hover, .no-touch input[type="button"].ghost:hover, .no-touch input[type="submit"].ghost:hover, .no-touch .btn.ghost:hover, .no-touch .button.ghost:hover, .no-touch .hs-button.ghost:hover { color: #303842; border-color: #a1a2a6; background: none; } .no-touch button.ghost:hover svg, .no-touch input[type="button"].ghost:hover svg, .no-touch input[type="submit"].ghost:hover svg, .no-touch .btn.ghost:hover svg, .no-touch .button.ghost:hover svg, .no-touch .hs-button.ghost:hover svg { stroke: #303842 !important; fill: #303842 !important; } .no-touch button.ghost:active, .no-touch input[type="button"].ghost:active, .no-touch input[type="submit"].ghost:active, .no-touch .btn.ghost:active, .no-touch .button.ghost:active, .no-touch .hs-button.ghost:active { color: #727783; border-color: rgba(161, 162, 166, 0.15); } .no-touch button.ghost:active svg, .no-touch input[type="button"].ghost:active svg, .no-touch input[type="submit"].ghost:active svg, .no-touch .btn.ghost:active svg, .no-touch .button.ghost:active svg, .no-touch .hs-button.ghost:active svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .fg-light button.ghost, .fg-light input[type="button"].ghost, .fg-light input[type="submit"].ghost, .fg-light .btn.ghost, .fg-light .button.ghost, .fg-light .hs-button.ghost, button.ghost.inv, input[type="button"].ghost.inv, input[type="submit"].ghost.inv, .btn.ghost.inv, .button.ghost.inv, .hs-button.ghost.inv { background: none; border: 1px solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.88) !important; } .fg-light button.ghost:focus, .fg-light input[type="button"].ghost:focus, .fg-light input[type="submit"].ghost:focus, .fg-light .btn.ghost:focus, .fg-light .button.ghost:focus, .fg-light .hs-button.ghost:focus, button.ghost.inv:focus, input[type="button"].ghost.inv:focus, input[type="submit"].ghost.inv:focus, .btn.ghost.inv:focus, .button.ghost.inv:focus, .hs-button.ghost.inv:focus, .fg-light button.ghost:hover, .fg-light input[type="button"].ghost:hover, .fg-light input[type="submit"].ghost:hover, .fg-light .btn.ghost:hover, .fg-light .button.ghost:hover, .fg-light .hs-button.ghost:hover, button.ghost.inv:hover, input[type="button"].ghost.inv:hover, input[type="submit"].ghost.inv:hover, .btn.ghost.inv:hover, .button.ghost.inv:hover, .hs-button.ghost.inv:hover, .fg-light button.ghost:active, .fg-light input[type="button"].ghost:active, .fg-light input[type="submit"].ghost:active, .fg-light .btn.ghost:active, .fg-light .button.ghost:active, .fg-light .hs-button.ghost:active, button.ghost.inv:active, input[type="button"].ghost.inv:active, input[type="submit"].ghost.inv:active, .btn.ghost.inv:active, .button.ghost.inv:active, .hs-button.ghost.inv:active { color: rgba(255, 255, 255, 0.9) !important; } .fg-light button.ghost:active, .fg-light input[type="button"].ghost:active, .fg-light input[type="submit"].ghost:active, .fg-light .btn.ghost:active, .fg-light .button.ghost:active, .fg-light .hs-button.ghost:active, button.ghost.inv:active, input[type="button"].ghost.inv:active, input[type="submit"].ghost.inv:active, .btn.ghost.inv:active, .button.ghost.inv:active, .hs-button.ghost.inv:active { color: #fff !important; border-color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.15); } .no-touch .fg-light button.ghost:hover, .no-touch .fg-light input[type="button"].ghost:hover, .no-touch .fg-light input[type="submit"].ghost:hover, .no-touch .fg-light .btn.ghost:hover, .no-touch .fg-light .button.ghost:hover, .no-touch .fg-light .hs-button.ghost:hover, .no-touch button.ghost.inv:hover, .no-touch input[type="button"].ghost.inv:hover, .no-touch input[type="submit"].ghost.inv:hover, .no-touch .btn.ghost.inv:hover, .no-touch .button.ghost.inv:hover, .no-touch .hs-button.ghost.inv:hover { color: #fff !important; border-color: rgba(255, 255, 255, 0.8); } .no-touch .fg-light button.ghost:active, .no-touch .fg-light input[type="button"].ghost:active, .no-touch .fg-light input[type="submit"].ghost:active, .no-touch .fg-light .btn.ghost:active, .no-touch .fg-light .button.ghost:active, .no-touch .fg-light .hs-button.ghost:active, .no-touch button.ghost.inv:active, .no-touch input[type="button"].ghost.inv:active, .no-touch input[type="submit"].ghost.inv:active, .no-touch .btn.ghost.inv:active, .no-touch .button.ghost.inv:active, .no-touch .hs-button.ghost.inv:active { border-color: #fff !important; background: rgba(255, 255, 255, 0.15); } .fg-dark button.ghost, .fg-dark input[type="button"].ghost, .fg-dark input[type="submit"].ghost, .fg-dark .btn.ghost, .fg-dark .button.ghost, .fg-dark .hs-button.ghost { background: none; border: 1px solid rgba(161, 162, 166, 0.4); color: #94959a; } .fg-dark button.ghost svg, .fg-dark input[type="button"].ghost svg, .fg-dark input[type="submit"].ghost svg, .fg-dark .btn.ghost svg, .fg-dark .button.ghost svg, .fg-dark .hs-button.ghost svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .fg-dark button.ghost:focus, .fg-dark input[type="button"].ghost:focus, .fg-dark input[type="submit"].ghost:focus, .fg-dark .btn.ghost:focus, .fg-dark .button.ghost:focus, .fg-dark .hs-button.ghost:focus, .fg-dark button.ghost:hover, .fg-dark input[type="button"].ghost:hover, .fg-dark input[type="submit"].ghost:hover, .fg-dark .btn.ghost:hover, .fg-dark .button.ghost:hover, .fg-dark .hs-button.ghost:hover, .fg-dark button.ghost:active, .fg-dark input[type="button"].ghost:active, .fg-dark input[type="submit"].ghost:active, .fg-dark .btn.ghost:active, .fg-dark .button.ghost:active, .fg-dark .hs-button.ghost:active { color: #a1a2a6; background: none; } .fg-dark button.ghost:active, .fg-dark input[type="button"].ghost:active, .fg-dark input[type="submit"].ghost:active, .fg-dark .btn.ghost:active, .fg-dark .button.ghost:active, .fg-dark .hs-button.ghost:active { color: #a1a2a6; border-color: rgba(161, 162, 166, 0.15); } .fg-dark button.ghost:active svg, .fg-dark input[type="button"].ghost:active svg, .fg-dark input[type="submit"].ghost:active svg, .fg-dark .btn.ghost:active svg, .fg-dark .button.ghost:active svg, .fg-dark .hs-button.ghost:active svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .no-touch .fg-dark button.ghost:hover, .no-touch .fg-dark input[type="button"].ghost:hover, .no-touch .fg-dark input[type="submit"].ghost:hover, .no-touch .fg-dark .btn.ghost:hover, .no-touch .fg-dark .button.ghost:hover, .no-touch .fg-dark .hs-button.ghost:hover { color: #303842; border-color: #a1a2a6; background: none; } .no-touch .fg-dark button.ghost:hover svg, .no-touch .fg-dark input[type="button"].ghost:hover svg, .no-touch .fg-dark input[type="submit"].ghost:hover svg, .no-touch .fg-dark .btn.ghost:hover svg, .no-touch .fg-dark .button.ghost:hover svg, .no-touch .fg-dark .hs-button.ghost:hover svg { stroke: #303842 !important; fill: #303842 !important; } .no-touch .fg-dark button.ghost:active, .no-touch .fg-dark input[type="button"].ghost:active, .no-touch .fg-dark input[type="submit"].ghost:active, .no-touch .fg-dark .btn.ghost:active, .no-touch .fg-dark .button.ghost:active, .no-touch .fg-dark .hs-button.ghost:active { color: #727783; border-color: rgba(161, 162, 166, 0.15); } .no-touch .fg-dark button.ghost:active svg, .no-touch .fg-dark input[type="button"].ghost:active svg, .no-touch .fg-dark input[type="submit"].ghost:active svg, .no-touch .fg-dark .btn.ghost:active svg, .no-touch .fg-dark .button.ghost:active svg, .no-touch .fg-dark .hs-button.ghost:active svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } input[type="submit"] { margin-top: 15px; margin-bottom: 0; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0; background: #fff; border: 1px solid #6042ec; font-family: "Poppins, sans-serif; outline: 0; position: relative; transition: all ease-in-out 0.25s; font-size: 1.4rem; line-height: 1.71428571; padding: 0.75rem 1.3rem 0.55rem; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], select:checked {background:#ff0000;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus { border-color: #6042ec; } textarea.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, select.error { border-color: #ff4f62; } .large-form textarea, .large-form input[type="text"], .large-form input[type="password"], .large-form input[type="datetime"], .large-form input[type="datetime-local"], .large-form input[type="date"], .large-form input[type="month"], .large-form input[type="time"], .large-form input[type="week"], .large-form input[type="number"], .large-form input[type="email"], .large-form input[type="url"], .large-form input[type="search"], .large-form input[type="tel"], .large-form input[type="color"], .large-form select { font-size: 1.7rem; line-height: 1.64705882; padding: 1rem 1.3rem 0.8rem; } form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } form ::-moz-placeholder { /* Firefox 19+ */ color: #999; } form :-ms-input-placeholder { /* IE 10+ */ color: #999; } form :-moz-placeholder { /* Firefox 18- */ color: #999; } .Select { position: relative; } .Select:after { content: ''; display: block; position: absolute; right: 0; top: 0; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/icon-arrow-down-thicker.svg') no-repeat center; background-size: 16px auto; width: 16px; height: 100%; margin-right: 1.3rem; } .large-form .Select:after { margin-right: 1.6rem; } .Select select { border: 1px solid #6042ec; } .Select select:focus { box-shadow: none; border: 1px solid #6042ec; } input[type="file"] { line-height: 1; font-size: 1.4rem; } ul.nav { list-style: none; margin: 0; padding: 0; } ul.nav li { display: inline-block; font: 1.6rem "Poppins, sans-serif; } .sidebar { margin-top: 60px; } @media (min-width: 768px) { .sidebar { margin-top: 0; } } .sidebar .widget-span { margin-bottom: 40px; } .sidebar .widget-span h3:not(.form-title) { margin-top: 0; margin-bottom: 0.75em; font-size: 1.4rem; font-weight: 600; line-height: 1.6; text-transform: uppercase; } .sidebar .widget-span ul { margin-bottom: 0; } .sidebar .widget-span ul li { margin-bottom: 0.35em; } .sidebar .widget-span ul li a { font-size: 1.4rem; line-height: 1.4; } .sidebar .widget-span ul li:last-child { margin-bottom: 0; } /********************************************* * * Post Body Typography * * Set the whole typography for .post-body * containers, mainly Blog Page. * * Set this class in wrappers, for example * landing pages to get post-body styling * */ .hs_cos_wrapper_type_inline_rich_text > *:first-child, .hs_cos_wrapper_type_rich_text > *:first-child { margin-top: 0 !important; } .hs_cos_wrapper_type_inline_rich_text > *:last-child, .hs_cos_wrapper_type_rich_text > *:last-child { margin-bottom: 0 !important; } .hs-responsive-embed { margin: 16px 0; } .hs-responsive-embed iframe { max-width: 100%; } .post-body { color: #424b58; /*-----------------------------*\ Emphasized digits in H2/H3 \*-----------------------------*/ /*-----------------------------*\ IMAGE DESCRIPTION STYLE Image followed by text in italic \*-----------------------------*/ /*-----------------------------*\ OFFSET IMAGES Bolded images in paragraph \*-----------------------------*/ /*-----------------------------*\ OFFSET BLOCKQUOTES Bolded blockquotes \*-----------------------------*/ /*-----------------------------*\ READ MORE SECTION Bolded links in paragraph \*-----------------------------*/ /*-----------------------------*\ Related Pull Block \*-----------------------------*/ } .post-body .hs-responsive-embed { margin: 48px 0; } .post-body .hs_cos_wrapper_type_rich_text { /* Preamble */ } .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble) + p, .post-body .hs_cos_wrapper_type_rich_text > ul + p, .post-body .hs_cos_wrapper_type_rich_text > ol + p, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble) p span + p, .post-body .hs_cos_wrapper_type_rich_text > ul p span + p, .post-body .hs_cos_wrapper_type_rich_text > ol p span + p, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble) ul:not(.inputs-list) span + p, .post-body .hs_cos_wrapper_type_rich_text > ul ul:not(.inputs-list) span + p, .post-body .hs_cos_wrapper_type_rich_text > ol ul:not(.inputs-list) span + p, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble) ol span + p, .post-body .hs_cos_wrapper_type_rich_text > ul ol span + p, .post-body .hs_cos_wrapper_type_rich_text > ol ol span + p { margin-top: 16px; } /*.post-body .hs_cos_wrapper_type_rich_text > p.intro, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type * { margin-bottom: 40px; color: #424b58; font-size: 1.7rem; line-height: 1.6; */ @media screen and (min-width: 768px) { .post-body .hs_cos_wrapper_type_rich_text > p.intro, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type * { font-size: 2.2rem; line-height: 1.63636364; } } .post-body .hs_cos_wrapper_type_rich_text > p.intro strong, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type strong, .post-body .hs_cos_wrapper_type_rich_text > p.intro * strong, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type * strong { font-weight: 400; } .bg-img-set .post-body .hs_cos_wrapper_type_rich_text > p.intro, .bg-img-set .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .bg-img-set .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .bg-img-set .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type *, .bg-color-black .post-body .hs_cos_wrapper_type_rich_text > p.intro, .bg-color-black .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .bg-color-black .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .bg-color-black .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type *, .bg-color-blue .post-body .hs_cos_wrapper_type_rich_text > p.intro, .bg-color-blue .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .bg-color-blue .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .bg-color-blue .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type *, .bg-color-dark .post-body .hs_cos_wrapper_type_rich_text > p.intro, .bg-color-dark .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .bg-color-dark .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .bg-color-dark .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type *, .bg-color-dark-grey .post-body .hs_cos_wrapper_type_rich_text > p.intro, .bg-color-dark-grey .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .bg-color-dark-grey .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .bg-color-dark-grey .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type *, .bg-color-green .post-body .hs_cos_wrapper_type_rich_text > p.intro, .bg-color-green .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .bg-color-green .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .bg-color-green .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type * { color: #fff; } @media screen and (min-width: 768px) { .post-body .hs_cos_wrapper_type_rich_text > p.intro, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type, .post-body .hs_cos_wrapper_type_rich_text > p.intro *, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type * { font-size: 1.9rem; line-height: 1.63636364; } } .post-body .hs_cos_wrapper_type_rich_text > p.intro strong, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type strong, .post-body .hs_cos_wrapper_type_rich_text > p.intro * strong, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type * strong { font-weight: 400; } .post-body .hs_cos_wrapper_type_rich_text > p.intro img, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type img { margin-bottom: 0; } .post-body .hs_cos_wrapper_type_rich_text > p.intro img + sub, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type img + sub, .post-body .hs_cos_wrapper_type_rich_text > p.intro img + br sub, .post-body .hs_cos_wrapper_type_rich_text > p:not(.preamble):first-of-type img + br sub { margin-top: 24px; } .post-body p + p { margin-top: -16px; } .post-body .hs-cta-wrapper { display: block; margin: 56px 0; } .post-body p:last-child .hs-cta-wrapper { margin-bottom: 0; } .post-body .hbspt-form { margin: 64px 0 32px; } .post-body a:not(.img-link):not(.btn):not(.cta_button):not(.no-cta-button) { background: linear-gradient(to bottom, transparent 75%, rgba(255, 79, 98, 0.4) 75%); background-position: 0 calc(100% - 0.16em); background-repeat: repeat-x; background-size: 1px 15px; position: relative; display: inline; padding-bottom: 0; font-weight: 400; color: #6042ec; border: none; text-decoration: none; } .post-body a:not(.img-link):not(.btn):not(.cta_button):before { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; display: block; width: 100%; height: 5px; background-color: rgba(255, 130, 23, 0.25); transition: opacity ease-in-out 0.15s; opacity: 0; } .post-body a:not(.img-link):not(.btn):not(.cta_button):focus:before { opacity: 1; } .post-body a:not(.img-link):not(.btn):not(.cta_button):active, .post-body a:not(.img-link):not(.btn):not(.cta_button):hover { text-decoration: none; color: #071c4d; } .post-body a:not(.img-link):not(.btn):not(.cta_button):active { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .no-touch .post-body a:not(.img-link):not(.btn):not(.cta_button):hover { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.5) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; color: #303842; } .no-touch .post-body a:not(.img-link):not(.btn):not(.cta_button):hover:before { opacity: 1; } .no-touch .post-body a:not(.img-link):not(.btn):not(.cta_button):active { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .post-body p, .post-body ul, .post-body ol, .post-body li { font-size: 1.7rem; line-height: 1.64705882; } @media screen and (min-width: 480px) { .post-body p, .post-body ul, .post-body ol, .post-body li { font-size: 1.9rem; line-height: 1.68421053; } } .post-body *:not(div) + ul, .post-body *:not(div) + ol { margin-top: 24px; } .post-body h2, .post-body h3, .post-body h4 { color: #0c5394; } .post-body h2 { font-size: 2.4rem; line-height: 1.5; } .post-sub-title { font-size: 2.4rem; line-height: 1.5; font-weight: bold; } @media screen and (min-width: 768px) { .post-body h2 { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.02rem; } .post-sub-title { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.02rem; } } .post-body h3:not(.form-title) { font-size: 2.4rem; line-height: 1.33333333; font-family: Poppins,sans-serif;; font-weight: 400; } @media screen and (min-width: 768px) { .post-body h3:not(.form-title) { font-size: 2.8rem; line-height: 1.42857143; } } .post-body h4 { font-size: 2rem; line-height: 1.6; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; } @media screen and (min-width: 768px) { .post-body h4 { font-size: 2.4rem; line-height: 1.66666667; } } .post-body h5 { font-size: 2rem; line-height: 1.6; } @media screen and (min-width: 768px) { .post-body h5 { font-size: 2.2rem; line-height: 1.63636364; } } .post-body img { width: 100%; max-width: 100% !important; margin-top: 16px; margin-bottom: 16px; } .post-body .featured-image { display: block; margin: 1.35em 0 1.65em; max-height: 20em; overflow: hidden; } .post-body .featured-image img { width: 100%; height: auto; } .post-body h2, .post-body h3, .post-sub-title { position: relative; } .post-body h2 > em:first-child, .post-body h3 > em:first-child { display: block; width: 1.25em; margin-bottom: 8px; font-size: 120%; font-weight: 500; font-style: italic; letter-spacing: -0.08rem; line-height: 1; color: #A5181C; } .post-body h2 > em:first-child:after, .post-body h3 > em:first-child:after { content: '.'; color: #A5181C; } @media (min-width: 992px) { .post-body h2 > em:first-child, .post-body h3 > em:first-child { display: inline-block; position: relative; top: 0; margin-bottom: 0; margin-left: -1.95em; margin-right: 0.6em; padding-right: 1.25em; color: inherit; font-size: 105%; font-weight: 400; line-height: 1; border-right: 2px solid #A5181C; text-align: right; } .post-body h2 > em:first-child:after, .post-body h3 > em:first-child:after { content: ''; } } .post-body p img + sub, .post-body p img + br + sub { font-size: 1.4rem; line-height: 1.71428571; display: block; margin: -4px 0 44px; letter-spacing: 0 !important; font-weight: normal !important; color: #727783; } .post-body p img + sub i, .post-body p img + br + sub i, .post-body p img + sub em, .post-body p img + br + sub em { font-family: Poppins,sans-serif;; font-size: 103%; font-weight: 400; font-style: italic; line-height: 1; letter-spacing: 0; } .post-body p > strong:only-child > img { max-width: inherit !important; width: calc(100% + 40px) !important; max-width: inherit; margin-left: -20px; margin-right: -20px; } @media (min-width: 480px) { .post-body p > strong:only-child > img { width: calc(100% + 60px) !important; max-width: inherit; margin-left: -30px; margin-right: -30px; } } @media (min-width: 880px) { .post-body p > strong:only-child > img { width: calc(100% + 120px) !important; max-width: inherit; margin-left: -60px; margin-right: -60px; } } @media (min-width: 1160px) { html:not(.hs-inline-edit) .post-body p > strong:only-child > img { width: calc(100% + 340px) !important; max-width: inherit; margin-left: -170px; margin-right: -170px; } } .post-body blockquote { max-width: inherit !important; } .post-body blockquote p { font-size: 2.4rem; line-height: 1.33333333; font-family: Poppins,sans-serif;; font-weight: 400; font-style: italic; } @media screen and (min-width: 768px) { .post-body blockquote p { font-size: 2.8rem; line-height: 1.42857143; } } @media (min-width: 992px) { .post-body blockquote { float: right; width: 360px; margin: 32px -30px 32px 64px; text-align: left; } } @media (min-width: 992px) { .post-body blockquote { margin-right: -60px; } } @media (min-width: 1200px) { .post-body blockquote { margin-right: -200px; } } @media (min-width: 1080px) { .post-body blockquote.jumbo { width: calc(100% + 520px) !important; max-width: inherit; margin-left: -260px; margin-right: -260px; } } .post-body p > strong:only-child a:not(.btn) { font-size: 2rem; font-family: Poppins,sans-serif;; font-weight: 400; color: #0c5394 !important; border: none !important; width: 175px; float: right; margin: 18px -20px 24px 32px; padding: 24px 20px 20px 24px !important; background-color: #fafafc; font-size: 1.8rem; line-height: 1.4; } @media screen and (min-width: 768px) { .post-body p > strong:only-child a:not(.btn) { font-size: 2.4rem; line-height: 1.5; } } .post-body p > strong:only-child a:not(.btn):hover, .post-body p > strong:only-child a:not(.btn):focus { border: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; } .post-body p > strong:only-child a:not(.btn):focus { color: #0c5394 !important; } .post-body p > strong:only-child a:not(.btn):active { color: #303842 !important; border: none !important; text-decoration: none !important; } .no-touch .post-body p > strong:only-child a:not(.btn):hover { color: #303842 !important; } .no-touch .post-body p > strong:only-child a:not(.btn):active { color: rgba(48, 56, 66, 0.75) !important; } .post-body p > strong:only-child a:not(.btn):before { background-color: #A5181C; opacity: 1; } .post-body p > strong:only-child a:not(.btn):active { background-color: #f3f2f5; } .no-touch .post-body p > strong:only-child a:not(.btn):hover { background-color: #f3f2f5; } @media (min-width: 480px) { .post-body p > strong:only-child a:not(.btn) { width: 225px; margin: 32px -30px 32px 48px; padding: 40px 30px 36px 32px !important; } } @media (min-width: 768px) { .post-body p > strong:only-child a:not(.btn) { width: 360px; float: right; margin: 32px -30px 32px 64px; } } @media (min-width: 992px) { .post-body p > strong:only-child a:not(.btn) { margin-right: -60px; } } @media (min-width: 1200px) { .post-body p > strong:only-child a:not(.btn) { margin-right: -200px; } } .post-body p > strong:only-child a:not(.btn) em { display: block; font-size: 1.1rem; font-style: normal; margin-bottom: 16px; } .post-body p > strong:only-child a:not(.btn) sub { font-size: 1.4rem; line-height: 1.71428571; display: block; margin-top: 12px; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 400; color: #a1a2a6; } .post-body .related-block { display: block; width: 175px; float: right; margin: 24px -20px 24px 32px; padding: 32px 20px 24px 24px; background-color: #fff; } .post-body .related-block > *:first-child { margin-top: 0 !important; } .post-body .related-block > *:last-child { margin-bottom: 0 !important; } @media (min-width: 480px) { .post-body .related-block { width: 225px; margin: 32px -30px 32px 48px; padding: 48px 30px 40px 32px; } } @media (min-width: 768px) { .post-body .related-block { width: 360px; float: right; margin: 32px -30px 32px 64px; } } @media (min-width: 992px) { .post-body .related-block { margin-right: -60px; } } @media (min-width: 1200px) { .post-body .related-block { margin-right: -200px; } } .post-body .related-block a { color: #727783 !important; border: none !important; } .post-body .related-block a:hover, .post-body .related-block a:focus { border: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; } .post-body .related-block a:focus { color: #727783 !important; } .post-body .related-block a:active { color: #A5181C !important; border: none !important; text-decoration: none !important; } .no-touch .post-body .related-block a:hover { color: #A5181C !important; } .no-touch .post-body .related-block a:active { color: rgba(255, 130, 23, 0.75) !important; } .post-body .related-block h4 { margin: 0 0 4px; font-size: 1.8rem; line-height: 1.4; } .post-body .related-block p { font-family: "Helvetica",Verdana,Arial,sans-serif; font-size: 1.6rem; line-height: 1.6; color: #a1a2a6; } .post-body .related-block .tag { display: block; font-size: 1.1rem; margin-bottom: 40px; } /**************************************************** ****************************************************/ .social-icons ul { margin-bottom: 0; padding-left: 0; list-style: none; } .social-icons li { padding-left: 0; margin-bottom: 0; } .social-icons a { border: none; cursor: pointer; } .social-icons a:hover, .social-icons a:focus { text-decoration: none; } .social-icons .icon { background: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/social-icons-sprites.png') no-repeat; display: inline-block; text-indent: -9999px; transition: opacity ease-in-out 0.2s; opacity: 0.7; background-size: 15rem auto; width: 3rem; height: 3rem; } .social-icons .icon:hover { opacity: 1; } .social-icons .icon.icon-facebook { background-position: 0rem 0rem; } .social-icons .icon.icon-twitter { background-position: -3rem 0rem; } .social-icons .icon.icon-linkedin { background-position: -6rem 0rem; } .social-icons .icon.icon-website { background-position: -9rem 0rem; } .social-icons .icon.icon-mail { background-position: -12rem 0rem; } .social-icons-horizontal ul li { margin-right: 8px; display: inline-block; } .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn { margin: 0 16px 16px 0; transition: all ease-in-out 0.25s; outline: 0; } .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn:hover { opacity: 0.85; } .BlogShareBar li { display: inline-block; margin: 0; } .BlogShareBar .at-share-btn { display: inline-block; width: 32px; height: 32px; margin: 0 12px 16px 0; text-align: center; line-height: 1; transition: all ease-in-out 0.25s; outline: 0; } .BlogShareBar .at-share-btn:hover { opacity: 0.85; } .BlogShareBar svg { width: 32px; height: 32px; fill: #fff; border: 0; -webkit-transform: scale(0.85); transform: scale(0.85); } .BlogShareBar .at-svc-facebook { background-color: #3b5998; } .BlogShareBar .at-svc-linkedin { background-color: #0077b5; } .BlogShareBar .at-svc-twitter { background-color: #1da1f2; } .BlogShareBar .at-svc-google_plusone_share { background-color: #dc4e41; } .footer-container-wrapper { padding: 84px 0 36px; background: #0c5394; font-size: 1.7rem; color: #a1a2a6; } .footer-container-wrapper a { color: #a1a2a6; border: none; } .footer-container-wrapper a:hover, .footer-container-wrapper a:focus { border: none !important; text-decoration: none !important; } .footer-container-wrapper a:focus { color: #a1a2a6; } .footer-container-wrapper a:active { color: #fff; border: none; text-decoration: none; } .no-touch .footer-container-wrapper a:hover { color: #fff; } .no-touch .footer-container-wrapper a:active { color: rgba(255, 255, 255, 0.75); } .footer-container { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .footer-container { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .footer-container { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .site-footer__company { padding-left: 20px; padding-right: 20px; text-align: center; } @media (min-width: 480px) { .site-footer__company { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .site-footer__company { float: none !important; width: 100%; max-width: 518px; margin-left: auto !important; margin-right: auto !important; } } .site-footer__company .company__logo { margin-bottom: 32px; } .site-footer__company .company__logo img { width: 155px; height: 41px; } .site-footer__company .company__info { font-size: 2rem; line-height: 1.6; margin-bottom: 40px; color: #fff; } .site-footer__company .company__social-links a { margin: 0 0.5rem; } .site-footer__navigation { margin-top: 80px; } .site-footer__navigation li { margin-bottom: 8px; padding-left: 0; } .site-footer__navigation li a { display: block; } .site-footer__navigation .hs-menu-wrapper > ul { display: block; } .site-footer__navigation .hs-menu-wrapper > ul:before, .site-footer__navigation .hs-menu-wrapper > ul:after { content: " "; /* 1 */ display: table; /* 2 */ } .site-footer__navigation .hs-menu-wrapper > ul:after { clear: both; } .site-footer__navigation .hs-menu-wrapper > ul:before, .site-footer__navigation .hs-menu-wrapper > ul:after { content: " "; /* 1 */ display: table; /* 2 */ } .site-footer__navigation .hs-menu-wrapper > ul:after { clear: both; } .site-footer__navigation .hs-menu-wrapper > ul > li { display: block; float: left; width: 50%; } @media (max-width: 767px) { .site-footer__navigation .hs-menu-wrapper > ul > li { margin-bottom: 32px; } .site-footer__navigation .hs-menu-wrapper > ul > li:last-child { clear: both; margin-bottom: 0; } } .site-footer__navigation .hs-menu-depth-1 > a { font-size: 2.4rem; line-height: 1.33333333; margin-bottom: 20px; pointer-events: none; cursor: default; } @media (max-width: 767px) { .site-footer__navigation .hs-menu-depth-1 > a { margin-bottom: 24px; } } .site-footer__navigation .hs-menu-depth-1 > a, .site-footer__navigation .hs-menu-depth-1 > a:hover, .site-footer__navigation .hs-menu-depth-1 > a:active { color: #fff; } .site-footer__navigation .hs-menu-depth-2 > a { margin-bottom: 12px; } @media (min-width: 768px) { .site-footer__navigation .hs-menu-wrapper > ul { display: table; float: none; width: 100%; border-collapse: separate; } .site-footer__navigation .hs-menu-wrapper > ul > li { display: table-cell; float: none; vertical-align: top; width: 33.33333333%; height: inherit; } .site-footer__navigation .hs-menu-depth-1 { padding: 0 3rem; border-right: 1px solid rgba(255, 255, 255, 0.1); } .site-footer__navigation .hs-menu-depth-1:first-child { border-left: 1px solid rgba(255, 255, 255, 0.1); } } @media (min-width: 768px) and (min-width: 1200px) { .site-footer__navigation .hs-menu-depth-1 { padding: 0 0 0 9rem; } } .site-footer__secondary { display: flex; flex-direction: column-reverse; margin-top: 64px; font-size: 1.4rem; } @media screen and (min-width: 768px) { .site-footer__secondary { flex-direction: row; align-content: center; justify-content: space-between; margin-top: 112px; } } .site-footer__disclaimer { text-align: center; opacity: 0.5; } .site-footer__links { padding-top: 0.5em; } .site-footer__links ul { margin-bottom: 40px; } @media screen and (min-width: 768px) { .site-footer__links ul { display: flex; align-content: flex-end; margin-bottom: 0; } } .site-footer__links li { padding: 0; margin: 0; line-height: 1; text-align: center; } @media screen and (min-width: 768px) { .site-footer__links li { border-right: 1px solid rgba(255, 255, 255, 0.2); text-align: left; } } .site-footer__links li:last-child { border-right: none; } .site-footer__links a { vertical-align: baseline; padding: 0.5em 1.5em; } @media screen and (max-width: 767px) { .site-footer__links a { display: inline-block; } } @media screen and (max-width: 767px) { .site-footer .nav__lang { margin-bottom: 40px; text-align: center; } } .site-footer .nav__lang .lang-nav { display: none; left: inherit; right: 0; } @media screen and (max-width: 767px) { .site-footer .site-selector { margin-bottom: 40px; text-align: center; } } .site-footer .site-selector__nav { display: none; left: inherit; right: 0; } .site-footer .site-selector__trigger, .site-footer .nav__lang > a { color: rgba(255, 255, 255, 0.75); border: none; top: 0; } .site-footer .site-selector__trigger:hover, .site-footer .nav__lang > a:hover, .site-footer .site-selector__trigger:focus, .site-footer .nav__lang > a:focus { border: none !important; text-decoration: none !important; } .site-footer .site-selector__trigger:focus, .site-footer .nav__lang > a:focus { color: rgba(255, 255, 255, 0.75); } .site-footer .site-selector__trigger:active, .site-footer .nav__lang > a:active { color: #fff; border: none; text-decoration: none; } .no-touch .site-footer .site-selector__trigger:hover, .no-touch .site-footer .nav__lang > a:hover { color: #fff; } .no-touch .site-footer .site-selector__trigger:active, .no-touch .site-footer .nav__lang > a:active { color: rgba(255, 255, 255, 0.75); } .site-footer .site-selector__trigger:after, .site-footer .nav__lang > a:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: rgba(255, 255, 255, 0.75) solid 5px; top: -0.45em; margin-left: 0; } .avatar { width: 60px; height: 60px; overflow: hidden; } .avatar, .avatar img { box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1); border-radius: 50%; } .avatar img { width: 100%; height: auto; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .avatar--outlined { border: 1px solid white; } .avatar--big { width: 120px; height: 120px; } .avatar--small { width: 51px; height: 51px; } svg path { stroke: inherit; } .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; position: relative; stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .icon-filter { width: 1.75em; } /* Component: News Ticker ------------------------------------------------ */ .news-ticker { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; overflow: hidden; padding-left: 0 !important; padding-right: 0 !important; border-top: 1px solid rgba(250, 250, 252, 0.2); } .news-ticker__inner { overflow: hidden; display: flex; justify-content: flex-start; align-items: flex-start; height: 99px; } @media screen and (min-width: 768px) { .news-ticker__inner { height: 148px; } } .news-ticker__content { overflow: auto; -webkit-overflow-scrolling: touch; display: flex; justify-content: flex-start; align-items: flex-start; height: 131px; padding-top: 12px; padding-left: 44px; } @media screen and (min-width: 768px) { .news-ticker__content { height: 180px; padding-top: 24px; } } .news-ticker__heading { position: absolute; top: 0; left: 0; z-index: 10; height: 100%; display: flex; justify-content: center; align-items: center; width: 28px; border: none !important; background: #163147; color: #fff !important; box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.18); } .news-ticker__heading:active, .no-touch .news-ticker__heading:hover { background-color: #0c5394; } .news-ticker__heading span { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (max-width: 767px) { .news-ticker__heading span { font-size: 1rem; } } .news-ticker-item { padding-right: 16px; border: none !important; } @media screen and (min-width: 768px) { .news-ticker-item { width: 368px; } } .news-ticker-item__inner { display: flex; justify-content: flex-start; align-items: center; width: 200px; height: 75px; background-color: #fff; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); } @media screen and (min-width: 768px) { .news-ticker-item__inner { width: 352px; height: 100px; } } .news-ticker-item__img { display: none; height: 100px; width: 100px; background-repeat: no-repeat; background-size: cover; background-position: center center; } @media screen and (min-width: 768px) { .news-ticker-item__img { display: block; } } .news-ticker-item__body { height: 100%; padding: 12px 12px 10px; } @media screen and (min-width: 768px) { .news-ticker-item__body { width: 252px; padding: 16px 16px 14px; } } .news-ticker-item__body-inner { position: relative; display: flex; flex-direction: column; align-items: start; justify-content: space-between; height: inherit; overflow: hidden; } .news-ticker-item__body-inner > *:first-child { margin-top: 0 !important; } .news-ticker-item__body-inner > *:last-child { margin-bottom: 0 !important; } .news-ticker-item__body-inner h3 { flex-grow: 1; } .news-ticker-item__footer { display: flex; justify-content: space-between; align-items: baseline; width: 100%; } .news-ticker-item__date { font-size: 1.2rem; line-height: 1.33333333; color: #a1a2a6; } @media screen and (max-width: 767px) { .news-ticker-item__date { font-size: 1.1rem; } } .news-ticker-item__date.lowercase { text-transform: lowercase; } .news-ticker-item__global { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; display: inline-block; margin-left: 0.25em; padding: 0.25em; font-size: 1rem; line-height: 1; letter-spacing: 0.02em; background-color: rgba(14, 58, 94, 0.1); color: #0c5394; } .news-ticker-item__full-title { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: inherit; background-color: #fff; opacity: 0; transition: opacity ease-in-out 0.15s; } .news-ticker-item__full-title, .news-ticker-item h3 { font-size: 1.4rem; line-height: 1.71428571; margin-bottom: 0; font-family: "Helvetica",Verdana,Arial,sans-serif; letter-spacing: 0; color: #4f5a69 !important; } @media screen and (max-width: 767px) { .news-ticker-item__full-title, .news-ticker-item h3 { font-size: 1.2rem; line-height: 1.33333333; } } .news-ticker-item:active h3 { color: #0c5394 !important; } .no-touch .news-ticker-item:hover .news-ticker-item__full-title { opacity: 1; color: #0c5394 !important; } .no-touch .news-ticker-item:hover h3 { color: #0c5394 !important; } /* ISTONE PAGE HERO ---------------------------------------------- */ .header-container-wrapper { background-color: #163147; } .page-hero { /*-----------------------*\ GRID SETTINGS \*-----------------------*/ position: relative; background-color: #fafafc; /*-----------------------*\ WRAPPER ATTRIBUTES \*-----------------------*/ /*--- Background Color ---*/ /*--- Background Image set -- Override BG color ---*/ /*--- Video Background ---*/ /*--- Foreground Color ---*/ /*--- Colored or bg images override default paddings ---*/ /*-----------------------*\ HERO BODY \*-----------------------*/ /*-----------------------*\ Guide Arrow \*-----------------------*/ /*-----------------------*\ Breadcrumb \*-----------------------*/ } .page-hero:before, .page-hero:after { content: " "; /* 1 */ display: table; /* 2 */ } .page-hero:after { clear: both; } .page-hero:before, .page-hero:after { content: " "; /* 1 */ display: table; /* 2 */ } .page-hero:after { clear: both; } @media (min-width: 768px) { .page-hero, .page-hero__inner { min-height: 408px; } } @media (min-width: 768px) and (min-height: 800px) { .page-hero, .page-hero__inner { min-height: 408px; } } .page-hero:not(.page-hero--full-screen) h1 { font-size: 2.5rem; line-height: 1.26315789; letter-spacing: -0.03rem; } @media screen and (min-width: 768px) { .page-hero:not(.page-hero--full-screen) h1 { font-size: 4.6rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } @media screen and (min-width: 992px) { .page-hero:not(.page-hero--full-screen) h1 { font-size: 5rem; line-height: 1.19642857; letter-spacing: -0.02rem; } } @media (min-width: 1800px) { .page-hero:not(.page-hero--full-screen) h1 { font-size: 6.4rem; line-height: 1.25; letter-spacing: -0.05rem; } } @media screen and (max-width: 479px) { .page-hero h1 { font-size: 2.5rem; line-height: 1.375; } } .page-hero--full-screen, .page-hero--full-screen .page-hero__inner { min-height: 0px; } @media screen and (min-width: 768px) { .page-hero--full-screen { /*height: 70vh; */ } } @media (max-width: 767px) { .page-hero--full-screen, .page-hero--full-screen .page-hero__inner { /*max-height: 0px;*/ } } .page-hero--compact, .page-hero--no-content { min-height: 0 !important; height: auto !important; } .page-hero--compact .page-hero__inner, .page-hero--no-content .page-hero__inner { min-height: 0 !important; padding-top: 0 !important; } .page-hero--compact, .page-hero--no-content { padding-top: 70px; } @media screen and (min-width: 480px) { .page-hero--compact, .page-hero--no-content { padding-top: 74px; } } @media (min-width: 1148px) { .page-hero--compact, .page-hero--no-content { padding-top: 116px; } } .page-hero__inner { height: 100%; } .page-hero__inner:before, .page-hero__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .page-hero__inner:after { clear: both; } .page-hero__inner:before, .page-hero__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .page-hero__inner:after { clear: both; } .page-hero.bg-color-blue { background-color: #0c5394; } .page-hero.bg-color-blue .nav__contact a { background: #fff; border: none; } .page-hero.bg-color-blue .nav__contact a, .page-hero.bg-color-blue .nav__contact a * { color: #7f8490 !important; } .page-hero.bg-color-blue .nav__contact a:focus, .page-hero.bg-color-blue .nav__contact a:hover { border: none; } .page-hero.bg-color-blue .nav__contact a:focus, .page-hero.bg-color-blue .nav__contact a:hover, .page-hero.bg-color-blue .nav__contact a:focus *, .page-hero.bg-color-blue .nav__contact a:hover * { color: #7f8490 !important; } .page-hero.bg-color-blue .nav__contact a:active { background-color: #fafafa; border: none; } .page-hero.bg-color-blue .nav__contact a:active, .page-hero.bg-color-blue .nav__contact a:active * { color: #303842 !important; } .no-touch .page-hero.bg-color-blue .nav__contact a:hover { background-color: #ffffff; } .no-touch .page-hero.bg-color-blue .nav__contact a:hover, .no-touch .page-hero.bg-color-blue .nav__contact a:hover * { color: #303842 !important; } .no-touch .page-hero.bg-color-blue .nav__contact a:active { background: #ffffff; } .no-touch .page-hero.bg-color-blue .nav__contact a:active, .no-touch .page-hero.bg-color-blue .nav__contact a:active * { color: rgba(48, 56, 66, 0.9) !important; } .page-hero.bg-img-set { background-color: rgba(230, 61, 11, 0.1); background-blend-mode: overlay; } .page-hero.bg-img-set h1, .page-hero.bg-img-set h2, .page-hero.bg-img-set h3 { color: #fff; } .page-hero.bg-img-set .page-hero__inner { background-color: #303842; color: #fff; } .hs-inline-edit .page-hero.bg-img-set .page-hero__inner, .hero-image-loaded .page-hero.bg-img-set .page-hero__inner { background-image: linear-gradient(to bottom, rgba(22, 49, 71, 0.4) 5%, rgba(22, 49, 71, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66163147', endColorstr='#cc163147', GradientType=0); background-color: inherit; background-size: auto 100%; background-repeat: repeat-x; transition: all ease-in-out 0.15s; } .page-hero--video { position: relative; overflow: hidden; } .page-hero--video video.fullscreen-video { display: block; opacity: 0; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } .page-hero--video video.fullscreen-video.video-loaded { transition: opacity ease-in-out 0.45s; opacity: 1; } .page-hero--video .page-hero__inner { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } .page-hero--video.video-loaded video.fullscreen-video { transition: opacity ease-in-out 0.45s; opacity: 1; } .page-hero[class*="bg-color"] .flex-section__inner, .page-hero.bg-img-set .flex-section__inner { padding-top: 120px; } .page-hero__content { padding-left: 20px; padding-right: 20px; display: table; width: 100%; min-height: calc(408px - 72px - 25px); padding-top: 0; padding-bottom: 0; text-align: left; } @media (min-width: 480px) { .page-hero__content { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .page-hero__content { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .no-touch .page-hero__content { height: 288px; } .page-hero--full-screen .page-hero__content { height: 357px; padding-top: 0; padding-bottom: 0; } @media (min-width: 768px) { .page-hero--full-screen .page-hero__content { height: 357px; } } @media (min-width: 1500px) { .page-hero--full-screen .page-hero__content { height: 600px; } } .page-hero--compact .page-hero__content { padding-top: 80px; padding-bottom: 128px; } @media (min-width: 768px) { .page-hero--compact .page-hero__content { padding-top: 120px; padding-bottom: 208px; } } .page-hero--no-content .page-hero__content { padding-top: 0; min-height: 0 !important; height: 0 !important; } .page-hero__content__inner { display: table-cell; width: inherit; height: inherit; vertical-align: middle; padding-top: 0; padding-bottom: 72px; } @media screen and (min-width: 768px) { .page-hero__content__inner { padding-top: 0; } } .page-hero__content .hs_cos_wrapper_type_text, .page-hero__content .hs_cos_wrapper_type_rich_text { max-width: 1000px; display: block; padding-left: 1.5rem; padding-right: 1.5rem; } .blog-page .page-hero__content .hs_cos_wrapper_type_text, .blog-page .page-hero__content .hs_cos_wrapper_type_rich_text { padding-left: 0; padding-right: 0; } @media screen and (min-width: 768px) { .page-hero__content .hs_cos_wrapper_type_text, .page-hero__content .hs_cos_wrapper_type_rich_text { padding-left: 2.5rem; padding-right: 2.5rem; } .blog-page .page-hero__content .hs_cos_wrapper_type_text, .blog-page .page-hero__content .hs_cos_wrapper_type_rich_text { padding-left: 0; padding-right: 0; } } @media (min-width: 1800px) and (min-height: 1100px) { .page-hero__content .hs_cos_wrapper_type_text, .page-hero__content .hs_cos_wrapper_type_rich_text { max-width: 1100px; max-width: 1200px; } } .bg-img-set .page-hero__content p, .bg-color-black .page-hero__content p, .bg-color-blue .page-hero__content p, .bg-color-dark .page-hero__content p, .bg-color-dark-grey .page-hero__content p, .bg-color-green .page-hero__content p { color: #fff; } .page-hero__content h1:not(.vanilla), .page-hero__content h2:not(.vanilla) { display: inline; padding-bottom: 0.03em !important; /*border-bottom: 2px solid #A5181C;*/ } .hs-inline-edit .page-hero__content h1:not(.vanilla), .hs-inline-edit .page-hero__content h2:not(.vanilla) { padding-bottom: 0; } @media screen and (min-width: 768px) { .page-hero__content h1:not(.vanilla), .page-hero__content h2:not(.vanilla) { border-width: 3px; } } .page-hero__content h1 { margin: 0; position: relative; opacity: 0; -webkit-transform: translate(0, 8px); transform: translate(0, 8px); } .page-hero__content h1 + h1:before { content: ''; display: block; } .bg-img-set .page-hero__content h1 { text-shadow: 0 0 48px rgba(22, 49, 71, 0.75); } @media screen and (max-width: 479px) { .page-hero__content h1.hyphenate { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } .all-initiated .page-hero__content h1 { transition: opacity ease-in-out 0.75s; } .inpage-editing .page-hero__content h1, .hs-inline-edit .page-hero__content h1 { transition: none; } .show-hero-title .page-hero__content h1, .hs-inline-edit .page-hero__content h1 { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .page-hero__content h1 + p, .page-hero__content h2 + p { font-size: 2rem; line-height: 1.6; margin-top: 32px; } @media (min-width: 768px) { .page-hero__content h1 + p, .page-hero__content h2 + p { margin-top: 32px; } } .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn) { color: #A5181C; border: none; } .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus { border: none !important; text-decoration: none !important; } .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus { color: #A5181C; } .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active { color: #303842; border: none; text-decoration: none; } .no-touch .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover { color: #303842; } .no-touch .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active { color: rgba(48, 56, 66, 0.75); } .bg-img-set .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn), .bg-color-black .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn), .bg-color-blue .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn), .bg-color-dark .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn), .bg-color-dark-grey .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn), .bg-color-green .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn) { color: #A5181C; border: none; } .bg-img-set .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .bg-color-black .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .bg-color-blue .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .bg-color-dark .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .bg-color-dark-grey .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .bg-color-green .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .bg-img-set .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-black .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-blue .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-dark .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-dark-grey .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-green .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus { border: none !important; text-decoration: none !important; } .bg-img-set .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-black .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-blue .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-dark .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-dark-grey .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus, .bg-color-green .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):focus { color: #A5181C; } .bg-img-set .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .bg-color-black .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .bg-color-blue .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .bg-color-dark .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .bg-color-dark-grey .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .bg-color-green .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active { color: #fff; border: none; text-decoration: none; } .no-touch .bg-img-set .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .no-touch .bg-color-black .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .no-touch .bg-color-blue .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .no-touch .bg-color-dark .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .no-touch .bg-color-dark-grey .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover, .no-touch .bg-color-green .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):hover { color: #fff; } .no-touch .bg-img-set .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .no-touch .bg-color-black .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .no-touch .bg-color-blue .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .no-touch .bg-color-dark .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .no-touch .bg-color-dark-grey .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active, .no-touch .bg-color-green .page-hero__content a:not(.btn):not(.author-link):not(.at-share-btn):active { color: rgba(255, 255, 255, 0.75); } .page-hero__content a.author-link { color: #94959a; border: none; } .page-hero__content a.author-link:hover, .page-hero__content a.author-link:focus { border: none !important; text-decoration: none !important; } .page-hero__content a.author-link:focus { color: #94959a; } .page-hero__content a.author-link:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .page-hero__content a.author-link:hover { color: #0c5394; } .no-touch .page-hero__content a.author-link:active { color: rgba(14, 58, 94, 0.75); } .bg-img-set .page-hero__content a.author-link, .bg-color-black .page-hero__content a.author-link, .bg-color-blue .page-hero__content a.author-link, .bg-color-dark .page-hero__content a.author-link, .bg-color-dark-grey .page-hero__content a.author-link, .bg-color-green .page-hero__content a.author-link { color: rgba(255, 255, 255, 0.8); border: none; } .bg-img-set .page-hero__content a.author-link:hover, .bg-color-black .page-hero__content a.author-link:hover, .bg-color-blue .page-hero__content a.author-link:hover, .bg-color-dark .page-hero__content a.author-link:hover, .bg-color-dark-grey .page-hero__content a.author-link:hover, .bg-color-green .page-hero__content a.author-link:hover, .bg-img-set .page-hero__content a.author-link:focus, .bg-color-black .page-hero__content a.author-link:focus, .bg-color-blue .page-hero__content a.author-link:focus, .bg-color-dark .page-hero__content a.author-link:focus, .bg-color-dark-grey .page-hero__content a.author-link:focus, .bg-color-green .page-hero__content a.author-link:focus { border: none !important; text-decoration: none !important; } .bg-img-set .page-hero__content a.author-link:focus, .bg-color-black .page-hero__content a.author-link:focus, .bg-color-blue .page-hero__content a.author-link:focus, .bg-color-dark .page-hero__content a.author-link:focus, .bg-color-dark-grey .page-hero__content a.author-link:focus, .bg-color-green .page-hero__content a.author-link:focus { color: rgba(255, 255, 255, 0.8); } .bg-img-set .page-hero__content a.author-link:active, .bg-color-black .page-hero__content a.author-link:active, .bg-color-blue .page-hero__content a.author-link:active, .bg-color-dark .page-hero__content a.author-link:active, .bg-color-dark-grey .page-hero__content a.author-link:active, .bg-color-green .page-hero__content a.author-link:active { color: #fff; border: none; text-decoration: none; } .no-touch .bg-img-set .page-hero__content a.author-link:hover, .no-touch .bg-color-black .page-hero__content a.author-link:hover, .no-touch .bg-color-blue .page-hero__content a.author-link:hover, .no-touch .bg-color-dark .page-hero__content a.author-link:hover, .no-touch .bg-color-dark-grey .page-hero__content a.author-link:hover, .no-touch .bg-color-green .page-hero__content a.author-link:hover { color: #fff; } .no-touch .bg-img-set .page-hero__content a.author-link:active, .no-touch .bg-color-black .page-hero__content a.author-link:active, .no-touch .bg-color-blue .page-hero__content a.author-link:active, .no-touch .bg-color-dark .page-hero__content a.author-link:active, .no-touch .bg-color-dark-grey .page-hero__content a.author-link:active, .no-touch .bg-color-green .page-hero__content a.author-link:active { color: rgba(255, 255, 255, 0.75); } .page-hero__content .blog-series { color: #a1a2a6; } .bg-img-set .page-hero__content .blog-series, .bg-color-black .page-hero__content .blog-series, .bg-color-blue .page-hero__content .blog-series, .bg-color-dark .page-hero__content .blog-series, .bg-color-dark-grey .page-hero__content .blog-series, .bg-color-green .page-hero__content .blog-series { color: rgba(255, 255, 255, 0.7); } .page-hero__content .blog-series a { font-weight: 600; } .page-hero__arrow { position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 32px; text-align: center; transition: all ease-in-out 0.45s; opacity: 0; } @media (min-width: 768px) { .page-hero__arrow { margin: 10px 0 10px 0; } } .has-news-ticker .page-hero__arrow { display: none; } @media screen and (min-width: 768px) { .has-news-ticker .page-hero__arrow { display: block; margin-bottom: 180px; } } @media screen and (min-width: 768px) and (min-height: 900px) { .has-news-ticker .page-hero__arrow { margin-bottom: 208px; } } .hs-inline-edit .page-hero__arrow { transition: none; } .show-guide-arrow .page-hero__arrow, .hs-inline-edit .page-hero__arrow { opacity: 1; } .page-hero__arrow__inner { font-size: 1.7rem; line-height: 1.64705882; position: relative; display: inline-block; cursor: pointer; font-size: 1.4rem; transition: opacity ease-in-out 0.25s; opacity: 0.7; -webkit-animation: guideArrow 3s infinite; animation: guideArrow 3s infinite; } @media (min-width: 1200px) { .page-hero__arrow__inner { font-size: 1.6rem; } } .page-hero__arrow__inner .widget-span { float: none !important; } .page-hero__arrow__inner:after { position: relative; top: -5px; content: ""; display: inline-block; width: 15px; height: 15px; border-right: 0.2em solid #fff; border-top: 0.2em solid #fff; transform: rotate(135deg); border-left:none; } .page-hero__arrow__inner:active { opacity: 1; transition-duration: 0.1s; } .no-touch .page-hero__arrow__inner:hover { opacity: 1; } .no-touch .page-hero__arrow__inner:active { opacity: 0.45; } .page-hero__arrow.arrow-mouseover .page-hero__arrow__inner { -webkit-animation-play-state: paused; animation-play-state: paused; } .hs-inline-edit .page-hero__arrow .page-hero__arrow__inner { -webkit-animation-play-state: paused; animation-play-state: paused; } .fg-light .page-hero__arrow .page-hero__arrow__inner:after { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; } .page-hero .breadcrumb { padding-left: 20px; padding-right: 20px; display: none; } @media (min-width: 480px) { .page-hero .breadcrumb { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .page-hero .breadcrumb { display: none !important; position: absolute; bottom: 0; top:100px; left: 150px; width: auto; } } /* TOP NAVIGATION ------------------------------------ Based on a Zoopa Menu */ .all-initiated .page-hero { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .header-container { width: 100%; transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } .inpage-editing .header-container, .hs-inline-edit .header-container { position: static; } .landing-page .header-container { position: static; } .header-container-wrapper, .body-container-wrapper { position: relative; } .body-container-container { z-index: 0; } .body-container, .footer-container-wrapper { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .zoopa-menu-out .body-container, .zoopa-menu-out .footer-container-wrapper { transition-duration: 800ms; } .page-hero__inner { padding-top: 62px; } @media screen and (min-width: 480px) { .page-hero__inner { padding-top: 62px; } } @media (min-width: 1148px) { .page-hero__inner { padding-top: 150px; } } .nav__lang > a { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; font-size: 1.4rem; line-height: 1.71428571; color: #1d252d; border: none; position: relative; top: 1px; } .nav__lang > a:hover, .nav__lang > a:focus { border: none !important; text-decoration: none !important; } .nav__lang > a:focus { color: #1d252d; } .nav__lang > a:active { color: #064578; border: none; text-decoration: none; } .no-touch .nav__lang > a:hover { color: #064578; } .no-touch .nav__lang > a:active { color: rgba(6, 69, 120, 0.75); } .nav__lang > a:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: #303842 solid 5px; display: inline-block; content: ''; width: 9px; height: 0.8em; margin-left: -0.1em; position: relative; -webkit-transform-origin: 50% 40%; transform-origin: 50% 40%; transition: all ease-in-out 0.3s; -webkit-transform: translate(0, 5px); transform: translate(0, 5px); opacity: 1; } .top-navigation .ghost.btn, .secondary-bar .ghost.btn { padding-top: 1em; padding-bottom: 1em; border-radius: 0; border: none; } .top-navigation .ghost.btn:hover, .secondary-bar .ghost.btn:hover, .top-navigation .ghost.btn:active, .secondary-bar .ghost.btn:active { background: none !important; } /* SITE SELECTOR ------------------- */ .site-selector { position: relative; } .site-selector__trigger { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; font-size: 1.4rem; line-height: 1.71428571; color: #1d252d; border: none; position: relative; top: 1px; display: block; } .site-selector__trigger:hover, .site-selector__trigger:focus { border: none !important; text-decoration: none !important; } .site-selector__trigger:focus { color: #1d252d; } .site-selector__trigger:active { color: #064578; border: none; text-decoration: none; } .no-touch .site-selector__trigger:hover { color: #064578; } .no-touch .site-selector__trigger:active { color: rgba(6, 69, 120, 0.75); } .site-selector__trigger:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: #303842 solid 5px; display: inline-block; content: ''; width: 9px; height: 0.8em; margin-left: -0.1em; position: relative; -webkit-transform-origin: 50% 40%; transform-origin: 50% 40%; transition: all ease-in-out 0.3s; -webkit-transform: translate(0, 5px); transform: translate(0, 5px); opacity: 1; } .site-selector__nav { position: absolute; z-index: 2000; width: 17rem; top: -16px; left: -5.66666667rem; background: #fff; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); color: #727783; text-align: left; /*----------------------*\ Open Transition \*----------------------*/ opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(0, 16px); transform: translate(0, 16px); transition: all ease-in-out 0.4s; pointer-events: none; } .site-selector__nav a { color: #94959a !important; border: none !important; } .site-selector__nav a:hover, .site-selector__nav a:focus { border: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; } .site-selector__nav a:focus { color: #94959a !important; } .site-selector__nav a:active { color: #303842 !important; border: none !important; text-decoration: none !important; } .no-touch .site-selector__nav a:hover { color: #303842 !important; } .no-touch .site-selector__nav a:active { color: rgba(48, 56, 66, 0.75) !important; } .site-selector__nav .selected { margin-bottom: 8px; padding-bottom: 4px; border-bottom: 1px solid rgba(161, 162, 166, 0.25); } .site-selector__nav .selected .site-selector__item { color: #064578 !important; cursor: pointer; } .site-selector__nav ul { margin: 0; padding: 16px 0 16px; white-space: normal; } .site-selector__nav li { display: block !important; padding-left: 0; margin: 0; } .show-lang-nav .site-selector__nav { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); pointer-events: auto; } .site-selector__item { display: flex; justify-content: flex-start; align-items: center; padding: 8px 20px; } .site-selector__item > * { display: block; } .site-selector .flag-icon { position: relative; top: -0.1rem; display: inline-block; margin-right: 8px; } .show-lang-nav .top-navigation__row-2 { pointer-events: none; } /* LANGUAGE NAVIGATION ------------------- */ .nav__lang { position: relative; } .lang-nav { position: absolute; z-index: 2000; width: 130px; top: -16px; left: -43.33333333px; background: #fff; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); color: #727783; text-align: left; /*----------------------*\ Open Transition \*----------------------*/ opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(0, 16px); transform: translate(0, 16px); transition: all ease-in-out 0.4s; pointer-events: none; } .lang-nav span, .lang-nav a { display: block; width: 130px; padding: 8px 32px; } .lang-nav span.selected { color: #303842 !important; cursor: pointer; } .lang-nav a { color: #a1a2a6 !important; border: none !important; } .lang-nav a:hover, .lang-nav a:focus { border: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; } .lang-nav a:focus { color: #a1a2a6 !important; } .lang-nav a:active { color: #303842 !important; border: none !important; text-decoration: none !important; } .no-touch .lang-nav a:hover { color: #303842 !important; } .no-touch .lang-nav a:active { color: rgba(48, 56, 66, 0.75) !important; } .lang-nav ul { margin: 0; padding: 16px 0 16px; } .lang-nav li { padding-left: 0; margin: 0; } .show-lang-nav .lang-nav { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); pointer-events: auto; } .show-lang-nav .top-navigation__row-2 { pointer-events: none; } /* MOBILE NAVIGATION ------------------------------------ */ .mobile-nav-open { overflow: hidden !important; } /*------------------------*\ Mobile Navigation \*------------------------*/ .mobile-nav { display: none; padding: 0; background-image: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #fafafc; transition: none; /* Logo */ /* Language menu */ /* Navigation List */ } .mobile-nav__inner { height: 100%; transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate(0, 8px) !important; transform: translate(0, 8px) !important; } .mobile-nav-opened .mobile-nav__inner { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .mobile-nav ul { list-style: none; margin: 0; padding: 0; } .mobile-nav li { padding: 0; margin: 0; } .mobile-nav a { color: #1d252d; border: none; cursor: pointer; outline: 0; } .mobile-nav a:hover, .mobile-nav a:focus { border: none !important; text-decoration: none !important; } .mobile-nav a:focus { color: #1d252d; } .mobile-nav a:active { color: #064578; border: none; text-decoration: none; } .no-touch .mobile-nav a:hover { color: #064578; } .no-touch .mobile-nav a:active { color: rgba(6, 69, 120, 0.75); } .mobile-nav__header .mobile-nav-inner, .mobile-nav__lang .mobile-nav-inner { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .mobile-nav__header .mobile-nav-inner, .mobile-nav__lang .mobile-nav-inner { padding-left: 30px; padding-right: 30px; } } .mobile-nav__header { height: 52px; background-color: #fff; } @media screen and (min-width: 768px) { } .mobile-nav__list { overflow-y: auto; -webkit-overflow-scrolling: touch; } .mobile-nav__list, .mobile-nav__list-wrapper { height: calc(100vh - 52px); } .mobile-nav__logo { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .mobile-nav__logo img { border: none; } .mobile-nav__logo .logo--light { opacity: 1; } .mobile-nav__lang { overflow: auto; -webkit-overflow-scrolling: touch; padding: 20px 0; background-color: #f3f2f5; border-bottom: 1px solid rgba(161, 162, 166, 0.3); } @media (min-width: 480px) { .mobile-nav__lang { padding: 28px 0; } } .mobile-nav ul.languages { display: table; width: 100%; max-width: 40rem; margin: 0 auto; text-align: center; } @media (min-width: 768px) { .mobile-nav ul.languages { max-width: 45rem; } } .mobile-nav ul.languages li { display: table-cell; width: auto; } .mobile-nav ul.languages li:last-child { padding-right: 20px; text-align: right; } @media (max-width: 479px) { .mobile-nav ul.languages li:first-child { padding-left: 0; text-align: left; } } .mobile-nav ul.languages .selected, .mobile-nav ul.languages a { font-size: 1.2rem; line-height: 1.33333333; padding: 0.7em 1.25em 0.5em; font-weight: 600; line-height: 1; white-space: nowrap; } .mobile-nav ul.languages .selected { border-radius: 999px; background-color: #fff; color: #064578; } .mobile-nav__navigation { /* Level 2 */ } .mobile-nav__navigation li { border-bottom: 1px solid rgba(161, 162, 166, 0.3); } .mobile-nav__navigation li.overview { display: none; } .mobile-nav__navigation li.has-children { position: relative; } .mobile-nav__navigation li.has-children:after { display: block; content: ''; position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; margin-top: 1.75rem; margin-right: 15px; background: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/icon-arrow-right.svg') no-repeat; background-size: auto 2rem; } @media (min-width: 480px) { .mobile-nav__navigation li.has-children:after { margin-top: 2.625rem; margin-right: 25px; } } .mobile-nav__navigation li:first-child a { padding-top: 18.4px; } @media (min-width: 480px) { .mobile-nav__navigation li:first-child a { padding-top: 26.4px; } } .mobile-nav__navigation a { padding-left: 20px; padding-right: 20px; display: block; padding-top: 16px; padding-bottom: 12px; } @media (min-width: 480px) { .mobile-nav__navigation a { padding-left: 30px; padding-right: 30px; } } @media (min-width: 480px) { .mobile-nav__navigation a { padding-top: 24px; padding-bottom: 20px; } } .mobile-nav__navigation a:active { background-color: rgba(255, 255, 255, 0.12); color: #064578; } .mobile-nav__navigation li.hs-menu-depth-2 { padding-bottom: 20px; } .mobile-nav__navigation li.hs-menu-depth-2 > a { padding-top: 32px; font-weight: 600; pointer-events: none; } .mobile-nav__navigation li.hs-menu-depth-2 > a, .mobile-nav__navigation li.hs-menu-depth-2 > a:hover, .mobile-nav__navigation li.hs-menu-depth-2 > a:active { color: #0c5394; background: none; } .mobile-nav__navigation li.hs-menu-depth-2 li { border-bottom: none; } .mobile-nav__navigation li.hs-menu-depth-2 li a { padding-top: 8px; padding-bottom: 12px; } @media (min-width: 480px) { .mobile-nav__navigation li.hs-menu-depth-2 { padding-bottom: 28px; } .mobile-nav__navigation li.hs-menu-depth-2 > a { padding-top: 40px; } } /*------------------------*\ Sub Nav Controls \*------------------------*/ .sub-nav-controls { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 52px; } @media (min-width: 480px) { .sub-nav-controls { height: 72px; } } .sub-nav-controls, .sub-nav-controls .close-sub-nav { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; opacity: 0; } .sub-nav-controls .sub-nav-title { margin-top: 0; text-align: center; line-height: 52px; } @media (min-width: 480px) { .sub-nav-controls .sub-nav-title { line-height: 72px; } } .sub-nav-controls .close-sub-nav { display: block; position: absolute; top: 0; left: 0; width: 78px; height: 52px; } @media (min-width: 480px) { .sub-nav-controls .close-sub-nav { width: 108px; } } @media (min-width: 480px) and (min-width: 480px) { .sub-nav-controls .close-sub-nav { height: 72px; } } .sub-nav-controls .icon-arrow-left { stroke: #727783 !important; fill: #727783 !important; display: inline-block; position: relative; top: 1.5rem; left: 18px; width: 1.125rem; height: 2.125rem; } @media (min-width: 480px) { .sub-nav-controls .icon-arrow-left { top: 1.8rem; left: 28px; } } /*------------------------*\ MobileNav Animations \*------------------------*/ .mobile-nav__list { position: absolute; top: 0; left: 0; width: 100%; } .mobile-nav__list, .mobile-nav__list .mobile-nav__list__inner { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mobile-nav__list-wrapper { position: relative; } .mobile-nav__list--level-2 { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .mobile-nav__list--level-2 .mobile-nav__list__inner { padding-bottom: 48px; opacity: 0; } /*------------------------*\ Sub Nav Expanded \*------------------------*/ .sub-nav-expanded .mobile-nav__logo { opacity: 0; } .sub-nav-expanded .sub-nav-controls { opacity: 1; } .sub-nav-expanded.show-sub-nav-ui .sub-nav-controls .close-sub-nav { opacity: 1; pointer-events: auto; } .sub-nav-expanded .mobile-nav__list--level-1 { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .sub-nav-expanded .mobile-nav__list--level-1 .mobile-nav__list__inner { opacity: 0; } .sub-nav-expanded .mobile-nav__list--level-2 { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .sub-nav-expanded .mobile-nav__list--level-2 .mobile-nav__list__inner { opacity: 1; } /*------------------------*\ Mobile Trigger Button \*------------------------*/ .mobile-nav-trigger { display: block; position: relative; height: 52px; margin-right: -20px; border: none; pointer-events: auto; } .mobile-nav-trigger:hover, .mobile-nav-trigger:active { border: none; } /*------------------------*\ Mobile Icon \*------------------------*/ .mobile-icon { display: inline-block; padding: 0; line-height: 1; cursor: pointer; position: relative; width: 66px; height: 52px; } .mobile-icon .line { display: block; width: 26px; height: 2px; background-color: #727783; border-radius: 2px; transition: all ease-in-out 0.25s; position: absolute; left: 0; margin-top: 16px; margin-left: 20px; margin-top: 17px; margin-left: 21px; } .mobile-icon .line-1 { top: 0; } .mobile-icon .line-2 { top: 8px; } .mobile-icon .line-3 { top: 16px; } .mobile-icon:active .line { background: black; } .mobile-icon.mobile-icon-open .line-1, .mobile-icon.mobile-icon-open .line-3 { top: 8px; } .mobile-icon.mobile-icon-open .line-1 { -webkit-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); } .mobile-icon.mobile-icon-open .line-3 { -webkit-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); } .mobile-icon.mobile-icon-open .line-2 { opacity: 0; } /* BREADCRUMB ---------- */ .hs-breadcrumb-menu-item { padding: 0; float: none; } .hs-breadcrumb-menu-divider:before { content: '›'; padding-left: 4px; padding-right: 4px; } .breadcrumb, .back-to-link { display: inherit !important; margin: 20px 0 24px; font-size: 1.4rem; line-height: 1.57142857; color: #A5181C; opacity: 1; transition: all ease-in-out 0.15s; } .breadcrumb--initiated { opacity: 1; } .breadcrumb div { display: inline-block; } .breadcrumb .widget-span { float: none !important; margin-left: 0 !important; width: auto !important; display: inline-block; } .breadcrumb li { display: inline-block; margin-bottom: 0; } .breadcrumb a { color: #fff; /*border-bottom: 1px solid rgba(114, 119, 131, 0);*/ } .breadcrumb a:hover, .breadcrumb a:active { color: #A5181C; border-color: rgba(161, 162, 166, 0.4); } .fg-light .breadcrumb { color: rgba(255, 255, 255, 0.6); } .fg-light .breadcrumb a { color: #fff; /*border-bottom: 1px solid rgba(255, 255, 255, 0);*/ } .fg-light .breadcrumb a:hover, .fg-light .breadcrumb a:active { color: #fff; border-color: rgba(255, 255, 255, 0.6); } .fg-light .breadcrumb .last-crumb, .fg-light .breadcrumb .hs-breadcrumb-menu-divider, .fg-light .breadcrumb span.hs-breadcrumb-label { color: rgba(255, 255, 255, 0.6); } .back-to-link { opacity: 1; } .hero-wrapper { min-height: 450px; margin-bottom: 120px; padding-top: 0 !important; padding-bottom: 0 !important; } .hero-wrapper__inner { padding: 120px 0; text-align: center; } /* */ /********************************************************************** Mixins ***********************************************************************/ /********************************************************************** THE ISTONE GRID Structure & Styling ***********************************************************************/ .istone-grid, .magic-grid { background-color: #fafafc; /*-----------------------*\ RESETS \*-----------------------*/ /*-----------------------*\ BASE \*-----------------------*/ /*-----------------------*\ BASE GRID ITEM \*-----------------------*/ /* Navigation Style */ /*-----------------------*\ GRID ITEM STYLING \*-----------------------*/ /*-----------------------*\ GRID LAYOUT SETTINGS \*-----------------------*/ } .istone-grid .flex-section__inner.inner--content, .magic-grid .flex-section__inner.inner--content { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; position: relative; } .istone-grid--no-heading .istone-grid__heading, .magic-grid--no-heading .istone-grid__heading { display: none; } .istone-grid__heading, .magic-grid__heading { position: absolute; top: 0; left: 0; right: 0; z-index: 87; text-align: center; } .istone-grid__heading h2, .magic-grid__heading h2 { display: inline-block; padding: 20px 48px 15.2px; background: #fff; box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.18); margin: 0; color: #727783; } .istone-grid--dark-heading .istone-grid__heading h2, .magic-grid--dark-heading .istone-grid__heading h2 { background: #303842; color: #fff; } .istone-grid__item-wrapper, .magic-grid__item-wrapper { background-color: #303842; width: 100%; } .istone-grid__item-wrapper:before, .magic-grid__item-wrapper:before, .istone-grid__item-wrapper:after, .magic-grid__item-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .istone-grid__item-wrapper:after, .magic-grid__item-wrapper:after { clear: both; } .istone-grid__item-wrapper:before, .magic-grid__item-wrapper:before, .istone-grid__item-wrapper:after, .magic-grid__item-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .istone-grid__item-wrapper:after, .magic-grid__item-wrapper:after { clear: both; } .istone-grid .grid-item, .magic-grid .grid-item { position: relative; } .zoopa-menu-expand .istone-grid .grid-item, .zoopa-menu-expand .magic-grid .grid-item { pointer-events: none; } .istone-grid .grid-item, .magic-grid .grid-item, .istone-grid .grid-item__inner, .magic-grid .grid-item__inner { height: 21.33333333em; } @media screen and (min-width: 992px) { .istone-grid .grid-item, .magic-grid .grid-item, .istone-grid .grid-item__inner, .magic-grid .grid-item__inner { height: 24.88888889em; } .istone-grid .grid-item .grid-item__body, .magic-grid .grid-item .grid-item__body, .istone-grid .grid-item__inner .grid-item__body, .magic-grid .grid-item__inner .grid-item__body { height: 24.88888889em; } } @media screen and (min-width: 1200px) { .istone-grid .grid-item, .magic-grid .grid-item, .istone-grid .grid-item__inner, .magic-grid .grid-item__inner { height: 26.66666667em; } .istone-grid .grid-item .grid-item__body, .magic-grid .grid-item .grid-item__body, .istone-grid .grid-item__inner .grid-item__body, .magic-grid .grid-item__inner .grid-item__body { height: 26.66666667em; } } @media (min-width: 1800px) { .istone-grid .grid-item, .magic-grid .grid-item, .istone-grid .grid-item__inner, .magic-grid .grid-item__inner { height: 28.44444444em; } .istone-grid .grid-item .grid-item__body, .magic-grid .grid-item .grid-item__body, .istone-grid .grid-item__inner .grid-item__body, .magic-grid .grid-item__inner .grid-item__body { height: 28.44444444em; } } @media screen and (min-width: 768px) { .istone-grid .grid-item, .magic-grid .grid-item { float: left; width: 50%; } } .istone-grid .grid-item a, .magic-grid .grid-item a, .istone-grid .grid-item a:active, .magic-grid .grid-item a:active, .istone-grid .grid-item a:focus, .magic-grid .grid-item a:focus { border: none !important; } .no-touch .istone-grid .grid-item a:hover, .no-touch .magic-grid .grid-item a:hover { border: none !important; } .istone-grid .grid-item__inner, .magic-grid .grid-item__inner { display: table; border-collapse: collapse; width: 100.2%; } .istone-grid .grid-item__topics, .magic-grid .grid-item__topics, .istone-grid .grid-item__subtitle, .magic-grid .grid-item__subtitle { width: 100%; } .istone-grid .grid-item__body, .magic-grid .grid-item__body { display: table-cell; vertical-align: top; padding-top: 148px; padding-left: 10%; padding-right: 10%; width: 100%; height: 100%; position: relative; text-align: center; } .istone-grid .grid-item__body *, .magic-grid .grid-item__body * { display: inline-block; } @media (min-width: 768px) { .istone-grid .grid-item[data-order-index="1"] .grid-item__body, .magic-grid .grid-item[data-order-index="1"] .grid-item__body, .istone-grid .grid-item[data-order-index="2"] .grid-item__body, .magic-grid .grid-item[data-order-index="2"] .grid-item__body, .istone-grid .grid-item[data-order-index="4"] .grid-item__body, .magic-grid .grid-item[data-order-index="4"] .grid-item__body, .istone-grid .grid-item[data-order-index="5"] .grid-item__body, .magic-grid .grid-item[data-order-index="5"] .grid-item__body { padding-left: 10%; padding-right: 10%; } .istone-grid .grid-item[data-order-index="3"] .grid-item__body, .magic-grid .grid-item[data-order-index="3"] .grid-item__body { padding-left: 10%; padding-right: 10%; } } @media (min-width: 992px) { .istone-grid .grid-item[data-order-index="1"] .grid-item__body, .magic-grid .grid-item[data-order-index="1"] .grid-item__body, .istone-grid .grid-item[data-order-index="2"] .grid-item__body, .magic-grid .grid-item[data-order-index="2"] .grid-item__body, .istone-grid .grid-item[data-order-index="3"] .grid-item__body, .magic-grid .grid-item[data-order-index="3"] .grid-item__body { padding-left: 10%; padding-right: 10%; } .istone-grid .grid-item[data-order-index="4"] .grid-item__body, .magic-grid .grid-item[data-order-index="4"] .grid-item__body, .istone-grid .grid-item[data-order-index="5"] .grid-item__body, .magic-grid .grid-item[data-order-index="5"] .grid-item__body { padding-left: 10%; padding-right: 10%; } } @media (min-width: 1800px) { .istone-grid .grid-item[data-order-index="1"] .grid-item__body, .magic-grid .grid-item[data-order-index="1"] .grid-item__body, .istone-grid .grid-item[data-order-index="2"] .grid-item__body, .magic-grid .grid-item[data-order-index="2"] .grid-item__body, .istone-grid .grid-item[data-order-index="3"] .grid-item__body, .magic-grid .grid-item[data-order-index="3"] .grid-item__body { padding-left: 9%; padding-right: 9%; } .istone-grid .grid-item[data-order-index="4"] .grid-item__body, .magic-grid .grid-item[data-order-index="4"] .grid-item__body, .istone-grid .grid-item[data-order-index="5"] .grid-item__body, .magic-grid .grid-item[data-order-index="5"] .grid-item__body { padding-left: 26%; padding-right: 26%; } } .istone-grid .grid-item.long-title .grid-item__body, .magic-grid .grid-item.long-title .grid-item__body { padding-top: 148px; } .istone-grid .grid-item.super-long-title .grid-item__body, .magic-grid .grid-item.super-long-title .grid-item__body, .istone-grid .grid-item[data-title-lines="5"] .grid-item__body, .magic-grid .grid-item[data-title-lines="5"] .grid-item__body, .istone-grid .grid-item[data-title-lines="6"] .grid-item__body, .magic-grid .grid-item[data-title-lines="6"] .grid-item__body, .istone-grid .grid-item[data-title-lines="7"] .grid-item__body, .magic-grid .grid-item[data-title-lines="7"] .grid-item__body, .istone-grid .grid-item[data-title-lines="8"] .grid-item__body, .magic-grid .grid-item[data-title-lines="8"] .grid-item__body, .istone-grid .grid-item[data-title-lines="9"] .grid-item__body, .magic-grid .grid-item[data-title-lines="9"] .grid-item__body { padding-top: 148px; } .istone-grid .grid-item[data-title-lines="1"] .grid-item__body, .magic-grid .grid-item[data-title-lines="1"] .grid-item__body, .istone-grid .grid-item[data-title-lines="2"] .grid-item__body, .magic-grid .grid-item[data-title-lines="2"] .grid-item__body, .istone-grid .grid-item[data-title-lines="3"] .grid-item__body, .magic-grid .grid-item[data-title-lines="3"] .grid-item__body, .istone-grid .grid-item[data-title-lines="4"] .grid-item__body, .magic-grid .grid-item[data-title-lines="4"] .grid-item__body { padding-top: 148px; } @media (max-width: 1799px) { .istone-grid .grid-item.long-title .grid-item__body, .magic-grid .grid-item.long-title .grid-item__body { padding-top: 153.18px; } .istone-grid .grid-item.super-long-title .grid-item__body, .magic-grid .grid-item.super-long-title .grid-item__body, .istone-grid .grid-item[data-title-lines="5"] .grid-item__body, .magic-grid .grid-item[data-title-lines="5"] .grid-item__body, .istone-grid .grid-item[data-title-lines="6"] .grid-item__body, .magic-grid .grid-item[data-title-lines="6"] .grid-item__body, .istone-grid .grid-item[data-title-lines="7"] .grid-item__body, .magic-grid .grid-item[data-title-lines="7"] .grid-item__body, .istone-grid .grid-item[data-title-lines="8"] .grid-item__body, .magic-grid .grid-item[data-title-lines="8"] .grid-item__body, .istone-grid .grid-item[data-title-lines="9"] .grid-item__body, .magic-grid .grid-item[data-title-lines="9"] .grid-item__body { padding-top: 153.18px; } .istone-grid .grid-item[data-title-lines="1"] .grid-item__body, .magic-grid .grid-item[data-title-lines="1"] .grid-item__body, .istone-grid .grid-item[data-title-lines="2"] .grid-item__body, .magic-grid .grid-item[data-title-lines="2"] .grid-item__body, .istone-grid .grid-item[data-title-lines="3"] .grid-item__body, .magic-grid .grid-item[data-title-lines="3"] .grid-item__body, .istone-grid .grid-item[data-title-lines="4"] .grid-item__body, .magic-grid .grid-item[data-title-lines="4"] .grid-item__body { padding-top: 153.18px; } } @media (max-width: 990px) { .istone-grid .grid-item.long-title .grid-item__body, .magic-grid .grid-item.long-title .grid-item__body { padding-top: 104px; } .istone-grid .grid-item.super-long-title .grid-item__body, .magic-grid .grid-item.super-long-title .grid-item__body, .istone-grid .grid-item[data-title-lines="5"] .grid-item__body, .magic-grid .grid-item[data-title-lines="5"] .grid-item__body, .istone-grid .grid-item[data-title-lines="6"] .grid-item__body, .magic-grid .grid-item[data-title-lines="6"] .grid-item__body, .istone-grid .grid-item[data-title-lines="7"] .grid-item__body, .magic-grid .grid-item[data-title-lines="7"] .grid-item__body, .istone-grid .grid-item[data-title-lines="8"] .grid-item__body, .magic-grid .grid-item[data-title-lines="8"] .grid-item__body, .istone-grid .grid-item[data-title-lines="9"] .grid-item__body, .magic-grid .grid-item[data-title-lines="9"] .grid-item__body { padding-top: 104px; } .istone-grid .grid-item[data-title-lines="1"] .grid-item__body, .magic-grid .grid-item[data-title-lines="1"] .grid-item__body, .istone-grid .grid-item[data-title-lines="2"] .grid-item__body, .magic-grid .grid-item[data-title-lines="2"] .grid-item__body, .istone-grid .grid-item[data-title-lines="3"] .grid-item__body, .magic-grid .grid-item[data-title-lines="3"] .grid-item__body, .istone-grid .grid-item[data-title-lines="4"] .grid-item__body, .magic-grid .grid-item[data-title-lines="4"] .grid-item__body { padding-top: 104px; } } @media (max-width: 767px) { .istone-grid.grid-type-navigation .grid-item.long-title .grid-item__body, .magic-grid.grid-type-navigation .grid-item.long-title .grid-item__body, .istone-grid.grid-type-navigation .grid-item.super-long-title .grid-item__body, .magic-grid.grid-type-navigation .grid-item.super-long-title .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="2"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="2"] .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="3"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="3"] .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="4"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="4"] .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="5"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="5"] .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="6"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="6"] .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="7"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="7"] .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="8"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="8"] .grid-item__body, .istone-grid.grid-type-navigation .grid-item[data-title-lines="9"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="9"] .grid-item__body { padding: 48px 9% 9%; } .istone-grid.grid-type-navigation .grid-item[data-title-lines="1"] .grid-item__body, .magic-grid.grid-type-navigation .grid-item[data-title-lines="1"] .grid-item__body { padding-top: 144px; } } .istone-grid.grid-type-navigation .grid-item, .magic-grid.grid-type-navigation .grid-item { position: relative; } .zoopa-menu-expand .istone-grid.grid-type-navigation .grid-item, .zoopa-menu-expand .magic-grid.grid-type-navigation .grid-item { pointer-events: none; } @media (max-width: 767px) { .istone-grid.grid-type-navigation .grid-item, .magic-grid.grid-type-navigation .grid-item, .istone-grid.grid-type-navigation .grid-item__inner, .magic-grid.grid-type-navigation .grid-item__inner { height: 14.22222222em; } } .istone-grid .grid-item, .magic-grid .grid-item { background-color: #303842; position: relative; cursor: pointer; overflow: hidden; opacity: 0; /* Add extra horisontal borders on < Tablet */ /* Add extra vertical borders on < Tablet */ } .inpage-editing .istone-grid .grid-item, .inpage-editing .magic-grid .grid-item, .hs-inline-edit .istone-grid .grid-item, .hs-inline-edit .magic-grid .grid-item { opacity: 1; } .istone-grid .grid-item--img-loaded, .magic-grid .grid-item--img-loaded { transition: all ease-in-out 0.42s; opacity: 1; } .istone-grid .grid-item, .magic-grid .grid-item, .istone-grid .grid-item *, .magic-grid .grid-item * { color: #fff; } .istone-grid .grid-item a:hover, .magic-grid .grid-item a:hover, .istone-grid .grid-item a:focus, .magic-grid .grid-item a:focus { outline: 0; color: #fff; } @media (max-width: 767px) { } .good-boy .istone-grid .grid-item:active .grid-item__body, .good-boy .magic-grid .grid-item:active .grid-item__body { transition-duration: 0.1s; background-color: rgba(243, 242, 245, 0.05); } @media (min-width: 768px) { .good-boy .istone-grid .grid-item:active .grid-item__body, .good-boy .magic-grid .grid-item:active .grid-item__body { background-color: rgba(0, 0, 0, 0.45); } } .good-boy .istone-grid .grid-item--img-set:active .grid-item__body, .good-boy .magic-grid .grid-item--img-set:active .grid-item__body { transition-duration: 0.1s; background-color: rgba(30, 23, 18, 0.6); } .good-boy .istone-grid .grid-item--color-set:active .grid-item__body, .good-boy .magic-grid .grid-item--color-set:active .grid-item__body { transition-duration: 0.1s; background-color: rgba(30, 23, 18, 0.5); } @media (min-width: 768px) { .no-touch .istone-grid .grid-item .read-duration, .no-touch .magic-grid .grid-item .read-duration { opacity: 0; } } .no-touch .istone-grid .grid-item:hover, .no-touch .magic-grid .grid-item:hover { background-color: #303842; } .no-touch .istone-grid .grid-item:hover .grid-item__img, .no-touch .magic-grid .grid-item:hover .grid-item__img { -webkit-transform: scale(1.03); transform: scale(1.03); } .no-touch .istone-grid .grid-item:hover .grid-item__subtitle, .no-touch .magic-grid .grid-item:hover .grid-item__subtitle { opacity: 0.75; } .no-touch .istone-grid .grid-item:hover .grid-item__preview, .no-touch .magic-grid .grid-item:hover .grid-item__preview { opacity: 0.5; } @media (max-width: 767px) { .no-touch .istone-grid .grid-item:hover .grid-item__img, .no-touch .magic-grid .grid-item:hover .grid-item__img { border-width: 0; } } @media (min-width: 768px) { .no-touch .istone-grid .grid-item:hover .read-duration, .no-touch .magic-grid .grid-item:hover .read-duration { opacity: 0.75; } } .no-touch .istone-grid .grid-item--img-set:hover .grid-item__img, .no-touch .magic-grid .grid-item--img-set:hover .grid-item__img { -webkit-transform: scale(1.03); transform: scale(1.03); } @media (min-width: 768px) { .no-touch .istone-grid .grid-item--img-set:hover .grid-item__body, .no-touch .magic-grid .grid-item--img-set:hover .grid-item__body { background-color: rgba(30, 23, 18, 0.6); } } @media (min-width: 768px) { .no-touch .istone-grid .grid-item--color-set:hover .grid-item__body, .no-touch .magic-grid .grid-item--color-set:hover .grid-item__body { background-color: rgba(30, 23, 18, 0.55); } } .no-touch .istone-grid .grid-item:active .grid-item__body, .no-touch .magic-grid .grid-item:active .grid-item__body { transition-duration: 0.1s; background-color: rgba(243, 242, 245, 0.05); } @media (min-width: 768px) { .no-touch .istone-grid .grid-item:active .grid-item__body, .no-touch .magic-grid .grid-item:active .grid-item__body { background-color: rgba(0, 0, 0, 0.45); } } .no-touch .istone-grid .grid-item--img-set:active .grid-item__body, .no-touch .magic-grid .grid-item--img-set:active .grid-item__body { transition-duration: 0.1s; background-color: rgba(30, 23, 18, 0.6); } .istone-grid .grid-item__img, .magic-grid .grid-item__img, .istone-grid .grid-item__inner, .magic-grid .grid-item__inner, .istone-grid .grid-item__body, .magic-grid .grid-item__body, .istone-grid .grid-item__preview, .magic-grid .grid-item__preview { transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; border: 0 solid rgba(48, 56, 66, 0); } .istone-grid .grid-item__img, .magic-grid .grid-item__img { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .istone-grid .grid-item--img-set .grid-item__img, .magic-grid .grid-item--img-set .grid-item__img { display: block; width: 100%; background-size: auto 100%; background-position: center 25%; background-repeat: no-repeat; } @media (min-width: 480px) { .istone-grid .grid-item--img-set .grid-item__img, .magic-grid .grid-item--img-set .grid-item__img { background-size: 100% auto; background-size: cover; } } .istone-grid .grid-item--img-set .grid-item__body, .magic-grid .grid-item--img-set .grid-item__body { box-sizing: border-box; background-color: rgba(28, 17, 11, 0.65); } .istone-grid .grid-item--color-set .grid-item__body, .magic-grid .grid-item--color-set .grid-item__body { box-sizing: border-box; background-color: rgba(23, 18, 16, 0.7); } .istone-grid .grid-item__inner, .magic-grid .grid-item__inner { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .istone-grid .grid-item__body, .magic-grid .grid-item__body { text-align: center; overflow: hidden; position: relative; border: 0 solid #303842; } .istone-grid .grid-item .read-duration, .magic-grid .grid-item .read-duration { font-size: 1.4rem; line-height: 1.71428571; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 48px; font-style: normal; text-transform: lowercase; transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; opacity: 0.75; } .istone-grid .grid-item__topics, .magic-grid .grid-item__topics { margin-bottom: 4px; padding-left: 6%; padding-right: 6%; } .istone-grid .grid-item__topics .tag-style, .magic-grid .grid-item__topics .tag-style { color: #A5181C; } .istone-grid .grid-item__topics a, .magic-grid .grid-item__topics a { color: #A5181C !important; } @media (max-width: 1799px) { .istone-grid .grid-item__topics a, .magic-grid .grid-item__topics a { font-size: 1.2rem; } } .istone-grid .grid-item__topics .read-duration, .magic-grid .grid-item__topics .read-duration { display: none !important; font-weight: 400; } .istone-grid .grid-item__topics *, .magic-grid .grid-item__topics * { display: none; } .istone-grid .grid-item__topics *:nth-child(1), .magic-grid .grid-item__topics *:nth-child(1), .istone-grid .grid-item__topics *:nth-child(2), .magic-grid .grid-item__topics *:nth-child(2) { display: inline-block; } .istone-grid .grid-item__topics *:nth-child(1):after, .magic-grid .grid-item__topics *:nth-child(1):after, .istone-grid .grid-item__topics *:nth-child(2):after, .magic-grid .grid-item__topics *:nth-child(2):after { display: none; } .istone-grid .grid-item__topics *:nth-child(2):before, .magic-grid .grid-item__topics *:nth-child(2):before { content: '/'; opacity: 0.5; margin-left: -0.15em; margin-right: 0.3em; font-size: 75%; } .istone-grid .grid-item__topics *:nth-child(2):after, .magic-grid .grid-item__topics *:nth-child(2):after { display: none; } .istone-grid .grid-item header, .magic-grid .grid-item header { max-width: 48rem; margin-left: auto; margin-right: auto; } .istone-grid .grid-item__title, .magic-grid .grid-item__title { font-size: 2.4rem; line-height: 1.5; clear: both; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 8px; } @media screen and (min-width: 1200px) { .istone-grid .grid-item__title, .magic-grid .grid-item__title { font-size: 2.8rem; line-height: 1.42857143; letter-spacing: -0.02rem; } } @media (min-width: 1800px) { .istone-grid .grid-item__title, .magic-grid .grid-item__title { font-size: 3.2rem; line-height: 1.375; } } .istone-grid .grid-item__author, .magic-grid .grid-item__author { font-size: 1.7rem; line-height: 1.41176471; font-family: Poppins,sans-serif;; } .istone-grid .grid-item__subtitle, .magic-grid .grid-item__subtitle { position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 56px; transition-duration: 0.2s; } .istone-grid .grid-item__preview, .magic-grid .grid-item__preview { display: none; position: absolute; padding: 25px; bottom: 25px; left: 0; width: 100%; max-height: 20%; overflow: hidden; opacity: 0; } .istone-grid .grid-item__preview, .magic-grid .grid-item__preview, .istone-grid .grid-item__preview *, .magic-grid .grid-item__preview * { font-size: 1.4rem !important; line-height: 1.71428571 !important; font-style: normal !important; } @media (min-width: 768px) { .istone-grid.grid-item-count-1 .grid-item, .magic-grid.grid-item-count-1 .grid-item { width: 100%; } } .istone-grid.grid-item-count-2 .grid-item[data-order-index="1"] .grid-item__body, .magic-grid.grid-item-count-2 .grid-item[data-order-index="1"] .grid-item__body, .istone-grid.grid-item-count-2 .grid-item[data-order-index="2"] .grid-item__body, .magic-grid.grid-item-count-2 .grid-item[data-order-index="2"] .grid-item__body { padding-left: 10%; padding-right: 10%; } @media (min-width: 1800px) { .istone-grid.grid-item-count-2 .grid-item[data-order-index="1"] .grid-item__body, .magic-grid.grid-item-count-2 .grid-item[data-order-index="1"] .grid-item__body, .istone-grid.grid-item-count-2 .grid-item[data-order-index="2"] .grid-item__body, .magic-grid.grid-item-count-2 .grid-item[data-order-index="2"] .grid-item__body { padding-left: 26%; padding-right: 26%; } } @media (min-width: 768px) { .istone-grid.grid-item-count-3 .grid-item:nth-child(1), .magic-grid.grid-item-count-3 .grid-item:nth-child(1) { width: 100%; } .istone-grid.grid-item-count-3 .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-3 .grid-item:nth-child(1) .grid-item__title { max-width: 100%; } } @media (min-width: 992px) { .istone-grid.grid-item-count-3 .grid-item, .magic-grid.grid-item-count-3 .grid-item, .istone-grid.grid-item-count-3 .grid-item:nth-child(1), .magic-grid.grid-item-count-3 .grid-item:nth-child(1) { width: 33.33333333%; } .istone-grid.grid-item-count-3 .grid-item .grid-item__title, .magic-grid.grid-item-count-3 .grid-item .grid-item__title, .istone-grid.grid-item-count-3 .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-3 .grid-item:nth-child(1) .grid-item__title { max-width: 100%; } } .istone-grid.grid-item-count-4 .grid-item[data-order-index="1"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="1"] .grid-item__body, .istone-grid.grid-item-count-4 .grid-item[data-order-index="2"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="2"] .grid-item__body, .istone-grid.grid-item-count-4 .grid-item[data-order-index="3"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="3"] .grid-item__body, .istone-grid.grid-item-count-4 .grid-item[data-order-index="4"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="4"] .grid-item__body { padding-left: 10%; padding-right: 10%; } @media (min-width: 1800px) { .istone-grid.grid-item-count-4 .grid-item[data-order-index="1"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="1"] .grid-item__body, .istone-grid.grid-item-count-4 .grid-item[data-order-index="2"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="2"] .grid-item__body, .istone-grid.grid-item-count-4 .grid-item[data-order-index="3"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="3"] .grid-item__body, .istone-grid.grid-item-count-4 .grid-item[data-order-index="4"] .grid-item__body, .magic-grid.grid-item-count-4 .grid-item[data-order-index="4"] .grid-item__body { padding-left: 9%; padding-right: 9%; } } @media (min-width: 768px) { .istone-grid.grid-item-count-5 .grid-item:nth-child(3), .magic-grid.grid-item-count-5 .grid-item:nth-child(3) { width: 100%; } .istone-grid.grid-item-count-5 .grid-item:nth-child(3) .grid-item__title, .magic-grid.grid-item-count-5 .grid-item:nth-child(3) .grid-item__title { max-width: 100%; } } @media (min-width: 992px) { .istone-grid.grid-item-count-5 .grid-item:nth-child(1), .magic-grid.grid-item-count-5 .grid-item:nth-child(1), .istone-grid.grid-item-count-5 .grid-item:nth-child(2), .magic-grid.grid-item-count-5 .grid-item:nth-child(2), .istone-grid.grid-item-count-5 .grid-item:nth-child(3), .magic-grid.grid-item-count-5 .grid-item:nth-child(3) { width: 33.33333333%; } .istone-grid.grid-item-count-5 .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-5 .grid-item:nth-child(1) .grid-item__title, .istone-grid.grid-item-count-5 .grid-item:nth-child(2) .grid-item__title, .magic-grid.grid-item-count-5 .grid-item:nth-child(2) .grid-item__title, .istone-grid.grid-item-count-5 .grid-item:nth-child(3) .grid-item__title, .magic-grid.grid-item-count-5 .grid-item:nth-child(3) .grid-item__title { max-width: 100%; } .istone-grid.grid-item-count-5 .grid-item:nth-child(4), .magic-grid.grid-item-count-5 .grid-item:nth-child(4), .istone-grid.grid-item-count-5 .grid-item:nth-child(5), .magic-grid.grid-item-count-5 .grid-item:nth-child(5) { width: 50%; } .istone-grid.grid-item-count-5 .grid-item:nth-child(4) .grid-item__title, .magic-grid.grid-item-count-5 .grid-item:nth-child(4) .grid-item__title, .istone-grid.grid-item-count-5 .grid-item:nth-child(5) .grid-item__title, .magic-grid.grid-item-count-5 .grid-item:nth-child(5) .grid-item__title { max-width: 100%; } } @media (min-width: 768px) { .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1) { width: 100%; } .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1) .grid-item__title { max-width: 100%; } .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2), .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3), .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4), .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5) { width: 50%; } .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2) .grid-item__title, .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3) .grid-item__title, .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4) .grid-item__title, .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5) .grid-item__title { max-width: 100%; } } @media (min-width: 992px) { .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3), .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4), .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5) { width: 33.33333333%; } .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(3) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(3) .grid-item__title, .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(4) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(4) .grid-item__title, .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(5) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(5) .grid-item__title { max-width: 100%; } .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1), .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2), .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2), .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2), .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2) { width: 50%; } .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(1) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(1) .grid-item__title, .istone-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2) .grid-item__title, .magic-grid.grid-item-count-5.magic-grid--inverted .grid-item:nth-child(2) .grid-item__title, .istone-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2) .grid-item__title, .magic-grid.grid-item-count-5.istone-grid--inverted .grid-item:nth-child(2) .grid-item__title { max-width: 100%; } } @media (min-width: 768px) { .istone-grid.grid-item-count-6 .grid-item:nth-child(1), .magic-grid.grid-item-count-6 .grid-item:nth-child(1) { width: 100%; } .istone-grid.grid-item-count-6 .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-6 .grid-item:nth-child(1) .grid-item__title { max-width: 100%; } } @media (min-width: 992px) { .istone-grid.grid-item-count-6 .grid-item, .magic-grid.grid-item-count-6 .grid-item, .istone-grid.grid-item-count-6 .grid-item:nth-child(1), .magic-grid.grid-item-count-6 .grid-item:nth-child(1), .istone-grid.grid-item-count-6 .grid-item:nth-child(2), .magic-grid.grid-item-count-6 .grid-item:nth-child(2) { width: 33.33333333%; } .istone-grid.grid-item-count-6 .grid-item .grid-item__title, .magic-grid.grid-item-count-6 .grid-item .grid-item__title, .istone-grid.grid-item-count-6 .grid-item:nth-child(1) .grid-item__title, .magic-grid.grid-item-count-6 .grid-item:nth-child(1) .grid-item__title, .istone-grid.grid-item-count-6 .grid-item:nth-child(2) .grid-item__title, .magic-grid.grid-item-count-6 .grid-item:nth-child(2) .grid-item__title { max-width: 100%; } } .istone-grid.grid-item-count-6 .grid-item[data-order-index="1"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="1"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="2"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="2"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="3"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="3"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="4"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="4"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="5"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="5"] .grid-item__body { padding-left: 10%; padding-right: 10%; } @media (min-width: 1800px) { .istone-grid.grid-item-count-6 .grid-item[data-order-index="1"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="1"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="2"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="2"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="3"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="3"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="4"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="4"] .grid-item__body, .istone-grid.grid-item-count-6 .grid-item[data-order-index="5"] .grid-item__body, .magic-grid.grid-item-count-6 .grid-item[data-order-index="5"] .grid-item__body { padding-left: 26%; padding-right: 26%; } } .istone-grid--infinite .grid-item[data-order-index="1"], .magic-grid--infinite .grid-item[data-order-index="1"], .istone-grid--infinite .grid-item[data-order-index="2"], .magic-grid--infinite .grid-item[data-order-index="2"], .istone-grid--infinite .grid-item[data-order-index="3"], .magic-grid--infinite .grid-item[data-order-index="3"], .istone-grid--infinite .grid-item[data-order-index="4"], .magic-grid--infinite .grid-item[data-order-index="4"], .istone-grid--infinite .grid-item[data-order-index="5"], .magic-grid--infinite .grid-item[data-order-index="5"] { width: 100%; } .istone-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="3"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="3"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="5"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="5"] .grid-item__body { padding-left: 10%; padding-right: 10%; } @media (min-width: 480px) { .istone-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="3"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="3"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="5"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="5"] .grid-item__body { padding-left: 10%; padding-right: 10%; } } @media (min-width: 768px) { .istone-grid--infinite .grid-item:nth-child(3), .magic-grid--infinite .grid-item:nth-child(3), .istone-grid--infinite .grid-item:nth-child(6), .magic-grid--infinite .grid-item:nth-child(6), .istone-grid--infinite .grid-item:nth-child(9), .magic-grid--infinite .grid-item:nth-child(9), .istone-grid--infinite .grid-item:nth-child(12), .magic-grid--infinite .grid-item:nth-child(12), .istone-grid--infinite .grid-item:nth-child(15), .magic-grid--infinite .grid-item:nth-child(15), .istone-grid--infinite .grid-item:nth-child(18), .magic-grid--infinite .grid-item:nth-child(18), .istone-grid--infinite .grid-item:nth-child(21), .magic-grid--infinite .grid-item:nth-child(21), .istone-grid--infinite .grid-item:nth-child(24), .magic-grid--infinite .grid-item:nth-child(24), .istone-grid--infinite .grid-item:nth-child(27), .magic-grid--infinite .grid-item:nth-child(27), .istone-grid--infinite .grid-item:nth-child(30), .magic-grid--infinite .grid-item:nth-child(30), .istone-grid--infinite .grid-item:nth-child(33), .magic-grid--infinite .grid-item:nth-child(33) { width: 100%; } .istone-grid--infinite .grid-item:nth-child(3) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(3) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(6) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(6) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(9) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(9) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(12) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(12) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(15) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(15) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(18) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(18) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(21) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(21) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(24) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(24) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(27) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(27) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(30) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(30) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(33) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(33) .grid-item__title { max-width: 100%; } .istone-grid--infinite .grid-item[data-order-index="1"], .magic-grid--infinite .grid-item[data-order-index="1"], .istone-grid--infinite .grid-item[data-order-index="2"], .magic-grid--infinite .grid-item[data-order-index="2"], .istone-grid--infinite .grid-item[data-order-index="4"], .magic-grid--infinite .grid-item[data-order-index="4"], .istone-grid--infinite .grid-item[data-order-index="5"], .magic-grid--infinite .grid-item[data-order-index="5"] { width: 50%; } .istone-grid--infinite .grid-item[data-order-index="1"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="1"] .grid-item__title, .istone-grid--infinite .grid-item[data-order-index="2"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="2"] .grid-item__title, .istone-grid--infinite .grid-item[data-order-index="4"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="4"] .grid-item__title, .istone-grid--infinite .grid-item[data-order-index="5"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="5"] .grid-item__title { max-width: 100%; } .istone-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="5"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="5"] .grid-item__body { padding-left: 10%; padding-right: 10%; } .istone-grid--infinite .grid-item[data-order-index="3"], .magic-grid--infinite .grid-item[data-order-index="3"] { width: 100%; } .istone-grid--infinite .grid-item[data-order-index="3"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="3"] .grid-item__title { max-width: 100%; } .istone-grid--infinite .grid-item[data-order-index="3"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="3"] .grid-item__body { padding-left: 10%; padding-right: 10%; } } @media (min-width: 992px) { .istone-grid--infinite .grid-item:only-child, .magic-grid--infinite .grid-item:only-child { width: 100% !important; } .istone-grid--infinite .grid-item:nth-child(1):nth-last-child(2), .magic-grid--infinite .grid-item:nth-child(1):nth-last-child(2), .istone-grid--infinite .grid-item:nth-child(2):nth-last-child(1), .magic-grid--infinite .grid-item:nth-child(2):nth-last-child(1) { width: 50%; } .istone-grid--infinite .grid-item:nth-child(1):nth-last-child(3), .magic-grid--infinite .grid-item:nth-child(1):nth-last-child(3), .istone-grid--infinite .grid-item:nth-child(2):nth-last-child(2), .magic-grid--infinite .grid-item:nth-child(2):nth-last-child(2), .istone-grid--infinite .grid-item:nth-child(3):nth-last-child(1), .magic-grid--infinite .grid-item:nth-child(3):nth-last-child(1) { width: 33.33333333%; } .istone-grid--infinite .grid-item:nth-child(1), .magic-grid--infinite .grid-item:nth-child(1), .istone-grid--infinite .grid-item:nth-child(2), .magic-grid--infinite .grid-item:nth-child(2), .istone-grid--infinite .grid-item:nth-child(3), .magic-grid--infinite .grid-item:nth-child(3), .istone-grid--infinite .grid-item:nth-child(6), .magic-grid--infinite .grid-item:nth-child(6), .istone-grid--infinite .grid-item:nth-child(7), .magic-grid--infinite .grid-item:nth-child(7), .istone-grid--infinite .grid-item:nth-child(8), .magic-grid--infinite .grid-item:nth-child(8), .istone-grid--infinite .grid-item:nth-child(11), .magic-grid--infinite .grid-item:nth-child(11), .istone-grid--infinite .grid-item:nth-child(12), .magic-grid--infinite .grid-item:nth-child(12), .istone-grid--infinite .grid-item:nth-child(13), .magic-grid--infinite .grid-item:nth-child(13) { width: 33.33333333%; } .istone-grid--infinite .grid-item:nth-child(1) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(1) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(2) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(2) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(3) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(3) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(6) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(6) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(7) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(7) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(8) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(8) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(11) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(11) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(12) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(12) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(13) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(13) .grid-item__title { max-width: 100%; } .istone-grid--infinite .grid-item:nth-child(4), .magic-grid--infinite .grid-item:nth-child(4), .istone-grid--infinite .grid-item:nth-child(5), .magic-grid--infinite .grid-item:nth-child(5), .istone-grid--infinite .grid-item:nth-child(9), .magic-grid--infinite .grid-item:nth-child(9), .istone-grid--infinite .grid-item:nth-child(10), .magic-grid--infinite .grid-item:nth-child(10), .istone-grid--infinite .grid-item:nth-child(14), .magic-grid--infinite .grid-item:nth-child(14), .istone-grid--infinite .grid-item:nth-child(15), .magic-grid--infinite .grid-item:nth-child(15) { width: 50%; } .istone-grid--infinite .grid-item:nth-child(4) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(4) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(5) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(5) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(9) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(9) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(10) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(10) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(14) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(14) .grid-item__title, .istone-grid--infinite .grid-item:nth-child(15) .grid-item__title, .magic-grid--infinite .grid-item:nth-child(15) .grid-item__title { max-width: 100%; } .istone-grid--infinite .grid-item[data-order-index="1"], .magic-grid--infinite .grid-item[data-order-index="1"], .istone-grid--infinite .grid-item[data-order-index="2"], .magic-grid--infinite .grid-item[data-order-index="2"], .istone-grid--infinite .grid-item[data-order-index="3"], .magic-grid--infinite .grid-item[data-order-index="3"] { width: 33.33333333%; } .istone-grid--infinite .grid-item[data-order-index="1"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="1"] .grid-item__title, .istone-grid--infinite .grid-item[data-order-index="2"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="2"] .grid-item__title, .istone-grid--infinite .grid-item[data-order-index="3"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="3"] .grid-item__title { max-width: 100%; } .istone-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="1"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="2"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="3"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="3"] .grid-item__body { padding-left: 10%; padding-right: 10%; } .istone-grid--infinite .grid-item[data-order-index="4"], .magic-grid--infinite .grid-item[data-order-index="4"], .istone-grid--infinite .grid-item[data-order-index="5"], .magic-grid--infinite .grid-item[data-order-index="5"] { width: 50%; } .istone-grid--infinite .grid-item[data-order-index="4"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="4"] .grid-item__title, .istone-grid--infinite .grid-item[data-order-index="5"] .grid-item__title, .magic-grid--infinite .grid-item[data-order-index="5"] .grid-item__title { max-width: 100%; } .istone-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="4"] .grid-item__body, .istone-grid--infinite .grid-item[data-order-index="5"] .grid-item__body, .magic-grid--infinite .grid-item[data-order-index="5"] .grid-item__body { padding-left: 10%; padding-right: 10%; } } .section { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .section { padding-left: 30px; padding-right: 30px; } } .section__inner { padding-top: 104px; } @media (min-width: 1200px) { .section__inner { padding-top: 120px; } } .section--page-content { background-color: #fafafc; } /* FLEX SECTION BASE COMPONENT ---------------------------- Basic styling for Flex Section custom modules. Configure modules in _imports.less. */ .flex-section { padding-bottom: 72px; border-collapse: collapse; /*-----------------------*\ COLUMN WRAPPER \*-----------------------*/ /*-----------------------*\ WRAPPER ATTRIBUTES \*-----------------------*/ /*--- Grid Style ---*/ /*--- Bottom Style ---*/ /*--- Background Image set -- Override BG color ---*/ /*--- Colored or bg images override default paddings ---*/ /*--- Content (Text) Alignment ---*/ /*--- Column (Vertical) Alignment ---*/ /*--- Column Type ---*/ /*--- Theme Styling---*/ /*--- CTA Styling---*/ /*-----------------------*\ COLUMN STYLING \*-----------------------*/ /*--- Reset inner element margins ---*/ /*-----------------------*\ SECTION HEADING \*-----------------------*/ /*-----------------------*\ ITEM CONTENT STYLING \*-----------------------*/ /*-----------------------*\ LIGHT FOREGROUND \*-----------------------*/ } @media screen and (min-width: 768px) { .flex-section { padding-bottom: 104px; } } @media screen and (min-width: 992px) { .flex-section { padding-bottom: 45px; } } .flex-section.istone-grid, .flex-section.magic-grid { padding-bottom: 0 !important; } .flex-section.post-body { max-width: 100%; } .flex-section.post-body .col__inner { max-width: 760px; margin: 64px auto; } .flex-section .post-body { margin-bottom: 0; } .flex-section__inner { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .flex-section__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .flex-section__inner { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .flex-section__inner.inner--content { padding-top: 72px; } @media screen and (min-width: 768px) { .flex-section__inner.inner--content { padding-top: 104px; } } @media screen and (min-width: 992px) { .flex-section__inner.inner--content { padding-top: 55px; } } @media screen and (min-width: 768px) { .flex-section__col-wrapper { position: relative; display: flex; flex-wrap: wrap; width: 100%; height: 100%; } .flex-section__col-wrapper .flex-section__col { position: relative; flex-basis: 0; flex-grow: 1; width: 100%; min-height: 1px; max-width: 100%; } } @media (min-width: 768px) { } @media (min-width: 768px) { .flex-section.grid-narrow .flex-section__col-wrapper { padding-left: 20px; padding-right: 20px; } } @media (min-width: 768px) and (min-width: 480px) { .flex-section.grid-narrow .flex-section__col-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) and (min-width: 768px) { .flex-section.grid-narrow .flex-section__col-wrapper { float: none !important; width: 100%; max-width: 740px; margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 1800px) { .flex-section.grid-narrow .flex-section__col-wrapper { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1800px) and (min-width: 480px) { .flex-section.grid-narrow .flex-section__col-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1800px) and (min-width: 768px) { .flex-section.grid-narrow .flex-section__col-wrapper { float: none !important; width: 100%; max-width: 820px; margin-left: auto !important; margin-right: auto !important; } } .flex-section.grid-fluid .flex-section__inner.inner--content { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .flex-section.grid-fluid .flex-section__inner.inner--content { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .flex-section.grid-fluid .flex-section__inner.inner--content { float: none !important; width: 100%; max-width: 100%; margin-left: auto !important; margin-right: auto !important; } } .flex-section.bottom-none, .flex-section.bottom-negative { padding-bottom: 0; } .flex-section.bottom-negative { padding-bottom: 0; margin-bottom: -52px; } @media screen and (min-width: 768px) { .flex-section.bottom-negative { margin-bottom: -60px; } } .flex-section.bg-img-set { position: relative; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; } @media (min-width: 480px) { .flex-section.bg-img-set { background-size: 100% auto; } } .no-touch .flex-section.bg-img-set { background-size: cover; } .flex-section.text-align-center { text-align: center; } @media (min-width: 768px) { .flex-section.text-align-left { text-align: left; } .flex-section.text-align-center { text-align: center; } .flex-section.text-align-right { text-align: right; } } @media (min-width: 768px) { .flex-section.col-align-middle .flex-section__col { vertical-align: middle; } .flex-section.col-align-bottom .flex-section__col { vertical-align: bottom; } .flex-section.col-align-top .flex-section__col { vertical-align: top; } } @media (max-width: 767px) { .flex-section.col-type-text .flex-section__col:not(:last-child) .hs_cos_wrapper_type_inline_rich_text > *:last-child, .flex-section.col-type-text .flex-section__col:not(:last-child) .hs_cos_wrapper_type_rich_text > *:last-child { margin-bottom: 16px; } .flex-section.col-type-text .flex-section__col:last-child { margin-bottom: 48px; } .flex-section.col-type-text .flex-section__col { margin-bottom: 0; } } .flex-section.theme-blue .item__title a { color: #727783; border: none; } .flex-section.theme-blue .item__title a:hover, .flex-section.theme-blue .item__title a:focus { border: none !important; text-decoration: none !important; } .flex-section.theme-blue .item__title a:focus { color: #727783; } .flex-section.theme-blue .item__title a:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .flex-section.theme-blue .item__title a:hover { color: #0c5394; } .no-touch .flex-section.theme-blue .item__title a:active { color: rgba(14, 58, 94, 0.75); } @media screen and (min-width: 1200px) { .flex-section.offset-top { margin-top: -80px; } .flex-section.offset-top .flex-section__inner.inner--content { padding-top: 200px; } } .flex-section__col { /* Correct element alignments ----------------------------------- */ /* Set default bottom margin on mobile ----------------------------------- */ /* Content Block (Default) Resets ------------------------------ */ /* Text Column Resets ------------------ Only reset first column's first element, and last element's last element to ensure natural content flow */ } .flex-section__col:before, .flex-section__col:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section__col:after { clear: both; } .flex-section__col:before, .flex-section__col:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section__col:after { clear: both; } .flex-section__col > * { vertical-align: bottom; } @media (max-width: 767px) { .flex-section__col { margin-bottom: 60px; } .flex-section__col:last-child { margin-bottom: 0; } } .col-type-block .flex-section__col, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col { /*========================== Style Overrides ===========================*/ } .col-type-block .flex-section__col .col__inner > *:first-child, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col .col__inner > *:first-child { margin-top: 0 !important; } .col-type-block .flex-section__col .col__inner > *:last-child, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col .col__inner > *:last-child { margin-bottom: 0 !important; } .col-type-block .flex-section__col p > img, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col p > img { margin-bottom: 16px; } .col-type-block .flex-section__col p:last-child > img, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col p:last-child > img { margin-bottom: 0; } .col-type-block .flex-section__col *:not(div) + h2, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col *:not(div) + h2 { margin-top: 32px; } .col-type-block .flex-section__col h3, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col h3, .col-type-block .flex-section__col h4, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col h4, .col-type-block .flex-section__col h5, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col h5 { margin-bottom: 16px; } .col-type-block .flex-section__col h3.form-title, .flex-section:not(.col-type-text):not(.post-body) .flex-section__col h3.form-title { margin-bottom: 32px; } .col-type-text .flex-section__col:first-child > *:first-child { margin-top: 0; } .col-type-text .flex-section__col:last-child > *:last-child { margin-bottom: 0; } .flex-section__section-heading { margin-bottom: 72px; text-align: center; } .flex-section__heading h2 { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; } .flex-section h2.item__title { font-size: 2.8rem; line-height: 1.42857143; } @media screen and (min-width: 768px) { .flex-section h2.item__title { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.03rem; } } @media screen and (min-width: 992px) { .flex-section h2.item__title { font-size: 4rem; line-height: 1; letter-spacing: -0.02rem; } } .flex-section .item__tags { margin-bottom: 14px; } .flex-section .item__title a { color: #0c5394; border: none; pointer-events: none; } .flex-section .item__title a:hover, .flex-section .item__title a:focus { border: none !important; text-decoration: none !important; } .flex-section .item__title a:focus { color: #0c5394; } .flex-section .item__title a:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .flex-section .item__title a:hover { color: #0c5394; } .no-touch .flex-section .item__title a:active { color: rgba(14, 58, 94, 0.75); } .flex-section .item__body > *:first-child { margin-top: 0 !important; } .flex-section .item__body > *:last-child { margin-bottom: 0 !important; } .flex-section .item__body .hs-cta-wrapper { display: block; margin-top: 32px; } .flex-section .item__cta { margin-top: 32px; } .bg-img-set .col__inner, .bg-img-set .item__body, .bg-color-black .col__inner, .bg-color-black .item__body, .bg-color-blue .col__inner, .bg-color-blue .item__body, .bg-color-dark .col__inner, .bg-color-dark .item__body, .bg-color-dark-grey .col__inner, .bg-color-dark-grey .item__body, .bg-color-green .col__inner, .bg-color-green .item__body { color: #fff; } /*-----------------------*\ RESET LAST SECTION \*-----------------------*/ .hs_cos_wrapper_type_widget_container > .hs_cos_wrapper_type_custom_widget:last-child .bottom-continuation .flex-section__inner.inner--arrow:after { display: none; } .col__inner p a:not(.img-link):not(.button):not(.cta_button) { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.4) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; position: relative; display: inline; padding-bottom: 0; font-weight: 400; color: inherit; border: none; text-decoration: none; } .col__inner p a:not(.img-link):not(.button):not(.cta_button):before { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; display: block; width: 100%; height: 5px; background-color: rgba(255, 130, 23, 0.25); transition: opacity ease-in-out 0.15s; opacity: 0; } .col__inner p a:not(.img-link):not(.button):not(.cta_button):focus:before { opacity: 1; } .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover { text-decoration: none; color: #303842; } .col__inner p a:not(.img-link):not(.button):not(.cta_button):active { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .no-touch .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.5) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; color: #303842; } .no-touch .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover:before { opacity: 1; } .no-touch .col__inner p a:not(.img-link):not(.button):not(.cta_button):active { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button), .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button), .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button), .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button), .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button), .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button) { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.55) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; position: relative; display: inline; padding-bottom: 0; font-weight: 400; color: #fff; border: none; } .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button):focus:before, .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button):focus:before, .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button):focus:before, .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button):focus:before, .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button):focus:before, .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button):focus:before { opacity: 0; } .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover { text-decoration: none; color: #fff; } .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button):active { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .no-touch .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .no-touch .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .no-touch .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .no-touch .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .no-touch .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover, .no-touch .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; color: #fff; } .no-touch .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover:before, .no-touch .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover:before, .no-touch .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover:before, .no-touch .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover:before, .no-touch .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover:before, .no-touch .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button):hover:before { opacity: 0; } .no-touch .bg-img-set .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .no-touch .bg-color-black .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .no-touch .bg-color-blue .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .no-touch .bg-color-dark .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .no-touch .bg-color-dark-grey .col__inner p a:not(.img-link):not(.button):not(.cta_button):active, .no-touch .bg-color-green .col__inner p a:not(.img-link):not(.button):not(.cta_button):active { background: linear-gradient(to bottom, transparent 75%, rgba(255, 130, 23, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .hs_cos_wrapper_type_widget_container > div { position: relative; } .hs_cos_wrapper_type_widget_container > div:nth-child(50) { z-index: 0; } .hs_cos_wrapper_type_widget_container > div:nth-child(49) { z-index: 1; } .hs_cos_wrapper_type_widget_container > div:nth-child(48) { z-index: 2; } .hs_cos_wrapper_type_widget_container > div:nth-child(47) { z-index: 3; } .hs_cos_wrapper_type_widget_container > div:nth-child(46) { z-index: 4; } .hs_cos_wrapper_type_widget_container > div:nth-child(45) { z-index: 5; } .hs_cos_wrapper_type_widget_container > div:nth-child(44) { z-index: 6; } .hs_cos_wrapper_type_widget_container > div:nth-child(43) { z-index: 7; } .hs_cos_wrapper_type_widget_container > div:nth-child(42) { z-index: 8; } .hs_cos_wrapper_type_widget_container > div:nth-child(41) { z-index: 9; } .hs_cos_wrapper_type_widget_container > div:nth-child(40) { z-index: 10; } .hs_cos_wrapper_type_widget_container > div:nth-child(39) { z-index: 11; } .hs_cos_wrapper_type_widget_container > div:nth-child(38) { z-index: 12; } .hs_cos_wrapper_type_widget_container > div:nth-child(37) { z-index: 13; } .hs_cos_wrapper_type_widget_container > div:nth-child(36) { z-index: 14; } .hs_cos_wrapper_type_widget_container > div:nth-child(35) { z-index: 15; } .hs_cos_wrapper_type_widget_container > div:nth-child(34) { z-index: 16; } .hs_cos_wrapper_type_widget_container > div:nth-child(33) { z-index: 17; } .hs_cos_wrapper_type_widget_container > div:nth-child(32) { z-index: 18; } .hs_cos_wrapper_type_widget_container > div:nth-child(31) { z-index: 19; } .hs_cos_wrapper_type_widget_container > div:nth-child(30) { z-index: 20; } .hs_cos_wrapper_type_widget_container > div:nth-child(29) { z-index: 21; } .hs_cos_wrapper_type_widget_container > div:nth-child(28) { z-index: 22; } .hs_cos_wrapper_type_widget_container > div:nth-child(27) { z-index: 23; } .hs_cos_wrapper_type_widget_container > div:nth-child(26) { z-index: 24; } .hs_cos_wrapper_type_widget_container > div:nth-child(25) { z-index: 25; } .hs_cos_wrapper_type_widget_container > div:nth-child(24) { z-index: 26; } .hs_cos_wrapper_type_widget_container > div:nth-child(23) { z-index: 27; } .hs_cos_wrapper_type_widget_container > div:nth-child(22) { z-index: 28; } .hs_cos_wrapper_type_widget_container > div:nth-child(21) { z-index: 29; } .hs_cos_wrapper_type_widget_container > div:nth-child(20) { z-index: 30; } .hs_cos_wrapper_type_widget_container > div:nth-child(19) { z-index: 31; } .hs_cos_wrapper_type_widget_container > div:nth-child(18) { z-index: 32; } .hs_cos_wrapper_type_widget_container > div:nth-child(17) { z-index: 33; } .hs_cos_wrapper_type_widget_container > div:nth-child(16) { z-index: 34; } .hs_cos_wrapper_type_widget_container > div:nth-child(15) { z-index: 35; } .hs_cos_wrapper_type_widget_container > div:nth-child(14) { z-index: 36; } .hs_cos_wrapper_type_widget_container > div:nth-child(13) { z-index: 37; } .hs_cos_wrapper_type_widget_container > div:nth-child(12) { z-index: 38; } .hs_cos_wrapper_type_widget_container > div:nth-child(11) { z-index: 39; } .hs_cos_wrapper_type_widget_container > div:nth-child(10) { z-index: 40; } .hs_cos_wrapper_type_widget_container > div:nth-child(9) { z-index: 41; } .hs_cos_wrapper_type_widget_container > div:nth-child(8) { z-index: 42; } .hs_cos_wrapper_type_widget_container > div:nth-child(7) { z-index: 43; } .hs_cos_wrapper_type_widget_container > div:nth-child(6) { z-index: 44; } .hs_cos_wrapper_type_widget_container > div:nth-child(5) { z-index: 45; } .hs_cos_wrapper_type_widget_container > div:nth-child(4) { z-index: 46; } .hs_cos_wrapper_type_widget_container > div:nth-child(3) { z-index: 47; } .hs_cos_wrapper_type_widget_container > div:nth-child(2) { z-index: 48; } .hs_cos_wrapper_type_widget_container > div:nth-child(1) { z-index: 49; } /* FLEX SECTION: IMPORT SETTINGS ----------------------------- In this file you configure the modules that are included in the project. */ /* FLEX SECTION: PAGE HERO ----------------------- */ .flex-section--page-hero { margin-bottom: 10px; } @media (min-width: 768px) { .flex-section--page-hero { margin-bottom: 10px; } } @media (min-width: 1200px) { .flex-section--page-hero { margin-bottom: 32px; } } @media (min-width: 1800px) { .flex-section--page-hero { margin-bottom: 32px; } } .flex-section--page-hero .flex-section__inner { min-height: 450px; padding-top: 0 !important; padding-bottom: 0 !important; } .flex-section--page-hero.text-align-center .flex-section__inner { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .flex-section--page-hero.text-align-center .flex-section__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .flex-section--page-hero.text-align-center .flex-section__inner { float: none !important; width: 100%; max-width: 1160px; margin-left: auto !important; margin-right: auto !important; } } .flex-section--page-hero .flex-section__col { padding: 120px 0; vertical-align: middle; } @media (min-width: 480px) { .flex-section--page-hero .flex-section__col { padding-left: 120px; padding-right: 120px; } } .flex-section--page-hero .flex-section__col-wrapper { width: 100%; min-height: 450px; } .flex-section--page-hero .flex-section__col .col__inner { max-width: 600px; margin: 0 auto; } /* FLEX SECTION: COLUMNS ------------------------------------------- */ .flex-section--columns { padding-bottom: 24px; /*-------------------------------------*\ Set up grid \*-------------------------------------*/ /*-------------------------------------*\ Column Item Styling \*-------------------------------------*/ } @media screen and (min-width: 768px) { .flex-section--columns { padding-bottom: 56px; } } @media screen and (min-width: 992px) { .flex-section--columns { padding-bottom: 68px; } } .flex-section--columns .flex-section__col { width: 100%; margin-bottom: 48px; } @media (max-width: 768px) { .flex-section--columns .flex-section__col { margin-bottom: 52px; } } .flex-section--columns .col__inner { height: 100%; } .flex-section--columns .col__inner h3 { font-size: 2.4rem; line-height: 1.33333333; font-family: Poppins,sans-serif;; font-weight: 400; } @media screen and (min-width: 768px) { .flex-section--columns .col__inner h3 { font-size: 2.8rem; line-height: 1.42857143; } } .flex-section--columns .col__inner h4 { font-size: 2rem; line-height: 1.6; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; } @media screen and (min-width: 768px) { .flex-section--columns .col__inner h4 { font-size: 2.4rem; line-height: 1.66666667; } } .flex-section--columns .col__image { display: flex; justify-content: center; align-items: center; } .flex-section--columns .col__image img { max-width: 100%; } /* FLEX SECTION: ONE COLUMN ------------------------ */ .flex-section--1-col { /*--------------------------*\ ITEM CONTENT STYLING \*--------------------------*/ /*--------------------------*\ NO BODY COLUMN \*--------------------------*/ /*--------------------------*\ CSS COLUMNS \*--------------------------*/ /*-------------------------------------*\ Animate in Content Styling \*-------------------------------------*/ } .flex-section--1-col .flex-section__inner { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .flex-section--1-col .flex-section__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .flex-section--1-col .flex-section__inner { float: none !important; width: 100%; max-width: 1020px; margin-left: auto !important; margin-right: auto !important; } } .flex-section--1-col .flex-section__col-wrapper { width: 100%; } .flex-section--1-col.bottom-negative { margin-bottom: 0; } .flex-section--1-col h2.item__title { font-size: 3rem; line-height: 1; letter-spacing: -0.03rem; margin-bottom: 28px; text-align: center; } @media screen and (min-width: 768px) { .flex-section--1-col h2.item__title { font-size: 4rem; line-height: 1; letter-spacing: -0.02rem; } } @media screen and (min-width: 992px) { .flex-section--1-col h2.item__title { font-size: 4rem; line-height: 1; letter-spacing: -0.02rem; } } @media (min-width: 1800px) { .flex-section--1-col h2.item__title { font-size: 5rem; line-height: 1.25; letter-spacing: -0.05rem; } } .flex-section--1-col .item__body, .flex-section--1-col .item__body .preamble { font-size: 2rem; line-height: 1.6; margin-bottom: 36px; } @media screen and (min-width: 768px) { .flex-section--1-col .item__body, .flex-section--1-col .item__body .preamble { font-size: 2rem; line-height: 1.63636364; } } .flex-section--1-col .item__body .hs-responsive-embed { margin: 48px 0; } .flex-section--1-col.style-medium h2.item__title { font-size: 2.8rem; line-height: 1.42857143; } @media screen and (min-width: 768px) { .flex-section--1-col.style-medium h2.item__title { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.03rem; } } @media screen and (min-width: 992px) { .flex-section--1-col.style-medium h2.item__title { font-size: 4.6rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } .flex-section--1-col .fluid-width-video-wrapper { margin-top: 40px !important; } .flex-section--1-col.no-body-column .item__title { margin-bottom: 0; } .flex-section--1-col.columns-two .flex-section__col-wrapper, .flex-section--1-col.columns-three .flex-section__col-wrapper { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .flex-section--1-col.columns-two .flex-section__col-wrapper, .flex-section--1-col.columns-three .flex-section__col-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .flex-section--1-col.columns-two .flex-section__col-wrapper, .flex-section--1-col.columns-three .flex-section__col-wrapper { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .flex-section--1-col.columns-two .item__body, .flex-section--1-col.columns-three .item__body, .flex-section--1-col.columns-two .item__body *, .flex-section--1-col.columns-three .item__body * { font-size: 2rem; line-height: 1.6; } @media (min-width: 768px) { .flex-section--1-col.columns-two .item__body, .flex-section--1-col.columns-three .item__body { -webkit-column-gap: 40px; column-gap: 40px; } } @media (min-width: 768px) { .flex-section--1-col.columns-two .item__body { -webkit-column-count: 2; column-count: 2; } } @media (min-width: 768px) { .flex-section--1-col.columns-three .item__body { -webkit-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .flex-section--1-col.columns-three .item__body { -webkit-column-count: 3; column-count: 3; } } .flex-section--1-col .flex-section__col--first .col__inner { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .inpage-editing .flex-section--1-col .flex-section__col--first .col__inner, .hs-inline-edit .flex-section--1-col .flex-section__col--first .col__inner { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--1-col.flex-section--initiated .flex-section__col--first .col__inner { transition: all ease-in-out 0.7s; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } /*------------------------------------------*\ First 1 col section gets preamble style \*------------------------------------------*/ /* FLEX SECTION: TWO COLUMNS ------------------------- */ .flex-section--2-cols .flex-section__inner { overflow-x: hidden; } .flex-section--2-cols .flex-section__col-wrapper { width: auto; } @media screen and (min-width: 768px) { .flex-section--2-cols .flex-section__col-wrapper { margin-left: -20px; margin-right: -20px; } } @media screen and (min-width: 1200px) { .flex-section--2-cols .flex-section__col-wrapper { margin-right: -40px; margin-left: -40px; } } @media screen and (min-width: 768px) { .flex-section--2-cols .flex-section__col { flex: 0 0 50%; max-width: 50%; padding-right: 20px; padding-left: 20px; } .flex-section--2-cols .flex-section__col--first { padding-left: 0; } .flex-section--2-cols .flex-section__col--second { padding-right: 0; } } @media screen and (min-width: 1200px) { .flex-section--2-cols .flex-section__col { padding-right: 40px; padding-left: 40px; } .flex-section--2-cols .flex-section__col--first { padding-left: 0; } .flex-section--2-cols .flex-section__col--second { padding-right: 0; } } .flex-section--2-cols .item__body { font-size: 2rem; line-height: 1.6; flex: 0 0 100%; max-width: 100%; } .flex-section--2-cols .item__body ul, .flex-section--2-cols .item__body ol { padding-left: 28px; } .flex-section--2-cols .item__body > ul li, .flex-section--2-cols .item__body > ol li { padding: 0; border-bottom: none; } .flex-section--2-cols .item__body > ol li:before { top: 0.35em; } .flex-section--2-cols .item__body > ul { list-style: none; } @media (min-width: 768px) { .flex-section--2-cols.col-type-text .flex-section__col { padding-right: 30px; padding-left: 30px; } } .col2-text-list-type .item__body > ul { list-style: unset; } /* FLEX SECTION: THREE COLUMNS ------------------------- */ .flex-section--3-cols .flex-section__col-wrapper { width: auto !important; margin-left: -20px; margin-right: -20px; } .flex-section--3-cols .flex-section__col { flex: 0 0 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 768px) { .flex-section--3-cols .flex-section__col { flex: 0 0 33.33333333% !important; max-width: 33.33333333% !important; } } /* FLEX SECTION: TWO COLUMNS (TEXT + FLUID IMAGE) ---------------------------------------------- */ .flex-section--2-cols-fluid-image { /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ padding-bottom: 0; /*-------------------------------------*\ Column Layout Desktop \*-------------------------------------*/ /*-------------------------------------*\ Animate in Content Styling \*-------------------------------------*/ /*-------------------------------------*\ Image Layout \*-------------------------------------*/ /*-------------------------------------*\ .contact class is set Make items fixed height on desktop to show whole face \*-------------------------------------*/ } .flex-section--2-cols-fluid-image .flex-section__col-wrapper { margin-left: 0; margin-right: 0; } .flex-section--2-cols-fluid-image .flex-section__inner { box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.08); padding-top: 0 !important; padding-bottom: 0 !important; /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } @media (max-width: 767px) { .flex-section--2-cols-fluid-image .flex-section__inner { padding-top: 0 !important; } .flex-section--2-cols-fluid-image .flex-section__inner.inner--content { padding-bottom: 83.2px !important; } } @media (min-width: 768px) { .flex-section--2-cols-fluid-image .flex-section__inner.inner--content { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } } .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--first, .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--content { margin-bottom: 0; } .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--content .col__inner { width: 100%; padding-top: 48px; padding-bottom: 0; } @media screen and (min-width: 768px) { .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--content .col__inner { float: left; max-width: 100%; padding-top: 104px; padding-bottom: 104px; padding-left: 50px; padding-right: 70px; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--content .col__inner { padding:70px; /* padding-top: 120px; padding-bottom: 120px; padding-left: 120px; padding-right: 0; */ } } .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--second, .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--image { margin-bottom: 0; } .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image .flex-section__inner .flex-section__col--image .col__overlay { position: relative; width: 100%; margin: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(156, 105, 74, 0.35); background-blend-mode: overlay; } .flex-section--2-cols-fluid-image .flex-section__col--second.fluid-image--above { display: block; } .flex-section--2-cols-fluid-image .flex-section__col--second.fluid-image--below { display: none; } .flex-section--2-cols-fluid-image .item__body { font-size: 2rem; line-height: 1.64705882; } .flex-section--2-cols-fluid-image.more-bottom-padding { padding-bottom: 0; } @media (max-width: 767px) { .flex-section--2-cols-fluid-image.more-bottom-padding.flex-section--2-cols-fluid-image .flex-section__inner.inner--content { padding-bottom: 120px !important; } } .flex-section--2-cols-fluid-image.more-bottom-padding.icon-image-style .flex-section__inner { /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } .flex-section--2-cols-fluid-image.more-bottom-padding.icon-image-style .flex-section__inner.inner--content { padding-bottom: 32px !important; } @media (max-width: 767px) { .flex-section--2-cols-fluid-image.more-bottom-padding.icon-image-style .flex-section__inner.inner--content { padding-bottom: 104px !important; } } @media (min-width: 768px) { .flex-section--2-cols-fluid-image .flex-section__col { width: 50%; padding-right: 20px; padding-left: 20px; } .flex-section--2-cols-fluid-image .flex-section__col--first, .flex-section--2-cols-fluid-image .flex-section__col--content { margin-bottom: 0; padding-left: 0; padding-right: 0; } .flex-section--2-cols-fluid-image .flex-section__col--second, .flex-section--2-cols-fluid-image .flex-section__col--image { margin-bottom: 0; padding-left: 0; padding-right: 0; } .flex-section--2-cols-fluid-image .flex-section__col--second .col__inner, .flex-section--2-cols-fluid-image .flex-section__col--image .col__inner { display: none; width: inherit; height: inherit; } } .flex-section--2-cols-fluid-image .item__body { font-size: 2rem; } .flex-section--2-cols-fluid-image .item__body p { font-size: 2rem !important; } .col__inner .item__tags .tag-style{ font-size: 2.4rem !important; } } .flex-section--2-cols-fluid-image .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image .flex-section__col--content .col__inner { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .inpage-editing .flex-section--2-cols-fluid-image .flex-section__col--first .col__inner, .inpage-editing .flex-section--2-cols-fluid-image .flex-section__col--content .col__inner, .hs-inline-edit .flex-section--2-cols-fluid-image .flex-section__col--first .col__inner, .hs-inline-edit .flex-section--2-cols-fluid-image .flex-section__col--content .col__inner { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--2-cols-fluid-image.flex-section--initiated .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image.flex-section--initiated .flex-section__col--content .col__inner { transition: all ease-in-out 0.7s; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--second img, .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--image img { display: none !important; } @media (min-width: 768px) { .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { margin: 0; top: 0; left: 0; height: 100%; } } @media (min-width: 768px) and (min-width: 480px) { .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { background-size: 100% auto; background-size: cover; } } @media (max-width: 767px) { .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--second, .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--image { background-image: none !important; } .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { padding-bottom: 80%; position: relative; width: calc(100% + 40px) !important; max-width: inherit; margin-left: -20px; margin-right: -20px; } } @media (max-width: 767px) and (min-width: 480px) { .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { width: calc(100% + 80px) !important; max-width: inherit; margin-left: -40px; margin-right: -40px; } } .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--image .col__overlay { background-position: center bottom; } @media (min-width: 768px) { .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--image .col__overlay { top: 10%; right: 5%; width: 100%; height: 75%; background-size: 100% auto; background-size: 32rem auto; background-position: 75% center; background-repeat: no-repeat; background-color: inherit; background-blend-mode: normal; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--image .col__overlay { background-size: auto 75%; background-position: right center; } } @media screen and (min-width: 1800px) { .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--image .col__overlay { top:0; right:0; width: 100%; height: 100%; background-size: 100% auto; background-size: 85% auto; background-position: 85% center; background-repeat: no-repeat; background-color: inherit; background-blend-mode: normal; } } @media screen and (max-width: 767px) { .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--second, .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--image { padding-top: 80px; margin-bottom: 0; } .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--image .col__overlay { background-image: none !important; } .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--second img, .flex-section--2-cols-fluid-image.fluid-img-set.icon-image-style .flex-section__col--image img { display: block !important; max-width: 300px; margin: 0 auto; } } .flex-section--2-cols-fluid-image.disable-bottom-shadow .flex-section__inner { box-shadow: none; } @media (min-width: 768px) { .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col-wrapper { flex-direction: row-reverse; } } @media screen and (min-width: 768px) { .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--content .col__inner { float: right; padding-left: 50px; padding-right: 50px; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--content .col__inner { /*max-width: 610px;*/ padding-left: 80px; padding-right: 80px; } } @media screen and (min-width: 1800px) { .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--first .col__inner, .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--content .col__inner { max-width: 100% !important; padding: 70px !important; } } @media (min-width: 768px) { .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--second.fluid-image--above { display: table-cell; } .flex-section--2-cols-fluid-image.reverse-col-order .flex-section__inner .flex-section__col--second.fluid-image--below { display: none; } } @media (min-width: 768px) { .flex-section--2-cols-fluid-image.reverse-col-order.icon-image-style .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.reverse-col-order.icon-image-style .flex-section__col--image .col__overlay { right: inherit; left: 5%; background-position: left center; } } .flex-section--2-cols-fluid-image.contact { min-height: 600px; min-height: 55vw; } @media (min-width: 1200px) { .flex-section--2-cols-fluid-image.contact { min-height: 640px; min-height: 45vw; } } @media (max-width: 767px) { .flex-section--2-cols-fluid-image.contact .flex-section__inner.inner--content { padding-bottom: 96px !important; } } .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--second, .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--image { margin-bottom: 0; } @media (min-width: 1200px) { .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--second, .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--image { height: 640px; height: 45vw; } } .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--second img, .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--image img { display: none !important; } .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { width: 100%; height: 55vw; } @media (min-width: 1200px) { .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.contact.fluid-img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { height: 45vw; } } @media (max-width: 767px) { } .flex-section--2-cols-fluid-image.nofilter .flex-section__col--second .col__overlay, .flex-section--2-cols-fluid-image.nofilter .flex-section__col--image .col__overlay { background-color: inherit; background-blend-mode: normal; } /* FLEX SECTION: TWO COLUMNS FEATURE (TEXT + IMAGE / FORM) ------------------------------------------------------- */ .flex-section--2-cols-feature { /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ padding-top: 104px; /*-------------------------------------*\ Column Layout Desktop \*-------------------------------------*/ /*-------------------------------------*\ Animate in Content Styling \*-------------------------------------*/ /*-------------------------------------*\ Image Layout \*-------------------------------------*/ /*-------------------------------------*\ Reverse Column Order \*-------------------------------------*/ /*-------------------------------------*\ .contact class is set Make items fixed height on desktop to show whole face \*-------------------------------------*/ } .flex-section--2-cols-feature:before, .flex-section--2-cols-feature:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section--2-cols-feature:after { clear: both; } .flex-section--2-cols-feature:before, .flex-section--2-cols-feature:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section--2-cols-feature:after { clear: both; } @media screen and (min-width: 1200px) { .flex-section--2-cols-feature .flex-section__layer { float: left; width: 88%; padding-left: calc((100% - 1160px)/2); } } .flex-section--2-cols-feature .flex-section__inner { box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.08); padding-top: 0 !important; padding-bottom: 0 !important; background: #fff; /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } @media screen and (max-width: 767px) { .flex-section--2-cols-feature .flex-section__inner { padding-top: 0 !important; padding-bottom: 83.2px !important; } } @media screen and (min-width: 768px) { .flex-section--2-cols-feature .flex-section__inner { max-width: 100%; padding-left: 0; padding-right: 0; } } .flex-section--2-cols-feature .flex-section__inner .flex-section__col--content { margin-bottom: 0; } .flex-section--2-cols-feature .flex-section__inner .flex-section__col--content .col__inner { width: 100%; max-width: 580px; padding-top: 56px; padding-bottom: 0; } @media (min-width: 768px) { .flex-section--2-cols-feature .flex-section__inner .flex-section__col--content .col__inner { float: left; padding-top: 104px; padding-bottom: 104px; padding-left: 30px; padding-right: 20px; } .flex-section--2-cols-feature .flex-section__inner .flex-section__col--content .col__inner h2 { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } @media (min-width: 992px) { .flex-section--2-cols-feature .flex-section__inner .flex-section__col--content .col__inner { padding-right: 70px; } .flex-section--2-cols-feature .flex-section__inner .flex-section__col--content .col__inner h2 { -webkit-hyphens: inherit; -ms-hyphens: inherit; hyphens: inherit; } } @media (min-width: 1200px) { .flex-section--2-cols-feature .flex-section__inner .flex-section__col--content .col__inner { padding-top: 120px; padding-bottom: 120px; padding-left: 100px; padding-right: 0; } } @media screen and (max-width: 767px) { .flex-section--2-cols-feature .flex-section__inner .flex-section__col--form .col__inner { padding-top: 56px; } } @media screen and (min-width: 768px) { .flex-section--2-cols-feature .flex-section__inner .flex-section__col--form .form-title:empty { display: block; } } .flex-section--2-cols-feature .flex-section__inner .flex-section__col-wrapper { max-width: 1160px; width: 100%; margin-left: 0; margin-right: 0; } .flex-section--2-cols-feature .flex-section__inner .flex-section__col--image { margin-bottom: 0; } .flex-section--2-cols-feature .flex-section__inner .flex-section__col--image .col__overlay { position: relative; width: 100%; margin: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(156, 105, 74, 0.35); background-blend-mode: overlay; } @media screen and (min-width: 768px) { .flex-section--2-cols-feature .flex-section__inner .flex-section__col--form { padding-top: 104px; padding-bottom: 104px; padding-left: 52px; padding-right: 52px; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-feature .flex-section__inner .flex-section__col--form { padding-left: 100px; } } .flex-section--2-cols-feature header { margin-bottom: 32px; } @media screen and (min-width: 768px) { .flex-section--2-cols-feature header { margin-bottom: 48px; } } .flex-section--2-cols-feature h2.item__title { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.03rem; } @media screen and (min-width: 768px) { .flex-section--2-cols-feature h2.item__title { font-size: 4.6rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } @media screen and (min-width: 992px) { .flex-section--2-cols-feature h2.item__title { font-size: 5.6rem; line-height: 1.19642857; letter-spacing: -0.02rem; } } @media (min-width: 1800px) { .flex-section--2-cols-feature h2.item__title { font-size: 6.4rem; line-height: 1.25; letter-spacing: -0.05rem; } } .flex-section--2-cols-feature .item__title { display: inline; padding-bottom: 0.03em !important; border-bottom: 2px solid #A5181C; } .hs-inline-edit .flex-section--2-cols-feature .item__title { padding-bottom: 0; } @media screen and (min-width: 768px) { .flex-section--2-cols-feature .item__title { border-width: 3px; } } .flex-section--2-cols-feature .item__body { font-size: 2rem; line-height: 1.6; } .flex-section--2-cols-feature .item__body p, .flex-section--2-cols-feature .item__body ul, .flex-section--2-cols-feature .item__body ol { margin-bottom: 36px; } .flex-section--2-cols-feature.more-bottom-padding { padding-bottom: 0; } @media (max-width: 767px) { .flex-section--2-cols-feature.more-bottom-padding.flex-section--2-cols-fluid-image .flex-section__inner.inner--content { padding-bottom: 120px !important; } } .flex-section--2-cols-feature.more-bottom-padding.icon-image-style .flex-section__inner { /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } .flex-section--2-cols-feature.more-bottom-padding.icon-image-style .flex-section__inner.inner--content { padding-bottom: 32px !important; } @media (max-width: 767px) { .flex-section--2-cols-feature.more-bottom-padding.icon-image-style .flex-section__inner.inner--content { padding-bottom: 104px !important; } } @media screen and (min-width: 768px) { .flex-section--2-cols-feature .flex-section__col { width: 50%; } .flex-section--2-cols-feature .flex-section__col--content { margin-bottom: 0; } .flex-section--2-cols-feature .flex-section__col--image { margin-bottom: 0; padding-left: 0; padding-right: 0; } .flex-section--2-cols-feature .flex-section__col--image .col__inner { width: inherit; height: inherit; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-feature .flex-section__col { padding-right: 0; padding-left: 0; } .flex-section--2-cols-feature .flex-section__col--content { padding-left: 0; padding-right: 0; } } .flex-section--2-cols-feature .flex-section__col--content .col__inner { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .inpage-editing .flex-section--2-cols-feature .flex-section__col--content .col__inner, .hs-inline-edit .flex-section--2-cols-feature .flex-section__col--content .col__inner { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--2-cols-feature.flex-section--initiated .flex-section__col--content .col__inner { transition: all ease-in-out 0.7s; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--2-cols-feature.img-set:not(.icon-image-style) .flex-section__col--image img { display: none !important; } @media (min-width: 768px) { .flex-section--2-cols-feature.img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { margin: 0; top: 0; left: 0; height: 100%; } } @media (min-width: 768px) and (min-width: 480px) { .flex-section--2-cols-feature.img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { background-size: 100% auto; background-size: cover; } } @media (max-width: 767px) { .flex-section--2-cols-feature.img-set:not(.icon-image-style) .flex-section__col--image { background-image: none !important; } .flex-section--2-cols-feature.img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { padding-bottom: 80%; position: relative; width: calc(100% + 40px) !important; max-width: inherit; margin-left: -20px; margin-right: -20px; } } @media (max-width: 767px) and (min-width: 480px) { .flex-section--2-cols-feature.img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { width: calc(100% + 80px) !important; max-width: inherit; margin-left: -40px; margin-right: -40px; } } @media (min-width: 768px) { .flex-section--2-cols-feature.img-set.icon-image-style .flex-section__col--image .col__overlay { top: 10%; right: 5%; width: 100%; height: 75%; background-size: 100% auto; background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: inherit; background-blend-mode: normal; } } @media (max-width: 767px) { .flex-section--2-cols-feature.img-set.icon-image-style .flex-section__col--image { padding-top: 80px; margin-bottom: 48px; } .flex-section--2-cols-feature.img-set.icon-image-style .flex-section__col--image .col__overlay { background-image: none !important; } .flex-section--2-cols-feature.img-set.icon-image-style .flex-section__col--image img { display: block !important; max-width: 300px; margin: 0 auto; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-feature.reverse-col-order .flex-section__layer { float: left; width: 100%; padding-left: 0; padding-right: calc((100% - 1160px)/2); } } .flex-section--2-cols-feature.reverse-col-order .flex-section__inner:before, .flex-section--2-cols-feature.reverse-col-order .flex-section__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section--2-cols-feature.reverse-col-order .flex-section__inner:after { clear: both; } .flex-section--2-cols-feature.reverse-col-order .flex-section__inner:before, .flex-section--2-cols-feature.reverse-col-order .flex-section__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section--2-cols-feature.reverse-col-order .flex-section__inner:after { clear: both; } .flex-section--2-cols-feature.reverse-col-order .flex-section__inner .flex-section__col-wrapper { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .flex-section--2-cols-feature.reverse-col-order .flex-section__inner .flex-section__col-wrapper { flex-direction: row-reverse; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-feature.reverse-col-order .flex-section__inner .flex-section__col-wrapper { float: right !important; } } @media screen and (min-width: 768px) { .flex-section--2-cols-feature.reverse-col-order .flex-section__inner .flex-section__col--content .col__inner { float: right; padding-left: 30px; padding-right: 50px; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-feature.reverse-col-order .flex-section__inner .flex-section__col--content .col__inner { padding-left: 0px; padding-right: 120px; } } @media screen and (min-width: 768px) { .flex-section--2-cols-feature.reverse-col-order .flex-section__inner .flex-section__col--form { float: right; padding-left: 50px; padding-right: 40px; } } @media screen and (min-width: 1200px) { .flex-section--2-cols-feature.reverse-col-order .flex-section__inner .flex-section__col--form { padding-left: 0px; padding-right: 120px; } } @media (min-width: 768px) { .flex-section--2-cols-feature.reverse-col-order.icon-image-style .flex-section__col--image .col__overlay { right: inherit; left: 5%; } } .flex-section--2-cols-feature.contact { min-height: 600px; min-height: 55vw; } @media (min-width: 768px) { .flex-section--2-cols-feature.contact { overflow: hidden; } } @media (min-width: 1200px) { .flex-section--2-cols-feature.contact { min-height: 640px; min-height: 45vw; } } @media (max-width: 767px) { .flex-section--2-cols-feature.contact .flex-section__inner.inner--content { padding-bottom: 96px !important; } } .flex-section--2-cols-feature.contact.img-set:not(.icon-image-style) .flex-section__col--image { height: 600px; height: 55vw; margin-bottom: 0; } @media (min-width: 1200px) { .flex-section--2-cols-feature.contact.img-set:not(.icon-image-style) .flex-section__col--image { height: 640px; height: 45vw; } } .flex-section--2-cols-feature.contact.img-set:not(.icon-image-style) .flex-section__col--image img { display: none !important; } .flex-section--2-cols-feature.contact.img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { width: 100%; min-height: 600px; height: 55vw; } @media (min-width: 1200px) { .flex-section--2-cols-feature.contact.img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { min-height: 640px; height: 45vw; } } @media (max-width: 767px) { .flex-section--2-cols-feature.contact.img-set:not(.icon-image-style) .flex-section__col--image .col__overlay { margin: 72px 0 0; min-height: 0; padding-bottom: 70%; position: relative; } } .flex-section--2-cols-feature.nofilter .flex-section__col--image .col__overlay { background-color: inherit; background-blend-mode: normal; } .flex-section--2-cols-feature.offset-top { position: relative; margin-top: -72px; padding-top: 80px; padding-bottom: 0; } .flex-section--2-cols-feature.offset-top:before { content: ''; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 160px; } .flex-section--2-cols-feature.offset-top .flex-section__layer { position: relative; z-index: 1; top: 0; } .flex-section--2-cols-feature.offset-bottom { position: relative; padding-top: 0; padding-bottom: 0; } .flex-section--2-cols-feature.offset-bottom:after { content: ''; position: relative; z-index: 0; width: 100%; height: 80px; } .flex-section--2-cols-feature.offset-bottom .flex-section__layer { position: relative; z-index: 1; top: 80px; margin-top: -80px; } .flex-section--2-cols-feature.adjacent-bg-color-none:before, .flex-section--2-cols-feature.adjacent-bg-color-none:after { background-color: #fff !important; } .flex-section--2-cols-feature.adjacent-bg-color-light:before, .flex-section--2-cols-feature.adjacent-bg-color-light:after { background-color: #fafafc !important; } .flex-section--2-cols-feature.adjacent-bg-color-light-grey:before, .flex-section--2-cols-feature.adjacent-bg-color-light-grey:after { background-color: #f3f2f5 !important; } .flex-section--2-cols-feature.adjacent-bg-color-blue:before, .flex-section--2-cols-feature.adjacent-bg-color-blue:after { background-color: #0c5394 !important; } .flex-section--2-cols-feature.adjacent-bg-color-dark:before, .flex-section--2-cols-feature.adjacent-bg-color-dark:after { background-color: #163147 !important; } /* FLEX SECTION: TWO COLUMNS (TEXT + FLUID IMAGE) ---------------------------------------------- */ .flex-section--2-cols-fluid-content { box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.08); /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ /*-------------------------------------*\ Column Layout Desktop \*-------------------------------------*/ /*-------------------------------------*\ Animate in Content Styling \*-------------------------------------*/ } .flex-section--2-cols-fluid-content.bottom-continuation { padding-bottom: 0 !important; } .flex-section--2-cols-fluid-content .flex-section__col-wrapper { margin-left: 0; margin-right: 0; } .flex-section--2-cols-fluid-content .flex-section__inner { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; padding-top: 0 !important; padding-bottom: 0 !important; /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } @media (max-width: 767px) { .flex-section--2-cols-fluid-content .flex-section__inner { padding-top: 0 !important; } } .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col { margin-bottom: 0; } .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner { width: 100%; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 50px; padding-top: 72px; padding-bottom: 72px; text-align: center; } @media screen and (min-width: 768px) { .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner { max-width: 620px; padding-top: 104px; padding-bottom: 104px; } } .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner h1, .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner h2, .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner h3 { margin-bottom: 32px; } .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner h4 { margin-bottom: 24px; } .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner, .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner p:not(.preamble), .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner ul, .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner ol { font-size: 2rem; line-height: 1.6; } .flex-section--2-cols-fluid-content .flex-section__inner .flex-section__col .col__inner.inner--arrow { display: none; } .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col { margin-bottom: 0; } .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner { width: 100%; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 50px; padding-top: 104px; padding-bottom: 104px; } @media screen and (min-width: 768px) { } .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner .tag-style { color: #A5181C !important; } .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner, .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner p:not(.preamble), .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner ul, .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner ol { font-size: 2.4rem; line-height: 1.33333333; font-weight: 400; font-family: Poppins,sans-serif;; } @media screen and (min-width: 768px) { .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner, .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner p:not(.preamble), .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner ul, .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner ol { font-size: 2.8rem; line-height: 1.42857143; } } @media (min-width: 1200px) { .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner { padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 1200px) { .flex-section--2-cols-fluid-content:not(.style-default) .flex-section__col .col__inner { padding-left: 75px; padding-right: 75px; } } @media (min-width: 768px) { .flex-section--2-cols-fluid-content .flex-section__col { width: 50%; padding-right: 20px; padding-left: 20px; margin-bottom: 0; padding-left: 0; padding-right: 0; } } @media screen and (max-width: 767px) { .flex-section--2-cols-fluid-content .flex-section__col.bg-color-white + .bg-color-white, .flex-section--2-cols-fluid-content .flex-section__col.bg-color-light + .bg-color-light { border-top: 1px solid rgba(161, 162, 166, 0.25); } .flex-section--2-cols-fluid-content .flex-section__col.bg-color-light-grey + .bg-color-light-grey { border-top: 1px solid rgba(161, 162, 166, 0.25); } .flex-section--2-cols-fluid-content .flex-section__col.bg-color-blue + .bg-color-blue, .flex-section--2-cols-fluid-content .flex-section__col.bg-color-dark + .bg-color-dark { border-top: 1px solid rgba(255, 255, 255, 0.2); } } @media screen and (min-width: 768px) { .flex-section--2-cols-fluid-content .flex-section__col.bg-color-white + .bg-color-white, .flex-section--2-cols-fluid-content .flex-section__col.bg-color-light + .bg-color-light { border-left: 1px solid rgba(161, 162, 166, 0.25); } .flex-section--2-cols-fluid-content .flex-section__col.bg-color-light-grey + .bg-color-light-grey { border-left: 1px solid rgba(161, 162, 166, 0.25); } .flex-section--2-cols-fluid-content .flex-section__col.bg-color-blue + .bg-color-blue, .flex-section--2-cols-fluid-content .flex-section__col.bg-color-dark + .bg-color-dark { border-left: 1px solid rgba(255, 255, 255, 0.2); } } .flex-section--2-cols-fluid-content .flex-section__col .col__inner { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .inpage-editing .flex-section--2-cols-fluid-content .flex-section__col .col__inner, .hs-inline-edit .flex-section--2-cols-fluid-content .flex-section__col .col__inner { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--2-cols-fluid-content.flex-section--initiated .flex-section__col .col__inner { transition: all ease-in-out 0.7s; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media screen and (min-width: 1200px) { .flex-section--2-cols-fluid-content.style-default .col__inner { max-width: 580px; } .flex-section--2-cols-fluid-content.style-default .flex-section__col--first .col__inner { float: right; padding-right: 100px; } .flex-section--2-cols-fluid-content.style-default .flex-section__col--second .col__inner { float: left; padding-left: 100px; } } /* FLEX SECTION: TWO COLUMNS (TEXT + FORM) --------------------------------------- */ .flex-section--2-cols-form { /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ /*-------------------------------------*\ Column Layout Desktop \*-------------------------------------*/ /*-------------------------------------*\ Animate in Content Styling \*-------------------------------------*/ /*-------------------------------------*\ Form Layout \*-------------------------------------*/ } .flex-section--2-cols-form .flex-section__inner { /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } .flex-section--2-cols-form .flex-section__inner .flex-section__col--first { margin-bottom: 40px; } @media (min-width: 768px) { .flex-section--2-cols-form .flex-section__inner .flex-section__col--first { margin-bottom: 0; } } @media (min-width: 768px) { .flex-section--2-cols-form .flex-section__inner .flex-section__col--first .col__inner { padding-right: 40px; } } @media (min-width: 1200px) { .flex-section--2-cols-form .flex-section__inner .flex-section__col--first .col__inner { padding-right: 220px; } } .flex-section--2-cols-form .flex-section__inner .flex-section__col--second .col__inner { width: 100%; } @media (min-width: 768px) { .flex-section--2-cols-form .flex-section__col { width: 50%; padding-right: 20px; padding-left: 20px; } .flex-section--2-cols-form .flex-section__col--first { margin-bottom: 0; padding-left: 0; padding-right: 0; } .flex-section--2-cols-form .flex-section__col--second { padding-right: 0; } .flex-section--2-cols-form .flex-section__col--second .col__inner { width: inherit; height: inherit; } } .flex-section--2-cols-form .flex-section__col--first .col__inner { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .inpage-editing .flex-section--2-cols-form .flex-section__col--first .col__inner, .hs-inline-edit .flex-section--2-cols-form .flex-section__col--first .col__inner { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--2-cols-form.flex-section--initiated .flex-section__col--first .col__inner { transition: all ease-in-out 0.7s; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } /* FLEX SECTION: THREE COLUMNS (ICONS + TITLE) ------------------------------------------- */ .flex-section--3-cols-icon-title { padding-bottom: 48px; /*-------------------------------------*\ Set up grid \*-------------------------------------*/ /*-------------------------------------*\ Animate in Content Styling \*-------------------------------------*/ /*-------------------------------------*\ Icon Items Styling \*-------------------------------------*/ } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title { padding-bottom: 56px; } } @media screen and (min-width: 992px) { .flex-section--3-cols-icon-title { padding-bottom: 68px; } } .flex-section--3-cols-icon-title.bottom-negative { margin-bottom: -72px; } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title.bottom-negative { margin-bottom: -104px; } } @media screen and (min-width: 992px) { .flex-section--3-cols-icon-title.bottom-negative { margin-bottom: -120px; } } .flex-section--3-cols-icon-title .flex-section__col-wrapper { position: relative; display: flex; flex-wrap: wrap; width: 100%; height: 100%; } .flex-section--3-cols-icon-title .flex-section__col-wrapper .flex-section__col { position: relative; width: 100%; min-height: 1px; max-width: 100%; flex-basis: 1; flex-grow: 0; } .flex-section--3-cols-icon-title.grid-narrow .flex-section__col-wrapper { max-width: 100%; } .flex-section--3-cols-icon-title.grid-default .flex-section__col-wrapper { width: auto; margin-left: -20px !important; margin-right: -20px !important; padding-left: 0 !important; padding-right: 0 !important; } .flex-section--3-cols-icon-title .flex-section__col { margin-bottom: 52px; padding-left: 20px; padding-right: 20px; } @media (max-width: 767px) { .flex-section--3-cols-icon-title .flex-section__col { flex: 0 0 100%; max-width: 100%; margin-bottom: 48px; } .flex-section--3-cols-icon-title .flex-section__col-wrapper:before, .flex-section--3-cols-icon-title .flex-section__col-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section--3-cols-icon-title .flex-section__col-wrapper:after { clear: both; } .flex-section--3-cols-icon-title .flex-section__col-wrapper:before, .flex-section--3-cols-icon-title .flex-section__col-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flex-section--3-cols-icon-title .flex-section__col-wrapper:after { clear: both; } .flex-section--3-cols-icon-title .flex-section__col--second, .flex-section--3-cols-icon-title .flex-section__col--third { margin-bottom: 0; } .flex-section--3-cols-icon-title .flex-section__col .icon-item-wrapper { margin-left: auto; margin-right: auto; } .flex-section--3-cols-icon-title .flex-section__col--third, .flex-section--3-cols-icon-title .flex-section__col--second { float: left; width: 50%; max-width: 50%; } .flex-section--3-cols-icon-title .flex-section__col--first { clear: both; margin-bottom: 24px; } } @media (max-width: 767px) and (min-width: 480px) { .flex-section--3-cols-icon-title .flex-section__col--second { padding-left: 5%; } .flex-section--3-cols-icon-title .flex-section__col--third { padding-right: 5%; } } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title .flex-section__col--first { margin-bottom: 0; } .flex-section--3-cols-icon-title .flex-section__col--first .icon-item-wrapper { margin-right: auto; } .flex-section--3-cols-icon-title .flex-section__col--second .icon-item-wrapper { margin-left: auto; margin-right: auto; } .flex-section--3-cols-icon-title .flex-section__col--third .icon-item-wrapper { margin-left: auto; } } @media screen and (min-width: 992px) { .flex-section--3-cols-icon-title .flex-section__col { padding-right: 40px; } } .flex-section--3-cols-icon-title .flex-section__section-heading, .flex-section--3-cols-icon-title .icon-item-wrapper { opacity: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .inpage-editing .flex-section--3-cols-icon-title .flex-section__section-heading, .inpage-editing .flex-section--3-cols-icon-title .icon-item-wrapper, .hs-inline-edit .flex-section--3-cols-icon-title .flex-section__section-heading, .hs-inline-edit .flex-section--3-cols-icon-title .icon-item-wrapper { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--3-cols-icon-title.flex-section--initiated .flex-section__section-heading, .flex-section--3-cols-icon-title.flex-section--initiated .icon-item-wrapper { transition: all ease-in-out 0.7s; opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .flex-section--3-cols-icon-title .flex-section__col:nth-child(0) .icon-item-wrapper { transition-delay: 0s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(1) .icon-item-wrapper { transition-delay: 0.075s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(2) .icon-item-wrapper { transition-delay: 0.15s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(3) .icon-item-wrapper { transition-delay: 0.225s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(4) .icon-item-wrapper { transition-delay: 0.3s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(5) .icon-item-wrapper { transition-delay: 0.375s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(6) .icon-item-wrapper { transition-delay: 0.45s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(7) .icon-item-wrapper { transition-delay: 0.525s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(8) .icon-item-wrapper { transition-delay: 0.6s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(9) .icon-item-wrapper { transition-delay: 0.675s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(10) .icon-item-wrapper { transition-delay: 0.75s; } .flex-section--3-cols-icon-title .flex-section__col:nth-child(11) .icon-item-wrapper { transition-delay: 0.825s; } .flex-section--3-cols-icon-title .col__inner { height: 100%; } .flex-section--3-cols-icon-title .icon-item-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .flex-section--3-cols-icon-title .icon-item__icon { display: inline-block; margin-bottom: 24px; background-repeat: no-repeat; background-position: left center; } .flex-section--3-cols-icon-title .icon-item__icon.empty { background: none !important; border-radius: 999px; border: 3px solid #A5181C; } .flex-section--3-cols-icon-title .icon-item__content { display: flex; flex-direction: column; flex-grow: 1; } .lte-ie11 .flex-section--3-cols-icon-title .icon-item__content { display: block; } .flex-section--3-cols-icon-title .icon-item__title * { font-size: 2.2rem; line-height: 1.63636364; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title .icon-item__title * { font-size: 2.8rem; line-height: 1.57142857; } } .flex-section--3-cols-icon-title .icon-item__body { flex-grow: 1; } .flex-section--3-cols-icon-title .icon-item__action { margin-top: 24px; } .flex-section--3-cols-icon-title .icon-item__title + .icon-item__action { margin-top: 0; } .flex-section--3-cols-icon-title.icon-size-small .flex-section__col-wrapper, .flex-section--3-cols-icon-title.grid-type-small .flex-section__col-wrapper { margin-left: -10px !important; margin-right: -10px !important; } @media screen and (max-width: 767px) { .flex-section--3-cols-icon-title.icon-size-small .flex-section__col, .flex-section--3-cols-icon-title.grid-type-small .flex-section__col { margin-bottom: 32px; padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 767px) and (min-width: 480px) { .flex-section--3-cols-icon-title.icon-size-small .flex-section__col, .flex-section--3-cols-icon-title.grid-type-small .flex-section__col { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 767px) { .flex-section--3-cols-icon-title.icon-size-small.odd-column-count .flex-section__col.has-body:first-child, .flex-section--3-cols-icon-title.grid-type-small.odd-column-count .flex-section__col.has-body:first-child { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 767px) and (min-width: 480px) { .flex-section--3-cols-icon-title.icon-size-small.odd-column-count .flex-section__col.has-body:first-child, .flex-section--3-cols-icon-title.grid-type-small.odd-column-count .flex-section__col.has-body:first-child { flex: 0 0 100%; max-width: 100%; margin-bottom: 48px; } } .flex-section--3-cols-icon-title.icon-size-small .icon-item-wrapper, .flex-section--3-cols-icon-title.grid-type-small .icon-item-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .flex-section--3-cols-icon-title.icon-size-small .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-small .icon-item__icon { flex: 0 0 54px; max-width: 54px; width: 40px; height: 40px; margin-bottom: 0; background-size: 40px auto; } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title.icon-size-small .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-small .icon-item__icon { flex: 0 0 60px; max-width: 60px; } } .flex-section--3-cols-icon-title.icon-size-small .icon-item__title, .flex-section--3-cols-icon-title.grid-type-small .icon-item__title { width: 100%; } .flex-section--3-cols-icon-title.icon-size-small .icon-item__content, .flex-section--3-cols-icon-title.grid-type-small .icon-item__content { padding-top: 8px; } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title.icon-size-small .icon-item__content, .flex-section--3-cols-icon-title.grid-type-small .icon-item__content { padding-top: 5px; } } .flex-section--3-cols-icon-title.icon-size-small .icon-item__title *, .flex-section--3-cols-icon-title.grid-type-small .icon-item__title * { font-size: 1.7rem; line-height: 1.64705882; margin-bottom: 8px !important; font-weight: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; } .flex-section--3-cols-icon-title.icon-size-small .icon-item__body, .flex-section--3-cols-icon-title.grid-type-small .icon-item__body { font-size: 1.4rem; line-height: 1.71428571; color: #727783; } @media screen and (max-width: 767px) and (min-width: 480px) { .flex-section--3-cols-icon-title.icon-size-medium .icon-item-wrapper, .flex-section--3-cols-icon-title.grid-type-medium .icon-item-wrapper, .flex-section--3-cols-icon-title.icon-size-large .icon-item-wrapper, .flex-section--3-cols-icon-title.grid-type-large .icon-item-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .flex-section--3-cols-icon-title.icon-size-medium .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-medium .icon-item__icon, .flex-section--3-cols-icon-title.icon-size-large .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-large .icon-item__icon { flex: 0 0 81px; max-width: 81px; width: 60px; height: 60px; margin-bottom: 0; background-size: 60px auto; } .flex-section--3-cols-icon-title.icon-size-medium .icon-item__content, .flex-section--3-cols-icon-title.grid-type-medium .icon-item__content, .flex-section--3-cols-icon-title.icon-size-large .icon-item__content, .flex-section--3-cols-icon-title.grid-type-large .icon-item__content { padding-top: 15px; } } .flex-section--3-cols-icon-title.icon-size-medium .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-medium .icon-item__icon { width: 60px; height: 60px; background-size: 60px auto; } .flex-section--3-cols-icon-title.icon-size-medium .icon-item__title *, .flex-section--3-cols-icon-title.grid-type-medium .icon-item__title * { font-size: 2rem; line-height: 1.6; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title.icon-size-medium .icon-item__title *, .flex-section--3-cols-icon-title.grid-type-medium .icon-item__title * { font-size: 2.4rem; line-height: 1.66666667; } } .flex-section--3-cols-icon-title.icon-size-large .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-large .icon-item__icon { width: 85px; height: 85px; background-size: 85px auto; } @media screen and (max-width: 767px) { .flex-section--3-cols-icon-title.icon-size-large .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-large .icon-item__icon { width: 60px; height: 60px; background-size: 60px auto; } } @media screen and (max-width: 767px) and (min-width: 768px) { .flex-section--3-cols-icon-title.icon-size-large .icon-item__icon, .flex-section--3-cols-icon-title.grid-type-large .icon-item__icon { flex: 0 0 115px; max-width: 115px; } .flex-section--3-cols-icon-title.icon-size-large .icon-item__content, .flex-section--3-cols-icon-title.grid-type-large .icon-item__content { padding-top: 15px; } } .flex-section--3-cols-icon-title.icon-size-large .icon-item__title *, .flex-section--3-cols-icon-title.grid-type-large .icon-item__title * { font-size: 2.4rem; line-height: 1.33333333; font-family: Poppins,sans-serif;; font-weight: 400; } @media screen and (min-width: 768px) { .flex-section--3-cols-icon-title.icon-size-large .icon-item__title *, .flex-section--3-cols-icon-title.grid-type-large .icon-item__title * { font-size: 2.8rem; line-height: 1.42857143; } } .flex-section--3-cols-icon-title.hide-icons .icon-item__icon { display: none; } @media screen and (min-width: 1200px) { .flex-section--3-cols-icon-title.guttered-section { max-width: 1664px; margin-left: auto; margin-right: auto; padding-bottom: 0 !important; padding-left: 32px; padding-right: 32px; background-color: inherit !important; } .flex-section--3-cols-icon-title.guttered-section .flex-section__layer { background-color: #fafafc; } .flex-section--3-cols-icon-title.guttered-section.bottom-default .flex-section__layer { padding-bottom: 52px; } } /* FLEX SECTION: TWO COLUMNS ------------------------- */ .flex-section--three-posts { padding-bottom: 120px; } .flex-section--three-posts .flex-section__inner { padding-top: 120px; } .flex-section--three-posts .flex-section__heading { text-align: center; } .flex-section--three-posts .flex-section__heading h3 { margin: 0 0 16px; } .flex-section--three-posts .flex-section__heading h3 a { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.4) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; position: relative; display: inline; padding-bottom: 0; font-weight: 400; color: inherit; border: none; text-decoration: none; } .flex-section--three-posts .flex-section__heading h3 a:before { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; display: block; width: 100%; height: 5px; background-color: rgba(79, 90, 105, 0.25); transition: opacity ease-in-out 0.15s; opacity: 0; } .flex-section--three-posts .flex-section__heading h3 a:focus:before { opacity: 1; } .flex-section--three-posts .flex-section__heading h3 a:active, .flex-section--three-posts .flex-section__heading h3 a:hover { text-decoration: none; color: #303842; } .flex-section--three-posts .flex-section__heading h3 a:active { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .no-touch .flex-section--three-posts .flex-section__heading h3 a:hover { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.5) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; color: #303842; } .no-touch .flex-section--three-posts .flex-section__heading h3 a:hover:before { opacity: 1; } .no-touch .flex-section--three-posts .flex-section__heading h3 a:active { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .flex-section--three-posts .flex-section__heading h2 { margin: 0 0 80px; } .flex-section--three-posts .post-item__img { display: block; } .flex-section--three-posts .post-item__img a { display: block; } .flex-section--three-posts .post-item__info { padding: 32px 0; } .flex-section--three-posts .post-item__author { margin: 0 0 24px; padding-top: 16px; border-top: 1px dotted rgba(161, 162, 166, 0.3); font-size: 1.2rem; line-height: 1.2; text-transform: uppercase; } .flex-section--three-posts .post-item__author, .flex-section--three-posts .post-item__author a { color: #a1a2a6; } .flex-section--three-posts .post-item__title { margin-bottom: 16px; } .flex-section--three-posts .post-item__title a { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.4) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; position: relative; display: inline; padding-bottom: 0; font-weight: 400; color: inherit; border: none; text-decoration: none; } .flex-section--three-posts .post-item__title a:before { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; display: block; width: 100%; height: 5px; background-color: rgba(79, 90, 105, 0.25); transition: opacity ease-in-out 0.15s; opacity: 0; } .flex-section--three-posts .post-item__title a:focus:before { opacity: 1; } .flex-section--three-posts .post-item__title a:active, .flex-section--three-posts .post-item__title a:hover { text-decoration: none; color: #303842; } .flex-section--three-posts .post-item__title a:active { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .no-touch .flex-section--three-posts .post-item__title a:hover { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.5) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; color: #303842; } .no-touch .flex-section--three-posts .post-item__title a:hover:before { opacity: 1; } .no-touch .flex-section--three-posts .post-item__title a:active { background: linear-gradient(to bottom, transparent 75%, rgba(79, 90, 105, 0.75) 75%); background-position: 0 calc(100% - 0.09em); background-repeat: repeat-x; background-size: 1px 22px; } .flex-section--three-posts .post-item__summary { margin-bottom: 16px; font-size: 1.6rem; line-height: 1.5; } .flex-section--three-posts .post-item__summary * { display: inline; font-size: inherit !important; line-height: inherit; } .flex-section--three-posts .post-item__summary, .flex-section--three-posts .post-item__summary .intro { color: #727783; } .flex-section--three-posts .post-item__summary img { display: none; } .flex-section--three-posts .post-item__summary .post-item__topics a { position: relative; display: inline-block; padding-bottom: 0; color: #4f5a69; /*border-bottom: 2px solid #A5181C;*/ font-weight: 500; font-size: 75% !important; font-weight: bold; letter-spacing: 0.03em; text-transform: uppercase; } .bg-img-set .flex-section--three-posts .post-item__summary .post-item__topics a, .bg-color-black .flex-section--three-posts .post-item__summary .post-item__topics a, .bg-color-blue .flex-section--three-posts .post-item__summary .post-item__topics a, .bg-color-dark .flex-section--three-posts .post-item__summary .post-item__topics a, .bg-color-dark-grey .flex-section--three-posts .post-item__summary .post-item__topics a, .bg-color-green .flex-section--three-posts .post-item__summary .post-item__topics a { color: #fff; } .flex-section--three-posts .post-item__summary .post-item__topics a:focus:before { opacity: 1; } .flex-section--three-posts .post-item__summary .post-item__topics a:active, .flex-section--three-posts .post-item__summary .post-item__topics a:hover { text-decoration: none; } .flex-section--three-posts .post-item__summary .post-item__topics a:active { color: #A5181C; } .no-touch .flex-section--three-posts .post-item__summary .post-item__topics a:hover { color: #A5181C; border-color: #A5181C; } .flex-section--three-posts .post-item__read-more { display: none; } .flex-section--three-posts .post-item__read-more a { margin: 0; } @media (min-width: 768px) { .flex-section--three-posts .post-item { margin-bottom: 0; } .flex-section--three-posts .post-item__img img { display: none; } .flex-section--three-posts .post-item__img .img { display: block; background-position: center center; background-size: cover; padding-bottom: 60%; } } /* FLEX SECTION: STAT BOXES ------------------------ */ .flex-section--stat-boxes { padding-top: 72px; /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ } .flex-section--stat-boxes .flex-section__inner { padding-top: 0 !important; padding-bottom: 0 !important; } .flex-section--stat-boxes .flex-section__col-wrapper { display: table; width: 100%; } .flex-section--stat-boxes .flex-section__inner.inner--content { padding-left: 20px; padding-right: 20px; display: block; padding-bottom: 96px; position: relative; text-align: center; /* No stat boxes available */ } @media (min-width: 480px) { .flex-section--stat-boxes .flex-section__inner.inner--content { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .flex-section--stat-boxes .flex-section__inner.inner--content { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .flex-section--stat-boxes .flex-section__inner.inner--content[class*="span"] { float: none !important; } .flex-section--stat-boxes .flex-section__inner.inner--content:empty { margin-bottom: 0; } .flex-section--stat-boxes .flex-section__inner.inner--content .cs-stat-box-wrapper { display: inline-block; margin: 0 16px 36px; } @media (min-width: 992px) { .flex-section--stat-boxes .flex-section__inner.inner--content { display: table; width: 100%; max-width: 1250px; margin: 0 auto -40px; /* No stat boxes available */ } .flex-section--stat-boxes .flex-section__inner.inner--content:empty { padding-top: 64px; margin-bottom: 0; } .flex-section--stat-boxes .flex-section__inner.inner--content .cs-stat-box-wrapper { vertical-align: top; width: auto; max-width: 250px; text-align: center; } } @media (min-width: 992px) and (min-width: 480px) { .flex-section--stat-boxes .flex-section__inner.inner--content.fat-boxes .cs-stat-box-wrapper { max-width: 290px; } } /* FLEX SECTION: CONTACT BAR ------------------------- Inserts a cta with form with a responsible contact person */ .flex-section--contact-bar { background-color: #f3f2f5; /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ padding-top: 0; /*-------------------------------------*\ Avatar \*-------------------------------------*/ /*-------------------------------------*\ CTA and Form \*-------------------------------------*/ /*-------------------------------------*\ Form Expanded \*-------------------------------------*/ } .flex-section--contact-bar .flex-section__col-wrapper { display: table; width: 100%; } @media screen and (min-width: 1200px) { .flex-section--contact-bar .flex-section__col-wrapper { width: calc(100% - 30px); } } @media screen and (max-width: 767px) { .flex-section--contact-bar .flex-section__col { margin-bottom: 0; } } @media screen and (min-width: 768px) { .flex-section--contact-bar .flex-section__col { display: table-cell; vertical-align: center; } } .flex-section--contact-bar .flex-section__inner { /*-------------------------------------*\ Mobile Vertical Paddings \*-------------------------------------*/ } @media screen and (min-width: 1200px) { .flex-section--contact-bar .flex-section__inner { padding-left: 0; padding-right: 0; } } .flex-section--contact-bar .flex-section__inner.inner--content { padding-top: 0; } @media screen and (min-width: 1200px) { .flex-section--contact-bar .flex-section__inner.inner--content { padding-top: 120px; } } @media (max-width: 1199px) { .flex-section--contact-bar .flex-section__inner .flex-section__col-wrapper > div { max-width: 700px; margin-left: auto; margin-right: auto; } } @media (min-width: 480px) and (max-width: 1199px) { .flex-section--contact-bar .flex-section__inner { padding-left: 40px; padding-right: 40px; } .flex-section--contact-bar .flex-section__inner .flex-section__col-wrapper { display: block; } .flex-section--contact-bar .flex-section__inner .flex-section__col-wrapper > div { display: block; } } .flex-section--contact-bar .flex-section__inner .flex-section__col { transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; } @media (min-width: 1200px) { .flex-section--contact-bar .flex-section__inner .flex-section__col { padding-left: 0; padding-right: 0; } } .flex-section--contact-bar .flex-section__inner .flex-section__col .col__inner { padding: 80px 0 32px; } @media screen and (min-width: 1200px) { .flex-section--contact-bar .flex-section__inner .flex-section__col .col__inner { padding: 64px 0 16px; } } .flex-section--contact-bar .flex-section__inner .flex-section__col--first { margin-bottom: 0; } .flex-section--contact-bar .flex-section__inner .flex-section__col--second { box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.08); padding-left: 30px; padding-right: 30px; } @media (min-width: 1200px) { .flex-section--contact-bar .flex-section__inner .flex-section__col--second { padding-left: 80px; padding-right: 80px; } } .flex-section--contact-bar .flex-section__inner .flex-section__col--second .col__inner { padding: 48px 0; } @media (max-width: 1199px) { .flex-section--contact-bar .flex-section__inner .flex-section__col--third .col__inner { padding: 0; } } @media (min-width: 1200px) { .flex-section--contact-bar .flex-section__inner .flex-section__col .col__inner { padding: 60px 0 60px; } .flex-section--contact-bar .flex-section__inner .flex-section__col--first { width: 300px; } .flex-section--contact-bar .flex-section__inner .flex-section__col--first header { width: 200px !important; } .flex-section--contact-bar .flex-section__inner .flex-section__col--first .col__inner { padding: 4px 0 0 40px; } .flex-section--contact-bar .flex-section__inner .flex-section__col--second { width: 700px; vertical-align: top; } .flex-section--contact-bar .flex-section__inner .flex-section__col--third { display: block; padding-right: 0; } } @media (min-width: 1800px) { .flex-section--contact-bar .flex-section__inner .flex-section__col--first { width: 250px; } .flex-section--contact-bar .flex-section__inner .flex-section__col--first header { width: 200px !important; } .flex-section--contact-bar .flex-section__inner .flex-section__col--second { width: 680px; } .flex-section--contact-bar .flex-section__inner .flex-section__col--third { width: 100px; display: block; padding-right: 0; } } @media (max-width: 1199px) { .flex-section--contact-bar .flex-section__inner .form-title { transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; } } .flex-section--contact-bar .flex-section__col--first .col__inner { text-align: center; } @media screen and (min-width: 1200px) { .flex-section--contact-bar .flex-section__col--first .col__inner header { display: inline-block; width: 133px; margin-left: 30px; text-align: left; } } .flex-section--contact-bar .flex-section__col--first .contact__photo { margin-bottom: 16px; } .flex-section--contact-bar .flex-section__col--first .contact__photo .avatar { width: 90px; height: 90px; -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 768px) { .flex-section--contact-bar .flex-section__col--first .contact__photo .avatar { width: 133px; height: 133px; } } .flex-section--contact-bar .flex-section__col--first .contact__name { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin-bottom: 4px !important; color: #4f5a69; } .flex-section--contact-bar .flex-section__col--first .contact__desc { font-size: 1.4rem; line-height: 1.71428571; margin-bottom: 0; color: #a1a2a6; font-size: 1.2rem; line-height: 1.8; } .flex-section--contact-bar .flex-section__col--second { background-color: #fff; position: relative; } .flex-section--contact-bar .flex-section__col--second:before { content: ''; display: block; position: absolute; } .flex-section--contact-bar .flex-section__col--second .form__close { transition: opacity cubic-bezier(0.23, 1, 0.32, 1) 650ms; opacity: 0; pointer-events: none; margin: 13.6px; padding: 16px; position: absolute; top: 0; right: 0; } @media (min-width: 1200px) { .flex-section--contact-bar .flex-section__col--second .form__close { margin: 29.6px 40px 24px; } } .flex-section--contact-bar .flex-section__col--second .form__close .icon { stroke: #d5d6d8 !important; fill: #d5d6d8 !important; } .flex-section--contact-bar .flex-section__col--second .form__close, .flex-section--contact-bar .flex-section__col--second .form__close:active, .flex-section--contact-bar .flex-section__col--second .form__close:hover { border: none; } .flex-section--contact-bar .flex-section__col--second .form__close:active .icon { stroke: #727783 !important; fill: #727783 !important; } .no-touch .flex-section--contact-bar .flex-section__col--second .form__close:hover .icon { stroke: #727783 !important; fill: #727783 !important; } .no-touch .flex-section--contact-bar .flex-section__col--second .form__close:active .icon { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } @media screen and (max-width: 1199px) { .flex-section--contact-bar .flex-section__col--second:before { width: 20px; height: 10px; margin: 0 auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; top: -10px; left: 0; right: 0; } } @media screen and (min-width: 1200px) { .flex-section--contact-bar .flex-section__col--second:before { width: 10px; height: 20px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; position: absolute; top: 60px; left: -10px; } } .flex-section--contact-bar .flex-section__col--second .col__inner { text-align: center; } .flex-section--contact-bar .flex-section__col--second .form__heading { letter-spacing: 0; font-weight: 400; color: #0c5394; text-transform: none; font-size: 2.2rem; line-height: 1.63636364; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; margin-bottom: 16px !important; margin-top: 0; } @media screen and (min-width: 768px) { .flex-section--contact-bar .flex-section__col--second .form__heading { font-size: 2.8rem; line-height: 1.57142857; } } @media screen and (max-width: 991px) { .flex-section--contact-bar .flex-section__col--second .form__heading { font-size: 2.2rem; line-height: 1.63636364; } } .flex-section--contact-bar .flex-section__col--second .form__embed { display: none; margin-top: 48px; text-align: left; } .flex-section--contact-bar .flex-section__col--second .hs-error-msgs { margin-bottom: -12px; } .flex-section--contact-bar .flex-section__col--second .hs_submit { text-align: center; } .flex-section--contact-bar.form-expanded .form__close { pointer-events: auto; opacity: 1; } @media (max-width: 1199px) { .flex-section--contact-bar.form-expanded .form-title { margin-top: 32px; } } @media (min-width: 1800px) { .flex-section--contact-bar.form-expanded .flex-section__col--first { width: 400px; } .flex-section--contact-bar.form-expanded .flex-section__col--second { width: 800px; } .flex-section--contact-bar.form-expanded .flex-section__col--third { width: 0; } } .flex-section--contact-bar.form-expanded .form__cta { display: none; } /* FLEX SECTION: NEWS TICKER ------------------------- */ .flex-section--news-ticker { padding-bottom: 0 !important; } .flex-section--news-ticker .news-ticker { position: relative; border: none !important; } .flex-section--news-ticker.bottom-border { border-bottom: 1px solid rgba(161, 162, 166, 0.25); } .flex-section--news-ticker.bottom-border.bg-color-blue, .flex-section--news-ticker.bottom-border.bg-color-dark, .flex-section--news-ticker.bottom-border.bg-color-grey { border-color: rgba(255, 255, 255, 0.25); } /* ANNUAL REPORT FLEX SECTION BASE COMPONENT ------------------------------------------ Basic styling for Annual Report Flex Section custom modules. */ .ar-flex-section { position: relative; /*-------------------------------------*\ Set section heights \*-------------------------------------*/ /*------------------------------------------------*\ Section Title \*------------------------------------------------*/ /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ /*------------------------------------------------*\ Light Foreground \*------------------------------------------------*/ /*------------------------------------------------*\ Column Grid Framework \*------------------------------------------------*/ /*------------------------------------------------*\ Animated colums: Enabled > tablet \*------------------------------------------------*/ /*------------------------------------------------*\ COLUMN CONTENT ELEMENTS GENERAL STYLING \*------------------------------------------------*/ /*------------------------------------------------*\ Article link \*------------------------------------------------*/ } @media (min-width: 768px) { .ar-flex-section, .ar-flex-section .flex-section__col-wrapper, .ar-flex-section .col__content { min-height: 860px; } } @media (min-width: 992px) { .ar-flex-section, .ar-flex-section .flex-section__col-wrapper, .ar-flex-section .col__content { height: calc(100vh - 32px - 32px); min-height: 0; } } @media (min-width: 992px) and (min-height: 924px) { .ar-flex-section, .ar-flex-section .flex-section__col-wrapper, .ar-flex-section .col__content { min-height: 860px; } } @media (min-width: 1800px) { .ar-flex-section, .ar-flex-section .flex-section__col-wrapper, .ar-flex-section .col__content { height: calc(100vh - 32px - 32px); } } .hs-inline-edit .ar-flex-section, .hs-inline-edit .ar-flex-section .flex-section__col-wrapper, .hs-inline-edit .ar-flex-section .col__content { height: auto; } .ar-flex-section .col__coating:before, .ar-flex-section .col__coating:after { content: " "; /* 1 */ display: table; /* 2 */ } .ar-flex-section .col__coating:after { clear: both; } .ar-flex-section .col__coating:before, .ar-flex-section .col__coating:after { content: " "; /* 1 */ display: table; /* 2 */ } .ar-flex-section .col__coating:after { clear: both; } .ar-flex-section .flex-section__col-wrapper > .col__coating { display: table; width: 100%; } @media (max-width: 991px) { .ar-flex-section:not(.ar-flex-section--2-cols) .flex-section__col--first { padding-top: 96px !important; } .ar-flex-section:not(.ar-flex-section--2-cols) .flex-section__col--first.flex-section__col--overlayed { padding-top: 0 !important; } .ar-flex-section:not(.ar-flex-section--2-cols) .flex-section__col--first.flex-section__col--overlayed > .col__coating { padding-top: 96px !important; } } .ar-flex-section .flex-section__section-title { position: absolute; top: 0; left: 0; z-index: 400; padding-bottom: 48px; cursor: pointer; } .ar-flex-section .flex-section__section-title__inner { display: table; height: 48px; } @media (min-width: 768px) { .ar-flex-section .flex-section__section-title__inner { height: 54px; } } .ar-flex-section .flex-section__section-title h1 { display: table-cell; vertical-align: middle; padding-top: 48px; position: relative; font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; font-size: 1rem; line-height: 1; white-space: nowrap; color: rgba(255, 255, 255, 0.5) !important; transition: color ease-in-out 0.25s; padding-left: 30px; padding-right: 30px; } .tag-link .ar-flex-section .flex-section__section-title h1 { color: inherit; } @media (min-width: 480px) { .ar-flex-section .flex-section__section-title h1 { padding-left: 40px; padding-right: 40px; } } @media (min-width: 768px) { .ar-flex-section .flex-section__section-title h1 { padding-top: 56px; padding-left: 80px; padding-right: 80px; } } .ar-flex-section .flex-section__section-title:active h1 { color: #fff !important; transition-duration: 0.15s; } .no-touch .ar-flex-section .flex-section__section-title:hover h1 { color: #fff !important; } .no-touch .ar-flex-section .flex-section__section-title:active h1 { color: rgba(255, 255, 255, 0.5) !important; } .ar-flex-section .flex-section__inner { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } .ar-flex-section .flex-section__col { position: relative; /*------------------------------------------------*\ Special column attributes \*------------------------------------------------*/ } .ar-flex-section .flex-section__col, .ar-flex-section .flex-section__col-wrapper { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width: 767px) { .ar-flex-section .flex-section__col { margin-bottom: 0; } } @media (min-width: 768px) { .ar-flex-section .flex-section__col { vertical-align: bottom; } } .ar-flex-section .flex-section__col--hoverable .col__coating { transition: all ease-in-out 0.25s; background-color: rgba(255, 255, 255, 0); } .ar-flex-section .flex-section__col--hoverable .col__icon { opacity: 0.6; } .ar-flex-section .flex-section__col--hoverable:active .col__coating { background-color: rgba(255, 255, 255, 0.05); } .ar-flex-section .flex-section__col--hoverable:active .col__icon { opacity: 1; } .no-touch .ar-flex-section .flex-section__col--hoverable:hover .col__coating, .no-touch .ar-flex-section .flex-section__col--hoverable:active .col__coating { background-color: rgba(255, 255, 255, 0.05); } .no-touch .ar-flex-section .flex-section__col--hoverable:hover .col__icon, .no-touch .ar-flex-section .flex-section__col--hoverable:active .col__icon { opacity: 1; } .no-touch .ar-flex-section .flex-section__col--hoverable:hover .icon-external-link, .no-touch .ar-flex-section .flex-section__col--hoverable:active .icon-external-link { -webkit-animation: pulsate 2s infinite; animation: pulsate 2s infinite; } .no-touch .ar-flex-section .flex-section__col--hoverable:hover .icon-article-link, .no-touch .ar-flex-section .flex-section__col--hoverable:active .icon-article-link { -webkit-animation: horizontalBounce 2s infinite; animation: horizontalBounce 2s infinite; } .ar-flex-section .flex-section__col--clickable, .ar-flex-section .flex-section__col--toggable { cursor: pointer; } .ar-flex-section .flex-section__col--img-set .col__coating, .ar-flex-section .flex-section__col-wrapper--img-set .col__coating { background-color: rgba(50, 31, 21, 0.5); } @media (max-width: 767px) { .ar-flex-section .flex-section__col--img-set.flex-section__col-wrapper--overlayed, .ar-flex-section .flex-section__col-wrapper--img-set.flex-section__col-wrapper--overlayed, .ar-flex-section .flex-section__col--img-set.flex-section__col--overlayed, .ar-flex-section .flex-section__col-wrapper--img-set.flex-section__col--overlayed { background-color: rgba(50, 31, 21, 0.67); background-blend-mode: multiply; } } .ar-flex-section .flex-section__col--img-set.flex-section__col--hoverable .col__coating, .ar-flex-section .flex-section__col-wrapper--img-set.flex-section__col--hoverable .col__coating { background-color: rgba(50, 31, 21, 0.5); } .ar-flex-section .flex-section__col--img-set.flex-section__col--hoverable:active .col__coating, .ar-flex-section .flex-section__col-wrapper--img-set.flex-section__col--hoverable:active .col__coating { background-color: rgba(50, 31, 21, 0.65); } .no-touch .ar-flex-section .flex-section__col--img-set.flex-section__col--hoverable:hover .col__coating, .no-touch .ar-flex-section .flex-section__col-wrapper--img-set.flex-section__col--hoverable:hover .col__coating, .no-touch .ar-flex-section .flex-section__col--img-set.flex-section__col--hoverable:active .col__coating, .no-touch .ar-flex-section .flex-section__col-wrapper--img-set.flex-section__col--hoverable:active .col__coating { background-color: rgba(50, 31, 21, 0.65); } .ar-flex-section .flex-section__col--toggable.toggled.flex-section__col--img-set .col__coating, .ar-flex-section .flex-section__col--toggable.toggled.flex-section__col-wrapper--img-set .col__coating { background-color: rgba(50, 31, 21, 0.85) !important; } .ar-flex-section.fg-light .flex-section__col .col__subtitle { color: rgba(255, 255, 255, 0.7); } @media (min-width: 480px) { .ar-flex-section .col-grid { display: table; width: 100%; height: 100%; } .ar-flex-section .col-grid--half { height: 50%; } .ar-flex-section .col-grid__col { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .ar-flex-section .col-grid__col--half { width: 50%; } } .ar-flex-section .col-grid__col { padding: 96px 48px 64px; } @media (min-width: 768px) { .ar-flex-section .col-grid__col { padding: 128px 80px 96px; } } .ar-flex-section .col-grid__col--heading h3 { max-width: 26rem; margin-left: auto; margin-right: auto; font-family: Poppins,sans-serif;; font-size: 2.5rem; line-height: 1.33; font-weight: 400; } @media (min-width: 768px) { .ar-flex-section .col-grid__col--heading h3 { font-size: 2.7rem; } } @media (min-width: 1600px) { .ar-flex-section .col-grid__col--heading h3 { font-size: 3.2rem; } } .ar-flex-section .col-grid__col--heading.col-grid__col--full > * { text-align: center; } .ar-flex-section .col-grid__col--heading.col-grid__col--full h3 { max-width: 56rem; } .ar-flex-section .col-grid__col--icon-title { text-align: center; } .ar-flex-section .col-grid__col--icon-title h4 { max-width: 180px; margin-left: auto; margin-right: auto; font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; line-height: 1.71; } .tag-link .ar-flex-section .col-grid__col--icon-title h4 { color: inherit; } .ar-flex-section .col-grid__col--icon-title h4, .ar-flex-section .col-grid__col--icon-title h4 * { color: rgba(255, 255, 255, 0.7) !important; } .ar-flex-section .col-grid__col .col-icon { display: block; margin-bottom: 32px; width: 100%; height: 60px; background-repeat: no-repeat; background-position: center center; background-size: auto 60px; } @media (min-width: 992px) { .ar-flex-section .col-grid__col .col-icon { height: 100px; background-size: auto 100px; } } @media (min-width: 768px) { .ar-flex-section .flex-section__col--animate .col__content-inner { transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.8s; transition-duration: 1.5s; transition-delay: 0.15s; -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0); opacity: 0; } .hs-inline-edit .ar-flex-section .flex-section__col--animate .col__content-inner { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .ar-flex-section .flex-section__col--animate.flex-section__col--second .col__content-inner { transition-delay: 0.3s; } .ar-flex-section .flex-section__col--animate.flex-section__col--third .col__content-inner { transition-delay: 0.45s; } .ar-flex-section.flex-section--active .flex-section__col--animate .col__content-inner { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @media (min-width: 768px) and (max-width: 767px) { .ar-flex-section .flex-section__col--animate .col__content-inner { opacity: 1 !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; } } .ar-flex-section .col__inner-wrapper { position: relative; height: 100%; } @media (max-width: 767px) { .ar-flex-section.ar-flex-section--2-cols:not(.ar-flex-section--1-col) .flex-section__col .col__content-inner { padding-top: 160px; } } .ar-flex-section .col__content-inner { padding: 104px 30px; font-size: 2.1rem; line-height: 1.44; } .ar-flex-section .col__content-inner > *:first-child { margin-top: 0 !important; } .ar-flex-section .col__content-inner > *:last-child { margin-bottom: 0 !important; } @media (min-width: 480px) { .ar-flex-section .col__content-inner { padding-left: 40px; padding-right: 40px; } } @media (min-width: 768px) { .ar-flex-section .col__content-inner { padding-top: 104px; padding-bottom: 104px; } } @media (min-width: 1200px) { .ar-flex-section .col__content-inner { font-size: 2.5rem; } } @media (min-width: 768px) { .ar-flex-section .col__content { display: table; z-index: 1; top: auto; bottom: 0; } .ar-flex-section .col__content-inner { display: table-cell; vertical-align: bottom; padding: 104px 80px; } .ar-flex-section .col__content-inner > * { max-width: 592px; } } @media (max-width: 1199px) { .ar-flex-section .col__content-inner > * { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .ar-flex-section .col__content { padding-right: 320px; } .ar-flex-section .col__content-inner { padding-top: 120px; padding-bottom: 88px; } } .ar-flex-section .col__content a:not(.button) { opacity: 0.7; border-bottom: 2px solid #fff; } .ar-flex-section .col__content a:not(.button):active { opacity: 1; } .no-touch .ar-flex-section .col__content a:not(.button):hover { opacity: 1; } .no-touch .ar-flex-section .col__content a:not(.button):active { opacity: 0.8; } .ar-flex-section .col__hero { margin-bottom: 32px; } .ar-flex-section .col__heading { margin-bottom: 16px; } .ar-flex-section .col__subtitle { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; } .tag-link .ar-flex-section .col__subtitle { color: inherit; } .ar-flex-section .col__icon { display: block; height: 48px; position: relative; width: auto; padding-right: 32px; } .ar-flex-section .col__icon-label { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; display: inline-block !important; padding-right: 0.8em; font-size: 1.4rem !important; position: relative; top: 0; } .tag-link .ar-flex-section .col__icon-label { color: inherit; } @media (min-width: 480px) { .ar-flex-section .col__icon-label { top: -0.1rem; } } @media (min-width: 768px) { .ar-flex-section .col__icon-label { top: 0.3rem; } } @media (min-width: 992px) { .ar-flex-section .col__icon-label { font-size: 1.6rem !important; } } @media (min-width: 1200px) { .ar-flex-section .col__icon-label { top: -0.1rem; } } .ar-flex-section .col__icon-sm-label { display: block; margin-left: auto; margin-right: auto; font-size: 1.2rem; color: #fff; } .ar-flex-section .col__icon__circle { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 2px solid; position: relative; opacity: 0.6; } .ar-flex-section .col__icon__circle svg { top: 0 !important; left: 0 !important; right: 0; width: 13px; height: 13px; margin: 7px auto; } .ar-flex-section .col__icon svg { position: absolute; top: -14px; left: auto; stroke: #fff !important; fill: #fff !important; width: 32px; height: 63px; } .ar-flex-section .col__icon .icon-external-link { top: -15px; } @media (max-width: 767px) { .ar-flex-section .col__icon .icon-external-link { zoom: 0.75; top: -15px; } } .ar-flex-section .col__icon .icon-article-link { width: 45px; height: 67px; top: -16px; } @media (max-width: 767px) { .ar-flex-section .col__icon .icon-article-link { zoom: 0.75; } } .ar-flex-section .col__icon .icon-expand { width: 13px; height: 13px; } .no-touch .ar-flex-section .col__icon { transition: all ease-in-out 0.25s; } .no-touch .ar-flex-section .col__icon svg { transition: all ease-in-out 0.25s; } .ar-flex-section .col__info, .ar-flex-section .col__additional-info { font-size: 2.1rem; line-height: 1.71; } .ar-flex-section .col__info > *:first-child, .ar-flex-section .col__additional-info > *:first-child { margin-top: 0 !important; } .ar-flex-section .col__info > *:last-child, .ar-flex-section .col__additional-info > *:last-child { margin-bottom: 0 !important; } .ar-flex-section .col__form { margin-bottom: 64px; } .ar-flex-section .col__info { margin-bottom: 64px; } .ar-flex-section .col__info > * { max-width: 32rem !important; margin-left: auto; margin-right: auto; } .ar-flex-section .col__quote { margin-left: -7px; padding: 6px 7px 2px; display: inline; font-family: Poppins,sans-serif;; font-size: 2.5rem; line-height: 1.8; background-color: #fff; color: #727783 !important; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } @media (min-width: 768px) { .ar-flex-section .col__quote { padding: 10px 7px 4px; font-size: 3.2rem; line-height: 1.75; } } .ar-flex-section .col__footnotes { margin-top: 128px; text-align: right; font-size: 1.4rem; line-height: 1.44; color: rgba(255, 255, 255, 0.6) !important; } @media (min-width: 768px) { .ar-flex-section .col__footnotes { position: absolute; right: 0; bottom: 0; } } @media (min-width: 768px) { .ar-flex-section .flex-section__col--has-footnotes { position: relative; } .ar-flex-section .flex-section__col--has-footnotes .col__inner-wrapper { position: static; } .ar-flex-section .flex-section__col--has-footnotes .col__footnotes { margin-bottom: 48px; margin-left: 40px; margin-right: 40px; } } @media (min-width: 768px) and (min-width: 768px) { .ar-flex-section .flex-section__col--has-footnotes .col__footnotes { margin-right: 112px; } } .ar-flex-section .ar-article-link { cursor: pointer; } .ar-flex-section .ar-article-link, .ar-flex-section .ar-article-link * { transition: all, ease-in-out, 0.2s; } .ar-flex-section .ar-article-link .col__icon { opacity: 0.6; } .article-active .ar-flex-section .ar-article-link, .ar-flex-section .ar-article-link.tapped, .ar-flex-section .ar-article-link:active, .article-active .ar-flex-section .ar-article-link *, .ar-flex-section .ar-article-link.tapped *, .ar-flex-section .ar-article-link:active * { transition-duration: 0.1s; } .article-active .ar-flex-section .ar-article-link .col__heading, .ar-flex-section .ar-article-link.tapped .col__heading, .ar-flex-section .ar-article-link:active .col__heading { background-color: #303842; } .article-active .ar-flex-section .ar-article-link .col__heading, .ar-flex-section .ar-article-link.tapped .col__heading, .ar-flex-section .ar-article-link:active .col__heading, .article-active .ar-flex-section .ar-article-link .col__heading *, .ar-flex-section .ar-article-link.tapped .col__heading *, .ar-flex-section .ar-article-link:active .col__heading * { color: #fff; } .article-active .ar-flex-section .ar-article-link .col__quote, .ar-flex-section .ar-article-link.tapped .col__quote, .ar-flex-section .ar-article-link:active .col__quote { background-color: #303842; color: #fff !important; } .article-active .ar-flex-section .ar-article-link .col__icon, .ar-flex-section .ar-article-link.tapped .col__icon, .ar-flex-section .ar-article-link:active .col__icon { opacity: 1; } .ar-flex-section .ar-article-link .col__heading { display: inline; margin-left: -7px; padding: 5px 7px 0; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .ar-flex-section .ar-article-link .col__heading + * { margin-top: 16px; } .no-touch .ar-flex-section .ar-article-link:hover .col__heading, .no-touch .ar-flex-section .ar-article-link:active .col__heading { background-color: #303842; } .no-touch .ar-flex-section .ar-article-link:hover .col__heading, .no-touch .ar-flex-section .ar-article-link:active .col__heading, .no-touch .ar-flex-section .ar-article-link:hover .col__heading *, .no-touch .ar-flex-section .ar-article-link:active .col__heading * { color: #fff; } .no-touch .ar-flex-section .ar-article-link:hover .col__quote, .no-touch .ar-flex-section .ar-article-link:active .col__quote { background-color: #303842; color: #fff !important; } .no-touch .ar-flex-section .ar-article-link:hover .col__icon, .no-touch .ar-flex-section .ar-article-link:active .col__icon { opacity: 1; } .no-touch .ar-flex-section .ar-article-link:hover { opacity: 1; } .no-touch .ar-flex-section .ar-article-link:hover .icon-article-link { -webkit-animation: horizontalBounce 2s infinite; animation: horizontalBounce 2s infinite; } .no-touch .ar-flex-section .ar-article-link:active .col__quote { background-color: #3d4754; } /*------------------------------------------------*\ Imports \*------------------------------------------------*/ /* ANNUAL REPORT SECTION: 1 COLUMN ----------------------------------- The one column layout is actually based on the two column layout in order to get the container right. */ .ar-flex-section--1-col { /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ } @media (max-width: 1199px) { .ar-flex-section--1-col .flex-section__col { width: 100% !important; } .ar-flex-section--1-col .flex-section__col .col__content { float: none !important; margin-left: auto; margin-right: auto; } .ar-flex-section--1-col .flex-section__col .col__content-inner > * { margin-left: 0; } .ar-flex-section--1-col .flex-section__col--second { display: none !important; } } @media (max-width: 1199px) and (min-width: 768px) { .ar-flex-section--1-col .flex-section__col--first .col__content { left: 0 !important; } } @media (min-width: 768px) { .ar-flex-section--1-col .flex-section__col .col__content-inner > * { max-width: 62.5rem !important; } } /* ANNUAL REPORT SECTION: 2 COLUMNS ----------------------------------- Two fluid columns */ .ar-flex-section--2-cols { /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ } .ar-flex-section--2-cols .flex-section__col { /*------------------------------------------------*\ Fully fluid column \*------------------------------------------------*/ } @media (min-width: 768px) { .ar-flex-section--2-cols .flex-section__col { width: 50%; } .ar-flex-section--2-cols .flex-section__col--second .col__content-inner > * { margin-left: auto; } } @media (min-width: 768px) { .ar-flex-section--2-cols .flex-section__col .col__content { float: left; width: 100%; max-width: 880px; } .ar-flex-section--2-cols .flex-section__col .col__content-inner { padding: 104px 80px; } .ar-flex-section--2-cols .flex-section__col .col__content-inner > * { max-width: 592px; } } @media (min-width: 768px) and (max-width: 2000px) { .ar-flex-section--2-cols .flex-section__col .col__content-inner > * { margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { .ar-flex-section--2-cols .flex-section__col--first .col__content { float: right; } } .ar-flex-section--2-cols .flex-section__col--fully-fluid .col__content-inner { height: 100%; padding: 0; } @media (min-width: 768px) { .ar-flex-section--2-cols .flex-section__col--fully-fluid .col__content { max-width: 100%; } .ar-flex-section--2-cols .flex-section__col--fully-fluid .col__content-inner { padding: 0; } .ar-flex-section--2-cols .flex-section__col--fully-fluid .col__content-inner > * { max-width: 100%; } } /* ANNUAL REPORT SECTION: CEO TALK ----------------------------------- */ .ar-flex-section--ceo-talk { /*------------------------------------------------*\ Module Specific \*------------------------------------------------*/ } .ar-flex-section--ceo-talk .col__content-inner { padding-top: 352px; } @media (max-height: 999px) { .ar-flex-section--ceo-talk .flex-section__col-wrapper--img-set { background-position: top center; } } @media (min-width: 2000px) { .ar-flex-section--ceo-talk .flex-section__col-wrapper--img-set { background-position: top center; } } .ar-flex-section--ceo-talk .flex-section__col-wrapper--img-set .col__coating { background-color: rgba(50, 31, 21, 0.4); } @media (max-width: 767px) { .ar-flex-section--ceo-talk .flex-section__col-wrapper--img-set.flex-section__col-wrapper--overlayed { background-color: rgba(50, 31, 21, 0.4); } } /* ANNUAL REPORT SECTION: KEY FIGURES ----------------------------------- */ .ar-flex-section--key-figures { /*------------------------------------------------*\ Overrides \*------------------------------------------------*/ /*------------------------------------------------*\ Hero \*------------------------------------------------*/ /*------------------------------------------------*\ Teaser \*------------------------------------------------*/ /*------------------------------------------------*\ Expand Icon \*------------------------------------------------*/ /*------------------------------------------------*\ Icons \*------------------------------------------------*/ /*------------------------------------------------*\ Prepare cross fade transition \*------------------------------------------------*/ /*------------------------------------------------*\ Cover (Front) \*------------------------------------------------*/ /*------------------------------------------------*\ Chart Content (Back) \*------------------------------------------------*/ /*------------------------------------------------*\ Toggled state \*------------------------------------------------*/ /*------------------------------------------------*\ Stacked layout \*------------------------------------------------*/ } @media (min-width: 992px) { } @media (min-height: 1000px) and (min-width: 1200px) { .ar-flex-section--key-figures, .ar-flex-section--key-figures .flex-section__col-wrapper, .ar-flex-section--key-figures .col__content { height: calc(100vh - 32px - 32px); } } @media (min-height: 1000px) and (min-width: 1800px) { .ar-flex-section--key-figures, .ar-flex-section--key-figures .flex-section__col-wrapper, .ar-flex-section--key-figures .col__content { height: calc(100vh - 32px - 32px); } } @media (min-width: 1200px) { .ar-flex-section--key-figures .key-figures__content { height: calc(100vh - 32px - 32px); } } @media (min-width: 1800px) { .ar-flex-section--key-figures .key-figures__content { height: calc(100vh - 32px - 32px); } } @media (min-width: 768px) { .ar-flex-section--key-figures .col__content { position: absolute; top: 0; left: 0; width: 100%; } } @media (max-width: 479px) { .ar-flex-section--key-figures .col__content-inner { padding-top: 4rem; padding-bottom: 4rem; } } @media (max-width: 767px) { .ar-flex-section--key-figures .col__content-inner { padding-top: 6rem; padding-bottom: 6rem; } } .ar-flex-section--key-figures .flex-section__col { text-align: center; } @media (min-width: 768px) { .ar-flex-section--key-figures .flex-section__col { width: 33.33333333%; } .ar-flex-section--key-figures .flex-section__col .col__content-inner { vertical-align: middle; } } .ar-flex-section--key-figures .flex-section__col--first, .ar-flex-section--key-figures .flex-section__col--third { background-color: #4e5354; } .ar-flex-section--key-figures .flex-section__col--second { background-color: #53595a; } .ar-flex-section--key-figures .flex-section__col .col__content { padding-right: 0; position: relative; } .ar-flex-section--key-figures .flex-section__col .col__content-inner { padding-left: 0; padding-right: 0; } .ar-flex-section--key-figures .key-figures__hero { margin-bottom: 128px; } .ar-flex-section--key-figures .key-figures__hero .key-figures__icon { margin-bottom: 32px; } .ar-flex-section--key-figures .key-figures__hero .key-figures__value { margin-bottom: 16px; display: block; font-size: 3.6rem; line-height: 1; font-weight: 600; } .ar-flex-section--key-figures .key-figures__hero .key-figures__desc { display: block; font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; color: #fff; } .tag-link .ar-flex-section--key-figures .key-figures__hero .key-figures__desc { color: inherit; } .ar-flex-section--key-figures .key-figures__teaser .key-figures__icon { margin-bottom: 16px; } .ar-flex-section--key-figures .key-figures__teaser .key-figures__desc { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; color: #fff; } .tag-link .ar-flex-section--key-figures .key-figures__teaser .key-figures__desc { color: inherit; } .ar-flex-section--key-figures .key-figures__expand-icon { height: auto; padding: 160px 0 0; cursor: pointer; transition: all ease-in-out 0.25s; opacity: 0.4 !important; } @media (min-width: 1200px) and (min-height: 900px) { .ar-flex-section--key-figures .key-figures__expand-icon { position: absolute; bottom: 0; left: 0; right: 0; padding: 72px; } .touch .ar-flex-section--key-figures .key-figures__expand-icon { margin-bottom: 44px; } } .ar-flex-section--key-figures .key-figures__expand-icon .col__icon__circle, .ar-flex-section--key-figures .key-figures__expand-icon .col__icon-label { opacity: 1; } .ar-flex-section--key-figures .key-figures__expand-icon:active { transition-duration: 0.1s; opacity: 1 !important; } .no-touch .ar-flex-section--key-figures .key-figures__expand-icon { display: none; } .ar-flex-section--key-figures .key-figures__icon { display: block; margin-left: auto; margin-right: auto; width: 36px; height: 45px; background-size: 36px auto; background-repeat: no-repeat; background-position: center center; } @media (min-width: 1600px) { .ar-flex-section--key-figures .key-figures__icon { width: 50px; height: 62.5px; background-size: 50px auto; } } .ar-flex-section--key-figures .key-figures__icon--big { width: 120px; height: 150px; background-size: 120px auto; } @media (min-width: 1600px) { .ar-flex-section--key-figures .key-figures__icon--big { width: 200px; height: 250px; background-size: 200px auto; } } .ar-flex-section--key-figures .key-figures__icon--turnover { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Key_Figures/turnover.png'); } .ar-flex-section--key-figures .key-figures__icon--turnover-growth { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Key_Figures/turnover-growth.png'); } .ar-flex-section--key-figures .key-figures__icon--ebit { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Key_Figures/ebit.png'); } .ar-flex-section--key-figures .key-figures__icon--ebitda-growth { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Key_Figures/ebitda-growth.png'); } .ar-flex-section--key-figures .key-figures__icon--employees { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Key_Figures/employees.png'); } .ar-flex-section--key-figures .key-figures__icon--markets { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Key_Figures/markets.png'); } @media (min-width: 1200px) { .ar-flex-section--key-figures .key-figures__cover, .ar-flex-section--key-figures .key-figures__content { transition: all ease-in-out 0.25s; } } .ar-flex-section--key-figures .key-figures__cover { display: none; margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .ar-flex-section--key-figures .key-figures__cover { transition-duration: 0.2s; display: block; margin-bottom: 5vh; } .touch .ar-flex-section--key-figures .key-figures__cover { margin-bottom: 15vh; } } .ar-flex-section--key-figures .key-figures__content { display: table; width: 100%; max-width: 100%; } @media (min-width: 1200px) { .ar-flex-section--key-figures .key-figures__content { position: absolute; top: 0; left: 0; width: 100%; transition-duration: 0.3s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); pointer-events: none; opacity: 0; } } .ar-flex-section--key-figures .key-figures__content > div { display: table-cell; vertical-align: middle; padding: 64px 64px; text-align: center; } .ar-flex-section--key-figures .key-figures__content .content__close { display: none; } @media (min-width: 1200px) { .touch .ar-flex-section--key-figures .key-figures__content .content__close { display: inline-block; position: absolute; top: 0; right: 0; font-size: 16px; } .touch .ar-flex-section--key-figures .key-figures__content .content__close a { display: inline-block; border: none !important; padding: 40px; } .touch .ar-flex-section--key-figures .key-figures__content .content__close a svg { stroke: #fff !important; fill: #fff !important; } } @media (min-width: 1200px) and (min-width: 1800px) { .touch .ar-flex-section--key-figures .key-figures__content .content__close a { padding: 52px 56px; } } .ar-flex-section--key-figures .key-figures__content .chart-wrapper { max-width: 370px; margin-left: auto; margin-right: auto; margin-bottom: 9vh; } .ar-flex-section--key-figures .key-figures__content .chart-wrapper--last { margin-bottom: 0; } .ar-flex-section--key-figures .key-figures__content .chart__header { margin-bottom: 40px; } .ar-flex-section--key-figures .key-figures__content .chart__title { margin-bottom: 4px !important; font-size: 1.4rem; text-transform: uppercase; letter-spacing: 0.12857143em; line-height: 1.71; color: #fff; } .ar-flex-section--key-figures .key-figures__content .chart__desc { margin: 0; color: rgba(255, 255, 255, 0.7); font-size: 1.2rem; font-weight: 600; } .ar-flex-section--key-figures .key-figures__content .chart__canvas { min-height: 200px; } .ar-flex-section--key-figures .key-figures__content .chart__canvas canvas { max-width: 100%; } .ar-flex-section--key-figures .key-figures__content .chart-cta-wrapper { margin-top: 72px; } .ar-flex-section--key-figures .key-figures__content .chart-cta-wrapper .button { width: 232px; max-width: 100%; padding: 1.235em 3em 0.935em; font-size: 1.1rem; white-space: nowrap; } @media (min-width: 768px) { .ar-flex-section--key-figures .key-figures__content .chart-cta-wrapper .button { padding: 0.95em 3em 0.65em; font-size: 1rem; } } @media (min-width: 1200px) { .ar-flex-section--key-figures .flex-section__col.toggled { background-color: #333 !important; } .ar-flex-section--key-figures .flex-section__col.toggled .col__coating { background-color: rgba(255, 255, 255, 0) !important; } .ar-flex-section--key-figures .flex-section__col.toggled .key-figures__cover { opacity: 0; } .ar-flex-section--key-figures .flex-section__col.toggled .key-figures__content { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); } } @media (min-width: 1200px) { .no-touch .ar-flex-section--key-figures .flex-section__col:hover { background-color: #333 !important; } .no-touch .ar-flex-section--key-figures .flex-section__col:hover .col__coating { background-color: rgba(255, 255, 255, 0) !important; } .no-touch .ar-flex-section--key-figures .flex-section__col:hover .key-figures__cover { opacity: 0; } .no-touch .ar-flex-section--key-figures .flex-section__col:hover .key-figures__content { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); transform: translateY(0); } } @media (max-width: 1199px) { .ar-flex-section--key-figures, .ar-flex-section--key-figures .flex-section__col-wrapper, .ar-flex-section--key-figures .col__content { height: 100%; min-height: initial; max-height: initial; } .ar-flex-section--key-figures .flex-section__col { background-color: #333 !important; } .ar-flex-section--key-figures .flex-section__col--second { background-color: #404040 !important; } .ar-flex-section--key-figures .flex-section__col, .ar-flex-section--key-figures .flex-section__col .col__content, .ar-flex-section--key-figures .flex-section__col .col__content-inner { display: block; width: 100%; } .ar-flex-section--key-figures .flex-section__col .col__coating { background: none; } .ar-flex-section--key-figures .flex-section__col .col__content { position: relative; } } /* ANNUAL REPORT SECTION: TIMELINE ----------------------------------- */ .ar-flex-section--timeline { /*------------------------------------------------*\ Overrides \*------------------------------------------------*/ /*------------------------------------------------*\ Hero \*------------------------------------------------*/ /*------------------------------------------------*\ Body \*------------------------------------------------*/ /*------------------------------------------------*\ Timeline \*------------------------------------------------*/ /*------------------------------------------------*\ Timeline Segment Pattern \*------------------------------------------------*/ /*------------------------------------------------*\ Timeline Background Images \*------------------------------------------------*/ } @media (min-width: 768px) { .ar-flex-section--timeline, .ar-flex-section--timeline .inner--body .col__content { min-height: 860px; } } @media (min-width: 992px) { .ar-flex-section--timeline, .ar-flex-section--timeline .inner--body .col__content { height: 100%; max-height: 100%; } } @media (min-width: 992px) and (min-height: 924px) { .ar-flex-section--timeline, .ar-flex-section--timeline .inner--body .col__content { min-height: 100%; } } @media (min-width: 1800px) { .ar-flex-section--timeline, .ar-flex-section--timeline .inner--body .col__content { height: 100%; } } @media (min-width: 768px) { .ar-flex-section--timeline .col__content { position: absolute; top: 0; left: 0; width: 100%; } } .ar-flex-section--timeline .inner--hero { background-color: #1e1611; } .ar-flex-section--timeline .inner--hero .col__content-inner { vertical-align: middle; text-align: center; } @media (max-width: 1199px) { .ar-flex-section--timeline .inner--hero .col__content-inner { padding-bottom: 0; } } .ar-flex-section--timeline .inner--hero h2 { margin-left: auto; margin-right: auto; position: relative; left: -0.03em; font-family: Poppins,sans-serif;; font-size: 13.7rem; font-weight: 400; line-height: 1; letter-spacing: -0.07627737em; } @media (min-width: 480px) { .ar-flex-section--timeline .inner--hero h2 { font-size: 18.75rem; } } @media (min-width: 768px) { .ar-flex-section--timeline .inner--hero h2 { font-size: 27.4rem; } } .ar-flex-section--timeline .inner--body { padding-bottom: 255px !important; background-color: #1e1611; } @media (min-width: 768px) { .ar-flex-section--timeline .inner--body { padding-bottom: 465px !important; } } .ar-flex-section--timeline .inner--body .timeline-body:before, .ar-flex-section--timeline .inner--body .timeline-body:after { content: " "; /* 1 */ display: table; /* 2 */ } .ar-flex-section--timeline .inner--body .timeline-body:after { clear: both; } .ar-flex-section--timeline .inner--body .timeline-body:before, .ar-flex-section--timeline .inner--body .timeline-body:after { content: " "; /* 1 */ display: table; /* 2 */ } .ar-flex-section--timeline .inner--body .timeline-body:after { clear: both; } .ar-flex-section--timeline .ar-timeline { padding-left: 40px; padding-right: 40px; } @media (min-width: 768px) { .ar-flex-section--timeline .ar-timeline { padding-left: 80px; padding-right: 80px; } } @media (min-width: 768px) { .ar-flex-section--timeline .ar-timeline { margin-top: -288px; } } .ar-flex-section--timeline .ar-timeline-item { position: relative; padding-top: 80px; } .ar-flex-section--timeline .ar-timeline-item, .ar-flex-section--timeline .ar-timeline-item__body, .ar-flex-section--timeline .ar-timeline-item__line { height: 225px; } .ar-flex-section--timeline .ar-timeline-item__body, .ar-flex-section--timeline .ar-timeline-item__line { position: absolute; left: 0; right: 0; } .ar-flex-section--timeline .ar-timeline-item__body, .ar-flex-section--timeline .ar-timeline-item__line:after { transition: all ease-in-out 0.25s; transition-duration: 0.3s; -webkit-transform: translateZ(0); transform: translateZ(0); } .ar-flex-section--timeline .ar-timeline-item__body { left: 34px; bottom: -168px; z-index: 1; width: 400px; margin-left: auto; margin-right: auto; text-align: center; opacity: 0.6; } .ar-flex-section--timeline .ar-timeline-item__body h3 { padding-bottom: 8px; font-size: 3.4rem; line-height: 1.15; font-weight: 400; border-bottom: 1px solid rgba(255, 130, 23, 0.35); } @media (min-width: 1200px) { .ar-flex-section--timeline .ar-timeline-item__body p { font-size: 1.7rem; } } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="1"] { bottom: -181px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="1"] .ar-timeline-item__header { height: 58px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="2"] { bottom: -139px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="2"] .ar-timeline-item__header { height: 100px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="3"] { bottom: -99px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="3"] .ar-timeline-item__header { height: 140px; } @media (max-width: 1199px) { .ar-flex-section--timeline .ar-timeline-item__body { left: 0; bottom: -183px; width: 100%; max-width: 350px; } .ar-flex-section--timeline .ar-timeline-item__body * { text-shadow: 0 0 5px rgba(30, 22, 17, 0.5); } .ar-flex-section--timeline .ar-timeline-item__body h3 { padding-bottom: 16px; font-size: 2.4rem; line-height: 1.29; } .ar-flex-section--timeline .ar-timeline-item__body .desc { line-height: 1.5; font-size: 1.6rem; } .ar-flex-section--timeline .ar-timeline-item__body .ar-timeline-item__header { margin-bottom: 20px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="1"] { bottom: -183px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="1"] .ar-timeline-item__header { height: 43px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="2"] { bottom: -152px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="2"] .ar-timeline-item__header { height: 74px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="3"] { bottom: -123px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="3"] .ar-timeline-item__header { height: 103px; } } @media (max-width: 1199px) and (min-width: 480px) { .ar-flex-section--timeline .ar-timeline-item__body .desc { font-size: 1.4rem; } } @media (max-width: 479px) { .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="1"] { bottom: -187px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="1"] .ar-timeline-item__header { height: 39px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="2"] { bottom: -159px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="2"] .ar-timeline-item__header { height: 67px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="3"] { bottom: -133px; } .ar-flex-section--timeline .ar-timeline-item__body[data-title-lines="3"] .ar-timeline-item__header { height: 93px; } } .ar-flex-section--timeline .ar-timeline-item__line { top: 0; z-index: 0; margin-left: auto; margin-right: auto; width: 176px; height: 225px; background: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Timeline/timeline.svg?234') no-repeat; background-size: 176px auto; } .ie-11 .ar-flex-section--timeline .ar-timeline-item__line, .lt-ie11 .ar-flex-section--timeline .ar-timeline-item__line { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Timeline/timeline@2x.png'); } .ar-flex-section--timeline .ar-timeline-item__line:after { content: ''; display: block; width: 16px; height: 16px; margin: -8px auto; position: absolute; bottom: 0; left: 0; right: 0; border-radius: 50%; background-color: #A5181C; } @media (max-width: 1199px) { .ar-flex-section--timeline .ar-timeline-item__line:after { -webkit-transform: scale(0.75); transform: scale(0.75); } } .ar-flex-section--timeline .ar-timeline-item.highlight .ar-timeline-item__body { opacity: 1; } .ar-flex-section--timeline .ar-timeline-item.highlight .ar-timeline-item__line:after { -webkit-transform: scale(1.25); transform: scale(1.25); } @media (min-width: 1200px) { .ar-flex-section--timeline .ar-timeline-item.highlight .ar-timeline-item__line:after { -webkit-transform: scale(2.15); transform: scale(2.15); } } .ar-flex-section--timeline .ar-timeline > span > div { /****** Set the basic timeline curve ******/ /****** Special fading curve line on the first item ******/ /*************************************************** * * Content Alignment > Tablet * */ } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+2) .ar-timeline-item__line { background-position: 0 -225px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+2) .ar-timeline-item__line:after { left: -140px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+3) .ar-timeline-item__line { background-position: 0 -450px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+3) .ar-timeline-item__line:after { left: 2px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+4) .ar-timeline-item__line { background-position: 0 -675px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+4) .ar-timeline-item__line:after { left: 140px; } .ar-flex-section--timeline .ar-timeline > span > div:first-child .ar-timeline-item__line { background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Timeline/timeline-top-short@2x.png'); } @media (min-width: 768px) { .ar-flex-section--timeline .ar-timeline > span > div:first-child .ar-timeline-item__line { top: -225px; height: 450px; background-image: url('https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/icons/Arsredovisning/Timeline/timeline-top-long@2x.png'); background-position: 0; } } @media (min-width: 1200px) { .ar-flex-section--timeline .ar-timeline > span > div { /****** Set the base odd/even content alignments ******/ /****** Set alignment according to curve ******/ } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(odd) .ar-timeline-item__body { text-align: right; right: 488px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(odd) .ar-timeline-item__body > * { padding-right: 45px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(even) .ar-timeline-item__body { text-align: left; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(even) .ar-timeline-item__body > * { padding-left: 45px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+2) .ar-timeline-item__body { left: 312px; } .ar-flex-section--timeline .ar-timeline > span > div:nth-child(4n+4) .ar-timeline-item__body { left: 594px; } } .ar-flex-section--timeline .ar-timeline-bg__image { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all ease-in-out; transition-duration: 0.65s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; pointer-events: none; } @media (min-width: 768px) { .ar-flex-section--timeline .ar-timeline-bg__image { background-size: cover; } } .ar-flex-section--timeline .ar-timeline-bg__image img { display: none; } .ar-flex-section--timeline .ar-timeline-bg.loaded .ar-timeline-bg__image.in { opacity: 0.17 !important; transition-delay: 0s; } /* ANNUAL REPORT SECTION: MARKET OVERVIEW -------------------------------------- */ .ar-flex-section--market-overview { /*-------------------------------------*\ Reset default grid, paddings etc \*-------------------------------------*/ /*------------------------------------------------*\ Styling \*------------------------------------------------*/ /*------------------------------------------------*\ Stat box \*------------------------------------------------*/ } @media (min-width: 768px) and (max-height: 1000px) { .ar-flex-section--market-overview, .ar-flex-section--market-overview .flex-section__col-wrapper, .ar-flex-section--market-overview .col__content { height: inherit !important; min-height: 0 !important; } } @media (min-width: 768px) { .ar-flex-section--market-overview, .ar-flex-section--market-overview .flex-section__col-wrapper, .ar-flex-section--market-overview .col__content { min-height: 0; } } @media (max-width: 767px) { .ar-flex-section--market-overview .flex-section__col--first .col__content-inner { padding-bottom: 128px; } } .ar-flex-section--market-overview .flex-section__col--second { vertical-align: top; padding-top: 0; padding-bottom: 64px; padding-left: 40px; padding-right: 40px; } @media (min-width: 768px) { .ar-flex-section--market-overview .flex-section__col--second { padding-top: 144px; padding-bottom: 80px; padding-right: 112px; } } .ar-flex-section--market-overview h2.col__heading { margin-bottom: 16px; font-size: 2.8rem; line-height: 1.29; } .ar-flex-section--market-overview .ar-stat-box-wrapper { max-width: 28rem; margin-left: auto; margin-right: auto; margin-bottom: 64px; } @media (min-width: 768px) { .ar-flex-section--market-overview .ar-stat-box-wrapper { margin-right: 0; margin-bottom: 128px; } } .ar-flex-section--market-overview .ar-stat-box__inner { text-align: center; } .ar-flex-section--market-overview .ar-stat-box__big-figure { margin-bottom: 12px; font-size: 3.6rem; font-weight: 600; line-height: 1; } .ar-flex-section--market-overview .ar-stat-box__figure-description { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; font-size: 1.2rem; } .tag-link .ar-flex-section--market-overview .ar-stat-box__figure-description { color: inherit; } .ar-flex-section--market-overview .ar-stat-box__context { margin-top: 22.4px; padding-top: 22.4px; border-top: 3px solid #A5181C; font-size: 1.4rem; line-height: 1.44; color: rgba(255, 255, 255, 0.6) !important; } /* ANNUAL REPORT SECTION: OUR OFFER ----------------------------------- */ .ar-flex-section--our-offer { /*------------------------------------------------*\ Overrides \*------------------------------------------------*/ /*------------------------------------------------*\ Styling \*------------------------------------------------*/ } @media (min-width: 768px) { .ar-flex-section--our-offer .flex-section__col--first .col__content-inner { padding-top: 15rem; padding-bottom: 10rem; } } .ar-flex-section--our-offer .flex-section__col--second .col__content-inner { padding-top: 0 !important; } @media (min-width: 992px) and (max-width: 1199px) { .ar-flex-section--our-offer .flex-section__col .col-grid__col { padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px) { .ar-flex-section--our-offer .flex-section__col { display: block; width: 100%; } .ar-flex-section--our-offer .flex-section__col-wrapper { display: block; } .ar-flex-section--our-offer .flex-section__col .col__content { float: none; margin-left: auto; margin-right: auto; position: relative; } } .ar-flex-section--our-offer .flex-section__col--first .col__content-inner > p:first-child { margin-bottom: 32px; font-size: 112%; font-weight: 600; line-height: 1.29; } .ar-flex-section--our-offer .col__icon--external-link { margin-top: 48px; } .ar-flex-section--our-offer .flex-section__col--first { background-color: #727783; } .ar-flex-section--our-offer .flex-section__col--second { background-color: #6db61e; } @media (min-width: 480px) { .ar-flex-section--our-offer .flex-section__col--second .col-grid:nth-child(odd) .col-grid__col:nth-child(even) { background-color: #7abc30; } .ar-flex-section--our-offer .flex-section__col--second .col-grid:nth-child(even) .col-grid__col:nth-child(odd) { background-color: #7abc30; } } @media (max-width: 479px) { .ar-flex-section--our-offer .flex-section__col--second .col-grid:nth-child(odd) .col-grid__col:nth-child(odd) { background-color: #6db61e; } .ar-flex-section--our-offer .flex-section__col--second .col-grid:nth-child(even) .col-grid__col:nth-child(odd) { background-color: #7abc30; } } @media (min-width: 992px) and (max-width: 1199px) { .ar-flex-section--our-offer .col-grid__col--heading h3 { font-size: 2.3rem; } .ar-flex-section--our-offer .col-grid__col .col-icon { margin-left: auto; margin-right: auto; width: 100%; background-size: auto 70px; } .ar-flex-section--our-offer .col-grid__col h4 { font-size: 1.2rem; } } /* ANNUAL REPORT SECTION: #TEAMISTONE ----------------------------------- */ .ar-flex-section--teamistone { background-color: #303842 !important; /*------------------------------------------------*\ Overrides \*------------------------------------------------*/ /*------------------------------------------------*\ Styling \*------------------------------------------------*/ /*------------------------------------------------*\ Styling & Overrides \*------------------------------------------------*/ } @media (min-width: 768px) and (max-height: 1000px) { .ar-flex-section--teamistone, .ar-flex-section--teamistone .flex-section__col-wrapper, .ar-flex-section--teamistone .col__content { height: inherit !important; min-height: 0 !important; } } @media (min-width: 768px) { .ar-flex-section--teamistone, .ar-flex-section--teamistone .flex-section__col-wrapper, .ar-flex-section--teamistone .col__content { min-height: 0; } .hs-inline-edit .ar-flex-section--teamistone, .hs-inline-edit .ar-flex-section--teamistone .flex-section__col-wrapper, .hs-inline-edit .ar-flex-section--teamistone .col__content { min-height: 860px; } } .ar-flex-section--teamistone .ar-grid { height: inherit; /*------------------------------------------------*\ Stacked layout \*------------------------------------------------*/ /*------------------------------------------------*\ Table grid layout \*------------------------------------------------*/ } .hs-inline-edit .ar-flex-section--teamistone .ar-grid { height: 860px; } .ar-flex-section--teamistone .ar-grid__col { width: 100%; height: 100%; min-height: 128px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: rgba(48, 56, 66, 0.22); background-blend-mode: overlay; } .ar-flex-section--teamistone .ar-grid__col.bg-color-green { background-color: #A5181C; } .ar-flex-section--teamistone .ar-grid__col.bg-color-grey { background-color: #727783; } @media (max-width: 767px) { .ar-flex-section--teamistone .ar-grid__col.bg-color-grey-variation { background-color: #646873; } } .ar-flex-section--teamistone .ar-grid__col.centered { text-align: center; } @media (max-width: 767px) { .ar-flex-section--teamistone .ar-grid:before, .ar-flex-section--teamistone .ar-grid:after { content: " "; /* 1 */ display: table; /* 2 */ } .ar-flex-section--teamistone .ar-grid:after { clear: both; } .ar-flex-section--teamistone .ar-grid:before, .ar-flex-section--teamistone .ar-grid:after { content: " "; /* 1 */ display: table; /* 2 */ } .ar-flex-section--teamistone .ar-grid:after { clear: both; } .ar-flex-section--teamistone .ar-grid__row { display: inline; } .ar-flex-section--teamistone .ar-grid__col { float: left; vertical-align: middle; background-color: rgba(48, 56, 66, 0.6); } .ar-flex-section--teamistone .ar-grid__col--stacked-1 { width: 25%; } .ar-flex-section--teamistone .ar-grid__col--stacked-2 { width: 50%; } .ar-flex-section--teamistone .ar-grid__col--stacked-2 .ar-grid__col--stacked-1 { width: 50%; } .ar-flex-section--teamistone .ar-grid__col--stacked-3 { width: 75%; } .ar-flex-section--teamistone .ar-grid__col--stacked-4 { width: 100%; } .ar-flex-section--teamistone .ar-grid > .ar-grid__row--1, .ar-flex-section--teamistone .ar-grid > .ar-grid__row--2 > .ar-grid__col--1, .ar-flex-section--teamistone .ar-grid > .ar-grid__row--2 > .ar-grid__col--2 { display: none; } .ar-flex-section--teamistone .ar-grid > .ar-grid__row--2 .col__content-inner { padding-top: 256px; } } @media (min-width: 768px) { .ar-flex-section--teamistone .ar-grid__row { display: table; width: 100%; height: 100%; } .ar-flex-section--teamistone .ar-grid__row--1 { height: 25%; } .ar-flex-section--teamistone .ar-grid__row--1 .ar-grid__row--1 { height: 100%; } .ar-flex-section--teamistone .ar-grid__row--2 { height: 50%; } .ar-flex-section--teamistone .ar-grid__row--2 .ar-grid__row--1 { height: 50%; } .ar-flex-section--teamistone .ar-grid__row--2 .ar-grid__row--2 { height: 100%; } .ar-flex-section--teamistone .ar-grid__col { display: table-cell; vertical-align: top; } .ar-flex-section--teamistone .ar-grid__col--1 { width: 16.66666667%; } .ar-flex-section--teamistone .ar-grid__col--2 { width: 33.33333333%; } .ar-flex-section--teamistone .ar-grid__col--3 { width: 50%; } .ar-flex-section--teamistone .ar-grid__col--4 { width: 66.66666667%; } .ar-flex-section--teamistone .ar-grid__col--5 { width: 83.33333333%; } .ar-flex-section--teamistone .ar-grid__col--6 { width: 100%; } .ar-flex-section--teamistone .ar-grid__col.middle-aligned { vertical-align: middle; } .ar-flex-section--teamistone .ar-grid__col.bottom-aligned { vertical-align: bottom; } } @media (min-width: 768px) and (min-width: 768px) and (max-height: 1000px) { .ar-flex-section--teamistone .ar-grid__row--1 { height: 250px; } } .ar-flex-section--teamistone .incentive__subtitle { display: none; opacity: 0.7; } .ar-flex-section--teamistone .incentive__title { margin: 48px 20px; font-family: Poppins,sans-serif;; font-size: 1.8rem; font-weight: 400; line-height: 1.33; vertical-align: bottom; } @media (max-width: 479px) { .ar-flex-section--teamistone .incentive__title { height: 2rem; } } @media (min-width: 768px) { .ar-flex-section--teamistone .incentive__title { margin-top: 48px; margin-left: 30px; margin-right: 30px; font-size: 2.1rem; } } @media (min-width: 992px) { .ar-flex-section--teamistone .incentive__subtitle { margin-bottom: 32px; font-size: 1.2rem; } .ar-flex-section--teamistone .incentive__title { font-size: 2.7rem; } } @media (min-width: 1200px) { .ar-flex-section--teamistone .incentive__subtitle { font-size: 1.4rem; } } @media (min-width: 1600px) { .ar-flex-section--teamistone .incentive__subtitle { margin-top: -16px; margin-bottom: 48px; } } .ar-flex-section--teamistone .col__content-inner { display: block; } .ar-flex-section--teamistone .ar-article-link { max-width: 810px; margin-left: auto; margin-right: auto; } @media (min-width: 1600px) { .ar-flex-section--teamistone .ar-article-link { margin-bottom: 40px !important; margin-left: 5%; margin-right: 5%; } } @media (min-width: 768px) and (max-width: 991px) { .ar-flex-section--teamistone .ar-article-link .col__desc { font-size: 1.8rem; } } /* ANNUAL REPORT SECTION: CASE STUDIES ----------------------------------- */ .ar-flex-section--case-studies { /*------------------------------------------------*\ Module Specific \*------------------------------------------------*/ } .ar-flex-section--case-studies .case__teaser > *:first-child { margin-top: 0 !important; } .ar-flex-section--case-studies .case__teaser > *:last-child { margin-bottom: 0 !important; } .ar-flex-section--case-studies .case__more, .ar-flex-section--case-studies .case .col__icon { transition: all ease-in-out 0.25s; transition-duration: 0.3s; } .ar-flex-section--case-studies .case__more { display: block; overflow: hidden; height: 0; opacity: 0; } .ar-flex-section--case-studies .case__more-inner { margin-top: 0; } .ar-flex-section--case-studies .case__more h3 { margin-bottom: 32px !important; font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; font-size: 1.8rem; color: #A5181C !important; } .tag-link .ar-flex-section--case-studies .case__more h3 { color: inherit; } .ar-flex-section--case-studies .case__form form { position: relative; max-width: 450px; vertical-align: top; } .ar-flex-section--case-studies .case__form .hs_email > label { display: none; } .ar-flex-section--case-studies .case__form .hs_email input { height: 49px; max-width: calc(100% - 16px - 16px - 16px); padding-left: 32px; border-top-left-radius: 48px; border-bottom-left-radius: 48px; font-size: 1.8rem; line-height: 1.7; border: none; } @media (min-width: 768px) { .ar-flex-section--case-studies .case__form .hs_email input { height: 56px; padding-left: 48px; } } .ar-flex-section--case-studies .case__form .hs_email input:focus { box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0); } .ar-flex-section--case-studies .case__form input[type="submit"] { height: 49px; background: #A5181C !important; color: #fff !important; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14) !important; min-width: 12.8rem; padding: 0.824em 1.41176471em; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; margin: 0; padding-left: 32px; padding-right: 32px; } .ar-flex-section--case-studies .case__form input[type="submit"]:focus, .ar-flex-section--case-studies .case__form input[type="submit"]:hover, .ar-flex-section--case-studies .case__form input[type="submit"]:active { color: #fff !important; } .ar-flex-section--case-studies .case__form input[type="submit"]:hover { background: #fff !important; color: #A5181C !important; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18) !important; } .ar-flex-section--case-studies .case__form input[type="submit"]:active { background: #f3f2f5 !important; color: #A5181C !important; box-shadow: none !important; } .touch .ar-flex-section--case-studies .case__form input[type="submit"]:hover { background: #A5181C !important; color: #fff !important; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14) !important; } .touch .ar-flex-section--case-studies .case__form input[type="submit"]:active { background: #fafafc !important; color: #A5181C !important; box-shadow: none !important; } .ar-flex-section--case-studies .case__form input[type="submit"], .ar-flex-section--case-studies .case__form input[type="submit"] * { font-size: 1.7rem; line-height: 1.17647059; font-weight: 600; font-weight: 500; } @media (min-width: 768px) { .ar-flex-section--case-studies .case__form input[type="submit"] { height: 56px; } } .ar-flex-section--case-studies .case__form .hs_submit { position: absolute; top: 0; right: 0; margin-top: 0; } .ar-flex-section--case-studies .case__form .hs-error-msgs { text-align: center; } .ar-flex-section--case-studies .case__heading { margin-bottom: 16px; font-size: 2.8rem; line-height: 1.29; } .ar-flex-section--case-studies .case__company { margin-bottom: 16px; } @media (min-width: 768px) { } .ar-flex-section--case-studies .flex-section__col.toggled .col__icon { opacity: 0 !important; } .ar-flex-section--case-studies .flex-section__col.toggled .case__more { display: block; opacity: 1; height: 140px; } @media (min-width: 768px) { .ar-flex-section--case-studies .flex-section__col.toggled .case__more { height: 140px; } } .ar-flex-section--case-studies .submitted-message { background-color: #A5181C; font-size: 1.8rem; } /* ANNUAL REPORT SECTION: DOWNLOAD REPORT -------------------------------------- */ .ar-flex-section--download-report { /*------------------------------------------------*\ Overrides \*------------------------------------------------*/ /*------------------------------------------------*\ Module Specific \*------------------------------------------------*/ } @media (min-width: 768px) and (max-height: 900px) { .ar-flex-section--download-report, .ar-flex-section--download-report .flex-section__col-wrapper, .ar-flex-section--download-report .col__content { min-height: 860px; } } @media (max-width: 991px) { .ar-flex-section--download-report .flex-section__col .col__content { min-height: 0; } } .ar-flex-section--download-report .flex-section__col .col__content-inner { vertical-align: top; } @media (min-width: 768px) { .ar-flex-section--download-report .flex-section__col .col__content-inner { padding-top: 15rem; padding-bottom: 15rem; } } @media (min-width: 992px) { } @media (min-width: 992px) and (min-height: 900px) { .ar-flex-section--download-report .flex-section__col .col__content-inner { padding-top: 24vh; } } @media (min-width: 992px) and (min-height: 1200px) { .ar-flex-section--download-report .flex-section__col .col__content-inner { padding-top: 29vh; } } .hs-inline-edit .ar-flex-section--download-report .flex-section__col { vertical-align: top; } .hs-inline-edit .ar-flex-section--download-report .flex-section__col .col__content-inner { padding-top: 150px !important; } @media (max-width: 991px) { .ar-flex-section--download-report .flex-section__col { display: block; width: 100%; } .ar-flex-section--download-report .flex-section__col-wrapper { display: block; } .ar-flex-section--download-report .flex-section__col .col__content { float: none; margin-left: auto; margin-right: auto; position: relative; } } .ar-flex-section--download-report .flex-section__col--first { background-color: #6db61e; } .ar-flex-section--download-report .flex-section__col--second { background-color: #7abc30; } .ar-flex-section--download-report .col__content-inner { text-align: center; } @media (min-width: 768px) { .ar-flex-section--download-report .col__info { min-height: 9rem; } } @media (min-width: 992px) { .ar-flex-section--download-report .col__info { min-height: 10.5rem; } } @media (max-width: 1199px) { .ar-flex-section--download-report .col__info { font-size: 1.8rem; } } .ar-flex-section--download-report fieldset + .hs_submit { margin-top: 0; } /**************************************************** - Download & Sharing Content Offer Widget ****************************************************/ /* Custom Module: Form Yoyo --------------------------- The Form Yoyo drags the user back to the form ~_O Visible only in stacked layout mode where the user potentially can scroll beyond the form. */ .widget-type-form:first-of-type { transition: background-color ease-in-out 0.5s; } .widget-type-form:first-of-type.highlight { background-color: #ffecdc; transition-duration: 0.15s; } .form-yoyo { margin-top: 32px; } .form-yoyo a { display: block; text-align: center; border: none !important; padding: 32px; background-color: rgba(161, 162, 166, 0.08); color: #a1a2a6; } .form-yoyo a svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .form-yoyo a:active { background-color: rgba(161, 162, 166, 0.12); color: #727783; } .form-yoyo a:active svg { stroke: #727783 !important; fill: #727783 !important; } .no-touch .form-yoyo a:hover { background-color: rgba(161, 162, 166, 0.12); color: #727783; } .no-touch .form-yoyo a:hover svg { stroke: #727783 !important; fill: #727783 !important; } .form-yoyo__icon { display: block; } .form-yoyo__icon .icon-arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .form-yoyo__label { display: inline-block; font-size: 1.4rem; } .form-yoyo .emoji { font-size: 3rem; } @media (min-width: 992px) { .form-yoyo { display: none; } .hs-inline-edit .form-yoyo { display: block; } } /* Hack to give columns correct padding */ .page-center .col { min-height: 1px !important; } /***************************** * * General Overrides * */ .blog-page { /* The inner wrappers of your website */ } .blog-page .page-hero.fg-dark .author-link { text-decoration: none; color: #4f5a69; border-bottom: 2px solid rgba(79, 90, 105, 0); transition: all, ease-in-out, 0.2s; } .blog-page .page-hero.fg-dark .author-link * { transition: none; } .blog-page .page-hero.fg-dark .author-link:hover, .blog-page .page-hero.fg-dark .author-link:focus { text-decoration: none; color: #4f5a69; } .blog-page .page-hero.fg-dark .author-link:hover { border-bottom: 2px solid rgba(79, 90, 105, 0.5); } .blog-page .page-hero.fg-dark .author-link:active, .blog-page .page-hero.fg-dark .author-link:active * { transition-duration: 0.1s; } .blog-page .page-hero.fg-dark .author-link:active * { color: inherit; } .blog-page .fixed-header { background-color: #fff; } .blog-page .post-listing--compact { padding-left: 20px; padding-right: 20px; background: #fff; padding: 28px 24px; } @media (min-width: 480px) { .blog-page .post-listing--compact { padding-left: 30px; padding-right: 30px; } } .blog-page .post-listing--compact:before, .blog-page .post-listing--compact:after { content: " "; /* 1 */ display: table; /* 2 */ } .blog-page .post-listing--compact:after { clear: both; } .blog-page .post-listing--compact:before, .blog-page .post-listing--compact:after { content: " "; /* 1 */ display: table; /* 2 */ } .blog-page .post-listing--compact:after { clear: both; } .blog-page .post-listing--compact > div { margin-bottom: 16px; } .blog-page .post-listing--compact > div:last-child { margin-bottom: 0; } @media (min-width: 768px) { .blog-page .post-listing--compact > div { float: left; width: 33.33333333%; margin-bottom: 0; } } .blog-page .post-listing--compact .item__img { display: none; } .blog-page .post-listing--compact .item__title { margin-bottom: 0; font-size: 1.7rem; } .blog-page .post-listing--compact .item__title a { color: #4f5a69; border: none; } .blog-page .post-listing--compact .item__title a:hover, .blog-page .post-listing--compact .item__title a:focus { border: none !important; text-decoration: none !important; } .blog-page .post-listing--compact .item__title a:focus { color: #4f5a69; } .blog-page .post-listing--compact .item__title a:active { color: #A5181C; border: none; text-decoration: none; } .no-touch .blog-page .post-listing--compact .item__title a:hover { color: #A5181C; } .no-touch .blog-page .post-listing--compact .item__title a:active { color: rgba(255, 130, 23, 0.75); } .blog-page .post-listing--compact .item__body { display: none; } .blog-page .post-listing--compact .item__body > *:first-child { margin-top: 0 !important; } .blog-page .post-listing--compact .item__body > *:last-child { margin-bottom: 0 !important; } .blog-page .post-listing--compact .item__body, .blog-page .post-listing--compact .item__body * { font-size: 1.4rem; } @media (min-width: 768px) { .blog-page .post-listing--compact .item__title { margin-bottom: 16px; } .blog-page .post-listing--compact .item__body { display: block; } } /* Post and Listing page */ .blog-section .post-header > h2 { margin-bottom: 20px; } .blog-section .post-footer { margin-top: 16px; } .blog-section .post-footer .topic-link { margin-left: 2px; } /*--------------------------------*\ Topic Listing \*--------------------------------*/ ul.topics { margin: 0; padding: 0; list-style: none; line-height: 1; } ul.topics li { margin: 0; padding: 0; display: inline-block; } ul.topics li:after { content: '/'; color: #f3f2f5; margin-left: 5px; margin-right: 2px; font-size: 78%; font-weight: 600; line-height: 0; } ul.topics li:last-child:after { display: none; } /* BLOG PAGE: BLOG TOP BAR ----------------------- */ @media (max-width: 767px) { .blog-page .secondary-bar { padding-left: 0; padding-right: 0; } } .blog-page.ninjascroll-active .fixed-header { background-color: #fff; } .blog-bar { height: 44px; position: relative; /*-----------------------------------------*\ When Fixed Top Bar is expanded - Remove outlines on ghost buttons \*-----------------------------------------*/ } @media (min-width: 480px) { .blog-bar { height: 54px; } } .blog-bar__inner { display: table; height: inherit; width: 100%; position: relative; } .blog-bar__left, .blog-bar__middle, .blog-bar__right { display: table-cell; vertical-align: middle; height: inherit; } @media (min-width: 480px) { .blog-bar__left, .blog-bar__middle, .blog-bar__right { padding-top: 0; } } @media (min-width: 768px) { } @media (min-width: 992px) { } .blog-bar__left > span, .blog-bar__middle > span, .blog-bar__right > span { display: inline-block; vertical-align: top; height: inherit; } .blog-bar__left, .blog-bar__right { width: 50%; white-space: nowrap; } .blog-bar__middle { display: none; } @media (min-width: 768px) { .blog-bar__left, .blog-bar__right { width: 20%; } .blog-bar__middle { display: table-cell; width: 60%; padding: 0 32px; text-align: center; } } .blog-bar__left > span { margin-right: 4px; } @media screen and (min-width: 480px) { .blog-bar__left > span { margin-right: 8px; } } .blog-bar__right { text-align: right; } @media (min-width: 768px) { .blog-bar__right { padding-right: 2px; } } .blog-bar__right > span { margin-left: 8px; } .blog-bar a.ghost { box-shadow: none !important; height: inherit; margin: 0; padding-top: 1em; padding-bottom: 1em; border-radius: 0; border: none; letter-spacing: 0.05em; } .blog-bar a.ghost, .blog-bar a.ghost span { font-size: 1.2rem; line-height: 2.2rem; } @media screen and (min-width: 480px) { .blog-bar a.ghost { top: 0; padding-top: 1.4rem; } .blog-bar a.ghost, .blog-bar a.ghost span { font-size: 1.1rem; line-height: 2.8rem; } } @media screen and (min-width: 768px) { .blog-bar a.ghost, .blog-bar a.ghost span { line-height: 5.2rem; } } .blog-bar a.ghost:hover, .blog-bar a.ghost:active { background: none !important; } .blog-bar svg.icon { vertical-align: middle; margin-right: 0.6rem; } .blog-bar svg.icon.icon-arrow-left { stroke: #fff !important; fill: #fff !important; height: 18px; top: 0.2rem; left: 0; } @media (min-width: 480px) { .blog-bar svg.icon.icon-arrow-left { top: 0.1rem; } } .blog-bar svg.icon.icon-filter { width: 2.8rem; height: 2.8rem; top: -0.2rem; } .blog-bar svg.icon.icon-envelope { width: 2.7rem; height: 2.7rem; top: -0.2rem; } .blog-bar svg.icon.icon-share { width: 2.2rem; height: 2.2rem; top: -0.4rem; margin-right: 0.4rem; } @media (min-width: 480px) { .blog-bar svg.icon.icon-filter { width: 2.8rem; height: 2.8rem; top: -0.2rem; } .blog-bar svg.icon.icon-envelope { top: -0.1rem; } .blog-bar svg.icon.icon-share { top: -0.3rem; } } .blog-bar__title { display: none; text-align: center; cursor: pointer; } .blog-bar__title .caption { display: inline-block; overflow: hidden; height: 1.8em; line-height: 2.8em; color: #0c5394; text-overflow: ellipsis; } @media (min-height: 800px) { .blog-bar__title .caption { height: 1.8em; line-height: 2.5em; } } @media (min-width: 768px) { .blog-bar__title { display: inline !important; } } @media screen and (min-width: 480px) { .hs-blog-listing .blog-bar__filter { margin-left: 1.2rem; } } @media screen and (min-width: 768px) { .hs-blog-listing .blog-bar__filter { margin-left: -2rem; } } @media screen and (min-width: 1200px) { .hs-blog-listing .blog-bar__filter { margin-left: 1rem; } } .blog-bar__filter a.ghost { padding-right: 0.5rem !important; line-height: 1; } @media screen and (min-width: 768px) { .blog-bar__filter a.ghost { padding-top: 0.2rem; } } .hs-blog-post .blog-bar__filter a.ghost { padding-left: 1rem !important; } @media (max-width: 479px) { .hs-blog-post .blog-bar__filter a.ghost { margin-left: -1rem; } } @media screen and (min-width: 992px) { .hs-blog-post .blog-bar__filter a.ghost { padding-top: 1.7em; } } .blog-bar__filter .long-label, .blog-bar__filter .short-label { display: none; } @media (min-width: 480px) { .hs-blog-listing .blog-bar__filter .short-label { display: inline; } } .blog-bar__subscribe a.ghost, .blog-bar__share a.ghost { color: #303842; border: none; } .blog-bar__subscribe a.ghost:hover, .blog-bar__share a.ghost:hover, .blog-bar__subscribe a.ghost:focus, .blog-bar__share a.ghost:focus { border: none !important; text-decoration: none !important; } .blog-bar__subscribe a.ghost:focus, .blog-bar__share a.ghost:focus { color: #303842; } .blog-bar__subscribe a.ghost:active, .blog-bar__share a.ghost:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .blog-bar__subscribe a.ghost:hover, .no-touch .blog-bar__share a.ghost:hover { color: #0c5394; } .no-touch .blog-bar__subscribe a.ghost:active, .no-touch .blog-bar__share a.ghost:active { color: rgba(14, 58, 94, 0.75); } @media (min-width: 768px) { .blog-bar__subscribe a.ghost, .blog-bar__share a.ghost { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; } } @media (max-width: 479px) { .blog-bar__subscribe svg, .blog-bar__share svg { display: none; } } .blog-bar__subscribe a { padding-left: 0.5rem !important; padding-right: 0.6rem !important; } @media (min-width: 480px) { .blog-bar__subscribe a { padding-right: 1.1rem !important; } } .blog-bar__share { position: relative; } .blog-bar__share:before { content: ''; display: block; position: absolute; top: 25%; left: -0.7rem; height: 50%; border-left: 1px solid rgba(161, 162, 166, 0.4); } .blog-bar__share a { padding-left: 0.6rem !important; padding-right: 2.5rem; } @media (min-width: 480px) { .blog-bar__share a { padding-left: 1rem !important; padding-right: 25px !important; } } .top-navigation .blog-bar__share a { padding-right: 20px !important; } @media (min-width: 992px) { .top-navigation .blog-bar__share a { padding-right: 25px !important; } } .blog-bar__back-nav { height: 44px; min-height: 1px; width: 54px; } @media (min-width: 480px) { .blog-bar__back-nav { height: 54px; } } .blog-bar__back-nav a { position: absolute; top: 0; left: 0; display: flex; height: inherit; width: 44px; background: #727783; color: #fff; padding: 0.55em 0.8em; border: none; } @media screen and (min-width: 480px) { .blog-bar__back-nav a { width: 54px; padding: 1.1em 1em; } } .blog-bar__back-nav a:active { background-color: #727783; border: none; } .no-touch .blog-bar__back-nav a:hover { background-color: #a1a2a6; border: none; } .no-touch .blog-bar__back-nav a:active { background-color: #94959a; } .blog-bar__progress { position: absolute; left: 0; right: 0; bottom: 0; height: 0 !important; z-index: 1; } .blog-bar__progress .ninjascroll { position: absolute; top: 0; left: 0; right: 0; background: rgba(161, 162, 166, 0.25) !important; height: 3px !important; transition: all ease-in-out 0.25s; } .blog-bar__progress .ninjascroll__progress { background: #A5181C !important; height: 3px !important; } @media (min-width: 480px) { .blog-bar__progress .ninjascroll { height: 3px !important; } .blog-bar__progress .ninjascroll__progress { height: 3px !important; } } @media (min-width: 480px) and (min-height: 800px) { .blog-bar__progress .ninjascroll { height: 4px !important; } .blog-bar__progress .ninjascroll__progress { height: 4px !important; } } .no-touch .blog-bar__progress .ninjascroll { opacity: 0; } .no-touch .blog-bar__progress .ninjascroll.active { opacity: 1; } .fixed-top-nav-expanded .blog-bar .btn.ghost { border-color: rgba(255, 255, 255, 0); } .fixed-top-nav-expanded .blog-bar .btn.ghost:hover, .fixed-top-nav-expanded .blog-bar .btn.ghost:active { border-color: #a1a2a6; } .top-navigation .blog-bar__back-nav a { padding-top: 0.625em; } .top-navigation .blog-bar__filter a.ghost { padding-top: 0.9375em; } .top-navigation .blog-bar__subscribe .btn, .top-navigation .blog-bar__share .btn { padding-top: 11px !important; } @media screen and (min-width: 480px) { .top-navigation .blog-bar__back-nav a { padding-top: 0.95em; } .top-navigation .blog-bar__filter a.ghost { padding-top: 1.5em; } .top-navigation .blog-bar__subscribe .btn, .top-navigation .blog-bar__share .btn { padding-top: 14px !important; } } @media screen and (min-width: 768px) { .top-navigation .blog-bar__back-nav a { padding-top: 0.95em; } .top-navigation .blog-bar__filter a.ghost { padding-top: 1.5em; } .top-navigation .blog-bar__subscribe .btn, .top-navigation .blog-bar__share .btn { padding-top: 2px !important; } } /* BLOG PAGE: SIDEBAR ------------------------ */ .blog-page .sidebar .hs_cos_wrapper_type_post_filter ul, .blog-page .sidebar .hs_cos_wrapper_type_post_listing ul { list-style: none; padding: 0; } .blog-page .sidebar .widget-type-blog_subscribe ul:not(.hs-error-msgs) { margin-top: 0; } .blog-page .sidebar .widget-type-blog_subscribe li { margin-bottom: 0; } .blog-page .sidebar .widget-type-blog_subscribe label { margin-bottom: 8px; } .blog-page .sidebar .widget-type-blog_subscribe .hs_submit { text-align: left; } /* BLOG PAGE: POST LISTING ----------------------- */ .blog-page .breadcrumb { display: none; } .blog-page .flex-section { padding-bottom: 0; } /*--------------------------------*\ Topic Filter Listing \*--------------------------------*/ .filter-listing-info { min-height: 112px; margin-bottom: 32px; } @media (min-width: 480px) { .filter-listing-info { min-height: 120px; } } @media (min-width: 992px) { .filter-listing-info { margin-bottom: 112px; } } .filter-listing-info .section__inner { padding-left: 20px; padding-right: 20px; padding: 40px 0 40px; position: relative; } @media (min-width: 480px) { .filter-listing-info .section__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .filter-listing-info .section__inner { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .filter-listing-info .section__inner:before, .filter-listing-info .section__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .filter-listing-info .section__inner:after { clear: both; } .filter-listing-info .section__inner:before, .filter-listing-info .section__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .filter-listing-info .section__inner:after { clear: both; } .filter-listing-info .section__inner > p { font-size: 2rem; line-height: 1.6; } @media screen and (min-width: 768px) { .filter-listing-info .section__inner > p { font-size: 2rem; line-height: 1.63636364; } } .filter-listing-info h4 { margin-bottom: 0; font-weight: normal; text-align: center; } @media screen and (min-width: 480px) { .filter-listing-info h3 { margin-top: 24px; } } .filter-listing-info a { color: #a1a2a6; border: none; } .filter-listing-info a:hover, .filter-listing-info a:focus { border: none !important; text-decoration: none !important; } .filter-listing-info a:focus { color: #a1a2a6; } .filter-listing-info a:active { color: #727783; border: none; text-decoration: none; } .no-touch .filter-listing-info a:hover { color: #727783; } .no-touch .filter-listing-info a:active { color: rgba(114, 119, 131, 0.75); } .filter-listing-info .reset { display: block; position: absolute; top: 0; right: 0; margin: 40px 0 0; padding: 0 6px; font-size: 200%; line-height: 0.85; } .filter-listing-info .blog-series-form { box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.08); max-width: 64rem; margin-left: auto; margin-right: auto; margin-top: 24px; margin-bottom: 48px; padding: 40px 32px; background-color: #fff; } @media screen and (min-width: 768px) { .filter-listing-info .blog-series-form { margin-top: 40px; } } .filter-listing-info .blog-series-form input[type="submit"] { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .filter-listing-info .blog-series-form input[type="submit"]:focus, .filter-listing-info .blog-series-form input[type="submit"]:hover, .filter-listing-info .blog-series-form input[type="submit"]:active { color: #fff; } .filter-listing-info .blog-series-form input[type="submit"]:hover { background: #fff; color: #0c5394; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); } .filter-listing-info .blog-series-form input[type="submit"]:active { background: #f3f2f5; color: #0c5394; box-shadow: none; } .touch .filter-listing-info .blog-series-form input[type="submit"]:hover { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .touch .filter-listing-info .blog-series-form input[type="submit"]:active { background: #fafafc; color: #0c5394; box-shadow: none; } .post-author-wrapper .filter-listing-info { box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.08); height: auto !important; background-color: #fff; } .post-author-wrapper .filter-listing-info h4, .post-author-wrapper .filter-listing-info p { color: rgba(48, 56, 66, 0.85) !important; } .post-author-wrapper .filter-listing-info h4 strong, .post-author-wrapper .filter-listing-info p strong { color: #303842 !important; } .post-author-wrapper .filter-listing-info h4 a, .post-author-wrapper .filter-listing-info p a { color: rgba(48, 56, 66, 0.85) !important; border: none !important; } .post-author-wrapper .filter-listing-info h4 a:hover, .post-author-wrapper .filter-listing-info p a:hover, .post-author-wrapper .filter-listing-info h4 a:focus, .post-author-wrapper .filter-listing-info p a:focus { border: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; } .post-author-wrapper .filter-listing-info h4 a:focus, .post-author-wrapper .filter-listing-info p a:focus { color: rgba(48, 56, 66, 0.85) !important; } .post-author-wrapper .filter-listing-info h4 a:active, .post-author-wrapper .filter-listing-info p a:active { color: #303842 !important; border: none !important; text-decoration: none !important; } .no-touch .post-author-wrapper .filter-listing-info h4 a:hover, .no-touch .post-author-wrapper .filter-listing-info p a:hover { color: #303842 !important; } .no-touch .post-author-wrapper .filter-listing-info h4 a:active, .no-touch .post-author-wrapper .filter-listing-info p a:active { color: rgba(48, 56, 66, 0.75) !important; } .post-author-wrapper .filter-listing-info a { color: rgba(48, 56, 66, 0.6) !important; border: none !important; } .post-author-wrapper .filter-listing-info a:hover, .post-author-wrapper .filter-listing-info a:focus { border: none !important; -webkit-text-decoration: none !important; text-decoration: none !important; } .post-author-wrapper .filter-listing-info a:focus { color: rgba(48, 56, 66, 0.6) !important; } .post-author-wrapper .filter-listing-info a:active { color: #303842 !important; border: none !important; text-decoration: none !important; } .no-touch .post-author-wrapper .filter-listing-info a:hover { color: #303842 !important; } .no-touch .post-author-wrapper .filter-listing-info a:active { color: rgba(48, 56, 66, 0.75) !important; } .filter-listing-info .post-author__inner { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .filter-listing-info .post-author__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .filter-listing-info .post-author__inner { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } /*--------------------------------*\ Author Filter Listing \*--------------------------------*/ .filter-listing .post-author-wrapper { max-width: 100%; margin-top: 0; padding-left: 0; padding-right: 0; } .filter-listing .post-author-wrapper .filter-listing-info { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .filter-listing .post-author-wrapper .filter-listing-info { padding-left: 30px; padding-right: 30px; } } .filter-listing .post-author { position: relative; } .filter-listing .post-author__inner { padding-left: 20px; padding-right: 20px; padding-top: 32px; padding-bottom: 36px; } @media (min-width: 480px) { .filter-listing .post-author__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .filter-listing .post-author__inner { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 1200px) { .filter-listing .post-author__inner { padding-top: 48px; padding-bottom: 52px; } } .filter-listing .post-author .flag__body, .filter-listing .post-author .flag__image { vertical-align: middle; } .filter-listing .post-author__img { padding-right: 2rem; } .filter-listing .post-author__img img { width: 9rem; height: 9rem; } @media (min-width: 768px) { .filter-listing .post-author__img img { width: 12rem; height: 12rem; } } .filter-listing .post-author__body { padding-right: 2rem; } .filter-listing .post-author__body h4 { text-align: left; font-size: 2.1rem; font-weight: 600; color: #fff; } .filter-listing .post-author__body h4 a { color: #fff; border: none; } .filter-listing .post-author__body h4 a:hover, .filter-listing .post-author__body h4 a:focus { border: none !important; text-decoration: none !important; } .filter-listing .post-author__body h4 a:focus { color: #fff; } .filter-listing .post-author__body h4 a:active { color: rgba(255, 255, 255, 0.85); border: none; text-decoration: none; } .no-touch .filter-listing .post-author__body h4 a:hover { color: rgba(255, 255, 255, 0.85); } .no-touch .filter-listing .post-author__body h4 a:active { color: rgba(255, 255, 255, 0.75); } .filter-listing .post-author__body p { color: #fff; } .filter-listing .post-author .hs-author-social-section { display: none; } .hs-blog-listing { /*--------------------------------*\ Blog Header Row \*--------------------------------*/ /*--------------------------------*\ Post Item \*--------------------------------*/ /*--------------------------------*\ Featured Image \*--------------------------------*/ /*--------------------------------*\ Post Header \*--------------------------------*/ /*--------------------------------*\ Post Body \*--------------------------------*/ /*--------------------------------*\ Post Topics \*--------------------------------*/ /*--------------------------------*\ Simple Post Listing \*--------------------------------*/ } @media (max-width: 479px) { .hs-blog-listing .blog-bar svg.icon.icon-filter { top: -0.5rem; } } .hs-blog-listing .blog-bar__title { font-weight: 400; color: #a1a2a6; position: relative; top: -2px; } .hs-blog-listing.blog-page .body-container { background-color: #fafafc; } @media (max-width: 991px) { .hs-blog-listing.blog-page .page-hero { min-height: 0; max-height: inherit; height: 70px; overflow: hidden; } .hs-blog-listing.blog-page .page-hero .istone-grid { display: none; } } @media (max-width: 991px) and (min-width: 480px) { .hs-blog-listing.blog-page .page-hero { height: 72px; } } @media (max-width: 1148px) { .hs-blog-listing.blog-page .page-hero .page-hero__inner { padding-top: 72px; } } .hs-blog-listing.blog-page .page-hero .istone-grid__item-wrapper { background-color: #303842; } .hs-blog-listing.blog-page .page-hero .istone-grid .grid-item__body { border-color: #303842; } .hs-blog-listing.blog-page .page-hero:not(.page-hero--no-content) .page-hero__inner { padding-top: 62px; } @media screen and (min-width: 480px) { .hs-blog-listing.blog-page .page-hero:not(.page-hero--no-content) .page-hero__inner { padding-top: 74px; } } @media (min-width: 1148px) { .hs-blog-listing.blog-page .page-hero:not(.page-hero--no-content) .page-hero__inner { padding-top: 116px; } } .hs-blog-listing .blog-listing-wrapper { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .hs-blog-listing .blog-listing-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .hs-blog-listing .blog-listing-wrapper { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } @media screen and (min-width: 768px) { .hs-blog-listing .blog-listing-wrapper { margin: 80px 0; } } @media (min-width: 1280px) { .hs-blog-listing .blog-listing-wrapper { padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .hs-blog-listing .blog-listing-wrapper { padding-left: 0; padding-right: 0; } } .hs-blog-listing .blog-header-row { height: 45px !important; margin: 0; border-bottom: 1px solid rgba(161, 162, 166, 0.4); } @media screen and (min-width: 480px) { .hs-blog-listing .blog-header-row { height: 52px !important; } } @media screen and (min-width: 992px) { .hs-blog-listing .blog-header-row { margin: 0 0 40px; } } @media screen and (min-width: 768px) { .hs-blog-listing .blog-header-row .blog-bar__left, .hs-blog-listing .blog-header-row .blog-bar__middle, .hs-blog-listing .blog-header-row .blog-bar__right { padding-top: 0 !important; } } .hs-blog-listing .blog-header-row .blog-bar__filter a { top: -1px; } .hs-blog-listing .blog-header__inner { padding-left: 20px; padding-right: 20px; height: inherit; } @media (min-width: 480px) { .hs-blog-listing .blog-header__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .hs-blog-listing .blog-header__inner { float: none !important; width: 100%; max-width: 1660px; margin-left: auto !important; margin-right: auto !important; } } .hs-blog-listing .blog-header__inner > div { height: inherit; } @media (max-width: 767px) { .hs-blog-listing .blog-header__inner { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .hs-blog-listing .post-listing { padding: 48px 30px 0; } } @media (max-width: 479px) { .hs-blog-listing .post-listing { padding-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .hs-blog-listing .post-item { margin-bottom: 48px; } } @media (max-width: 479px) { .hs-blog-listing .post-item { margin-bottom: 32px; } } @media (min-width: 992px) { .hs-blog-listing .post-item { margin: 0 0 48px; } } .hs-blog-listing .post-item__side-col { background-color: #f3f2f5; } .hs-blog-listing .post-item__inner { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); background-color: #fff; } @media (min-width: 768px) and (max-width: 991px) { .hs-blog-listing .post-item__inner { margin: 64px 30px; } } .hs-blog-listing .post-item__inner img, .hs-blog-listing .post-item__inner .post-featured-image--fluid { opacity: 0.95; } .hs-blog-listing .post-item__inner:active img, .hs-blog-listing .post-item__inner:active .post-featured-image--fluid { opacity: 1; } @media (min-width: 992px) { .hs-blog-listing .post-item__inner { transition: all ease-in-out 0.15s; cursor: pointer; } .hs-blog-listing .post-item__inner img, .hs-blog-listing .post-item__inner .post-featured-image--fluid { transition: all ease-in-out 0.5s; } .hs-blog-listing .post-item__inner:active { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .no-touch .hs-blog-listing .post-item__inner { transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; } .no-touch .hs-blog-listing .post-item__inner:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .no-touch .hs-blog-listing .post-item__inner:hover img, .no-touch .hs-blog-listing .post-item__inner:hover .post-featured-image--fluid { opacity: 1; } .no-touch .hs-blog-listing .post-item__inner:active { transition-duration: 0.15s; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } } @media (max-width: 991px) { .hs-blog-listing .post-item .post-item__main-col { padding-bottom: 24px; } .hs-blog-listing .post-item .post-item__main-col > * { padding-left: 20px; padding-right: 20px; } } @media (max-width: 991px) and (min-width: 768px) { .hs-blog-listing .post-item .post-item__main-col { padding-bottom: 32px; } } @media (max-width: 991px) and (min-width: 768px) { .hs-blog-listing .post-item .post-item__main-col > * { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .hs-blog-listing .post-item__inner { display: table; width: 100%; } .hs-blog-listing .post-item__inner > div { display: table-cell; vertical-align: top; } .hs-blog-listing .post-item__inner .post-item__main-col { width: 50%; padding: 40px 50px; position: relative; } .hs-blog-listing .post-item__inner .post-item__main-col .post-footer { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#ffffffff', GradientType=0); position: absolute; bottom: 0; left: 0; right: 0; margin: 24px 50px; padding-top: 24px; } .hs-blog-listing .post-item__inner .post-item__side-col { width: 50%; } } @media (min-width: 992px) and (min-width: 992px) { .hs-blog-listing .post-item__inner { height: 448px; } } @media (min-width: 992px) and (min-width: 992px) { .hs-blog-listing .post-item__inner > div { height: 448px; } } .hs-blog-listing .post-featured-image { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 992px) { .hs-blog-listing .post-featured-image { display: none; } } .hs-blog-listing .post-featured-image--placeholder { background-color: #f3f2f5; } .hs-blog-listing .post-featured-image--placeholder, .hs-blog-listing .post-featured-image--fluid { display: none; width: 100%; padding-bottom: 60%; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (min-width: 768px) { .hs-blog-listing .post-featured-image--placeholder, .hs-blog-listing .post-featured-image--fluid { padding-bottom: 50%; } } @media (min-width: 992px) { .hs-blog-listing .post-featured-image--placeholder, .hs-blog-listing .post-featured-image--fluid { height: 448px; } } .hs-blog-listing .post-item__main-col .post-featured-image { display: block; } @media (min-width: 992px) { .hs-blog-listing .post-item__main-col .post-featured-image { display: none; } .hs-blog-listing .post-item__side-col .post-featured-image { display: block; } } .hs-blog-listing .post-header__meta { margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid #f7f7f8; } @media (min-width: 992px) { .hs-blog-listing .post-header__meta { margin-bottom: 24px; padding-bottom: 0; border-bottom: none; display: table; width: 100%; margin-top: -64px; margin-bottom: 32px; } .hs-blog-listing .post-header__meta > div { display: table-cell; vertical-align: bottom; width: 50%; } .hs-blog-listing .post-header__meta > .post-date { text-align: right; } } .hs-blog-listing .post-header .post-date { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; display: none; color: #a1a2a6; } @media (min-width: 992px) { .hs-blog-listing .post-header .post-date { display: table-cell; padding-bottom: 4.8px; } } .hs-blog-listing .post-header__title h2, .hs-blog-listing .post-header__title h3 { font-size: 2.4rem; line-height: 1.5; font-family: Poppins,sans-serif;; font-weight: 400; margin-bottom: 16px; } @media screen and (min-width: 768px) { .hs-blog-listing .post-header__title h2, .hs-blog-listing .post-header__title h3 { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.02rem; } } @media screen and (min-width: 768px) { .hs-blog-listing .post-header__title h2, .hs-blog-listing .post-header__title h3 { font-size: 3.6rem; line-height: 1.22222222; } } @media screen and (min-width: 992px) { .hs-blog-listing .post-header__title h2, .hs-blog-listing .post-header__title h3 { margin-bottom: 16px; } } @media screen and (max-width: 991px) { .hs-blog-listing .post-header__title h2, .hs-blog-listing .post-header__title h3 { max-width: 80%; margin-left: auto; margin-right: auto; text-align: center; } } .hs-blog-listing .post-header__title a { color: #0c5394; border: none; } .hs-blog-listing .post-header__title a:hover, .hs-blog-listing .post-header__title a:focus { border: none !important; text-decoration: none !important; } .hs-blog-listing .post-header__title a:focus { color: #0c5394; } .hs-blog-listing .post-header__title a:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .hs-blog-listing .post-header__title a:hover { color: #0c5394; } .no-touch .hs-blog-listing .post-header__title a:active { color: rgba(14, 58, 94, 0.75); } .hs-blog-listing .post-item .post-author .author-link { color: #727783; border: none; font-size: 1.4rem; } .hs-blog-listing .post-item .post-author .author-link:hover, .hs-blog-listing .post-item .post-author .author-link:focus { border: none !important; text-decoration: none !important; } .hs-blog-listing .post-item .post-author .author-link:focus { color: #727783; } .hs-blog-listing .post-item .post-author .author-link:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .hs-blog-listing .post-item .post-author .author-link:hover { color: #0c5394; } .no-touch .hs-blog-listing .post-item .post-author .author-link:active { color: rgba(14, 58, 94, 0.75); } .hs-blog-listing .post-item .post-author .post-date { display: none; } @media (max-width: 991px) { .hs-blog-listing .post-item .post-author { margin-top: -36px; } .hs-blog-listing .post-item .post-author .flag { display: block; text-align: center; } .hs-blog-listing .post-item .post-author .flag > div { display: block; padding: 0; } .hs-blog-listing .post-item .post-author .flag__image img { margin: 0 auto; } .hs-blog-listing .post-item .post-author .post-date { display: none; } } @media (min-width: 992px) { .hs-blog-listing .post-item .post-author .flag { display: block; text-align: left; } .hs-blog-listing .post-item .post-author .flag > div { display: block; padding: 0; } .hs-blog-listing .post-item .post-author .flag__image { margin-bottom: 8px; } } .hs-blog-listing .post-item-body * { display: inline; margin-bottom: 0; } .hs-blog-listing .post-item-body .read-duration { margin-right: 0.25em; color: #a1a2a6; } @media (min-width: 992px) { .hs-blog-listing .post-item-body { height: 4.65em; overflow: hidden; position: relative; } .hs-blog-listing .post-item-body:after { content: ''; display: block; position: absolute; bottom: 0; right: 0; height: 1.6em; width: 5em; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1); } } .hs-blog-listing .post-topics { text-align: center; margin-top: 32px; } @media (min-width: 992px) { .hs-blog-listing .post-topics { text-align: left; margin-top: 32px; } } .hs-blog-listing .post-topics .tag-link { font-size: 1.2rem; line-height: 1.33333333; } .hs-blog-listing .post-topics li { display: none; } .hs-blog-listing .post-topics li:first-child { display: inline-block; } .hs-blog-listing .post-topics li:first-child:after { display: none; } /* Simple listing */ .post-listing-simple .post-item h2 { margin: 0; font-size: 18px; } .post-listing-simple .post-item .post-body { font-size: 12px !important; } @media (min-width: 992px) { .post-listing-simple .post-item h2 { font-size: 27px; } .post-listing-simple .post-item .post-body { font-size: 15px !important; } } /* Listing page */ .post-listing { /* .hs-featured-image { // Override HS default query in public_common.css @media screen and (max-width: 568px) {} } */ } @media (min-width: 992px) { .default-listing .post-listing--page-1 .post-item:nth-child(1), .default-listing .post-listing--page-1 .post-item:nth-child(2) { display: none; } } .post-listing .post-item { clear: both; } .post-listing .hs-blog-social-share { margin-bottom: 32px; } .post-listing .post-body { margin-bottom: 0; } .post-listing #hubspot-topic_data { margin-bottom: 32px; } /* BLOG PAGE: POST --------------- */ .hs-blog-post { /* Post Hero -- Overwrite Page Hero defaults */ /* Post Body Column */ } .hs-blog-post, .hs-blog-post .page-hero:not(.bg-img-set) { background-color: #fff; } .hs-blog-post .post-body, .hs-blog-post .post-footer section, .hs-blog-post .section { /*padding-left: 20px; padding-right: 20px;*/ float: none !important; } @media (min-width: 480px) { .hs-blog-post .post-body, .hs-blog-post .post-footer section, .hs-blog-post .section { /*padding-left: 30px; padding-right: 30px;*/ } } @media (min-width: 768px) { .hs-blog-post .post-body, .hs-blog-post .post-footer section, .hs-blog-post .section { float: none !important; width: 100%; /max-width: 820px;*/ margin-left: auto !important; margin-right: auto !important; } } .hs-blog-post .post-form input[type="submit"].primary { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .hs-blog-post .post-form input[type="submit"].primary:focus, .hs-blog-post .post-form input[type="submit"].primary:hover, .hs-blog-post .post-form input[type="submit"].primary:active { color: #fff; } .hs-blog-post .post-form input[type="submit"].primary:hover { background: #fff; color: #0c5394; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); } .hs-blog-post .post-form input[type="submit"].primary:active { background: #f3f2f5; color: #0c5394; box-shadow: none; } .touch .hs-blog-post .post-form input[type="submit"].primary:hover { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .touch .hs-blog-post .post-form input[type="submit"].primary:active { background: #fafafc; color: #0c5394; box-shadow: none; } .hs-blog-post .page-hero { overflow: hidden; } .hs-blog-post .page-hero h1:not(.h2-style) { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.03rem; } @media screen and (min-width: 768px) { .hs-blog-post .page-hero h1:not(.h2-style) { font-size: 4rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } @media screen and (min-width: 992px) { .hs-blog-post .page-hero h1:not(.h2-style) { font-size: 5.6rem; line-height: 1.19642857; letter-spacing: -0.02rem; } } @media (min-width: 1800px) { .hs-blog-post .page-hero h1:not(.h2-style) { font-size: 6.4rem; line-height: 1.25; letter-spacing: -0.05rem; } } .hs-blog-post .page-hero__content { padding-left: 20px; padding-right: 20px; text-align: left; } @media (min-width: 480px) { .hs-blog-post .page-hero__content { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .hs-blog-post .page-hero__content { float: none !important; width: 100%; max-width: 820px; margin-left: auto !important; margin-right: auto !important; } } .hs-blog-post .page-hero__content header { max-width: 700px; } .hs-blog-post .page-hero__content__inner { vertical-align: bottom; padding-bottom: 22%; padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 480px) { .hs-blog-post .page-hero__content__inner { padding-bottom: 14%; } } @media (min-width: 768px) { .hs-blog-post .page-hero__content__inner { padding-bottom: 4%; } } @media (min-width: 1200px) { .hs-blog-post .page-hero__content__inner { padding-bottom: 6%; } } @media (min-width: 1800px) { .hs-blog-post .page-hero.bg-image-set .page-hero__content { max-width: 1000px; } .hs-blog-post .page-hero.bg-image-set .page-hero__content header { max-width: 1000px; } } .hs-blog-post .page-hero--full-screen .page-hero__inner { vertical-align: bottom; padding-bottom: 23%; } @media (min-width: 480px) { .hs-blog-post .page-hero--full-screen .page-hero__inner { padding-bottom: 0; } .hs-blog-post .page-hero--full-screen .page-hero__inner .page-hero__content__inner { padding-top: 0; } } .hs-blog-post .page-hero--compact .page-hero__content { padding-bottom: 0; padding-top: 0; } @media (min-width: 768px) { .hs-blog-post .page-hero--compact .page-hero__content { padding-top: 90px; } } .hs-blog-post .page-hero--compact .page-hero__content__inner { padding-bottom: 0 !important; } .hs-blog-post .page-hero .read-duration { margin-bottom: 24px; } .hs-blog-post .page-hero .post-author { margin-top: 40px !important; } .hs-blog-post .page-hero .post-author .post-date { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; } .hs-blog-post .post-body { margin: 0 auto; /*padding-top: 72px; padding-bottom: 36px;*/ } .hs-blog-post .post-footer { margin-top: 24px; margin-bottom: 60px; } @media (min-width: 1200px) { .hs-blog-post .post-footer .post-author-wrapper { position: relative; margin-top: -24px; top: 96px; } } .hs-blog-post .hs-blog-social-share { margin-top: 20px; display: block; } .hs-blog-post .hs-blog-social-share .hs-blog-social-share-list { float: right; margin-top: 0; } .hs-blog-post h2.comment-title { margin-bottom: 0; } @media (min-width: 1200px) { .hs-blog-post h2.comment-title { margin-top: 168px; } } .hs-blog-post .widget-type-blog_comments { margin-bottom: 96px; } @media (min-width: 768px) { .hs-blog-post .widget-type-blog_comments { margin-bottom: 60px; } } .hs-blog-post .post-topics { margin-top: 60px; } .hs-blog-post .post-topics__inner { display: table; width: 100%; border-radius: 3.4rem; } .hs-blog-post .post-topics__inner > * { display: table-cell; vertical-align: top; padding: 1rem 0 1.15rem; } .hs-blog-post .post-topics__inner .post-topics__label { width: 5%; line-height: 1.6; } .hs-blog-post .post-topics__inner ul { width: 90%; padding-top: 1rem; padding-left: 2rem; line-height: 1.6; border-top: 2px solid rgba(161, 162, 166, 0); } .hs-blog-post .post-topics__label { font-size: 1.6rem; line-height: 1.1; font-weight: 600; color: #a1a2a6; border-top: 3px solid #a1a2a6; } .hs-blog-post .post-topics a { color: #a1a2a6; border: none; font-size: 1.2rem; } .hs-blog-post .post-topics a:hover, .hs-blog-post .post-topics a:focus { border: none !important; text-decoration: none !important; } .hs-blog-post .post-topics a:focus { color: #a1a2a6; } .hs-blog-post .post-topics a:active { color: #303842; border: none; text-decoration: none; } .no-touch .hs-blog-post .post-topics a:hover { color: #303842; } .no-touch .hs-blog-post .post-topics a:active { color: rgba(48, 56, 66, 0.75); } .hs-blog-post .show-comment-form { width: 100%; } .hs-blog-post .blog-post-form { display: block; padding: 40px; background-color: #fff; margin-top: 60px; } /* BLOG PAGE: POST AUTHOR ---------------------- */ .post-author-wrapper { width: 100%; margin-top: 60px; margin-bottom: 24px; position: relative; } @media (max-width: 1200px) { .hs-blog-listing .post-author-wrapper { margin-top: 0; } } @media (min-width: 1200px) { .post-author-wrapper { padding-left: 40px; padding-right: 40px; } } .post-author-wrapper .section { box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08); padding: 42px 0; background-color: #fff; } @media (min-width: 768px) { .post-author-wrapper .section { float: none !important; width: 100%; max-width: 1280px; margin-left: auto !important; margin-right: auto !important; padding-left: 30px; padding-right: 30px; } } .post-author-wrapper .section > div { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .post-author-wrapper .section > div { padding-left: 30px; padding-right: 30px; } } .post-author-wrapper .author-post-listing { padding: 0; margin-top: 48px; margin-left: 20px; margin-right: 20px; } @media (min-width: 480px) { .post-author-wrapper .author-post-listing { margin-left: 30px; margin-right: 30px; } } @media (min-width: 768px) { .post-author-wrapper .author-post-listing { margin-top: 54px; } } @media (min-width: 992px) { .post-author-wrapper .section { display: table; width: 100%; } .post-author-wrapper .section > div { display: table-cell; vertical-align: top; } .post-author-wrapper .post-author { padding-right: 40px; } } .post-author-wrapper .author-post-listing { padding-top: 42px; border-top: 3px solid rgba(243, 242, 245, 0.25); } @media (min-width: 768px) { .post-author-wrapper .author-post-listing { padding-top: 48px; } } @media (min-width: 992px) { .post-author-wrapper .author-post-listing { width: 29.50819672%; padding-top: 4px; border-top: none; } } .post-author-wrapper .author-post-listing .post-listing__heading { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin-bottom: 24px; } .post-author-wrapper .author-post-listing .post-listing__item { margin-bottom: 16px; } .post-author-wrapper .author-post-listing .post-listing__item:last-child { margin-bottom: 0; } .post-author-wrapper .author-post-listing .post-listing__item h4 { font-size: 1.4rem; line-height: 1.71428571; font-family: "Helvetica",Verdana,Arial,sans-serif; margin: 0; } .post-author-wrapper .author-post-listing .post-listing__item a { color: #4f5a69; border: none; } .post-author-wrapper .author-post-listing .post-listing__item a:hover, .post-author-wrapper .author-post-listing .post-listing__item a:focus { border: none !important; text-decoration: none !important; } .post-author-wrapper .author-post-listing .post-listing__item a:focus { color: #4f5a69; } .post-author-wrapper .author-post-listing .post-listing__item a:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .post-author-wrapper .author-post-listing .post-listing__item a:hover { color: #0c5394; } .no-touch .post-author-wrapper .author-post-listing .post-listing__item a:active { color: rgba(14, 58, 94, 0.75); } .post-author-wrapper .author-post-listing .post-listing__item .item__date { font-size: 1.2rem; line-height: 1.33333333; color: #a1a2a6; } .post-author-wrapper .author-post-listing .post-listing__item .dummy-image { display: block; width: 100px; height: 57px; background-color: #f3f2f5; } @media (min-width: 768px) { .post-author-wrapper .author-post-listing .post-listing__item .flag__image, .post-author-wrapper .author-post-listing .post-listing__item .flag__body { vertical-align: top; } } .post-author-wrapper .author-post-listing .post-listing__item .flag__image { padding-right: 0; } .post-author-wrapper .author-post-listing .post-listing__item .flag__image, .post-author-wrapper .author-post-listing .post-listing__item .flag__image img { width: 100px; } .post-author-wrapper .author-post-listing .post-listing__item .flag__body { width: auto; padding-left: 1.5rem; } .post-author { width: auto !important; } .post-footer .post-author .flag__image, .post-footer .post-author .flag__body { vertical-align: top; } .post-author__img { padding-right: 1.5rem; } @media (min-width: 768px) { .post-author__img { padding-right: 40px; } } .post-author__img img { border-radius: 9999px; width: 100px; height: 100px; } @media (min-width: 768px) { .post-author__img img { width: 16rem; height: 16rem; } } .post-author__body > *:first-child { margin-top: 0 !important; } .post-author__body > *:last-child { margin-bottom: 0 !important; } .post-author__body, .post-author__body p { color: #94959a; } .post-author__body h4 { font-size: 2rem; line-height: 1.6; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; margin-bottom: 12px; } @media screen and (min-width: 768px) { .post-author__body h4 { font-size: 2.4rem; line-height: 1.66666667; } } .post-author__body h4 a { color: #4f5a69; border: none; } .post-author__body h4 a:hover, .post-author__body h4 a:focus { border: none !important; text-decoration: none !important; } .post-author__body h4 a:focus { color: #4f5a69; } .post-author__body h4 a:active { color: #0c5394; border: none; text-decoration: none; } .no-touch .post-author__body h4 a:hover { color: #0c5394; } .no-touch .post-author__body h4 a:active { color: rgba(14, 58, 94, 0.75); } .post-author__body .hs-author-social-label { margin-bottom: 0; } .post-author__body .social-icons { margin-top: 12px; } .filter-listing-info .post-author p { text-align: left; margin: 0 0 24px; max-width: 100% !important; } .filter-listing-info .post-author__body > *:last-child { margin-bottom: 0; } /* BLOG PAGE: SIDE PANEL --------------------------- */ /*-------------------------*\ Side Panel \*-------------------------*/ .side-panel { position: fixed; top: 0; left: 0; z-index: 9999; width: 300px !important; height: 100vh; background-color: #fff; color: #4f5a69; font-size: 1.7rem; line-height: 1.5; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.45); opacity: 0; /*-------------------------------------*\ Fixed desktop sidebar styling \*-------------------------------------*/ } @media (min-width: 480px) { .side-panel { font-size: 1.6rem; } } .side-panel ul { margin: 0; padding: 0; list-style: none; } .side-panel li { padding: 0; } .side-panel a { color: #4f5a69; border: none; } .side-panel a:hover, .side-panel a:focus { border: none !important; text-decoration: none !important; } .side-panel a:focus { color: #4f5a69; } .side-panel a:active { color: #303842; border: none; text-decoration: none; } .no-touch .side-panel a:hover { color: #303842; } .no-touch .side-panel a:active { color: rgba(48, 56, 66, 0.75); } .side-panel__header { position: relative; height: 96px; padding: 32px 32px; background-color: #f3f2f5; color: #fff; } .side-panel__header h3 { margin: 0; } .side-panel__body { position: relative; height: calc(100vh - 96px); overflow-y: auto; -webkit-overflow-scrolling: touch; } .side-panel__body__inner { padding: 40px 32px; } .side-panel__search { height: 50px; } .side-panel__list { position: relative; height: calc(100vh - 96px); overflow-y: auto; -webkit-overflow-scrolling: touch; } .side-panel__list__inner { padding: 40px 32px; } .side-panel__list a { display: block; } .side-panel__list li.hs-menu-depth-1 { margin-bottom: 40px; } .side-panel__list li.hs-menu-depth-1 > a { font-size: 2.1rem; font-weight: 600; margin-bottom: 16px; cursor: default; } .filter-menu--in { overflow: hidden !important; } /*-------------------------------------*\ Page Animation Preparations \*-------------------------------------*/ .blog-page { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; /* Blog Filter Menu Animations */ } .blog-page .side-panel { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blog-page.all-initiated .side-panel { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .blog-page .side-panel { -webkit-transform: translate(-310px, 0); transform: translate(-310px, 0); } @media (min-width: 768px) { .blog-page .side-panel { -webkit-transform: translate(-310px, 0); transform: translate(-310px, 0); } } @media (min-width: 1200px) { .blog-page .side-panel { -webkit-transform: translate(-332px, 0); transform: translate(-332px, 0); } } @media (min-width: 1800px) { .blog-page .side-panel { -webkit-transform: translate(-332px, 0); transform: translate(-332px, 0); } } .blog-page .header-container:after, .blog-page .footer-container-wrapper:after, .blog-page .body-container:after { display: block; content: ''; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: black; transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; pointer-events: none; opacity: 0; } /*-------------------------------------*\ Blog Side Panel Expanded Body gets .side-panel-expanded class \*-------------------------------------*/ .blog-page.side-panel-expanded { overflow-x: hidden !important; } .blog-page.side-panel-expanded .side-panel { opacity: 1; } .blog-page.side-panel-expanded .side-panel.expanded { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .blog-page.side-panel-expanded .header-container, .blog-page.side-panel-expanded .footer-container-wrapper, .blog-page.side-panel-expanded .body-container { position: relative; } .blog-page.side-panel-expanded .header-container:after, .blog-page.side-panel-expanded .footer-container-wrapper:after, .blog-page.side-panel-expanded .body-container:after { opacity: 0.35; pointer-events: auto; } .no-touch .blog-page.side-panel-expanded .header-container, .no-touch .blog-page.side-panel-expanded .main-content, .no-touch .blog-page.side-panel-expanded .footer-container-wrapper { overflow: hidden; } /* BLOG PAGE: FILTER MENU ---------------------- */ /*-------------------------*\ Filter Menu \*-------------------------*/ .side-panel--blog-filter-menu .side-panel__body__inner { padding: 16px 0 0; } .side-panel--blog-filter-menu .side-panel__search .hs-input, .side-panel--blog-filter-menu .side-panel__search .hs-button { height: 50px; } .side-panel--blog-filter-menu .side-panel__search .hs-input { padding-left: 32px; font-size: 1.6rem; line-height: 50px; } .side-panel--blog-filter-menu .side-panel__search .hs-button { min-width: 0; padding: 0.229em 1.14285714em 0.2em; color: #A5181C; border: none; background: none !important; top: 0; line-height: 48px; padding: 0 32px 0.3rem; } .side-panel--blog-filter-menu .side-panel__search .hs-button, .side-panel--blog-filter-menu .side-panel__search .hs-button * { font-size: 1.4rem; line-height: 1.71428571; font-weight: 500; letter-spacing: 1px; } @media screen and (max-width: 479px) { .side-panel--blog-filter-menu .side-panel__search .hs-button { padding: 0.19em 1.14285714em 0.195em; } .side-panel--blog-filter-menu .side-panel__search .hs-button, .side-panel--blog-filter-menu .side-panel__search .hs-button * { font-size: 1.3rem; } } .side-panel--blog-filter-menu .side-panel__search .hs-button:hover, .side-panel--blog-filter-menu .side-panel__search .hs-button:focus { border: none !important; text-decoration: none !important; } .side-panel--blog-filter-menu .side-panel__search .hs-button:focus { color: #A5181C; } .side-panel--blog-filter-menu .side-panel__search .hs-button:active { color: #727783; border: none; text-decoration: none; } .no-touch .side-panel--blog-filter-menu .side-panel__search .hs-button:hover { color: #727783; } .no-touch .side-panel--blog-filter-menu .side-panel__search .hs-button:active { color: rgba(114, 119, 131, 0.75); } .side-panel--blog-filter-menu .side-panel__body--list a { display: block; } .side-panel--blog-filter-menu .block { padding: 0 32px; border-bottom: 1px solid rgba(161, 162, 166, 0.4); /* Filter group is expanded */ /* Filter group is collapsed */ } .side-panel--blog-filter-menu .block[data-state="expanded"] h3 .icon-toggle:before { opacity: 0.5; -webkit-transform: translate(-2px, 0); transform: translate(-2px, 0); } .side-panel--blog-filter-menu .block[data-state="collapsed"] .widget-module { height: 0; } .side-panel--blog-filter-menu .block[data-state="collapsed"] h3 .icon-toggle:before { opacity: 0.75; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .side-panel--blog-filter-menu .block h3 { font-size: 1.7rem; line-height: 1.64705882; position: relative; margin: 0; padding: 24px 0 20px; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; color: #303842; cursor: pointer; } .side-panel--blog-filter-menu .block h3, .side-panel--blog-filter-menu .block h3 .icon-toggle { transition: all ease-in-out 0.15s; } .side-panel--blog-filter-menu .block h3 .icon-toggle { position: absolute; left: -17px; top: 35px; display: inline-block; width: 12px; height: 12px; } .side-panel--blog-filter-menu .block h3 .icon-toggle:before { content: ''; display: block; color: #303842; width: inherit; height: inherit; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/caret-down.svg') no-repeat; stroke: #303842 !important; fill: #303842 !important; -webkit-transform-origin: 35% 30%; transform-origin: 35% 30%; transition: all ease-in-out 0.25s; } .side-panel--blog-filter-menu .block h3:hover, .side-panel--blog-filter-menu .block h3:active { color: #064578; } .side-panel--blog-filter-menu .block h3:hover .icon-toggle:before, .side-panel--blog-filter-menu .block h3:active .icon-toggle:before { stroke: #064578 !important; fill: #064578 !important; } .touch .side-panel--blog-filter-menu .block h3:hover { color: #303842; } .touch .side-panel--blog-filter-menu .block h3:hover .icon-toggle:before { stroke: #303842 !important; fill: #303842 !important; } .side-panel--blog-filter-menu .block .widget-module { margin-bottom: 20px; overflow: hidden; } .side-panel--blog-filter-menu .block .widget-module li { margin-bottom: 0; } .side-panel--blog-filter-menu .block .widget-module li:first-child a { padding-top: 0; } .side-panel--blog-filter-menu .block .widget-module li a { color: #727783; border: none; cursor: pointer; display: block; padding: 8px 0; } .side-panel--blog-filter-menu .block .widget-module li a:hover, .side-panel--blog-filter-menu .block .widget-module li a:focus { border: none !important; text-decoration: none !important; } .side-panel--blog-filter-menu .block .widget-module li a:focus { color: #727783; } .side-panel--blog-filter-menu .block .widget-module li a:active { color: #064578; border: none; text-decoration: none; } .no-touch .side-panel--blog-filter-menu .block .widget-module li a:hover { color: #064578; } .no-touch .side-panel--blog-filter-menu .block .widget-module li a:active { color: rgba(6, 69, 120, 0.75); } @media (min-width: 480px) { .side-panel--blog-filter-menu .block .widget-module li a { padding: 6px 0; } } .side-panel--blog-filter-menu .block .widget-module li a > span { display: table-cell; vertical-align: top; } .side-panel--blog-filter-menu .block .widget-module li a:hover .filter-item__checkbox:before { opacity: 1; } .touch .side-panel--blog-filter-menu .block .widget-module li a:hover { color: #727783; } .touch .side-panel--blog-filter-menu .block .widget-module li a:hover .filter-item__checkbox:before { opacity: 0.5; } .touch .side-panel--blog-filter-menu .block .widget-module li a:active { color: #064578; } .touch .side-panel--blog-filter-menu .block .widget-module li a:active .filter-item__checkbox:before { opacity: 1; } .side-panel--blog-filter-menu .block .widget-module .filter-link-count { display: none !important; margin-left: 2px; } .side-panel--blog-filter-menu .archive-block a { text-transform: capitalize; } /* BLOG PAGE: SOCIAL SHARING ------------------------- */ /*-------------------------*\ Social Sharing \*-------------------------*/ .side-panel--blog-social-sharing { left: inherit; right: 0; } .blog-page .side-panel--blog-social-sharing { -webkit-transform: translate(310px, 0); transform: translate(310px, 0); } @media (min-width: 768px) { .blog-page .side-panel--blog-social-sharing { -webkit-transform: translate(310px, 0); transform: translate(310px, 0); } } @media (min-width: 1200px) { .blog-page .side-panel--blog-social-sharing { -webkit-transform: translate(332px, 0); transform: translate(332px, 0); } } @media (min-width: 1800px) { .blog-page .side-panel--blog-social-sharing { -webkit-transform: translate(332px, 0); transform: translate(332px, 0); } } /* BLOG PAGE: SUBSCRIPTION ----------------------- */ /*-------------------------*\ Subscription Form \*-------------------------*/ .side-panel--blog-subscription { left: inherit; right: 0; } .blog-page .side-panel--blog-subscription { -webkit-transform: translate(310px, 0); transform: translate(310px, 0); } @media (min-width: 768px) { .blog-page .side-panel--blog-subscription { -webkit-transform: translate(310px, 0); transform: translate(310px, 0); } } @media (min-width: 1200px) { .blog-page .side-panel--blog-subscription { -webkit-transform: translate(332px, 0); transform: translate(332px, 0); } } @media (min-width: 1800px) { .blog-page .side-panel--blog-subscription { -webkit-transform: translate(332px, 0); transform: translate(332px, 0); } } .side-panel--blog-subscription .side-panel__body--form { background-color: #fafafc; } .side-panel--blog-subscription .form-title, .side-panel--blog-subscription .form-rich-text h3 { display: none; } .side-panel--blog-subscription .form-rich-text { margin-bottom: 40px; } .side-panel--blog-subscription .form-rich-text p { font-size: 1.6rem; } .side-panel--blog-subscription .hs_subscription_topics { margin-top: 40px; } .side-panel--blog-subscription .hs_subscription_topics > label { margin-bottom: 24px; } @media (max-width: 479px) { .touch .side-panel--blog-subscription .hs-form-field .hs-form-checkbox input, .touch .side-panel--blog-subscription .hs-form-field .hs-form-radio input { margin-right: 12px; } } .side-panel--blog-subscription input[type="checkbox"]:checked + span { color: #4f5a69; } .side-panel--blog-subscription input[type="submit"] { min-width: 12.8rem; padding: 0.824em 1.41176471em; padding: 1.0593em 2.75em 0.87em; width: 100%; } .side-panel--blog-subscription input[type="submit"], .side-panel--blog-subscription input[type="submit"] * { font-size: 1.7rem; line-height: 1.17647059; font-weight: 600; font-weight: 500; } /*------------------------------------*\ Floating Success Message \*------------------------------------*/ .floating-msg { position: fixed; z-index: 9999; top: 40%; left: 0; right: 0; } .floating-msg__inner { margin: 0 auto; padding: 32px 32px 24px; max-width: 360px; background: rgba(255, 130, 23, 0.94); text-align: center; color: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); font-weight: 600; } .floating-msg--success .floating-msg__inner { background: rgba(255, 130, 23, 0.94); } .floating-msg--error .floating-msg__inner { background: rgba(226, 56, 56, 0.94); } /* BLOG PAGE: PAGINATION ----------------------- */ /* Pagination on listing page */ .blog-pagination { margin: 80px 0 144px; } .blog-pagination [class*="span"] { min-height: 1px !important; } .blog-pagination a.previous-posts-link.disabled, .blog-pagination a.all-posts-link.disabled, .blog-pagination a.next-posts-link.disabled { display: none; cursor: default; } .blog-pagination a.previous-posts-link.disabled, .blog-pagination a.all-posts-link.disabled, .blog-pagination a.next-posts-link.disabled, .blog-pagination a.previous-posts-link.disabled:hover, .blog-pagination a.all-posts-link.disabled:hover, .blog-pagination a.next-posts-link.disabled:hover, .blog-pagination a.previous-posts-link.disabled:focus, .blog-pagination a.all-posts-link.disabled:focus, .blog-pagination a.next-posts-link.disabled:focus, .blog-pagination a.previous-posts-link.disabled:active, .blog-pagination a.all-posts-link.disabled:active, .blog-pagination a.next-posts-link.disabled:active { color: rgba(243, 242, 245, 0.75); border-color: rgba(243, 242, 245, 0.5); background: none; } .blog-pagination .pagination-link-disabled { color: #a1a2a6; } .blog-pagination > .all { visibility: hidden; text-align: center; } .blog-pagination > .next { text-align: right; } @media (max-width: 991px) { .blog-pagination-wrapper { padding-left: 20px; padding-right: 20px; } } @media (max-width: 991px) and (min-width: 480px) { .blog-pagination-wrapper { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px) { .blog-pagination { margin: 64px 0 96px; display: table; } .blog-pagination > div { display: table-cell !important; vertical-align: middle; width: 33.33333333% !important; } .blog-pagination .center { text-align: center; } .blog-pagination .next { text-align: right; } } /* BLOG PAGE: NEWS MODIFIER ------------------------ */ @media (min-width: 992px) { .blog-page--news .post-listing--page-1 .post-item:nth-child(1), .blog-page--news .post-listing--page-1 .post-item:nth-child(2) { display: block; } } .blog-page--news .master-page-wrapper { padding-left: 20px; padding-right: 20px; margin-top: 40px; } @media (min-width: 480px) { .blog-page--news .master-page-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .blog-page--news .master-page-wrapper { float: none !important; width: 100%; max-width: 820px; margin-left: auto !important; margin-right: auto !important; } } .blog-page--news .master-page { padding: 24px; background-color: #f3f2f5; } /* KNOWLEDGE HUB PAGE ----------------------------------- */ .knowledge-page .body-container-wrapper { background: #f3f2f5; } .knowledge-page .page-hero__content { display: none; padding-top: 64px; } .knowledge-page .KnowledgeHub { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .knowledge-page .KnowledgeHub-noResults { display: none; margin: 112px 0; text-align: center; } .knowledge-page .KnowledgeHub-inner { padding-left: 20px; padding-right: 20px; padding-top: 48px; padding-bottom: 16px; } @media (min-width: 480px) { .knowledge-page .KnowledgeHub-inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .knowledge-page .KnowledgeHub-inner { float: none !important; width: 100%; max-width: 1230px; margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 768px) { .knowledge-page .KnowledgeHub-inner { padding-top: 64px; padding-bottom: 32px; } } @media (min-width: 992px) { .knowledge-page .KnowledgeHub-inner { padding-top: 72px; padding-bottom: 40px; } } /* KNOWLEDGE HUB PAGE: FILTER MENU ----------------------------------- */ .knowledge-page { /*------------------------------------------------*\ Filter Button \*------------------------------------------------*/ } .knowledge-page.side-panel-expanded .FilterMenu { -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } .knowledge-page.side-panel-expanded .FilterMenu-button { background-color: #ff9031; } .knowledge-page.side-panel-expanded .FilterMenu-button:active { background-color: #ff9031; } .no-touch .knowledge-page.side-panel-expanded .FilterMenu-button:hover { background-color: #ff9d4a; } .no-touch .knowledge-page.side-panel-expanded .FilterMenu-button:active { background-color: #ffab63; } .knowledge-page .FilterMenu { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); height: 186px; width: 306px !important; top: 120px; z-index: 200 !important; opacity: 1; -webkit-transform: translate3d(-261px, 0, 0); transform: translate3d(-261px, 0, 0); overflow: hidden; /*---- Default Resets & Overrides ----*/ /* Filter group has selected items */ /*-------------------------------------*\ Content Type Checkboxes \*-------------------------------------*/ } @media screen and (min-width: 480px) { .knowledge-page .FilterMenu { top: 28%; width: 351px !important; } } @media screen and (min-width: 768px) { .knowledge-page .FilterMenu { width: 356px !important; } } @media screen and (min-width: 480px) { .knowledge-page .FilterMenu { -webkit-transform: translate3d(-306px, 0, 0); transform: translate3d(-306px, 0, 0); } } .knowledge-page .FilterMenu .side-panel__body__inner { padding: 12px 0 0; } .knowledge-page .FilterMenu .side-panel__body { height: auto; } .knowledge-page .FilterMenu .filter-menu__list { height: auto; } .knowledge-page .FilterMenu .side-panel__search .icon { position: absolute; top: 0; left: 0; margin: 23.2px 17px; width: 22px; height: 20px; } .knowledge-page .FilterMenu .side-panel__search input { height: 64px; background: none; padding-top: 1rem; padding-left: 50px; padding-right: 57px; font-size: 1.6rem; border-top: none; border-left: none; border-right: none; } @media screen and (min-width: 768px) { .knowledge-page .FilterMenu .side-panel__search input { padding-right: 62px; } } .knowledge-page .FilterMenu .side-panel__search input:focus { box-shadow: none; border-top: none; border-left: none; border-right: none; border-color: #a1a2a6; background-color: rgba(243, 242, 245, 0.35); } .knowledge-page .FilterMenu .side-panel__search .hs-input, .knowledge-page .FilterMenu .side-panel__search .hs-button { height: 50px; } .knowledge-page .FilterMenu .side-panel__search .hs-input { padding-left: 32px; font-size: 1.6rem; line-height: 50px; } .knowledge-page .FilterMenu .side-panel__search .hs-button { min-width: 0; padding: 0.229em 1.14285714em 0.2em; color: #A5181C; border: none; background: none !important; top: 0; line-height: 48px; padding: 0 32px 0.3rem; } .knowledge-page .FilterMenu .side-panel__search .hs-button, .knowledge-page .FilterMenu .side-panel__search .hs-button * { font-size: 1.4rem; line-height: 1.71428571; font-weight: 500; letter-spacing: 1px; } @media screen and (max-width: 479px) { .knowledge-page .FilterMenu .side-panel__search .hs-button { padding: 0.19em 1.14285714em 0.195em; } .knowledge-page .FilterMenu .side-panel__search .hs-button, .knowledge-page .FilterMenu .side-panel__search .hs-button * { font-size: 1.3rem; } } .knowledge-page .FilterMenu .side-panel__search .hs-button:hover, .knowledge-page .FilterMenu .side-panel__search .hs-button:focus { border: none !important; text-decoration: none !important; } .knowledge-page .FilterMenu .side-panel__search .hs-button:focus { color: #A5181C; } .knowledge-page .FilterMenu .side-panel__search .hs-button:active { color: #727783; border: none; text-decoration: none; } .no-touch .knowledge-page .FilterMenu .side-panel__search .hs-button:hover { color: #727783; } .no-touch .knowledge-page .FilterMenu .side-panel__search .hs-button:active { color: rgba(114, 119, 131, 0.75); } .knowledge-page .FilterMenu .side-panel__body--list a { display: block; } .knowledge-page .FilterMenu .block { padding: 0 32px; border-bottom: 1px solid rgba(161, 162, 166, 0.4); /* Filter group is expanded */ /* Filter group is collapsed */ } .knowledge-page .FilterMenu .block[data-state="expanded"] h3 .icon-toggle:before { opacity: 0.5; -webkit-transform: translate(-2px, 0); transform: translate(-2px, 0); } .knowledge-page .FilterMenu .block[data-state="collapsed"] .widget-module { margin-bottom: 0; height: 0; } .knowledge-page .FilterMenu .block[data-state="collapsed"] h3 .icon-toggle:before { opacity: 0.75; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .knowledge-page .FilterMenu .block h3 { margin: 0; padding: 19px 0 17px; position: relative; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; font-size: 1.6rem; line-height: 1.65; color: #303842; cursor: pointer; } @media screen and (min-width: 480px) { .knowledge-page .FilterMenu .block h3 { font-size: 1.7rem; } } .knowledge-page .FilterMenu .block h3, .knowledge-page .FilterMenu .block h3 .icon-toggle { transition: all ease-in-out 0.15s; } .knowledge-page .FilterMenu .block h3 .icon-toggle { position: absolute; left: -17px; top: 29px; display: inline-block; width: 12px; height: 12px; } .knowledge-page .FilterMenu .block h3 .icon-toggle:before { content: ''; display: block; color: #303842; width: inherit; height: inherit; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/caret-down.svg') no-repeat; stroke: #303842 !important; fill: #303842 !important; -webkit-transform-origin: 35% 30%; transform-origin: 35% 30%; transition: all ease-in-out 0.25s; } .knowledge-page .FilterMenu .block h3:hover, .knowledge-page .FilterMenu .block h3:active { color: #064578; } .knowledge-page .FilterMenu .block h3:hover .icon-toggle:before, .knowledge-page .FilterMenu .block h3:active .icon-toggle:before { stroke: #064578 !important; fill: #064578 !important; } .touch .knowledge-page .FilterMenu .block h3:hover { color: #303842; } .touch .knowledge-page .FilterMenu .block h3:hover .icon-toggle:before { stroke: #303842 !important; fill: #303842 !important; } .knowledge-page .FilterMenu .block[data-select-count="0"] .badge-wrapper { opacity: 0; } .knowledge-page .FilterMenu .badge-wrapper { display: inline-block; position: relative; margin-left: 5px; top: -1px; right: 0; padding: 0.5em 2.5em 0.35em 0.85em; font-size: 1.4rem; line-height: 1; transition: all ease-in-out 0.25s; border: 1px solid rgba(48, 56, 66, 0.25); border-radius: 99px; cursor: pointer; color: #303842; } @media (min-width: 768px) { .knowledge-page .FilterMenu .badge-wrapper { font-size: 1.2rem; } } .no-touch .knowledge-page .FilterMenu .badge-wrapper:hover { background: #303842; border-color: #303842; color: white; } .no-touch .knowledge-page .FilterMenu .badge-wrapper:hover .badge__clear-label { opacity: 1; } .knowledge-page .FilterMenu .badge-wrapper:active { transition: none; background: #303842; border-color: #303842; color: white; } .knowledge-page .FilterMenu .badge-wrapper.out { transition: none; } .knowledge-page .FilterMenu .badge__clear-label { position: absolute; top: -1.4em; left: 0; right: 0; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: #727783; transition: all ease-in-out 0.25s; opacity: 0; } .knowledge-page .FilterMenu .badge__clear { position: absolute; top: -1px; right: 0; margin-right: 8px; } .knowledge-page .FilterMenu .badge__clear:before { content: '×'; display: inline-block; font-weight: bold; font-size: 145%; line-height: 24.5px; } .knowledge-page .FilterMenu .block .widget-module { overflow: hidden; } .knowledge-page .FilterMenu .block .widget-module ul { margin-top: 2px; margin-bottom: 20px; } .knowledge-page .FilterMenu .block .widget-module li { margin-bottom: 0; } .knowledge-page .FilterMenu .block .widget-module li:first-child a { padding-top: 0; } .knowledge-page .FilterMenu .block .widget-module a { color: #727783; border: none; cursor: pointer; display: block; padding: 8px 0; } .knowledge-page .FilterMenu .block .widget-module a:hover, .knowledge-page .FilterMenu .block .widget-module a:focus { border: none !important; text-decoration: none !important; } .knowledge-page .FilterMenu .block .widget-module a:focus { color: #727783; } .knowledge-page .FilterMenu .block .widget-module a:active { color: #064578; border: none; text-decoration: none; } .no-touch .knowledge-page .FilterMenu .block .widget-module a:hover { color: #064578; } .no-touch .knowledge-page .FilterMenu .block .widget-module a:active { color: rgba(6, 69, 120, 0.75); } @media (min-width: 768px) { .knowledge-page .FilterMenu .block .widget-module a { padding: 6px 0; } } .knowledge-page .FilterMenu .block .widget-module a > span { display: table-cell; vertical-align: top; } .knowledge-page .FilterMenu .block .widget-module a:hover .filter-item__checkbox:before { opacity: 1; } .touch .knowledge-page .FilterMenu .block .widget-module a:hover { color: #727783; } .touch .knowledge-page .FilterMenu .block .widget-module a:active { color: #064578; } .touch .knowledge-page .FilterMenu .block .widget-module a:active .filter-item__checkbox:before { opacity: 1; } .knowledge-page .FilterMenu .filter-item a { color: #727783; border: none; font-size: 1.4rem; line-height: 1.25; display: table; cursor: pointer; } .knowledge-page .FilterMenu .filter-item a:hover, .knowledge-page .FilterMenu .filter-item a:focus { border: none !important; text-decoration: none !important; } .knowledge-page .FilterMenu .filter-item a:focus { color: #727783; } .knowledge-page .FilterMenu .filter-item a:active { color: #064578; border: none; text-decoration: none; } .no-touch .knowledge-page .FilterMenu .filter-item a:hover { color: #064578; } .no-touch .knowledge-page .FilterMenu .filter-item a:active { color: rgba(6, 69, 120, 0.75); } @media screen and (max-width: 479px) { .knowledge-page .FilterMenu .filter-item a { font-size: 1.6rem; } } .knowledge-page .FilterMenu .filter-item a > span { display: table-cell; vertical-align: top; } .knowledge-page .FilterMenu .filter-item a:hover .filter-item__checkbox:before { opacity: 1; } .touch .knowledge-page .FilterMenu .filter-item a:hover { color: #727783; } .touch .knowledge-page .FilterMenu .filter-item a:hover .filter-item__checkbox:before { opacity: 0.5; } .touch .knowledge-page .FilterMenu .filter-item a:active { color: #064578; } .touch .knowledge-page .FilterMenu .filter-item a:active .filter-item__checkbox:before { opacity: 1; } .knowledge-page .FilterMenu .filter-item__checkbox:before { content: ''; display: inline-block; margin-right: 0; position: relative; transition: all ease-in-out 0.15s; opacity: 0.5; top: -2px; left: 6px; width: 18px; height: 18px; border-radius: 2px; border: 2px solid #a1a2a6; } .knowledge-page .FilterMenu .filter-item__title { padding-left: 22px; } .knowledge-page .FilterMenu .filter-item[data-state="selected"] .filter-item__checkbox:before { background-color: #0c5394; border-color: #0c5394; opacity: 1; } .knowledge-page .FilterMenu .filter-item[data-state="selected"] a:hover .filter-item__checkbox:before { opacity: 1; } .knowledge-page .FilterMenu .filter-item[data-state="selected"] a:active .filter-item__title { color: #071f32; } .knowledge-page .FilterMenu .filter-item[data-state="selected"] a:active .filter-item__checkbox:before { border-color: #071f32; background-color: #071f32; opacity: 1; } .no-touch .knowledge-page .FilterMenu .filter-item[data-state="selected"] a:hover .filter-item__title { color: #071f32; } .no-touch .knowledge-page .FilterMenu .filter-item[data-state="selected"] a:hover .filter-item__checkbox:before { border-color: #071f32; background-color: #071f32; opacity: 1; } .knowledge-page .FilterMenu .block--content-types .widget-module a > span { vertical-align: middle !important; } .knowledge-page .FilterMenu .block--content-types .filter-item { /*---- Guide Checkbox ---*/ } .knowledge-page .FilterMenu .block--content-types .filter-item__title { padding-top: 2px; padding-left: 9px; } .knowledge-page .FilterMenu .block--content-types .filter-item__checkbox { position: relative; background: #bbbcbf; border-radius: 2px; width: 31px; height: 31px; } .knowledge-page .FilterMenu .block--content-types .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item__checkbox:before { transition: all ease-in-out 0.25s; transition-delay: 0s; } .knowledge-page .FilterMenu .block--content-types .filter-item__checkbox:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 25px; height: 25px; margin: 3px; background-color: #bbbcbf; background-repeat: no-repeat; background-image: url("https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/knowledgehub-icons.png"); background-size: 200px auto; border: none; opacity: 1; } .knowledge-page .FilterMenu .block--content-types .filter-item a { color: inherit; } .knowledge-page .FilterMenu .block--content-types .filter-item a:focus { color: inherit; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item a:hover .filter-item__title { color: inherit; } .knowledge-page .FilterMenu .block--content-types .filter-item--Guide .filter-item__checkbox:before { background-position: 0px; } .knowledge-page .FilterMenu .block--content-types .filter-item--Guide a:active { color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Guide a:hover { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"] { color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"] .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"]:active { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"]:active .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"]:hover .filter-item__checkbox, .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Guide[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Blog .filter-item__checkbox:before { background-position: -25px; } .knowledge-page .FilterMenu .block--content-types .filter-item--Blog a:active { color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Blog a:hover { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"] { color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"] .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"]:active { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"]:active .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"]:hover .filter-item__checkbox, .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Blog[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Video .filter-item__checkbox:before { background-position: -50px; } .knowledge-page .FilterMenu .block--content-types .filter-item--Video a:active { color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Video a:hover { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"] { color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"] .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"]:active { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"]:active .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"]:hover .filter-item__checkbox, .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Video[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar .filter-item__checkbox:before { background-position: -75px; } .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar a:active { color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar a:hover { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"] { color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"] .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:active { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:active .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:hover .filter-item__checkbox, .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast .filter-item__checkbox:before { background-position: -100px; } .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast a:active { color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast a:hover { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"] { color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"] .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"]:active { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"]:active .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"]:hover .filter-item__checkbox, .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--Podcast[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse .filter-item__checkbox:before { background-position: -125px; } .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse a:active { color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse a:hover { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"] { color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"] .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"]:active { color: #e36900; } .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"]:active .filter-item__checkbox, .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"]:hover .filter-item__checkbox, .no-touch .knowledge-page .FilterMenu .block--content-types .filter-item--EmailCourse[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .knowledge-page .FilterMenu-button { position: absolute; top: 0; right: 0; width: 45px; height: 186px; background-color: #727783; color: white; transition: all ease-in-out 0.25s, height cubic-bezier(0.23, 1, 0.32, 1) 750ms; } @media screen and (min-width: 768px) { .knowledge-page .FilterMenu-button { width: 50px; } } .knowledge-page .FilterMenu-button:active { transition: all ease-in-out 0.1s; background-color: #7f8490; } .no-touch .knowledge-page .FilterMenu-button:hover { background-color: #7f8490; } .no-touch .knowledge-page .FilterMenu-button:active { background-color: #8d919b; } .knowledge-page .FilterMenu-buttonIcon { display: block; width: 45px; height: 52px; position: relative; } @media screen and (min-width: 768px) { .knowledge-page .FilterMenu-buttonIcon { width: 50px; } } .knowledge-page .FilterMenu-buttonIcon svg.icon { stroke: #fff !important; fill: #fff !important; margin: 18.2px 0; position: absolute; top: 0; width: 100%; text-align: center; } .knowledge-page .FilterMenu-buttonIcon .icon-arrow-left { display: none; } .knowledge-page .FilterMenu-buttonCaption { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; display: block; width: 134px; color: #fff; -webkit-transform: rotate(-90deg) translate(-46.8px, -42.75px); transform: rotate(-90deg) translate(-46.8px, -42.75px); text-align: center; cursor: pointer; } .tag-link .knowledge-page .FilterMenu-buttonCaption { color: inherit; } @media screen and (max-width: 767px) { .knowledge-page .FilterMenu-buttonCaption { font-size: 1.4rem; } } @media screen and (min-width: 768px) { .knowledge-page .FilterMenu-buttonCaption { -webkit-transform: rotate(-90deg) translate(-46.8px, -42.5px); transform: rotate(-90deg) translate(-46.8px, -42.5px); } } .knowledge-page .filter-menu { font-size: 1.7rem; line-height: 1.5; position: fixed; top: 0; left: 0; width: 300px !important; height: 100vh; z-index: 101; background: #fff; color: #303842; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.45); /*-------------------------------------*\ Fixed desktop sidebar styling \*-------------------------------------*/ } @media (min-width: 768px) { .knowledge-page .filter-menu { font-size: 1.6rem; } } .knowledge-page .filter-menu ul { margin: 0; padding: 0; list-style: none; } .knowledge-page .filter-menu li { padding: 0; } .knowledge-page .filter-menu-wrapper[data-total-selected="0"] .filter-menu__clear-all { opacity: 0; } .knowledge-page .filter-menu__header { position: relative; height: 96px; padding: 24px 32px; background-color: #A5181C; color: #fff; } .knowledge-page .filter-menu__header__caption { font-weight: 600; margin: 0; } .knowledge-page .filter-menu__header__badge { display: none; } .knowledge-page .filter-menu__header .filter-menu__clear-all { position: absolute; top: 0; right: 0; margin-top: 24px; font-size: 1.4rem; color: #A5181C; transition: all ease-in-out 0.25s; display: none; } .knowledge-page .filter-menu__header .filter-menu__clear-all:hover, .knowledge-page .filter-menu__header .filter-menu__clear-all:focus { text-decoration: none; color: #303842; } .knowledge-page .filter-menu__header .filter-menu__clear-all:active { transition: none; } .knowledge-page .filter-menu-wrapper { position: relative; } .knowledge-page .filter-menu-wrapper:before, .knowledge-page .filter-menu-wrapper:after { transition: all ease-in-out 0.15s; pointer-events: none; } .knowledge-page .filter-menu-wrapper + div { pointer-events: none; } .knowledge-page .filter-menu-wrapper.scrolled-down:before { opacity: 1; } .knowledge-page .filter-menu-wrapper.scrolled-bottom:after { opacity: 0; } .knowledge-page .filter-menu__list { position: relative; height: calc(100vh - 96px); overflow-y: auto; -webkit-overflow-scrolling: touch; } .knowledge-page .filter-menu__list__inner { padding-top: 12px; } .knowledge-page .filter-menu .filter-group { padding: 0 32px; border-bottom: 1px solid rgba(243, 242, 245, 0.5); /* Filter group is expanded */ /* Filter group is collapsed */ /* Filter group has selected items */ } .knowledge-page .filter-menu .filter-group__header { padding: 24px 0 20px; display: table; width: 100%; cursor: pointer; } .knowledge-page .filter-menu .filter-group__header > span { display: table-cell; vertical-align: middle; } .knowledge-page .filter-menu .filter-group__items { overflow: hidden; } .knowledge-page .filter-menu .filter-group__items li { margin-bottom: 0; } .knowledge-page .filter-menu .filter-group__items li a { display: block; padding: 8px 0; } @media (min-width: 768px) { .knowledge-page .filter-menu .filter-group__items li a { padding: 6px 0; } } .knowledge-page .filter-menu .filter-group__items li:first-child a { padding-top: 0; } .knowledge-page .filter-menu .filter-group[data-state="expanded"] .group-header__title .icon-toggle:before { opacity: 0.5; -webkit-transform: translate(-2px, 0); transform: translate(-2px, 0); } .knowledge-page .filter-menu .filter-group[data-state="expanded"] .filter-group__items { margin-bottom: 24px; } .knowledge-page .filter-menu .filter-group[data-state="collapsed"] .filter-group__items { height: 0; } .knowledge-page .filter-menu .filter-group[data-state="collapsed"] .group-header__title .icon-toggle:before { opacity: 0.75; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .knowledge-page .filter-menu .filter-group[data-select-count="0"] .group-header__badge .badge-wrapper { opacity: 0; } .knowledge-page .filter-menu .group-header__title { position: relative; font-weight: 600; font-size: 2.1rem; line-height: 1.5; color: #303842; } @media (min-width: 480px) { .knowledge-page .filter-menu .group-header__title { font-size: 1.7rem; } } .knowledge-page .filter-menu .group-header__title, .knowledge-page .filter-menu .group-header__title .icon-toggle { transition: all ease-in-out 0.15s; } .knowledge-page .filter-menu .group-header__title .icon-toggle { position: absolute; left: -17px; top: 12px; display: inline-block; width: 12px; height: 12px; } .knowledge-page .filter-menu .group-header__title .icon-toggle:before { content: ''; display: block; color: #303842; width: inherit; height: inherit; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/caret-down.svg') no-repeat; stroke: #303842 !important; fill: #303842 !important; -webkit-transform-origin: 35% 30%; transform-origin: 35% 30%; transition: all ease-in-out 0.25s; } .knowledge-page .filter-menu .group-header__title:hover, .knowledge-page .filter-menu .group-header__title:active { color: #064578; } .knowledge-page .filter-menu .group-header__title:hover .icon-toggle:before, .knowledge-page .filter-menu .group-header__title:active .icon-toggle:before { stroke: #064578 !important; fill: #064578 !important; } .touch .knowledge-page .filter-menu .group-header__title:hover { color: #303842; } .touch .knowledge-page .filter-menu .group-header__title:hover .icon-toggle:before { stroke: #303842 !important; fill: #303842 !important; } .knowledge-page .filter-menu .group-header__badge { text-align: right; line-height: 1; } .knowledge-page .filter-menu--in { overflow: hidden !important; } /*-------------------------------------*\ Page Animation Preparations \*-------------------------------------*/ .knowledge-page { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .knowledge-page.all-initiated .side-panel { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .knowledge-page .header-container, .knowledge-page .footer-container-wrapper, .knowledge-page .body-container { position: relative; } .knowledge-page .header-container:after, .knowledge-page .footer-container-wrapper:after, .knowledge-page .body-container:after { display: block; content: ''; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: black; transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; pointer-events: none; opacity: 0; } /*-------------------------------------*\ Side Panel Expanded Body gets .side-panel-expanded class \*-------------------------------------*/ .knowledge-page.side-panel-expanded { overflow-x: hidden !important; background: rgba(0, 0, 0, 0.35); } .knowledge-page.side-panel-expanded .header-container, .knowledge-page.side-panel-expanded .footer-container-wrapper, .knowledge-page.side-panel-expanded .body-container { position: relative; } .knowledge-page.side-panel-expanded .header-container:after, .knowledge-page.side-panel-expanded .footer-container-wrapper:after, .knowledge-page.side-panel-expanded .body-container:after { opacity: 0.35; pointer-events: auto; } .no-touch .knowledge-page.side-panel-expanded .header-container, .no-touch .knowledge-page.side-panel-expanded .main-content, .no-touch .knowledge-page.side-panel-expanded .footer-container-wrapper { overflow: hidden; } /* KNOWLEDGE HUB PAGE: FILTER INFO ROW ----------------------------------- */ .KnowledgeHub-keyboardGuide { position: absolute; top: 0; left: 0; width: 100%; margin: 28px 0 0; text-align: center; font-size: 1.3rem; color: #a1a2a6; transition: all ease-in-out 0.25s; opacity: 0; } .KnowledgeHub-keyboardGuide p { margin: 0; } @media screen and (min-width: 768px) { .no-touch .window-focused:not(.side-panel-expanded):not(.filter-applied) .KnowledgeHub-keyboardGuide { opacity: 1; } } @-webkit-keyframes pulsate { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .KnowledgeHub-filterInfo { margin-top: -0.75 16px; margin-bottom: 28px; margin-left: -2px; margin-right: -2px; text-align: left; height: 0; overflow: hidden; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.45s; opacity: 0; } @media screen and (min-width: 480px) { .KnowledgeHub-filterInfo { margin-bottom: 24px; } } .filter-applied .KnowledgeHub-filterInfo { opacity: 1; } .KnowledgeHub-filterInfo .filter-tag { display: inline-block; vertical-align: bottom; margin: 0 4px 16px; padding: 7px 40px 5px 24px; font-size: 1.4rem; line-height: 1; font-weight: 600; color: #727783; background-color: #fff; border-radius: 50px; white-space: nowrap; position: relative; } .KnowledgeHub-filterInfo .filter-tag, .KnowledgeHub-filterInfo .filter-tag:focus, .KnowledgeHub-filterInfo .filter-tag:hover, .KnowledgeHub-filterInfo .filter-tag:active { border: none; text-decoration: none; } .KnowledgeHub-filterInfo .filter-tag:active { background-color: #a1a2a6; color: #fff; } .no-touch .KnowledgeHub-filterInfo .filter-tag:hover { background-color: #a1a2a6; color: #fff; } .no-touch .KnowledgeHub-filterInfo .filter-tag:active { background-color: #727783; } .KnowledgeHub-filterInfo .filter-tag--clear { background-color: #A5181C; color: #fff; } .KnowledgeHub-filterInfo .filter-tag--clear:active { background-color: #ff9236; } .no-touch .KnowledgeHub-filterInfo .filter-tag--clear:hover { background-color: #ff8d2b; } .no-touch .KnowledgeHub-filterInfo .filter-tag--clear:active { background-color: #ff7d0d; } .KnowledgeHub-filterInfo .clear-icon { margin-left: 8px; margin-right: 15px; top: 1px; right: 0; position: absolute; font-size: 160%; line-height: 1; } .knowledge-page .istone-grid { background-color: #A5181C; } .knowledge-page .FilterInfo-tags { display: inline; } /* KNOWLEDGE HUB PAGE: LISTING ----------------------------------- */ /*------------------------------------------------*\ List Styling \*------------------------------------------------*/ .KnowledgeHub-listing { margin-left: -20px; margin-right: -20px; text-align: center; } .KnowledgeHub-listing:before, .KnowledgeHub-listing:after { content: " "; /* 1 */ display: table; /* 2 */ } .KnowledgeHub-listing:after { clear: both; } .KnowledgeHub-listing:before, .KnowledgeHub-listing:after { content: " "; /* 1 */ display: table; /* 2 */ } .KnowledgeHub-listing:after { clear: both; } @media screen and (min-width: 768px) { .KnowledgeHub-listing { margin-left: -40px; margin-right: -40px; } } /*------------------------------------------------*\ List Item \*------------------------------------------------*/ .KnowledgeHub-item { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); display: inline-block; vertical-align: top; max-width: calc(100% - 40px); width: 360px; height: 384px; margin: 0 20px 36px; padding-bottom: 38px; background-color: #fff; text-align: center; cursor: pointer; overflow: hidden; position: relative; /***** Transitions ****/ -webkit-transform: scale(0.95) translate3d(0, 0, 0); transform: scale(0.95) translate3d(0, 0, 0); transition: all ease-in-out 0.25s; opacity: 0; /*------------------------------------------------*\ Item has no image \*------------------------------------------------*/ /*------------------------------------------------*\ Content Type Color & Icon Styling \*------------------------------------------------*/ } .KnowledgeHub-item.anim-in { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .KnowledgeHub-item.anim-out { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); transition-duration: 0.15s; } .KnowledgeHub-item.hidden { display: none; } .KnowledgeHub-item .KnowledgeHub-itemInner { transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; -webkit-transform: translateY(-16px); transform: translateY(-16px); } .KnowledgeHub-item .KnowledgeHub-itemInner { background-color: #fff; } .KnowledgeHub-item:active { transition-duration: 0.15s; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } .KnowledgeHub-item:active .KnowledgeHub-itemInner { transition-duration: 0.2s; } .no-touch .KnowledgeHub-item:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .no-touch .KnowledgeHub-item:hover .KnowledgeHub-itemInner { -webkit-transform: translateY(-72px); transform: translateY(-72px); } .no-touch .KnowledgeHub-item:hover .Item-image { -webkit-transform: translateY(-16px); transform: translateY(-16px); } .no-touch .KnowledgeHub-item:hover .Item-imagePlaceholder { opacity: 0.25 !important; } .no-touch .KnowledgeHub-item:hover .Item-desc { opacity: 1; } .no-touch .KnowledgeHub-item:hover .Item-typeIcon { box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } .no-touch .KnowledgeHub-item:active { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } .no-touch .KnowledgeHub-item:active .KnowledgeHub-itemInner { transition-duration: 0.2s; -webkit-transform: translateY(-64px); transform: translateY(-64px); } .no-touch .KnowledgeHub-item.KnowledgeHub-item--noImage:hover .Item-imagePlaceholder { opacity: 1 !important; background: rgba(0, 0, 0, 0.15); } .KnowledgeHub-item .Item-image { width: 100%; height: 180px; background-color: rgba(243, 242, 245, 0.5); transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; } .KnowledgeHub-item .Item-image div { transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; } .KnowledgeHub-item .Item-image.loaded .Item-imagePlaceholder { opacity: 1; } .KnowledgeHub-item .Item-imagePlaceholder { height: 180px; background-repeat: no-repeat; background-size: cover; opacity: 0; } .KnowledgeHub-item .Item-imagePlaceholder img { display: none; } .KnowledgeHub-item .Item-type { position: relative; top: -27.3px; margin-bottom: -27.3px; z-index: 1; color: #f3f2f5; } .KnowledgeHub-item .Item-typeIcon { display: inline-block; width: 39px; height: 39px; border-radius: 50%; background-color: #f3f2f5; transition: all ease-in-out 0.25s; position: relative; } .KnowledgeHub-item .Item-typeIcon:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 25px; height: 25px; margin: 7px; background-repeat: no-repeat; background-image: url("https://494838.fs1.hubspotusercontent-na1.net/hubfs/494838/knowledgehub-icons.png"); background-size: 200px auto; } .KnowledgeHub-item .Item-typeLabel { display: block; font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: 0.12727273em; text-transform: uppercase; } .KnowledgeHub-item .Item-title { font-size: 2rem; line-height: 1.4; font-family: Poppins,sans-serif;; font-weight: 400; margin: 16px 0; line-height: 1.33 !important; } @media screen and (min-width: 768px) { .KnowledgeHub-item .Item-title { font-size: 2.4rem; line-height: 1.5; } } .KnowledgeHub-item .Item-body { padding: 0 30px; height: 17.75rem; overflow: hidden; } .KnowledgeHub-item .Item-desc { font-size: 1.4rem; line-height: 1.71428571; transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; opacity: 0; } .KnowledgeHub-item .Item-footer { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; height: 38px; position: absolute; bottom: 0; z-index: 1; width: 100%; padding-top: 14.44px; background-color: #fff; border-top: 1px solid rgba(161, 162, 166, 0.25); font-size: 10px; line-height: 1; color: #a1a2a6; } .KnowledgeHub-item--noImage .Item-typeIcon { box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } .KnowledgeHub-item--typeGuide .Item-image, .KnowledgeHub-item--typeGuide .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeGuide .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeGuide .Item-typeIcon:after { background-position: 1px; } .KnowledgeHub-item--typeBlog .Item-image, .KnowledgeHub-item--typeBlog .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeBlog .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeBlog .Item-typeIcon:after { background-position: -25px; } .KnowledgeHub-item--typeVideo .Item-image, .KnowledgeHub-item--typeVideo .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeVideo .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeVideo .Item-typeIcon:after { background-position: -50px; } .KnowledgeHub-item--typeWebinar .Item-image, .KnowledgeHub-item--typeWebinar .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeWebinar .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeWebinar .Item-typeIcon:after { background-position: -75px; } .KnowledgeHub-item--typePodcast .Item-image, .KnowledgeHub-item--typePodcast .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typePodcast .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typePodcast .Item-typeIcon:after { background-position: -100px; } .KnowledgeHub-item--typeEmailCourse .Item-image, .KnowledgeHub-item--typeEmailCourse .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeEmailCourse .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeEmailCourse .Item-typeIcon:after { background-position: -125px; } .KnowledgeHub-item--typeIndustryReport .Item-image, .KnowledgeHub-item--typeIndustryReport .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeIndustryReport .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeIndustryReport .Item-typeIcon:after { background-position: -25px; } .KnowledgeHub-item--typeInfographic .Item-image, .KnowledgeHub-item--typeInfographic .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeInfographic .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeInfographic .Item-typeIcon:after { background-position: -150px; } .KnowledgeHub-item--typeCaseStudy .Item-image, .KnowledgeHub-item--typeCaseStudy .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeCaseStudy .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeCaseStudy .Item-typeIcon:after { background-position: -175px; } .KnowledgeHub-item--typeeBook .Item-image, .KnowledgeHub-item--typeeBook .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeeBook .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeeBook .Item-typeIcon:after { background-position: -25px; } .KnowledgeHub-item--typeFactSheet .Item-image, .KnowledgeHub-item--typeFactSheet .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeFactSheet .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeFactSheet .Item-typeIcon:after { background-position: 1px; } .KnowledgeHub-item--typeSolutionResource .Item-image, .KnowledgeHub-item--typeSolutionResource .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeSolutionResource .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeSolutionResource .Item-typeIcon:after { background-position: -125px; } .KnowledgeHub-item--typeCourse .Item-image, .KnowledgeHub-item--typeCourse .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeCourse .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeCourse .Item-typeIcon:after { background-position: -25px; } .KnowledgeHub-item--typeTipsheet .Item-image, .KnowledgeHub-item--typeTipsheet .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeTipsheet .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeTipsheet .Item-typeIcon:after { background-position: -25px; } .KnowledgeHub-item--typeDemo .Item-image, .KnowledgeHub-item--typeDemo .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeDemo .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeDemo .Item-typeIcon:after { background-position: -175px; } .KnowledgeHub-item--typeReport .Item-image, .KnowledgeHub-item--typeReport .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeReport .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeReport .Item-typeIcon:after { background-position: -125px; } .KnowledgeHub-item--typeWhitepaper .Item-image, .KnowledgeHub-item--typeWhitepaper .Item-typeIcon { background-color: #A5181C; } .KnowledgeHub-item--typeWhitepaper .Item-typeLabel { color: #A5181C; } .KnowledgeHub-item--typeWhitepaper .Item-typeIcon:after { background-position: -25px; } /* KNOWLEDGE HUB PAGE: ANIMATIONS ----------------------------------- */ /* EVENTS PAGE ----------------------------------- */ .events-page .header-container, .events-page .body-container-wrapper { background: #f3f2f5; } @media (max-width: 479px) { .events-page .page-hero__content { height: 240px !important; padding-top: 72px; padding-bottom: 32px; } } .events-page .Events { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .events-page .Events-noResults { display: none; margin: 112px 0; text-align: center; } .events-page .Events-inner { padding-left: 20px; padding-right: 20px; padding-top: 32px; padding-bottom: 16px; } @media (min-width: 480px) { .events-page .Events-inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .events-page .Events-inner { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } @media screen and (max-width: 767px) { .events-page .Events-inner { max-width: 328px; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 479px) { .events-page .Events-inner { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 768px) { .events-page .Events-inner { padding-top: 64px; padding-bottom: 32px; } } @media (min-width: 992px) { .events-page .Events-inner { padding-top: 72px; padding-bottom: 40px; } } .events-page .filter-item--Video { display: none; } /* KNOWLEDGE HUB PAGE: FILTER MENU ----------------------------------- */ .events-page { /*------------------------------------------------*\ Filter Button \*------------------------------------------------*/ } .events-page.side-panel-expanded .FilterMenu { -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } .events-page.side-panel-expanded .FilterMenu-button { background-color: #ff9031; } .events-page.side-panel-expanded .FilterMenu-button:active { background-color: #ff9031; } .no-touch .events-page.side-panel-expanded .FilterMenu-button:hover { background-color: #ff9d4a; } .no-touch .events-page.side-panel-expanded .FilterMenu-button:active { background-color: #ffab63; } @media screen and (max-width: 479px) { .events-page .FilterMenu { opacity: 0; pointer-events: none; } .events-page.has-scrolled .FilterMenu { opacity: 1; pointer-events: auto; } } .events-page .FilterMenu { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); height: 186px; width: 306px !important; top: 120px; z-index: 200 !important; -webkit-transform: translate3d(-261px, 0, 0); transform: translate3d(-261px, 0, 0); opacity: 1; overflow: hidden; /*---- Default Resets & Overrides ----*/ /* Filter group has selected items */ /*-------------------------------------*\ Content Type Checkboxes \*-------------------------------------*/ } @media screen and (min-width: 480px) { .events-page .FilterMenu { top: 128px; } } @media screen and (min-width: 768px) { .events-page .FilterMenu { top: 28%; width: 351px !important; height: 186px; -webkit-transform: translate3d(-301px, 0, 0); transform: translate3d(-301px, 0, 0); } } @media screen and (min-width: 992px) { .events-page .FilterMenu { width: 356px !important; -webkit-transform: translate3d(-306px, 0, 0); transform: translate3d(-306px, 0, 0); } } .events-page .FilterMenu .side-panel__body__inner { padding: 12px 0 0; } .events-page .FilterMenu .side-panel__body { height: auto; } .events-page .FilterMenu .filter-menu__list { height: auto; } .events-page .FilterMenu .side-panel__search .icon { position: absolute; top: 0; left: 0; margin: 23.2px 17px; width: 22px; height: 20px; } .events-page .FilterMenu .side-panel__search input { height: 64px; background: none; padding-top: 1rem; padding-left: 50px; padding-right: 57px; font-size: 1.6rem; border-top: none; border-left: none; border-right: none; } @media screen and (min-width: 768px) { .events-page .FilterMenu .side-panel__search input { padding-right: 62px; } } .events-page .FilterMenu .side-panel__search input:focus { box-shadow: none; border-top: none; border-left: none; border-right: none; border-color: #a1a2a6; background-color: rgba(243, 242, 245, 0.35); } .events-page .FilterMenu .side-panel__search .hs-input, .events-page .FilterMenu .side-panel__search .hs-button { height: 50px; } .events-page .FilterMenu .side-panel__search .hs-input { padding-left: 32px; font-size: 1.6rem; line-height: 50px; } .events-page .FilterMenu .side-panel__search .hs-button { min-width: 0; padding: 0.229em 1.14285714em 0.2em; color: #A5181C; border: none; background: none !important; top: 0; line-height: 48px; padding: 0 32px 0.3rem; } .events-page .FilterMenu .side-panel__search .hs-button, .events-page .FilterMenu .side-panel__search .hs-button * { font-size: 1.4rem; line-height: 1.71428571; font-weight: 500; letter-spacing: 1px; } @media screen and (max-width: 479px) { .events-page .FilterMenu .side-panel__search .hs-button { padding: 0.19em 1.14285714em 0.195em; } .events-page .FilterMenu .side-panel__search .hs-button, .events-page .FilterMenu .side-panel__search .hs-button * { font-size: 1.3rem; } } .events-page .FilterMenu .side-panel__search .hs-button:hover, .events-page .FilterMenu .side-panel__search .hs-button:focus { border: none !important; text-decoration: none !important; } .events-page .FilterMenu .side-panel__search .hs-button:focus { color: #A5181C; } .events-page .FilterMenu .side-panel__search .hs-button:active { color: #727783; border: none; text-decoration: none; } .no-touch .events-page .FilterMenu .side-panel__search .hs-button:hover { color: #727783; } .no-touch .events-page .FilterMenu .side-panel__search .hs-button:active { color: rgba(114, 119, 131, 0.75); } .events-page .FilterMenu .side-panel__body--list a { display: block; } .events-page .FilterMenu .block { padding: 0 32px; border-bottom: 1px solid rgba(161, 162, 166, 0.4); /* Filter group is expanded */ /* Filter group is collapsed */ } .events-page .FilterMenu .block[data-state="expanded"] h3 .icon-toggle:before { opacity: 0.5; -webkit-transform: translate(-2px, 0); transform: translate(-2px, 0); } .events-page .FilterMenu .block[data-state="collapsed"] .widget-module { margin-bottom: 0; height: 0; } .events-page .FilterMenu .block[data-state="collapsed"] h3 .icon-toggle:before { opacity: 0.75; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .events-page .FilterMenu .block h3 { margin: 0; padding: 19px 0 17px; position: relative; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; font-size: 1.6rem; line-height: 1.65; color: #303842; cursor: pointer; } @media screen and (min-width: 480px) { .events-page .FilterMenu .block h3 { font-size: 1.7rem; } } .events-page .FilterMenu .block h3, .events-page .FilterMenu .block h3 .icon-toggle { transition: all ease-in-out 0.15s; } .events-page .FilterMenu .block h3 .icon-toggle { position: absolute; left: -17px; top: 29px; display: inline-block; width: 12px; height: 12px; } .events-page .FilterMenu .block h3 .icon-toggle:before { content: ''; display: block; color: #303842; width: inherit; height: inherit; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/caret-down.svg') no-repeat; stroke: #303842 !important; fill: #303842 !important; -webkit-transform-origin: 35% 30%; transform-origin: 35% 30%; transition: all ease-in-out 0.25s; } .events-page .FilterMenu .block h3:hover, .events-page .FilterMenu .block h3:active { color: #064578; } .events-page .FilterMenu .block h3:hover .icon-toggle:before, .events-page .FilterMenu .block h3:active .icon-toggle:before { stroke: #064578 !important; fill: #064578 !important; } .touch .events-page .FilterMenu .block h3:hover { color: #303842; } .touch .events-page .FilterMenu .block h3:hover .icon-toggle:before { stroke: #303842 !important; fill: #303842 !important; } .events-page .FilterMenu .block[data-select-count="0"] .badge-wrapper { opacity: 0; } .events-page .FilterMenu .badge-wrapper { display: inline-block; position: relative; top: -1px; right: 0; margin-left: 5px; padding: 0.5em 2.5em 0.35em 0.85em; font-size: 1.4rem; line-height: 1; transition: all ease-in-out 0.25s; border: 1px solid rgba(48, 56, 66, 0.25); border-radius: 99px; cursor: pointer; color: #303842; } @media (min-width: 768px) { .events-page .FilterMenu .badge-wrapper { font-size: 1.2rem; } } .no-touch .events-page .FilterMenu .badge-wrapper:hover { background: #303842; border-color: #303842; color: white; } .no-touch .events-page .FilterMenu .badge-wrapper:hover .badge__clear-label { opacity: 1; } .events-page .FilterMenu .badge-wrapper:active { transition: none; background: #303842; border-color: #303842; color: white; } .events-page .FilterMenu .badge-wrapper.out { transition: none; } .events-page .FilterMenu .badge__clear-label { position: absolute; top: -1.4em; left: 0; right: 0; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: #727783; transition: all ease-in-out 0.25s; opacity: 0; } .events-page .FilterMenu .badge__clear { position: absolute; top: -1px; right: 0; margin-right: 8px; } .events-page .FilterMenu .badge__clear:before { content: '×'; display: inline-block; font-weight: bold; font-size: 145%; line-height: 24.5px; } .events-page .FilterMenu .block .widget-module { overflow: hidden; } .events-page .FilterMenu .block .widget-module ul { margin-top: 2px; margin-bottom: 20px; } .events-page .FilterMenu .block .widget-module li { margin-bottom: 0; } .events-page .FilterMenu .block .widget-module li:first-child a { padding-top: 0; } .events-page .FilterMenu .block .widget-module a { color: #727783; border: none; cursor: pointer; display: block; padding: 8px 0; } .events-page .FilterMenu .block .widget-module a:hover, .events-page .FilterMenu .block .widget-module a:focus { border: none !important; text-decoration: none !important; } .events-page .FilterMenu .block .widget-module a:focus { color: #727783; } .events-page .FilterMenu .block .widget-module a:active { color: #064578; border: none; text-decoration: none; } .no-touch .events-page .FilterMenu .block .widget-module a:hover { color: #064578; } .no-touch .events-page .FilterMenu .block .widget-module a:active { color: rgba(6, 69, 120, 0.75); } @media (min-width: 768px) { .events-page .FilterMenu .block .widget-module a { padding: 6px 0; } } .events-page .FilterMenu .block .widget-module a > span { display: table-cell; vertical-align: top; } .events-page .FilterMenu .block .widget-module a:hover .filter-item__checkbox:before { opacity: 1; } .touch .events-page .FilterMenu .block .widget-module a:hover { color: #727783; } .touch .events-page .FilterMenu .block .widget-module a:hover .filter-item__checkbox:before { opacity: 1; } .touch .events-page .FilterMenu .block .widget-module a:active { color: #064578; } .touch .events-page .FilterMenu .block .widget-module a:active .filter-item__checkbox:before { opacity: 1; } .events-page .FilterMenu .filter-item a { color: #727783; border: none; font-size: 1.4rem; line-height: 1.25; display: table; cursor: pointer; } .events-page .FilterMenu .filter-item a:hover, .events-page .FilterMenu .filter-item a:focus { border: none !important; text-decoration: none !important; } .events-page .FilterMenu .filter-item a:focus { color: #727783; } .events-page .FilterMenu .filter-item a:active { color: #064578; border: none; text-decoration: none; } .no-touch .events-page .FilterMenu .filter-item a:hover { color: #064578; } .no-touch .events-page .FilterMenu .filter-item a:active { color: rgba(6, 69, 120, 0.75); } @media screen and (max-width: 479px) { .events-page .FilterMenu .filter-item a { font-size: 1.6rem; } } .events-page .FilterMenu .filter-item a > span { display: table-cell; vertical-align: top; } .events-page .FilterMenu .filter-item a:hover .filter-item__checkbox:before { opacity: 1; } .touch .events-page .FilterMenu .filter-item a:hover { color: #727783; } .touch .events-page .FilterMenu .filter-item a:hover .filter-item__checkbox:before { opacity: 0.5; } .touch .events-page .FilterMenu .filter-item a:active { color: #064578; } .touch .events-page .FilterMenu .filter-item a:active .filter-item__checkbox:before { opacity: 1; } .events-page .FilterMenu .filter-item__checkbox:before { content: ''; display: inline-block; margin-right: 0; position: relative; transition: all ease-in-out 0.15s; opacity: 0.5; top: -2px; left: 6px; width: 18px; height: 18px; border-radius: 2px; border: 2px solid #a1a2a6; } .events-page .FilterMenu .filter-item__title { padding-left: 22px; } .events-page .FilterMenu .filter-item[data-state="selected"] .filter-item__checkbox:before { background-color: #0c5394; border-color: #0c5394; opacity: 1; } .events-page .FilterMenu .filter-item[data-state="selected"] a:hover .filter-item__checkbox:before { opacity: 1; } .events-page .FilterMenu .filter-item[data-state="selected"] a:active .filter-item__title { color: #071f32; } .events-page .FilterMenu .filter-item[data-state="selected"] a:active .filter-item__checkbox:before { border-color: #071f32; background-color: #071f32; opacity: 1; } .no-touch .events-page .FilterMenu .filter-item[data-state="selected"] a:hover .filter-item__title { color: #071f32; } .no-touch .events-page .FilterMenu .filter-item[data-state="selected"] a:hover .filter-item__checkbox:before { border-color: #071f32; background-color: #071f32; opacity: 1; } .events-page .FilterMenu .block--content-types .widget-module a > span { vertical-align: middle !important; } .events-page .FilterMenu .block--content-types .filter-item { /*---- Guide Checkbox ---*/ } .events-page .FilterMenu .block--content-types .filter-item__title { padding-top: 2px; padding-left: 9px; } .events-page .FilterMenu .block--content-types .filter-item__checkbox { position: relative; background: #bbbcbf; border-radius: 2px; width: 31px; height: 31px; } .events-page .FilterMenu .block--content-types .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item__checkbox:before { transition: all ease-in-out 0.25s; transition-delay: 0s; } .events-page .FilterMenu .block--content-types .filter-item__checkbox:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 25px; height: 25px; margin: 3px; background-color: #bbbcbf; background-repeat: no-repeat; background-image: url("https://www.istone.com/hubfs/Assets/img/events-icons.png"); background-size: 100px auto; border: none; opacity: 1; } .events-page .FilterMenu .block--content-types .filter-item a { color: inherit; } .events-page .FilterMenu .block--content-types .filter-item a:focus { color: inherit; } .no-touch .events-page .FilterMenu .block--content-types .filter-item a:hover .filter-item__title { color: inherit; } .events-page .FilterMenu .block--content-types .filter-item--Event .filter-item__checkbox:before { background-position: 0px; } .events-page .FilterMenu .block--content-types .filter-item--Event a:active { color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Event a:hover { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"] { color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"] .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"]:active { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"]:active .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"]:hover .filter-item__checkbox, .no-touch .events-page .FilterMenu .block--content-types .filter-item--Event[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Webinar .filter-item__checkbox:before { background-position: -25px; } .events-page .FilterMenu .block--content-types .filter-item--Webinar a:active { color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Webinar a:hover { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"] { color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"] .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:active { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:active .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:hover .filter-item__checkbox, .no-touch .events-page .FilterMenu .block--content-types .filter-item--Webinar[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Seminar .filter-item__checkbox:before { background-position: -50px; } .events-page .FilterMenu .block--content-types .filter-item--Seminar a:active { color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Seminar a:hover { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"] { color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"] .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"]:active { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"]:active .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"]:hover .filter-item__checkbox, .no-touch .events-page .FilterMenu .block--content-types .filter-item--Seminar[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Exhibition .filter-item__checkbox:before { background-position: -75px; } .events-page .FilterMenu .block--content-types .filter-item--Exhibition a:active { color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Exhibition a:hover { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"] { color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"] .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; } .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"]:active { color: #e36900; } .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"]:active .filter-item__checkbox, .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"]:active .filter-item__checkbox:before { background-color: #e36900; } .no-touch .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"]:hover .filter-item__checkbox, .no-touch .events-page .FilterMenu .block--content-types .filter-item--Exhibition[data-state="selected"]:hover .filter-item__checkbox:before { background-color: #e36900; } .events-page .FilterMenu-button { position: absolute; top: 0; right: 0; width: 45px; height: 186px; background-color: #727783; color: white; transition: all ease-in-out 0.25s, height cubic-bezier(0.23, 1, 0.32, 1) 750ms; } @media screen and (min-width: 768px) { .events-page .FilterMenu-button { width: 50px; } } .events-page .FilterMenu-button:active { transition: all ease-in-out 0.1s; background-color: #7f8490; } .no-touch .events-page .FilterMenu-button:hover { background-color: #7f8490; } .no-touch .events-page .FilterMenu-button:active { background-color: #8d919b; } .events-page .FilterMenu-buttonIcon { display: block; width: 45px; height: 52px; position: relative; } @media screen and (min-width: 768px) { .events-page .FilterMenu-buttonIcon { width: 50px; } } .events-page .FilterMenu-buttonIcon svg.icon { stroke: #fff !important; fill: #fff !important; margin: 18.2px 0; position: absolute; top: 0; width: 100%; text-align: center; } .events-page .FilterMenu-buttonIcon .icon-arrow-left { display: none; } .events-page .FilterMenu-buttonCaption { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; display: block; width: 134px; color: #fff; -webkit-transform: rotate(-90deg) translate(-46.8px, -42.75px); transform: rotate(-90deg) translate(-46.8px, -42.75px); text-align: center; cursor: pointer; } .tag-link .events-page .FilterMenu-buttonCaption { color: inherit; } @media screen and (max-width: 767px) { .events-page .FilterMenu-buttonCaption { font-size: 1.4rem; } } @media screen and (min-width: 768px) { .events-page .FilterMenu-buttonCaption { -webkit-transform: rotate(-90deg) translate(-46.8px, -42.5px); transform: rotate(-90deg) translate(-46.8px, -42.5px); } } .events-page .filter-menu { font-size: 1.7rem; line-height: 1.5; position: fixed; top: 0; left: 0; width: 300px !important; height: 100vh; z-index: 101; background: #fff; color: #303842; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.45); /*-------------------------------------*\ Fixed desktop sidebar styling \*-------------------------------------*/ } @media (min-width: 768px) { .events-page .filter-menu { font-size: 1.6rem; } } .events-page .filter-menu ul { margin: 0; padding: 0; list-style: none; } .events-page .filter-menu li { padding: 0; } .events-page .filter-menu-wrapper[data-total-selected="0"] .filter-menu__clear-all { opacity: 0; } .events-page .filter-menu__header { position: relative; height: 96px; padding: 24px 32px; background-color: #A5181C; color: #fff; } .events-page .filter-menu__header__caption { font-weight: 600; margin: 0; } .events-page .filter-menu__header__badge { display: none; } .events-page .filter-menu__header .filter-menu__clear-all { position: absolute; top: 0; right: 0; margin-top: 24px; font-size: 1.4rem; color: #A5181C; transition: all ease-in-out 0.25s; display: none; } .events-page .filter-menu__header .filter-menu__clear-all:hover, .events-page .filter-menu__header .filter-menu__clear-all:focus { text-decoration: none; color: #303842; } .events-page .filter-menu__header .filter-menu__clear-all:active { transition: none; } .events-page .filter-menu-wrapper { position: relative; } .events-page .filter-menu-wrapper:before, .events-page .filter-menu-wrapper:after { transition: all ease-in-out 0.15s; pointer-events: none; } .events-page .filter-menu-wrapper + div { pointer-events: none; } .events-page .filter-menu-wrapper.scrolled-down:before { opacity: 1; } .events-page .filter-menu-wrapper.scrolled-bottom:after { opacity: 0; } .events-page .filter-menu__list { position: relative; height: calc(100vh - 96px); overflow-y: auto; -webkit-overflow-scrolling: touch; } .events-page .filter-menu__list__inner { padding-top: 12px; } .events-page .filter-menu .filter-group { padding: 0 32px; border-bottom: 1px solid rgba(161, 162, 166, 0.4); /* Filter group is expanded */ /* Filter group is collapsed */ /* Filter group has selected items */ } .events-page .filter-menu .filter-group__header { padding: 24px 0 20px; display: table; width: 100%; cursor: pointer; } .events-page .filter-menu .filter-group__header > span { display: table-cell; vertical-align: middle; } .events-page .filter-menu .filter-group__items { overflow: hidden; } .events-page .filter-menu .filter-group__items li { margin-bottom: 0; } .events-page .filter-menu .filter-group__items li a { display: block; padding: 8px 0; } @media (min-width: 768px) { .events-page .filter-menu .filter-group__items li a { padding: 6px 0; } } .events-page .filter-menu .filter-group__items li:first-child a { padding-top: 0; } .events-page .filter-menu .filter-group[data-state="expanded"] .group-header__title .icon-toggle:before { opacity: 0.5; -webkit-transform: translate(-2px, 0); transform: translate(-2px, 0); } .events-page .filter-menu .filter-group[data-state="expanded"] .filter-group__items { margin-bottom: 24px; } .events-page .filter-menu .filter-group[data-state="collapsed"] .filter-group__items { height: 0; } .events-page .filter-menu .filter-group[data-state="collapsed"] .group-header__title .icon-toggle:before { opacity: 0.75; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .events-page .filter-menu .filter-group[data-select-count="0"] .group-header__badge .badge-wrapper { opacity: 0; } .events-page .filter-menu .group-header__title { position: relative; font-weight: 600; font-size: 2.1rem; line-height: 1.5; color: #303842; } @media (min-width: 480px) { .events-page .filter-menu .group-header__title { font-size: 1.7rem; } } .events-page .filter-menu .group-header__title, .events-page .filter-menu .group-header__title .icon-toggle { transition: all ease-in-out 0.15s; } .events-page .filter-menu .group-header__title .icon-toggle { position: absolute; left: -17px; top: 12px; display: inline-block; width: 12px; height: 12px; } .events-page .filter-menu .group-header__title .icon-toggle:before { content: ''; display: block; color: #303842; width: inherit; height: inherit; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/caret-down.svg') no-repeat; stroke: #303842 !important; fill: #303842 !important; -webkit-transform-origin: 35% 30%; transform-origin: 35% 30%; transition: all ease-in-out 0.25s; } .events-page .filter-menu .group-header__title:hover, .events-page .filter-menu .group-header__title:active { color: #064578; } .events-page .filter-menu .group-header__title:hover .icon-toggle:before, .events-page .filter-menu .group-header__title:active .icon-toggle:before { stroke: #064578 !important; fill: #064578 !important; } .touch .events-page .filter-menu .group-header__title:hover { color: #303842; } .touch .events-page .filter-menu .group-header__title:hover .icon-toggle:before { stroke: #303842 !important; fill: #303842 !important; } .events-page .filter-menu .group-header__badge { text-align: right; line-height: 1; } .events-page .filter-menu--in { overflow: hidden !important; } /*-------------------------------------*\ Page Animation Preparations \*-------------------------------------*/ .events-page { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .events-page.all-initiated .side-panel { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; } .events-page .header-container, .events-page .footer-container-wrapper, .events-page .body-container { position: relative; } .events-page .header-container:after, .events-page .footer-container-wrapper:after, .events-page .body-container:after { display: block; content: ''; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: black; transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; pointer-events: none; opacity: 0; } /*-------------------------------------*\ Side Panel Expanded Body gets .side-panel-expanded class \*-------------------------------------*/ .events-page.side-panel-expanded { overflow-x: hidden !important; background: rgba(0, 0, 0, 0.35); } .events-page.side-panel-expanded .header-container, .events-page.side-panel-expanded .footer-container-wrapper, .events-page.side-panel-expanded .body-container { position: relative; } .events-page.side-panel-expanded .header-container:after, .events-page.side-panel-expanded .footer-container-wrapper:after, .events-page.side-panel-expanded .body-container:after { opacity: 0.35; pointer-events: auto; } .no-touch .events-page.side-panel-expanded .header-container, .no-touch .events-page.side-panel-expanded .main-content, .no-touch .events-page.side-panel-expanded .footer-container-wrapper { overflow: hidden; } /* EVENTS PAGE: FILTER INFO ROW ----------------------------------- */ .main-wrapper { position: relative; } .Events-keyboardGuide { position: absolute; top: 0; left: 0; width: 100%; margin: 32px 0 0; text-align: center; font-size: 1.3rem; color: #a1a2a6; transition: all ease-in-out 0.25s; opacity: 0; } .Events-keyboardGuide p { margin: 0; } @media screen and (min-width: 768px) { .no-touch .window-focused:not(.side-panel-expanded):not(.filter-applied) .Events-keyboardGuide { opacity: 1; } } @-webkit-keyframes pulsate { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .Events-filterInfo { margin: -16px 0 32px; text-align: left; height: 0; overflow: hidden; transition: all cubic-bezier(0.23, 1, 0.32, 1) 0.45s; opacity: 0; margin-left: -2px; margin-right: -2px; } @media screen and (min-width: 480px) { .Events-filterInfo { margin-bottom: 28px; } } .filter-applied .Events-filterInfo { opacity: 1; } .Events-filterInfo .filter-tag { display: inline-block; vertical-align: bottom; margin: 0 4px 16px; padding: 7px 40px 5px 24px; font-size: 1.4rem; line-height: 1; font-weight: 600; color: #727783; background-color: #fff; border-radius: 50px; white-space: nowrap; position: relative; } .Events-filterInfo .filter-tag, .Events-filterInfo .filter-tag:focus, .Events-filterInfo .filter-tag:hover, .Events-filterInfo .filter-tag:active { border: none; text-decoration: none; } .Events-filterInfo .filter-tag:active { background-color: #a1a2a6; color: #fff; } .no-touch .Events-filterInfo .filter-tag:hover { background-color: #a1a2a6; color: #fff; } .no-touch .Events-filterInfo .filter-tag:active { background-color: #727783; } .Events-filterInfo .filter-tag--clear { background-color: #A5181C; color: #fff; } .Events-filterInfo .filter-tag--clear:active { background-color: #ff9236; } .no-touch .Events-filterInfo .filter-tag--clear:hover { background-color: #ff8d2b; } .no-touch .Events-filterInfo .filter-tag--clear:active { background-color: #ff7d0d; } .Events-filterInfo .clear-icon { margin-left: 8px; margin-right: 15px; top: 2px; right: 0; position: absolute; font-size: 160%; line-height: 1; } .events-page .main-wrapper { position: relative; } .events-page .istone-grid { background-color: #A5181C; } .events-page .FilterInfo-tags { display: inline; } /* EVENTS PAGE: LOCATION FILTER ------------------------------- */ /*------------------------------------------------*\ Location Filter Navigation \*------------------------------------------------*/ .LocationFilter { padding-left: 20px; padding-right: 20px; margin: 0 0 12px; position: relative; z-index: 1; } @media (min-width: 480px) { .LocationFilter { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .LocationFilter { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 767px) { .LocationFilter { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) { .LocationFilter { margin: -80px 0 0; } } .LocationFilter-inner { padding: 40px 0 36px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 767px) { .LocationFilter-inner { position: relative; } .LocationFilter-inner:after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: 10; height: 100%; width: 30px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1); pointer-events: none; } } @media (max-width: 767px) and (min-width: 480px) { .LocationFilter-inner:after { width: 40px; } } @media (min-width: 768px) { .LocationFilter-inner { padding: 36px 60px; } } .LocationFilter ul { list-style: none; margin: 0; padding: 0; } .LocationFilter li { padding-left: 0; } .LocationFilter .online-filter { display: none; } .LocationFilter .online-filter.is-enabled { display: table-cell; } .LocationFilter .label-long { display: none; } @media screen and (min-width: 768px) { .LocationFilter .label-long { display: inline; } .LocationFilter .label-short { display: none; } } /*------------------------------------------------*\ Country Filter \*------------------------------------------------*/ .CountryFilter { position: relative; /* Country Filters */ } .CountryFilter:after { content: ''; position: absolute; top: 0; right: 0; width: 40px; height: 65px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1); } .CountryFilter-inner { -webkit-overflow-scrolling: touch; overflow-x: auto; } @media screen and (max-width: 767px) { .CountryFilter-inner { padding-bottom: 6px; } } .CountryFilter--1-items:after { display: none; } .CountryFilter--1-items .CountryFilter-list { width: 100%; } .CountryFilter--1-items .CountryFilter-list li { padding: 0 16px; } .CountryFilter--1-items .CountryFilter-list li.last { display: none; } .CountryFilter--1-items .CountryFilter-list li:first-child { padding: 0 32px 0 0; } .CountryFilter--1-items .CountryFilter-list li:last-child { padding: 0 0 0 32px; } @media (min-width: 321px) { .CountryFilter--1-items .CountryFilter-list li { width: 100%; } } @media (min-width: 768px) { .CountryFilter--1-items .CountryFilter-list li { width: 100%; padding: 0 25px; } .CountryFilter--1-items .CountryFilter-list li:first-child { padding: 0 50px 0 0; } .CountryFilter--1-items .CountryFilter-list li:last-child { padding: 0 0 0 50px; } } .CountryFilter--2-items:after { display: none; } .CountryFilter--2-items .CountryFilter-list { width: 100%; } .CountryFilter--2-items .CountryFilter-list li { padding: 0 8px; } .CountryFilter--2-items .CountryFilter-list li.last { display: none; } .CountryFilter--2-items .CountryFilter-list li:first-child { padding: 0 16px 0 0; } .CountryFilter--2-items .CountryFilter-list li:last-child { padding: 0 0 0 16px; } @media (min-width: 321px) { .CountryFilter--2-items .CountryFilter-list li { width: 50%; } } @media (min-width: 768px) { .CountryFilter--2-items .CountryFilter-list li { width: 50%; padding: 0 12.5px; } .CountryFilter--2-items .CountryFilter-list li:first-child { padding: 0 25px 0 0; } .CountryFilter--2-items .CountryFilter-list li:last-child { padding: 0 0 0 25px; } } .CountryFilter--3-items:after { display: none; } .CountryFilter--3-items .CountryFilter-list { width: 100%; } .CountryFilter--3-items .CountryFilter-list li { padding: 0 5.33333333px; } .CountryFilter--3-items .CountryFilter-list li.last { display: none; } .CountryFilter--3-items .CountryFilter-list li:first-child { padding: 0 10.66666667px 0 0; } .CountryFilter--3-items .CountryFilter-list li:last-child { padding: 0 0 0 10.66666667px; } @media (min-width: 321px) { .CountryFilter--3-items .CountryFilter-list li { width: 33.33333333%; } } @media (min-width: 768px) { .CountryFilter--3-items .CountryFilter-list li { width: 33.33333333%; padding: 0 8.33333333px; } .CountryFilter--3-items .CountryFilter-list li:first-child { padding: 0 16.66666667px 0 0; } .CountryFilter--3-items .CountryFilter-list li:last-child { padding: 0 0 0 16.66666667px; } } .CountryFilter--4-items:after { display: none; } .CountryFilter--4-items .CountryFilter-list { width: 100%; } .CountryFilter--4-items .CountryFilter-list li { padding: 0 4px; } .CountryFilter--4-items .CountryFilter-list li.last { display: none; } .CountryFilter--4-items .CountryFilter-list li:first-child { padding: 0 8px 0 0; } .CountryFilter--4-items .CountryFilter-list li:last-child { padding: 0 0 0 8px; } @media (min-width: 321px) { .CountryFilter--4-items .CountryFilter-list li { width: 25%; } } @media (min-width: 768px) { .CountryFilter--4-items .CountryFilter-list li { width: 25%; padding: 0 6.25px; } .CountryFilter--4-items .CountryFilter-list li:first-child { padding: 0 12.5px 0 0; } .CountryFilter--4-items .CountryFilter-list li:last-child { padding: 0 0 0 12.5px; } } .CountryFilter--5-items:after { display: none; } .CountryFilter--5-items .CountryFilter-list { width: 100%; } .CountryFilter--5-items .CountryFilter-list li { padding: 0 3.2px; } .CountryFilter--5-items .CountryFilter-list li.last { display: none; } .CountryFilter--5-items .CountryFilter-list li:first-child { padding: 0 6.4px 0 0; } .CountryFilter--5-items .CountryFilter-list li:last-child { padding: 0 0 0 6.4px; } @media (min-width: 321px) { .CountryFilter--5-items .CountryFilter-list li { width: 20%; } } @media (min-width: 768px) { .CountryFilter--5-items .CountryFilter-list li { width: 20%; padding: 0 5px; } .CountryFilter--5-items .CountryFilter-list li:first-child { padding: 0 10px 0 0; } .CountryFilter--5-items .CountryFilter-list li:last-child { padding: 0 0 0 10px; } } .CountryFilter--6-items:after { display: none; } .CountryFilter--6-items .CountryFilter-list { width: 100%; } .CountryFilter--6-items .CountryFilter-list li { padding: 0 2.66666667px; } .CountryFilter--6-items .CountryFilter-list li.last { display: none; } .CountryFilter--6-items .CountryFilter-list li:first-child { padding: 0 5.33333333px 0 0; } .CountryFilter--6-items .CountryFilter-list li:last-child { padding: 0 0 0 5.33333333px; } @media (min-width: 321px) { .CountryFilter--6-items .CountryFilter-list li { width: 16.66666667%; } } @media (min-width: 768px) { .CountryFilter--6-items .CountryFilter-list li { width: 16.66666667%; padding: 0 4.16666667px; } .CountryFilter--6-items .CountryFilter-list li:first-child { padding: 0 8.33333333px 0 0; } .CountryFilter--6-items .CountryFilter-list li:last-child { padding: 0 0 0 8.33333333px; } } .CountryFilter-list { display: table; border-collapse: separate; list-style: none; margin: 0 40px 0 0; padding: 0; } @media screen and (max-width: 767px) { .CountryFilter-list { padding-left: 30px !important; padding-right: 30px !important; } } @media screen and (max-width: 479px) { .CountryFilter-list { padding-left: 30px !important; padding-right: 30px !important; } } .CountryFilter-list li { padding: 0 0 0 18.75px; display: table-cell; vertical-align: top; text-align: center; } @media screen and (min-width: 480px) { .CountryFilter-list li { padding: 0 0 0 25px; } } .CountryFilter-list li:first-child { padding-left: 0; } .CountryFilter-list li:last-child { padding-right: 0; } .CountryFilter-list li.last { width: 40px; } .CountryFilter-list a { display: block; white-space: nowrap; padding: 8px 1rem 1.2rem; font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; border: none; color: #a1a2a6; border-bottom: 4px solid #a1a2a6; transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; } .tag-link .CountryFilter-list a { color: inherit; } .CountryFilter-list a:active { color: #ff9d4a; text-decoration: none; border: none; } .no-touch .CountryFilter-list a:hover { color: #ff9d4a; text-decoration: none; border: none; } .no-touch .CountryFilter-list a:active { color: rgba(255, 157, 74, 0.7); } @media (min-width: 480px) { .CountryFilter-list a { padding-left: 1.6rem; padding-right: 1.6rem; } } @media (min-width: 1200px) { .CountryFilter-list a { padding-left: 2.5rem; padding-right: 2.5rem; } } @media (max-width: 991px) { .CountryFilter-list a { font-size: 1.3rem; } } @media (max-width: 767px) { .CountryFilter-list a { font-size: 1.3rem; } } @media (max-width: 479px) { .CountryFilter-list a { font-size: 1.2rem; } } .CountryFilter-list a:active, .CountryFilter-list a.active { color: #064578; border-bottom: 4px solid #064578; } .CountryFilter-list a.active { pointer-events: none; cursor: default; } .CountryFilter-list a .item-count { display: none; transition: none; } @media (min-width: 768px) { .CountryFilter-list a .item-count { display: inline; } } .no-touch .CountryFilter-list a:hover { color: #4f5a69; border-bottom: 4px solid #4f5a69; } .no-touch .CountryFilter-list a:active { color: #064578; border-color: #064578; } .no-touch .CountryFilter-list a.active:active, .no-touch .CountryFilter-list a.active:hover, .no-touch .CountryFilter-list a.active:focus { color: #064578; border-bottom: 4px solid #064578; } /*------------------------------------------------*\ City Filter \*------------------------------------------------*/ .CityFilter { margin-top: 12px; margin-left: -0.6rem; margin-right: -0.6rem; padding-top: 12px; overflow: hidden; display: none; transition: opacity ease-in-out 0.25s; opacity: 0.25; pointer-events: none; position: relative; text-align: left; } @media screen and (max-width: 767px) { .CityFilter { padding-left: 30px !important; padding-right: 30px !important; text-align: center; } } @media screen and (max-width: 479px) { .CityFilter { padding-left: 30px !important; padding-right: 30px !important; } } .has-cities .CityFilter { opacity: 1; pointer-events: auto; } .CityFilter li { display: inline-block; margin-bottom: 0.5em; } @media screen and (min-width: 768px) { .CityFilter li { margin-bottom: 0; } } .CityFilter-list { display: inline; } .CityFilter:empty { height: 0; } .CityFilter a.city-filter { margin-left: 0.6rem; margin-right: 0.6rem; padding: 8.4px 10px 8px; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.05rem; text-transform: none; line-height: 2; white-space: nowrap; border-radius: 6px; color: #a1a2a6; border: none; } .CityFilter a.city-filter:hover, .CityFilter a.city-filter:focus { border: none !important; text-decoration: none !important; } .CityFilter a.city-filter:focus { color: #a1a2a6; } .CityFilter a.city-filter:active { color: #303842; border: none; text-decoration: none; } .no-touch .CityFilter a.city-filter:hover { color: #303842; } .no-touch .CityFilter a.city-filter:active { color: rgba(48, 56, 66, 0.75); } @media screen and (min-width: 768px) { .CityFilter a.city-filter { padding: 4px 8px; } } .CityFilter a.city-filter.active { background-color: #f3f2f5; color: #0c5394; } .CityFilter a.city-filter .item-count { display: none; } .CityFilter a.city-filter .item-count:before { content: '('; } .CityFilter a.city-filter .item-count:after { content: ')'; } /* EVENTS PAGE: LISTING ----------------------------------- */ /*------------------------------------------------*\ List Styling \*------------------------------------------------*/ .Events-listing { margin-top: -16px; margin-left: -10px; margin-right: -10px; text-align: center; } .Events-listing:before, .Events-listing:after { content: " "; /* 1 */ display: table; /* 2 */ } .Events-listing:after { clear: both; } .Events-listing:before, .Events-listing:after { content: " "; /* 1 */ display: table; /* 2 */ } .Events-listing:after { clear: both; } .Events-listing--filterCountry .loc-country { display: none !important; } .Month-listing.is-hidden { display: none; } .Month-heading { font-size: 2.4rem; line-height: 1.33333333; font-family: Poppins,sans-serif;; margin-left: 10px; margin-right: 10px; font-weight: 400; text-align: left; transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; } @media screen and (min-width: 768px) { .Month-heading { font-size: 2.8rem; line-height: 1.42857143; } } .Month-heading:not(.is-hidden) { margin-top: 16px; } @media screen and (min-width: 768px) { .Month-heading { margin-top: 56px; } } .events-page { /*------------------------------------------------*\ List Item \*------------------------------------------------*/ } .events-page .Event-item { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); display: inline-block; vertical-align: top; max-width: calc(100% - 20px); width: 100%; padding-bottom: 56px; margin: 0 10px 40px; background-color: #fff; cursor: pointer; overflow: hidden; position: relative; /***** Transitions ****/ -webkit-transform: scale(0.95) translate3d(0, 0, 0); transform: scale(0.95) translate3d(0, 0, 0); transition: all ease-in-out 0.25s; opacity: 0; /*------------------------------------------------*\ Item Header \*------------------------------------------------*/ /*------------------------------------------------*\ Item Body \*------------------------------------------------*/ /*------------------------------------------------*\ Item Footer \*------------------------------------------------*/ /*------------------------------------------------*\ Item has no image \*------------------------------------------------*/ /*------------------------------------------------*\ Event Type Color & Icon Styling \*------------------------------------------------*/ } @media (min-width: 768px) { .events-page .Event-item { display: table; width: 100%; height: 100%; margin-bottom: 40px; padding-bottom: 0; text-align: left; } .events-page .Event-item > div { display: table-cell; vertical-align: middle; padding: 1.8rem; } } .events-page .Event-item.anim-in { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .events-page .Event-item.anim-out { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); transition-duration: 0.15s; } .events-page .Event-item.hidden { display: none; } .events-page .Event-item .Event-itemInner { transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; } .events-page .Event-item .Event-itemInner { background-color: #fff; } .events-page .Event-item:active { transition-duration: 0.15s; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } .events-page .Event-item:active .Event-itemInner { transition-duration: 0.2s; } .no-touch .events-page .Event-item:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .no-touch .events-page .Event-item:active { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } @media screen and (max-width: 767px) { .events-page .Event-item .ItemHeader { background-color: #0c5394 !important; border-bottom: 2px solid #A5181C; } } .events-page .Event-item .ItemHeader-inner { display: table; width: 100%; height: inherit; } .events-page .Event-item .ItemHeader-inner > div { display: table-cell; vertical-align: middle; } .events-page .Event-item .ItemHeader-date { text-transform: capitalize; line-height: 1; } @media screen and (max-width: 767px) { .events-page .Event-item .ItemHeader-date { font-family: Poppins,sans-serif;; font-style: italic; } .events-page .Event-item .ItemHeader-date .month-before { margin-right: 0.15em; } } .events-page .Event-item .ItemHeader-date .month-after { display: none; } .events-page .Event-item .ItemHeader-date strong { font-weight: 400; } .events-page .Event-item .ItemHeader-location .loc-country { display: none; } .events-page .Event-item .ItemHeader-location .loc-online { display: inline-block; padding-left: 0.38em; padding-right: 0.4em; border: 1px dotted rgba(255, 255, 255, 0.5); border-radius: 3px; } @media screen and (max-width: 767px) { .events-page .Event-item .ItemHeader-location .loc-online { margin-top: -0.2em; padding-top: 0.2em; line-height: 1.2; } } @media screen and (min-width: 768px) { .events-page .Event-item .ItemHeader-location .loc-online { margin-left: -0.38em; color: #64b764; border-radius: 3px; border-color: rgba(100, 183, 100, 0.5); } } @media (max-width: 767px) { .events-page .Event-item .ItemHeader { color: #fff; } .events-page .Event-item .ItemHeader-inner > div { padding: 18px 24px 12px; font-size: 1.7rem; } .events-page .Event-item .ItemHeader-date { width: 40%; text-align: left; } .events-page .Event-item .ItemHeader-location { width: 60%; text-align: right; } } @media (min-width: 768px) { .events-page .Event-item .ItemHeader { width: 20%; min-width: 275px; padding-right: 0; background: none !important; } .events-page .Event-item .ItemHeader-date { width: 108px; height: 108px; padding-top: 4px; background-color: #0c5394 !important; color: #fff; text-align: center; } .events-page .Event-item .ItemHeader-date strong { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.03rem; font-size: 3.7rem !important; line-height: 1.2972973 !important; display: block; font-family: Poppins,sans-serif;; font-weight: 400; font-style: italic; } .events-page .Event-item .ItemHeader-location { padding: 20px 24px 0; color: #727783; border-right: 1px solid rgba(161, 162, 166, 0.25); } .events-page .Event-item .ItemHeader-location span { display: block; } .events-page .Event-item .ItemHeader-location .loc { display: inline-block; position: relative; } .events-page .Event-item .ItemHeader-location .loc-city { margin-top: 6px; margin-bottom: 4px; line-height: 24px; } .events-page .Event-item .ItemHeader-location .loc-country { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; display: block; font-size: 1.2rem; color: #a1a2a6; transition: all ease-in-out 0.25s; margin-top: -2px; } .tag-link .events-page .Event-item .ItemHeader-location .loc-country { color: inherit; } .events-page .Event-item .ItemHeader-location .loc-country a { font-size: 1.4rem !important; line-height: 2 !important; font-family: 'Archivo', 'Neuzeit', 'Open Sans', Arial, sans-serif !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.105em !important; color: #A5181C !important; border: none !important; } .tag-link .events-page .Event-item .ItemHeader-location .loc-country a { color: inherit !important; } .events-page .Event-item .ItemHeader-location .loc-country a:active { color: #ff9d4a !important; text-decoration: none !important; border: none !important; } .no-touch .events-page .Event-item .ItemHeader-location .loc-country a:hover { color: #ff9d4a !important; text-decoration: none !important; border: none !important; } .no-touch .events-page .Event-item .ItemHeader-location .loc-country a:active { color: rgba(255, 157, 74, 0.7) !important; } .events-page .Event-item .ItemHeader-location .loc-country .tag-subtitle { margin-left: 1rem; color: #a1a2a6; } } @media (min-width: 768px) and (min-width: 768px) { .events-page .Event-item .ItemHeader-date strong { font-size: 4.6rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } @media (min-width: 768px) and (min-width: 992px) { .events-page .Event-item .ItemHeader-date strong { font-size: 5.6rem; line-height: 1.19642857; letter-spacing: -0.02rem; } } @media (min-width: 768px) and (min-width: 1800px) { .events-page .Event-item .ItemHeader-date strong { font-size: 6.4rem; line-height: 1.25; letter-spacing: -0.05rem; } } @media (min-width: 768px) and (min-width: 1200px) { .events-page .Event-item .ItemHeader { min-width: 300px; } .events-page .Event-item .ItemHeader-location { padding-left: 48px; padding-right: 32px; } } .events-page .Event-item .ItemBody { text-align: left; } @media (max-width: 767px) { .events-page .Event-item .ItemBody { padding: 36px 30px 30px; } } @media (min-width: 768px) { .events-page .Event-item .ItemBody { width: 50%; padding-left: 36px; } } @media screen and (min-width: 768px) { .events-page .Event-item .ItemBody { padding-top: 28px; } } @media (min-width: 1200px) { .events-page .Event-item .ItemBody { padding-left: 48px; } } .events-page .Event-item .ItemBody-heading { display: inline-block; position: relative; } .events-page .Event-item .ItemBody-type { font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: 0.12727273em; text-transform: uppercase; } .events-page .Event-item .ItemBody-title { font-size: 2rem; line-height: 1.4; font-family: Poppins,sans-serif;; font-weight: 400; margin: 8px 0 0; line-height: 1.33 !important; } @media screen and (min-width: 768px) { .events-page .Event-item .ItemBody-title { font-size: 2.4rem; line-height: 1.5; } } @media (min-width: 768px) { .events-page .Event-item .ItemBody-title { margin: 10.4px 0 0; } .events-page .Event-item .ItemBody-type { display: block; position: absolute; top: -1em; left: 0; } } .events-page .Event-item .ItemFooter { font-size: 10px; font-weight: 600; line-height: 1; letter-spacing: 0.12em; text-transform: uppercase; color: #a1a2a6; } @media (max-width: 767px) { .events-page .Event-item .ItemFooter { height: 56px; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding-top: 24px; padding-left: 24px; padding-right: 24px; background-color: #fff; border-top: 1px solid rgba(161, 162, 166, 0.4); text-align: left; } } @media (min-width: 768px) { .events-page .Event-item .ItemFooter { width: 25%; height: auto; padding-top: 24px; padding-right: 36px; text-align: right; } } .events-page .Event-item .ItemFooter .filter-tag { padding-top: 1em; padding-bottom: 0.6em; } .events-page .Event-item .ItemFooter .filter-tag:active { color: #A5181C; } .no-touch .events-page .Event-item .ItemFooter .filter-tag:hover { color: #A5181C; } .events-page .Event-item--noImage .Item-typeIcon { box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } @media (min-width: 768px) { .events-page .Event-item .ItemHeader-date { background-color: #f3f2f5 !important; position: relative; } .events-page .Event-item .ItemHeader-date .month-before { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; display: block; width: 100%; height: 22px; padding-top: 0; position: absolute; top: -1px; left: 0; background-color: #0c5394 !important; color: #fff; text-align: center; font-size: 1.2rem; } .tag-link .events-page .Event-item .ItemHeader-date .month-before { color: inherit; } .events-page .Event-item .ItemHeader-date .month-after { display: none; } .events-page .Event-item .ItemHeader-date strong { margin-top: 11px; color: #0c5394 !important; } } .events-page .Event-item--typeEvent .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .events-page .Event-item--typeEvent .ItemHeader-date { color: #A5181C; border-color: rgba(255, 130, 23, 0.8); } .events-page .Event-item--typeEvent .ItemHeader-date, .events-page .Event-item--typeEvent .ItemHeader-date .month-before { background-color: rgba(255, 130, 23, 0.8); } } .events-page .Event-item--typeEvent .ItemBody-type { color: #A5181C; } .events-page .Event-item--typeEvent .Item-image, .events-page .Event-item--typeEvent .Item-typeIcon { background-color: #A5181C; } .events-page .Event-item--typeEvent .Item-typeLabel { color: #A5181C; } .events-page .Event-item--typeSeminar .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .events-page .Event-item--typeSeminar .ItemHeader-date { color: #A5181C; border-color: rgba(255, 130, 23, 0.8); } .events-page .Event-item--typeSeminar .ItemHeader-date, .events-page .Event-item--typeSeminar .ItemHeader-date .month-before { background-color: rgba(255, 130, 23, 0.8); } } .events-page .Event-item--typeSeminar .ItemBody-type { color: #A5181C; } .events-page .Event-item--typeSeminar .Item-image, .events-page .Event-item--typeSeminar .Item-typeIcon { background-color: #A5181C; } .events-page .Event-item--typeSeminar .Item-typeLabel { color: #A5181C; } .events-page .Event-item--typeSeminar .Item-typeIcon:after { background-position: -25px; } .events-page .Event-item--typeWebinar .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .events-page .Event-item--typeWebinar .ItemHeader-date { color: #A5181C; border-color: rgba(255, 130, 23, 0.8); } .events-page .Event-item--typeWebinar .ItemHeader-date, .events-page .Event-item--typeWebinar .ItemHeader-date .month-before { background-color: rgba(255, 130, 23, 0.8); } } .events-page .Event-item--typeWebinar .ItemBody-type { color: #A5181C; } .events-page .Event-item--typeWebinar .Item-image, .events-page .Event-item--typeWebinar .Item-typeIcon { background-color: #A5181C; } .events-page .Event-item--typeWebinar .Item-typeLabel { color: #A5181C; } .events-page .Event-item--typeWebinar .Item-typeIcon:after { background-position: -50px; } .events-page .Event-item--typeExhibition .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .events-page .Event-item--typeExhibition .ItemHeader-date { color: #A5181C; border-color: rgba(255, 130, 23, 0.8); } .events-page .Event-item--typeExhibition .ItemHeader-date, .events-page .Event-item--typeExhibition .ItemHeader-date .month-before { background-color: rgba(255, 130, 23, 0.8); } } .events-page .Event-item--typeExhibition .ItemBody-type { color: #A5181C; } .events-page .Event-item--typeExhibition .Item-image, .events-page .Event-item--typeExhibition .Item-typeIcon { background-color: #A5181C; } .events-page .Event-item--typeExhibition .Item-typeLabel { color: #A5181C; } .events-page .Event-item--typeExhibition .Item-typeIcon:after { background-position: -75px; } /* EVENTS PAGE: MODULE LISTING ----------------------------------- */ /*------------------------------------------------*\ Flex Module Adaptions \*------------------------------------------------*/ .flex-section--events { background-color: #f3f2f5; /*------------------------------------------------*\ List Item \*------------------------------------------------*/ } .flex-section--events .flex-section__inner { padding-left: 0 !important; padding-right: 0 !important; } .flex-section--events .flex-section__heading { text-align: center; } .flex-section--events .flex-section__heading h2 { margin-bottom: 33px; } .flex-section--events .flex-section__col-wrapper { display: block; overflow: hidden; padding-top: 15px; max-height: 982.5px; } @media screen and (min-width: 768px) { .flex-section--events .flex-section__col-wrapper { max-height: 646.5px; } } @media screen and (min-width: 992px) { .flex-section--events .flex-section__col-wrapper { max-height: 310.5px; } } .flex-section--events.no-overflow .flex-section__more { display: none; } .flex-section--events.show-all .flex-section__col-wrapper { overflow: auto; max-height: inherit; } .flex-section--events.show-all .flex-section__more { display: none; } .flex-section--events .Events-listing { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .flex-section--events .Events-listing { padding-left: 30px; padding-right: 30px; } } .flex-section--events .flex-section__more { margin-top: 40.5px; text-align: center; } .flex-section--events .Event-item { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); display: inline-block; vertical-align: top; max-width: 100%; width: 328px; height: 288px; margin: 0 0 40px; background-color: #fff; cursor: pointer; overflow: hidden; position: relative; /***** Transitions ****/ -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); transition: all ease-in-out 0.25s; /*------------------------------------------------*\ Item Header \*------------------------------------------------*/ /*------------------------------------------------*\ Item Body \*------------------------------------------------*/ /*------------------------------------------------*\ Item Footer \*------------------------------------------------*/ /*------------------------------------------------*\ Item has no image \*------------------------------------------------*/ /*------------------------------------------------*\ Event Type Color & Icon Styling \*------------------------------------------------*/ } @media screen and (min-width: 768px) { .flex-section--events .Event-item { margin-left: 20px; margin-right: 20px; } } .flex-section--events .Event-item .Event-itemInner { transition: all cubic-bezier(0.23, 1, 0.32, 1) 1s; } .flex-section--events .Event-item .Event-itemInner { background-color: #fff; } .flex-section--events .Event-item:active { transition-duration: 0.15s; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } .flex-section--events .Event-item:active .Event-itemInner { transition-duration: 0.2s; } .no-touch .flex-section--events .Event-item:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .no-touch .flex-section--events .Event-item:active { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); } .flex-section--events .Event-item .ItemHeader { color: #fff; border-bottom: 2px solid #A5181C; } .flex-section--events .Event-item .ItemHeader, .flex-section--events .Event-item .ItemHeader-date { background-color: #0c5394 !important; } .flex-section--events .Event-item .ItemHeader-inner { display: table; width: 100%; height: inherit; } .flex-section--events .Event-item .ItemHeader-inner > div { display: table-cell; vertical-align: middle; padding: 18px 24px 12px; font-size: 1.7rem; } .flex-section--events .Event-item .ItemHeader-date { width: 40%; text-align: left; font-family: Poppins,sans-serif;; font-style: italic; line-height: 1; } .flex-section--events .Event-item .ItemHeader-date .month-before { margin-right: 0.15em; } .flex-section--events .Event-item .ItemHeader-date .month-after { display: none; } .flex-section--events .Event-item .ItemHeader-date strong { font-weight: 400; } .flex-section--events .Event-item .ItemHeader-location { width: 60%; text-align: right; } .flex-section--events .Event-item .ItemHeader-location .loc-country { display: none; } .flex-section--events .Event-item .ItemHeader-location .loc-online { display: inline-block; padding-left: 0.38em; padding-right: 0.4em; border: 1px dotted rgba(255, 255, 255, 0.75); border-radius: 3px; margin-top: -0.2em; padding-top: 0.2em; line-height: 1.2; } .flex-section--events .Event-item .ItemBody { text-align: left; padding: 36px 24px 84px; } .flex-section--events .Event-item .ItemBody-heading { display: inline-block; position: relative; } .flex-section--events .Event-item .ItemBody-type { font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: 0.12727273em; text-transform: uppercase; } .flex-section--events .Event-item .ItemBody-title { font-size: 2rem; line-height: 1.4; font-family: Poppins,sans-serif;; font-weight: 400; margin: 6px 0 0; line-height: 1.33 !important; } @media screen and (min-width: 768px) { .flex-section--events .Event-item .ItemBody-title { font-size: 2.4rem; line-height: 1.5; } } .flex-section--events .Event-item .ItemFooter { height: 56px; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding-top: 24px; padding-left: 24px; padding-right: 24px; font-size: 10px; font-weight: 600; line-height: 1; letter-spacing: 0.12em; text-transform: uppercase; color: #a1a2a6; background-color: #fff; border-top: 1px solid rgba(161, 162, 166, 0.2); text-align: left; } .flex-section--events .Event-item--noImage .Item-typeIcon { box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } .flex-section--events .Event-item--typeEvent .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .flex-section--events .Event-item--typeEvent .ItemHeader-date { background-color: #A5181C; } } .flex-section--events .Event-item--typeEvent .ItemBody-type { color: #A5181C; } .flex-section--events .Event-item--typeEvent .Item-image, .flex-section--events .Event-item--typeEvent .Item-typeIcon { background-color: #A5181C; } .flex-section--events .Event-item--typeEvent .Item-typeLabel { color: #A5181C; } .flex-section--events .Event-item--typeSeminar .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .flex-section--events .Event-item--typeSeminar .ItemHeader-date { background-color: #A5181C; } } .flex-section--events .Event-item--typeSeminar .ItemBody-type { color: #A5181C; } .flex-section--events .Event-item--typeSeminar .Item-image, .flex-section--events .Event-item--typeSeminar .Item-typeIcon { background-color: #A5181C; } .flex-section--events .Event-item--typeSeminar .Item-typeLabel { color: #A5181C; } .flex-section--events .Event-item--typeSeminar .Item-typeIcon:after { background-position: -25px; } .flex-section--events .Event-item--typeWebinar .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .flex-section--events .Event-item--typeWebinar .ItemHeader-date { background-color: #A5181C; } } .flex-section--events .Event-item--typeWebinar .ItemBody-type { color: #A5181C; } .flex-section--events .Event-item--typeWebinar .Item-image, .flex-section--events .Event-item--typeWebinar .Item-typeIcon { background-color: #A5181C; } .flex-section--events .Event-item--typeWebinar .Item-typeLabel { color: #A5181C; } .flex-section--events .Event-item--typeWebinar .Item-typeIcon:after { background-position: -50px; } .flex-section--events .Event-item--typeExhibition .ItemHeader { background-color: #A5181C; } @media (min-width: 768px) { .flex-section--events .Event-item--typeExhibition .ItemHeader-date { background-color: #A5181C; } } .flex-section--events .Event-item--typeExhibition .ItemBody-type { color: #A5181C; } .flex-section--events .Event-item--typeExhibition .Item-image, .flex-section--events .Event-item--typeExhibition .Item-typeIcon { background-color: #A5181C; } .flex-section--events .Event-item--typeExhibition .Item-typeLabel { color: #A5181C; } .flex-section--events .Event-item--typeExhibition .Item-typeIcon:after { background-position: -75px; } /* EVENTS PAGE: ANIMATIONS ----------------------------------- */ /* REFERENCES PAGE -------------------------------- */ .references-page .hero-wrapper__inner { padding: 180px 0; } @media (min-width: 768px) { .references-page .hero-wrapper__inner { padding: 240px 0; } } .references-page .hero-wrapper h1 { color: #a1a2a6; font-size: 3.6rem; } @media (min-width: 768px) { .references-page .main-wrapper .col--second { padding-left: 32px; } } @media (min-width: 768px) { .references-page .main-content { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } } /* REFERENCES PAGE: FILTER BAR --------------------------- */ .filter-menu { font-size: 1.7rem; line-height: 1.5; position: fixed; top: 0; left: 0; width: 300px !important; height: 100vh; z-index: 101; background: #fff; color: #303842; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.45); /*-------------------------------------*\ Fixed desktop sidebar styling \*-------------------------------------*/ } @media (min-width: 480px) { .filter-menu { font-size: 1.6rem; } } .filter-menu ul { margin: 0; padding: 0; list-style: none; } .filter-menu li { padding: 0; } .filter-menu-wrapper[data-total-selected="0"] .filter-menu__clear-all { opacity: 0; } .filter-menu__header { position: relative; height: 96px; padding: 32px 32px; background-color: #A5181C; color: #fff; } .filter-menu__header__caption { font-weight: 600; margin: 0; } .filter-menu__header__badge { display: none; } .filter-menu__header .filter-menu__clear-all { position: absolute; top: 0; right: 0; margin-top: 32px; font-size: 1.4rem; color: #A5181C; transition: all ease-in-out 0.25s; display: none; } .filter-menu__header .filter-menu__clear-all:hover, .filter-menu__header .filter-menu__clear-all:focus { text-decoration: none; color: #303842; } .filter-menu__header .filter-menu__clear-all:active { transition: none; } .filter-menu .badge-wrapper { display: inline-block; position: relative; top: -1px; padding: 0.7em 2.5em 0.35em 1em; font-size: 1.4rem; line-height: 1; transition: all ease-in-out 0.25s; border: 1px solid #A5181C; border-radius: 99px; cursor: pointer; color: #A5181C; } @media (min-width: 480px) { .filter-menu .badge-wrapper { top: 0; padding-top: 0.55em; padding-bottom: 0.35em; font-size: 1.2rem; } } .no-touch .filter-menu .badge-wrapper:hover { background: #303842; border-color: #303842; color: white; } .no-touch .filter-menu .badge-wrapper:hover .badge__clear-label { opacity: 1; } .filter-menu .badge-wrapper:active { transition: none; background: #303842; border-color: #303842; color: white; } .filter-menu .badge-wrapper.out { transition: none; } .filter-menu .badge__clear-label { position: absolute; top: -1.4em; left: 0; right: 0; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; color: #727783; transition: all ease-in-out 0.25s; opacity: 0; } .filter-menu .badge__clear { position: absolute; top: 0; right: 0; margin-right: 12px; } .filter-menu .badge__clear:before { content: '×'; display: inline-block; font-weight: bold; font-size: 145%; line-height: 24.5px; } .filter-menu-wrapper { position: relative; } .filter-menu-wrapper:before, .filter-menu-wrapper:after { transition: all ease-in-out 0.15s; pointer-events: none; } .filter-menu-wrapper + div { pointer-events: none; } .filter-menu-wrapper.scrolled-down:before { opacity: 1; } .filter-menu-wrapper.scrolled-bottom:after { opacity: 0; } .filter-menu__list { position: relative; height: calc(100vh - 96px); overflow-y: auto; -webkit-overflow-scrolling: touch; } .filter-menu__list__inner { padding-top: 16px; } .filter-menu .filter-group { padding: 0 32px; border-bottom: 1px solid rgba(243, 242, 245, 0.5); /* Filter group is expanded */ /* Filter group is collapsed */ /* Filter group has selected items */ } .filter-menu .filter-group__header { padding: 24px 0 20px; display: table; width: 100%; cursor: pointer; } .filter-menu .filter-group__header > span { display: table-cell; vertical-align: middle; } .filter-menu .filter-group__items { overflow: hidden; } .filter-menu .filter-group__items li { margin-bottom: 0; } .filter-menu .filter-group__items li a { display: block; padding: 8px 0; } @media (min-width: 480px) { .filter-menu .filter-group__items li a { padding: 6px 0; } } .filter-menu .filter-group__items li:first-child a { padding-top: 0; } .filter-menu .filter-group[data-state="expanded"] .group-header__title .icon-toggle:before { opacity: 0.5; -webkit-transform: translate(-2px, 0); transform: translate(-2px, 0); } .filter-menu .filter-group[data-state="expanded"] .filter-group__items { margin-bottom: 24px; } .filter-menu .filter-group[data-state="collapsed"] .filter-group__items { height: 0; } .filter-menu .filter-group[data-state="collapsed"] .group-header__title .icon-toggle:before { opacity: 0.75; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .filter-menu .filter-group[data-select-count="0"] .group-header__badge .badge-wrapper { opacity: 0; } .filter-menu .group-header__title { position: relative; font-weight: 600; font-size: 2.1rem; line-height: 1.5; color: #303842; } @media (min-width: 480px) { .filter-menu .group-header__title { font-size: 1.7rem; } } .filter-menu .group-header__title, .filter-menu .group-header__title .icon-toggle { transition: all ease-in-out 0.15s; } .filter-menu .group-header__title .icon-toggle { position: absolute; left: -17px; top: 12px; display: inline-block; width: 12px; height: 12px; } .filter-menu .group-header__title .icon-toggle:before { content: ''; display: block; color: #303842; width: inherit; height: inherit; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/caret-down.svg') no-repeat; stroke: #303842 !important; fill: #303842 !important; -webkit-transform-origin: 35% 30%; transform-origin: 35% 30%; transition: all ease-in-out 0.25s; } .filter-menu .group-header__title:hover, .filter-menu .group-header__title:active { color: #064578; } .filter-menu .group-header__title:hover .icon-toggle:before, .filter-menu .group-header__title:active .icon-toggle:before { stroke: #064578 !important; fill: #064578 !important; } .touch .filter-menu .group-header__title:hover { color: #303842; } .touch .filter-menu .group-header__title:hover .icon-toggle:before { stroke: #303842 !important; fill: #303842 !important; } .filter-menu .group-header__badge { text-align: right; line-height: 1; } .filter-menu .filter-item a { color: #727783; border: none; display: table; cursor: pointer; } .filter-menu .filter-item a:hover, .filter-menu .filter-item a:focus { border: none !important; text-decoration: none !important; } .filter-menu .filter-item a:focus { color: #727783; } .filter-menu .filter-item a:active { color: #064578; border: none; text-decoration: none; } .no-touch .filter-menu .filter-item a:hover { color: #064578; } .no-touch .filter-menu .filter-item a:active { color: rgba(6, 69, 120, 0.75); } .filter-menu .filter-item a > span { display: table-cell; vertical-align: top; } .filter-menu .filter-item a:hover .filter-item__checkbox:before { opacity: 1; } .touch .filter-menu .filter-item a:hover { color: #727783; } .touch .filter-menu .filter-item a:hover .filter-item__checkbox:before { opacity: 0.5; } .touch .filter-menu .filter-item a:active { color: #064578; } .touch .filter-menu .filter-item a:active .filter-item__checkbox:before { opacity: 1; } .filter-menu .filter-item__checkbox:before { content: ''; display: inline-block; width: 14px; height: 14px; border-radius: 14px; margin-right: 12px; position: relative; top: -1px; background: rgba(114, 119, 131, 0.5); border: 3px solid #fff; transition: all ease-in-out 0.15s; opacity: 0.5; } .filter-menu .filter-item[data-state="selected"] .filter-item__title { color: #A5181C; } .filter-menu .filter-item[data-state="selected"] .filter-item__checkbox:before { background-color: #A5181C; border-color: #A5181C; opacity: 1; } .filter-menu .filter-item[data-state="selected"] a:hover .filter-item__checkbox:before { opacity: 1; } .filter-menu .filter-item[data-state="selected"] a:active .filter-item__title { color: #e36900; } .filter-menu .filter-item[data-state="selected"] a:active .filter-item__checkbox:before { border-color: #e36900; background-color: #e36900; opacity: 1; } .no-touch .filter-menu .filter-item[data-state="selected"] a:hover .filter-item__title { color: #e36900; } .no-touch .filter-menu .filter-item[data-state="selected"] a:hover .filter-item__checkbox:before { border-color: #e36900; background-color: #e36900; opacity: 1; } .filter-menu--in { overflow: hidden !important; } /*-------------------------------------*\ Page Animation Preparations \*-------------------------------------*/ .references-page { /* Filter Bar Animations */ } .references-page .filter-menu, .references-page .main-content { transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .references-page .filter-menu { -webkit-transform: translate(-310px, 0); transform: translate(-310px, 0); } @media (min-width: 768px) { .references-page .filter-menu { -webkit-transform: translate(-310px, 0); transform: translate(-310px, 0); } } @media (min-width: 1200px) { .references-page .filter-menu { -webkit-transform: translate(-332px, 0); transform: translate(-332px, 0); } } @media (min-width: 1800px) { .references-page .filter-menu { -webkit-transform: translate(-332px, 0); transform: translate(-332px, 0); } } .references-page .header-container, .references-page .footer-container-wrapper, .references-page .main-content { position: relative; } .references-page .header-container:after, .references-page .footer-container-wrapper:after, .references-page .main-content:after { display: block; content: ''; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: black; transition: all cubic-bezier(0.23, 1, 0.32, 1) 750ms; pointer-events: none; opacity: 0; } /*-------------------------------------*\ Filter Bar Expanded Body gets .filter-expanded class \*-------------------------------------*/ .references-page.filter-expanded { overflow-x: hidden !important; background: rgba(0, 0, 0, 0.35); } .references-page.filter-expanded .filter-menu { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .references-page.filter-expanded .header-container, .references-page.filter-expanded .footer-container-wrapper, .references-page.filter-expanded .main-content { position: relative; } .references-page.filter-expanded .header-container:after, .references-page.filter-expanded .footer-container-wrapper:after, .references-page.filter-expanded .main-content:after { opacity: 0.35; pointer-events: auto; } .no-touch .references-page.filter-expanded .header-container, .no-touch .references-page.filter-expanded .main-content, .no-touch .references-page.filter-expanded .footer-container-wrapper { overflow: hidden; -webkit-transform: translate(300px, 0); transform: translate(300px, 0); } /* REFERENCES PAGE: FILTER INFO BAR -------------------------------- */ .references-page .istone-grid { background-color: #A5181C; } .case-listing__filter-info { position: relative; height: 0; transition: all ease-in-out 0.45s; opacity: 0; overflow: hidden; } .case-listing__filter-info .filter-info-wrapper { padding-left: 20px; padding-right: 20px; padding-top: 32px; padding-bottom: 24px; position: absolute; top: 0; left: 0; right: 0; margin-top: 0; background-color: #A5181C; border-top: 1px solid rgba(255, 255, 255, 0.25); z-index: 87; width: 100%; display: table; } @media (min-width: 480px) { .case-listing__filter-info .filter-info-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .case-listing__filter-info .filter-info-wrapper { padding-top: 52px; padding-bottom: 40px; } } .case-listing__filter-info .filter-info-wrapper.is_stuck { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25); } .case-listing__filter-info .filter-info-wrapper > div { display: table-cell; vertical-align: top; } .case-listing__filter-info .filter-info-wrapper > div.filter-info__label { display: none; } @media (min-width: 480px) { .case-listing__filter-info .filter-info-wrapper > div.filter-info__label { display: table-cell; } } .case-listing__filter-info .filter-info__label { width: 5%; padding-right: 32px; white-space: nowrap; line-height: 1.5; color: rgba(255, 255, 255, 0.5); } .case-listing__filter-info .filter-info__tags { width: auto; color: rgba(255, 255, 255, 0.25); text-align: left; } @media (min-width: 768px) { .case-listing__filter-info .filter-info__tags { text-align: center; } } .case-listing__filter-info .filter-info__close { width: 48px; } .case-listing__filter-info .filter-tag { color: #fff; font-weight: 600; } .case-listing__filter-info .reset { display: block; width: 32px; height: 32px; margin: 0; padding: 46.4px 60px; position: absolute; top: 0; right: 0; z-index: 0; font-size: 225%; font-weight: 600; line-height: 32px; text-align: center; color: rgba(255, 255, 255, 0.75); border-radius: 99px; transition: all ease-in-out 0.25s; cursor: pointer; } @media (max-width: 767px) { .case-listing__filter-info .reset { padding-top: 28px; padding-bottom: 52px; } } @media (max-width: 479px) { .case-listing__filter-info .reset { padding-top: 24px; padding-bottom: 52px; } } .case-listing__filter-info .reset:hover, .case-listing__filter-info .reset:focus { text-decoration: none; color: #fff; } .touch .case-listing__filter-info .reset:hover { color: rgba(114, 119, 131, 0.5); } .case-listing__filter-info .reset:active { color: #303842; transition: none; } .filter-applied .case-listing__filter-info { height: auto; opacity: 1; } /* REFERENCES PAGE: FILTER INFO BUTTON ----------------------------------- */ .references-page .fixed-header .top-navigation:after { position: absolute; display: block; content: ''; bottom: -6px; left: 0; right: 0; height: 6px; transition: all ease-in-out 0.25s; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#00000000', GradientType=0); } .references-page .fixed-header .top-navigation:after { opacity: 0; } .references-page.fixed-top-nav-expanded .fixed-header .top-navigation { overflow: inherit; } .references-page.fixed-top-nav-expanded .fixed-header .top-navigation:after { opacity: 1; } .references-page .fixed-header { /*--------------------------------*\ Override fixed expand values \*--------------------------------*/ } .references-page .fixed-header:after { display: none; } .references-page .fixed-header .top-navigation { pointer-events: auto; } .references-page.good-boy .fixed-header { pointer-events: none; } .references-page .secondary-bar { background: none; height: 160px; } @media (max-width: 479px) { .references-page .secondary-bar { height: 144px; } } .references-page.zoopa-menu-expand .secondary-bar { opacity: 0; } .references-page.zoopa-menu-expand .secondary-bar, .references-page.zoopa-menu-expand .secondary-bar * { pointer-events: none; } .case-listing__filter-btn { position: absolute; top: 0; left: 0; right: 0; z-index: 100; pointer-events: none; } .case-listing__filter-btn button { position: relative; display: block; margin: -40px auto 0; pointer-events: auto; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.2); transition: all ease-in-out 0.25s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-touch .case-listing__filter-btn button:hover { background-color: #fff; } .case-listing__filter-btn button:active { background-color: #ffffff; } @media (max-width: 479px) { .case-listing__filter-btn button { min-width: 12.8rem; padding: 0.824em 1.41176471em; } .case-listing__filter-btn button, .case-listing__filter-btn button * { font-size: 1.7rem; line-height: 1.17647059; font-weight: 600; font-weight: 500; } } .case-listing__filter-btn .btn-clear-label { display: none; } .case-listing__filter-btn .badge-wrapper { display: none; } .case-listing__filter-btn .badge__count { position: absolute; top: 0; margin-top: 1.536em; right: 5.75em; color: #A5181C !important; } @media (min-width: 480px) { .case-listing__filter-btn .badge__count { right: 112px; } } .case-listing__filter-btn .badge__clear { position: absolute; top: 0; right: 0; padding: 0 32px 0 28px; cursor: pointer; color: #f3f2f5; border-left: 1px solid rgba(243, 242, 245, 0.5); height: 55.44px; line-height: 55.44px; } @media (min-width: 480px) { .case-listing__filter-btn .badge__clear { line-height: 58px; height: 58px; } } .case-listing__filter-btn .badge__clear:hover, .case-listing__filter-btn .badge__clear:active { color: #303842; } .case-listing__filter-btn .badge__clear:before { content: '×'; display: inline-block; font-weight: bold; font-size: 175%; } .secondary-bar .case-listing__filter-btn { padding: 40px 0 0; } @media (max-width: 479px) { .secondary-bar .case-listing__filter-btn { padding-top: 32px; } } .secondary-bar .case-listing__filter-btn button { margin-top: 0; } .case-listing__filter-btn.static-filter-btn button { display: none; } .filter-applied .case-listing__filter-btn button { padding-right: 7em; } .filter-applied .case-listing__filter-btn button.over-ten { padding-right: 7.5em; } .filter-applied .case-listing__filter-btn .badge-wrapper { display: inline-block; } /* REFERENCES PAGE: CASE LISTING ----------------------------- */ .case-listing .grid-item { position: relative; /***** Transitions ****/ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: scale(0.95); transform: scale(0.95); transition: all ease-in-out 0.25s; opacity: 0; } .case-listing .grid-item__topics li:nth-child(2) { display: inline-block; } .case-listing .grid-item__topics li:nth-child(2):before { content: '/'; opacity: 0.5; margin-left: -0.15em; margin-right: 0.3em; font-size: 75%; } .case-listing .grid-item__topics li:nth-child(2):after { display: none; } .case-listing .grid-item.grid-item--img-loaded.anim-in { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .case-listing .grid-item.anim-out { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); transition-duration: 0.15s; } .case-listing .grid-item.hidden { display: none; } .case-listing .grid-item__subtitle { display: none; } .case-listing .default-listing, .case-listing .filtered-listing { transition: all ease-in-out 0.25s; overflow: hidden; min-height: 21.33333333em; } @media (min-width: 480px) { .case-listing .default-listing, .case-listing .filtered-listing { min-height: 24.88888889em; } } .case-listing .filtered-listing { display: none; } /* CONTACT PAGE -------------------------------- */ .contact-page .body-container { position: relative; z-index: 2; } @media (max-width: 767px) { .contact-page .page-hero .nav__contact { display: none; } .contact-page .fixed-header .nav__contact { transition: all ease-in-out 0.25s; } .contact-page.mobile-ui-stuck .fixed-header .nav__contact { opacity: 0; pointer-events: none; } } @media (min-width: 768px) { .contact-page .body-container-wrapper { background-color: #fafafc; } .contact-page .body-container { padding-bottom: 48px; } } .contact-page .section--page-content { padding-bottom: 160px; } @media (max-width: 767px) { .contact-page .section__inner { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .contact-page { min-height: 100vh; } .contact-page .page-hero { min-height: 0 !important; } .contact-page .page-hero__content { min-height: 0 !important; } } .contact-page .main-wrapper { min-height: 1px !important; } .contact-page .main-wrapper .section__inner { padding-top: 64px; padding-bottom: 96px; } @media (min-width: 768px) { .contact-page .main-wrapper .section__inner { padding-top: 112px; padding-bottom: 160px; } } .contact-page .main-wrapper .section__inner-wrapper { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .contact-page .main-wrapper .section__inner-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .contact-page .main-wrapper .section__inner-wrapper { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } @media (min-width: 768px) { .contact-page .main-wrapper .section__inner { width: 65.51724138% !important; } } @media (min-width: 768px) and (min-width: 768px) { .contact-page .main-wrapper .section__inner { padding-right: 3.44827586%; } } @media (min-width: 768px) and (min-width: 1200px) { .contact-page .main-wrapper .section__inner { padding-right: 8.62068966%; } } @media (min-width: 768px) { .contact-page .contact-navigation__inner { width: 33.62068966%; } } /* CONTACT PAGE: NAVIGATION -------------------------------- */ .contact-navigation { padding-left: 20px; padding-right: 20px; position: relative; padding-bottom: 80px; background-color: #fafafc; } @media (min-width: 480px) { .contact-navigation { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .contact-navigation { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .contact-form-open .contact-navigation { background-color: #fafafc; } @media (min-width: 768px) { .contact-navigation { padding-bottom: 0; } } .contact-navigation__inner { margin-top: -96.2px; text-align: center; transition: opacity ease-in-out 0.25s; z-index: 99; } @media (min-width: 768px) { .contact-navigation__inner { margin-top: 0; position: absolute; top: -200px; right: 0; z-index: 99; text-align: left; } } .zoopa-menu-expand .contact-navigation .contact-navigation__inner { opacity: 0; pointer-events: none; } .contact-navigation__deeper { margin-bottom: 48px; padding: 40px 32px 24px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); z-index: 99; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } .contact-navigation__deeper:before, .contact-navigation__deeper:after { content: " "; /* 1 */ display: table; /* 2 */ } .contact-navigation__deeper:after { clear: both; } .contact-navigation__deeper:before, .contact-navigation__deeper:after { content: " "; /* 1 */ display: table; /* 2 */ } .contact-navigation__deeper:after { clear: both; } @media (min-width: 768px) { .contact-navigation__deeper { margin-top: 136px; margin-right: 30px; } } .contact-navigation__deeper.bottomed { bottom: auto !important; } .contact-navigation h3 { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin-bottom: 16px; color: #A5181C; } .contact-navigation a.contact-cta { color: #727783; border: none; display: block; padding: 8px 30px; } .contact-navigation a.contact-cta:hover, .contact-navigation a.contact-cta:focus { border: none !important; text-decoration: none !important; } .contact-navigation a.contact-cta:focus { color: #727783; } .contact-navigation a.contact-cta:active { color: #4f5a69; border: none; text-decoration: none; } .no-touch .contact-navigation a.contact-cta:hover { color: #4f5a69; } .no-touch .contact-navigation a.contact-cta:active { color: rgba(79, 90, 105, 0.75); } @media (min-width: 768px) { .contact-navigation a.contact-cta { padding-left: 0; padding-right: 0; } } .contact-navigation a.contact-cta.active { color: #064578; font-weight: 600; } .contact-navigation a.contact-cta.active:after { display: inline-block; content: ''; width: 12px; height: 12px; position: relative; top: 0.5rem; left: 0; margin-left: 0.4rem; margin-right: -16px; background: url('//494838.fs1.hubspotusercontent-na1.net/hubfs/494838/Assets/img/ui/caret-down.svg') no-repeat; background-size: 12px auto; -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; opacity: 0; } @media (max-width: 767px) { .contact-navigation { background-color: #fafafc; /*--------------------------*\ Collapsed State \*--------------------------*/ } .contact-navigation__deeper { position: relative; top: 76px; overflow: hidden; } .contact-navigation__deeper.bottomed { opacity: 0; } .contact-navigation__deeper > [class^="span"] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; position: absolute; top: 0; left: 0; width: 100% !important; margin-top: 40px; } .contact-navigation__deeper, .contact-navigation .contact-cta-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; } .contact-navigation.collapsed.contact-navigation__deeper, .contact-navigation .contact-navigation__deeper.is_stuck { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .contact-navigation.collapsed { background-color: #fafafc; } .contact-navigation.collapsed .contact-navigation__deeper.is_stuck a.contact-cta.active:after { opacity: 1; } .contact-navigation.collapsed .contact-navigation__deeper { position: relative; } .contact-navigation.collapsed .contact-navigation__deeper { padding-top: 0; padding-bottom: 0; cursor: pointer; } .contact-navigation.collapsed .contact-cta-wrapper { pointer-events: none; background-color: #fff; } .contact-navigation.collapsed .contact-cta-wrapper.active { opacity: 1; pointer-events: auto; } .contact-navigation.collapsed a.contact-cta { position: relative; } .contact-navigation.collapsed a.contact-cta.active { color: #064578; } .contact-navigation.collapsed a.contact-cta.active:after { opacity: 0.85; } } /* CONTACT PAGE: FORM CONTAINER ---------------------------- */ .contact-form { overflow: hidden; opacity: 0; height: 0; background-color: #fff; transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /*--------------------*\ Mobile \*--------------------*/ } .contact-form.expand { opacity: 1; } .contact-form__title { margin-bottom: 32px; } .contact-form__embed .hs-form { margin-top: 64px; } .contact-form .hs-form-field label { display: none; } .contact-form .hs-error-msgs label { display: inline; } .contact-form .hs_submit { text-align: center; } @media (min-width: 768px) { .contact-form .hs_submit { text-align: right; } } @media (max-width: 767px) { .contact-form .section__inner-wrapper { transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; opacity: 0; } .contact-form.show .section__inner-wrapper { opacity: 1; } .contact-form__inner { padding-top: 24px !important; padding-bottom: 112px !important; } .contact-form__title, .contact-form__info { text-align: center; } } /* CONTACT PAGE: OFFICE NAVIGATION ------------------------------- */ /* Office Navigation */ .office-nav { margin: 16px 0 64px; /* Region Filters */ /* Office Navigation */ } @media (min-width: 768px) { .office-nav { margin: 32px 0 64px; } } .office-nav__inner { display: table; width: 100%; } .office-nav__inner > div { display: table-cell; vertical-align: top; } .office-nav__nearby { margin-right: 1em; } .office-nav__regions { text-align: right; } .office-nav__regions a { margin-left: 1em; } .office-nav ul.region-filters { display: table; border-collapse: separate; width: 100%; list-style: none; margin: 0; padding: 0; } .office-nav ul.region-filters li { padding: 0 0 0 25px; display: table-cell; vertical-align: top; text-align: center; } .office-nav ul.region-filters li:first-child { padding-left: 0; } .office-nav ul.region-filters li:last-child { padding-right: 0; } .office-nav ul.region-filters--3-items li { padding: 0 5.33333333px; } .office-nav ul.region-filters--3-items li:first-child { padding: 0 10.66666667px 0 0; } .office-nav ul.region-filters--3-items li:last-child { padding: 0 0 0 10.66666667px; } @media (min-width: 321px) { .office-nav ul.region-filters--3-items li { width: 33.33333333%; } } @media (min-width: 768px) { .office-nav ul.region-filters--3-items li { width: 33.33333333%; padding: 0 8.33333333px; } .office-nav ul.region-filters--3-items li:first-child { padding: 0 16.66666667px 0 0; } .office-nav ul.region-filters--3-items li:last-child { padding: 0 0 0 16.66666667px; } } .office-nav ul.region-filters--4-items li { padding: 0 4px; } .office-nav ul.region-filters--4-items li:first-child { padding: 0 8px 0 0; } .office-nav ul.region-filters--4-items li:last-child { padding: 0 0 0 8px; } @media (min-width: 321px) { .office-nav ul.region-filters--4-items li { width: 25%; } } @media (min-width: 768px) { .office-nav ul.region-filters--4-items li { width: 25%; padding: 0 6.25px; } .office-nav ul.region-filters--4-items li:first-child { padding: 0 12.5px 0 0; } .office-nav ul.region-filters--4-items li:last-child { padding: 0 0 0 12.5px; } } .office-nav ul.region-filters--5-items li { padding: 0 3.2px; } .office-nav ul.region-filters--5-items li:first-child { padding: 0 6.4px 0 0; } .office-nav ul.region-filters--5-items li:last-child { padding: 0 0 0 6.4px; } @media (min-width: 321px) { .office-nav ul.region-filters--5-items li { width: 20%; } } @media (min-width: 768px) { .office-nav ul.region-filters--5-items li { width: 20%; padding: 0 5px; } .office-nav ul.region-filters--5-items li:first-child { padding: 0 10px 0 0; } .office-nav ul.region-filters--5-items li:last-child { padding: 0 0 0 10px; } } .office-nav ul.region-filters a { font-size: 1.4rem; line-height: 2; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.105em; color: #A5181C; border: none; display: block; padding: 9.6px 0 1.2rem; border-bottom: 4px solid rgba(161, 162, 166, 0.5); color: rgba(79, 90, 105, 0.85); transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; } .tag-link .office-nav ul.region-filters a { color: inherit; } .office-nav ul.region-filters a:active { color: #ff9d4a; text-decoration: none; border: none; } .no-touch .office-nav ul.region-filters a:hover { color: #ff9d4a; text-decoration: none; border: none; } .no-touch .office-nav ul.region-filters a:active { color: rgba(255, 157, 74, 0.7); } @media (max-width: 479px) { .office-nav ul.region-filters a { font-size: 1.2rem; } } .office-nav ul.region-filters a:active, .office-nav ul.region-filters a.active { color: #064578; border-bottom: 4px solid #064578; } .office-nav ul.region-filters a.active { pointer-events: none; cursor: default; } .no-touch .office-nav ul.region-filters a:hover { color: #4f5a69; border-bottom: 4px solid #4f5a69; } .no-touch .office-nav ul.region-filters a:active { color: #064578; border-color: #064578; } .no-touch .office-nav ul.region-filters a.active:active, .no-touch .office-nav ul.region-filters a.active:hover, .no-touch .office-nav ul.region-filters a.active:focus { color: #064578; border-bottom: 4px solid #064578; } .office-nav .country-nav { margin-top: 16px; padding-top: 16px; overflow: hidden; display: none; text-align: center; } @media (min-width: 768px) { .office-nav .country-nav { text-align: left; } } .office-nav .country-nav__country-filters { display: inline; } .office-nav .country-nav:empty { height: 0; } .office-nav .country-nav a.country-filter { color: #727783; border: none; margin-left: 0.6rem; margin-right: 0.6rem; font-size: 1.6rem; line-height: 2; font-weight: 400; text-transform: none; letter-spacing: 0.05rem; } .office-nav .country-nav a.country-filter:hover, .office-nav .country-nav a.country-filter:focus { border: none !important; text-decoration: none !important; } .office-nav .country-nav a.country-filter:focus { color: #727783; } .office-nav .country-nav a.country-filter:active { color: #4f5a69; border: none; text-decoration: none; } .no-touch .office-nav .country-nav a.country-filter:hover { color: #4f5a69; } .no-touch .office-nav .country-nav a.country-filter:active { color: rgba(79, 90, 105, 0.75); } @media (min-width: 768px) { .office-nav .country-nav a.country-filter { margin-left: 0; margin-right: 1.2rem; } } .office-nav .country-nav a.country-filter.active { color: #064578; font-weight: 600; } .office-nav .country-nav a.country-filter .item-count { display: none; } .office-nav .country-nav a.country-filter .item-count:before { content: '('; } .office-nav .country-nav a.country-filter .item-count:after { content: ')'; } /* CONTACT PAGE: OFFICE LISTING ---------------------------- */ .office-section { background-color: #fafafc; min-height: 700px; /*--------------------*\ Mobile \*--------------------*/ } @media (max-width: 767px) { .office-section { transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; overflow: hidden; } .contact-form-created .office-section { height: 0; } .office-section .widget-type-header { text-align: center; } } .office-listing { position: relative; min-height: 300px; transition: all cubic-bezier(0.23, 1, 0.32, 1) 650ms; } .office-listing .office-item { transition: all cubic-bezier(0.23, 1, 0.32, 1) 487.5ms; opacity: 0; height: 0; overflow:hidden; } .office-listing .office-item.active { position: relative; margin-bottom: 24px; opacity: 1; } .inpage-editing .office-listing .office-item, .hs-inline-edit .office-listing .office-item { position: relative; height: auto; margin-bottom: 24px; opacity: 1; } .office-listing .office-item__inner { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); font-size: 1.4rem; line-height: 1.71428571; background: white; color: #a1a2a6; } .office-listing .office-item__inner > div { padding: 2.5rem 3.2rem 2.5rem; } @media (max-width: 767px) { .office-listing .office-item__inner .office-item__secondary { padding-top: 0; } } @media (min-width: 768px) { .office-listing .office-item__inner { display: table; width: 100%; } .office-listing .office-item__inner > div { display: table-cell; vertical-align: top; width: 50%; } .office-listing .office-item__inner .office-item__secondary { padding-left: 3rem; border-left: 1px solid #f7f7f8; } } .office-listing .office__title { font-size: 2rem; line-height: 1.6; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; margin-bottom: 8px; color: #4f5a69; } @media screen and (min-width: 768px) { .office-listing .office__title { font-size: 2.4rem; line-height: 1.66666667; } } .office-listing .office__address a { color: #727783; border: none; } .office-listing .office__address a:hover, .office-listing .office__address a:focus { border: none !important; text-decoration: none !important; } .office-listing .office__address a:focus { color: #727783; } .office-listing .office__address a:active { color: #303842; border: none; text-decoration: none; } .no-touch .office-listing .office__address a:hover { color: #303842; } .no-touch .office-listing .office__address a:active { color: rgba(48, 56, 66, 0.75); } .office-listing .office__contact-person { margin-bottom: 1.2rem; line-height: 1.3rem; color: #4f5a69; font-weight: 600; } .office-listing .office__contact-person.empty { margin-bottom: 0; } @media (min-width: 768px) { .office-listing .office__contact-person { height: 2.5rem; margin-top: 1rem; } } .office-listing .office__contact-person label { display: none; } .office-listing .office__actions a { color: #727783; border: none; display: block; position: relative; margin-right: 16px; padding-left: 4.2rem; letter-spacing: 0.05rem; } .office-listing .office__actions a:hover, .office-listing .office__actions a:focus { border: none !important; text-decoration: none !important; } .office-listing .office__actions a:focus { color: #727783; } .office-listing .office__actions a:active { color: #303842; border: none; text-decoration: none; } .no-touch .office-listing .office__actions a:hover { color: #303842; } .no-touch .office-listing .office__actions a:active { color: rgba(48, 56, 66, 0.75); } @media (max-width: 767px) { .office-listing .office__actions a { margin-top: 0.6rem; } } .office-listing .office__actions a svg { stroke: #f3f2f5 !important; fill: #f3f2f5 !important; } .office-listing .office__actions a:active svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .no-touch .office-listing .office__actions a:hover svg { stroke: #a1a2a6 !important; fill: #a1a2a6 !important; } .no-touch .office-listing .office__actions a:active svg { stroke: #aeafb2 !important; fill: #aeafb2 !important; } .office-listing .office__actions .icon { width: 2rem; height: 2.1rem; margin-right: 2rem; position: absolute; top: 0.2rem; left: 0; background-size: 2rem auto; background-repeat: no-repeat; line-height: 1.6rem; } .office-listing .office__actions .icon-email { top: 0.5rem; background-image: url('//www.istone.com/hubfs/Assets/img/ui/icon-envelope-filled.svg'); background-size: 2.3rem auto; } .office-listing .office__actions .icon-phone { background-image: url('//www.istone.com/hubfs/Assets/img/ui/icon-phone-filled.svg'); } /********************************************** * * LANDING PAGE * */ .landing-page { /* Override bootstrap grid... */ /*--------------------------------*\ Flexible Container \*--------------------------------*/ /*--------------------------------*\ OVERRIDES - CURRENT PAGES \*--------------------------------*/ /*--------------------------------*\ ATTENTION BOX \*--------------------------------*/ /*--------------------------------*\ CONTACT BOX \*--------------------------------*/ /*--------------------------------*\ FORM STYLING \*--------------------------------*/ } .landing-page .top-navigation { position: absolute; } .landing-page .body-container { position: relative; z-index: 2; } .landing-page .top-navigation > div { border: none; } .landing-page:not(.case-page) .footer-container { max-width: 100%; padding-left: 0; padding-right: 0; } .landing-page:not(.case-page) .footer-container-wrapper { padding-left: 20px; padding-right: 20px; padding-top: 48px; padding-bottom: 48px; } @media (min-width: 480px) { .landing-page:not(.case-page) .footer-container-wrapper { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .landing-page .page-hero__inner { padding-bottom: 56px; } } @media screen and (min-width: 1200px) { .landing-page .page-hero .hs_cos_wrapper_type_text, .landing-page .page-hero .hs_cos_wrapper_type_rich_text { padding-left: 0; } } .landing-page .page-hero__content .hs_cos_wrapper_type_header, .landing-page .page-hero__content .hs_cos_wrapper_type_rich_text { display: block; } .landing-page .page-hero__content .hs_cos_wrapper_type_header h2, .landing-page .page-hero__content .hs_cos_wrapper_type_rich_text p { max-width: 600px; margin-top: 32px; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 400; line-height: 1.6; } .landing-page .page-hero__content .hs_cos_wrapper_type_header h2 i, .landing-page .page-hero__content .hs_cos_wrapper_type_rich_text p i, .landing-page .page-hero__content .hs_cos_wrapper_type_header h2 em, .landing-page .page-hero__content .hs_cos_wrapper_type_rich_text p em { font-family: Poppins,sans-serif;; font-size: 103%; font-weight: 400; font-style: italic; line-height: 1; letter-spacing: 0; } @media (min-width: 1800px) { .landing-page .page-hero__content .hs_cos_wrapper_type_header h2, .landing-page .page-hero__content .hs_cos_wrapper_type_rich_text p { font-size: 2.1rem; } } @media (min-width: 480px) and (max-width: 767px) { .landing-page .page-hero__content__inner { padding-left: 0; padding-right: 0; } } .landing-page .page-hero__tag { margin-bottom: 24px; } @media (min-width: 768px) { .landing-page .flex-section .row-fluid [class*="span"].flex-section__col-wrapper > div, .landing-page .flex-section .row-fluid [class*="span"].flex-section__col-wrapper > div > div { display: table; width: 100%; } .landing-page .flex-section .row-fluid [class*="span"].flex-section__col-wrapper .row-fluid [class*="span"].flex-section__col { display: table-cell; vertical-align: top; float: none; } } .landing-page .body-container { padding-bottom: 72px; background-color: #fafafc; } @media screen and (min-width: 768px) { .landing-page .body-container { padding-bottom: 104px; } } .landing-page .main-wrapper__inner { padding-top: 72px; } @media (max-width: 480px) { .landing-page .main-wrapper__inner { padding-top: 0; } } @media (min-width: 768px) { .landing-page .main-wrapper__inner { padding-top: 72px; } } @media (min-width: 1200px) { .landing-page .main-wrapper__inner { padding-left: 20px; padding-right: 20px; padding-top: 50px; } } @media (min-width: 1200px) and (min-width: 480px) { .landing-page .main-wrapper__inner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) and (min-width: 768px) { .landing-page .main-wrapper__inner { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } .landing-page .main-wrapper .col--main { margin-bottom: 80px; } @media (min-width: 768px) { .landing-page .main-wrapper .col--main { margin-bottom: 0; padding-right: 60px; } .landing-page .main-wrapper .col--side { box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); margin-left: 0; z-index: 11; margin-top: -184px; } } @media (min-width: 768px) and (min-width: 1200px) { .landing-page .main-wrapper .col--main { padding-right: 140px; } } @media (min-width: 768px) and (min-width: 1200px) { .landing-page .main-wrapper .col--side { margin-top: -150px; } } .landing-page .widget-type-widget_container > span { display: block; } .landing-page .widget-type-image_slider { margin-bottom: 64px; } .landing-page .widget-type-image_slider .hs_cos_flex-direction-nav { display: none; } .landing-page .post-body { /* Preamble */ } .landing-page .post-body p { padding-left: 0 !important; } .landing-page .post-body p, .landing-page .post-body p span { color: #4f5a69; } .landing-page .attention-box .hs_cos_wrapper_type_rich_text { display: block; background-color: #f3f2f5; padding: 28px 32px 32px; text-align: center; } .landing-page .attention-box .hs_cos_wrapper_type_rich_text > *:first-child { margin-top: 0 !important; } .landing-page .attention-box .hs_cos_wrapper_type_rich_text > *:last-child { margin-bottom: 0 !important; } .landing-page .attention-box .hs_cos_wrapper_type_rich_text:empty { padding: 0; } .landing-page .attention-box, .landing-page .attention-box * { color: #4f5a69; } .landing-page .attention-box, .landing-page .attention-box p { font-size: 1.4rem; line-height: 1.71428571; color: #727783; } .landing-page .attention-box h2, .landing-page .attention-box h3, .landing-page .attention-box h4 { margin-top: 12px; } .landing-page .attention-box h2 { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin-bottom: 16px; color: #A5181C; } .landing-page .attention-box p { margin-bottom: 0; } .landing-page .attention-box a { color: #fff; /*border-bottom: 2px solid rgba(255, 255, 255, 0.5);*/ padding-bottom: 0; } .landing-page .attention-box a:focus { /*border-bottom: 2px solid rgba(255, 255, 255, 0.5);*/ } .landing-page .attention-box a:active { color: #fff; text-decoration: none; border-color: #fff; } .no-touch .landing-page .attention-box a:hover { color: #fff; text-decoration: none; border-color: #fff; } .no-touch .landing-page .attention-box a:active { border-color: rgba(255, 255, 255, 0.5); } .landing-page .contact-box .hs_cos_wrapper_type_rich_text { display: block; margin-top: 80px; padding: 48px 32px 56px; background-color: #f3f2f5; text-align: center; } .landing-page .contact-box .hs_cos_wrapper_type_rich_text > *:first-child { margin-top: 0 !important; } .landing-page .contact-box .hs_cos_wrapper_type_rich_text > *:last-child { margin-bottom: 0 !important; } .landing-page .contact-box .hs_cos_wrapper_type_rich_text:empty { display: none; margin-top: 0; padding: 0; } .landing-page .contact-box, .landing-page .contact-box p { color: #727783; } .landing-page .contact-box h2 { font-size: 2.4rem; line-height: 1.5; margin-bottom: 16px; } .font-14-px-size{font-size: 14px !important;} .font-color-orange{color: #A5181C;} .btn.ghost.sm:hover .font-color-orange{color: #303842;} @media screen and (min-width: 768px) { .landing-page .contact-box h2 { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.02rem; } } .landing-page .contact-box a { color: #727783; border: none; } .landing-page .contact-box a:hover, .landing-page .contact-box a:focus { border: none !important; text-decoration: none !important; } .landing-page .contact-box a:focus { color: #727783; } .landing-page .contact-box a:active { color: #303842; border: none; text-decoration: none; } .no-touch .landing-page .contact-box a:hover { color: #303842; } .no-touch .landing-page .contact-box a:active { color: rgba(48, 56, 66, 0.75); } .landing-page .form-title { text-align: center; } .landing-page .form-container { position: relative; } .landing-page .form-box { float: none !important; padding: 48px 32px 48px; background-color: #fff; text-align: center; } .landing-page .secondary-theme .hs-form input[type="submit"] { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .landing-page .secondary-theme .hs-form input[type="submit"]:focus, .landing-page .secondary-theme .hs-form input[type="submit"]:hover, .landing-page .secondary-theme .hs-form input[type="submit"]:active { color: #fff; } .landing-page .secondary-theme .hs-form input[type="submit"]:hover { background: #fff; color: #0c5394; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); } .landing-page .secondary-theme .hs-form input[type="submit"]:active { background: #f3f2f5; color: #0c5394; box-shadow: none; } .touch .landing-page .secondary-theme .hs-form input[type="submit"]:hover { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .touch .landing-page .secondary-theme .hs-form input[type="submit"]:active { background: #fafafc; color: #0c5394; box-shadow: none; } @media (min-width: 768px) and (max-width: 991px) { .landing-page .col--side .widget-type-form .form-columns-2 .hs-form-field, .landing-page .col--side .widget-type-form .form-columns-3 .hs-form-field { padding: 0 !important; width: 100% !important; } } @media screen and (min-width: 992px) { .landing-page .videoWrapper { margin-bottom: 104px; } } .hs-inline-edit [class*="span"] .hs_cos_wrapper_type_widget_container:empty:before, .inpage-editing [class*="span"] .hs_cos_wrapper_type_widget_container:empty:before, .hs-inline-edit [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty:before, .inpage-editing [class*="span"] .hs_cos_wrapper_type_widget_container > span:empty:before { content: 'Add Flex Section custom modules in this flexible container'; } .hs-inline-edit .case-study__result-boxes .hs_cos_wrapper_type_widget_container:empty:before, .inpage-editing .case-study__result-boxes .hs_cos_wrapper_type_widget_container:empty:before, .hs-inline-edit .case-study__result-boxes .hs_cos_wrapper_type_widget_container > span:empty:before, .inpage-editing .case-study__result-boxes .hs_cos_wrapper_type_widget_container > span:empty:before { content: 'Add Case Study Result custom modules in this flexible container' !important; } .videoWrapper { position: relative; padding-top: 0; height: 0; padding-bottom: 56.25%; } .videoWrapper.standard { padding-bottom: 75%; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .landing-page--full-video .page-hero__inner { padding-bottom: 0 !important; } .landing-page--full-video .videoWrapper { margin-bottom: 0 !important; } /* LANDING PAGE: 1 COLUMN ---------------------- */ .landing-page--1-col { /*--------------------------------*\ Flexible Container \*--------------------------------*/ } .landing-page--1-col .body-container { padding-bottom: 0; } @media screen and (min-width: 768px) { .landing-page--1-col .page-hero .hs_cos_wrapper_type_text, .landing-page--1-col .page-hero .hs_cos_wrapper_type_rich_text { max-width: 1000px; } } @media screen and (min-width: 992px) { .landing-page--1-col .page-hero .hs_cos_wrapper_type_text, .landing-page--1-col .page-hero .hs_cos_wrapper_type_rich_text { margin-left: auto; margin-right: auto; } } @media screen and (min-width: 992px) { .landing-page--1-col .page-hero .hs_cos_wrapper_type_rich_text { margin-bottom: 56px; } .landing-page--1-col .page-hero .hs_cos_wrapper_type_rich_text p { margin-left: auto; margin-right: auto; } } @media screen and (min-width: 992px) { .landing-page--1-col .page-hero__content { padding-top: 72px; text-align: center; } } .landing-page--1-col .form-box { max-width: 100%; margin-left: auto; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); text-align: left; } .landing-page--1-col .form-box .hs-form > div + div .hs-form-field > label { margin-top: 48px; } .landing-page--1-col .form-box .hs-form-field > label { margin-left: 1px; } .landing-page--1-col .form-box .inputs-list { text-align: left; } .landing-page--1-col .form-box .hs_submit { text-align: center; } @media (max-width: 991px) { .landing-page--1-col .form-container--floated { padding-left: 20px; padding-right: 20px; } } @media (max-width: 991px) and (min-width: 480px) { .landing-page--1-col .form-container--floated { padding-left: 30px; padding-right: 30px; } } .landing-page--1-col .form-container--floated .form-box { max-width: 100%; margin: 64px auto; } .landing-page--1-col .form-container--floated .form-box.span12 { margin-left: auto !important; margin-right: auto !important; } @media screen and (min-width: 992px) { .landing-page--1-col .form-container--floated .form-box { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 992px) { .landing-page--1-col .form-container--floated > div > .row-fluid-wrapper { display: flex; margin-bottom: -128px; } .hs-inline-edit .landing-page--1-col .form-container--floated > div > .row-fluid-wrapper { margin-bottom: 0; } .landing-page--1-col .form-container--floated .form-box { max-width: 560px; position: relative; top: -128px; left: 0; right: 0; z-index: 10; } } @media (min-width: 992px) { .landing-page--1-col .form-container--floated.form-container--wide .form-box { max-width: 660px; } } .landing-page--1-col .case-study__results.bg-color-light-grey { background: #fafafc !important; } .landing-page--1-col .widget-type-widget_container > span:empty { margin-top: 0; } /* LANDING PAGE: CASE STUDY ------------------------ */ .case-page .hs_cos_wrapper_type_widget_container > div:first-child .flex-section.bg-color-light-grey { background-color: #fafafc !important; } @media screen and (min-width: 768px) { .case-page .hs_cos_wrapper_type_widget_container > div:first-child .flex-section__inner:not(.inner--arrow) { padding-top: 72px; } } @media screen and (min-width: 768px) { .case-page .form-container .row-fluid-wrapper > div.row-fluid { display: flex; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .case-page .form-container .row-fluid-wrapper > div.row-fluid { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 992px) { .case-page .form-container { margin-bottom: -104px; } } @media screen and (max-width: 767px) { .case-page .form-container .form-box:first-child { margin-bottom: 32px; } .case-page .form-container .form-box:last-child { margin-top: 32px; } } @media screen and (min-width: 768px) { .case-page .form-container .form-box { padding: 32px; } .case-page .form-container .form-box:first-of-type { margin-right: 20px; margin-left: auto; } .case-page .form-container .form-box:last-of-type { margin-left: 20px; margin-right: auto; } } @media screen and (min-width: 992px) { .case-page .form-container .form-box { padding: 40px; } } @media screen and (min-width: 1200px) { .case-page .form-container .form-box { padding: 48px; } } .case-page .form-container .form-box h2, .case-page .form-container .form-box h3, .case-page .form-container .form-box h4 { font-size: 2.2rem; line-height: 1.63636364; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 500; } @media screen and (min-width: 768px) { .case-page .form-container .form-box h2, .case-page .form-container .form-box h3, .case-page .form-container .form-box h4 { font-size: 2.8rem; line-height: 1.57142857; } } .landing-page--case-study { /*-------------------------*\ Flex Section overrides \*-------------------------*/ } @media (min-width: 992px) { .landing-page--case-study .page-hero .hs_cos_wrapper_type_rich_text { margin-bottom: 104px; } } .landing-page--case-study.hero-image-loaded .page-hero.bg-img-set .page-hero__inner { background-color: rgba(22, 49, 71, 0.5); } .landing-page--case-study .breadcrumb { display: none; } .landing-page--case-study .breadcrumb__home a { color: rgba(255, 255, 255, 0.6) !important; } .landing-page--case-study .breadcrumb__home a:hover, .landing-page--case-study .breadcrumb__home a:active { color: #fff !important; } .landing-page--case-study .form-box { max-width: 560px; margin-left: auto; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 991px) { .landing-page--case-study .form-container--floated { padding-left: 20px; padding-right: 20px; } } @media (max-width: 991px) and (min-width: 480px) { .landing-page--case-study .form-container--floated { padding-left: 30px; padding-right: 30px; } } .landing-page--case-study .form-container--floated .form-box { max-width: 100%; margin: 64px auto; } @media (min-width: 992px) { .landing-page--case-study .form-container--floated .form-box { margin-bottom: 64px; } } @media (min-width: 992px) { .landing-page--case-study .form-container--floated > div > div { margin-bottom: -128px; } .landing-page--case-study .form-container--floated .form-box { max-width: 560px; margin: 0 auto !important; position: relative; top: -128px; left: 0; right: 0; z-index: 10; } } .landing-page--case-study .flex-section .hs_cos_wrapper_type_rich_text > *:first-child { margin-top: 0 !important; } .landing-page--case-study .flex-section .hs_cos_wrapper_type_rich_text > *:last-child { margin-bottom: 0 !important; } @media (max-width: 991px) { .landing-page--case-study .flex-section .flex-section__inner.inner--content { padding-top: 96px; } .landing-page--case-study .flex-section.bottom-continuation .flex-section__inner.inner--content { padding-bottom: 96px; } } /*-------------------------*\ Case Study Sections \*-------------------------*/ .case-study__main .inner--content { padding-bottom: 96px !important; } @media (max-width: 991px) { .case-study__main .flex-section__inner.inner--content { padding-top: 0; } } @media (min-width: 992px) { .case-study__main { margin-top: 48px; } } .case-study__results .inner--content { padding-left: 20px; padding-right: 20px; padding-top: 0; } @media (min-width: 480px) { .case-study__results .inner--content { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .case-study__results .inner--content { float: none !important; width: 100%; max-width: 1220px; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 991px) { .case-study__results .inner--content { padding-top: 0 !important; padding-bottom: 16px !important; } .case-study__results .hs_cos_wrapper_type_widget_container { margin-top: 24px !important; } } @media (min-width: 992px) { .case-study__results .item__body { padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) and (min-width: 480px) { .case-study__results .item__body { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) and (min-width: 768px) { .case-study__results .item__body { float: none !important; width: 100%; max-width: 820px; margin-left: auto !important; margin-right: auto !important; } } .case-study__results .hs_cos_wrapper_type_rich_text { display: block; margin-top: 32px; } .case-study__results .hs_cos_wrapper_type_rich_text:empty { margin-top: 0; } .case-study__results .hs_cos_wrapper_type_rich_text > *:first-child { margin-top: 0 !important; } .case-study__results .hs_cos_wrapper_type_rich_text > *:last-child { margin-bottom: 0 !important; } .case-study__stats { position: relative; text-align: center; } .case-study__stats[class*="span"] { float: none !important; } .case-study__stats .hs_cos_wrapper_type_widget_container { display: block; margin-bottom: 96px; /* No stat boxes available */ } .case-study__stats .hs_cos_wrapper_type_widget_container:empty { margin-bottom: 0; } .case-study__stats .hs_cos_wrapper_type_widget_container > div { display: inline-block; margin: 0 16px 36px; } @media (min-width: 992px) { .case-study__stats .hs_cos_wrapper_type_widget_container { display: table !important; width: 100%; max-width: 1250px; margin: 0 auto -40px; padding-top: -158.44444442px; /* No stat boxes available */ } .case-study__stats .hs_cos_wrapper_type_widget_container:empty { padding-top: 64px; margin-bottom: 0; } .case-study__stats .hs_cos_wrapper_type_widget_container > div { display: table-cell; vertical-align: top; width: auto; max-width: 250px; text-align: center; } } .case-study__result-boxes { position: relative; text-align: center; margin-top: 72px; } @media screen and (min-width: 992px) { .case-study__result-boxes { margin-top: 104px; } } .case-study__result-boxes[class*="span"] { float: none !important; } .case-study__result-boxes .hs_cos_wrapper_type_widget_container { display: block; margin-top: 64px; /* No result boxes available */ } .case-study__result-boxes .hs_cos_wrapper_type_widget_container:empty { margin-top: 0; } .case-study__result-boxes .hs_cos_wrapper_type_widget_container > div { display: block; margin: 0 auto 64px; } .case-study__result-boxes .hs_cos_wrapper_type_widget_container > div:last-child { margin-bottom: 0; } @media (min-width: 992px) { .case-study__result-boxes .hs_cos_wrapper_type_widget_container { display: table !important; width: 100%; max-width: 1200px; margin: 80px auto 0; /* No result boxes available */ } .case-study__result-boxes .hs_cos_wrapper_type_widget_container:empty { margin-top: 0; } .case-study__result-boxes .hs_cos_wrapper_type_widget_container > div { display: table-cell; vertical-align: top; width: auto; max-width: 320px; text-align: center; } } @media (min-width: 1200px) { .case-study__summary .col__inner { padding-right: 180px; } } .case-study__summary .form-box { box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } /*-------------------------*\ Stat Box \*-------------------------*/ .cs-stat-box { box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08); display: inline-block; vertical-align: top; width: 160px; height: 184px; padding: 16px 28px 44px; background-color: white; border-bottom: none; position: relative; } .fat-boxes .cs-stat-box { padding-top: 24px; } @media (min-width: 480px) { .fat-boxes .cs-stat-box { width: 200px; } } @media (min-width: 768px) { .fat-boxes .cs-stat-box { height: 208px; } } .cs-stat-box a { color: #4f5a69; border: none; display: block; border: none !important; } .cs-stat-box a:hover, .cs-stat-box a:focus { border: none !important; text-decoration: none !important; } .cs-stat-box a:focus { color: #4f5a69; } .cs-stat-box a:active { color: #A5181C; border: none; text-decoration: none; } .no-touch .cs-stat-box a:hover { color: #A5181C; } .no-touch .cs-stat-box a:active { color: rgba(255, 130, 23, 0.75); } .cs-stat-box__inner:before, .cs-stat-box__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .cs-stat-box__inner:after { clear: both; } .cs-stat-box__inner:before, .cs-stat-box__inner:after { content: " "; /* 1 */ display: table; /* 2 */ } .cs-stat-box__inner:after { clear: both; } .cs-stat-box__big-figure { font-size: 3.8rem; line-height: 1.26315789; letter-spacing: -0.03rem; font-family: Poppins,sans-serif;; letter-spacing: -0.08rem !important; } @media screen and (min-width: 768px) { .cs-stat-box__big-figure { font-size: 4.6rem; line-height: 1.2173913; letter-spacing: -0.02rem; } } @media screen and (min-width: 992px) { .cs-stat-box__big-figure { font-size: 4.6rem; line-height: 1.19642857; letter-spacing: -0.02rem; } } @media (min-width: 1800px) { .cs-stat-box__big-figure { font-size: 5.5rem; line-height: 1.25; letter-spacing: -0.05rem; } } .cs-stat-box__figure-description { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin-top: 8px; } .cs-stat-box__context { font-size: 1.4rem; line-height: 1.71428571; margin-top: 16px; color: #a1a2a6; line-height: 16px; } @media (min-width: 768px) { } @media (max-width: 515px) { .cs-stat-box { display: table; width: 100% !important; height: auto !important; padding: 0 0 16px; } .cs-stat-box-wrapper { display: block !important; margin: 0 0 12px !important; } .cs-stat-box > div { display: table-row; } .cs-stat-box > div > div, .cs-stat-box > div > a > div { display: table-cell; vertical-align: top; padding: 28px 0 24px; } .cs-stat-box__big-figure { width: 20%; padding-left: 24px !important; text-align: left; line-height: 1; } .cs-stat-box__desc { display: flex; flex-direction: column; justify-content: space-between; width: 65%; padding-right: 24px !important; padding-left: 24px !important; text-align: left; } .cs-stat-box__figure-description { flex-grow: 1; margin-top: 0; position: relative; top: -1px; } .cs-stat-box__context { margin-top: 4px; line-height: 1.3; } } /*-------------------------*\ Stat Box \*-------------------------*/ .cs-result-box { display: inline-block; vertical-align: top; width: 280px; } .cs-result-box__icon { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 20px; padding: 1.4em; border-radius: 999px; background-color: #fff; } @media (min-width: 480px) { .cs-result-box__icon { padding: 1em; } } .cs-result-box__icon svg { stroke: #A5181C !important; fill: #A5181C !important; width: 2.9em; height: 2.9em; } .cs-result-box__title { font-size: 2rem; line-height: 1.6; margin-bottom: 16px; font-weight: 600; } .cs-result-box__desc { color: #727783; } .cs-result-box__figure-description { font-size: 1.7rem; line-height: 1.5; color: rgba(255, 255, 255, 0.9); } /********************************************** * * THANK YOU PAGE * */ /* Overrides ========================================================================== */ .thank-you-page .page-hero__content { padding-left: 20px; padding-right: 20px; } @media (min-width: 480px) { .thank-you-page .page-hero__content { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) { .thank-you-page .page-hero__content { float: none !important; width: 100%; max-width: 820px; margin-left: auto !important; margin-right: auto !important; } } .thank-you-page .page-hero .hs_cos_wrapper_type_text, .thank-you-page .page-hero .hs_cos_wrapper_type_rich_text { padding-left: 0 !important; } .thank-you-page .page-hero .hs_cos_wrapper_type_rich_text { display: block; margin-top: 48px; } .thank-you-page .page-hero .hs_cos_wrapper_type_rich_text:empty { margin-top: 0; } .thank-you-page .content-offer-widget { margin-top: 48px; } .thank-you-page .content-offer-widget .btn { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .thank-you-page .content-offer-widget .btn:focus, .thank-you-page .content-offer-widget .btn:hover, .thank-you-page .content-offer-widget .btn:active { color: #fff; } .thank-you-page .content-offer-widget .btn:hover { background: #fff; color: #0c5394; box-shadow: 6px 6px 28px 0 rgba(0, 0, 0, 0.18); } .thank-you-page .content-offer-widget .btn:active { background: #f3f2f5; color: #0c5394; box-shadow: none; } .touch .thank-you-page .content-offer-widget .btn:hover { background: #0c5394; color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.14); } .touch .thank-you-page .content-offer-widget .btn:active { background: #fafafc; color: #0c5394; box-shadow: none; } .thank-you-page .content-offer-widget .share-options { margin-top: 48px; margin-bottom: 0; } .thank-you-page .content-offer-widget .share-options h5 { font-size: 2rem; line-height: 1.6; font-family: "Helvetica",Verdana,Arial,sans-serif; margin-bottom: 16px; } /* THANK YOU PAGE: CASE STUDY -------------------------- */ .thankyou-page--case-study .breadcrumb { display: none; } @media screen and (max-width: 767px) { .error-page .page-hero__content__inner { padding-top: 32px; padding-bottom: 0; } } @media screen and (min-width: 480px) { .error-page .fat-boxes .cs-stat-box { height: 128px; } } @media screen and (min-width: 768px) { .error-page .fat-boxes .cs-stat-box { height: 136px; } } @media screen and (min-width: 992px) { .error-page .fat-boxes .cs-stat-box { height: 160px; } } @media (max-width: 515px) { .error-page .cs-stat-box > div > a > div { vertical-align: middle; } .error-page .cs-stat-box__big-figure { width: 10%; } .error-page .cs-stat-box__figure-description { line-height: 1; } .error-page .cs-stat-box__context { display: none; } } .subscription-page .page-hero__inner { padding-bottom: 0 !important; } .subscription-page #email-prefs-form { margin: 0 auto; } .subscription-page .header { border: none; } .subscription-page .page-header h1 { margin-top: 0; margin-bottom: 0.35em; } .subscription-page .page-header h2 { font-size: 2.4rem; line-height: 1.33333333; font-family: Poppins,sans-serif;; font-weight: 400; display: inline-block; margin: 25px 0 30px; padding: 0.65em; background: #f3f2f5; } @media screen and (min-width: 768px) { .subscription-page .page-header h2 { font-size: 2.8rem; line-height: 1.42857143; } } .subscription-page .page-header h2 #email-prefs-form .email-edit { text-transform: uppercase; } .subscription-page .page-header em { font-size: 1.4rem; line-height: 1.71428571; font-style: normal; } .subscription-page #content p { font-size: 1.4rem; line-height: 1.71428571; } .subscription-page #content p.header { font-size: 1.3rem; line-height: 1.84615385; font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin: 1.25em 0 1.25em; color: #727783; } .subscription-page .email-prefs { margin: 30px 0; } .subscription-page .email-prefs .item p { margin-top: 0; } .subscription-page .email-prefs .item .item-inner { padding: 24px 20px; border: none; border-radius: 0; box-shadow: none; background-color: #f3f2f5; } .subscription-page .email-prefs .item .item-inner.selected { box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); border: none; background-color: #fff; } .subscription-page .email-prefs .item .item-inner.selected p { color: #727783; } .subscription-page .email-prefs .item .item-inner.selected .checkbox-row span.fakelabel span { color: #163147; } .subscription-page .email-prefs .item p { margin-left: 27px; } .subscription-page .checkbox-row { position: relative; padding-left: 20px; margin-bottom: 8px; overflow: auto; } @media screen and (min-width: 480px) { .subscription-page .checkbox-row { margin-bottom: 4px; } } .subscription-page .checkbox-row input { position: absolute; top: 6px; left: 0; margin-right: 4px; } @media screen and (min-width: 768px) { .subscription-page .checkbox-row input { top: 10px; } } .subscription-page .checkbox-row span.fakelabel span { font-size: 2rem; line-height: 1.4; font-family: Poppins,sans-serif; font-weight: 400; margin: 0 0 2px 8px; color: #4f5a69; } @media screen and (min-width: 768px) { .subscription-page .checkbox-row span.fakelabel span { font-size: 2.4rem; line-height: 1.5; } } .subscription-page .email-prefs .item .item-inner p { color: #a1a2a6; } .subscription-page .subscribe-options label span { font-size: 18px; font-weight: normal; position: relative; top: 2px; } .subscription-page #submitbutton { margin-top: 30px; margin-bottom: 20px; } .subscription-page .subscribe-options label { margin-left: 0; } .subscription-page #globalunsub + span { color: #e23838; } /* Subscription Update Confirmation */ .widget-type-email_subscriptions_confirmation .success { display: inline-block; margin: 16px 0 48px; padding: 16px; font-size: 1.7rem; color: #64b764; background: rgba(100, 183, 100, 0.15); } /* Subscription Frequency radio buttons */ div[class*="_hubspot_blog_subscription"] { margin: 16px 0 !important; } div[class*="_hubspot_blog_subscription"] > label { display: none; } /* H2 tag orange underlines */ h2.orange-underline{ display: inline; padding-bottom: .03em !important; /*border-bottom: 2px solid #A5181C;*/ } .scroll_To_Top{ position:fixed; bottom: 40px; right:40px; text-align:right; display:none; z-index:999; border-bottom: none !important; } .scroll_To_Top:hover { border-bottom: none !important; } .scroll_To_Top img {max-width: 50%;} .ui-accordion .ui-accordion-content {padding: 2em 2.2em;} .ui-accordion .ui-accordion-header { font-size:110% ; } /***************************************************** * * STYLES ONLY VISIBLE IN IN HUBSPOT EDITOR * *****************************************************/ @media (max-width: 767px) { .hs-tools-menu { display: none !important; } } @media print { .widget-type-google_search, .widget-type-blog_subscribe, .addthis_sharing_toolbox, .hs_cos_wrapper_type_blog_social_sharing, .hs-tools-menu { display: none !important; } } /*------------------------------------------------------------------------ * * A T T E N T I O N ! * * PLACE YOUR OVERRIDES IN COLUMBUS-STYLE-OVERRIDES.CSS, * THIS FILE'S CONTENT IS COMPILED FROM A LOCAL REPOSITORY! * * ----------------------------------------------------------------------*/ /*# sourceMappingURL=columbus-style.css.map */ .company__social-links .social-icon {width:30px;height:30px;} /*Youtube dynamic Iframe code*/ .youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; } .youtube .play-button { width: 68px; height: 48px; background-color: #000; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 12px; } .youtube:hover > .play-button { background-color:#FF0000; } .youtube .play-button:before { content: ""; border-style: solid; border-width: 10px 0 10px 22px; border-color: transparent transparent transparent #fff; } .youtube img, .youtube .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; } .youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } div#hs-en-cookie-confirmation-buttons-area a {padding-left:16px} .landing-page--1-col .case-study__result-boxes {margin-top:0px;} @media only screen and (max-width: 480px) { .landing-page .main-wrapper__inner .row-fluid-wrapper .row-fluid { display: flex; flex-direction: column-reverse; } .landing-page .main-wrapper .col--main {margin-top:60px; margin-bottom:0px;} } /*OL { counter-reset: item } LI { display: block } LI:before { content: counters(item, ".") "."; counter-increment: item font-family: "Helvetica",Verdana,Arial,sans-serif; font-weight: 600; } */ .landing-page .interactive-contact-box .hs_cos_wrapper_type_rich_text { display: block; padding: 48px 32px 56px; background-color: #A5181C; text-align: left; color:#fff; } .landing-page .interactive-contact-box h4 { color:#fff; } .interactive-landing-page .fluid-width-video-wrapper{padding-bottom: 16%;padding-top: 50%;} /* Multi Col Module */ .multi_col .col_circle_icon{ cursor:pointer; } .multi_col .icon-item__title{ font-family: 'Miller Ban WGL Rom',Georgia,serif; } .multi_col .item__title{ font-size:4rem !important; } .multi_col .img{ width:60px !important; filter: brightness(0) invert(1); } .multi_col .icon-item__icon { width: 170px !important; height: 170px !important; border-radius: 50%; padding: 30px; border: 2px solid #A5181C; text-align:center; } .multi_col .sub_heading_style{ font-size: 20px !important; text-align: center !important; width: 75% !important; margin-left: 12%; } .multi_col .icon_img{ width:80%; height:80%; margin:11%; } .multi_col .icon-item__inner{ height:70px; } .multi_col .icon-item__title h4{ margin-top: 110px; font-size: 20px !important; text-align:center; line-height: 1.2 !important; } .col_circle_icon { margin-top: 16px; } .col_circle_icon :hover .icon-item__icon{ border-color: #A5181C; transition: 1s; } .col_circle_icon:hover .icon-item__title h4{ color: #A5181C; transition: 1s; } @media screen and (min-width: 980px) { .col-lg-5{ width: 20% !important; } } .col_circle_icon .col-lg-2: hover{ background: #fff; } .col_circle_icon:hover .icon-item__icon{ box-shadow: 0 0px 1px rgba(0,0,0,0.12), 0 0px 2px rgba(0,0,0,0.12), 0 0px 4px rgba(0,0,0,0.12), 0 0px 8px rgba(0,0,0,0.12), 0 0px 16px rgba(0,0,0,0.12); } .col_circle_icon:hover .icon_img{ width:83%; height:83%; } .multi_col.flex-section--3-cols-icon-title { padding-bottom: 0px !important; } .multi_col .flex-section__section-heading { margin-bottom: 0px !important; text-align: center; } .multi_col .icon-item__action{ margin-top: 21px !important; } .multi_col .flex-section__col-wrapper{ padding-bottom: 28px !important; } .multi_col .multi-col-inner-content{ margin-top: 20px; text-align:center; } .multi_col .multi-col-inner-content .col__image{ display:flex; justify-content:center; align-items: center; } @media only screen and (max-width: 600px) { .multi_col .multi-col-inner-content .col__image{ height: auto; } } @media only screen and (min-width: 600px) { .multi_col .multi-col-inner-content .col__image{ height: 170px; } } .multi_col .multi-col-inner-content .col__body{ margin-top: 20px; } .multi_col .row{ display: contents; flex-wrap: wrap; justify-content: center; } @media only screen and (max-width: 600px) { .landing-page .post-body blockquote { margin:14px 0px 20px 0px !important; } } .hs-form .legal-consent-container .hs-richtext a {color:#A5181C;} @media only screen and (max-width: 600px) { #hidden-mobile{display:none;} .post-body img {margin-bottom:40px;} } .hs-form .legal-consent-container .hs-dependent-field a {color:#A5181C !important;} .cta_button,.cta_button:hover{border-bottom:none;} .hs-form .legal-consent-container .hs-form-booleancheckbox input[type="checkbox"] .sub-br, .coi-banner__policy{ height: 20px; border-bottom: 0px !important; } .coi-banner__policy a:hover{ border-bottom: 0px !important; } @media (max-width: 767px) { .row-fluid { width:100% } .row-fluid [class*=span] { display: block; float: none; margin-left: 0; width: auto } } @media (min-width: 768px) and (max-width:1139px) { .row-fluid { *zoom:1; width: 100% } .row-fluid:after,.row-fluid:before { content: ""; display: table } .row-fluid:after { clear: both } .row-fluid [class*=span] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; float: left; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; min-height: 28px; width: 100% } .row-fluid [class*=span]:first-child { margin-left: 0 } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383% } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829% } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383% } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829% } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383% } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304% } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383% } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383% } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383% } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297% } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298% } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298% } } @media (min-width: 1280px) { .row-fluid { *zoom:1; width: 100% } .row-fluid:after,.row-fluid:before { content: ""; display: table } .row-fluid:after { clear: both } .row-fluid [class*=span] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; float: left; margin-left: 2.564102564%; /*margin-left: 2.510911074638298%;*/ min-height: 28px; width: 100% } .listing-blog [class*=span] {margin-left: 0;} .row-fluid [class*=span]:first-child { margin-left: 0 } .row-fluid .span12 { width: 100%; *width: 99.94680851063829% } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383% } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383% } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829% } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383% } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383% } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383% } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304% } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383% } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383% } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383% } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298% } } .blog-pagination-new { display: block; text-align: center; padding: 40px 30px 80px } .blog-pagination-new>div { display: inline-block } .blog-pagination-new a { color: #000; text-decoration: none } .blog-pagination-left { text-align: right } .blog-pagination-right { text-align: left } .blog-pagination-new a { padding: 6px 12px; border-radius: 50%!important; margin: 0 5px; background: #f3f2f5 } .blog-pagination-new a:focus,.blog-pagination-new a:hover { background-color: #6042ec; text-decoration: none; color: #fff } .blog-pagination-new a.elipses { border: 0 } .blog-pagination-new a.active { background-color: #6042ec; color: #fff; pointer-events: none; cursor: default } .blog-pagination-new a.first-link,.blog-pagination-new a.last-link,.blog-pagination-new a.next-link,.blog-pagination-new a.prev-link { background-color: #f3f2f5; color: #0e3a5e; } .blog-pagination-new a.first-link:hover,.blog-pagination-new a.last-link:hover,.blog-pagination-new a.next-link:hover,.blog-pagination-new a.prev-link:hover { background-color: #6042ec; color: #fff } @media screen and (max-width: 600px) { .blog-pagination-new { padding:20px 0 80px } } .hs-pagination__link { background-color: #F3F2F5 !important; padding: 0.25rem 1rem !important; color: #6042ec !important; } .hs-pagination__link:hover { background-color: #6042ec !important; padding: 0.25rem 1rem !important; color: #F3F2F5 !important; } .hs-pagination__link:active, .hs-pagination__link:focus, .hs-pagination__link:hover { background-color: #6042ec !important; color: #F3F2F5 !important; } #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--number { border-radius: 25px; } #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--prev, #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--next { border-radius: 50%; padding: 8px 8px !important; } #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--first, #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--last { border-radius: 50%; padding: 8px 8px !important; } #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--prev>.hs-pagination__link-icon svg, #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--next>.hs-pagination__link-icon svg { fill: #6042ec; } #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--prev>.hs-pagination__link-icon:hover svg, #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--next>.hs-pagination__link-icon:hover svg { fill: #ffffff; } #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--first>.hs-pagination__link-icon svg, #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--last>.hs-pagination__link-icon svg { fill: #6042ec; } #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--first>.hs-pagination__link-icon:hover svg, #hs_cos_wrapper_widget_1691248006079 .hs-pagination__link--last>.hs-pagination__link-icon:hover svg { fill: #ffffff; } .hs-pagination__link--active { padding: 6px 12px; border-radius: 50% !important; margin: 0 5px; background-color: #6042ec !important; color: #ffffff !important; } .hs-pagination__link--active:hover { background-color: #F3F2F5 !important; color: #6042ec !important; } .hs-pagination__link--number { padding: 0.25rem 1rem !important; } .blog-section {max-width:100%;} .hero-section__body .h2 {color:#ffffff !important;font-family: 'CerebriSansPro-Bold';font-size: 60px; line-height: initial;width:80%} .h2 em {color:#ffffff !important;font-family: 'CerebriSansPro-Regular';} .hero-section--blog-post .byline a {color:#F3F2F5 !important;} .hero-section--blog-post .byline a:hover {color:#F3F2F5 !important;} .hero-section {--hero-overlay: #071C4D;} .hs-item-has-children button:hover {background-color:none !important;} .social-media__service {color:#6042ec;} .hs-menu-wrapper .hs-menu-item.hs-menu-depth-1>.hs-menu-link:not(.hs-menu-item__child-toggle) { border-bottom: none !important; } .site-header__main-area .site-header__navigation .site-header__menu .hs-menu-item .hs-menu-children-wrapper .hs-menu-link {border-bottom: none;} .hs-menu-wrapper .hs-menu-item.hs-menu-depth-1>.hs-menu-link:not:nth-child(4) { background-color:#f00; } #main_menu > li:last-child a{ font-family: Poppins, sans-serif; font-weight: 400; font-size: 16px; border: 1px solid #1557ed; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; box-shadow: 0px -1px 2px 0px rgba(0,78,196,0.61); padding: 12px 24px; background: #2163F9; color: #ffffff !important; margin-top: 25px !important; } #main_menu > li:last-child a:hover { font-family: Poppins, sans-serif; font-weight: 400; font-size: 16px; border: 1px solid #1557ed; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; box-shadow: 0px -1px 2px 0px rgba(0,78,196,0.61); padding: 12px 24px; background: #2163F9; color: #ffffff !important; margin-top: 25px !important; } .blog-section .social-share__sticky ul {width:180px;} .blog-section .social-share__sticky ul li {float:left;} .demo-bg-color-blue { flex-flow: row wrap; justify-content: flex-start; float: none !important; width: 100%; max-width: 1660px; margin-left: auto !important; margin-right: auto !important; background-color: #071c4d; padding: 90px 0px; } .label { color:#ff971e; text-align:center; font-size:18px; font-weight: 600; } .title { padding-top:20px; display:flex; justify-content:center; } .title h2 { color: #ffffff; text-align:center; font-family: 'CerebriSansPro-Bold'; font-size: 42px; display: inline-block; margin:0; margin-right: 3%; } .title-btn { padding: 16px 14px; background-color: #2163f9; color: #ffffff; font-size: 14px; font-family: 'CerebriSansPro-Regular'; border-radius: 6px; margin: auto 0px; } .title:hover + .title-btn { color: #2163f9 !important; background-color: #ffffff !important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; } .flex-related-blog { display: flex; justify-content: center; } .flex-related-blog h2 { min-height: 5em; overflow: hidden; font-size: 2rem; font-family: CerebriSansPro-Bold; font-weight: 600; color: #6042ec; margin: 10px 15px; } .flex-related-blog h2 a, .flex-related-blog h2 a:after, .flex-related-blog h2 a:active { color: #6042ec; } .related-blog-image { height: 240px; position: relative; width: 100%; } .img-related { height: 240px; object-fit: cover; object-position: center center; width: 100%; padding: 10px; border-radius: 20px; } .related-blog { background: #f3f2f5; /* display: flex; flex-flow: column nowrap; */ float: left; margin: 10px 10px; border-radius: 20px; } .blog-index__title { padding-top: 30px; font-family: CerebriSansPro-Bold; font-size: 36px; font-weight: 600; color: #ff4f62; text-align: center; } @media (max-width: 768px) { .flex-related-blog { flex-flow: column nowrap; } .title { padding: 10px 30px; display: flex; justify-content: center; flex-flow: column nowrap; text-align: center; } .title-btn { padding: 12px 12px; padding: 10px 20px; text-align: center; } .title h2 { font-size: 24px; padding-bottom: 20px; } .dnd-section>.row-fluid { flex-direction: column; } } #cta_button_361637_6ac108d6-535b-41c1-afa4-77ccff70f947 { } .cta_button {font-family: CerebriSansPro-Regular !important;} .active-branch {color:#2163F9;} .hero-section--blog-post.hero-section--body-position-full_width .container {width:100% !important} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], select:checked { background-color: #ffffff;} h5, .h5-style, .side-panel__header h3, .knowledge-page .filter-menu__header__caption, .events-page .filter-menu__header__caption, .filter-menu__header__caption { font-weight: bold; font-size: 18px; letter-spacing: 1.5px; text-align: left; text-transform: uppercase; font-family: "Helvetica",Verdana,Arial,sans-serif; color: #ff4f62 !important; } .hs_cos_wrapper_type_inline_rich_text > *:last-child, .hs_cos_wrapper_type_rich_text > *:last-child { /*font-weight: 300;*/ font-size: 14px; line-height: 1.45 !important; } .hs_cos_wrapper_type_inline_rich_text {margin-top: 36px !important;} .flex-footer-section { float: left; margin-bottom: 2px; width: calc((100% - 0.1px)/1); } .fresh-blog a { font-weight: 400; font-size: 13px !important; letter-spacing: .5px; line-height: 18px; } .fresh-blog-meta{ margin-top: 5px; } .fresh-blog-meta span{ padding-top: 13px; color: #4f5a69; font-size: 11px; letter-spacing: .03em; line-height: 18px; } .active-branch { color: #6042ec !important; } .flex-footer-separator { border-bottom: 1px solid #444; background-color: #444; margin: 18px 0 10px 0 !important; } .person__bio { line-height: 22px; } .hs-pagination {line-height: 1.5;} .hero-section--blog-post.hero-section--body-position-full_width {text-align: left !important;} @media (min-width: 1024px){ .hs-blog-post .blog-post .container { max-width: 1040px; } .hs-blog-post .post-body { max-width: 720px; margin: 0; } .person.person--blog-author{ max-width: 720px; } } @media (min-width: 768px){ h5, .h5-style, .side-panel__header h3, .knowledge-page .filter-menu__header__caption, .events-page .filter-menu__header__caption, .filter-menu__header__caption { font-size: 13px; font-weight: bold; line-height: 1.57142857; text-align: left; text-transform: uppercase; } }