/* Setup */ @font-face { font-family: 'Avenir-Black'; src: url("../fonts/../fonts/Avenir-Black.eot"); src: url("../fonts/Avenir-Black.woff2") format("woff2"), url("../fonts/Avenir-Black.woff") format("woff"), url("../fonts/Avenir-Black.ttf") format("truetype"), url("../fonts/Avenir-Black.svg#Avenir-Black") format("svg"), url("../fonts/Avenir-Black.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-BlackOblique'; src: url("../fonts/Avenir-BlackOblique.eot"); src: url("../fonts/Avenir-BlackOblique.woff2") format("woff2"), url("../fonts/Avenir-BlackOblique.woff") format("woff"), url("../fonts/Avenir-BlackOblique.ttf") format("truetype"), url("../fonts/Avenir-BlackOblique.svg#Avenir-BlackOblique") format("svg"), url("../fonts/Avenir-BlackOblique.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Book'; src: url("../fonts/Avenir-Book.eot"); src: url("../fonts/Avenir-Book.woff2") format("woff2"), url("../fonts/Avenir-Book.woff") format("woff"), url("../fonts/Avenir-Book.ttf") format("truetype"), url("../fonts/Avenir-Book.svg#Avenir-Book") format("svg"), url("../fonts/Avenir-Book.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-BookOblique'; src: url("../fonts/Avenir-BookOblique.eot"); src: url("../fonts/Avenir-BookOblique.woff2") format("woff2"), url("../fonts/Avenir-BookOblique.woff") format("woff"), url("../fonts/Avenir-BookOblique.ttf") format("truetype"), url("../fonts/Avenir-BookOblique.svg#Avenir-BookOblique") format("svg"), url("../fonts/Avenir-BookOblique.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Heavy'; src: url("../fonts/Avenir-Heavy.eot"); src: url("../fonts/Avenir-Heavy.woff2") format("woff2"), url("../fonts/Avenir-Heavy.woff") format("woff"), url("../fonts/Avenir-Heavy.ttf") format("truetype"), url("../fonts/Avenir-Heavy.svg#Avenir-Heavy") format("svg"), url("../fonts/Avenir-Heavy.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-HeavyOblique'; src: url("../fonts/Avenir-HeavyOblique.eot"); src: url("../fonts/Avenir-HeavyOblique.woff2") format("woff2"), url("../fonts/Avenir-HeavyOblique.woff") format("woff"), url("../fonts/Avenir-HeavyOblique.ttf") format("truetype"), url("../fonts/Avenir-HeavyOblique.svg#Avenir-HeavyOblique") format("svg"), url("../fonts/Avenir-HeavyOblique.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Light'; src: url("../fonts/Avenir-Light.eot"); src: url("../fonts/Avenir-Light.woff2") format("woff2"), url("../fonts/Avenir-Light.woff") format("woff"), url("../fonts/Avenir-Light.ttf") format("truetype"), url("../fonts/Avenir-Light.svg#Avenir-Light") format("svg"), url("../fonts/Avenir-Light.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-LightOblique'; src: url("../fonts/Avenir-LightOblique.eot"); src: url("../fonts/Avenir-LightOblique.woff2") format("woff2"), url("../fonts/Avenir-LightOblique.woff") format("woff"), url("../fonts/Avenir-LightOblique.ttf") format("truetype"), url("../fonts/Avenir-LightOblique.svg#Avenir-LightOblique") format("svg"), url("../fonts/Avenir-LightOblique.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Medium'; src: url("../fonts/Avenir-Medium.eot"); src: url("../fonts/Avenir-Medium.woff2") format("woff2"), url("../fonts/Avenir-Medium.woff") format("woff"), url("../fonts/Avenir-Medium.ttf") format("truetype"), url("../fonts/Avenir-Medium.svg#Avenir-Medium") format("svg"), url("../fonts/Avenir-Medium.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-MediumOblique'; src: url("../fonts/Avenir-MediumOblique.eot"); src: url("../fonts/Avenir-MediumOblique.woff2") format("woff2"), url("../fonts/Avenir-MediumOblique.woff") format("woff"), url("../fonts/Avenir-MediumOblique.ttf") format("truetype"), url("../fonts/Avenir-MediumOblique.svg#Avenir-MediumOblique") format("svg"), url("../fonts/Avenir-MediumOblique.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Oblique'; src: url("../fonts/Avenir-Oblique.eot"); src: url("../fonts/Avenir-Oblique.woff2") format("woff2"), url("../fonts/Avenir-Oblique.woff") format("woff"), url("../fonts/Avenir-Oblique.ttf") format("truetype"), url("../fonts/Avenir-Oblique.svg#Avenir-Oblique") format("svg"), url("../fonts/Avenir-Oblique.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Roman'; src: url("../fonts/Avenir-Roman.eot"); src: url("../fonts/Avenir-Roman.woff2") format("woff2"), url("../fonts/Avenir-Roman.woff") format("woff"), url("../fonts/Avenir-Roman.ttf") format("truetype"), url("../fonts/Avenir-Roman.svg#Avenir-Roman") format("svg"), url("../fonts/Avenir-Roman.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Extra'; src: url("../fonts/Gotham-ExtraLight.eot"); src: url("../fonts/Gotham-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-ExtraLight.woff2") format("woff2"), url("../fonts/Gotham-ExtraLight.woff") format("woff"), url("../fonts/Gotham-ExtraLight.ttf") format("truetype"), url("../fonts/Gotham-ExtraLight.svg#Gotham-ExtraLight") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-Black.eot"); src: url("../fonts/Gotham-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black.woff2") format("woff2"), url("../fonts/Gotham-Black.woff") format("woff"), url("../fonts/Gotham-Black.ttf") format("truetype"), url("../fonts/Gotham-Black.svg#Gotham-Black") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham Extra'; src: url("../fonts/Gotham-ExtraLightItalic.eot"); src: url("../fonts/Gotham-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Gotham-ExtraLightItalic.woff") format("woff"), url("../fonts/Gotham-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Gotham-ExtraLightItalic.svg#Gotham-ExtraLightItalic") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-Black_1.eot"); src: url("../fonts/Gotham-Black_1.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black_1.woff2") format("woff2"), url("../fonts/Gotham-Black_1.woff") format("woff"), url("../fonts/Gotham-Black_1.ttf") format("truetype"), url("../fonts/Gotham-Black_1.svg#Gotham-Black") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham Book'; src: url("../fonts/Gotham-Book.eot"); src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-Thin.eot"); src: url("../fonts/Gotham-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Thin.woff2") format("woff2"), url("../fonts/Gotham-Thin.woff") format("woff"), url("../fonts/Gotham-Thin.ttf") format("truetype"), url("../fonts/Gotham-Thin.svg#Gotham-Thin") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-ThinItalic.eot"); src: url("../fonts/Gotham-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-ThinItalic.woff2") format("woff2"), url("../fonts/Gotham-ThinItalic.woff") format("woff"), url("../fonts/Gotham-ThinItalic.ttf") format("truetype"), url("../fonts/Gotham-ThinItalic.svg#Gotham-ThinItalic") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Gotham Ultra'; src: url("../fonts/Gotham-Ultra.eot"); src: url("../fonts/Gotham-Ultra.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Ultra.woff2") format("woff2"), url("../fonts/Gotham-Ultra.woff") format("woff"), url("../fonts/Gotham-Ultra.ttf") format("truetype"), url("../fonts/Gotham-Ultra.svg#Gotham-Ultra") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham Ultra'; src: url("../fonts/Gotham-UltraItalic.eot"); src: url("../fonts/Gotham-UltraItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-UltraItalic.woff2") format("woff2"), url("../fonts/Gotham-UltraItalic.woff") format("woff"), url("../fonts/Gotham-UltraItalic.ttf") format("truetype"), url("../fonts/Gotham-UltraItalic.svg#Gotham-UltraItalic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-MediumItalic.eot"); src: url("../fonts/Gotham-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-MediumItalic.woff2") format("woff2"), url("../fonts/Gotham-MediumItalic.woff") format("woff"), url("../fonts/Gotham-MediumItalic.ttf") format("truetype"), url("../fonts/Gotham-MediumItalic.svg#Gotham-MediumItalic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-BoldItalic.eot"); src: url("../fonts/Gotham-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-BoldItalic.woff2") format("woff2"), url("../fonts/Gotham-BoldItalic.woff") format("woff"), url("../fonts/Gotham-BoldItalic.ttf") format("truetype"), url("../fonts/Gotham-BoldItalic.svg#Gotham-BoldItalic") format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-LightItalic.eot"); src: url("../fonts/Gotham-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-LightItalic.woff2") format("woff2"), url("../fonts/Gotham-LightItalic.woff") format("woff"), url("../fonts/Gotham-LightItalic.ttf") format("truetype"), url("../fonts/Gotham-LightItalic.svg#Gotham-LightItalic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-Medium.eot"); src: url("../fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham-Medium.svg#Gotham-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham Book'; src: url("../fonts/Gotham-BookItalic.eot"); src: url("../fonts/Gotham-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-BookItalic.woff2") format("woff2"), url("../fonts/Gotham-BookItalic.woff") format("woff"), url("../fonts/Gotham-BookItalic.ttf") format("truetype"), url("../fonts/Gotham-BookItalic.svg#Gotham-BookItalic") format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-Light.eot"); src: url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham-Light.svg#Gotham-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-BlackItalic.eot"); src: url("../fonts/Gotham-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-BlackItalic.woff2") format("woff2"), url("../fonts/Gotham-BlackItalic.woff") format("woff"), url("../fonts/Gotham-BlackItalic.ttf") format("truetype"), url("../fonts/Gotham-BlackItalic.svg#Gotham-BlackItalic") format("svg"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gotham'; src: url("../fonts/Gotham-Bold.eot"); src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg"); font-weight: bold; font-style: normal; } /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; height: auto; vertical-align: top; outline: none; } a { text-decoration: none; outline: 0; color: #009baa; } a:hover, a:focus { text-decoration: none; outline: none; -webkit-tap-highlight-color: transparent; } :focus { outline: none; -webkit-tap-highlight-color: transparent; } p { line-height: 24px; } blockquote, q { border-left: 4px solid #009baa; padding-left: 20px; margin-left: 30px; margin-bottom: 20px; } em { font-style: italic; } /* ************************************/ /* MIXINS*/ /* ************************************/ /* ======================================================================= ## ++ Media Queries ========================================================================== */ /* Used for media queries. Add these mixins in your normal scss flow. Eg. .container{ width:1024px; @include tablets{ width:90%; } } */ /* ======================================================================= ## ++ Globals ========================================================================== */ html { font-size: 100%; } body { -webkit-font-smoothing: antialiased; font-family: "Gotham Book"; font-size: 16px; line-height: 26px; color: #303032; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } @media screen and (max-width: 767px) { body { font-size: 14px; } } * { box-sizing: border-box; } /* ======================================================================= ## ++ Cleafix ========================================================================== */ /* float clearing for IE6 */ * html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE7 */ * + html .clearfix { min-height: 1%; } /* float clearing for everyone else */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } .clr { clear: both; } .layout.layout--default { max-width: 100%; margin: 0 auto; } .container { width: 1200px; margin: 0 auto; } @media screen and (max-width: 1200px) { .container { width: 970px; } } @media screen and (max-width: 991px) { .container { width: 750px; } } @media screen and (max-width: 768px) { .container { width: 100%; padding: 0 30px; } } @media screen and (max-width: 767px) { .container { padding: 0 10px; } } .container:after { clear: both; display: block; content: ''; } .caption > figcaption { padding: 10px 0; font-weight: bold; font-style: italic; text-align: center; } /** * Allows you to use retina images at various pixel densities. * Examples: * * @include retina(/images/mypic.jpg, 2); * @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent); * * @param {Value} $path The path to the file name minus extension. * @param {Number} $cap: 2 The highest pixel density level images exist for. * @param {Value} $size: auto auto The intended width of the rendered image. * @param {Value} $extras: null Any other `background` values to be added. */ .header { background: linear-gradient(to right, #fdfcf8 0%, #e5edf0 100%); padding: 18px 0 0; z-index: 44; position: fixed; width: 100%; top: 0; left: 0; } @media screen and (max-width: 767px) { .header { padding: 0; } } @media screen and (max-width: 767px) { .header .container { padding: 0; } } .header.scroll-header { position: inherit; } .header.scroll-header.sticky-header { position: static; } .region-header-left { width: 196px; height: 60px; float: left; transition: width 0.5s ease; } @media screen and (max-width: 768px) { .region-header-left { width: 169px; height: auto; margin-top: 5px; margin-left: -8px; } } @media screen and (max-width: 767px) { .region-header-left { width: 91px; margin-top: 9px; margin-left: 15px; } } .burger-menu-mobile { display: none; } @media screen and (max-width: 767px) { .burger-menu-mobile { display: block; padding: 11px 0; float: right; margin-right: 10px; margin-top: -1px; cursor: pointer; } .burger-menu-mobile span { display: block; text-align: center; position: relative; width: 100px; margin: 0 auto; text-transform: uppercase; font-size: 18px; color: #009baa; font-weight: bold; } .burger-menu-mobile span:before { content: ''; background: url("../img/menu-blue.svg"); width: 14px; height: 12px; position: absolute; top: 7px; left: 5px; } .burger-menu-mobile span:after { content: ''; background: url("../img/down-arrow-blue.svg"); width: 12px; height: 8px; background-position: -61px 0px; position: absolute; top: 8px; right: 4px; } } .region-header-right { float: right; width: auto; } @media screen and (max-width: 767px) { .region-header-right { width: 100%; } } #block-freeclaimassessmentblock-2 { display: inline-block; margin-top: 5px; } @media screen and (max-width: 767px) { #block-freeclaimassessmentblock-2 { margin-top: 0px; width: 50%; } } #block-freeclaimassessmentblock-2 .field--name-field-link a { background: #ffad19; color: #303030; padding: 11px 34px 11px 16px; margin-right: 43px; text-decoration: none; border-radius: 4px; font-family: "Avenir-Black"; position: relative; display: inline-block; font-size: 17px; transition: padding 0.5s ease; } @media screen and (max-width: 768px) { #block-freeclaimassessmentblock-2 .field--name-field-link a { padding: 11px 33px 11px 15px; margin-right: 65px; } } @media screen and (max-width: 767px) { #block-freeclaimassessmentblock-2 .field--name-field-link a { margin-top: 0px; width: 100%; border-radius: 0px; margin-right: 0; padding: 7px 0; text-align: center; font-size: 14px; color: #303032; } } #block-freeclaimassessmentblock-2 .field--name-field-link a:before { content: ''; background: url("../img/bubble-speach.svg"); width: 20px; height: 20px; display: inline-block; vertical-align: top; margin-right: 25px; margin-top: 5px; } @media screen and (max-width: 767px) { #block-freeclaimassessmentblock-2 .field--name-field-link a:before { display: none; } } #block-headerfreecall-2 { display: inline-block; color: #003561; padding-left: 5px; line-height: 26px; vertical-align: top; position: relative; margin-top: 5px; margin-left: 27px; font-size: 20px; font-family: "Avenir-Black"; } @media screen and (max-width: 768px) { #block-headerfreecall-2 { line-height: 26px; padding-left: 7px; } } @media screen and (max-width: 767px) { #block-headerfreecall-2 { margin-top: 0px; margin-left: 0; text-align: center; width: 50%; background: #002f67; color: #fff; line-height: 40px; font-size: 14px; padding-left: 0; float: right; } #block-headerfreecall-2 .field--name-field-link { display: none; } #block-headerfreecall-2 .field--name-field-text { position: relative; display: inline-block; margin-left: 30px; } #block-headerfreecall-2 .field--name-field-text:before { content: ''; background: url("../img/phone-icon.svg"); width: 17px; height: 17px; position: absolute; top: 10px; left: -38px; } #block-headerfreecall-2 .field--name-field-text:after { content: ''; display: block; width: 2px; height: 17px; background: #5a7c98; position: absolute; top: 10px; left: -12px; } } #block-headerfreecall-2:before { content: ''; background: url("../img/phone-icon.svg"); width: 17px; height: 17px; position: absolute; top: 4px; left: -30px; } @media screen and (max-width: 767px) { #block-headerfreecall-2:before { display: none; } } #block-headerfreecall-2:after { content: ''; display: block; width: 2px; height: 80%; background: #d9dadc; position: absolute; top: 5px; left: -5px; } @media screen and (max-width: 767px) { #block-headerfreecall-2:after { display: none; } } #block-headerfreecall-2 a { color: #003561; } @media screen and (max-width: 767px) { #block-headerfreecall-2 a { color: #fff; } } .fix-header { position: fixed; left: 0; top: 0; width: 100%; max-width: 100%; z-index: 44; } @media screen and (max-width: 767px) { .fix-header { padding-top: 0; } } @media screen and (max-width: 767px) { .fix-header .region-header-left { width: 91px; margin-top: 9px; margin-left: 15px; } } @media screen and (max-width: 767px) { .fix-header #block-freeclaimassessmentblock-2 a { padding: 7px 0; } } .sticky-header { height: auto; background: transparent; } .sticky-header .header-left { opacity: 0; visibility: hidden; } .header-left { -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .user-logged-in .header { top: 39px !important; } .user-logged-in.toolbar-tray-open .header { top: 80px !important; } @media screen and (max-width: 767px) { .user-logged-in.toolbar-tray-open .header { top: 39px !important; } } @media screen and (max-width: 767px) { .user-logged-in .header.sticky-header { top: 0px !important; } } .user-logged-in .header.navbar-hidden { visibility: hidden; } @media screen and (max-width: 767px) { .login-user .header { top: 0 !important; } } /* Main menu*/ .region--navigation { background: #009baa; margin-top: 18px; } @media screen and (max-width: 768px) { .region--navigation { margin-top: 20px; } } @media screen and (max-width: 767px) { .region--navigation { margin-top: 0; } .region--navigation.nav-open { margin-top: 0px; } } .region--navigation .contextual-region .contextual .contextual-links li { float: none; } .region--navigation .contextual-region .contextual .contextual-links li a { font-weight: normal; } .menu--primary-menu ul { float: right; } .menu--primary-menu ul li { float: left; } .menu--primary-menu ul li.menu-item--expanded { position: relative; } .menu--primary-menu ul li.menu-item--expanded ul { display: none; position: absolute; top: 100%; z-index: 11; left: 0; background: #009baa; min-width: 300px; } .menu--primary-menu ul li.menu-item--expanded ul li { float: left; clear: both; width: 100%; } .menu--primary-menu ul li.menu-item--expanded ul li a:hover::after { display: none; } .menu--primary-menu ul li.menu-item--expanded i.submenu-trigger { display: none; } @media screen and (max-width: 991px) { .menu--primary-menu ul li.menu-item--expanded i.submenu-trigger { position: absolute; width: 50px; height: 50px; right: 10px; top: 10px; cursor: pointer; z-index: 222; display: block; } } @media screen and (max-width: 991px) { .menu--primary-menu ul li.menu-item--expanded i.submenu-trigger { top: 0; } } .menu--primary-menu ul li.menu-item--expanded i.submenu-trigger:after { position: absolute; background: url("../img/down-arrow.svg"); background-size: 16px 11px; width: 16px; height: 11px; left: 50%; top: 50%; content: ''; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu--primary-menu ul li.menu-item--expanded:hover > ul { display: block; } @media screen and (max-width: 991px) { .menu--primary-menu ul li.menu-item--expanded:hover > ul { display: none; } .menu--primary-menu ul li.menu-item--expanded:hover > ul.drop-menu-open { display: block; } } .menu--primary-menu ul li a { color: #fff; display: block; padding: 11px 15px; position: relative; font-weight: bold; } .menu--primary-menu ul li a:hover::after { content: ''; display: block; height: 4px; width: 32px; background: #fff; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%, -50%); -moz-transform: translateX(-50%, -50%); -ms-transform: translateX(-50%, -50%); -o-transform: translateX(-50%, -50%); transform: translateX(-50%); } @media screen and (max-width: 768px) { .menu--primary-menu ul li a:hover::after { display: none; } } .menu--primary-menu ul li:last-child a { padding-right: 0; } .menu--primary-menu ul li:last-child a:hover::after { left: 65%; } .menu--primary-menu ul li.menu-item--active-trail > a:after { content: ''; display: block; height: 4px; width: 32px; background: #fff; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%, -50%); -moz-transform: translateX(-50%, -50%); -ms-transform: translateX(-50%, -50%); -o-transform: translateX(-50%, -50%); transform: translateX(-50%); } @media screen and (max-width: 768px) { .menu--primary-menu ul li.menu-item--active-trail > a:after { display: none; } } .menu--primary-menu ul li.menu-item--expanded ul li a:hover { color: #002f67; } .menu--primary-menu ul li.menu-item--expanded ul li ul { position: absolute; display: none; left: 100%; top: 0; } @media screen and (max-width: 991px) { .menu--primary-menu ul li.menu-item--expanded ul li ul { left: 20px; top: 100%; } } .menu--primary-menu ul li.menu-item--expanded ul li ul.drop-menu-open { display: block; } .menu--primary-menu ul li.menu-item--expanded ul li:hover ul { display: none; } .menu--primary-menu ul li.menu-item--expanded ul li.menu-item--active-trail > a:after { display: none; } .burger-menu { display: none; cursor: pointer; } .burger-menu:hover, .burger-menu:focus { outline: none; background: none; -webkit-tap-highlight-color: transparent; } @media screen and (max-width: 991px) { .burger-menu { display: block; padding: 11px 0; } } @media screen and (max-width: 767px) { .burger-menu { display: none; } } @media screen and (max-width: 991px) { .burger-menu span { display: block; color: #fff; text-align: center; position: relative; width: 100px; margin: 0 auto; text-transform: uppercase; font-size: 18px; } .burger-menu span:before { content: ''; background: url("../img/menu.svg"); width: 14px; height: 12px; background-position: -21px 0px; position: absolute; top: 7px; left: 5px; } .burger-menu span:after { content: ''; background: url("../img/down-arrow-white.svg"); width: 12px; height: 8px; position: absolute; top: 8px; right: 4px; } } @media screen and (max-width: 991px) { #block-primarymenu-2 { display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; } #block-primarymenu-2.open { display: block; visibility: visible; opacity: 1; } #block-primarymenu-2.open ul.menu { width: 100%; } #block-primarymenu-2.open ul.menu li { width: 100%; } #block-primarymenu-2 ul.menu li a { padding: 10px; } #block-primarymenu-2 ul.menu li a:hover::after { display: none; } #block-primarymenu-2 ul.menu li.menu-item--expanded ul { position: relative; padding-left: 20px; } } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor: url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* Banner*/ .region-main-banner { position: relative; overflow: hidden; text-align: center; } @media screen and (max-width: 991px) { .region-main-banner { background: #f0f1f3; padding-top: 143px; } } @media screen and (max-width: 767px) { .region-main-banner { padding-top: 87px; } } .region-main-banner.no-padding { padding: 0; } .region-main-banner .contextual { top: 156px; } .region-main-banner .ds__main { position: relative; } .region-main-banner .field--name-field-image { min-height: 800px; background-size: cover; background-position: bottom center; } @media screen and (min-width: 1501px) { .region-main-banner .field--name-field-image { min-height: 900px; } } @media screen and (max-width: 991px) { .region-main-banner .field--name-field-image { min-height: 400px; } } @media screen and (max-width: 767px) { .region-main-banner .field--name-field-image { background-position: bottom left; } } .region-main-banner .banner-content { text-align: right; width: 1200px; position: absolute; top: 212px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 1200px) { .region-main-banner .banner-content { width: 970px; } } @media screen and (max-width: 991px) { .region-main-banner .banner-content { width: 750px; top: 25px; } } @media screen and (max-width: 768px) { .region-main-banner .banner-content { width: 100%; top: 46px; padding: 0 46px; } } @media screen and (max-width: 767px) { .region-main-banner .banner-content { text-align: center; top: 17px; height: 87%; line-height: 40px; padding: 0 25px; } } .region-main-banner .banner-content .content { position: absolute; top: 0px; right: 0; text-align: right; } @media screen and (max-width: 767px) { .region-main-banner .banner-content .content { text-align: center; } } @media screen and (max-width: 768px) { .region-main-banner .banner-content .content { padding: 0 48px; } } @media screen and (max-width: 767px) { .region-main-banner .banner-content .content { padding: 0 15px; height: 100%; width: 100%; } } .region-main-banner .banner-content .field--name-field-title { font-size: 62px; color: #003561; margin-bottom: 20px; font-family: "Avenir-Heavy"; line-height: 75px; } @media screen and (max-width: 991px) { .region-main-banner .banner-content .field--name-field-title { font-size: 40px; margin-bottom: 0; } } @media screen and (max-width: 768px) { .region-main-banner .banner-content .field--name-field-title { margin-bottom: 25px; line-height: inherit; } } @media screen and (max-width: 767px) { .region-main-banner .banner-content .field--name-field-title { font-size: 30px; margin-bottom: 10px; } } .region-main-banner .banner-content .field--name-field-description { max-width: 750px; font-size: 26px; float: right; line-height: 36px; font-family: "Gotham"; font-weight: 500; color: #303032; } @media screen and (max-width: 991px) { .region-main-banner .banner-content .field--name-field-description { max-width: 525px; font-size: 18px; } } @media screen and (max-width: 768px) { .region-main-banner .banner-content .field--name-field-description { line-height: 25px; } } @media screen and (max-width: 767px) { .region-main-banner .banner-content .field--name-field-description { font-size: 16px; line-height: 24px; max-width: 93%; margin: 0 auto; float: none; } } .region-main-banner .banner-content .field--name-field-link { float: right; clear: both; margin-top: 33px; } @media screen and (max-width: 768px) { .region-main-banner .banner-content .field--name-field-link { margin-top: 53px; } } @media screen and (max-width: 767px) { .region-main-banner .banner-content .field--name-field-link { position: absolute; bottom: -5px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } .region-main-banner .banner-content .field--name-field-link a { background: #ffad19; color: #303030; padding: 11px 26px; text-decoration: none; border-radius: 4px; font-family: "Avenir-Black"; position: relative; display: inline-block; font-size: 17px; } @media screen and (max-width: 768px) { .region-main-banner .banner-content .field--name-field-link a { padding: 11px 24px; } } @media screen and (max-width: 767px) { .region-main-banner .banner-content .field--name-field-link a { font-size: 14px; min-width: 167px; padding: 1px 0px; } } @media screen and (max-width: 767px) { .region-main-banner #block-homebannerblock { position: relative; } } /* box content*/ #block-featureblock { width: 1200px; margin: -80px auto 0; } @media screen and (max-width: 1200px) { #block-featureblock { width: 970px; } } @media screen and (max-width: 991px) { #block-featureblock { width: 750px; } } @media screen and (max-width: 768px) { #block-featureblock { width: 100%; padding: 0 30px; margin-top: -40px; } } @media screen and (max-width: 767px) { #block-featureblock { padding: 0 10px; margin: 25px auto; } } #block-featureblock .field__items { font-size: 0; } @media screen and (max-width: 991px) { #block-featureblock .field__items > .field__item:nth-child(4n-1) { float: right; } } @media screen and (max-width: 1200px) { #block-featureblock .field__items > .field__item:nth-child(4) { clear: both; } } @media screen and (max-width: 991px) { #block-featureblock .field__items > .field__item:nth-child(4) { clear: none; } } #block-featureblock .field__items > .field__item:nth-child(5) .feature-block.field-collection-item { background-position: left top; } #block-featureblock .field__items > .field__item { width: 400px; display: inline-block; vertical-align: top; } @media screen and (max-width: 1200px) { #block-featureblock .field__items > .field__item { width: 33.3333%; } } @media screen and (max-width: 991px) { #block-featureblock .field__items > .field__item { float: left; width: 50%; } } @media screen and (max-width: 767px) { #block-featureblock .field__items > .field__item { width: 100%; } } #block-featureblock .field__items > .field__item .feature-block.field-collection-item { float: left; width: 400px; min-height: 400px; box-sizing: border-box; padding: 0px; background: #009baa; background-size: auto 400px; background-position: center; background-repeat: no-repeat; position: relative; -moz-transition: background 0.5s ease; -webkit-transition: background 0.5s ease; -o-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease; } #block-featureblock .field__items > .field__item .feature-block.field-collection-item.has-image:after { content: ''; background: rgba(0, 0, 0, 0.36); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } @media screen and (max-width: 1200px) { #block-featureblock .field__items > .field__item .feature-block.field-collection-item { width: 100%; height: auto; background-size: auto 324px; background-position: center top; } } @media screen and (max-width: 991px) { #block-featureblock .field__items > .field__item .feature-block.field-collection-item { width: 100%; height: auto; min-height: 275px; background-size: auto 375px; background-position: center top; } } @media screen and (max-width: 767px) { #block-featureblock .field__items > .field__item .feature-block.field-collection-item { width: 100%; height: auto; background-position: left; background-size: cover; min-height: 260px; margin-bottom: 10px; } } @media screen and (max-width: 480px) { #block-featureblock .field__items > .field__item .feature-block.field-collection-item { min-height: 150px; background-position: left center; } } #block-featureblock .field__items > .field__item .feature-block.field-collection-item .field__item { width: 100%; font-size: 16px; } #block-featureblock .ds__header { min-height: 400px; } @media screen and (max-width: 1200px) { #block-featureblock .ds__header { min-height: 323px; } } @media screen and (max-width: 991px) { #block-featureblock .ds__header { min-height: 375px; } } @media screen and (max-width: 768px) { #block-featureblock .ds__header { min-height: 354px; } } @media screen and (max-width: 767px) { #block-featureblock .ds__header { max-height: 354px; min-height: 200px; max-height: 200px; } } @media screen and (max-width: 480px) { #block-featureblock .ds__header { min-height: 150px; max-height: 150px; } } #block-featureblock .ds__header .field--name-field-background-image { position: relative; overflow: hidden; } #block-featureblock .ds__header .field--name-field-background-image:after { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.36); top: 0; right: 0; bottom: 0; left: 0; content: ''; } @media screen and (max-width: 767px) { #block-featureblock .ds__header .field--name-field-background-image img { max-width: 100%; width: 100%; -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); } } #block-featureblock .feature-block .field--name-field-title { font-size: 36px; font-family: "Avenir-Black"; color: #fff; padding-bottom: 20px; line-height: 49px; margin-bottom: 25px; position: relative; text-align: left; float: left; } #block-featureblock .feature-block .field--name-field-title h2 { font-size: 36px; } @media screen and (max-width: 767px) { #block-featureblock .feature-block .field--name-field-title h2 { font-size: 24px; } } @media screen and (max-width: 1200px) { #block-featureblock .feature-block .field--name-field-title { position: absolute; top: -283px; padding-right: 33px; } } @media screen and (max-width: 991px) { #block-featureblock .feature-block .field--name-field-title { top: -323px; left: 40px; } } @media screen and (max-width: 767px) { #block-featureblock .feature-block .field--name-field-title { font-size: 24px; top: 40px; left: 30px; } } @media screen and (max-width: 480px) { #block-featureblock .feature-block .field--name-field-title { line-height: 30px; } } #block-featureblock .feature-block .field--name-field-title:after { content: ''; background: url("../img/Fill.svg") no-repeat; width: 136px; height: 3px; position: absolute; bottom: 0; left: 0; z-index: 1; } @media screen and (max-width: 768px) { #block-featureblock .feature-block .field--name-field-title:after { height: 3px; background: url("../img/Fill-tablet.svg") no-repeat; width: 121px; } } @media screen and (max-width: 767px) { #block-featureblock .feature-block .field--name-field-title:after { width: 121px; background: url("../img/Fill-tablet.svg") no-repeat; bottom: 20px; height: 3px; } } @media screen and (max-width: 480px) { #block-featureblock .feature-block .field--name-field-title:after { bottom: 1px; width: 80px; height: 2px; background: url("../img/Fill-mobile.svg") no-repeat; } } #block-featureblock .feature-block .ds__main { z-index: 2; padding: 30px 40px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; transition: background 0.5s ease; } @media screen and (max-width: 1200px) { #block-featureblock .feature-block .ds__main { position: relative; background: #fff; border: 1px solid #e0e0e0; margin-top: 100%; } } @media screen and (max-width: 991px) { #block-featureblock .feature-block .ds__main { padding: 0px 20px 0px; border: none; } } #block-featureblock .feature-block .ds__main:after { display: block; clear: both; content: ''; } @media screen and (max-width: 767px) { #block-featureblock .feature-block .ds__main { padding: 0; margin-top: 0; background: transparent; border: none; min-height: inherit; } } #block-featureblock .feature-block .field--name-field-description { color: #003561; display: none; font-family: "Gotham"; font-weight: 500; text-align: left; } @media screen and (max-width: 1200px) { #block-featureblock .feature-block .field--name-field-description { display: block; color: #303032; font-size: 16px; } } @media screen and (max-width: 991px) { #block-featureblock .feature-block .field--name-field-description { display: none; } } @media screen and (max-width: 767px) { #block-featureblock .feature-block .field--name-field-description { font-size: 14px; line-height: 22px; } } #block-featureblock .feature-block .field--name-field-link { float: right; display: none; } @media screen and (max-width: 1200px) { #block-featureblock .feature-block .field--name-field-link { display: block; margin-top: 17px; } } @media screen and (max-width: 1200px) and (max-width: 991px) { #block-featureblock .feature-block .field--name-field-link { display: none; } } @media screen and (max-width: 1200px) and (max-width: 767px) { #block-featureblock .feature-block .field--name-field-link { margin-right: 10px; margin-top: 22px; } } #block-featureblock .feature-block .field--name-field-link a { color: #003561; } @media screen and (max-width: 1200px) { #block-featureblock .feature-block .field--name-field-link a { font-size: 14px; font-family: "Avenir-Black"; } } #block-featureblock .feature-block .field--name-field-link a:after { content: ''; background: url("../img/read-more-arrow.svg") no-repeat center; width: 11px; height: 16px; display: inline-block; margin-left: 5px; vertical-align: text-top; margin-top: 2px; } #block-featureblock .feature-block:hover { cursor: pointer; } #block-featureblock .feature-block:hover .field--name-field-title { color: #003561; } @media screen and (max-width: 768px) { #block-featureblock .feature-block:hover .field--name-field-title { color: #fff; } } #block-featureblock .feature-block:hover .field--name-field-title:after { height: 3px; background: url("../img/Fill-blue.svg") no-repeat; } @media screen and (max-width: 768px) { #block-featureblock .feature-block:hover .field--name-field-title:after { height: 3px; background: url("../img/Fill-tablet.svg") no-repeat; } } @media screen and (max-width: 480px) { #block-featureblock .feature-block:hover .field--name-field-title:after { background: url("../img/Fill-mobile.svg") no-repeat; } } #block-featureblock .feature-block:hover .ds__main { background: #fff; } @media screen and (max-width: 991px) { #block-featureblock .feature-block:hover .ds__main { background: none; } } #block-featureblock .feature-block:hover .field--name-field-description { display: block; } @media screen and (max-width: 991px) { #block-featureblock .feature-block:hover .field--name-field-description { display: none; } } @media screen and (max-width: 991px) { #block-featureblock .feature-block:hover .field--name-field-link { display: none; } } @media screen and (max-width: 991px) { .testimonials-block { background: #f0f1f3; padding-top: 40px; } } @media screen and (max-width: 767px) { .testimonials-block { padding-top: 25px; } } /* Testimonials*/ .region-testimonial { background: #009baa; color: #fff; overflow: hidden; z-index: 2; position: relative; margin-top: 80px; font-family: "Gotham"; font-weight: 500; } @media screen and (max-width: 991px) { .region-testimonial { margin-top: 40px; } } @media screen and (max-width: 768px) { .region-testimonial { margin: 0px -30px; max-height: unset; } } @media screen and (max-width: 767px) { .region-testimonial { margin: 0 -10px; line-height: 24px; } } .region-testimonial .field--name-field-testimonial .owl-wrapper-outer .owl-item .field__item { padding: 0px 80px; } @media screen and (max-width: 991px) { .region-testimonial .field--name-field-testimonial .owl-wrapper-outer .owl-item .field__item { padding: 0px 45px; } } @media screen and (max-width: 767px) { .region-testimonial .field--name-field-testimonial .owl-wrapper-outer .owl-item .field__item { padding: 0px 15px; } } .region-testimonial .field--name-field-testimonial .owl-wrapper-outer .owl-item .field__item a { color: #fff; } .region-testimonial .field--name-field-testimonial .owl-wrapper-outer .owl-item .field__item p { line-height: 25px; } @media screen and (max-width: 767px) { .region-testimonial .field--name-field-testimonial .owl-wrapper-outer .owl-item .field__item p { line-height: 24px; } } .region-testimonial .field--name-field-signature { display: block; margin-top: 24px; } @media screen and (max-width: 991px) { .region-testimonial .field--name-field-signature { margin-top: 22px; } } @media screen and (max-width: 767px) { .region-testimonial .field--name-field-signature { margin-top: 13px; } } .region-testimonial .field--name-field-signature .field__item { line-height: 29px; } .region-testimonial .field--name-field-signature .field__item:before { content: ''; background: url("../img/quote.png"); width: 29px; height: 29px; display: inline-block; vertical-align: top; margin-right: 10px; } .region-testimonial .field--name-field-body { padding-top: 60px; } @media screen and (max-width: 991px) { .region-testimonial .field--name-field-body { padding-top: 40px; } } @media screen and (max-width: 767px) { .region-testimonial .field--name-field-body { padding-top: 35px; } } .region-testimonial .owl-pagination { text-align: center; margin-top: 52px; padding-bottom: 44px; } @media screen and (max-width: 991px) { .region-testimonial .owl-pagination { margin-top: 35px; padding-bottom: 30px; } } @media screen and (max-width: 767px) { .region-testimonial .owl-pagination { padding-bottom: 25px; } } .region-testimonial .owl-pagination .owl-page { display: inline-block; } .region-testimonial .owl-pagination .owl-page span { width: 12px; height: 12px; background: rgba(255, 255, 255, 0.3); display: block; margin: 5px 7px; border-radius: 100%; } @media screen and (max-width: 767px) { .region-testimonial .owl-pagination .owl-page span { width: 8px; height: 8px; } } .region-testimonial .owl-pagination .owl-page.active span, .region-testimonial .owl-pagination .owl-page:hover span { background: white; } .region-testimonial .owl-buttons .owl-prev { position: absolute; top: 0; left: 0; height: 100%; width: 80px; text-indent: -999px; overflow: hidden; transition: background 0.5s ease; } @media screen and (max-width: 767px) { .region-testimonial .owl-buttons .owl-prev { top: inherit; left: 0; height: auto; transition: background 0.5s ease-in-out; bottom: 30px; } } .region-testimonial .owl-buttons .owl-prev:hover { background: rgba(255, 255, 255, 0.5); } @media screen and (max-width: 767px) { .region-testimonial .owl-buttons .owl-prev:hover { background: none; } } .region-testimonial .owl-buttons .owl-prev:after { content: ''; background: url("../img/left-arrow.svg"); width: 16px; height: 26px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .region-testimonial .owl-buttons .owl-next { position: absolute; top: 0; right: 0; height: 100%; width: 80px; text-indent: -999px; overflow: hidden; transition: background 0.5s ease; } @media screen and (max-width: 767px) { .region-testimonial .owl-buttons .owl-next { top: inherit; right: 0; height: auto; transition: background 0.5s ease-in-out; bottom: 30px; } } .region-testimonial .owl-buttons .owl-next:hover { background: rgba(255, 255, 255, 0.5); } @media screen and (max-width: 767px) { .region-testimonial .owl-buttons .owl-next:hover { background: none; } } .region-testimonial .owl-buttons .owl-next:after { content: ''; background: url("../img/right-arrow.svg"); width: 16px; height: 26px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Law Advice Insights*/ .region-law-advice-insights { background: #f0f1f3; padding: 262px 0 82px; border-bottom: 1px solid #e1e0de; margin-top: -165px; z-index: 1; } @media screen and (max-width: 768px) { .region-law-advice-insights { padding: 222px 30px 82px; } } @media screen and (max-width: 767px) { .region-law-advice-insights { padding: 195px 10px 40px; } } .region-law-advice-insights .view-id-insight_list .view-content { float: none; width: 100%; } .region-law-advice-insights .block__title { margin-bottom: 45px; } @media screen and (max-width: 991px) { .region-law-advice-insights .block__title { margin-bottom: 35px; } } @media screen and (max-width: 767px) { .region-law-advice-insights .block__title { margin-bottom: 20px; } } .region-law-advice-insights .block__title h2 { text-align: center; color: #303032; font-weight: 700; position: relative; padding-bottom: 25px; font-family: "Avenir-Black"; font-size: 42px; } @media screen and (max-width: 767px) { .region-law-advice-insights .block__title h2 { font-size: 28px; font-weight: 500; } } .region-law-advice-insights .block__title h2:after { content: ''; background: url("../img/Fill-yellow.svg"); width: 136px; height: 4px; position: absolute; bottom: 4px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 767px) { .region-law-advice-insights .block__title h2:after { bottom: 8px; } } .region-law-advice-insights .views-row { max-width: 890px; width: 100%; margin: 0 auto; background: #fff; padding: 40px; margin-bottom: 2px; color: #303032; position: relative; } .region-law-advice-insights .views-row:after { content: ''; display: block; clear: both; } @media screen and (max-width: 991px) { .region-law-advice-insights .views-row { max-width: 750px; } } @media screen and (max-width: 768px) { .region-law-advice-insights .views-row { max-width: 100%; } } @media screen and (max-width: 767px) { .region-law-advice-insights .views-row { margin-bottom: 10px; padding: 30px 30px 18px; } } .region-law-advice-insights .views-row .contextual-region { position: static; } .region-law-advice-insights .views-row .field--name-field-category { background: #009baa; display: inline-block; padding: 5px 17px; color: #fff; position: absolute; top: 0; right: -3px; min-width: 165px; } @media screen and (max-width: 767px) { .region-law-advice-insights .views-row .field--name-field-category { right: inherit; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 1px 10px; min-width: auto; white-space: nowrap; } } .region-law-advice-insights .views-row .field--name-field-category a { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; } @media screen and (max-width: 767px) { .region-law-advice-insights .views-row .field--name-field-category a { font-size: 12px; } } .region-law-advice-insights .views-row .field--name-node-title { font-weight: bold; font-size: 20px; margin-bottom: 5px; font-family: "Avenir-Black"; } @media screen and (max-width: 767px) { .region-law-advice-insights .views-row .field--name-node-title { font-size: 18px; margin-top: 20px; } } .region-law-advice-insights .views-row .field--name-node-title a { color: #003561; } .region-law-advice-insights .views-row .field--type-datetime { font-size: 14px; margin-bottom: 15px; font-family: "Gotham Book"; padding-bottom: 0; font-weight: normal; } .region-law-advice-insights .views-row .views-field-field-body { font-size: 16px; font-family: "Gotham Book"; } @media screen and (max-width: 767px) { .region-law-advice-insights .views-row .views-field-field-body { line-height: 22px; } } .region-law-advice-insights .field--name-node-link a { color: #009baa; text-decoration: underline; display: inline-block; margin-top: 15px; font-family: "Gotham"; font-weight: 500; } @media screen and (max-width: 767px) { .region-law-advice-insights .field--name-node-link a { float: right; color: #003561; text-decoration: none; margin-right: -14px; margin-top: 20px; } } .region-law-advice-insights .field--name-node-link a:hover { text-decoration: none; } @media screen and (max-width: 767px) { .region-law-advice-insights .field--name-node-link a:after { content: ''; background: url("../img/read-more-arrow.svg") no-repeat center; width: 11px; height: 16px; display: inline-block; vertical-align: text-top; margin-left: 4px; margin-top: 2px; } } .region-law-advice-insights .view-footer { max-width: 890px; width: 100%; margin: 38px auto 0; float: none; } @media screen and (max-width: 991px) { .region-law-advice-insights .view-footer { max-width: 750px; } } @media screen and (max-width: 768px) { .region-law-advice-insights .view-footer { max-width: 100%; padding: 0px; text-align: left; margin-top: 39px; } } @media screen and (max-width: 767px) { .region-law-advice-insights .view-footer { text-align: center; margin-top: 24px; } } .region-law-advice-insights .view-footer a { background: #ffad19; color: #303030; padding: 10px 44px; text-decoration: none; border-radius: 4px; font-family: "Avenir-Black"; font-size: 17px; position: relative; display: inline-block; } @media screen and (max-width: 768px) { .region-law-advice-insights .view-footer a { padding: 12px 45px; } } @media screen and (max-width: 767px) { .region-law-advice-insights .view-footer a { padding: 7px 15px; font-size: 16px; } } /* Our Office*/ .region-our-offices { padding: 40px 0 34px; background: #fff; } @media screen and (max-width: 767px) { .region-our-offices { padding: 24px 0 12px; } } .region-our-offices .block__title { margin-bottom: 25px; } @media screen and (max-width: 767px) { .region-our-offices .block__title { margin-bottom: 10px; } } .region-our-offices .block__title h2 { font-family: "Avenir-Black"; font-size: 20px; color: #003561; position: relative; } @media screen and (max-width: 767px) { .region-our-offices .block__title h2 { font-size: 18px; text-align: center; } } .region-our-offices .view-content { width: 100%; padding: 0; /* Chrome, Safari, Opera */ -webkit-column-count: 5; -webkit-column-gap: 140px; -webkit-column-rule-style: outset; -webkit-column-rule-color: #dee5ed; -webkit-column-rule-width: 2px; /* Firefox */ -moz-column-count: 5; -moz-column-gap: 140px; -moz-column-rule-style: outset; -moz-column-rule-color: #dee5ed; -moz-column-rule-width: 2px; column-count: 5; column-gap: 140px; column-rule-style: outset; column-rule-color: #dee5ed; column-rule-width: 2px; } @media screen and (max-width: 1200px) { .region-our-offices .view-content { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } } @media screen and (max-width: 991px) { .region-our-offices .view-content { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } } @media screen and (max-width: 767px) { .region-our-offices .view-content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; display: block; } } .region-our-offices .view-content .views-row { padding-bottom: 0px; } @media screen and (max-width: 767px) { .region-our-offices .view-content .views-row { text-align: center; line-height: 20px; } } .region-our-offices .view-content .views-row a { font-family: "Gotham Book"; font-size: 14px; font-weight: 400; color: #003561; } @media screen and (max-width: 767px) { .region-our-offices .view-content .views-row a { font-size: 12px; } } .footer { background: #002f67; padding: 40px 0 35px; } @media screen and (max-width: 767px) { .footer { padding: 24px 0 35px; } } @media screen and (max-width: 1200px) { .footer .container { position: relative; } } .footer-left { width: 42%; float: left; } @media screen and (max-width: 991px) { .footer-left { width: 80%; } } @media screen and (max-width: 767px) { .footer-left { width: 100%; text-align: center; } } .footer-left .menu--our-legal-services-menu { color: #fff; font-family: "Avenir-Black"; font-size: 20px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .footer-left .menu--our-legal-services-menu { margin-bottom: 10px; } } .footer-left .menu--our-legal-services-menu .menu li { float: left; width: 50%; padding-bottom: 0px; } @media screen and (max-width: 767px) { .footer-left .menu--our-legal-services-menu .menu li { padding-bottom: 0; } } @media screen and (max-width: 767px) { .footer-left .menu--our-legal-services-menu .menu li { width: 100%; line-height: 20px; } } .footer-left .menu--our-legal-services-menu .menu li a { color: #fff; font-family: "Gotham Book"; font-size: 14px; font-weight: 400; font-weight: normal; } @media screen and (max-width: 767px) { .footer-left .menu--our-legal-services-menu .menu li a { font-size: 12px; } } .footer-right { width: 58%; float: left; } .footer-right .contextual-region .contextual .contextual-links a { color: #000 !important; } @media screen and (max-width: 1200px) { .footer-right { width: 100%; border-top: 2px solid #20487b; padding-top: 20px; margin-top: 15px; } } @media screen and (max-width: 767px) { .footer-right { border-top: none; padding-top: 0px; margin-top: 10px; } } .footer-right .region-footer-middle { float: left; width: 50%; } @media screen and (max-width: 767px) { .footer-right .region-footer-middle { width: 100%; border-bottom: 2px solid #20487b; } } .footer-right .region-footer-middle #block-headerfreecall-4 { width: 100%; display: inline-block; color: #ffad19; padding-left: 10px; line-height: 26px; vertical-align: top; position: relative; margin-left: 22px; font-family: "Avenir-Black"; font-size: 20px; margin-bottom: 20px; position: relative; } .footer-right .region-footer-middle #block-headerfreecall-4 .field--name-field-phone a { color: #ffad19; } @media screen and (max-width: 1200px) { .footer-right .region-footer-middle #block-headerfreecall-4 { position: absolute; right: 0; top: 45px; width: auto; } } @media screen and (max-width: 768px) { .footer-right .region-footer-middle #block-headerfreecall-4 { right: 30px; } } @media screen and (max-width: 767px) { .footer-right .region-footer-middle #block-headerfreecall-4 { position: relative; width: auto; font-size: 14px; top: 0; right: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 12px; } .footer-right .region-footer-middle #block-headerfreecall-4 .block__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-align: center; } .footer-right .region-footer-middle #block-headerfreecall-4 .block__content .field--name-field-link { -ms-flex-order: 1; order: 1; padding-right: 10px; } .footer-right .region-footer-middle #block-headerfreecall-4 .block__content .field--name-field-phone { -ms-flex-order: 2; order: 2; } } .footer-right .region-footer-middle #block-headerfreecall-4:before { content: ''; background: url("../img/phone-icon-white-small.svg"); width: 17px; height: 18px; position: absolute; top: 5px; left: -27px; } .footer-right .region-footer-middle #block-headerfreecall-4:after { content: ''; display: block; width: 2px; height: 41px; background: #d9dadc; position: absolute; top: 5px; left: 0px; } @media screen and (max-width: 767px) { .footer-right .region-footer-middle #block-headerfreecall-4:after { height: 17px; } } .footer-right .region-footer-middle #block-headerfreecall-4 a { color: #fff; } @media screen and (max-width: 767px) { .footer-right .region-footer-middle #block-headerfreecall-4 a { color: #ffad19; } } .footer-right .region-footer-middle .menu--tertiary-menu { width: 100%; float: left; padding-left: 27px; } @media screen and (max-width: 1200px) { .footer-right .region-footer-middle .menu--tertiary-menu { display: none; } } .footer-right .region-footer-middle .menu--tertiary-menu ul li { float: left; } .footer-right .region-footer-middle .menu--tertiary-menu ul li a { color: #fff; font-family: "Gotham Book"; font-size: 14px; padding: 0 15px; border-right: 1px solid #fff; } .footer-right .region-footer-middle .menu--tertiary-menu ul li:first-child a { padding-left: 0; } .footer-right .region-footer-middle .menu--tertiary-menu ul li:last-child a { border-right: 0; } .footer-right .region-footer-middle #block-copyrignt-2 { width: 100%; display: inline-block; margin-top: 0px; padding-left: 27px; color: #fff; font-family: "Gotham Book"; font-size: 14px; } @media screen and (max-width: 1200px) { .footer-right .region-footer-middle #block-copyrignt-2 { display: none; } } @media screen and (max-width: 767px) { .footer-right .region-footer-middle #block-copyrignt-2 { font-size: 12px; } } .footer-right .region-footer-middle #block-copyrignt-2 .field--type-text-with-summary { font-size: 14px; margin-top: 0; } @media screen and (max-width: 767px) { .footer-right .region-footer-middle #block-copyrignt-2 .field--type-text-with-summary { font-size: 12px; } } .footer-right .region-footer-right { float: left; width: 50%; } @media screen and (max-width: 1200px) { .footer-right .region-footer-right { width: 100%; } } .footer-right .region-footer-right #block-tertiarymenu-4 { display: none; } @media screen and (max-width: 1200px) { .footer-right .region-footer-right #block-tertiarymenu-4 { display: block; } } @media screen and (max-width: 767px) { .footer-right .region-footer-right #block-tertiarymenu-4 { width: 100%; padding-top: 8px; } } .footer-right .region-footer-right #block-copyrignt-3 { display: none; } @media screen and (max-width: 1200px) { .footer-right .region-footer-right #block-copyrignt-3 { width: 40%; display: inline-block; margin-top: 0px; padding-left: 0px; color: #fff; font-family: "Gotham Book"; font-size: 14px; float: left; clear: both; } } @media screen and (max-width: 1200px) and (max-width: 767px) { .footer-right .region-footer-right #block-copyrignt-3 { font-size: 12px; width: 100%; text-align: center; margin-top: -5px; } } .footer-right .region-footer-right #block-copyrignt-3 .field--type-text-with-summary { font-size: 14px; margin-top: 0; } @media screen and (max-width: 767px) { .footer-right .region-footer-right #block-copyrignt-3 .field--type-text-with-summary { font-size: 12px; } } .footer-right .region-footer-right #block-accreditationlogo-2 { width: 100%; text-align: right; } @media screen and (max-width: 1200px) { .footer-right .region-footer-right #block-accreditationlogo-2 { width: 60%; float: right; margin-top: -26px; } } @media screen and (max-width: 1200px) and (max-width: 767px) { .footer-right .region-footer-right #block-accreditationlogo-2 { margin-top: 0px; } } @media screen and (max-width: 767px) { .footer-right .region-footer-right #block-accreditationlogo-2 { width: 100%; text-align: center; } .footer-right .region-footer-right #block-accreditationlogo-2 .block__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; width: 100%; } } .footer-right .region-footer-right #block-accreditationlogo-2 .field--name-field-image { width: 90px; float: right; } @media screen and (max-width: 1200px) { .footer-right .region-footer-right #block-accreditationlogo-2 .field--name-field-image { width: 45px; } } @media screen and (max-width: 767px) { .footer-right .region-footer-right #block-accreditationlogo-2 .field--name-field-image { text-align: center; -ms-flex-order: 2; order: 2; float: inherit; margin: 0 auto; } } .footer-right .region-footer-right .field--name-field-accrediation-text { color: #fff; font-family: "Gotham Book"; font-size: 12px; float: right; margin-top: 12px; } @media screen and (max-width: 1200px) { .footer-right .region-footer-right .field--name-field-accrediation-text { float: right; padding-right: 35px; padding-top: 10px; } } @media screen and (max-width: 767px) { .footer-right .region-footer-right .field--name-field-accrediation-text { font-size: 10px; -ms-flex-order: 1; order: 1; padding-right: 0px; padding-bottom: 10px; width: 50%; margin: 0 auto; line-height: 19px; } } #block-tertiarymenu-4 { width: 40%; float: left; padding-left: 0px; } @media screen and (max-width: 767px) { #block-tertiarymenu-4 ul { text-align: center; } } #block-tertiarymenu-4 ul li { float: left; } @media screen and (max-width: 767px) { #block-tertiarymenu-4 ul li { width: 100%; text-align: center; float: none; display: inline; } } #block-tertiarymenu-4 ul li a { color: #fff; font-family: "Gotham Book"; font-size: 14px; padding: 0 15px; border-right: 1px solid #fff; } @media screen and (max-width: 767px) { #block-tertiarymenu-4 ul li a { font-size: 12px; padding: 0 5px 0 0; } } #block-tertiarymenu-4 ul li:first-child a { padding-left: 0; } #block-tertiarymenu-4 ul li:last-child a { border-right: 0; } .user-login .region--content { max-width: 600px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } @media screen and (max-width: 767px) { .user-login .region--content { max-width: 100%; width: 90%; } } .user-login .region--content img { margin-bottom: 20px; } .user-login .region--content .region-content { background: #009baa; border-radius: 10px; padding: 50px; } @media screen and (max-width: 767px) { .user-login .region--content .region-content { padding: 25px; } } .user-login .region--content .region-content h1.js-quickedit-page-title.page-title { display: none; } .user-login .region--content .region-content .user-login-form .js-form-item { margin-bottom: 20px; text-align: left; } .user-login .region--content .region-content .user-login-form label { color: #fff; } .user-login .region--content .region-content .user-login-form input { height: 50px; width: 100%; border-radius: 5px; border: none; padding: 0 10px; } .user-login .region--content .region-content .user-login-form input.form-submit { margin-top: 20px; background: #ffad19; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease; } .user-login .region--content .region-content .user-login-form input.form-submit:hover { background: #fff; } .region-page-banner { position: relative; border-top: 1px solid #fff; min-height: 408px; background: #002f67; padding-top: 143px; /*.block-block-content img { @include phone { max-width: 235%; margin-left: -117.5%; } }*/ } @media screen and (min-width: 1501px) { .region-page-banner { min-height: 458px; } } @media screen and (max-width: 1200px) { .region-page-banner { min-height: 363px; } } @media screen and (max-width: 768px) { .region-page-banner { min-height: 343px; } .region-page-banner.has-banner-image { min-height: 343px; padding-top: 142px; } .region-page-banner.no-padding { padding: 0; min-height: 201px; } .region-page-banner.no-padding .block-system-breadcrumb-block { top: 0; } } @media screen and (max-width: 767px) { .region-page-banner { min-height: inherit; } .region-page-banner.has-banner-image { min-height: 202px; padding-top: 86px; } .region-page-banner.no-padding { padding: 0; min-height: 115px; } .region-page-banner.no-padding .block-system-breadcrumb-block { top: 0; } } .region-page-banner .field--name-field-image { min-height: 265px; background-size: cover; background-position: right center; /*@include tablets_landscape { min-height: 200px; }*/ } @media screen and (min-width: 1501px) { .region-page-banner .field--name-field-image { min-height: 315px; } } @media screen and (max-width: 1200px) { .region-page-banner .field--name-field-image { min-height: 220px; } } @media screen and (max-width: 767px) { .region-page-banner .field--name-field-image { min-height: 115px; background-position: right top; } } .region-page-banner .block-system-breadcrumb-block { position: absolute; top: 143px; left: 50%; z-index: 2; width: 1200px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 1200px) { .region-page-banner .block-system-breadcrumb-block { width: 970px; } } @media screen and (max-width: 991px) { .region-page-banner .block-system-breadcrumb-block { width: 750px; } } @media screen and (max-width: 768px) { .region-page-banner .block-system-breadcrumb-block { width: 100%; padding: 0 30px; } } @media screen and (max-width: 767px) { .region-page-banner .block-system-breadcrumb-block { padding: 0 15px; top: 87px; } } .region-page-banner .block-page-title-block { font-family: "Avenir-Black"; font-size: 54px; color: #fff; position: absolute; top: 75%; left: 50%; -moz-transform: translate(-50%, -75%); -webkit-transform: translate(-50%, -75%); -ms-transform: translate(-50%, -75%); -o-transform: translate(-50%, -75%); transform: translate(-50%, -75%); z-index: 2; line-height: 60px; width: 100%; text-align: center; } @media screen and (max-width: 991px) { .region-page-banner .block-page-title-block { font-size: 40px; position: static; -moz-transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; padding: 60px 15px 30px; text-align: center; line-height: 50px; } } @media screen and (max-width: 767px) { .region-page-banner .block-page-title-block { font-size: 28px; padding: 0 15px 30px; line-height: 28px; } } @media screen and (max-width: 991px) { .region-page-banner.has-banner-image .block-page-title-block { position: absolute; top: 80%; -moz-transform: translate(-50%, -80%); -webkit-transform: translate(-50%, -80%); -ms-transform: translate(-50%, -80%); -o-transform: translate(-50%, -80%); transform: translate(-50%, -80%); padding-bottom: 0px; } } @media screen and (max-width: 991px) { .region-page-banner.no-padding .block-page-title-block { padding-top: 60px; } } @media screen and (max-width: 991px) { .region-page-banner.has-banner-image.no-padding .block-page-title-block { position: absolute; top: 80%; -moz-transform: translate(-50%, -80%); -webkit-transform: translate(-50%, -80%); -ms-transform: translate(-50%, -80%); -o-transform: translate(-50%, -80%); transform: translate(-50%, -80%); padding-bottom: 20px; padding-top: 0px; } } .region-page-banner .breadcrumb li { float: left; padding: 10px 19px 0; position: relative; color: #fff; font-size: 14px; font-weight: 500; } @media screen and (max-width: 767px) { .region-page-banner .breadcrumb li { padding: 10px 14px 0 7px; max-width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .region-page-banner .breadcrumb li:first-child { padding-left: 0; } .region-page-banner .breadcrumb li a { color: #fff; } .region-page-banner .breadcrumb li:after { content: ''; background: url("../img/Arrow.svg"); width: 8px; height: 12px; position: absolute; top: 63%; right: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .region-page-banner .breadcrumb li:nth-child(3) { max-width: 200px; white-space: nowrap; text-overflow: ellipsis; } } @media screen and (max-width: 480px) { .region-page-banner .breadcrumb li:nth-child(3) { max-width: 100px; } } .region-page-banner .breadcrumb li:last-child:after { display: none; } @media screen and (max-width: 480px) { .region-page-banner .breadcrumb li:nth-child(4) { padding-top: 0; line-height: 15px; padding-left: 0px; } } .region-page-banner .breadcrumb li:nth-child(4)::after { display: none; } .region-page-banner .breadcrumb li:last-child { overflow: hidden; } .main-content { background: #f0f1f3; padding: 45px 0 75px; border-bottom: 1px solid #e1e0de; } @media screen and (max-width: 767px) { .main-content { padding: 15px 0 35px; } } #block-legalservicespageheader .field--type-text-with-summary { padding: 0 150px 40px 162px; font-size: 22px; font-family: "Gotham Book"; } @media screen and (max-width: 991px) { #block-legalservicespageheader .field--type-text-with-summary { padding: 0 15px 40px; font-size: 18px; } } @media screen and (max-width: 767px) { #block-legalservicespageheader .field--type-text-with-summary { font-size: 16px; padding: 0 0px 10px; } } #block-legalservicespageheader .field--type-text-with-summary p { line-height: 30px; } @media screen and (max-width: 767px) { #block-legalservicespageheader .field--type-text-with-summary p { line-height: 25px; } } .view-id-legal_services .views-row { background: #fff; padding: 65px 0px 57px 50px; margin-bottom: 2px; } @media screen and (max-width: 991px) { .view-id-legal_services .views-row { padding: 10px 0px 15px 40px; } } @media screen and (max-width: 767px) { .view-id-legal_services .views-row { margin-bottom: 10px; padding: 17px 0px 20px; } } .view-id-legal_services .views-row:after { clear: both; content: ''; display: block; } .view-id-legal_services .views-row .field--name-field-icon { width: 110px; text-align: left; float: left; margin-top: 10px; } @media screen and (max-width: 991px) { .view-id-legal_services .views-row .field--name-field-icon { width: 110px; min-height: 100px; } } @media screen and (max-width: 767px) { .view-id-legal_services .views-row .field--name-field-icon { width: 40px; min-height: inherit; float: none; margin: 0 auto 10px; } } .view-id-legal_services .views-row .field--name-node-title { width: 250px; float: left; font-family: "Avenir-Black"; font-size: 24px; vertical-align: middle; padding-right: 60px; line-height: 35px; display: table; height: 80px; } .view-id-legal_services .views-row .field--name-node-title a { color: #003561; } @media screen and (max-width: 991px) { .view-id-legal_services .views-row .field--name-node-title { width: 80%; margin-bottom: 15px; height: auto; } } @media screen and (max-width: 767px) { .view-id-legal_services .views-row .field--name-node-title { width: 100%; font-size: 22px; padding: 0 10px; text-align: center; margin-bottom: 5px; } } .view-id-legal_services .views-row .field--name-node-title .field__items { display: table-cell; vertical-align: middle; } .view-id-legal_services .views-row .field--name-node-title .field-content { display: table-cell; vertical-align: middle; } .view-id-legal_services .views-row .field--name-field-introduction-text { width: 650px; float: left; font-family: "Gotham Book"; font-size: 16px; } @media screen and (max-width: 1200px) { .view-id-legal_services .views-row .field--name-field-introduction-text { width: 410px; } } @media screen and (max-width: 991px) { .view-id-legal_services .views-row .field--name-field-introduction-text { width: 65%; } } @media screen and (max-width: 767px) { .view-id-legal_services .views-row .field--name-field-introduction-text { width: 100%; padding: 0 10px; font-size: 14px; } .view-id-legal_services .views-row .field--name-field-introduction-text p { line-height: 22px; } } .view-id-legal_services .views-row .field--name-node-link { width: 102px; float: left; padding-top: 20px; text-align: right; } @media screen and (max-width: 767px) { .view-id-legal_services .views-row .field--name-node-link { float: right; width: auto; margin-right: 20px; } } .view-id-legal_services .views-row .field--name-node-link a { color: transparent; overflow: hidden; font-size: 0; line-height: 0; } @media screen and (max-width: 767px) { .view-id-legal_services .views-row .field--name-node-link a { font-size: 14px; line-height: 26px; color: #003561; font-family: "Gotham"; font-weight: 500; } } .view-id-legal_services .views-row .field--name-node-link a:after { content: ''; background: url("../img/right-arrow-large.svg"); width: 23px; height: 41px; display: inline-block; } @media screen and (max-width: 767px) { .view-id-legal_services .views-row .field--name-node-link a:after { background: url("../img/read-more-arrow.svg") no-repeat center; width: 11px; height: 16px; vertical-align: text-top; margin-left: 5px; margin-top: 2px; } } #block-lawadvice-child-content .view-our-team-list .views-row { background: none; margin-bottom: 35px; padding: 0px; display: inline-block; } #block-lawadvice-child-content .view-our-team-list .views-row .field--type-image { margin-left: -30px; float: left; max-width: 232px; margin-top: -5px; margin-bottom: 0; } @media screen and (max-width: 1200px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--type-image { max-width: 200px; } } @media screen and (max-width: 991px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--type-image { margin-left: 0px; } } @media screen and (max-width: 768px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--type-image { max-width: 150px; } } @media screen and (max-width: 767px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--type-image { max-width: 72px; } } #block-lawadvice-child-content .view-our-team-list .views-row .field--type-image .field--type-image { margin: -5px 0 0; } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-job-title-role, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-body, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link { width: -moz-calc(100% - 262px); width: -webkit-calc(100% - 262px); width: -o-calc(100% - 262px); width: calc(100% - 262px); margin-left: 50px; float: left; } @media screen and (max-width: 1200px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-job-title-role, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-body, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link { width: -moz-calc(100% - 220px); width: -webkit-calc(100% - 220px); width: -o-calc(100% - 220px); width: calc(100% - 220px); float: right; } } @media screen and (max-width: 991px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-job-title-role, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-body, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link { width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: -o-calc(100% - 250px); width: calc(100% - 250px); } } @media screen and (max-width: 768px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-job-title-role, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-body, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link { width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: -o-calc(100% - 200px); width: calc(100% - 200px); } } @media screen and (max-width: 767px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-job-title-role, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-body, #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link { margin-left: 15px; width: -moz-calc(100% - 87px); width: -webkit-calc(100% - 87px); width: -o-calc(100% - 87px); width: calc(100% - 87px); } } @media screen and (max-width: 767px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link { width: 100%; margin-left: 0; } } @media screen and (max-width: 991px) { #block-lawadvice-child-content .view-our-team-list .views-row { width: 100%; } } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title h2 { padding-bottom: 0; } @media screen and (max-width: 768px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title h2 { line-height: 26px; } } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-title a { font-size: 20px; line-height: 10px; color: #003561; font-family: "Avenir-Black"; } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-body { padding-top: 15px; } @media screen and (max-width: 767px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-body { width: 100%; margin-left: 0; padding-top: 15px; } } #block-lawadvice-child-content .view-our-team-list .views-row .views-field-body { line-height: 26px; } @media screen and (max-width: 767px) { #block-lawadvice-child-content .view-our-team-list .views-row .views-field-body { width: 100%; margin-left: 0; } } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-job-title-role { display: inline-block; font-size: 14px; padding-top: 28px; line-height: 0; } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-job-title-role a { color: #303032; font-size: 14px; } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email { color: #009baa; font-weight: bold; padding-top: 20px; text-decoration: underline; padding-bottom: 0px; word-break: break-all; } @media screen and (max-width: 480px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email { line-height: 12px; } } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-field-email a { color: #009baa; } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link a { color: #009baa; text-decoration: underline; display: inline-block; margin-top: 15px; font-family: "Avenir-Black"; } @media screen and (max-width: 767px) { #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link a { float: right; color: #003561; text-decoration: none; } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link a:after { content: ''; background: url("../img/read-more-arrow.svg") no-repeat center; width: 11px; height: 16px; display: inline-block; margin-left: 10px; vertical-align: text-top; } } #block-lawadvice-child-content .view-our-team-list .views-row .field--name-node-link a:hover { text-decoration: none; } .site-content .field--name-field-job-title-role { font-weight: bold; } .site-content .field--type-image { margin-top: 20px; margin-bottom: 45px; } .site-content .field--type-image img { width: 100%; height: auto; } .site-content .pager, .site-content .view-footer { width: 100%; } @media screen and (max-width: 768px) { .site-content .pager, .site-content .view-footer { text-align: center; } } .site-content .pager { margin-left: -35px; } @media screen and (max-width: 991px) { .site-content .pager { margin-left: 0; } } .view-footer { float: right; width: -moz-calc(100% - 305px); width: -webkit-calc(100% - 305px); width: -o-calc(100% - 305px); width: calc(100% - 305px); margin-top: 40px; } @media screen and (max-width: 768px) { .view-footer { float: none; width: 100%; text-align: center; display: inline-block; margin-top: 7px; } } .pager { float: right; width: -moz-calc(100% - 305px); width: -webkit-calc(100% - 305px); width: -o-calc(100% - 305px); width: calc(100% - 305px); margin-top: 10px; } @media screen and (max-width: 768px) { .pager { float: none; width: 100%; text-align: center; margin-top: 5px; } } .pager li { float: left; padding: 0 7px; } @media screen and (max-width: 768px) { .pager li { float: none; display: inline; } } .pager li a { color: #009baa; font-family: "Avenir-Black"; font-size: 14px; } .pager li.pager__item--first, .pager li.pager__item--last { display: none; } .pager li.pager__item--previous a { height: 20px; width: 20px; font-size: 0px; line-height: 0; } .pager li.pager__item--previous a:after { content: ''; background: url("../img/left-arrow small.svg"); width: 8px; height: 12px; display: inline-block; margin-top: 7px; } .pager li.pager__item--next a { height: 20px; width: 20px; font-size: 0px; line-height: 0; } .pager li.pager__item--next a:after { content: ''; background: url("../img/right-arrow-small.svg"); width: 8px; height: 12px; display: inline-block; margin-top: 7px; } .pager li.is-active a { color: #303032; } .page-node-type-insight .site-content, .page-node-type-profile .site-content, .page-node-type-office .site-content, .free-claim-advice .site-content, .careers .site-content, .contact-us .site-content { width: 785px; margin: 0 auto; float: none; } @media screen and (max-width: 1200px) { .page-node-type-insight .site-content, .page-node-type-profile .site-content, .page-node-type-office .site-content, .free-claim-advice .site-content, .careers .site-content, .contact-us .site-content { width: 100%; } } .page-node-type-insight .region-page-banner .block-page-title-block, .page-node-type-insight .page-node-type-profile .block-page-title-block, .page-node-type-insight .page-node-type-office .block-page-title-block, .page-node-type-profile .region-page-banner .block-page-title-block, .page-node-type-profile .page-node-type-profile .block-page-title-block, .page-node-type-profile .page-node-type-office .block-page-title-block, .page-node-type-office .region-page-banner .block-page-title-block, .page-node-type-office .page-node-type-profile .block-page-title-block, .page-node-type-office .page-node-type-office .block-page-title-block, .free-claim-advice .region-page-banner .block-page-title-block, .free-claim-advice .page-node-type-profile .block-page-title-block, .free-claim-advice .page-node-type-office .block-page-title-block, .careers .region-page-banner .block-page-title-block, .careers .page-node-type-profile .block-page-title-block, .careers .page-node-type-office .block-page-title-block, .contact-us .region-page-banner .block-page-title-block, .contact-us .page-node-type-profile .block-page-title-block, .contact-us .page-node-type-office .block-page-title-block { width: 785px; text-align: left; } @media screen and (max-width: 1200px) { .page-node-type-insight .region-page-banner .block-page-title-block, .page-node-type-insight .page-node-type-profile .block-page-title-block, .page-node-type-insight .page-node-type-office .block-page-title-block, .page-node-type-profile .region-page-banner .block-page-title-block, .page-node-type-profile .page-node-type-profile .block-page-title-block, .page-node-type-profile .page-node-type-office .block-page-title-block, .page-node-type-office .region-page-banner .block-page-title-block, .page-node-type-office .page-node-type-profile .block-page-title-block, .page-node-type-office .page-node-type-office .block-page-title-block, .free-claim-advice .region-page-banner .block-page-title-block, .free-claim-advice .page-node-type-profile .block-page-title-block, .free-claim-advice .page-node-type-office .block-page-title-block, .careers .region-page-banner .block-page-title-block, .careers .page-node-type-profile .block-page-title-block, .careers .page-node-type-office .block-page-title-block, .contact-us .region-page-banner .block-page-title-block, .contact-us .page-node-type-profile .block-page-title-block, .contact-us .page-node-type-office .block-page-title-block { width: 100%; text-align: center; } } .free-claim-advice .messages--status, .contact-us .messages--status { display: none; } .free-claim-advice .region-page-banner .block-page-title-block, .contact-us .region-page-banner .block-page-title-block { text-align: center; } .free-claim-advice .field--type-text-with-summary h3, .contact-us .field--type-text-with-summary h3 { font-size: 62px; font-family: "Avenir-Black"; color: #003561; line-height: 85px; text-align: center; font-weight: normal !important; } .free-claim-advice .btn-group, .contact-us .btn-group { text-align: center; padding-top: 139px; } .free-claim-advice .btn-group .back-to-home, .contact-us .btn-group .back-to-home { background: #009baa; color: #FFFFFF; padding: 11px 16px; text-decoration: none; border-radius: 4px; display: inline-block; margin-bottom: 26px; font-weight: bold; } .free-claim-advice .btn-group span, .contact-us .btn-group span { display: block; } .careers .region-page-banner .block-page-title-block { text-align: center; } .page-node-type-free-claim-assessment .field--type-text-with-summary { font-size: 22px; font-family: "Gotham Book"; padding-bottom: 20px; line-height: 30px; } @media screen and (max-width: 991px) { .page-node-type-free-claim-assessment .field--type-text-with-summary { font-size: 18px; line-height: 30px; padding-top: 15px; } } @media screen and (max-width: 767px) { .page-node-type-free-claim-assessment .field--type-text-with-summary { font-size: 16px; line-height: 24px; } } .page-node-type-free-claim-assessment .site-content { width: 890px; margin: 0 auto; float: none; } @media screen and (max-width: 1200px) { .page-node-type-free-claim-assessment .site-content { width: 100%; } } @media screen and (max-width: 767px) { .sharethis-wrapper { text-align: center; } } .share-this-label { font-family: "Avenir-Black"; } .stButton { margin-left: 0 !important; margin-right: 0 !important; } .st_facebook_large .stButton .stLarge { background: url("../img/facebook.png") !important; width: 48px; height: 48px; } .st_twitter_large .stButton .stLarge { background: url("../img/twitter.png") !important; width: 48px; height: 48px; } .st_linkedin_large .stButton .stLarge { background: url("../img/linkedin.png") !important; width: 48px; height: 48px; } .st_email_large .stButton .stLarge { background: url("../img/share-email.png") !important; width: 48px; height: 48px; } .st_sharethis_large .stButton .stLarge { background: url("../img/sharethis.png") !important; width: 48px; height: 48px; } .stButton .stLarge { transition: border-radius 0.5s ease, opacity 0.5s ease; } .stButton .stLarge:hover { border-radius: 8px; } .contact-form { width: 460px; margin: 40px auto 0; } @media screen and (max-width: 1200px) { .contact-form { width: 100%; } } .contact-form .form-wrapper { margin-bottom: 20px; } .contact-form label { display: block; font-family: "Avenir-Black"; font-size: 16px; } .contact-form label.form-required:after { content: '*'; color: #ffad19; } .contact-form input, .contact-form select { width: 100%; height: 55px; border: 1px solid #e0e0e0; padding: 0 10px; background: #fff; box-shadow: none; } .contact-form textarea { background: #fff; height: 230px; width: 100%; border: 1px solid #e0e0e0; padding: 0 10px; } .contact-form select { -webkit-appearance: none; -moz-appearance: none; background: #fff url("../img/Triangle.svg") no-repeat right 23px center; font-family: "Avenir-Black"; font-size: 16px; color: #b2b2b2; } .contact-form select::-ms-expand { display: none; } .contact-form option { color: #303032; font-family: "Gotham"; } .contact-form input.form-submit { width: auto; border: none; background: #ffad19; color: #003561; font-family: "Avenir-Black"; padding: 8px 35px 8px 55px; border-radius: 4px; height: 48px; background-image: url("../img/send.svg"); background-repeat: no-repeat; background-position: left 15px center; margin-top: 20px; } .contact-form .error { color: #d14836; } .sidebar { width: 270px; float: left; margin-right: 35px; margin-top: -5px; } @media screen and (max-width: 991px) { .sidebar { width: 100%; } } .sidebar .region-sidebar-first .navigation h2 { background: #fff; margin-bottom: 25px; padding: 10px 25px; position: relative; color: #003561; font-size: 16px; font-family: "Avenir-Black"; display: none; } @media screen and (max-width: 991px) { .sidebar .region-sidebar-first .navigation h2 { display: block; } } .sidebar .region-sidebar-first .navigation h2:after { content: ''; background: url("../img/up-arrow.svg"); width: 16px; height: 11px; position: absolute; top: 50%; right: 25px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 991px) { .sidebar .region-sidebar-first .navigation .sidemenu-heading { position: relative !important; display: inline-block; height: 46px; background: #fff; width: 100%; line-height: 46px; padding: 0 25px; margin-bottom: 25px; color: #003561; font-size: 16px; font-family: "Avenir-Black"; } .sidebar .region-sidebar-first .navigation .sidemenu-heading:after { content: ''; background: url("../img/down-arrow.svg"); width: 18px; height: 12px; position: absolute; top: 50%; right: 25px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .sidebar .region-sidebar-first .navigation .sidemenu-heading.sidemenu-open:after { background: url("../img/up-arrow.svg"); } @media screen and (max-width: 991px) { .sidebar .menu { display: none; } .sidebar .menu.menu.sidemenu-open { display: block; } } .sidebar .menu li { position: relative; } .sidebar .menu li i.submenu-trigger { position: absolute; width: 40px; height: 40px; right: 10px; top: 10px; cursor: pointer; } @media screen and (max-width: 991px) { .sidebar .menu li i.submenu-trigger { top: 0; } } .sidebar .menu li i.submenu-trigger:after { position: absolute; background: url("../img/down-arrow.svg"); width: 18px; height: 12px; left: 50%; top: 50%; content: ''; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sidebar .menu li a { padding: 23px 25px; display: block; color: #003561; font-size: 16px; font-family: "Avenir-Black"; margin-bottom: 2px; background: #fff; } @media screen and (max-width: 991px) { .sidebar .menu li a { padding: 10px 25px; } } @media screen and (max-width: 767px) { .sidebar .menu li a { font-size: 14px; } } .sidebar .menu li.selected > a, .sidebar .menu li.menu-item--active-trail > a, .sidebar .menu li:hover > a { border-left: 4px solid #ffad19; padding-left: 21px; } .sidebar .menu li.selected i.submenu-trigger:after { background: url("../img/up-arrow.svg"); } .sidebar .menu li.menu-item--expanded ul.menu { display: none; } .sidebar .menu li.menu-item--expanded ul.menu.drop-menu-open { display: block; } .sidebar ul.menu li ul.menu li a { background: #002f67; color: #fff; margin-bottom: 0; border-bottom: 2px solid #406788; border-left: 4px solid transparent; padding: 12px 25px; } .sidebar ul.menu li ul.menu li a:hover, .sidebar ul.menu li ul.menu li a.is-active { border-left: 4px solid #ffad19; } .sidebar ul.menu li ul.menu li:last-child a { border-bottom: none; } .view-filters { width: 270px; float: left; margin-right: 35px; } @media screen and (max-width: 991px) { .view-filters { width: 100%; } } .view-filters .views-exposed-form h2.browse-by-category { background: #fff; margin-bottom: 25px; padding: 10px 25px; position: relative; color: #003561; font-size: 16px; font-family: "Avenir-Black"; display: none; } @media screen and (max-width: 991px) { .view-filters .views-exposed-form h2.browse-by-category { display: block; } } .view-filters .views-exposed-form h2.browse-by-category:after { content: ''; background: url("../img/down-arrow.svg"); width: 18px; height: 12px; position: absolute; top: 50%; right: 25px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 991px) { .view-filters .views-exposed-form ul { display: none; } .view-filters .views-exposed-form ul.sidemenu-open { display: block; margin-bottom: 25px; } } .view-filters .views-exposed-form li { position: relative; } .view-filters .views-exposed-form li a { padding: 23px 25px; display: block; color: #003561; font-size: 16px; font-family: "Avenir-Black"; margin-bottom: 2px; background: #fff; } @media screen and (max-width: 991px) { .view-filters .views-exposed-form li a { padding: 10px 25px; } } @media screen and (max-width: 767px) { .view-filters .views-exposed-form li a { font-size: 14px; } } .view-filters .views-exposed-form li.active > a { border-left: 4px solid #ffad19; padding-left: 21px; } .view-filters .views-exposed-form li span { padding: 23px 25px; display: block; color: #003561; font-size: 16px; font-family: "Avenir-Black"; margin-bottom: 2px; background: #fff; cursor: pointer; } @media screen and (max-width: 991px) { .view-filters .views-exposed-form li span { padding: 10px 25px; } } @media screen and (max-width: 767px) { .view-filters .views-exposed-form li span { font-size: 14px; } } .view-filters .views-exposed-form li span.active, .view-filters .views-exposed-form li span:hover { border-left: 4px solid #ffad19; padding-left: 21px; } .view-filters .js-form-type-select, .view-filters .form-actions { display: none; } .site-content { float: right; width: 860px; margin-left: 35px; } @media screen and (max-width: 1200px) { .site-content { width: 630px; } } @media screen and (max-width: 991px) { .site-content { width: 100%; } } .site-content .field--name-field-page-welcome-text h2, .site-content .field--name-field-introduction-text h2 { font-size: 22px; font-family: "Gotham Book"; padding-bottom: 40px; } @media screen and (max-width: 991px) { .site-content .field--name-field-page-welcome-text h2, .site-content .field--name-field-introduction-text h2 { font-size: 18px; line-height: 30px; padding-top: 5px; } } @media screen and (max-width: 767px) { .site-content .field--name-field-page-welcome-text h2, .site-content .field--name-field-introduction-text h2 { padding-bottom: 25px; } } .site-content .field--name-field-page-welcome-text h2 p, .site-content .field--name-field-introduction-text h2 p { line-height: 30px; } @media screen and (max-width: 767px) { .site-content .field--name-field-page-welcome-text h2 p, .site-content .field--name-field-introduction-text h2 p { font-size: 16px; line-height: 24px; } } .site-content h2 { font-size: 20px; font-family: "Avenir-Black"; padding-bottom: 20px; } @media screen and (max-width: 767px) { .site-content h2 { font-size: 18px; padding-bottom: 5px; } } .site-content .field--type-text-with-summary { padding: 0; font-size: 100%; } .site-content .field--type-text-with-summary p { padding-bottom: 18px; } @media screen and (max-width: 767px) { .site-content .field--type-text-with-summary p { padding-bottom: 10px; } } .site-content .field--type-text-with-summary p strong { font-weight: bold; } .site-content .field--type-text-with-summary h3 { font-weight: bold; padding-bottom: 18px; } .site-content .field--type-text-with-summary ul { margin-bottom: 15px; } .site-content .field--type-text-with-summary ul li { padding-left: 20px; text-indent: -20px; } .site-content .field--type-text-with-summary ul li:before { content: ''; width: 10px; height: 10px; background: #009baa; display: inline-block; border-radius: 100%; margin-right: 10px; } .site-content .field--type-text-with-summary ul strong { font-weight: bold; } .site-content .field--type-text-with-summary ol { padding-left: 20px; margin-bottom: 15px; } .site-content .field--type-text-with-summary ol li { list-style: decimal; } .site-content .field--type-text-with-summary img { margin-bottom: 15px; } .site-content .field--name-field-basic-page-paragraph { padding-top: 50px; } @media screen and (max-width: 767px) { .site-content .field--name-field-basic-page-paragraph { padding-top: 0px; } } .site-content .paragraph { margin-bottom: 5px; } .site-content .paragraph:after { clear: both; display: block; content: ''; } .site-content .paragraph .field--name-field-title { font-size: 20px; font-family: "Avenir-Black"; padding-bottom: 25px; width: 597px; margin-left: 20px; float: left; padding-top: 18px; } .site-content .paragraph .field--name-field-title h2 { padding-bottom: 0; } @media screen and (max-width: 1200px) { .site-content .paragraph .field--name-field-title { width: -moz-calc(100% - 222px); width: -webkit-calc(100% - 222px); width: -ms-calc(100% - 222px); width: -o-calc(100% - 222px); width: calc(100% - 222px); } } @media screen and (max-width: 767px) { .site-content .paragraph .field--name-field-title { width: 100%; margin-left: 0; } } .site-content .paragraph .field--name-field-image { width: 235px; float: left; margin-left: -33px; margin-right: 15px; } @media screen and (max-width: 1200px) { .site-content .paragraph .field--name-field-image { width: 180px; margin-left: 0; } } @media screen and (max-width: 767px) { .site-content .paragraph .field--name-field-image { width: 53%; text-align: center; margin: 5px auto 0; float: none; } } .site-content .paragraph .field--name-field-body { width: 597px; margin-left: 20px; float: left; } @media screen and (max-width: 1200px) { .site-content .paragraph .field--name-field-body { width: -moz-calc(100% - 222px); width: -webkit-calc(100% - 222px); width: -ms-calc(100% - 222px); width: -o-calc(100% - 222px); width: calc(100% - 222px); } } @media screen and (max-width: 767px) { .site-content .paragraph .field--name-field-body { width: 100%; margin-left: 0; } } .site-content .field--name-field-footer-body { margin-left: -33px; margin-top: 80px; } @media screen and (max-width: 1200px) { .site-content .field--name-field-footer-body { margin-left: 0; } } @media screen and (max-width: 991px) { .site-content .field--name-field-footer-body { margin-top: 40px; } } @media screen and (max-width: 480px) { .site-content .field--name-field-footer-body { overflow-x: scroll; } } .site-content .field--name-field-footer-body ul { margin-bottom: 27px; } .site-content .field--name-field-footer-body ul li { padding-bottom: 10px; padding-left: 20px; text-indent: -20px; } .site-content .field--name-field-footer-body ul li:before { content: ''; width: 10px; height: 10px; background: #009baa; display: inline-block; border-radius: 100%; margin-right: 10px; } .site-content .field--name-field-footer-body ul li strong { font-weight: bold; } .site-content .field--name-field-footer-body table { width: 100%; text-align: left; } @media screen and (max-width: 480px) { .site-content .field--name-field-footer-body table { width: 560px; } } .site-content .field--name-field-footer-body table thead { background: #424242; color: #fff; border: 1px solid #393939; height: 52px; line-height: 51px; } .site-content .field--name-field-footer-body table thead th { border-right: 2px solid #848484; padding: 0 20px; } @media screen and (max-width: 1200px) { .site-content .field--name-field-footer-body table thead th { padding: 5px 20px; line-height: 30px; } } .site-content .field--name-field-footer-body table thead th:last-child { border-right: none; } .site-content .field--name-field-footer-body table tbody { background: #fff; } .site-content .field--name-field-footer-body table tr { border-bottom: 1px solid #e0e0e0; height: 52px; line-height: 51px; } .site-content .field--name-field-footer-body table tr td { padding: 0 20px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .go-back-btn { font-size: 20px; font-family: "Avenir-Black"; color: #009baa; cursor: pointer; margin-top: 24px; display: inline-block; text-decoration: underline; } .go-back-btn:before { content: ''; background: url("../img/back-to-list.svg"); width: 24px; height: 22px; display: inline-block; margin-right: 10px; vertical-align: middle; } .go-back-btn:hover { text-decoration: none; } @media screen and (max-width: 767px) { .go-back-btn { display: block; text-align: center; } } .btn-group { text-align: center; padding-top: 139px; } .btn-group a.back-to-home { background: #009baa; color: #FFFFFF; padding: 11px 16px; text-decoration: none; border-radius: 4px; display: inline-block; margin-bottom: 26px; font-weight: bold; } .btn-group span { display: block; } .view-id-insight_list .view-content { float: left; width: -moz-calc(100% - 305px); width: -webkit-calc(100% - 305px); width: -o-calc(100% - 305px); width: calc(100% - 305px); } @media screen and (max-width: 991px) { .view-id-insight_list .view-content { width: 100%; } } .view-id-insight_list .view-content .views-row { max-width: 890px; width: 100%; margin: 0 auto; background: #fff; padding: 40px; margin-bottom: 2px; color: #303032; position: relative; } .view-id-insight_list .view-content .views-row:after { content: ''; display: block; clear: both; } @media screen and (max-width: 991px) { .view-id-insight_list .view-content .views-row { max-width: 750px; } } @media screen and (max-width: 768px) { .view-id-insight_list .view-content .views-row { max-width: 100%; } } @media screen and (max-width: 767px) { .view-id-insight_list .view-content .views-row { margin-bottom: 10px; padding: 30px 30px 18px; } } .view-id-insight_list .view-content .views-row .contextual-region { position: static; } .view-id-insight_list .view-content .views-row .field--name-field-category { background: #009baa; display: inline-block; padding: 5px 17px; color: #fff; position: absolute; top: 0; right: -3px; white-space: nowrap; } @media screen and (max-width: 767px) { .view-id-insight_list .view-content .views-row .field--name-field-category { right: inherit; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; } } .view-id-insight_list .view-content .views-row .field--name-field-category a { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; } @media screen and (max-width: 767px) { .view-id-insight_list .view-content .views-row .field--name-field-category a { font-size: 12px; } } .view-id-insight_list .view-content .views-row .field--name-node-title { width: 100%; font-weight: bold; font-size: 20px; margin-bottom: 5px; padding-bottom: 0; font-family: "Avenir-Black"; height: auto; } @media screen and (max-width: 767px) { .view-id-insight_list .view-content .views-row .field--name-node-title { font-size: 18px; margin-top: 20px; } } .view-id-insight_list .view-content .views-row .field--name-node-title a { color: #003561; } .view-id-insight_list .view-content .views-row .field--name-field-date { font-size: 14px; margin-bottom: 15px; padding-bottom: 0; font-family: "Gotham Book"; } .view-id-insight_list .view-content .views-row .field--name-field-body { font-size: 16px; font-family: "Gotham Book"; } .view-id-insight_list .view-content .views-row .field--name-field-body img { margin-bottom: 15px; } .view-id-insight_list .view-content .field--name-node-link a { color: #009baa; text-decoration: underline; display: inline-block; margin-top: 15px; font-family: "Avenir-Black"; } @media screen and (max-width: 767px) { .view-id-insight_list .view-content .field--name-node-link a { float: right; color: #003561; text-decoration: none; } .view-id-insight_list .view-content .field--name-node-link a:after { content: ''; background: url("../img/read-more-arrow.svg") no-repeat center; width: 11px; height: 16px; display: inline-block; margin-left: 10px; vertical-align: text-top; } } .view-id-insight_list .view-content .field--name-node-link a:hover { text-decoration: none; } .view-id-insight_list .view-empty { width: 840px; padding: 40px; background: #fff; float: left; font-size: 24px; text-transform: capitalize; text-align: center; } .field--type-datetime { font-weight: bold; padding-bottom: 18px; } #block-contactuspageheaderblock:after { content: ''; clear: both; display: block; } .path-contact-us #block-contactuspageheaderblock .field--name-field-introduction-text { padding: 0 140px 65px 175px; font-size: 22px; font-family: "Gotham Book"; line-height: 30px; } @media screen and (max-width: 991px) { .path-contact-us #block-contactuspageheaderblock .field--name-field-introduction-text { padding: 0 15px 40px; font-size: 18px; } } @media screen and (max-width: 767px) { .path-contact-us #block-contactuspageheaderblock .field--name-field-introduction-text { font-size: 16px; padding: 0 0px 10px; line-height: 25px; } } .path-contact-us #block-contactuspageheaderblock .field--name-field-introduction-text p { line-height: 30px; } @media screen and (max-width: 767px) { .path-contact-us #block-contactuspageheaderblock .field--name-field-introduction-text p { line-height: 25px; } } .path-contact-us #block-contactuspageheaderblock .field--name-field-contact-information { margin-bottom: 35px; } @media screen and (max-width: 767px) { .path-contact-us #block-contactuspageheaderblock .field--name-field-contact-information { margin-bottom: 25px; } } .path-contact-us #block-contactuspageheaderblock .field--name-field-contact-information:after { display: block; content: ''; clear: both; } .path-contact-us .field--type-field-collection .field-collection-item { width: 31%; float: left; background: #fff; margin-right: 3.5%; text-align: center; border: 1px solid #e0e0e0; padding: 55px 0 35px; font-size: 16px; position: relative; min-height: 305px; } @media screen and (max-width: 991px) { .path-contact-us .field--type-field-collection .field-collection-item { width: 100%; margin-right: 0; margin-top: 60px; min-height: inherit; padding-bottom: 10px; } } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field-collection-item { padding-top: 0; min-height: inherit; padding-bottom: 0px; border: none; margin-top: 10px; } } .path-contact-us .field--type-field-collection .field-collection-item .field--name-field-title { font-size: 22px; font-family: "Avenir-Black"; padding-bottom: 25px; } @media screen and (max-width: 991px) { .path-contact-us .field--type-field-collection .field-collection-item .field--name-field-title { padding-bottom: 10px; } } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field-collection-item .field--name-field-title { font-size: 22px; background: #003561; color: #fff; height: 48px; line-height: 48px; margin-bottom: 22px; } } .path-contact-us .field--type-field-collection .field-collection-item h3 { font-size: 24px; padding-bottom: 10px; font-family: "Gotham Book"; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field-collection-item h3 { font-size: 22px; } } .path-contact-us .field--type-field-collection .field-collection-item p strong { font-weight: bold; } .path-contact-us .field--type-field-collection .field-collection-item a { color: #003561; font-family: "Gotham"; font-weight: 500; } .path-contact-us .field--type-field-collection .field__item:nth-child(1) .field-collection-item p { line-height: 36px; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(1) .field-collection-item p { line-height: 34px; font-size: 14px; } } .path-contact-us .field--type-field-collection .field__item:nth-child(1) .field-collection-item:before { width: 64px; height: 64px; background: url("../img/callus.svg"); content: ''; position: absolute; left: 50%; top: -32px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 22; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(1) .field-collection-item:before { width: 48px; height: 48px; background-size: 48px 48px; top: 0; left: 15px; -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); transform: translateX(-15px); } } .path-contact-us .field--type-field-collection .field__item:nth-child(1) .field-collection-item::after { content: ''; width: 100%; height: 4px; background: #003561; position: absolute; top: 0; left: 0; visibility: visible; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(2) .field-collection-item { padding-bottom: 16px; } } .path-contact-us .field--type-field-collection .field__item:nth-child(2) .field-collection-item p { line-height: 27px; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(2) .field-collection-item p { line-height: 21px; } } .path-contact-us .field--type-field-collection .field__item:nth-child(2) .field-collection-item:before { width: 64px; height: 64px; background: url("../img/opening-hour.svg"); content: ''; position: absolute; left: 50%; top: -32px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 22; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(2) .field-collection-item:before { width: 48px; height: 48px; background-size: 48px 48px; top: 0; left: 15px; -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); transform: translateX(-15px); } } .path-contact-us .field--type-field-collection .field__item:nth-child(2) .field-collection-item::after { content: ''; width: 100%; height: 4px; background: #ffad19; position: absolute; top: 0; left: 0; visibility: visible; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(2) .field-collection-item .field--name-field-title { background: #ffad19; } } .path-contact-us .field--type-field-collection .field__item:nth-child(3) .field-collection-item { margin-right: 0; } .path-contact-us .field--type-field-collection .field__item:nth-child(3) .field-collection-item p { line-height: 27px; } .path-contact-us .field--type-field-collection .field__item:nth-child(3) .field-collection-item:before { width: 64px; height: 64px; background: url("../img/mail.svg"); content: ''; position: absolute; left: 50%; top: -32px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 22; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(3) .field-collection-item:before { width: 48px; height: 48px; background-size: 48px 48px; top: 0; left: 15px; -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); transform: translateX(-15px); } } .path-contact-us .field--type-field-collection .field__item:nth-child(3) .field-collection-item::after { content: ''; width: 100%; height: 4px; background: #009baa; position: absolute; top: 0; left: 0; visibility: visible; } @media screen and (max-width: 767px) { .path-contact-us .field--type-field-collection .field__item:nth-child(3) .field-collection-item .field--name-field-title { background: #009baa; } } .view-contact-us h3 { font-family: "Avenir-Black"; font-size: 28px; padding-top: 10px; } @media screen and (max-width: 767px) { .view-contact-us h3 { font-size: 18px; padding-top: 0; } } .view-contact-us .view-content { margin-top: 30px; } @media screen and (max-width: 767px) { .view-contact-us .view-content { margin-top: 8px; } } .view-contact-us .views-row { background: #fff; padding: 30px 40px 10px; margin-bottom: 2px; } @media screen and (max-width: 767px) { .view-contact-us .views-row { margin-bottom: 10px; padding: 17px 10px 20px 25px; } } .view-contact-us .views-row:after { clear: both; content: ''; display: block; } .view-contact-us .views-row .field--name-node-title { width: 32%; float: left; font-family: "Avenir-Black"; font-size: 24px; vertical-align: middle; line-height: 35px; padding-top: 13px; position: relative; padding-left: 38px; } .view-contact-us .views-row .field--name-node-title:before { content: ''; background: url("../img/locator.svg"); width: 22px; height: 27px; display: inline-block; margin-right: 16px; vertical-align: top; position: absolute; left: 0; top: 13px; } @media screen and (max-width: 768px) { .view-contact-us .views-row .field--name-node-title:before { margin-right: 10px; } } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-node-title:before { top: 0; } } .view-contact-us .views-row .field--name-node-title a { color: #003561; } @media screen and (max-width: 991px) { .view-contact-us .views-row .field--name-node-title { width: 100%; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-node-title { font-size: 22px; padding: 0 10px 0 38px; margin-bottom: 8px; } } .view-contact-us .views-row .field--name-field-address { width: 31%; float: left; } .view-contact-us .views-row .field--name-field-address p { line-height: 36px; } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-field-address p { line-height: 24px; } } @media screen and (max-width: 991px) { .view-contact-us .views-row .field--name-field-address { width: 100%; margin-bottom: 15px; } } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-field-address { padding: 0 10px; } } .view-contact-us .views-row .field--name-field-phone { width: 20%; float: left; padding: 10px 0; text-align: right; line-height: 33px; } @media screen and (max-width: 991px) { .view-contact-us .views-row .field--name-field-phone { width: 60%; text-align: left; } } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-field-phone { padding: 0; } } .view-contact-us .views-row .field--name-field-phone a { color: #303032; } .view-contact-us .views-row .field--name-field-phone a:before { content: ''; background: url("../img/phone-icon.svg"); width: 17px; height: 17px; display: inline-block; margin-right: 10px; } .view-contact-us .views-row .field--name-node-link { width: 17%; float: left; text-align: right; } @media screen and (max-width: 991px) { .view-contact-us .views-row .field--name-node-link { width: 40%; } } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-node-link { float: right; width: 40%; padding-right: 10px; } } .view-contact-us .views-row .field--name-node-link a { color: #003561; font-family: "Gotham"; font-weight: 500; display: inline-block; padding: 13px 0; position: relative; padding-right: 40px; } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-node-link a { font-size: 14px; line-height: 7px; padding-right: 20px; } } .view-contact-us .views-row .field--name-node-link a:after { content: ''; background: url("../img/right-arrow-large.svg"); width: 23px; height: 41px; position: absolute; top: 6px; right: 0; } @media screen and (max-width: 767px) { .view-contact-us .views-row .field--name-node-link a:after { background: url("../img/read-more-arrow.svg"); width: 11px; height: 16px; vertical-align: text-top; margin-left: 10px; margin-top: 2px; } } .page-node-type-office .region-page-banner .block-page-title-block { text-align: center; } .page-node-type-office .site-content .field--name-field-introduction-text { margin-bottom: 40px; } @media screen and (max-width: 767px) { .page-node-type-office .site-content .field--name-field-introduction-text { margin-bottom: 0; padding-bottom: 10px; } } .page-node-type-office .contact_details { width: 40%; float: left; clear: both; padding-top: 5px; } @media screen and (max-width: 991px) { .page-node-type-office .contact_details { width: 100%; text-align: center; } } .page-node-type-office .contact_details .field--label-above { padding-left: 15px; margin-bottom: 45px; } @media screen and (max-width: 991px) { .page-node-type-office .contact_details .field--label-above { margin-bottom: 10px; } } .page-node-type-office .contact_details p { padding-bottom: 0; } .page-node-type-office .contact_details a { color: #303032; } @media screen and (max-width: 991px) { .page-node-type-office .contact_details a { color: #fff; } } .page-node-type-office .contact_details .field__label { font-size: 16px; font-family: "Avenir-Black"; line-height: 0; padding-bottom: 10px; } @media screen and (max-width: 991px) { .page-node-type-office .contact_details .field__label { padding-top: 15px; padding-bottom: 12px; } } .page-node-type-office .field--name-field-address { border-left: 4px solid #009baa; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-address { border-left: none; background: #009baa; color: #fff; padding: 5px 15px; } } .page-node-type-office .field--name-field-address .field__label { position: relative; } .page-node-type-office .field--name-field-address .field__label:before { content: ''; background: url("../img/address.svg"); width: 15px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-address .field__label:before { position: absolute; top: 5px; left: 0px; background: url("../img/address-white.svg"); } } .page-node-type-office .contact_details .field--name-field-phone { border-left: 4px solid #002f67; } @media screen and (max-width: 991px) { .page-node-type-office .contact_details .field--name-field-phone { border-left: none; background: #002f67; color: #fff; padding: 5px 15px; } } .page-node-type-office .contact_details .field--name-field-phone .field__label { position: relative; } .page-node-type-office .contact_details .field--name-field-phone .field__label:before { content: ''; background: url("../img/phone-icon.svg"); width: 17px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 10px; } @media screen and (max-width: 991px) { .page-node-type-office .contact_details .field--name-field-phone .field__label:before { position: absolute; top: 5px; left: 0px; background: url("../img/phone-icon-white-small.svg"); } } .page-node-type-office .field--name-field-fax { border-left: 4px solid #ffad19; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-fax { border-left: none; background: #ffad19; color: #fff; padding: 5px 15px; } } .page-node-type-office .field--name-field-fax .field__label { position: relative; } .page-node-type-office .field--name-field-fax .field__label:before { content: ''; background: url("../img/fax.svg"); width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-fax .field__label:before { position: absolute; top: 5px; left: 0px; background: url("../img/fax-white.svg"); } } .page-node-type-office .field--name-field-email { border-left: 4px solid #ffad19; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-email { border-left: none; background: #ffad19; color: #fff; padding: 5px 15px; } } .page-node-type-office .field--name-field-email .field__label { position: relative; } .page-node-type-office .field--name-field-email .field__label:before { content: ''; background: url("../img/email-yellow.svg"); width: 17px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 10px; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-email .field__label:before { position: absolute; top: 5px; left: 0px; background: url("../img/email-white.svg"); } } .page-node-type-office .address_map { display: inline-block; width: 60%; border: 1px solid #d2d3d5; } @media screen and (max-width: 991px) { .page-node-type-office .address_map { width: 100%; } } .page-node-type-office #map { width: 100% !important; height: 240px !important; } .page-node-type-office .field--type-text-with-summary { display: inline-block; width: 100%; margin-top: 30px; } .page-node-type-office .field--type-text-with-summary h3 { font-family: "Avenir-Black"; font-size: 20px; padding-bottom: 15px; } @media screen and (max-width: 767px) { .page-node-type-office .field--type-text-with-summary h3 { font-weight: bold; } } .page-node-type-office .field--name-field-enquiry { padding-left: 0; width: 460px; float: none; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-enquiry { width: 100%; } } .page-node-type-office .field--name-field-enquiry .field__label { font-family: "Avenir-Black"; font-size: 28px; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-enquiry .field__label { text-align: left; } } @media screen and (max-width: 767px) { .page-node-type-office .field--name-field-enquiry .field__label { font-size: 22px; } } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-enquiry .contact-form { text-align: left; } } .page-node-type-office .field--name-field-enquiry .contact-form .field--name-field-email, .page-node-type-office .field--name-field-enquiry .contact-form .field--name-field-phone { border: none; } @media screen and (max-width: 991px) { .page-node-type-office .field--name-field-enquiry .contact-form .field--name-field-email, .page-node-type-office .field--name-field-enquiry .contact-form .field--name-field-phone { background: none; padding: 0; color: inherit; text-align: left; } } .page-node-type-office .field--name-field-enquiry .contact-form .error { color: #ff1e00; } .page-node-type-office .field--name-field-enquiry input.form-submit { background-color: #009baa; color: #fff; } body.maintenance-page { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } body.maintenance-page > .layout-container { width: 100%; max-width: 800px; text-align: center; padding: 20px; } .no-win-no-fee .sidebar { display: none; } .no-win-no-fee .site-content { float: none; margin: 0 auto; }