/* Theme Name: BMR Energy. Theme URI: Author: Chicago Digital Author URI: https://www.chicagodigital.com Description: Custom WordPress Theme Designed For BMR Energy Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size:16px;box-sizing:border-box;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{padding:0;margin:0;background:#fff;font-family:'Montserrat',sans-serif;font-weight:normal;line-height:1.5;color:#24303d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::before,*::after{box-sizing:inherit}article,aside,footer,header,nav,section{display:block}figcaption,figure{display:block}figure{margin:1em 2.5em}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#24303d}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button,[type="button"],[type="reset"],[type="submit"]{}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:3px}select{box-sizing:border-box;width:100%;border-radius:3px}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:transparent;line-height:1;cursor:auto}pre{overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*Reduce Root Element (html) Sizing For REMs*/ @media only screen and (max-width: 1199px){html{font-size:15px}}@media only screen and (max-width: 1023px){html{font-size:14px}}@media only screen and (max-width: 800px){html{font-size:13px}}@media only screen and (max-width: 375px){html{font-size:12px}} /******************************************************************************** --- Template - Header --- *********************************************************************************/ .header {position:fixed; top:0; right:0; left:0; width:100%; z-index:9999; background: #fff; box-shadow: 0px 1px 3px 0px rgba(36, 48, 61,0.07)} /*-----------Drawer Scrollbars-----------*/ .drawer::-webkit-scrollbar {width: 0 !important;} .drawer::-webkit-scrollbar-track {background:none;} .drawer::-webkit-scrollbar-thumb {background:none;} .drawer::-webkit-scrollbar-thumb:window-inactive {} .no-touchevents .drawer::-webkit-scrollbar {width:8px!important;} .no-touchevents .drawer::-webkit-scrollbar-track {background:#a7a7a7;} .no-touchevents .drawer::-webkit-scrollbar-thumb {background:blue;} .no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {} /*-----------Header - Utility Links-----------*/ .utility-links {position: absolute; top: 0; right: 0.9375em;} .utility-links ul {list-style:none; margin:0; padding:0; overflow: hidden;} .utility-links li, .utility-links a {display:block;} .utility-links li {display:block; float:left; height: 90px; line-height: 90px; margin: 0 0.9375em;} .utility-links a {display: inline-block; vertical-align: middle; line-height: 1.2;} .utility-links a:not(.button) {font-size: 1.0625em; font-weight: 700; color: #565e68;} .utility-links a:not(.button):hover {color: #217de5} .utility-links a:not(.button) span[class*="icon-"] {font-size:1.1176em; margin-right:0.3158em; position: relative; top: 0.1053em; color: #217de5;} .utility-links .button {font-size:0.9375em; letter-spacing: 1px; margin-bottom: 0; padding-right: 2em; padding-left: 2em;} .utility-links .button span[class*="icon-"] {position: relative; top: 0.0667em; margin-right: 0.2667em} @media only screen and (max-width: 1366px) { .utility-links {font-size: 14px;} .utility-links .button {padding-right: 1.25em; padding-left: 1.25em;} } @media only screen and (max-width: 1199px) { .utility-links {font-size: 13px; right: 0.3846em;} .utility-links li {height: 70px; line-height: 68px; margin-right: 0.7692em; margin-left: 0.7692em;} } @media only screen and (max-width: 639px) { .utility-links {font-size: 10px;} .utility-links li {height: 60px; line-height: 58px; margin-right: 0.5em; margin-left: 0.5em;} } @media only screen and (max-width: 479px) { .utility-links {font-size: 8px;} .utility-links li {height: 50px; line-height: 48px;} .utility-links .button {padding-right: 1em; padding-left: 1em;} } @media only screen and (max-width: 355px) { .utility-links {font-size: 7px;} } @media only screen and (min-width: 1200px) { /*-----------Hidden Mobile Elements-----------*/ .content-overlay, .drawer-toggle {display:none;} /*-----------Header-----------*/ .header {height:90px;} .logo {display:block; position:absolute; top:0; left:1.1538em; height:90px; line-height:90px; width: 225px; text-align:center; z-index:1;} .logo img {display:inline-block; vertical-align:middle;} /*-----------Header - Menu-----------*/ .menu { font-size: 15px; position: absolute; top: 0; left: 0; width: 100%; padding-left: 300px;} .menu ul { display: inline-block; list-style: none; margin: 0; padding: 0; text-align: left } .menu li { position: relative; } .menu li, .menu a { display: block; } /*-----------Menu - First Level-----------*/ .menu > ul > li { float: left; } .menu > ul > li > a { font-size: 0.875em; font-weight: 600; padding: 0 1.1429em; margin: 0; z-index: 1; position: relative; height: 90px; line-height: 90px; color: #24303d; transition: background-color 250ms ease, color 250ms ease; } .menu > ul > li > a:before, .menu > ul > li > a:after {content: ""; display: block; position: absolute; left: 50%; width: 2px;} .menu > ul > li > a:before {bottom: 0; height: 20px; border: 1px solid transparent;} .menu > ul > li > a:after {bottom:-20px; height: 40px; background: #e52121; opacity: 0; transition: opacity 250ms ease;} .menu > ul > li.drop-open > a:after {opacity: 1;} .menu > ul > li > a:hover, .menu > ul > li:hover > a, .menu > ul > li.selected > a {color: #e52121; } /*-----------Menu - Dropdown-----------*/ .menu > ul > li > ul { line-height: normal; position: absolute; left: -9999px; top: auto; width: 225px; padding: 1.25em 1.5625em 1.5em; background: #f7f9fc; opacity: 0; transition: opacity .25s ease; } .menu > ul > li > ul > li > a { font-size: 0.9375em; font-weight: 600; padding: 0.7143em 0; color: #24303d; border-bottom: 1px solid #e5e8ec; } .menu > ul > li > ul > li:last-child > a { border-bottom: none; } .menu > ul > li > ul > li > a:hover, .menu > ul > li > ul > li.drop-open > a, .menu > ul > li > ul > li.selected > a { color:#e52121; } .menu ul ul ul {margin-top: 0.5em;} .menu ul ul ul a {font-size: 0.9333em; padding: 0.2857em 0; color: #92979e;} .menu ul ul ul a:hover {color: #e52121;} .no-touchevents .menu > ul > li.drop-open > ul, .touchevents .menu > ul > li:hover > ul { left: 0; opacity: 1; } .no-touchevents .menu > ul > li.drop-right.drop-open ul, .touchevents .menu > ul > li.drop-right:hover ul { right: 0; } } @media only screen and (min-width: 1366px) { .logo {width: 280px;} .menu {padding-left: 380px;} .menu > ul > li > a {padding-right: 1.3714em; padding-left: 1.3714em;} } @media only screen and (min-width: 1440px) { .logo {width: auto; left: 1.875em} .menu {font-size: 16px; padding-left: 420px;} } @media only screen and (min-width: 1600px) { .menu {text-align: center; padding-left: 0;} .menu > ul > li > a {padding-right: 1.4286em; padding-left: 1.428em;} } @media only screen and (min-width: 1800px) { .menu > ul > li > a {padding-right: 2.1429em; padding-left: 2.1429em;} } @media only screen and (max-width: 1199px) { /*-----------Header-----------*/ .header { height: 70px; } /*-----------Header - Logo-----------*/ .logo { display: block; position: absolute; top: 0; left: 65px; height: 70px; line-height: 70px; } .logo img { max-width: 240px; display: inline-block; vertical-align: middle; } /*-----------Drawer Toggle-----------*/ .drawer-toggle { position: absolute; top: 0; left: 0; width: 50px; height: 70px; text-align: center; display: block; margin: 0; padding: 0;} .drawer-toggle span { position: absolute; display: block; width: 26px; height: 2px; background: #24303d; top: 50%; margin-top:0; left: 50%; margin-left: -14px; } .drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; } .drawer-toggle span::before { top: -8px; } .drawer-toggle span::after { bottom: -8px; } /*-----------Drawer-----------*/ .drawer { position: fixed; z-index: 1001; top: 0; left: -300px; height: 100%; width: 300px; background: #fff; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 150ms ease-in-out; transition: transform 150ms ease-in-out } /*-----------Main Menu-----------*/ .menu {font-size: 16px;} .menu ul {margin: 0; padding: 0; list-style: none;} .menu li {line-height: 1.2;} .menu > ul > li, .menu > ul > li > a, .menu ul li:not(.mega-drop), .menu li:not(.mega-drop) a {display: block;} .menu > ul > li > a, .menu > ul > li:not(.mega-drop) a {font-size: 0.9375em; font-weight: 600; position: relative; padding: 1em 1.0526em; transition: all 150ms ease; color: #24303d; border-bottom: 1px solid rgba(0,0,0,0.10);} .menu > ul > li.active > a, .menu > ul > li.selected > a {color: #ffffff; background: #e52121;} .menu .menu-arrow {position: absolute; z-index: 1; top: 0; right: 0; display: block; font-weight: normal; width: 2.778em; height: 100%; text-align: center;} .menu .menu-arrow:after {font-family: 'icomoon'; font-size: 1.250em; font-style: normal; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; content: '\e90c'; -webkit-transition: all 150ms ease; transition: all 150ms ease; color: #e52121;} .menu li.active > a .menu-arrow:after {-webkit-transform: rotate(-180deg); transform: rotate(-180deg); color: #ffffff;} .menu li.selected > a .menu-arrow:after {color: #ffffff;} .menu > ul > li > ul, .menu ul li:not(.mega-drop) ul {display: none; background: #f7f9fc;} .menu > ul > li.active > ul, .menu ul li:not(.mega-drop).active > ul {display: block;} .menu > ul > li > ul > li.active > a {color: #ffffff; background: #24303d;} .menu ul li:not(.mega-drop) ul ul {background: #f7f9fc;} .menu ul li:not(.mega-drop) ul a {font-size: 0.875em; padding-left: 1.25em;} .menu ul li:not(.mega-drop) ul ul a {font-size: 0.8125em; padding-left: 1.3333em;} /*-----------Pull Out Menu Content Overlay-----------*/ .content-overlay { visibility: hidden; height: 0; width: 0; background: rgba(0, 0, 0, 0); position: absolute; top: 0; -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; z-index: 1000; } /*-----------Pull Out Menu Open-----------*/ .root { position: relative; height: 100%; } .root.menu_open { overflow: hidden; } .root.menu_open .drawer { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } .root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position: fixed; top: 0; left: 0; right: 0; background: rgba(36, 48, 61, 0.7); overflow: hidden; } .root.menu_open .content-overlay span { position: absolute; top: 0.577em; right: 0.577em; font-size: 1.625rem; color: #fff; } } @media only screen and (max-width: 639px) { .header { height: 60px; } .drawer-toggle {height: 60px;} .logo {left:55px; height: 60px; line-height: 60px; } .logo img { max-width: 200px;} } @media only screen and (max-width: 479px) { .header { height: 50px; } .logo {height: 50px; line-height: 47px; left: 45px;} .logo img { max-width: 160px;} .drawer-toggle {width: 40px; height: 50px;} .drawer-toggle span {width: 22px; margin-left: -11px;} } @media only screen and (max-width: 375px) { .menu {font-size: 15px;} .drawer {width:280px; left:-280px;} .root.menu_open .drawer {-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0);} } @media only screen and (max-width: 355px) { .logo img { max-width: 130px;} .drawer {width:260px; left:-260px;} .menu {font-size: 14px;} .root.menu_open .drawer {-webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0);} } /******************************************************************************** --- Home - Hero --- *********************************************************************************/ .hero {height: 750px; background-color: #24303d; position: relative;} .hero__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;} .hero__bg::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(60deg, rgba(36, 48, 61, 0.5), rgba(36, 48, 61, 0) 100%);} .hero__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .hero__body { width: 100%; position: relative; padding: 3.75em 0;} .hero__left {float: left; width: 52%;} .hero__right {float: right; width: 42%;} .hero__caption {position: relative;} .hero__button.button {font-size: 1em; margin-bottom: 0;} .hero__title {font-size:3.25em; font-weight: 600; line-height: 1.2; color: #fff; margin-bottom: 0.4em;} .hero__overview {font-size:1em; line-height: 1.8; color: rgba(255,255,255,0.85);} .hero__video {text-align: center; position: relative;} .hero__video a {display: block;} .hero__video-cover {display: inline-block; border-radius: 5px; overflow: hidden; box-shadow: 0 10px 40px 10px rgba(36, 48, 61, 0.25); margin-bottom: 0.625em; position: relative;} .hero__video-cover video {display: block; width: 100%; height: auto;} .hero__video-cover-play {position: absolute; top: 50%; left: 50%; width: 3.75em; height: 3.75em; line-height: 3.4375em!important; border-radius: 3.75em; margin: -1.875em 0 0 -1.875em; background: rgba(229, 33, 33,0.8); box-shadow: 0 2px 0.625em 0 rgba(36, 48, 61, 0.35); color: #fff; transition: background 250ms ease;} .hero__video-cover-play:before {font-size: 1.5625em; display: inline-block; vertical-align: middle; line-height: 1;} .hero__video-cover:hover .hero__video-cover-play {background: rgba(229, 33, 33,1);} .hero__video-caption p {font-size:1.0625em; color: #fff;} .hero__video-caption-label {font-size:0.8235em; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; margin-left: 0.8333em;} @media only screen and (max-width: 1365px) { .hero {font-size: 14px;} } @media only screen and (max-width: 1199px) { .hero {font-size: 12px;} } @media only screen and (max-width: 959px) { .hero {font-size:14px; height: auto;} .hero .row-site {max-width: 767px} .hero__left, .hero__right {float: none; width: 100%} .hero__left {margin-bottom: 4em;} .hero__left {padding-bottom:2.8571em; border-bottom: 2px solid #217de5;} .hero__right {max-width: 70%; margin-right: auto; margin-left: auto;} .hero__title {font-size: 2.5714em;} .hero__overview {font-size: 1.1429em;} .hero__video {max-width: 480px; margin-right: auto; margin-left: auto;} } @media only screen and (max-width: 639px) { .hero {font-size:13px;} .hero__title {font-size: 2.1538em;} .hero__overview {font-size: 1.0769em;} .hero__video-caption-label {display: block;} } @media only screen and (max-width: 479px) { .hero__video {font-size:0.8462em;} } @media only screen and (max-width: 375px) { .hero {font-size:12px;} } /******************************************************************************** --- Home - Hero Slider --- *********************************************************************************/ .hero--slider { margin: 0; } .overlay-light { background: rgba(36,48,61,.45); } .overlay-medium { background: rgba(36,48,61,.65); } .overlay-dark { background: rgba(36,48,61,.85); } .overlay-default { background: linear-gradient(60deg, rgba(36, 48, 61, 0.5), rgba(36, 48, 61, 0) 100%); } .hero--slider .hero { height: 600px!important; } .hero--slider .hero__title { font-size: 2.25em; } .hero--slider .slider__overlay { height: 100%; } .hero--slider .label--img img { display: block; margin: 0 auto; } .hero--slider .slick-dots, .testimonials-slider .slick-dots { bottom: -10px; left: 50%; position: absolute; transform: translate(-50%,0); z-index: 324; } .hero--slider .slick-dots li, .testimonials-slider .slick-dots li { width: 65px; } .hero--slider .slick-dots li button::before, .testimonials-slider .slick-dots li button::before { background: #fff; content: ''; font-size: 2rem; height: 5px; width: 100%; } .hero--slider .slick-dots li button::before, .testimonials-slider .slick-dots li button::before { color: #fff; opacity: 0.55; } .hero--slider .slick-dots li.slick-active button::before, .testimonials-slider .slick-dots li.slick-active button::before { color: #fff; opacity: 1; } .color-black h1, .color-black p { color: #24303d; } .color-white h1, .color-white p { color: #f7f9fc; } .color-gray h1, .color-gray p { color: #92979e; } .color-red h1, .color-red p { color: #e52121; } /******************************************************************************** --- Inner - Hero --- *********************************************************************************/ .inner-hero {height:25em; overflow: hidden; position: relative; background-color: #24303d;} .inner-hero__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;} .inner-hero__bg::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75; background-image: -webkit-linear-gradient(14deg, #24303d, rgba(36, 48, 61, 0) 100%); background-image: linear-gradient(76deg, #24303d, rgba(36, 48, 61, 0) 100%);} .inner-hero__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .inner-hero__body { width: 100%; position: relative; padding: 3.75em 0;} .inner-hero__caption {position: relative; max-width: 60em;} .inner-hero__caption::before {content:""; display:block; position: absolute; top: 0; left: -1.875em; width: 2px; height: 100%; background: #e52121;} .inner-hero__label {font-size: 1.1em; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;} .inner-hero__title {font-size: 4.0625em; line-height: 1; letter-spacing: -1px; color: #fff; margin:0 0 0.4em -0.0615em;} @media only screen and (max-width: 1365px) { .inner-hero {font-size: 15px;} } @media only screen and (max-width: 1199px) { .inner-hero {font-size: 14px;} } @media only screen and (max-width: 959px) { .inner-hero {font-size: 13px; height: 23.0769em;} .inner-hero__title {font-size: 3.4375em;} } @media only screen and (max-width: 800px) { .inner-hero {height: 21.5385em;} } @media only screen and (max-width: 639px) { .inner-hero {font-size:12px;} .inner-hero__caption {padding-left: 1.6667em;} .inner-hero__caption::before {left: 0;} } @media only screen and (max-width: 479px) { .inner-hero__title {font-size: 2.8125em;} } @media only screen and (max-width: 375px) { .inner-hero {font-size:11px; height: 18.75em;} } /******************************************************************************** ---AOS Animate Library--- *********************************************************************************/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos=fade-up-small]{transform:translateY(50px)}[data-aos=fade-down-small]{transform:translateY(-50px)}[data-aos=fade-up-xsmall]{transform:translateY(25px)}[data-aos=fade-down-xsmall]{transform:translateY(-25px)} /******************************************************************************** --- Slick CSS --- *********************************************************************************/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider * {outline: none;} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /******************************************************************************** --- Custom Slick Arrows --- *********************************************************************************/ .carousel {font-size: 16px; padding: 0; display: none;} .carousel.slick-initialized {display: block;} .carousel .slick-slide {text-align: center;} .carousel .slick-slide img {display: inline-block;} .carousel .slick-arrow {position: absolute; top: 50%; margin: -1.000em 0 0; display: block; width: 2.000em; height: 2.000em; line-height: 2.000em; text-align: center; color: #92979e; background: none; border: none; outline: none; padding: 0; transition: color 250ms ease; cursor: pointer} .carousel .slick-arrow:hover {color:#e5e8ec } .carousel .slick-arrow span {font-size: 1.313em; display: inline-block; vertical-align: middle; line-height: 1;} .carousel .slick-next {right: -2.5em;} .carousel .slick-prev {left: -2.5em;} @media (max-width: 1199px) { .carousel {font-size: 15px;} } @media (max-width: 959px) { .carousel {font-size: 14px;} } @media (max-width: 800px) { .carousel {font-size: 13px;} } @media (max-width: 639px) { .carousel {font-size: 12px;} } @media (max-width: 479px) { .carousel {font-size: 11px;} } @media (max-width: 375px) { .carousel {font-size: 10px;} } /******************************************************************************** --- Custom Slick Arrows --- *********************************************************************************/ .featured-in-carousel {min-height: 15.875em; margin-top: -4.1875em; padding-top: 7.5em; padding-bottom: 2.5em; background-color:#f7f9fc;} .featured-in-carousel--inner {background: none;} .featured-in-carousel__container {position: relative;} .featured-in-carousel__title {text-align: center; margin-bottom: 1.25em} .featured-in-carousel__title h3 {font-size:1em; display: inline-block; text-transform:uppercase; font-weight: 600; color: #24303d; position: relative; margin-bottom: 0; padding: 0 2.1875em;} .featured-in-carousel__title h3::before {content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 100%; height: 2px; background: #e52121} .featured-in-carousel__title h3 span {display: inline-block; padding: 0 1.25em; background: #f7f9fc; position: relative;} .featured-in-carousel__logo {display: block; text-align: center;} @media (max-width: 1023px) { .featured-in-carousel__logos {padding-right: 2.5em; padding-left: 2.5em;} } /******************************************************************************** --- Custom Slick Dots --- *********************************************************************************/ .slick-dots { display: flex; justify-content: center; list-style: none; margin: 0 0 30px; padding: 0; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 2rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #e52121; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: #e52121; } /******************************************************************************** --- Template Layout --- *********************************************************************************/ @media only screen and (min-width: 1200px) { .wrapper { padding-top: 90px; } } @media only screen and (max-width: 1199px) { .wrapper { padding-top: 60px; } } @media only screen and (max-width: 639px) { .wrapper { padding-top: 50px; } } /******************************************************************************** --- Grid --- *********************************************************************************/ /* Base Grid Classes */ .row{max-width:1230px;margin-right:auto;margin-left:auto}.row::before,.row::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.row::after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-right:0;padding-left:0}.row .row{margin-right:-0.6667rem;margin-left:-0.6667rem}.row .row.collapse{margin-right:0;margin-left:0}.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.row:not(.expanded) .row{max-width:none}.column,.columns{width:100%;float:left;padding-right:0.6667rem;padding-left:0.6667rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.row-site{width:96%} /* .xsmall- Grid */ .xsmall-1{width:8.33333%}.xsmall-push-1{position:relative;left:8.33333%}.xsmall-pull-1{position:relative;left:-8.33333%}.xsmall-offset-0{margin-left:0%}.xsmall-2{width:16.66667%}.xsmall-push-2{position:relative;left:16.66667%}.xsmall-pull-2{position:relative;left:-16.66667%}.xsmall-offset-1{margin-left:8.33333%}.xsmall-3{width:25%}.xsmall-push-3{position:relative;left:25%}.xsmall-pull-3{position:relative;left:-25%}.xsmall-offset-2{margin-left:16.66667%}.xsmall-4{width:33.33333%}.xsmall-push-4{position:relative;left:33.33333%}.xsmall-pull-4{position:relative;left:-33.33333%}.xsmall-offset-3{margin-left:25%}.xsmall-5{width:41.66667%}.xsmall-push-5{position:relative;left:41.66667%}.xsmall-pull-5{position:relative;left:-41.66667%}.xsmall-offset-4{margin-left:33.33333%}.xsmall-6{width:50%}.xsmall-push-6{position:relative;left:50%}.xsmall-pull-6{position:relative;left:-50%}.xsmall-offset-5{margin-left:41.66667%}.xsmall-7{width:58.33333%}.xsmall-push-7{position:relative;left:58.33333%}.xsmall-pull-7{position:relative;left:-58.33333%}.xsmall-offset-6{margin-left:50%}.xsmall-8{width:66.66667%}.xsmall-push-8{position:relative;left:66.66667%}.xsmall-pull-8{position:relative;left:-66.66667%}.xsmall-offset-7{margin-left:58.33333%}.xsmall-9{width:75%}.xsmall-push-9{position:relative;left:75%}.xsmall-pull-9{position:relative;left:-75%}.xsmall-offset-8{margin-left:66.66667%}.xsmall-10{width:83.33333%}.xsmall-push-10{position:relative;left:83.33333%}.xsmall-pull-10{position:relative;left:-83.33333%}.xsmall-offset-9{margin-left:75%}.xsmall-11{width:91.66667%}.xsmall-push-11{position:relative;left:91.66667%}.xsmall-pull-11{position:relative;left:-91.66667%}.xsmall-offset-10{margin-left:83.33333%}.xsmall-12{width:100%}.xsmall-offset-11{margin-left:91.66667%}.xsmall-up-1>.column,.xsmall-up-1>.columns{float:left;width:100%}.xsmall-up-1>.column:nth-of-type(1n),.xsmall-up-1>.columns:nth-of-type(1n){clear:none}.xsmall-up-1>.column:nth-of-type(1n+1),.xsmall-up-1>.columns:nth-of-type(1n+1){clear:both}.xsmall-up-1>.column:last-child,.xsmall-up-1>.columns:last-child{float:left}.xsmall-up-2>.column,.xsmall-up-2>.columns{float:left;width:50%}.xsmall-up-2>.column:nth-of-type(1n),.xsmall-up-2>.columns:nth-of-type(1n){clear:none}.xsmall-up-2>.column:nth-of-type(2n+1),.xsmall-up-2>.columns:nth-of-type(2n+1){clear:both}.xsmall-up-2>.column:last-child,.xsmall-up-2>.columns:last-child{float:left}.xsmall-up-3>.column,.xsmall-up-3>.columns{float:left;width:33.33333%}.xsmall-up-3>.column:nth-of-type(1n),.xsmall-up-3>.columns:nth-of-type(1n){clear:none}.xsmall-up-3>.column:nth-of-type(3n+1),.xsmall-up-3>.columns:nth-of-type(3n+1){clear:both}.xsmall-up-3>.column:last-child,.xsmall-up-3>.columns:last-child{float:left}.xsmall-up-4>.column,.xsmall-up-4>.columns{float:left;width:25%}.xsmall-up-4>.column:nth-of-type(1n),.xsmall-up-4>.columns:nth-of-type(1n){clear:none}.xsmall-up-4>.column:nth-of-type(4n+1),.xsmall-up-4>.columns:nth-of-type(4n+1){clear:both}.xsmall-up-4>.column:last-child,.xsmall-up-4>.columns:last-child{float:left}.xsmall-up-5>.column,.xsmall-up-5>.columns{float:left;width:20%}.xsmall-up-5>.column:nth-of-type(1n),.xsmall-up-5>.columns:nth-of-type(1n){clear:none}.xsmall-up-5>.column:nth-of-type(5n+1),.xsmall-up-5>.columns:nth-of-type(5n+1){clear:both}.xsmall-up-5>.column:last-child,.xsmall-up-5>.columns:last-child{float:left}.xsmall-up-6>.column,.xsmall-up-6>.columns{float:left;width:16.66667%}.xsmall-up-6>.column:nth-of-type(1n),.xsmall-up-6>.columns:nth-of-type(1n){clear:none}.xsmall-up-6>.column:nth-of-type(6n+1),.xsmall-up-6>.columns:nth-of-type(6n+1){clear:both}.xsmall-up-6>.column:last-child,.xsmall-up-6>.columns:last-child{float:left}.xsmall-up-7>.column,.xsmall-up-7>.columns{float:left;width:14.28571%}.xsmall-up-7>.column:nth-of-type(1n),.xsmall-up-7>.columns:nth-of-type(1n){clear:none}.xsmall-up-7>.column:nth-of-type(7n+1),.xsmall-up-7>.columns:nth-of-type(7n+1){clear:both}.xsmall-up-7>.column:last-child,.xsmall-up-7>.columns:last-child{float:left}.xsmall-up-8>.column,.xsmall-up-8>.columns{float:left;width:12.5%}.xsmall-up-8>.column:nth-of-type(1n),.xsmall-up-8>.columns:nth-of-type(1n){clear:none}.xsmall-up-8>.column:nth-of-type(8n+1),.xsmall-up-8>.columns:nth-of-type(8n+1){clear:both}.xsmall-up-8>.column:last-child,.xsmall-up-8>.columns:last-child{float:left}.xsmall-collapse>.column,.xsmall-collapse>.columns{padding-right:0;padding-left:0}.xsmall-collapse .row{margin-right:0;margin-left:0}.expanded.row .xsmall-collapse.row{margin-right:0;margin-left:0}.xsmall-uncollapse>.column,.xsmall-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.xsmall-centered{margin-right:auto;margin-left:auto}.xsmall-centered,.xsmall-centered:last-child:not(:first-child){float:none;clear:both}.xsmall-uncentered,.xsmall-push-0,.xsmall-pull-0{position:static;float:left;margin-right:0;margin-left:0} /* .small- Grid */ @media print,screen and (min-width:480px){ .small-1{width:8.33333%}.small-push-1{position:relative;left:8.33333%}.small-pull-1{position:relative;left:-8.33333%}.small-offset-0{margin-left:0%}.small-2{width:16.66667%}.small-push-2{position:relative;left:16.66667%}.small-pull-2{position:relative;left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{position:relative;left:25%}.small-pull-3{position:relative;left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;left:33.33333%}.small-pull-4{position:relative;left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{position:relative;left:41.66667%}.small-pull-5{position:relative;left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{position:relative;left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;left:58.33333%}.small-pull-7{position:relative;left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{position:relative;left:66.66667%}.small-pull-8{position:relative;left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{position:relative;left:75%}.small-pull-9{position:relative;left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;left:83.33333%}.small-pull-10{position:relative;left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{position:relative;left:91.66667%}.small-pull-11{position:relative;left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1>.column,.small-up-1>.columns{float:left;width:100%}.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){clear:none}.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){clear:both}.small-up-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{float:left;width:50%}.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){clear:none}.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){clear:both}.small-up-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{float:left;width:33.33333%}.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){clear:none}.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){clear:both}.small-up-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{float:left;width:25%}.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){clear:none}.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){clear:both}.small-up-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{float:left;width:20%}.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){clear:none}.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){clear:both}.small-up-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{float:left;width:16.66667%}.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){clear:none}.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){clear:both}.small-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{float:left;width:14.28571%}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{float:left;width:12.5%}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-right:0;padding-left:0}.small-collapse .row{margin-right:0;margin-left:0}.expanded.row .small-collapse.row{margin-right:0;margin-left:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.small-centered{margin-right:auto;margin-left:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-uncentered,.small-push-0,.small-pull-0{position:static;float:left;margin-right:0;margin-left:0} } @media print, screen and (min-width:640px) { .medium-1{width:8.33333%}.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{position:relative;left:-8.33333%}.medium-offset-0{margin-left:0%}.medium-2{width:16.66667%}.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{position:relative;left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;left:25%}.medium-pull-3{position:relative;left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{position:relative;left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{position:relative;left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{position:relative;left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{position:relative;left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{position:relative;left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;left:75%}.medium-pull-9{position:relative;left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{position:relative;left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{position:relative;left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{float:left;width:100%}.medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){clear:none}.medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){clear:both}.medium-up-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{float:left;width:50%}.medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){clear:none}.medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){clear:both}.medium-up-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{float:left;width:33.33333%}.medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n){clear:none}.medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1){clear:both}.medium-up-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{float:left;width:25%}.medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){clear:none}.medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){clear:both}.medium-up-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{float:left;width:20%}.medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){clear:none}.medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){clear:both}.medium-up-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{float:left;width:16.66667%}.medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){clear:none}.medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){clear:both}.medium-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{float:left;width:14.28571%}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{float:left;width:12.5%}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-right:0;padding-left:0}.medium-collapse .row{margin-right:0;margin-left:0}.expanded.row .medium-collapse.row{margin-right:0;margin-left:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.medium-centered{margin-right:auto;margin-left:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-uncentered,.medium-push-0,.medium-pull-0{position:static;float:left;margin-right:0;margin-left:0}.column,.columns{padding-right:0.9375rem;padding-left:0.9375rem}.row .row{margin-right:-0.9375rem;margin-left:-0.9375rem}.row-site{width:90%} } /* .large- Grid */ @media print, screen and (min-width:801px) { .large-1{width:8.33333%}.large-push-1{position:relative;left:8.33333%}.large-pull-1{position:relative;left:-8.33333%}.large-offset-0{margin-left:0%}.large-2{width:16.66667%}.large-push-2{position:relative;left:16.66667%}.large-pull-2{position:relative;left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{position:relative;left:25%}.large-pull-3{position:relative;left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;left:33.33333%}.large-pull-4{position:relative;left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{position:relative;left:41.66667%}.large-pull-5{position:relative;left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{position:relative;left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;left:58.33333%}.large-pull-7{position:relative;left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{position:relative;left:66.66667%}.large-pull-8{position:relative;left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{position:relative;left:75%}.large-pull-9{position:relative;left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;left:83.33333%}.large-pull-10{position:relative;left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{position:relative;left:91.66667%}.large-pull-11{position:relative;left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1>.column,.large-up-1>.columns{float:left;width:100%}.large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){clear:none}.large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){clear:both}.large-up-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{float:left;width:50%}.large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){clear:none}.large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){clear:both}.large-up-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{float:left;width:33.33333%}.large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){clear:none}.large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){clear:both}.large-up-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{float:left;width:25%}.large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){clear:none}.large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){clear:both}.large-up-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{float:left;width:20%}.large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){clear:none}.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){clear:both}.large-up-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{float:left;width:16.66667%}.large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){clear:none}.large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){clear:both}.large-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{float:left;width:14.28571%}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{float:left;width:12.5%}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-right:0;padding-left:0}.large-collapse .row{margin-right:0;margin-left:0}.expanded.row .large-collapse.row{margin-right:0;margin-left:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.large-centered{margin-right:auto;margin-left:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-uncentered,.large-push-0,.large-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xlarge- Grid */ @media print, screen and (min-width:960px) { .xlarge-1{width:8.33333%}.xlarge-push-1{position:relative;left:8.33333%}.xlarge-pull-1{position:relative;left:-8.33333%}.xlarge-offset-0{margin-left:0%}.xlarge-2{width:16.66667%}.xlarge-push-2{position:relative;left:16.66667%}.xlarge-pull-2{position:relative;left:-16.66667%}.xlarge-offset-1{margin-left:8.33333%}.xlarge-3{width:25%}.xlarge-push-3{position:relative;left:25%}.xlarge-pull-3{position:relative;left:-25%}.xlarge-offset-2{margin-left:16.66667%}.xlarge-4{width:33.33333%}.xlarge-push-4{position:relative;left:33.33333%}.xlarge-pull-4{position:relative;left:-33.33333%}.xlarge-offset-3{margin-left:25%}.xlarge-5{width:41.66667%}.xlarge-push-5{position:relative;left:41.66667%}.xlarge-pull-5{position:relative;left:-41.66667%}.xlarge-offset-4{margin-left:33.33333%}.xlarge-6{width:50%}.xlarge-push-6{position:relative;left:50%}.xlarge-pull-6{position:relative;left:-50%}.xlarge-offset-5{margin-left:41.66667%}.xlarge-7{width:58.33333%}.xlarge-push-7{position:relative;left:58.33333%}.xlarge-pull-7{position:relative;left:-58.33333%}.xlarge-offset-6{margin-left:50%}.xlarge-8{width:66.66667%}.xlarge-push-8{position:relative;left:66.66667%}.xlarge-pull-8{position:relative;left:-66.66667%}.xlarge-offset-7{margin-left:58.33333%}.xlarge-9{width:75%}.xlarge-push-9{position:relative;left:75%}.xlarge-pull-9{position:relative;left:-75%}.xlarge-offset-8{margin-left:66.66667%}.xlarge-10{width:83.33333%}.xlarge-push-10{position:relative;left:83.33333%}.xlarge-pull-10{position:relative;left:-83.33333%}.xlarge-offset-9{margin-left:75%}.xlarge-11{width:91.66667%}.xlarge-push-11{position:relative;left:91.66667%}.xlarge-pull-11{position:relative;left:-91.66667%}.xlarge-offset-10{margin-left:83.33333%}.xlarge-12{width:100%}.xlarge-offset-11{margin-left:91.66667%}.xlarge-up-1>.column,.xlarge-up-1>.columns{float:left;width:100%}.xlarge-up-1>.column:nth-of-type(1n),.xlarge-up-1>.columns:nth-of-type(1n){clear:none}.xlarge-up-1>.column:nth-of-type(1n+1),.xlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xlarge-up-1>.column:last-child,.xlarge-up-1>.columns:last-child{float:left}.xlarge-up-2>.column,.xlarge-up-2>.columns{float:left;width:50%}.xlarge-up-2>.column:nth-of-type(1n),.xlarge-up-2>.columns:nth-of-type(1n){clear:none}.xlarge-up-2>.column:nth-of-type(2n+1),.xlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xlarge-up-2>.column:last-child,.xlarge-up-2>.columns:last-child{float:left}.xlarge-up-3>.column,.xlarge-up-3>.columns{float:left;width:33.33333%}.xlarge-up-3>.column:nth-of-type(1n),.xlarge-up-3>.columns:nth-of-type(1n){clear:none}.xlarge-up-3>.column:nth-of-type(3n+1),.xlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xlarge-up-3>.column:last-child,.xlarge-up-3>.columns:last-child{float:left}.xlarge-up-4>.column,.xlarge-up-4>.columns{float:left;width:25%}.xlarge-up-4>.column:nth-of-type(1n),.xlarge-up-4>.columns:nth-of-type(1n){clear:none}.xlarge-up-4>.column:nth-of-type(4n+1),.xlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xlarge-up-4>.column:last-child,.xlarge-up-4>.columns:last-child{float:left}.xlarge-up-5>.column,.xlarge-up-5>.columns{float:left;width:20%}.xlarge-up-5>.column:nth-of-type(1n),.xlarge-up-5>.columns:nth-of-type(1n){clear:none}.xlarge-up-5>.column:nth-of-type(5n+1),.xlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xlarge-up-5>.column:last-child,.xlarge-up-5>.columns:last-child{float:left}.xlarge-up-6>.column,.xlarge-up-6>.columns{float:left;width:16.66667%}.xlarge-up-6>.column:nth-of-type(1n),.xlarge-up-6>.columns:nth-of-type(1n){clear:none}.xlarge-up-6>.column:nth-of-type(6n+1),.xlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xlarge-up-6>.column:last-child,.xlarge-up-6>.columns:last-child{float:left}.xlarge-up-7>.column,.xlarge-up-7>.columns{float:left;width:14.28571%}.xlarge-up-7>.column:nth-of-type(1n),.xlarge-up-7>.columns:nth-of-type(1n){clear:none}.xlarge-up-7>.column:nth-of-type(7n+1),.xlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xlarge-up-7>.column:last-child,.xlarge-up-7>.columns:last-child{float:left}.xlarge-up-8>.column,.xlarge-up-8>.columns{float:left;width:12.5%}.xlarge-up-8>.column:nth-of-type(1n),.xlarge-up-8>.columns:nth-of-type(1n){clear:none}.xlarge-up-8>.column:nth-of-type(8n+1),.xlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xlarge-up-8>.column:last-child,.xlarge-up-8>.columns:last-child{float:left}.xlarge-collapse>.column,.xlarge-collapse>.columns{padding-right:0;padding-left:0}.xlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xlarge-collapse.row{margin-right:0;margin-left:0}.xlarge-uncollapse>.column,.xlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xlarge-centered{margin-right:auto;margin-left:auto}.xlarge-centered,.xlarge-centered:last-child:not(:first-child){float:none;clear:both}.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xxlarge- Grid */ @media print, screen and (min-width:1200px) { .xxlarge-1{width:8.33333%}.xxlarge-push-1{position:relative;left:8.33333%}.xxlarge-pull-1{position:relative;left:-8.33333%}.xxlarge-offset-0{margin-left:0%}.xxlarge-2{width:16.66667%}.xxlarge-push-2{position:relative;left:16.66667%}.xxlarge-pull-2{position:relative;left:-16.66667%}.xxlarge-offset-1{margin-left:8.33333%}.xxlarge-3{width:25%}.xxlarge-push-3{position:relative;left:25%}.xxlarge-pull-3{position:relative;left:-25%}.xxlarge-offset-2{margin-left:16.66667%}.xxlarge-4{width:33.33333%}.xxlarge-push-4{position:relative;left:33.33333%}.xxlarge-pull-4{position:relative;left:-33.33333%}.xxlarge-offset-3{margin-left:25%}.xxlarge-5{width:41.66667%}.xxlarge-push-5{position:relative;left:41.66667%}.xxlarge-pull-5{position:relative;left:-41.66667%}.xxlarge-offset-4{margin-left:33.33333%}.xxlarge-6{width:50%}.xxlarge-push-6{position:relative;left:50%}.xxlarge-pull-6{position:relative;left:-50%}.xxlarge-offset-5{margin-left:41.66667%}.xxlarge-7{width:58.33333%}.xxlarge-push-7{position:relative;left:58.33333%}.xxlarge-pull-7{position:relative;left:-58.33333%}.xxlarge-offset-6{margin-left:50%}.xxlarge-8{width:66.66667%}.xxlarge-push-8{position:relative;left:66.66667%}.xxlarge-pull-8{position:relative;left:-66.66667%}.xxlarge-offset-7{margin-left:58.33333%}.xxlarge-9{width:75%}.xxlarge-push-9{position:relative;left:75%}.xxlarge-pull-9{position:relative;left:-75%}.xxlarge-offset-8{margin-left:66.66667%}.xxlarge-10{width:83.33333%}.xxlarge-push-10{position:relative;left:83.33333%}.xxlarge-pull-10{position:relative;left:-83.33333%}.xxlarge-offset-9{margin-left:75%}.xxlarge-11{width:91.66667%}.xxlarge-push-11{position:relative;left:91.66667%}.xxlarge-pull-11{position:relative;left:-91.66667%}.xxlarge-offset-10{margin-left:83.33333%}.xxlarge-12{width:100%}.xxlarge-offset-11{margin-left:91.66667%}.xxlarge-up-1>.column,.xxlarge-up-1>.columns{float:left;width:100%}.xxlarge-up-1>.column:nth-of-type(1n),.xxlarge-up-1>.columns:nth-of-type(1n){clear:none}.xxlarge-up-1>.column:nth-of-type(1n+1),.xxlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xxlarge-up-1>.column:last-child,.xxlarge-up-1>.columns:last-child{float:left}.xxlarge-up-2>.column,.xxlarge-up-2>.columns{float:left;width:50%}.xxlarge-up-2>.column:nth-of-type(1n),.xxlarge-up-2>.columns:nth-of-type(1n){clear:none}.xxlarge-up-2>.column:nth-of-type(2n+1),.xxlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xxlarge-up-2>.column:last-child,.xxlarge-up-2>.columns:last-child{float:left}.xxlarge-up-3>.column,.xxlarge-up-3>.columns{float:left;width:33.33333%}.xxlarge-up-3>.column:nth-of-type(1n),.xxlarge-up-3>.columns:nth-of-type(1n){clear:none}.xxlarge-up-3>.column:nth-of-type(3n+1),.xxlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xxlarge-up-3>.column:last-child,.xxlarge-up-3>.columns:last-child{float:left}.xxlarge-up-4>.column,.xxlarge-up-4>.columns{float:left;width:25%}.xxlarge-up-4>.column:nth-of-type(1n),.xxlarge-up-4>.columns:nth-of-type(1n){clear:none}.xxlarge-up-4>.column:nth-of-type(4n+1),.xxlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xxlarge-up-4>.column:last-child,.xxlarge-up-4>.columns:last-child{float:left}.xxlarge-up-5>.column,.xxlarge-up-5>.columns{float:left;width:20%}.xxlarge-up-5>.column:nth-of-type(1n),.xxlarge-up-5>.columns:nth-of-type(1n){clear:none}.xxlarge-up-5>.column:nth-of-type(5n+1),.xxlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xxlarge-up-5>.column:last-child,.xxlarge-up-5>.columns:last-child{float:left}.xxlarge-up-6>.column,.xxlarge-up-6>.columns{float:left;width:16.66667%}.xxlarge-up-6>.column:nth-of-type(1n),.xxlarge-up-6>.columns:nth-of-type(1n){clear:none}.xxlarge-up-6>.column:nth-of-type(6n+1),.xxlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xxlarge-up-6>.column:last-child,.xxlarge-up-6>.columns:last-child{float:left}.xxlarge-up-7>.column,.xxlarge-up-7>.columns{float:left;width:14.28571%}.xxlarge-up-7>.column:nth-of-type(1n),.xxlarge-up-7>.columns:nth-of-type(1n){clear:none}.xxlarge-up-7>.column:nth-of-type(7n+1),.xxlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xxlarge-up-7>.column:last-child,.xxlarge-up-7>.columns:last-child{float:left}.xxlarge-up-8>.column,.xxlarge-up-8>.columns{float:left;width:12.5%}.xxlarge-up-8>.column:nth-of-type(1n),.xxlarge-up-8>.columns:nth-of-type(1n){clear:none}.xxlarge-up-8>.column:nth-of-type(8n+1),.xxlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xxlarge-up-8>.column:last-child,.xxlarge-up-8>.columns:last-child{float:left}.xxlarge-collapse>.column,.xxlarge-collapse>.columns{padding-right:0;padding-left:0}.xxlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xxlarge-collapse.row{margin-right:0;margin-left:0}.xxlarge-uncollapse>.column,.xxlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xxlarge-centered{margin-right:auto;margin-left:auto}.xxlarge-centered,.xxlarge-centered:last-child:not(:first-child){float:none;clear:both}.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* Block Grid */ .column-block{margin-bottom:1.875rem}.column-block>:last-child{margin-bottom:0} /* XLarge Gutters */ @media print, screen and (min-width:800px) { .xlarge-gutter.row {max-width: 1250px} .xlarge-gutter.row, .xlarge-gutter > .row > .column, .xlarge-gutter > .row > .columns {padding-right: 1.25rem; padding-left: 1.25rem;} .xlarge-gutter.row > .row {margin-right: -1.25rem; margin-left: -1.25rem;} } @media print, screen and (min-width:960px) { .xlarge-gutter.row {max-width: 1250px} .xlarge-gutter.row, .xlarge-gutter > .row > .column, .xlarge-gutter > .row > .columns {padding-right: 1.875rem; padding-left: 1.875rem;} .xlarge-gutter.row > .row {margin-right: -1.875rem; margin-left: -1.875rem;} } @media print, screen and (min-width:1366px) { .xlarge-gutter.row {max-width: 1300px} .xlarge-gutter.row, .xlarge-gutter > .row > .column, .xlarge-gutter > .row > .columns {padding-right: 3.125rem; padding-left: 3.125rem;} .xlarge-gutter.row > .row {margin-right: -3.125rem; margin-left: -3.125rem;} } /******************************************************************************** --- CD Font Icons Packcage - Full (replace with project icon set if supplied) --- *********************************************************************************/ @font-face{font-family:'icomoon';src:url(assets/fonts/icomoon.eot?u27hss);src:url(assets/fonts/icomoon.eot?u27hss#iefix) format('embedded-opentype'),url(assets/fonts/icomoon.woff2?u27hss) format('woff2'),url(assets/fonts/icomoon.ttf?u27hss) format('truetype'),url(assets/fonts/icomoon.woff?u27hss) format('woff'),url(assets/fonts/icomoon.svg?u27hss#icomoon) format('svg');font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-activity:before{content:"\e900"}.icon-airplay:before{content:"\e901"}.icon-alert-circle:before{content:"\e902"}.icon-alert-octagon:before{content:"\e903"}.icon-alert-triangle:before{content:"\e904"}.icon-align-center:before{content:"\e905"}.icon-align-justify:before{content:"\e906"}.icon-align-left:before{content:"\e907"}.icon-align-right:before{content:"\e908"}.icon-anchor:before{content:"\e909"}.icon-aperture:before{content:"\e90a"}.icon-arrow-down:before{content:"\e90b"}.icon-arrow-down-circle:before{content:"\e90c"}.icon-arrow-down-left:before{content:"\e90d"}.icon-arrow-down-right:before{content:"\e90e"}.icon-arrow-left:before{content:"\e90f"}.icon-arrow-left-circle:before{content:"\e910"}.icon-arrow-right:before{content:"\e911"}.icon-arrow-right-circle:before{content:"\e912"}.icon-arrow-up:before{content:"\e913"}.icon-arrow-up-circle:before{content:"\e914"}.icon-arrow-up-left:before{content:"\e915"}.icon-arrow-up-right:before{content:"\e916"}.icon-at-sign:before{content:"\e917"}.icon-award:before{content:"\e918"}.icon-bar-chart:before{content:"\e919"}.icon-bar-chart-2:before{content:"\e91a"}.icon-battery:before{content:"\e91b"}.icon-battery-charging:before{content:"\e91c"}.icon-bell:before{content:"\e91d"}.icon-bell-off:before{content:"\e91e"}.icon-bluetooth:before{content:"\e91f"}.icon-bold:before{content:"\e920"}.icon-book:before{content:"\e921"}.icon-book-open:before{content:"\e922"}.icon-bookmark:before{content:"\e923"}.icon-box:before{content:"\e924"}.icon-briefcase:before{content:"\e925"}.icon-calendar:before{content:"\e926"}.icon-camera:before{content:"\e927"}.icon-camera-off:before{content:"\e928"}.icon-cast:before{content:"\e929"}.icon-check:before{content:"\e92a"}.icon-check-circle:before{content:"\e92b"}.icon-check-square:before{content:"\e92c"}.icon-chevron-down:before{content:"\e92d"}.icon-chevron-left:before{content:"\e92e"}.icon-chevron-right:before{content:"\e92f"}.icon-chevron-up:before{content:"\e930"}.icon-chevrons-down:before{content:"\e931"}.icon-chevrons-left:before{content:"\e932"}.icon-chevrons-right:before{content:"\e933"}.icon-chevrons-up:before{content:"\e934"}.icon-chrome:before{content:"\e935"}.icon-circle:before{content:"\e936"}.icon-clipboard:before{content:"\e937"}.icon-clock:before{content:"\e938"}.icon-cloud:before{content:"\e939"}.icon-cloud-drizzle:before{content:"\e93a"}.icon-cloud-lightning:before{content:"\e93b"}.icon-cloud-off:before{content:"\e93c"}.icon-cloud-rain:before{content:"\e93d"}.icon-cloud-snow:before{content:"\e93e"}.icon-code:before{content:"\e93f"}.icon-codepen:before{content:"\e940"}.icon-command:before{content:"\e941"}.icon-compass:before{content:"\e942"}.icon-copy:before{content:"\e943"}.icon-corner-down-left:before{content:"\e944"}.icon-corner-down-right:before{content:"\e945"}.icon-corner-left-down:before{content:"\e946"}.icon-corner-left-up:before{content:"\e947"}.icon-corner-right-down:before{content:"\e948"}.icon-corner-right-up:before{content:"\e949"}.icon-corner-up-left:before{content:"\e94a"}.icon-corner-up-right:before{content:"\e94b"}.icon-cpu:before{content:"\e94c"}.icon-credit-card:before{content:"\e94d"}.icon-crop:before{content:"\e94e"}.icon-crosshair:before{content:"\e94f"}.icon-database:before{content:"\e950"}.icon-delete:before{content:"\e951"}.icon-disc:before{content:"\e952"}.icon-dollar-sign:before{content:"\e953"}.icon-download:before{content:"\e954"}.icon-download-cloud:before{content:"\e955"}.icon-droplet:before{content:"\e956"}.icon-edit:before{content:"\e957"}.icon-edit-2:before{content:"\e958"}.icon-edit-3:before{content:"\e959"}.icon-external-link:before{content:"\e95a"}.icon-eye:before{content:"\e95b"}.icon-eye-off:before{content:"\e95c"}.icon-facebook:before{content:"\e95d"}.icon-fast-forward:before{content:"\e95e"}.icon-feather:before{content:"\e95f"}.icon-file:before{content:"\e960"}.icon-file-minus:before{content:"\e961"}.icon-file-plus:before{content:"\e962"}.icon-file-text:before{content:"\e963"}.icon-film:before{content:"\e964"}.icon-filter:before{content:"\e965"}.icon-flag:before{content:"\e966"}.icon-folder:before{content:"\e967"}.icon-folder-minus:before{content:"\e968"}.icon-folder-plus:before{content:"\e969"}.icon-git-branch:before{content:"\e96a"}.icon-git-commit:before{content:"\e96b"}.icon-git-merge:before{content:"\e96c"}.icon-git-pull-request:before{content:"\e96d"}.icon-github:before{content:"\e96e"}.icon-gitlab:before{content:"\e96f"}.icon-globe:before{content:"\e970"}.icon-grid:before{content:"\e971"}.icon-hard-drive:before{content:"\e972"}.icon-hash:before{content:"\e973"}.icon-headphones:before{content:"\e974"}.icon-heart:before{content:"\e975"}.icon-help-circle:before{content:"\e976"}.icon-home:before{content:"\e977"}.icon-image:before{content:"\e978"}.icon-inbox:before{content:"\e979"}.icon-info:before{content:"\e97a"}.icon-instagram:before{content:"\e97b"}.icon-italic:before{content:"\e97c"}.icon-layers:before{content:"\e97d"}.icon-layout:before{content:"\e97e"}.icon-life-buoy:before{content:"\e97f"}.icon-link:before{content:"\e980"}.icon-link-2:before{content:"\e981"}.icon-linkedin:before{content:"\e982"}.icon-list:before{content:"\e983"}.icon-loader:before{content:"\e984"}.icon-lock:before{content:"\e985"}.icon-log-in:before{content:"\e986"}.icon-log-out:before{content:"\e987"}.icon-mail:before{content:"\e988"}.icon-map:before{content:"\e989"}.icon-map-pin:before{content:"\e98a"}.icon-maximize:before{content:"\e98b"}.icon-maximize-2:before{content:"\e98c"}.icon-menu:before{content:"\e98d"}.icon-message-circle:before{content:"\e98e"}.icon-message-square:before{content:"\e98f"}.icon-mic:before{content:"\e990"}.icon-mic-off:before{content:"\e991"}.icon-minimize:before{content:"\e992"}.icon-minimize-2:before{content:"\e993"}.icon-minus:before{content:"\e994"}.icon-minus-circle:before{content:"\e995"}.icon-minus-square:before{content:"\e996"}.icon-monitor:before{content:"\e997"}.icon-moon:before{content:"\e998"}.icon-more-horizontal:before{content:"\e999"}.icon-more-vertical:before{content:"\e99a"}.icon-move:before{content:"\e99b"}.icon-music:before{content:"\e99c"}.icon-navigation:before{content:"\e99d"}.icon-navigation-2:before{content:"\e99e"}.icon-octagon:before{content:"\e99f"}.icon-package:before{content:"\e9a0"}.icon-paperclip:before{content:"\e9a1"}.icon-pause:before{content:"\e9a2"}.icon-pause-circle:before{content:"\e9a3"}.icon-percent:before{content:"\e9a4"}.icon-phone:before{content:"\e9a5"}.icon-phone-call:before{content:"\e9a6"}.icon-phone-forwarded:before{content:"\e9a7"}.icon-phone-incoming:before{content:"\e9a8"}.icon-phone-missed:before{content:"\e9a9"}.icon-phone-off:before{content:"\e9aa"}.icon-phone-outgoing:before{content:"\e9ab"}.icon-pie-chart:before{content:"\e9ac"}.icon-play:before{content:"\e9ad"}.icon-play-circle:before{content:"\e9ae"}.icon-plus:before{content:"\e9af"}.icon-plus-circle:before{content:"\e9b0"}.icon-plus-square:before{content:"\e9b1"}.icon-pocket:before{content:"\e9b2"}.icon-power:before{content:"\e9b3"}.icon-printer:before{content:"\e9b4"}.icon-radio:before{content:"\e9b5"}.icon-refresh-ccw:before{content:"\e9b6"}.icon-refresh-cw:before{content:"\e9b7"}.icon-repeat:before{content:"\e9b8"}.icon-rewind:before{content:"\e9b9"}.icon-rotate-ccw:before{content:"\e9ba"}.icon-rotate-cw:before{content:"\e9bb"}.icon-rss:before{content:"\e9bc"}.icon-save:before{content:"\e9bd"}.icon-scissors:before{content:"\e9be"}.icon-search:before{content:"\e9bf"}.icon-send:before{content:"\e9c0"}.icon-server:before{content:"\e9c1"}.icon-settings:before{content:"\e9c2"}.icon-share:before{content:"\e9c3"}.icon-share-2:before{content:"\e9c4"}.icon-shield:before{content:"\e9c5"}.icon-shield-off:before{content:"\e9c6"}.icon-shopping-bag:before{content:"\e9c7"}.icon-shopping-cart:before{content:"\e9c8"}.icon-shuffle:before{content:"\e9c9"}.icon-sidebar:before{content:"\e9ca"}.icon-skip-back:before{content:"\e9cb"}.icon-skip-forward:before{content:"\e9cc"}.icon-slack:before{content:"\e9cd"}.icon-slash:before{content:"\e9ce"}.icon-sliders:before{content:"\e9cf"}.icon-smartphone:before{content:"\e9d0"}.icon-speaker:before{content:"\e9d1"}.icon-square:before{content:"\e9d2"}.icon-star:before{content:"\e9d3"}.icon-stop-circle:before{content:"\e9d4"}.icon-sun:before{content:"\e9d5"}.icon-sunrise:before{content:"\e9d6"}.icon-sunset:before{content:"\e9d7"}.icon-tablet:before{content:"\e9d8"}.icon-tag:before{content:"\e9d9"}.icon-target:before{content:"\e9da"}.icon-terminal:before{content:"\e9db"}.icon-thermometer:before{content:"\e9dc"}.icon-thumbs-down:before{content:"\e9dd"}.icon-thumbs-up:before{content:"\e9de"}.icon-toggle-left:before{content:"\e9df"}.icon-toggle-right:before{content:"\e9e0"}.icon-trash:before{content:"\e9e1"}.icon-trash-2:before{content:"\e9e2"}.icon-trending-down:before{content:"\e9e3"}.icon-trending-up:before{content:"\e9e4"}.icon-triangle:before{content:"\e9e5"}.icon-truck:before{content:"\e9e6"}.icon-tv:before{content:"\e9e7"}.icon-twitter:before{content:"\e9e8"}.icon-type:before{content:"\e9e9"}.icon-umbrella:before{content:"\e9ea"}.icon-underline:before{content:"\e9eb"}.icon-unlock:before{content:"\e9ec"}.icon-upload:before{content:"\e9ed"}.icon-upload-cloud:before{content:"\e9ee"}.icon-user:before{content:"\e9ef"}.icon-user-check:before{content:"\e9f0"}.icon-user-minus:before{content:"\e9f1"}.icon-user-plus:before{content:"\e9f2"}.icon-user-x:before{content:"\e9f3"}.icon-users:before{content:"\e9f4"}.icon-video:before{content:"\e9f5"}.icon-video-off:before{content:"\e9f6"}.icon-voicemail:before{content:"\e9f7"}.icon-volume:before{content:"\e9f8"}.icon-volume-1:before{content:"\e9f9"}.icon-volume-2:before{content:"\e9fa"}.icon-volume-x:before{content:"\e9fb"}.icon-watch:before{content:"\e9fc"}.icon-wifi:before{content:"\e9fd"}.icon-wifi-off:before{content:"\e9fe"}.icon-wind:before{content:"\e9ff"}.icon-x:before{content:"\ea00"}.icon-x-circle:before{content:"\ea01"}.icon-x-square:before{content:"\ea02"}.icon-zap:before{content:"\ea03"}.icon-zap-off:before{content:"\ea04"}.icon-zoom-in:before{content:"\ea05"}.icon-zoom-out:before{content:"\ea06"} /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 0.833em 0; line-height: 1.2; font-weight:600; font-style: normal; color: #24303d; font-family:'Montserrat',sans-serif} h1, .h1 {font-size: 3em; line-height: 1.125;} h2, .h2 {font-size: 1.9375em;} h3, .h3 {font-size: 1.5625em;} h4, .h4 {font-size: 1.1875em;} h5, .h5 {font-size: 1.0625em;} h6, .h6 {font-size: 1rem; font-weight:600;} .subheader { font-weight: 300;} .heading-divider {position: relative; margin-bottom: 1.25em;} .heading-divider:after {content: ""; display: block; width: 4.375rem; margin:0.5208em auto 0 auto; height: 3px; background: #217de5} .headings {position:relative; padding-top: 1.25rem;} .headings:before {content:""; display:block; position:absolute; top:0; left:0; width:5rem; height:2px; background:#e52121;} /*-----------Branding Colors-----------*/ .red {color:#e52121} .bg-red {background-color: #e52121;} .blue {color: #217de5} .bg-blue {background-color: #217de5} .green {color: #74e521} .bg-green {background-color: #74e521} .black {color:#24303d} .bg-black {background-color: #24303d;} .off-white {color:#f7f9fc} .bg-off-white {background-color: #f7f9fc;} .gray {color:#e5e8ec} .bg-gray {background-color: #e5e8ec;} .dark-gray {color:#92979e} .bg-dark-gray {background-color: #92979e;} /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin:0;} ul, ol { margin: 0 0 1.000em 1.778em; padding: 0;} ol, li {line-height:1.75;} ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; } ol li { counter-increment: section; position: relative; padding: 0; margin-bottom: 1.250em;} ol li:before {font-weight: 400; content: counters(section, ".") "."; display:inline-block; color:#e52121; margin-right: 0.5em; } ol ol { margin: 1.778em 0; } ol ol li {font-size: 0.875em;} ol ol li {padding-left: 2.1429em;} ol ol li:before {color:#e52121;} ul.bullets, ul.checkmarks { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } ul.bullets li, ul.checkmarks li { list-style: none; margin: 0 0 0.75em 0; padding: 0 0 0 1.25em; position: relative; } ul.bullets li:before, ul.checkmarks li:before { font-family: 'icomoon'; display:block; position: absolute; top:0; left:0; color: #e52121; } ul.bullets li:before {font-size: 0.9375em; content: "\e911"; top: 0} ul.checkmarks li:before {content: "\e92a";} ul.bullets ul, ul.checkmarks ul { margin: 0.75em 0 0 0.667em; } ul.bullets ul li:before {content: ""; display: block; width: 0.6667em; height: 2px; background: #e52121; top: 50%; margin-top: -1px;} ul.checkmarks-lg {list-style: none; margin: 0 0 2.5em 0; padding: 0;} ul.checkmarks-lg li {font-size:1.1875em; font-weight: 600; color: #e52121; list-style:none; margin-bottom: 25px; padding: 0 0 25px 30px; border-bottom: 2px dashed #e5e8ec; position: relative;} ul.checkmarks-lg li:before {content: "\e92a"; font-family: 'icomoon'; display:block; position: absolute; top:0; left:0; color: #217de5; } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { margin: 3rem 0 1.875rem; } .article p, .article li {font-size:1.1875rem; line-height: 2;} .article :first-child {margin-top: 0;} /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.6; } .lead { font-size: 1.556rem; font-weight: 300; color: #24303d; line-height:1.7;} .intro { font-size: 1.556rem; font-weight: 300; color: #24303d; line-height:1.7; } .intro +.intro { padding-bottom: 2.6667em; margin-bottom: 2.6667em; border-bottom: 1px solid #e5e8ec; } /*-----------Links-----------*/ a {color:#e52121; text-decoration: none; -webkit-transition: color 300ms ease-out; transition: color 300ms ease-out; } a:hover {color:#92979e; text-decoration: none; cursor: pointer; } /*-----------Labels-----------*/ .label {font-size: 0.8125em; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color:#e52121;} /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000em 0; } img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em} img.alignleft { float: left; margin-right:1.389em;} img.alignright { float: right; margin-left:1.389em;} /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left { float: left } .right { float: right } /*-----------Misc Typography-----------*/ .montserrat {font-family: 'Montserrat', sans-serif;} .small { font-size:1rem; font-weight: 700; } .light {font-weight:300;} .regular { font-weight:400; } .semi-bold {font-weight: 600;} .bold { font-weight:700; } .extra-bold {font-weight: 800;} .italic { font-style: italic } .caps { text-transform: uppercase;} .regular-case {text-transform: none;} .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t1 {font-size:0.875rem} .t2 {font-size:1.000rem} .t3 {font-size:1.125rem} .t4 {font-size:1.250rem} .t5 {font-size:1.375rem} .t6 {font-size:1.500rem} .t7 {font-size:1.625rem} .t8 {font-size:1.750rem} .t9 {font-size:1.875rem} .t10 {font-size:2.000rem} .t4,.t5,.t6 {line-height:1.35} .t7,.t8,.t9,.t10 {line-height:1.2} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt1 { margin-top: 0.313rem } .mt2 { margin-top: 0.625rem } .mt3 { margin-top: 0.938rem } .mt4 { margin-top: 1.250rem } .mt5 { margin-top: 1.563rem } .mt6 { margin-top: 1.875rem } .mt7 { margin-top: 2.500rem } .mt8 { margin-top: 3.125rem } .mt9 { margin-top: 3.750rem } .mt10 { margin-top: 5.000rem } .mt11 { margin-top: 6.250rem } .mt12 { margin-top: 8.750rem } .mb0 { margin-bottom: 0 } .mb1 { margin-bottom: 0.313rem } .mb2 { margin-bottom: 0.625rem } .mb3 { margin-bottom: 0.938rem } .mb4 { margin-bottom: 1.250rem } .mb5 { margin-bottom: 1.563rem } .mb6 { margin-bottom: 1.875rem } .mb7 { margin-bottom: 2.500rem } .mb8 { margin-bottom: 3.125rem } .mb9 { margin-bottom: 3.750rem } .mb10 { margin-bottom: 5.000rem } .mb11 { margin-bottom: 6.250rem } .mb12 { margin-bottom: 8.750rem } .p0 { padding: 0 } .pt0 { padding-top: 0 } .pt1 { padding-top: 0.313rem } .pt2 { padding-top: 0.625rem } .pt3 { padding-top: 0.938rem } .pt4 { padding-top: 1.250rem } .pt5 { padding-top: 1.563rem } .pt6 { padding-top: 1.875rem } .pt7 { padding-top: 2.500rem } .pt8 { padding-top: 3.125rem } .pt9 { padding-top: 3.750rem } .pt10 { padding-top: 5.000rem } .pt11 { padding-top: 6.250rem } .pt12 { padding-top: 8.750rem } .pb0 { padding-bottom: 0 } .pb1 { padding-bottom: 0.313rem } .pb2 { padding-bottom: 0.625rem } .pb3 { padding-bottom: 0.938rem } .pb4 { padding-bottom: 1.250rem } .pb5 { padding-bottom: 1.563rem } .pb6 { padding-bottom: 1.875rem } .pb7 { padding-bottom: 2.500rem } .pb8 { padding-bottom: 3.125rem } .pb9 { padding-bottom: 3.750rem } .pb10 { padding-bottom: 5.000rem } .pb11 { padding-bottom: 6.250rem } .pb12 { padding-bottom: 8.750rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:#e5e8ec; } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#e5e8ec; } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#e5e8ec; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#e5e8ec; } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#e5e8ec; } .border-none { border: 0 } .rounded { border-radius: 5px } .circle { border-radius: 50% } .rounded-top { border-radius: 5px 5px 0 0 } .rounded-right { border-radius: 0 5px 5px 0 } .rounded-bottom { border-radius: 0 0 5px 5px } .rounded-left { border-radius: 5px 0 0 5px } .not-rounded { border-radius: 0 } /*-----------Blockquotes-----------*/ /*-----------Blockquotes-----------*/ blockquote {font-style: italic; margin:1.875em 0; padding:0 0 0 1.25em; color:#24303d; border-left: 2px solid #e52121} blockquote > p:not(.cite) {font-size:1.1875em; font-weight: 300; line-height: 1.5263; margin:0 0 1.000em 0;} blockquote > p:not(.cite):before, blockquote > p:not(.cite):after {font-size:1.2632em; color: #e52121; font-weight: 700;} blockquote > p:not(.cite):before {content:'“'; margin-right: 0.2105em; } blockquote > p:not(.cite):after {content:'”'; margin-left: 0.1053em;} blockquote .cite {font-style: normal; font-weight: 600;} blockquote .cite span {font-weight:300; margin: 0 0 0 0.389em } blockquote :last-child { margin: 0; } .blockquote--inverted {color: #fff;} .blockquote--inverted .cite span {color: #92979e;} .blockquote--lg > p:not(.cite) {font-size:1.5em; line-height: 1.3;} /*-----------Divider-----------*/ hr { border: none; height: 1px; background: #e5e8ec; clear: both; margin: 2.5em 0; } /*-----------Responsive Embed-----------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------Buttons-----------*/ .button { font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; box-shadow: 0 0.3333em 1em 0 rgba(36, 48, 61, 0.18); color: #fff; -webkit-radial-gradient(0 0, circle, rgba(0,0,0, 0), rgba(0,0,0, 0.1)), -webkit-linear-gradient(#e52121, #e52121); background-image: radial-gradient(circle at 0 0, rgba(0,0,0, 0), rgba(0,0,0, 0.1)), linear-gradient(#e52121, #e52121); line-height: 1; padding: 1em 2em; margin: 0 0 1.111em 0; border-radius: 3px; text-decoration: none; outline: none !important; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-appearance: none; } .button:hover {box-shadow: 0 0.3333em 0.7333em 0 rgba(0, 0, 0, 0.12), 0 0.2667em 1em 0 rgba(0, 0, 0, 0.10); color: #fff;} .button:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0); transition: background-color 250ms ease;} .button:hover:before {background: rgba(255,255,255, 0.10);} .button.secondary { background-image: -webkit-radial-gradient(0 0, circle, rgba(36, 48, 61, 0), rgba(36, 48, 61, 0.15)), -webkit-linear-gradient(#217de5, #217de5); background-image: radial-gradient(circle at 0 0, rgba(36, 48, 61, 0), rgba(36, 48, 61, 0.15)), linear-gradient(#217de5, #217de5);} .button.tertiary { -webkit-radial-gradient(0 0, circle, rgba(0,0,0, 0), rgba(0,0,0, 0.2)), -webkit-linear-gradient(#e5e8ec, #e5e8ec); background-image: radial-gradient(circle at 0 0, rgba(0,0,0, 0), rgba(0,0,0, 0.2)), linear-gradient(#e5e8ec, #e5e8ec); color: #24303d;} .button.large {padding:1.000em 2.556em; font-size:1.333rem } .button.tiny {padding:0.778em 1.111em; font-size: 0.778rem;} .button.expand { padding-right: 0; padding-left: 0; width: 100%; } .button.wide {padding-left:3.333em; padding-right:3.333em;} button.reset { border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; outline: none;} /*-----------Waves-----------*/ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } /* Firefox Bug: link not triggered */ a.waves-effect .waves-ripple { z-index: -1; } /*-----------Text Buttons-----------*/ .text-button {font-size: 1.000rem; font-weight: 700; line-height: 1; margin: 0 0 1.111em 0; padding: 0 0 0.250em 0; display: inline-block; color: #24303d; border-bottom: 2px solid #217de5; transition: all 250ms ease;} .text-button:hover {color: #217de5;} .text-button.secondary {border-color: #e52121} .text-button.secondary:hover {color: #e52121} .text-button.tertiary {border-color: #92979e} .text-button.tertiary:hover {color: #92979e} .text-button.tiny {font-size: 0.8125rem; text-transform: uppercase;} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#e5e8ec; color:#a6acb3; cursor:default; box-shadow: 0 5px 15px 0 rgba(36, 48, 61, 0.12); } .button[disabled]:hover:before, .button.disabled:hover:before {display: none;} @media only screen and (max-width: 1023px) { .mt5 { margin-top: 1.250rem } .mt6 { margin-top: 1.563rem } .mt7 { margin-top: 2.188rem } .mt8 { margin-top: 2.813rem } .mt9 { margin-top: 3.125rem } .mt10 { margin-top: 4.375rem } .mt11 { margin-top: 5.625rem } .mt12 { margin-top: 7.500rem } .mb5 { margin-bottom: 1.250rem } .mb6 { margin-bottom: 1.563rem } .mb7 { margin-bottom: 2.188rem } .mb8 { margin-bottom: 2.813rem } .mb9 { margin-bottom: 3.125rem } .mb10 { margin-bottom: 4.375rem } .mb11 { margin-bottom: 5.625rem } .mb12 { margin-bottom: 7.500rem } .pt5 { padding-top: 1.250rem } .pt6 { padding-top: 1.563rem } .pt7 { padding-top: 2.188rem } .pt8 { padding-top: 2.813rem } .pt9 { padding-top: 3.125rem } .pt10 { padding-top: 4.375rem } .pt11 { padding-top: 5.625rem } .pt12 { padding-top: 7.500rem } .pb5 { padding-bottom: 1.250rem } .pb6 { padding-bottom: 1.563rem } .pb7 { padding-bottom: 2.188rem } .pb8 { padding-bottom: 2.813rem } .pb9 { padding-bottom: 3.125rem } .pb10 { padding-bottom: 4.375rem } .pb11 { padding-bottom: 5.625rem } .pb12 { padding-bottom: 7.500rem } } @media only screen and (max-width: 767px) { .mt5 { margin-top: 1.125rem } .mt6 { margin-top: 1.375rem } .mt7 { margin-top: 1.875rem } .mt8 { margin-top: 2.500rem } .mt9 { margin-top: 2.813rem } .mt10 { margin-top: 3.750rem } .mt11 { margin-top: 5.000rem } .mt12 { margin-top: 6.250rem } .mb5 { margin-bottom: 1.125rem } .mb6 { margin-bottom: 1.375rem } .mb7 { margin-bottom: 1.875rem } .mb8 { margin-bottom: 2.500rem } .mb9 { margin-bottom: 2.813rem } .mb10 { margin-bottom: 3.750rem } .mb11 { margin-bottom: 5.000rem } .mb12 { margin-bottom: 6.250rem } .pt5 { padding-top: 1.125rem } .pt6 { padding-top: 1.375rem } .pt7 { padding-top: 1.875rem } .pt8 { padding-top: 2.500rem } .pt9 { padding-top: 2.813rem } .pt10 { padding-top: 3.750rem } .pt11 { padding-top: 5.000rem } .pt12 { padding-top: 6.250rem } .pb5 { padding-bottom: 1.125rem } .pb6 { padding-bottom: 1.375rem } .pb7 { padding-bottom: 1.875rem } .pb8 { padding-bottom: 2.500rem } .pb9 { padding-bottom: 2.813rem } .pb10 { padding-bottom: 3.750rem } .pb11 { padding-bottom: 5.000rem } .pb12 { padding-bottom: 6.250rem } } @media only screen and (max-width: 479px) { h1, .h1 {font-size: 2.5rem;} .mt5 { margin-top: 1.000rem } .mt6 { margin-top: 1.250rem } .mt7 { margin-top: 1.625rem } .mt8 { margin-top: 2.188rem } .mt9 { margin-top: 2.500rem } .mt10 { margin-top: 3.125rem } .mt11 { margin-top: 4.375rem } .mt12 { margin-top: 5.000rem } .mb5 { margin-bottom: 1.000rem } .mb6 { margin-bottom: 1.250rem } .mb7 { margin-bottom: 1.625rem } .mb8 { margin-bottom: 2.188rem } .mb9 { margin-bottom: 2.500rem } .mb10 { margin-bottom: 3.125rem } .mb11 { margin-bottom: 4.375rem } .mb12 { margin-bottom: 5.000rem } .pt5 { padding-top: 1.000rem } .pt6 { padding-top: 1.250rem } .pt7 { padding-top: 1.625rem } .pt8 { padding-top: 2.188rem } .pt9 { padding-top: 2.500rem } .pt10 { padding-top: 3.125rem } .pt11 { padding-top: 4.375rem } .pt12 { padding-top: 5.000rem } .pb5 { padding-bottom: 1.000rem } .pb6 { padding-bottom: 1.250rem } .pb7 { padding-bottom: 1.625rem } .pb8 { padding-bottom: 2.188rem } .pb9 { padding-bottom: 2.500rem } .pb10 { padding-bottom: 3.125rem } .pb11 { padding-bottom: 4.375rem } .pb12 { padding-bottom: 5.000rem } } @media only screen and (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Section --- *********************************************************************************/ .section--bg {background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;} .section--bg, .section--bg h1, .section--bg h2, .section--bg h3, .section--bg h4, .section--bg h5, .section--bg h6 {color: #fff;} .section--bg::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(9, 33, 60,0.80);} .section--bg-red::before { background: rgba(229,33,33,0.80); } .section--bg > .row {position: relative;} .section--gray {background: #f7f9fc;} /******************************************************************************** --- Solutions --- *********************************************************************************/ .boxen--clean strong { display: block; } .boxen__title strong { border-bottom: 2px solid #e52121; display: table; font-size: 1.625rem; margin-bottom: 15px; } /******************************************************************************** --- Community Impact Page --- *********************************************************************************/ .community-slides img { padding: 15px; } .section q { font-size: 1.25rem; text-align: center; letter-spacing: 1px; display: block; } .section cite { display: block; text-align: center; font-weight: 700; font-size: 1.125rem; } .boxen-stats span { color: #e52121; font-size: 42px; font-weight: bold; } .boxen-stats strong { font-size: 1.125rem; } @media screen and (min-width: 510px) { .section--flex { display: flex!important; align-items: center; } } .small-font li { font-size: .9rem; } .section--tiles { background: #f7f9fc; position: relative; } .section--tiles .row { position: relative; } .section--tiles .fig-quote { clear: both; margin: 0 auto; width: 300px; } .fig-quote figure { margin: 0; } .fig-quote figcaption { background: #e52121; color: #fff; padding: 15px; } .fig-quote figcaption cite { display: block; font-weight: bold; } @media only screen and (min-width: 639px) { .section--tiles .fig-quote { position: absolute; top: -276px !important; } .fig-quote.fig--right { right: 0; } .fig-quote.fig--left { left: 0; } } /******************************************************************************** --- Landing Pages --- *********************************************************************************/ .landing section { font-size: 18px; font-weight: 300; } .landing .headings { display: inline-block; padding-bottom: 1rem; padding-top: 0; } .landing .headings::before { bottom: 0; top: inherit; width: 100%; } .landing .header { background: none; position: absolute; } .landing .wrapper { padding-top: 0; } .landing .inner-hero { height: 480px; } .landing .inner-hero__caption { max-width: none; } .landing .inner-hero__caption::before { display: none; } .landing .inner-hero__label { font-size: 1.5rem; font-weight: 300; } .landing .landing_icons { font-size: 17px; font-weight: 600; } .section--land_1 { background-position-x: 110%; background-position-y: 83%; background-repeat: no-repeat; background-size: 605px; } .section--land_1.wind { background-position-x: 100%; background-position-y: 81px; background-repeat: no-repeat; background-size: 423px; } .section--land_2 .img-flip { transform: scaleX(-1); margin: 30px 0 0; width: 500px; } .img-column { background-position: center center; background-repeat: no-repeat; background-size: cover; } .section--land_3 { background: #24303d; color: #fff; padding: 20px 0; text-align: center; } .section--land_3 p { font-size: 20px; margin: 0; } .section--land_4 { background: #e52121; color: #fff; padding: 20px 0; } .section--land_4 a:link, .section--land_4 a:visited { color: #fff; display: block; } @media screen and (max-width: 799px) { .img-column { display: none; } } /******************************************************************************** --- Heading Block --- *********************************************************************************/ .heading-block {text-align: center;} .heading-block__headline {display: inline-block;} .heading-block__headline.headings:before {left: 50%; margin-left: -2.5rem;} .heading-block__overview {font-size: 1.125em;} /******************************************************************************** --- SubNav - TOC --- *********************************************************************************/ .subnav-toc {padding-top: 1.875em; padding-bottom: 1.5625em; text-align: center;} .subnav-toc__title {font-size: 0.875em; font-weight: 600; text-transform: uppercase; display: inline-block; margin-right: 0.9375em;} .subnav-toc ul {list-style: none; margin: 0; padding: 0; display: inline-block;} .subnav-toc li {display: inline-block; margin: 0 0.9375em 0.3125em;} .subnav-toc li:last-child {margin-right: 0;} @media only screen and (max-width: 639px) { .subnav-toc__title {display: block; margin-right: 0; margin-bottom: 0.625em;} } /******************************************************************************** --- Feature Panel --- *********************************************************************************/ .testimonial-panels__title {font-weight: 600; font-size: 2.4375em;} .feature-panel {position: relative; background: #061E31; box-shadow: 0 0.5em 2.5em 0 rgba(36, 48, 61, 0.05); overflow: hidden;} .feature-panel__img {overflow: hidden;} .feature-panel__img img {-webkit-transition: -webkit-transform 1500ms ease-out; transition: transform 1500ms ease-out; will-change: transform; width: 100%;} .feature-panel:hover img {-webkit-transform: scale(1.05); transform: scale(1.05);} .feature-panel__overlay {padding: 1.875em; background: #fff;} .feature-panel__overlay blockquote {padding-left: 0; margin: 0; border-left: none;} .feature-panel__overlay blockquote > p:not(.cite) {font-size: 1em;} .feature-panel__overlay blockquote > p:not(.cite):before, .feature-panel__overlay blockquote > p:not(.cite):after {color: #92979e} @media only screen and (max-width: 479px) { .feature-panel__overlay blockquote .cite {font-size: 1.125em} } /******************************************************************************** --- Blog --- *********************************************************************************/ .blog-post__item-date { color: #e52121; } .pagination { clear: both; display: flex; } .nav-links { margin: 0 10px; } /******************************************************************************** --- Commercial Types --- *********************************************************************************/ .project-types {text-align:center; overflow: hidden;} .project-types__option {display:block; height: 9.65em; line-height: 9em; cursor:pointer; border:2px solid #e5e8ec; border-radius: 3px; margin:0; padding:0 0.3125em; color:#24303d; position:relative; transition:border-color 250ms ease; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .project-types__option-center {display: inline-block; vertical-align: middle; line-height: 1.2;} .project-types__option:not(.project-types__option--active):hover {border-color: #92979e} .project-types__option--active {border-color: #92979e} .project-types__option-icon {font-size:4em; display:inline-block; margin-bottom: 0.1429em; transition: color 250ms ease; color: #217de5 } .project-types__option--active .project-types__option-icon {color: #217de5;} .project-types__option-label {font-size:1em; line-height: 1.2; display: block; font-weight: 700; color: #24303d; transition: color 250ms ease;} .project-types__option--active .project-types__option-label {color: #24303d;} /******************************************************************************** --- Map --- *********************************************************************************/ .portfolio-map {position:relative; height:650px; background-color: #F2F5FA;} .map-canvas {height: 100%; width:100%; margin: 0; padding: 0;position: absolute;top: 0;right: 0;width: 100%;z-index: 1;} .map-controls {font-size:16px; position:absolute; bottom:3.750em; right:2.500em; background:#3e6a8f; -webkit-box-shadow: 0px 0px 0.938em 0px rgba(17,16,24,0.05); -moz-box-shadow: 0px 0px 0.938em 0px rgba(17,16,24,0.05); box-shadow: 0px 0px 0.938em 0px rgba(17,16,24,0.05);z-index: 1;} .map-controls button {display:block; width:2.381em; height:2.381em; line-height:2.381em; text-align:center; color:#fff; font-size:1.313em; transition:background 250ms ease;} .map-controls button:hover {background:#f4f4f8;cursor: pointer;} .map-controls button:active {background:#f3f3f5;} .map-controls button:not(:last-child) {border-bottom:1px solid #e4e3e7;} .map-controls {bottom:15%; bottom:calc(10% + 3.750em)} .map-controls button {background:#3e6a8f;} .map-controls button:hover {background:#3e6a8f;} .map-controls button:active {background:#3e6a8f;} .map-controls {bottom:10%; bottom:calc(10% + 1.750em)} .projects__key {padding-top: 1.5rem;padding-bottom: 1.5rem;position: relative;top:140px;z-index: 2;background-color: #fff;box-shadow: 0 8px 15px 0 rgba(41,51,63,0.08);} .projects__key h2 {margin-bottom: .5rem;} .projects__key p {font-size: .9rem;} .locations-list {display: block;width: 100%;} .locations-list .tag {display: block;width: 100%;padding: .75rem;} .locations-list .tag:not(:last-of-type) {margin-bottom: .5rem;} .locations-pop-body .text-button, .locations-pop-body h4 {margin-bottom: 0;} .locations-pop-body h5 {font-size: 0.8rem;} .tag {padding: .5rem 1rem;color: #fff;font-size: 0.667rem;line-height: 0.92;letter-spacing: 0.3px;font-weight: 900;text-transform: uppercase;} .tag--exploring {background-color: #b9c8cf;} .tag--operating {background-color: #e52121;} .tag--development {background-color: #3e6a8f;} @media (max-width: 640px) { .projects__key {top:1rem;width: 80%;} } /******************************************************************************** --- Solutions Block --- *********************************************************************************/ .solutions-block__list ul {list-style: none; margin: 0; padding: 0; overflow: hidden;} .solutions-block__list li {margin-bottom: 1.875em;} .solutions-block__list a {font-size:1.1875em; font-weight: 400; line-height: 1.6; display: block; color: #24303d; padding: 0.5263em 0 0.5263em 1.25em; border-left: 2px solid #e52121; transition: color 250ms ease, border-color 250ms ease} .solutions-block__list a:hover {color: #e52121;} .solutions-block__list--col {margin: 0 -0.9375em;} .solutions-block__list--col li {display:block; float: left; width: 50%; padding: 0 0.9375em; } .solutions-block__list--col li:nth-child(2n+1) {clear: both;} .section--bg .solutions-block__list a {color: #fff;} .section--bg .solutions-block__list a:hover {color: #e52121;} @media only screen and (max-width: 800px) { .solutions-block {margin-bottom: 2.5em;} .solutions-block__list li {margin-bottom: 1.25em;} .solutions-block__list a {padding: 0.625em 0 0.625em 0.75em} .columns:last-child .solutions-block {margin-bottom: 0;} } /******************************************************************************** --- Solutions Slides --- *********************************************************************************/ .solutions-slides { margin-top: 70px; padding-top: 70px; } .solutions-slides .slick-dots { justify-content: space-around; left: 50%; position: absolute; top: 0; transform: translate(-50%,0); width: 100%; } .solutions-slides .slick-dots::before { background: #bbb; content: ""; height: 2px; left: 50%; position: absolute; top: -4px; transform: translate(-50%,0); width: 79%; } .solutions-slides .slick-dots li { font-size: 14px; height: auto; text-align: center; width: auto; } .solutions-slides .slick-dots li::after { background: #fff; color: #e52121; content: "\e936"; font-family: 'icomoon'; position: absolute; top: -17px; left: 50%; width: 25px; height: 25px; font-size: 25px; transform: translate(-50%,0px); bottom: auto; line-height: 25px; } .solutions-slides .slick-dots li.slick-active::after { background: #e52121; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; transform: translate(-50%,0px); left: 50%; } .solutions-slides .slick-dots li::before { display: block; margin-top: 5px; } .solutions-slides .slick-dots li:nth-child(1)::before { content: "Greenfield start"; } .solutions-slides .slick-dots li:nth-child(2)::before { content: "Post PPA"; } .solutions-slides .slick-dots li:nth-child(3)::before { content: "Pre-financing"; } .solutions-slides .slick-dots li:nth-child(4)::before { content: "Mid-construction"; } .solutions-slides .slick-dots li:nth-child(5)::before { content: "Operating"; } .solutions-slides .slick-dots li button { display: none; } @media (max-width: 760px) { .solutions-slides { margin-top: 80px; padding-top: 90px; } .solutions-slides .slick-dots li::before { font-size: 12px; line-height: 1.2; margin-top: 11px; } } /******************************************************************************** --- Custom Icons --- *********************************************************************************/ [class^="custom-icon-"], [class*="custom-icon-"] {display: inline-block;} [class^="custom-icon-"]:before, [class*="custom-icon-"]:before {content: ""; display: inline-block; vertical-align: middle; background-position: center center; background-repeat: no-repeat; width: 1.125em; height: 1.125em; line-height: 1.125em;} .custom-icon-biofuels:before {background-image: url(assets/images/icons/biofuels.svg);} .custom-icon-natural-gas:before {background-image: url(assets/images/icons/natural-gas.svg);} .custom-icon-geothermal-energy:before {background-image: url(assets/images/icons/geothermal-energy.svg);} .custom-icon-solar-energy:before {background-image: url(assets/images/icons/solar-energy.svg);} .custom-icon-wind-energy:before {background-image: url(assets/images/icons/wind-energy.svg);} .custom-icon-energy-storage:before {background-image: url(assets/images/icons/energy-storage.svg);} /******************************************************************************** --- Full Width CTA --- *********************************************************************************/ .full-card__inner {position:relative;} .full-card__image {position:absolute; left:0; background-color: #92979e; } .full-card__image-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .full-card__image--top {background-position: top center;} .full-card__image--bottom {background-position: bottom center;} .full-card__info {padding-left:50%; background: #fff;} .full-card--left .full-card__info {padding-left:0; padding-right:50%;} .full-card__info-inner {display: table; width: 100%; position:relative; padding: 6em 3em;} .full-card__info-valign {display: table-cell; vertical-align: middle;} .full-card__subtitle, .full-card__headline {display:block;} .full-card__subtitle {font-size:0.813em; text-transform: uppercase; color: #e52121; font-weight: 600; line-height:1.2; margin-bottom: 0.769em} .full-card__headline {font-size:2.438em; color: #24303d;} .full-card__headline a {color: #24303d;} .full-card__overview {font-size: 1.125em;} .full-card__overview .button {margin-top: 1.500em} .full-card--gray .full-card__info {background: #f7f9fc} @media (min-width: 801px) { .full-card__image {top:0; width:50%; height:100%; } .full-card--left .full-card__image {left:inherit; right:0;} } @media (min-width: 1024px) { .full-card__image {width:50%;} } @media (min-width: 1200px) { .full-card__info-inner {max-width: 696px; margin-right: auto; margin-left: auto;} } @media (max-width: 1023px) { .full-card__info {padding-left:50%;} .full-card--left .full-card__info {padding-right:50%;} } @media (max-width: 800px) { .full-card__image {top:0; width:100%; height:300px;} .full-card__info {padding-left:0; padding-top:300px;} .full-card--left .full-card__info {padding-right:0;} .full-card__info-inner {padding:3.000em;} } @media (max-width: 639px) { .full-card__image {height:225px;} .full-card__info {padding-top:225px;} } @media (max-width: 479px) { .full-card__image {height:180px;} .full-card__info {padding-top:180px;} .full-card__info-inner {padding:2.500em 1.1538em;} } @media (max-width: 375px) { .full-card__info-inner {padding-top:1.500em; padding-bottom: 1.500em;} .full-card__overview {font-size: 1.125em;} } /******************************************************************************** --- Cards --- *********************************************************************************/ .card {border-radius: 3px; overflow: hidden; box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); background-color: #fff; } .card__image {display: block; position: relative;} .card__image:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(36, 48, 61,0.10); z-index: 1;} .card__image img {display: block; width: 100%;} .card__label {font-size: 0.688em; text-transform: uppercase; line-height: 1; padding: 0.455em 1.091em; font-weight: 700; border-radius: 2px; position: absolute; top: 0.938em; left: 0.938em; z-index: 1; max-width: 65%; background-color: #e52121; color: #fff; border: 2px solid transparent;} .card__body {padding: 1.563em; min-height: 15.625em;} .card__meta {font-size: 0.813em; display: block; line-height: 1.2; margin-bottom: 0.385em; color: #9baab7; font-weight: 600; text-transform: uppercase;} .card__title {font-size: 1.250em; font-weight: 600; line-height: 1.4;} .card__title a {color: #24303d} .card__subtitle {font-size: 0.813em; display: block; text-transform: uppercase; color: #92979e; font-weight: 600; margin-top: -1.154em; margin-bottom: 1.923em;} .card__overview {font-size: 0.875em; margin-bottom: 1.500em; margin-top: 1.429em; padding-top: 1.214em; border-top: 1px solid #dfe5e9} .card__overview :last-child {margin-bottom: 0;} @media (max-width: 959px) { .card__body {padding: 1.250em;} } @media (max-width: 800px) { .card__body {padding: 1.563em;} .card__overview {font-size: 1em;} } @media (max-width: 639px) { .card__body {padding: 1.250em;} } @media (max-width: 479px) { .card__body {padding: 1.250em;} } /******************************************************************************** --- Cards - Full Bleed --- *********************************************************************************/ .card-full-bleed--grid .column-block {margin-bottom: 2.5rem} .card-full-bleed > a { display: block; position: relative; overflow: hidden; } .card-full-bleed img { display: block; width: 100%; } .card-full-bleed a:focus {outline: none;} .card-full-bleed__title {font-size: 1.5625em; margin-bottom: 0.2em;} .card-full-bleed__body { background-color: #f7f9fc; padding: 1.563em; } .card-full-bleed__body-link { margin-top: 1.429em; padding-top: 1.214em; border-top: 1px solid #e5e8ec; } .card-full-bleed__body-link a { font-size: 0.9375em; font-weight: 600; display: block; position: relative; color: #24303d;} .card-full-bleed__body-link a:hover {color: #92979e} .card-full-bleed__body-link a:after { font-size: 1.0667em; content: "\e912"; font-family: 'icomoon'; line-height: 1.4; font-weight: normal; position: absolute; top: 0; right: 0; } .card-full-bleed--vignette .card-full-bleed__image:after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -0.469em; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0 0.938em 0.938em 0.938em; border-color: transparent transparent #F0F2F5 transparent; } @media (max-width: 959px) { .card-full-bleed--grid .card-full-bleed__title, .card-full-bleed--aside .card-full-bleed__title { font-size: 1.125em; } } @media (max-width: 800px) { .card-full-bleed--grid .card-full-bleed__title, .card-full-bleed--aside .card-full-bleed__title { font-size: 1.250em; } } /******************************************************************************** --- Modal - Vignette--- *********************************************************************************/ .modal-vignette { padding: 3.125em 5.000em; } .modal-vignette__image { width: 15.625em; margin: 0 auto 2.188em auto;} .modal-vignette__image img { display: block; width: 100%; } .modal-vignette__header { text-align: center; margin-bottom: 2.188em; } .modal-vignette__title { font-size: 2.438em; margin-bottom: 0.256em } .modal-vignette__subtitle { font-size: 1.250em; color: #e52121; font-weight: 300; } @media (max-width: 800px) { .modal-vignette { padding-right: 2.813em; padding-left: 2.813em; } .modal-vignette__image { font-size: 12px; } } @media (max-width: 639px) { .modal-vignette { font-size: 13px; padding-right: 2.813em; padding-left: 2.813em; } } @media (max-width: 479px) { .modal-vignette { padding-right: 1.563em; padding-left: 1.563em; } .modal-vignette__image { font-size: 10px; } } @media (max-width: 375px) { .modal-vignette { font-size: 12px; } .modal-vignette__image { font-size: 8px; } } /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form { margin: 0; } /*-----------Label Styles-----------*/ label {font-weight:600; cursor: pointer; display: block; margin: 0; color:#e5212;} /*-----------Required-----------*/ .req { color:#e52121; font-weight: 800;} /*-----------styling on all basic form elements-----------*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 1.000rem; -webkit-appearance: none; background-color: #fff; border: 1px solid #e5e8ec; color: #24303d; display: block; margin: 0 0 1.000em 0; padding: 0.444em 0.9375em; height: 3.125em; width: 100%; border-radius: 2px; font-weight:400; transition: border-color 250ms ease;} /*-----------styling on all basic form focus elements-----------*/ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color:#217de5; outline:none;} /*-----------styling on all basic form disabled elements-----------*/ input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #f7f9fc; } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944em; resize: none; max-width: 100%; } textarea[rows] { height: auto; } /*-----------select-----------*/ select { -webkit-appearance: none !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; line-height: normal; height:3.125em; } :-moz-any(select) {background-image:none;} select::-ms-expand {display: none;} /*-----------other form elements-----------*/ input[type="file"], input[type="checkbox"], input[type="radio"] { margin: 0 0 1.000em 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444em; margin-right: 0.889em; margin-bottom: 0; vertical-align: baseline; } .input-radio, .input-checkbox {vertical-align:top; margin:0.444em 0; line-height:1.2;} .input-radio input[type="radio"], .input-checkbox input[type="checkbox"] {width:18px; height:18px; margin:0 0.222em 0 0; padding:0;} /*-----------Normalize file input width-----------*/ input[type="file"] { width: 100%; } /*-----------We add basic fieldset styling-----------*/ fieldset { border: 1px solid #e5e8ec; padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 700; background: white; padding: 0 0.167em; margin: 0; margin-left: -0.167em; } /*-----------Custom replaced checkbox, radio, switch-----------*/ .checkbox, .radio, .switch {font-size: 16px; margin: 1.000em 0; } .checkbox label, .radio label {font-size: 0.938em; text-transform: none; font-weight: 400; line-height: 1;} .checkbox *, .radio * { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox input, .radio input { opacity: 0; margin: 0; } .checkbox span, .radio span { position: relative; display: inline-block; margin-left: -1.067em; vertical-align: middle; width: 1.067em; height: 1.067em; border-radius: 2px; border: 1px solid #92979e; } .checkbox:hover span, .radio:hover span { border-color: #217de5; } .checkbox span:before, .radio span:before {font-size: 0.667em; content: "\e92a"; font-family: 'icomoon'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; text-align: center; line-height: 1.400em; vertical-align: middle; color: #217de5; transition: all 250ms ease; } .radio span { border-radius: 50%; } .radio span:before { content: ""; width: 0.800em; height: 0.800em; border-radius: 0.800em; margin: 0.300em auto; background-color: #217de5; } .checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: #217de5; background-color: #217de5; } .radio input[type=radio]:checked + span { background-color: #fff; } .checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: #fff; opacity: 1;} .checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: #e5e8ec !important; background-color: #e5e8ec !important; } /* --- SWITCH --- */ .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch span { position: relative; display: inline-block; width: 58px; height: 30px; background-color: #fff; border: 1px solid #e5e8ec; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 28px; width: 28px; border: 1px solid #e5e8ec; border-radius: 400px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-transition: all .2s; } .switch input:checked + span { background-color: #217de5; border-color: #217de5; transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } /*-----------Error Validation-----------*/ form small.form-error {font-size: 0.667rem; background: #e52121; color: #fff; padding: 0.222rem 0.333rem; font-weight: 500; margin: -1.000rem 0 0.556rem 0; display: block; } /*-----------Captcha-----------*/ .captchaimg {margin-bottom:0.278em;} #CaptchaV2 {width:100%!important;} /*-----------Success Container-----------*/ .success-container {display: none;} .success-container--ajax, .success-container--form {text-align: center;} .success-container--form {font-size: 1.1875em;} .success-container__title {font-size: 1.875em;} .success-container__icon {font-size: 3em; color: #92979e;} /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion{margin:0 0 1.667em;border-bottom:2px dashed #dfe1e6;} .accordion dt{font-size:1.1875em; line-height:1.2; font-weight:600;position:relative;margin:0;padding:1.250em 2.5em 1.250em 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#24303d;border-top:2px dashed #dfe1e6;-webkit-touch-callout:none;-khtml-user-select:none;} .accordion dt:first-child{border-top:none;} .accordion dt:after{font-size:1.1579em; font-family:'icomoon';position:absolute;top:0.9091em;right:0;content:'\e9af';} .accordion dt.accordion-active {color:#e52121;} .accordion dt.accordion-active:after{content:'\e994';} .accordion dd{display:none;margin:0;padding:.625em 0 1.25em 0;} /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs {} .resp-tabs-list {list-style:none; margin: 0; padding: 0;} .resp-tabs-list li {font-size: 1.1875em; display: inline-block; margin: 0; padding:0; cursor: pointer; color: #24303d; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .resp-tabs-list li.resp-tab-active { color: #92979e; position: relative; } .resp-tabs-container {padding: 0; clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding: 1.667em 0;} .resp-accordion {display: none;} .resp-tabs--vertical .resp-tab-content {word-wrap: break-word; } @media (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-tabs--horizontal .resp-tabs-list {overflow: hidden; border-bottom: 1px solid #e5e8ec} .resp-tabs--horizontal .resp-tabs-list li { padding:1.000em 1.125em; position: relative;} .resp-tabs--horizontal .resp-tabs-list li.resp-tab-active:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #e52121;} /*-----------Vertical tabs-----------*/ .resp-tabs--vertical::after {content: ""; display: table; clear: both;} .resp-tabs--vertical .resp-tabs-list { float: left; width: 30%;} .resp-tabs--vertical .resp-tabs-list li {display: block; padding: 1.000em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid #e5e8ec; } .resp-tabs--vertical .resp-tabs-list li.resp-tab-active:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 3px; height: 100%; background: #e52121;} .resp-tabs--vertical .resp-tabs-container { float: left; width: 70%; min-height: 250px; clear: none; } .resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} .resp-tabs--vertical .resp-tab-content {padding:0 1.875em;} /*-----------Timeline tabs-----------*/ .resp-tabs--timeline .resp-tabs-list.resp-tabs-group { border: none; display: flex; justify-content: space-around; padding-top: 30px; position: relative; } .resp-tabs-list.resp-tabs-group::before { content: ""; background: #bbb; width: 80%; height: 2px; position: absolute; top: 25px; left: 50%; transform: translate(-50%,0); } .resp-tabs--timeline .resp-tabs-list li { font-size: 14px; text-align: center; } .resp-tabs--timeline .resp-tabs-list li::after { background: #fff; color: #e52121; content: "\e936"; font-family: 'icomoon'; position: absolute; top: -17px; left: 50%; width: 25px; height: 25px; font-size: 25px; transform: translate(-50%,0px); bottom: auto; line-height: 25px; } .resp-tabs--timeline .resp-tabs-list li.resp-tab-active::after { background: #e52121; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; transform: translate(-50%,0px); left: 50%; } } @media (max-width: 767px) { .resp-tabs-list { display: none; } .resp-arrow { position: absolute; top: 0.833em; right: 0.833em; } .resp-arrow:after { content: "\e92d"; font-family: 'icomoon'; } .resp-tab-active .resp-arrow:after { content: "\e930"; } .resp-accordion {border-bottom: 1px solid #e5e8ec; display: block; cursor: pointer; margin: 0; padding: 0.667em; color: #24303d; position: relative; font-size: 1.125em;} .resp-accordion.resp-tab-active {color: #92979e;} } @media (min-width: 480px) and (max-width: 767px) { /*-----------Timeline tabs-----------*/ .resp-tabs.resp-tabs--horizontal.resp-tabs--timeline { position: relative; } .resp-tabs--timeline .resp-tabs-container.resp-tabs-group::before { content: ""; background: #bbb; width: 2px; height: 95%; position: absolute; top: 10px; left: -26px; } .resp-tabs--timeline .resp-tabs-container h2 { border: none; font-size: 14px; text-align: center; } .resp-tabs--timeline .resp-tabs-container h2::after { background: #fff; color: #e52121; content: "\e936"; font-family: 'icomoon'; position: absolute; top: 0; left: 0; width: 25px; height: 25px; font-size: 25px; bottom: auto; line-height: 25px; transform: translate(0,-50%); left: -38px; top: 50%; } .resp-tabs--timeline .resp-tabs-container h2.resp-tab-active::after { background: #e52121; border-radius: 50%; width: 25px; height: 25px; line-height: 25px; transform: translate(0,-50%); left: -38px; top: 50%; } } /******************************************************************************** --- Tables --- *********************************************************************************/ table.table {width: 100%; margin-bottom: 1.000em; table-layout: auto; border: none; } table.table caption { font-weight: 600; color: #24303d; background: transparent; } table.table thead { color: #24303d; } table.table thead tr th, table.table thead tr td {font-size:0.875em; font-weight: 600; padding: 1.4286em .857em; text-transform: uppercase; color: #24303d; border-bottom: 1px solid #e5e8ec; } table.table tr th, table.table tr td { font-size: 0.875em; padding: 1.4286em .820em; text-align: left; border-bottom: 1px solid #e5e8ec; } table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { line-height: 1.3; display: table-cell; } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button):after { content: "\e92d"; font-family: 'icomoon'; margin: 0 0 0 0.333em; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e930"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#92979e; } .slide-toggle.button.active { -webkit-radial-gradient(0 0, circle, rgba(0,0,0, 0), rgba(0,0,0, 0.2)), -webkit-linear-gradient(#92979e, #92979e); background-image: radial-gradient(circle at 0 0, rgba(0,0,0, 0), rgba(0,0,0, 0.2)), linear-gradient(#92979e, #92979e);} .slide-toggle.button:after { content: "\e92d"; font-family: 'icomoon'; font-size:90%; margin-left:0.333em; } .slide-toggle.button.active:after { content: "\e930";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 0.556em 0.833em; margin-bottom: 1.111em; background-color: #24303d; color: #fff;} .alert p {line-height:1.2; padding-left:1.333em; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278em; } .alert a { color: #fff; text-decoration: underline; } .alert a:hover { color:#fff; } .alert p:before { font-family: 'icomoon'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#87ca00; } .alert-success p:before { content: "\e92a"; } .alert-info p:before { content: "\e976"; } .alert-warning { background-color:#f78d1b; } .alert-warning p:before { content: "\e904"; } .alert-danger { background-color:#e52121; } .alert-danger p:before { content: "\e902"; } /******************************************************************************** --- Footer--- *********************************************************************************/ .footer__top {background: #f7f9fc;} .footer__bottom {background: #fff;} .footer__col {margin-bottom: 3.000em} .footer__logo {margin: 0.625em 0 1.875em} .footer__addr p {font-size: 0.875em; font-weight: 400; margin-bottom: 0.7143em;} .footer__addr p a {display: block;} .footer__addr p a span {position: relative; top: 1px; margin-right: 0.2857em} .footer__addr-email::before, .footer__addr-phone::before {font-family:"icomoon"; margin-right: 0.2857em; position: relative; top: 1px;} .footer__addr-phone::before {content: "\e9d0";} .footer__addr-email::before {content: "\e988";} .footer__links ul, .footer__social-links ul {list-style: none; margin: 0; padding: 0;} .footer__links ul {overflow: hidden;} .footer__links li {display: block; float: left; margin-right:4%; margin-bottom: 1em;} .footer__links a {font-size: 0.875em; font-weight: 600; color: #24303d} .footer__links a:hover {color: #92979e} .footer__social-links li {display: inline-block; margin-right: 10px} .footer__social-links a {font-size: 1.3125em; font-weight: 600; color: #24303d} .footer__social-links a:hover {color: #92979e} .footer__social-links .social-label {display: none;} .footer__subscribe-title {font-size: 0.875em; line-height: 1.2; margin-bottom:0.8571em;; display: block; font-weight: 600; margin-bottom: 0.625em;} .footer__subscribe input[type="text"], .footer__subscribe input[type="email"] {margin-bottom: 0; padding-right: 0.9375em; padding-left: 0.9375em;} .footer__subscribe form small.form-error {margin-top: 0;} .footer__subscribe .success-container {margin: 0;} .footer__subscribe .success-container .alert {font-size: 1.000em;} .footer__subscribe .success-container p {color: #fff;} .footer__subscribe .alert {padding: 0.938em; margin-bottom: 0;} .footer__subscribe .alert p {color: #fff;} .footer__copyright {font-size: 0.750em; text-transform: uppercase; display: block;} @media only screen and (min-width: 640px) { .footer__links li {width: 30.66666666666667%;} .footer__links li:nth-child(3n) {margin-right: 0;} .footer__links li:nth-child(3n+1) {clear: both;} .footer__social-links ul {padding-left: 69.5%} } @media only screen and (max-width: 639px) { .footer {text-align: center;} .footer__links li {width: 48%;} .footer__links li:nth-child(2n) {margin-right: 0;} .footer__links li:nth-child(2n+1) {clear: both;} .footer__social-links {margin-top: 1.25em;} } /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: rgb(36, 48, 61); opacity: 0.90; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0;border: 0;} .mfp-close {font-size:2.25em; width: 1.385em; height: 1.179em; line-height: 1.179em; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 0.462em 0.256em; color: #828e99; transition: color 250ms ease; font-style: normal; font-weight: 300;} .mfp-close:hover, .mfp-close:focus { color: #9baab7; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #24303d; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .90 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .popup-embed-container .mfp-container { padding-top: 40px; padding-bottom: 40px } .popup-embed-container .mfp-content { width: 100%; max-width: 900px; box-shadow: 0 0 8px rgba(0,0,0,0.6) } .popup-embed-container .mfp-close { top: -44px; color: #FFF; text-align: right; right: 1px } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}} /******************************************************************************** --- Custom Timeline --- *********************************************************************************/ @media only screen and (min-width: 1170px){.cd-is-hidden{visibility:hidden}}.cd-timeline{overflow:hidden;margin:2em auto}.cd-timeline__container{position:relative;width:90%;max-width:1170px;margin:0 auto;padding:2em 0}.cd-timeline__container::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#d7e4ed}@media only screen and (min-width: 1170px){.cd-timeline{margin-top:3em;margin-bottom:3em}.cd-timeline__container::before{left:50%;margin-left:-2px}}.cd-timeline__block{position:relative;margin:2em 0}.cd-timeline__block:after{content:"";display:table;clear:both}.cd-timeline__block:first-child{margin-top:0}.cd-timeline__block:last-child{margin-bottom:0}@media only screen and (min-width: 1170px){.cd-timeline__block{margin:4em 0}}.cd-timeline__img{position:absolute;top:0;left:0;width:40px;height:40px}.cd-timeline__img svg{background:#e52121;border:2px solid #e52121;border-radius:50%;display:block;width:40px;height:40px;position:relative;left:50%;top:18%;margin-left:-20px;margin-top:-5px!important}#img-icon{fill:#fff}@media only screen and (min-width: 1170px){.cd-timeline__img{width:40px;height:40px;left:50%;margin-left:-19px;-webkit-transform:translateZ(0);transform:translateZ(0)}.cd-timeline__img.cd-timeline__img--bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.cd-timeline__content{position:relative;margin-left:60px;background:#e5e8ec;border-radius:.25em;padding:1em;-webkit-box-shadow:0 3px 0 #e52121;box-shadow:0 3px 0 #e52121}.cd-timeline__content:after{content:"";display:table;clear:both}.cd-timeline__content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #e5e8ec}.cd-timeline__content h2{color:#303e49;font-size: 1.25rem;margin: 0 0 10px;}.cd-timeline__content p,.cd-timeline__read-more,.cd-timeline__date{font-size:1.3rem}.cd-timeline__content p{margin:1em 0 0 0;line-height:1.6}.cd-timeline__read-more,.cd-timeline__date{display:inline-block}.cd-timeline__read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#fff;border-radius:.25em}.cd-timeline__read-more:hover{background-color:#bac4cb}.cd-timeline__date{float:left;padding:.8em 0;opacity:.7}@media only screen and (min-width: 768px){.cd-timeline__content p{font-size:1.125rem}.cd-timeline__read-more,.cd-timeline__date{font-size:1.4rem}}@media only screen and (min-width: 1170px){.cd-timeline__content{margin-left:0;padding:1.6em;width:45%;-webkit-transform:translateZ(0);transform:translateZ(0)}.cd-timeline__content::before{top:24px;left:100%;border-color:transparent;border-left-color:#e5e8ec}.cd-timeline__read-more{float:left}.cd-timeline__date{position:absolute;width:100%;left:125%;top:-13px;font-size:1.6rem}.cd-timeline__block:nth-child(even) .cd-timeline__content{float:right}.cd-timeline__block:nth-child(even) .cd-timeline__content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#e5e8ec}.cd-timeline__block:nth-child(even) .cd-timeline__read-more{float:right}.cd-timeline__block:nth-child(even) .cd-timeline__date{left:auto;right:125%;text-align:right}.cd-timeline__content.cd-timeline__content--bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}}@media only screen and (min-width: 1170px){.cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}} /******************************************************************************** --- Boxen cards --- *********************************************************************************/ .boxen { background: #24303d; color: #f7f9fc; margin: 0 0 20px; padding: 20px; } .boxen h4 { color: #f7f9fc; margin: 0 0 10px; } .boxen p { font-size: 1rem; line-height: 1.5; } /******************************************************************************** --- Custom Magnific Popup Styling --- *********************************************************************************/ .white-popup-block { background: #fff; text-align: left; max-width: 650px; margin: 40px auto; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;} .white-popup-block--padding {padding:2.5em 1.875em 1.875em;} .white-popup-block--narrow {max-width: 460px;} .white-popup-block--wide {max-width: 767px;} /******************************************************************************** --- WP Toolbar --- *********************************************************************************/ .admin-bar .header {top: 32px;} @media only screen and (max-width: 782px) { .admin-bar .header {top: 46px;} #wpadminbar {position: fixed;} } /******************************************************************************** --- Style Guide--- *********************************************************************************/ .sg-section {padding: 5.000em 0; border-bottom: 1px solid #ccc;} .sg-section__heading {position: relative; margin-bottom: 2.000em} .sg-section__heading span {font-size: 50%; position: absolute; top: 50%; left: -3.125em; margin-top: -0.938em; width: 1.875em; height: 1.875em; line-height: 1.875em;} .sg-section__heading span:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #ccc;} .sg-section__subheading {font-size: 14px; text-transform: uppercase; margin: 4.000em 0 2.000em; position: relative;} .sg-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ccc;} .sg-section__subheading span {position: relative; background: #fff; padding-right: 1.250em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font-letters {font-size: 5.000em; display: block; line-height: 1; opacity: 0.20;} .sg-section__font-name {display: block; line-height: 1;} .sg-section__font-left, .sg-section__font-right {width: 50%; float: left;} .sg-section__font-left {padding-right: 2.000em;} .sg-section__font-right {border-left: 1px solid #ccc; padding-left: 2.000em;} .sg-section__font-weight {display: block;} .sg-body {overflow-x: hidden;} .sg-body .root, .sg-toggle {-webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: #fff; z-index: 9999999; border-right: 1px solid #ccc; -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-snippets-toggle {font-size: 14px; display: block;} .sg-snippets-toggle:before {content: "\e9df"; font-family: 'icomoon'; margin-right: 6px;} .sg-snippets-toggle.active:before {content: "\e9e0"; font-family: 'icomoon';} .sg-toc {font-size: 13px;} .sg-toggle {font-size: 14px; position: fixed; bottom: 4px; left:4px; width: 28px; height: 28px; line-height:28px; padding: 0; margin: 0; z-index: 9999999;} .sg-toggle:before {content: "\e983"; font-family: 'icomoon';} .sg-body--push .root, .sg-body--push .sg-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);} .sg-body--push .sg-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .sg-body--push .sg-toggle:before {content: "\ea00";} @media (max-width: 1399px) { .sg-section__heading {padding-left: 1.500em;} .sg-section__heading span {left: 0;} } /*---------- Swatches ----------*/ .swatch__color { position: relative; height: 100px;} .swatch__hex { padding: 1rem; text-align: center;} .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ code {display: none; /* Remove in Production */} code.active {display: block;} pre {padding:15px; border:1px solid #e5e8ec;} /*---------- Community Impact Page ----------*/ .testimonials-slider .slick-dots { bottom: -88px; } .comm-icon {width: 85px;height: 85px;margin: 0 auto;margin-bottom: 1rem;} .full-card__headline--border {display: inline-block;border-bottom: 2px solid #e52121;padding-bottom: .15rem;} .hero__video--ci {/*background-color: #f7f9fc;*/padding: 3rem;}