* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;} /* GLOBAL */ /* WEIGHTS 300 - light 400 - reg 500 - med 600 - semi 700 - bold 800 - extra bold */ html { } body {line-height:1; font-family: 'Montserrat', sans-serif; color:#333333} ::-webkit-input-placeholder {color:#bdbdbd;} ::-moz-placeholder {color:#bdbdbd; opacity:1;} :-ms-input-placeholder {color:#bdbdbd;} :-moz-placeholder {color:#bdbdbd; opacity:1;} p {font-size: 16px; line-height: 1.4em; font-weight: 400; margin-bottom: 1em;} h2 {font-size: 42px; line-height: 1.2em; font-weight: 800; margin-bottom: 0.8em; text-transform: uppercase; color:#eb212d;} img {max-width:100%; height:auto;} a {color:inherit;} a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 2} .inner {width:1130px; padding: 0 30px; max-width:100%; margin:0 auto;} .inner-narrow {width:1050px; padding: 0 30px; max-width:100%; margin:0 auto;} .cols {display: flex; justify-content: space-between;} /* HEADER */ .header-top {background-color:#f3f4f5; display: flex; justify-content: flex-end; align-items: center;} .survey-btn {height:40px; font-size: 12px; padding: 0 23px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #ffffff; background-color: #eb212d; display: inline-flex; align-items: center; margin-left: 45px;} .survey-btn span {width:20px; height: 16px; background-image: url(/_assets/icon-speech.png); background-size: cover; margin-right: 15px; opacity: 0.5} .survey-btn:hover {background-color: #2b354b} .header-top p {font-size: 12px; text-transform: uppercase; font-weight: 500; margin-bottom: 0} .logo {font-size: 0} .logo img {width:246px;} header {top: 0; width: 100%; z-index: 100; position: fixed; background-color: #ffffff; transition: 0.2s ease-out} header .inner {width:1130px; max-width: 100%; margin: auto; display:flex; justify-content:space-between; align-items: center; padding: 0 30px;} header.fixed {box-shadow: 0 2px 2px rgba(0,0,0,0.2)} header.fixed nav ul {height: 60px;} header.fixed nav ul ul {top:60px; height: auto; box-shadow: 0 2px 2px rgba(0,0,0,0.2)} header.fixed nav ul ul ul {top:0; box-shadow: 0 2px 2px rgba(0,0,0,0.2)} nav ul {display: flex; height: 100px; text-transform: uppercase; font-weight: 600; font-size: 13px; z-index: 1; transition: 0.2s ease-out} nav li {margin-left: 16px; display: inline-flex; position: relative;} nav li a {display: flex; align-items: center; color:#2b354b; text-decoration: none; transition:0.2s ease-out} nav li a:hover {color:#db4849} nav li.active a {color:#eb212d} nav ul ul {height:auto; position: absolute; background-color: #ffffff; top:100px; flex-direction: column; letter-spacing: 2px; width:280px; left: -99999px} nav ul ul li {margin: 0; padding: 0; display: block; background-position: -999999px; background-repeat: no-repeat; position: relative} nav ul ul li a {padding: 20px 35px; height: auto; margin: 0; line-height: 1.4em; position: relative; display: block; z-index: 5} nav ul ul li a:after {content: ''; width:calc(100% - 44px); border-top:1px solid #eb212d; position: absolute; left: 22px; bottom: 0} nav ul ul li:last-child a:after {display: none} nav ul ul li:hover {background-color: #eb212d} nav ul ul li:hover a {color:#ffffff} nav ul ul li:hover:after {width:100%; height: calc(100% + 1px); left: 0; top:-1px; background-color: #eb212d; content:''; position: absolute} nav ul ul li:hover ul li a {color:#111f39} nav ul ul li ul li a:after {border-color:#c4c7cc} nav ul ul ul {position: absolute; background-color: #f3f4f5; top:0; flex-direction: column; left: -99999px !important} nav ul ul ul li {transition:0.2s ease-out} nav ul ul ul li a {padding: 15px 30px; transition:0.2s ease-out} nav ul ul ul li:hover {z-index: 5} nav ul ul ul li:hover a {color:#ffffff !important} nav ul ul ul li:hover a:after {border-color:#eb212d} nav li:hover ul {left: -60px;} nav ul ul li:hover ul {left: 280px !important} /* HERO CONTAINER */ .hero-container {display: flex; flex-direction: column; height: 50vh; min-height: 250px; position: relative; background-size: cover; background-position: right; margin-top: 140px;} .hero-container:after {background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%); position: absolute; left: 0; bottom: 0; width:100%; height: 80%; content: '';} .hero-container .inner {height: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-end; z-index: 2} .hero-container .hero-text {padding-bottom: 90px;} .hero-container .hero-text h1 {font-size: 54px; text-transform: uppercase; font-weight: 800; line-height: 1.15em; color:#ffffff} .hero-container .hero-text h1 span {color:#eb212d} body.extra {padding-top: 50px; } .hero-container-smaller {min-height: unset; height: 350px; max-height: unset} .hero-container-smaller .hero-text {padding-bottom: 40px;} #page1 .hero-container {height: 55.9vw; max-height: calc(100vh - 240px); min-height: 400px;} /* HERO NAV */ .hero-nav {background-color:#f3f4f5; position: relative; z-index: 2; overflow: hidden} .hero-nav ul {list-style: none; font-size: 0;} .hero-nav ul li {display: inline-block; width:25%; text-transform: uppercase; font-size: 14px; vertical-align: top} .hero-nav ul li a {padding: 25px 30px 25px 40px; text-decoration: none; line-height: 1.2em; position: relative; display: block;} .hero-nav ul li img {height: 50px; width: auto; margin-right: 25px;} .hero-nav ul li a div {position: relative; z-index: 2; display: flex; align-items: center;} .hero-nav ul li a:before {height: 24px; width:1px; background-color: #eb212d; position: absolute; left:0; top:50%; margin-top: -12px; content: '';} .hero-nav ul li a:after {width:calc(100% + 2px); height: 100%; content: ''; z-index: 0; position: absolute; left: -1px; top:0; display: none} .hero-nav ul li:first-child a:before {display: none} /* HERO NAV HOVER AND ACTIVE EFFECTS */ .hero-nav ul li.active, .hero-nav ul li:hover {color:#ffffff; position: relative; z-index: 10} .hero-nav ul li:hover img, .hero-nav ul li.active img {filter: brightness(100); opacity: 0.6} .hero-nav li.active a:after, .hero-nav li:hover a:after {display: block} .hero-nav li.active a:after, .hero-nav li:hover a:after {background-color: #eb212d} .hero-nav li.navy.active a:after, .hero-nav li.navy:hover a:after {background-color: #111f39;} .hero-nav li.grey.active a:after, .hero-nav li.grey:hover a:after {background-color: #333333;} .hero-nav li.green.active a:after, .hero-nav li.green:hover a:after {background-color: #264111;} /* NEWSTICKER */ .newsticker-container {padding: 15px 0} .newsticker-container p {margin-bottom: 0px;} .newsticker-container ul {color: #ffffff} .newsticker-container ul li {margin-right: 30px;} .newsticker-container ul li a {color: #ffffff;} /* HERO SUB NAV */ .hero-sub-nav-section {background-color: #e8e9ec;} .hero-sub-nav {display: flex; justify-content: space-between; list-style: none; font-size: 14px; text-transform: uppercase} .hero-sub-nav li {padding: 20px 0} .hero-sub-nav li a {text-decoration: none; line-height: 1.3em} .hero-sub-nav li:hover {color: #eb212d;} .hero-sub-nav li.active {color: #eb212d; font-weight: 600} /* NAVY SECTION */ .floater-expander.navy h2 {color:#111f39} .floater-expander.navy .btn, .floater-expander.navy .tile:hover {background-color: #111f39} /* GREY SECTION */ .floater-expander.grey h2 {color:#333333} .floater-expander.grey .btn, .floater-expander.grey .tile:hover {background-color: #333333} /* GREY SECTION */ .floater-expander.green h2 {color:#264111;} .floater-expander.green .btn, .floater-expander.green .tile:hover {background-color: #264111} /* TILES WITH TEXT */ .tiles-text {} .text-image .inner, .tiles-text .inner, .case-study-carousel-container .inner {width:1050px;} .tiles-text .cols {align-items: center;} .case-study-carousel .col-text, .text-image .col-text, .tiles-text .col-text {width:380px; padding-right: 20px; max-width: 100%; flex-shrink: 0} .tiles-text .col-text .btn {margin-top: 15px;} .col-text h3 {font-size: 26px; line-height: 1.2em; font-weight: 800; margin-bottom: 0.8em; text-transform: uppercase; color: #eb212d;} .col-text ul, .col-text ol, .text-col ul, .text-col ol {font-size: 16px; line-height: 1.4em; font-weight: 400; margin: 1.5em; margin-left: 2em;} .col-text ul li, .col-text ol li, .text-col ul li, .text-col ol li {margin-bottom: 0.5em;} .text-col h1 {font-size: 24px; font-size: 600; text-transform: uppercase; margin:2em 0 1.3em 0;} .text-col h2 {font-size: 18px; font-size: 600; text-transform: uppercase; margin:2em 0 1.3em 0;} .text-col h3 {font-size: 17px; font-size: 600; text-transform: uppercase; margin:2em 0 1.3em 0;} .text-col h4 {font-size: 16px; font-size: 600; text-transform: uppercase; margin:2em 0 1.3em 0;} .text-col h5 {font-size: 15px; font-size: 600; text-transform: uppercase; margin:2em 0 1.3em 0;} .text-col h6 {font-size: 14px; font-size: 600; text-transform: uppercase; margin:2em 0 1.3em 0;} .text-col h1:first-child, .text-col h2:first-child, .text-col h3:first-child, .text-col h4:first-child, .text-col h5:first-child, .text-col h6:first-child {margin-top: 0} .text-one-col {padding-bottom: 40px;} .tiles-text .col-tiles {width:512px; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between} .tile {width:228px; height: 218px; background-color: #f3f4f5; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 20px; margin-bottom: 30px; position: relative} .tile-image {flex-grow: 2; display: flex; align-items: center; justify-content: center;} .tile-image img {width: auto; height: 123px;} .tile p {margin-bottom: 0; font-size: 18px; text-transform: uppercase; color:#3d4663; font-weight: 700; display: block; text-align: center; line-height: 1.1em;} .tile:hover {background-color:#eb212d;} .tile:hover .tile-image img {filter: brightness(100)} .tile:hover p {color:#ffffff} .tiles-text .col-tiles .tile:nth-last-child(2) {margin-bottom: 0} .tiles-text .col-tiles .tile:last-child {margin-bottom: 0} .floater-expander {width:100%; float: left; padding: 60px 0 0 0; display: none; background-color: #ffffff} .floater-expander.open {display: block} /* TEXT AND IMAGE */ .text-image .col-text {padding-top: 60px;} .text-image .col-tiles {width:460px; max-width: 100%;} /* CASE STUDY CAROUSEL */ .case-study-carousel-section {padding: 60px 0;} .case-study-carousel-section h2 {margin-bottom: 1em; padding-left: 30px;} .cs-intro h3, .case-study-carousel h3 {font-weight: 500; text-transform: uppercase; font-size: 18px; margin-bottom: 0.2em; line-height: 1.2em} .cs-intro h4, .case-study-carousel h4 {font-weight: 500;font-size: 13px; margin-bottom: 0.2em; line-height: 1.2em; color:rgba(0,0,0,0.6)} .cs-intro h4 span, .case-study-carousel h4 span {color:#eb212d} .case-study-carousel .btn-text {margin-top: 30px;} .cs-intro {margin-bottom: 40px;} .case-study-carousel .col-text {width:420px;} .case-study-carousel .col-image {width:450px; position: relative;} .case-study-carousel .col-image img {width:100%;} .case-study-carousel-container {position: relative;} .case-study-carousel-container .inner-narrow {padding: 0} .case-study-carousel-container .slide {padding-left: 30px; padding-right: 30px;} .slick-arrow {font-size: 0; width:30px; height: 30px; border-radius: 30px; background-color: #eb212d; background-size: 12px 10px; background-image: url(/_assets/arrow-white.svg); background-repeat: no-repeat; background-position: center; position: absolute; top:50%; margin-top: -15px;} .slick-arrow.slick-prev {transform: rotate(180deg); left: -30px} .slick-arrow.slick-next {left: auto; right:-30px;} .slick-arrow.slick-disabled {opacity: 0.3; filter: saturate(0);} /* TESTIMONIALS */ .testimonials {background-color:#f3f4f5; padding: 60px 0} .testimonials h2 {color:#666666} .testimonials .inner {width:1050px} .testimonial-carousel {display: flex; justify-content: space-between} .testimonial-carousel .slide {width:240px;} .cs-col-testimonial blockquote span, .testimonial-carousel blockquote span {display: inline; font-weight: 600; color:#eb212d; font-size: 16px;} .cs-col-testimonial blockquote, .testimonial-carousel blockquote {display: inline-block; font-size: 13px; font-weight: 400; line-height: 1.5em;} .cs-col-testimonial cite, .testimonial-carousel cite {display: block; font-size: 12px; line-height: 1.4em; font-style: italic; margin: 1em 0 1.5em} .testimonial-carousel .btn-text {font-size: 12px;} .testimonial-carousel-container {position: relative;} .testimonial-carousel-container .carousel-nav {width:100%; padding-left: 30px; padding-right: 30px; position: absolute; top:50%; margin-top: -15px;} .testimonial-carousel-container .carousel-nav .slick-prev {bottom: auto;} .testimonial-carousel-container .carousel-nav .slick-next {bottom: auto;} /* WHAT WE DO */ .text-bullets {padding: 60px 0} .text-bullets .col-text {width: 550px;} .col-bullets {width:325px; font-weight: 600; color:#333333; line-height: 1.4em; padding-left: 20px;} .col-bullets ul {list-style: none} .col-bullets ul li {margin-bottom: 30px; position: relative; padding-left: 55px;} .col-bullets ul li:last-of-type {margin-bottom: 0} .col-bullets ul li:before {width:32px; height: 32px; border-radius: 32px; background-color: #eb212d; content: ''; display: block; position: absolute; top:-6px; left: 0; background-image: url(/_assets/icon-tick.png); background-size: 16px 11px; background-repeat: no-repeat; background-position: center;} /* FULL WIDTH IMAGE */ .full-width-image {font-size: 0} .full-width-image img {width:100%;} /* CASE STUDY LISTING */ .case-study-listing-section {padding: 60px 0} .case-study-header {height: 23.5vw; min-height: 250px; background-size: cover; background-repeat: no-repeat;} .cs-col-testimonial {width:380px; background-color: #f3f4f5; flex-shrink: 0; padding: 45px 55px;} .cs-col-testimonial blockquote {font-size: 18px; font-weight: 600} .cs-col-testimonial cite {font-size: 16px; font-weight: 300; margin-bottom: 0} .cs-col-text {padding-right: 30px; padding-top: 15px;} .cs-col-text .btn-text {margin-top: 25px;} .case-study-listing .cols {padding-top: 25px; align-items: flex-start;} .case-study-listing-section.hidden {display:none;} /* CASE STUDY PAGE */ .case-study-listing-page { padding-bottom: 30px; } .case-study-listing-page .case-study-listing {border-bottom: 1px solid #eb212d; padding-bottom: 60px; margin-bottom: 0;} .case-study-listing-page .case-study-listing-section {padding: 50px 0 0 0;} .case-study-listing-page .case-study-listing-section:last-of-type .case-study-listing {border-bottom: none} /* SORT BY */ .sort-by ul {font-size: 16px; display: flex; list-style: none; margin-top: 60px; color:#666666; font-weight: 500; flex-wrap: wrap} .sort-by ul li {border-right:1px solid #eb212d; padding: 0 24px;} .sort-by ul li a {text-decoration: none} .sort-by ul li:hover a, .sort-by ul li.active a {color:#eb212d} .sort-by ul li:first-of-type {padding-left: 0} .sort-by ul li:last-of-type {border-right: none} /* TEXT TWO FLOW COL */ .two-text-flow-col {padding: 60px 0 50px;} .two-text-flow-col .col-text {column-count: 2} /* TEXT TWO COL */ .two-col-text {padding: 60px 0;} .two-col-text .col {width:calc(50% - 25px)} .two-col-text h3 {text-transform: uppercase; font-size: 18px; color:#000000; font-weight: 600; margin:2em 0 1em 0 } /* GREY PANELS */ .grey-panel-section {/*padding-bottom: 60px;*/} .grey-panel-section .cols {width:calc(100% + 30px); margin-left: -15px; justify-content: flex-start; flex-wrap: wrap;} .grey-panel-section .col {width:33.333%; padding: 15px;} .grey-panel-section .grey-panel {background-color:#f3f4f5; border-radius: 8px; height: 100%; text-align: center; padding: 30px;} .grey-panel-section .grey-panel img {height: 95px; width: auto; margin-bottom: 30px;} .grey-panel-section .grey-panel h3 {font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.3em; margin-bottom: 1em;} /* FORM WITH BG IMAGE */ .form-bg-image {padding: 75px 0; background-size: cover; background-repeat: no-repeat;} .form-bg-image .inner {width: 1190px;} .form-panel {width:558px; max-width: 100%; padding: 35px 70px; background-color: #eb212d} .form-panel h2 {color:#ffffff} .form-panel .btn {background-color: #ffffff; color:#eb212d; min-width: 135px;} .form-panel .btn:hover {color:#ffffff} .form-bg-image-v2 {padding: 0;} .form-bg-image-v2 .form-panel {position: relative;} .form-bg-image-v2 .form-panel:after {position: absolute; z-index: 5; right:100%; top:0; width:99999px; height: 100%; content: ''; background-color: #eb212d} .form-bg-image-v2 .form-panel {width:680px;} /* FREE SURVEY */ .form-panel-free-survey {padding-top: 50px;} .form-panel-free-survey .form-cell {margin-bottom: 30px;} .form-panel-free-survey .form-cell label {margin-bottom: 10px;} .form-panel-free-survey .form-cell input[type='text'] {padding-top: 8px; padding-bottom: 8px;} .form-panel-free-survey .form-cell textarea {height: 140px;} /* SUPPORTS CENTRE */ .two-col-resource .col {width: 100%;} .two-col-resource .col .col-text {column-count: 2;} .two-col-resource .col .col-text div { -webkit-column-break-inside: avoid; } .two-col-resource .col-text h3 { margin-top: 0; margin-bottom: 1.5em; } .two-col-resource .col-text h3:first-of-type {} /*.two-col-resource .col-text ul:last-of-type {margin-bottom: 0}*/ .two-col-resource .col-text ul {list-style: none; line-height: 1.3em; margin-bottom: 3em;} .two-col-resource .col-text ul li {margin-bottom: 0.7em;} .two-col-resource .col-text ul li a {text-decoration: none} .two-col-resource .col-text ul li a:hover {color: #eb212d;} ul.resource li {background-image: url(/_assets/icon-brochure.svg); background-position: left top; background-repeat: no-repeat; padding-left: 40px;} /* VIDEO LISTING */ .video-listing {padding-bottom: 60px;} .video-listing .cols {display: flex; justify-content: flex-start; width:calc(100% + 30px); margin-left: -15px; flex-wrap: wrap} .video-listing .cols .col {width:50%; padding: 15px;} .video-listing h3 {font-size: 18px; font-weight: 500; text-transform: uppercase; line-height: 1.3em; margin-top: 20px;} /* VIDEO CONTAINER */ .video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; /*margin-bottom: 30px;*/} .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* TWO COL WITH CONTENTS */ .two-col-contents ol {font-weight: 600; margin-left: 1.5em; line-height: 1.4em; color:#eb212d} .two-col-contents ol a {color:#333333; text-decoration: none} .two-col-contents ol li {padding-left: 10px; margin-bottom: 10px;} .two-col-contents h3 {font-size: 16px; color:#eb212d; text-transform: none;} .big-pullout {background-color: #f3f4f5; padding: 55px 60px; position: relative;} .big-pullout p {text-transform: uppercase; margin: 0; font-size: 42px; font-weight: 800; line-height: 1em;} .big-pullout p span {color:#eb212d;} .big-pullout:after {width:5000px; position: absolute; left: 100%; background-color: #f3f4f5; top:0; height: 100%; content: '';} /* SEARCH RESULTS */ .search-results {padding: 60px 0} .search-result-item {width:768px; max-width: 100%; margin-bottom: 25px;} .search-result-item p {font-size: 14px; line-height: 1.5em;} .search-result-item h3 a {font-size: 20px; text-decoration: none; display: block; line-height: 1.4em; margin-bottom: 5px;} .search-result-item h4 a {color:#eb212d; font-weight: normal; font-size: 16px; margin-bottom: 6px; display: block} .search-result-item mark {font-weight: normal} .search-result-item h3 a:hover {color:#eb212d} /* FORM STYLES */ .form-row {display: flex; justify-content: space-between} .form-row .form-cell {width:calc(50% - 7px);} input[type='text'] {font-size: 14px; padding:5px 10px; width:100%} textarea {font-size: 14px; padding:5px 10px; width:100%; resize: none; height: 85px;} .form-cell {margin-bottom: 17px;} .form-cell label {color:#ffffff; display: block; margin-bottom: 7px; font-size: 16px;} /* FOOTER */ footer {background-color: #333333; padding: 35px 0; color:#ffffff} footer .inner {width: 1050px; display: flex;} footer h4 {color:#eb212d; text-transform: uppercase; font-size: 13px; font-weight: 600; margin-bottom: 1.25em} .footer-bottom {text-align: center} .footer-bottom .inner {display: block} .col-quicklinks {width:240px;} .col-quicklinks ul {font-size: 12px; list-style: none; line-height: 1.2em;} .col-quicklinks ul li {margin-bottom: 6px} .col-quicklinks ul li a {text-decoration: none} .col-quicklinks ul li a:hover {color:#eb212d;} .col-contact {width:460px; margin-right: 50px;} .col-contact p {font-size: 12px;} .col-contact p strong {font-weight: 600} .col-contact p a {color:#eb212d} .col-contact p a:hover {color:#ffffff} .col-follow {} .col-follow ul.social-list {list-style: none; display: flex; align-items: center;} .col-follow ul.social-list li {margin-right: 15px} .col-follow ul.social-list li img {height:25px; width: auto; max-width: 25px;} .col-follow ul.social-list li:hover {opacity: 0.5} .col-follow ul.social-list li.mb {display: none} .search-box {width:220px; position: relative; margin: 18px 0} .search-box input[type='text'] {font-size: 12px; padding: 8px 30px 8px 10px;} .search-box input[type='submit'] {width:12px; height: 12px; background-image: url(/_assets/icon-search.svg); background-size: cover; background-color: transparent; position: absolute; right:10px; top:50%; margin-top: -6px;} .footer-bottom {padding-top: 20px;} .footer-bottom p {font-size: 12px; line-height: 1.5em;} .footer-bottom p a {color:rgba(255,255,255,0.5); text-decoration: none} .footer-bottom p a:hover {color:rgba(255,255,255,1)} .footer-bottom img {margin-bottom: 15px;} /* 404 PAGE */ .wrapper-404 {padding: 0; display: flex; flex-direction: column; height: 100%;} .wrapper-404 header {padding: 52px 0; position: relative} .wrapper-404 .hero-container {margin-top: 0; height: auto; min-height: unset; flex: 1} .wrapper-404 .hero-container p {color:#ffffff; margin-top: 20px;} .wrapper-404 .back-home {color:#eb212d} /* BUTTONS */ .btn {border-radius: 12px; text-decoration: none; color:#ffffff; font-weight: 600; text-transform: uppercase; display: inline-block; font-size: 12px; background-color: #eb212d; padding: 14px 20px; text-align: center} .btn:hover {background-color: #333333} .btn-text {font-weight: 600; text-decoration: none; color:#eb212d; display: block} .btn-text:hover {color:#333333} .btn-icon {font-size: 12px; text-transform: uppercase; color:#ffffff; font-weight: 600; text-decoration: none; display: flex; align-items: center; line-height: 1.4em;} .btn-icon span {width:16px; height: 20px; background-image: url(/_assets/icon-brochure.svg); background-size: cover; margin-right: 10px;} .btn-icon:hover {color:#eb212d} /* COOKIE BAR */ .cookieBar {width: 100%; background-color: rgba(0,0,0,0.5); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999;} .cookieBar p {color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;} .cookieBar .acceptBtn {background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; } /* GET A QUOTE FORM */ .privacy {margin-top: 10px;} .privacy p {font-size: 12px;} .form-panel.privacy-options { position: relative; margin-bottom: 20px;} .form-panel .privacy-options .privacy-option-row { margin-bottom: 10px; float: left; margin-right: 20px; } .form-panel .privacy-options .privacy-option-row .privacy-option { display: inline-block; } .form-panel .privacy-options .privacy-option-row .privacy-option input[type=checkbox] {margin-right: 5px;} /* .form-panel .privacy-options .privacy-option-row .privacy-option .checkbox { display: inline-block; width: 16px; height: 16px; background-size: cover; background-repeat: no-repeat; margin-right: 8px; background-image: url("/_assets/icon-checkbox-unticked.png"); vertical-align: middle; } .form-panel .privacy-options .privacy-option-row .privacy-option.checked .checkbox { background-image: url("/_assets/icon-checkbox-ticked.png"); } */ .form-panel .privacy-options .privacy-option-row .privacy-option label { font-size: 12px; display: inline-block; color: white; vertical-align: middle; }