@font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .header-wrapper { z-index: 999 !important; } .header-wrapper .top-nav { width: 100%; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; margin-top: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 20px; } @media (max-width: 1061px) { .header-wrapper .top-nav { margin-top: 0px; padding-right: 2rem; } } .header-wrapper .Technology-header { max-width: 115px; color: #516375; font-size: 15px; letter-spacing: 0; line-height: 16px; font-weight: 400; margin: 0 0 0 0.5rem; padding: 3rem .5rem 1rem 1rem; position: relative; } @media (max-width: 768px) { .header-wrapper .Technology-header { max-width: 107px; font-size: 15px; line-height: 16px; padding: 3rem 0rem 1rem 1rem; } } .header-wrapper .social-media-nav { margin-top: 20px; margin-left: auto; display: none; } .header-wrapper .social-media-nav > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; line-height: 2em; } .header-wrapper .social-media-nav a.social-icons.search-modal { border-right: 0; } .header-wrapper .social-media-nav a { color: #516376; text-transform: none; -webkit-transition: 0.3s; transition: 0.3s; } .header-wrapper .social-media-nav a.social-icons:hover { opacity: 0.5; } .header-wrapper .about-nav li { border-right: solid 1px #cfd3d3; line-height: 0.5em; padding: 15px; display: inline-block; } .header-wrapper .logo-heading span.logo-2020 { display: inline-block; padding: 3rem 8rem; background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='280px' height='136px' viewBox='0 0 280 136' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3crect id='path-1' x='0' y='0' width='280' height='136'%3e%3c/rect%3e%3c/defs%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='logo_tag_lockup_web_large'%3e%3cmask id='mask-2' fill='white'%3e%3cuse xlink:href='%23path-1'%3e%3c/use%3e%3c/mask%3e%3cg id='Mask'%3e%3c/g%3e%3cimage mask='url(%23mask-2)' x='27' y='15' width='242' height='99.8730159' xlink:href='data:image/png;base64,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'%3e%3c/image%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%; } @media all and (-ms-high-contrast: none) { .header-wrapper .logo-heading { display: -webkit-box; display: -ms-flexbox; display: flex; color: #516376; background: url(../static/images/OGTC_Logo.png) 10px 0 no-repeat; background-size: 22%; padding-left: 115px; min-height: 100px; line-height: 1em; background-position: 20px 7px; padding-top: 0; } } .header-wrapper .main-heading { font-size: 1.2em; border-left: solid 1px #cfd3d3; padding-left: 1em; font-weight: 500; line-height: 1em; } @media only screen and (min-width: 1024px) { .header-wrapper .main-heading { font-size: 1.625em; font-weight: 500; padding-top: 0.3em; } } .header-wrapper .openNav { position: absolute; top: 0; left: 0; padding: 30px; } .header-wrapper .openNav .fa-bars { font-size: 2em; color: #1db1c3; } /* ====================================================================================================== Page headings ====================================================================================================== */ .page-heading-wrapper { background-image: url("../static/images/header-banner-bg.jpg"); background-position: center; background-size: cover; min-height: 290px; position: relative; margin-top: 1rem; margin-top: 1px; } .page-heading-wrapper.add-gradient::before { content: ""; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); width: 100%; z-index: 0; position: absolute; top: 0; left: 0; } .page-heading { padding: 0; display: inline-block; font-weight: 600; color: #ffffff; font-size: 49px; line-height: 40px; margin: 0; position: relative; left: 4rem; padding-bottom: 1.5rem; padding-top: 8rem; } @media (max-width: 992px) { .page-heading { font-size: 39px; line-height: 30px; } } .page-heading.increase-padding-top { padding-top: 10.5rem; } .page-heading:before { content: ""; position: absolute; width: calc(100% + 4.31rem); height: 6px; left: -4.31rem; bottom: 0rem; } .page-heading.brand-acqua::before { background-color: #2CC8CC; } .page-heading.brand-blue::before { background-color: #00c0ff; } .page-heading.brand-dark-gray::before { background-color: #687575; } .page-heading.brand-purple::before { background-color: #9933cd; } .page-heading.brand-turquoise::before { background-color: #1db1c3; } .page-heading.brand-green::before { background-color: #30cd32; } .page-heading.brand-orange::before { background-color: #ff8c02; } .page-heading.brand-dark-blue::before { background-color: #516376; } .page-heading.brand-light-blue::before { background-color: #00c0ff; } .page-heading.brand-light-gray::before { background-color: #869191; } .page-heading .keyword { text-transform: none; } @media (max-width: 767px) { .main-heading { margin-bottom: 46px !important; padding-top: 7px; } } @media (min-width: 1061px) { .social-media-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1061px) { .social-media-nav { display: none; } } @media (max-width: 1280px) { .left-panel-menu { font-size: 1em !important; } } /* ----------- iPad Pro ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 1061px) and (max-device-width: 1061px) and (-webkit-min-device-pixel-ratio: 1.5) { .social-media-nav { display: none; } } @media only screen and (max-width: 1061px) { /* 100% width on conetent area on mobile and tablet */ #modules .column-wrapper .left-menu-wrapper { display: none; } #modules .column-wrapper .right-content-module { width: 100%; padding: 0 10px; } } @media only screen and (max-width: 1153px) { .header-wrapper .main-heading { font-size: 1.325em; font-weight: 500; padding-top: 0.3em; } .about-nav li a { padding: 3px 2px !important; font-size: 0.9em; } } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:after, *:before { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0; } .standard-text-block { min-height: 80px; } a { color: #1db1c3; text-decoration: none; } a.cta-light { color: #1db1c3; margin-right: 10px; } a.cta-dark { color: #516376; } p.go-back-to-home { color: #fff; width: 67px; padding: 5px; font-size: 22px; font-weight: 400; -webkit-transition-property: opacity, left; transition-property: opacity, left; -webkit-transition-duration: 1s, 2s, 1.5s, 1s; transition-duration: 1s, 2s, 1.5s, 1s; } p.go-back-to-home a { color: #fff; text-decoration: none; } p.go-back-to-home:hover, p.go-back-to-home:focus { opacity: .5; } ul { list-style: none; padding: 0; } body { font-family: "Trim", sans-serif; color: #516376; font-size: 17px; min-width: 320px; background-color: #fff; overflow-x: hidden; } div#modules { padding-top: 0rem; } @media (max-width: 1060px) { div#modules { padding-top: 6rem; } } h1, h2, h3, h4 { font-family: "Trim", sans-serif; } p, h1, h2, h3, h4 { margin-bottom: 16px; line-height: 1.3em; } .h1-light, .h2-light, .h3-light, .h4-light, .h5-light, .h6-light { font-weight: 300; } .h1-reg, .h2-reg, .h3-reg, .h4-reg, .h5-reg, .h6-reg { font-weight: 400; } .title-heading { margin: 20px 0; padding: 0 0 0 20px; font-size: 1.4em; font-weight: 300; text-transform: uppercase; } p { text-align: left; font-weight: 300; } p.dark-blue { color: #516376; } p.introText { font-size: 1.3em; } section { max-width: 1600px; margin: 0 auto; } .styled-list { list-style-type: disc; list-style-position: outside; margin: 0 0 0 20px; } .styled-list li { margin-bottom: 10px; } b { font-weight: 400; } /* ====================================================================================================== Home page module. ====================================================================================================== */ @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .column-wrapper .column-50:last-child, .column-wrapper .column-50:nth-child(even) { margin-right: 0; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .main { width: 50%; } .aside { width: 50%; height: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .play-arrow { background-image: url(../static/images/pattern-lib/play-arrow.svg); background-size: contain; width: 15px; height: 15px; margin-bottom: 10px; margin-right: 15px; display: inline-block; } .expand-icon { background-image: url(../static/images/pattern-lib/Expand-icon.png); background-size: contain; width: 15px; height: 15px; margin-bottom: 10px; display: inline-block; } time { display: block; } .standard-wide { max-width: 1125px; margin: 0 0 0 auto; } @media (max-width: 1029px) { .standard-wide { padding: 0 2%; } } @media (max-width: 567px) { .standard-wide { padding: 0 4%; } } .column-25.aside-nav-wrapper { background-color: #9933cd; padding: 15px 15px 15px 15px; min-height: 385px; height: 385px; overflow-y: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url("../static/images/TechX website background.PNG"); } .column-25.aside-nav-wrapper .btn-primary-keyword { margin: 7px 3px; font-size: 0.8em; -webkit-transition: 0.2s; transition: 0.2s; color: #ffffff; padding: 5px 10px; background: #98a1a1; text-transform: uppercase; font-weight: 300; border: none; cursor: pointer; } .column-25.aside-nav-wrapper .btn-primary-keyword:hover { background: #687575; text-decoration: none; } @media only screen and (max-width: 1061px) { .aside-nav-wrapper { min-height: auto; height: auto; } } ul.accordion li.accordion-item { position: relative; margin-bottom: 10px; } ul.accordion li.accordion-item:hover { background-color: #fcfcfc; } ul.accordion li.accordion-item > div.accordion-header { background: #516376; cursor: pointer; padding: 0 0 0 20px; font-size: 14px; height: 40px; margin: 0; text-align: left; position: relative; display: table; width: 100%; } ul.accordion li.accordion-item > div.accordion-header h3 { max-width: 80%; color: #ffffff; display: table-cell; vertical-align: middle; } ul.accordion li.accordion-item > div.accordion-header p { margin: 0; } ul.accordion li.accordion-item .accordion-content { float: none; width: 100%; display: block; margin-bottom: 0; z-index: 2; position: relative; padding: 0 0 0 20px; max-height: 0; -webkit-transition: max-height 350ms ease-in-out; transition: max-height 350ms ease-in-out; overflow: hidden; background-color: #eaf5f5; } @media (max-width: 767px) { ul.accordion li.accordion-item .accordion-content { padding: 0 4%; } } ul.accordion li.accordion-item .accordion-content ul { margin-bottom: 2rem; } ul.accordion li.accordion-item .accordion-content ul li { margin-bottom: 1rem; list-style: none; } ul.accordion li.accordion-item .accordion-content ul li.column-60 { padding-right: 70px; } ul.accordion li.accordion-item .accordion-content ul li a { text-decoration: underline; } ul.accordion li.accordion-item .accordion-content p { margin-top: 1.5rem; } ul.accordion li.accordion-item .accordion-content .small-module { height: auto; } ul.accordion li.accordion-item .accordion-content.toggled { display: block; max-height: 4000px; } ul.accordion li.accordion-item .icon-toggle { width: 16px; height: 11px; position: absolute; top: 14px; right: 40px; cursor: pointer; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; } ul.accordion li.accordion-item .icon-toggle::before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 11px solid #ffffff; } ul.accordion li.accordion-item .icon-toggle::before, ul.accordion li.accordion-item .icon-toggle::after { content: ""; background-color: #516376; position: absolute; } ul.accordion li.accordion-item .icon-toggle.toggled { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .module-wrapper { position: relative; padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; } .module-wrapper.home-module { min-height: 157px; } .module-wrapper.small-module { min-height: 170px; } .module-wrapper.small-sq-module { min-height: 185px; } .module-wrapper.small-med-module { min-height: 200px; } .module-wrapper.video-module { min-height: 374px; } .module-wrapper.medium-module { min-height: 250px; } .module-wrapper.large-module { min-height: 385px; } .module-wrapper.xl-module { min-height: 470px; } .module-wrapper.exlarge-module { min-height: 515px; } .module-wrapper.twitter-module { min-height: 227px; } .image-module > a:hover { cursor: pointer; } .image-module > a:hover .module-img { -webkit-backface-visibility: hidden; -webkit-transform: scale(1.15); transform: scale(1.15); } .image-module .module-img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; -webkit-transform: scale(1.1); transform: scale(1.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -o-object-fit: cover; object-fit: cover; } .image-module .module-img.tall { height: 100%; } .image-module .btn-primary { position: absolute; bottom: 0; right: 0; z-index: 7; font-size: 0.8em; } .image-module .gradient { -webkit-backface-visibility: hidden; height: 100%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ width: 100%; z-index: 4; position: absolute; top: 0; left: 0; } .image-module .gradient.grey { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(81, 99, 118, 0.65)), to(rgba(81, 99, 118, 0))); background: linear-gradient(to bottom, rgba(81, 99, 118, 0.65) 0%, rgba(81, 99, 118, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .image-module .module-details { position: absolute; top: 0; left: 0; z-index: 6; padding: 15px 25px; color: #ffffff; width: 100%; height: 100%; } .image-module .module-details h3.title-h2 { margin: 0; padding: 0; font-size: 1.2em; font-weight: 500; } .image-module .module-details h3.title-h3 { margin: 0; padding: 0; font-size: 1em; font-weight: 100; } .image-module .module-details .intro-text { font-size: 1em; } @media (max-width: 767px) { .image-module .module-details .intro-text { font-size: 0.8em; } } .image-module .module-details p { margin: 0; } .pagination ul { margin-top: 2rem; margin-bottom: 1rem; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .pagination ul li { background-color: transparent; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 0; text-align: center; margin: 0 20px; position: relative; } .pagination ul li:first-child { margin: 0 20px 0 0; } .pagination ul li.current { -webkit-transition: background ease-in-out 150ms; transition: background ease-in-out 150ms; color: #1db1c3; } .pagination ul li a { color: #a8b1ba; } .pagination ul li a::after { content: ""; position: absolute; width: 8px; height: 11px; background-repeat: no-repeat; background-size: contain; } .pagination ul li.start a::after { background-image: url(../static/images/pattern-lib/double-left.png); left: -15px; width: 15px; } .pagination ul li.prev a::after { background-image: url(../static/images/pattern-lib/prev-arrrow.png); left: -15px; } .pagination ul li.next a::after { background-image: url(../static/images/pattern-lib/next-arr.png); right: -15px; } .pagination ul li.end a::after { background-image: url(../static/images/pattern-lib/double-right.png); right: -15px; width: 15px; } .pagination ul li:last-child { margin: 0 0 0 20px; } .no-results { letter-spacing: 0; } .portfolio-item-list li.portfolio-item.active .text-container.pure-hidden-desktop { display: inherit !important; } .portfolio-item-list li.portfolio-item .text-container.pure-hidden-desktop::before { content: "X"; font-weight: 600; color: white; border-top: none; } @media (min-width: 992px) { .portfolio-item-list li.portfolio-item .text-container.pure-hidden-desktop::before { display: none !important; } } .portfolio-item-list li.portfolio-item .text-container.additionalCaseStudiesClass::before { border-top: 10px solid #ffffff; } .portfolio-item-list { width: 100%; } .portfolio-item-list > ul { margin-top: 0; margin-bottom: 1rem; padding-left: 0; margin: 0 0px 0 0px; } .portfolio-item-list .portfolio-item.active .text-container::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .portfolio-item-list .portfolio-item.active .text-container { border-bottom: 10px solid #eaf5f5; } .portfolio-item-list li.portfolio-item { width: 25%; z-index: 99; } @media (min-width: 568px) and (max-width: 767px) { .portfolio-item-list li.portfolio-item:nth-child(even) .additional-content { margin-left: calc(-100% - 15px); } } @media (max-width: 567px) { .portfolio-item-list li.portfolio-item { width: 100%; } } @media (min-width: 568px) and (max-width: 767px) { .portfolio-item-list li.portfolio-item { width: 50%; } } @media (min-width: 768px) { .portfolio-item-list li.portfolio-item:nth-child(4n-1) .additional-content { margin-left: calc(-200% - 30px); } .portfolio-item-list li.portfolio-item:nth-child(4n-2) .additional-content { margin-left: calc(-100% - 15px); } .portfolio-item-list li.portfolio-item:nth-child(4n) .additional-content { margin-left: calc(-300% - 45px); } } .portfolio-item-list li.portfolio-item .item-container { padding: 0 15px 15px 0; } .portfolio-item-list li.portfolio-item .item-container:nth-child(4n) { padding: 0 0 15px 0; } @media (max-width: 567px) { .portfolio-item-list li.portfolio-item .item-container { padding: 0 0 15px 0; } } @media (mn-width: 568px) and (max-width: 767px) { .portfolio-item-list li.portfolio-item .item-container { padding: 0 10px 15px 10px; } } .portfolio-item-list li.portfolio-item .image-container { position: relative; cursor: pointer; padding: 1rem; background-color: #eaf5f5; max-height: 242px; } .portfolio-item-list li.portfolio-item .image-container .logo-container { background-color: #000000; min-height: 210px; height: 200px; } .portfolio-item-list li.portfolio-item .image-container .logo-container.empty-img { background-color: #ffffff; } .portfolio-item-list li.portfolio-item .image-container img { display: block; width: 100%; height: 100%; z-index: 1; -o-object-fit: cover; object-fit: cover; } .portfolio-item-list li.portfolio-item .image-container .item-title h4 { font-size: 1rem; } .portfolio-item-list li.portfolio-item .text-container { position: relative; padding: 0 1rem 1rem 1rem; background-color: #eaf5f5; font-size: 0.875rem; line-height: 1.5em; cursor: pointer; min-height: 6.5rem; border-bottom: 10px solid #ffffff; } @media (min-width: 768px) and (max-width: 992px) { .portfolio-item-list li.portfolio-item .text-container { min-height: 7rem; } } .portfolio-item-list li.portfolio-item .text-container::before { position: absolute; bottom: 1rem; right: 1rem; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #516376; content: ""; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .portfolio-item-list li.portfolio-item .additional-content { display: none; padding: 2rem 50px 30px 50px; background-color: #eaf5f5; position: relative; } @media (max-width: 567px) { .portfolio-item-list li.portfolio-item .additional-content { padding: 2rem 15px 30px 15px !important; } } .portfolio-item-list li.portfolio-item .additional-content .column-wrapper { display: block; } .portfolio-item-list li.portfolio-item .additional-content .column-wrapper.projects-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 567px) { .portfolio-item-list li.portfolio-item .additional-content .column-wrapper.projects-wrapper { display: block; } } .portfolio-item-list li.portfolio-item .additional-content .header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; } @media (max-width: 992px) { .portfolio-item-list li.portfolio-item .additional-content .header { line-height: 70px; } } .portfolio-item-list li.portfolio-item .additional-content .header .project-date { width: 190px; } .portfolio-item-list li.portfolio-item .additional-content .header .sector { width: 174px; } .portfolio-item-list li.portfolio-item .additional-content .header .entry { width: 101px; } .portfolio-item-list li.portfolio-item .additional-content .header .target { width: 95px; } .portfolio-item-list li.portfolio-item .additional-content .header .companies { width: 450px; } .portfolio-item-list li.portfolio-item .additional-content .header .companies .h3-light { margin-bottom: 5px; } .portfolio-item-list li.portfolio-item .additional-content .header .companies ul { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portfolio-item-list li.portfolio-item .additional-content .header .companies ul li { font-weight: 400; margin: 0 3px; } .portfolio-item-list li.portfolio-item .additional-content .header .companies ul li:first-child { margin: 0 3px 0 0; } .portfolio-item-list li.portfolio-item .additional-content .header .companies ul li:last-child { margin: 0 0 0 3px; } @media (max-width: 992px) { .portfolio-item-list li.portfolio-item .additional-content .header .project-date, .portfolio-item-list li.portfolio-item .additional-content .header .sector, .portfolio-item-list li.portfolio-item .additional-content .header .entry, .portfolio-item-list li.portfolio-item .additional-content .header .target, .portfolio-item-list li.portfolio-item .additional-content .header .companies { width: 100%; } } .portfolio-item-list li.portfolio-item .additional-content .column-50 { padding-right: 15px; } @media (max-width: 767px) { .portfolio-item-list li.portfolio-item .additional-content .column-50 { padding-right: 0; } } .portfolio-item-list li.portfolio-item .additional-content .column-50 .small-module { height: auto; min-height: 220px; padding-top: 2rem; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .small-module .module-details { max-width: 175px; padding: 20px 0 0px 25px; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .small-module .module-details .h5-reg { margin-top: 10px; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .slider-img { position: relative; top: 0; left: 0; height: 225px; width: 100%; z-index: 1; display: block; } .portfolio-item-list li.portfolio-item .additional-content .column-50:last-of-type { padding-left: 15px; padding-right: 0; } @media (max-width: 767px) { .portfolio-item-list li.portfolio-item .additional-content .column-50:last-of-type { padding-right: 0; padding-left: 0; } } .portfolio-item-list li.portfolio-item .additional-content .column-50 .top-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .top-caption h4 { position: absolute; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .flickity-prev-next-button { position: absolute; top: 0%; right: 0; width: 4rem; background-color: black; z-index: 100; height: 2rem; border: none; border-radius: 0; background-color: #1db1c3; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); } .portfolio-item-list li.portfolio-item .additional-content .column-50 .flickity-prev-next-button svg { display: none; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .flickity-prev-next-button:before { content: ""; display: block; width: 3.4rem; height: 7.5px; background-repeat: no-repeat; background-position: center; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .flickity-prev-next-button.previous { left: 100%; margin-left: -8rem; border-right: 1px solid #eaf5f5; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .flickity-prev-next-button.previous:before { background-image: url(../static/images/pattern-lib/left-arrow.png); background-size: contain; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .flickity-prev-next-button.next { right: 0; margin-right: 0; } .portfolio-item-list li.portfolio-item .additional-content .column-50 .flickity-prev-next-button.next:before { background-image: url(../static/images/pattern-lib/rght-arrow.png); background-size: contain; } .portfolio-item-list li.portfolio-item .additional-content .portfolio-prev, .portfolio-item-list li.portfolio-item .additional-content .portfolio-next { color: #ffffff; background-color: #516376; position: absolute; top: calc(50% - 1rem); display: none; width: 2rem; height: 2rem; padding: calc(1rem - 0.4rem) calc(1rem - (0.4rem / 2)); cursor: pointer; border-radius: 0; } .portfolio-item-list li.portfolio-item .additional-content .portfolio-prev:before, .portfolio-item-list li.portfolio-item .additional-content .portfolio-next:before { content: ""; display: none; width: 0; height: 0; border-top: 0.4rem solid transparent; border-bottom: 0.4rem solid transparent; } @media (max-width: 567px) { .portfolio-item-list li.portfolio-item .additional-content .portfolio-prev, .portfolio-item-list li.portfolio-item .additional-content .portfolio-next { display: none; } } .portfolio-item-list li.portfolio-item .additional-content .portfolio-next { right: 0; } .portfolio-item-list li.portfolio-item .additional-content .portfolio-next:before { border-left: 0.4rem solid #ffffff; } .portfolio-item-list li.portfolio-item .additional-content .portfolio-prev { left: 0; } .portfolio-item-list li.portfolio-item .additional-content .portfolio-prev:before { border-right: 0.4rem solid #ffffff; } @media (min-width: 768px) { .portfolio-item-list li.portfolio-item .additional-content { width: calc(400% + 45px); } } @media (min-width: 568px) and (max-width: 767px) { .portfolio-item-list li.portfolio-item .additional-content { width: calc(200% + 15px); } } /* ====================================================================================================== GALLERY ====================================================================================================== */ .gallery-items div:nth-child(4n) { margin: 0; } /* ====================================================================================================== New filtering styling feature. CRM ====================================================================================================== */ .crm-styling li.portfolio-item .image-container { background-color: #85919f; } .crm-styling .portfolio-item.active .text-container { border-bottom: none; } .crm-styling li.portfolio-item .image-container { overflow: hidden; /*&:hover { .item-title { bottom: 0; opacity: 1; background-color: none !important; } }*/ } .crm-styling li.portfolio-item .image-container .item-title { position: absolute; bottom: 0; left: 0; background-color: rgba(133, 145, 159, 0.8); padding: 1rem 1rem 0.5rem; color: #fff; font-size: 0.8rem; -webkit-transition: 0.2s; transition: 0.2s; width: 100%; opacity: 1; max-height: 120px; height: 100%; } @media (max-width: 767px) { .crm-styling li.portfolio-item .image-container .item-title { display: none; } } .crm-styling li.portfolio-item .image-container .item-title h4 { width: 85%; } .crm-styling li.portfolio-item .text-container { position: relative; font-size: 0.875rem; line-height: 1.5em; cursor: pointer; bottom: 10px; right: 7px; background-color: none; padding: 0; min-height: 0; border-bottom: none; } @media (min-width: 768px) and (max-width: 992px) { .crm-styling li.portfolio-item .text-container { min-height: 0; } } .crm-styling li.portfolio-item .additional-content { display: none; padding: 2rem 50px 30px 50px; background-color: #85919f; position: relative; color: #fff; font-family: "Trim", sans-serif; } .crm-styling li.portfolio-item .additional-content h4:first-of-type { margin: 0; padding: 0; } .crm-styling li.portfolio-item .additional-content .h4-reg { font-size: 2rem; margin: 0 0 1rem 0; padding: 0; font-weight: 600; } @media (max-width: 567px) { .crm-styling li.portfolio-item .additional-content { padding: 2rem 15px 30px 15px; } } .crm-styling li.portfolio-item .additional-content .sub-content { position: relative; margin-bottom: 1.5rem; } .crm-styling li.portfolio-item .additional-content .toggle-text { display: none; margin: 1rem 0; } .crm-styling li.portfolio-item .additional-content .toggle-butt { position: absolute; top: 1rem; right: 1rem; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #516376; content: ""; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; margin: 0; padding: 0; background: none; cursor: pointer; } .crm-styling li.portfolio-item .additional-content .toggle-butt.active { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .crm-styling li.portfolio-item .additional-content .column-wrapper { display: block; } .crm-styling li.portfolio-item .additional-content .column-wrapper.projects-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: solid 1px #fff; padding-top: 1rem; } .crm-styling li.portfolio-item .additional-content .column-wrapper.projects-wrapper .title-h2 { font-size: 1.2rem; margin-bottom: 0.5rem; font-weight: 600; } @media (max-width: 567px) { .crm-styling li.portfolio-item .additional-content .column-wrapper.projects-wrapper { display: block; } } .crm-styling li.portfolio-item .additional-content .content-sectors { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: solid 1px #fff; margin-bottom: 1rem; } .crm-styling li.portfolio-item .additional-content .content-sectors div { width: 50%; } @media (max-width: 1400px) { .crm-styling li.portfolio-item .additional-content .content-sectors div { width: 100%; } } .crm-styling li.portfolio-item .additional-content .content-sectors div h2 { font-size: 1rem; margin: 0; padding: 0; } .crm-styling li.portfolio-item .additional-content .cta-link, .crm-styling li.portfolio-item .additional-content a { color: #fff; } .crm-styling li.portfolio-item .additional-content .cta-link:hover, .crm-styling li.portfolio-item .additional-content a:hover { text-decoration: underline; } .crm-styling li.portfolio-item.active .image-container .item-title { opacity: 0; } .crm-styling li.portfolio-item .additional-content .sub-content h5 { font-size: 2rem; margin: 0 0 1rem 0; font-weight: normal; } .crm-detailed .overlay-black, .crm-detailed .blue-title { display: none; } .crm-detailed.crm-detailed-blue { background-color: #1db1c3 !important; } .crm-detailed .toggle-butt { position: absolute; top: 1rem; right: 1rem; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #516376; content: ""; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; margin: 0; padding: 0; background: none; cursor: pointer; } .crm-detailed .toggle-butt.active { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .crm-detailed .sub-content { position: relative; } .crm-detailed .content-site-wrapper { padding: 1rem 50px 30px 50px; background-color: #85919f; position: relative; color: #fff; font-family: "Trim", sans-serif; } .crm-detailed .content-site-wrapper h4:first-of-type { margin: 0; padding: 0; } .crm-detailed .content-site-wrapper .h4-reg { font-size: 2rem; margin: 0 0 1rem 0; padding: 0; } @media (max-width: 567px) { .crm-detailed .content-site-wrapper { padding: 2rem 15px 30px 15px; } } .crm-detailed .content-site-wrapper .sub-content { position: relative; margin-bottom: 1.5rem; } .crm-detailed .content-site-wrapper .toggle-text { display: none; margin: 1rem 0; } .crm-detailed .content-site-wrapper .toggle-butt { position: absolute; top: 1rem; right: 1rem; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #516376; content: ""; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; margin: 0; padding: 0; background: none; cursor: pointer; } .crm-detailed .content-site-wrapper .toggle-butt.active { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .crm-detailed .content-site-wrapper .column-wrapper { display: block; } .crm-detailed .content-site-wrapper .column-wrapper.projects-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: solid 1px #fff; padding-top: 1rem; } .crm-detailed .content-site-wrapper .column-wrapper.projects-wrapper .title-h2 { font-size: 1.2rem; margin-bottom: 0.5rem; font-weight: 600; } @media (max-width: 567px) { .crm-detailed .content-site-wrapper .column-wrapper.projects-wrapper { display: block; } } .crm-detailed .content-site-wrapper .content-sectors { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: solid 1px #fff; margin-bottom: 1rem; } .crm-detailed .content-site-wrapper .content-sectors div { width: 50%; } @media (max-width: 1400px) { .crm-detailed .content-site-wrapper .content-sectors div { width: 100%; } } .crm-detailed .content-site-wrapper .content-sectors div h2 { font-size: 1rem; margin: 0; padding: 0; } .crm-detailed .content-site-wrapper .cta-link, .crm-detailed .content-site-wrapper a { color: #fff; } .crm-detailed .content-site-wrapper .cta-link:hover, .crm-detailed .content-site-wrapper a:hover { text-decoration: underline; } .crm-detailed-blue .logo-container { overflow: hidden; position: relative; } .crm-detailed-blue .item-title { bottom: 0 !important; opacity: 1 !important; max-height: 120px; height: 100%; } .crm-detailed-blue .item-title h4 { overflow: hidden; height: 80px; } @media (max-width: 767px) { .crm-detailed-blue .item-title { display: block !important; } } .crm-detailed-blue .blue-title { display: block; color: #fff; z-index: 999; position: absolute; text-align: center; left: 0; right: 0; top: 36%; font-size: 1rem; } .crm-detailed-blue .overlay-black { display: block; background-color: #000; width: 250px; height: 250px; position: absolute; top: 0; left: 0; opacity: 0.4; } .crm-detailed-blue .portfolio-item .additional-content { border-top: none !important; } .crm-detailed-blue .portfolio-item .additional-content .column-wrapper.projects-wrapper .column { padding: 0; } .crm-detailed-blue .portfolio-item .additional-content .column-wrapper.projects-wrapper .column:last-child { margin-right: 0; } .crm-detailed-blue .image-container, .crm-detailed-blue .additional-content, .crm-detailed-blue .content-site-wrapper { background-color: #1db1c3 !important; } .crm-detailed-blue .item-title { background-color: rgba(29, 177, 195, 0.8) !important; } .crm-detailed-blue .additional-content.people { border-top: none; } .crm-detailed-blue .additional-content.people .sub-content { margin-top: 2rem; } .crm-detailed-blue .portfolio-item .image-container { border-bottom: solid 1px #fff; } .crm-detailed-blue .portfolio-item.active .image-container { border-bottom: solid 1px #1db1c3; } .crm-detailed-blue .case-study { font-weight: 300; } .crm-detailed-blue .case-study .h2.reg { margin: 1rem 0; } .crm-detailed-blue .white-bg { background-color: #fff; color: #516376; padding: 25px 25px 0 25px !important; } .crm-detailed-blue .project-heading { border-bottom: solid 1px #516376; margin-bottom: 1.5rem; padding-bottom: 0.5rem; } .crm-detailed-blue .project-heading h2 { font-weight: normal; font-size: 1.5rem; } .crm-detailed-blue .project-heading h2 small { display: block; line-height: 1rem; font-weight: normal; font-size: 1rem; } .crm-detailed-blue .additional-content { padding: 2rem 50px 120px 50px !important; } .crm-detailed-blue .additional-content h4 { margin: 0; padding: 0; } .crm-detailed-blue .image-thumbs { list-style: none; margin: 0; padding: 0; float: left !important; } .crm-detailed-blue .image-thumbs li { margin: 0 0.5rem 0 0; width: 100px; height: 100px; background-color: #000; display: inline-block; overflow: hidden; } .crm-detailed-blue .image-thumbs li .img-thumb { max-width: 100px; height: auto; } .crm-detailed-blue .case-study { display: block !important; } .crm-detailed-blue .case-study p:first-child { font-size: 18px; } .crm-detailed-blue .non-case-study { display: none !important; } .case-study { display: none !important; } /* ====================================================================================================== Columns ====================================================================================================== */ .column-wrapper { display: block; } .column-wrapper .column-25:nth-child(4n) { margin-right: 0; } .column-wrapper .column-20:nth-child(5n) { margin-right: 0; } .column { padding: 5px; margin-bottom: 15px; margin-right: 15px; width: 100%; } .column.no-padding { padding: 0; } .column.no-margin { margin: 0; } .column .column-inner { margin-bottom: 0; } .last { margin-right: 0; } .clearfix:after, .solutions-detailed .involved-companies:after { clear: both; } .clearfix:after, .solutions-detailed .involved-companies:after, .clearfix:before, .solutions-detailed .involved-companies:before { content: ""; display: table; } /* ====================================================================================================== Site Wrapper ====================================================================================================== */ .site-wrapper { padding-top: 120px; background-color: #ffffff; padding: 0 15px; } @media (min-width: 1061px) { .site-wrapper { padding-top: 0; } } /* ====================================================================================================== Grids ====================================================================================================== */ @media only screen and (min-width: 768px) { .site-content .site-wrapper { padding: 20px 10px; } .site-wrapper, footer { background-color: #ffffff; min-width: 767px; max-width: 1440px; margin: auto; } .standard-text-block, .content-site-wrapper { padding: 0 15px; margin: auto; } .news-wrapper { min-width: 767px; max-width: 870px; padding: 0 15px; margin: auto; } .column.no-margin { margin-right: 0; margin-bottom: 0; } .column-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .column-100 { width: 100%; } } @media only screen and (min-width: 768px) and (min-width: 992px) { .max-515 { max-height: 515px; } } @media only screen and (min-width: 768px) { .column-80 { width: 80%; } .column-75 { width: 75%; } .column-66 { width: 66.6666%; } .column-60 { width: 60%; } .column-62 { width: 62%; } .column-64 { width: 64.79%; } .column-50 { width: 50%; } .column-45 { width: 45%; } .column-40 { width: 40.85%; } .column-33 { width: 33.3333%; } .column-25 { width: 24.3%; } .column-20 { width: 20%; } .column-10 { width: 10%; } .column-7 { width: 14.2857142857%; } .column-5 { width: 5%; } } .grid-1 { width: 8.33%; } .grid-2 { width: 16.66%; } .grid-3 { width: 25%; } .grid-4 { width: 33.33%; } .grid-5 { width: 41.66%; } .grid-6 { width: 50%; } .grid-7 { width: 58.33%; } .grid-8 { width: 66.66%; } .grid-9 { width: 75%; } .grid-10 { width: 83.33%; } .grid-11 { width: 91.66%; } .grid-12 { width: 100%; } @media (max-width: 1061px) { .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11 { width: 100%; } } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } nav { width: 100%; } .header-wrapper .social-media-nav a { font-weight: 400; } .about-nav li a { font-weight: 400; } /* ====================================================================================================== DESKTOP main nav styling ====================================================================================================== */ .mega-search-wrapper { max-height: 105px; overflow: hidden; margin-bottom: 15px; } @media (min-width: 979px) { nav ul.main-nav { margin: 0; list-style: none; background: #516376; z-index: 999; } nav ul.main-nav li.mn-list { float: none; position: relative; /* ====================================================================================================== sub Navigation ====================================================================================================== */ } } @media only screen and (min-width: 979px) and (min-width: 1024px) { nav ul.main-nav li.mn-list { float: left; } } @media (min-width: 979px) { nav ul.main-nav li.mn-list:last-child > a { border-right: solid 1px transparent; } nav ul.main-nav li.mn-list:last-child > a:after { content: ""; position: absolute; right: 0; top: 0; height: calc(100% + 1.2rem); width: 1px; background-color: transparent; } nav ul.main-nav li.mn-list:hover { background-color: #687575; } nav ul.main-nav li.mn-list:hover > a { border-right: #687575; } nav ul.main-nav li.mn-list > a { color: #ffffff; text-decoration: none; display: inline-block; width: 100%; text-align: center; padding: 15px 13px 15px 15px; border-left: solid 9px #516376; font-size: 1em; position: relative; text-indent: -9px; } nav ul.main-nav li.mn-list > a:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background-color: #fff; } } @media screen and (min-width: 979px) and (max-width: 1400px) { nav ul.main-nav li.mn-list > a:after { height: calc(100% + 1.2rem); } } @media (min-width: 979px) { nav ul.main-nav li.mn-list:hover ul { opacity: 1; max-height: 1000px; } nav ul.main-nav li.mn-list > .sub-nav { list-style: none; padding: 0; position: absolute; width: 100%; max-height: 0; z-index: 0; opacity: 0; overflow: hidden; font-size: 0.9em; padding: 5px 0 20px 0; background-color: #687575; border-left: solid 9px #516376; } nav ul.main-nav li.mn-list > .sub-nav .sn-list { float: none; margin: 0; position: relative; } nav ul.main-nav li.mn-list > .sub-nav .sn-list a { display: block; text-align: left; background-color: #687575; margin: 0; padding: 5px 5px 5px 15px; font-weight: 300; border-right: none; color: #ffffff; } /* ====================================================================================================== Hover states styling on desktop ====================================================================================================== */ nav ul.main-nav li.mn-list.brand-green.active { background-color: #30cd32; } nav ul.main-nav li.mn-list.brand-green.active > a { border-left: solid 9px #30cd32; } nav ul.main-nav li.mn-list.brand-green:hover > a, nav ul.main-nav li.mn-list.brand-green:hover > ul.sub-nav { border-left: solid 9px #30cd32; } nav ul.main-nav li.mn-list.brand-blue.active { background-color: #00c0ff; } nav ul.main-nav li.mn-list.brand-blue.active > a { border-left: solid 9px #00c0ff; } nav ul.main-nav li.mn-list.brand-blue:hover > a, nav ul.main-nav li.mn-list.brand-blue:hover > ul.sub-nav { border-left: solid 9px #00c0ff; } nav ul.main-nav li.mn-list.brand-orange.active { background-color: #ff8c02; } nav ul.main-nav li.mn-list.brand-orange.active > a { border-left: solid 9px #ff8c02; } nav ul.main-nav li.mn-list.brand-orange:hover > a, nav ul.main-nav li.mn-list.brand-orange:hover > ul.sub-nav { border-left: solid 9px #ff8c02; } nav ul.main-nav li.mn-list.brand-purple.active { background-color: #9933cd; } nav ul.main-nav li.mn-list.brand-purple.active > a { border-left: solid 9px #9933cd; } nav ul.main-nav li.mn-list.brand-purple:hover > a, nav ul.main-nav li.mn-list.brand-purple:hover > ul.sub-nav { border-left: solid 9px #9933cd; } nav ul.main-nav li.mn-list.brand-dark-gray.active { background-color: #869191; } nav ul.main-nav li.mn-list.brand-dark-gray.active > a { border-left: solid 9px #869191; } nav ul.main-nav li.mn-list.brand-dark-gray:hover > a, nav ul.main-nav li.mn-list.brand-dark-gray:hover > ul.sub-nav { border-left: solid 9px #869191; } nav ul.main-nav li.mn-list.brand-acqua.active { background-color: #2CC8CC; } nav ul.main-nav li.mn-list.brand-acqua.active > a { border-left: solid 9px #2CC8CC; } nav ul.main-nav li.mn-list.brand-acqua:hover > a, nav ul.main-nav li.mn-list.brand-acqua:hover > ul.sub-nav { border-left: solid 9px #2CC8CC; } } /* ====================================================================================================== Breadcrumb ====================================================================================================== */ .breadcrumb-wrapper { padding: 15px 10px 0 10px; } @media (max-width: 979px) { .breadcrumb-wrapper { padding: 15px 10px; } } .breadcrumb-wrapper .breadcrumb { text-align: left; word-wrap: break-word; padding: 0; margin: 0; font-size: 0.8em; } @media only screen and (min-width: 640px) { .breadcrumb-wrapper .breadcrumb { text-align: right; } } .breadcrumb-wrapper .breadcrumb .breadcrumb-link { margin: 0; color: #1db1c3; word-wrap: break-word; } .breadcrumb-wrapper .breadcrumb .breadcrumb-link:hover { color: #6bd1dc; } .breadcrumb-wrapper .breadcrumb .breadcrumb-link.active { color: #000000; } .breadcrumb-wrapper .back-cta-wrapper { float: left; } @media only screen and (max-width: 768px) { .back-cta-wrapper { float: left; width: 100%; display: block; } } /* ====================================================================================================== Tertiary Navigation ====================================================================================================== */ .tertiary-nav { display: none; } .tertiary-nav .tn-list a { padding-left: 30px !important; } .sn-list .expand-menu { top: 10px; } .sn-list .expand-menu.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* ====================================================================================================== GALLERY NAVIGATION ====================================================================================================== */ .gal-option-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto 10px; } .gal-option-tabs li { display: inline-block; border-right: solid 1px #ffffff; min-width: 15%; } .gal-option-tabs li a { background: #516376; display: block; color: #ffffff; padding: 10px; width: 100%; } .gal-option-tabs li a:hover { background: #98a1a1; } .gal-option-tabs li:last-child { border: none; padding: 0; } /* mobile version */ @media (max-width: 979px) { .gal-option-tabs { display: block; } .gal-option-tabs li { width: 100%; display: block; border-bottom: solid 1px #ffffff; border-right: none; } } /* used for extra nav item */ @media (max-width: 1296px) { .about-nav li { padding: 3px !important; } .about-nav li a { padding: 5px 8px; font-size: 0.9em; } .about-nav li a:hover { padding: 5px 8px; } } /* used for extra nav item */ @media (min-width: 1062px) and (max-width: 1395px) { nav ul.main-nav li.mn-list > a { min-height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .header-wrapper { position: fixed; width: 100%; background-color: #ffffff; top: 0; min-height: 100px; z-index: 9999; } @media (max-width: 1061px) { .header-wrapper .top-nav { margin-bottom: 0; } } .mobile-top-nav { position: relative; width: 100%; background-color: #1db1c3; top: 0; right: 0; min-height: 50px; display: none; z-index: 9999; } .mobile-top-nav li { display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-top-nav li:last-child { margin-left: auto; } .mobile-top-nav li a { color: #ffffff; font-size: 1.5em; padding: 20px; } .mobile-bottom-nav li { border-bottom: solid 1px #ffffff; } .mobile-bottom-nav .opt-a a { display: block; padding: 10px; background-color: #1db1c3; color: #ffffff; } .mobile-bottom-nav .opt-a, .mobile-bottom-nav .opt-b { position: relative; border-bottom: solid 1px #ffffff; } .mobile-bottom-nav .opt-a .expand-menu, .mobile-bottom-nav .opt-b .expand-menu { top: -3px; } .mobile-bottom-nav .opt-a .tertiary-nav .tn-list a, .mobile-bottom-nav .opt-b .tertiary-nav .tn-list a { padding: 10px !important; } .mobile-bottom-nav .opt-b a { display: block; padding: 10px; background-color: #1db1c3; text-transform: none; color: #ffffff; font-weight: 400; } /* ====================================================================================================== MOBILE main nav styling ====================================================================================================== */ /* mobile devices */ @media (min-width: 1061px) { .header-wrapper { position: relative; } } /* The side navigation menu */ @media (max-width: 1061px) { .sidenav { -webkit-transition: 0.2s; transition: 0.2s; height: 100%; width: 0; position: fixed; z-index: 999; top: 0; right: 0; background-color: #516376; overflow-x: hidden; padding-top: 0; } } @media (max-width: 1061px) { ul.main-nav { margin: 0; list-style: none; background: #516376; width: 100%; } ul.main-nav .sub-nav { display: none; } ul.main-nav .sub-nav .sn-list { position: relative; } ul.main-nav .sub-nav .expand-menu { top: 0px; } ul.main-nav li a { display: block; } ul.main-nav li a .svg-inline--fa { float: right; } ul.main-nav .nav-search { background-color: #6bd1dc; padding: 10px; } ul.main-nav .nav-search a { color: #687575; } ul.main-nav .nav-home { background-color: #1db1c3; padding: 10px; } ul.main-nav .nav-home a { color: #ffffff; padding-left: 10px; } ul.main-nav .mn-list { width: 100%; position: relative; height: auto; } ul.main-nav .mn-list a { padding: 15px 10px; color: #ffffff; border-bottom: solid 1px #ffffff; } ul.main-nav li > ul li { background-color: #0a1827; } ul.main-nav li.active .mn-link .fa-plus, ul.main-nav li.active > .expand-menu { -webkit-transform: rotate(45deg); transform: rotate(45deg); } ul.main-nav li .expand-menu { -webkit-transform: rotate(0deg); transform: rotate(0deg); } ul.main-nav li.mn-list.brand-green .mn-link, ul.main-nav li.mn-list.brand-green > ul.sub-nav { border-left: solid 10px #30cd32; } ul.main-nav li.mn-list.brand-green.active .mn-link { background-color: #30cd32; } ul.main-nav li.mn-list.brand-orange .mn-link, ul.main-nav li.mn-list.brand-orange > ul.sub-nav { border-left: solid 10px #ff8c02; } ul.main-nav li.mn-list.brand-orange.active .mn-link { background-color: #ff8c02; } ul.main-nav li.mn-list.brand-purple .mn-link, ul.main-nav li.mn-list.brand-purple > ul.sub-nav { border-left: solid 10px #9933cd; } ul.main-nav li.mn-list.brand-purple.active .mn-link { background-color: #9933cd; } ul.main-nav li.mn-list.brand-acqua .mn-link, ul.main-nav li.mn-list.brand-acqua > ul.sub-nav { border-left: solid 10px #2CC8CC; } ul.main-nav li.mn-list.brand-acqua.active .mn-link { background-color: #2CC8CC; } ul.main-nav li.mn-list.brand-green .mn-link, ul.main-nav li.mn-list.brand-green > ul.sub-nav { border-left: solid 10px #30cd32; } ul.main-nav li.mn-list.brand-green.active .mn-link { background-color: #30cd32; } ul.main-nav li.mn-list.brand-green .mn-link, ul.main-nav li.mn-list.brand-green > ul.sub-nav { border-left: solid 10px #30cd32; } ul.main-nav li.mn-list.brand-green.active .mn-link { background-color: #30cd32; } /* mobile search input */ .search-text-wrapper .search-text { border: none; background-color: #6bd1dc; color: #ffffff; width: 80%; padding-left: 10px; } .search-text-wrapper .search-text-submit { float: right; border: none; background-color: transparent; margin-right: 0px; width: 30px; } } .sidenav.active .mobile-top-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } /* ====================================================================================================== Side Panel Navigation ====================================================================================================== */ @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .reset-col { background: #ffffff; padding: 0; margin: 0; } .left-panel-menu { padding-left: 10px; font-size: 1.125em; } .left-panel-menu.brand-acqua { border-left: solid 9px #2CC8CC; } .left-panel-menu.brand-acqua li.nav-lv-a.active a, .left-panel-menu.brand-acqua li.nav-lv-a a:hover { color: #2CC8CC; } .left-panel-menu.brand-dark-gray { border-left: solid 9px #687575; } .left-panel-menu.brand-dark-gray li.nav-lv-a.active a, .left-panel-menu.brand-dark-gray li.nav-lv-a a:hover { color: #687575; } .left-panel-menu.brand-blue { border-left: solid 9px #00c0ff; } .left-panel-menu.brand-blue li.nav-lv-a.active a, .left-panel-menu.brand-blue li.nav-lv-a a:hover { color: #00c0ff; } .left-panel-menu.brand-green { border-left: solid 9px #30cd32; } .left-panel-menu.brand-green li.nav-lv-a.active a, .left-panel-menu.brand-green li.nav-lv-a a:hover { color: #30cd32; } .left-panel-menu.brand-turquoise { border-left: solid 9px #1db1c3; } .left-panel-menu.brand-purple { border-left: solid 9px #9933cd; } .left-panel-menu.brand-purple li.nav-lv-a.active a, .left-panel-menu.brand-purple li.nav-lv-a a:hover { color: #9933cd; } .left-panel-menu.brand-dark-blue { border-left: solid 9px #516376; } .left-panel-menu.brand-orange { border-left: solid 9px #ff8c02; } .left-panel-menu.brand-orange li.nav-lv-a.active a, .left-panel-menu.brand-orange li.nav-lv-a a:hover { color: #ff8c02; } .left-panel-menu.brand-light-blue { border-left: solid 9px #00c0ff; } .left-panel-menu.brand-red { border-left: solid 9px #ff0000; } .left-panel-menu.brand-yellow { border-left: solid 9px #ffb400; } .left-panel-menu li { margin: 0 0 10px 0; position: relative; } .left-panel-menu .left-panel-cta { color: #687575; font-weight: 300; letter-spacing: -1px; } .left-panel-menu .left-panel-cta .fa-angle-double-right { font-size: 0.7em; visibility: hidden; -webkit-transition: 0.2s; transition: 0.2s; width: 10px; height: 10px; margin-right: 5px; } .left-panel-menu .left-panel-cta:hover { color: #30cd32; } .left-panel-menu .left-panel-cta:hover .fa-angle-double-right { visibility: visible; } .left-panel-menu .left-panel-cta:hover .close::before, .left-panel-menu .left-panel-cta:hover .close::after { background: #30cd32; } .left-panel-menu .left-panel-cta.active { color: #30cd32; } .left-panel-menu .left-panel-cta.active .close::before, .left-panel-menu .left-panel-cta.active .close::after { background: #30cd32; } .left-panel-menu .left-panel-cta.active .expand-menu { -webkit-transform: rotate(0deg); transform: rotate(0deg); display: block; } .left-panel-menu .left-panel-cta.active .expand-menu.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .left-panel-menu .left-panel-cta.active .fa-angle-double-right { visibility: visible; } .left-panel-menu .left-panel-cta { display: -webkit-box; display: -ms-flexbox; display: flex; } .left-panel-menu .left-panel-cta svg { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 5px; margin-top: 7px; } .left-panel-menu.brand-light-blue .left-panel-cta:hover { color: #00c0ff; } .left-panel-menu.brand-light-blue .left-panel-cta:hover .close::before, .left-panel-menu.brand-light-blue .left-panel-cta:hover .close::after { background: #00c0ff; } .left-panel-menu.brand-light-blue .left-panel-cta.active { color: #00c0ff; } .left-panel-menu.brand-light-blue .left-panel-cta.active .close::before, .left-panel-menu.brand-light-blue .left-panel-cta.active .close::after { background: #00c0ff; } .left-panel-menu.brand-dark-gray .left-panel-cta:hover { color: #687575; } .left-panel-menu.brand-dark-gray .left-panel-cta:hover .close::before, .left-panel-menu.brand-dark-gray .left-panel-cta:hover .close::after { background: #687575; } .left-panel-menu.brand-dark-gray .left-panel-cta.active { color: #687575; } .left-panel-menu.brand-dark-gray .left-panel-cta.active .close::before, .left-panel-menu.brand-dark-gray .left-panel-cta.active .close::after { background: #687575; } .left-panel-menu.brand-light-gray .left-panel-cta:hover { color: #869191; } .left-panel-menu.brand-light-gray .left-panel-cta:hover .close::before, .left-panel-menu.brand-light-gray .left-panel-cta:hover .close::after { background: #869191; } .left-panel-menu.brand-light-gray .left-panel-cta.active { color: #869191; } .left-panel-menu.brand-light-gray .left-panel-cta.active .close::before, .left-panel-menu.brand-light-gray .left-panel-cta.active .close::after { background: #869191; } .left-panel-menu.brand-turquoise .left-panel-cta:hover { color: #1db1c3; } .left-panel-menu.brand-turquoise .left-panel-cta:hover .close::before, .left-panel-menu.brand-turquoise .left-panel-cta:hover .close::after { background: #1db1c3; } .left-panel-menu.brand-turquoise .left-panel-cta.active { color: #1db1c3; } .left-panel-menu.brand-turquoise .left-panel-cta.active .close::before, .left-panel-menu.brand-turquoise .left-panel-cta.active .close::after { background: #1db1c3; } .left-panel-menu.brand-red .left-panel-cta:hover { color: #ff0000; } .left-panel-menu.brand-red .left-panel-cta:hover .close::before, .left-panel-menu.brand-red .left-panel-cta:hover .close::after { background: #ff0000; } .left-panel-menu.brand-red .left-panel-cta.active { color: #ff0000; } .left-panel-menu.brand-red .left-panel-cta.active .close::before, .left-panel-menu.brand-red .left-panel-cta.active .close::after { background: #ff0000; } .left-panel-menu.brand-yellow .left-panel-cta:hover { color: #ffb400; } .left-panel-menu.brand-yellow .left-panel-cta:hover .close::before, .left-panel-menu.brand-yellow .left-panel-cta:hover .close::after { background: #ffb400; } .left-panel-menu.brand-yellow .left-panel-cta.active { color: #ffb400; } .left-panel-menu.brand-yellow .left-panel-cta.active .close::before, .left-panel-menu.brand-yellow .left-panel-cta.active .close::after { background: #ffb400; } .left-panel-menu.brand-orange .left-panel-cta:hover { color: #ff8c02; } .left-panel-menu.brand-orange .left-panel-cta:hover .close::before, .left-panel-menu.brand-orange .left-panel-cta:hover .close::after { background: #ff8c02; } .left-panel-menu.brand-orange .left-panel-cta.active { color: #ff8c02; } .left-panel-menu.brand-orange .left-panel-cta.active .close::before, .left-panel-menu.brand-orange .left-panel-cta.active .close::after { background: #ff8c02; } .left-panel-menu.brand-purple .left-panel-cta:hover { color: #9933cd; } .left-panel-menu.brand-purple .left-panel-cta:hover .close::before, .left-panel-menu.brand-purple .left-panel-cta:hover .close::after { background: #9933cd; } .left-panel-menu.brand-purple .left-panel-cta.active { color: #9933cd; } .left-panel-menu.brand-purple .left-panel-cta.active .close::before, .left-panel-menu.brand-purple .left-panel-cta.active .close::after { background: #9933cd; } .left-panel-menu.brand-dark-blue .left-panel-cta:hover { color: #516376; } .left-panel-menu.brand-dark-blue .left-panel-cta:hover .close::before, .left-panel-menu.brand-dark-blue .left-panel-cta:hover .close::after { background: #516376; } .left-panel-menu.brand-dark-blue .left-panel-cta.active { color: #516376; } .left-panel-menu.brand-dark-blue .left-panel-cta.active .close::before, .left-panel-menu.brand-dark-blue .left-panel-cta.active .close::after { background: #516376; } .left-panel-submenu { margin: 10px 10px 20px 10px; display: none; } .left-panel-submenu.active { display: block; } .nav-lv-a.active .left-panel-submenu { display: block; } .nav-lv-c > a { font-size: 1rem; margin: 0.5rem 0 0 1rem; } .filter-wrapper { padding: 20px 15px; } .left-panel-filters { background-color: #eaf5f5; } .date-filter h4 { display: inline-block; width: 20%; } .date-filter .date-input { border: none; padding: 3px; } .keyword-search-wrapper { background-color: #516376; padding: 10px 0 10px 15px; color: #ffffff; } .keyword-search-wrapper .keyword-search-text { width: 85%; } .keyword-search-wrapper .keyword-search-text, .keyword-search-wrapper .keyword-search-text-submit { border: none; background-color: transparent; color: #ffffff; } .tagged-keyword { margin: 0; font-weight: 300; } .tagged-keyword .tagged-word { text-transform: uppercase; } .close-button { border: none; background-color: transparent; float: right; margin-right: 10px; } /* REFACTOR THIS */ .big-close-button { width: 20px; height: 20px; } .big-close-button:hover::before, .big-close-button:hover::after { background: #ffffff; } .big-close-button::before, .big-close-button::after { background: #ffffff; } .medium-close-button { width: 15px; height: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .medium-close-button:hover::before, .medium-close-button:hover::after { background: #ffffff; } .medium-close-button::before, .medium-close-button::after { background: #ffffff; } .small-close-button { width: 12px; height: 12px; border: none; background-color: transparent; -webkit-transform: scale(1); transform: scale(1); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .small-close-button:hover::before, .small-close-button:hover::after { background: #000000; } .small-close-button::before, .small-close-button::after { background: #000000; } .top-nav-close { width: 20px; height: 20px; border: none; background-color: transparent; } .top-nav-close:hover::before, .top-nav-close:hover::after { background: #ffffff; } .top-nav-close::before, .top-nav-close::after { background: #ffffff; } .expand-menu { border: none; background-color: transparent; position: absolute; top: 0px; right: 10px; display: block; cursor: pointer; z-index: 9999; -webkit-transition: 0.2s; transition: 0.2s; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .expand-menu.main-nav { margin: 0; padding: 0; } .expand-menu.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 1061px) { .expand-menu { border: none; background-color: transparent; position: absolute; top: 0px; right: 10px; height: 50px; padding: 0 20px !important; margin-right: -20px !important; text-align: right; } .left-panel-menu .left-panel-cta { border: solid 1px #000 !important; } .left-panel-menu .left-panel-cta svg { margin-top: 3px; } } .closebtn { border: none; background-color: transparent; margin-right: 5px; } .mobile-close-btn { width: 30px; margin-right: 13px; } @media all and (-ms-high-contrast: none) { .expand-menu { top: 3px; } } /* ====================================================================================================== Buttons ====================================================================================================== */ .btn-primary { -webkit-transition: 0.2s; transition: 0.2s; color: #ffffff; padding: 5px 10px; background: #98a1a1; text-transform: uppercase; font-weight: 300; border: none; cursor: pointer; } .btn-primary:hover { background: #687575; text-decoration: none; } .category-label { cursor: default; } .category-label:hover { background: #98a1a1 !important; text-decoration: none; } .btn-secondary { -webkit-transition: 0.2s; transition: 0.2s; color: #ffffff; padding: 5px 10px; background: #ffffff; text-transform: uppercase; font-weight: 300; border: none; cursor: pointer; } .btn-secondary:hover, .btn-secondary.active { background: #1db1c3; text-decoration: none; color: #ffffff !important; padding: 10px; } .btn-letter { color: #ffffff; padding: 10px 15px; background: #516376; text-transform: uppercase; font-weight: 300; border: none; cursor: pointer; } .btn-letter.deactive { background: #cfd3d3; } .btn-letter.deactive:hover { background: #cfd3d3; } .btn-letter:hover { background: #687575; } .btn-primary-keyword { -webkit-transition: 0.2s; transition: 0.2s; color: #ffffff; padding: 5px 10px; background: #98a1a1; text-transform: uppercase; font-weight: 300; border: none; cursor: pointer; } .btn-primary-keyword:hover { background: #687575; text-decoration: none; } .module-details a { color: #ffffff; } .download-cta { width: 100%; } .submit-btn { -webkit-transition: 0.2s; transition: 0.2s; margin-top: 20px; padding: 10px 20px; background: #404040; border: 0 none; cursor: pointer; color: #ffffff; text-align: left; width: 25%; } .submit-btn:hover { background: #060606; } .back-cta { -webkit-transition: 0.2s; transition: 0.2s; padding: 10px 20px; margin-bottom: 1.5em; background: #86d9e2; border: 0 none; cursor: pointer; color: #ffffff; text-align: left; width: 100%; display: block; font-weight: 300; } .back-cta:hover { background: #1db1c3; } .back-cta-small { -webkit-transition: 0.2s; transition: 0.2s; padding: 4px 12px; background: #86d9e2; border: 0 none; cursor: pointer; color: #fff; text-align: left; width: 100%; display: block; font-weight: 300; font-size: 12px; } .back-cta-small:hover { background: #1db1c3; } .more-cta { -webkit-transition: 0.2s; transition: 0.2s; padding: 4px 12px; background: #86d9e2; border: 0 none; cursor: pointer; color: #fff; text-align: left; width: 100%; display: block; font-weight: 300; font-size: 12px; margin: 15px 0; } .more-cta:hover { background: #1db1c3; } .show-all-cta { text-align: right; margin-right: 15px; } @media only screen and (max-width: 1061px) { .submit-btn { width: 100%; } } .search-module { background: url("../static/images/question-bg.jpg") 0 0 no-repeat; background-size: cover; } .search-wrapper { margin: 0 auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 25px 15px; } .search-wrapper input { border: none; padding: 15px; -webkit-transition: 1s; transition: 1s; } .search-wrapper input.search-input { width: 80%; font-weight: 200; } .search-wrapper input.search-submit { -webkit-transition: 0.3s; transition: 0.3s; width: 20%; background-color: #1db1c3; color: #ffffff; } .search-wrapper input.search-submit:hover { background-color: #39c1d0; } @media (max-width: 1061px) { .search-module { margin-top: 140px; } .page-heading-wrapper { margin-top: 170px; } } @media only screen and (min-width: 768px) { .search-wrapper { width: 100%; } .search-wrapper input.search-submit { width: 20%; } } @media only screen and (min-width: 1248px) { .search-wrapper { width: 60%; padding: 25px; } .search-wrapper input.search-submit { width: 15%; } } .styled-checkbox { position: absolute; opacity: 0; } .styled-checkbox + label { position: relative; cursor: default; padding: 0; } .styled-checkbox + label:before { content: ""; margin-right: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: text-top; background: white; padding: 13px; cursor: default; } .styled-checkbox:focus + label:before { -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); } .styled-checkbox:disabled + label { color: #b8b8b8; cursor: auto; } .styled-checkbox:disabled + label:before { -webkit-box-shadow: none; box-shadow: none; background: #ddd; } .styled-checkbox:checked + label:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; position: absolute; left: 7px; top: 11px; background: #516376; width: 1.6px; height: 1.6px; -webkit-box-shadow: 2px 0 0 #516376, 4px 0 0 #516376, 4px -2px 0 #516376, 4px -4px 0 #516376, 4px -6px 0 #516376, 4px -8px 0 #516376, 4px -10px 0 #516376; box-shadow: 2px 0 0 #516376, 4px 0 0 #516376, 4px -2px 0 #516376, 4px -4px 0 #516376, 4px -6px 0 #516376, 4px -8px 0 #516376, 4px -10px 0 #516376; } .tagging-opt { margin: 0 0 5px 0; } .tagging-opt label { font-weight: 300; text-transform: uppercase; font-size: 0.8em; line-height: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .tagging-opt label > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .autocomplete-suggestions { background-color: #cfd3d3; overflow-x: hidden; overflow-y: scroll; } .autocomplete-suggestions .autocomplete-suggestion { padding: 10px; font-weight: 500; } .autocomplete-suggestions .autocomplete-suggestion strong { color: #1db1c3; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } /* Clearfix */ .clearfix:after, .solutions-detailed .involved-companies:after { clear: both; } .clearfix:after, .solutions-detailed .involved-companies:after, .clearfix:before, .solutions-detailed .involved-companies:before { content: ""; display: table; } /* padding */ .box-padding-small { padding: 5px; } .box-padding-medium { padding: 15px; } .box-padding-large { padding: 30px; } .box-padding-huge { padding: 50px; } /* no supported on IE */ .object-fit_fill { -o-object-fit: fill; object-fit: fill; } .object-fit_contain { -o-object-fit: contain; object-fit: contain; } .object-fit_cover { -o-object-fit: cover; object-fit: cover; } .object-fit_none { -o-object-fit: none; object-fit: none; } .object-fit_scale-down { -o-object-fit: scale-down; object-fit: scale-down; } /* brand background colors */ .bg-brand-green { background-color: #30cd32; } .bg-brand-acqua { background-color: #2CC8CC; } .bg-brand-blue { background-color: #00c0ff; } .bg-brand-turquoise { background-color: #1db1c3; } .bg-brand-purple { background-color: #9933cd; } .bg-brand-dark-blue { background-color: #516376; } .bg-brand-orange { background-color: #ff8c02; } .bg-brand-dark-gray { background-color: #666666; } .bg-brand-light-gray { background-color: #869191; } .bg-brand-light-blue { background-color: #00c0ff; } .bg-brand-darkest-blue { background-color: #0a1827; } .bg-brand-red { background-color: #ff0000; } .bg-brand-yellow { background-color: #ffb400; } .bg-brand-turquoise-a { background-color: #6bd1dc; } .bg-brand-turquoise-b { background-color: #52c9d6; } .bg-brand-turquoise-c { background-color: #39c1d0; } .bg-brand-turquoise-d { background-color: #08b2c4; } .big-text { font-size: 3.8em !important; font-weight: 200; padding: 0; margin: 0; } .subtitle-small { text-transform: uppercase; font-weight: 200; margin: 0; } button, button:focus { outline: 0; } @media (min-width: 1061px) { .pure-visible-phone { display: none; } .pure-visible-tablet { display: none; } .pure-hidden-desktop { display: none; } } @media (max-width: 767px) { .pure-hidden-phone { display: none; } .pure-visible-desktop { display: none; } .big-text { font-size: 1.8em !important; font-weight: 200; padding: 0; margin: 0; } .empty-module { display: none; } } @media (min-width: 768px) and (max-width: 1061px) { .pure-hidden-tablet { display: none; } .pure-visible-desktop { display: none; } } .spinner { display: none; width: 100%; height: 800px; position: relative; } .spinner .loader { background-image: url(../static/images/loading.gif); width: 150px; height: 150px; background-size: contain; background-position: 50% 50%; position: absolute; top: 50%; margin-top: -75px; left: 50%; margin-left: -75px; } .validation-error, .field-validation-error { display: block; color: #ff0000; font-size: 0.8em; margin: 7px 0; } .close { position: relative; display: inline-block; overflow: hidden; } .close::before, .close::after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: 1px; } .close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close.hairline::before, .close.hairline::after { height: 1px; } .close.thick::before, .close.thick::after { height: 3px; margin-top: -2px; } .close.black::before, .close.black::after { height: 8px; margin-top: -4px; } .close.heavy::before, .close.heavy::after { height: 12px; margin-top: -6px; } .close.pointy::before, .close.pointy::after { width: 200%; left: -50%; } .close.rounded::before, .close.rounded::after { border-radius: 5px; } .close.blades::before, .close.blades::after { border-radius: 5px 0; } .close.warp::before, .close.warp::after { border-radius: 120% 0; } .close.fat::before, .close.fat::after { border-radius: 100%; } /* video modal styling */ .modal { position: fixed; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999; display: none; background: black; background: transparent\9; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; } .modal .modal-dialog { opacity: 1; text-align: center; display: block; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .modal iframe { position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: -25%; width: 70%; height: 70%; } .close-video-btn { position: absolute; top: 15px; right: 15px; border: none; padding: 7px 11px; background-color: #1db1c3; } .close-video-btn .small-close-button { color: #ffffff; -webkit-transform: rotate(0deg); transform: rotate(0deg); top: -1px; } .close-video-btn .small-close-button::after, .close-video-btn .small-close-button::before { background: #ffffff; } #search-website { display: none; z-index: 999; position: relative; } .full-width-img { width: 100%; } .author-img { width: 50% !important; } ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } ::-ms-input-placeholder { /* Microsoft Edge */ color: white; } footer { padding-top: 5rem; } .footer { position: relative; padding: 50px 20px 30px 20px; min-height: 170px; max-width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer:before { content: ""; position: absolute; left: 0; top: 0; height: .5px; background-color: #425562; -webkit-box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.5); width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } @media (max-width: 1061px) { .footer .social-media-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } } .footer .social-media-nav { margin-left: auto; } .footer .social-media-nav li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; line-height: 2em; } .footer .social-media-nav li:first-child { padding-left: 0; } .footer .social-media-nav a { color: #516376; text-transform: none; -webkit-transition: 0.3s; transition: 0.3s; } .footer .social-media-nav a.social-icons:hover { opacity: 0.5; } .footer .footer-logo-wrapper { float: left; } .footer .footer-logo-wrapper .logo { background: url(../static/images/OGTC_Logo.png) 0 0 no-repeat; background-size: contain; min-height: 150px; display: block; margin-bottom: 20px; } .footer .footer-logo-wrapper .copyright { font-size: 0.75em; margin: 0; } @media (max-width: 1061px) { .footer .footer-logo-wrapper .copyright { margin-bottom: 1rem; } } .footer .footer-links-container { float: right; margin-top: 0; } .footer .footer-links-container li { font-size: 0.75em; float: left; padding: 0 10px; margin: 0px; border-right: solid 1px #000; line-hieght: 0.8em; font-weight: 300; } .footer .footer-links-container li:first-child { padding-left: 0; } .footer .footer-links-container li:last-child { border: none; } .footer .footer-links-container li a { color: #516376; } .footer .back-to-top { position: absolute; top: -.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .footer .back-to-top .footer-icon { padding: 1.2rem 1.8rem; background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='50px' height='50px' viewBox='0 0 50 50' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Page-3' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='OGTC-homepage-2020' transform='translate(-696.000000, -1653.000000)' stroke='%23425562'%3e%3cg id='Footer' transform='translate(0.000000, 1653.000000)'%3e%3cg id='UP' transform='translate(696.000000, 0.000000)'%3e%3ccircle id='Oval' fill='%23FFFFFF' cx='25' cy='25' r='24.5'%3e%3c/circle%3e%3cg id='streamline-icon-arrow-right%4035x35-copy-8' transform='translate(25.000000, 27.500000) scale(-1, 1) rotate(-90.000000) translate(-25.000000, -27.500000) translate(16.500000, 18.500000)' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline id='Path' points='9 18 17 9 9 0'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%; } .footer .back-to-top svg.svg-inline--fa.fa-arrow-up.fa-w-14 { color: #ffffff; font-size: 22px; text-align: center; margin-top: 12px; -webkit-transition: 0.3s; transition: 0.3s; } .footer .back-to-top:hover svg.svg-inline--fa.fa-arrow-up.fa-w-14 { margin-top: 8px; } @media only screen and (max-width: 1061px) { .footer-logo-wrapper, .footer-links-container { float: none; margin: 0 !important; display: block; width: 100%; } .footer { padding-bottom: 100px; margin: 0 15px; } } @font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot?arz7dk"); src: url("../fonts/icomoon.eot?arz7dk#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?arz7dk") format("truetype"), url("../fonts/icomoon.woff?arz7dk") format("woff"), url("../fonts/icomoon.svg?arz7dk#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevrons-left:before { content: "\e900"; } .icon-chevrons-right:before { content: "\e901"; } .icon-phone:before { content: "\e942"; } .icon-calendar:before { content: "\e953"; } .icon-search:before { content: "\e986"; } .icon-enlarge:before { content: "\e989"; } .icon-shrink:before { content: "\e98a"; } .icon-enlarge2:before { content: "\e98b"; } .icon-shrink2:before { content: "\e98c"; } .icon-plus:before { content: "\ea0a"; } .icon-minus:before { content: "\ea0b"; } .icon-cross:before { content: "\ea0f"; } .icon-checkmark:before { content: "\ea10"; } .icon-checkmark2:before { content: "\ea11"; } .icon-play3:before { content: "\ea1c"; } .icon-backward2:before { content: "\ea1f"; } .icon-forward3:before { content: "\ea20"; } .icon-first:before { content: "\ea21"; } .icon-last:before { content: "\ea22"; } .icon-arrow-up2:before { content: "\ea3a"; } .icon-new-tab:before { content: "\ea7e"; } .icon-facebook:before { content: "\ea90"; } .icon-facebook2:before { content: "\ea91"; } .icon-twitter:before { content: "\ea96"; } .icon-youtube:before { content: "\ea9d"; } .icon-linkedin:before { content: "\eac9"; } .icon-linkedin2:before { content: "\eaca"; } .pattern-lib-menu { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .pattern-lib-menu li { display: inline-block; padding: 15px 0; border-right: solid 1px #ffffff; } .pattern-lib-menu li a { background: #516376; color: #ffffff; text-decoration: none; padding: 15px; display: inline-block; width: 100%; text-align: left; } .pattern-lib-menu li a:hover { background: #9933cd; } /* ====================================================================================================== Headings ====================================================================================================== */ .section-heading { background: #516376; padding: 10px 20px; margin: 0; color: white; text-align: left; } .colour-swatch { display: inline-block; color: white; padding: 10px; margin: 0 0 5px 0; } .brand-logo { background: url("../static/images/pattern-lib/logo.jpg") 0 0 no-repeat; height: 110px; background-size: contain; margin: 0 auto 20px; } .menu-horz-block > li { float: left; margin: 10px; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .standard-image-block img { width: 100%; } .standard-text-block, .standard-video-block { position: relative; } .standard-text-block h1, .standard-video-block h1 { font-weight: 500; font-size: 1.6em; } .standard-text-block h2, .standard-text-block h3, .standard-text-block strong, .standard-video-block h2, .standard-video-block h3, .standard-video-block strong { font-weight: 500; font-size: 1.2em; } .standard-video-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .standard-video-block .media-wrapper { width: 100%; margin: 0 auto 30px; max-width: 500px; position: relative; display: block; min-height: 380px; } .standard-video-block .gradient { height: 75%; } .grid-6 .media-wrapper { min-height: 280px !important; } .content-site-wrapper .grid-4, .content-site-wrapper .grid-6, .content-site-wrapper .grid-8 { padding: 0; } .content-site-wrapper .grid-4 .standard-text-block, .content-site-wrapper .grid-6 .standard-text-block, .content-site-wrapper .grid-8 .standard-text-block { padding: 0; margin-bottom: 0; } .standard-text-block, .content-site-wrapper { margin-bottom: 0.8em; } .standard-text-block .content-heading-info, .content-site-wrapper .content-heading-info { margin: 0 0 2em 0; } .standard-text-block .content-heading-info h1, .content-site-wrapper .content-heading-info h1 { margin-bottom: 0; font-weight: 500; font-size: 1.6em; } .standard-text-block .content-heading-info time, .content-site-wrapper .content-heading-info time { margin: 0 0 2em 0; } .standard-text-block .content-heading-info img, .content-site-wrapper .content-heading-info img { width: 100%; } .standard-text-block ul, .content-site-wrapper ul { list-style-type: disc; list-style-position: inside; margin-bottom: 30px; } .standard-text-block ul li, .content-site-wrapper ul li { margin: 0 0 5px 22px; text-indent: -1.4em; font-weight: 300; } .standard-text-block ol li, .content-site-wrapper ol li { font-weight: 300; } .standard-text-block .tags-content, .content-site-wrapper .tags-content { margin-top: 3em; } .standard-text-block .tags-content li, .standard-text-block .tags-content li.tagged-list-items, .content-site-wrapper .tags-content li, .content-site-wrapper .tags-content li.tagged-list-items { display: inline-block; margin: 0 0 5px 0; text-indent: 0; } .standard-text-block .tags-content li:first-child, .standard-text-block .tags-content li.tagged-list-items:first-child, .content-site-wrapper .tags-content li:first-child, .content-site-wrapper .tags-content li.tagged-list-items:first-child { margin-right: 0.5em; } .standard-text-block .tags-content li:first-child h4, .standard-text-block .tags-content li.tagged-list-items:first-child h4, .content-site-wrapper .tags-content li:first-child h4, .content-site-wrapper .tags-content li.tagged-list-items:first-child h4 { margin-bottom: 0; } .standard-text-block .accordion, .content-site-wrapper .accordion { list-style: none; padding: 0; } .standard-text-block .accordion li, .content-site-wrapper .accordion li { margin: 0; text-indent: 0; } @media (max-width: 767px) { .content-page #content-page { padding: 0 4%; } } .content-page .intro { margin: 2.5rem 0 2.5rem 0; } .content-page .sub-title-acc { margin-top: 10px; } .content-page .module-details { padding: 20px 0 0px 25px; } .content-page .module-details h3 { margin-bottom: 5px; } .content-page .h3-reg.title-3 { margin: 0; border: none; padding: 13px 0 13px 20px; background: #516376; color: white; text-align: left; } .content-page .column-wrapper.layout-66-33 { margin: 2.5rem 0 2rem 0; } .content-page .column-66 { padding-right: 70px; } @media (max-width: 767px) { .content-page .column-66 { padding-right: 0; } } .content-page .inner { background-color: #6bd1dc; height: 182px; display: table; width: 100%; } .content-page .inner span { display: table-cell; vertical-align: middle; text-align: center; } .content-page .inner span img { background-color: #6bd1dc; } .content-page .description h3 { margin-bottom: 5px; margin-top: 20px; } .content-page .baseline-content { margin-top: 2.5rem; } .inner { background-color: #6bd1dc; height: 182px; display: table; } .inner span { display: table-cell; vertical-align: middle; } .inner span img { background-color: #6bd1dc; } .description h3 { margin-bottom: 0; font-size: 1em; } .insight-header-wrapper { background-color: #eaf5f5; } .insight-header-wrapper .insight-image { display: inline-block; width: 60%; } .insight-header-wrapper .insight-content { display: inline-block; width: 38%; vertical-align: top; text-align: left; padding: 20px 0 0 20px; } .insight-header-wrapper .insight-content .author-img { width: 80% !important; } .insight-header-wrapper .insight-content h2 { font-size: 1.4em; font-weight: normal; } .insight-header-wrapper .insight-content h3 { font-size: 1.2em; font-weight: normal; margin: 0; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .team { max-width: 850px; margin: 0 0 0 30px; } @media (max-width: 767px) { .team #team { padding: 0 4%; } } .team .intro { margin: 2.5rem 0 2.5rem 0; } .team img { width: 100%; display: block; } .team .inner { background-color: #eaf5f5; padding: 25px; } .team .team-item { margin-bottom: 15px; background-color: #eaf5f5; } .team .team-info { padding: 20px 25px 0 25px; } .team .team-info h3, .team .team-info p { margin-bottom: 5px; } .mentors .people .column-50 { float: left; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .events-date .column-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .events-date #events-date { padding: 0 4%; } } .events-date .date { width: 60%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 767px) { .events-date .date { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .events-date .date .item { -webkit-transition: all linear 0.3s; transition: all linear 0.3s; } .events-date .date .current { background-color: #eaf5f5 !important; padding: 10px 0 10px 20px !important; margin: 0 !important; cursor: pointer; } .events-date .date .current time { color: #516376 !important; } @media (max-width: 767px) { .events-date .date .current { float: left; width: 50%; } } .events-date .date .past-date { background-color: #516376; margin: 0 0 15px 15px; padding: 10px 0 10px 10px; cursor: pointer; width: 50%; } .events-date .date .past-date time { color: white; } .events-date .date .notactive { background-color: #516376; margin: 0 0 15px 15px; padding: 10px 0 10px 10px; } .events-date .date .notactive:first-child { border-left: none; border-bottom: none; margin: 0 0 15px 0; } @media (max-width: 767px) { .events-date .date .notactive { float: right; width: 50%; border-bottom: none; border-left: none; padding: 10px 0 10px 10px; } } .events-date .date .notactive time { color: white; } .events-date .header-row { width: 100%; height: 65px; display: table; } .events-date .header-row h4 { margin-bottom: 0; } .events-date .header-row .column-50 { display: table-cell; vertical-align: middle; } .events-date .header-row .column-50:first-child { padding-left: 2rem; } @media (max-width: 767px) { .events-date .header-row .column-50:first-child { width: 50%; } } @media (max-width: 767px) { .events-date .header-row .column-50:last-child { padding-left: 1rem; } } .events-date .events-item { background-color: #eaf5f5; width: 100%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition: all linear 0.3s; transition: all linear 0.3s; } .events-date .intro { margin: 2.5rem 0 2.5rem 0; } .events-date .tab-style { display: none; width: 100%; } .events-date .tab-style.current { display: block; } .events-date .row { width: 100%; min-height: 90px; background-color: white; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 8px 0; border-left: 20px solid #eaf5f5; border-right: 20px solid #eaf5f5; } @media (max-width: 767px) { .events-date .row { border-left: 15px solid #eaf5f5; border-right: 15px solid #eaf5f5; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .events-date .row.last { margin-bottom: 20px; } @media (max-width: 767px) { .events-date .row.last { border-bottom: 20px solid #eaf5f5; } } .events-date .row .column-50 { padding: 22px 0 0 1rem; } @media (max-width: 767px) { .events-date .row .column-50 { width: 50%; padding: 1rem 0 0 1rem; } } .events-date .row .column-25 { padding-top: 22px; } @media (max-width: 767px) { .events-date .row .column-25 { width: 50%; padding: 1rem 0 0 1rem; } } .events-date .row .column-25.last { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 20px; } @media (max-width: 767px) { .events-date .row .column-25.last { width: 100%; padding-bottom: 10px; } } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ .events-detailed .input.medium { width: 100%; } .events-detailed .column-wrapper h3 { font-weight: 400 !important; font-size: 1.25em; } .events-detailed .events-header-wrapper h3 { font-weight: 300 !important; } .events-detailed .events-header-wrapper h4 { font-weight: 400; font-size: 1.5em; margin-bottom: 10px; } .events-detailed .events-header-wrapper h5 { font-weight: 400; font-size: 1.25em; margin-bottom: 10px; } .events-detailed .events-header-wrapper .intro-image { min-height: 250px; } .events-detailed .events-header-wrapper .column { margin: 0; } .events-detailed .events-header-wrapper p { font-weight: 300; } .events-detailed .events-location-wrapper { background-color: #85919f; color: #ffffff; padding: 10px 15px; } .events-detailed .events-location-wrapper a { color: #ffffff; } .events-detailed .form-reg-wrapper { padding: 15px; } .events-detailed .form-reg-list li label, .events-detailed .form-reg-list li input { display: block; width: 100%; border: none; margin: 7px 0; } .events-detailed .form-reg-list li input { padding: 5px 3px; } .events-detailed .form-reg-list li input:focus { border-color: #333; } .events-detailed .events-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; } .events-detailed .events-pagination li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50%; margin-right: 10px; } .events-detailed .events-pagination li:last-child { margin-right: 0; } .events-detailed .events-pagination li a { -webkit-transition: 0.2s; transition: 0.2s; padding: 10px 20px; background: #86d9e2; border: 0 none; cursor: pointer; color: #ffffff; text-align: left; width: 100%; display: block; } .events-detailed .events-pagination li a:hover { background: #1db1c3; } @media (max-width: 1061px) { .events-detailed .events-pagination li:last-child a { text-align: right; } } .events-detailed .informed-cta { -webkit-transition: 0.2s; transition: 0.2s; padding: 10px 20px; background: #404040; border: 0 none; cursor: pointer; color: #ffffff; text-align: left; width: 100%; display: block; } .events-detailed .informed-cta:hover { background: #060606; } .events-detailed .social-share-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 50px 0; } .events-detailed .social-share-list li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 30px; } .events-detailed .social-share-list li .social-icons { color: #516376; } .events-detailed .social-share-list li .social-icons svg { color: #0cb3c5; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } /* Clearfix */ .clearfix:after, .solutions-detailed .involved-companies:after { clear: both; } .clearfix:after, .solutions-detailed .involved-companies:after, .clearfix:before, .solutions-detailed .involved-companies:before { content: ""; display: table; } /* padding */ .box-padding-small { padding: 5px; } .box-padding-medium { padding: 15px; } .box-padding-large { padding: 30px; } .box-padding-huge { padding: 50px; } /* no supported on IE */ .object-fit_fill { -o-object-fit: fill; object-fit: fill; } .object-fit_contain { -o-object-fit: contain; object-fit: contain; } .object-fit_cover { -o-object-fit: cover; object-fit: cover; } .object-fit_none { -o-object-fit: none; object-fit: none; } .object-fit_scale-down { -o-object-fit: scale-down; object-fit: scale-down; } /* brand background colors */ .bg-brand-green { background-color: #30cd32; } .bg-brand-acqua { background-color: #2CC8CC; } .bg-brand-blue { background-color: #00c0ff; } .bg-brand-turquoise { background-color: #1db1c3; } .bg-brand-purple { background-color: #9933cd; } .bg-brand-dark-blue { background-color: #516376; } .bg-brand-orange { background-color: #ff8c02; } .bg-brand-dark-gray { background-color: #666666; } .bg-brand-light-gray { background-color: #869191; } .bg-brand-light-blue { background-color: #00c0ff; } .bg-brand-darkest-blue { background-color: #0a1827; } .bg-brand-red { background-color: #ff0000; } .bg-brand-yellow { background-color: #ffb400; } .bg-brand-turquoise-a { background-color: #6bd1dc; } .bg-brand-turquoise-b { background-color: #52c9d6; } .bg-brand-turquoise-c { background-color: #39c1d0; } .bg-brand-turquoise-d { background-color: #08b2c4; } .big-text { font-size: 3.8em !important; font-weight: 200; padding: 0; margin: 0; } .subtitle-small { text-transform: uppercase; font-weight: 200; margin: 0; } button, button:focus { outline: 0; } @media (min-width: 1061px) { .pure-visible-phone { display: none; } .pure-visible-tablet { display: none; } .pure-hidden-desktop { display: none; } } @media (max-width: 767px) { .pure-hidden-phone { display: none; } .pure-visible-desktop { display: none; } .big-text { font-size: 1.8em !important; font-weight: 200; padding: 0; margin: 0; } .empty-module { display: none; } } @media (min-width: 768px) and (max-width: 1061px) { .pure-hidden-tablet { display: none; } .pure-visible-desktop { display: none; } } .spinner { display: none; width: 100%; height: 800px; position: relative; } .spinner .loader { background-image: url(../static/images/loading.gif); width: 150px; height: 150px; background-size: contain; background-position: 50% 50%; position: absolute; top: 50%; margin-top: -75px; left: 50%; margin-left: -75px; } .validation-error, .field-validation-error { display: block; color: #ff0000; font-size: 0.8em; margin: 7px 0; } .close { position: relative; display: inline-block; overflow: hidden; } .close::before, .close::after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: 1px; } .close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close.hairline::before, .close.hairline::after { height: 1px; } .close.thick::before, .close.thick::after { height: 3px; margin-top: -2px; } .close.black::before, .close.black::after { height: 8px; margin-top: -4px; } .close.heavy::before, .close.heavy::after { height: 12px; margin-top: -6px; } .close.pointy::before, .close.pointy::after { width: 200%; left: -50%; } .close.rounded::before, .close.rounded::after { border-radius: 5px; } .close.blades::before, .close.blades::after { border-radius: 5px 0; } .close.warp::before, .close.warp::after { border-radius: 120% 0; } .close.fat::before, .close.fat::after { border-radius: 100%; } /* video modal styling */ .modal { position: fixed; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999; display: none; background: black; background: transparent\9; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; } .modal .modal-dialog { opacity: 1; text-align: center; display: block; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .modal iframe { position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: -25%; width: 70%; height: 70%; } .close-video-btn { position: absolute; top: 15px; right: 15px; border: none; padding: 7px 11px; background-color: #1db1c3; } .close-video-btn .small-close-button { color: #ffffff; -webkit-transform: rotate(0deg); transform: rotate(0deg); top: -1px; } .close-video-btn .small-close-button::after, .close-video-btn .small-close-button::before { background: #ffffff; } #search-website { display: none; z-index: 999; position: relative; } .full-width-img { width: 100%; } .author-img { width: 50% !important; } ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } ::-ms-input-placeholder { /* Microsoft Edge */ color: white; } .solutions-detailed { max-width: 1100px; margin: 0 auto 40px; background-color: #85919f; padding-top: 20px; color: #fff; } .solutions-detailed .carousel-item { overflow: hidden; min-width: 530px; } .solutions-detailed .carousel-item img { min-height: 470px; max-height: 470px; max-width: 530px; min-width: 530px; } .solutions-detailed .heading-block { margin-bottom: 50px; } .solutions-detailed .content-site-wrapper h3, .solutions-detailed .content-site-wrapper h4 { margin: 0 0 5px 0; font-weight: 500; } .solutions-detailed .content-site-wrapper .column { margin-right: 70px; } .solutions-detailed .content-site-wrapper .column:last-child { margin-right: 0; } .solutions-detailed .client-logo { width: 80%; margin-bottom: 20px; } .solutions-detailed .client-logo img { width: 100%; min-height: 470px; max-height: 470px; max-width: 530px; min-width: 530px; } .solutions-detailed .involved-companies { list-style: none; margin: 0 0 20px 0; padding: 0; } .solutions-detailed .involved-companies li { float: left; } .solutions-detailed .involved-companies li span { margin: 0 5px; } .solutions-detailed .involved-companies li:last-child span { display: none; } .solutions-detailed .remove-pagination .flickity-prev-next-button { display: none; } .solutions-detailed table { border-collapse: collapse; margin: 0 auto 30px; text-align: center; width: 100%; border: none; } .solutions-detailed table th { width: 20%; } .solutions-detailed table th h3 { font-size: 1em; font-weight: 400; padding: 0; margin: 0; } .solutions-detailed table td { width: 20%; vertical-align: top; } .solutions-detailed table td h3, .solutions-detailed table td time { padding: 0; font-size: 1em; font-weight: 600; margin-bottom: 0; } .solutions-detailed th { font-weight: bold; } .solutions-detailed td, .solutions-detailed th { padding: 0; text-align: left; } .solutions-detailed .projecttextblock { width: 100%; margin-bottom: 20px; overflow-x: auto; } .solutions-detailed .projecttextblock img { width: 100%; } .solutions-detailed .flickity-prev-next-button { position: absolute; top: 384px; right: 0; width: 4rem; background-color: transparent; z-index: 100; height: 1.5rem; border: none; border-radius: 0; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); } .solutions-detailed .flickity-prev-next-button svg { display: none; } .solutions-detailed .flickity-prev-next-button:before { content: ""; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } .solutions-detailed .flickity-prev-next-button.previous { left: 100%; margin-left: -6rem; } .solutions-detailed .flickity-prev-next-button.previous:before { background-image: url(../static/images/pattern-lib/left-arrow-bit.gif); background-size: contain; } .solutions-detailed .flickity-prev-next-button.next { right: -15px; margin-right: 0; } .solutions-detailed .flickity-prev-next-button.next:before { background-image: url(../static/images/pattern-lib/right-arrow-bit.gif); background-size: contain; } @media (max-width: 1400px) { .solutions-detailed .flickity-prev-next-button { position: relative; top: 5px; right: 0; } .solutions-detailed .flickity-prev-next-button.previous { left: -15px; margin: 0; } .solutions-detailed .flickity-prev-next-button.next { right: 30px; margin: 0; } } .solutions-detailed .media-wrapper h5 { font-weight: 300; margin-bottom: 5px; } .solutions-detailed .media-wrapper .module-details svg { width: 16px; } .solutions-detailed .media-wrapper .flickity-prev-next-button { position: absolute; top: -24px; right: 0; width: 4rem; background-color: black; z-index: 100; height: 1.5rem; border: none; border-radius: 0; background-color: #1db1c3; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); } .solutions-detailed .media-wrapper .flickity-prev-next-button svg { display: none; } .solutions-detailed .media-wrapper .flickity-prev-next-button:before { content: ""; display: block; width: 3.4rem; height: 7.5px; background-repeat: no-repeat; background-position: center; } .solutions-detailed .media-wrapper .flickity-prev-next-button.previous { left: 100%; margin-left: -8rem; border-right: 1px solid #eaf5f5; } .solutions-detailed .media-wrapper .flickity-prev-next-button.previous:before { background-image: url(../static/images/pattern-lib/left-arrow.png); background-size: contain; } .solutions-detailed .media-wrapper .flickity-prev-next-button.next { right: 0; margin-right: 0; } .solutions-detailed .media-wrapper .flickity-prev-next-button.next:before { background-image: url(../static/images/pattern-lib/rght-arrow.png); background-size: contain; } .partners ul#filterOptions li a.active { background: #1db1c3; } .partners ul#filterOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2rem; height: 90px; margin-top: 2rem; } @media (max-width: 600px) { .partners ul#filterOptions { -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-x: auto; height: 165px; } } .partners ul#filterOptions li { margin: 0 3px; text-transform: uppercase; } @media (max-width: 600px) { .partners ul#filterOptions li { margin: 15px 2px 0 2px; } } .partners .image-container { cursor: default !important; min-height: 120px; } .partners .text-container { cursor: default !important; } .partners .text-container::before { display: none; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .homepage .flex { margin-bottom: 0; } .homepage h2.heading-h2 { font-size: 49px; line-height: 47px; font-weight: 600; } @media (max-width: 767px) { .homepage h2.heading-h2 { font-size: 39px; line-height: 37px; } } .homepage .image-module .module-details h3.title-h2 { font-size: 39px; line-height: 37px; font-weight: 600; padding: 0 0 1rem 0; } .homepage h3.heading-h3 { font-size: 39px; line-height: 37px; font-weight: 600; } @media (max-width: 767px) { .homepage h3.heading-h3 { font-size: 29px; line-height: 27px; } } .homepage h3.heading-h3.culture-innovation { padding: 1.5rem 1.5rem; line-height: 31px; letter-spacing: -.2px; color: #fff; position: relative; padding-bottom: 1rem; } .homepage h3.heading-h3.culture-innovation::after { content: ""; position: absolute; bottom: 0; left: 1.5rem; height: 4px; width: 30px; background-color: transparent; } .homepage h3.heading-h3.culture-innovation.line-green::after { background-color: #30cd32; } .homepage h3.heading-h3.culture-innovation.line-blue::after { background-color: #00c0ff; } .homepage h3.heading-h3.culture-innovation.line-orange::after { background-color: #ff8c02; } .homepage h3.heading-h3.culture-innovation.line-acqua::after { background-color: #2CC8CC; } .homepage h3.heading-h3.culture-innovation.line-turquoise::after { background-color: #1db1c3; } .homepage h3.heading-h3.culture-innovation.line-purple::after { background-color: #9933cd; } .homepage h3.heading-h3.culture-innovation.line-white::after { background-color: #fff; } .homepage h3.heading-h3.culture-innovation.line-dark-grey::after { background-color: #687575; } .homepage h3.heading-h3.culture-innovation.line-light-grey::after { background-color: #869191; } .homepage h4.heading-h4 { font-size: 20px; line-height: 20px; font-weight: 400; } .homepage p.md-p { font-size: 15px; line-height: 15px; font-weight: 600; } .homepage p.sm-p { font-size: 20px; line-height: 17px; font-weight: 600; } @media (max-width: 767px) { .homepage .main { width: 100%; } } .homepage .flex.live-project { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 767px) { .homepage .flex.live-project { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .homepage .mini-banner .module-wrapper.small-sq-module { min-height: 250px; } .homepage .mini-banner h4 { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 2px solid #fff; } .homepage .mini-banner h3 { max-width: 600px; } .homepage .mini-banner h3.brand-green { color: #30cd32; } .homepage .mini-banner h3.brand-blue { color: #00c0ff; } .homepage .mini-banner h3.brand-orange { color: #ff8c02; } .homepage .mini-banner h3.brand-acqua { color: #2CC8CC; } .homepage .mini-banner h3.brand-turquoise { color: #1db1c3; } .homepage .mini-banner h3.brand-purple { color: #9933cd; } .homepage .mini-banner h3.brand-white { color: #fff; } .homepage .mini-banner h3.brand-dark-grey { color: #687575; } .homepage .mini-banner h3.brand-light-grey { color: #869191; } .homepage .mini-banner p { position: absolute; bottom: 2rem; right: 2rem; font-size: 1.6rem; font-weight: 300; } .homepage .flickity-prev-next-button:disabled { display: none !important; } .homepage .carousel.carousel-live-project .flickity-prev-next-button { top: 92%; } .homepage .carousel .sm-p { padding-bottom: 1rem; border-bottom: 2px solid #fff; margin-bottom: 1rem; } .homepage .carousel .footer-content { position: absolute; top: 4rem; } .homepage .carousel .flickity-prev-next-button { display: block; background: transparent; border: none; border-radius: 0; top: 92%; } .homepage .carousel .flickity-prev-next-button svg { display: none; } .homepage .carousel .flickity-prev-next-button.next { width: 50px; height: 40px; background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='36px' height='34px' viewBox='0 0 36 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Page-3' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3e%3cg id='OGTC-homepage-2020' transform='translate(-567.000000, -727.000000)' stroke='%23FFFFFF' stroke-width='2.1875'%3e%3cg id='HOMEPAGE-lay-out' transform='translate(251.000000, 243.000000)'%3e%3cg id='streamline-icon-arrow-right%4035x35-copy-4' transform='translate(318.000000, 486.000000)'%3e%3cline x1='0' y1='15.3125' x2='32.8125' y2='15.3125' id='Path'%3e%3c/line%3e%3cpolyline id='Path' points='17.5 30.625 32.8125 15.3125 17.5 0'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%; } .homepage .carousel .flickity-prev-next-button.previous { width: 50px; height: 40px; background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='36px' height='34px' viewBox='0 0 36 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Page-3' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3e%3cg id='OGTC-homepage-2020' transform='translate(-268.000000, -728.000000)' stroke='%23FFFFFF' stroke-width='2.1875'%3e%3cg id='HOMEPAGE-lay-out' transform='translate(251.000000, 243.000000)'%3e%3cg id='streamline-icon-arrow-right%4035x35-copy-5' transform='translate(34.500000, 502.500000) scale(-1, 1) translate(-34.500000, -502.500000) translate(18.000000, 487.000000)'%3e%3cline x1='0' y1='15.3125' x2='32.8125' y2='15.3125' id='Path'%3e%3c/line%3e%3cpolyline id='Path' points='17.5 30.625 32.8125 15.3125 17.5 0'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%; } .homepage .culture-innovation-block .right-arrow { z-index: 1; padding: 1rem 1.5rem; position: absolute; right: 1rem; bottom: 1rem; background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='36px' height='34px' viewBox='0 0 36 34' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='Page-3' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3e%3cg id='OGTC-homepage-2020' transform='translate(-567.000000, -727.000000)' stroke='%23FFFFFF' stroke-width='2.1875'%3e%3cg id='HOMEPAGE-lay-out' transform='translate(251.000000, 243.000000)'%3e%3cg id='streamline-icon-arrow-right%4035x35-copy-4' transform='translate(318.000000, 486.000000)'%3e%3cline x1='0' y1='15.3125' x2='32.8125' y2='15.3125' id='Path'%3e%3c/line%3e%3cpolyline id='Path' points='17.5 30.625 32.8125 15.3125 17.5 0'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat 50% 50%; } .homepage .culture-innovation-block h3 { z-index: 4; } .homepage .exlarge-module { /*&.bg-brand-dark-gray, .bg-brand-light-gray, .bg-brand-green, .bg-brand-purple, .bg-brand-blue, .bg-brand-orange { .gradient { display: none; } }*/ } .homepage .exlarge-module .category-label { display: none; } .homepage .exlarge-module.bg-brand-acqua p { border-bottom: 2px solid #374753; } .homepage .exlarge-module.bg-brand-acqua p, .homepage .exlarge-module.bg-brand-acqua h2, .homepage .exlarge-module.bg-brand-acqua h4 { color: #374753; } .homepage .medium-module .title-h2 { position: relative; padding-bottom: 1rem; padding: 0 0 1rem 0; } .homepage .medium-module .title-h2::after { content: ""; position: absolute; bottom: 0; left: 0; height: 4px; width: 30px; background-color: transparent; } .homepage .medium-module .title-h2.line-green::after { background-color: #30cd32; } .homepage .medium-module .title-h2.line-blue::after { background-color: #00c0ff; } .homepage .medium-module .title-h2.line-orange::after { background-color: #ff8c02; } .homepage .medium-module .title-h2.line-acqua::after { background-color: #2CC8CC; } .homepage .medium-module .title-h2.line-turquoise::after { background-color: #1db1c3; } .homepage .medium-module .title-h2.line-purple::after { background-color: #9933cd; } .homepage .medium-module .title-h2.line-white::after { background-color: #fff; } .homepage .medium-module .title-h2.line-dark-grey::after { background-color: #687575; } .homepage .medium-module .title-h2.line-light-grey::after { background-color: #869191; } .homepage .medium-module .category-label { display: none; } .homepage .left-boder { border-left: solid 8px #08b2c4; } @media (max-width: 767px) { .homepage .flex .main, .homepage .flex .aside { display: block; width: 100%; } .homepage .module-wrapper.large-module, .homepage .module-wrapper.exlarge-module { min-height: 350px; } } @media only screen and (max-width: 600px) { .homepage:not(.section-heading) { padding-top: 100px; } } @media all and (-ms-high-contrast: none) { .flex .main .home-module { min-height: 466px; } .flex .aside .home-module { min-height: 51.8px; } } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .contactus-page h2 { font-size: 1.625em; margin-top: 40px; } .contactus-page .contact-address-wrapper { background-color: #85919f; padding: 25px; margin: 40px 0; } .contactus-page .contact-address-wrapper address { color: #ffffff; font-style: normal; } .contactus-page .contact-address-wrapper address h3 { font-weight: 400; margin: 0 0 15px 0; padding: 0; font-style: 1.1em; } .contactus-page .contact-address-wrapper address a { color: #ffffff; } .contactus-page .contact-address-wrapper address ul li { margin: 0 0 15px 0; } .contactus-page .contact-address-wrapper address ul li:last-child, .contactus-page .contact-address-wrapper address ul li.last { margin-bottom: 0; } .contactus-page .contact-form-wrapper { background-color: #eaf5f5; padding: 30px; margin-bottom: 40px; color: #516376; } .contactus-page .contact-form-wrapper h3 { font-weight: 400; } .contactus-page .contact-form-wrapper label { margin-bottom: 10px; display: block; } .contactus-page .contact-form-wrapper input, .contactus-page .contact-form-wrapper textarea { display: block; width: 100%; border: none; padding: 5px 3px; } .contactus-page .contact-form-wrapper textarea { height: 120px; } .contactus-page .contact-form-wrapper .intro { width: 40%; } .contactus-page .contact-social-wrapper h3 { font-weight: 400; font-size: 1em; } .contactus-page .contact-social-wrapper h3 time { display: block; font-weight: 300; } @media only screen and (max-width: 1061px) { .contactus-page .contact-form-wrapper .intro { width: 100%; } } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } /* Clearfix */ .clearfix:after, .solutions-detailed .involved-companies:after { clear: both; } .clearfix:after, .solutions-detailed .involved-companies:after, .clearfix:before, .solutions-detailed .involved-companies:before { content: ""; display: table; } /* padding */ .box-padding-small { padding: 5px; } .box-padding-medium { padding: 15px; } .box-padding-large { padding: 30px; } .box-padding-huge { padding: 50px; } /* no supported on IE */ .object-fit_fill { -o-object-fit: fill; object-fit: fill; } .object-fit_contain { -o-object-fit: contain; object-fit: contain; } .object-fit_cover { -o-object-fit: cover; object-fit: cover; } .object-fit_none { -o-object-fit: none; object-fit: none; } .object-fit_scale-down { -o-object-fit: scale-down; object-fit: scale-down; } /* brand background colors */ .bg-brand-green { background-color: #30cd32; } .bg-brand-acqua { background-color: #2CC8CC; } .bg-brand-blue { background-color: #00c0ff; } .bg-brand-turquoise { background-color: #1db1c3; } .bg-brand-purple { background-color: #9933cd; } .bg-brand-dark-blue { background-color: #516376; } .bg-brand-orange { background-color: #ff8c02; } .bg-brand-dark-gray { background-color: #666666; } .bg-brand-light-gray { background-color: #869191; } .bg-brand-light-blue { background-color: #00c0ff; } .bg-brand-darkest-blue { background-color: #0a1827; } .bg-brand-red { background-color: #ff0000; } .bg-brand-yellow { background-color: #ffb400; } .bg-brand-turquoise-a { background-color: #6bd1dc; } .bg-brand-turquoise-b { background-color: #52c9d6; } .bg-brand-turquoise-c { background-color: #39c1d0; } .bg-brand-turquoise-d { background-color: #08b2c4; } .big-text { font-size: 3.8em !important; font-weight: 200; padding: 0; margin: 0; } .subtitle-small { text-transform: uppercase; font-weight: 200; margin: 0; } button, button:focus { outline: 0; } @media (min-width: 1061px) { .pure-visible-phone { display: none; } .pure-visible-tablet { display: none; } .pure-hidden-desktop { display: none; } } @media (max-width: 767px) { .pure-hidden-phone { display: none; } .pure-visible-desktop { display: none; } .big-text { font-size: 1.8em !important; font-weight: 200; padding: 0; margin: 0; } .empty-module { display: none; } } @media (min-width: 768px) and (max-width: 1061px) { .pure-hidden-tablet { display: none; } .pure-visible-desktop { display: none; } } .spinner { display: none; width: 100%; height: 800px; position: relative; } .spinner .loader { background-image: url(../static/images/loading.gif); width: 150px; height: 150px; background-size: contain; background-position: 50% 50%; position: absolute; top: 50%; margin-top: -75px; left: 50%; margin-left: -75px; } .validation-error, .field-validation-error { display: block; color: #ff0000; font-size: 0.8em; margin: 7px 0; } .close { position: relative; display: inline-block; overflow: hidden; } .close::before, .close::after { content: ""; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: 1px; } .close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close.hairline::before, .close.hairline::after { height: 1px; } .close.thick::before, .close.thick::after { height: 3px; margin-top: -2px; } .close.black::before, .close.black::after { height: 8px; margin-top: -4px; } .close.heavy::before, .close.heavy::after { height: 12px; margin-top: -6px; } .close.pointy::before, .close.pointy::after { width: 200%; left: -50%; } .close.rounded::before, .close.rounded::after { border-radius: 5px; } .close.blades::before, .close.blades::after { border-radius: 5px 0; } .close.warp::before, .close.warp::after { border-radius: 120% 0; } .close.fat::before, .close.fat::after { border-radius: 100%; } /* video modal styling */ .modal { position: fixed; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999; display: none; background: black; background: transparent\9; background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; } .modal .modal-dialog { opacity: 1; text-align: center; display: block; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .modal iframe { position: absolute; top: 50%; left: 50%; margin-left: -35%; margin-top: -25%; width: 70%; height: 70%; } .close-video-btn { position: absolute; top: 15px; right: 15px; border: none; padding: 7px 11px; background-color: #1db1c3; } .close-video-btn .small-close-button { color: #ffffff; -webkit-transform: rotate(0deg); transform: rotate(0deg); top: -1px; } .close-video-btn .small-close-button::after, .close-video-btn .small-close-button::before { background: #ffffff; } #search-website { display: none; z-index: 999; position: relative; } .full-width-img { width: 100%; } .author-img { width: 50% !important; } ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } ::-ms-input-placeholder { /* Microsoft Edge */ color: white; } .search-results-page .section-title { font-size: 1.2em; font-weight: 400; } .search-results-page .search-box-results { border: solid 1px #000; position: relative; border: none; } .search-results-page .search-box-results input { width: 100%; background-color: #ecf4f6; border: none; padding: 10px 15px; } .search-results-page .search-button { position: absolute; top: 9px; right: 5px; background-color: transparent; border: none; } .search-results-page .results-details { margin-top: 15px; } .search-results-page .results-list li { background-color: #ecf4f6; margin: 0 0 15px 0; padding: 30px; } .search-results-page .filter-wrapper { padding: 0; } .search-results-page .filter-wrapper label { display: none; } .search-results-page .filter-wrapper select { width: 100%; background-color: #516379; color: #fff; padding: 8px; font-weight: 300; } .search-results-page .date-range-wrapper { background-color: #ecf4f6; padding: 15px 15px 30px 15px; } .search-results-page .date-range-wrapper h3 { font-size: 1em; font-weight: 400; } .search-results-page .date-range-wrapper label, .search-results-page .date-range-wrapper input { display: inline-block; } .search-results-page .date-range-wrapper label { width: 150px; text-transform: uppercase; font-weight: 300; font-size: 0.9em; padding-top: 5px; } .search-results-page .date-range-wrapper input { margin-right: 20px; width: 100%; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } .projects .projectvideoblock h5 { margin-bottom: 8px; font-weight: 300; } .projects .projectvideoblock img { width: 100%; } .projects table { border-collapse: collapse; margin: 0 auto 30px; text-align: center; width: 100%; border: none; } .projects table th { width: 20%; } .projects table th h3 { font-size: 1em; font-weight: 400; padding: 0 10px; margin: 0; } .projects table td { width: 20%; vertical-align: top; } .projects table td h3, .projects table td time { padding: 0 10px; font-size: 1em; font-weight: 600; margin-bottom: 0; } .projects th { font-weight: bold; } .projects td, .projects th { padding: 0 6px; text-align: left; } .projects .remove-pagination .flickity-prev-next-button { display: none; } .projects .projecttextblock { width: 100%; margin-bottom: 20px; overflow-x: auto; } .projects .projecttextblock img { width: 100%; } .projects .projecttextblock ul { list-style-type: disc; list-style-position: inside; } .projects .image-list li { float: left; width: 50%; padding: 0 15px 15px 0; } .projects .image-list li img { width: 100%; } .projects .image-list li:nth-child(even) { margin-right: 0; } .projects .portfolio-prev, .projects .portfolio-next { border: none; background: 0 0; background: #6c6f70; font-size: 1rem; font-weight: 600; text-transform: uppercase; line-height: 1rem; display: none; } .projects .intro { margin: 2.5rem 0 2.5rem 0; } .projects .generic-filter-container { margin-bottom: 1rem; background-color: #516376; } .projects .generic-filter-container form { width: 100%; } .projects .select-container { float: left; border-right: 15px solid #ffffff; width: 25%; height: 40px; color: #ffffff; line-height: 40px; position: relative; } @media (min-width: 568px) and (max-width: 767px) { .projects .select-container { width: 50%; border: 1px solid #ffffff; } } @media (max-width: 567px) { .projects .select-container { width: 100%; border: 1px solid #ffffff; } } .projects .select-container label { position: relative; width: 100%; height: 100%; background: 0 0; display: block; cursor: pointer; padding: 0 2em 0 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .projects .select-container label::after { content: ""; position: absolute; background-color: #516376; right: 15px; margin-top: 14px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 13px solid #ffffff; } .projects .select-container select { cursor: pointer; position: absolute; opacity: 0; width: 100%; height: 100%; padding: 0; top: 0; } .projects .select-container select option { padding: 2px 0; color: #000000; } .projects .search-input-container { width: 25%; padding: 0; height: 40px; float: right; border-right: 15px solid #ffffff; } @media (min-width: 568px) and (max-width: 767px) { .projects .search-input-container { width: 50%; border: 1px solid #ffffff; } } @media (max-width: 567px) { .projects .search-input-container { width: 100%; border: 1px solid #ffffff; } } .projects .search-input-container input { height: 40px; line-height: 40px; background: 0 0; color: #ffffff; padding: 0 .5em; border: 0; border-radius: 0; width: 100%; display: inline-block; } .projects .search-input-container ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff; } .projects .search-input-container ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .projects .search-input-container :-ms-input-placeholder { /* IE 10+ */ color: #ffffff; } .projects .search-input-container :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .projects .carousel-item { overflow: hidden; } .projects .carousel-item img { min-height: 470px; max-height: 470px; max-width: 530px; min-width: 530px; } @media (min-width: 768px) and (max-width: 992px) { .projects .carousel-item img { max-width: 468px; } } .projects .projects-wrapper { margin: 0; } .projects .projects-wrapper .flickity-prev-next-button { position: absolute; top: 384px; right: 0; width: 4rem; background-color: transparent; z-index: 100; height: 1.5rem; border: none; border-radius: 0; cursor: pointer; -webkit-transform: translateY(0); transform: translateY(0); } .projects .projects-wrapper .flickity-prev-next-button svg { display: none; } .projects .projects-wrapper .flickity-prev-next-button:before { content: ""; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } .projects .projects-wrapper .flickity-prev-next-button.previous { left: 100%; margin-left: -6rem; } .projects .projects-wrapper .flickity-prev-next-button.previous:before { background-image: url(../static/images/pattern-lib/left-arrow-bit.gif); background-size: contain; } .projects .projects-wrapper .flickity-prev-next-button.next { right: -15px; margin-right: 0; } .projects .projects-wrapper .flickity-prev-next-button.next:before { background-image: url(../static/images/pattern-lib/right-arrow-bit.gif); background-size: contain; } @media (max-width: 1400px) { .projects .projects-wrapper .flickity-prev-next-button { position: relative; top: 5px; right: 0; } .projects .projects-wrapper .flickity-prev-next-button.previous { left: -15px; margin: 0; } .projects .projects-wrapper .flickity-prev-next-button.next { right: 30px; margin: 0; } } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_6_0.eot"); src: url("../fonts/328AF7_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_6_0.woff2") format("woff2"), url("../fonts/328AF7_6_0.woff") format("woff"), url("../fonts/328AF7_6_0.ttf") format("truetype"), url("../fonts/328AF7_6_0.svg#wf") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_2_0.eot"); src: url("../fonts/328AF7_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_2_0.woff2") format("woff2"), url("../fonts/328AF7_2_0.woff") format("woff"), url("../fonts/328AF7_2_0.ttf") format("truetype"), url("../fonts/328AF7_2_0.svg#wf") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_5_0.eot"); src: url("../fonts/328AF7_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_5_0.woff2") format("woff2"), url("../fonts/328AF7_5_0.woff") format("woff"), url("../fonts/328AF7_5_0.ttf") format("truetype"), url("../fonts/3328AF7_5_0.svg#wf") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_3_0.eot"); src: url("../fonts/328AF7_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_3_0.woff2") format("woff2"), url("../fonts/328AF7_3_0.woff") format("woff"), url("../fonts/328AF7_3_0.ttf") format("truetype"), url("../fonts/3328AF7_3_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_4_0.eot"); src: url("../fonts/328AF7_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_4_0.woff2") format("woff2"), url("../fonts/328AF7_4_0.woff") format("woff"), url("../fonts/328AF7_4_0.ttf") format("truetype"), url("../fonts/3328AF7_4_0.svg#wf") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_0_0.eot"); src: url("../fonts/328AF7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_0_0.woff2") format("woff2"), url("../fonts/328AF7_0_0.woff") format("woff"), url("../fonts/328AF7_0_0.ttf") format("truetype"), url("../fonts/3328AF7_0_0.svg#wf") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Trim"; src: url("../fonts/328AF7_1_0.eot"); src: url("../fonts/328AF7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/328AF7_1_0.woff2") format("woff2"), url("../fonts/328AF7_1_0.woff") format("woff"), url("../fonts/328AF7_1_0.ttf") format("truetype"), url("../fonts/3328AF7_1_0.svg#wf") format("svg"); font-weight: 900; font-style: normal; } .close-icon { background: url("../img/icon-close-menu.svg") 0 0 no-repeat; } .brand-acquagreen { background-color: #2CC8CC; } .brand-green-2020 { background-color: #60AF43; background: #60AF43; } table.annualreview { width: 100%; } table.annualreview td { padding: 20px; color: #ffffff; text-align: center; } table.annualreview td.green { background-color: #53AE33; font-size: 1.6rem; } table.annualreview td.purple { background-color: #9933cd; font-size: 1.6rem; } table.annualreview td.blue { background-color: #00c0ff; font-size: 1.6rem; } table.annualreview td.orange { background-color: #ff8c02; font-size: 1.6rem; } table.annualreview td.darkgrey { background-color: #516375; font-size: 1.6rem; } table.annualreview td.grey { background-color: #d8dee3; color: #516375; } .module-img-ar { transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .content-site-wrapper > .green { background-color: #53AE33; padding: 2rem 3rem; color: #ffffff; } .column-wrapper.aligned-padding .column:nth-child(2) { margin-right: 0; } .annual-report-block1 { overflow: hidden; max-height: 260px; height: 260px; } .annual-report-block1:hover .module-img-ar { -webkit-backface-visibility: hidden; -webkit-transform: scale(1.15); transform: scale(1.15); } .annual-report-block1 .plain { background-color: transparent; color: #FFF; padding: 1rem 2rem 2rem 2rem; } .annual-report-block1 .highlight-box-turquoise { background-color: #08b2c4; color: #FFF; padding: 20px !important; } .annual-report-block1 .highlight-box-grey { background-color: #516376; color: #FFF; padding: 20px !important; } .annual-report-block1 .highlight-box-green { background-color: #30cd32; color: #FFF; padding: 20px !important; } .annual-report-block1 .highlight-box-purple { background-color: #9933cd; color: #FFF; padding: 20px !important; } .annual-report-block1 .text-wrapper { position: relative; z-index: 10; height: 100%; } .annual-report-block1 .img-wrapper img { position: absolute; width: 100%; top: 0; display: block; -o-object-fit: cover; object-fit: cover; left: 0; max-height: 260px; height: 260px; } .anuual-report-carousel .gradient { z-index: 1; } .anuual-report-carousel .title-block-carousel { background-color: #516476; color: #fff; height: 100px; } .anuual-report-carousel .title-block-carousel h1 { margin: 0 0 0 0; padding: 2rem 0 0 3rem; font-size: 19px; } @media (max-width: 992px) { .anuual-report-carousel .title-block-carousel h1 { width: 100%; padding: 1rem 0 0 1rem; } } .anuual-report-carousel .carousel-wrapper { height: auto; width: 100%; } .anuual-report-carousel .carousel-wrapper .carousel-item { width: 50%; padding: 0; max-width: 411px; height: 360px; overflow: hidden; position: relative; margin: 0; } .anuual-report-carousel .carousel-wrapper .carousel-item:hover .module-img-ar { -webkit-transform: scale(1.15); transform: scale(1.15); } @media (max-width: 768px) { .anuual-report-carousel .carousel-wrapper .carousel-item { width: 100%; max-width: 100%; } } .anuual-report-carousel .carousel-wrapper .carousel-item .text-wrapper { position: absolute; top: 2.2rem; left: 3rem; color: #fff; width: calc(100% - 5rem); z-index: 1; } .anuual-report-carousel .carousel-wrapper .carousel-item .text-wrapper h1 { margin: 0 0 2rem 0; } .anuual-report-carousel .carousel-wrapper .carousel-item .text-wrapper p { font-size: 17px; font-weight: normal; } .anuual-report-carousel .carousel-wrapper .flickity-page-dots { top: -55px; bottom: 100%; } .anuual-report-carousel .carousel-wrapper .flickity-page-dots .dot { display: inline-block; width: 11px; height: 3px; margin: 0 8px; background: #fff; border-radius: 0; opacity: .25; cursor: pointer; } .anuual-report-carousel .carousel-wrapper .flickity-page-dots .dot.is-selected { opacity: 1; } .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button svg { display: none; } .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button.previous { background-repeat: no-repeat; width: 50px; height: 40px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='20px' height='18px' viewBox='0 0 20 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!-- Generator: Sketch 57.1 (83088) - https://sketch.com --%3e%3ctitle%3eArrow%3c/title%3e%3cdesc%3eCreated with Sketch.%3c/desc%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='bevel'%3e%3cg id='Annual-Review' transform='translate(-1011.000000, -1644.000000)' fill-rule='nonzero' stroke='%23FFFFFF' stroke-width='3'%3e%3cg id='Carosel' transform='translate(309.000000, 1602.000000)'%3e%3cg id='ARROW' transform='translate(711.000000, 51.000000) rotate(-90.000000) translate(-711.000000, -51.000000) translate(686.000000, 26.000000)'%3e%3cg id='Arrow' transform='translate(17.000000, 17.000000)'%3e%3cpath d='M0.5,8 L8,0.5' id='Line-3-Copy'%3e%3c/path%3e%3cpath d='M8.5,8 L16,0.5' id='Line-3-Copy-2' transform='translate(12.000000, 4.000000) scale(-1, 1) translate(-12.000000, -4.000000) '%3e%3c/path%3e%3cpath d='M8,1.26757813 L8,17.0043945' id='Line-4'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); } @media (max-width: 768px) { .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button.previous { width: 30px; } } .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button.next { background-repeat: no-repeat; width: 50px; height: 40px; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='20px' height='18px' viewBox='0 0 20 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!-- Generator: Sketch 57.1 (83088) - https://sketch.com --%3e%3ctitle%3eArrow%3c/title%3e%3cdesc%3eCreated with Sketch.%3c/desc%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='bevel'%3e%3cg id='Annual-Review' transform='translate(-1080.000000, -1644.000000)' fill-rule='nonzero' stroke='%23FFFFFF' stroke-width='3'%3e%3cg id='Carosel' transform='translate(309.000000, 1602.000000)'%3e%3cg id='ARROW' transform='translate(782.000000, 51.000000) rotate(-270.000000) translate(-782.000000, -51.000000) translate(757.000000, 26.000000)'%3e%3cg id='Arrow' transform='translate(17.000000, 17.000000)'%3e%3cpath d='M0.5,8 L8,0.5' id='Line-3-Copy'%3e%3c/path%3e%3cpath d='M8.5,8 L16,0.5' id='Line-3-Copy-2' transform='translate(12.000000, 4.000000) scale(-1, 1) translate(-12.000000, -4.000000) '%3e%3c/path%3e%3cpath d='M8,1.26757813 L8,17.0043945' id='Line-4'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e"); } @media (max-width: 768px) { .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button.next { width: 30px; } } .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button { display: block; z-index: 10; top: -10%; border-radius: 0; background-color: transparent; } .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button.previous { left: 85%; } @media (max-width: 768px) { .anuual-report-carousel .carousel-wrapper .flickity-prev-next-button.previous { left: 75%; } } .annual-report-block-story .block-story-wrapper { background-color: #EAF5F5; display: -webkit-box; display: -ms-flexbox; display: flex; } .annual-report-block-story .block-story-wrapper .img-wrapper { position: relative; padding: 0; margin: 0; width: 100%; height: 100%; min-width: 411px; overflow: hidden; } .annual-report-block-story .block-story-wrapper .img-wrapper .caption-img { position: relative; float: left; } .annual-report-block-story .block-story-wrapper .img-wrapper:hover .module-img-ar { -webkit-backface-visibility: hidden; -webkit-transform: scale(1.15); transform: scale(1.15); overflow: hidden; } @media (max-width: 768px) { .annual-report-block-story .block-story-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .annual-report-block-story .block-story-wrapper .img-wrapper h2 { color: #556779; margin: 0; padding: 1rem 2rem 1rem 3rem; } @media (max-width: 768px) { .annual-report-block-story .block-story-wrapper .img-wrapper h2 { padding: 1rem 2rem 1rem 2rem; } } .annual-report-block-story .block-story-wrapper .img-wrapper img { display: block; } @media (max-width: 768px) { .annual-report-block-story .block-story-wrapper .img-wrapper img { width: 100%; } } .annual-report-block-story .block-story-wrapper .text-wrapper { padding: 3rem 2rem 2rem 2rem; } @media (max-width: 768px) { .annual-report-block-story .block-story-wrapper .text-wrapper { padding: 0 2rem 2rem 2rem; } } .annual-report-block-story .block-story-wrapper .text-wrapper p { color: #556779; } .annual-report-block-story .block-story-wrapper.dark-gray { background-color: #516476; } .annual-report-block-story .block-story-wrapper.dark-gray .img-wrapper h2 { color: #08B2C4; } .annual-report-block-story .block-story-wrapper.dark-gray .img-wrapper .caption-img { background-color: #516476; } .annual-report-block-story .block-story-wrapper.dark-gray .text-wrapper p { color: #ffffff; } .fact-block-mega-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .fact-block-mega-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .annual-report-fact h1 { background-color: #516375; height: 45px; margin: 0; font-size: 19px; padding: .5rem 0 1rem 2rem; color: #ffffff; } .annual-report-fact .block-story-wrapper { height: 213px; position: relative; color: #FFF; } .annual-report-fact .block-story-wrapper .bg-gradient { width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)); background-image: linear-gradient(transparent, black); opacity: 0.2; position: absolute; top: 0; left: 0; } .annual-report-fact .block-story-wrapper.highlight-box-turquoise { background-color: #08b2c4; color: #FFF; padding: 2rem !important; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; } .annual-report-fact .block-story-wrapper.highlight-box-grey { background-color: #516376; color: #FFF; padding: 2rem !important; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; } .annual-report-fact .block-story-wrapper.highlight-box-green { background-color: #30cd32; color: #FFF; padding: 2rem !important; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; } .annual-report-fact .block-story-wrapper.highlight-box-purple { background-color: #9933cd; color: #FFF; padding: 2rem !important; -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; } .annual-report-fact .block-story-wrapper .img-wrapper { position: relative; } .annual-report-fact .block-story-wrapper .img-wrapper img { display: block; width: 100%; } .annual-report-fact .block-story-wrapper .text-wrapper { height: 100%; position: absolute; top: 0; left: 2rem; width: calc(100% - 3rem); /*> div { font-size: 65px; line-height: 78px; font-weight: normal; }*/ } .annual-report-block-intro h1 { height: 45px; background-color: #516375; margin: 0; padding: 0; } .annual-report-block-intro .annual-report-block-intro-wrapper { position: relative; height: 260px; width: 100%; } .accordion-simple li.accordion-item.turquoise > div.accordion-header { background-color: #08b2c4; } .accordion-simple li.accordion-item.turquoise .accordion-content { background-color: #eaf5f5; } .accordion-simple li.accordion-item.turquoise .icon-toggle::after, .accordion-simple li.accordion-item.turquoise .icon-toggle::before { background-color: #08b2c4; } .accordion-simple li.accordion-item.green > div.accordion-header { background-color: #30cd32; } .accordion-simple li.accordion-item.green .accordion-content { background-color: #eaf5f5; } .accordion-simple li.accordion-item.green .icon-toggle::after, .accordion-simple li.accordion-item.green .icon-toggle::before { background-color: #30cd32; } /*! Flickity v2.0.10 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%); transform: translateY(-50%); display: none; } .flickity-prev-next-button:focus { outline: none; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; }