/* Importing Fonts */ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700&display=swap'); /* Template Custom Styles */ body { font-family: Poppins, sans-serif; } div.page { font-family: Poppins, sans-serif; overflow-x: hidden; } div.offset { padding: 0% 5.5%; max-width: 100%; } /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 1.125rem 0%; font-family: Poppins, sans-serif; font-size: 2.25rem; line-height: 3rem; font-weight: 700; text-transform: none; color: #003B59; } section.main div.content h2 { margin: 0% 0% 1.125rem 0%; font-family: Poppins, sans-serif; font-size: 1.875rem; line-height: 2.5rem; font-weight: 700; text-transform: none; color: #003B59; } section.main div.content h3 { margin: 0% 0% 1.25rem 0%; font-family: Poppins, sans-serif; font-size: 1.75rem; line-height: 1.75rem; font-weight: 700; text-transform: none; color: #004E74; } section.main div.content h4 { margin: 0% 0% 0% 0%; font-family: Poppins, sans-serif; font-size: 1.5rem; line-height: 2.5rem; font-weight: 700; text-transform: none; color: #003B59; } section.main div.content h5 { margin: 0% 0% 0% 0%; font-family: Poppins, sans-serif; font-size: 1.275rem; line-height: 2.5rem; font-weight: 700; text-transform: none; color: #003B59; } section.main div.content h6 { margin: 0% 0% 0% 0%; font-family: Poppins, sans-serif; font-size: 1.125rem; line-height: 2.5rem; font-weight: 700; text-transform: none; color: #003B59; } section.main div.content p { margin: 0% 0% 1.875rem 0%; font-family: Poppins, sans-serif; font-size: 1rem; line-height: 1.875rem; font-weight: 400; text-transform: none; color: #313131; } section.main div.content a { font-weight: 700; color: #E6005B; } section.main div.content li { margin: 0% 0% 0.938rem 0%; font-family: Poppins, sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; text-transform: none; color: #313131; } section.main div.content hr { height: 2px; background-color: transparent; border: 2px dashed #C0C0C0; } section.main div.content span.title, section.main div.content span.name { display: block; } /* section.main div.content img { display: block; } */ section.main div.content strong.grey-text { color: #DADADA; } section.main div.content strong.pink-text { color: #F27FAD; } section.main div.content ul.solar { padding: 0%; list-style: none; } section.main div.content ul.solar li { margin: 0% 0% 1rem 0%; padding-left: 46px; line-height: 1.5rem; font-weight: 700; position: relative; } section.main div.content ul.solar li:before { content: ''; width: 17px; height: 19px; left: 1px; top: 6px; position: absolute; background-color: #E6005B; transform: skewY(-30deg); } /* Button & Class Styles */ section.main .button { margin: 0%; padding: 0.5em 2em 0.5em 2em; font-family: inherit; font-size: inherit; line-height: inherit; text-decoration: none !important; color: #FFFFFF !important; background-color: #003B59; border: 0px; border-radius: 64px; } section.main .button.blue { color: #FFFFFF !important; background-color: #003B59; } section.main .button.blue:hover { background-color: #4D768B; } section.main .button.pink { color: #FFFFFF !important; background-color: #E6005B; } section.main .button.pink:hover { background-color: #EE4D8D; } section.main .button.green { color: #FFFFFF !important; background-color: #2C7044; } section.main .button.green:hover { background-color: #6C9B7C; } section.main .button.white { color: #003B59 !important; background-color: #FFFFFF; } /* Header Styles */ header.main-et1a { position: fixed; background-color: #FFFFFF; } header.main-et1a div.header-logo { padding: 10px 0% 12px 0%; width: 50%; } header.main-et1a.sticky div.header-logo a { height: 100%; display: block; position: relative; } header.main-et1a div.header-details { padding: 27px 0% 22px 0%; width: 50%; } header.main-et1a div.header-contact { padding: 0%; } header.main-et1a div.header-contact a.icon { margin-top: 0px; margin: 0% 0% 0% 11px; width: 30px; height: 30px; font-size: 1.125rem; line-height: 30px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; position: relative; color: #FFFFFF; background-color: #E6005B; border-radius: 50%; transition: all 0.2s ease; } header.main-et1a div.header-contact a.twitter { padding: 1px 0% 0% 0%; } header.main-et1a div.header-contact a.email { padding: 1px 0% 0% 1px; font-weight: 600; } header.main-et1a div.header-contact a.icon:hover { margin-top: -2px; background-color: #003B59; } header.main-et1a p.header-caption { margin: 0% 0% 24px 0%; } header.main-et1a div.block1 p { margin: 0%; font-family: Poppins, sans-serif; font-size: 1.25rem; line-height: 1.75rem; font-weight: 400; display: inline-block; vertical-align: middle; color: #003B59; transition: all 0.2s ease;} header.main-et1a div.block1 span.label { margin-top: 4px; display: inline-block; vertical-align: middle; transition: transform 0.2s ease;} header.main-et1a div.block1 span.number { margin-top: 2px; margin-left: 19px; font-size: 1.625rem; font-weight: 400; display: inline-block; vertical-align: middle; transition: all 0.2s ease;} header.main-et1a div.block1 a.request-callback { margin-left: 20px; padding: 6px 25px 5px 25px; min-width: 0px; font-size: 1rem; line-height: 1.5rem; font-weight: 700; vertical-align: middle; color: #003B59; background-color: transparent; border: 2px solid #003B59; border-radius: 7px; transition: all 0.2s ease;} header.main-et1a div.block1 a.request-callback:hover { color: #FFFFFF; background-color: #003B59; } header.main-et1a div.block1 button.search-open { margin-top: 0px; margin-left: 20px; padding: 0%; padding-bottom: 2px; width: auto; height: auto; min-width: 0px; font-size: 1.625rem; font-weight: 700; vertical-align: middle; color: #E6005B; background-color: transparent; } header.main-et1a div.block1 button.search-open:hover { color: #003B59; background-color: transparent; } div.header-alert { padding: 16px 24px; font-size: 0.875rem; text-align: center; color: #FFFFFF; background-color: #E6005B; } div.header-alert * { user-select: none; } div.header-alert span.heading { text-align: center; font-weight: 700; cursor: pointer; } div.header-alert span.heading > span.open { margin: 0% 0.5rem; font-size: 1rem; display: inline-block; vertical-align: -1px; cursor: pointer; transition: transform 0.2s ease; } div.header-alert span.heading.opened > span.open { transform: rotate(-180deg); } div.header-alert div.full-message { color: #FFFFFF; opacity: 0; overflow: hidden; transition: height 0.2s ease, opacity 0.2s ease; } div.header-alert div.full-message > div.wrapper { padding: 24px 0% 12px 0%; } header.main-et1a.sticky div.header-logo { left: 5.5%; } header.main-et1a.sticky div.header-logo a, header.main-et1a.sticky div.header-logo a:visited { text-decoration: none !important; border-bottom: 0;} header.main-et1a.sticky div.header-details { padding: 24px 0% 23px 0%; } header.main-et1a.sticky.shrink div.header-details { padding: 6px 10px 5px 0%; } header.main-et1a.shrink { box-shadow: 0 0 71px 30px rgba(0, 0, 0, 0.1); transition: box-shadow 0.5s ease 0s; position: fixed; } header.main-et1a.sticky.shrink div.block1 p { } header.main-et1a.sticky.shrink div.block1 span.number { margin-top: 0px;} header.main-et1a.sticky.shrink div.block1 a.request-callback { } header.main-et1a.sticky.shrink div.header-contact a.icon { width: 24px; height: 24px; font-size: 0.875rem; line-height: 24px; transition: all 0.2s ease; } header.main-et1a.sticky.shrink p.header-caption { margin: 0% 0% 6px 0%; } .normal { font-weight: normal !important;} /* Navigation Styles */ nav.main-et1a { background-color: #003B59; } nav.main-et1a div.offset { padding: 0%; max-width: 1300px; } nav.main-et1a ul { padding: 0% 14px; text-align: center; } nav.main-et1a ul li { position: relative; border-left: 0px; } nav.main-et1a ul li a { padding: 1rem 1rem 0.813rem 1rem; font-family: Poppins, sans-serif; font-size: 0.938rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; color: #FFFFFF; letter-spacing: -0.05em; } nav.main-et1a ul li:hover a { background-color: #004E74; } nav.main-et1a ul li a.current { color: #C8E0F4; } nav.main-et1a ul li div.drop { padding: 24px 26px; width: 300%; min-width: 320px; left: -16px; display: block; visibility: hidden; opacity: 0; background-color: #004E74; transition: all 0.3s ease; } nav.main-et1a ul li div.drop ul { padding: 0%; } nav.main-et1a ul li div.drop li a { margin: 0% 0% 0.5em 0%; font-size: 0.875em; line-height: 1.5em; text-transform: none; } nav.main-et1a ul li div.drop li:hover a { color: #C8E0F4; } nav.main-et1a ul li div.drop.col_3 ul { width: 100%; } nav.main-et1a ul li div.drop div.drop-image { display: none; } nav.main-et1a ul li:hover div.drop { visibility: visible; opacity: 1; } /* Footer Styles */ footer.main-et1a { margin: 0% 0% 3px 0%; } footer.main-et1a div.footer-top { font-family: Poppins, sans-serif; background-color: #004E74; } footer.main-et1a div.footer-top ul { margin: 0%; padding: 0%; list-style: none; } footer.main-et1a div.footer-top li { margin: 0% 0% 0.5rem 0%; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; text-transform: none; color: #FFFFFF; } footer.main-et1a div.footer-top li.footer-heading { margin: 0% 0% 0.938rem 0%; font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #C8E0F4; } footer.main-et1a div.footer-top li.social { margin-top: 0.563rem; padding-left: 2px; } footer.main-et1a div.footer-top li.social a.icon { font-size: 0px; line-height: 0px; font-weight: 400; color: #FFFFFF; } footer.main-et1a div.footer-top li.social a.icon:before { content: ''; font-family: 'Font Awesome 5 Pro'; font-size: 1.125rem; line-height: 1.5rem; font-weight: 400; color: #FFFFFF; } footer.main-et1a div.footer-top li.social a.icon.brands:before { font-family: 'Font Awesome 5 Brands'; } footer.main-et1a div.footer-top li.social a.instagram { margin-right: 5.5%; } footer.main-et1a div.footer-top li.social a.instagram:before { content: '\f16d'; } footer.main-et1a div.footer-top li.social a.twitter { margin-right: 5.4%; } footer.main-et1a div.footer-top li.social a.twitter:before { content: '\f099'; } footer.main-et1a div.footer-top li.social a.linkedin { margin-right: 5.7%; } footer.main-et1a div.footer-top li.social a.linkedin:before { content: '\f0e1'; } footer.main-et1a div.footer-top li.social a.facebook { margin-top: -2px; margin-right: 6.5%; } footer.main-et1a div.footer-top li.social a.facebook:before { content: '\f39e'; font-size: 1rem; } footer.main-et1a div.footer-top li.social a.email { margin-top: 1px; margin-right: 7.4%; font-weight: 700; } footer.main-et1a div.footer-top li.social a.email:before { content: '\f0e0'; } footer.main-et1a div.footer-top li.social span.telephone { display: inline-block; vertical-align: -1px; } footer.main-et1a div.footer-container { padding: 31px 0% 32px 0%; } footer.main-et1a div.footer-left { width: 65%; } footer.main-et1a div.footer-left > ul:nth-child(1) { width: 39.125%; } footer.main-et1a div.footer-left > ul:nth-child(2) { width: 30%; } footer.main-et1a div.footer-left > ul:nth-child(3) { width: 30.875%; } footer.main-et1a div.footer-right { width: 35%; } footer.main-et1a div.footer-right > div:nth-child(1) { padding-left: 12px; max-width: 258px; } footer.main-et1a div.footer-right > div:nth-child(2) { padding-left: 19px; } footer.main-et1a div.footer-copyright { padding: 18px 0% 31px 0%; background-color: #003B59; } footer.main-et1a div.footer-copyright p { margin: 0%; font-family: Poppins, sans-serif; font-size: 0.875rem; line-height: 1.5rem; display: inline-block; vertical-align: middle; color: #FFFFFF; } footer.main-et1a div.footer-copyright p > img { display: none !important; } footer.main-et1a div.footer-copyright p strong { font-weight: 400; } footer.main-et1a div.footer-copyright p:first-of-type:after { margin-left: 2px; content: '|'; } /* Default Template Styles */ section.main { padding: 0%; } section.main div.header { padding: 72px 0% 150px 0%; min-height: 270px; text-align: left; background-size: cover; background-position: center; background-repeat: no-repeat; } section.main div.header h1, section.main div.header span.heading { margin: 0%; font-family: Poppins, sans-serif; font-size: 2.25rem; line-height: 3rem; font-weight: 700; text-transform: none; color: #FFFFFF; } section.main div.header.standard div.offset { padding: 0% 20px; max-width: 1340px; } section.main div.content { overflow: hidden; } section.main div.white { background-color: #FFFFFF; } section.main div.light-grey { background-color: #F6F6F6; } section.main div.blue { background-color: #003B59; } section.main div.table { display: table; } section.main div.table > div.table-cell { display: table-cell; vertical-align: top; position: relative; } /* Table Class Styles */ section.main div.content table { margin: 0% 0% 2.25rem 0%; width: 100%; } section.main div.content table tr { border-bottom: 2px solid #FFFFFF; } section.main div.content table th { padding: 16px 24px; font-size: 1rem; line-height: 1.5rem; font-weight: 700; text-align: left; color: #FFFFFF; background-color: #003B59; border: none !important; } section.main div.content table td { padding: 16px 24px; font-size: 0.875rem; line-height: 1.5rem; text-align: left; color: #444444; background-color: #E3E3E3; border: none !important; } section.main div.content table th > p { margin: 0%; font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #FFFFFF; } section.main div.content table td > p { margin: 0%; font-size: 0.875rem; line-height: 1.5rem; color: #444444; } /* Sub Page Menu Styles */ section.main div.sub-page-menu { margin: 0% 0% 16px 0%; } section.main div.sub-page-menu h3 { margin: 0%; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; color: #272E5F; border-bottom: 1px solid #FFFFFF; } section.main div.sub-page-menu h3 a { padding: 12px 24px; display: block; color: #003B59; } section.main div.sub-page-menu h3 a:hover { text-decoration: none; } section.main div.sub-page-menu h3.current a { background-color: #E3E3E3; } section.main div.sub-page-menu ul { margin: 0%; padding: 0%; list-style: none; } section.main div.sub-page-menu li { margin: 0%; padding: 0%; font-size: 1rem; line-height: 1.5rem; display: block; border-bottom: 0px; } section.main div.sub-page-menu li:before { display: none; } section.main div.sub-page-menu li a { padding: 8px 24px; display: block; position: relative; color: #3A4172; } section.main div.sub-page-menu li a:hover { text-decoration: none; } section.main div.sub-page-menu li a:after { top: 10px; right: 12px; content: '\f054'; font-family: 'Font Awesome 5 Pro'; display: block; position: absolute; transition: right 0.3s ease; } section.main div.sub-page-menu li:hover a:after { right: 8px; } section.main div.sub-page-menu li.current a { background-color: #E3E3E3; } section.main div.sub-page-menu ul.sub-pages li a { padding: 9px 12px 8px 52px; } section.main div.sub-page-menu ul.sub-pages li a:before { top: 10px; left: 35px; content: '\f45c'; font-family: 'Font Awesome 5 Pro'; font-size: 0.5rem; font-weight: 700; display: block; position: absolute; } /* Home Template Styles */ section.home { padding: 0%; } section.home div.content.video { margin: 0%; padding-top: 32.65%; width: 100%; height: 0px; position: relative; overflow: hidden; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; } section.home div.content.video div.video { min-width: 100%; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); } section.home div.content.video div.iframe-responsive { padding-top: 56.25%; width: 100%; height: 0px; position: relative; overflow: hidden; } section.home div.content.video div.iframe-responsive iframe { top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100% !important; height: 100% !important; position: absolute;} section.home div.content.video div.iframe-responsive:after { content: ''; position: absolute; height: 100%; width: 100%; top:0; background: rgba(0,78,116,0.40); z-index:1000;} section.home div.content.video div.caption { width: 100%; max-width: 1000px; bottom: 35%; left: 5.5%; position: absolute; } section.home div.content.video div.caption h1 { margin: 0%; font-family: Poppins, sans-serif; font-size: 5.5rem; line-height: 3rem; text-transform: none; color: #FFFFFF; cursor: default; } section.home div.content.video div.caption h1 span { font-size: 3rem; line-height: 3rem; } section.home div.offset { padding: 0%; max-width: 100%; } section.home div.content table tr { border: none !important; } section.home div.content table td { background-color: transparent; border: none !important; } section.home div.content table td > p { margin: 0% 0% 1.875rem 0%; font-size: 1rem; line-height: 1.875rem; font-weight: 400; color: #292929; } section.home div.left { z-index: 100; } section.home div.left:before { content: ''; width: 200%; height: 2000px; top: 0px; position: absolute; } section.home div.left > div.wrapper { position: relative; z-index: 101; } section.home div.right > div.wrapper { width: 100%; height: 100%; display: block; position: absolute; } section.home div.right > div.wrapper div.image-container { width: 100%; height: 100%; position: relative; } section.home div.right > div.wrapper div.image-container picture, section.home div.right > div.wrapper div.image-container picture > img { width: 100%; height: 100%; position: absolute; object-fit: cover; } section.home div.footer-image { padding-top: 40.35%; width: 100%; height: 0px; position: relative; } section.home div.footer-image picture, section.home div.footer-image picture > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; position: absolute; object-fit: cover; } section.home div.block-1 p { margin: 0% 0% 1.875rem 0%; font-size: 1.125rem; line-height: 1.875rem; font-weight: 400; color: #282828; } section.home div.block-1 .button { margin: 2rem 0% 0% 0%; } section.home div.block-1 div.table-cell { width: 50%; } section.home div.block-1 div.left { padding: 72px 24px 24px 64px; } section.home div.block-1 div.left:before { top: auto; right: -368px; bottom: 0px; background-color: #F6F6F6; transform: skewX(-20deg); } section.home div.block-1 div.right:after { content: ''; width: 1000px; height: 2000px; right: -1180px; bottom: 0px; position: absolute; background-color: #F6F6F6; transform: skewX(-20deg); } section.home div.block-2 h2, section.home div.block-2 h3, section.home div.block-2 h4, section.home div.block-2 h5, section.home div.block-2 h6, section.home div.block-2 p { color: #FFFFFF; } section.home div.block-2 div.table-cell { width: 50%; vertical-align: bottom; } section.home div.block-2 div.left img { display: block; } section.home div.block-2 div.right { padding: 82px 64px 50px 24px; z-index: 100; } section.home div.block-2 div.right > div.wrapper { position: relative; } section.home div.block-3 { padding-top: 83px; } section.home div.block-3 h2 { margin-bottom: 3.938rem; font-weight: 400; color: #004E74; } section.home div.block-3 h2 strong { font-weight: 700; } section.home div.block-3 h3 { font-size: 1.5rem; line-height: 2rem; font-weight: 400; color: #004E74; } section.home div.block-3 p { font-size: 1rem; line-height: 1.875rem; font-weight: 400; color: #292929; } section.home div.block-3 div.table-cell { width: 50%; } section.home div.block-3 div.left { padding: 69px 0% 25px 64px; } section.home div.block-3 div.left:before { right: -534px; background-color: #FFFFFF; transform: skewX(28deg); } section.home div.block-3 div.right:before { content: ''; width: 1000px; height: 2000px; top: 0px; right: -1360px; bottom: 0px; position: absolute; background-color: #FFFFFF; transform: skewX(28deg); z-index: 100; } section.home div.block-4 { margin: 0%; background-image: url('../images/carbon-footprint-background.jpg'); background-size: cover; background-repeat: no-repeat; } section.home div.block-4 h2, section.home div.block-4 h3, section.home div.block-4 h4, section.home div.block-4 h5, section.home div.block-4 h6, section.home div.block-4 p { color: #FFFFFF; } section.home div.block-4 h3 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 400; } section.home div.block-4 div.table-cell { width: 50%; } section.home div.block-4 div.left { padding: 112px 7% 112px 64px; } section.home div.block-4 div.left:before { display: none; } section.home div.block-4 div.right { padding: 72px 64px 112px 7%; position: relative; z-index: 100; } section.home div.block-5 div.left { padding: 127px 200px 25px 64px; width: 41%; background-color: #E6005B; } section.home div.block-5 div.left h2, section.home div.block-5 div.left h3, section.home div.block-5 div.left h4, section.home div.block-5 div.left h5, section.home div.block-5 div.left h6, section.home div.block-5 div.left p { color: #FFFFFF; } section.home div.block-5 div.left h2 { margin: 0% 0% 1.688rem 0%; font-weight: 700; } section.home div.block-5 div.left h3 { font-size: 1.5rem; line-height: 2.25rem; font-weight: 400; } section.home div.block-5 div.left:before { content: ''; width: 1000px; height: 2000px; top: 0px; left: -1440px; position: absolute; background-color: #FFFFFF; transform: skewX(-28deg); z-index: 100; } section.home div.block-5 div.right { padding: 152px 62px 82px 13px; width: 59%; } section.home div.block-5 div.right:before { content: ''; width: 200%; height: 2000px; top: 0px; left: -534px; position: absolute; background-color: #FFFFFF; transform: skewX(-28deg); z-index: 100; } section.home div.block-5 div.right > div.wrapper { position: relative; z-index: 101; } section.home div.block-6 div.offset { padding: 0% 64px; } /* Standard Template Styles */ section.standard div.header { padding: 0%; text-align: left; overflow: hidden; } section.standard div.header h1, section.standard div.header span.heading { line-height: 3.75rem; font-weight: 700; position: relative; z-index: 100; } section.standard div.header div.offset { padding: 0% 11%; } section.standard div.header div.table-wrap { width: auto; max-width: 500px; min-height: 500px; display: table; position: static; } section.standard div.header div.wrapper { padding: 66px 10px; display: table-cell; position: relative; } section.standard div.header div.wrapper:before { content: ''; padding: 0% 290px 0% 102px; width: 100%; height: 100%; top: 0px; left: -170px; bottom: 0px; display: block; position: absolute; background-color: rgba(0,59,89,0.8); transform: skewX(-28deg); z-index: 10; box-sizing: initial; } section.standard div.header.standard { padding: 72px 0% 150px 0%; } section.standard div.header.standard div.offset h1 { font-size: 2.25rem; line-height: 3.75rem; } section.standard div.white div.offset { padding: 0%; max-width: 100%; } section.standard div.block-1 { padding-top: 83px; } section.standard div.block-1 div.offset { padding: 0% 20px; max-width: 1340px; } section.standard div.block-2 { padding-top: 83px; } section.standard div.block-2 h3 { font-size: 1.5rem; line-height: 2rem; font-weight: 400; color: #004E74; } section.standard div.block-2 p { font-size: 1rem; line-height: 1.875rem; font-weight: 400; color: #292929; } section.standard div.block-2 div.offset { padding: 0%; } section.standard div.block-2 div.table-cell { width: 50%; } section.standard div.block-2 div.left { padding: 69px 0% 25px 64px; z-index: 100; } section.standard div.block-2 div.left:before { content: ''; width: 200%; height: 2000px; top: 0px; right: -534px; position: absolute; background-color: #FFFFFF; transform: skewX(28deg); } section.standard div.block-2 div.left > div.wrapper { position: relative; z-index: 101; } section.standard .image_container .image_dimensions { padding: 0%; } /* NEW STANDARD TEMPLATE STYLES */ section.standard .white { background-color: #FFFFFF; } section.standard .light-grey { background-color: #F6F6F6; } section.standard .blue { background-color: #003B59; } section.standard .pink { background-color: #E6005B; } section.standard .full-width { padding: 0%; width: 100%; display: block; } section.standard .full-width > div.container { padding: 82px 5.5%; width: 100%; display: block; } section.standard .full-width > div.container > div:first-child { margin: 0% auto; max-width: 1280px; } section.standard .split { padding: 0%; width: 100%; display: table; } section.standard .split > div.container { padding: 82px 5.5%; width: 50%; display: table-cell; vertical-align: top; position: relative; } section.standard .split > div.image { padding: 0%; min-height: 480px; } section.standard .split > div.image picture, section.standard .split > div.image picture > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; object-fit: cover; object-position: center; } section.standard .split > div.container ul { padding: 0%; list-style: none; } section.standard .split > div.container ul li { margin: 0% 0% 1rem 0%; padding-left: 46px; line-height: 1.5rem; font-weight: 400; position: relative; } section.standard .split > div.container ul li:before { content: ''; width: 17px; height: 19px; left: 1px; top: 6px; position: absolute; background-color: #E6005B; transform: skewY(-30deg); } section.standard .split > div.mobile { display:none; } section.standard .blue h2, section.standard .blue h3, section.standard .blue h4, section.standard .blue h5, section.standard .blue h6, section.standard .blue p, section.standard .blue li { color: #FFFFFF !important; } section.standard .blue a { color: #77D2FF !important; text-decoration: underline; } section.standard .pink h2, section.standard .pink h3, section.standard .pink h4, section.standard .pink h5, section.standard .pink h6, section.standard .pink p, section.standard .pink li { color: #FFFFFF !important; } section.standard .pink a { color: #FFB9D4 !important; text-decoration: underline; } /* Case Studies Template Styles */ section.case-studies div.light-grey div.offset { padding: 0% 20px; max-width: 100%; } section.case-studies div.white div.offset { padding: 0% 20px; max-width: 100%; } section.case-studies div.blue { background-color: #004E74; } section.case-studies div.blue div.offset { padding: 0% 20px; max-width: 100%; } section.case-studies div.back-to-case-studies { padding: 38px 0% 0% 62px; } section.case-studies div.back-to-case-studies a.arrow.back { font-weight: 600; color: #E6005B; } section.case-studies div.back-to-case-studies a.arrow.back:before { content: '\f053'; margin-right: 0.75rem; font-family: 'Font Awesome 5 Pro'; font-size: 1.125rem; display: inline-block; vertical-align: -1px; } section.case-studies div.panel-listing { padding: 36px 0% 0% 0%; text-align: center; } section.main div.title-block { padding: 120px 0% 120px 48px; width: 22%; } section.main div.title-block h3 { margin: 0% 0% 0.563rem 0%; font-size: 2.25rem; line-height: 2.75rem; font-weight: 700; color: #003B59; } section.main div.title-block p { font-size: 1.125rem; color: #003B59; } section.main div.title-block:before { display: none; } section.main div.case-study-block { width: 78%; z-index: 100; } section.main div.blue div.title-block h3, section.main div.blue div.title-block p { color: #FFFFFF; } section.case-studies div.content img { display: inline-block; } section.case-studies div.block-1 { padding-top: 0px; } section.case-studies div.block-2 { padding-top: 0px; } section.case-studies div.block-3 { padding-top: 83px; } section.case-studies div.block-3 h2 { margin-bottom: 3.938rem; font-weight: 400; color: #004E74; } section.case-studies div.block-3 h2 strong { font-weight: 700; } section.case-studies div.block-3 h3 { font-size: 1.5rem; line-height: 2rem; font-weight: 400; color: #004E74; } section.case-studies div.block-3 p { font-size: 1rem; line-height: 1.875rem; font-weight: 400; color: #292929; } section.case-studies div.block-3 div.offset { padding: 0%; } section.case-studies div.block-3 div.table-cell { width: 50%; } section.case-studies div.block-3 div.left { padding: 69px 0% 25px 64px; z-index: 100; } section.case-studies div.block-3 div.left:before { content: ''; width: 200%; height: 2000px; top: 0px; right: -534px; position: absolute; background-color: #FFFFFF; transform: skewX(28deg); } section.case-studies div.block-3 div.left > div.wrapper { margin: 0% auto; padding-left: 40px; max-width: 480px; position: relative; z-index: 101; } section.case-studies div.block-3 div.right:before { content: ''; width: 1000px; height: 2000px; top: 0px; right: -1360px; bottom: 0px; position: absolute; background-color: #FFFFFF; transform: skewX(28deg); z-index: 100; } /* Panel Styles */ section.main div.panel-listing a.panel { margin: 0% 1% 2% 1%; width: 20%; max-width: 370px; text-decoration: none; display: inline-block; vertical-align: top; position: relative; background-color: #FFFFFF; border: 5px solid #FFFFFF; border-radius: 5px; box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.07); transition: border-color 0.3s ease; } section.main div.panel-listing a.panel div.image_container { padding-top: 66.666%; } section.main div.panel-listing a.panel div.image_container img, section.main div.panel-listing a.panel div.image_container picture, section.main div.panel-listing a.panel div.image_container picture > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; position: absolute; object-fit: cover; object-position: center; transition: all 0.2s ease; } section.main div.panel-listing a.panel div.detail { margin-top: -1px; padding: 14px 6px; text-align: center; display: block; } section.main div.panel-listing a.panel div.detail span.title { margin: 0%; font-family: Poppins, sans-serif; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; color: #003B59; transition: all 0.3s ease; } section.main div.panel-listing a.panel div.overlay { top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; background-color: rgba(0,59,89,0.9); opacity: 0; z-index: 100; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; } section.main div.panel-listing a.panel div.overlay div.container { padding: 7px 16px 0% 16px; top: 60%; text-align: center; display: block; position: relative; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%);transition: top 0.5s ease; -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease; } section.main div.panel-listing a.panel div.overlay div.container img { margin: 9px auto 12px auto; } section.main div.panel-listing a.panel div.overlay div.container span.title { margin: 0%; font-family: Poppins, sans-serif; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; text-transform: uppercase; color: #FFFFFF; transition: all 0.2s ease; } section.main div.panel-listing a.panel div.overlay div.container p { margin: 0%; font-family: Poppins, sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; color: #FFFFFF; } section.main div.category-studies a.panel div.detail span.title { text-transform: none; } section.main div.category-studies a.panel div.overlay div.container span.title { text-transform: none; } /* Panel Hover Styles */ section.main div.panel-listing a.panel:hover { text-decoration: none !important; border-color: #003B59; } section.main div.panel-listing a.panel:hover div.image img { filter: grayscale(100%); } section.main div.panel-listing a.panel:hover div.detail span.title { text-decoration: none !important; opacity: 0; } section.main div.panel-listing a.panel:hover div.overlay { opacity: 1; } section.main div.panel-listing a.panel:hover div.overlay div.container { top: 50%; } /* Panel Spacing Styles */ section.main div.panel-listing a.panel:nth-of-type(4n+1) { margin-left: 0%; } section.main div.panel-listing a.panel:nth-of-type(4n+2) { margin-left: 2.666%; } section.main div.panel-listing a.panel:nth-of-type(4n+3) { margin-left: 2.666%; } section.main div.panel-listing a.panel:nth-of-type(4n+4) { margin-left: 2.666%; } /* Featured Panel Styles */ section.main div.panel-listing a.featured div.detail { background-color: #E6005B; } section.main div.panel-listing a.featured div.detail span.title { text-transform: none; color: #FFFFFF; } section.main div.panel-listing a.featured div.overlay { background-color: rgba(230,0,91,0.9); } section.main div.panel-listing a.featured div.overlay div.container span.title { text-transform: none; } section.main div.panel-listing a.featured:hover { border-color: #E6005B; } /* Recent Panel Styles */ section.main div.panel-listing a.recent div.detail { background-color: #003B59; } section.main div.panel-listing a.recent div.detail span.title { text-transform: none; color: #FFFFFF; } section.main div.panel-listing a.recent div.overlay { background-color: rgba(0,59,89,0.9); } section.main div.panel-listing a.recent div.overlay div.container span.title { text-transform: none; } section.main div.panel-listing a.recent:hover { border-color: #003B59; } section.detail-page div.header div.table-wrap { min-height: 500px; } section.detail-page div.block-1 div.table, section.detail-page div.block-2 div.table { padding: 0%; max-width: 100%; } section.detail-page div.block-1 div.table-cell, section.detail-page div.block-2 div.table-cell { width: 50%; } /*section.detail-page div.content div.offset h1, section.detail-page div.content div.offset h2 { font-size: 1.5rem; line-height: 1.75rem; font-weight: 700; }*/ section.detail-page div.block-1 div.left { padding: 82px 5.5%; background-color: #FFFFFF; } section.detail-page div.block-1 div.right { padding: 82px 5.5%; background-color: #004E74; } section.detail-page div.block-1 div.right * { color: #FFFFFF; } section.detail-page div.block-1 div.right a { color: #77D2FF; text-decoration: underline; } section.detail-page div.block-1 div.right ul { padding: 0%; list-style: none; } section.detail-page div.block-1 div.right ul li { margin: 0% 0% 1rem 0%; padding-left: 46px; line-height: 1.5rem; font-weight: 400; position: relative; } section.detail-page div.block-1 div.right ul li:before { content: ''; width: 17px; height: 19px; left: 1px; top: 6px; position: absolute; background-color: #E6005B; transform: skewY(-30deg); } section.detail-page div.block-1 div.image { padding: 0%; } section.detail-page div.block-1 div.image picture, section.detail-page div.block-1 div.image picture > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; object-fit: cover; object-position: center; } section.detail-page div.block-2 div.image { padding: 0%; } section.detail-page div.block-2 div.image picture, section.detail-page div.block-2 div.image picture > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; object-fit: cover; object-position: center; } section.detail-page div.block-2 div.right { padding: 82px 5.5%; background-color: #FFFFFF; z-index: 100; } section.detail-page div.block-3 { padding: 98px 32px 84px 32px; background-color: #E6005B; } section.detail-page div.block-3 div.offset a { text-decoration: underline; } section.detail-page div.block-3 div.image { padding: 0%; } section.detail-page div.block-3 div.image > picture, section.detail-page div.block-3 div.image > picture > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; object-fit: cover; object-position: center; } section.detail-page div.block-3 div.left { padding: 82px 5.5%; } section.detail-page div.block-3 div.left:before, section.detail-page div.block-3 div.right:before { display: none; } section.detail-page div.block-3.light-grey { background-color: #F6F6F6; } section.detail-page div.block-3.pink div.offset * { color: #FFFFFF; } section.detail-page #recent-case-studies div.slick-slider button.slick-prev, section.detail-page #recent-case-studies div.slick-slider button.slick-next { background-color: #003B59; } section.detail-page #recent-case-studies div.slick-slider button.slick-prev:before, section.detail-page #recent-case-studies div.slick-slider button.slick-next:before { color: #FFFFFF; } section.detail-page div.register-interest { padding: 86px 32px; text-align: center; } section.detail-page div.register-interest h3 { margin: 0% 0% 2.75rem 0%; font-size: 1.875rem; line-height: 2.5rem; font-weight: 700; } section.detail-page div.register-interest > div.offset { max-width: 1340px; } /* News Template Styles */ section.news div.split { background-image: linear-gradient(to right, #FFFFFF 50%, #EEEEEE 50%); } section.news div.column.left { margin-bottom: -100%; padding: 83px 32px 72px 0%; padding-bottom: 106%; width: 75%; display: inline-block; vertical-align: top; background-color: #FFFFFF; } section.news div.column.right { padding: 83px 0% 0% 0%; width: 25%; display: inline-block; vertical-align: top; background-color: #EEEEEE; } section.news div.filter { padding: 4px 0% 20px 0%; } section.news a.panel { margin: 0% 0% 21px 3.5%; width: 31%; text-align: center; display: inline-block; vertical-align: top; color: #FFFFFF; background-color: #003B59; transition: background-color 0.3s ease; } section.news a.panel h3 { margin: 0%; font-size: 0.875rem; line-height: 1.125rem; text-transform: uppercase; color: #FFFFFF; } section.news a.panel p { margin: 0%; font-size: 0.875rem; line-height: 1.125rem; text-transform: none; color: #FFFFFF; } section.news a.panel div.icon { padding: 16px 0%; } section.news a.panel div.icon img { max-width: 88px; top: 0px; position: relative; transition: top 0.3s ease; } section.news a.panel div.details { padding: 0% 8px 25px 8px; } section.news a.panel:hover { text-decoration: none !important; background-color: #004E74; } section.news a.panel:hover div.icon img { top: -4px; } section.news a.panel:nth-of-type(3n+1) { margin: 0% 0% 21px 0%; } section.news a.panel:nth-of-type(3n+2) { margin: 0% 0% 21px 3.5%; } section.news a.panel:nth-of-type(3n+3) { margin: 0% 0% 21px 3.5%; } section.news div.sub-page-menu li { font-size: 0.813rem; } section.news div.sub-page-menu li a { padding: 8px 24px; display: block; position: relative; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; color: #003B59; } section.news div.sub-page-menu li a:before { content: ''; display: none; } section.news div.sub-page-menu li a:after { content: ''; display: none; } section.news div.sub-page-menu.archive h3 { margin-bottom: 0.5rem; border-bottom: 0px; } section.news div.sub-page-menu.archive ul { padding: 0% 0% 0% 24px; } section.news div.sub-page-menu.archive li { margin: 0% 7px 21px 0%; font-size: 0.938rem; font-weight: 600; display: inline-block; border-bottom: 0px; } section.news div.sub-page-menu.archive li a { padding: 3px 14px; display: block; position: relative; color: #FFFFFF; background-color: #E6005B; } section.news div.sub-page-menu.archive li a:before { display: none; } section.news div.sub-page-menu.archive li.current a { color: #FFFFFF; background-color: #003B59; } /* Contact Template Styles */ section.contact div.block-1 div.table > div.left { padding-right: 24px; } section.contact div.block-1 div.table > div.right { padding-left: 24px; } section.contact div.block-1 div.table > div.table-cell { width: 50%; } section.contact div.block-2 { padding: 64px 0%; } section.contact div.block-2 div.offset { margin-top: 1.5rem; padding: 0% 32px; max-width: 1364px; text-align: center; } section.contact div.block-2 div.table > div.table-cell { padding: 48px 32px; width: 25%; text-align: left; } section.contact div.block-2 div.table > div.table-cell * { color: #FFFFFF; } section.contact div.block-2 div.table > div.light-pink { color: #FFFFFF; background-color: #B80049; } section.contact div.block-2 div.table > div.pink { color: #FFFFFF; background-color: #E6005B; } section.contact div.block-2 div.table > div.blue { color: #FFFFFF; background-color: #004E74; } section.contact div.block-2 div.table > div.dark-blue { color: #FFFFFF; background-color: #003B59; } /* Popup Panel Styles */ div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) { padding: 48px 32px; width: 100%; max-width: 580px; text-align: center; color: #333333; border-radius: 0px; box-shadow: none; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.close { top: 18px; right: 18px; font-size: 0px; opacity: 0.1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.close:before { width: 24px; height: 24px; content: '\f00d'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; line-height: 26px; text-align: center; display: block; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.close:hover { opacity: 1; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) input, div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) select, div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) textarea { margin: 6px 0% 0% 0%; padding: 7px 12px; width: 90%; display: inline-block; vertical-align: middle; border: 1px solid #C4D7C4; border-radius: 2px; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.red-star { width: 7%; display: inline-block; vertical-align: middle; text-align: center; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) label { margin: 1rem 0%; text-align: left; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button { margin: 36px 0% 0% 0%; padding: 7px 30px 8px 26px; display: inline-block; text-transform: uppercase; color: #FFFFFF; background-color: #1F2F24; border-radius: 8px; letter-spacing: 0px; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button:hover { background-color: #607743; border-color: #607743; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert p { margin: 0% 0% 32px 0%; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert ul { margin: 0; padding: 0; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert li { text-align: center; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert span.message { display: block; text-align: center; margin-bottom: 1em; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).form.checkout_address { max-height: 90%; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).form button.close { display: none; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button.close { margin: 36px 0% 0% 0%; padding: 7px 30px 8px 26px; display: inline-block; text-transform: uppercase; color: #FFFFFF; background-color: #5D5D5D; border-radius: 8px; letter-spacing: 0px; } div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button.close:hover { background-color: #797979; border-color: #797979; } div.popup-panel[class*="wg_popup_"] { background-position: center top !important; } /* Button & Class Styles */ div.popup-panel .button { margin: 0%; padding: 0.438rem 2rem 0.563rem 2rem; font-family: inherit; font-size: inherit; line-height: inherit; text-decoration: none !important; color: #FFFFFF !important; background-color: #003B59; border: 0px; border-radius: 64px; } div.popup-panel .button.blue { color: #FFFFFF !important; background-color: #003B59; } div.popup-panel .button.blue:hover { background-color: #4D768B; } div.popup-panel .button.pink { color: #FFFFFF !important; background-color: #E6005B; } div.popup-panel .button.pink:hover { background-color: #EE4D8D; } div.popup-panel .button.green { color: #FFFFFF !important; background-color: #2C7044; } div.popup-panel .button.green:hover { background-color: #6C9B7C; } div.popup-panel .button.white { color: #003B59 !important; background-color: #FFFFFF; } /* Form Builder Styles */ div.form_container { max-width: 900px; margin:auto; } div.form_container form div.field-block { padding: 8px 0%; } div.form_container form div.field-block input[type=text], div.form_container form div.field-block input[type=date], div.form_container form div.field-block input[type=time], div.form_container form div.field-block textarea, div.form_container form div.field-block select { padding: 8px 12px; width: 100%; font-size: 1em; line-height: 1.25em; border: 1px solid #CCCCCC; border-radius: 4px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } div.form_container form div.field-block textarea { min-height: 6.125em; } div.form_container form div.field-block input[type=checkbox] { margin: 0%; top: 12px; left: 8px; position: absolute; } div.form_container form div.field-block span.field-label { padding: 8px 8px 6px 8px; } div.form_container form div.field-block span.field-label.checkbox { padding: 8px 8px 6px 32px; position: relative; } div.form_container form div.field-block input[type=text]:focus, div.form_container form div.field-block input[type=date]:focus, div.form_container form div.field-block input[type=time]:focus, div.form_container form div.field-block textarea:focus, div.form_container form div.field-block select:focus { border: 1px solid #9CC9DC; } div.form_container form button { margin: 0%; padding: 0.438rem 2rem 0.563rem 2rem; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: none; color: #FFFFFF; background-color: #E6005B; border: 0px; border-radius: 64px; } div.form_container form button:hover { color: #FFFFFF; background-color: #E6005B; } div.form_container form.formBuilder div.form-buttons { margin: 16px 0% 0% 0%; text-align: center; } div.form_container form .g-recaptcha > div { margin: 0% auto; } /* Search Popup Styles */ div.page div.search-popup { background-color: rgba(0,59,89,0.9); } div.page div.search-popup form { border-bottom: 1px solid rgba(255,255,255,0.8); } div.page div.search-popup input { color: #FFFFFF; } div.page div.search-popup input::placeholder { color: #FFFFFF; } div.page div.search-popup span.close { content: '\f00d'; font-family: 'Font Awesome 5 Pro'; font-size: 24px; line-height: 24px; color: #FFFFFF; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; } div.page div.search-popup span.close:hover { color: #E6005B; } div.page div.search-popup button[type=submit] { content: '\f002'; font-family: 'Font Awesome 5 Pro'; font-size: 32px; line-height: 32px; color: #FFFFFF; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; } div.page div.search-popup button[type=submit]:hover { color: #E6005B; } div.page div.search-popup div.popup-container { max-height: 200px; } div.page form.search-page { margin: 1rem 0% 2.5rem 0% !important; } div.page form.search-page input { padding: 8px 12px; font-size: 1em; line-height: 1.25em; border: 1px solid #CCCCCC; border-radius: 4px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } div.page form.search-page button[type=submit] { margin: 0% 0% 0% 0.5em; padding: 0.438rem 2rem 0.563rem 2rem; min-width: 0px; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: none; color: #FFFFFF; background-color: #E6005B; border: 0px; border-radius: 64px; } div.page form.search-page button[type=submit] img { display: none !important; } div.page form.search-page button[type=submit]:hover { color: #FFFFFF; background-color: #E6005B; } div.page ul.search_results li > a { font-size: 1.125rem; font-weight: 700; color: #E6005B; } section.main div.content div.news-article { margin-bottom: 2rem; } section.main div.content div.news-article p { margin: 0; } .page .cookie-policy.bottom { height: 120px; background-color: #E8E8E8; } .page .cookie-policy.bottom .cookie-content { margin: 0% auto; padding: 18px 2rem; max-width: 1332px; } .page .cookie-policy.bottom .cookie-content * { margin: 0%; } .page .cookie-policy.bottom .cookie-content p { width: auto; flex: 1; } .page .cookie-policy.bottom .button-container { padding-left: 2rem; width: 200px; text-align: right; } .page button.accept-cookies { background-color: #4C4C4C; } /* 1260px Resolution Specific Behaviour */ @media only screen and (min-width:1600px) { section.main div.panel-listing a.panel { margin-bottom: 2.666%; } section.case-studies div.panel-listing.panel-tiling { display: flex; flex-wrap: wrap; justify-content: center; } section.case-studies div.panel-listing .slick-track { margin: 0 auto; } section.case-studies div.panel-listing a.panel { } section.main div.panel-listing a.panel:nth-of-type(4n+1), section.main div.panel-listing a.panel:nth-of-type(4n+2), section.main div.panel-listing a.panel:nth-of-type(4n+3), section.main div.panel-listing a.panel:nth-of-type(4n+4) { } } @media only screen and (min-width: 0px) and (max-width: 1280px) { header.main-et1a div.offset { padding: 0% 18px; } /* Navigation Styles */ nav.main-et1a ul { text-align: center; } nav.main-et1a ul li a { padding: 1rem 0.5rem 0.813rem 0.563rem; } /* Home Template Styles */ /* Home Template Styles */ section.home div.content.video div.caption { width: 100%; max-width: 1000px; bottom: 25%; left: 5.5%; position: absolute; } section.home div.content.video div.caption h1 { margin: 0%; font-family: Poppins, sans-serif; font-size: 4rem; line-height: 2.0rem; text-transform: none; color: #FFFFFF; cursor: default; } section.home div.content.video div.caption h1 span { font-size: 2.2rem; line-height: 1.6rem; } section.home div.block-1 div.left { padding: 72px 0% 24px 24px; } section.home div.block-2 div.table-cell { width: 100%; display: block; } section.home div.block-2 div.left { display: none !important; } section.home div.block-2 div.right { padding: 82px 24px 50px 24px; } section.home div.block-3 div.left { padding: 69px 0% 25px 24px; } section.home div.block-4 div.left { padding: 112px 7% 112px 24px; } section.home div.block-4 div.right { padding: 72px 24px 112px 24px; } section.home div.block-5 div.left { padding: 127px 200px 25px 24px; } section.home div.block-5 div.right { padding: 152px 24px 82px 24px; } section.home div.block-6 div.offset { padding: 0% 24px; } /* Case Studies Template Styles */ section.detail-page div.block-1 div.table, section.detail-page div.block-2 div.table { display: block; } section.detail-page div.block-1 div.table-cell, section.detail-page div.block-2 div.table-cell { width: 100%; display: block; } /* News Template Styles */ section.news div.split { background-color: #FFFFFF; background-image: none; } section.news div.split div.offset { padding: 0%; } section.news div.column.left { margin-bottom: 0%; padding: 83px 5.5% 48px 5.5%; width: 100%; display: block; } section.news div.column.right { padding: 48px 0% 16px 0%; width: 100%; display: block; } section.news div.sub-page-menu li a { padding: 7px 5.5% 6px 5.5%; display: block; position: relative; } section.news div.sub-page-menu.archive ul { padding: 8px 5.5% 24px 5.5%; } section.main div.sub-page-menu h3 a { padding: 12px 5.5%; } /* 1100px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 1100px) { /* Header Styles */ header.main-et1a div.block1 p { font-size: 1rem; line-height: 1.5rem; } header.main-et1a div.block1 span.label { display: none; } header.main-et1a div.block1 span.number { display: none; } header.main-et1a div.block1 a.request-callback { margin-left: 14px; padding: 6px 14px 5px 14px; font-size: 1rem; line-height: 1.5rem; } header.main-et1a div.block1 a.search-open { display: none !important; } /* Navigation Styles */ nav.main-et1a ul { padding: 0%; } nav.main-et1a ul li a { padding: 1rem 0.5rem 0.813rem 0.5rem; font-size: 0.813rem; } section.main div.table { display: block; } section.main div.table > div.table-cell { width: 100%; display: block; } /* Home Template Styles */ section.home div.content.video { margin: 0%; } section.home div.block-1 div.table-cell { width: 100%; display: block; } section.home div.block-1 div.left { padding: 72px 24px 24px 24px; } section.home div.block-1 div.left:before { display: none; } section.home div.block-1 div.right:after { display: none; } section.home div.block-1 div.right { padding-top: 420px; } section.home div.block-1 div.right > div.wrapper { top: 0px; } section.home div.block-3 { padding-top: 72px; } section.home div.block-3 > div.wrapper { padding: 0% 24px; } section.home div.block-3 div.table-cell { width: 100%; display: block; } section.home div.block-3 div.left { padding: 0% 24px 32px 24px; } section.home div.block-3 div.left:before { display: none; } section.home div.block-3 div.right { padding-top: 420px; } section.home div.block-3 div.right:before { display: none; } section.home div.block-3 div.right > div.wrapper { top: 0px; } section.home div.block-4 { margin: 0%; } section.home div.block-4 div.table-cell { width: 100%; display: block; } section.home div.block-4 div.left { padding: 64px 24px 24px 24px; } section.home div.block-4 div.right { padding: 24px 24px 64px 24px; position: relative; z-index: 100; } section.home div.block-4 div.right img { display: none !important; } section.home div.block-5 div.table-cell { width: 100%; display: block; } section.home div.block-5 div.left { padding: 58px 24px 42px 24px; } section.home div.block-5 div.left:before { display: none; } section.home div.block-5 div.right { padding: 64px 24px; width: 100%; } section.home div.block-5 div.right:before { display: none; } /* Case Studies Template Styles */ section.case-studies div.featured > div.table { display: block !important; } section.case-studies div.most-recent > div.table { display: block !important; } section.case-studies div.title-block { padding: 86px 0% 0% 0%; width: 100%; display: block !important; } section.case-studies div.case-study-block { width: 100%; display: block !important; } /* Contact Template Styles */ section.contact div.block-1 div.table { display: table; } section.contact div.block-1 div.table > div.table-cell { width: 50%; display: table-cell; vertical-align: top;} section.contact div.block-2 div.table { display: flex; flex-wrap: wrap; } section.contact div.block-2 div.table > div.table-cell { width: 50%; } /* 800px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 1.125rem 0%; font-size: 2rem; line-height: 2.5rem; } section.main div.content h2 { margin: 0% 0% 1.125rem 0%; font-size: 1.688rem; line-height: 2.188rem; } section.main div.content h3 { margin: 0% 0% 1.25rem 0%; font-size: 1.25rem; line-height: 1.75rem; } section.main div.content h4 { margin: 0% 0% 0% 0%; font-size: 1.875rem; line-height: 2.5rem; } section.main div.content h5 { margin: 0% 0% 0% 0%; font-size: 1.875rem; line-height: 2.5rem; } section.main div.content h6 { margin: 0% 0% 0% 0%; font-size: 1.875rem; line-height: 2.5rem; } section.main div.content p { margin: 0% 0% 1.875rem 0%; font-size: 1rem; line-height: 1.875rem; } section.main div.content li { margin: 0% 0% 0.938rem 0%; font-size: 1rem; line-height: 1.875rem; } section.main div.content p.mobile { } section.main div.content h2.mobile { text-align: left !important;} /* Header Tablet Portrait Styles */ header.main-et1a div.offset { padding: 0%; } header.main-et1a div.header-logo { padding: 0%; width: 100%; background-color: #FFFFFF; } header.main-et1a div.header-logo a { width: 100%; } header.main-et1a div.header-logo img { width: 278px; max-width: 80%; display: inline-block; } header.main-et1a div.header-details { padding: 0%; width: 100%; background-color: #003B59; } header.main-et1a div.mobile-commerce .commerce-button { padding: 0.5em 0.5em 0.25em; color: #FFFFFF; border-left: 0px; } header.main-et1a div.mobile-commerce .commerce-button > .button-label { font-family: Poppins, sans-serif; } header.main-et1a.sticky div.header-details { padding: 0%; } /* Navigation Mobile Styles */ #menu-container ul { background-color: #EFEFEF; border-top: 0px; } #menu-container ul li { border-bottom: 0px; } #menu-container ul li a { padding: 12px 24px; font-family: Poppins, sans-serif; font-size: 1.125rem !important; line-height: 1.875rem; color: #003B59; } #menu-container ul li a > a { padding: 0% !important; } #menu-container ul li:first-child { padding-top: 18px; } #menu-container ul li:last-child { padding-bottom: 18px; } #menu-container ul li ul { background-color: #E0E0E0; } #menu-container ul li ul li { border-top: 0px; } #menu-container ul li ul li a { padding: 8px 24px 8px 32px; font-size: 0.938rem !important; } #menu-container ul li ul li:first-child { padding-top: 18px; } #menu-container ul li ul li:last-child { padding-bottom: 18px; } #mobile-search-container .mobile-search-button { padding: 0.313em 0.75em; color: #FFFFFF; background-color: #E6005B; } /* Footer Mobile Styles */ footer.main-et1a div.footer-left { width: 100%; display: block; text-align: center; } footer.main-et1a div.footer-left ul.col-3 { width: 100% !important; display: block; } footer.main-et1a div.footer-left ul.footer-collapse li:last-child { padding-bottom: 24px; } footer.main-et1a div.footer-right { width: 100%; display: block; text-align: center; } footer.main-et1a div.footer-right a { display: inline-block !important; } footer.main-et1a div.footer-right > div:nth-child(1) { margin: 1.5rem 0%; padding-left: 0px; width: 100%; max-width: 100%; display: block; } footer.main-et1a div.footer-right > div:nth-child(2) { padding-left: 0px; width: 100%; display: block; } footer.main-et1a div.footer-right li.footer-heading:after { display: none; } /* Default Template Mobile Styles */ section.main div.header h1, section.main div.header span.heading { font-size: 1.5rem; line-height: 2rem;; } section.standard div.header div.table-wrap { min-height: 280px; } /* Table Class Styles */ section.main div.content table td { padding: 16px 0px; } /* Home Template Mobile Styles */ section.home div.block-1 div.left { padding: 72px 18px 24px 18px; } section.home div.block-2 div.right { padding: 82px 18px 50px 18px; } section.home div.block-3 div.left { padding: 0% 18px 32px 18px; } section.home div.block-3 table table, section.home div.block-3 table tr, section.home div.block-3 table td { width: 100% !important; display: block; } section.home div.block-3 table td img { margin: 0% auto; display: block; } section.home div.block-4 div.left { padding: 64px 18px 24px 18px; } section.home div.block-4 div.right { padding: 24px 18px 64px 18px; position: relative; z-index: 100; } section.home div.block-5 div.left { padding: 58px 18px 42px 18px; } section.home div.block-5 div.right { padding: 64px 18px; width: 100%; } .wg-slider .slide-caption.caption-float-box { padding: 5% 5.5%; bottom: 0%; background-color: rgba(0, 0, 0, 0.2); } .wg-slider .slide-caption.caption-float-box .content { max-width: 800px; background-color: rgba(0, 0, 0, 0.0);} section.home .slideshow.content h1 { font-size:1.8em; line-height:1.2em; color:#FFFFFF; text-transform:none;} section.home .slideshow.content h1 span { font-size: 0.65em; line-height:0.5em;} section.home .slideshow.content div.textbox { background-color:#004e74; padding: 2em 0.5em;} section.home div.block-6 div.offset { padding: 0% 18px; } /* Case Studies Template Styles */ /* NEW STANDARD TEMPLATE STYLES */ section.standard .full-width > div.container { padding: 64px 18px; } section.standard .split { display: block; } section.standard .split > div.container { padding: 64px 18px; width: 100%; display: block; } /* Panel Styles */ section.main div.title-block { padding: 50px 0% 0px 18px; width: 22%; } section.case-studies div.panel-listing a.panel { margin: 0% 0% 4% 4%; width: 48%; } section.main div.title-block h3 { margin: 0% 0% 0.563rem 0%; font-size: 1.688rem; line-height: 2.188rem; font-weight: 700; color: #003B59; } section.standard .split > div.desktop { display:none; } /* Panel Spacing Styles */ section.case-studies div.panel-listing a.panel:nth-of-type(2n+1) { margin-left: 0%; } section.case-studies div.panel-listing a.panel:nth-of-type(2n+2) { margin-left: 4%; } section.detail-page div.header h1, section.detail-page div.header span.heading { line-height: 2.5rem; } section.detail-page div.header div.table-wrap { min-height: 280px; } section.main div.content table.mobile td { width: 100% !important; display: block; padding: 8px 0 0;} /* News Template Styles */ section.news div.split { background-image: none; } section.news div.split div.offset { padding: 0%; } section.news div.column.left { margin-bottom: 0%; padding: 48px 18px; } section.news div.column.right { padding: 48px 0% 16px 0%; } section.news a.panel { margin: 0% 0% 8% 4%; width: 48%; } section.news a.panel:nth-of-type(2n+1) { margin: 0% 0% 8% 0%; } section.news a.panel:nth-of-type(2n+2) { margin: 0% 0% 8% 4%; } section.news div.sub-page-menu li { margin: 0%; border-bottom: 1px solid rgba(255,255,255,0.5); } section.news div.sub-page-menu li a { padding: 7px 24px 6px 24px; display: block; position: relative; } section.news div.sub-page-menu li a:before { width: 15px; height: 15px; top: 12px; left: 25px; content: ''; display: block; position: absolute; background-image: url('../images/news-sub-menu-icon.png'); } section.news div.sub-page-menu li a:after { content: ''; display: none; } section.news div.sub-page-menu.archive ul { padding: 8px 24px 24px 24px; } /* Contact Template Styles */ section.contact div.block-1 div.table { display: table; } section.contact div.block-1 div.table > div.table-cell { padding: 0% !important; width: 100%; display: block; } section.contact div.block-1 div.table > div.table-cell { width: 100%; } /* Search Popup Mobile Styles */ div.page div.search-popup { display: none !important; } /* 600px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 1.125rem 0%; font-size: 1.75rem; line-height: 2.5rem; } section.main div.content h2 { margin: 0% 0% 1.125rem 0%; font-size: 1.5rem; line-height: 2.188rem; } section.main div.content h3 { margin: 0% 0% 1.25rem 0%; font-size: 1.25rem; line-height: 1.75rem; } section.main div.content h4 { margin: 0% 0% 0% 0%; font-size: 1.875rem; line-height: 2.5rem; } section.main div.content h5 { margin: 0% 0% 0% 0%; font-size: 1.875rem; line-height: 2.5rem; } section.main div.content h6 { margin: 0% 0% 0% 0%; font-size: 1.875rem; line-height: 2.5rem; } section.main div.content p { margin: 0% 0% 1.875rem 0%; font-size: 1rem; line-height: 1.5rem; } section.main div.content li { margin: 0% 0% 0.938rem 0%; font-size: 1rem; line-height: 1.5rem; } /* Header Mobile Styles */ header.main-et1a div.offset { padding: 0%; } header.main-et1a div.header-logo { padding: 0%; width: 100%; background-color: #FFFFFF; } header.main-et1a div.header-logo a { width: 100%; } header.main-et1a div.header-logo img { display:none; } header.main-et1a.sticky div.header-logo { left: 0%; right: 0%; background-image: url('https://www.mypoweruk.com/images/mypower-logo-2023-mobile.png'); background-repeat: no-repeat; background-position: center; background-size: 60%;} /* Home Slideshow Styles */ .wg-slider .slide-caption.caption-float-box { padding: 5% 5.5%; bottom: 0%; background-color: rgba(0, 0, 0, 0.2); } .wg-slider .slide-caption.caption-float-box .content { max-width: 800px; background-color: rgba(0, 0, 0, 0.0);} .wg-slider .slide-caption.caption-float-box .content h1 { font-size:1.5em;color:#FFFFFF; line-height:1em;} .wg-slider .slide-caption.caption-float-box .content h1 span { font-size: 0.70em; } section.main div.title-block h3 { margin: 0% 0% 0.563rem 0%; font-size: 1.688rem; line-height: 2.188rem; font-weight: 700; color: #003B59; } img.awards { max-height:60px;} /* Search Mobile Styles */ div.page form.search-page input { max-width:60%; } /* 560px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 560px) { section.contact div.block-2 div.table { display: block; } section.contact div.block-2 div.table > div.table-cell { width: 100%; } /* 480px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 480px) { /* Case Studies Template Styles */ /* Panel Styles */ section.case-studies div.panel-listing a.panel { margin: 0% 0% 1.5rem 0%; width: 100%; } /* Panel Spacing Styles */ section.case-studies div.panel-listing a.panel:nth-of-type(1n+1) { margin-left: 0%; } }