.hide-in-preview, .aem-AuthorLayer-Preview .hide-in-preview { display:none !important; } .aem-AuthorLayer-Edit .hide-in-preview { display: inline-block !important; } .aem-AuthorLayer-Edit .new.section { clear:both; } .btn { position: relative; transition: all .25s ease-in-out; text-align: center; } .btn.btn-black { background: #4c4c4c; border: thin solid #4c4c4c; } .btn.btn-black:hover { background: #000; border: thin solid #000; } .btn.btn-white { background: rgba(255, 255, 255, 0.9); border: none; } .btn.btn-white:hover { background: white; border: none; } .btn.btn-blue { background: #56a5d8; border: none; color: #323232; } .btn.btn-blue:hover { background: #bcdaed; border: none; color: #323232; } .btn-hero { padding: 25px 0; transition: all .25s ease-in-out; width: 250px; } .btn-hero-black { background: #4c4c4c; border: none; padding: 25px 0; transition: all .25s ease-in-out; width: 250px; } .btn-hero-black:hover { background: #000; } .btn-hero-white { background: rgba(255, 255, 255, 0.9); border: none; color: #323232; padding: 25px 0; transition: all .25s ease-in-out; width: 250px; } .btn-hero-white:hover { background: white; color: #323232; } .btn-hero-blue { background: #56a5d8; border: none; color: #323232; padding: 25px 0; transition: all .25s ease-in-out; width: 250px; } .btn-hero-blue:hover { background: #bcdaed; color: #323232; } .btn-animated-border { background: transparent; color: #0079c1; transition: all .15s ease-in-out; } .btn-animated-border:hover { background: transparent; box-shadow: inset 0 0 0 2px #005e95; color: #005e95; } .btn-animated-border.btn-small:hover { box-shadow: inset 0 0 0 2px #005e95; } .btn-animated-border-black { background: transparent; border: thin solid #4c4c4c; color: #323232; transition: all .25s ease-in-out; } .btn-animated-border-black:hover { background: transparent; box-shadow: inset 0 0 0 2px #4c4c4c; color: #4c4c4c; } .btn-animated-border-black.btn-small-black:hover { box-shadow: inset 0 0 0 2px #4c4c4c; } .btn-animated-border-white { background: transparent; border: thin solid white; color: white; transition: all .15s ease-in-out; } .btn-animated-border-white:hover { background: transparent; box-shadow: inset 0 0 0 2px white; color: white; } .btn-animated-border-white.btn-small-white:hover { box-shadow: inset 0 0 0 2px white; } .btn-animated-border-blue { background: transparent; border: thin solid #56a5d8; color: #56a5d8; transition: all .15s ease-in-out; } .btn-animated-border-blue:hover { background: transparent; box-shadow: inset 0 0 0 2px #56a5d8; color: #56a5d8; } .btn-animated-border-blue.btn-small-blue:hover { box-shadow: inset 0 0 0 2px #56a5d8; } .btn-animated-border-bottom { background: transparent; color: #0079c1; border: none; } .btn-animated-border-bottom::after { content: ""; border-bottom: 1px solid #005e95; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; transition: all .15s ease-in-out; } .btn-animated-border-bottom:hover { background: transparent; color: #005e95; } .btn-animated-border-bottom:hover::after { content: ""; width: 100%; } .btn-animated-border-bottom-black { background: transparent; color: #000; border: none; } .btn-animated-border-bottom-black::after { content: ""; border-bottom: 1px solid #4c4c4c; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; transition: all .15s ease-in-out; } .btn-animated-border-bottom-black:hover { background: transparent; color: #000; } .btn-animated-border-bottom-black:hover::after { content: ""; width: 100%; } .btn-animated-border-bottom-white { background: transparent; color: white; border: none; } .btn-animated-border-bottom-white::after { content: ""; border-bottom: 1px solid white; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; transition: all .15s ease-in-out; } .btn-animated-border-bottom-white:hover { background: transparent; color: #fff; } .btn-animated-border-bottom-white:hover::after { content: ""; width: 100%; } .btn-animated-border-bottom-blue { background: transparent; color: #0079c1; border: none; } .btn-animated-border-bottom-blue::after { content: ""; border-bottom: 1px solid #0079c1; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; transition: all .15s ease-in-out; } .btn-animated-border-bottom-blue:hover { background: transparent; color: #0079c1; } .btn-animated-border-bottom-blue:hover::after { content: ""; width: 100%; } .btn-animated-border-bottom-custom-light-blue { background: transparent; color: #49b0f2; border: none; } .btn-animated-border-bottom-custom-light-blue::after { content: ""; border-bottom: 1px solid #49b0f2; width: 0%; height: 1px; position: absolute; left: 0; bottom: 0; transition: all .15s ease-in-out; } .btn-animated-border-bottom-custom-light-blue:hover { background: transparent; color: #74c6ff; } .btn-animated-border-bottom-custom-light-blue:hover::after { content: ""; width: 100%; } .btn-animated-border-all { border: thin solid #cccccc; box-sizing: border-box; color: #595959; display: block; float: left; font-size: 0.85rem; line-height: 1.2; text-align: center; margin-top: -1px; margin-left: -1px; padding: 20px 50px; position: relative; overflow: hidden; z-index: 10; } .btn-animated-border-all::before, .btn-animated-border-all::after { content: ''; position: absolute; width: 0; height: 0; transition: all .20s ease-in-out; } .btn-animated-border-all::before { left: 0px; top: 0px; border-top: thin solid transparent; border-left: thin solid transparent; } .btn-animated-border-all::after { right: 0px; bottom: 0px; border-right: thin solid transparent; border-bottom: thin solid transparent; } .btn-animated-border-all:hover { border: solid 1px #56a5d8; } .btn-animated-border-all:hover .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .btn-animated-border-all .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } /* test v.1 */ .play-video { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .play-video:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .play-video:after:hover { border-left: 9px solid #ffffff; } .play-video:hover { background: #0079c1; } /* ********** icon expand ********** */ .icon-expand-blue { padding: .31rem 36px .31rem 16px !important; /* follows calcite padding but adds extra padding to account for svg */ } .icon-expand-blue:after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiM1NmE1ZDgiIHBvaW50cz0iNyw5IDYuMjkyOTY4OCw5IDIsMTMuMjkyOTY4OCAyLDkgMSw5IDEsMTQgMSwxNSAyLDE1IDcsMTUgNywxNCAyLjcwNzAzMTIsMTQgNyw5LjcwNzAzMTIgIi8+Cjxwb2x5Z29uIGZpbGw9IiM1NmE1ZDgiIHBvaW50cz0iOSw3IDkuNzA3MDMxMiw3IDE0LDIuNzA3MDMxMiAxNCw3IDE1LDcgMTUsMiAxNSwxIDE0LDEgOSwxIDksMiAxMy4yOTI5Njg4LDIgOSw2LjI5Mjk2ODggIi8+Cjwvc3ZnPg==") no-repeat center center; position: absolute; width: 16px; height: 16px; top: 56%; padding-left: 10px; transform: translateY(-56%); } .icon-expand-blue:after:hover { background: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiMwMDVFOTUiIHBvaW50cz0iNyw5IDYuMjkyOTY4OCw5IDIsMTMuMjkyOTY4OCAyLDkgMSw5IDEsMTQgMSwxNSAyLDE1IDcsMTUgNywxNCAyLjcwNzAzMTIsMTQgNyw5LjcwNzAzMTIgIi8+Cjxwb2x5Z29uIGZpbGw9IiMwMDVFOTUiIHBvaW50cz0iOSw3IDkuNzA3MDMxMiw3IDE0LDIuNzA3MDMxMiAxNCw3IDE1LDcgMTUsMiAxNSwxIDE0LDEgOSwxIDksMiAxMy4yOTI5Njg4LDIgOSw2LjI5Mjk2ODggIi8+Cjwvc3ZnPg==") no-repeat center center; } .icon-expand-white { padding: .31rem 36px .31rem 16px !important; /* follows calcite padding but adds extra padding to account for svg */ } .icon-expand-white:after { content: ''; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjE4IiB3aWR0aD0iMTgiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBvbHlnb24gaWQ9InN2Z18xIiBwb2ludHM9IjcsOSA2LjI5Mjk2ODgsOSAyLDEzLjI5Mjk2ODggMiw5IDEsOSAxLDE0IDEsMTUgMiwxNSA3LDE1IDcsMTQgMi43MDcwMzEyLDE0IDcsOS43MDcwMzEyICIgZmlsbD0iI2ZmZmZmZiIvPiAgPHBvbHlnb24gaWQ9InN2Z18yIiBwb2ludHM9IjksNyA5LjcwNzAzMTIsNyAxNCwyLjcwNzAzMTIgMTQsNyAxNSw3IDE1LDIgMTUsMSAxNCwxIDksMSA5LDIgMTMuMjkyOTY4OCwyIDksNi4yOTI5Njg4ICIgZmlsbD0iI2ZmZmZmZiIvPiA8L2c+PC9zdmc+") no-repeat center center; position: absolute; width: 16px; height: 16px; top: 56%; padding-left: 10px; transform: translateY(-56%); } .icon-expand-white:after:hover { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjE4IiB3aWR0aD0iMTgiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBvbHlnb24gaWQ9InN2Z18xIiBwb2ludHM9IjcsOSA2LjI5Mjk2ODgsOSAyLDEzLjI5Mjk2ODggMiw5IDEsOSAxLDE0IDEsMTUgMiwxNSA3LDE1IDcsMTQgMi43MDcwMzEyLDE0IDcsOS43MDcwMzEyICIgZmlsbD0iI2ZmZmZmZiIvPiAgPHBvbHlnb24gaWQ9InN2Z18yIiBwb2ludHM9IjksNyA5LjcwNzAzMTIsNyAxNCwyLjcwNzAzMTIgMTQsNyAxNSw3IDE1LDIgMTUsMSAxNCwxIDksMSA5LDIgMTMuMjkyOTY4OCwyIDksNi4yOTI5Njg4ICIgZmlsbD0iI2ZmZmZmZiIvPiA8L2c+PC9zdmc+") no-repeat center center; } .icon-expand-black { padding: .31rem 36px .31rem 16px !important; /* follows calcite padding but adds extra padding to account for svg */ } .icon-expand-black:after { content: ''; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgeD0iLTEiIHk9Ii0xIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgZmlsbD0ibm9uZSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI3LDkgNi4yOTI5Njg4LDkgMiwxMy4yOTI5Njg4IDIsOSAxLDkgMSwxNCAxLDE1IDIsMTUgNywxNSA3LDE0IDIuNzA3MDMxMiwxNCA3LDkuNzA3MDMxMiAiIGlkPSJzdmdfMSIvPiAgPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5LDcgOS43MDcwMzEyLDcgMTQsMi43MDcwMzEyIDE0LDcgMTUsNyAxNSwyIDE1LDEgMTQsMSA5LDEgOSwyIDEzLjI5Mjk2ODgsMiA5LDYuMjkyOTY4OCAiIGlkPSJzdmdfMiIvPiA8L2c+PC9zdmc+") no-repeat center center; position: absolute; width: 16px; height: 16px; top: 56%; padding-left: 10px; transform: translateY(-56%); } .icon-expand-black:after:hover { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgeD0iLTEiIHk9Ii0xIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgZmlsbD0ibm9uZSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI3LDkgNi4yOTI5Njg4LDkgMiwxMy4yOTI5Njg4IDIsOSAxLDkgMSwxNCAxLDE1IDIsMTUgNywxNSA3LDE0IDIuNzA3MDMxMiwxNCA3LDkuNzA3MDMxMiAiIGlkPSJzdmdfMSIvPiAgPHBvbHlnb24gZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5LDcgOS43MDcwMzEyLDcgMTQsMi43MDcwMzEyIDE0LDcgMTUsNyAxNSwyIDE1LDEgMTQsMSA5LDEgOSwyIDEzLjI5Mjk2ODgsMiA5LDYuMjkyOTY4OCAiIGlkPSJzdmdfMiIvPiA8L2c+PC9zdmc+") no-repeat center center; } /* ********** /end of icon expand ********** */ /* v.1.3 */ /* icons that show up on the right side of a link based on the type of URL it is. seen in large content stack component ********* start black ********* internal external video document ********* end black ********* ********* start white ********* internal external video document ********* end white ********* ********* start esri blue 0079c1 ********* internal external video document ********* end esri blue 0079c1 ********* ********* start esri light blue 49b0f2 ********* internal external video document ********* end esri light blue 49b0f2 ********* */ .border-top { border-top: 1px solid #d8d8d8; } .border-bottom { border-bottom: 1px solid #828282; } @media all and (min-width: 860px) { .gateway-3-columns > .text { columns: 25vw 3; column-gap: 2rem; } } .clear { clear: both; } .modal-overlay:not(.is-active) { position: fixed; left: 100%; top: 100%; } main:focus { outline: none; } /* text - sightly RTE UL, OL formatting */ .text.parbase ul, .text.parbase ol { margin-left: 0; } .text.parbase ul li, .text.parbase ol li { margin-left: 1.1rem; } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ /* components */ .cta-questions { box-sizing: border-box; padding: 50px 0; /* -- THEMING -- ---------------- */ } .cta-questions .trial-arrow-circle { margin: 10px auto 40px auto; } .cta-questions a[data-event="cta"] { text-decoration: none; } .cta-questions a[data-event="cta"] .question { height: 100%; } .cta-questions .cta-primary_cta--secondary { font-size: 1rem; } .cta-questions .cta-questions_primary-contact-questions { margin-top: 5px; } @media (min-width: 480px) { .cta-questions .questions-contact.block-group-2-up { margin-left: -0.15rem; margin-right: -0.15rem; } .cta-questions .questions-contact.block-group-2-up > .block { margin-left: 0.15rem; margin-right: 0.15rem; -ms-flex-preferred-size: calc(50% - 0.3rem); flex-basis: calc(50% - 0.3rem); width: calc(50% - 0.3rem); } .cta-questions .questions-contact.block-group-2-up > .block > .question-container { display: inline-block; width: 100%; height: 100%; min-height: 100%; } .cta-questions .questions-contact.block-group-2-up > .block > .question-container .question { height: 100%; } } @media (min-width: 480px) { .cta-questions .questions-contact.block-group-3-up { margin-left: -0.15rem; margin-right: -0.15rem; } .cta-questions .questions-contact.block-group-3-up > .block { margin-left: 0.15rem; margin-right: 0.15rem; -ms-flex-preferred-size: calc(33.33333% - 0.3rem); flex-basis: calc(33.33333% - 0.3rem); width: calc(33.33333% - 0.3rem); } .cta-questions .questions-contact.block-group-3-up > .block > .question-container { display: inline-block; width: 100%; height: 100%; min-height: 100%; } .cta-questions .questions-contact.block-group-3-up > .block > .question-container .question { height: 100%; } } .cta-questions .svg-icon { height: auto; width: 48px; } @media screen and (max-width: 859px) { .cta-questions .block { margin-top: .75rem; } } .cta-questions .horz-pipe { display: block; height: 230px; margin: auto; width: 1px; } @media screen and (max-width: 859px) { .cta-questions .horz-pipe { width: 100%; height: 1px; margin-top: 1.55rem; } } .cta-questions_social-icons { width: 100%; } .cta-questions_social-icons .cta-questions-icons { display: block; flex-direction: row; margin: auto; width: auto; } .cta-questions_social-icons .cta-questions-icons .cta-questions-icon { flex-grow: 1; display: inline-block; padding: 0 5px 0 5px; } @media (min-width: 420px) { .cta-questions_social-icons .cta-questions-icons .cta-questions-icon { padding: 0 10px 0 10px; } } .cta-questions_social-icons .cta-questions-icon { flex-grow: 1; } @media (max-width: 479px) { .cta-questions .cta-questions_social > .column-11 { padding: 0; } } .cta-questions .question { box-sizing: border-box; min-height: 115px; padding: 0.5rem; padding: 1rem 0.5rem 0.5rem; margin: 10px auto; } @media (min-width: 380px) { .cta-questions .question:not(.large) { max-width: 90%; } } @media (min-width: 420px) { .cta-questions .question:not(.large) { max-width: 75%; } } @media (min-width: 480px) { .cta-questions .question:not(.large) { max-width: none; } } @media (min-width: 480px) { .cta-questions .question { max-width: none; margin: 10px 0; padding: 1rem 0.5rem 0.5rem; } } @media (min-width: 860px) { .cta-questions .question { margin: auto; min-height: 140px; } } .cta-questions .question.large { padding: 2rem; min-height: 250px; height: 100%; } @media (max-width: 859px) { .cta-questions .question.large { max-width: 600px; margin: 10px auto; padding: 0.75rem 2rem 0.25rem 2rem; min-height: 0; } } @media (max-width: 559px) { .cta-questions .question.large { max-width: 75%; } } @media (max-width: 419px) { .cta-questions .question.large { max-width: 90%; } } @media (max-width: 379px) { .cta-questions .question.large { max-width: 100%; } } .cta-questions .question .question-title_take-me-here { margin-top: 40px; } .cta-questions .question .question-title_take-me-here .cta-questions-icon { flex-grow: 1; } .cta-questions .question .question-title_take-me-here .cta-questions-icon a { display: block; padding: 20px 15px 1px 15px; text-decoration: none; } .cta-questions .question .question-title .questions-contact .question { border: thin solid #595959; padding: 1.25rem 1rem; min-height: 140px; } .cta-questions .question .question-title .questions-contact .block a { display: block; } .cta-questions .question .question-title .questions-contact .question-title { margin-bottom: 5px; } .cta-questions .question .question-title .questions-contact.large { padding: 2rem; min-height: 250px; height: 100%; } .cta-questions .question .question-title svg { height: auto; width: 48px; } .cta-questions svg { height: auto; width: 48px; } @media screen and (max-width: 859px) { .cta-questions .ctasecondary { margin-top: 1.55rem; } } .cta-questions .ctasecondary svg { width: 24px; } .cta-questions .questions-contact_additional-cta[data-link-type]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } .cta-questions .ctasecondary .cta-questions_take-me-here svg { max-width: 48px; width: 48px; max-height: 48px; } .cta-questions .ctasecondary .cta-questions_social-icons svg { max-width: 60px; width: 60px; max-height: 60px; } .cta-questions .cta-questions_social-trailer-text { margin-bottom: 0; } .cta-questions .btn-large { padding: 22px 42px; } .cta-questions .cta-primary-dbl-button_title { text-align: center; margin-bottom: 12px; } .cta-questions .cta-primary-dbl-button_tagline { text-align: center; color: #bcbcbc; } @media (min-width: 700px) { .cta-questions .cta-primary-dbl-button_tagline { max-width: 700px; margin-left: auto; margin-right: auto; } } .cta-questions .cta-primary-dbl-button_tagline:before { display: block; content: ""; width: 50px; height: 3px; background: #49b0f2; margin: 0 auto 10px auto; } .cta-questions .cta-primary-button_title { margin-bottom: 1.75rem; } .cta-questions .cta-primary-button_tagline { text-align: center; margin-top: -13px; color: #bcbcbc; } @media (min-width: 1200px) { .cta-questions .cta-primary-button_tagline { max-width: 700px; margin-left: auto; margin-right: auto; } } .cta-questions .cta-primary-button_tagline:before { display: block; content: ""; width: 50px; height: 3px; background: #49b0f2; margin: 0 auto 13px auto; } .cta-questions .ctaprimary + .ctaprimary { margin-top: 15px; border-top: 1px solid #595959; } .cta-questions .ctaprimary + .ctasecondary { margin-top: 10px; } .cta-questions .ctaprimary { padding-bottom: 40px; } @media (min-width: 860px) { .cta-questions .ctaprimary .cta-questions_primary-dbl-button-column-container { display: flex; padding: 0 0.5rem; } } .cta-questions .ctaprimary .cta-questions_primary-dbl-button-column-container .horz-pipe { height: calc(100% + 10px); margin-top: 40px; min-height: 1px; } .cta-questions .cta-questions_take-me-here .cta-questions-icon a:hover { text-decoration: none; } .cta-questions .tmh-block { display: inline-block; text-align: center; min-width: 90px; } @media (min-width: 510px) { .cta-questions .tmh-block { min-width: 150px; } } @media (min-width: 596px) { .cta-questions .tmh-block { min-width: 180px; } } @media (min-width: 860px) { .cta-questions .tmh-block { min-width: 115px; } } @media (min-width: 1025px) { .cta-questions .tmh-block { min-width: 140px; } } .cta-questions .tmh-block .cta-questions-icon a { display: block; padding: 0.3rem 0.2rem; } .cta-questions .tmh-block .cta-questions-icon a:hover { background: none; } .cta-questions .tmh-block .cta-questions-icon a .question-title { margin-bottom: 0; } @media (max-width: 509px) { .cta-questions .tmh-block .cta-questions-icon a .question-title { font-size: 12px; } } .cta-questions.dark { background: #323232; } .cta-questions.dark .horz-pipe { background: #595959; } .cta-questions.dark .cta-questions_heading, .cta-questions.dark h2 { color: white; } .cta-questions.dark .ctasecondary h2 { color: #bcbcbc; } .cta-questions.dark .question-title { color: white; } .cta-questions.dark .question-sub-title { color: #a9a9a9; } .cta-questions.dark svg, .cta-questions.dark svg path { fill: #bcbcbc; } .cta-questions.dark .question-large-btn-cta { border-color: #49B0F2; color: #49B0F2; } .cta-questions.dark .question-large-btn-cta:hover { box-shadow: inset 0 0 0 2px #74C6FF; color: #74C6FF; } .cta-questions.dark .ctaprimary + .ctaprimary { border-top: 1px solid #595959; } .cta-questions.dark .question-large-phone-cta { color: #49B0F2; } .cta-questions.dark .question-large-phone-cta:hover { color: #74C6FF; } .cta-questions.dark .question-large-phone-cta span { color: #a9a9a9; } .cta-questions.dark .question-large-phone-description { color: #a9a9a9; } .cta-questions.dark .cta-questions_take-me-here .cta-questions-icon a:hover { background: #2b2b2b; } .cta-questions.dark .cta-questions_take-me-here .cta-questions-icon a:hover svg, .cta-questions.dark .cta-questions_take-me-here .cta-questions-icon a:hover svg path { fill: #49b0f2; } .cta-questions.dark .cta-questions_social-trailer-text { color: #bcbcbc; } .cta-questions.dark .cta-questions_social-trailer-text a { color: #49b0f2; } .cta-questions.dark .questions-contact a:hover .question { border: 1px solid #49b0f2; } .cta-questions.dark .questions-contact a:hover svg, .cta-questions.dark .questions-contact a:hover svg path { fill: #49b0f2; } .cta-questions.dark .questions-contact_additional-cta { color: #49B0F2; } .cta-questions.dark .questions-contact_additional-cta:hover { color: #74C6FF; } .cta-questions.dark .questions-contact_additional-cta[data-link-type='internal']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzQ5YjBmMiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .cta-questions.dark .questions-contact_additional-cta[data-link-type='external']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiM0OWIwZjIiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4=); } .cta-questions.dark .questions-contact_additional-cta[data-link-type='video']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiM0OWIwZjIiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .cta-questions.dark .questions-contact_additional-cta[data-link-type='document']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiM0OWIwZjIiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .cta-questions.dark .cta-primary_cta--secondary:hover { background: transparent; box-shadow: inset 0 0 0 2px #74c6ff; border-color: #74c6ff; color: #74c6ff; } .cta-questions.dark .ctaprimary + .ctasecondary { border-top: 1px solid #595959; } .cta-questions.dark .question { border: thin solid #595959; } .cta-questions.light { background: white; } .cta-questions.light .horz-pipe { background: #CCCCCC; } .cta-questions.light .ctaprimary + .ctaprimary { border-top: 1px solid #CCCCCC; } .cta-questions.light .cta-questions_heading, .cta-questions.light h2 { color: #323232; } .cta-questions.light .question-title { color: #323232; } .cta-questions.light .question-sub-title { color: #595959; } .cta-questions.light .cta-questions_social-heading { color: #595959; } .cta-questions.light svg, .cta-questions.light svg path { fill: #595959; } .cta-questions.light .cta-questions_take-me-here .cta-questions-icon a:hover { background: #f4f4f4; } .cta-questions.light .cta-questions_take-me-here .cta-questions-icon a:hover svg { fill: #0079c1; } .cta-questions.light .cta-questions_social-trailer-text { color: #595959; } .cta-questions.light .questions-contact a:hover .question { border: 1px solid #0079c1; } .cta-questions.light .questions-contact a:hover svg, .cta-questions.light .questions-contact a:hover svg path { fill: #0079c1; } .cta-questions.light .questions-contact_additional-cta[data-link-type='internal']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwNzljMSIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .cta-questions.light .questions-contact_additional-cta[data-link-type='external']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4=); } .cta-questions.light .questions-contact_additional-cta[data-link-type='video']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .cta-questions.light .questions-contact_additional-cta[data-link-type='document']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5YzEiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .cta-questions.light .ctaprimary + .ctasecondary { border-top: 1px solid #CCCCCC; } .cta-questions.light .question { border: thin solid #CCCCCC; } .cta-questions.light .cta-primary_cta--secondary { border-color: #0079c1; color: #0079c1; } .cta-questions.light .cta-primary_cta--secondary:hover { background: transparent; box-shadow: inset 0 0 0 2px #005e95; border-color: #005e95; color: #005e95; } /*------------------------- --Industries How to Start-- -------------------------*/ .ind-webinar { margin: 60px 0 30px; text-align: center; } .ind-webinar .font-size--4 { font-size: .70rem; } .ind-webinar .font-size--5 { font-size: .60rem; } @media (min-width: 600px) { .ind-webinar { text-align: left; } } @media (min-width: 1024px) { .ind-webinar { margin-top: 60px; } } .ind-webinar-registration { margin-bottom: 15px; outline: 1px solid #ccc; position: relative; text-align: left; } .ind-webinar-registration h2, .ind-webinar-registration h3, .ind-webinar-registration p { margin: 0; } .ind-webinar-registration_heading { background: #420c8d; background: -moz-linear-gradient(left, #420c8d 0%, #940b45 100%); background: -webkit-linear-gradient(left, #420c8d 0%, #940b45 100%); background: linear-gradient(to right, #420c8d 0%, #940b45 100%); color: #fff; padding: 15px 20px 15px; } .ind-webinar-registration_heading h3 { color: rgba(255, 255, 255, 0.8); font-size: 12px; font-weight: 600 !important; line-height: 1rem; letter-spacing: .05rem; } .ind-webinar-registration_heading h3.industry-name { font-size: 10px; } @media (min-width: 800px) { .ind-webinar-registration_heading h3.industry-name { font-size: 11px; } } @media (min-width: 1024px) { .ind-webinar-registration_heading h3.industry-name { font-size: 12px; } } .ind-webinar-registration_heading h4 { margin-bottom: 5px; } .ind-webinar-registration_content { padding: 10px 20px; } .ind-webinar-registration_content .ind-webinar_details { box-sizing: border-box; padding: 10px 0 0 0; } @media (min-width: 768px) { .ind-webinar-registration_content .ind-webinar_details-date-cost { float: left; width: 30%; } } .ind-webinar-registration_content .ind-webinar_details-date, .ind-webinar-registration_content .ind-webinar_details-cost { float: left; width: 50%; } @media (min-width: 768px) { .ind-webinar-registration_content .ind-webinar_details-date, .ind-webinar-registration_content .ind-webinar_details-cost { float: none; width: 100%; } } @media (min-width: 1024px) { .ind-webinar-registration_content .ind-webinar_details-date, .ind-webinar-registration_content .ind-webinar_details-cost { float: left; width: 50%; } } @media (min-width: 1440px) { .ind-webinar-registration_content .ind-webinar_details-date, .ind-webinar-registration_content .ind-webinar_details-cost { float: left; width: 50%; } } .ind-webinar-registration_content .ind-webinar_details-date p, .ind-webinar-registration_content .ind-webinar_details-cost p { line-height: 1.25rem; } .ind-webinar-registration_content .ind-webinar_details-cost { box-sizing: border-box; padding-left: 20px; } @media (min-width: 768px) { .ind-webinar-registration_content .ind-webinar_details-cost { padding-left: 0; padding-top: 10px; } } @media (min-width: 1024px) { .ind-webinar-registration_content .ind-webinar_details-cost { padding-left: 0; padding-top: 0; } } .ind-webinar-registration_content .ind-webinar_details-info { float: left; margin: 20px 0 20px 0; overflow: hidden; position: relative; transition: height .25s ease-out; transition-delay: .25s; width: 100%; } .ind-webinar-registration_content .ind-webinar_details-info.is-active .ind-gradient-overlay { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 80%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 80%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, white 100%); } @media (min-width: 768px) { .ind-webinar-registration_content .ind-webinar_details-info { float: left; margin-bottom: 35px; margin-top: 0; width: 70%; } } .ind-webinar-registration_content .ind-webinar_details-info .ind-gradient-overlay { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, white 100%); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 5; } @media (min-width: 768px) { .ind-webinar-registration_content .ind-webinar_details-info .ind-gradient-overlay { display: none; } } .ind-webinar-registration_content .ind-webinar_details-info p { position: relative; z-index: 0; font-size: 0.8125rem; line-height: 1.55rem; } @media (min-width: 860px) { .ind-webinar-registration_content .ind-webinar_details-info p { font-size: 0.875rem; line-height: 1.55rem; } } @media (min-width: 1024px) { .ind-webinar-registration_content .ind-webinar_details-info p { font-size: 0.9375rem; line-height: 1.55rem; } } .ind-webinar-registration_content .ind-webinar_details .ind-read_more { color: #0079c1; display: block; text-align: center; } @media (min-width: 768px) { .ind-webinar-registration_content .ind-webinar_details .ind-read_more { display: none; } } @media (min-width: 768px) { .ind-webinar-registration_content .ind-webinar_details .ind-register { text-align: right; margin: 0 -20px -10px 0; } } /*------------------------- --Industries How to Start-- -------------------------*/ .event-detail { margin: 60px 0 30px; text-align: center; } @media (min-width: 600px) { .event-detail { text-align: left; } } @media (min-width: 1024px) { .event-detail { margin-top: 60px; } } .event-detail .font-size--5 { font-size: .60rem; } .event-detail-registration { margin-bottom: 15px; outline: 1px solid #cccccc; position: relative; text-align: left; overflow: auto; } @media (max-width: 420px) { .event-detail-registration.grid-container { width: 100vw; max-width: 100vw; } } .event-detail-registration h2, .event-detail-registration h3, .event-detail-registration p { margin: 0; } .event-detail-registration h2 { line-height: 1.325rem; } .event-detail-registration h3 { padding-right: 20px; } .event-detail-registration p { line-height: 1.35rem; } .event-detail-registration_heading { min-height: 85px; gradient: 0.9; color: white; padding: 15px 20px 15px; position: relative; } @media (max-width: 768px) { .event-detail-registration_heading h3 { line-height: 1.75rem; } } .event-detail-registration_heading h3.nocategory { position: absolute; top: 50%; transform: translateY(-50%); } .event-detail-registration_heading h3.yescategory { margin-top: 5px; } .event-detail-registration_heading.darktheme { background-color: #0079c1; } .event-detail-registration_heading.darktheme h2 { color: rgba(50, 50, 50, 0.85); } .event-detail-registration_heading.darktheme h3 { color: black; } .event-detail-registration_heading.lighttheme { background-color: #005e95; } .event-detail-registration_heading.lighttheme h2 { color: rgba(255, 255, 255, 0.85); } .event-detail-registration_heading.lighttheme h3 { color: white; } .event-detail-registration_heading h2 { font-size: 13px; letter-spacing: .12rem; } @media (max-width: 860px) { .event-detail-registration_heading h2 { font-size: 12px; } } .event-detail-registration_heading h4 { margin-bottom: 5px; } .event-detail-registration_content { padding: 10px 20px; } .event-detail-registration_content .event-detail_details { box-sizing: border-box; padding: 10px 0 0 0; } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details-date-cost { float: left; width: 30%; margin-bottom: 35px; } } .event-detail-registration_content .event-detail_details-date, .event-detail-registration_content .event-detail_details-cost { float: left; width: 50%; } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details-date, .event-detail-registration_content .event-detail_details-cost { float: none; width: 100%; } } @media (min-width: 1024px) { .event-detail-registration_content .event-detail_details-date, .event-detail-registration_content .event-detail_details-cost { float: left; width: 50%; } } @media (min-width: 1440px) { .event-detail-registration_content .event-detail_details-date, .event-detail-registration_content .event-detail_details-cost { float: left; width: 50%; } } .event-detail-registration_content .event-detail_details-date a:hover, .event-detail-registration_content .event-detail_details-cost a:hover { color: #0079c1; } .event-detail-registration_content .event-detail_details-cost { box-sizing: border-box; padding-left: 20px; } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details-cost { padding-left: 0; padding-top: 0; } } @media (min-width: 1024px) { .event-detail-registration_content .event-detail_details-cost { padding-left: 15px; padding-top: 0; } } .event-detail-registration_content .event-detail_details-info { float: left; margin-top: 20px; overflow: hidden; position: relative; transition: height .25s ease-out; transition-delay: .25s; width: 100%; box-sizing: border-box; } @media (min-width: 1024px) { .event-detail-registration_content .event-detail_details-info { padding: 0 0 0 15px; } } .event-detail-registration_content .event-detail_details-info.is-active .ind-gradient-overlay { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 80%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 80%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, white 100%); } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details-info { float: left; margin-bottom: 35px; margin-top: 0; width: 70%; } } .event-detail-registration_content .event-detail_details-info .ind-gradient-overlay { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, white 100%); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 5; } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details-info .ind-gradient-overlay { display: none; } } .event-detail-registration_content .event-detail_details-info p { line-height: 1.25rem; position: relative; z-index: 0; font-size: 0.875rem; line-height: 1.35rem; font-weight: 400; } .event-detail-registration_content .event-detail_details .ind-read_more { display: block; text-align: center; clear: both; text-decoration: none; } .event-detail-registration_content .event-detail_details .ind-read_more:after { font-family: 'calcite-ui'; content: "\f127"; padding-right: 0.51667rem; padding-left: 5px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-decoration: none; } .event-detail-registration_content .event-detail_details .ind-read_more.is-active:after { font-family: 'calcite-ui'; content: "\f182"; padding-right: 0.51667rem; padding-left: 5px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-decoration: none; } .event-detail-registration_content .event-detail_details .ind-read_more:hover, .event-detail-registration_content .event-detail_details .ind-read_more:focus { color: #005e95; text-decoration: underline; } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details .ind-read_more { display: none; } } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details .ind-register { text-align: right; margin: 0 -20px -10px 0; } } .event-detail-registration_content .event-detail_details .ind-register a { line-height: 2.55rem; font-weight: 300; padding: 10px 36px 8px 25px; } .event-detail-registration_content .event-detail_details .ind-register a:after { background-repeat: no-repeat; height: 14px; opacity: 1; position: absolute; right: 15px; top: 28%; transform: translateY(-50%); transition: all .25s ease-in-out; width: 13px; } .event-detail-registration_content .event-detail_details .ind-register a[aria-role='internal']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .event-detail-registration_content .event-detail_details .ind-register a[aria-role='external'] { padding-right: 45px; } .event-detail-registration_content .event-detail_details .ind-register a[aria-role='external']:after { top: 35%; right: 22px; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .event-detail-registration_content .event-detail_details .ind-register a[aria-role='video']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .event-detail-registration_content .event-detail_details .ind-register a[aria-role='document']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .tertiary-nav { background-color: #000; height: 40px; } .tertiary-nav-container ul { list-style: none; padding: 0; margin: 0; } .tertiary-nav-container ul li { display: inline; margin: 0; padding: 0; padding-right: 20px; } .tertiary-nav-container ul li a { color: #bcbcbc; display: inline-block; padding: 7px 0px 4px 0px; font-size: 15px; border-bottom: solid 3px #000; } .tertiary-nav-container ul li a.active { border-bottom: solid 3px #c7471a; color: #fff; } .tertiary-nav-container ul li a:hover { color: #fff; border-bottom: solid 3px rgba(255, 0, 0, 0.6); text-decoration: none; } .c-snav-sublink.active { background-color: #000; } .avenir-light, .hero-banner-global .herobanner .banner__title, .hero-banner-global .herobanner .header-desc, .timeline_title { font-weight: 300; font-style: normal; } .avenir-light b, .hero-banner-global .herobanner .banner__title b, .hero-banner-global .herobanner .header-desc b, .timeline_title b, .avenir-light strong, .hero-banner-global .herobanner .banner__title strong, .hero-banner-global .herobanner .header-desc strong, .timeline_title strong { font-weight: 500; } .avenir-light-italic { font-weight: 300; font-style: italic; } .avenir-light-italic b, .avenir-light-italic strong { font-weight: 500; } .avenir-regular { font-weight: 400; font-style: normal; } .avenir-regular b, .avenir-regular strong { font-weight: 500; } .avenir-italic { font-weight: 400; font-style: italic; } .avenir-italic b, .avenir-italic strong { font-weight: 500; } .avenir-demi, .hero-banner-global .herobanner .banner__title.title--mega, .timeline-card_date { font-weight: 500; font-style: normal; } .avenir-demi b, .hero-banner-global .herobanner .banner__title.title--mega b, .timeline-card_date b, .avenir-demi strong, .hero-banner-global .herobanner .banner__title.title--mega strong, .timeline-card_date strong { font-weight: 600; } .avenir-demi-italic { font-weight: 500; font-style: italic; } .avenir-demi-italic b, .avenir-demi-italic strong { font-weight: 600; } .avenir-bold { font-weight: 600; font-style: normal; } .avenir-bold b, .avenir-bold strong { font-weight: 600; } .avenir-bold-italic { font-weight: 600; font-style: italic; } .avenir-bold-italic b, .avenir-bold-italic strong { font-weight: 600; } .code-face, .code-face .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; font-weight: 400; font-style: normal; } .code-face b, .code-face strong, .code-face .block b, .code-face .block strong { font-weight: 400; } .code-italic, .code-italic .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; font-weight: 400; font-style: italic; } .code-italic b, .code-italic strong, .code-italic .block b, .code-italic .block strong { font-weight: 400; } /********** Romulan Component **********/ .case-studies { min-height: 80vh; max-height: 1100px; height: 800px; transition: all, .5s; position: relative; background-color: #005e95; background-size: cover; background-repeat: no-repeat; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; /* video */ } .case-studies .hr { height: 3px; width: 70px; background-color: #828282; margin: 0 auto; margin-bottom: 20px; } .case-studies .vert-align { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 100%; } .case-studies .vert-align .call-out { position: relative; align-self: center; width: 90%; background: rgba(50, 50, 50, 0.8); } .case-studies .vert-align .call-out .switcher { padding-left: 0 !important; padding-right: 0 !important; bottom: 0; width: 100%; } @media screen and (min-width: 462px) { .case-studies .vert-align .call-out { width: 95%; margin: 0 auto; } } @media screen and (min-width: 860px) { .case-studies .vert-align .call-out { width: 95%; margin: 0 auto; } } @media screen and (min-width: 1024px) { .case-studies .vert-align .call-out { width: 85%; margin: 0 auto; } } @media screen and (min-width: 1440px) { .case-studies .vert-align .call-out { width: 65%; margin: 0 auto; } } .case-studies .vert-align .call-out .case-study-content { width: 100%; padding: 0 15px; height: 420px; } .case-studies .info { width: 100% !important; text-align: center; color: white; position: relative; min-height: 167px; /* prevent siteCore styles */ background-color: transparent; background-image: none; border-color: transparent; } .case-studies .info h2, .case-studies .info h3, .case-studies .info p.title, .case-studies .info .subtitle, .case-studies .info .case-type { transition: all .4s; opacity: 1; } .case-studies .info .subtitle { font-weight: 400; font-style: normal; font-size: 14px; line-height: 1.25rem; } .case-studies .info .subtitle b, .case-studies .info .subtitle strong { font-weight: 500; } @media screen and (min-width: 462px) { .case-studies .info .subtitle { font-size: 1rem; line-height: 1.55rem; } } @media screen and (min-width: 860px) { .case-studies .info .subtitle { font-size: 1rem; line-height: 1.55rem; line-height: 2rem !important; } } .case-studies .info.info-out h2, .case-studies .info.info-out h3, .case-studies .info.info-out p.title, .case-studies .info.info-out .subtitle, .case-studies .info.info-out .case-type { opacity: 0; } .case-studies .info.info-out h2, .case-studies .info.info-out p.title { padding-top: 10px; } @media (max-width: 1200px) { .case-studies .info.info-out h2, .case-studies .info.info-out p.title { padding-top: 0; } } .case-studies .info h2, .case-studies .info p.title { font-size: 1.999396rem; line-height: 2.325rem; letter-spacing: -2px; } @media screen and (max-width: 461px) { .case-studies .info h2, .case-studies .info p.title { font-size: 1.7689rem; } } @media screen and (max-width: 479px) { .case-studies .info h2, .case-studies .info p.title { font-size: 1.5625rem; } } .case-studies .info .case-type { margin-bottom: 1rem; letter-spacing: 2px !important; } .case-studies .info h3, .case-studies .info .subtitle { margin-bottom: 0; color: white; } @media screen and (min-width: 860px) { .case-studies .info h3, .case-studies .info .subtitle { padding: 0 100px; } } .case-studies .info .case-study-main-title { font-weight: 500; font-style: normal; letter-spacing: .35rem; font-size: 0.875rem; line-height: 1.55rem; text-transform: uppercase; } .case-studies .info .case-study-main-title b, .case-studies .info .case-study-main-title strong { font-weight: 600; } .case-studies .info .case-study-title { font-weight: 400; font-style: normal; font-size: 1.6994866rem; line-height: 2.325rem; } .case-studies .info .case-study-title b, .case-studies .info .case-study-title strong { font-weight: 500; } @media screen and (max-width: 461px) { .case-studies .info .case-study-title { font-size: 1.503565rem; } } @media screen and (max-width: 479px) { .case-studies .info .case-study-title { font-size: 1.328125rem; } } .case-studies .switcher .option-nav { display: none; } .case-studies .options-console { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; } .case-studies .options-console > div { border: 1px solid #fff; border-right: none; color: white; display: flex; float: left; box-sizing: border-box; cursor: pointer !important; /* Children.length dependent styling: https://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has */ /* one item */ /* two items */ /* three items */ /* four items */ /* five items */ /* six items */ } .case-studies .options-console > div:first-child:nth-last-child(1) { width: 100%; } .case-studies .options-console > div:first-child:nth-last-child(2), .case-studies .options-console > div:first-child:nth-last-child(2) ~ div { width: 50%; } .case-studies .options-console > div:first-child:nth-last-child(3), .case-studies .options-console > div:first-child:nth-last-child(3) ~ div { width: 33.33333333333%; } .case-studies .options-console > div:first-child:nth-last-child(4), .case-studies .options-console > div:first-child:nth-last-child(4) ~ div { width: 50%; } .case-studies .options-console > div:first-child:nth-last-child(5), .case-studies .options-console > div:first-child:nth-last-child(5) ~ div { width: 33.33333333333%; } .case-studies .options-console > div:first-child:nth-last-child(5) + div + div { border-right: 1px solid #fff; } .case-studies .options-console > div:first-child:nth-last-child(5) + div + div + div, .case-studies .options-console > div:first-child:nth-last-child(5) + div + div + div + div { width: 50%; border-top: none; } .case-studies .options-console > div:first-child:nth-last-child(6), .case-studies .options-console > div:first-child:nth-last-child(6) ~ div { width: 33.33333333333%; } .case-studies .options-console > div:first-child:nth-last-child(6) + div + div { border-right: 1px solid #fff; } .case-studies .options-console > div:first-child:nth-last-child(6) + div + div + div, .case-studies .options-console > div:first-child:nth-last-child(6) + div + div + div + div, .case-studies .options-console > div:first-child:nth-last-child(6) + div + div + div + div + div { border-top: none; } .case-studies .options-console > div:last-child { border-right: 1px solid #fff; } .case-studies .options-console > div:last-child:hover, .case-studies .options-console > div:last-child.active { border-right: 1px solid #26a5fe; } .case-studies .options-console > div:hover { border: 1px solid #26a5fe; border-right: none; } .case-studies .options-console > div:hover .title-container h3 { color: #fff; } .case-studies .options-console > div:hover + div { border-left: 1px solid #26a5fe; } .case-studies .options-console > div:hover p { color: #26a5fe; } .case-studies .options-console > div.active { border: 1px solid #26a5fe; border-right: none; background-color: #000; } .case-studies .options-console > div.active + div { border-left: 1px solid #26a5fe; } .case-studies .options-console > div.active h3, .case-studies .options-console > div.active p { color: #26a5fe; } .case-studies .options-console > div .title-container { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; min-height: 100%; } .case-studies .options-console .thumb { align-self: flex-start; margin-left: 0; line-height: 0 !important; display: inline-block; } .case-studies .options-console h3, .case-studies .options-console p { margin-left: 20px; line-height: 25px; display: none; color: #efefef; margin-bottom: 0; font-size: 1rem; line-height: 1.55rem; padding-right: 10px; } .case-studies .options-console h3:hover, .case-studies .options-console p:hover { color: #26a5fe; } @media screen and (min-width: 768px) { .case-studies .options-console h3, .case-studies .options-console p { display: inline-block; } } .case-studies .options-console .display-1-thumb .thumb { background: url("../components/images/case-studies-thumbs.png") no-repeat 0 0; width: 62px; height: 62px; } .case-studies .options-console .display-2-thumb .thumb { background: url("../components/images/case-studies-thumbs.png") no-repeat -69px 0; width: 62px; height: 62px; } .case-studies .options-console .display-3-thumb .thumb { background: url("../components/images/case-studies-thumbs.png") no-repeat -138px 0; width: 62px; height: 62px; } .case-studies .options-console .display-4-thumb .thumb { background: url("../components/images/case-studies-thumbs.png") no-repeat -207px 0; width: 62px; height: 62px; } @media only screen and (min-width: 1025px) { .case-studies .options-console img { height: 75px; width: 75px; } } .case-studies .play-button { width: 64px; height: 64px; margin: 40px auto 60px; background-color: rgba(255, 255, 255, 0.9); border-radius: 100%; padding-left: 22px; line-height: 64px; box-sizing: border-box; transition: all .2s; cursor: pointer !important; } .case-studies .play-button:hover { background-color: #0079c1; } .case-studies .play-button:hover .icon-ui-play { color: #fff; } .case-studies .play-button .icon-ui-play { color: #323232; font-size: 1.3rem; } .case-studies .video-modal, .case-studies .video-layer { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; display: none; } .case-studies .video-modal.hide, .case-studies .video-layer.hide { opacity: 0; } .case-studies .video-modal { opacity: 0.8; z-index: 5; background-color: #000; } .case-studies .video-modal.open { display: block; } .case-studies .video-layer { z-index: 10; background-color: transparent; display: none; } .case-studies .video-layer.open { display: flex; align-items: center; justify-content: center; } .case-studies .video-layer video { width: auto; height: 65vh; z-index: 10; } @media screen and (max-width: 1440px) { .case-studies .video-layer video { min-height: 70vh; width: auto; } } .case-studies .video-layer .video-player { position: relative; max-height: 80vh; } .case-studies .video-layer span { position: absolute; border-radius: 100%; cursor: pointer; } .case-studies .video-layer span { display: inline-block; width: 46px; height: 46px; background-color: rgba(255, 255, 255, 0.9); color: #323232; top: -23px; right: -23px; z-index: 12; text-align: center; transition: background-color .2s; } .case-studies .video-layer span:before { line-height: 46px; font-size: 22px; padding-right: 0; } .case-studies .video-layer span:hover { background-color: #0079c1; color: #fff; } @media only screen and (max-width: 1024px) { .case-studies { min-height: 800px; } .case-studies .call-out { min-height: 527px; margin: 0 auto; } .case-studies .info { margin-top: 2rem; } .case-studies .info .case-type { font-size: 12px; line-height: 1.8rem; margin-bottom: 0; letter-spacing: 1.4px; } .case-studies .info h2 { margin-bottom: 28px; } .case-studies .info h3 { font-weight: 300; } .case-studies .play-button { margin: 30px auto; width: 55px; height: 55px; padding-left: 20px; line-height: 55px; } .case-studies .play-button .icon-ui-play { font-size: 1rem; } .case-studies .switcher { text-align: center; } .case-studies .switcher .options-console { max-width: 100%; text-align: center; display: inline-block; vertical-align: middle; } .case-studies .switcher .options-console > div, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div + div, .case-studies .switcher .options-console > div:first-child:nth-last-child(n), .case-studies .switcher .options-console > div:first-child:nth-last-child(n) ~ div { width: auto; display: inline-block; border: none; padding: 8px; float: none; } .case-studies .switcher .options-console > div .thumb, .case-studies .switcher .options-console > div .title-container, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div .thumb, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div .title-container, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div + div .thumb, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div + div .title-container, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) .thumb, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) .title-container, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) ~ div .thumb, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) ~ div .title-container { display: none; } .case-studies .switcher .options-console > div::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div + div::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n)::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) ~ div::before { height: 15px; width: 15px; border-radius: 100%; border: 1px solid white; display: inline-block; content: ""; } .case-studies .switcher .options-console > div.active, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div.active, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div + div.active, .case-studies .switcher .options-console > div:first-child:nth-last-child(n).active, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) ~ div.active { background: none; } .case-studies .switcher .options-console > div.active::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div.active::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div + div.active::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n).active::before, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) ~ div.active::before { border: 1px solid #49B0F2; background: #49B0F2; } .case-studies .switcher .option-nav { color: white; display: inline-block; height: 32px; width: 32px; fill: white; cursor: pointer; } .case-studies .video-layer span { width: 32px; height: 32px; top: -16px; right: -16px; } .case-studies .video-layer span:before { line-height: 32px; font-size: 12px; } } @media only screen and (min-width: 1025px) and (max-width: 1150px) { .case-studies .options-console h3 { font-size: 0.9375rem; line-height: 1.55rem; line-height: 1.25rem; } } @media only screen and (min-width: 767px) and (max-width: 1024px) { .case-studies .options-console p { display: block; margin-left: 10px; line-height: 65px; } } @media only screen and (max-width: 767px) { .case-studies .options-console { margin-left: 1.4vw; } } @media only screen and (max-width: 567px) { .case-studies .options-console { margin-left: auto; } } @media only screen and (max-width: 1024px) { .case-studies .switcher .options-console > div, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div, .case-studies .switcher .options-console > div:first-child:nth-last-child(n) + div + div, .case-studies .switcher .options-console > div:first-child:nth-last-child(n), .case-studies .switcher .options-console > div:first-child:nth-last-child(n) ~ div { padding: 8px 5px; } } /** Hide options if only 1 sections exists **/ section.case-studies:only-of-type .call-out { min-height: 420px; max-height: 0; } section.case-studies:only-of-type .switcher { display: none; } .centered-content-switcher_wrapper { position: relative; background: #323232; } .centered-content-switcher_wrapper > section.centered-content-switcher_slide:only-of-type .centered-content-switcher_nav { display: none; } .centered-content-switcher_slide { transition: all, .5s; position: relative; background-color: #005e95; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: center; transition: opacity linear 0.5s; } .centered-content-switcher_slide[aria-hidden="true"] { visibility: hidden; opacity: 0.0; height: 0 !important; min-height: none; transition: opacity linear 0s; } .centered-content-switcher_slide[aria-hidden="true"]:not(.centered-content-switcher_slide--ghost) > * { display: none; } .centered-content-switcher_slide[aria-hidden="false"] { padding: 40px 0; } @media (min-width: 480px) { .centered-content-switcher_slide[aria-hidden="false"] { min-height: 800px; height: 80vh; max-height: 1100px; } } @media (min-width: 860px) { .centered-content-switcher_slide[aria-hidden="false"] { padding: 0; } } .centered-content-switcher_slide.centered-content-switcher_slide--ghost { height: auto !important; position: absolute; } .centered-content-switcher_slide.centered-content-switcher_slide--ghost > * { opacity: 0; } .centered-content-switcher_call-out { position: relative; align-self: center; background: rgba(50, 50, 50, 0.9); padding: 0; } .centered-content-switcher_content { width: 100%; padding: 50px 10px; min-height: 500px; display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; } .centered-content-switcher_info { width: 100% !important; text-align: center; color: white; position: relative; min-height: 167px; /* prevent siteCore styles */ background-color: transparent; background-image: none; border-color: transparent; } .centered-content-switcher_category { color: #efefef; letter-spacing: .12em; font-size: 13px; font-weight: 500; font-style: normal; text-transform: uppercase; margin-bottom: 0.55rem; } .centered-content-switcher_category b, .centered-content-switcher_category strong { font-weight: 600; } @media (min-width: 860px) { .centered-content-switcher_category { font-size: 0.8125rem; line-height: 1.55rem; } } .centered-content-switcher_title { color: #FFFFFF; font-weight: 300; font-style: normal; font-size: 1.999396rem; line-height: 2.325rem; margin-bottom: 1.2rem; } .centered-content-switcher_title b, .centered-content-switcher_title strong { font-weight: 500; } @media screen and (max-width: 461px) { .centered-content-switcher_title { font-size: 1.7689rem; } } @media screen and (max-width: 479px) { .centered-content-switcher_title { font-size: 1.5625rem; } } .centered-content-switcher_divider { height: 3px; width: 60px; background-color: #828282; margin: 0 auto 20px; } .centered-content-switcher_thin-divider { height: 1px; width: 60px; background-color: #828282; margin: 0 auto 10px; } .centered-content-switcher_body, .centered-content-switcher_testimonial, .centered-content-switcher_video-body, .centered-content-switcher_mega-body { font-size: 1.2019rem; line-height: 1.55rem; color: #FFFFFF; width: 680px; max-width: 90%; margin: 0 auto 1.85rem auto; } @media screen and (max-width: 461px) { .centered-content-switcher_body, .centered-content-switcher_testimonial, .centered-content-switcher_video-body, .centered-content-switcher_mega-body { font-size: 1.1305rem; } } @media screen and (max-width: 479px) { .centered-content-switcher_body, .centered-content-switcher_testimonial, .centered-content-switcher_video-body, .centered-content-switcher_mega-body { font-size: 1.0625rem; } } .centered-content-switcher_testimonial { margin-bottom: 1.1rem; } .centered-content-switcher_mega-body { font-size: 1rem; line-height: 1.55rem; font-weight: 300; font-style: normal; text-align: left; } .centered-content-switcher_mega-body b, .centered-content-switcher_mega-body strong { font-weight: 500; } .centered-content-switcher_quote-mark { width: 50px; height: 50px; margin: 0 auto 20px; } .centered-content-switcher_quote-mark svg { fill: #828282; } .centered-content-switcher_quotee-name { color: #FFFFFF; font-weight: 500; font-style: normal; font-size: 1rem; line-height: 1.55rem; margin-bottom: 0.1rem; } .centered-content-switcher_quotee-name b, .centered-content-switcher_quotee-name strong { font-weight: 600; } .centered-content-switcher_quotee-title-company { color: #CCCCCC; font-weight: 300; font-style: normal; font-size: 0.9375rem; line-height: 1.55rem; } .centered-content-switcher_quotee-title-company b, .centered-content-switcher_quotee-title-company strong { font-weight: 500; } .centered-content-switcher_video-link { width: 72px; height: 72px; border-radius: 100%; background: rgba(255, 255, 255, 0.8); transition: all ease 0.5s; display: block; margin: 0 auto; padding: 26px 0 0 27px; box-sizing: border-box; transition: background-color 100ms linear; } .centered-content-switcher_video-link::before { content: ""; width: 22px; height: 22px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxzdHlsZT5wYXRoIHsgZmlsbDogIzMxMzEzMTsgfTwvc3R5bGU+PHBhdGggZD0iTTYgMGwyMiAxNi4wMDJMNiAzMlYweiIvPjwvc3ZnPg==); background-repeat: no-repeat; background-size: contain; display: block; } .centered-content-switcher_video-link:hover { background: #0079c1; } .centered-content-switcher_video-link:hover::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxzdHlsZT5wYXRoIHtmaWxsOiAjRkZGRkZGO308L3N0eWxlPjxwYXRoIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .centered-content-switcher_cta { background: rgba(255, 255, 255, 0.8); color: #323232; } .centered-content-switcher_cta[aria-role]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } .centered-content-switcher_cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .centered-content-switcher_cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .centered-content-switcher_cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .centered-content-switcher_cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } .centered-content-switcher_cta :hover { background: #FFFFFF; } .centered-content-switcher_nav { padding-left: 0 !important; padding-right: 0 !important; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; padding: 15px 0; border-top: 1px solid #4c4c4c; } @media (min-width: 1024px) { .centered-content-switcher_nav { display: block; padding: 0; border-top: none; color: #EFEFEF; } .centered-content-switcher_nav:hover { color: #FFFFFF; } } .centered-content-switcher [data-action-slide="prev"], .centered-content-switcher [data-action-slide="next"] { background-color: transparent; border: 0; background-repeat: none; background-size: contain; width: 32px; height: 32px; text-indent: -9999px; outline: none; } @media (min-width: 1024px) { .centered-content-switcher [data-action-slide="prev"], .centered-content-switcher [data-action-slide="next"] { display: none; } } .centered-content-switcher [data-action-slide="prev"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxzdHlsZT5wYXRoIHtmaWxsOiAjQ0NDQ0NDO308L3N0eWxlPjxwYXRoIGQ9Ik0yNSAyOGgtNUw4IDE2IDIwIDRoNUwxMyAxNmwxMiAxMnoiLz48L3N2Zz4=); } @media (min-width: 480px) { .centered-content-switcher [data-action-slide="prev"] { margin-right: 3%; } } .centered-content-switcher [data-action-slide="next"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxzdHlsZT5wYXRoIHtmaWxsOiAjQ0NDQ0NDO308L3N0eWxlPjxwYXRoIGQ9Ik03IDRoNWwxMiAxMi0xMiAxMkg3bDEyLTEyTDcgNHoiLz48L3N2Zz4=); } @media (min-width: 480px) { .centered-content-switcher [data-action-slide="next"] { margin-left: 3%; } } .centered-content-switcher_options { display: inline-block; } @media (min-width: 1024px) { .centered-content-switcher_options { display: block; width: 100%; } } .centered-content-switcher_options > .centered-content-switcher_nav-item { color: white; box-sizing: border-box; cursor: pointer !important; width: auto; display: inline-block; border: none; padding: 10px 8px 8px 8px; float: none; margin: 0; } @media (min-width: 1024px) { .centered-content-switcher_options > .centered-content-switcher_nav-item { float: left; display: block; border: 1px solid #595959; border-right: none; padding: 0; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(1) { width: 100%; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(2), .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(2) ~ .centered-content-switcher_nav-item { width: 50%; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(3), .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(3) ~ .centered-content-switcher_nav-item { width: 33.33333333333%; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(4), .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(4) ~ .centered-content-switcher_nav-item { width: 50%; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(5), .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(5) ~ .centered-content-switcher_nav-item { width: 33.33333333333%; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(5) + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item { border-right: 1px solid #595959; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(5) + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item, .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(5) + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item { width: 50%; border-top: none; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(6), .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(6) ~ .centered-content-switcher_nav-item { width: 33.33333333333%; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(6) + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item { border-right: 1px solid #595959; } .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(6) + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item, .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(6) + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item, .centered-content-switcher_options > .centered-content-switcher_nav-item:first-child:nth-last-child(6) + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item + .centered-content-switcher_nav-item { border-top: none; } .centered-content-switcher_options > .centered-content-switcher_nav-item:last-child { border-right: 1px solid #595959; } .centered-content-switcher_options > .centered-content-switcher_nav-item:last-child:hover, .centered-content-switcher_options > .centered-content-switcher_nav-item:last-child[aria-hidden="false"] { border-right: 1px solid #595959; } } .centered-content-switcher_nav-label-container { display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 100px; display: none; padding-right: 10px; overflow: hidden; } @media (min-width: 1024px) { .centered-content-switcher_nav-label-container { display: flex; } } .centered-content-switcher_nav-label { font-size: 1rem; line-height: 1.55rem; font-weight: 300; font-style: normal; display: none; } .centered-content-switcher_nav-label b, .centered-content-switcher_nav-label strong { font-weight: 500; } @media (min-width: 1024px) { .centered-content-switcher_nav-label { display: block; } } .centered-content-switcher_nav-item { background: transparent; position: relative; text-align: left; outline: none; } .centered-content-switcher_nav-item::before { height: 15px; width: 15px; border-radius: 100%; border: 1px solid white; display: inline-block; content: ""; } @media (min-width: 1024px) { .centered-content-switcher_nav-item::before { display: none; } } @media (min-width: 1024px) { .centered-content-switcher_nav-item:hover { background: #323232; position: relative; overflow: visible; } .centered-content-switcher_nav-item:hover::after { border: 1px solid #49b0f2; content: ""; display: block; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; } .centered-content-switcher_nav-item:hover .centered-content-switcher_nav-label { color: #FFFFFF; } } .centered-content-switcher_nav-item[aria-selected="true"] { background: none; position: relative; } @media (min-width: 1024px) { .centered-content-switcher_nav-item[aria-selected="true"] { background: #000000; } .centered-content-switcher_nav-item[aria-selected="true"]::after { border: 1px solid #49b0f2; content: ""; display: block; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; } } .centered-content-switcher_nav-item[aria-selected="true"]::before { border: 1px solid #49B0F2; background: #49B0F2; } @media (min-width: 1024px) { .centered-content-switcher_nav-item[aria-selected="true"]::before { display: none; } } .centered-content-switcher_nav-item[aria-selected="true"] .centered-content-switcher_nav-label { color: #FFFFFF; } .centered-content-switcher_thumb { width: 60px; height: 60px; margin: 10px; display: none; } @media (min-width: 1024px) { .centered-content-switcher_thumb { display: block; } } .centered-content-switcher .modal-overlay { display: none; } .centered-content-switcher .modal-overlay.is-active { display: block; z-index: 10000; } .centered-content-switcher .modal-content { background-color: transparent; } .centered-content-switcher .video_modal { max-width: 107%; height: 480px; } @media (max-width: 959px) { .centered-content-switcher .modal-content { width: 90vw; background-color: transparent; } .centered-content-switcher .modal-content iframe.video_content, .centered-content-switcher .modal-content iframe.youtube { width: 100%; } } .avenir-light, .hero-banner-global .herobanner .banner__title, .hero-banner-global .herobanner .header-desc, .timeline_title { font-weight: 300; font-style: normal; } .avenir-light b, .hero-banner-global .herobanner .banner__title b, .hero-banner-global .herobanner .header-desc b, .timeline_title b, .avenir-light strong, .hero-banner-global .herobanner .banner__title strong, .hero-banner-global .herobanner .header-desc strong, .timeline_title strong { font-weight: 500; } .avenir-light-italic { font-weight: 300; font-style: italic; } .avenir-light-italic b, .avenir-light-italic strong { font-weight: 500; } .avenir-regular { font-weight: 400; font-style: normal; } .avenir-regular b, .avenir-regular strong { font-weight: 500; } .avenir-italic { font-weight: 400; font-style: italic; } .avenir-italic b, .avenir-italic strong { font-weight: 500; } .avenir-demi, .hero-banner-global .herobanner .banner__title.title--mega, .timeline-card_date { font-weight: 500; font-style: normal; } .avenir-demi b, .hero-banner-global .herobanner .banner__title.title--mega b, .timeline-card_date b, .avenir-demi strong, .hero-banner-global .herobanner .banner__title.title--mega strong, .timeline-card_date strong { font-weight: 600; } .avenir-demi-italic { font-weight: 500; font-style: italic; } .avenir-demi-italic b, .avenir-demi-italic strong { font-weight: 600; } .avenir-bold { font-weight: 600; font-style: normal; } .avenir-bold b, .avenir-bold strong { font-weight: 600; } .avenir-bold-italic { font-weight: 600; font-style: italic; } .avenir-bold-italic b, .avenir-bold-italic strong { font-weight: 600; } .code-face, .code-face .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; font-weight: 400; font-style: normal; } .code-face b, .code-face strong, .code-face .block b, .code-face .block strong { font-weight: 400; } .code-italic, .code-italic .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; font-weight: 400; font-style: italic; } .code-italic b, .code-italic strong, .code-italic .block b, .code-italic .block strong { font-weight: 400; } /* animations */ .animate-child.fade-left { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(-30px); } .animate-child.fade-right { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(30px); } .animate-child.fade-up { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateY(30px); } .animate-child.fade-in { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } .animate-child.fade-left-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(-30px); } .animate-child.fade-right-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(30px); } .animate-child.fade-up-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateY(30px); } .animate-child.fade-in-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } .animate-child.active { opacity: 1; transform: translate(0, 0); } .icon-arrow { display: inline-block; background: none; padding: 0; position: relative; } .icon-arrow::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; position: absolute; width: 25px; height: 25px; bottom: -8px; transform: translateY(-55%); } .icon-arrow:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA1ZTk1IiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; } .icon-arrow-btn { display: inline-block; background: none; padding: 10px 42px 10px 20px; position: relative; } .icon-arrow-btn::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat center right; position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-55%); } .icon-arrow-btn:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA1ZTk1IiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat center right; } .icon-ext-link { display: inline-block; padding: 9.5px 42px 9.5px 20px; position: relative; } .icon-ext-link::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iSWNvbkxpbmsgQmx1ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNSw4djdIMVYxaDd2MUgydjEyaDEyVjhIMTV6IE0xNSwxdjVoLTFWMi43MDMxMjVsLTYuNjQwNjI1LDYuNjU2MjVsLTAuNzE4NzUtMC43MTg3NUwxMy4yOTY4NzUsMkgxMFYxSDE1eiI+PC9wYXRoPjwvZz4KPC9zdmc+") no-repeat center right; position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-55%); } .icon-ext-link-blue { display: inline-block; padding: 5px 42px 5px 20px; position: relative; } .icon-ext-link-blue::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iSWNvbkxpbmsgQmx1ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxnPjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik0xNSw4djdIMVYxaDd2MUgydjEyaDEyVjhIMTV6IE0xNSwxdjVoLTFWMi43MDMxMjVsLTYuNjQwNjI1LDYuNjU2MjVsLTAuNzE4NzUtMC43MTg3NUwxMy4yOTY4NzUsMkgxMFYxSDE1eiI+PC9wYXRoPjwvZz4KPC9zdmc+") no-repeat center right; position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-55%); } .icon-ext-link-blue:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iSWNvbkxpbmsgQmx1ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxnPjxwYXRoIGZpbGw9IiMwMDVlOTUiIGQ9Ik0xNSw4djdIMVYxaDd2MUgydjEyaDEyVjhIMTV6IE0xNSwxdjVoLTFWMi43MDMxMjVsLTYuNjQwNjI1LDYuNjU2MjVsLTAuNzE4NzUtMC43MTg3NUwxMy4yOTY4NzUsMkgxMFYxSDE1eiI+PC9wYXRoPjwvZz4KPC9zdmc+") no-repeat center right; } .icon-arrow-link { display: inline-block; background: none; padding: 0; position: absolute; bottom: -2px; } .icon-arrow-link::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; position: absolute; width: 25px; height: 25px; bottom: -8px; transform: translateY(-55%); } .icon-arrow-link:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA1ZTk1IiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; } .icon-arrow-link-white { display: inline-block; background: none; padding: 0; position: absolute; bottom: -2px; } .icon-arrow-link-white::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; position: absolute; width: 25px; height: 25px; bottom: -8px; transform: translateY(-55%); } .animated-link { position: relative; } .animated-link:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0%; border-bottom: 1px solid #0079c1; transition: 0.4s; } .animated-link:hover { text-decoration: none; } .animated-link:hover:after { width: 100%; } .animated-link-white { position: relative; } .animated-link-white:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0%; border-bottom: 1px solid #fff; transition: 0.4s; } .animated-link-white:hover { text-decoration: none; } .animated-link-white:hover:after { width: 100%; } .right-arrow { width: 12px; height: 12px; display: inline-block; margin-left: 5px; } .icon-ui-white { fill: #fff; } .icon-ui-blue { fill: #0079c1; } .icon-ui-cta-blue { fill: #49b0f2; } .dx-quotes { width: 100%; height: 1950px; min-height: 1950px; } .dx-quotes ul li { margin: 0 !important; padding-left: 0 !important; list-style-type: disc !important; background: none; } .dx-quotes .left-column { width: 100%; background-color: #fff; display: block; height: 350px; min-height: 350px; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .left-column .main-quote { margin: 0 auto; width: 90%; text-align: center; } .dx-quotes .right-column { width: 100%; background-color: #fff; display: block; height: 1600px; min-height: 1600px; } .dx-quotes .right-column .grid2x2 .row1left { height: 400px; min-height: 400px; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row1left .tile-content { width: 80%; margin: 0 auto; } .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } @media screen and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.25rem; } } .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } .dx-quotes .right-column .grid2x2 .row1right { height: 400px; min-height: 400px; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row1right .tile-content { width: 80%; margin: 0 auto; } .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } @media screen and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.25rem; } } .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } .dx-quotes .right-column .grid2x2 .row2left { height: 400px; min-height: 400px; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row2left .tile-content { width: 80%; margin: 0 auto; } .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } @media screen and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.25rem; } } .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } .dx-quotes .right-column .grid2x2 .row2right { height: 400px; min-height: 400px; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row2right .tile-content { width: 80%; margin: 0 auto; } .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } @media screen and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.25rem; } } .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } @media screen and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1left { background: none !important; } .dx-quotes .right-column .grid2x2 .row1right { background: none !important; } .dx-quotes .right-column .grid2x2 .row2left { background: none !important; } .dx-quotes .right-column .grid2x2 .row2right { background: none !important; } } @media screen and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row1left { background-position: -63px 20px; } .dx-quotes .right-column .grid2x2 .row1left .tile-content { padding: 20px 20px 0 220px; } .dx-quotes .right-column .grid2x2 .row1right { background-position: -40px 20px; } .dx-quotes .right-column .grid2x2 .row1right .tile-content { padding: 20px 20px 0 220px; } .dx-quotes .right-column .grid2x2 .row2left { background-position: -40px 20px; } .dx-quotes .right-column .grid2x2 .row2left .tile-content { padding: 20px 20px 0 220px; } .dx-quotes .right-column .grid2x2 .row2right { background-position: -40px 20px; } .dx-quotes .right-column .grid2x2 .row2right .tile-content { padding: 20px 20px 0 220px; } } @media screen and (min-width: 800px) { .dx-quotes { width: 100%; height: 1150px; min-height: 1150px; } .dx-quotes .left-column { width: 100%; display: block; height: 350px; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .left-column .main-quote { margin: 0 auto; width: 60%; text-align: left; } .dx-quotes .right-column { width: 100%; height: 800px; display: block; } .dx-quotes .right-column .grid2x2 { display: flex; display: -ms-flexbox; } .dx-quotes .right-column .grid2x2 .row1left { background-position: -60px 20px; width: 50%; height: 400px; min-height: 400px; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row1left .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 200px; } .dx-quotes .right-column .grid2x2 .row1right { background-position: -50px 20px; width: 50%; height: 400px; min-height: 400px; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row1right .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 200px; } .dx-quotes .right-column .grid2x2 .row2left { background-position: -50px 20px; width: 50%; height: 400px; min-height: 400px; border-right: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row2left .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 200px; } .dx-quotes .right-column .grid2x2 .row2right { background-position: -50px 20px; width: 50%; height: 400px; min-height: 400px; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row2right .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 200px; } } @media screen and (min-width: 1440px) { .dx-quotes { width: 100%; display: flex; display: -ms-flexbox; min-height: 800px; height: 800px; max-height: 800px; } .dx-quotes .left-column { width: 30%; display: inline-block; height: 800px; min-height: 800px; border-right: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .left-column .main-quote { margin: 0 auto; width: 75%; text-align: left; } .dx-quotes .right-column { width: 70%; display: inline-block; height: 800px; min-height: 800px; } .dx-quotes .right-column .grid2x2 { display: flex; display: -ms-flexbox; } .dx-quotes .right-column .grid2x2 .row1left { background-position: -40px 20px; width: 50%; height: 400px; min-height: 400px; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row1left .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 240px; } .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-title { font-size: 1.25rem; } } @media screen and (min-width: 1440px) { .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row1left .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } .dx-quotes .right-column .grid2x2 .row1right { background-position: -20px 20px; width: 50%; height: 400px; min-height: 400px; border-bottom: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row1right .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 240px; } .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-title { font-size: 1.25rem; } } @media screen and (min-width: 1440px) { .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row1right .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } .dx-quotes .right-column .grid2x2 .row2left { background-position: -20px 20px; width: 50%; height: 400px; min-height: 400px; border-right: solid 1px #cccccc; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row2left .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 240px; } .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-title { font-size: 1.25rem; } } @media screen and (min-width: 1440px) { .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row2left .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } .dx-quotes .right-column .grid2x2 .row2right { background-position: -20px 20px; width: 50%; height: 400px; min-height: 400px; display: flex; flex-direction: column; justify-content: center; } .dx-quotes .right-column .grid2x2 .row2right .tile-content { width: 80%; margin: 0 auto; padding: 20px 20px 0 240px; } .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { color: #323232; margin-bottom: 10px; font-size: 1rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.1305rem; } } @media screen and (min-width: 1440px) and (min-width: 462px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.0625rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.414rem; line-height: 1.55rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 461px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.33rem; } } @media screen and (min-width: 1440px) and (min-width: 860px) and (max-width: 479px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-title { font-size: 1.25rem; } } @media screen and (min-width: 1440px) { .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-desc { color: #595959; font-size: 0.875rem; line-height: 1.55rem; line-height: 1.35rem; } .dx-quotes .right-column .grid2x2 .row2right .tile-content .tile-link a { color: #0079c1; font-size: 0.875rem; line-height: 1.55rem; } } .dx-quotes .quote-title { letter-spacing: -2px; font-size: 2.40307rem; } @media screen and (min-width: 462px) { .dx-quotes .quote-title { font-size: 2.40307rem; } } @media screen and (min-width: 860px) { .dx-quotes .quote-title { font-size: 2.82714594rem; line-height: 3.1rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .dx-quotes .quote-title { font-size: 2.352637rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .dx-quotes .quote-title { font-size: 1.953125rem; line-height: 2.325rem; } } .dx-quotes .quote-content { font-size: 1rem; line-height: 1.55rem; } .dx-quotes .quote-cta { margin-bottom: 0 !important; } .dx-quotes .tile-icon { margin-bottom: 20px; } .dx-quotes .tile-icon img { width: 72px; height: 72px; } .dx-quotes .spot-bg { width: 76px; height: 76px; border-radius: 50%; position: relative; background-color: rgba(0, 0, 0, 0.5); margin-bottom: 20px; } .btn-animated-border { border: thin solid #0079c1; transition: all .15s ease-in-out; color: #0079c1; display: inline-block; } .btn-animated-border:hover { box-shadow: inset 0 0 0 2px #0079c1; border: thin solid #0079c1; color: #0079c1; text-decoration: none; background-color: transparent; } .transitionKind, .section-icon { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fiftybox-container { background-color: #c7471a; color: white; min-height: 1150px; } .fiftybox-container .left-column { min-height: 800px; background-color: #fff; } .fiftybox-container .left-column .content .header-title { margin-bottom: 10px; text-align: left; padding: 35px 0 0 15px; } .fiftybox-container .left-column .content P { margin-bottom: 10px; } .fiftybox-container .left-column .content P A { margin-bottom: 0; } .fiftybox-container .left-column .content P A:hover { color: inherit; } .fiftybox-container .right-column { min-height: 350px; display: table; } .fiftybox-container .right-column .hero-image-container { display: table-cell; vertical-align: middle; text-align: center; } .fiftybox-container .right-column .hero-image-container .hero-image { width: 90%; } .fiftybox-container .right-column .hero-image-container a { color: #323232; font-size: 14px; } .fiftybox-container .right-column .hero-image-container a:hover { text-decoration: none; } @media screen and (min-width: 480px) { .fiftybox-container .left-column .content .header-title { padding-top: 50px; text-align: center; } } @media screen and (min-width: 490px) { .fiftybox-container { min-height: 1050px; } .fiftybox-container .left-column { min-height: 700px; } .fiftybox-container .left-column .content .header-title { padding-top: 50px; text-align: center; } .fiftybox-container .right-column .hero-image-container P a { font-size: 0.875rem; line-height: 1.55rem; } } @media screen and (min-width: 540px) { .fiftybox-container { min-height: 1010px; } .fiftybox-container .left-column { min-height: 600px; } .fiftybox-container .right-column { min-height: 410px; } } @media screen and (min-width: 660px) { .fiftybox-container { min-height: 1100px; } .fiftybox-container .left-column { min-height: 500px; } .fiftybox-container .right-column { min-height: 600px; } } @media screen and (min-width: 861px) { .fiftybox-container { min-height: 1650px; } .fiftybox-container .left-column { min-height: 800px; } .fiftybox-container .left-column .content { padding: 0 50px; box-sizing: border-box; } .fiftybox-container .left-column .content .header-title { text-align: left; } .fiftybox-container .right-column { min-height: 850px; } } @media screen and (min-width: 1024px) { .fiftybox-container { min-height: 950px; } .fiftybox-container .left-column { width: 50%; float: left; min-height: 950px; display: table; } .fiftybox-container .left-column .floater { display: table-cell; vertical-align: middle; height: 850px; } .fiftybox-container .left-column .content { width: 80%; float: right; padding: 0; box-sizing: border-box; } .fiftybox-container .left-column .content .header-title { padding-top: 0; font-size: 2.2rem; } .fiftybox-container .right-column { width: 50%; float: right; min-height: 950px; } .fiftybox-container .right-column .hero-image-container { height: 950px; } } @media screen and (min-width: 1440px) { .fiftybox-container .left-column .content { width: 664.58333px; } .fiftybox-container .left-column .content .header-title { font-size: 2.40307405rem; line-height: 3.1rem; } } @media screen and (min-width: 1440px) and (max-width: 461px) { .fiftybox-container .left-column .content .header-title { font-size: 1.99974145rem; } } @media screen and (min-width: 1440px) and (max-width: 479px) { .fiftybox-container .left-column .content .header-title { font-size: 1.66015625rem; line-height: 2.325rem; } } .fiftybox-container .panel { background-color: transparent; border: none; padding-left: 0; } .fiftybox-container .zero-margin { margin: 0; } .content .header-title { color: #323232; font-size: 2.40307405rem; line-height: 3.1rem; letter-spacing: -2px; } @media screen and (max-width: 461px) { .content .header-title { font-size: 1.99974145rem; } } @media screen and (max-width: 479px) { .content .header-title { font-size: 1.66015625rem; line-height: 2.325rem; } } .content P { color: #595959; font-size: 0.9375rem; line-height: 1.55rem; } .section-icon { width: 64px; height: 64px; margin-bottom: 10px; background-position: -20% 50%; background-repeat-x: no-repeat; background-repeat-y: no-repeat; } .fifty-fifty_container { width: 100%; } @media (min-width: 1024px) { .fifty-fifty_container { height: 600px; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; -webkit-box-align: center; -ms-flex-align: center; } } .fifty-fifty_image { flex: 0 0 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 0; padding-bottom: 46.875%; } @media (min-width: 1024px) { .fifty-fifty_image { flex: 0 0 50%; height: 100%; padding-bottom: 0; } } .fifty-fifty_content { flex: 0 0 100%; max-width: 90%; margin: 30px auto 35px auto; } @media (min-width: 1024px) { .fifty-fifty_content { flex: 0 0 50%; height: 100%; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .fifty-fifty_container--content-end .fifty-fifty_content { order: 2; } } @media (min-width: 1024px) { .fifty-fifty_content-container { max-width: 720px; width: 90%; align-self: flex-end; padding-right: 6.7%; box-sizing: border-box; text-align: left; } [dir="rtl"] .fifty-fifty_content-container { padding-left: 6.7%; padding-right: 0; } .fifty-fifty_container--content-end .fifty-fifty_content-container { align-self: flex-start; padding-left: 6.7%; padding-right: 0; } [dir="rtl"] .fifty-fifty_container--content-end .fifty-fifty_content-container { padding-left: 0; padding-right: 6.7%; } } .fifty-fifty_quotation-body { margin-bottom: 15px; } .fifty-fifty_quotation-mark { height: 48px; width: 48px; margin-bottom: 12px; background-size: 100% 100%; background-position: center center; background-repeat: repeat; } .fifty-fifty_heading { margin-bottom: 15px; } .fifty-fifty_divider-bar { height: 3px; width: 50px; background: #0079C0; border: none; margin: 20px auto 20px 0; } .fifty-fifty_thin-divider-bar { height: 1px; width: 40px; background: #0079C0; border: none; margin: 20px auto 15px 0; } .fifty-fifty_cta1 { margin: 0; display: table; transition: all .15s ease-in-out; } .fifty-fifty_cta1:hover { background: transparent; box-shadow: inset 0 0 0 1px #0079C1; color: #005e95; } .fifty-fifty_cta1:hover svg { fill: #005e95; } @media (min-width: 520px) { .fifty-fifty_cta1 { margin: 0 35px 20px 0; display: inline-block; } } @media (min-width: 860px) { .fifty-fifty_cta1 { margin: 0 35px 0 0; } } .fifty-fifty_cta2 { display: table; margin: 20px 0; position: relative; } .fifty-fifty_cta2:hover { text-decoration: none; } .fifty-fifty_cta2:hover svg { fill: #005e95; } @media (min-width: 520px) { .fifty-fifty_cta2 { margin: 0; display: inline-block; } } .hero-banner-global { font-kerning: normal; } .hero-banner-global .hbg-container { position: relative; overflow: hidden; } .hero-banner-global .hbg-container::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .hero-banner-global .herobanner { display: block; padding-top: 30px; position: relative; } .hero-banner-global .herobanner.has-no-foreground { display: flex; align-items: center; justify-content: center; padding-top: 0; flex-direction: row; } .hero-banner-global .herobanner.has-no-foreground .content { min-width: 100%; box-sizing: border-box; } @media (min-width: 1024px) { .hero-banner-global .herobanner.has-no-foreground .content { min-width: 0; } } @media screen and (min-width: 1024px) { .hero-banner-global .herobanner { display: flex; align-items: center; justify-content: center; padding-top: 0; } .hero-banner-global .herobanner .content { min-width: none; } } @media (min-width: 1024px) { .hero-banner-global .herobanner .content { padding: 0 20px 0 10px; } } .hero-banner-global .herobanner .banner__title { color: black; letter-spacing: -2px; margin-bottom: 0; line-height: 1.0 !important; } @media (min-width: 860px) { .hero-banner-global .herobanner .banner__title { line-height: 0.950004 !important; } } .hero-banner-global .herobanner .header-subtitle { margin-bottom: 0; line-height: 1.0 !important; } @media (min-width: 860px) { .hero-banner-global .herobanner .header-subtitle { line-height: 0.950004 !important; } } @media (min-width: 1024px) { .hero-banner-global .herobanner .header-subtitle { margin-bottom: 1.25rem; letter-spacing: -2px; } } .hero-banner-global .herobanner .header-desc { line-height: 1.0 !important; } @media (min-width: 860px) { .hero-banner-global .herobanner .header-desc { line-height: 0.950004 !important; } } .hero-banner-global .herobanner .hero-icon { margin-bottom: 12px; } .hero-banner-global .herobanner .hero-icon img, .hero-banner-global .herobanner .hero-icon svg { height: 100%; width: 100%; } .hero-banner-global .herobanner .hr { height: 3px; width: 45px; background-color: rgba(50, 50, 50, 0.5); margin: 0.5rem auto; } @media screen and (min-width: 1024px) { .hero-banner-global .herobanner .hr { margin: 1rem 0; } } .hero-banner-global .herobanner .content, .hero-banner-global .herobanner .right-column { flex: 1; visibility: hidden; } .hero-banner-global .herobanner .right-column { width: 100%; margin: 0 auto; margin-top: 25px; } @media (min-width: 480px) { .hero-banner-global .herobanner .right-column { width: 71%; } } @media (min-width: 1024px) { .hero-banner-global .herobanner .right-column { height: 100%; margin-top: 0; } } .hero-banner-global .herobanner .right-column-image { background-size: cover; background-repeat: no-repeat; background-position: center center; /*--When Stacked Below: Start--*/ height: 0; width: 100%; /*--When Stacked Below: End--*/ /*--When Side-by-side: Start--*/ /*--When Side-by-side: End--*/ } .hero-banner-global .herobanner .right-column-image img { display: none; } @media (min-width: 1024px) { .hero-banner-global .herobanner .right-column-image { background: none !important; position: relative; height: 100%; width: 100%; display: block; } .hero-banner-global .herobanner .right-column-image img { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; max-width: none; max-height: 100%; height: 100%; } } .hero-banner-global .herobanner .btn-first-cta { border-width: 1px; border-style: solid; } .hero-banner-global .herobanner .btn-first-cta, .hero-banner-global .herobanner .btn-second-cta { transition: all .15s ease-in-out; margin-right: 5px; margin-bottom: 8px; } .hero-banner-global .herobanner .btn-first-cta[aria-role]:after, .hero-banner-global .herobanner .btn-second-cta[aria-role]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } .hero-banner-global .banner--tiny { min-height: 80px; height: 12vh; max-height: 173px; padding-top: 5px; padding-bottom: 5px; text-align: center; display: flex; padding-top: 0; flex-direction: row; justify-content: center; align-items: center; } .hero-banner-global .banner--tiny.has-no-foreground { padding-top: 5px; } .hero-banner-global .banner--tiny .right-column { display: none; } .hero-banner-global .banner--tiny .banner__title { font-size: 1.999396rem; line-height: 2.325rem; letter-spacing: -1px; } @media screen and (max-width: 461px) { .hero-banner-global .banner--tiny .banner__title { font-size: 1.7689rem; } } @media screen and (max-width: 479px) { .hero-banner-global .banner--tiny .banner__title { font-size: 1.5625rem; } } @media (min-width: 1024px) { .hero-banner-global .banner--tiny .banner__title { padding-top: 0; } } .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.6994866rem; line-height: 2.325rem; } @media screen and (max-width: 461px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.503565rem; } } @media screen and (max-width: 479px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.328125rem; } } @media (min-width: 500px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.999396rem; line-height: 2.325rem; } } @media screen and (min-width: 500px) and (max-width: 461px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.7689rem; } } @media screen and (min-width: 500px) and (max-width: 479px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.5625rem; } } @media (min-width: 860px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 2.40307405rem; line-height: 3.1rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.99974145rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 1.66015625rem; line-height: 2.325rem; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--tiny { text-align: left; } } .hero-banner-global .banner--small { flex-direction: column; text-align: center; min-height: 230px; } .hero-banner-global .banner--small * { margin-left: auto; margin-right: auto; } .hero-banner-global .banner--small .hero-icon { width: 54px; height: 54px; margin-bottom: 14px; } .hero-banner-global .banner--small .banner__title { font-size: 24px; } @media (min-width: 480px) { .hero-banner-global .banner--small .banner__title { font-size: 32px; } } @media (min-width: 860px) { .hero-banner-global .banner--small .banner__title { font-size: 2.82714594rem; line-height: 3.1rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .hero-banner-global .banner--small .banner__title { font-size: 2.352637rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .hero-banner-global .banner--small .banner__title { font-size: 1.953125rem; line-height: 2.325rem; } } .hero-banner-global .banner--small .banner__title.title--mega { font-size: 58px; letter-spacing: -1px; } @media (min-width: 480px) { .hero-banner-global .banner--small .banner__title.title--mega { font-size: 3.99758436rem; line-height: 3.875rem; } } @media screen and (min-width: 480px) and (max-width: 461px) { .hero-banner-global .banner--small .banner__title.title--mega { font-size: 3.12900721rem; } } @media screen and (min-width: 480px) and (max-width: 479px) { .hero-banner-global .banner--small .banner__title.title--mega { font-size: 2.44140625rem; line-height: 3.1rem; } } .hero-banner-global .banner--small .header-subtitle { margin-top: 0.6rem; margin-bottom: 0; letter-spacing: -1px; font-size: 29; } @media (min-width: 480px) { .hero-banner-global .banner--small .header-subtitle { font-size: 32px; } } @media (min-width: 860px) { .hero-banner-global .banner--small .header-subtitle { font-size: 34px; } } @media (min-width: 1024px) { .hero-banner-global .banner--small .header-subtitle { margin-bottom: 1.25rem; } } .hero-banner-global .banner--small .header-desc { font-size: 15px; margin-bottom: 0; } @media (min-width: 480px) { .hero-banner-global .banner--small .header-desc { font-size: 1rem; line-height: 1.55rem; } } .hero-banner-global .banner--small .right-column-image { /*--When Stacked Below: Start--*/ padding-bottom: 51.42%; /*--When Stacked Below: End--*/ /*--When Side-by-Side: Start--*/ /*--When Side-by-Side: End--*/ } @media (min-width: 1024px) { .hero-banner-global .banner--small .right-column-image { padding-bottom: 0; } } @media (min-width: 480px) { .hero-banner-global .banner--small { min-height: 260px; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--small { flex-direction: row; text-align: left; min-height: 276px; height: 25vh; max-height: 400px; } .hero-banner-global .banner--small * { margin-left: 0; margin-right: 0; } } .hero-banner-global .banner--medium { flex-direction: column; text-align: center; min-height: 400px; } .hero-banner-global .banner--medium * { margin-left: auto; margin-right: auto; } .hero-banner-global .banner--medium .hero-icon { width: 80px; height: 80px; } .hero-banner-global .banner--medium .banner__title { font-size: 45px; } @media (min-width: 480px) { .hero-banner-global .banner--medium .banner__title { font-size: 52px; } } @media (min-width: 860px) { .hero-banner-global .banner--medium .banner__title { font-size: 3.39794671rem; line-height: 3.1rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .hero-banner-global .banner--medium .banner__title { font-size: 2.65965613rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .hero-banner-global .banner--medium .banner__title { font-size: 2.07519531rem; line-height: 2.325rem; } } .hero-banner-global .banner--medium .banner__title.title--mega { font-size: 55px; } @media (min-width: 480px) { .hero-banner-global .banner--medium .banner__title.title--mega { font-size: 62px; } } @media (min-width: 480px) { .hero-banner-global .banner--medium .banner__title.title--mega { font-size: 78px; } } .hero-banner-global .banner--medium .hr { width: 50px; margin-bottom: 0px; margin-top: 1.35rem; } .hero-banner-global .banner--medium .header-subtitle { font-size: 30px; margin-top: 1.7rem; margin-bottom: 0; } @media (min-width: 480px) { .hero-banner-global .banner--medium .header-subtitle { font-size: 34px; } } @media (min-width: 480px) { .hero-banner-global .banner--medium .header-subtitle { font-size: 40px; } } .hero-banner-global .banner--medium .header-desc { font-size: 1rem; line-height: 1.55rem; margin: 1.2rem 0 0; } .hero-banner-global .banner--medium .header-ctas { margin: 4.0rem 0 0; } .hero-banner-global .banner--medium .right-column-image { /*--When Stacked Below: Start--*/ padding-bottom: 61.27%; /*--When Stacked Below: Start--*/ /*--When Side-by-Side: Start--*/ /*--When Side-by-Side: End--*/ } @media (min-width: 1024px) { .hero-banner-global .banner--medium .right-column-image { padding-bottom: 0; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--medium { min-height: 520px; height: 40vh; max-height: 576px; flex-direction: row; text-align: left; } .hero-banner-global .banner--medium * { margin-left: 0; margin-right: 0; } } .hero-banner-global .banner--large { flex-direction: column; text-align: center; min-height: 60vh; } .hero-banner-global .banner--large * { margin-left: auto; margin-right: auto; } .hero-banner-global .banner--large .hero-icon { width: 90px; height: 90px; margin-bottom: 17px; } @media screen and (min-width: 768px) { .hero-banner-global .banner--large .hero-icon { width: 90px; height: 90px; } } .hero-banner-global .banner--large .banner__title { font-size: 47px; letter-spacing: -2px; } @media screen and (min-width: 480px) { .hero-banner-global .banner--large .banner__title { font-size: 62px; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--large .banner__title { font-size: 4.705rem; } } .hero-banner-global .banner--large .banner__title.title--mega { font-size: 57px; } @media screen and (min-width: 480px) { .hero-banner-global .banner--large .banner__title.title--mega { font-size: 72px; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--large .banner__title.title--mega { font-size: 100px; } } .hero-banner-global .banner--large .hr { width: 55px; margin-top: 2.1rem; margin-bottom: 0; } .hero-banner-global .banner--large .header-subtitle { font-size: 32px; margin-top: 1.6rem; margin-bottom: 0; } @media (min-width: 480px) { .hero-banner-global .banner--large .header-subtitle { font-size: 40px; } } @media (min-width: 860px) { .hero-banner-global .banner--large .header-subtitle { font-size: 2.82rem; } } .hero-banner-global .banner--large .header-desc { font-size: 1rem; line-height: 1.55rem; margin-top: 1.6rem; } @media (min-width: 860px) { .hero-banner-global .banner--large .header-desc { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .hero-banner-global .banner--large .header-desc { font-size: 1.1305rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .hero-banner-global .banner--large .header-desc { font-size: 1.0625rem; } } .hero-banner-global .banner--large .header-ctas { margin-top: 72px; } .hero-banner-global .banner--large .right-column-image { /*--When Stacked Below: Start--*/ padding-bottom: 73.53%; /*--When Stacked Below: Start--*/ /*--When Side-by-Side: Start--*/ /*--When Side-by-Side: End--*/ } @media (min-width: 1024px) { .hero-banner-global .banner--large .right-column-image { padding-bottom: 0; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--large { height: 60vh; min-height: 700px; max-height: 864px; flex-direction: row; text-align: left; } .hero-banner-global .banner--large * { margin-left: 0; margin-right: 0; } } .hero-banner-global .banner--full { min-height: 50vh; height: auto; max-height: 1152px; flex-direction: column; text-align: center; padding-top: 15px; } .hero-banner-global .banner--full.has-no-foreground { padding-top: 15px; } @media screen and (min-width: 600px) { .hero-banner-global .banner--full { padding-top: 0; height: 80vh; } .hero-banner-global .banner--full.has-no-foreground { padding-top: 0; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--full { min-height: 650px; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--full { min-height: 880px; } } .hero-banner-global .banner--full * { margin-left: auto; margin-right: auto; } .hero-banner-global .banner--full .content { display: flex; flex-direction: column; justify-content: center; padding-bottom: 2%; height: 100%; max-width: 100%; } .hero-banner-global .banner--full .animation-block { visibility: hidden; } .hero-banner-global .banner--full .hero-icon { width: 90px; height: 90px; margin-bottom: 40px; } @media screen and (min-width: 768px) { .hero-banner-global .banner--full .hero-icon { width: 120px; height: 120px; } } .hero-banner-global .banner--full .banner__title { font-size: 3.2rem; } @media screen and (min-width: 400px) { .hero-banner-global .banner--full .banner__title { font-size: 3.65rem; } } @media screen and (min-width: 440px) { .hero-banner-global .banner--full .banner__title { font-size: 3.95rem; } } @media screen and (min-width: 480px) { .hero-banner-global .banner--full .banner__title { font-size: 55px; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--full .banner__title { font-size: 5.294rem; } } .hero-banner-global .banner--full .banner__title.title--mega { font-size: 3.9rem; } @media screen and (min-width: 480px) { .hero-banner-global .banner--full .banner__title.title--mega { font-size: 5.29rem; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--full .banner__title.title--mega { font-size: 6.4rem; } } .hero-banner-global .banner--full .header-subtitle { line-height: 1.15 !important; } @media (min-width: 860px) { .hero-banner-global .banner--full .header-subtitle { line-height: 0.950004 !important; } } .hero-banner-global .banner--full .header-desc { line-height: 1.35 !important; } @media (min-width: 860px) { .hero-banner-global .banner--full .header-desc { line-height: 0.950004 !important; } } .hero-banner-global .banner--full .hr { width: 60px; margin: 2.1rem auto 1.6rem auto; } .hero-banner-global .banner--full .scroll-down-ghost { margin-top: 10px; } @media (min-width: 600px) { .hero-banner-global .banner--full .scroll-down-ghost { margin-top: 0; height: 60px; } } .hero-banner-global .banner--full .scroll-down { display: block; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.9); border-radius: 50px; margin: 0 auto 20px auto; box-sizing: border-box; padding: 13px 0 0 9px; color: #000000; transition: background-color 100ms linear; } @media (min-width: 600px) { .hero-banner-global .banner--full .scroll-down { position: absolute; bottom: 50px; left: 50%; margin: 0 0 0 -25px; } } .hero-banner-global .banner--full .scroll-down:hover { background-color: #0079c1; color: #FFFFFF; } .hero-banner-global .banner--full .header-subtitle { font-size: 34px; margin-top: 1.8rem; margin-bottom: 0; letter-spacing: -2px; } @media (min-width: 480px) { .hero-banner-global .banner--full .header-subtitle { font-size: 45px; } } @media (min-width: 860px) { .hero-banner-global .banner--full .header-subtitle { font-size: 3rem; letter-spacing: 0; } } .hero-banner-global .banner--full .header-desc { font-size: 1rem; line-height: 1.55rem; margin-bottom: 0; } @media (min-width: 480px) { .hero-banner-global .banner--full .header-desc { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 480px) and (max-width: 461px) { .hero-banner-global .banner--full .header-desc { font-size: 1.1305rem; } } @media screen and (min-width: 480px) and (max-width: 479px) { .hero-banner-global .banner--full .header-desc { font-size: 1.0625rem; } } .hero-banner-global .banner--full .header-ctas { margin-top: 72px; } @media (min-width: 860px) { .hero-banner-global .banner--full .header-ctas { margin-top: 97px; } } .hero-banner-global .banner--full .right-column { display: none; } .hero-banner-global [data-theme="light-text"].has-bg-img:not(.hgb-container--no-vignette)::before { background: linear-gradient(90deg, rgba(50, 50, 50, 0.5) 0%, rgba(50, 50, 50, 0) 100%); } .hero-banner-global [data-theme="light-text"] .banner__title, .hero-banner-global [data-theme="light-text"] .header-desc { color: #FFFFFF; } .hero-banner-global [data-theme="light-text"] .header-subtitle { color: rgba(255, 255, 255, 0.75); } .hero-banner-global [data-theme="light-text"] .hr { background-color: rgba(255, 255, 255, 0.5); } .hero-banner-global [data-theme="light-text"] .btn-first-cta { background: rgba(255, 255, 255, 0.85); border-color: transparent; color: #000000; } .hero-banner-global [data-theme="light-text"] .btn-first-cta:hover { background: #FFFFFF; border-color: #FFFFFF; box-shadow: inset 0 0 0 1px #FFFFFF; } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta { border-color: #FFFFFF; color: #FFFFFF; } .hero-banner-global [data-theme="light-text"] .btn-second-cta:hover { background: transparent; box-shadow: inset 0 0 0 1px #FFFFFF; } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .hero-banner-global [data-theme="dark-text"].has-bg-img:not(.hgb-container--no-vignette)::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .hero-banner-global [data-theme="dark-text"] .banner__title, .hero-banner-global [data-theme="dark-text"] .header-desc { color: #323232; } .hero-banner-global [data-theme="dark-text"] .header-subtitle { color: rgba(50, 50, 50, 0.75); } .hero-banner-global [data-theme="dark-text"] .hr { color: rgba(50, 50, 50, 0.5); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta { background: rgba(50, 50, 50, 0.8); border-color: transparent; color: #FFFFFF; } .hero-banner-global [data-theme="dark-text"] .btn-first-cta:hover { background: #000000; border-color: #000000; box-shadow: inset 0 0 0 1px #000000; } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta { border-color: #000000; color: #000000; } .hero-banner-global [data-theme="dark-text"] .btn-second-cta:hover { background: transparent; box-shadow: inset 0 0 0 1px #000000; } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } .color-contentbar .content-container { min-height: 210px; display: flex; flex-direction: column; justify-content: center; font-size: 0.875rem; line-height: 1.55rem; font-weight: 300; font-style: normal; } .color-contentbar .content-container b, .color-contentbar .content-container strong { font-weight: 500; } .color-contentbar .content-container .lighttheme p { color: #323232; } .color-contentbar .content-container .darktheme p { color: #fff; } .color-contentbar .content-container p:last-child { margin-bottom: 0; } @media (min-width: 480px) { .color-contentbar .content-container { font-size: 0.9375rem; line-height: 1.55rem; } } @media (min-width: 1025px) { .color-contentbar .content-container { font-size: 1rem; line-height: 1.55rem; } } .avenir-light, .hero-banner-global .herobanner .banner__title, .hero-banner-global .herobanner .header-desc, .timeline_title { font-weight: 300; font-style: normal; } .avenir-light b, .hero-banner-global .herobanner .banner__title b, .hero-banner-global .herobanner .header-desc b, .timeline_title b, .avenir-light strong, .hero-banner-global .herobanner .banner__title strong, .hero-banner-global .herobanner .header-desc strong, .timeline_title strong { font-weight: 500; } .avenir-light-italic { font-weight: 300; font-style: italic; } .avenir-light-italic b, .avenir-light-italic strong { font-weight: 500; } .avenir-regular { font-weight: 400; font-style: normal; } .avenir-regular b, .avenir-regular strong { font-weight: 500; } .avenir-italic { font-weight: 400; font-style: italic; } .avenir-italic b, .avenir-italic strong { font-weight: 500; } .avenir-demi, .hero-banner-global .herobanner .banner__title.title--mega, .timeline-card_date { font-weight: 500; font-style: normal; } .avenir-demi b, .hero-banner-global .herobanner .banner__title.title--mega b, .timeline-card_date b, .avenir-demi strong, .hero-banner-global .herobanner .banner__title.title--mega strong, .timeline-card_date strong { font-weight: 600; } .avenir-demi-italic { font-weight: 500; font-style: italic; } .avenir-demi-italic b, .avenir-demi-italic strong { font-weight: 600; } .avenir-bold { font-weight: 600; font-style: normal; } .avenir-bold b, .avenir-bold strong { font-weight: 600; } .avenir-bold-italic { font-weight: 600; font-style: italic; } .avenir-bold-italic b, .avenir-bold-italic strong { font-weight: 600; } .code-face, .code-face .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; font-weight: 400; font-style: normal; } .code-face b, .code-face strong, .code-face .block b, .code-face .block strong { font-weight: 400; } .code-italic, .code-italic .block { letter-spacing: 0em; font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", "Courier New", Courier, monospace; font-weight: 400; font-style: italic; } .code-italic b, .code-italic strong, .code-italic .block b, .code-italic .block strong { font-weight: 400; } /* animations */ .animate-child.fade-left { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(-30px); } .animate-child.fade-right { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(30px); } .animate-child.fade-up { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateY(30px); } .animate-child.fade-in { transition: all .75s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } .animate-child.fade-left-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(-30px); } .animate-child.fade-right-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateX(30px); } .animate-child.fade-up-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; transform: translateY(30px); } .animate-child.fade-in-slow { transition: all 1.5s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } .animate-child.active { opacity: 1; transform: translate(0, 0); } .icon-arrow { display: inline-block; background: none; padding: 0; position: relative; } .icon-arrow::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; position: absolute; width: 25px; height: 25px; bottom: -8px; transform: translateY(-55%); } .icon-arrow:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA1ZTk1IiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; } .icon-arrow-btn { display: inline-block; background: none; padding: 10px 42px 10px 20px; position: relative; } .icon-arrow-btn::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat center right; position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-55%); } .icon-arrow-btn:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA1ZTk1IiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat center right; } .icon-ext-link { display: inline-block; padding: 9.5px 42px 9.5px 20px; position: relative; } .icon-ext-link::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iSWNvbkxpbmsgQmx1ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxnPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNSw4djdIMVYxaDd2MUgydjEyaDEyVjhIMTV6IE0xNSwxdjVoLTFWMi43MDMxMjVsLTYuNjQwNjI1LDYuNjU2MjVsLTAuNzE4NzUtMC43MTg3NUwxMy4yOTY4NzUsMkgxMFYxSDE1eiI+PC9wYXRoPjwvZz4KPC9zdmc+") no-repeat center right; position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-55%); } .icon-ext-link-blue { display: inline-block; padding: 5px 42px 5px 20px; position: relative; } .icon-ext-link-blue::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iSWNvbkxpbmsgQmx1ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxnPjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik0xNSw4djdIMVYxaDd2MUgydjEyaDEyVjhIMTV6IE0xNSwxdjVoLTFWMi43MDMxMjVsLTYuNjQwNjI1LDYuNjU2MjVsLTAuNzE4NzUtMC43MTg3NUwxMy4yOTY4NzUsMkgxMFYxSDE1eiI+PC9wYXRoPjwvZz4KPC9zdmc+") no-repeat center right; position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-55%); } .icon-ext-link-blue:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iSWNvbkxpbmsgQmx1ZSIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxnPjxwYXRoIGZpbGw9IiMwMDVlOTUiIGQ9Ik0xNSw4djdIMVYxaDd2MUgydjEyaDEyVjhIMTV6IE0xNSwxdjVoLTFWMi43MDMxMjVsLTYuNjQwNjI1LDYuNjU2MjVsLTAuNzE4NzUtMC43MTg3NUwxMy4yOTY4NzUsMkgxMFYxSDE1eiI+PC9wYXRoPjwvZz4KPC9zdmc+") no-repeat center right; } .icon-arrow-link { display: inline-block; background: none; padding: 0; position: absolute; bottom: -2px; } .icon-arrow-link::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; position: absolute; width: 25px; height: 25px; bottom: -8px; transform: translateY(-55%); } .icon-arrow-link:hover::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjMDA1ZTk1IiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; } .icon-arrow-link-white { display: inline-block; background: none; padding: 0; position: absolute; bottom: -2px; } .icon-arrow-link-white::after { content: ''; background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogICA8Zz48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNOCwxNC4yOTY4NzVsNS4zMTI1LTUuMzEyNUgwVjhoMTMuMjgxMjVMOCwyLjcwMzEyNVYxLjI4MTI1TDE1LjIxODc1LDguNUw4LDE1LjcxODc1VjE0LjI5Njg3NXoiPjwvcGF0aD48L2c+Cjwvc3ZnPg==") no-repeat bottom right; position: absolute; width: 25px; height: 25px; bottom: -8px; transform: translateY(-55%); } .animated-link { position: relative; } .animated-link:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0%; border-bottom: 1px solid #0079c1; transition: 0.4s; } .animated-link:hover { text-decoration: none; } .animated-link:hover:after { width: 100%; } .animated-link-white { position: relative; } .animated-link-white:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 0%; border-bottom: 1px solid #fff; transition: 0.4s; } .animated-link-white:hover { text-decoration: none; } .animated-link-white:hover:after { width: 100%; } .right-arrow { width: 12px; height: 12px; display: inline-block; margin-left: 5px; } .icon-ui-white { fill: #fff; } .icon-ui-blue { fill: #0079c1; } .icon-ui-cta-blue { fill: #49b0f2; } @media screen and (max-width: 768px) { .tabbed-content-switcher-wrap .tabbed-content-switcher { min-height: auto; background-size: cover; } } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider h3 { line-height: 2.95rem; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider h1 { margin: 0; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav { overflow: hidden; text-align: center; position: relative; height: 113px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav { display: flex; white-space: nowrap; text-align: center; position: absolute; top: 0; left: 0; transition: 0.3s; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title { width: 286px; min-width: 286px; border-bottom-width: 3px; border-bottom-style: solid; border-top: none; border-left: none; border-right: none; margin-right: 0; margin-bottom: 4px; font-size: 1rem; line-height: 1.55rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 0; height: 112px; float: none; position: relative; } @media screen and (max-width: 480px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title { font-size: 0.85rem; } } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title img, .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title svg, .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title .icon-number { width: 50px; height: 50px; display: block; margin: 0 auto 10px auto; position: relative; z-index: -2; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title .icon-number { font-size: 40px; line-height: 40px; font-style: normal; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title span { display: block; position: relative; z-index: -1; margin-bottom: 9px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:focus { background-image: none; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover { background-image: none; background: none; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav.tab-nav--fit-6-tabs .tab-title { width: 239px; min-width: 239px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-left, .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-right { width: 70px; padding: 60px 0 0 0; border: none; position: absolute; z-index: 1; height: 103px; outline: none; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-left i, .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-right i { font-size: 22px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-left { text-align: left; left: 0; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-right { text-align: right; right: 0; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon { height: 53px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon .tab-nav .tab-title { height: 52px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon .tab-nav .tab-title img, .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon .tab-nav .tab-title svg { display: none; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon .tabbed-content-switcher-nav-left { height: 52px; padding: 0; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon .tabbed-content-switcher-nav-left .icon-ui-left { position: absolute; top: 8px; left: 0; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon .tabbed-content-switcher-nav-right { height: 52px; padding: 0; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tabbed-content-switcher-nav.no-icon .tabbed-content-switcher-nav-right .icon-ui-right { position: absolute; top: 8px; right: 0; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents { border-top-width: 1px; border-top-style: solid; margin-top: -1px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section { padding-left: 0; padding-right: 0; padding: 20px 0 60px 0; opacity: 0; margin-top: 110px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-image { width: 100%; padding-bottom: 40px; } @media screen and (min-width: 800px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-image { width: 55%; float: left; } } @media screen and (min-width: 1440px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-image { font-size: 24px; } } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content { width: 100%; text-align: left; } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content .section-title { font-size: 1.6994866rem; line-height: 2.325rem; } @media screen and (max-width: 461px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content .section-title { font-size: 1.503565rem; } } @media screen and (max-width: 479px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content .section-title { font-size: 1.328125rem; } } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content .section-desc { font-size: 0.9375rem; line-height: 1.55rem; line-height: 1.4rem !important; margin-bottom: 0; } @media screen and (min-width: 800px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content { width: 35%; float: left; padding-left: 30px; box-sizing: border-box; } } @media screen and (min-width: 850px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content { width: 35%; float: left; text-align: left; padding-left: 30px; box-sizing: border-box; min-height: 300px; height: 300px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } @media screen and (min-width: 1130px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content { width: 35%; float: left; text-align: left; padding-left: 30px; box-sizing: border-box; min-height: 370px; height: 370px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } @media screen and (min-width: 1440px) { .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content { width: 35%; float: left; text-align: left; padding-left: 30px; box-sizing: border-box; min-height: 450px; height: 450px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } .tabbed-content-switcher-wrap .tabbed-content-switcher .middleslider .tabs-transparent .tab-contents .tab-section.is-active { display: block; opacity: 1; margin-top: 10px; } .tabbed-content-switcher-wrap .tabbed-content-switcher .textCenter { text-align: center; } .tabbed-content-switcher-wrap .tabbed-content-switcher .textCenter { text-align: center; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark { background-color: #323232; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark h2 { color: #FFFFFF; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title { border-bottom-color: #323232; color: #efefef; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title img, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title svg, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title svg *, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title .icon-number { fill: #888888; color: #888888; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:focus { color: white; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover { border-bottom: 3px solid rgba(73, 176, 242, 0.5); } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover img, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover svg, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover svg *, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover .icon-number { fill: #E5E5E5; color: #E5E5E5; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active { border-bottom-color: #49b0f2; color: #fff; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active img, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active svg, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active svg *, .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active .icon-number { fill: #FFFFFF; color: #FFFFFF; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-left { background: -moz-linear-gradient(left, #323232 20%, rgba(50, 50, 50, 0) 100%); background: -webkit-linear-gradient(left, #323232 20%, rgba(50, 50, 50, 0) 100%); background: linear-gradient(to right, #323232 20%, rgba(50, 50, 50, 0) 100%); cursor: pointer; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-left .icon-ui-left { color: #FFFFFF; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-right { background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #323232 80%); background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #323232 80%); background: linear-gradient(to right, rgba(50, 50, 50, 0) 0%, #323232 80%); cursor: pointer; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-right .icon-ui-right { color: #FFFFFF; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tab-contents { border-top-color: #4c4c4c; color: white; } .tabbed-content-switcher-wrap .tabbed-content-switcher.dark .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content .section-desc { color: #bcbcbc; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light { background-color: #FFFFFF; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light h2 { color: #323232; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title { border-bottom-color: #FFFFFF; color: #000000; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title img, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title svg, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title svg *, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title .icon-number { fill: #6D6D6d; color: #6D6D6d; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:focus { color: #0079C1; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover { border-bottom: 3px solid rgba(0, 121, 193, 0.5); } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover img, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover svg, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover svg *, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title:hover .icon-number { fill: #0079C1; color: #0079C1; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active { border-bottom-color: #0079C1; color: #000000; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active img, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active svg, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active svg *, .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tab-nav .tab-title.is-active .icon-number { fill: #0079C1; color: #0079C1; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-left { background: -moz-linear-gradient(left, white 20%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, white 10%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 100%); } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-left .icon-ui-left { color: #6E6E6E; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-right { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%); } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tabbed-content-switcher-nav .tabbed-content-switcher-nav-right .icon-ui-right { color: #6E6E6E; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tab-contents { border-top-color: #CCCCCC; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content .section-title { color: #323232; } .tabbed-content-switcher-wrap .tabbed-content-switcher.light .middleslider .tabs-transparent .tab-contents .tab-section .tab-section-content .section-desc { color: #bcbcbc; color: #595959; } .timeline { box-sizing: border-box; } .timeline * { box-sizing: border-box; } .timeline_wrap { position: relative; opacity: 0; } @media (min-width: 600px) { .timeline_wrap:before { content: ""; display: block; width: 92px; position: absolute; top: 0; bottom: 0; left: 0; } [dir="rtl"] .timeline_wrap:before { right: 0; } } @media (min-width: 1200px) { .timeline_wrap:before { width: 50%; } } .timeline_title { font-size: 2.82714594rem; line-height: 3.1rem; padding: 35px 0 40px 0; position: relative; text-align: center; margin: 0; } @media screen and (max-width: 461px) { .timeline_title { font-size: 2.352637rem; } } @media screen and (max-width: 479px) { .timeline_title { font-size: 1.953125rem; line-height: 2.325rem; } } .timeline_title:after { content: ""; height: 0; left: 50%; position: absolute; bottom: 0; transform: translate(-50%, 100%); width: 0; z-index: 99; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #FFFFFF; } .timeline_cards-container { padding: 40px 15px; position: relative; } @media (min-width: 600px) { .timeline_cards-container { padding: 50px 20px 50px 125px; } [dir="rtl"] .timeline_cards-container { padding: 50px 125px 50px 20px; } } @media (min-width: 1200px) { .timeline_cards-container { padding: 0; } } .timeline_cards { max-width: 1450px; padding: 0; margin: 0 auto; } @media (min-width: 1200px) { .timeline_cards { padding: 80px 10px; } } .timeline_cards:after { display: block; content: ""; clear: both; } .timeline-card { position: relative; } .timeline-card:not(:first-child) .timeline-card_wrap { margin-top: 30px; } @media (min-width: 1200px) { .timeline-card:not(:first-child) .timeline-card_wrap { margin-top: 120px; } } .timeline_wrap--no-images .timeline-card { margin-bottom: 30px; } @media (min-width: 600px) { .timeline_wrap--no-images .timeline-card { margin-bottom: 0; } } .timeline-card_wrap { position: relative; } @media (max-width: 1199px) { .timeline-card_wrap { transform: none !important; } } @media (min-width: 600px) { .timeline-card_wrap { display: flex; } .timeline-card_wrap:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 50%; left: 0; transform: translate(-10px, -50%); border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FFFFFF; } [dir="rtl"] .timeline-card_wrap:after { right: 0; left: auto; transform: translate(10px, -50%); border-right: none; border-left: 10px solid #FFFFFF; } } .timeline-card_bg { position: absolute; top: 120px; right: 0; bottom: 0; left: 0; } .timeline-card:first-child .timeline-card_bg { top: 0px; } @media (min-width: 600px) { .timeline-card_bg:after { content: ""; display: block; width: 26px; height: 26px; border-radius: 100%; background: #444444; position: absolute; top: 50%; left: 0; transform: translate(-46px, -50%); } [dir="rtl"] .timeline-card_bg:after { left: auto; right: 0; transform: translate(46px, -50%); } } @media (min-width: 1200px) { .timeline-card_bg:after { transform: translate(-13px, -50%); } [dir="rtl"] .timeline-card_bg:after { left: auto; right: 0; transform: translate(13px, -50%); } .timeline-card:nth-child(odd) .timeline-card_bg:after { left: auto; right: 0; transform: translate(13px, -50%); } [dir="rtl"] .timeline-card:nth-child(odd) .timeline-card_bg:after { right: auto; left: 0; transform: translate(-13px, -50%); } } .timeline-card_bg-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (max-width: 1199px) { .timeline-card_bg-content { transform: none !important; } } .timeline-card_image { height: 0; padding-bottom: 57.87%; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (min-width: 600px) { .timeline-card_image { flex-basis: 25%; height: auto; padding: 0; order: 2; } } @media (min-width: 800px) { .timeline-card_image { flex-basis: 40%; } } .timeline_wrap--no-images .timeline-card_image { display: none; } .timeline-card_date { font-size: 14px; display: block; height: 27px; line-height: 27px; padding: 1px 25px 0; margin-top: -27px; } @media (min-width: 600px) { .timeline-card_date { font-size: 12px; height: auto; width: 78px; text-align: center; background: none; position: absolute; margin: 0; top: 50%; left: 0; padding: 0; transform: translate(-124px, -50%); } [dir="rtl"] .timeline-card_date { left: auto; right: 0; transform: translate(90px, -50%); } } @media (min-width: 1200px) { .timeline-card_date { font-size: 0.9375rem; line-height: 1.55rem; display: none; } } .timeline_wrap--no-images .timeline-card_date { transform: none; margin-top: 0; } @media (min-width: 600px) { .timeline_wrap--no-images .timeline-card_date { transform: translate(-124px, -50%); } } .timeline-card_date-wide { display: none; } @media (min-width: 1200px) { .timeline-card_date-wide { display: block; font-size: 0.9375rem; line-height: 1.55rem; height: 27px; padding: 1px 25px 0; margin-top: -27px; height: auto; width: 78px; text-align: center; background: none; position: absolute; margin: 0; top: 50%; padding: 0; } } .timeline-card_content { padding: 15px 25px; } @media (min-width: 600px) { .timeline-card_content { flex-basis: 75%; order: 1; } } @media (min-width: 800px) { .timeline-card_content { flex-basis: 60%; } } @media (min-width: 600px) { .timeline_wrap--no-images .timeline-card_content { flex-basis: 100%; } } @media (min-width: 1200px) { .timeline-card { width: 50%; } .timeline-card:nth-child(odd) { padding-right: 30px; float: left; } [dir="rtl"] .timeline-card:nth-child(odd) { float: right; padding-right: 0; padding-left: 30px; } .timeline-card:nth-child(odd) .timeline-card_wrap:after { right: 0; left: auto; transform: translate(10px, -50%); border-right: none; border-left: 10px solid #FFFFFF; } [dir="rtl"] .timeline-card:nth-child(odd) .timeline-card_wrap:after { left: 0; right: auto; transform: translate(-10px, -50%); border-left: none; border-right: 10px solid #FFFFFF; } .timeline-card:nth-child(odd) .timeline-card_content { order: 2; } .timeline-card:nth-child(odd) .timeline-card_content:after { left: auto; right: 0; transform: translate(42px, -50%); } [dir="rtl"] .timeline-card:nth-child(odd) .timeline-card_content:after { right: auto; left: 0; transform: translate(-42px, -50%); } .timeline-card:nth-child(odd) .timeline-card_img { order: 1; } .timeline-card:nth-child(odd) .timeline-card_date, .timeline-card:nth-child(odd) .timeline-card_date-wide { left: auto; right: 0; width: 106px; transform: translate(156px, -50%); text-align: left; } [dir="rtl"] .timeline-card:nth-child(odd) .timeline-card_date, [dir="rtl"] .timeline-card:nth-child(odd) .timeline-card_date-wide { right: auto; left: 0; transform: translate(-156px, -50%); text-align: right; } .timeline-card:nth-child(odd) .timeline-card_date-wide { transform: translate(126px, -50%); } [dir="rtl"] .timeline-card:nth-child(odd) .timeline-card_date-wide { transform: translate(-126px, -50%); } .timeline-card:nth-child(even) { padding-left: 30px; float: right; } [dir="rtl"] .timeline-card:nth-child(even) { float: left; padding-left: 0; padding-right: 30px; } .timeline-card:nth-child(even) .timeline-card_wrap:after { left: 0; right: auto; transform: translate(-10px, -50%); border-left: none; border-right: 10px solid #FFFFFF; } [dir="rtl"] .timeline-card:nth-child(even) .timeline-card_wrap:after { right: 0; left: auto; transform: translate(10px, -50%); border-right: none; border-left: 10px solid #FFFFFF; } .timeline-card:nth-child(even) .timeline-card_content { order: 1; } .timeline-card:nth-child(even) .timeline-card_content:after { right: auto; left: 0; transform: translate(-42px, -50%); } [dir="rtl"] .timeline-card:nth-child(even) .timeline-card_content:after { left: auto; right: 0; transform: translate(42px, -50%); } .timeline-card:nth-child(even) .timeline-card_img { order: 2; } .timeline-card:nth-child(even) .timeline-card_date, .timeline-card:nth-child(even) .timeline-card_date-wide { right: auto; left: 0; width: 106px; transform: translate(-156px, -50%); text-align: right; } [dir="rtl"] .timeline-card:nth-child(even) .timeline-card_date, [dir="rtl"] .timeline-card:nth-child(even) .timeline-card_date-wide { left: auto; right: 0; transform: translate(156px, -50%); text-align: left; } .timeline-card:nth-child(even) .timeline-card_date-wide { transform: translate(-126px, -50%); } [dir="rtl"] .timeline-card:nth-child(even) .timeline-card_date-wide { transform: translate(126px, -50%); } } .timeline-card_title { margin-bottom: 8px; font-size: 1.6994866rem; line-height: 2.325rem; } @media screen and (max-width: 461px) { .timeline-card_title { font-size: 1.503565rem; } } @media screen and (max-width: 479px) { .timeline-card_title { font-size: 1.328125rem; } } .timeline-card_body { margin-bottom: 0; font-size: 0.8125rem; line-height: 1.55rem; line-height: 1.5; } .timeline-card_body p { margin-bottom: 0; } .timeline-card_cta { font-size: 0.9375rem; line-height: 1.55rem; padding: 0 18px 0 0; } .timeline-card_cta[data-link-type]:before { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .timeline_wrap[data-theme="light-text"] { background: #1a1a1a; } .timeline_wrap[data-theme="light-text"]:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%); } .timeline_wrap[data-theme="light-text"] .timeline_title { color: #FFFFFF; background: #2D2D2D; } .timeline_wrap[data-theme="light-text"] .timeline_title:after { border-top-color: #2D2D2D; } .timeline_wrap[data-theme="light-text"] .timeline-card .timeline-card_wrap:after { border-left: none; border-right: 10px solid #2D2D2d; } [dir="rtl"] .timeline_wrap[data-theme="light-text"] .timeline-card .timeline-card_wrap:after { border-right: none; border-left: 10px solid #2D2D2d; } @media (min-width: 1200px) { .timeline_wrap[data-theme="light-text"] .timeline-card:nth-child(odd) .timeline-card_wrap:after { border-right: none; border-left: 10px solid #2D2D2d; } [dir="rtl"] .timeline_wrap[data-theme="light-text"] .timeline-card:nth-child(odd) .timeline-card_wrap:after { border-left: none; border-right: 10px solid #2D2D2d; } .timeline_wrap[data-theme="light-text"] .timeline-card:nth-child(even) .timeline-card_wrap:after { border-left: none; border-right: 10px solid #2D2D2d; } [dir="rtl"] .timeline_wrap[data-theme="light-text"] .timeline-card:nth-child(even) .timeline-card_wrap:after { border-right: none; border-left: 10px solid #2D2D2d; } } .timeline_wrap[data-theme="light-text"] .timeline-card_date { color: #a9a9a9; background: rgba(50, 50, 50, 0.85); } @media (min-width: 600px) { .timeline_wrap[data-theme="light-text"] .timeline-card_date { background: none; } } .timeline_wrap[data-theme="light-text"] .timeline-card_date-wide { color: #a9a9a9; } .timeline_wrap[data-theme="light-text"] .timeline-card_content { background: #2D2D2d; } .timeline_wrap[data-theme="light-text"] .timeline-card_title { color: #FFFFFF; } .timeline_wrap[data-theme="light-text"] .timeline-card_body { color: #bcbcbc; } .timeline_wrap[data-theme="light-text"] .timeline-card_cta { color: #49b0f2; } .timeline_wrap[data-theme="light-text"] .timeline-card_cta[data-link-type='internal']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzQ5YjBmMiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .timeline_wrap[data-theme="light-text"] .timeline-card_cta[data-link-type='external']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiM0OWIwZjIiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4=); } .timeline_wrap[data-theme="light-text"] .timeline-card_cta[data-link-type='video']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiM0OWIwZjIiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .timeline_wrap[data-theme="light-text"] .timeline-card_cta[data-link-type='document']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiM0OWIwZjIiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .timeline_wrap[data-theme="light-text"].timeline_wrap--no-images .timeline-card_date { background: #323232; } @media (min-width: 600px) { .timeline_wrap[data-theme="light-text"].timeline_wrap--no-images .timeline-card_date { background: none; } } .timeline_wrap[data-theme="dark-text"] { background: #efefef; } .timeline_wrap[data-theme="dark-text"]:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%); } .timeline_wrap[data-theme="dark-text"] .timeline_title { color: #323232; background: #FFFFFF; } .timeline_wrap[data-theme="dark-text"] .timeline_title:after { border-top-color: #FFFFFF; } @media (min-width: 1200px) { .timeline_wrap[data-theme="dark-text"] .timeline-card:nth-child(odd) .timeline-card_wrap:after { border-right: none; border-left: 10px solid #FFFFFF; } [dir="rtl"] .timeline_wrap[data-theme="dark-text"] .timeline-card:nth-child(odd) .timeline-card_wrap:after { border-left: none; border-right: 10px solid #FFFFFF; } .timeline_wrap[data-theme="dark-text"] .timeline-card:nth-child(even) .timeline-card_wrap:after { border-left: none; border-right: 10px solid #FFFFFF; } [dir="rtl"] .timeline_wrap[data-theme="dark-text"] .timeline-card:nth-child(even) .timeline-card_wrap:after { border-right: none; border-left: 10px solid #FFFFFF; } } .timeline_wrap[data-theme="dark-text"] .timeline-card_date { color: #4c4c4c; background: rgba(255, 255, 255, 0.9); } @media (min-width: 600px) { .timeline_wrap[data-theme="dark-text"] .timeline-card_date { background: none; } } .timeline_wrap[data-theme="dark-text"] .timeline-card_content { background: #FFFFFF; } .timeline_wrap[data-theme="dark-text"] .timeline-card_title { color: #323232; } .timeline_wrap[data-theme="dark-text"] .timeline-card_body { color: #595959; } .timeline_wrap[data-theme="dark-text"] .timeline-card_cta[data-link-type='internal']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwNzljMSIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .timeline_wrap[data-theme="dark-text"] .timeline-card_cta[data-link-type='external']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4=); } .timeline_wrap[data-theme="dark-text"] .timeline-card_cta[data-link-type='video']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .timeline_wrap[data-theme="dark-text"] .timeline-card_cta[data-link-type='document']:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDc5YzEiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .timeline_wrap[data-theme="dark-text"].timeline_wrap--no-images .timeline-card_date { background: #F7F7F7; } @media (min-width: 600px) { .timeline_wrap[data-theme="dark-text"].timeline_wrap--no-images .timeline-card_date { background: none; } } .linklist-image { display: flex; } .linklist-image .link-list-image-wrapper { align-self: flex-start; display: inline-block; padding-top: 10px; padding-bottom: 10px; } .linklist-image .icon-link { align-self: center; margin-left: 25px; } .linklist-image:after { content: "\f16f"; display: block; position: absolute; top: 50%; font-family: 'calcite-ui'; transition: right .15s ease-out, opacity .15s ease-out; right: 2%; opacity: 0; } .linklist-image:hover:after { right: 0%; opacity: 1; } .icon-title-series .icon-title-series-background > .title { text-align: center; padding-top: 40px; padding-bottom: 40px; } .icon-title-series .icon-title-series-background > .block-group { margin: auto; width: 90%; } .icon-title-series .icon { height: 48px; width: 48px; padding-bottom: 20px; margin: auto; } .icon-title-series .number { height: 48px; width: 48px; padding-bottom: 20px; margin: auto; } .icon-title-series .icon > svg { height: 48px; width: 48px; } .icon-title-series .icon-title { padding-bottom: 18px; word-wrap: break-word; } .icon-title-series .icon-title-item { text-align: center; } .icon-title-series .icon-body { margin: 9px 0 28px 0; } .icon-title-series .btn-white-text { color: white; background: none; border-color: white; } .icon-title-series .btn-white-text:hover { border: 3px solid; border-color: white; background: none; color: white; } .icon-title-series .btn-black-text { color: #000; background: none; border-color: #4c4c4c; } .icon-title-series .btn-black-text:hover { border: 3px solid; border-color: #4c4c4c; background: none; color: #4c4c4c; } .icon-title-series .darktheme { color: #4c4c4c; border-color: #4c4c4c; } .icon-title-series .lighttheme { color: white; border-color: white; } .icon-title-series .divider { height: 1px; width: 40px; margin: auto; } .icon-title-series .cta { width: 100%; } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .two-thirds-tile-divide_container.black { color: #323232; } .two-thirds-tile-divide_container.white { color: white; } @media (min-width: 1024px) { .two-thirds-tile-divide_container { height: 900px; } } @media screen and (min-width: 1024px) { .two-thirds-tile-divide .block { height: 365px; } } .two-thirds-tile-divide .left { width: 33.333333333%; height: 100%; float: left; position: relative; } .two-thirds-tile-divide .left .mega-title { font-size: 80px; line-height: 1.05; } .two-thirds-tile-divide .left .mega-title h2 { font-size: calc(100% - 1.5vh); line-height: inherit; } @media screen and (max-width: 1024px) { .two-thirds-tile-divide .left .mega-title h2 { font-size: calc(100% - 2.5vh); } } @media screen and (max-width: 480px) { .two-thirds-tile-divide .left .mega-title h2 { font-size: calc(100% - 3vh); } } @media screen and (min-width: 1024px) { .two-thirds-tile-divide .left::after { width: 0; height: 0; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-left: 35px solid #fff; content: ""; top: 50%; right: 0; transform: translate(24px, -50%); position: absolute; z-index: 1; border-left-color: inherit; } } @media screen and (max-width: 1024px) { .two-thirds-tile-divide .left { width: 100%; height: auto; } .two-thirds-tile-divide .left::after { width: 0; height: 0; border: 35px solid transparent; content: ""; bottom: -54px; left: 50%; position: absolute; transform: translateX(-50%); z-index: 1; border-top-color: inherit; } .two-thirds-tile-divide .left .mega-title { text-align: center; } } .two-thirds-tile-divide .right { width: 100%; float: right; } @media screen and (min-width: 1024px) { .two-thirds-tile-divide .right { width: 66.6666666%; height: 100%; } } .two-thirds-tile-divide-content { padding-left: 50px; padding-right: 50px; width: 100%; box-sizing: border-box; position: relative; } @media (min-width: 1024px) { .two-thirds-tile-divide-content { max-width: 450px; margin: 0 auto; left: 50%; transform: translate(-50%, -50%); position: absolute; top: 50%; } } .two-thirds-tile-divide-content a { transition: none; visibility: hidden; } @media screen and (max-width: 1024px) { .two-thirds-tile-divide-content { padding: 20px 80px; box-sizing: border-box; } .two-thirds-tile-divide-content a { display: block; width: fit-content; margin: auto; } } @media screen and (max-width: 480px) { .two-thirds-tile-divide-content { padding: 20px 40px; box-sizing: border-box; } .two-thirds-tile-divide-content a { width: fit-content; visibility: hidden; } } .two-thirds-tile-divide-tiles { height: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; padding: 50px 10px; box-sizing: border-box; max-width: 1410px; margin: 0 auto; } @media (min-width: 680px) { .two-thirds-tile-divide-tiles { padding: 40px 20px; } } @media (min-width: 1024px) { .two-thirds-tile-divide-tiles { padding: 55px 50px; } } .two-thirds-tile-divide-tiles .block { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: center; opacity: 0.9; } @media (min-width: 860px) { .two-thirds-tile-divide-tiles .block { max-width: 625px; } } @media screen and (max-width: 1024px) { .two-thirds-tile-divide-tiles .block { margin-bottom: 5px; margin-top: 20px; } } .two-thirds-tile-divide-tiles .block .block-text { padding: 30px 14%; width: 90%; } .two-thirds-tile-divide-tiles .block .block-text .title { padding-bottom: 10px; } .two-thirds-tile-divide-tiles .block .block-text .bodyCopy { padding-bottom: 20px; font-size: 0.875rem; line-height: 1.55rem; } @media (min-width: 1200px) { .two-thirds-tile-divide-tiles .block .block-text .bodyCopy { font-size: 0.9375rem; line-height: 1.55rem; } } .two-thirds-tile-divide-tiles .block .block-text a { visibility: hidden; transition: none; } .two-thirds-tile-divide-tiles.block-group-1-up .block { margin: auto; } .two-thirds-tile-divide .btn-animated-border-white { padding-right: 30px; display: table; font-size: 0.8125rem; line-height: 1.55rem; } @media (min-width: 1200px) { .two-thirds-tile-divide .btn-animated-border-white { font-size: 0.9375rem; line-height: 1.55rem; } } .two-thirds-tile-divide .btn-animated-border-white:after { background-repeat: no-repeat; height: 24px; opacity: 1; position: absolute; right: 11px; top: 50%; transform: translateY(-45%); transition: all .25s ease-in-out; width: 14px; } .two-thirds-tile-divide .btn-animated-border-white[aria-role='internal']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .two-thirds-tile-divide .btn-animated-border-white[aria-role='external']:after { top: 46%; right: 11px; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .two-thirds-tile-divide .btn-animated-border-white[aria-role='video']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .two-thirds-tile-divide .btn-animated-border-white[aria-role='document']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .two-thirds-tile-divide .btn-animated-border-black { padding-right: 30px; font-size: 0.8125rem; line-height: 1.55rem; display: table; } @media (min-width: 1200px) { .two-thirds-tile-divide .btn-animated-border-black { font-size: 0.9375rem; line-height: 1.55rem; } } .two-thirds-tile-divide .btn-animated-border-black:after { background-repeat: no-repeat; height: 24px; opacity: 1; position: absolute; right: 11px; top: 50%; transform: translateY(-45%); transition: all .25s ease-in-out; width: 14px; } .two-thirds-tile-divide .btn-animated-border-black[aria-role='internal']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMzIzMjMyIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .two-thirds-tile-divide .btn-animated-border-black[aria-role='external']:after { top: 46%; right: 11px; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMzMjMyMzIiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .two-thirds-tile-divide .btn-animated-border-black[aria-role='video']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMzMjMyMzIiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .two-thirds-tile-divide .btn-animated-border-black[aria-role='document']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMzMjMyMzIiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } /* variables */ .event-footer * { box-sizing: border-box; } .event-footer_container { padding-top: 56px; padding-bottom: 0; color: #FFFFFF; background: #4c4c4c; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 1000px) { .event-footer_container { padding-top: 90px; } } .event-footer_wrapper { min-height: 152px; margin: 0; text-align: justify; margin: 0 auto; max-width: 1424px; } @media (min-width: 1000px) { .event-footer_wrapper { padding-bottom: 38px; } } .event-footer_wrapper::after { content: ''; width: 100%; display: inline-block; } .event-footer_heading { font-size: 12px; text-transform: uppercase; margin-bottom: 12px; white-space: nowrap; letter-spacing: 1px; outline: none; } .event-footer_heading-text { border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: inline-block; position: relative; } @media only screen and (max-width: 549px) { .event-footer_heading-text { border-bottom: none; width: 100%; cursor: pointer; } .event-footer_heading-text:after { content: ''; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20white%3B%22%20d%3D%22M28%209v5L16%2026%204%2014V9l12%2012L28%209z%22/%3E%3C/svg%3E") center center no-repeat; display: inline-block; width: 14px; height: 19px; position: absolute; top: -2px; right: 0; } } .event-footer_heading[aria-expanded="true"] span:after { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20white%3B%22%20d%3D%22M4%2023v-5L16%206l12%2012v5L16%2011%204%2023z%22/%3E%3C/svg%3E") center center no-repeat; top: 0; } .event-footer [data-event-footer-link][role=button] { cursor: pointer; margin-top: 6px; margin-bottom: 0; } .event-footer [data-event-footer-link][role=button][aria-expanded=true] { color: #74c6ff; } @media only screen and (max-width: 549px) { .event-footer [data-event-footer-panel] { padding-left: 18px; max-height: 200vh; overflow: hidden; transition: max-height .4s ease-in-out; } .event-footer [data-event-footer-panel] a { padding: 10px 0; } .event-footer [data-event-footer-panel] a:not(.event-footer_col-app-apple-store):not(.event-footer_col-app-google-store) { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .event-footer [data-event-footer-panel][aria-hidden=true] { visibility: hidden; overflow: hidden; max-height: 0; transition: max-height .4s,visibility 0s .4s; } } .event-footer_text, .event-footer_link { font-size: 12px; display: block; margin-bottom: 0; white-space: nowrap; } @media screen and (max-width: 1024px) { .event-footer_text, .event-footer_link { white-space: normal; } } .event-footer_text .text-nowrap, .event-footer_link .text-nowrap { white-space: nowrap; } .event-footer_link:hover { color: #74c6ff; } .event-footer_col-social { display: inline-block; width: 24%; margin: 0; vertical-align: top; padding: 0 24px; text-align: left; } @media only screen and (max-width: 719px) { .event-footer_col-social { padding-left: 20px; } } @media only screen and (max-width: 549px) { .event-footer_col-social { width: 100%; margin-bottom: 22px; } } .event-footer_col-social .event-footer_heading { font-size: 1.69949rem; letter-spacing: -1px; text-transform: none; white-space: normal; } .event-footer_col-social .event-footer_text { line-height: 1.25; } .event-footer_col-social .event-footer_text .event-footer_in-text-link { color: #49b0f2; display: inline; } .event-footer_col-social .event-footer_text .event-footer_in-text-link:hover { color: #74c6ff; text-decoration: none; } .event-footer_col-social .event-footer_list { list-style-type: none; margin: 10px 0 0 0; } .event-footer_col-social .event-footer_list-item { list-style-type: none; float: left; list-style-type: none; float: left; padding: 0 7px 0 0; margin: 0; } .event-footer_col-social .event-footer_list-item [class*="icon-social-"] { background-color: #18032e; } .event-footer_col-info { display: inline-block; width: 74%; margin: 0; text-align: justify; padding-right: 24px; } .event-footer_col-info::after { display: inline-block; width: 100%; content: ''; } @media only screen and (max-width: 879px) { .event-footer_col-info .event-footer_heading { white-space: normal; line-height: 1.6; } .event-footer_col-info .event-footer_heading span { padding-bottom: 6px; } } @media only screen and (max-width: 479px) { .event-footer_col-info .event-footer_heading { margin-bottom: 0; } } @media only screen and (max-width: 999px) { .event-footer_col-info { width: 66%; } } @media only screen and (max-width: 719px) { .event-footer_col-info { padding-right: 20px; } } @media only screen and (max-width: 549px) { .event-footer_col-info { width: 100%; padding-left: 20px; } } .event-footer_col-info .event-footer_link .icon-arrow-blue { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgPGc+PHBhdGggZmlsbD0iIzc0YzZmZiIgZD0iTTgsMTQuMjk2ODc1bDUuMzEyNS01LjMxMjVIMFY4aDEzLjI4MTI1TDgsMi43MDMxMjVWMS4yODEyNUwxNS4yMTg3NSw4LjVMOCwxNS43MTg3NVYxNC4yOTY4NzV6Ij48L3BhdGg+PC9nPgo8L3N2Zz4=") no-repeat center center; padding: 0 0 0 8px !important; display: inline-block; position: absolute; height: .6rem; width: .6rem; margin-top: .425rem; margin-left: 4px; vertical-align: bottom; transform: translateX(0); transition: all .35s ease; will-change: transform; opacity: 0; } @media screen and (min-width: 1025px) { .event-footer_col-info .event-footer_link .icon-arrow-blue { transform: translateX(-16px); } } .event-footer_col-info .event-footer_link:hover { text-decoration: none; } @media screen and (min-width: 1025px) { .event-footer_col-info .event-footer_link:hover .icon-arrow-blue { transform: translateX(0); opacity: 1; } } .event-footer_col-location { display: inline-block; vertical-align: top; text-align: left; } @media only screen and (max-width: 999px) { .event-footer_col-location { width: 50%; margin-bottom: 45px; } } @media only screen and (max-width: 640px) { .event-footer_col-location { width: 45%; } } @media only screen and (max-width: 549px) { .event-footer_col-location { width: 100%; margin: 10px 0 0 0; } } .event-footer_col-resources { display: inline-block; vertical-align: top; text-align: left; } @media only screen and (max-width: 999px) { .event-footer_col-resources { width: 39%; margin-bottom: 45px; } } @media only screen and (max-width: 549px) { .event-footer_col-resources { width: 100%; margin: 22px 0 0 0; } } .event-footer_col-help { display: inline-block; vertical-align: top; text-align: left; } @media only screen and (max-width: 999px) { .event-footer_col-help { width: 50%; margin-bottom: 45px; } } @media only screen and (max-width: 640px) { .event-footer_col-help { width: 45%; } } @media only screen and (max-width: 549px) { .event-footer_col-help { width: 100%; margin: 22px 0 0 0; } } .event-footer_col-app { display: inline-block; vertical-align: top; text-align: left; } @media only screen and (max-width: 999px) { .event-footer_col-app { width: 39%; margin-bottom: 0; } } @media only screen and (max-width: 549px) { .event-footer_col-app { width: 100%; margin: 22px 0 0 0; } .event-footer_col-app [data-esri-uc-footer-panel] a { border-bottom: none; padding-bottom: 0; } } .event-footer_col-app-apple-store, .event-footer_col-app-google-store { font-size: 12px; display: block; margin-bottom: 0; white-space: nowrap; border-bottom: none; } .event-footer_col-app-img { max-width: 130px; border: 1px solid #FFFFFF; border-radius: 5px; } .event-footer .modal-content { padding: 20px 30px 15px !important; } .event-footer .modal-content iframe { width: 100%; } .cookie-banner { position: fixed; left: 0; right: 0; bottom: 0px; width: 100%; z-index: 1000; } .cookie-banner.top { position: relative; } .cookie-banner.top[data-fixed] { position: fixed; bottom: unset; top: 60px; } .cookie-banner div.text-wrapper { position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; width: 60%; } .cookie-banner div.button-wrapper { display: inline-block; margin: 20px 0; float: right; } .cookie-banner p { margin-bottom: 0; } .cookie-banner.dark { background-color: rgba(50, 50, 50, 0.95); color: #efefef; } .cookie-banner.light { background-color: rgba(244, 244, 244, 0.95); color: #323232; } .cookie-banner.blue { background-color: rgba(0, 121, 193, 0.95); color: white; } .cookie-banner.blue div.button-wrapper a { color: #000000; background: rgba(255, 255, 255, 0.75); } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .sticky-dialog-bar_wrapper { position: relative; width: 100%; } .sticky-dialog-bar_wrapper[data-fixed='true'] { position: fixed; top: 0; z-index: 99999; } .sticky-dialog-bar_wrapper[data-mode='edit'] { position: relative !important; } .sticky-dialog-bar_wrapper[data-position='bottom'] { position: fixed; bottom: 0; z-index: 1000; } .sticky-dialog-bar_wrapper[data-theme='dark'] { background-color: rgba(50, 50, 50, 0.95); } .sticky-dialog-bar_wrapper[data-theme='dark'][data-position='top'], .sticky-dialog-bar_wrapper[data-theme='dark'][data-position='inline'] { border-bottom: thin solid #1f1f1f; } .sticky-dialog-bar_wrapper[data-theme='dark'][data-position='bottom'] { border-top: thin solid #1f1f1f; } .sticky-dialog-bar_wrapper[data-theme='dark'] .sticky-dialog-bar_message h2 { color: white; } .sticky-dialog-bar_wrapper[data-theme='light'] { background-color: white; } .sticky-dialog-bar_wrapper[data-theme='light'][data-position='top'], .sticky-dialog-bar_wrapper[data-theme='light'][data-position='inline'] { border-bottom: thin solid #dedede; } .sticky-dialog-bar_wrapper[data-theme='light'][data-position='bottom'] { border-bottom: thin solid #dedede; } .sticky-dialog-bar_wrapper[data-theme='light'] .sticky-dialog-bar_message h2 { color: rgba(50, 50, 50, 0.95); } .sticky-dialog-bar_wrapper[data-theme='light'] .sticky-dialog-bar_contact-tel, .sticky-dialog-bar_wrapper[data-theme='light'] .sticky-dialog-bar_contact-cta { color: #0079c1; } .sticky-dialog-bar_wrapper[data-theme='light'] .sticky-dialog-bar_contact-tel:hover { color: #005e95; } .sticky-dialog-bar_wrapper[data-theme='light'] .sticky-dialog-bar_contact-tel:hover::after { background: #005e95; } .sticky-dialog-bar_wrapper[data-theme='light'] .sticky-dialog-bar_contact-cta { box-shadow: inset 0 0 0 1px #0079c1; } .sticky-dialog-bar_wrapper[data-theme='light'] .sticky-dialog-bar_contact-cta:hover { box-shadow: inset 0 0 0 3px #0079c1; cursor: pointer; } .sticky-dialog-bar_wrapper[data-theme='blue'] { background-color: #0079c1; } .sticky-dialog-bar_wrapper[data-theme='blue'][data-position='top'], .sticky-dialog-bar_wrapper[data-theme='blue'][data-position='inline'] { border-bottom: thin solid #005e95; } .sticky-dialog-bar_wrapper[data-theme='blue'][data-position='bottom'] { border-bottom: thin solid #005e95; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_message h2 { color: white; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-tel, .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-cta { color: white; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-tel:hover { color: white; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-tel:hover::after { background: white; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-cta { box-shadow: inset 0 0 0 1px white; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-cta:hover { box-shadow: inset 0 0 0 3px white; cursor: pointer; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-cta[data-style='solid'] { background: rgba(255, 255, 255, 0.75); color: #323232; } .sticky-dialog-bar_wrapper[data-theme='blue'] .sticky-dialog-bar_contact-cta[data-style='solid']:hover { background: white; } .sticky-dialog-bar_wrapper .sticky-dialog-bar { box-sizing: border-box; margin: 0 auto; padding: 20px; position: relative; } @media (min-width: 640px) { .sticky-dialog-bar_wrapper .sticky-dialog-bar { max-width: 95vw; width: 1450px; } } .sticky-dialog-bar_wrapper .sticky-dialog-bar::after { content: ''; display: table; clear: both; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_message { position: relative; max-width: 100%; } @media (min-width: 640px) { .sticky-dialog-bar_wrapper .sticky-dialog-bar_message { max-width: 60%; width: 60%; } } .sticky-dialog-bar_wrapper .sticky-dialog-bar_message h2 { color: #efefef; font-size: 14px; line-height: 1.5; margin-bottom: 20px; text-align: center; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_message h2 p { margin: 0; } @media (min-width: 640px) { .sticky-dialog-bar_wrapper .sticky-dialog-bar_message h2 { font-size: 1.2019rem; line-height: normal; margin-bottom: 0; text-align: left; } } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact { margin: auto; max-width: 250px; } @media (min-width: 640px) { .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact { max-width: 300px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 35%; } } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-tel, .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-cta { box-sizing: border-box; color: #49b0f2; font-size: 12px; margin: 0; padding: 5px 0; text-align: center; width: 45%; } @media (min-width: 640px) { .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-tel, .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-cta { float: none; font-size: 1rem; } } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-tel { float: left; position: relative; text-decoration: none; width: auto; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-tel::after { background: #49b0f2; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; transition: all .15s ease-out; width: 0; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-tel:hover::after { width: 100%; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-cta { box-shadow: inset 0 0 0 1px #49b0f2; float: right; transition: all .25s ease-out; text-decoration: none; width: 45%; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-cta:hover { box-shadow: inset 0 0 0 3px #49b0f2; cursor: pointer; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-cta[data-style='solid'] { box-shadow: inset 0 0 0 1px #0079c1; background: #0079c1; color: white; } .sticky-dialog-bar_wrapper .sticky-dialog-bar_contact-cta[data-style='solid']:hover { box-shadow: inset 0 0 0 1px #005e95; background: #005e95; } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .large-content-stack { text-align: center; } .large-content-stack_content { width: 90%; margin: 0 auto; text-align: center; padding-top: 42px; } @media (min-width: 480px) { .large-content-stack_content { width: 65%; max-width: 600px; } } .large-content-stack_mega-title { font-size: 2.82714594rem; line-height: 3.1rem; font-weight: 600; margin: 0 auto; text-align: center; } @media screen and (max-width: 461px) { .large-content-stack_mega-title { font-size: 2.352637rem; } } @media screen and (max-width: 479px) { .large-content-stack_mega-title { font-size: 1.953125rem; line-height: 2.325rem; } } @media (min-width: 480px) { .large-content-stack_mega-title { font-size: 3.39794671rem; line-height: 3.1rem; } } @media screen and (min-width: 480px) and (max-width: 461px) { .large-content-stack_mega-title { font-size: 2.65965613rem; } } @media screen and (min-width: 480px) and (max-width: 479px) { .large-content-stack_mega-title { font-size: 2.07519531rem; line-height: 2.325rem; } } @media (min-width: 860px) { .large-content-stack_mega-title { font-size: 3.99758436rem; line-height: 3.875rem; } } @media screen and (min-width: 860px) and (max-width: 461px) { .large-content-stack_mega-title { font-size: 3.12900721rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .large-content-stack_mega-title { font-size: 2.44140625rem; line-height: 3.1rem; } } .large-content-stack_title { font-size: 2.40307405rem; line-height: 3.1rem; font-weight: 300; margin: 0 auto; text-align: center; } @media screen and (max-width: 461px) { .large-content-stack_title { font-size: 1.99974145rem; } } @media screen and (max-width: 479px) { .large-content-stack_title { font-size: 1.66015625rem; line-height: 2.325rem; } } .large-content-stack_divider { background-color: #0078BE; width: 50px; height: 3px; margin: 13px auto 0; } .large-content-stack_body { font-size: 0.9375rem; line-height: 1.55rem; font-weight: 300; margin: 13px auto 0; text-align: center; } .large-content-stack_cta { margin: 24px auto 0; } .large-content-stack_cta[data-link-type]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } .large-content-stack_main-image-wrap { margin: 44px auto 0; position: relative; max-width: 1050px; width: 92%; } .large-content-stack_main-image { width: 100%; max-width: 100%; min-width: 100%; height: auto; display: block; } .large-content-stack_video-link { width: 72px; height: 72px; border-radius: 100%; background: rgba(255, 255, 255, 0.8); transition: all ease 0.5s; display: block; padding: 26px 0 0 27px; box-sizing: border-box; transition: background-color 100ms linear; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .large-content-stack_video-link::before { content: ""; width: 22px; height: 22px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxzdHlsZT5wYXRoIHsgZmlsbDogIzMxMzEzMTsgfTwvc3R5bGU+PHBhdGggZD0iTTYgMGwyMiAxNi4wMDJMNiAzMlYweiIvPjwvc3ZnPg==); background-repeat: no-repeat; background-size: contain; display: block; } .large-content-stack_video-link:hover { background: #0079c1; } .large-content-stack_video-link:hover::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxzdHlsZT5wYXRoIHtmaWxsOiAjRkZGRkZGO308L3N0eWxlPjxwYXRoIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .large-content-stack_wrapper { backround-repeat: no-repeat; background-position: center center; background-size: cover; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_title, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_mega-title { color: #FFFFFF; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_body { color: #bcbcbc; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta { color: #FFFFFF; border-color: #FFFFFF; background: transparent; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta:hover { box-shadow: inset 0 0 0 1px #FFFFFF; background: transparent; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[data-link-type='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[data-link-type='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[data-link-type='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[data-link-type='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_title, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_mega-title { color: #323232; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_body { color: #595959; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta { color: #323232; border-color: #000000; background: transparent; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta:hover { color: #000000; box-shadow: inset 0 0 0 1px #000000; background: transparent; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[data-link-type='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[data-link-type='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[data-link-type='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[data-link-type='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } /*------------------------ ----Resource Block Group--- ------------------------*/ .ind-resources_block-group { padding-top: 60px; position: relative; } @media (min-width: 860px) { .ind-resources_block-group h2 { font-size: 1.9994rem; line-height: 2.325rem; } } .ind-resources_block-group-resources { background: white; border: 1px solid #cccccc; } @media (min-width: 860px) { .ind-resources_block-group-resources { text-align: left; margin-bottom: 10px; } } .ind-resources_block-group-resources .right-arrow { visibility: hidden; opacity: 0; margin-left: -5px; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .ind-resources_block-group-resources:hover { border: 1px solid #56a5d8; } .ind-resources_block-group-resources:hover .right-arrow { margin-left: 5px; visibility: visible; opacity: 1; } .ind-resources_block-group-resources:hover p { text-deocation: none; } .ind-resources_block-group-resources:hover .ind-video-dark-sl_play { background: #0079c1; } .ind-resources_block-group-resources:hover .ind-video-dark-sl_play:after { border-left: 9px solid white; } .ind-resources_block-group-news { background: white; transition: all .5s ease-in-out; } @media (min-width: 860px) { .ind-resources_block-group-news { text-align: left; margin-bottom: 10px; } } .ind-resources_block-group-news a:hover { text-decoration: none; } .ind-resources_block-group-news-link { border-bottom: 1px solid #cccccc; position: relative; } .ind-resources_block-group-news-link p { color: #0079c1; transition: all .25s ease-out; padding-right: 50px; } .ind-resources_block-group-news-link .icon { float: right; fill: #959595; transition: all .25s ease-out; position: absolute; right: 0; top: 33%; transform: translateY(-50%); } .ind-resources_block-group-news-link:hover { border-bottom: 1px solid #005e95; } .ind-resources_block-group-news-link:hover p { color: #005e95; } .ind-resources_block-group-news-link:hover .icon::before, .ind-resources_block-group-news-link:hover .icon-ui-gray::before { color: #005e95; } .ind-resources_block-group-news-link:hover .group_title-link { color: #005e95; } .ind-resources_block-group .group_desc { color: #6e6e6e; letter-spacing: .06rem; font-weight: 500; } .ind-resources_block-group .group_title { text-align: center; } @media (min-width: 1024px) { .ind-resources_block-group .group_title { text-align: left; margin-bottom: 30px; } } .ind-resources_block-group .group_title-details { padding: 0 20px 20px 20px; position: relative; } .ind-resources_block-group .group_title-heading { color: #323232; font-size: calc(70% + .75vh); margin: 20px 0 10px; letter-spacing: -0.05rem; } @media (min-width: 768px) { .ind-resources_block-group .group_title-heading { font-size: 1.1rem; margin-top: 20px; } } @media (min-width: 1024px) { .ind-resources_block-group .group_title-heading { font-size: 1.2019rem; line-height: 1.55rem; } } .ind-resources_block-group .group_title-link { color: #0079c1; position: absolute; bottom: 0; } .ind-resources_block-group .event-image { position: relative; } @media (min-width: 1024px) { .ind-resources_block-group .event-image { margin-bottom: 15px; } } @media (min-width: 1440px) { .ind-resources_block-group .event-image { margin-bottom: 30px; } } .ind-resources_block-group .event-image img.ind-video_placeholder { width: 100%; } .ind-resources_block-group .event-image .ind-video_sl_length { background: #4c4c4c; bottom: 7px; color: white; font-size: 10px; right: 0; padding: 0 10px; position: absolute; text-align: center; } .ind-resources_block-group .block { width: 50vw; } .ind-resources_block-group a:hover { text-decoration: none; } .fixed-scroll-split { display: flex; flex: 1 0 auto; overflow: hidden; } .fixed-scroll-split a:hover { text-decoration: none; } @media screen and (max-width: 860px) { .fixed-scroll-split { flex-direction: column; } } .fixed-scroll-split .right-arrow { width: 14px; height: 14px; } .fixed-scroll-split[data-theme='dark'] .coreContent { background: #2d2d2d; } @media screen and (max-width: 860px) { .fixed-scroll-split[data-theme='dark'] .coreContent { background: #2d2d2d; } } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section { color: #fff; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section h2, .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section p { color: #fff; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .divider-line { background: #fff; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .btn-animated-border { border: thin solid white; color: white; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .btn-animated-border:hover { background: transparent; box-shadow: inset 0 0 0 2px white; color: white; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .btn-animated-border .right-arrow { fill: #fff; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .replayButton { color: #fff; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .replayButton .icon-replay:before { color: #fff; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='internal'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='external'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='video'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='document'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] .itemizedContent { background: #323232; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content p { color: #fff; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content h3 { color: #fff; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .rowIcon, .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .rowIcon * { fill: #fff; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .btn-animated-border-bottom { color: #fff; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .btn-animated-border-bottom::after { border-bottom: 1px solid white; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .btn-animated-border-bottom .right-arrow { fill: #fff; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .multilink[aria-role='internal'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .multilink[aria-role='external'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .multilink[aria-role='video'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] .itemizedContent .side-card-content .multilink[aria-role='document'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='dark'] div.itemizedContent div a:nth-of-type(odd) { background: #2a2a2a; } .fixed-scroll-split[data-theme='dark'] div.itemizedContent div a:nth-of-type(even) .sidecard { background: #1f1f1f; } .fixed-scroll-split[data-theme='dark'] .sidecard::before { background: url(//www.esri.com/~/media/Images/Content/landing-pages/AEMtest/Fixed-Scroll-Split_Image-Dark) right; background-size: cover; } .fixed-scroll-split[data-theme='dark'] .sidecard:hover { border-left: 3px solid #0079c1; } .fixed-scroll-split[data-theme='dark'].left-to-right .itemizedContent .sidecard { border-left: none; box-sizing: border-box; } .fixed-scroll-split[data-theme='dark'].left-to-right div.itemizedContent div a:nth-of-type(odd) { display: block; } .fixed-scroll-split[data-theme='dark'].left-to-right div.itemizedContent div a:nth-of-type(odd) .sidecard { border-right: 3px solid #2a2a2a; } .fixed-scroll-split[data-theme='dark'].left-to-right div.itemizedContent div a:nth-of-type(even) { display: block; } .fixed-scroll-split[data-theme='dark'].left-to-right div.itemizedContent div a:nth-of-type(even) .sidecard { border-right: 3px solid #1f1f1f; } .fixed-scroll-split[data-theme='dark'].left-to-right .itemizedContent .sidecard:hover:before { opacity: 0.15; } .fixed-scroll-split[data-theme='dark'].left-to-right div.itemizedContent div a:nth-of-type(odd):hover .sidecard { border-right: 3px solid #0079c1; border-left: none; } .fixed-scroll-split[data-theme='dark'].left-to-right div.itemizedContent div a:nth-of-type(even):hover .sidecard { border-right: 3px solid #0079c1; border-left: none; } .fixed-scroll-split[data-theme='light'] .coreContent { background: #efefef; } @media screen and (max-width: 860px) { .fixed-scroll-split[data-theme='light'] .coreContent { background: #efefef; } } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section { color: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section h2, .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section p { color: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .divider-line { background: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .btn-animated-border { border: thin solid #323232; color: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .btn-animated-border:hover { background: transparent; box-shadow: inset 0 0 0 2px #323232; color: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .btn-animated-border .right-arrow { fill: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .replayButton { color: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .replayButton .icon-replay:before { color: #323232; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='internal'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='external'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='video'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] .coreContent .content-wrapper .content-section .linkIcon a[aria-role='document'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] .itemizedContent { background: #efefef; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content p { color: #323232; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content h3 { color: #323232; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .rowIcon, .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .rowIcon * { fill: #323232; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .btn-animated-border-bottom { color: #323232; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .btn-animated-border-bottom::after { border-bottom: 1px solid #323232; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .btn-animated-border-bottom .right-arrow { fill: #323232; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .multilink[aria-role='internal'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .multilink[aria-role='external'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .multilink[aria-role='video'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] .itemizedContent .side-card-content .multilink[aria-role='document'] span { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); height: 14px; width: 14px; padding-left: 5px; } .fixed-scroll-split[data-theme='light'] div.itemizedContent div a:nth-of-type(odd) div.sidecard { background: #f4f4f4; } .fixed-scroll-split[data-theme='light'] div.itemizedContent div a:nth-of-type(even) div.sidecard { background: #fff; } .fixed-scroll-split[data-theme='light'] .sidecard::before { background: url(//www.esri.com/~/media/Images/Content/landing-pages/AEMtest/Fixed-Scroll-Split_Image-Light) right; background-size: cover; } .fixed-scroll-split[data-theme='light'] .sidecard:hover { border-left: 3px solid #49b0f2; } .fixed-scroll-split[data-theme='light'].left-to-right itemizedContent .sidecard { border-left: none; box-sizing: border-box; border-right: 3px solid transparent; } .fixed-scroll-split[data-theme='light'].left-to-right .itemizedContent .sidecard:hover:before { opacity: 0.15; } .fixed-scroll-split[data-theme='light'].left-to-right .itemizedContent .sidecard:hover { border-right: 3px solid #49b0f2; border-left: none; } .fixed-scroll-split .coreContent { flex-grow: 1; justify-content: flex-end; width: 50%; position: relative; background-size: cover; display: flex; align-content: center; } @media screen and (max-width: 860px) { .fixed-scroll-split .coreContent { width: 100%; } } .fixed-scroll-split .coreContent .content-wrapper { display: flex; z-index: 5; } .fixed-scroll-split .coreContent .content-wrapper.imgVariant { width: 100%; Max-Width: 100%; text-align: center; } .fixed-scroll-split .coreContent .content-wrapper.imgVariant img { max-height: 550px; max-width: 80%; height: auto; } .fixed-scroll-split .coreContent .content-wrapper.imgVariant .content-section { text-align: center; width: 100%; max-width: 100%; } .fixed-scroll-split .coreContent .content-wrapper.imgVariant .content-section.centered { width: 100%; max-width: 100%; text-align: center; } @media screen and (min-width: 860px) { .fixed-scroll-split .coreContent .content-wrapper.imgVariant .content-section.centered { width: 50%; max-width: 50%; } } .fixed-scroll-split .coreContent .content-wrapper p { line-height: 1.85rem; } .fixed-scroll-split .coreContent .content-wrapper .content-section { position: relative; top: inherit; transform: translateY(0); } .fixed-scroll-split .coreContent .content-wrapper .content-section.centered { position: relative; top: 0; } @media (min-width: 860px) { .fixed-scroll-split .coreContent .content-wrapper .content-section.centered { position: fixed; top: 35%; } } .fixed-scroll-split .coreContent .content-wrapper .content-section.bottom-aligned { align-self: flex-end; } .fixed-scroll-split .coreContent .content-wrapper .content-section .btn-animated-border { background: transparent; transition: all .15s ease-in-out; } .fixed-scroll-split .coreContent .content-wrapper .content-section .replayButton { cursor: pointer; } .fixed-scroll-split .coreContent .content-wrapper .content-section .replayButton span { width: 14px; height: 14px; } .fixed-scroll-split .coreContent .content-wrapper .content-section .divider-line { height: 3px; width: 50px; border-top: 0; } @media (min-width: 1024px) { .fixed-scroll-split .coreContent .content-wrapper .content-section .divider-line .ind-hero_seperator { margin: 20px 0px; } } @media (min-width: 768px) { .fixed-scroll-split .coreContent .content-wrapper .content-section .divider-line .ind-hero_seperator { margin: 20px auto 15px; } } .fixed-scroll-split .itemizedContent { flex-grow: 1; width: 50%; } @media screen and (max-width: 860px) { .fixed-scroll-split .itemizedContent { width: 100%; } } .fixed-scroll-split .itemizedContent .sidecard { height: 325px; width: 100%; transition: all 0.10s ease-out; cursor: pointer; border-left: 3px solid transparent; box-sizing: border-box; position: relative; } .fixed-scroll-split .itemizedContent .sidecard:hover .btn-animated-border-bottom::after { width: 100%; } @media (min-width: 1024px) { .fixed-scroll-split .itemizedContent .sidecard { height: 340px; } } .fixed-scroll-split .itemizedContent .sidecard::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 340px; opacity: 0; transition: all .30s ease-out; } .fixed-scroll-split .itemizedContent .sidecard:hover:before { opacity: 0.15; } .fixed-scroll-split .itemizedContent .sidecard .side-card-content { position: absolute; background: initial !important; top: 50%; transform: translateY(-50%); z-index: 5; padding-left: 50px; width: 80%; } @media screen and (min-width: 1400px) { .fixed-scroll-split .itemizedContent .sidecard .side-card-content { width: 60%; } } @media screen and (min-width: 1800px) { .fixed-scroll-split .itemizedContent .sidecard .side-card-content { width: 40%; } } .fixed-scroll-split .itemizedContent .sidecard .side-card-content .rowIcon { width: 48px; height: 48px; } .fixed-scroll-split .itemizedContent .sidecard .side-card-content .btn-animated-border-bottom { position: relative; display: inline-block; } .fixed-scroll-split .itemizedContent .sidecard .side-card-content .btn-animated-border-bottom::after { content: ""; height: 1px; position: absolute; left: 0; bottom: 0; transition: all .15s ease-in-out; } .fixed-scroll-split.left-to-right .itemizedContent .sidecard { border-left: 0; } .fixed-scroll-split.left-to-right .itemizedContent .side-card-content { right: 0; margin-right: 12%; } @media screen and (max-width: 860px) { .fixed-scroll-split.left-to-right .itemizedContent .side-card-content { left: 0; right: auto; } } @media screen and (min-width: 860px) { .fixed-scroll-split.left-to-right { flex-direction: row-reverse; } } .mosaic-reveal { width: 100%; } .mosaic-reveal .btn-clear { background: transparent; } .mosaic-reveal .mosaic-reveal { display: flex; flex-wrap: wrap; flex-direction: row; box-sizing: border-box; } @media (min-width: 1200px) { .mosaic-reveal .mosaic-reveal.core-is-last .mosaic-reveal_core { order: 1; } } .mosaic-reveal_core { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; overflow: auto; flex-basis: 100%; width: 100%; padding: 35px 11%; } @media screen and (min-width: 480px) { .mosaic-reveal_core { padding: 50px 16% 50px 16%; } } @media screen and (min-width: 1100px) { .mosaic-reveal_core { padding: 50px 6%; } } @media screen and (min-width: 1200px) { .mosaic-reveal_core { flex-basis: 50%; width: 50%; max-width: 50%; padding: 0 5%; } } @media screen and (min-width: 1400px) { .mosaic-reveal_core { padding: 0 8%; } } @media screen and (min-width: 1700px) { .mosaic-reveal_core { padding: 0 10%; } } @media screen and (min-width: 1920px) { .mosaic-reveal_core { padding: 0 12%; } } .mosaic-reveal_core-title { padding-bottom: 20px; position: relative; margin-bottom: 1.0rem; line-height: 1.25; } .mosaic-reveal_core-title::after { content: ""; position: absolute; bottom: 0; display: block; width: 50px; border-bottom-width: 3px; border-bottom-style: solid; } .mosaic-reveal_core-body { line-height: 1.25; } .mosaic-reveal_core-mega-title { font-size: calc(100% + 6vw); line-height: 1.1; } @media screen and (min-width: 1024px) { .mosaic-reveal_core-mega-title { font-size: 4.75rem; line-height: 1.11; } } .mosaic-reveal_core-cta { display: table; } .mosaic-reveal_core-cta-icon { display: inline-block; margin-left: 3px; background-size: cover; width: 14px; height: 14px; } .mosaic-reveal_mosaics { box-sizing: border-box; flex-basis: 100%; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; position: relative; overflow: hidden; } @media screen and (min-width: 1200px) { .mosaic-reveal_mosaics { flex-basis: 50%; width: 50%; } } .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2), .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) ~ .mosaic-reveal_mosaic, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) { flex-basis: 100%; width: 100%; max-width: 100%; } @media screen and (min-width: 860px) { .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_tease-title, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-title, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-body, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) ~ .mosaic-reveal_mosaic .mosaic-reveal_tease-title, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) ~ .mosaic-reveal_mosaic .mosaic-reveal_content-title, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) ~ .mosaic-reveal_mosaic .mosaic-reveal_content-body, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_tease-title, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-title, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-body { width: 50%; } } .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-cta, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) ~ .mosaic-reveal_mosaic .mosaic-reveal_content-cta, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-cta { font-size: 0.9375rem; line-height: 1.55rem; } .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(2) ~ .mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-cta-icon { width: 14px; height: 14px; } .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) + .mosaic-reveal_mosaic, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) + .mosaic-reveal_mosaic + .mosaic-reveal_mosaic, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(4), .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(4) ~ .mosaic-reveal_mosaic { flex-basis: 50%; width: 50%; max-width: 50%; } .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) + .mosaic-reveal_mosaic .mosaic-reveal_content-cta, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) + .mosaic-reveal_mosaic + .mosaic-reveal_mosaic .mosaic-reveal_content-cta, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(4) .mosaic-reveal_content-cta, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(4) ~ .mosaic-reveal_mosaic .mosaic-reveal_content-cta { font-size: 0.875rem; line-height: 1.55rem; } .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) + .mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(3) + .mosaic-reveal_mosaic + .mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(4) .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics > .mosaic-reveal_mosaic:first-child:nth-last-child(4) ~ .mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon { width: 13px; height: 13px; } .mosaic-reveal_mosaic { height: 200px; position: relative; overflow: hidden; cursor: pointer; outline: none; } @media screen and (min-width: 360px) { .mosaic-reveal_mosaic { height: 220px; } } @media screen and (min-width: 400px) { .mosaic-reveal_mosaic { height: 240px; } } @media screen and (min-width: 440px) { .mosaic-reveal_mosaic { height: 260px; } } @media screen and (min-width: 480px) { .mosaic-reveal_mosaic { height: 280px; } } @media screen and (min-width: 560px) { .mosaic-reveal_mosaic { height: 300px; } } @media screen and (min-width: 860px) { .mosaic-reveal_mosaic { height: 400px; cursor: default; } } .mosaic-reveal_tease { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; transition: all 1s ease; } .mosaic-reveal_tease-category { padding: 6px 8px 6px 20px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; } @media screen and (min-width: 480px) { .mosaic-reveal_tease-category { padding: 6px 8px 6px 30px; } } @media screen and (min-width: 860px) { .mosaic-reveal_tease-category { padding: 8px 10px 8px 50px; font-size: 13px; } } @media screen and (min-width: 1200px) { .mosaic-reveal_tease-category { padding: 8px 10px 8px 20px; } } @media screen and (min-width: 1450px) { .mosaic-reveal_tease-category { padding: 8px 10px 8px 50px; } } .mosaic-reveal_tease-title { padding: 2px 50px 15px 20px; margin: 0; font-size: 1.2019rem; line-height: 1.55rem; } @media screen and (max-width: 461px) { .mosaic-reveal_tease-title { font-size: 1.1305rem; } } @media screen and (max-width: 479px) { .mosaic-reveal_tease-title { font-size: 1.0625rem; } } @media screen and (min-width: 480px) { .mosaic-reveal_tease-title { padding: 2px 50px 15px 30px; font-size: 1.6994866rem; line-height: 2.325rem; } } @media screen and (min-width: 480px) and (max-width: 461px) { .mosaic-reveal_tease-title { font-size: 1.503565rem; } } @media screen and (min-width: 480px) and (max-width: 479px) { .mosaic-reveal_tease-title { font-size: 1.328125rem; } } @media screen and (min-width: 600px) { .mosaic-reveal_tease-title { font-size: 1.999396rem; line-height: 2.325rem; } } @media screen and (min-width: 600px) and (max-width: 461px) { .mosaic-reveal_tease-title { font-size: 1.7689rem; } } @media screen and (min-width: 600px) and (max-width: 479px) { .mosaic-reveal_tease-title { font-size: 1.5625rem; } } @media screen and (min-width: 860px) { .mosaic-reveal_tease-title { padding: 6px 50px 50px 50px; } } @media screen and (min-width: 1200px) { .mosaic-reveal_tease-title { padding: 15px 20px 50px; } } @media screen and (min-width: 1450px) { .mosaic-reveal_tease-title { padding: 15px 50px 50px 50px; } } .mosaic-reveal_content { position: absolute; top: 100%; right: 0; left: 0; height: 100%; z-index: 2; padding: 0 10%; display: flex; flex-direction: column; justify-content: center; overflow: hidden; visibility: hidden; opacity: 0.0; transition: all .500s ease; } @media screen and (min-width: 480px) { .mosaic-reveal_content { padding: 0 15%; } } @media screen and (min-width: 650px) { .mosaic-reveal_content { padding: 0 20%; } } @media screen and (min-width: 860px) { .mosaic-reveal_content { padding: 0 50px; } } @media screen and (min-width: 1200px) { .mosaic-reveal_content { padding: 0 20px; } } @media screen and (min-width: 1450px) { .mosaic-reveal_content { padding: 0 50px; } } .mosaic-reveal_content[aria-hidden="false"] { visibility: visible; opacity: 1.0; } .mosaic-reveal_content::before { height: 220px; content: ""; display: block; width: 100%; transition: all 1s ease; } .mosaic-reveal_content > * { opacity: 0.0; transition: all 1s ease; } @media screen and (max-width: 859px) { .mosaic-reveal_mosaic.show-content { position: static; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_tease[aria-hidden="true"] { visibility: hidden; opacity: 0; transition: all 1s ease; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content { visibility: visible; opacity: 1.0; top: 0; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content::before { height: 0; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content > * { opacity: 1.0; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content > .mosaic-reveal_content-bg { opacity: 0.95; } } @media screen and (max-width: 859px) { .mosaic-reveal_mosaic .mosaic-reveal_tease[aria-hidden="true"] { visibility: hidden; opacity: 0; transition: all 1s ease; } } @media screen and (min-width: 860px) { .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content, .mosaic-reveal_mosaic--touched .mosaic-reveal_content { visibility: visible; opacity: 1.0; top: 0; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content::before, .mosaic-reveal_mosaic--touched .mosaic-reveal_content::before { height: 0; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content > *, .mosaic-reveal_mosaic--touched .mosaic-reveal_content > * { opacity: 1.0; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content > .mosaic-reveal_content-bg, .mosaic-reveal_mosaic--touched .mosaic-reveal_content > .mosaic-reveal_content-bg { opacity: 0.95; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_tease, .mosaic-reveal_mosaic--touched .mosaic-reveal_tease { visibility: hidden; opacity: 0; transition: all 1s ease; } } .mosaic-reveal_content-bg { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.95; } .mosaic-reveal_content-category { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 5px; } @media screen and (min-width: 860px) { .mosaic-reveal_content-category { font-size: 13px; } } .mosaic-reveal_content-title { padding: 0 0 15px 0; margin: 0 0 15px 0; position: relative; } .mosaic-reveal_content-title::after { content: ""; display: block; position: absolute; bottom: 0; width: 50px; border-bottom-width: 1px; border-bottom-style: solid; } .mosaic-reveal_content-body { margin-bottom: 0; line-height: 1.25; } .mosaic-reveal_content-cta { margin-top: 1.55rem; padding-left: 0; padding-right: 0; } .mosaic-reveal_content-cta-icon { display: inline-block; margin-left: 3px; background-size: cover; } .mosaic-reveal_content-show { content: ""; height: 14px; width: 14px; display: block; position: absolute; right: 20px; bottom: 22px; background-size: contain; background-position: center center; background-repeat: no-repeat; } @media screen and (min-width: 480px) { .mosaic-reveal_content-show { height: 20px; width: 20px; } } @media screen and (min-width: 860px) { .mosaic-reveal_content-show { display: none; } } .mosaic-reveal_content-hide { content: ""; height: 25px; width: 25px; display: block; margin-left: 98%; margin-bottom: -20px; background-size: contain; background-position: center center; background-repeat: no-repeat; } @media screen and (min-width: 860px) { .mosaic-reveal_content-hide { display: none; } } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-mega-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-body, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_tease-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-body { color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta { color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta::after { border-color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta { border-color: #000000; color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta:hover { box-shadow: inset 0 0 0 1px #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_tease-category { background: rgba(0, 0, 0, 0.85); color: #FFFFFF; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-show { background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23000000%3B%22%20points%3D%227%2C9%206.3000002%2C9%202%2C13.3000002%202%2C9%201%2C9%201%2C15%207%2C15%207%2C14%202.7%2C14%207%2C9.6999998%20%22%2F%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23000000%3B%22%20points%3D%229%2C7%209.6999998%2C7%2014%2C2.7%2014%2C7%2015%2C7%2015%2C1%209%2C1%209%2C2%2013.3000002%2C2%209%2C6.3000002%20%22%2F%3E%0D%0A%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-hide { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20%23000000%3B%22%20d%3D%22M18.404%2016l9.9%209.9-2.404%202.404-9.9-9.9-9.9%209.9L3.696%2025.9l9.9-9.9-9.9-9.898L6.1%203.698l9.9%209.899%209.9-9.9%202.404%202.406-9.9%209.898z%22%2F%3E%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-category { color: rgba(0, 0, 0, 0.85); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_mosaic::before { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 66%, white 100%); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_tease-title::after, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-title::after { border-bottom-color: rgba(0, 0, 0, 0.5); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-internal, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-internal { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-external, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-external { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-video, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-video { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-document, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-document { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-mega-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-body, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_tease-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-body { color: #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta { color: #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta::after { border-color: #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta { border-color: #FFFFFF; color: #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta:hover { box-shadow: inset 0 0 0 1px #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_tease-category { background: rgba(255, 255, 255, 0.9); color: #323232; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-show { background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%227%2C9%206.3000002%2C9%202%2C13.3000002%202%2C9%201%2C9%201%2C15%207%2C15%207%2C14%202.7%2C14%207%2C9.6999998%20%22%2F%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%229%2C7%209.6999998%2C7%2014%2C2.7%2014%2C7%2015%2C7%2015%2C1%209%2C1%209%2C2%2013.3000002%2C2%209%2C6.3000002%20%22%2F%3E%0D%0A%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-hide { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20%23FFFFFF%3B%22%20d%3D%22M18.404%2016l9.9%209.9-2.404%202.404-9.9-9.9-9.9%209.9L3.696%2025.9l9.9-9.9-9.9-9.898L6.1%203.698l9.9%209.899%209.9-9.9%202.404%202.406-9.9%209.898z%22%2F%3E%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-category { color: rgba(255, 255, 255, 0.9); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_mosaic::before { background: linear-gradient(to bottom, transparent 66%, black 100%); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_tease-title::after, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-title::after { border-bottom-color: rgba(255, 255, 255, 0.5); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-internal, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-internal { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-external, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-external { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-video, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-video { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-document, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-document { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } /**------------------------ ***-Elastic Content Strip-- --------------------------- -------------------------*/ /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .ec-strip_wrapper { overflow: hidden; } .ec-strip_wrapper .ec-strip_header { box-sizing: border-box; font-size: 2.40307rem; padding: 40px 0; text-align: center; } .ec-strip_wrapper .ec-strip_header h2 { margin: 0; } .ec-strip_wrapper .ec-strip_main { display: flex; flex-wrap: wrap; overflow: hidden; position: relative; width: 100%; } .ec-strip_wrapper .ec-strip_main[data-hastitle='true']:before { content: ""; height: 0; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 0; z-index: 99; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid white; } .ec-strip_wrapper .ec-strip_main .ec-strip { background: #595959; box-sizing: border-box; color: white; flex-grow: 1; position: relative; margin: 0; overflow: hidden; text-align: center; } .ec-strip_wrapper .ec-strip_main .ec-strip_icon { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 50px; margin-bottom: .55rem; } .ec-strip_wrapper .ec-strip_main .ec-strip_title-wrapper { margin-bottom: 1rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div { flex-basis: 100%; padding: 80px 20px 80px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_icon { font-size: 2.82715rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_number { font-size: 2.82715rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_title { font-size: 1.9994rem; margin-bottom: 1rem; width: 80%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 50px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_body { font-size: 0.9375rem; line-height: 1.55; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 100%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_link { font-size: 0.9375rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div { flex-basis: 100%; padding: 80px 20px 80px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_icon { font-size: 1.9994rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_number { font-size: 1.9994rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_title { font-size: 1.69949rem; width: 80%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 50px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_body { font-size: 0.9375rem; margin-left: auto; margin-right: auto; width: 75%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_link { font-size: 0.9375rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) ~ div { flex-basis: 100%; padding: 50px 20px 60px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) ~ div .ec-strip_number { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) ~ div .ec-strip_title { font-size: 1.69949rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) ~ div .ec-strip_body { font-size: 0.875rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 95%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) ~ div .ec-strip_link { font-size: 0.875rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div { flex-basis: 100%; padding: 50px 20px 60px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_number { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_title { font-size: 1.69949rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_body { margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 95%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_link { font-size: 0.875rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div { padding: 50px 20px 60px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_icon { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_number { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_title { font-size: 1.414rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 40px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_body { font-size: 0.8125rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 100%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_link { font-size: 0.8125rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div { padding: 40px 20px 40px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_icon { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_number { font-size: 1.9994rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_title { font-size: 1.414rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_body { font-size: 0.8125rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 90%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_link { font-size: 0.8125rem; } @media (min-width: 640px) { .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_icon { font-size: 2.82715rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_number { font-size: 2.82715rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_title { font-size: 1.9994rem; margin-bottom: 1rem; width: 48%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 70px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_body { font-size: 0.9375rem; line-height: 1.55; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 40%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_link { font-size: 0.9375rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div { flex-basis: 50%; padding: 90px 20px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_content, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_content { margin: auto; width: 90%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_icon { font-size: 2.82715rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_number { font-size: 2.82715rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_title { font-size: 2.40307rem; width: 80%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 65px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_body { font-size: 0.9375rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 80%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_link { font-size: 0.9375rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) { flex-basis: 100%; padding: 60px 20px 70px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_title { font-size: 1.69949rem; width: 100%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 55px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_body { width: 75%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div { flex-basis: 33.33%; padding: 60px 20px 70px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div .ec-strip_icon { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div .ec-strip_number { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div .ec-strip_title { font-size: 1.69949rem; width: 100%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 55px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div .ec-strip_body { font-size: 0.875rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 75%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div .ec-strip_link { font-size: 0.875rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div { flex-basis: 50%; padding: 90px 20px 70px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_icon { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_number { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_title { font-size: 1.69949rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 45px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_body { font-size: 0.875rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 95%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_link { font-size: 0.875rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) + div + div + div, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) + div + div + div + div { flex-basis: 50%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div { flex-basis: 33%; padding: 70px 20px 70px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_icon { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_number { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_title { font-size: 1.414rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 40px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_body { font-size: 0.8125rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 100%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_link { font-size: 0.8125rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div { flex-basis: 33%; padding: 90px 20px 80px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_icon, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_icon { font-size: 2.40307rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_number, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_number { font-size: 1.9994rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_title, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_title { font-size: 1.414rem; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_title[data-megatitle='true'], .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_title[data-megatitle='true'] { font-weight: bold; font-size: 35px; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_body { font-size: 0.8125rem; margin-left: auto; margin-right: auto; margin-bottom: 1rem; width: 100%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_link, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_link { font-size: 0.8125rem; } } @media (min-width: 1024px) { .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) ~ div { flex-basis: 33%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div { flex-basis: 25%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div { flex-basis: 33%; } } @media (min-width: 1280px) { .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div { flex-basis: 20%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) + div + div + div, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) + div + div + div + div { flex-basis: 20%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6), .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div { flex-basis: 15.5%; } } @media (min-width: 1440px) { .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_body { width: 35%; } } @media (min-width: 1441px) { .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(1) ~ div .ec-strip_body { width: 20%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(2) ~ div .ec-strip_body { width: 40%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) + div + div .ec-strip_body { width: 60%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(3) ~ div .ec-strip_body { width: 60%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(4) ~ div .ec-strip_body { width: 60%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(5) ~ div .ec-strip_body { width: 70%; } .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) .ec-strip_body, .ec-strip_wrapper .ec-strip_main .ec-strip:first-child:nth-last-child(6) ~ div .ec-strip_body { width: 75%; } } .ec-strip_wrapper .ec-strip_main .ec-strip_content { align-self: center; position: relative; z-index: 3; } .ec-strip_wrapper .ec-strip_main .ec-strip_title { display: inline; line-height: 1.15; margin: auto; margin-bottom: 15px; position: relative; } .ec-strip_wrapper .ec-strip_main .ec-strip_title[data-megatitle='true'][aria-role='internal']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 25px; margin-top: 30px; position: absolute; transition: all .25s ease-out; opacity: 0; width: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_title[data-megatitle='true'][aria-role='external']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 25px; margin-top: 30px; position: absolute; transition: all .25s ease-out; opacity: 0; width: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_title[data-megatitle='true'][aria-role='video']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 25px; margin-top: 30px; position: absolute; transition: all .25s ease-out; opacity: 0; width: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_title[data-megatitle='true'][aria-role='document']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 25px; margin-top: 30px; position: absolute; transition: all .25s ease-out; opacity: 0; width: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_body { line-height: 1.55; margin-bottom: 1rem; } .ec-strip_wrapper .ec-strip_main .ec-strip_body[data-megatitle='true'] { display: none; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper { color: white; overflow: hidden; margin-bottom: 0; text-decoration: none; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] { color: #323232; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark']:hover .ec-strip_title[data-megatitle='true'][aria-role='internal']:after { opacity: 1; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark']:hover .ec-strip_title[data-megatitle='true'][aria-role='external']:after { opacity: 1; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark']:hover .ec-strip_title[data-megatitle='true'][aria-role='external']:after { opacity: 1; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark']:hover .ec-strip_title[data-megatitle='true'][aria-role='video']:after { opacity: 1; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark']:hover .ec-strip_title[data-megatitle='true'][aria-role='document']:after { opacity: 1; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_title[data-megatitle='true'][aria-role='internal']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); background-repeat: no-repeat; background-size: contain; position: absolute; transition: all .25s ease-out; width: 25px; height: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_title[data-megatitle='true'][aria-role='external']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); background-repeat: no-repeat; background-size: contain; position: absolute; transition: all .25s ease-out; width: 25px; height: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_title[data-megatitle='true'][aria-role='video']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); background-repeat: no-repeat; background-size: contain; position: absolute; transition: all .25s ease-out; width: 25px; height: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_title[data-megatitle='true'][aria-role='document']:after { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: contain; position: absolute; transition: all .25s ease-out; width: 25px; height: 25px; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_link:after { background-repeat: no-repeat; background-size: contain; content: ""; height: 14px; opacity: 0; position: absolute; right: -15px; top: 50%; transform: translateY(-45%); transition: all .25s ease-in-out; width: 14px; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_link[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_link[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_link[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='dark'] .ec-strip_link[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper[data-theme='light'] { color: white; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper .ec-strip_link { display: inline; position: relative; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper .ec-strip_link:after { background-repeat: no-repeat; background-size: contain; content: ""; height: 14px; opacity: 0; position: absolute; right: -15px; top: 50%; transform: translateY(-45%); transition: all .25s ease-in-out; width: 14px; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper .ec-strip_link[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper .ec-strip_link[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper .ec-strip_link[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper .ec-strip_link[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper .ec-strip_underlay { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; transition: all .4s ease-out; top: 0; z-index: 1; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper:hover .ec-strip_link { display: inline; position: relative; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper:hover .ec-strip_link:after { opacity: 1; right: -20px; } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper:hover .ec-strip_underlay { transform: scale(1.15); } .ec-strip_wrapper .ec-strip_main .ec-strip_link-wrapper:hover .ec-strip_title:after { opacity: 1; margin-left: 10px; } .ec-strip_wrapper .ec-strip_main .ec-strip_overlay { background-color: rgba(50, 50, 50, 0.8); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .media-text-series-item:not(:last-child) .grid-container > div { padding-bottom: 60px; border-bottom: solid 1px #cccccc; } .media-text-series-item:not(:first-child) .grid-container > div { padding-top: 60px; } .media-text-series-item:first-child { margin-top: 3.1rem; } .media-text-series-item:last-child { margin-bottom: 3.1rem; } .media-text-series-item p:last-child { margin: 0; } .media-text-series-flexy { display: flex; } .media-text-series-flexy .left-section { display: flex; flex-grow: 1; } .media-text-series-flexy .left-section svg { height: 48px; width: 48px; } .media-text-series-flexy .callout-section { flex: 0 0 60px; padding-right: 10px; } .media-text-series-flexy .text-section { padding-right: 150px; } .media-text-series-flexy .text-section div { padding-bottom: 15px; } .media-text-series-flexy .image-section { flex: 0 0 584px; margin-left: 40px; max-width: 45vw; } .media-text-series-flexy .image-section .image-border { padding: 15px; background-color: #efefef; } .media-text-series-flexy .image-section img { display: block; } @media (max-width: 975px) and (min-width: 616px) { .media-text-series-flexy .left-section { display: block; flex-basis: 50%; } .media-text-series-flexy .text-section { padding-right: 0px; } } @media (max-width: 615px) { .media-text-series-flexy { display: block; } .media-text-series-flexy .left-section { display: block; } .media-text-series-flexy .text-section { padding-right: 0px; } .media-text-series-flexy .image-section { max-width: unset; margin-left: 0px; } } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .squeezebox { display: block; position: relative; width: 100%; } .squeezebox-header_wrapper { box-sizing: border-box; padding: 15px 0; position: relative; text-align: center; width: 100%; } @media (min-width: 768px) { .squeezebox-header_wrapper { padding: 30px 0; } } .squeezebox-header_wrapper:after { content: ""; height: 0; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 0; z-index: 99; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; bottom: -10px; top: auto; } @media (min-width: 768px) { .squeezebox-header_wrapper:after { bottom: -15px; } } .squeezebox-header_wrapper .squeezebox-header { font-size: 24px; line-height: 1.15; margin: 0 auto; width: 90%; } @media (min-width: 768px) { .squeezebox-header_wrapper .squeezebox-header { font-size: 2.40307rem; max-width: 600px; width: 90%; } } @media (min-width: 1024px) { .squeezebox-header_wrapper .squeezebox-header { font-size: 2.40307rem; width: 70%; } } @media (min-width: 1440px) { .squeezebox-header_wrapper .squeezebox-header { font-size: 2.40307rem; width: 40%; } } .squeezebox-header_wrapper .squeezebox-header_sub { font-size: 14px; line-height: 1.55; margin: 10px auto; width: 90%; } @media (min-width: 768px) { .squeezebox-header_wrapper .squeezebox-header_sub { font-size: 0.9375rem; max-width: 550px; width: 70%; } } @media (min-width: 1024px) { .squeezebox-header_wrapper .squeezebox-header_sub { font-size: 0.9375rem; width: 50%; } } @media (min-width: 1440px) { .squeezebox-header_wrapper .squeezebox-header_sub { font-size: 0.9375rem; width: 50%; } } .squeezebox-sector { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; max-height: 700px; overflow: hidden; position: relative; } .squeezebox-sector:hover { cursor: pointer; } .squeezebox-sector:hover .squeezebox-sector_target { text-decoration: none; } .squeezebox-sector:hover .squeezebox-sector-underlay { opacity: .45; } .squeezebox-sector:hover .squeezebox-sector-expand { background-color: #56a5d8; } .squeezebox-sector:hover .squeezebox-sector-expand:before { color: white; } .squeezebox-sector-title { color: white; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 5; } @media (min-width: 768px) { .squeezebox-sector-title { margin: 60px auto; padding: 50px 0; top: 35%; width: 80%; } } .squeezebox-sector-title_icon, .squeezebox-sector-title_desc { display: inline-block; margin: 0; padding: 0; } @media (min-width: 768px) { .squeezebox-sector-title_icon, .squeezebox-sector-title_desc { display: block; } } .squeezebox-sector-title_icon { font-size: 24px; left: 15px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 30px; } @media (min-width: 768px) { .squeezebox-sector-title_icon { font-size: 48px; left: auto; position: relative; width: 100%; } } .squeezebox-sector-title_desc { line-height: 1.2; margin-left: 65px; text-align: left; width: 75%; } @media (min-width: 768px) { .squeezebox-sector-title_desc { margin: 0px; min-height: 100px; text-align: center; width: 100%; } } @media (min-width: 860px) { .squeezebox-sector-title_desc { min-height: 70px; } } .squeezebox-sector-title .squeezebox-sector-expand { display: inline-block; } @media (min-width: 768px) { .squeezebox-sector-title .squeezebox-sector-expand { display: block; left: 50%; position: absolute; top: 100%; transform: translate(-50%, -50%); } } .squeezebox-sector-content { box-sizing: border-box; color: #fff; height: 100%; left: 50%; opacity: 0; padding: 20px 0; position: absolute; top: 45%; transform: translate(-50%, -50%); transition: all .15s ease-out; width: 100%; } @media (min-width: 768px) { .squeezebox-sector-content { height: auto; padding: 30px 25px; width: 90%; } } @media (min-width: 860px) { .squeezebox-sector-content { padding: 30px; } } .squeezebox-sector-content.is-expanded { opacity: 1; top: 50%; } .squeezebox-sector-content_image { background: #4c4c4c; display: none; height: 0; padding-bottom: 50%; width: 55%; } @media (min-width: 768px) { .squeezebox-sector-content_image { display: block; width: 80%; } } @media (min-width: 860px) { .squeezebox-sector-content_image { float: left; height: 0; padding-bottom: 30%; width: 40%; } } .squeezebox-sector-content.border-box { background-color: rgba(0, 0, 0, 0.75); } .squeezebox-sector-content_icon { float: left; margin-left: 15px; text-align: center; width: 30px; } .squeezebox-sector-content_icon.sbx-icon { background-size: contain; margin-left: 20px; height: 30px; width: 30px; } @media (min-width: 768px) { .squeezebox-sector-content_icon { background-position: center; float: none; font-size: 1.69949rem; margin: 0; padding: 20px 0 10px; text-align: left; height: 35px; width: 50px; } .squeezebox-sector-content_icon.sbx-icon { background-size: contain; margin-left: 0; width: 50px; } } @media (min-width: 860px) { .squeezebox-sector-content_icon { padding: 10px 0 10px; } .squeezebox-sector-content_icon.sbx-icon { margin-left: 0; } } .squeezebox-sector-content_desc { float: left; margin-top: 10px; width: 90%; } @media (min-width: 768px) { .squeezebox-sector-content_desc { float: none; width: auto; } } @media (min-width: 860px) { .squeezebox-sector-content_desc { float: left; margin-left: 5%; width: 55%; } } .squeezebox-sector-content_desc-inner { float: left; margin-left: 20px; width: 70%; } @media (min-width: 768px) { .squeezebox-sector-content_desc-inner { margin-left: 0; width: 95%; } } @media (min-width: 860px) { .squeezebox-sector-content_desc-inner { margin-left: 0; } } .squeezebox-sector-content_desc-inner_info { font-size: 20px; line-height: 1.2; margin-bottom: 10px; } @media (min-width: 768px) { .squeezebox-sector-content_desc-inner_info { font-size: auto; line-height: 1.5; margin: 10px 0; } } .squeezebox-sector-content_desc-inner_details { font-size: 14px; max-height: 120px; line-height: 1.55; margin-bottom: .80rem; overflow: hidden; } @media (min-width: 768px) { .squeezebox-sector-content_desc-inner_details { font-size: 14px; height: auto; margin-right: auto; } } .squeezebox-sector-content_desc-inner_link { color: #49b0f2 !important; font-size: 14px; position: relative; } .squeezebox-sector-content_desc-inner_link:hover { color: #74c6ff !important; text-decoration: none; } .squeezebox-sector-content_desc-inner_link:hover:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjNzRjNmZmICIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+DQo8L3N2Zz4="); } .squeezebox-sector-content_desc-inner_link:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjNDliMGYyIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); content: ""; height: 10px; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 10px; } @media (min-width: 768px) { .squeezebox-sector-content_desc-inner_link:after { height: 12px; right: -20px; width: 12px; } } @media (min-width: 768px) { .squeezebox-sector-content_desc-inner_link { font-size: 14px; } } .squeezebox-sector-underlay { background-color: #323232; bottom: 0; left: 0; position: absolute; right: 0; top: 0; opacity: .75; transition: all .15s ease-out; z-index: 3; } .squeezebox-sector-underlay.is-visible { display: block; opacity: 1; } .squeezebox-sector-underlay.is-invisible { display: none; opacity: 0; } .squeezebox-sector hr { background: #a9a9a9; margin: 25px auto; width: 75px; } .squeezebox-sector hr.align-left { margin: 25px 0; } .squeezebox-sector-expand { border-radius: 100%; background: rgba(255, 255, 255, 0.9); color: #56a5d8; height: 20px; margin: auto; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 20px; z-index: 5; } @media (min-width: 768px) { .squeezebox-sector-expand { height: 30px; left: 50%; right: auto; transform: translate(-50%, -50%); top: 100%; width: 30px; } } .squeezebox-sector-expand:before { color: #323232; left: 50%; margin: 0; padding: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 12px; } .squeezebox-sector-expand-icon { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } @media (min-width: 0px) { .squeezebox .sector-2 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 40vh; max-height: 70px; width: 100%; } .squeezebox .sector-2 .squeezebox-sector.is-active { height: 60vh; max-height: 300px; width: 100%; } .squeezebox .sector-2 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-2 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-2 .squeezebox-sector.is-inactive { height: 40vh; width: 100%; } .squeezebox .sector-3 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 26.66666667vh; max-height: 70px; width: 100%; } .squeezebox .sector-3 .squeezebox-sector.is-active { height: 60vh; max-height: 300px; width: 100%; } .squeezebox .sector-3 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-3 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-3 .squeezebox-sector.is-inactive { height: 20vh; width: 100%; } .squeezebox .sector-4 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 20vh; max-height: 70px; width: 100%; } .squeezebox .sector-4 .squeezebox-sector.is-active { height: 60vh; max-height: 300px; width: 100%; } .squeezebox .sector-4 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-4 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-4 .squeezebox-sector.is-inactive { height: 13.33333333vh; width: 100%; } .squeezebox .sector-5 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 16vh; max-height: 70px; width: 100%; } .squeezebox .sector-5 .squeezebox-sector.is-active { height: 60vh; max-height: 300px; width: 100%; } .squeezebox .sector-5 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-5 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-5 .squeezebox-sector.is-inactive { height: 10vh; width: 100%; } } @media (min-width: 480px) { .squeezebox .sector-2 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 50vh; max-height: 100%; width: 100%; } .squeezebox .sector-2 .squeezebox-sector.is-active { height: 70vh; width: 100%; } .squeezebox .sector-2 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-2 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-2 .squeezebox-sector.is-inactive { height: 55vh; width: 100%; } .squeezebox .sector-3 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 33.33333333vh; max-height: 100%; width: 100%; } .squeezebox .sector-3 .squeezebox-sector.is-active { height: 70vh; width: 100%; } .squeezebox .sector-3 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-3 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-3 .squeezebox-sector.is-inactive { height: 27.5vh; width: 100%; } .squeezebox .sector-4 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 25vh; max-height: 100%; width: 100%; } .squeezebox .sector-4 .squeezebox-sector.is-active { height: 70vh; width: 100%; } .squeezebox .sector-4 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-4 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-4 .squeezebox-sector.is-inactive { height: 18.33333333vh; width: 100%; } .squeezebox .sector-5 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 20vh; max-height: 100%; width: 100%; } .squeezebox .sector-5 .squeezebox-sector.is-active { height: 70vh; width: 100%; } .squeezebox .sector-5 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-5 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-5 .squeezebox-sector.is-inactive { height: 13.75vh; width: 100%; } } @media (min-width: 768px) { .squeezebox .sector-2 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 60vh; max-height: 580px; width: 50%; } .squeezebox .sector-2 .squeezebox-sector.is-active { height: 60vh; max-height: 100%; width: 60%; } .squeezebox .sector-2 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-2 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-2 .squeezebox-sector.is-inactive { height: 60vh; max-height: 100%; width: 40%; } .squeezebox .sector-3 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 60vh; max-height: 580px; width: 33.33333333%; } .squeezebox .sector-3 .squeezebox-sector.is-active { height: 60vh; max-height: 100%; width: 60%; } .squeezebox .sector-3 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-3 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-3 .squeezebox-sector.is-inactive { height: 60vh; max-height: 100%; width: 20%; } .squeezebox .sector-4 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 60vh; max-height: 580px; width: 25%; } .squeezebox .sector-4 .squeezebox-sector.is-active { height: 60vh; max-height: 100%; width: 60%; } .squeezebox .sector-4 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-4 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-4 .squeezebox-sector.is-inactive { height: 60vh; max-height: 100%; width: 13.33333333%; } .squeezebox .sector-5 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 60vh; max-height: 580px; width: 20%; } .squeezebox .sector-5 .squeezebox-sector.is-active { height: 60vh; max-height: 100%; width: 60%; } .squeezebox .sector-5 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-5 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-5 .squeezebox-sector.is-inactive { height: 60vh; max-height: 100%; width: 10%; } } @media (min-width: 860px) { .squeezebox .sector-2 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 80vh; max-height: 700px; width: 50%; } .squeezebox .sector-2 .squeezebox-sector.is-active { height: 80vh; max-height: 700px; width: 60%; } .squeezebox .sector-2 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-2 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-2 .squeezebox-sector.is-inactive { height: 80vh; max-height: 700px; width: 40%; } .squeezebox .sector-3 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 80vh; max-height: 700px; width: 33.33333333%; } .squeezebox .sector-3 .squeezebox-sector.is-active { height: 80vh; max-height: 700px; width: 60%; } .squeezebox .sector-3 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-3 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-3 .squeezebox-sector.is-inactive { height: 80vh; max-height: 700px; width: 20%; } .squeezebox .sector-4 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 80vh; max-height: 700px; width: 25%; } .squeezebox .sector-4 .squeezebox-sector.is-active { height: 80vh; max-height: 700px; width: 60%; } .squeezebox .sector-4 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-4 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-4 .squeezebox-sector.is-inactive { height: 80vh; max-height: 700px; width: 13.33333333%; } .squeezebox .sector-5 .squeezebox-sector { position: relative; transition: all .25s ease-in; height: 80vh; max-height: 700px; width: 20%; } .squeezebox .sector-5 .squeezebox-sector.is-active { height: 80vh; max-height: 700px; width: 60%; } .squeezebox .sector-5 .squeezebox-sector.is-active-title { display: none; } .squeezebox .sector-5 .squeezebox-sector.is-active-content { display: block; } .squeezebox .sector-5 .squeezebox-sector.is-inactive { height: 80vh; max-height: 700px; width: 10%; } } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .contact-us-distributor-subtitle { font-size: 1.2rem; line-height: 1.5rem; padding-top: 4px; } [dir=rtl] .contact-us_tab-top-section, .contact-us_tab-top-section { text-align: left; } [dir=rtl] .contact-us_address-details, .contact-us_address-details { display: inline-block; text-align: left; } @media (min-width: 600px) { [dir=rtl] .contact-us_cta-box, .contact-us_cta-box { margin: 0 20px 10px 0; } } [dir=rtl] .contact-us_tab-top-section { text-align: right; } [dir=rtl] .contact-us_address-details { text-align: right; } @media (min-width: 600px) { [dir=rtl] .contact-us_cta-box { margin: 0 0 10px 20px; } } .contact-us { color: #323232; } .contact-us_tab-top-section { width: 100%; } .contact-us_tab-content-title { color: #323232; font-size: 1.414rem; line-height: 1.55rem; margin-bottom: 0.55rem; text-align: inherit; } .contact-us_tab-content-subtitle { max-width: 680px; text-align: inherit; } .contact-us_tab-content-subtitle-narrow { max-width: 430px; } .contact-us_tab-bottom-section { width: 100%; padding-top: 3rem; } @media (min-width: 600px) { .contact-us_tab-bottom-section { display: -webkit-flex; /* Safari */ display: flex; -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ flex: 1; } } .contact-us_tab-left { min-width: 320px; } .contact-us_tab-left, .contact-us_tab-right { width: 100%; } @media (min-width: 600px) { .contact-us_tab-left, .contact-us_tab-right { width: 50%; } } .contact-us_cta-box { box-sizing: border-box; display: inline-block; padding: 10px 5px; border: solid #ccc 1px; color: #666; height: 236px; width: 310px; text-align: center; overflow: hidden; } .contact-us_cta-box-top { height: 65%; padding: 0 30px; } .contact-us_cta-box-top .cta-small-text { font-size: 0.9rem; } .contact-us_cta-icon { height: 40px; margin-top: 4px; } .contact-us_cta-icon svg { height: 36px; width: 36px; } .contact-us_cta-title { color: #323232; font-size: 1.3rem; line-height: 1.7rem; } .contact-us_cta-subtitle { font-size: 1rem; } .contact-us_cta-action { color: #0079c1; font-size: 1.5rem; line-height: 1.7rem; } .contact-us_cta-blue-text { color: #0079c1; } .contact-us_cta-big-text { font-size: 1.5rem; line-height: 1.7rem; } .contact-us_btn { width: 165px; } .contact-us_address-box { box-sizing: border-box; display: inline-block; padding: 40px 20px; margin: 0; width: 100%; text-align: center; background-color: #f6f6f6; border: 1px solid #f6f6f6; } @media (min-width: 600px) { .contact-us_address-box { width: 100%; min-height: 236px; } } .contact-us_address-detail-line { margin: 0; padding: 0; font-size: 1.3rem; line-height: 1.8rem; text-align: inherit; } .contact-us_address-details { display: inline-block; padding: 0; font-size: 1.3rem; line-height: 1.8rem; } @media (min-width: 600px) { .contact-us_address-details { font-size: 1.4rem; line-height: 2rem; padding-right: 2rem; } } .contact-us_form-wrap { padding: 0; max-width: 600px; text-align: left; } .contact-us_form-wrap div { text-align: left; } @media (min-width: 600px) { .contact-us_form-wrap { padding: 0 0 0 50px; max-width: 600px; text-align: left; } } .contact-us_location-search { margin: 1em 6em; position: relative; padding-bottom: 2rem; } .contact-us_location-search h3, .contact-us_location-search h4 { text-align: center; } .contact-us_location-search-input { position: relative; top: 0px; left: 0; } .contact-us_location-search-result { position: absolute; top: 40px; left: 0; padding: 4px 2px; border: 1px solid #0079c1; background: white; display: none; } .contact-us_location-search-result div { text-align: left; cursor: pointer; padding: 4px 2px 0; margin: 4px 2px 8px; border-bottom: 1px solid #ccc; min-width: 300px; } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .table-comparison * { box-sizing: border-box; } .table-comparison_mobile-table-header { text-align: center; } .table-comparison_header { font-size: 1.6994866rem; line-height: 2.325rem; margin-bottom: 0.55rem; } @media screen and (max-width: 461px) { .table-comparison_header { font-size: 1.503565rem; } } @media screen and (max-width: 479px) { .table-comparison_header { font-size: 1.328125rem; } } .table-comparison_description { font-size: 0.9375rem; line-height: 1.55rem; font-weight: 300; margin-bottom: 0.55rem; } .table-comparison_header-cta { font-size: 0.9375rem; line-height: 1.55rem; white-space: normal; line-height: 1.3; padding: 1.15rem 0.9rem; } .table-comparison_mobile-table-header[aria-hidden="true"], .table-comparison_mobile-tabs-wrapper[aria-hidden="true"], .table-comparison_grid[aria-hidden="true"], .table-comparison_col-information[aria-hidden="true"] { display: none; } .table-comparison_mobile-tabs-wrapper { overflow: hidden; text-align: center; position: relative; height: 53px; } .table-comparison_mobile-tabs.tab-nav { display: flex; white-space: nowrap; text-align: center; position: absolute; top: 0; left: 0; transition: 0.3s; } .table-comparison_mobile-tab { width: 286px; min-width: 286px; border-bottom-width: 3px; border-bottom-style: solid; border-top: none; border-left: none; border-right: none; margin-right: 0; margin-bottom: 4px; font-size: 1rem; line-height: 1.55rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 0; height: 52px; float: none; position: relative; background: #FFFFFF; border-bottom-color: #FFFFFF; } .table-comparison_mobile-tab.is-active, .table-comparison_mobile-tab:hover { border-bottom-color: #0079C1; border-bottom-width: 3px; background: none; } @media screen and (max-width: 480px) { .table-comparison_mobile-tab { font-size: 0.85rem; } } .table-comparison_mobile-tab-text { display: block; position: relative; z-index: -1; margin-bottom: 9px; } .table-comparison_mobile-tab-left, .table-comparison_mobile-tab-right { width: 70px; padding: 0; border: none; position: absolute; z-index: 1; height: 52px; outline: none; cursor: pointer; } .table-comparison_mobile-tab-left .icon-ui-left, .table-comparison_mobile-tab-left .icon-ui-right, .table-comparison_mobile-tab-right .icon-ui-left, .table-comparison_mobile-tab-right .icon-ui-right { font-size: 22px; position: absolute; top: 11px; color: #6E6E6E; } .table-comparison_mobile-tab-left { text-align: left; left: 0; background: -moz-linear-gradient(left, white 20%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, white 10%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 100%); } .table-comparison_mobile-tab-left .icon-ui-left { left: 0; } .table-comparison_mobile-tab-right { text-align: right; right: 0; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%); } .table-comparison_mobile-tab-right .icon-ui-right { right: 0; } .table-comparison_col-information { text-align: center; padding: 25px 0; } .table-comparison_col-headers-tabs .esritable_colheader_0.column-header { display: none; } @media (min-width: 1230px) { .table-comparison_col-headers-tabs { display: -ms-flexbox; display: flex; border-left: 1px solid transparent; } .table-comparison_col-headers-tabs .esritable_colheader_0.column-header { display: block; text-align: left; } .table-comparison_col-headers-tabs .column-header { border-right: 1px solid #A9A9A9; text-align: center; padding: 20px 5px; position: relative; flex: 1; } .table-comparison_col-headers-tabs .column-header:nth-child(1) { width: 480px; min-width: 480px; max-width: 480px; box-sizing: border-box; } .table-comparison_col-headers-tabs .column-header:not(:first-child) { border-top: 6px solid #EEEEEE; } } .table-comparison_col-header-tab-heading { font-size: 1rem; line-height: 1.55rem; font-weight: 300; margin-bottom: 1px; } @media (min-width: 1230px) { .table-comparison_col-headers-tabs--4 .table-comparison_col-header-tab-heading { font-size: 1.2019rem; line-height: 1.55rem; margin-bottom: 6px; } } @media screen and (min-width: 1230px) and (max-width: 461px) { .table-comparison_col-headers-tabs--4 .table-comparison_col-header-tab-heading { font-size: 1.1305rem; } } @media screen and (min-width: 1230px) and (max-width: 479px) { .table-comparison_col-headers-tabs--4 .table-comparison_col-header-tab-heading { font-size: 1.0625rem; } } @media (min-width: 1230px) { .table-comparison_col-headers-tabs--3 .table-comparison_col-header-tab-heading, .table-comparison_col-headers-tabs--2 .table-comparison_col-header-tab-heading { font-size: 1.414rem; line-height: 1.55rem; margin-bottom: 6px; } } @media screen and (min-width: 1230px) and (max-width: 461px) { .table-comparison_col-headers-tabs--3 .table-comparison_col-header-tab-heading, .table-comparison_col-headers-tabs--2 .table-comparison_col-header-tab-heading { font-size: 1.33rem; } } @media screen and (min-width: 1230px) and (max-width: 479px) { .table-comparison_col-headers-tabs--3 .table-comparison_col-header-tab-heading, .table-comparison_col-headers-tabs--2 .table-comparison_col-header-tab-heading { font-size: 1.25rem; } } .table-comparison_col-information .table-comparison_col-header-tab-heading { display: none; } .table-comparison_col-header-tab-description { font-size: 1rem; line-height: 1.55rem; font-weight: 300; margin-bottom: 5px; } @media (min-width: 480px) { .table-comparison_col-header-tab-description { font-size: 1.2019rem; line-height: 1.55rem; } } @media screen and (min-width: 480px) and (max-width: 461px) { .table-comparison_col-header-tab-description { font-size: 1.1305rem; } } @media screen and (min-width: 480px) and (max-width: 479px) { .table-comparison_col-header-tab-description { font-size: 1.0625rem; } } @media (min-width: 1230px) { .table-comparison_col-header-tab-description { font-size: 12px; } .table-comparison_col-headers-tabs--5 .table-comparison_col-header-tab-description { font-size: 0.8125rem; line-height: 1.55rem; } .table-comparison_col-headers-tabs--4 .table-comparison_col-header-tab-description { font-size: 0.9375rem; line-height: 1.55rem; } .table-comparison_col-headers-tabs--3 .table-comparison_col-header-tab-description, .table-comparison_col-headers-tabs--2 .table-comparison_col-header-tab-description { font-size: 1rem; line-height: 1.55rem; } } .table-comparison_col-header-tab-price { font-size: 12px; font-weight: 500; margin-bottom: 6px; } @media (min-width: 1230px) { .table-comparison_col-headers-tabs--5 .table-comparison_col-header-tab-price { font-size: 0.8125rem; line-height: 1.55rem; } .table-comparison_col-headers-tabs--4 .table-comparison_col-header-tab-price, .table-comparison_col-headers-tabs--3 .table-comparison_col-header-tab-price, .table-comparison_col-headers-tabs--2 .table-comparison_col-header-tab-price { font-size: 0.9375rem; line-height: 1.55rem; } } .table-comparison_col-header-tab-cta1 { margin-bottom: 4px; font-size: 0.8125rem; line-height: 1.55rem; white-space: normal; line-height: 1.3; padding: .6rem 0.9rem; } @media (min-width: 1230px) { .table-comparison_col-headers-tabs--3 .table-comparison_col-header-tab-cta1 { font-size: 0.875rem; line-height: 1.55rem; } .table-comparison_col-headers-tabs--2 .table-comparison_col-header-tab-cta1 { font-size: 0.8125rem; line-height: 1.55rem; } } .table-comparison_col-header-tab-cta2 { font-size: 12px; } .table-comparison_row-cell { padding: 15px; display: flex; } .table-comparison_row-cell::after { clear: both; height: 1px; content: ""; display: block; } .table-comparison_row-cell.odd-list-item { background: #F4F4F4; } @media (min-width: 860px) { .table-comparison_row-cell { padding: 15px 25px; } } @media (min-width: 1230px) { .table-comparison_row-cell { display: block; } .table-comparison_row-cell:nth-child(odd) { background-color: #F4F4F4; } .table-comparison_row-cell:nth-child(even), .table-comparison_row-cell:nth-child(even).odd-list-item { background-color: #FFFFFF; } .table-comparison_col:not(:first-child) .table-comparison_row-cell { text-align: center; } } .table-comparison_row-cell[data-row-type-empty] { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } @media (min-width: 1230px) { .table-comparison_row-cell[data-row-type-empty] { position: static; left: auto; width: auto; height: auto; overflow: visible; } } .table-comparison_row-heading { font-size: 0.8125rem; line-height: 1.55rem; font-weight: 400; margin: 0; } @media (min-width: 1230px) { .table-comparison_row-heading { font-size: 0.875rem; line-height: 1.55rem; } } .table-comparison_row-header { float: left; padding-right: 40px; } @media (min-width: 1230px) { .table-comparison_row-header { float: none; padding-right: 0; } } .table-comparison_row-cell-data { text-align: right; flex-grow: 1; } @media (min-width: 1230px) { .table-comparison_row-cell-data { text-align: center; } } .table-comparison_row-description { font-size: 13px; font-weight: 300; margin: 0; display: none; } @media (min-width: 1230px) { .table-comparison_row-description { display: block; } } .table-comparison_row-cell-data { font-size: 0.8125rem; line-height: 1.55rem; font-weight: 300; margin: 0; position: relative; } .table-comparison_data-cell-empty-edit { color: #CCCCCC; } .table-comparison_row-cell-data [data-type-yes], .table-comparison_row-cell-data [data-type-no] { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .table-comparison_row-cell-data [data-type-custom]:not(.table-comparison_row-cell-check-icon) { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } @media (min-width: 860px) { .table-comparison_row-cell-data [data-type-custom]:not(.table-comparison_row-cell-check-icon) { position: static; width: auto; height: auto; overflow: visible; left: auto; } .table-comparison_row-cell-data [data-type-custom].table-comparison_row-cell-check-icon { display: none; } } .table-comparison_row-cell-check-icon { position: absolute; top: 6px; right: 0; font-size: 17px; } @media (min-width: 860px) { .table-comparison_row-cell-check-icon { font-size: 18px; } } @media (min-width: 1230px) { .table-comparison_row-cell-check-icon { position: static; top: auto; right: auto; font-size: 20px; } .table-comparison_row-cell-check-icon[data-type-custom] { display: none; } } .table-comparison_cols { margin-top: -1px; border-top: 1px solid #DDDDDD; } @media (min-width: 1230px) { .table-comparison_cols { display: -ms-flexbox; display: flex; border: 1px solid #A9A9A9; border-right: none; margin-top: 0; } } .table-comparison_col { position: relative; } .table-comparison_col:first-child { display: none; } .table-comparison_col[aria-hidden="true"] { display: none; } @media (min-width: 1230px) { .table-comparison_col { border-right: 1px solid #A9A9A9; flex: 1; } .table-comparison_col:nth-child(1) { width: 480px; min-width: 480px; max-width: 480px; box-sizing: border-box; } .table-comparison_col:first-child { display: block; } .table-comparison_col:not(:first-child) .table-comparison_row-header { display: none; } .table-comparison_col[aria-hidden="true"] { display: block; } } .table-comparison_rows { margin: 0; border: 1px solid #a9a9a9; } @media (min-width: 1230px) { .table-comparison_rows { border: none; } } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ @media screen and (min-width: 479px) { .anchor-wrapper { display: flex; } } .anchor-wrapper .anchor-container { width: inherit; max-width: inherit; } @media screen and (min-width: 479px) { .anchor-wrapper .anchor-container { height: 100%; } } @media screen and (min-width: 479px) { .anchor-wrapper .anchor-container.is-fixed { position: fixed; top: 70px; } } .anchor-wrapper .anchor-container .quad-title { text-transform: uppercase; margin: 0; color: #4c4c4c; font-size: 12px; letter-spacing: .12em; } .anchor-wrapper .anchor-container .quad-nav { width: 80%; max-width: 80%; border-bottom: 1px solid #cccccc; } @media screen and (min-width: 479px) { .anchor-wrapper .anchor-container .quad-nav { flex: 1; height: 100%; border-right: 1px solid #cccccc; border-bottom: none; } } @media screen and (min-width: 1024px) { .anchor-wrapper .anchor-container .quad-nav { width: 90%; max-width: 90%; } } .anchor-wrapper .anchor-container .quad-nav--link { display: block; padding: 5px 20px; font-size: 0.9375rem; line-height: 1.25rem; text-decoration: none; } .anchor-wrapper .anchor-container .quad-nav--link:hover { text-decoration: none; color: #000; } .anchor-wrapper .anchor-container .quad-nav--link:focus { color: #0079c1; } @media screen and (min-width: 479px) { .anchor-wrapper .anchor-container .quad-nav--link { padding: 10px 20px; color: #6e6e6e; } .anchor-wrapper .anchor-container .quad-nav--link:hover { border-right: 3px solid #0079c1; } } @media screen and (min-width: 1024px) { .anchor-wrapper .anchor-container .quad-nav--link { font-size: 1rem; } } @media screen and (min-width: 479px) { .anchor-wrapper .anchor-container .quad-nav--link[aria-hidden="true"] { background-color: #efefef; border-right: 3px solid #0079c1; color: #000; } } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ @media (min-width: 768px) { [dir=rtl] .media-text-float--background { left: 50px; top: 15px; right: 15px; bottom: 0px; } [dir=rtl] .media-text-float-item { padding: 70px 50px 0px 15px; } [dir=rtl] .media-text-float-item--map { float: left; text-align: left; } [dir=rtl] .media-text-float-item--content { float: right; } [dir=rtl] .media-text-float-item--actions { float: right; } [dir=rtl] .media-text-float-item--actions-cta { margin-left: 8px; margin-right: 0; } } .mediatextfloat { box-sizing: border-box; position: relative; } .media-text-float--background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } @media (min-width: 768px) { .media-text-float--background { left: 15px; top: 15px; right: 50px; bottom: 0; } } .media-text-float--outer { padding-bottom: 0; padding-top: 60px; } @media (min-width: 1440px) { .media-text-float--outer { padding-bottom: 80px; } } .media-text-float--content { box-sizing: border-box; position: relative; padding-bottom: 50px; } @media (min-width: 1440px) { .media-text-float--content { max-width: 1440px; margin: auto; } } .media-text-float-item { box-sizing: border-box; padding: 20px 12px 40px; position: relative; z-index: 1; } @media (min-width: 768px) { .media-text-float-item { padding: 70px 15px 0 50px; } } @media (min-width: 1440px) { .media-text-float-item .clear { display: none; } } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--svg .icons-ui-svg { fill: #323232; } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--header { color: #4c4c4c; } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--bar { background-color: rgba(0, 0, 0, 0.5); } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--body { color: #4c4c4c; } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--actions-cta[data-primary='true'] { background: rgba(50, 50, 50, 0.8); border-color: rgba(50, 50, 50, 0.8); color: white; } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--actions-cta[data-primary='true']:hover { background: #323232; } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--actions-cta[data-primary='false'] { border-color: rgba(50, 50, 50, 0.8); color: #4c4c4c; } .media-text-float-item[data-theme='darktheme'] .media-text-float-item--actions-cta[data-primary='false']:hover { box-shadow: inset 0 0 0 2px rgba(50, 50, 50, 0.8); } .media-text-float-item--content { box-sizing: border-box; margin: 15px 0 25px; } @media (min-width: 768px) { .media-text-float-item--content { float: left; margin: 40px 0 0 0; width: 40%; } } .media-text-float-item--content .media-text-float-item--actions { display: none; } @media (min-width: 1440px) { .media-text-float-item--content .media-text-float-item--actions { display: flex; } } .media-text-float-item--map { position: relative; } .media-text-float-item--map .media-text-float-item--map-replay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 3; } .media-text-float-item--map-image { max-height: 430px; } @media (min-width: 1440px) { .media-text-float-item--map-image { max-width: 764px; } } @media (min-width: 768px) { .media-text-float-item--map { float: right; width: 55%; } } @media (min-width: 1440px) { .media-text-float-item--map { text-align: right; } } .media-text-float-item--svg { display: none; height: auto; margin-bottom: 20px; width: 64px; } .media-text-float-item--svg .icons-ui-svg { fill: white; } @media (min-width: 1440px) { .media-text-float-item--svg { display: block; } } .media-text-float-item--header { color: white; font-size: 2.40307rem; line-height: 1.2; } @media (min-width: 1024px) { .media-text-float-item--header { font-size: 2.82715rem; } } .media-text-float-item--bar { background-color: white; height: 1px; margin: 15px 0; width: 60px; } .media-text-float-item--body { color: white; line-height: 1.5; font-size: 1.2019rem; } .media-text-float-item--actions { align-items: flex-start; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } @media (min-width: 768px) { .media-text-float-item--actions { margin: auto; margin-top: 40px; justify-content: center; width: 77%; } } @media (min-width: 1440px) { .media-text-float-item--actions { display: none; float: left; justify-content: left; margin-top: 0; width: 44%; } } .media-text-float-item--actions-cta { border: thin solid white; box-sizing: border-box; color: #323232; flex-grow: 1; font-size: 15px; margin: 7px 7px 0 0; max-width: 48%; padding: 10px 10px; transition: all .25s ease-in-out; text-align: center; } .media-text-float-item--actions-cta:hover { color: #323232; text-decoration: none; } @media (min-width: 768px) { .media-text-float-item--actions-cta { font-size: 16px; margin-right: 8px; max-width: 50%; } } @media (min-width: 1024px) { .media-text-float-item--actions-cta { font-size: 18px; max-width: 220px; padding: 10px 15px; } } @media (min-width: 1440px) { .media-text-float-item--actions-cta { max-width: 45%; } } .media-text-float-item--actions-cta[data-primary='true'] { background: rgba(255, 255, 255, 0.8); } .media-text-float-item--actions-cta[data-primary='true']:hover { background: white; } .media-text-float-item--actions-cta[data-primary='false'] { color: white; } .media-text-float-item--actions-cta[data-primary='false']:hover { box-shadow: inset 0 0 0 2px white; } /**------------------------ ***-Helper Mixins Etc..---- --------------------------- -------------------------*/ .faq-accordion--outer .show-hide-all { display: inline-block; float: right; height: 50px; margin: 0 10px 15px; transition: background .1s ease-in-out; } .faq-accordion--outer .show-hide-all span { display: inline-block; margin-right: 10px; margin-top: 9px; } .faq-accordion--outer .show-hide-all-icon { border-radius: 100%; height: 44px; width: 44px; transition: all .25s ease-out; position: relative; float: right; transition: background .1s ease-in-out; } .faq-accordion--outer .show-hide-caret { height: 17px; width: 14px; position: absolute; top: 40%; transform: translate(-50%, -50%); left: 47%; transition: background .1s ease-in-out; } .faq-accordion--outer .accordion { border: none; background-color: white; } .faq-accordion--outer .faq-accordion-item .accordion-content { padding: 0 0 40px 46px; } @media screen and (min-width: 479px) { .faq-accordion--outer .faq-accordion-item .accordion-content { padding: 0 46px 40px; } } .faq-accordion--outer .faq-accordion-item .accordion-content p { font-size: 0.8125rem; line-height: 1.55rem; font-weight: 300; } @media screen and (min-width: 768px) { .faq-accordion--outer .faq-accordion-item .accordion-content p { font-size: 0.875rem; line-height: 1.55rem; } } @media screen and (min-width: 1024px) { .faq-accordion--outer .faq-accordion-item .accordion-content p { font-size: 0.9375rem; line-height: 1.55rem; } } .faq-accordion--outer .faq-accordion-item .accordion-section { transition: background 0.1s ease-in-out; } .faq-accordion--outer .faq-accordion-item .accordion-section .accordion-title { padding: 46px; } .faq-accordion--outer .faq-accordion-item .accordion-section .accordion-title h3 { font-size: 0.875rem; line-height: 1.55rem; font-weight: 400; } @media screen and (min-width: 768px) { .faq-accordion--outer .faq-accordion-item .accordion-section .accordion-title h3 { font-size: 0.9375rem; line-height: 1.55rem; } } @media screen and (min-width: 1024px) { .faq-accordion--outer .faq-accordion-item .accordion-section .accordion-title h3 { font-size: 1rem; line-height: 1.55rem; } } .faq-accordion--outer .faq-accordion-item .accordion-section .accordion-title svg { float: right; width: 17px; height: 14px; fill: #959595; transition: background 0.1s ease-in-out; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } .faq-accordion--outer .faq-accordion-item .accordion-section.is-active .accordion-title svg { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .faq-accordion--outer[data-theme='darktheme'] { background: #4c4c4c; } .faq-accordion--outer[data-theme='darktheme'] .accordian { background: #323232; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item { border-top: 1px solid #595959; background: #323232; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item:first-child { border-top: 0; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion--heading h2 { color: white; } .faq-accordion--outer[data-theme='darktheme'] .show-hide-all { color: #49b0f2; } .faq-accordion--outer[data-theme='darktheme'] .show-hide-all .show-hide-all-icon { background: #323232; } .faq-accordion--outer[data-theme='darktheme'] .show-hide-all .show-hide-all-icon .show-hide-caret { color: #49b0f2; } .faq-accordion--outer[data-theme='darktheme'] .show-hide-all:hover { color: #74c6ff; cursor: pointer; } .faq-accordion--outer[data-theme='darktheme'] .show-hide-all:hover .show-hide-all-icon { background: #252525; } .faq-accordion--outer[data-theme='darktheme'] .show-hide-all:hover .show-hide-all-icon .show-hide-caret { color: #74c6ff; } .faq-accordion--outer[data-theme='darktheme'] .svg-icon { color: #56a5d8; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section { background-color: #323232; border-left: 3px solid #323232; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section .accordion-title { background-color: inherit; color: white; border-top: none; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section .accordion-title svg { fill: #959595; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section .accordion-content { color: white; background-color: #323232; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section:hover { background-color: #252525; border-left: 3px solid transparent; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section:hover svg { fill: #0079c1; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section.is-active { background-color: #323232; border-left: 3px solid #74c6ff; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section.is-active .accordion-content { border-left: 3px solid #74c6ff; margin-left: -3px; } .faq-accordion--outer[data-theme='darktheme'] .faq-accordion-item-section.accordion-section.is-active svg { fill: #959595; } .faq-accordion--outer[data-theme='lighttheme'] { background: #efefef; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item { border-top: 1px solid #cccccc; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item:first-child { border-top: 0; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion--heading h2 { color: #4c4c4c; } .faq-accordion--outer[data-theme='lighttheme'] .show-hide-all { color: #0079c1; } .faq-accordion--outer[data-theme='lighttheme'] .show-hide-all .show-hide-all-icon { background: white; } .faq-accordion--outer[data-theme='lighttheme'] .show-hide-all .show-hide-all-icon .show-hide-caret { color: #0079c1; } .faq-accordion--outer[data-theme='lighttheme'] .show-hide-all:hover { color: #005e95; cursor: pointer; } .faq-accordion--outer[data-theme='lighttheme'] .show-hide-all:hover .show-hide-all-icon { background: #f8f8f8; } .faq-accordion--outer[data-theme='lighttheme'] .show-hide-all:hover .show-hide-all-icon .show-hide-caret { color: #005e95; } .faq-accordion--outer[data-theme='lighttheme'] .svg-icon { color: #56a5d8; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section { background-color: white; border-left: 3px solid transparent; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section .accordion-title { background-color: inherit; color: #4c4c4c; border-top: none; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section .accordion-title svg { fill: #959595; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section .accordion-content { color: #4c4c4c; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section:hover { background-color: #f8f8f8; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section:hover svg { fill: #0079c1; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section.is-active { border-left: 3px solid #0079c1; background-color: white; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section.is-active .accordion-content { border-left: 3px solid #0079c1; margin-left: -3px; } .faq-accordion--outer[data-theme='lighttheme'] .faq-accordion-item-section.accordion-section.is-active svg { fill: #a9a9a9; } .faq-accordion--outer[data-theme='texturedtheme'] { background: #efefef; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item { border-top: 1px solid #cccccc; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item:first-child { border-top: 0; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion--heading h2 { color: white; } .faq-accordion--outer[data-theme='texturedtheme'] .show-hide-all { color: #bcdaed; } .faq-accordion--outer[data-theme='texturedtheme'] .show-hide-all .show-hide-all-icon { background: white; } .faq-accordion--outer[data-theme='texturedtheme'] .show-hide-all .show-hide-all-icon .show-hide-caret { color: #0079c1; } .faq-accordion--outer[data-theme='texturedtheme'] .show-hide-all:hover { color: #bcdaed; cursor: pointer; } .faq-accordion--outer[data-theme='texturedtheme'] .show-hide-all:hover .show-hide-all-icon { background: #bcdaed; } .faq-accordion--outer[data-theme='texturedtheme'] .show-hide-all:hover .show-hide-all-icon .show-hide-caret { color: white; } .faq-accordion--outer[data-theme='texturedtheme'] .svg-icon { color: #56a5d8; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section { background-color: white; border-left: 3px solid transparent; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section .accordion-title { background-color: inherit; color: #4c4c4c; border-top: none; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section .accordion-title svg { fill: #959595; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section .accordion-content { color: #4c4c4c; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section:hover { background-color: #f8f8f8; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section:hover svg { fill: #74c6ff; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section.is-active { border-left: 3px solid #56a5d8; background-color: white; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section.is-active .accordion-content { border-left: 3px solid #56a5d8; margin-left: -3px; } .faq-accordion--outer[data-theme='texturedtheme'] .faq-accordion-item-section.accordion-section.is-active svg { fill: #959595; } .faq-accordion .faq-accordion--outer .faq-accordion-item .accordion-section { transition: background .1s ease-in-out; } /* Tabs: List /* ========================================================================== */ .c-tabs-tablist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; margin-top: 0; margin-bottom: 0; padding-right: 0; padding-left: 0; width: 1208.33333333px; max-width: 79.16666667vw; margin-right: auto; margin-left: auto; } .c-tabs-tablist .c-tabs-item { margin: 0 !important; flex-grow: 1; text-align: center; } /* Tabs: Link /* ========================================================================== */ .c-tabs-link { box-shadow: inset 0 -1px 0 0 #cccccc; color: #efefef; display: block; font-size: 14px; line-height: 20px; font-weight: 600; padding: 20px 0; position: relative; text-decoration: none; text-transform: uppercase; z-index: 1; letter-spacing: .1em; } .c-tabs-link:focus, .c-tabs-link:hover { color: #fff; text-decoration: none; box-shadow: inset 0 -1px 0 0 rgba(204, 204, 204, .3); } .c-tabs-link[aria-selected="true"] { box-shadow: inset 0 -3px 0 0 #49b0f2; color: #fff } .c-tabs-link[aria-selected="true"] { box-shadow: inset 0 -3px 0 0 #49b0f2; color: #fff } .c-tabs-tablist.-dark .c-tabs-link { color: #f3f3f3; } .c-tabs-tablist.light .c-tabs-link { color: #595959; } .c-tabs-tablist.light .c-tabs-link:hover { color: #000000; } .c-tabs-tablist.light .c-tabs-link[aria-selected="true"]{ color: #000000; } .c-tabs-tablist.light .card-title a{ color: #000000; } .c-tabs-tablist.light .card-title{ color: #000000; } .c-tabs-tablist.-dark .c-tabs-link:focus, .c-tabs-tablist.-dark .c-tabs-link:hover { color: #ffffff; } /* Tabs: Focus /* ========================================================================== */ .c-tabs-focus { position: absolute; border-bottom: 4px solid rgba(73, 176, 242, .5); -webkit-transform: translateX(-60px); transform: translateX(-60px); -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -webkit-transition-property: width, left, top; transition-property: width, left, top; } /* Tabs: Panel /* ========================================================================== */ .c-tabs-panel[aria-hidden="true"] { display: none; } .c-tabs-panel[aria-hidden="false"] { margin-top: 3.1rem; } .green .resource-block-card-icon { background: #68aa77; } .light-blue .resource-block-card-icon { background: #6db5e3; } .orange .resource-block-card-icon { background: #d17e21; } .yellow .resource-block-card-icon { background: #bda726; } .purple .resource-block-card-icon { background: #9182db; } .resource-block-card-title { background: rgba(50,50,50,.8); color: #efefef; } .resource-block-card-icon .icon-img { height: 48px; width: 48px; -webkit-filter: invert(100%); } .card-background{ height: 125px; } .text-black .card-title > a{ color: #000000 } .modal-content { position: relative; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .modal-content .exit-modal { background: rgba(255,255,255,.8); color: #323232; border-radius: 100%; padding: 0; position: absolute; right: -23px; top: -23px; z-index: 10; height: 46px; width: 46px; border: none; -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; -ms-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .modal-content .exit-modal:hover { background: #0079c1; border-color: #0079c1; color: #fff; } .modal-content .exit-modal:focus { outline:none; } .modal-content .exit-modal .icon-ui-close { height: 35px !important; width: 35px !important } .modal-content .exit-modal .icon-ui-close:before { padding: 5px !important; margin: 0 !important } .modal-content .case-study-content { padding: 20px } .modal-content .modal-banner { position: relative; height: 200px; width: 100% } .modal-content .modal-banner { background: top center no-repeat; background-size: cover } @import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=9431e9a5-7a6d-4b5f-82be-4d935972de5a) ; @font-face { font-family: "Avenir Next W00_n2"; src: url("https://fast.fonts.net/dv2/2/5db267f9-3612-485c-ae18-5698d2692816.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/5db267f9-3612-485c-ae18-5698d2692816.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/5db267f9-3612-485c-ae18-5698d2692816.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/174d458a-81e0-4174-9473-35e3bf0a613c.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/57a79aa3-9b06-4ba7-a9a4-2b766d826ecf.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/733cb7bd-50e1-4dee-893a-0b40ef382b02.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/594135c6-6c4f-4880-a0d2-ba923b5ef38e.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#594135c6-6c4f-4880-a0d2-ba923b5ef38e") format("svg"); font-weight: 200; font-style: normal } @font-face { font-family: "Avenir Next W00_n4"; src: url("https://fast.fonts.net/dv2/2/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/276b3566-1c3b-4bc1-8915-15314f091f29.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/5d02f5f4-46e7-453a-aef9-3e7106d7bb68.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#5d02f5f4-46e7-453a-aef9-3e7106d7bb68") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "Avenir Next W00_n5"; src: url("https://fast.fonts.net/dv2/2/c6970a14-8b0f-4629-9072-71c7e123908f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/c6970a14-8b0f-4629-9072-71c7e123908f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/c6970a14-8b0f-4629-9072-71c7e123908f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/b0b84e4d-2164-45c7-a674-1662f19f3ba6.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/e91d1bbf-3fea-45e2-b003-a22b12ce6e5f.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/ead8b64b-1abd-4d5b-a642-a21dfe2f463b.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/e536e1c2-92a4-4db4-8a41-1c55354d11b7.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#e536e1c2-92a4-4db4-8a41-1c55354d11b7") format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: "Avenir Next W00_n6"; src: url("https://fast.fonts.net/dv2/2/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/40d36b4a-60c6-460a-bf43-4c948c23563e.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/45b78f45-e639-4836-8612-e0892e120f14.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/cbc021cc-b96f-4c82-ba0d-59cb0b7449c0.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/c6778bcf-ca82-4a86-8a5f-08b70c9a71fd.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#c6778bcf-ca82-4a86-8a5f-08b70c9a71fd") format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: "Avenir Next W01_n3"; src: url("https://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/f401df6f-54eb-406c-b46a-90b9451c598d.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/276fe25e-e430-4376-b33c-705dd77b3dba.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/869dc33b-3685-4d74-a51c-82b435579093.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#869dc33b-3685-4d74-a51c-82b435579093") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: "Avenir Next W01_n4"; src: url("https://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/1e9892c0-6927-4412-9874-1b82801ba47a.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/52a192b1-bea5-4b48-879f-107f009b666f.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#52a192b1-bea5-4b48-879f-107f009b666f") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "Avenir Next W01_n5"; src: url("https://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/f26faddb-86cc-4477-a253-1e1287684336.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: "Avenir Next W01_n6"; src: url("https://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/99affa9a-a5e9-4559-bd07-20cf0071852d.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: "Frutiger W01_i3"; src: url("https://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Frutiger W01"; src: url("https://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/dda818d0-9f7a-4574-8d17-8e3546cb04fb.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/8259f047-a5d2-40a0-a98c-1c24f0316b08.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/1078a920-3def-4194-ba69-46751fb9af38.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3") format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: "Frutiger W01_n3"; src: url("https://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Frutiger W01"; src: url("https://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/3f5a5b87-e71e-4544-be0c-da4daa132710.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: "Frutiger W01_n5"; src: url("https://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Frutiger W01"; src: url("https://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/9b1fae67-8764-448a-a926-54b09bd0b06b.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/076311f8-a01b-4389-a5eb-334a62e62d45.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg"); font-weight: 500; font-style: normal } .intro-block p.font-size-8 { letter-spacing: -0.05em } @media screen and (max-width: 768px) { .feature-wrapper { margin: 20px 0 } } .learn-more { box-sizing: border-box; position: absolute; bottom: 0; width: 100%; padding: 20px } .learn-more-2 { box-sizing: border-box; position: relative; bottom: 0; padding: 0 20px } .white-bg { background: #fff } .white-bg.block { position: relative } .white-bg.block .padding-all-20 { min-height: 180px } @media screen and (max-width: 640px) { .white-bg.block { min-height: 350px; margin-bottom: 15px } } .transparent-bg { background: rgba(248, 248, 248, 0.95) } .off-white-bg { background: #f8f8f8 } .off-white-bg.block { position: relative } .lightest-gray-bg { background: #efefef } .lightest-gray-border { border: thin solid #ccc } .dark-bg { background: #323232 } .dark-transparent-bg { background: rgba(39, 39, 39, 0.95) } .darker-bg { background: #272727 } .blue-bg { background: #0079c1 } .blue-transparent-bg { background: rgba(0, 95, 150, 0.95) } .dark-blue-bg { background: #005e95 } .violet-bg { background: #7b00e0 } .violet-transparent-bg { background: rgba(98, 0, 178, 0.95) } .violet-dark-bg { background: #6200b2 } .text-custom-gray { color: #bcbcbc } .text-custom-blue { color: #d7dde6 } .text-custom-violet { color: #e3d7e6 } .feature { box-sizing: border-box; padding-top: 85px; position: relative; width: 100% } @media screen and (max-width: 768px) { .feature { padding-top: 0 } } @media screen and (max-width: 480px) { .feature .grid-container { max-width: 100%; margin: 0; padding: 0; width: 100% } } .feature-img { box-sizing: border-box; margin: auto; min-height: 400px; position: relative; width: 80% } @media screen and (max-width: 768px) { .feature-img { width: 100% } } .feature-img-info { box-sizing: border-box; padding: 50px 25px 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60% } .feature-img-info p.font-size-5 { letter-spacing: -.04em } @media screen and (max-width: 768px) { .feature-img-info { width: 90% } } .feature-img.img-pro-auth { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: contain } .feature-img.img-adv-analytics { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: contain } .feature-img.img-data-management { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: contain } .feature-img.img-info-sharing { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: contain } .feature-img.img-processing { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: contain } .feature-img.img-3d { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: contain } .feature-desc { position: relative; padding: 80px 0; width: 100% } .italic { font-style: italic } .mosaic-right-arrow{ width:14px; height:14px; } .quote {fill: white;} .quote-box { fill: transparent; width: 58px; height: 51px; } .content-mosaic-quote { border: 0; width:90%; margin: 0; padding: 0; } .content-mosaic-casestudy { border: 0; width:60%; margin: 0; padding: 0; } .content-mosaic-quote p { font-style: italic; } .content-mosaic-quote cite { font-style: normal; } .quote-divide { width: 70px; } @media screen and (max-width: 1024px){ .content-mosaic-full section { display: flex; flex-direction: column; } .content-mosaic-full .tile-block-group.half { flex-grow: 1; width: 100%; } .content-mosaic-full .tile-block-group.right { order:-1; } } /* v.1 */ .content-block { position: relative } .content-block.dark { background: #323232 } .tile-block-wrapper.dark a.js-modal-toggle{ color:#fff; } .content-block.light { background: #fff } .tile-block-wrapper.dark .content-mosaic-quote .quote { fill:#fff; } .tile-block-wrapper.dark a svg { fill:#fff; } .tile-block-wrapper.light a svg { fill:#0079c1; } .tile-block-wrapper.light a.js-modal-toggle{ color:#0079c1; } .tile-block-wrapper.light .content-mosaic-quote .quote{ fill:#323232; } .tile-block-wrapper.light .quote-divide{ background: #222222; color: #222222; border-top: none; height: 1px; } .content-block-wrapper { position: relative; min-height: 100vh; width: 100% } @media screen and (max-width: 800px) { .content-block-wrapper { height: 60vh } } .content-block .text-overlay { box-sizing: border-box; padding-right: 70px; width: 550px } @media screen and (max-width: 1440px) { .content-block .text-overlay.padding-leader-4 { padding-top: 20px !important } } @media screen and (max-width: 1366px) and (min-width: 1280px) { .content-block .text-overlay.padding-leader-4 { padding-top: 0px !important } } .tile-block-group { position: relative } .tile-block-group .mf-label { letter-spacing: 2px; } .tile-block-group.full { width: 100% } .tile-block-group.half { width: 50% } .tile-block-group .tile-block { position: relative } .tile-block-group .tile-block-wrapper { position: relative; width: 100%; min-height: 50vh; } .tile-block-group .tile-block-wrapper.tall { min-height: 100vh; background: #0079c1; } .tile-block-group .tile-block .font-size-6 { font-size: 40px; line-height: 40px } .feature-image { min-height: 50vh; width: 100% } @media screen and (max-width: 1440px) { .feature-image .font-size-4, .feature-image .font-size-5, .feature-image .font-size-7, .content-mosaic-quote .font-size-5, .content-mosaic-quote .font-size-4, .content-mosaic-quote .font-size-7 { font-size: 28px !important; line-height: 30px !important } } @media screen and (max-width: 1366px) and (min-width: 1280px) { .feature-image .font-size-4, .feature-image .font-size-5, .feature-image .font-size-7, .content-mosaic-quote .font-size-5, .content-mosaic-quote .font-size-4, .content-mosaic-quote .font-size-7 { font-size: 24px !important; line-height: 28px !important } } @media screen and (max-width: 1366px) and (min-width: 1280px) { .feature-image .leader-2 { margin-top: 0 !important } } .feature-image .sm-quote { /* width: 5%; margin-top: -7px; */ position: absolute; left: 70px; width: 40px !important; height: 40px !important } @media screen and (max-width: 1440px) and (min-width: 1280px) { .feature-image .sm-quote { /* width: 5%; margin-top: -7px; */ width: 40px !important; height: 40px !important } } .feature-image.white-computer { background-size: 50% } .feature-image.black-computer { background-size: 50% } .feature-image.enterprise-white-computer { background-size: 50% } .feature-image.case-study-1 { background-color: #f8f8f8; background-size: 25% 35%; background-repeat: no-repeat; background-size: cover } .feature-image.case-study-2 { background-color: rgba(123, 0, 224, 0.75); background-position: top center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 2560px) and (min-width: 1024px) { .feature-image .pre-2 { margin-left: 10px !important } } @media screen and (max-width: 800px) { .feature-image { background-position: center 90%; background-size: 150% } } .feature-image.right { background-position: 85% 35% } .translucent-panel { height: 100%; overflow: hidden; position: relative; padding:20px; } .translucent-panel.full { width: 100%; min-height:450px; } .translucent-panel.half { width: 50%; min-height: 100vh } .translucent-panel.quarter { width: 25% } .translucent-panel.dark { background: rgba(59, 59, 59, 0.95) } .translucent-panel.light { background: rgba(245, 245, 245, 0.95) } .translucent-panel.purple { background: rgba(123, 0, 224, 0.75); width: 100% } @media screen and (max-width: 800px) { .translucent-panel { height: 100%; width: 100% } } .sm-callout:hover { cursor: pointer cursor: pointer } .desktop-resources { box-sizing: border-box; padding-top: 60px; position: relative; background-size: 50%; height:auto; text-align:center; min-height: 980px; } .desktop-resources img{ width:40%; } @media screen and (max-width: 1368px) and (min-width: 1024px) { .desktop-resources .font-size-4 { font-size: 22px !important; margin-bottom: 10px } .desktop-resources-graphic { margin-top: 20px !important; width: 50% !important } } @media screen and (max-width: 1227px) and (min-width: 1024px) { .desktop-resources-info a:last-child { margin-top:10px; } } .desktop-resources-info { margin: 40px auto; width: 60%; text-align:left; } .desktop-resources-graphic { background-color: #0079c1; background-repeat: no-repeat; background-position: center center; background-size: contain; margin: auto; width: 100% } .flexy-parent { display: flex; justify-content: center; align-items: center; } .wrapper { position: relative; min-height: 100%; margin: 0 auto 0px; } .dark .mf-case-study p { color: #fff; } .dark .mf-quote-block p, .dark .mf-quote-block cite { color: #fff; } .light .mf-case-study p { color: #323232; } .light .mf-quote-block p, .light .mf-quote-block cite { color: #323232; } #caseStudyModal .modal-content p { color: #323232; } /* v.4 */ .padding-all-20 { padding: 20px; } .margin-left-20 { margin-left: 20px; } @media screen and (max-width: 480px) { .margin-left-20 { margin-left: 0; } } .sm-img { background: #828282; height: 175px; width: 90%; } .sm-block-group { width: 100%; } .sm-block-group .sm-block { box-sizing: border-box; min-height: 250px; padding: 25px 30px; width: 50%; } @media screen and (max-width: 1440px) { .sm-block-group .sm-block { width: 49.85%; } } @media screen and (max-width: 480px) { .sm-block-group .sm-block { width: 100%; } } @media screen and (max-width: 860px) { .sm-block-group .sm-block { width: 100%; } } .sm-block-group .med-block { box-sizing: border-box; padding: 25px 30px; width: 100%; } @media screen and (max-width: 480px) { .sm-block-group .med-block { padding: 20px 10px; } } @media screen and (max-width: 860px) { .sm-block-group .med-block { padding: 20px 10px; } } .bot-border-anim:before { content: ""; background: url("../components/css/content/dam/esrisites/arcgis/products/Icon-Right-Arrow-White.svg") 0 0 no-repeat; height: 15px; opacity: 0; position: absolute; left: 95px; top: 50%; transform: translateY(-50%); transition: opacity .15s ease-out, left .25s ease-out; width: 15px; } .bot-border-anim::after { content: ""; border-bottom: 1px solid #fff; width: 0%; height: 1px; position: absolute; left: 0px; bottom: 0px; transition: all .15s ease-in-out; } .bot-border-anim:hover { cursor: pointer; text-decoration: none; } .bot-border-anim:hover:before { opacity: 1; } .bot-border-anim:hover:before { left: 100px; } .bot-border-anim:hover::after { width: 100%; height: 1px; position: absolute; left: 0px; bottom: 0; } .bot-border-anim-blue { padding: 0 20px; } .bot-border-anim-blue:before { content: ""; background: url("../components/css/content/dam/esrisites/arcgis/products/Icon-Right-Arrow-White.svg") 0 0 no-repeat; height: 15px; opacity: 0; position: absolute; left: 95px; top: 50%; transform: translateY(-50%); transition: opacity .15s ease-out, left .25s ease-out; width: 15px; } .bot-border-anim-blue::after { content: ""; border-bottom: 1px solid #0079c1; width: 0%; height: 1px; position: absolute; left: 20px; bottom: 0px; transition: all .15s ease-in-out; } .bot-border-anim-blue:hover { cursor: pointer; text-decoration: none; } .bot-border-anim-blue:hover:before { opacity: 1; } .bot-border-anim-blue:hover:before { left: 100px; } .bot-border-anim-blue:hover::after { width: 100%; height: 1px; position: absolute; left: 20px; bottom: 0; } .sm-img.arcgis { background-size: cover; } .sm-img.arcmap { background-size: cover; } .content-mosaic-mini .lg-block { width: 100%; margin-left: 0; } .content-mosaic-mini .sm-block { /*width: 50%;*/ margin-left: 0; } .content-mosaic-mini .sm-block.right { /*border-left: none;*/ } .content-mosaic-mini:after { content: ""; display: table; clear: both; } @import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=9431e9a5-7a6d-4b5f-82be-4d935972de5a) ; @font-face { font-family: "Avenir Next W00_n2"; src: url("https://fast.fonts.net/dv2/2/5db267f9-3612-485c-ae18-5698d2692816.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/5db267f9-3612-485c-ae18-5698d2692816.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/5db267f9-3612-485c-ae18-5698d2692816.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/174d458a-81e0-4174-9473-35e3bf0a613c.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/57a79aa3-9b06-4ba7-a9a4-2b766d826ecf.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/733cb7bd-50e1-4dee-893a-0b40ef382b02.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/594135c6-6c4f-4880-a0d2-ba923b5ef38e.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#594135c6-6c4f-4880-a0d2-ba923b5ef38e") format("svg"); font-weight: 200; font-style: normal } @font-face { font-family: "Avenir Next W00_n4"; src: url("https://fast.fonts.net/dv2/2/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/069faa0e-9913-48c4-9ef7-89a4bc080b65.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/7db1f672-3a8f-4d19-9c49-7f61aed450b5.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/4ab86b35-c0c2-42b5-98ad-4b6eba66b197.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/276b3566-1c3b-4bc1-8915-15314f091f29.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/5d02f5f4-46e7-453a-aef9-3e7106d7bb68.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#5d02f5f4-46e7-453a-aef9-3e7106d7bb68") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "Avenir Next W00_n5"; src: url("https://fast.fonts.net/dv2/2/c6970a14-8b0f-4629-9072-71c7e123908f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/c6970a14-8b0f-4629-9072-71c7e123908f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/c6970a14-8b0f-4629-9072-71c7e123908f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/b0b84e4d-2164-45c7-a674-1662f19f3ba6.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/e91d1bbf-3fea-45e2-b003-a22b12ce6e5f.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/ead8b64b-1abd-4d5b-a642-a21dfe2f463b.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/e536e1c2-92a4-4db4-8a41-1c55354d11b7.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#e536e1c2-92a4-4db4-8a41-1c55354d11b7") format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: "Avenir Next W00_n6"; src: url("https://fast.fonts.net/dv2/2/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W00"; src: url("https://fast.fonts.net/dv2/2/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/fbf4298d-ef75-419c-b615-47f209a48ed2.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/40d36b4a-60c6-460a-bf43-4c948c23563e.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/45b78f45-e639-4836-8612-e0892e120f14.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/cbc021cc-b96f-4c82-ba0d-59cb0b7449c0.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/c6778bcf-ca82-4a86-8a5f-08b70c9a71fd.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#c6778bcf-ca82-4a86-8a5f-08b70c9a71fd") format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: "Avenir Next W01_n3"; src: url("https://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/0ecef829-586e-426d-a633-4c8a8c926769.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/49c5f3e1-5867-4b1d-a843-2d07fa60d85d.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/f401df6f-54eb-406c-b46a-90b9451c598d.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/276fe25e-e430-4376-b33c-705dd77b3dba.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/869dc33b-3685-4d74-a51c-82b435579093.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#869dc33b-3685-4d74-a51c-82b435579093") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: "Avenir Next W01_n4"; src: url("https://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/e9167238-3b3f-4813-a04a-a384394eed42.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/1e9892c0-6927-4412-9874-1b82801ba47a.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/52a192b1-bea5-4b48-879f-107f009b666f.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#52a192b1-bea5-4b48-879f-107f009b666f") format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: "Avenir Next W01_n5"; src: url("https://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/f26faddb-86cc-4477-a253-1e1287684336.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: "Avenir Next W01_n6"; src: url("https://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Avenir Next W01"; src: url("https://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/99affa9a-a5e9-4559-bd07-20cf0071852d.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: "Frutiger W01_i3"; src: url("https://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Frutiger W01"; src: url("https://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/dda818d0-9f7a-4574-8d17-8e3546cb04fb.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/8259f047-a5d2-40a0-a98c-1c24f0316b08.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/1078a920-3def-4194-ba69-46751fb9af38.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3") format("svg"); font-weight: 300; font-style: italic } @font-face { font-family: "Frutiger W01_n3"; src: url("https://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Frutiger W01"; src: url("https://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/3f5a5b87-e71e-4544-be0c-da4daa132710.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: "Frutiger W01_n5"; src: url("https://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot") } @font-face { font-family: "Frutiger W01"; src: url("https://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix"); src: url("https://fast.fonts.net/dv2/2/af97a512-f55a-4f61-b2ce-659c883930fc.eot?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#iefix") format("eot"), url("https://fast.fonts.net/dv2/14/9b1fae67-8764-448a-a926-54b09bd0b06b.woff2?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff2"), url("https://fast.fonts.net/dv2/3/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("woff"), url("https://fast.fonts.net/dv2/1/076311f8-a01b-4389-a5eb-334a62e62d45.ttf?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a") format("truetype"), url("https://fast.fonts.net/dv2/11/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg?d44f19a684109620e4841678a190e8188b840650be32dfdff11226f4eb7fb62da2e4ff3ac5cb9baab9aeebd387f687d9b2e887da180096d585541d490d3d9db024bb32bb30fda6ff2d79d5960f7e637780942055575c79d5999be6317cd2d9d893107e020badd8044f29d12eed77cbe2e4ceae93321cb707732be30a17f2d854fe9b6eac5d9a24169d94c96c5d3ec2a9204fbd6a2ceb5a2d56a22044d41f42d9d47bbaa0a29232c8a85f469fd695c13771f0e196df56a5f905efb130244641637912fb8e675b873323ab93f92ed2551dc42a3aa38c068521&projectId=9431e9a5-7a6d-4b5f-82be-4d935972de5a#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg"); font-weight: 500; font-style: normal } .trial-wrapper { position: relative; height: 95vh; max-height: 600px; min-height: 500px; background-color: #323232; width: 100% } @media screen and (max-width: 1440px) { .trial-wrapper .leader-4 { margin-top: 4.5rem } } @media screen and (max-width: 1368px) { .trial-wrapper .font-size-4 { margin-bottom: 10px } } @media screen and (max-width: 1024px) { .trial-wrapper { height: 75vh !important } } @media screen and (max-width: 858px) { .dbl-button { border-left: 0; border-top: 1px solid #595959; } } @media screen and (max-width: 768px) { .trial-wrapper { height: 50vh !important } } @media screen and (max-width: 480px) { .trial-wrapper { height: 60vh !important } } @media screen and (max-width: 375px) { .trial-wrapper { height: 75vh !important } } @media screen and (max-width: 1368px) and (min-width: 1280px) { .trial.leader-2 { margin-top: 0 !important } } .trial-arrow-circle { background: url("../../../../content/dam/esrisites/desktop/Trial_Arrow.png"), url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") center center no-repeat; background-size: contain; height: 160px; width: 160px; margin: auto } @media screen and (max-width: 1368px) and (min-width: 1280px) { .trial-arrow-circle { height: 130px; width: 130px } } .questions-wrapper { background-color: #323232; box-sizing: border-box; padding: 60px 0 70px; width: 100% } @media screen and (max-width: 768px) { .questions-wrapper { padding: 60px 0 0 } } .questions-wrapper .questions { margin: auto; width: 50%; display: flex; justify-content: center } @media screen and (max-width: 1440px) and (min-width: 1440px) { .questions-wrapper .questions { width: 60% } } @media screen and (max-width: 1024px) { .questions-wrapper .questions { width: 100% } } .questions-wrapper .questions-block { border: thin solid #595959; box-sizing: border-box; box-sizing: border-box; min-height: 145px; padding: 30px; text-align: center; width: 33.33% } .questions-wrapper .questions-block a, .questions-wrapper .questions-block p, .questions-wrapper .questions-block span { font-weight: 500 } .questions-wrapper .questions-block:hover { cursor: pointer; border: thin solid #49b0f2 } .questions-wrapper .questions-block:hover a, .questions-wrapper .questions-block:hover p, .questions-wrapper .questions-block:hover span { color: #49b0f2; text-decoration: none } @media screen and (max-width: 1024px) { .questions-wrapper .questions-block { border: none; min-height: 100px } } @media screen and (max-width: 768px) { .questions-wrapper .questions-block { border: none; min-height: 175px } } @media screen and (max-width: 480px) { .questions-wrapper .questions-block { min-height: 125px } } .questions-wrapper .questions-block p { margin-bottom: 0 } .btn-animate { position: relative; margin: 20px } .btn-animate.bot-border a:before { content: ""; background: url("../../../../content/dam/esrisites/icons/Icon-Right-Arrow-Blue.svg") 0 0 no-repeat; height: 15px; opacity: 0; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); transition: opacity .15s ease-out, right .25s ease-out; width: 15px } .btn-animate.bot-border a::after { content: ""; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #005e95; height: 1px; transition: all .25s ease-out; width: 0% } .btn-animate.bot-border a:hover { text-decoration: none } .btn-animate.bot-border a:hover:before { opacity: 1; right: -20px } .btn-animate.bot-border a:hover::after { width: 100% } .btn-animate.arrow a:before { content: ""; background: url("../../../../content/dam/esrisites/icons/Icon-Right-Arrow-White.svg") 0 0 no-repeat; height: 15px; opacity: 0; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); transition: opacity .15s ease-out, right .25s ease-out; width: 15px } .btn-animate.arrow a:hover { text-decoration: none } .btn-animate.arrow a:hover:before { background: url("../../../../content/dam/esrisites/icons/Icon-Right-Arrow-White.svg") 0 0 no-repeat; opacity: 1; right: -20px } .sm-block:hover, .lg-block:hover, .lg-x-block:hover { cursor: pointer } .sm-block:hover .sm-block-group-title, .lg-block:hover .sm-block-group-title, .lg-x-block:hover .sm-block-group-title { color: #005e95 } .lg-x-block { width: 99.9% } @media screen and (max-width: 1440px) and (min-width: 1440px) { .lg-x-block { width: 99.5% } } .sm-img.arcgis { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: cover } .sm-img.arcmap { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg") top center no-repeat; background-size: cover } @media screen and (-ms-high-contrast: active) , ( -ms-high-contrast : none) { .arcgis-banner { background: url("../../../../content/dam/esrisites/industries/petroleum/Legend_Roadblock.svg1") top center no-repeat; background-size: cover; height: 100%; width: 100% } } .card-content a:hover { text-decoration: none; } .card-content .icon-ui-right-arrow::before { content: "" !important; display: none; } .card-content .svg-icon.icon { position: relative; } .card-content .svg-icon.icon::before { position: absolute; top: 50%; transform: translateY(-50%); } .withbackground { border: solid 1px #ccc; } .withbackground .card-content { padding: 1rem; } .withbackground .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .withbackground:hover { border: solid 1px #56a5d8; } .withbackground:hover .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .withlogo .block-group-partner { background: #fff; padding: 20px; border: 1px solid #ccc; } .withlogo .block-group-partner p.withlogo a .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .withlogo .block-group-partner p.withlogo a:hover { text-decoration: none; } .withlogo .block-group-partner:hover { border: 1px solid #0079c1; } .withlogo .block-group-partner:hover p.withlogo a .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .withlogo .block-group-partner h3 { height: 52px; font-weight: 500; } .withlogo .block-group-partner .group_icon { min-height: 90px; max-height: 90px; } .withlogo-true.side-card { padding: 0 0 0 40px; } .withlogo-true.side-card .card-logo { min-height: 90px; max-height: 90px; } .withlogo-true.side-card .card-content .svg-icon { display: none; } .withlogo-true.dark-bg-theme .card-content p a.btn-animated-border-bottom-blue { color: #fff; } .withlogo-true.dark-bg-theme .card-content p a.btn-animated-border-bottom-blue:hover { text-decoration: none; } .withvideo .video-card:hover { color: #005e95; } .withvideo .block-group-resources { text-align: left; margin-bottom: 10px; background: #fff; border: 1px solid #ccc; } .withvideo .block-group-resources .group-title-details { padding: 20px; position: relative; } .withvideo .block-group-resources .group-title-details .group-title-heading { color: #323232; height: 78px; font-size: 1.2019rem; line-height: 1.55rem; letter-spacing: -0.05rem; } .withvideo .block-group-resources .group-more-text p { font-size: 0.875rem; line-height: 1.55rem; padding: 0 20px 0 20px; } .withvideo .block-group-resources:hover { border: 1px solid #56a5d8; cursor: pointer; } .withvideo .block-group-resources:hover .video_play { background: #0079c1; } .withvideo .block-group-resources .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .withvideo .block-group-resources .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .withvideo .block-group-resources .video_play:after:hover { border-left: 9px solid #ffffff !important; } .withvideo .block-group-resources .video_play:hover { background: #0079c1; } .withvideo .modal-content { max-height: 540px; } .withvideo .video_modal .video_placeholder { max-width: 100%; height: auto; } .withvideo .modal-overlay { display: none; } .withvideo .modal-overlay.is-active { display: block; z-index: 10000; } .withvideo .modal-content { background-color: transparent; } @media (max-width: 959px) { .withvideo .modal-content { width: 90vw; background-color: transparent; } .withvideo .modal-content iframe.video_content, .withvideo .modal-content iframe.youtube { width: 100%; } } .noimage { margin: 100px 0 100px 0; } .noimage .card-text { margin-bottom: 1.55rem; } @media screen and (max-width: 462px) { .noimage { margin: 50px 0 50px 0; } } .noimage .group-title h2 { font-weight: 400; } .noimage .group-title .bottom-link { color: #fff; font-weight: 400; position: relative; text-decoration: none; } .noimage .group-title .bottom-link::after { left: 0; } .noimage .group-title .card-last { height: 70px; margin-bottom: 10px; } .noimage.arcgispro-feature-text { margin: 0; } .noimage .arcgispro-feature-text .heading-title { color: #fff; margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text .card-text { color: #bcbcbc; font-size: 0.875rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text.violet-text .card-text { color: #e3d7e6; } .noimage .arcgispro-feature-text.blue-text .card-text { color: #d7dde6; } .noimage.arcgispro-feature-text-light { margin: 0; } .noimage .arcgispro-feature-text-light .heading-title { color: #4c4c4c; margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text-light .card-text { color: #595959; font-size: 0.875rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text-light a.btn-animated-border-bottom-white { color: #0079c1; } .noimage.card-border-box { border: thin solid #ccc; background-color: #fff; padding: 20px; margin: 0; } .noimage.card-border-box .card-border-box { margin-bottom: 0; } .noimage.card-border-box .heading-title { margin-bottom: 0.775rem; font-size: 0.9375rem; line-height: 1.55rem; font-weight: 500; font-style: normal; } .noimage.card-border-box .card-text { margin-bottom: 1.55rem; } .noimage.card-border-box .card-text p { height: 120px; } .noimage.card-border-box p { margin-bottom: 0; font-size: 0.8125rem; line-height: 1.55rem; } .noimage.card-border-box p .bottom-link { color: #0079c1; font-size: 0.9375rem; line-height: 1.55rem; } .withlogo-true .card-logo { min-height: 240px; max-height: 240px; overflow: hidden; text-align: center; } @media screen and (min-width: 462px) { .withlogo-true .card-logo { position: relative; } } .withlogo-true .card-logo img { position: relative; fill: #4c4c4c; } @media screen and (min-width: 462px) { .withlogo-true .card-logo img { position: absolute; bottom: 0; left: 0; } } .withlogo-true.white-card-icon { padding: 20px 0; } .withlogo-true.white-card-icon .card-logo { min-height: 60px; max-height: 60px; margin-bottom: 30px; } .withlogo-true.white-card-icon .card-logo img { width: 64px; height: 64px; } .withlogo-true.white-card-icon .card-content .card-title { height: 52px; font-weight: 400; } .withlogo-true.arcgispro-icon { padding: 20px; } .withlogo-true.arcgispro-icon .card-logo { min-height: 60px; max-height: 60px; } .withlogo-true.arcgispro-icon .card-logo img { width: 48px; height: 48px; } .withlogo-true.arcgispro-icon .card-content { height: auto; } .withlogo-true.arcgispro-icon .card-content h3 { color: #fff; margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; font-weight: 500; } .withlogo-true.arcgispro-icon .card-content .card-text { font-size: 0.8125rem; line-height: 1.55rem; color: #fff; } .withlogo-true.arcgispro-icon .card-content a { font-size: 0.9375rem; line-height: 1.55rem; color: #fff; } .withlogo-true.arcgispro-icon .card-content a:hover { text-decoration: none; } .withlogo-true.arcgispro-icon-dark .card-logo { min-height: 60px; max-height: 60px; text-align: left; } .withlogo-true.arcgispro-icon-dark .card-logo img { width: 48px; height: 48px; } .withlogo-true.arcgispro-icon-dark .card-content { height: auto; } .withlogo-true.arcgispro-icon-dark .card-content h3 { color: #323232; font-weight: 400; } @media (min-width: 462px) { .withlogo-true.arcgispro-icon-dark .card-content h3 { height: 52px; } } .withlogo-true.arcgispro-icon-dark .card-content .card-text { font-size: 16px; line-height: 1.55rem; color: #4c4c4c; margin-bottom: 25px; height: 65px; } .withlogo-true.arcgispro-icon-dark .card-content a { font-size: 0.9375rem; line-height: 1.55rem; color: #0079c1; } .withlogo-true.arcgispro-icon-dark .card-content a:hover { text-decoration: none; } .withlogo-true .card-content { padding-left: 0; } .card-last { margin-bottom: 0 !important; } .card-logo { min-height: 240px; max-height: 240px; overflow: hidden; position: relative; } .card-content { padding-left: 0; position: relative; height: 220px; box-sizing: border-box; } .card-content .bottom-link { bottom: 0; } .bottom-link { position: relative; text-decoration: none; } .card-events { border: solid 1px #ccc; margin-bottom: 20px; } .card-events:hover { border: solid 1px #56a5d8; } .card-events:hover .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .card-events .card-background { min-height: 190px; position: relative; } .card-events .card-background .card-overlay { position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 4px 4px 4px 10px; box-sizing: border-box; } .card-events .card-content { padding: 1rem; min-height: 220px; position: relative; } .card-events .card-content .bottom-link { position: absolute; bottom: 0; margin-bottom: 10px; } .card-events .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .card-events .card-text p { color: #6e6e6e; } .lighttheme .value-prop { margin: 60px 0 60px 0; } .lighttheme .value-prop.borderbox-true { margin: 20px 0 20px 0; border: solid 1px #ccc; padding: 20px; background-color: #fff; } .lighttheme .value-prop.borderbox-true .group-title h2 { color: #333; } .lighttheme .value-prop.borderbox-true .group-title .card-text { color: #333; } .lighttheme .value-prop.borderbox-true .group-title .bottom-text { margin-bottom: 0; } .lighttheme .value-prop.borderbox-true .group-title .bottom-link { color: #333; } .lighttheme .value-prop .group-title h2 { font-weight: 400; margin-bottom: 0.775rem; font-size: 1.69949rem; line-height: 2.325rem; color: #fff; } .lighttheme .value-prop .group-title .card-text { color: #fff; } .lighttheme .value-prop .group-title .bottom-link { color: #fff; font-weight: 400; text-decoration: none; padding-bottom: 0.31rem; } .lighttheme .value-prop .group-title .card-last { height: 70px; margin-bottom: 10px; } .lighttheme .value-prop .group-title .svg-icon { vertical-align: -0.03rem; } @media (min-width: 860px) { .lighttheme .value-prop { margin: 100px 0 100px 0; } } .darktheme .value-prop { margin: 60px 0 60px 0; } .darktheme .value-prop.borderbox-true { margin: 20px 0 20px 0; border: solid 1px #ccc; padding: 20px; background-color: #fff; } .darktheme .value-prop.borderbox-true .group-title h2 { color: #333; } .darktheme .value-prop.borderbox-true .group-title .card-text { color: #333; } .darktheme .value-prop.borderbox-true .group-title .bottom-text { margin-bottom: 0; } .darktheme .value-prop.borderbox-true .group-title .bottom-link { color: #333; } .darktheme .value-prop .group-title h2 { font-weight: 400; margin-bottom: 0.775rem; font-size: 1.69949rem; line-height: 2.325rem; color: #4c4c4c; } .darktheme .value-prop .group-title .card-text { color: #595959; } .darktheme .value-prop .group-title .bottom-link { color: #0079c1; font-weight: 400; text-decoration: none; padding-bottom: 0.31rem; } .darktheme .value-prop .group-title .card-last { height: 70px; margin-bottom: 10px; } .darktheme .value-prop .group-title .svg-icon { vertical-align: -0.03rem; } @media (min-width: 860px) { .darktheme .value-prop { margin: 100px 0 100px 0; } } .icon-ui-noicon { display: none; } .edc-about { position: relative; } @media (min-width: 641px) { .edc-about { display: -webkit-box; display: -ms-flexbox; display: flex; } } .edc-about-heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-position: 50%; background-size: 100% auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: background-size .4s; transition: background-size .4s; } @media (max-width: 640px) { .edc-about-heading { font-size: 12vw; line-height: 1.1; height: 50vh; } } @media (min-width: 641px) { .edc-about-heading { -ms-flex-preferred-size: 50%; flex-basis: 50%; font-size: 5vw; line-height: 1.1; height: 45vw; max-height: 45vh; width: 50vw; } } h2.edc-about-heading { font-weight: inherit; margin-top: 0; margin-bottom: 0; background-repeat: no-repeat; } .edc-about-heading:focus, .edc-about-heading:hover { background-size: 115% auto; } @media (min-width: 641px) { .edc-about-heading:focus a:after, .edc-about-heading:hover a:after { margin-left: 0; opacity: 1; } } .edc-about-heading a { color: #fff; text-decoration: none; } .edc-about-heading a:hover { color: #fff; } .edc-about-heading a:hover { text-decoration: none; } .edc-about-heading a:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2016%2016'%20fill='%23ffffff'%20width='1em'%20height='1em'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%2014.297l5.313-5.313H0V8h13.281L8%202.703V1.281L15.219%208.5%208%2015.719v-1.422z'/%3E%3C/svg%3E"); background-position: 20% 75%; background-size: 60%; content: ""; display: inline-block; fill: #fff; width: 1em; height: 1em; -webkit-transition: margin-left .4s, opacity .4s; transition: margin-left .4s, opacity .4s; vertical-align: top; background-repeat: no-repeat; } @media (max-width: 860px) { .edc-about-heading a:after { margin-left: 0; opacity: 1; } } @media (min-width: 861px) { .edc-about-heading a:after { margin-left: -1em; opacity: 0; } } .edc-about-citation { color: #bcbcbc; background-color: #323232; font: 11px/15px Helvetica Neue, Helvetica, sans-serif; padding: 5px 30px; text-align: center; z-index: 1; } @media (max-width: 640px) { .edc-about-citation { right: 0; bottom: 0; left: 0; position: absolute; } } @media (min-width: 641px) { .edc-about-citation { bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .edc-about-citation, .edc-about-citation:hover { text-decoration: none; } .edc-about-citation:focus, .edc-about-citation:hover { color: #fff; background-color: #222; } .cc-slides-slide.dark { color: #323232; /*background-color: rgba(255, 255, 255, 0.85);*/ } .cc-slides-slide.light { color: #fff; /*background-color: background-color: rgba(50, 50, 50, .85);*/ } .dark .cc-slides-label a { color: #333; } .dark .cc-slides-label a:hover { color: #333; } .home-slider .cc-slides { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0; padding-bottom: 0; position: relative; -webkit-transition: background-image .3s; transition: background-image .3s; } @media (max-width: 499px) { .home-slider .cc-slides { min-height: calc(100vh - 66px * 2); text-align: center; } } @media (min-width: 500px) { .home-slider .cc-slides { background-position: 50%; } } @media (min-width: 500px) and (max-width: 1280px) { .home-slider .cc-slides { min-height: calc(100vh - 75px - 66px * 2); } } @media (min-width: 1281px) { .home-slider .cc-slides { min-height: 70vh; height: 70vh; } } .home-slider .cc-slides:before { content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .home-slider .cc-slides:not([data-variation]), .home-slider .cc-slides[data-variation="0"] { color: #fff; } @media (max-width: 860px) { .home-slider .cc-slides:not([data-variation]):before, .home-slider .cc-slides[data-variation="0"]:before { background-color: rgba(0, 0, 0, 0.3); } } .home-slider .cc-slides[data-variation="1"] { color: #323232; } @media (max-width: 860px) { .home-slider .cc-slides[data-variation="1"]:before { background-color: rgba(255, 255, 255, 0.4); } } .home-slider .cc-slides-immediate-control > span, .home-slider .cc-slides-pagination-control > span { clip: rect(0 0 0 0); position: absolute; } .home-slider .cc-slides-immediate-control { border-style: none; cursor: pointer; opacity: 0; overflow: hidden; top: 0; bottom: 0; position: absolute; width: 32px; -webkit-transition: opacity .3s; transition: opacity .3s; } .home-slider .cc-slides-immediate-control:not(:focus) { clip: rect(0 0 0 0); } .home-slider .cc-slides-immediate-control:focus, .home-slider .cc-slides-immediate-control:hover { opacity: 1; } .home-slider .cc-slides-immediate-control:hover { outline-width: 0; } .home-slider .cc-slides-previous-control { background-image: -webkit-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); background-image: linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); left: 0; } .home-slider .cc-slides-next-control { background-image: -webkit-linear-gradient(left, rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.5)); background-image: linear-gradient(90deg, rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.5)); right: 0; } .home-slider .cc-slides-list { list-style-type: none; margin-left: 0; -webkit-transition: padding .4s; transition: padding .4s; height: 70vh; min-height: 70vh; width: 100%; min-width: 100%; } @media (max-width: 480px) { .home-slider .cc-slides-list { padding-right: 0; padding-left: 0; } } @media (min-width: 481px) and (max-width: 1280px) { .home-slider .cc-slides-list { padding-left: 0; padding-right: 0; } } @media (min-width: 1281px) { .home-slider .cc-slides-list { padding-left: 0; padding-right: 0; } } @media (min-width: 1487px) { .home-slider .cc-slides-list { padding-left: 0; padding-right: 0; } } .home-slider .cc-slides-slide { margin: 0; position: relative; } .home-slider .cc-slides-slide[aria-hidden=true] { display: none; } .home-slider .text-holder { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; min-height: 70vh; } .home-slider .cc-slides-label { font-weight: 300; letter-spacing: -.05em; margin: 0; max-width: 704px; text-shadow: none; -webkit-transition: font-size .4s; transition: font-size .4s; } @media (max-width: 480px) { .home-slider .cc-slides-label { font-size: 48px; line-height: 1; } } @media (min-width: 481px) and (max-width: 1280px) { .home-slider .cc-slides-label { font-size: 65px; line-height: 1; } } @media (min-width: 1281px) and (max-width: 1500px) { .home-slider .cc-slides-label { font-size: 72px; line-height: 1.04167; } } @media (min-width: 1501px) { .home-slider .cc-slides-label { font-size: 90px; line-height: 1.05556; } } .home-slider .cc-slides-label a { color: inherit; text-decoration: none; } .home-slider .cc-slides-label a:hover { color: inherit; text-decoration: none; } .home-slider .cc-slides-action { background-color: #0079c1; border-style: none; color: #fff; cursor: pointer; display: inline-block; font-size: 15px; font-size: .9375rem; font-weight: inherit; line-height: 24.8px; line-height: 1.55rem; padding: 4.96px 14.4px; padding: .31rem .9rem; text-decoration: none; -webkit-transition: background-color .05s linear, color .05s linear; transition: background-color .05s linear, color .05s linear; vertical-align: middle; white-space: nowrap; } @media (max-width: 499px) { .home-slider .cc-slides-action { max-width: 90vw; white-space: normal; } } .home-slider .cc-slides-action:focus, .home-slider .cc-slides-action:hover { color: #fff; background-color: #005e95; text-decoration: none; } .home-slider .cc-slides-label + .cc-slides-action { margin-top: 40px; } .home-slider .cc-slides-action:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23ffffff' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.297l5.313-5.313H0V8h13.281L8 2.703V1.281L15.219 8.5 8 15.719v-1.422z'/%3E%3C/svg%3E"); background-position: 100% 75%; background-size: .75em .75em; content: ""; display: inline-block; fill: #fff; width: 1em; height: 1em; background-repeat: no-repeat; } .home-slider .cc-slides-pagination-controls { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 1; } @media (min-width: 1281px) { .home-slider .cc-slides-pagination-controls { right: 0; bottom: -33px; left: 0; } } @media (max-width: 1280px) { .home-slider .cc-slides-pagination-controls { right: 33px; bottom: -33px; left: 33px; } } .home-slider .cc-slides-pagination-controls:not([data-require-js]) { display: -webkit-box; display: -ms-flexbox; display: flex; } .home-slider .cc-slides-pagination-control { background-color: #0079c1; background-position: 50%; background-size: cover; border-radius: 0; box-shadow: 0 0 0 3px transparent; cursor: pointer; display: block; padding: 0; -webkit-transition: box-shadow .2s, height .4s, outline-width .4s, width .4s, -webkit-filter .2s; transition: box-shadow .2s, height .4s, outline-width .4s, width .4s, -webkit-filter .2s; transition: box-shadow .2s, filter .2s, height .4s, outline-width .4s, width .4s; transition: box-shadow .2s, filter .2s, height .4s, outline-width .4s, width .4s, -webkit-filter .2s; } @media (max-width: 860px) { .home-slider .cc-slides-pagination-control { background-position: 100% 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; max-height: 100%; min-width: 66px; min-height: 66px; } } .home-slider .cc-slides-pagination-control:not(:hover) { overflow: hidden; } .home-slider .cc-slides-pagination-control:not([aria-current=true]):not(:hover):not(:focus) { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(1); filter: grayscale(1); } .home-slider .cc-slides-pagination-control:not(:first-child) { margin-left: 1.5px; } .home-slider .cc-slides-pagination-control:not(:last-child) { margin-right: 1.5px; } .home-slider .cc-slides-pagination-control:hover, .home-slider .cc-slides-pagination-control[aria-current=true] { outline-width: 0; } @media (min-width: 861px) { .home-slider .cc-slides-pagination-control { width: 176px; height: 66px; } } .home-slider .cc-slides-pagination-control[aria-current=true] { box-shadow: 0 0 0 3px #fff; } .home-slider .cc-slides[data-variation="1"] + .edc-scroll { background-color: rgba(50, 50, 50, 0.9); } .home-slider .cc-slides[data-variation="1"] + .edc-scroll:focus, .home-slider .cc-slides[data-variation="1"] + .edc-scroll:hover { background-color: #0079c1; } .home-slider .cc-slides[data-variation="1"] + .edc-scroll span { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 8' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 0 L 6 6 L 12 0 L 12 3 L 6.5 8 L 5.5 8 L 0 3'/%3E%3C/svg%3E"); fill: #fff; } .home-slider .edc-scroll { background-color: rgba(255, 255, 255, 0.9); border-radius: 50%; border-style: none; cursor: pointer; display: block; -ms-flex-preferred-size: auto; flex-basis: auto; margin-top: -50px; margin-right: auto; margin-left: auto; position: relative; width: 50px; height: 50px; top: -90px; -webkit-transition: background-color .4s; transition: background-color .4s; z-index: 2; } .home-slider .edc-scroll span { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 8' fill='%23323232' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 0 L 6 6 L 12 0 L 12 3 L 6.5 8 L 5.5 8 L 0 3'/%3E%3C/svg%3E"); background-position: 50%; background-size: 12px 8px; fill: #323232; top: 0; right: 0; bottom: 0; left: 0; position: absolute; -webkit-transition: background-image .4s; transition: background-image .4s; } .home-slider .edc-scroll:focus, .home-slider .edc-scroll:hover { background-color: #0079c1; -webkit-transition: 0ms; transition: 0ms; } .home-slider .edc-scroll:focus span, .home-slider .edc-scroll:hover span { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 8' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 0 L 6 6 L 12 0 L 12 3 L 6.5 8 L 5.5 8 L 0 3'/%3E%3C/svg%3E"); fill: #fff; -webkit-transition: 0ms; transition: 0ms; } @media (max-width: 699px) { .home-slider .edc-scroll { display: none; } } .home-slider button.cc-slides-pagination-control { border: 0; } @media (min-width: 500px) { .home-slider .gradient-bg-top.dark-gradient { background: -moz-linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); background: -webkit-linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); background: linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); } .home-slider .gradient-bg-top.dark-gradient .cc-slides-label { color: #fff; } .home-slider .gradient-bg-top.light-gradient { background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } .home-slider .gradient-bg-top.light-gradient .cc-slides-label { color: #323232; } } .home-slider .content-container { height: 70vh; min-height: 70vh; width: 100%; min-width: 100%; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } @media (max-width: 480px) { .home-slider .content-container { padding-right: 16px; padding-left: 16px; } } @media (min-width: 481px) and (max-width: 1280px) { .home-slider .content-container { padding-left: 36px; padding-right: 0; } } @media (min-width: 1281px) { .home-slider .content-container { padding-left: calc(50vw - 640px + 36px); padding-right: 0; } } @media (min-width: 1487px) { .home-slider .content-container { padding-left: calc(50vw - 1450px / 2); padding-right: 0; } } @media (min-width: 861px) { .edc-related.-dark .edc-related-message-content a { display: inline-block; text-decoration: none; background-position: 100% calc(100% - .05em); background-repeat: no-repeat; background-size: 200% 1px; position: relative; -webkit-transition: background-position-x .4s; transition: background-position-x .4s; background-image: -webkit-linear-gradient(left, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); background-image: linear-gradient(90deg, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); color: #49b0f2; text-shadow: -0.075em -0.05em 0 #323232, -0.125em 0 0 #323232, -0.075em 0 0 #323232, -0.05em 0 0 #323232, 0.05em 0 0 #323232, 0.075em 0 0 #323232, 0.125em 0 0 #323232 !important; } .edc-related.-dark .edc-related-message-content a:hover { text-decoration: none; background-position-x: 0; } .edc-related.-dark .edc-related-message-content a::selection { background-color: #b3d4fc; color: #000; text-shadow: none; } .edc-related.-dark .edc-related-message-content a::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; } .edc-related.-light .edc-related-message-content a::selection { background-color: #b3d4fc; color: #000; text-shadow: none; } .edc-related.-light .edc-related-message-content a::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; } } .edc-related-aside.light { background-color: rgba(50, 50, 50, 0.85); } .edc-related-aside.light .edc-related-category { color: #fff; } .edc-related-aside.light .edc-related-action { color: #fff; } .edc-related-aside.dark { background-color: rgba(255, 255, 255, 0.85); } .edc-related-aside.dark .edc-related-category { color: #323232; } .edc-related-aside.dark .edc-related-action { color: #323232; } @media (max-width: 860px) { .-dark .edc-related-message a.edc-related-message-tooltip { color: #49b0f2; } } .-dark.edc-related:first-child .edc-related-aside .edc-related-link:hover, .-dark.edc-related:first-child .edc-related-aside .edc-related-link:hover { background-color: #323232; } .edc-related.-dark .edc-related-aside.light:hover .edc-related-link { background-color: #323232; } /* Hero Video /* ========================================================================== */ .c-hero-video { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 50vh; overflow: hidden; position: relative; } @media (min-width: 1456px) { .c-hero-video { padding: 80px calc(50vw - 1424px / 2); } } @media (max-width: 1455px) { .c-hero-video { padding: 80px 20px; } } .c-hero-video::after { content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .c-hero-video.-dark { color: #fff; background-color: #000; } .c-hero-video.-dark::after { background-color: rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.05) 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.05) 100%); } @media (max-width: 1455px) { .c-hero-video.-dark::after { background-color: rgba(0, 0, 0, 0.4); } } .c-hero-video.-dark .c-hero-video-headline { text-shadow: 0 2px 1px rgba(0, 0, 0, 0.75), 2px 2px 32px rgba(0, 0, 0, 0.65); } .c-hero-video.-dark .c-hero-video-bodycopy { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75), 2px 2px 32px rgba(0, 0, 0, 0.65); } .c-hero-video.-light { color: #000; background-color: #fff; } .c-hero-video.-light::after { background-color: rgba(255, 255, 255, 0.2); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.05) 100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.05) 100%); } @media (max-width: 1455px) { .c-hero-video.-light::after { background-color: rgba(255, 255, 255, 0.4); } } .c-hero-video.-light .c-hero-video-headline { text-shadow: 0 2px 1px rgba(255, 255, 255, 0.55), 2px 2px 32px rgba(255, 255, 255, 0.45); } .c-hero-video.-light .c-hero-video-bodycopy { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.95), 2px 2px 32px rgba(255, 255, 255, 0.95); } /* Hero Video: Icon /* ========================================================================== */ .c-hero-video-icon { display: block; margin-bottom: 20px; width: 80px; height: 80px; } /* Hero Video: Content /* ========================================================================== */ .c-hero-video-content { position: relative; z-index: 1; } .c-hero-video-content img { height: 90px; } /* Hero Video: Headline /* ========================================================================== */ .c-hero-video-headline { letter-spacing: -.025em; -webkit-transition: font-size 75ms, line-height 75ms; transition: font-size 75ms, line-height 75ms; } @media (min-width: 1456px) { .c-hero-video-headline { color: #fff; font-size: 90px; line-height: 90px; letter-spacing: -3px; } } @media (max-width: 1455px) and (min-width: 616px) { .c-hero-video-headline { font-size: 60px; line-height: 70px; } } @media (max-width: 615px) { .c-hero-video-headline { font-size: 40px; line-height: 50px; } } /* Hero Video: Subhead /* ========================================================================== */ .c-hero-video-subhead { font-weight: 400; margin-top: 10px; margin-bottom: 0; -webkit-transition: font-size 75ms, line-height 75ms; transition: font-size 75ms, line-height 75ms; } @media (min-width: 616px) { .c-hero-video-subhead { font-size: 24px; line-height: 30px; } } @media (max-width: 615px) { .c-hero-video-subhead { font-size: 16px; line-height: 30px; } } /* Hero Video: Body Copy /* ========================================================================== */ .c-hero-video-bodycopy { margin-top: 0; margin-bottom: 0; max-width: 584px; -webkit-transition: font-size 75ms, line-height 75ms; transition: font-size 75ms, line-height 75ms; } @media (min-width: 616px) { .c-hero-video-bodycopy { font-size: 20px; line-height: 30px; } } @media (max-width: 615px) { .c-hero-video-bodycopy { font-size: 14px; line-height: 20px; } } .c-hero-video-bodycopy::before { background-color: #49b0f2; content: ""; display: block; margin-top: 20px; margin-bottom: 20px; width: 70px; height: 3px; } .c-hero-video-bodycopy > *:first-child { margin-top: 0; } .c-hero-video-bodycopy > *:last-child { margin-bottom: 0; } /* Hero Video: Video /* ========================================================================== */ .c-hero-video-video { -o-object-fit: cover; object-fit: cover; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; } .c-hero-video-video::-webkit-media-controls-start-playback-button { display: none; } .video-text-split { box-sizing: border-box; padding: 25px 0 50px 0; } .image-text-split { align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; -webkit-box-align: center; -ms-flex-align: center; width: 100%; } @media (max-width: 859px) { .image-text-split { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 859px) { .image-text-split .on-left { order: 1; } .image-text-split .on-right { order: 2; } } .image-text-split.light { color: white; } .image-text-split.dark { color: black; } @media (min-width: 1280px) { .img-split { -ms-flex-item-align: end; align-self: flex-end; } } .img-split img { display: block; } .video_modal { max-height: 480px; overflow: hidden; position: relative; text-align: center; } .video_modal .video_placeholder { max-width: 107%; height: 480px; } .video-text-split .video_placeholder { max-width: 100%; height: auto; } .video_play { background-color: rgba(255, 255, 255, 0.9); border-radius: 100%; height: 72px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all .25s ease-out; width: 72px; z-index: 5; } .video_play::after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #323232; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .video_play:hover { cursor: pointer; background: #0079c1; } .video_play:hover::after { border-left-color: #fff; } .video-text-split .image-text-split .on-right { padding: 0 30px; } .video-text-split .image-text-split .on-left { padding: 0 30px; } .video-text-split .image-text-split p.category { font-weight: 500; letter-spacing: 0.08em; font-size: 14px; margin-bottom: 5px; } .video-text-split .image-text-split .category-title { margin-bottom: 10px; line-height: 2.5rem; font-size: 2.40307rem; letter-spacing: -0.1rem; } /* Image Switcher /* ========================================================================== */ .c-image-switcher { min-height: 100vh; position: relative } @media (min-width: 1096px) { .c-image-switcher { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } /* Image Switcher: Content /* ========================================================================== */ .c-image-switcher-content { position: relative; -webkit-transition: padding 60ms; transition: padding 60ms } .c-image-switcher-images::after { width: 0; height: 0; border-top: 25px solid #fff; border-left: 25px solid transparent; border-right: 25px solid transparent; content: ""; top: -2px; left: 50%; position: absolute; transform: translateX(-50%); z-index: 1; } @media (min-width: 768px) { .c-image-switcher-images::after { width: 0; height: 0; border-top: 50px solid #fff; border-left: 50px solid transparent; border-right: 50px solid transparent; content: ""; top: -2px; left: 50%; position: absolute; transform: translateX(-50%); z-index: 1; } } @media (min-width: 1096px) { .c-image-switcher-content { box-sizing: border-box; padding: 80px; width: 50vw } .c-image-switcher-images::after { width: 0; height: 0; border-top: 35px solid transparent; border-bottom: 35px solid transparent; border-right: 35px solid #fff; content: ""; top: calc(50% - 86px / 2); left: 100%; position: absolute; transform: translateX(-100%); z-index: 1; } } @media (max-width: 1095px) { .c-image-switcher-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 20px 40px } } .c-image-switcher-headline { font-size: 40px; line-height: 50px; font-weight: 300; max-width: 600px; } .c-image-switcher-bodycopy { font-size: 17px; line-height: 25px; max-width: 600px; } /* Image Switcher: Links /* ========================================================================== */ .c-image-switcher-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 1456px) { .c-image-switcher-links { max-height: 400px; max-width: 600px } } @media (min-width: 1096px) { .c-image-switcher-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media (max-width: 1095px) { .c-image-switcher-links { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 128px; margin-top: calc(100vh - 64px * 2); margin-right: auto; margin-left: auto; max-width: 384px } } @media (max-width: 495px) { .c-image-switcher-links { max-width: 256px } } .c-image-switcher-link { box-sizing: border-box; color: #595959; background-color: $white; text-decoration: none; -webkit-transition: background-color 180ms, box-shadow 180ms; transition: background-color 180ms, box-shadow 180ms; min-height:80px; } .c-image-switcher-link:nth-child(1) { box-shadow: inset 1px 0 #ccc, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px #ccc; } .c-image-switcher-link:nth-child(2) { box-shadow: inset 1px 0 transparent, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px #ccc; } .c-image-switcher-link:nth-child(3) { box-shadow: inset 1px 0 transparent, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px #ccc; } .c-image-switcher-link:nth-child(4) { box-shadow: inset 1px 0 transparent, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px #ccc; } .c-image-switcher-link:nth-child(5) { box-shadow: inset 1px 0 #ccc, inset -1px 0 #ccc, inset 0 1px transparent, inset 0 -1px #ccc; } .c-image-switcher-link:nth-child(6) { box-shadow: inset 1px 0 transparent, inset -1px 0 #ccc, inset 0 1px transparent, inset 0 -1px #ccc; } .c-image-switcher-link:hover { text-decoration: none; } @media (min-width: 768px) { .c-image-switcher-link:nth-child(5) { box-shadow: inset 1px 0 transparent, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px #ccc; } .c-image-switcher-link:nth-child(6) { box-shadow: inset 1px 0 transparent, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px #ccc; } } @media (min-width: 1096px) { .c-image-switcher-link { box-sizing: border-box; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 10px 10px 10px 25px } .c-image-switcher-link:nth-child(1) { box-shadow: inset 1px 0 #ccc, inset -1px 0 transparent, inset 0 1px #ccc, inset 0 -1px transparent; } .c-image-switcher-link:nth-child(2) { box-shadow: inset 1px 0 #ccc, inset -1px 0 transparent, inset 0 1px #ccc, inset 0 -1px transparent; } .c-image-switcher-link:nth-child(3) { box-shadow: inset 1px 0 #ccc, inset -1px 0 transparent, inset 0 1px #ccc, inset 0 -1px #ccc; } .c-image-switcher-link:nth-child(4) { box-shadow: inset 1px 0 #ccc, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px transparent; } .c-image-switcher-link:nth-child(5) { box-shadow: inset 1px 0 #ccc, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px transparent; } .c-image-switcher-link:nth-child(6) { box-shadow: inset 1px 0 #ccc, inset -1px 0 #ccc, inset 0 1px #ccc, inset 0 -1px #ccc; } } @media (max-width: 1095px) { .c-image-switcher-link { padding: 8px } } @media (min-width: 1456px) { .c-image-switcher-link:nth-last-child(5):first-child:nth-child(3), :nth-last-child(5):first-child ~ .c-image-switcher-link:nth-child(3) { margin-bottom: 160px } .c-image-switcher-link:nth-last-child(6):first-child:nth-child(3), :nth-last-child(6):first-child ~ .c-image-switcher-link:nth-child(3) { margin-bottom: 160px } .c-image-switcher-link:nth-last-child(7):first-child:nth-child(4), :nth-last-child(7):first-child ~ .c-image-switcher-link:nth-child(4) { margin-bottom: 80px } .c-image-switcher-link:nth-last-child(8):first-child:nth-child(4), :nth-last-child(8):first-child ~ .c-image-switcher-link:nth-child(4) { margin-bottom: 80px } } .c-image-switcher-link:hover, .c-image-switcher-link:focus, .c-image-switcher-link[aria-selected="true"] { color: #000000; outline: none; z-index: 1; } @media (min-width: 1096px) { .c-image-switcher-link:hover, .c-image-switcher-link:focus, .c-image-switcher-link[aria-selected="true"] { box-shadow: inset 3px 0 #0079c1, inset -1px 0 #0079c1, inset 0 1px #0079c1, inset 0 -1px #0079c1; } } @media (max-width: 1095px) { .c-image-switcher-link:hover, .c-image-switcher-link:focus, .c-image-switcher-link[aria-selected="true"] { box-shadow: 0 0 0 .5px #0079c1, inset 0 0 0 .5px #0079c1, inset 0 3px 0 0 #0079c1; } } .c-image-switcher-link[aria-selected="true"] { background-color: #e2f1fb } .c-image-switcher-link-image, .c-image-switcher-link-title { display: inline-block; vertical-align: middle; } .c-image-switcher-link-image { border-radius: 50% } @media (min-width: 1096px) { .c-image-switcher-link-image { margin-right: 20px; width: 60px; height: 60px } } @media (max-width: 1095px) { .c-image-switcher-link-image { width: 48px; height: 48px } } @media (min-width: 1096px) { .c-image-switcher-link-title { max-height: 60px; max-width: 180px } } @media (max-width: 1095px) { .c-image-switcher-link-title { display: none } } /* Image Switcher: Images /* ========================================================================== */ @media (min-width: 1096px) { .c-image-switcher-images { height: 100%; top: 0; left: 0; position: absolute; width: 50% } } @media (max-width: 1095px) { .c-image-switcher-images { height: calc(100vh - 188px); right: 0; bottom: 188px; left: 0; position: absolute } } .c-image-switcher-image { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media (min-width: 1096px) { .c-image-switcher-image { top: 0; bottom: 0; left: 0; position: absolute; width: 100% } } @media (max-width: 1095px) { .c-image-switcher-image { top: 0; right: 0; bottom: 0; left: 0; position: absolute } } .c-image-switcher-image[aria-hidden="true"] { display: none } .c-image-switcher-image-image { -o-object-fit: cover; object-fit: cover; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; } .c-image-switcher-image-content { color: #ffffff; background-color: rgba(255, 255, 255, 0.9); position: relative; -webkit-transition: margin-bottom 60ms; transition: margin-bottom 60ms } @media (min-width: 1096px) { .c-image-switcher-image-content { margin: 15px 15px 100px; max-width: 430px; padding: 30px } } @media (max-width: 1095px) { .c-image-switcher-image-content { margin: 15px; padding: 30px } } @media (min-width: 736px) { .c-image-switcher-image-title { font-size: 24px; line-height: 30px; font-weight: 300 } } @media (max-width: 735px) { .c-image-switcher-image-title { font-size: 16px; line-height: 20px; font-weight: 300 } } .c-image-switcher-image-bodycopy { -webkit-transition: font-size 60ms, line-height 60ms; transition: font-size 60ms, line-height 60ms } @media (min-width: 736px) { .c-image-switcher-image-bodycopy { font-size: 16px; line-height: 25px } } @media (max-width: 735px) { .c-image-switcher-image-bodycopy { font-size: 15px; line-height: 20px } } .c-image-switcher-image-bodycopy a { color: #49b0f2; text-decoration: none } .c-image-switcher-image-bodycopy :last-child { margin-bottom: 0 } .group_desc { letter-spacing: .06rem; } .ind-resources_block-group-news a:hover { text-decoration: none; } .ind-resources_block-group-news a:hover .icon-link .icon { color: #0079c1; } .ind-resources_block-group-news a .icon-link .icon { color: #4d4d4d; } /* Quote Carousel /* ========================================================================== */ .quotousel { min-height: 45vh; position: relative; } .quotousel-list { margin: 0; padding: 0; } .quotousel-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; min-height: 45vh; padding: 3vh 0 4vh 0; } .quotousel-item.is-hidden { display: none; } .quotousel-item.is-visible { opacity: 1; } .quotousel-item p { margin: 0; padding: 0; } .quotousel .edc-quotousel-item[hidden] { display: none; } .quotousel-quotation { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2064%2064'%20color='%23323232'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M62%2016.922V7.223c-9.963%200-18.603%205.643-22.913%2013.904a25.712%2025.712%200%200%200-2.92%2011.93V56h18.54A7.292%207.292%200%200%200%2062%2048.708V33.057H45.865c0-8.91%207.224-16.135%2016.135-16.135zM5.087%2021.127a25.712%2025.712%200%200%200-2.92%2011.93V56h18.54A7.292%207.292%200%200%200%2028%2048.708V33.057H11.865c0-8.91%207.224-16.135%2016.135-16.135V7.223c-9.963%200-18.603%205.643-22.913%2013.904z'%20fill='rgba%2850%2C%2050%2C%2050%2C%20.6%29'/%3E%3Cpath%20d='M0%200h64v64H0z'%20fill='none'/%3E%3C/svg%3E"); background-size: 53px 47px; background-repeat: no-repeat; box-sizing: border-box; color: #323232; font-size: 1.25rem; line-height: 1.25; padding-top: 60px; -webkit-transition: font-size .2s; } .quotousel-citation { color: #595959; display: block; font-size: 1.25rem; font-style: normal; margin-top: 1em; padding-top: 1em; position: relative; } .quotousel-citation::before { background-color: #a9a9a9; content: ""; display: block; height: 1px; position: absolute; top: 0; width: 42px; } .quotousel-controls { bottom: 25px; left: 50%; position: absolute; transform: translateX(-50%); text-align: center; } @media screen and (max-width: 736px) { .quotousel-controls { bottom: 5px; } } .quotousel-control { border-radius: 50%; border-style: none; box-shadow: inset 0 0 0 1px #959595; height: 12px; margin-right: 7px; margin-left: 7px; padding: 0; width: 12px; } .quotousel-control:hover { box-shadow: inset 0 0 0 2px #0079c1; } .quotousel-control:focus { outline: none; box-shadow: inset 0 0 0 1px #0079c1; } .quotousel [aria-pressed="true"] { background-color: #0079c1; box-shadow: inset 0 0 0 1px #0079c1; } .quotousel [aria-pressed="false"] { background-color: transparent; } .quotousel blockquote { border-left: none; width: 80%; max-width: 50em; margin: 0; } @media screen and (max-width: 736px) { .quotousel blockquote { margin-bottom: 1rem; } } [data-tooltip] { position: relative } [data-tooltip]:after, [data-tooltip]:before { opacity: 0; left: 50%; position: absolute; -webkit-transform: translate(-50%, 15px); transform: translate(-50%, 15px); -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-transform .2s } [data-tooltip]:before { bottom: calc(100% + 5px + 4px); content: attr(data-tooltip); text-decoration: none } [data-tooltip]:after { border: 5px solid transparent; bottom: calc(100% - 4px + 4px); content: "" } [data-tooltip]:before { color: #fff; background-color: #4c4c4c; font-size: 14px; line-height: 1.07143; padding: 9.5px 12px; text-align: center; -webkit-transform: translate(-50%, 15px); transform: translate(-50%, 15px) } .-dark [data-tooltip]:before { color: #323262; background-color: #e6e6e6; } @media (min-width: 861px) { [data-tooltip]:before { white-space: nowrap } } [data-tooltip]:after { border-top-color: #4c4c4c } .-dark [data-tooltip]:after { border-top-color: #e6e6e6 } [data-tooltip]:hover:after, [data-tooltip]:hover:before { opacity: 1; -webkit-transform: translate(-50%); transform: translate(-50%) } .edc-related { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden } @media (max-width: 480px) { .edc-related { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh } } @media (min-width: 481px) and (max-width: 860px) { .edc-related { -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 50vh } } .edc-related:first-child, .edc-related:first-child~.edc-related:nth-child(odd), :not(.edc-related)+.edc-related, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(2n), :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(odd) { color: #323232; background-color: #fff } .edc-related:first-child~.edc-related:nth-child(2n), :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd), :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) { color: #fff; background-color: #323232 } @media (min-width: 481px) { .edc-related:first-child~.edc-related:nth-child(2n), :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd), :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } @media (orientation: landscape) { .edc-related-message { font-size: 3.4vw } } @media (orientation: portrait) { .edc-related-message { font-size: 3.4vh } } .edc-related-message { font-size: 3.4vmax; line-height: 1.15; font-weight: 100; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: -.03em; margin: 0; padding: 33px; -webkit-transition: font-size .2s; transition: font-size .2s } @media (max-width: 480px) { .edc-related-message { font-size: 32px; line-height: 1.094; padding: 15% 10%; text-align: center } } @media (min-width: 481px) and (max-width: 860px) { .edc-related-message { font-size: 35px; line-height: 1.086; padding-right: 22px; padding-left: 22px; width: calc(50vw + 22px) } } @media (min-width: 861px) { .edc-related-message { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } @media (min-height: 2059px), (min-width: 2059px) { .edc-related-message { font-size: 70px } } .edc-related-message [data-tooltip]:before { bottom: calc(100% - 4px); font-weight: 400; letter-spacing: 0; text-shadow: none } .edc-related-message [data-tooltip]:after { bottom: calc(100% - 4px - 10px) } .edc-related:first-child~.edc-related:nth-child(2n) [data-tooltip]:before, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) [data-tooltip]:before, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) [data-tooltip]:before { color: #323232; background-color: #e6e6e6 } .edc-related:first-child~.edc-related:nth-child(2n) [data-tooltip]:after, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) [data-tooltip]:after, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) [data-tooltip]:after { border-top-color: #e6e6e6 } .edc-related-message-content { display: block; max-width: 12.75em; font-weight: 300; position: relative; z-index: 9999; } .edc-related-message-content a { display: inline-block; text-decoration: none } @media (min-width: 861px) { .edc-related-message-content a { background-position: 100% calc(100% - .05em); background-repeat: no-repeat; background-size: 200% 1px; position: relative; -webkit-transition: background-position-x .4s; transition: background-position-x .4s } .edc-related-message-content a:focus, .edc-related-message-content a:hover { background-position-x: 0 } .edc-related:first-child .edc-related-message-content a, .edc-related:first-child~.edc-related:nth-child(odd) .edc-related-message-content a, :not(.edc-related)+.edc-related .edc-related-message-content a, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(2n) .edc-related-message-content a, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(odd) .edc-related-message-content a { background-image: -webkit-linear-gradient(left, #0079c1 calc(50% - 1px), #ccc calc(50% - 1px)); background-image: linear-gradient(90deg, #0079c1 calc(50% - 1px), #ccc calc(50% - 1px)); color: #0079c1; text-shadow: -.075em -.05em 0 #fff, -.125em 0 0 #fff, -.075em 0 0 #fff, -.05em 0 0 #fff, .05em 0 0 #fff, .075em 0 0 #fff, .125em 0 0 #fff } .edc-related:first-child~.edc-related:nth-child(2n) .edc-related-message-content a, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) .edc-related-message-content a, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) .edc-related-message-content a { background-image: -webkit-linear-gradient(left, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); background-image: linear-gradient(90deg, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); color: #49b0f2; text-shadow: -.075em -.05em 0 #323232, -.125em 0 0 #323232, -.075em 0 0 #323232, -.05em 0 0 #323232, .05em 0 0 #323232, .075em 0 0 #323232, .125em 0 0 #323232 } .edc-related.-dark .edc-related-message-content p a{ /* border: solid 1px #f00; */ background-image: -webkit-linear-gradient(left, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); background-image: linear-gradient(90deg, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); color: #49b0f2; text-shadow: -.075em -.05em 0 #323232, -.125em 0 0 #323232, -.075em 0 0 #323232, -.05em 0 0 #323232, .05em 0 0 #323232, .075em 0 0 #323232, .125em 0 0 #323232 } } .edc-related-message-content a:hover { text-decoration: none } @media (max-width: 860px) { .edc-related-message-content a, .edc-related-message-content a:hover { color: inherit } } .edc-related-message-tooltip { display: block; font-size: 16px; letter-spacing: 0; line-height: 1.5; margin-top: 18px; text-decoration: none } .edc-related:first-child .edc-related-message-tooltip, .edc-related:first-child~.edc-related:nth-child(odd) .edc-related-message-tooltip, :not(.edc-related)+.edc-related .edc-related-message-tooltip, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(2n) .edc-related-message-tooltip, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(odd) .edc-related-message-tooltip { color: #0079c1 } .edc-related:first-child~.edc-related:nth-child(2n) .edc-related-message-tooltip, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) .edc-related-message-tooltip, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) .edc-related-message-tooltip { color: #49b0f2 } .edc-related-message-tooltip:after { content: ""; display: inline-block; margin-left: .25em; width: .8em; height: .8em } .edc-related:first-child .edc-related-message-tooltip:after, .edc-related:first-child~.edc-related:nth-child(odd) .edc-related-message-tooltip:after, :not(.edc-related)+.edc-related .edc-related-message-tooltip:after, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(2n) .edc-related-message-tooltip:after, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(odd) .edc-related-message-tooltip:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%230079c1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.297l5.313-5.313H0V8h13.281L8 2.703V1.281L15.219 8.5 8 15.719v-1.422z'/%3E%3C/svg%3E"); background-repeat: no-repeat; fill: #0079c1 } .edc-related:first-child~.edc-related:nth-child(2n) .edc-related-message-tooltip:after, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) .edc-related-message-tooltip:after, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) .edc-related-message-tooltip:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%2349b0f2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.297l5.313-5.313H0V8h13.281L8 2.703V1.281L15.219 8.5 8 15.719v-1.422z'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .edc-related-aside { background-position: 50% 50%; background-size: auto 100%; display: block; overflow: hidden; position: relative; -webkit-transition: background-size .35s ease-out, -webkit-transform .2s ease-out; transition: background-size .35s ease-out, -webkit-transform .2s ease-out; transition: background-size .35s ease-out, transform .2s ease-out; transition: background-size .35s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out } @media (max-width: 480px) { .edc-related-aside { margin: 16px; width: calc(100vw - 16px * 2); height: 75vw } } @media (min-width: 481px) and (max-width: 1280px) { .edc-related-aside { width: 44vw; height: 33vw } } @media (min-width: 1281px) { .edc-related-aside { min-width: 400px; min-height: 300px; width: 60vmin; height: 45vmin } } .edc-related-aside:focus, .edc-related-aside:hover { background-size: auto 108% } .edc-related-link { padding: 16px; padding-right: 30px; right: 0; bottom: 0; left: 0; position: absolute; text-decoration: none; -webkit-transition: background-color .4s; transition: background-color .4s } .edc-related:first-child .edc-related-link, .edc-related:first-child~.edc-related:nth-child(odd) .edc-related-link, :not(.edc-related)+.edc-related .edc-related-link, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(2n) .edc-related-link, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(odd) .edc-related-link { color: #323232; background-color: rgba(255, 255, 255, 0.85) } .edc-related:first-child .edc-related-aside:focus .edc-related-link, .edc-related:first-child .edc-related-aside:hover .edc-related-link, .edc-related:first-child~.edc-related:nth-child(odd) .edc-related-aside:focus .edc-related-link, .edc-related:first-child~.edc-related:nth-child(odd) .edc-related-aside:hover .edc-related-link, :not(.edc-related)+.edc-related .edc-related-aside:focus .edc-related-link, :not(.edc-related)+.edc-related .edc-related-aside:hover .edc-related-link, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(2n) .edc-related-aside:focus .edc-related-link, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(2n) .edc-related-aside:hover .edc-related-link, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(odd) .edc-related-aside:focus .edc-related-link, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(odd) .edc-related-aside:hover .edc-related-link { background-color: #fff } .-dark.edc-related:first-child .edc-related-aside .edc-related-link, .-dark.edc-related:first-child .edc-related-aside .edc-related-link { background-color: rgba(50, 50, 50, .85); color: #fff; } .edc-related:first-child~.edc-related:nth-child(2n) .edc-related-link, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) .edc-related-link, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) .edc-related-link { color: #fff; background-color: rgba(50, 50, 50, .85) } .edc-related:first-child~.edc-related:nth-child(2n) .edc-related-aside:focus .edc-related-link, .edc-related:first-child~.edc-related:nth-child(2n) .edc-related-aside:hover .edc-related-link, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) .edc-related-aside:focus .edc-related-link, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) .edc-related-aside:hover .edc-related-link, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) .edc-related-aside:focus .edc-related-link, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) .edc-related-aside:hover .edc-related-link { background-color: #323232 } .edc-related-category { display: block; font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: .12em; opacity: .7; text-transform: uppercase } @media (orientation: landscape) { .edc-related-action { font-size: 1.5vw } } @media (orientation: portrait) { .edc-related-action { font-size: 1.5vh } } .edc-related-action { display: block; font-size: 1.5vmax; line-height: 1.3 } @media (max-width: 1280px) { .edc-related-action { font-size: 20px } } .edc-related-category+.edc-related-action { margin-top: .25em } .edc-related-action span:after { background-position: 100% 75%; background-size: .75em .75em; content: ""; display: inline-block; fill: #323232; margin-left: -1em; opacity: 0; position: absolute; width: 1em; height: 1em; -webkit-transition: margin-left .4s, opacity .4s; transition: margin-left .4s, opacity .4s; vertical-align: top; background-repeat: no-repeat; } .-light .edc-related-action span:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23232323' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.297l5.313-5.313H0V8h13.281L8 2.703V1.281L15.219 8.5 8 15.719v-1.422z'/%3E%3C/svg%3E"); } .-dark .edc-related-action span:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23ffffff' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.297l5.313-5.313H0V8h13.281L8 2.703V1.281L15.219 8.5 8 15.719v-1.422z'/%3E%3C/svg%3E"); } .edc-related-aside:focus .edc-related-action span:after, .edc-related-aside:hover .edc-related-action span:after { margin-left: 0; opacity: 1 } .edc-related:first-child~.edc-related:nth-child(2n) .edc-related-action span:after, :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd) .edc-related-action span:after, :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) .edc-related-action span:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.297l5.313-5.313H0V8h13.281L8 2.703V1.281L15.219 8.5 8 15.719v-1.422z'/%3E%3C/svg%3E"); fill: #fff; background-repeat: no-repeat; } .edc-related.-light { color: #000000; background-color: #ffffff } .edc-related.-dark, .edc-related.-dark * a { color: #ffffff; background-color: #323232; text-shadow: none !important; } @media(min-width: 481px){ .edc-related.ILTR, .edc-related.ILTR * a { flex-direction: row-reverse; } } .esri-search-box { width: 500px; margin: 0 auto; padding: 20px; margin-top: 20px; position: relative; } .search-component { position: relative; width: 360px; border-bottom: solid 1px #a9a9a9; } .esri-search-textfield { width: 300px; display: inline-block; border: none; box-shadow: none; height: 50px; color: #828282; font-size: 18px; } .esri-search-button-submit { display: inline-block; position: absolute; bottom: 8px; right: 12px; border: none; width: 32px; height: 32px; background: url("data:image/svg+xml;base64, PHN2ZyB2aWV3Qm94PScwIDAgMTYgMTYnIHN0eWxlPSdmaWxsOiM1OTU5NTYnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTE1LjM2NCAxNC42MzZMOS43MzUgOS4wMDhhNS41IDUuNSAwIDEgMC0uNzA2LjcwOGw1LjYyOCA1LjYyNy43MDctLjcwN3pNMSA1LjVDMSAzLjAxOSAzLjAxOSAxIDUuNSAxUzEwIDMuMDE5IDEwIDUuNSA3Ljk4MSAxMCA1LjUgMTAgMSA3Ljk4MSAxIDUuNXonLz48L3N2Zz4=") no-repeat center center; } .esri-search-button-submit:hover { background-color: transparent; } hr { margin: 20px 0; } @media screen and (max-width: 1368px) and (min-width: 1280px) { hr { margin: 10px 0; } } hr.small { width: 15%; text-align: left; } hr.x-small { background: #3fa6ff; border-top: none; height: 3px; width: 50px; text-align: left; margin: 0 0 15px; } hr.x-small.light-blue { background: #49b0f2; } hr.x-small.center { display: inline-block; } hr.x-small.right-separator { margin-left: calc(100% - 50px); } @media (max-width: 600px) { hr.x-small { display: inline-block; } } .title img ~ * { box-sizing: border-box; padding: 10px 0 0; margin-bottom: 15px; } .featured-image { background-position: center 5%; background-repeat: no-repeat; background-size: 80%; padding: 50px 20px; overflow: auto; } .featured-image.dark { background-color: #323232; } .featured-image.light { background-color: #fff; } @media (min-width: 768px) { .featured-image { background-size: 50%; } } @media (min-width: 1024px) { .featured-image { background-size: 50%; background-position: 85% 35%; padding: 0; } } .light .text-overlay { background-color: #fff; } @media (min-width: 1024px) { .light .text-overlay { background-color: rgba(255, 255, 255, 0.9); min-height: 100vh; } } .dark .text-overlay { background-color: #323232; } @media (min-width: 1024px) { .dark .text-overlay { background-color: rgba(59, 59, 59, 0.95); min-height: 100vh; } } .c-panelled-content { padding-top: 200px; } @media (min-width: 568px) { .c-panelled-content { padding-top: 350px; } } @media (min-width: 768px) { .c-panelled-content { padding-top: 200px; } } @media (min-width: 1024px) { .c-panelled-content { float: left; padding-top: 0; width: 50%; } } .c-panelled-inner ul { margin-left: -0.5rem; color: #bcbcbc; } .c-panelled-inner P { color: #bcbcbc; } @media (min-width: 1024px) { .c-panelled-inner { padding-top: 6.2rem; margin-top: 10%; float: right; width: 500px; padding-right: 70px; } } .resource-block, .resource-block-card { position: relative; } .resource-block { transition: all .25s ease-in-out; } .resource-block.what-you-get .padding-all-20 { min-height: 150px; } @media screen and (max-width: 480px) { .resource-block-card { margin: 10px 0; } } .resource-block-card h4, .resource-block-card p { margin: 0; } .resource-block-card h4 { font-size: 22px; } .resource-block-card p { font-size: 14px; line-height: 1.5; } @media screen and (max-width: 640px) { .resource-block-card h4 { font-size: 16px; } .resource-block-card p { font-size: 14px; } } .resource-block-card-icon { position: relative; height: 125px; width: 100%; } .resource-block-card-icon .icon-img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 42px; padding: 0; } .resource-block-card-icon.spatial-analysis-1 { background: url(../components/img/desktop/Extension_3D-analyst.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.spatial-analysis-2 { background: url(../components/img/desktop/Extension_geostatistical.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.spatial-analysis-3 { background: url(../components/img/desktop/Extension_network-analyst.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.spatial-analysis-4 { background: url(../components/img/desktop/Extension_schematics.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.spatial-analysis-5 { background: url(../components/img/desktop/Extension_spatial-analyst.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.spatial-analysis-6 { background: url(../components/img/desktop/Extension_tracking-analyst.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.data-workflows-1 { background: url(../components/img/desktop/Extension_data-interoperability.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.data-workflows-2 { background: url(../components/img/desktop/Extension_data-reviewer.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.data-workflows-3 { background: url(../components/img/desktop/Extension_arcgis-publisher.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.data-workflows-4 { background: url(../components/img/desktop/Extension_workflow-manager.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.industry-focused-1 { background: url(../components/img/desktop/Extension_aviation-airports.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.industry-focused-2 { background: url(../components/img/desktop/Extension_aviation-charting.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.industry-focused-3 { background: url(../components/img/desktop/Extension_maritime-bathymetry.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.industry-focused-4 { background: url(../components/img/desktop/Extension_maritime-charting.jpg) top center no-repeat; } .resource-block-card-icon.industry-focused-5 { background: url(../components/img/desktop/Extension_defense-mapping.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.industry-focused-6 { background: url(../components/img/desktop/Extension_production-mapping.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.industry-focused-7 { background: url(../components/img/desktop/Extension_roads-and-highways.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.add-ons-1 { background: url(../components/img/desktop/Extension_infographics.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.add-ons-2 { background: url(../components/img/desktop/Extension_openstreetmap.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.add-ons-3 { background: url(../components/img/desktop/Extension_districting.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.add-ons-4 { background: url(../components/img/desktop/Extension_esri-s57.jpg) top center no-repeat; } .resource-block-card-icon.add-ons-5 { background: url(../components/img/desktop/Extension_geoportal-add-ons.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.add-ons-6 { background: url(../components/img/desktop/Extension_wmcclient.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.add-ons-7 { background: url(../components/img/desktop/Extension_defense-NITF.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.gis-cap-1 { background: url(../components/img/enterprise/Capability_1.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.gis-cap-2 { background: url(../components/img/enterprise/Capability_2.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.gis-cap-3 { background: url(../components/img/enterprise/Capability_3.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.gis-cap-4 { background: url(../components/img/enterprise/Capability_4.jpg) top center no-repeat; background-size: cover; } .resource-block-card-icon.gis-cap-5 { background: url(../components/img/enterprise/Capability_5.jpg) top center no-repeat; background-size: cover; } .resource-block-card-title { position: absolute; bottom: 0; box-sizing: border-box; padding: 5px 0 5px 20px; width: 100%; } .resource-block-card-content { border: 1px solid #595959; border-top: none; box-sizing: border-box; width: 100%; } .resource-block-card-content .padding-all-20 { min-height: 220px; } .resource-block-card-content.what-you-get { background: #323232; padding: 0; min-height: auto; } .resource-block-card-content.what-you-get .padding-all-20 { min-height: 200px; } .resource-block-card-content.enterprise-resources { min-height: auto; padding: 0; } .resource-block-card-content.enterprise-resources .padding-all-20 { min-height: 240px; } @media screen and (max-width: 640px) { .resource-block-card-content { min-height: 325px; padding: 10px; } .resource-block-card-content .learn-more { font-size: 14px; } } .resource-block-card-action button { transition: all .2s ease-in-out; width: 100%; } .resource-block.show-me { display: block; } .resource-block.hide-me { display: none; } .resource-block.light-blue .resource-block-card-icon { background: #6db5e3; } .resource-block.light-blue .resource-block-card-title { background: rgba(50, 50, 50, 0.8); color: #efefef; } .resource-block.yellow .resource-block-card-icon { background: #bda726; } .resource-block.yellow .resource-block-card-title { background: rgba(50, 50, 50, 0.8); color: #efefef; } .resource-block.blue .resource-block-card-icon { background: #0079c1; } .resource-block.blue .resource-block-card-title { background: #d2e9f9; } .resource-block.orange .resource-block-card-icon { background: #d17e21; } .resource-block.orange .resource-block-card-title { background: rgba(50, 50, 50, 0.8); color: #efefef; } .resource-block.purple .resource-block-card-icon { background: #9182db; } .resource-block.purple .resource-block-card-title { background: rgba(50, 50, 50, 0.8); color: #efefef; } .resource-block.green .resource-block-card-icon { background: #68aa77; } .resource-block.green .resource-block-card-title { background: rgba(50, 50, 50, 0.8); color: #efefef; } .resource-block.light-green .resource-block-card-icon { background: #b4e25c; } .resource-block.light-green .resource-block-card-title { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.6); } .resource-block .resource-block-card-content .card-text p { color: #A9A9A5; } .resource, .resource-topics { position: relative; } .resource-block.brown .resource-block-card-icon { background: #b88b55; } .resource-block.brown .resource-block-card-title { background: rgba(50, 50, 50, 0.8); color: #efefef; } .resource-block.gray .resource-block-card-icon { background: #4c4c4c; } .resource-block.gray .resource-block-card-title { background: #efefef; } .resource-block.dark .resource-block-card-content { border: thin solid #4c4c4c; } .resource-block.dark .text-light-blue { color: #49b0f2; } .resource .topic { font-weight: 500; letter-spacing: .1em; padding: 20px 0; } .resource .topic:hover { cursor: pointer; color: #fff; } .resource .is-active { color: #fff; } .resource-topics { min-height: 69px; border-bottom: thin solid #595959; } .resource-topics .resource-selected { position: absolute; left: 0; background: #49b0f2; bottom: 0; height: 3px; transition: all .25s ease-in-out; } .resource-block-card .cta-link { box-sizing: border-box; padding: 5px 15px; position: relative; } .resource-block-card .cta-link a { display: inline-block; position: relative; color: #56a5d8; transition: all .35s ease-out; font-size: 17px; } .resource-block-card .cta-link a::after { background: url("https://webapps-cdn-dev.esri.com/CDN/page-templates/industries/public-safety/images/Icon-Right-Arrow-White.svg"); content: ''; display: block; height: 12px; left: 90%; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: left .15s ease-out, opacity .15s ease-out; width: 12px; } .resource-block-card:hover { outline: 0 !important; color: #74c6ff; } .resource-block-card:hover .cta-link a::after { left: 105%; opacity: 1; } /* v.1 */ .card-logo-text .lighttheme .card-logo { overflow: hidden; text-align: left; min-height: 240px; box-sizing: border-box; padding: 20px; } .card-logo-text .lighttheme .card-logo.icon-true { min-height: 64px; } @media screen and (min-width: 462px) { .card-logo-text .lighttheme .card-logo { position: relative; } } .card-logo-text .lighttheme .card-logo img { position: relative; fill: #4c4c4c; } @media screen and (min-width: 462px) { .card-logo-text .lighttheme .card-logo img { position: absolute; bottom: 0; left: 0; } } .card-logo-text .lighttheme .card-logo img.icon-true { width: 64px; height: auto; } .card-logo-text .lighttheme .card-content h3 { color: #fff; font-size: 1.414rem; margin: 0 0 20px 0; letter-spacing: -0.05rem; line-height: 1.55rem; min-height: 52px; } .card-logo-text .lighttheme .card-content .card-text { color: rgba(255, 255, 255, 0.75); font-size: 0.9375rem; line-height: 1.55rem; } .card-logo-text .lighttheme .card-content p a { color: #fff; padding-bottom: 10px; } .card-logo-text .darktheme .card-logo { overflow: hidden; text-align: left; min-height: 240px; box-sizing: border-box; padding: 20px; } .card-logo-text .darktheme .card-logo.icon-true { min-height: 64px; } @media screen and (min-width: 462px) { .card-logo-text .darktheme .card-logo { position: relative; } } .card-logo-text .darktheme .card-logo img { position: relative; fill: #4c4c4c; } @media screen and (min-width: 462px) { .card-logo-text .darktheme .card-logo img { position: absolute; bottom: 0; left: 0; } } .card-logo-text .darktheme .card-logo img.icon-true { width: 64px; height: auto; } .card-logo-text .darktheme .card-content h3 { color: #323232; font-size: 1.414rem; margin: 0 0 20px 0; letter-spacing: -0.05rem; line-height: 1.55rem; min-height: 52px; } .card-logo-text .darktheme .card-content .card-text { color: #595959; font-size: 0.9375rem; line-height: 1.55rem; } .card-logo-text .darktheme .card-content p a { padding-bottom: 10px; } .card-content { height: auto !important; } .partner-logo { border: solid 1px #ccc; background-color: #fff; padding: 20px; margin-bottom: 15px; } .partner-logo:hover { border: solid 1px #0079c1; } .partner-logo:hover .card-content .card-content-bottom-link a .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .partner-logo a:hover { text-decoration: none; } .partner-logo .card-content { padding: 0; height: auto; position: relative; box-sizing: border-box; } .partner-logo .card-content .card-title { margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; color: #323232; min-height: 60px; } .partner-logo .card-content .card-content-bottom-link { margin-bottom: 0; } .partner-logo .card-content .card-content-bottom-link a .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .partner-logo .card-content .card-content-bottom-link a:hover { text-decoration: none; } .partner-logo .card-content .icon-container { min-height: 90px; } @media (min-width: 950px) { .partner-logo .card-content .icon-container { min-height: 100px; } } .partner-logo .card-text p { font-size: 0.8125rem; line-height: 1.55rem; } .case-study-hero .modal-overlay { display: none; } .case-study-hero .modal-overlay.is-active { display: block; z-index: 10000; } .case-study-hero .modal-content { background-color: transparent; } .case-study-hero .video_modal { max-width: 107%; height: 480px; } @media (max-width: 959px) { .case-study-hero .modal-content { width: 90vw; background-color: transparent; } .case-study-hero .modal-content iframe.video_content, .case-study-hero .modal-content iframe.youtube { width: 100%; } } .video-text-split .modal-overlay { display: none; } .video-text-split .modal-overlay.is-active { display: block; z-index: 10000; } .video-text-split .modal-content { background-color: transparent; } @media (max-width: 959px) { .video-text-split .modal-content { width: 90vw; background-color: transparent; } .video-text-split .modal-content iframe.video_content, .video-text-split .modal-content iframe.youtube { width: 100%; } } .video-card-container .video-card:hover { color: #005e95; } .video-card-container .block-group-resources { text-align: left; margin-bottom: 10px; background: #fff; border: 1px solid #ccc; } .video-card-container .block-group-resources .group-title-details { padding: 20px; position: relative; } .video-card-container .block-group-resources .group-title-details .group-title-heading { color: #323232; height: 78px; font-size: 1.2019rem; line-height: 1.55rem; letter-spacing: -0.05rem; } .video-card-container .block-group-resources .group-more-text p { font-size: 0.875rem; line-height: 1.55rem; } .video-card-container .block-group-resources:hover { border: 1px solid #56a5d8; cursor: pointer; } .video-card-container .block-group-resources:hover .video_play { background: #0079c1; } .video-card-container .block-group-resources .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .video-card-container .block-group-resources .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .video-card-container .block-group-resources .video_play:after:hover { border-left: 9px solid #ffffff !important; } .video-card-container .block-group-resources .video_play:hover { background: #0079c1; } .video-card-container .modal-content { max-height: 540px; } .video-card-container .video_modal .video_placeholder { max-width: 100%; height: auto; } @media (max-width: 959px) { .video-card-container .video-card .js-modal .modal-content { width: 90vw; } .video-card-container .video-card .js-modal .modal-content iframe.video_content, .video-card-container .video-card .js-modal .modal-content iframe.youtube { width: 100%; } } .ind-card-carousel .ind-slide:hover { outline: none; } .ind-card-carousel .ind-slide-header_title { font-weight: 500; letter-spacing: 1.5px; font-size: 12px; color: #323232; } /***************************************************** SASS compilation failed due an error! Input: /etc/clientlibs/esri-sites/components/css/upcoming-webinars.scss Error:Error: Undefined variable: "$blue". on line 154 of stdin >> color: $blue; ------------^ *****************************************************/ .cards-simple a { color: #000; display: flex; flex: 1; } .cards-simple a:hover { text-decoration: none; } .cards-simple .card-content { padding: 20px; width: 100%; } .cards-simple .card-content .icon-container svg { width: 64px; height: auto; } .cards-simple .card-content .icon-container .icon-true { width: 48px; height: auto; } .cards-simple .card-content .card-title { margin-bottom: 0; line-height: 1.55rem; font-size: 0.9375rem; color: #f00; } .cards-simple .card-content .card-text { margin-top: 0.5rem; } .cards-simple .card-content .card-text p { margin-bottom: 0; font-size: 0.8125rem; color: #f00; } .cards-simple.darktheme { background-color: #000; } .cards-simple.darktheme a { border: solid 1px #595959; transition: border-color .25s linear; } .cards-simple.darktheme a:hover { border: solid 1px #49b0f2; transition: border-color .25s linear; } .cards-simple.darktheme a:hover .card-content { border-left: solid 1px #49b0f2; transition: border-color .25s linear; } .cards-simple.darktheme a:hover .card-content .card-title .right-arrow { fill: #49B0F2; opacity: 1; visibility: visible; margin-left: 5px; } .cards-simple.darktheme a .card-content { border-left: solid 1px black; } .cards-simple.darktheme .card-content.card-border { border: solid 1px #595959; } .cards-simple.darktheme .card-content .icon-container svg { fill: #fff; } .cards-simple.darktheme .card-content .card-title { color: #fff; } .cards-simple.darktheme .card-content .card-title .right-arrow { width: 12px; height: 12px; display: inline-block; margin-left: -5px; visibility: hidden; opacity: 0; transition: visibility .25s,opacity .25s linear,all .25s ease-in-out; } .cards-simple.darktheme .card-content .card-text { color: #bcbcbc; } .cards-simple.darktheme .card-content .card-text p { color: #bcbcbc; } .cards-simple.lighttheme { background-color: #fff; } .cards-simple.lighttheme a { border: solid 1px #cccccc; transition: border-color .25s linear; } .cards-simple.lighttheme a:hover { border: solid 1px #0079c1; transition: border-color .25s linear; } .cards-simple.lighttheme a:hover .card-content { border-left: solid 1px #0079c1; transition: border-color .25s linear; } .cards-simple.lighttheme a:hover .card-content .card-title .right-arrow { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .cards-simple.lighttheme a .card-content { border-left: solid 1px white; } .cards-simple.lighttheme .card-content.card-border { border: solid 1px #cccccc; } .cards-simple.lighttheme .card-content .card-title { color: #000; } .cards-simple.lighttheme .card-content .card-title .right-arrow { width: 12px; height: 12px; display: inline-block; margin-left: -5px; visibility: hidden; opacity: 0; transition: visibility .25s,opacity .25s linear,all .25s ease-in-out; } .cards-simple.lighttheme .card-content .card-text { color: #595959; } .cards-simple.lighttheme .card-content .card-text p { color: #595959; } .cards-simple-series .content-left .block-group-3-up .block .card-title, .cards-simple-series .content-right .block-group-3-up .block .card-title { font-size: 1.2019rem; } .cards-simple-series .content-left .block-group-3-up .block .card-text, .cards-simple-series .content-right .block-group-3-up .block .card-text { font-size: 0.9375rem; } .cards-simple-series .block-group-2-up .block .card-title { font-size: 1.2019rem; } .cards-simple-series .block-group-2-up .block .card-text { font-size: 0.9375rem; } .cards-simple-series .block-group-3-up .block .card-title { font-size: 1.2019rem; } .cards-simple-series .block-group-3-up .block .card-text { font-size: 0.9375rem; } .cards-simple-series .block-group-4-up .block .card-title, .cards-simple-series .block-group-5-up .block .card-title { font-size: 1rem; } .cards-simple-series .block-group-4-up .block .card-text, .cards-simple-series .block-group-5-up .block .card-text { font-size: 0.8125rem; } /* Right to Left */ html[dir="rtl"] body .cards-simple-series .card-title .right-arrow { transform: rotate(180deg); } html[dir="rtl"] body .cards-simple-series .cards-simple.lighttheme .card-content { border-right: solid 2px white; border-left: none; } html[dir="rtl"] body .cards-simple-series .cards-simple.lighttheme .card-content.card-border { border: solid 1px #cccccc; } html[dir="rtl"] body .cards-simple-series .cards-simple.lighttheme .card-content.card-border:hover { border: solid 1px #cccccc; } html[dir="rtl"] body .cards-simple-series .cards-simple.lighttheme .card-content:hover { border-right: solid 2px #0079c1; border-left: none; } html[dir="rtl"] body .cards-simple-series .cards-simple.lighttheme .card-content .card-title .right-arrow { margin-left: 0px; margin-right: -5px; } html[dir="rtl"] body .cards-simple-series .cards-simple.lighttheme:hover .card-content .card-title .right-arrow { margin-left: 0px; margin-right: 5px; } html[dir="rtl"] body .cards-simple-series .cards-simple.darktheme .card-content { border-right: solid 2px black; border-left: none; } html[dir="rtl"] body .cards-simple-series .cards-simple.darktheme .card-content.card-border { border: solid 1px #595959; } html[dir="rtl"] body .cards-simple-series .cards-simple.darktheme .card-content.card-border:hover { border: solid 1px #595959; } html[dir="rtl"] body .cards-simple-series .cards-simple.darktheme .card-content:hover { border-right: solid 2px #49b0f2; border-left: none; } html[dir="rtl"] body .cards-simple-series .cards-simple.darktheme .card-content .card-title .right-arrow { margin-left: 0px; margin-right: -5px; } html[dir="rtl"] body .cards-simple-series .cards-simple.darktheme:hover .card-content .card-title .right-arrow { margin-left: 0px; margin-right: 5px; } .pardotIFrame { position: relative; overflow: hidden; } .pardotIFrame iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .cards-container-v2 .block { margin-bottom: 20px; } .cards-standard-container-lighttheme { border: solid 1px #ccc; background-color: #fff; transition: all .25s ease-out; width: 100%; } .cards-standard-container-lighttheme.nohoverborder:hover { border: solid 1px #ccc; } .cards-standard-container-lighttheme:hover { border: solid 1px #0079c1; transition: all .25s ease-in; } .cards-standard-container-lighttheme:hover .lighttheme .csc-image .video_modal .colorbox-evlarge .video_play { background: #0079c1; transition: all .25s ease-in; } .cards-standard-container-lighttheme:hover .lighttheme .csc-image .video_modal .colorbox-evlarge .video_play:after { border-left: 10px solid white; transition: all .25s ease-in; } .cards-standard-container-lighttheme:hover .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .right-arrow-blue, .cards-standard-container-lighttheme:hover .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .circle-play-button, .cards-standard-container-lighttheme:hover .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .right-arrow-blue, .cards-standard-container-lighttheme:hover .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .circle-play-button { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container-lighttheme:hover .linkurl2-lighttheme a, .cards-standard-container-lighttheme:hover .linkurl2-lighttheme span { color: #0079c1; } .cards-standard-container-lighttheme:hover .linkurl2-lighttheme a .right-arrow-blue, .cards-standard-container-lighttheme:hover .linkurl2-lighttheme a .circle-play-button, .cards-standard-container-lighttheme:hover .linkurl2-lighttheme span .right-arrow-blue, .cards-standard-container-lighttheme:hover .linkurl2-lighttheme span .circle-play-button { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container-lighttheme:hover .linkurl2-lighttheme a:hover, .cards-standard-container-lighttheme:hover .linkurl2-lighttheme span:hover { color: #0079c1; } .cards-standard-container-darktheme { border: solid 1px #595959; background-color: #323232; transition: all .25s ease-out; width: 100%; } .cards-standard-container-darktheme.nohoverborder:hover { border: solid 1px #595959; } .cards-standard-container-darktheme:hover { border: solid 1px #49b0f2; transition: all .25s ease-in; } .cards-standard-container-darktheme:hover .darktheme .csc-image .video_modal .colorbox-evlarge .video_play { background: #0079c1; transition: all .25s ease-in; } .cards-standard-container-darktheme:hover .darktheme .csc-image .video_modal .colorbox-evlarge .video_play:after { border-left: 10px solid white; transition: all .25s ease-in; } .cards-standard-container-darktheme:hover .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .right-arrow-blue, .cards-standard-container-darktheme:hover .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .circle-play-button, .cards-standard-container-darktheme:hover .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .right-arrow-blue, .cards-standard-container-darktheme:hover .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .circle-play-button { fill: #49b0f2; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container-darktheme:hover .linkurl2-darktheme a .right-arrow-blue, .cards-standard-container-darktheme:hover .linkurl2-darktheme a .circle-play-button, .cards-standard-container-darktheme:hover .linkurl2-darktheme span .right-arrow-blue, .cards-standard-container-darktheme:hover .linkurl2-darktheme span .circle-play-button { fill: #49b0f2; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container-darktheme:hover .linkurl2-darktheme a:hover, .cards-standard-container-darktheme:hover .linkurl2-darktheme span:hover { color: #49b0f2; } @media (max-width: 506px) { .cards-standard-container [data-toggle-panel][aria-hidden="true"] { visibility: hidden; opacity: 0.0; height: 0; max-height: 0; transition: max-height 0.08s linear, opacity 0.25s linear; } .cards-standard-container [data-toggle-panel][aria-hidden="false"] { max-height: 500px; visibility: visible; opacity: 1.0; transition: max-height 0.6s linear, opacity 0.6s linear; } } .cards-standard-container .clickable-card { cursor: pointer; display: flex; height: 100%; } .cards-standard-container .lighttheme { position: relative; width: 100%; display: inline-block; } .cards-standard-container .lighttheme .csc-image { width: 33%; position: relative; float: left; overflow: hidden; } .cards-standard-container .lighttheme .csc-image .cs-card-link { width: 100%; height: 100%; display: block; } .cards-standard-container .lighttheme .csc-image .cs-card-link:hover { text-decoration: none; } .cards-standard-container .lighttheme .csc-image img { width: 100%; height: auto; } .cards-standard-container .lighttheme .csc-image .csc-overlaytext-desktop { display: none; } .cards-standard-container .lighttheme .csc-image .csc-overlaytext-video { display: none; } .cards-standard-container .lighttheme .csc-image .video_modal .colorbox-evlarge { position: relative; height: 0; padding-bottom: 56.25%; } .cards-standard-container .lighttheme .csc-image .video_modal .colorbox-evlarge .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-standard-container .lighttheme .csc-image .video_modal .colorbox-evlarge .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-standard-container .lighttheme .csc-image .video_modal .colorbox-evlarge .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-standard-container .lighttheme .csc-image .video_modal .colorbox-evlarge .video_play:hover { background: #0079c1; } @media (max-width: 959px) { .cards-standard-container .lighttheme .csc-image .modal-content { width: 90vw; background-color: transparent; } .cards-standard-container .lighttheme .csc-image .modal-content iframe.video_content, .cards-standard-container .lighttheme .csc-image .modal-content iframe.youtube { width: 100%; } } .cards-standard-container .lighttheme .csc-rightcolumn { width: 67%; position: relative; float: right; } .cards-standard-container .lighttheme .csc-rightcolumn .cs-card-link:hover { text-decoration: none; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content { width: 100%; display: block; position: relative; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-overlaytext { box-sizing: border-box; width: 100%; position: relative; top: 0; min-height: 27px; padding: 0 20px 0 20px; font-size: 11px; margin: .5rem 0 .5rem 0; background-color: rgba(255, 255, 255, 0.9); color: #4c4c4c; text-transform: uppercase; letter-spacing: 0.20rem; line-height: 1.10rem; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .csc-title { color: #0079c1; margin-bottom: 0.75rem; padding: 0 20px 0 20px; line-height: 2rem; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .csc-title-video { padding-top: 20px; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .csc-context { color: #6e6e6e; padding-left: 20px; margin-bottom: 1rem; line-height: 1.25rem; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .csc-more-text { color: #595959; margin-bottom: 1rem; padding-left: 20px; padding-right: 20px; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .csc-more-text P { margin-bottom: 0; padding-bottom: 1.55rem; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl { margin-bottom: 0; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span { display: block; padding: 0 20px 0 20px; padding-bottom: 1.55rem; color: #0079c1; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .right-arrow-blue, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .circle-play-button, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .circle-play-button { width: 17px; height: 17px; display: inline-block; margin-left: -5px; margin-bottom: -3px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a:hover, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span:hover { text-decoration: none; color: #0079c1; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a:hover .right-arrow-blue, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a:hover .circle-play-button, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span:hover .right-arrow-blue, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span:hover .circle-play-button { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription { margin-bottom: 0; color: #6e6e6e; border-top: solid 1px #e0e0e0; z-index: 10; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription a, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription span { display: inline-block; box-sizing: border-box; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription a:focus, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription a:hover, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription span:focus, .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription span:hover { color: #0079c1; text-decoration: none; } .cards-standard-container .darktheme { position: relative; width: 100%; display: inline-block; } .cards-standard-container .darktheme .csc-image { width: 33%; position: relative; float: left; overflow: hidden; } .cards-standard-container .darktheme .csc-image .cs-card-link { width: 100%; height: 100%; display: block; } .cards-standard-container .darktheme .csc-image .cs-card-link:hover { text-decoration: none; } .cards-standard-container .darktheme .csc-image img { width: 100%; height: auto; } .cards-standard-container .darktheme .csc-image .csc-overlaytext-desktop { display: none; } .cards-standard-container .darktheme .csc-image .csc-overlaytext-video { display: none; } .cards-standard-container .darktheme .csc-image .video_modal .colorbox-evlarge { position: relative; height: 0; padding-bottom: 56.25%; } .cards-standard-container .darktheme .csc-image .video_modal .colorbox-evlarge .video_play { background: rgba(255, 255, 255, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-standard-container .darktheme .csc-image .video_modal .colorbox-evlarge .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid black; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-standard-container .darktheme .csc-image .video_modal .colorbox-evlarge .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-standard-container .darktheme .csc-image .video_modal .colorbox-evlarge .video_play:hover { background: #0079c1; } .cards-standard-container .darktheme .csc-image .video_modal .colorbox-evlarge .video_play:hover:after { border-left: 10px solid white; } @media (max-width: 959px) { .cards-standard-container .darktheme .csc-image .modal-content { width: 90vw; background-color: transparent; } .cards-standard-container .darktheme .csc-image .modal-content iframe.video_content, .cards-standard-container .darktheme .csc-image .modal-content iframe.youtube { width: 100%; } } .cards-standard-container .darktheme .csc-rightcolumn { width: 67%; position: relative; float: right; } .cards-standard-container .darktheme .csc-rightcolumn .cs-card-link:hover { text-decoration: none; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content { width: 100%; display: block; position: relative; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-overlaytext { box-sizing: border-box; width: 100%; position: relative; top: 0; min-height: 27px; padding: 0 20px 0 20px; font-size: 11px; margin: .5rem 0 .5rem 0; background-color: rgba(50, 50, 50, 0.85); color: #efefef; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1.10rem; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .csc-title { color: #49b0f2; margin-bottom: 0.75rem; padding: 0 20px 0 20px; line-height: 2rem; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .csc-title-video { padding-top: 20px; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .csc-context { color: #9f9f9f; padding-left: 20px; margin-bottom: 1rem; line-height: 1.25rem; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .csc-more-text { color: #bcbcbc; margin-bottom: 1rem; padding-left: 20px; padding-right: 20px; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .csc-more-text P { margin-bottom: 0; padding-bottom: 1.55rem; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl { margin-bottom: 0; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span { display: block; padding: 0 20px 0 20px; padding-bottom: 1.55rem; color: #49b0f2; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .right-arrow-blue, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #49b0f2; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a .circle-play-button, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span .circle-play-button { width: 17px; height: 17px; display: inline-block; margin-left: -5px; margin-bottom: -3px; fill: #49b0f2; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a:hover, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span:hover { text-decoration: none; color: #49b0f2; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a:hover .right-arrow-blue, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl a:hover .circle-play-button, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span:hover .right-arrow-blue, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl span:hover .circle-play-button { fill: #49b0f2; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription { margin-bottom: 0; color: #9f9f9f; border-top: solid 1px #4f4f4f; z-index: 10; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription a, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription span { display: inline-block; box-sizing: border-box; color: #9f9f9f; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription a:focus, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription a:hover, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription span:focus, .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription span:hover { color: #9f9f9f; text-decoration: none; } .cards-standard-container .linkurl2-lighttheme, .cards-standard-container .linkurl2-darktheme { display: none; } @media (min-width: 507px) { .cards-standard-container { width: 100%; position: relative; } .cards-standard-container .lighttheme { width: 100%; padding-bottom: 60px; } .cards-standard-container .lighttheme .cs-card-link { width: 100%; display: block; } .cards-standard-container .lighttheme .csc-image { width: 100%; height: 0; padding-bottom: 56.25%; } .cards-standard-container .lighttheme .csc-image .csc-overlaytext-desktop { display: block; position: absolute; bottom: 0; padding: 5px 20px 5px 20px; font-size: 11px; background-color: rgba(255, 255, 255, 0.9); color: #4c4c4c; box-sizing: border-box; width: 100%; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1.10rem; } .cards-standard-container .lighttheme .csc-image .csc-overlaytext-video { display: block; position: absolute; bottom: 0; right: 0; font-size: 13px; background-color: rgba(255, 255, 255, 0.9); color: #4c4c4c; padding: 0 5px 0 5px; box-sizing: border-box; z-index: 100; } .cards-standard-container .lighttheme .csc-rightcolumn { width: 100%; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-overlaytext { display: none; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .csc-title { padding-top: 20px; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .csc-text-container .linkurl { display: none; } .cards-standard-container .lighttheme .csc-rightcolumn .csc-content .showdescription { display: none; } .cards-standard-container .darktheme { width: 100%; padding-bottom: 60px; } } @media (min-width: 507px) and (min-width: 861px) and (max-width: 1265px) { .cards-standard-container .darktheme { padding-bottom: 80px; } } @media (min-width: 507px) { .cards-standard-container .darktheme .cs-card-link { width: 100%; display: block; } .cards-standard-container .darktheme .csc-image { width: 100%; height: 0; padding-bottom: 56.25%; } .cards-standard-container .darktheme .csc-image .csc-overlaytext-desktop { display: block; position: absolute; bottom: 0; padding: 5px 20px 5px 20px; font-size: 11px; background-color: rgba(50, 50, 50, 0.85); color: #efefef; box-sizing: border-box; width: 100%; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1.10rem; } .cards-standard-container .darktheme .csc-image .csc-overlaytext-video { display: block; position: absolute; bottom: 0; right: 0; font-size: 13px; background-color: rgba(50, 50, 50, 0.85); color: #efefef; padding: 0 5px 0 5px; box-sizing: border-box; z-index: 100; } .cards-standard-container .darktheme .csc-rightcolumn { width: 100%; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-overlaytext { display: none; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .csc-title { padding-top: 20px; color: #fff; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .csc-text-container .linkurl { display: none; } .cards-standard-container .darktheme .csc-rightcolumn .csc-content .showdescription { display: none; } .cards-standard-container .linkurl2-lighttheme { padding: 0 20px 20px 20px; box-sizing: border-box; display: block; width: 100%; position: absolute; bottom: 0; right: 0; } .cards-standard-container .linkurl2-lighttheme a, .cards-standard-container .linkurl2-lighttheme span { color: #0079c1; } .cards-standard-container .linkurl2-lighttheme a:hover, .cards-standard-container .linkurl2-lighttheme span:hover { color: #0079c1; } .cards-standard-container .linkurl2-lighttheme a .right-arrow-blue, .cards-standard-container .linkurl2-lighttheme span .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .linkurl2-lighttheme a .circle-play-button, .cards-standard-container .linkurl2-lighttheme span .circle-play-button { width: 17px; height: 17px; display: inline-block; margin-left: -5px; margin-bottom: -3px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .linkurl2-lighttheme a:hover, .cards-standard-container .linkurl2-lighttheme span:hover { text-decoration: none; color: #0079c1; } .cards-standard-container .linkurl2-lighttheme a:hover .right-arrow-blue, .cards-standard-container .linkurl2-lighttheme span:hover .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container .linkurl2-lighttheme a:hover .circle-play-button, .cards-standard-container .linkurl2-lighttheme span:hover .circle-play-button { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container .linkurl2-darktheme { padding: 0 20px 20px 20px; box-sizing: border-box; display: block; width: 100%; position: absolute; bottom: 0; right: 0; } .cards-standard-container .linkurl2-darktheme a, .cards-standard-container .linkurl2-darktheme span { color: #49b0f2; } .cards-standard-container .linkurl2-darktheme a:hover, .cards-standard-container .linkurl2-darktheme span:hover { color: #49b0f2; } .cards-standard-container .linkurl2-darktheme a .right-arrow-blue, .cards-standard-container .linkurl2-darktheme span .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #49b0f2; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .linkurl2-darktheme a .circle-play-button, .cards-standard-container .linkurl2-darktheme span .circle-play-button { width: 17px; height: 17px; display: inline-block; margin-left: -5px; margin-bottom: -3px; fill: #49b0f2; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-standard-container .linkurl2-darktheme a:hover, .cards-standard-container .linkurl2-darktheme span:hover { text-decoration: none; color: #0079c1; } .cards-standard-container .linkurl2-darktheme a:hover .right-arrow-blue, .cards-standard-container .linkurl2-darktheme span:hover .right-arrow-blue { fill: #49b0f2; opacity: 1; visibility: visible; margin-left: 5px; } .cards-standard-container .linkurl2-darktheme a:hover .circle-play-button, .cards-standard-container .linkurl2-darktheme span:hover .circle-play-button { fill: #49b0f2; opacity: 1; visibility: visible; margin-left: 5px; } } .cards-standard-container .image-missing-container { padding-bottom: 56.25%; background-color: #c00; } .cards-standard-container .image-missing-container .image-missing { padding-top: 22%; text-align: center; background-color: #c00; color: #fff; } .cards-standard-container .image-missing-container .image-missing:hover { text-decoration: none; } /* Right to Left */ html[dir="rtl"] .cards-standard-container .csc-context { padding-right: 20px; } html[dir="rtl"] .cards-standard-container .lighttheme .csc-image .csc-overlaytext-video, html[dir="rtl"] .cards-standard-container .darktheme .csc-image .csc-overlaytext-video { left: 0; right: auto; } html[dir="rtl"] .cards-standard-container .right-arrow-blue, html[dir="rtl"] .cards-standard-container .circle-play-button { margin-right: -5px; margin-left: 0px; transform: rotateY(180deg); } html[dir="rtl"] .cards-standard-container:hover .right-arrow-blue, html[dir="rtl"] .cards-standard-container:hover .circle-play-button { margin-right: 5px; } .cards-standard-series .block { margin-bottom: 20px; display: flex; } .cards-simple-series { /* start headercontainer text pattern */ /* end headercontainer text pattern */ /* start CTA button pattern */ /* end CTA button pattern */ } .cards-simple-series .block { display: flex; margin-bottom: 25px; } .cards-simple-series .cards-simple { display: flex; flex: 1; } .cards-simple-series .headercontainer { width: 100%; padding: 0 20px; box-sizing: border-box; } .cards-simple-series .headercontainer.text-center .headertitle { text-align: center; } .cards-simple-series .headercontainer.text-center hr { margin: 0 auto; margin-top: 15px; margin-bottom: 20px; } .cards-simple-series .headercontainer.text-center .description { margin: 0 auto; margin-bottom: 50px; } .cards-simple-series .headercontainer .headertitle { margin-bottom: 0; } .cards-simple-series .headercontainer hr { margin: 0; border-top: none; height: 3px; width: 50px; margin-top: 15px; margin-bottom: 20px; } .cards-simple-series .headercontainer .description { margin: 0; margin-bottom: 50px; width: 80%; } .cards-simple-series .headercontainer.content-right { padding-left: 40px; } @media (min-width: 860px) { .cards-simple-series .headercontainer { padding: 0; } .cards-simple-series .headercontainer hr { margin-top: 15px; margin-bottom: 20px; } .cards-simple-series .headercontainer .description { margin-bottom: 50px; width: 60%; } .cards-simple-series .headercontainer .description.content-left, .cards-simple-series .headercontainer .description.content-right { width: 80%; } .cards-simple-series .headercontainer.text-left { padding-left: 15px; } .cards-simple-series .vertical-align-content { align-items: center; } } .cards-simple-series .marginbottom50px { margin-bottom: 50px; } .cards-simple-series .textlight .headertitle { color: #fff; } .cards-simple-series .textlight .description { color: #ccc; } .cards-simple-series .textdark .headertitle { color: #000; } .cards-simple-series .textdark .description { color: #4c4c4c; } .cards-simple-series .ctacontainer { width: 100%; display: flex; } .cards-simple-series .ctacontainer .cta { margin-top: 60px; margin-left: auto; margin-right: auto; border: solid 1px #0079c1; } .cards-simple-series .ctacontainer .cta .simplecta { background-color: transparent; color: #0079c1; border: solid 2px rgba(0, 121, 193, 0); transition: all .25s ease-out; } .cards-simple-series .ctacontainer .cta .simplecta:hover { border: solid 2px #0079c1; transition: all .25s ease-out; } .cards-simple-series .ctacontainer .cta .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; fill: #0079c1; } .cards-simple-series .lhc-link-container .ctacontainer { border: solid 1px #0079c1; display: inline-block; width: auto; } .cards-simple-series .lhc-link-container .ctacontainer .simplecta { background-color: transparent; color: #0079c1; border: solid 2px rgba(0, 121, 193, 0); transition: all .25s ease-out; } .cards-simple-series .lhc-link-container .ctacontainer .simplecta:hover { border: solid 2px #0079c1; transition: all .25s ease-out; } .cards-simple-series .lhc-link-container .ctacontainer .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; fill: #0079c1; } .cards-simple-series .lhc-link-container .secondarylink { color: #0079c1; display: block; margin-left: 0; margin-top: 10px; } @media (min-width: 479px) { .cards-simple-series .lhc-link-container .secondarylink { margin-left: 40px; margin-top: 0; display: inline-block; } } @media (min-width: 861px) and (max-width: 940px) { .cards-simple-series .lhc-link-container .secondarylink { margin-left: 0; margin-top: 10px; display: block; } } .cards-simple-series .lhc-link-container .secondarylink .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; fill: #0079c1; } .cards-simple-series .lhc-link-container .secondarylink a:hover { text-decoration: none; } .cards-simple-series .textlight .lhc-link-container .ctacontainer { border: solid 1px #49b0f2; } .cards-simple-series .textlight .lhc-link-container .ctacontainer:hover { border-color: #74c6ff; } .cards-simple-series .textlight .lhc-link-container .ctacontainer:hover .right-arrow-blue { fill: #74c6ff; } .cards-simple-series .textlight .lhc-link-container .ctacontainer .simplecta { color: #49b0f2; border: solid 2px rgba(73, 176, 242, 0); } .cards-simple-series .textlight .lhc-link-container .ctacontainer .simplecta:hover { border: solid 2px #74c6ff; color: #74c6ff; } .cards-simple-series .textlight .lhc-link-container .ctacontainer .right-arrow-blue { fill: #49b0f2; } .cards-simple-series .textlight .lhc-link-container .ctacontainer .right-arrow-blue:hover { fill: #74c6ff; } .cards-simple-series .textlight .lhc-link-container .secondarylink .right-arrow-blue { fill: #49b0f2; } .cards-simple-series .textlight .lhc-link-container .secondarylink a { color: #49b0f2; } .cards-simple-series .textlight .lhc-link-container .secondarylink a:hover { color: #74c6ff; } .cards-simple-series .textlight .lhc-link-container .secondarylink a:hover .right-arrow-blue { fill: #74c6ff; } .cards-simple-series .textlight .lhc-link-container .btn-animated-border-bottom-blue:hover::after { border-bottom: 1px solid #74c6ff; } .cards-simple-series .nopadding { padding-left: 0; padding-right: 0; } @media (max-width: 1200px) { .cards-simple-series .block-group-2-up > .block { -ms-flex-preferred-size: calc(100% - 1.5rem); flex-basis: calc(100% - 1.5rem); width: calc(100% - 1.5rem); } .cards-simple-series .container-cards { order: 2; } .cards-simple-series .container-content { order: 1; } .cards-simple-series .headercontainer.content-right { padding-left: 0px; } } @media (max-width: 480px) { .cards-simple-series .headercontainer.content-left, .cards-simple-series .headercontainer.content-right { padding-left: 10px; } } /* Right to Left */ html[dir="rtl"] body .cards-simple-series .headercontainer.content-right { padding-right: 40px; padding-left: 0; } html[dir="rtl"] body .cards-simple-series .headercontainer.text-left { padding-left: 0; padding-right: 15px; } html[dir="rtl"] body .cards-simple-series .ctacontainer .cta .right-arrow-blue { margin-right: 5px; margin-left: 0; transform: rotate(180deg); } html[dir="rtl"] body .cards-simple-series .ctacontainer .right-arrow-blue { margin-right: 5px; margin-left: 0; transform: rotate(180deg); } html[dir="rtl"] body .cards-simple-series .secondarylink { margin-left: 0; margin-right: 40px; } html[dir="rtl"] body .cards-simple-series .secondarylink .right-arrow-blue { margin-right: 5px; margin-left: 0; transform: rotate(180deg); } html[dir="rtl"] body .cards-simple-series .btn-animated-border-bottom-blue::after { left: auto; right: 0; } .block-group-2-up .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-text-container .linkurl { text-align: left; padding-bottom: 10px; } .block-group-2-up .cards-list-container.lighttheme .clc-rightcolumn .clc-content .linkurl { text-align: left; padding-bottom: 10px; } .cards-list-container { width: 100%; } .cards-list-container a:hover { text-decoration: none; } .cards-list-container .clc-image { float: left; width: 24%; margin: 0; padding: 0; min-height: 70px; } .cards-list-container .clc-image img { width: 100%; display: block; } .cards-list-container .clc-image .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-list-container .clc-image .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-list-container .clc-image .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-list-container .clc-image .video_play:hover { background: #0079c1; } .cards-list-container .clc-image .modal-content { max-height: 540px; } .cards-list-container .clc-image .video_modal .video_placeholder { max-width: 100%; height: auto; } .cards-list-container .clc-image .modal-overlay { display: none; } .cards-list-container .clc-image .modal-overlay.is-active { display: block; z-index: 10000; } .cards-list-container .clc-image .modal-content { background-color: transparent; } @media (max-width: 959px) { .cards-list-container .clc-image .modal-content { width: 90vw; background-color: transparent; } .cards-list-container .clc-image .modal-content iframe.video_content, .cards-list-container .clc-image .modal-content iframe.youtube { width: 100%; } } .cards-list-container .clc-image .warning { text-align: center; color: #f00; display: block; padding-top: 20px; } .cards-list-container .clc-rightcolumn .clc-content { float: right; width: 76%; position: relative; padding-top: 15px; } .cards-list-container .clc-rightcolumn .clc-content .clc-overlaytext { box-sizing: border-box; width: 100%; position: relative; top: 0; min-height: 27px; padding: 0 20px 0 20px; font-size: 13px; } .cards-list-container .clc-rightcolumn .clc-content .clc-title { margin-bottom: 0.35rem; } .cards-list-container .clc-rightcolumn .clc-content .clc-context, .cards-list-container .clc-rightcolumn .clc-content .clc-more-text { margin-bottom: 0.5rem; } .cards-list-container .clc-rightcolumn .clc-content .clc-context p, .cards-list-container .clc-rightcolumn .clc-content .clc-more-text p { margin-bottom: 0.5rem; } .cards-list-container .clc-rightcolumn .clc-content .linkurl { margin-right: 20px; margin-bottom: 0; width: 100%; text-align: right; margin-top: -5px; } .cards-list-container.lighttheme { background-color: #fff; border: solid 1px #ccc; transition: all .25s ease-out; } .cards-list-container.lighttheme:hover { border: solid 1px #0079c1; transition: all .25s ease-out; } .cards-list-container.lighttheme:hover .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .cards-list-container.lighttheme .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-list-container.lighttheme .clc-rightcolumn .clc-content .clc-overlaytext { background-color: rgba(255, 255, 255, 0.9); color: #4c4c4c; } .cards-list-container.lighttheme .clc-rightcolumn .clc-content .clc-text-container { padding: 0 20px 3px 20px; } .cards-list-container.lighttheme .clc-rightcolumn .clc-content .clc-text-container .clc-title { color: #000; } .cards-list-container.lighttheme .clc-rightcolumn .clc-content .clc-text-container .clc-context { color: #6e6e6e; } .cards-list-container.lighttheme .clc-rightcolumn .clc-content .clc-text-container .clc-more-text { color: #595959; } @media (max-width: 480px) { .cards-list-container.lighttheme .clc-rightcolumn .clc-content .clc-text-container .clc-title { color: #0079c1; } } .cards-list-container.darktheme { background-color: #000; border: solid 1px #595959; transition: all .25s ease-out; } .cards-list-container.darktheme:hover { border: solid 1px #49b0f2; transition: all .25s ease-out; } .cards-list-container.darktheme:hover .right-arrow-blue { fill: #49b0f2; opacity: 1; visibility: visible; margin-left: 5px; } .cards-list-container.darktheme .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #49b0f2; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-overlaytext { background-color: transparent; color: #efefef; } .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-text-container { padding: 0 20px 3px 20px; } .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-text-container .clc-title { color: #fff; } .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-text-container .clc-context { color: #9f9f9f; } .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-text-container .clc-more-text { color: #bcbcbc; } @media (max-width: 480px) { .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-text-container .clc-title { color: #49b0f2; } } .cards-list-container.darktheme .clc-rightcolumn .clc-content .clc-text-container .linkurl a { color: #49b0f2; } /* Right to Left */ html[dir="rtl"] .cards-list-container .clc-image { float: right; } html[dir="rtl"] .cards-list-container .clc-rightcolumn .clc-content { float: left; } html[dir="rtl"] .cards-list-container .clc-rightcolumn .clc-content .linkurl { margin-right: 0px; margin-left: 20px; margin-bottom: 0; width: 100%; text-align: left; margin-top: -5px; } html[dir="rtl"] .cards-list-container.lighttheme:hover .right-arrow-blue, html[dir="rtl"] .cards-list-container.darktheme:hover .right-arrow-blue { visibility: visible; margin-left: 0px; margin-right: 5px; } html[dir="rtl"] .cards-list-container.lighttheme .right-arrow-blue, html[dir="rtl"] .cards-list-container.darktheme .right-arrow-blue { margin-left: 0; margin-right: -5px; transform: rotateY(180deg); } .cards-list-series .block { margin-bottom: 20px; display: flex; } .icon-list .block { display: flex; } .icon-list .block .cards-simple.lighttheme { border: none; flex-basis: 100%; } .icon-list .block .cards-simple.lighttheme .card-content { border-bottom: solid 1px #ccc; width: 100%; flex-direction: row; align-items: center; padding-left: 0; } .icon-list .block .cards-simple.lighttheme .card-content .card-title { margin-left: 10px; } .icon-list .block .cards-simple.lighttheme .card-content:hover { border-left-color: transparent; border-bottom-color: #0079c1; } .block-group-4-up.cards-simple-block-series > .block:first-child { flex-basis: calc(75% - 1.5rem); margin-bottom: 20px; } @media (max-width: 860px) { .block-group-4-up.cards-simple-block-series > .block:first-child { flex-basis: 100%; } } .cards-simple-block-series .block { display: flex; } @media (max-width: 860px) { .cards-simple-block-series .block { margin-bottom: 20px; } } .cards-simple-block-series .block:nth-child(2) { margin-bottom: 20px; } .cards-simple-block-series .cards-simple2 { display: flex; flex: 1; } .cards-simple-block-series .headercontainer { text-align: center; width: 100%; } .cards-simple-block-series .headercontainer .headertitle { margin-bottom: 60px; } .cards-simple-block-series .headercontainer.textlight .headertitle { color: #fff; } .cards-simple-block-series .headercontainer.textdark .headertitle { color: #000; } .cards-simple-block-series .ctacontainer { width: 100%; display: flex; } .cards-simple-block-series .ctacontainer .cta { margin-top: 60px; margin-left: auto; margin-right: auto; border: solid 1px #0079c1; } .cards-simple-block-series .ctacontainer .cta .simplecta { background-color: transparent; color: #0079c1; border: solid 2px rgba(0, 121, 193, 0); transition: all .25s ease-out; padding: 8px 14px; } .cards-simple-block-series .ctacontainer .cta .simplecta:hover { border: solid 2px #0079c1; transition: all .25s ease-out; } .cards-simple-block-series .ctacontainer .cta .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; fill: #0079c1; } .cards-simple-block-series .hero-container { width: 100%; display: flex; box-sizing: border-box; } .cards-simple-block-series .hero-container .hero-block, .cards-simple-block-series .hero-container .hero-video { float: left; width: 43%; } .cards-simple-block-series .hero-container .linkcard { display: flex; flex: 1; } .cards-simple-block-series .hero-container .linkcard:hover { text-decoration: none; } .cards-simple-block-series .hero-container .hero-text-container { float: right; width: 57%; padding: 50px; box-sizing: border-box; display: flex; align-items: center; } @media (max-width: 462px) { .cards-simple-block-series .hero-container { display: block; } .cards-simple-block-series .hero-container .linkcard { display: block; flex: none; } .cards-simple-block-series .hero-container .hero-block, .cards-simple-block-series .hero-container .hero-text-container { width: 100%; } } @media (min-width: 463px) and (max-width: 860px) { .cards-simple-block-series .hero-container .hero-block, .cards-simple-block-series .hero-container .hero-text-container { width: 50%; } } .cards-simple-block-series .hero-container .hero-video .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-simple-block-series .hero-container .hero-video .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-simple-block-series .hero-container .hero-video .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-simple-block-series .hero-container .hero-video .video_play:hover { background: #0079c1; } .cards-simple-block-series .hero-container .hero-video .modal-content { max-height: 540px; } .cards-simple-block-series .hero-container .hero-video .video_modal .video_placeholder { max-width: 100%; height: auto; display: block; } .cards-simple-block-series .hero-container .hero-video .modal-overlay { display: none; } .cards-simple-block-series .hero-container .hero-video .modal-overlay.is-active { display: block; z-index: 10000; } .cards-simple-block-series .hero-container .hero-video .modal-content { background-color: transparent; } @media (max-width: 959px) { .cards-simple-block-series .hero-container .hero-video .modal-content { width: 90vw; background-color: transparent; } .cards-simple-block-series .hero-container .hero-video .modal-content iframe.video_content, .cards-simple-block-series .hero-container .hero-video .modal-content iframe.youtube { width: 100%; } } .cards-simple-block-series .hero-container.textlight { border: solid 1px #595959; transition: all .25s ease-out; background-color: #323232; } .cards-simple-block-series .hero-container.textlight:hover { border-color: #49b0f2; transition: all .25s ease-out; } .cards-simple-block-series .hero-container.textlight:hover .hero-video .video_modal .colorbox-evlarge .video_play { background-color: #49b0f2; } .cards-simple-block-series .hero-container.textlight .hero-block { background-color: transparent; } .cards-simple-block-series .hero-container.textlight .hero-block .hero-image img, .cards-simple-block-series .hero-container.textlight .hero-block .hero-video img { width: 100%; height: auto; display: block; } .cards-simple-block-series .hero-container.textlight .hero-text-container { background-color: transparent; } .cards-simple-block-series .hero-container.textlight .hero-text-container .hero-title { color: #fff; } .cards-simple-block-series .hero-container.textlight .hero-text-container .hero-content { color: #bcbcbc; margin-bottom: 0; } .cards-simple-block-series .hero-container.textdark { border: solid 1px #ccc; transition: all .25s ease-out; background-color: #fff; } .cards-simple-block-series .hero-container.textdark:hover { border-color: #0079c1; transition: all .25s ease-out; } .cards-simple-block-series .hero-container.textdark:hover .hero-video .video_modal .colorbox-evlarge .video_play { background-color: #0079c1; } .cards-simple-block-series .hero-container.textdark .hero-block { background-color: #fff; } .cards-simple-block-series .hero-container.textdark .hero-block .hero-image img, .cards-simple-block-series .hero-container.textdark .hero-block .hero-video img { width: 100%; height: auto; display: block; } .cards-simple-block-series .hero-container.textdark .hero-text-container { background-color: #fff; } .cards-simple-block-series .hero-container.textdark .hero-text-container .hero-title { color: #323232; } .cards-simple-block-series .hero-container.textdark .hero-text-container .hero-content { color: #595959; margin-bottom: 0; } .cards-simple2 a { color: #000; display: flex; } .cards-simple2 a:hover { text-decoration: none; } .cards-simple2 .card-content2 { padding: 20px; } .cards-simple2 .card-content2 .icon-container .svg-icon { width: 48px; height: auto; } .cards-simple2 .card-content2 .card-title { margin-bottom: 0; } .cards-simple2 .card-content2 .icon-container img { width: 48px; } .cards-simple2 .card-content2 .card-text { margin-top: 0.5rem; } .cards-simple2 .card-content2 .card-text p { margin-bottom: 0; } .cards-simple2:hover .card-content2 .card-title .right-arrow, .cards-simple2:hover .card-content2 .card-title .svg-icon { opacity: 1; visibility: visible; margin-left: 5px; } .cards-simple2.darktheme { border: solid 1px #595959; transition: border-color .25s linear; background-color: #323232; } .cards-simple2.darktheme .card-content2 { border-left: solid 2px #323232; transition: border-color .25s linear; } .cards-simple2.darktheme .card-content2:hover { border-left: solid 2px #49b0f2; transition: border-color .25s linear; } .cards-simple2.darktheme .card-content2 .card-title { color: #fff; } .cards-simple2.darktheme .card-content2 .card-title .right-arrow { width: 12px; height: 12px; display: inline-block; margin-left: -5px; visibility: hidden; opacity: 0; transition: visibility .25s,opacity .25s linear,all .25s ease-in-out; } .cards-simple2.darktheme .card-content2 .card-text p { color: #bcbcbc; } .cards-simple2.darktheme:hover { border: solid 1px #49b0f2; transition: border-color .25s linear; } .cards-simple2.darktheme:hover .card-content2 { border-left: solid 2px #49b0f2; transition: border-color .25s linear; } .cards-simple2.darktheme:hover .card-content2 .card-title .right-arrow { fill: #fff; opacity: 1; visibility: visible; margin-left: 5px; } .cards-simple2.lighttheme { border: solid 1px #cccccc; transition: border-color .25s linear; background-color: #fff; } .cards-simple2.lighttheme .card-content2 { border-left: solid 2px white; transition: border-color .25s linear; } .cards-simple2.lighttheme .card-content2:hover { border-left: solid 2px #0079c1; transition: border-color .25s linear; } .cards-simple2.lighttheme .card-content2 .card-title { color: #000; } .cards-simple2.lighttheme .card-content2 .card-title .right-arrow { width: 12px; height: 12px; display: inline-block; margin-left: -5px; visibility: hidden; opacity: 0; transition: visibility .25s,opacity .25s linear,all .25s ease-in-out; } .cards-simple2.lighttheme .card-content2 .card-text p { color: #595959; } .cards-simple2.lighttheme:hover { border: solid 1px #0079c1; transition: border-color .25s linear; } .cards-simple2.lighttheme:hover .card-content2 { border-left: solid 2px #0079c1; transition: border-color .25s linear; } .cards-simple2.lighttheme:hover .card-content2 .card-title .right-arrow { fill: #000; opacity: 1; visibility: visible; margin-left: 5px; } .cards-simple-block-series .block:nth-child(1):nth-last-child(2) .darktheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(1) .darktheme .card-title { font-size: 1.2019rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(2) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(1) .darktheme .card-text p { font-size: 0.9375rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(2) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(1) .lighttheme .card-title { font-size: 1.2019rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(2) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(1) .lighttheme .card-text p { font-size: 0.9375rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(3) .darktheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(2) .darktheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(1) .darktheme .card-title { font-size: 1.2019rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(3) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(2) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(1) .darktheme .card-text p { font-size: 0.9375rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(3) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(2) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(1) .lighttheme .card-title { font-size: 1.2019rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(3) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(2) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(1) .lighttheme .card-text p { font-size: 0.9375rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(4) .darktheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(3) .darktheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(2) .darktheme .card-title, .cards-simple-block-series .block:nth-child(4):nth-last-child(1) .darktheme .card-title { font-size: 1rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(4) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(3) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(2) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(4):nth-last-child(1) .darktheme .card-text p { font-size: 0.875rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(4) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(3) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(2) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(4):nth-last-child(1) .lighttheme .card-title { font-size: 1rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(4) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(3) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(2) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(4):nth-last-child(1) .lighttheme .card-text p { font-size: 0.875rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(5) .darktheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(4) .darktheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(3) .darktheme .card-title, .cards-simple-block-series .block:nth-child(4):nth-last-child(2) .darktheme .card-title, .cards-simple-block-series .block:nth-child(5):nth-last-child(1) .darktheme .card-title { font-size: 1rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(5) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(4) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(3) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(4):nth-last-child(2) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(5):nth-last-child(1) .darktheme .card-text p { font-size: 0.8125rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(5) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(4) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(3) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(4):nth-last-child(2) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(5):nth-last-child(1) .lighttheme .card-title { font-size: 1rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(5) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(4) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(3) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(4):nth-last-child(2) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(5):nth-last-child(1) .lighttheme .card-text p { font-size: 0.8125rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(6) .darktheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(5) .darktheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(4) .darktheme .card-title, .cards-simple-block-series .block:nth-child(4):nth-last-child(3) .darktheme .card-title, .cards-simple-block-series .block:nth-child(5):nth-last-child(2) .darktheme .card-title, .cards-simple-block-series .block:nth-child(6):nth-last-child(1) .darktheme .card-title { font-size: 0.9375rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(6) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(5) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(4) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(4):nth-last-child(3) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(5):nth-last-child(2) .darktheme .card-text p, .cards-simple-block-series .block:nth-child(6):nth-last-child(1) .darktheme .card-text p { font-size: 0.8125rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(6) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(2):nth-last-child(5) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(3):nth-last-child(4) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(4):nth-last-child(3) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(5):nth-last-child(2) .lighttheme .card-title, .cards-simple-block-series .block:nth-child(6):nth-last-child(1) .lighttheme .card-title { font-size: 0.9375rem; } .cards-simple-block-series .block:nth-child(1):nth-last-child(6) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(2):nth-last-child(5) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(3):nth-last-child(4) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(4):nth-last-child(3) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(5):nth-last-child(2) .lighttheme .card-text p, .cards-simple-block-series .block:nth-child(6):nth-last-child(1) .lighttheme .card-text p { font-size: 0.8125rem; } .overlay-split { max-width: 100%; overflow-x: hidden; } .overlay-split .overlay-split-content-block { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } .overlay-split .overlay-split-content-block-wrapper { position: relative; width: 100%; } @media (min-width: 480px) { .overlay-split .overlay-split-content-block-wrapper { min-height: 600px; } } @media (min-width: 860px) { .overlay-split .overlay-split-content-block-wrapper { min-height: 960px; } } .overlay-split .main-image { width: 100%; height: 0; padding-bottom: 72.22%; background-size: contain; background-position: center center; background-repeat: no-repeat; visibility: hidden; } @media (min-width: 480px) { .overlay-split .main-image { width: 72%; height: 100%; position: absolute; top: 0; bottom: 0; padding-bottom: 0; background-size: contain; min-height: 600px; } .overlay-split .main-image.position-left { left: 0; background-position: right center; } .overlay-split .main-image.position-right { right: 0; background-position: left center; } } @media (min-width: 860px) { .overlay-split .main-image { width: 55.5%; background-size: contain; } .overlay-split .main-image.position-left { margin-left: 120px; } .overlay-split .main-image.position-right { margin-right: 120px; } } .overlay-split .overlay-wrapper { width: 100%; height: auto; min-height: 400px; opacity: 0.9; padding: 35px 0; margin-top: -8%; } .overlay-split .overlay-wrapper .overlay-text-wrapper { height: 100%; } @media (min-width: 480px) { .overlay-split .overlay-wrapper { padding: 0; width: 70%; position: absolute; top: 0; bottom: 0; min-height: 600px; margin-top: 0px; } .overlay-split .overlay-wrapper.position-left { left: 0; } .overlay-split .overlay-wrapper.position-right { right: 0; } } @media (min-width: 860px) { .overlay-split .overlay-wrapper { min-height: 960px; width: 50%; } } .overlay-split .overlay-wrapper .btn-cta { border-width: 1px; border-style: solid; transition: all .15s ease-in-out; margin-right: 5px; background: transparent; } .overlay-split .overlay-wrapper .btn-cta[aria-role]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } .overlay-split .overlay-wrapper .btn-cta-white { color: white; border-color: white; } .overlay-split .overlay-wrapper .btn-cta-black { color: black; border-color: black; } .overlay-split .overlay-wrapper .btn-cta-white:hover { background: transparent; box-shadow: inset 0 0 0 1px #FFFFFF; color: white; } .overlay-split .overlay-wrapper .btn-cta-white[aria-role='internal']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .overlay-split .overlay-wrapper .btn-cta-white[aria-role='external']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .overlay-split .overlay-wrapper .btn-cta-white[aria-role='video']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .overlay-split .overlay-wrapper .btn-cta-white[aria-role='document']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .overlay-split .overlay-wrapper .btn-cta-black:hover { background: transparent; box-shadow: inset 0 0 0 1px black; color: black; } .overlay-split .overlay-wrapper .btn-cta-black[aria-role='internal']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMzIzMjMyIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .overlay-split .overlay-wrapper .btn-cta-black[aria-role='external']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMzMjMyMzIiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .overlay-split .overlay-wrapper .btn-cta-black[aria-role='video']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMzMjMyMzIiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .overlay-split .overlay-wrapper .btn-cta-black[aria-role='document']:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMzMjMyMzIiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .overlay-split .overlay-text { box-sizing: border-box; width: 92%; margin: 0 auto; } @media (min-width: 480px) { .overlay-split .overlay-text { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 426px; } } @media (min-width: 860px) { .overlay-split .overlay-text { max-width: 440px; } } @media (min-width: 1200px) { .overlay-split .overlay-text { max-width: 516px; } } .overlay-split .overlay-text .mega-title { font-size: 80px; line-height: 80px; } @media screen and (max-width: 1024px) { .overlay-split .overlay-text .mega-title p { font-size: calc(100% - 1vh); line-height: inherit; } } @media screen and (max-width: 768px) { .overlay-split .overlay-text .mega-title p { font-size: calc(100% - 3vh); } } .overlay-split .divider { width: 50px; height: 3px; margin: 0; padding-bottom: 15px; } .overlay-split .body.none { color: #bcbcbc; } .overlay-split .body ul { margin-left: 0px; } .cards-editorial { margin-bottom: 20px; position: relative; height: 600px; overflow: hidden; } .cards-editorial.small-card { width: 100%; } .cards-editorial-lighttheme { border: solid 1px #ccc; background-color: #fff; } .cards-editorial-lighttheme .editorial-video { height: 50%; position: relative; } .cards-editorial-lighttheme .editorial-video .editorial-categorytext { width: 100%; position: absolute; bottom: 0; padding: 5px 0 3px 40px; letter-spacing: .12em; box-sizing: border-box; text-transform: uppercase; background-color: rgba(255, 255, 255, 0.9); } .cards-editorial-lighttheme .editorial-video .editorial-categorytext p { font-size: 11px; margin-bottom: 0; color: #4c4c4c; } @media (min-width: 462px) { .cards-editorial-lighttheme .editorial-video .editorial-categorytext p { font-size: 12px; } } .cards-editorial-lighttheme .editorial-video .video_modal { height: 100%; } .cards-editorial-lighttheme .editorial-video .video_modal .colorbox-evlarge { position: relative; height: 100%; } .cards-editorial-lighttheme .editorial-video .video_modal .colorbox-evlarge .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-editorial-lighttheme .editorial-video .video_modal .colorbox-evlarge .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-editorial-lighttheme .editorial-video .video_modal .colorbox-evlarge .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-editorial-lighttheme .editorial-video .video_modal .colorbox-evlarge .video_play:hover { background: #0079c1; } @media (max-width: 959px) { .cards-editorial-lighttheme .editorial-video .modal-content { width: 90vw; background-color: transparent; } .cards-editorial-lighttheme .editorial-video .modal-content iframe.video_content, .cards-editorial-lighttheme .editorial-video .modal-content iframe.youtube { width: 100%; height: 60vh; } } .cards-editorial-lighttheme .editorial-video:hover .video_modal .colorbox-evlarge .video_play { background: #0079c1; } .cards-editorial-darktheme { border: solid 1px #595959; background-color: #323232; } .cards-editorial-darktheme .editorial-video { height: 50%; position: relative; } .cards-editorial-darktheme .editorial-video .editorial-categorytext { width: 100%; position: absolute; bottom: 0; padding: 5px 0 3px 40px; letter-spacing: .12em; box-sizing: border-box; text-transform: uppercase; background-color: rgba(50, 50, 50, 0.85); } .cards-editorial-darktheme .editorial-video .editorial-categorytext p { font-size: 11px; margin-bottom: 0; color: #efefef; } @media (min-width: 462px) { .cards-editorial-darktheme .editorial-video .editorial-categorytext p { font-size: 12px; } } .cards-editorial-darktheme .editorial-video .video_modal { height: 100%; } .cards-editorial-darktheme .editorial-video .video_modal .colorbox-evlarge { position: relative; height: 100%; } .cards-editorial-darktheme .editorial-video .video_modal .colorbox-evlarge .video_play { background: rgba(255, 255, 255, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-editorial-darktheme .editorial-video .video_modal .colorbox-evlarge .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid black; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-editorial-darktheme .editorial-video .video_modal .colorbox-evlarge .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-editorial-darktheme .editorial-video .video_modal .colorbox-evlarge .video_play:hover { background: #0079c1; } .cards-editorial-darktheme .editorial-video .video_modal .colorbox-evlarge .video_play:hover:after { border-left: 10px solid white; } @media (max-width: 959px) { .cards-editorial-darktheme .editorial-video .modal-content { width: 90vw; background-color: transparent; } .cards-editorial-darktheme .editorial-video .modal-content iframe.video_content, .cards-editorial-darktheme .editorial-video .modal-content iframe.youtube { width: 100%; height: 60vh; } } .cards-editorial-darktheme:hover .video_modal .colorbox-evlarge .video_play { background: #0079c1; } .cards-editorial-darktheme:hover .video_modal .colorbox-evlarge .video_play:after { border-left: 10px solid white; } .cards-editorial .editorial-image { height: 50%; position: relative; } .cards-editorial .editorial-image img { width: 100%; display: block; } .cards-editorial .editorial-image .editorial-categorytext { width: 100%; position: absolute; bottom: 0; padding: 5px 0 3px 40px; letter-spacing: .12em; box-sizing: border-box; text-transform: uppercase; } .cards-editorial .editorial-image .editorial-categorytext-lighttheme { background-color: rgba(255, 255, 255, 0.9); } .cards-editorial .editorial-image .editorial-categorytext-lighttheme p { font-size: 11px; margin-bottom: 0; color: #4c4c4c; } @media (min-width: 462px) { .cards-editorial .editorial-image .editorial-categorytext-lighttheme p { font-size: 12px; } } .cards-editorial .editorial-image .editorial-categorytext-darktheme { background-color: rgba(50, 50, 50, 0.85); } .cards-editorial .editorial-image .editorial-categorytext-darktheme p { font-size: 11px; margin-bottom: 0; color: #efefef; } @media (min-width: 462px) { .cards-editorial .editorial-image .editorial-categorytext-darktheme p { font-size: 12px; } } .cards-editorial .editorial-content { position: relative; } .cards-editorial .editorial-content .lighttheme { clear: both; } .cards-editorial .editorial-content .lighttheme .editorial-image { width: 100%; height: 0; padding-bottom: 36.5%; position: relative; } .cards-editorial .editorial-content .lighttheme .editorial-image .featuredtext { position: absolute; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.82); padding: 3px 20px; text-transform: capitalize; } .cards-editorial .editorial-content .lighttheme .editorial-text-container { position: relative; height: auto; } .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-title-container { padding: 20px 40px 0 40px; } .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-title-container h2 { margin-bottom: 0; } .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-context-container { padding: 0 40px; } .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-context-container p { margin-bottom: 0.75rem; } .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-content-container { width: 80%; padding: 0 40px 60px 40px; } .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-content-container p { margin-bottom: 1.35rem; } .cards-editorial .editorial-content .darktheme { clear: both; } .cards-editorial .editorial-content .darktheme .editorial-image { width: 100%; height: 0; padding-bottom: 36.5%; position: relative; } .cards-editorial .editorial-content .darktheme .editorial-image .featuredtext { position: absolute; top: 10px; left: 10px; background-color: rgba(50, 50, 50, 0.85); padding: 3px 20px; text-transform: capitalize; } .cards-editorial .editorial-content .darktheme .editorial-text-container { position: relative; height: auto; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-title-container { padding: 20px 40px 0 40px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-title-container h2 { margin-bottom: 0; color: #fff; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-context-container { padding: 0 40px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-context-container p { margin-bottom: 0.75rem; color: #9f9f9f; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-content-container { width: 80%; padding: 0 40px 60px 40px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-content-container p { margin-bottom: 1.35rem; color: #bcbcbc; } .cards-editorial .editorial-links { bottom: 0; position: absolute; width: 100%; } .cards-editorial .editorial-links .primaryurl, .cards-editorial .editorial-links .secondaryurl { width: 100%; padding: 0 40px; text-align: left; box-sizing: border-box; } .cards-editorial .editorial-links-lighttheme { border-top: solid 1px #dedede; width: 100%; padding: 3px 0; clear: both; min-height: 30px; position: absolute; bottom: 0; } .cards-editorial .editorial-links-lighttheme .secondaryurl a { color: #0079c1; } .cards-editorial .editorial-links-lighttheme .secondaryurl a:hover { text-decoration: none; } .cards-editorial .editorial-links-lighttheme .primaryurl a { color: #0079c1; } .cards-editorial .editorial-links-lighttheme .primaryurl a:hover { text-decoration: none; } .cards-editorial .editorial-links-darktheme { border-top: solid 1px #4f4f4f; width: 100%; padding: 3px 0; clear: both; min-height: 30px; position: absolute; bottom: 0; } .cards-editorial .editorial-links-darktheme .secondaryurl a { color: #49b0f2; } .cards-editorial .editorial-links-darktheme .secondaryurl a:hover { text-decoration: none; } .cards-editorial .editorial-links-darktheme .primaryurl a { color: #49b0f2; } .cards-editorial .editorial-links-darktheme .primaryurl a:hover { text-decoration: none; } .cards-editorial .bottom-fade { position: absolute; bottom: 0; width: 100%; height: 120px; } .cards-editorial .bottom-fade-darktheme { background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0%, #323232 30%, #323232 100%); } .cards-editorial .bottom-fade-lighttheme { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 30%, white 100%); } @media (min-width: 701px) and (max-width: 1100px) { .cards-editorial .editorial-image .editorial-categorytext-darktheme { padding-left: 30px; } .cards-editorial .editorial-image .editorial-categorytext-lighttheme { padding-left: 30px; } .cards-editorial .editorial-image .editorial-video { padding-left: 30px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-title-container, .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-title-container { padding: 20px 30px 0 30px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-context-container, .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-context-container { padding: 0 30px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-content-container, .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-content-container { padding: 0 30px; } .cards-editorial .editorial-links .primaryurl, .cards-editorial .editorial-links .secondaryurl { float: none; width: 100%; text-align: left; padding-left: 30px; } } @media (min-width: 1101px) and (max-width: 1500px) { .cards-editorial .editorial-image .editorial-categorytext-darktheme { padding: 0 20px; } .cards-editorial .editorial-image .editorial-categorytext-lighttheme { padding: 0 20px; } .cards-editorial .editorial-video .editorial-categorytext { padding: 0 20px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-title-container, .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-title-container { padding: 20px 20px 0 20px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-context-container, .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-context-container { padding: 0 20px; } .cards-editorial .editorial-content .darktheme .editorial-text-container .editorial-content-container, .cards-editorial .editorial-content .lighttheme .editorial-text-container .editorial-content-container { padding: 0 20px; } .cards-editorial .editorial-links .primaryurl, .cards-editorial .editorial-links .secondaryurl { float: none; width: 100%; text-align: left; padding: 0 20px; } } @media (min-width: 1500px) { .cards-editorial .editorial-links .primaryurl, .cards-editorial .editorial-links .secondaryurl { padding: 0 40px; } } .unconfigured { justify-content: center; background-color: #c00; color: #fff; width: 100%; display: flex; align-items: center; } .block-group-4-up.cards-editorial-series > .block.firsthero { flex-basis: calc(50% - 1.5rem); } @media (max-width: 1100px) { .block-group-4-up.cards-editorial-series > .block.firsthero { flex-basis: 100%; } .block-group-4-up.cards-editorial-series > .block.firsthero .block-group-4-up > .block { -ms-flex-preferred-size: calc(50% - 1.5rem); flex-basis: calc(50% - 1.5rem); width: calc(50% - 1.5rem); border: solid 1px #f00; } } .cards-editorial-series .bg-image { background-size: cover; } @media (max-width: 700px) { .cards-editorial-series .block-group-4-up > .block { flex-basis: 100%; } } @media (min-width: 701px) and (max-width: 1100px) { .cards-editorial-series .block-group-4-up > .block { -ms-flex-preferred-size: calc(50% - 1.5rem); flex-basis: calc(50% - 1.5rem); width: calc(50% - 1.5rem); } } .cards-editorial-series .grid-container-fullwidth { width: 100%; max-width: 100vw; } .cards-editorial-series .grid-container-fullwidth .block-group-fullwidth { margin-left: 0.75rem; margin-right: 0.75rem; } .cards-editorial-series .block { display: flex; } .cards-editorial-series .hero-image { background-size: cover; background-position: top center; min-height: 600px; } .cards-editorial-series .hero-container { position: relative; margin-bottom: 20px; width: 100%; max-height: 600px; min-height: 600px; overflow: hidden; } .cards-editorial-series .hero-container-textdark { border: solid 1px #ccc; background-color: #fff; } .cards-editorial-series .hero-container-textlight { border: solid 1px #595959; background-color: #323232; } .cards-editorial-series .hero-container .textdark { clear: both; background-color: #fff; height: 100%; position: relative; /* start video section */ /* end video secton */ } .cards-editorial-series .hero-container .textdark .featuredtext { position: absolute; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.82); padding: 3px 20px; text-transform: capitalize; } .cards-editorial-series .hero-container .textdark .hero-categorytext-container { background-color: rgba(255, 255, 255, 0.82); width: 100%; position: absolute; bottom: 50%; padding: 5px 0 3px 40px; letter-spacing: .12em; box-sizing: border-box; text-transform: uppercase; } .cards-editorial-series .hero-container .textdark .hero-categorytext-container p { font-size: 11px; margin-bottom: 0; } @media (min-width: 462px) { .cards-editorial-series .hero-container .textdark .hero-categorytext-container p { font-size: 12px; } } .cards-editorial-series .hero-container .textdark .hero-text-container { width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.92); height: 50%; } .cards-editorial-series .hero-container .textdark .hero-text-container .hero-title-container { padding: 20px 40px 0 40px; } .cards-editorial-series .hero-container .textdark .hero-text-container .hero-title-container h2 { margin-bottom: 0; } .cards-editorial-series .hero-container .textdark .hero-text-container .hero-context-container { padding: 0 40px; } .cards-editorial-series .hero-container .textdark .hero-text-container .hero-context-container p { margin-bottom: 0.75rem; } .cards-editorial-series .hero-container .textdark .hero-text-container .hero-content-container { width: 75%; padding: 0 40px 60px 40px; } .cards-editorial-series .hero-container .textdark .hero-block { background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 600px; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video { height: 50%; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal { height: 100%; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge { position: relative; height: 100%; min-height: 300px; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge .video_play:hover { background: #0079c1; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge .hero-categorytext-container { background-color: rgba(255, 255, 255, 0.82); bottom: 0; text-align: left; } .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge .hero-categorytext-container p { font-size: 11px; margin-bottom: 0; } @media (min-width: 462px) { .cards-editorial-series .hero-container .textdark .hero-block .hero-video .video_modal .colorbox-evlarge .hero-categorytext-container p { font-size: 12px; } } .cards-editorial-series .hero-container .textdark .hero-block .hero-video:hover .video_modal .colorbox-evlarge .video_play { background: #0079c1; } .cards-editorial-series .hero-container .textlight { clear: both; background-color: #fff; height: 100%; position: relative; color: #fff; /* start video section */ /* end video secton */ } .cards-editorial-series .hero-container .textlight .featuredtext { position: absolute; top: 10px; left: 10px; background-color: rgba(50, 50, 50, 0.85); padding: 3px 20px; text-transform: capitalize; } .cards-editorial-series .hero-container .textlight .hero-categorytext-container { background-color: rgba(50, 50, 50, 0.8); width: 100%; position: absolute; bottom: 50%; padding: 5px 0 3px 40px; letter-spacing: .12em; box-sizing: border-box; text-transform: uppercase; } .cards-editorial-series .hero-container .textlight .hero-categorytext-container p { font-size: 11px; margin-bottom: 0; color: #efefef; } @media (min-width: 462px) { .cards-editorial-series .hero-container .textlight .hero-categorytext-container p { font-size: 12px; } } .cards-editorial-series .hero-container .textlight .hero-text-container { width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(50, 50, 50, 0.9); height: 50%; } .cards-editorial-series .hero-container .textlight .hero-text-container .hero-title-container { padding: 20px 40px 0 40px; } .cards-editorial-series .hero-container .textlight .hero-text-container .hero-title-container h2 { margin-bottom: 0; } .cards-editorial-series .hero-container .textlight .hero-text-container .hero-context-container { padding: 0 40px; } .cards-editorial-series .hero-container .textlight .hero-text-container .hero-context-container p { margin-bottom: 0.75rem; color: #9f9f9f; } .cards-editorial-series .hero-container .textlight .hero-text-container .hero-content-container { width: 75%; padding: 0 40px 60px 40px; color: #bcbcbc; } .cards-editorial-series .hero-container .textlight .hero-block { background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 600px; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video { height: 50%; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal { height: 100%; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge { position: relative; height: 100%; min-height: 300px; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .video_play { background: rgba(255, 255, 255, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid black; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .video_play:after:hover { border-left: 9px solid #ffffff !important; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .video_play:hover { background: #0079c1; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .video_play:hover:after { border-left: 10px solid white; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .hero-categorytext-container { background-color: rgba(50, 50, 50, 0.8); bottom: 0; text-align: left; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .hero-categorytext-container p { font-size: 11px; margin-bottom: 0; color: #efefef; } @media (min-width: 462px) { .cards-editorial-series .hero-container .textlight .hero-block .hero-video .video_modal .colorbox-evlarge .hero-categorytext-container p { font-size: 12px; } } .cards-editorial-series .hero-container .textlight .hero-block .hero-video:hover .video_modal .colorbox-evlarge .video_play { background: #0079c1; } .cards-editorial-series .hero-container .textlight .hero-block .hero-video:hover .video_modal .colorbox-evlarge .video_play:after { border-left: 10px solid white; } .cards-editorial-series .hero-container .bottom-fade { position: absolute; bottom: 0; width: 100%; height: 120px; } .cards-editorial-series .hero-container .bottom-fade-textlight { background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0%, #323232 30%, #323232 100%); } .cards-editorial-series .hero-container .bottom-fade-textdark { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 30%, white 100%); } .cards-editorial-series .hero-container .bottom-fade .hero-links .primaryurl, .cards-editorial-series .hero-container .bottom-fade .hero-links .secondaryurl { width: 100%; padding: 0 40px; text-align: left; box-sizing: border-box; } .cards-editorial-series .hero-container .bottom-fade .hero-links-textdark { border-top: solid 1px #dedede; width: 100%; padding: 3px 0; clear: both; position: absolute; bottom: 0; min-height: 30px; } .cards-editorial-series .hero-container .bottom-fade .hero-links-textdark .primaryurl a, .cards-editorial-series .hero-container .bottom-fade .hero-links-textdark .secondaryurl a { color: #0079c1; } .cards-editorial-series .hero-container .bottom-fade .hero-links-textdark .primaryurl a:hover, .cards-editorial-series .hero-container .bottom-fade .hero-links-textdark .secondaryurl a:hover { text-decoration: none; } .cards-editorial-series .hero-container .bottom-fade .hero-links-textlight { border-top: solid 1px #4f4f4f; width: 100%; padding: 3px 0; clear: both; position: absolute; bottom: 0; min-height: 30px; } .cards-editorial-series .hero-container .bottom-fade .hero-links-textlight .primaryurl a, .cards-editorial-series .hero-container .bottom-fade .hero-links-textlight .secondaryurl a { color: #49b0f2; } .cards-editorial-series .hero-container .bottom-fade .hero-links-textlight .primaryurl a:hover, .cards-editorial-series .hero-container .bottom-fade .hero-links-textlight .secondaryurl a:hover { text-decoration: none; } @media (min-width: 701px) { .cards-editorial-series .hero-container .bottom-fade .hero-links .primaryurl { float: left; width: 50%; text-align: left; box-sizing: border-box; } .cards-editorial-series .hero-container .bottom-fade .hero-links .secondaryurl { float: right; width: 50%; text-align: right; box-sizing: border-box; } } @media (min-width: 1100px) { .cards-editorial-series .hero-container .bottom-fade .hero-links .primaryurl, .cards-editorial-series .hero-container .bottom-fade .hero-links .secondaryurl { width: 100%; padding: 0 40px; text-align: left; box-sizing: border-box; } } @media (min-width: 1230px) { .cards-editorial-series .hero-container .bottom-fade .hero-links .primaryurl { float: left; width: 50%; text-align: left; box-sizing: border-box; } .cards-editorial-series .hero-container .bottom-fade .hero-links .secondaryurl { float: right; width: 50%; text-align: right; box-sizing: border-box; } } .cards-editorial-series .headercontainer { text-align: left; width: 100%; padding: 0 20px; box-sizing: border-box; } .cards-editorial-series .headercontainer .headertitle { margin-bottom: 0; } .cards-editorial-series .headercontainer hr { margin: 0; border-top: none; height: 3px; width: 50px; margin-top: 15px; margin-bottom: 20px; } .cards-editorial-series .headercontainer .description { margin: 0; margin-bottom: 50px; width: 80%; } .cards-editorial-series .headercontainer.textlight .headertitle { color: #fff; } .cards-editorial-series .headercontainer.textlight .description { color: #ccc; } .cards-editorial-series .headercontainer.textdark .headertitle { color: #000; } .cards-editorial-series .headercontainer.textdark .description { color: #4c4c4c; } .cards-editorial-series .ctacontainer { width: 100%; display: flex; } .cards-editorial-series .ctacontainer .cta { margin-top: 60px; margin-left: auto; margin-right: auto; border: solid 1px #0079c1; } .cards-editorial-series .ctacontainer .cta .simplecta { background-color: transparent; color: #0079c1; border: solid 2px rgba(0, 121, 193, 0); transition: all .25s ease-out; } .cards-editorial-series .ctacontainer .cta .simplecta:hover { border: solid 2px #0079c1; transition: all .25s ease-out; } .cards-editorial-series .ctacontainer .cta .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; fill: #0079c1; } @media (min-width: 563px) { .cards-editorial-series .hero-container .bottom-fade { height: 100px; } } @media (max-width: 959px) { .cards-editorial-series .modal-content { width: 90vw; background-color: transparent; } .cards-editorial-series .modal-content iframe.video_content, .cards-editorial-series .modal-content iframe.youtube { width: 100%; height: 60vh; } } @media (min-width: 860px) { .cards-editorial-series .headercontainer { text-align: center; padding: 0; } .cards-editorial-series .headercontainer hr { margin: 0 auto; margin-top: 15px; margin-bottom: 20px; } .cards-editorial-series .headercontainer .description { margin: 0 auto; margin-bottom: 50px; width: 60%; } } .cards-editorial-series .marginbottom50px { margin-bottom: 50px; } .cards-editorial-series .nopadding { padding: 0; } .text-link-stack-image-series .block { display: flex; } @media (max-width: 860px) { .text-link-stack-image-series .block { margin-bottom: 20px; } } .text-link-stack-image-series .headercontainer { text-align: left; width: 100%; padding: 0 20px; box-sizing: border-box; } .text-link-stack-image-series .headercontainer .headertitle { margin-bottom: 0; } .text-link-stack-image-series .headercontainer hr { margin: 0; border-top: none; height: 3px; width: 50px; margin-top: 15px; margin-bottom: 20px; } .text-link-stack-image-series .headercontainer .description { width: 80%; margin: 0; margin-bottom: 50px; } .text-link-stack-image-series .marginbottom50px { margin-bottom: 50px; } .text-link-stack-image-series .ctacontainer { display: block; width: 100%; text-align: center; margin-top: 50px; } .text-link-stack-image-series .ctacontainer .cta { display: inline-block; } .text-link-stack-image-series .ctacontainer .simplecta { padding: 10px 15px; display: block; border: solid 2px transparent; transition: all .25s ease-out; } .text-link-stack-image-series .ctacontainer .simplecta:hover { transition: all .25s ease-out; text-decoration: none; color: #0079c1; } .text-link-stack-image-series .ctacontainer .simplecta .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; } .text-link-stack-image-series .textlight .headertitle { color: #fff; } .text-link-stack-image-series .textlight .description { color: #ccc; } .text-link-stack-image-series .textlight .cta { border: solid 1px #49b0f2; } .text-link-stack-image-series .textlight .cta a { color: #49b0f2; } .text-link-stack-image-series .textlight .simplecta:hover { border: solid 2px #49b0f2; color: #49b0f2; } .text-link-stack-image-series .textlight .simplecta .right-arrow-blue { fill: #49b0f2; } .text-link-stack-image-series .textdark .headertitle { color: #4c4c4c; } .text-link-stack-image-series .textdark .description { color: #4c4c4c; } .text-link-stack-image-series .textdark .cta { border: solid 1px #0079c1; } .text-link-stack-image-series .textdark .cta a { color: #0079c1; } .text-link-stack-image-series .textdark .simplecta:hover { border: solid 2px #0079c1; color: #0079c1; } .text-link-stack-image-series .textdark .simplecta .right-arrow-blue { fill: #0079c1; } @media (min-width: 860px) { .text-link-stack-image-series .headercontainer { text-align: center; padding: 0; } .text-link-stack-image-series .headercontainer hr { margin: 0 auto; margin-top: 15px; margin-bottom: 20px; } .text-link-stack-image-series .headercontainer .description { margin: 0 auto; margin-bottom: 50px; width: 60%; } } html[dir="rtl"] body .text-link-stack-image-series .ctacontainer .simplecta .right-arrow-blue { transform: rotate(180deg); margin-left: 0; margin-right: 5px; } .text-link-stack-image { width: 100%; } .text-link-stack-image .lighttheme .contentarea { padding: 30px 20px 20px 0; } .text-link-stack-image .lighttheme .contentarea h3 { color: #fff; margin: 0 0 20px 0; letter-spacing: -0.05rem; } .text-link-stack-image .lighttheme .contentarea .contenttext { color: #ccc; } .text-link-stack-image .lighttheme .contentarea .bottom-link { margin-bottom: 0; } .text-link-stack-image .lighttheme .contentarea .bottom-link a { color: #49b0f2; display: inline-block; padding-bottom: 2px; } .text-link-stack-image .lighttheme .contentarea .bottom-link a:after { content: ''; display: block; width: 0; height: 1px; background: #49b0f2; transition: width .3s; } .text-link-stack-image .lighttheme .contentarea .bottom-link a:hover { text-decoration: none; } .text-link-stack-image .lighttheme .contentarea .bottom-link a:hover::after { width: 100%; } .text-link-stack-image .darktheme .contentarea { padding: 30px 20px 0 0; } .text-link-stack-image .darktheme .contentarea h3 { color: #4c4c4c; margin: 0 0 20px 0; letter-spacing: -0.05rem; } .text-link-stack-image .darktheme .contentarea .contenttext { color: #4c4c4c; } .text-link-stack-image .darktheme .contentarea .bottom-link { margin-bottom: 0; } .text-link-stack-image .darktheme .contentarea .bottom-link a { color: #0079c1; display: inline-block; padding-bottom: 2px; } .text-link-stack-image .darktheme .contentarea .bottom-link a:after { content: ''; display: block; width: 0; height: 1px; background: #0079c1; transition: width .3s; } .text-link-stack-image .darktheme .contentarea .bottom-link a:hover { text-decoration: none; } .text-link-stack-image .darktheme .contentarea .bottom-link a:hover::after { width: 100%; } .text-link-stack-icon-series .block { display: flex; } @media (max-width: 860px) { .text-link-stack-icon-series .block { margin-bottom: 20px; } } .text-link-stack-icon-series .headercontainer { text-align: left; width: 100%; padding: 0 20px; box-sizing: border-box; } .text-link-stack-icon-series .headercontainer .headertitle { margin-bottom: 0; } .text-link-stack-icon-series .headercontainer hr { margin: 0; border-top: none; height: 3px; width: 50px; margin-top: 15px; margin-bottom: 20px; } .text-link-stack-icon-series .headercontainer .description { width: 80%; margin: 0; margin-bottom: 50px; } .text-link-stack-icon-series .marginbottom50px { margin-bottom: 50px; } .text-link-stack-icon-series .ctacontainer { display: block; width: 100%; text-align: center; margin-top: 50px; } .text-link-stack-icon-series .ctacontainer .cta { display: inline-block; } .text-link-stack-icon-series .ctacontainer .simplecta { padding: 10px 15px; display: block; border: solid 2px transparent; transition: all .25s ease-out; } .text-link-stack-icon-series .ctacontainer .simplecta:hover { transition: all .25s ease-out; text-decoration: none; color: #0079c1; } .text-link-stack-icon-series .ctacontainer .simplecta .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; } .text-link-stack-icon-series .textlight .headertitle { color: #fff; } .text-link-stack-icon-series .textlight .description { color: #ccc; } .text-link-stack-icon-series .textlight .cta { border: solid 1px #49b0f2; } .text-link-stack-icon-series .textlight .cta a { color: #49b0f2; } .text-link-stack-icon-series .textlight .simplecta:hover { border: solid 2px #49b0f2; color: #49b0f2; } .text-link-stack-icon-series .textlight .simplecta .right-arrow-blue { fill: #49b0f2; } .text-link-stack-icon-series .textdark .headertitle { color: #4c4c4c; } .text-link-stack-icon-series .textdark .description { color: #4c4c4c; } .text-link-stack-icon-series .textdark .cta { border: solid 1px #0079c1; } .text-link-stack-icon-series .textdark .cta a { color: #0079c1; } .text-link-stack-icon-series .textdark .simplecta:hover { border: solid 2px #0079c1; color: #0079c1; } .text-link-stack-icon-series .textdark .simplecta .right-arrow-blue { fill: #0079c1; } @media (min-width: 860px) { .text-link-stack-icon-series .headercontainer { text-align: center; padding: 0; } .text-link-stack-icon-series .headercontainer hr { margin: 0 auto; margin-top: 15px; margin-bottom: 20px; } .text-link-stack-icon-series .headercontainer .description { margin: 0 auto; margin-bottom: 50px; width: 60%; } } .text-link-stack-icon { width: 100%; } .text-link-stack-icon .headerimage img { width: 64px; height: 64px; margin-bottom: 1.55rem; } .text-link-stack-icon .lighttheme .contentarea { padding: 0 20px 20px 0; } .text-link-stack-icon .lighttheme .contentarea h3 { color: #fff; margin: 0 0 20px 0; letter-spacing: -0.05rem; } .text-link-stack-icon .lighttheme .contentarea .contenttext { color: #ccc; } .text-link-stack-icon .lighttheme .contentarea .bottom-link { margin-bottom: 0; } .text-link-stack-icon .lighttheme .contentarea .bottom-link a { color: #49b0f2; display: inline-block; padding-bottom: 2px; } .text-link-stack-icon .lighttheme .contentarea .bottom-link a:after { content: ''; display: block; width: 0; height: 1px; background: #49b0f2; transition: width .3s; } .text-link-stack-icon .lighttheme .contentarea .bottom-link a:hover { text-decoration: none; } .text-link-stack-icon .lighttheme .contentarea .bottom-link a:hover::after { width: 100%; } .text-link-stack-icon .darktheme .contentarea { padding: 0 20px 0 0; } .text-link-stack-icon .darktheme .contentarea h3 { color: #4c4c4c; margin: 0 0 20px 0; letter-spacing: -0.05rem; } .text-link-stack-icon .darktheme .contentarea .contenttext { color: #4c4c4c; } .text-link-stack-icon .darktheme .contentarea .bottom-link { margin-bottom: 0; } .text-link-stack-icon .darktheme .contentarea .bottom-link a { color: #0079c1; display: inline-block; padding-bottom: 2px; } .text-link-stack-icon .darktheme .contentarea .bottom-link a:after { content: ''; display: block; width: 0; height: 1px; background: #0079c1; transition: width .3s; } .text-link-stack-icon .darktheme .contentarea .bottom-link a:hover { text-decoration: none; } .text-link-stack-icon .darktheme .contentarea .bottom-link a:hover::after { width: 100%; } /* Right to Left */ html[dir="rtl"] body .text-link-stack-icon-series .ctacontainer .cta .right-arrow-blue { margin-right: 5px; margin-left: 0; transform: rotate(180deg); } .simple_content_container { background-size: cover; } .simple_content_container[data-theme='text-light'] { background-color: #323232; color: #fff; } .simple_content_container[data-theme='text-light'] p, .simple_content_container[data-theme='text-light'] .simple_quotation-source, .simple_content_container[data-theme='text-light'] .simple_quotation-designation, .simple_content_container[data-theme='text-light'] .simple_case_study_section h2 { color: #fff; } .simple_content_container[data-theme='text-light'] .categoryLine { text-transform: uppercase; } .simple_content_container[data-theme='text-light'] .simple_caseStudy_link { color: #49b0f2; } .simple_content_container[data-theme='text-light'] .simple_caseStudy_link:hover { color: #74c6ff; } .simple_content_container[data-theme='text-dark'] { background-color: #fff; color: #323232; } .simple_content_container[data-theme='text-dark'] p, .simple_content_container[data-theme='text-dark'] .simple_quotation-source, .simple_content_container[data-theme='text-dark'] .simple_quotation-designation, .simple_content_container[data-theme='text-dark'] .simple_case_study_section h2 { color: #323232; } .simple_content_container[data-theme='text-dark'] .simple_caseStudy_link { color: #0079c1; } .simple_content_container[data-theme='text-dark'] .simple_caseStudy_link:hover { color: #005f96; } .simple_image-container { width: 95%; height: 300px; } @media screen and (max-width: 479px) { .simple_image-container { margin: auto; width: 60%; height: 231px; } } .simple_image-container .circleimage { border-radius: 50%; width: 100%; padding-bottom: 100%; background: white; } .simple_quotation-body { margin-bottom: 15px; } @media screen and (max-width: 479px) { .simple_quotation-body { line-height: 2.125rem; } } .simple_quotation-mark { height: 48px; width: 48px; margin-bottom: 12px; background-size: 100% 100%; background-position: center center; background-repeat: repeat; } .simple_quotation-mark .cls-1 { fill: #0079c1; } .simple_socialIcons { display: inline-block; } .simple_socialIcons p { letter-spacing: 2px; margin-right: 10px; } .simple_socialIcons div { float: left; } .simple_socialIcons .socialIcons { margin: 0 5px; } .simple_heading { margin-bottom: 15px; } .simple_divider-bar-thick { height: 3px; width: 50px; background: #0079C0; border: none; margin: 20px auto 15px 0; } .large-horizontal-card .lhc-container-textLight { background-color: #4c4c4c; } .large-horizontal-card .lhc-container-textDark { background-color: #f8f8f8; } .lhc { /* start light text */ /* end light text */ /* start dark text */ /* end dark text */ } .lhc .lhc-main-image { background-size: cover; position: relative; width: 100%; display: block; height: 0; padding-bottom: 100%; } .lhc .lhc-main-image .lhc-category-text { position: absolute; top: 50px; left: 0; box-sizing: border-box; padding: 5px 20px 4px 50px; letter-spacing: 2px; text-transform: uppercase; } .lhc .lhc-main-image .warning { background-color: #f00; color: #fff; text-align: center; height: 0; padding-bottom: 100%; } .lhc .lhc-main-image .warning .warning-text { height: 0; padding-top: 50%; } .lhc .lhc-main-content { background-color: #fff; padding: 50px; box-sizing: border-box; width: 100%; display: block; height: auto; } .lhc .lhc-main-content ul { margin-left: 0; } .lhc .lhc-main-content ul li { margin-left: 1.1rem; } .lhc .lhc-main-content .lhc-link-container { text-align: center; } .lhc .lhc-main-content .lhc-link-container .ctacontainer { border: solid 1px #0079c1; display: inline-block; } .lhc .lhc-main-content .lhc-link-container .ctacontainer .simplecta { background-color: transparent; color: #0079c1; border: solid 2px rgba(0, 121, 193, 0); transition: all .25s ease-out; } .lhc .lhc-main-content .lhc-link-container .ctacontainer .simplecta:hover { border: solid 2px #0079c1; transition: all .25s ease-out; } .lhc .lhc-main-content .lhc-link-container .ctacontainer .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; fill: #0079c1; } .lhc .lhc-main-content .lhc-link-container .secondarylink { color: #0079c1; display: block; margin-left: 0; margin-top: 10px; } @media (min-width: 479px) { .lhc .lhc-main-content .lhc-link-container .secondarylink { margin-left: 40px; margin-top: 0; display: inline-block; } } @media (min-width: 861px) and (max-width: 940px) { .lhc .lhc-main-content .lhc-link-container .secondarylink { margin-left: 0; margin-top: 10px; display: block; } } .lhc .lhc-main-content .lhc-link-container .secondarylink .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: 5px; fill: #0079c1; } .lhc .lhc-main-content .lhc-link-container .secondarylink a:hover { text-decoration: none; } @media (min-width: 861px) { .lhc { height: 725px; } .lhc .lhc-main-image { width: 50%; float: left; height: 100%; padding-bottom: 0; } .lhc .lhc-main-content { width: 50%; float: right; height: 100%; } } .lhc-textLight .lhc-category-text { background-color: rgba(50, 50, 50, 0.9); color: #fff; } .lhc-textLight .lhc-main-content { background-color: #323232; } .lhc-textLight .lhc-main-content h2 { color: #f8f8f8; } .lhc-textLight .lhc-main-content .card-text p { color: #fff; } .lhc-textLight .lhc-main-content .lhc-link-container .ctacontainer { border: solid 1px #49b0f2; } .lhc-textLight .lhc-main-content .lhc-link-container .ctacontainer:hover { border-color: #74c6ff; } .lhc-textLight .lhc-main-content .lhc-link-container .ctacontainer:hover .right-arrow-blue { fill: #74c6ff; } .lhc-textLight .lhc-main-content .lhc-link-container .ctacontainer .simplecta { color: #49b0f2; border: solid 2px rgba(73, 176, 242, 0); } .lhc-textLight .lhc-main-content .lhc-link-container .ctacontainer .simplecta:hover { border: solid 2px #74c6ff; color: #74c6ff; } .lhc-textLight .lhc-main-content .lhc-link-container .ctacontainer .right-arrow-blue { fill: #49b0f2; } .lhc-textLight .lhc-main-content .lhc-link-container .ctacontainer .right-arrow-blue:hover { fill: #74c6ff; } .lhc-textLight .lhc-main-content .lhc-link-container .secondarylink .right-arrow-blue { fill: #49b0f2; } .lhc-textLight .lhc-main-content .lhc-link-container .secondarylink a { color: #49b0f2; } .lhc-textLight .lhc-main-content .lhc-link-container .secondarylink a:hover { color: #74c6ff; } .lhc-textLight .lhc-main-content .lhc-link-container .secondarylink a:hover .right-arrow-blue { fill: #74c6ff; } .lhc-textDark .lhc-category-text { background-color: rgba(255, 255, 255, 0.9); color: #323232; } .lhc-textDark .lhc-main-content { background-color: #fff; } .lhc-textDark .lhc-main-content h2 { color: #4c4c4c; } .lhc-textDark .lhc-main-content .card-text p { color: #323232; } .lhc-textDark .lhc-main-content .lhc-link-container .ctacontainer { border: solid 1px #0079c1; } .lhc-textDark .lhc-main-content .lhc-link-container .ctacontainer:hover { border-color: #005e95; } .lhc-textDark .lhc-main-content .lhc-link-container .ctacontainer:hover .right-arrow-blue { fill: #005e95; } .lhc-textDark .lhc-main-content .lhc-link-container .ctacontainer .simplecta { color: #0079c1; border: solid 2px rgba(0, 121, 193, 0); } .lhc-textDark .lhc-main-content .lhc-link-container .ctacontainer .simplecta:hover { border: solid 2px #005e95; color: #005e95; } .lhc-textDark .lhc-main-content .lhc-link-container .ctacontainer .right-arrow-blue { fill: #0079c1; } .lhc-textDark .lhc-main-content .lhc-link-container .ctacontainer .right-arrow-blue:hover { fill: #005e95; } .lhc-textDark .lhc-main-content .lhc-link-container .secondarylink .right-arrow-blue { fill: #0079c1; } .lhc-textDark .lhc-main-content .lhc-link-container .secondarylink a { color: #0079c1; } .lhc-textDark .lhc-main-content .lhc-link-container .secondarylink a:hover { color: #005e95; } .lhc-textDark .lhc-main-content .lhc-link-container .secondarylink a:hover .right-arrow-blue { fill: #005e95; } @media (max-width: 500px) { .lhc .lhc-main-image .lhc-category-text { letter-spacing: 1px; font-size: 0.8125rem; line-height: 1.55rem; } } @media (min-width: 500px) { .lhc .lhc-main-content .lhc-link-container { text-align: left; } } @media (min-width: 941px) and (max-width: 1086px) { .lhc .lhc-main-content .lhc-link-container .secondarylink { margin-left: 0; display: block; margin-top: 10px; } } .lhc .nopadding { padding: 0; } /* Right to Left */ html[dir="rtl"] body .lhc .lhc-main-image .lhc-category-text { right: 0; left: auto; padding: 5px 50px 4px 20px; } html[dir="rtl"] body .lhc .lhc-main-content .lhc-link-container .ctacontainer .right-arrow-blue { margin-right: 5px; margin-left: 0; transform: rotate(180deg); } @media (min-width: 479px) { html[dir="rtl"] body .lhc .lhc-main-content .lhc-link-container .secondarylink { margin-right: 40px; margin-left: 0; } } @media (min-width: 861px) and (max-width: 940px) { html[dir="rtl"] body .lhc .lhc-main-content .lhc-link-container .secondarylink { margin-right: 0; margin-left: 0; } } html[dir="rtl"] body .lhc .lhc-main-content .lhc-link-container .secondarylink .right-arrow-blue { margin-right: 5px; margin-left: 0px; transform: rotate(180deg); } @media (min-width: 861px) { html[dir="rtl"] body .lhc .lhc-main-image { float: right; } html[dir="rtl"] body .lhc .lhc-main-content { float: left; } } html[dir="rtl"] body .lhc .btn-animated-border-bottom-blue::after { right: 0; } .esri-week-agenda_container a:hover { text-decoration: none; } .esri-week-agenda_container[data-theme='bg-light'] h2 { color: #f8f8f8; } .esri-week-agenda_container[data-theme='bg-dark'] h2 { color: #4c4c4c; } @media screen and (max-width: 479px) { .esri-week-agenda_container .grid-container { max-width: 100%; width: 100%; } .esri-week-agenda_container .phone-column-6, .esri-week-agenda_container .column-24 { max-width: 100vw; padding-right: 0; padding-left: 0; } } @media screen and (max-width: 768px) { .esri-week-agenda { min-height: auto; } } .esri-week-agenda h3 { line-height: 2.95rem; } .esri-week-agenda h1 { margin: 0; } .esri-week-agenda .esri-week-agenda-nav { overflow: hidden; text-align: center; position: relative; height: 113px; } .esri-week-agenda .esri-week-agenda-nav .tab-nav { display: flex; white-space: nowrap; text-align: center; position: absolute; top: 0; left: 0; transition: 0.3s; } .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title { /* border-bottom-width: 3px; border-bottom-style: solid; border-top: none; border-left: none; border-right: none; margin-right: 0; margin-bottom: 4px; font-size: 1rem; line-height: 1.55rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; z-index: 0; height: 112px; float:none; position: relative; */ } @media screen and (max-width: 480px) { .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title { font-size: 0.85rem; } } .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title img, .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title svg, .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title .icon-number { width: 50px; height: 50px; display: block; margin: 0 auto 10px auto; position: relative; z-index: -2; } .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title .icon-number { font-size: 40px; line-height: 40px; font-style: normal; } .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title span { display: block; position: relative; z-index: -1; margin-bottom: 9px; } .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title:focus { background-image: none; } .esri-week-agenda .esri-week-agenda-nav .tab-nav .tab-title:hover { background-image: none; } .esri-week-agenda .esri-week-agenda-nav .esri-week-agenda-nav-left, .esri-week-agenda .esri-week-agenda-nav .esri-week-agenda-nav-right { width: 70px; padding: 60px 0 0 0; border: none; position: absolute; z-index: 1; height: 103px; outline: none; } .esri-week-agenda .esri-week-agenda-nav .esri-week-agenda-nav-left i, .esri-week-agenda .esri-week-agenda-nav .esri-week-agenda-nav-right i { font-size: 16px; } .esri-week-agenda .esri-week-agenda-nav .esri-week-agenda-nav-left { text-align: left; left: 0; } .esri-week-agenda .esri-week-agenda-nav .esri-week-agenda-nav-right { text-align: right; right: 0; } .esri-week-agenda .esri-week-agenda-nav.no-icon { height: 53px; } .esri-week-agenda .esri-week-agenda-nav.no-icon .tab-nav .tab-title { height: 52px; } .esri-week-agenda .esri-week-agenda-nav.no-icon .tab-nav .tab-title img, .esri-week-agenda .esri-week-agenda-nav.no-icon .tab-nav .tab-title svg { display: none; } .esri-week-agenda .esri-week-agenda-nav.no-icon .esri-week-agenda-nav-left { height: 52px; padding: 0; } .esri-week-agenda .esri-week-agenda-nav.no-icon .esri-week-agenda-nav-left .icon-ui-left { position: absolute; left: 10px; } .esri-week-agenda .esri-week-agenda-nav.no-icon .esri-week-agenda-nav-right { height: 52px; padding: 0; background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #1e1e1e 80%); background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #1e1e1e 80%); background: linear-gradient(to right, rgba(50, 50, 50, 0) 0%, #1e1e1e 80%); } .esri-week-agenda .esri-week-agenda-nav.no-icon .esri-week-agenda-nav-right .icon-ui-right { position: absolute; right: 0; } .esri-week-agenda .tab-contents { border-top-width: 1px; border-top-style: solid; margin-top: -1px; } .esri-week-agenda .tab-contents .tab-section { padding-left: 0; padding-right: 0; padding: 20px 0 60px 0; opacity: 0; margin-top: 110px; } .esri-week-agenda .tab-contents .tab-section .tab-section-image { width: 100%; padding-bottom: 40px; } @media screen and (min-width: 800px) { .esri-week-agenda .tab-contents .tab-section .tab-section-image { width: 55%; float: left; } } @media screen and (min-width: 1440px) { .esri-week-agenda .tab-contents .tab-section .tab-section-image { font-size: 24px; } } .esri-week-agenda .tab-contents .tab-section .tab-section-content { width: 100%; text-align: left; } .esri-week-agenda .tab-contents .tab-section .tab-section-content .section-title { font-size: 1.69949rem; line-height: 2.325rem; } .esri-week-agenda .tab-contents .tab-section .tab-section-content .section-desc { font-size: 0.9375rem; line-height: 1.55rem; line-height: 1.4rem !important; margin-bottom: 0; } @media screen and (min-width: 800px) { .esri-week-agenda .tab-contents .tab-section .tab-section-content { width: 35%; float: left; padding-left: 30px; box-sizing: border-box; } } @media screen and (min-width: 850px) { .esri-week-agenda .tab-contents .tab-section .tab-section-content { width: 35%; float: left; text-align: left; padding-left: 30px; box-sizing: border-box; min-height: 300px; height: 300px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } @media screen and (min-width: 1130px) { .esri-week-agenda .tab-contents .tab-section .tab-section-content { width: 35%; float: left; text-align: left; padding-left: 30px; box-sizing: border-box; min-height: 370px; height: 370px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } @media screen and (min-width: 1440px) { .esri-week-agenda .tab-contents .tab-section .tab-section-content { width: 35%; float: left; text-align: left; padding-left: 30px; box-sizing: border-box; min-height: 450px; height: 450px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } } .esri-week-agenda .tab-contents .tab-section.is-active { display: block; opacity: 1; margin-top: 10px; } .esri-week-agenda .textCenter { text-align: center; } .esri-week-agenda .textCenter { text-align: center; } .esri-week-agenda.dark { background-color: #323232; } .esri-week-agenda.dark h2 { color: #FFFFFF; } .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title { border-bottom-color: #323232; color: #efefef; text-transform: capitalize; } .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title img, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title svg, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title svg *, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title .icon-number { fill: #888888; color: #888888; } .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title:focus { color: #ffffff; } .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title:hover { border-bottom: 3px solid rgba(73, 176, 242, 0.5); } .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title:hover img, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title:hover svg, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title:hover svg *, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title:hover .icon-number { fill: #E5E5E5; color: #E5E5E5; } .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title.is-active { border-bottom-color: #49b0f2; color: #fff; } .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title.is-active img, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title.is-active svg, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title.is-active svg *, .esri-week-agenda.dark .esri-week-agenda-nav .tab-nav .tab-title.is-active .icon-number { fill: #FFFFFF; color: #FFFFFF; } .esri-week-agenda.dark .esri-week-agenda-nav .esri-week-agenda-nav-left { background: -moz-linear-gradient(left, #323232 20%, rgba(50, 50, 50, 0) 100%); background: -webkit-linear-gradient(left, #323232 20%, rgba(50, 50, 50, 0) 100%); background: linear-gradient(to right, #323232 20%, rgba(50, 50, 50, 0) 100%); cursor: pointer; } .esri-week-agenda.dark .esri-week-agenda-nav .esri-week-agenda-nav-left .icon-ui-left { color: #FFFFFF; } .esri-week-agenda.dark .esri-week-agenda-nav .esri-week-agenda-nav-right { background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #323232 80%); background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #323232 80%); background: linear-gradient(to right, rgba(50, 50, 50, 0) 0%, #323232 80%); cursor: pointer; } .esri-week-agenda.dark .esri-week-agenda-nav .esri-week-agenda-nav-right .icon-ui-right { color: #FFFFFF; } .esri-week-agenda.dark .tab-contents { border-top-color: #4c4c4c; color: #ffffff; } .esri-week-agenda.dark .tab-contents .tab-section .tab-section-content .section-desc { color: #bcbcbc; } .esri-week-agenda.light { background-color: #FFFFFF; } .esri-week-agenda.light h2 { color: #323232; } .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title { border-bottom-color: #FFFFFF; color: #000000; } .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title img, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title svg, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title svg *, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title .icon-number { fill: #6D6D6d; color: #6D6D6d; } .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title:focus { color: #0079C1; } .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title:hover { border-bottom: 3px solid rgba(0, 121, 193, 0.5); } .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title:hover img, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title:hover svg, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title:hover svg *, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title:hover .icon-number { fill: #0079C1; color: #0079C1; } .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title.is-active { border-bottom-color: #0079C1; color: #000000; } .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title.is-active img, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title.is-active svg, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title.is-active svg *, .esri-week-agenda.light .esri-week-agenda-nav .tab-nav .tab-title.is-active .icon-number { fill: #0079C1; color: #0079C1; } .esri-week-agenda.light .esri-week-agenda-nav .esri-week-agenda-nav-left { background: -moz-linear-gradient(left, white 20%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, white 10%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, white 20%, rgba(255, 255, 255, 0) 100%); } .esri-week-agenda.light .esri-week-agenda-nav .esri-week-agenda-nav-left .icon-ui-left { color: #6E6E6E; } .esri-week-agenda.light .esri-week-agenda-nav .esri-week-agenda-nav-right { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 80%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%); } .esri-week-agenda.light .esri-week-agenda-nav .esri-week-agenda-nav-right .icon-ui-right { color: #6E6E6E; } .esri-week-agenda.light .tab-contents { border-top-color: #CCCCCC; color: #ffffff; } .esri-week-agenda.light .tab-contents .tab-section .tab-section-content .section-title { color: #323232; } .esri-week-agenda.light .tab-contents .tab-section .tab-section-content .section-desc { color: #bcbcbc; color: #595959; } .tabs-dark .tab-nav .tab-title { background-color: rgba(30, 30, 30, 0.95); color: #fff; padding: 15px 25px; width: 220px; min-width: 220px; letter-spacing: 1px; border-top: 1px solid rgba(30, 30, 30, 0.7); margin: 0; border-right: 1px solid #111111; text-align: center; transition: background,150ms linear; } @media only screen and (max-width: 859px) { .tabs-dark .tab-nav .tab-title { border-right: none; } } @media only screen and (min-width: 1405px) { .tabs-dark .tab-nav .tab-title { background-color: rgba(30, 30, 30, 0.7); } } .tabs-dark .tab-nav .tab-title:hover { background-color: rgba(30, 30, 30, 0.95); border-bottom: none !important; } @media only screen and (min-width: 480px) { .tabs-dark .tab-nav .tab-title:hover { border-top: 3px solid rgba(167, 219, 255, 0.5); } } .tabs-dark .tab-nav .tab-title.is-active { background-color: rgba(30, 30, 30, 0.95); padding: 13px 25px 15px 25px; border-bottom: none !important; border-top: 3px solid #74c6ff; } @media only screen and (max-width: 480px) { .tabs-dark .tab-nav .tab-title.is-active { border-top: 1px solid rgba(30, 30, 30, 0.7); padding: 15px 25px 12px 25px; border-bottom: 3px solid #74c6ff !important; } } .tabs-dark .tab-contents-agenda { background: rgba(30, 30, 30, 0.95); min-height: 505px; } @media only screen and (min-width: 860px) { .tabs-dark .tab-contents-agenda { min-height: 495px; } } .tabs-dark .tab-contents-agenda .tab-section { background-color: transparent !important; color: #fff; } .tabs-dark .tab-contents-agenda .tab-section .block-group { padding: 0 20px; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot { margin-left: 0; margin-right: 0; flex-basis: 100%; width: 100%; border-bottom: 1px solid #393E42; padding-left: 4px; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot:last-child { border-bottom: none; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot:after { display: block; content: ""; margin-bottom: 10px; } @media only screen and (max-width: 479px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot p { line-height: 20px; } } @media only screen and (min-width: 860px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot { margin-left: 0; margin-right: 0; flex-basis: 20%; width: 20%; border-bottom: none; padding-left: 0; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot:after { display: none; } } @media only screen and (min-width: 1440px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot { margin-left: 0; margin-right: 0; flex-basis: 14.2857%; width: 14.2857%; } } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot hr { display: none; position: relative; overflow: visible; border: none; border-top: 1px solid #585858; background: none; color: #585858; margin-bottom: 8px; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot hr:before { content: "\2022"; position: absolute; top: -13px; left: -2px; display: block; border-color: #5E5E5E; } @media only screen and (min-width: 860px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot hr { display: block; } } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-text { padding: 0 10px 0 0; margin-bottom: 0; } @media only screen and (max-width: 859px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-text { display: inline; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-text br { display: none; } } @media only screen and (max-width: 479px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-text { font-size: 13px; } } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-text a { color: #49b0f2; transition: all,150ms linear; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-text a:hover { color: #74c6ff; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-time { white-space: nowrap; overflow: hidden; padding: 0 10px 0 0; text-overflow: ellipsis; margin-bottom: 8px; color: #CCCCCC; } @media only screen and (max-width: 859px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-time { display: inline; } } @media only screen and (max-width: 479px) { .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot .agenda-time { font-size: 13px; } } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot:first-child hr:before { content: "|"; position: absolute; top: -14px; left: -2px; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot:last-child hr:before { content: "\2022"; position: absolute; top: -13px; left: -3px; display: block; border-color: #5E5E5E; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot:last-child hr:after { content: "|"; position: absolute; top: -15px; right: -2px; display: block; border-color: #5E5E5E; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot-highlight:before { background-color: rgba(255, 255, 255, 0.07); content: ''; position: absolute; top: -30px; left: 5px; height: 150%; width: 90%; z-index: 2; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot-highlight .agenda-time, .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot-highlight .agenda-text { margin-left: 10px; } .tabs-dark .tab-contents-agenda .tab-section .block-group .time-slot-highlight hr:before { display: none; } .agenda-at-a-glance .tabs-dark { background: none; } @media only screen and (max-width: 479px) { .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav { background-color: #1e1e1e; } } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav .esri-week-agenda-nav-right { background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #1e1e1e 80%); background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 0%, #1e1e1e 80%); background: linear-gradient(to right, rgba(50, 50, 50, 0) 0%, #1e1e1e 80%); height: 60px; } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav .esri-week-agenda-nav-right .icon-ui-right { top: 22px; color: #fff; } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav .esri-week-agenda-nav-left { background: -moz-linear-gradient(left, #1e1e1e 20%, rgba(50, 50, 50, 0) 100%); background: -webkit-linear-gradient(left, #1e1e1e 20%, rgba(50, 50, 50, 0) 100%); background: linear-gradient(to right, #1e1e1e 20%, rgba(50, 50, 50, 0) 100%); height: 60px; } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav .esri-week-agenda-nav-left .icon-ui-left { top: 22px; color: #fff; } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav.no-icon { height: 61px; } @media only screen and (max-width: 479px) { .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav.no-icon .tab-nav { border-bottom: 1px solid #595959; } } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav.no-icon .tab-nav .tab-title { height: 60px; padding: 18px 25px; text-transform: uppercase; } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav.no-icon .tab-nav .tab-title.is-active { padding: 16px 25px 20px 25px; } @media only screen and (max-width: 479px) { .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav.no-icon .tab-nav .tab-title.is-active { padding: 18px 25px 20px 25px; } } .agenda-at-a-glance .tabs-dark .esri-week-agenda-nav.no-icon .tab-nav .tab-title:hover { padding: 16px 25px 20px 25px; } @media only screen and (min-width: 480px) { .agenda-at-a-glance .tabs-dark .tab-contents { border-top: none; } } .agenda-at-a-glance .tabs-dark .tab-contents .tab-section, .agenda-at-a-glance .tabs-dark .tab-contents .tab-section.is-active { padding: 0 0 90px 0; margin-top: 0; } @media only screen and (max-width: 859px) { .agenda-at-a-glance .tabs-dark .tab-contents .tab-section, .agenda-at-a-glance .tabs-dark .tab-contents .tab-section.is-active { padding: 0; } } .agenda-at-a-glance .tabs-dark .tab-contents .tab-section .block-group, .agenda-at-a-glance .tabs-dark .tab-contents .tab-section.is-active .block-group { margin: 0; padding: 0 45px; } @media only screen and (max-width: 859px) { .agenda-at-a-glance .tabs-dark .tab-contents .tab-section .block-group, .agenda-at-a-glance .tabs-dark .tab-contents .tab-section.is-active .block-group { padding: 8px 19px 10px 19px; } } .dl-lighttheme { background-color: #fff; } .dl-lighttheme .headercontainer .headertitle { color: #000; } .dl-lighttheme .headercontainer .description { color: #4c4c4c; } .dl-darktheme { background-color: #323232; } .dl-darktheme .headercontainer .headertitle { color: #fff; } .dl-darktheme .headercontainer .description { color: #ccc; } .dl .headercontainer { width: 100%; padding: 0 20px; box-sizing: border-box; } .dl .headercontainer.text-center .headertitle { text-align: center; } .dl .headercontainer.text-center hr { margin: 0 auto; margin-top: 15px; margin-bottom: 20px; } .dl .headercontainer.text-center .description { margin: 0 auto; margin-bottom: 50px; } .dl .headercontainer.text-left hr { text-align: left; } .dl .headercontainer .headertitle { margin-bottom: 0; } .dl .headercontainer hr { margin: 0; border-top: none; height: 3px; width: 50px; margin-top: 15px; margin-bottom: 20px; } .dl .headercontainer .description { margin: 0; margin-bottom: 50px; width: 80%; } @media (min-width: 860px) { .dl .headercontainer { padding: 0; } .dl .headercontainer hr { margin-top: 15px; margin-bottom: 20px; } .dl .headercontainer .description { margin-bottom: 50px; width: 60%; } } .lighttheme .detailed-list-item-title { color: #4c4c4c; } .lighttheme .detailed-list-item-subtitle { color: #6e6e6e; } .lighttheme .detailed-list-item-description { color: #4c4c4c; border-bottom: solid 1px #ccc; } .lighttheme .detailed-list-item .detailed-list-primary-link a { color: #0079c1; } .lighttheme .detailed-list-item .detailed-list-primary-link a.btn-animated-border-bottom-custom-light-blue::after { border-bottom: 1px solid #0079c1; } .lighttheme .detailed-list-item .detailed-list-primary-link a span { /* svg color #0079c1 */ } .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik04IDE0LjNMMTMuMyA5SDBWOGgxMy4zTDggMi43VjEuM2w3LjIgNy4yTDggMTUuN3YtMS40eiIvPgo8L3N2Zz4="); } .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNMjYgMzBIMlY2aDE0VjRIMHYyOGgyOFYxOGgtMnpNMjEgOEMxMi43MTUgOCA2IDE0LjcxNyA2IDIzYzAgLjMzNi4wMjkuNjY4LjA1MSAxaDRBMTEuNDY0IDExLjQ2NCAwIDAgMSAxMCAyM2MwLTYuMDY1IDQuOTM2LTExIDExLTExaDMuMDA0bC02IDZoNEwzMCAxMGwtNy45OTYtOGgtNGw2IDZIMjF6Ii8+PC9zdmc+"); } .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNNiAwbDIyIDE2LjAwMkw2IDMyVjB6Ii8+PC9zdmc+"); } .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNMjIgMjRoNHYyaC00di0yem0wLTEyaDR2MmgtNHYtMnptMCA0aDR2MmgtNHYtMnpNOCA2aDEwdjJIOFY2em0xNCAxNGg0djJoLTR2LTJ6TTggMTJoMTB2Mkg4di0yem0wIDRoMTJ2Mkg4di0yek0yMi44MDEgMEg0djMyaDI2VjcuMTk5TDIyLjgwMSAwek0yOCAzMEg2VjJoMTR2OGg4djIwem0wLTIyaC02VjJoLjYyMUwyOCA3LjM3OVY4ek04IDIwaDEydjJIOHYtMnptMCA0aDEwdjJIOHYtMnoiLz48L3N2Zz4="); } .darktheme .detailed-list-item-title { color: #fff; } .darktheme .detailed-list-item-subtitle { color: #828282; border-bottom: solid 1px #595959; } .darktheme .detailed-list-item-description { color: #efefef; border-bottom: solid 1px #595959; } .darktheme .detailed-list-item .no-subtitle { border-bottom: solid 1px #595959; } .darktheme .detailed-list-item .detailed-list-primary-link a span { /* svg color #49b0f2 */ } .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiM0OWIwZjIiIGQ9Ik04IDE0LjNMMTMuMyA5SDBWOGgxMy4zTDggMi43VjEuM2w3LjIgNy4yTDggMTUuN3YtMS40eiIvPgo8L3N2Zz4="); } .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjNDliMGYyIiBkPSJNMjYgMzBIMlY2aDE0VjRIMHYyOGgyOFYxOGgtMnpNMjEgOEMxMi43MTUgOCA2IDE0LjcxNyA2IDIzYzAgLjMzNi4wMjkuNjY4LjA1MSAxaDRBMTEuNDY0IDExLjQ2NCAwIDAgMSAxMCAyM2MwLTYuMDY1IDQuOTM2LTExIDExLTExaDMuMDA0bC02IDZoNEwzMCAxMGwtNy45OTYtOGgtNGw2IDZIMjF6Ii8+PC9zdmc+"); } .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjNDliMGYyIiBkPSJNNiAwbDIyIDE2LjAwMkw2IDMyVjB6Ii8+PC9zdmc+"); } .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjNDliMGYyIiBkPSJNMjIgMjRoNHYyaC00di0yem0wLTEyaDR2MmgtNHYtMnptMCA0aDR2MmgtNHYtMnpNOCA2aDEwdjJIOFY2em0xNCAxNGg0djJoLTR2LTJ6TTggMTJoMTB2Mkg4di0yem0wIDRoMTJ2Mkg4di0yek0yMi44MDEgMEg0djMyaDI2VjcuMTk5TDIyLjgwMSAwek0yOCAzMEg2VjJoMTR2OGg4djIwem0wLTIyaC02VjJoLjYyMUwyOCA3LjM3OVY4ek04IDIwaDEydjJIOHYtMnptMCA0aDEwdjJIOHYtMnoiLz48L3N2Zz4="); } .detailed-list-item { width: 100%; margin-bottom: 75px; } .detailed-list-item .detailed-list-image { margin-bottom: 10px; } .detailed-list-item .detailed-list-image img { width: 48px; height: auto; } .detailed-list-item-title { margin-bottom: 5px; } .detailed-list-item-subtitle { padding-bottom: 15px; margin-bottom: 0; border-bottom: solid 1px #ccc; } .detailed-list-item-description { padding: 15px 0; margin-bottom: 0; } .detailed-list-item-description:last-of-type { border-bottom: none; } .detailed-list-item .no-subtitle { padding-bottom: 15px; border-bottom: solid 1px #ccc; } .detailed-list-item .nopadding { padding: 0; } .detailed-list-item .primarylink { padding-top: 15px; } .detailed-list-item .primarylink span[data-link-type]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } /* Right to Left */ html[dir="rtl"] body .detailed-list-component .lighttheme .detailed-list-item .detailed-list-primary-link a.btn-animated-border-bottom-custom-light-blue::after { right: 0; } html[dir="rtl"] body .detailed-list-component .lighttheme .detailed-list-item .detailed-list-primary-link a span { /* svg color #0079c1 */ } html[dir="rtl"] body .detailed-list-component .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='internal']:after { transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiMwMDc5YzEiIGQ9Ik04IDE0LjNMMTMuMyA5SDBWOGgxMy4zTDggMi43VjEuM2w3LjIgNy4yTDggMTUuN3YtMS40eiIvPgo8L3N2Zz4="); } html[dir="rtl"] body .detailed-list-component .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='external']:after { transform: rotateY(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNMjYgMzBIMlY2aDE0VjRIMHYyOGgyOFYxOGgtMnpNMjEgOEMxMi43MTUgOCA2IDE0LjcxNyA2IDIzYzAgLjMzNi4wMjkuNjY4LjA1MSAxaDRBMTEuNDY0IDExLjQ2NCAwIDAgMSAxMCAyM2MwLTYuMDY1IDQuOTM2LTExIDExLTExaDMuMDA0bC02IDZoNEwzMCAxMGwtNy45OTYtOGgtNGw2IDZIMjF6Ii8+PC9zdmc+"); } html[dir="rtl"] body .detailed-list-component .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='video']:after { transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNNiAwbDIyIDE2LjAwMkw2IDMyVjB6Ii8+PC9zdmc+"); } html[dir="rtl"] body .detailed-list-component .lighttheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='document']:after { transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjMDA3OWMxIiBkPSJNMjIgMjRoNHYyaC00di0yem0wLTEyaDR2MmgtNHYtMnptMCA0aDR2MmgtNHYtMnpNOCA2aDEwdjJIOFY2em0xNCAxNGg0djJoLTR2LTJ6TTggMTJoMTB2Mkg4di0yem0wIDRoMTJ2Mkg4di0yek0yMi44MDEgMEg0djMyaDI2VjcuMTk5TDIyLjgwMSAwek0yOCAzMEg2VjJoMTR2OGg4djIwem0wLTIyaC02VjJoLjYyMUwyOCA3LjM3OVY4ek04IDIwaDEydjJIOHYtMnptMCA0aDEwdjJIOHYtMnoiLz48L3N2Zz4="); } html[dir="rtl"] body .detailed-list-component .darktheme .detailed-list-item .detailed-list-primary-link a.btn-animated-border-bottom-custom-light-blue::after { right: 0; } html[dir="rtl"] body .detailed-list-component .darktheme .detailed-list-item .detailed-list-primary-link a span { /* svg color #49b0f2 */ } html[dir="rtl"] body .detailed-list-component .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='internal']:after { transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiM0OWIwZjIiIGQ9Ik04IDE0LjNMMTMuMyA5SDBWOGgxMy4zTDggMi43VjEuM2w3LjIgNy4yTDggMTUuN3YtMS40eiIvPgo8L3N2Zz4="); } html[dir="rtl"] body .detailed-list-component .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='external']:after { transform: rotateY(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjNDliMGYyIiBkPSJNMjYgMzBIMlY2aDE0VjRIMHYyOGgyOFYxOGgtMnpNMjEgOEMxMi43MTUgOCA2IDE0LjcxNyA2IDIzYzAgLjMzNi4wMjkuNjY4LjA1MSAxaDRBMTEuNDY0IDExLjQ2NCAwIDAgMSAxMCAyM2MwLTYuMDY1IDQuOTM2LTExIDExLTExaDMuMDA0bC02IDZoNEwzMCAxMGwtNy45OTYtOGgtNGw2IDZIMjF6Ii8+PC9zdmc+"); } html[dir="rtl"] body .detailed-list-component .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='video']:after { transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjNDliMGYyIiBkPSJNNiAwbDIyIDE2LjAwMkw2IDMyVjB6Ii8+PC9zdmc+"); } html[dir="rtl"] body .detailed-list-component .darktheme .detailed-list-item .detailed-list-primary-link a span[data-link-type='document']:after { transform: rotate(180deg); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPgo8cGF0aCBmaWxsPSIjNDliMGYyIiBkPSJNMjIgMjRoNHYyaC00di0yem0wLTEyaDR2MmgtNHYtMnptMCA0aDR2MmgtNHYtMnpNOCA2aDEwdjJIOFY2em0xNCAxNGg0djJoLTR2LTJ6TTggMTJoMTB2Mkg4di0yem0wIDRoMTJ2Mkg4di0yek0yMi44MDEgMEg0djMyaDI2VjcuMTk5TDIyLjgwMSAwek0yOCAzMEg2VjJoMTR2OGg4djIwem0wLTIyaC02VjJoLjYyMUwyOCA3LjM3OVY4ek04IDIwaDEydjJIOHYtMnptMCA0aDEwdjJIOHYtMnoiLz48L3N2Zz4="); } .rss-renderer .rss-renderer-wrapper .item-wrapper .card-content { padding-left: 20px; } .rss-renderer .rss-renderer-wrapper .btn-large { background: none; box-sizing: border-box; color: #005e95; } .light-gray-on-transparent-with-border .card-background { position: relative; height: 125px; width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; } .light-gray-on-transparent-with-border .card-body { border: thin solid #4c4c4c; } .light-gray-on-transparent-with-border .card-body a { color: #49b0f2; } .med-block { box-sizing: border-box; padding: 25px 30px; width: 100%; } .med-block .card-logo img { width: 48px; height: 48px; } .med-block .card-body .card-link { color: #0079c1; margin-bottom: 0.775rem; } .med-block .card-body .card-link a.btn { text-decoration: none; background: 0 0; border: thin solid #56a5d8; color: #56a5d8; transition: all .15s ease-in-out; } .med-block .card-body .card-link a.btn:hover { background: 0 0; border: thin solid #005e95; box-shadow: inset 0 0 0 2px #005e95; color: #005e95; } .partner { text-align: left; margin-bottom: 10px; background: #ffffff; padding: 20px; border: 1px solid #cccccc; } .partner .card-logo { margin-bottom: 10px; min-height: 98px; height: auto; width: auto !important; max-width: 100%; } .partner .card-body .card-title { color: #323232; margin-bottom: 1.55rem; font-size: 1.2rem; line-height: 1.55rem; } .partner .card-body .card-link { color: #0079c1; margin-bottom: 0.775rem; } .partner .card-body .card-link a { text-decoration: none; } .card-demo-1 .card-background { position: relative; min-height: 190px; } .card-demo-1 .card-background .card-overlay { background: rgba(255, 255, 255, 0.9); box-sizing: border-box; bottom: 0; left: 0; padding-left: 15px; position: absolute; text-align: left; width: 100%; } .card-demo-1 .card-body { background-color: white; } .card-demo-2 .card-logo { margin-bottom: 30px; max-width: 64px; }