@charset "UTF-8"; img { max-width: 100%; height: auto; } .font-awesome, .fa, .fa-fb:before, .fa-twitter:before, .fa-youtube:before, .fa-instagram:before, .fa-plus:before, .fa-plus-circle:before, .sitemap-cont a.trigger:before, .sitemap-cont .rightNav ul.accordion ul li a:before, .fa-minus:before, .fa-minus-circle:before, .sitemap-cont a.trigger.open:before, .sitemap-cont .last-child a.trigger:before, .sitemap-cont .rightNav ul.accordion ul li a.open:before, .language:before, .envelop:before, .phone:before, .language:after, .envelop:after, .phone:after, .searchSpan:before, .arrow:before, .arrow:after, .arrow.open:after, .rightArrowSpan:before, .contactBtn:after, .sliderTxt-arrow:after, .commSlider_nav:before, .leftBtn:after, .rightBtn:after, .readmore:after, .NewsIcon:before, .twitterIcon:before, .homeLink:before, .backLink:after, .arrowMenu:after, .arrowMenu.open:after, a.trigger span:after, a.trigger.open span:after, .shareThis:before, .OlderPost a:before, .mobileMap a:after, .dd-select .dd-pointer:after, #tiles div.txt:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; } .HelveticaBold { font-family: helveticabold, sans-serif; font-weight: normal; font-style: normal; } .HelveticaRegular, .button { font-family: HelveticaRegular, sans-serif; font-weight: normal; font-style: normal; } .button { transition: background 0.5s; background: #000000; border-top: black 5px solid; border-left: 0 none; border-right: 0 none; border-bottom: 0 none; padding: 11px 33px 13px 10px; color: #fff; text-decoration: none; text-align: left; text-transform: uppercase; display: inline-block; width: 100%; cursor: pointer; font-size: 1rem; } .button:hover { transition: background 0.5s; text-decoration: none; border-top: black 5px solid; background: black; } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ /*** 1. Set default font family to sans-serif.* 2. Prevent iOS text size adjust after orientation change, without disabling* user zoom.*/ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; font-size: 1rem; /* 2 */ } body { margin: 0; font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased; background: #F2F2F2; color: #000; } /* HTML5 display definitions========================================================================== */ /*** Correct `block` display not defined in IE 8/9.*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /*** 1. Correct `inline-block` display not defined in IE 8/9.* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.*/ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /*** Prevent modern browsers from displaying `audio` without controls.* Remove excess height in iOS 5 devices.*/ audio:not([controls]) { display: none; height: 0; } /*** Address `[hidden]` styling not present in IE 8/9.* Hide the `template` element in IE, Safari, and Firefox < 22.*/ [hidden], template { display: none; } /* Links========================================================================== */ /*** Remove the gray background color from active links in IE 10.*/ a { color: #D11B1D; } /*** Improve readability when focused and also mouse hovered in all browsers.*/ a:active, a:hover { cursor: pointer; text-decoration: underline; } /* Text-level semantics========================================================================== */ /*** Address styling not present in IE 8/9, Safari 5, and Chrome.*/ abbr[title] { border-bottom: 1px dotted; } /*** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.*/ b, strong { font-weight: bold; } /*** Address styling not present in Safari 5 and Chrome.*/ dfn { font-style: italic; } /*** Address styling not present in IE 8/9.*/ mark { background: #ff0; color: #000; } /*** Address inconsistent and variable font size in all browsers.*/ small { font-size: 80%; } /*** Prevent `sub` and `sup` affecting `line-height` in all browsers.*/ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content========================================================================== */ /*** Remove border when inside `a` element in IE 8/9.*/ img { border: 0; } /*** Correct overflow displayed oddly in IE 9.*/ svg:not(:root) { overflow: hidden; } /* Grouping content========================================================================== */ /*** Address margin not present in IE 8/9 and Safari 5.*/ figure { margin: 0; } /*** Address differences between Firefox and other browsers.*/ hr { box-sizing: content-box; height: 0; } /*** Contain overflow in all browsers.*/ pre { overflow: auto; } /*** Address odd `em`-unit font size rendering in all browsers.*/ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms========================================================================== */ /*** Known limitation:by default, Chrome and Safari on OS X allow very limited* styling of `select`, unless a `border` property is set.*/ /*** 1. Correct color not being inherited.* Known issue:affects color of disabled elements.* 2. Correct font properties not being inherited.* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.*/ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /*** Address `overflow` set to `hidden` in IE 8/9/10.*/ button { overflow: visible; } /*** Address inconsistent `text-transform` inheritance for `button` and `select`.* All other form control elements do not inherit `text-transform` values.* Correct `button` style inheritance in Firefox, IE 8+, and Opera* Correct `select` style inheritance in Firefox.*/ button, select { text-transform: none; } /*** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`* and `video` controls.* 2. Correct inability to style clickable `input` types in iOS.* 3. Improve usability and consistency of cursor style between image-type* `input` and others.*/ input, textarea, select { -webkit-appearance: none; border-radius: 0; } /*** Re-set default cursor for disabled elements.*/ button[disabled], html input[disabled] { cursor: default; } /*** Remove inner padding and border in Firefox 4+.*/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /*** Address Firefox 4+ setting `line-height` on `input` using `!important` in* the UA stylesheet.*/ input { line-height: normal; } /*** It's recommended that you don't attempt to style these elements.* Firefox's implementation doesn't respect box-sizing, padding, or width.** 1. Address box sizing set to `content-box` in IE 8/9/10.* 2. Remove excess padding in IE 8/9/10.*/ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /*** Fix the cursor style for Chrome's increment/decrement buttons. For certain* `font-size` values of the `input`, it causes the cursor style of the* decrement button to change from `default` to `text`.*/ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /*** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome* (include `-moz` to future-proof).*/ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /*** Remove inner padding and search cancel button in Safari and Chrome on OS X.* Safari (but not Chrome) clips the cancel button when the search input has* padding (and `textfield` appearance).*/ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*** Define consistent border, margin, and padding.*/ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /*** 1. Correct `color` not being inherited in IE 8/9.* 2. Remove padding so people aren't caught out if they zero out fieldsets.*/ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /*** Remove default vertical scrollbar in IE 8/9.*/ textarea { overflow: auto; } /*** Don't inherit the `font-weight` (applied by a rule above).* NOTE:the default cannot safely be changed in Chrome and Safari on OS X.*/ optgroup { font-weight: bold; } /* Tables========================================================================== */ /*** Remove most spacing between table cells.*/ table { border-collapse: collapse; border-spacing: 0; } @media (max-width: 1023px) { table { display: block; overflow-x: auto; } } td, th { padding: 0; } table td, table th { padding: 10px; border: 1px solid #504342; } table th { color: #fff; background-color: #160403; font-weight: normal; } /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /** What follows is the result of much research on cross-browser styling.* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,* Kroc Camen, and the H5BP dev community and team.*/ /* ==========================================================================Base styles:opinionated defaults========================================================================== */ html { color: #000000; font-size: 1em; line-height: 1.4; } /** Remove text-shadow in selection highlight:h5bp.com/i* These selection rule sets have to be separate.* Customize the background color to match your design.*/ ::selection { background: #0000FF; text-shadow: none; color: #ffffff; } /** A better looking default horizontal rule*/ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /** Remove the gap between images, videos, audio and canvas and the bottom of* their containers:h5bp.com/i/440*/ audio, canvas, img, svg, video { vertical-align: middle; } /** Remove default fieldset styles.*/ fieldset { border: 0; margin: 0; padding: 0; } /** Allow only vertical resizing of textareas.*/ textarea { resize: vertical; } /* ==========================================================================Browse Happy prompt========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ==========================================================================Helper classes========================================================================== */ /** Hide from both screenreaders and browsers:h5bp.com/u*/ .hidden { display: none !important; visibility: hidden; } /** Hide only visually, but have it available for screenreaders:h5bp.com/v*/ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /** Extends the .visuallyhidden class to allow the element to be focusable* when navigated to via the keyboard:h5bp.com/p*/ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /** Hide visually and from screenreaders, but maintain layout*/ .invisible { visibility: hidden; } /** Clearfix:contain floats** For modern browsers* 1. The space content is one way to avoid an Opera bug when the* `contenteditable` attribute is included anywhere else in the document.* Otherwise it causes space to appear at the top and bottom of elements* that receive the `clearfix` class.* 2. The use of `table` rather than `block` is only necessary if using* `:before` to contain the top-margins of child elements.*/ .clearfix:before, .contentContainer:before, .mainContent:before, .newsLetter:before, .footerLogo:before, .footerBottom:before, .windowBody:before, .paging:before, .welcomeContent:before, .currVacancies:before, .latestNews:before, .commNews:before, .commNewsLi:before, .entryPageWrapper .entryContent:before, .formCnt:before, .searchContent:before, .searchContent .leftForm:before, .searchContent .rightForm:before, .clearfix:after, .contentContainer:after, .mainContent:after, .newsLetter:after, .footerLogo:after, .footerBottom:after, .windowBody:after, .paging:after, .welcomeContent:after, .currVacancies:after, .latestNews:after, .commNews:after, .commNewsLi:after, .entryPageWrapper .entryContent:after, .formCnt:after, .searchContent:after, .searchContent .leftForm:after, .searchContent .rightForm:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after, .contentContainer:after, .mainContent:after, .newsLetter:after, .footerLogo:after, .footerBottom:after, .windowBody:after, .paging:after, .welcomeContent:after, .currVacancies:after, .latestNews:after, .commNews:after, .commNewsLi:after, .entryPageWrapper .entryContent:after, .formCnt:after, .searchContent:after, .searchContent .leftForm:after, .searchContent .rightForm:after { clear: both; } /************************************************************************** /-Custom ROM classes------------------------------------------------------ **************************************************************************/ ul { margin: 0; } *, *:before, *:after { /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */ /* Firefox (desktop or Android) 28- */ /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */ box-sizing: border-box; } @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.7.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa, .fa-fb:before, .fa-twitter:before, .fa-youtube:before, .fa-instagram:before, .fa-plus:before, .fa-plus-circle:before, .sitemap-cont a.trigger:before, .sitemap-cont .rightNav ul.accordion ul li a:before, .fa-minus:before, .fa-minus-circle:before, .sitemap-cont a.trigger.open:before, .sitemap-cont .last-child a.trigger:before, .sitemap-cont .rightNav ul.accordion ul li a.open:before, .language:before, .envelop:before, .phone:before, .language:after, .envelop:after, .phone:after, .searchSpan:before, .arrow:before, .arrow:after, .arrow.open:after, .rightArrowSpan:before, .contactBtn:after, .sliderTxt-arrow:after, .commSlider_nav:before, .leftBtn:after, .rightBtn:after, .readmore:after, .NewsIcon:before, .twitterIcon:before, .homeLink:before, .backLink:after, .arrowMenu:after, .arrowMenu.open:after, a.trigger span:after, a.trigger.open span:after, .shareThis:before, .OlderPost a:before, .mobileMap a:after, .dd-select .dd-pointer:after { font-size: 1.563rem; line-height: 11px; } .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-center { text-align: center !important; } .posRelative { position: relative; } .desktopOnly { display: block; } .tabletOnly { display: none; } .OpenSansBold { font-family: 'open_sansbold', sans-serif; } .ViewsContainer { float: left; } .contentContainer { width: 96%; margin: 0 auto; max-width: 1170px; padding: 0; } .mainContent { overflow: hidden; } /*.mainContent {padding:30px 0; } @media (max-width:1023px) { .mainContent {padding:20px 0; } } */ .fa-fb:before { content: ""; } .fa-twitter:before { content: ""; } .fa-youtube:before { content: ""; } .fa-instagram:before { content: ""; } .fa-plus:before, .fa-plus-circle:before { content: "\f055"; font-size: inherit; top: 0px; } .fa-minus-circle:before { content: "\f056"; font-size: inherit; top: 0px; } .fa-minus:before, .home-item { height: 500px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } @media (max-width: 1023px) { .home-item { height: 400px; } } @media (max-width: 720px) { .home-item { height: 400px; } } /* Carousel item styles */ .home-item--container { display: block; background-color: rgba(255, 255, 255, 0.9); position: relative; width: 50%; padding: 30px; color: #63656a; text-decoration: none; margin-top: 15%; } @media (max-width: 767px) { .home-item--container { width: 100%; margin-top: 20%; } } .home-item--container:hover { text-decoration: none; } .home-item--container:hover .readmore:before { transform: scaleX(1); background: #D11B1D; } .home-item--container:hover .readmore:after { transform: translateX(7px); } .home-item h2 { margin: 0; font-size: 2rem; line-height: 1.1; } .langBar { background: #B5141A; padding: 10px 0; color: #ffffff; font-size: 0.875rem; line-height: 1; } .langBar a { color: #ffffff; text-decoration: none; display: inline-block; } .langBar a:hover { transition: all, 0.3s; color: #D11B1D; } .langBar .textSizeBox a { padding: 0 10px; margin: 0 2px; } .langBar .textSizeBox a.aminus { padding: 0 10px 0 0; } .langBar .textSiz { display: inline; } @media (max-width: 1023px) { .langBar .textSiz { display: none; } .hlrCnt { margin-bottom: 7px; } } @media (max-width: 720px) { /*.logoContent {padding-top:20px; padding-bottom:20px;}*/ } .logoDv { float: left; width: 80px; height: 101px; } @media (max-width: 720px) { .logoDv { width: 68px; } } .logoDv a { display: block; } .logoDv a img { max-width: 100%; } .logoText { float: left; color: #ffffff; font-size: 1.875rem; font-weight: bold; padding: 15px 0 0 20px; line-height: 1; width: 320px; } .logoText a { color: #ffffff; text-decoration: none; } @media (max-width: 720px) { .logoText { max-width: 100%; } } @media (max-width: 480px) { .logoText { font-size: 1.625rem; padding: 6px 0 0 10px; } } @media (max-width: 1023px) { .Welsh .logoText { width: 332px; padding-top: 5px; } } @media (max-width: 480px) { .Welsh .logoText { width: 210px; font-size: 1.625rem; } } .headerRight { float: right; color: #ffffff; margin: 5px 0 0 0; } /*@media (max-width:1023px) { .headerRight {width:260px; } }*/ @media (max-width: 720px) { .headerRight { width: 100%; } } @media (max-width: 480px) { .headerRight { margin: 10px 0 0 0; } } .headerRight a { color: #ffffff; text-decoration: none; } .headerRight a:hover, .headerRight a:focus { text-decoration: underline; } .contactWrap__item { display: inline; color: white; position: relative; padding: 0 12px; } .contactWrap__item:last-child { padding: 0 0 0 12px; } .contactWrap__item:before { content: ""; display: block; width: 1px; height: 24px; background-color: rgba(255, 255, 255, 0.4); position: absolute; top: -4px; left: 0; } .contactWrap__item:first-child:before { display: none; } .searchSpan:before { content: ""; font-size: 1.313rem; color: #ffffff; width: 40px; height: 40px; margin: 14px 0 0 10px; } .arrow:before { content: ""; font-size: 1.438rem; color: #ffffff; margin-right: 8px; } .arrow:after { content: ""; font-size: 1.438rem; color: #ffffff; margin-right: 8px; } .arrow.open:after { content: ""; font-size: 1.438rem; color: #ffffff; margin-right: 8px; } .newsLetter { padding: 70px 0; position: relative; background: url(https://www.nwales-fireservice.org.uk/images/subscribeImg.jpg); background-color: transparent; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; background-size: cover; } :root .newsLetter { filter: none\0/IE9; } .newsLetter:before { content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; } :root .newsLetter:before { filter: none\0/IE9; } @media (max-width: 1023px) { .newsLetter { padding: 40px 0; } } @media (max-width: 480px) { .newsLetter { padding: 30px 0; } } .newsLetter form { background-color: rgba(255, 255, 255, 0.9); position: relative; width: 55%; padding: 30px; color: #63656a; } @media (max-width: 767px) { .newsLetter form { width: 100%; padding: 15px; } } .newsLetter p { margin: 6px 0; } /*.subLeft {float:left; max-width:40%; width:320px; color:#ffffff; padding-right:20px; position:relative; }*/ .subLeft p { font-size: 1.188rem; margin: 10px 0 0; } .subLeft h1 { margin: 0; font-size: 2rem; line-height: 1; color: #D11B1D; } @media (max-width: 480px) { .subLeft h1 { font-size: 1.875rem; } } @media (max-width: 1023px) { .subLeft { width: 100%; padding-right: 0; max-width: 100%; } } /*.subRight {width:60%; float:right; padding-right:72px; position:relative; margin-top:20px; position:relative; }*/ .emailSpan { background-color: transparent; background-color: white; padding: 20px; margin-right: 2px; padding: 0 20px; width: 85%; height: 40px; display: inline-block; margin-top: 14px; line-height: 40px; position: relative; } :root .emailSpan { filter: none\0/IE9; } @media (max-width: 480px) { .emailSpan { height: 40px; padding: 0px 8px; width: 100%; } } .emailSpan .readmore { position: absolute; bottom: 0; right: 0; } .rightArrowSpan { background-color: transparent; background-color: rgba(255, 255, 255, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); zoom: 1; padding: 10px 20px; position: absolute; top: 0; right: 0; width: 70px; height: 60px; } :root .rightArrowSpan { filter: none\0/IE9; } .rightArrowSpan:before { font-size: 2.813rem; color: #e1261c; content: ""; margin-top: 17px; } @media (max-width: 480px) { .rightArrowSpan:before { font-size: 2.5rem; margin-top: 14px; } } @media (max-width: 480px) { .rightArrowSpan { height: 55px; width: 55px; padding: 10px 15px; } } .contactBtn { display: none; background-color: #d7d7d7; padding: 18px 10px; margin-bottom: 20px; color: #333333; text-decoration: none; font-weight: bold; line-height: 1; } .contactBtn:after { color: #e1261c; float: right; margin-top: 5px; } .findUs { overflow: hidden; transform: translate(0); transition: color 0.3s; } @media (max-width: 480px) { .findUs { display: block; font-size: 1.063rem; } } .findUs:after { content: ""; font-size: 2.188rem; margin-top: 6px; transition: transform 0.3s linear; } .findUs:before { content: ""; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #b8b8b8; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s linear; } .findUs:hover:after { transform: translateX(7px); } .findUs:hover:before { transform: scaleX(1); } @media (max-width: 720px) { .callUs { display: block; font-size: 1.188rem; } } @media (max-width: 480px) { .callUs { font-size: 1.063rem; } } .callUs:after { content: ""; font-size: 2.188rem; display: inline-block; vertical-align: middle; transform: translateZ(0); } .callUs:hover:after { animation: callUsBuzz 0.75s linear 1; } .EmailUs { position: relative; } .EmailUs:after { content: ""; font-size: 1.813rem; margin-top: 4px; padding: 0 1px; transform: translateZ(0); transition: transform 0.3s ease-out; } @media (max-width: 720px) { .EmailUs { display: block; font-size: 1.188rem; } } @media (max-width: 480px) { .EmailUs { font-size: 1.063rem; } } .EmailUs:hover:after { transform: scale(1.3) translateZ(0); } .emailInput { color: #e1261c; font-size: 1.125rem; -moz-appearance: none; -webkit-appearance: none; outline: none; background: none; border: none; width: 100%; } @media (max-width: 480px) { .emailInput { font-size: 1.188rem; } } .rightArrow { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; cursor: pointer; } .lastBox { padding: 0; width: 28%; } @media (max-width: 720px) { .lastBox h2 { margin: 10px 0 15px; } } @media (max-width: 720px) { .lastBox { width: 100%; } } @media (max-width: 720px) { .secondBox { padding-right: 0; } } @media (max-width: 480px) { .secondBox h2 { margin: 10px 0 35px; } } .copyright { float: right; color: #ffffff; font-size: 0.875rem; width: auto; margin-top: 31px; } .copyright p { margin: 0; color: #ffffff; } @media (max-width: 1023px) { .copyright { width: auto; margin-top: 0; } } @media (max-width: 720px) { .copyright { float: left; width: 100%; margin-bottom: 20px; } } .address { margin-bottom: 25px !important; } /*@media (max-width:480px) { .address {display:none; } }*/ .phoneNo a { color: #ffffff; text-decoration: none; } .phoneNo a:hover, .phoneNo a:focus { text-decoration: underline; } /*@media (max-width:720px) { .phoneNo {display:none; } }*/ .backToTop { padding: 14px; background-color: #e1261c; color: #ffffff; cursor: pointer; line-height: 1; font-weight: bold; display: none; position: absolute; top: auto; bottom: 0; left: 0; right: 0; position: fixed; z-index: 10; text-align: center; } .backToTop:hover, .backToTop:focus { background-color: #e1571c; } @keyframes callUsBuzz { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0); } 100% { transform: translateX(-1px) rotate(0); } } #freeSmokeAlarm label.error { clear: left; margin-top: -5px; margin-bottom: 4px; display: inherit; background: #e1261c; color: #ffffff; } .emailSpan .error { display: block; color: white; background: #e1261c; padding: 0px 21px; text-align: left; clear: both; width: 100%; margin-left: -20px; margin-top: 10px; } .emailSpan .error:after { position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #e1261c; border-right: 8px solid transparent; border-left: 8px solid transparent; } .slider-div { width: 100%; position: relative; } .slider-div img { width: 100%; min-height: 250px; min-width: 699px; } @media (max-width: 720px) { .slider-div img { min-height: 250px; } } .slider-content { width: 100%; display: block; position: absolute; } .sliderTxt-div { width: 85%; max-width: 679px; float: left; padding-left: 2%; padding-right: 62px; margin-top: 11%; position: relative; display: block; } .sliderTxt-div .white-bg { background-color: transparent; background-color: rgba(255, 255, 255, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); zoom: 1; } :root .sliderTxt-div .white-bg { filter: none\0/IE9; } @media (max-width: 1023px) { .sliderTxt-div { width: 385px; margin-top: 7%; } } @media (max-width: 720px) { .sliderTxt-div { width: 303px; margin-top: 105px; padding-left: 25px; } } @media (max-width: 480px) { .sliderTxt-div { width: 92%; padding-left: 0px; margin-left: 4%; margin-right: 4%; overflow: hidden; } } .sliderTxt-div a { text-decoration: none; } .sliderTxt-cont { float: left; width: 100%; margin-right: 2px; position: relative; height: 100%; display: block; padding: 3% 2% 3% 2%; } @media (max-width: 720px) { .sliderTxt-cont { padding: 3% 3%; } } .sliderTxt-cont .heading { width: 45%; float: left; font-family: arial; font-size: 2.25rem; text-align: left; color: #e1261c; font-weight: bold; line-height: 30px; } @media (max-width: 1023px) { .sliderTxt-cont .heading { width: 100%; } } @media (max-width: 720px) { .sliderTxt-cont .heading { font-size: 1.938rem; } } @media (max-width: 480px) { .sliderTxt-cont .heading { font-size: 1.375rem; } } .sliderTxt-cont .txt { width: 43%; float: right; font-size: 1rem; text-align: left; color: #333333; padding-top: 7px; transition: font-size 0.3s; } @media (max-width: 1023px) { .sliderTxt-cont .txt { width: 100%; } } @media (max-width: 720px) { .sliderTxt-cont .txt { display: none; } } .smallFont .sliderTxt-cont .txt { font-size: 0.875rem; } .largeFont .sliderTxt-cont .txt { font-size: 1.125rem; } .sliderTxt-arrow { width: 60px; float: left; text-align: center; position: absolute; height: 100%; display: block; right: 0px; } .sliderTxt-arrow:after { content: ""; color: #e1261c; position: absolute; font-size: 2.688rem; top: 48%; right: 10px; left: 12px; } .sliderTxt-arrow img { min-width: 26px !important; max-width: 26px !important; min-height: 15px !important; max-height: 41px; } #slideshow { position: relative; height: auto; width: 100%; height: 250px; } /*responsive carousel layout*/ @media (min-width: 768px) { #slideshow { height: 300px; } .slider-div img { min-height: 300px; } } @media (min-width: 992px) { #slideshow { height: 400px; } .slider-div img { min-height: 400px; } } @media (min-width: 1140px) { #slideshow { height: 500px; } .slider-div img { min-height: 500px; } } #slideshow span { position: absolute; top: 0; left: 0; z-index: 8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; width: 100%; overflow: hidden; } #slideshow span img { width: 100%; } #slideshow span.active { z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } #slideshow span.last-active { z-index: 9; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .commSlider { margin: 0 auto 40px; } .commSlider_tabs { list-style: none; padding: 0; background: rgba(0, 0, 0, 0.25); box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 5px black; -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 5px black; -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 5px black; font-size: 1.125rem; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; text-align: center; width: 100%; } .commSlider_tabs li { display: inline; float: none; margin-right: 1px; } .commSlider_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline; } .commSlider_tabs li:first-child { margin-left: 0; } .commSlider_tabs .commSlider_here a { background: rgba(255, 255, 255, 0.1); color: #fff; font-weight: bold; } .events { list-style: none; } .commSlider_container { margin-bottom: 50px; position: relative; float: left; width: 100%; } .commSlider { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .commSlider li { position: absolute; width: 100%; left: 0; top: 0; } .commSlider img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .commSlider .caption { display: block; position: absolute; z-index: 2; font-size: 1.25rem; text-shadow: none; color: #fff; background: #000; background: rgba(0, 0, 0, 0.8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .commSlider_nav { background-color: transparent; background-color: rgba(215, 215, 215, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCD7D7D7,endColorstr=#CCD7D7D7); zoom: 1; position: absolute; -webkit-tap-highlight-color: transparent; top: 82px; left: 0; z-index: 3; overflow: hidden; text-decoration: none; height: 60px; width: 60px; z-index: 3; margin-left: -2%; } :root .commSlider_nav { filter: none\0/IE9; } .commSlider_nav:before { content: ""; color: #e1261c; position: absolute; font-size: 2.688rem; top: 27px; left: 16px; } .commSlider_nav:active { background-color: transparent; background-color: #d7d7d7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD7D7D7,endColorstr=#FFD7D7D7); zoom: 1; } :root .commSlider_nav:active { filter: none\0/IE9; } .commSlider_nav.next { left: auto; right: 0; margin: 0 -2% 0 0; } .commSlider_nav.next:before { content: ""; } .noSlider .commSlider li { position: relative !important; float: left !important; opacity: 1 !important; display: block !important; filter: none !important; } .noSlider .commSlider_nav { display: none; } @media (max-width: 720px) { .noSlider .commSlider_nav { display: block; } } .doneBtn { font-weight: bold; text-transform: uppercase; position: relative; font-size: 1.188rem; background-color: #d2d2d2; text-decoration: none; color: #333333; line-height: 1; float: right; padding: 20px; overflow: hidden; transform: translateZ(0); } .doneBtn:before { content: ""; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #b8b8b8; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .overlay { background-color: transparent; background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); zoom: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; position: fixed; z-index: 110; display: none; } :root .overlay { filter: none\0/IE9; } .paging { list-style: none; } @media (max-width: 480px) { .paging { float: left; } } .paging li { display: inline-block; padding: 0; margin-left: 10px; margin-top: 20px; } @media (max-width: 480px) { .paging li { margin: 20px 0 0 10px; } } .paging li a { padding: 5px 10px; font-size: 1.25em; text-align: center; background: #000; text-decoration: none; color: #fff; } .paging li.active span, .paging li a:hover { background: #e1261c; color: #FFF; padding: 5px 10px; font-size: 1.25em; } .leftBtn, .rightBtn { position: relative; text-decoration: none; line-height: 1; overflow: hidden; text-align: center; } .leftBtn:after, .rightBtn:after { content: "\f054"; color: #fff; position: absolute; font-size: 1.375rem; top: 50%; margin-top: -4px; right: 11px; transition: transform 0.3s; } .leftBtn:hover:after, .rightBtn:hover:after { transform: translateX(7px); } .leftBtn:after { content: "\f053"; right: 11px; } @media (max-width: 480px) { .leftBtn:after { right: 10px; } } .leftBtn:hover:after { transform: translateX(-7px); } .PagingCnt p { display: inline-block; width: 100%; text-align: center; margin: 40px 0 0; } @media (max-width: 480px) { .PagingCnt p { margin: 30px 0 0 0; } } .leftLi { margin-left: 0 !important; } /*** main section*/ .leftContent { width: 66.6666%; padding-right: 30px; float: left; } @media (max-width: 1023px) { .leftContent { width: 100%; padding-right: 0; } } .leftContent-50 { width: 49%; float: left; margin-right: 2%; } @media (max-width: 1023px) { .leftContent-50 { width: 100%; padding-right: 0; margin-bottom: 30px; } } .leftContent .currVacancies { display: none; } @media (max-width: 1023px) { .leftContent .currVacancies { display: block; } } .wideContent { width: 80%; float: left; } @media (max-width: 1023px) { .wideContent { width: 100%; } } /*** main section end*/ /*** welcome content section*/ .sidebar-video { position: relative; width: 100%; height: 0; padding-bottom: 55%; overflow: hidden; } .sidebar-video iframe { width: 100%; position: absolute; top: 0; left: 0; height: 100%; } .welcomeContent { background-color: #f2f2f2; color: #333333; padding: 35px 35px 70px 35px; position: relative; } .welcomeContent > img { display: block; margin: -35px -35px 40px; width: calc(100% + 70px); } @media (max-width: 1023px) { .welcomeContent { background-color: transparent; padding: 0; } .welcomeContent > img { margin: 0 0 40px; width: 100%; } } .contentThumbs { float: left; padding: 0 15px 15px 0; width: 255px; } @media only screen and (max-width: 479px) { .contentThumbs { padding: 0 0 15px; width: 100%; } } .contentThumbs img { width: 100%; } .welcomeRight p { font-size: 1rem; margin: 20px 0; transition: font-size 0.3s; } @media (max-width: 720px) { .welcomeRight p { margin: 10px 0; } } .smallFont .welcomeRight p { font-size: 0.875rem; } .largeFont .welcomeRight p { font-size: 1.125rem; } .welcomeRight h1 { font-size: 2.25rem; margin: 0; line-height: 1; } @media (max-width: 1023px) { .welcomeRight h1 { font-size: 2.25rem; } } @media (max-width: 720px) { .welcomeRight h1 { font-size: 1.5rem; } } @media (max-width: 480px) { .Welsh .welcomeRight h1 { font-size: 1.063rem; } } .readmore { display: inline-block; position: relative; background-color: black; text-decoration: none; color: white; line-height: 1; padding: 11px 44px 12px 24px; overflow: hidden; transform: translate(0); transition: color 0.3s; } #freeSmokeAlarm .readmore { width: 100% !important; padding: 0; } #freeSmokeAlarm .readmore input { border: none; background-color: transparent; text-align: left; text-transform: uppercase; padding: 21px 60px 20px 20px; } #freeSmokeAlarm .readmore input:hover { cursor: pointer; } a.readmore:active, a.readmore:hover { text-decoration: none; } /*@media (max-width:480px) { .readmore {padding:21px 40px 20px 10px; font-size:1.063rem; } }*/ .readmore:after { content: ""; color: white; position: absolute; font-size: 1.375rem; top: 50%; margin-top: -3px; right: 14px; transition: transform 0.3s; } @media (max-width: 480px) { .readmore:after { right: 7px; } } .readmore:before { content: ""; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #E6191D; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.3s ease-out; } .readmore:hover:after { transform: translateX(7px); } .readmore:hover:before { transform: scaleX(1); } button.readmore { width: 40px; height: 40px; padding: 0; border: 0; } button.readmore:after { margin-top: -4px; right: 10px; } .readWelcome { float: right; position: absolute; right: 0; bottom: 0; } @media (max-width: 768px) { .readWelcome { margin-top: 5px; position: static; float: left; } } .moreDetail { position: absolute; right: 0px; text-indent: -10000px; padding: 10px 40px 12px 0px; top: auto; bottom: 0; } .moreDetail:after { text-indent: 0; right: 11px; margin-top: -4px; } /*@media (max-width:720px) { .moreDetail {display:none; } }*/ .moreNews { float: left; margin: 10px 0 30px; } .currVacancies { margin-top: 40px; } @media (max-width: 720px) { .currVacancies { margin-top: 20px; } } /*** welcome content section End*/ /*** latest News section*/ .latestNews { margin-top: 40px; } .latestNews h2 { font-size: 2rem; color: #e1261c; } .panelHead { padding: 20px 55px 20px 10px; background-color: #333333; color: #ffffff; position: relative; } .panelHead h1 { font-size: 1.5rem; line-height: 1; display: inline-block; margin: 0; } .news-title { font-size: 1.375rem; margin: 0 0 10px; color: #000000; } @media (max-width: 480px) { .news-title p { font-size: 1.188rem; } } .postedOn { color: #3f3f3f; font-size: 1rem; display: block; } .postedOn + p { margin-top: 15px; } .NewsIcon { position: absolute; top: 50%; margin-top: -3px; right: 10px; } .NewsIcon:before { content: '\f09e'; font-size: 3rem; color: #ffffff; } /*** latest News section end*/ /*** community News section*/ @media (max-width: 1023px) { .communityNews { border-bottom: 4px solid #e1261c; padding-bottom: 20px; } } .commsContainer { position: relative; } .commHeading { border-top: 4px solid #e1261c; padding: 20px 0; } @media (max-width: 720px) { .commHeading { padding: 40px 0 0; } } .commHeading h1 { font-size: 2.25rem; line-height: 1; margin: 0; color: #e1261c; } .commImg { float: left; max-width: 48%; margin-right: 2%; } @media (max-width: 720px) { .commImg { max-width: 100%; margin-right: 0; } } .commImg img { max-width: 100%; } .commDetail { line-height: 1; } @media (max-width: 720px) { .commDetail { float: left; margin-top: 20px; clear: both; } } .commDetail h3 { margin: 0; font-size: 1.5rem; color: #e1261c; } .commDetail a { color: #e1261c; text-decoration: underline; } .commDetail p { color: #333333; font-size: 1.5rem; margin: 15px 0 0; line-height: 1.2; transition: font-size 0.5s; } @media (max-width: 480px) { .commDetail p { font-size: 1.188rem; line-height: 1.2; margin: 5px 0; } } .smallFont .commDetail p { font-size: 1.25rem; } .largeFont .commDetail p { font-size: 1.625rem; } .commNewsLi { padding: 20px 0; border-bottom: 2px solid #d7d7d7; } @media (max-width: 720px) { .commNewsLi { border-bottom: none; padding: 20px 0 5px; } } .commNewsLi.bbNone { padding-bottom: 0px; } /*** community News section end*/ /*** current section*/ @media (max-width: 1023px) { .currentSection { width: 100%; float: left; } } @media (max-width: 720px) { .currentSection { width: 100%; float: left; } } .currHeading, .aboutpage .sideCnt { line-height: 1; } .currHeading h2, .aboutpage .sideCnt h2 { font-size: 2rem; margin: -6px 0; } .currUl { list-style: none; padding-left: 0; } @media (max-width: 720px) { .currUl { margin-top: 20px; } } .currLi { background-color: #f2f2f2; margin-top: 2px; line-height: 1; transition: 0.5s; } .currLi.selected, .currLi:hover { background-color: #d7d7d7; } .currLi a { padding: 18px 10px; display: block; text-decoration: none; color: #000000; } @media (max-width: 720px) { .currLi a { padding: 17px 10px; } } /*** current section end*/ /*** vacancy section*/ .vacancy { background: url(/media/4341/ruthin-kit.jpg?width=780&height=400&mode=crop) no-repeat 0 0 transparent; background-size: cover; padding: 0px 0px 196px 59px; margin-top: 25px; position: relative; background-color: transparent; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; text-align: center; margin-top: 0; padding: 0; min-height: 400px; } :root .vacancy { filter: none\0/IE9; } @media (max-width: 1023px) { .vacancy { width: 100%; float: right; margin-top: 0; } } @media (max-width: 720px) { .vacancy { width: 100%; float: left; margin-top: 40px; } } .vacancy:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*background-color:rgba(74, 74, 74, 0.5); */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); zoom: 1; display: block; } :root .vacancy:before { filter: none\0/IE9; } .vacancyLink { position: absolute; bottom: 0; right: 0; } .vacancy h1 { margin: 0; font-size: 2rem; color: #e1261c; background-color: rgba(255, 255, 255, 0.9); position: absolute; bottom: 0; left: 0; padding: 30px; width: calc(100% - 184px); text-align: left; } .vacancy span { display: block; clear: both; float: left; margin-top: 10px; } @media (max-width: 480px) { .vacancy { min-height: 200px; } .vacancy h1 { font-size: 1.563rem; } } /*** vacancy section end*/ /*** Follow us section*/ .followUs { margin-bottom: 30px; overflow: hidden; } @media (max-width: 1023px) { .followUs .panelHead h1 { font-size: 1.188rem; } .followUs { display: none; visibility: hidden; } } .followUs .panelHead a { color: #ffffff; line-height: 1.4; } .twitterIcon { float: right; position: absolute; top: 50%; right: 10px; margin-top: -25px; } .twitterIcon:before { content: ""; font-size: 3rem; color: #ffffff; top: 20px; position: relative; } .followBody { background: #f2f2f2; padding: 10px; } @media (min-width: 992px) { .followBody { height: 504px; overflow-y: auto; overflow-x: hidden; } } /*** Follow us section end*/ .bbNone { border-bottom: none; } iframe[id^='twitter-widget-0'] { width: 100% !important; } iframe[id^='twitter-widget-0'] .timeline { width: 100%; } .preLoader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; text-align: center; z-index: 10000; background-color: #e1261c; } .preLoader img { position: absolute; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; display: none; } .no-cssanimations .preLoader img { display: inline-block; } .loaderDiv { position: absolute; left: 50%; top: 50%; font-size: 0.625rem; width: 12px; height: 12px; border-radius: 50%; text-indent: -9999em; animation: loader 1.1s infinite ease; transform: translateZ(0); } .no-cssanimations .loaderDiv { display: none; } body #cc-notification { z-index: 9999 !important; } @keyframes loader { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } .homeLink { display: inline-block; font-size: 1rem; text-decoration: none; font-weight: normal; color: #909090; position: relative; padding: 0px 35px 0px 0px; } @media (max-width: 720px) { .homeLink { font-size: 0; } } .homeLink:before { content: '\f015'; color: #909090; font-size: 1.313rem; display: none; } @media (max-width: 720px) { .homeLink:before { display: block; } } .homeLink:after { content: ""; color: #909090; position: absolute; font-size: 1.313rem; top: 6px; right: 8px; } @media (max-width: 720px) { .homeLink:after { top: 0; } } .masonry-container { width: 100%; clear: both; } #chooseStation ul { margin: 0px; height: 400px; } #chooseStation ul li { background: none; padding: 0px; margin: 0px; } .loader { text-align: center; padding: 0 0 20px 0; } .entryPageWrapper { background: #e1261c; position: fixed; height: 100%; width: 100%; overflow: auto; } .entryPageWrapper .entryContent { width: 84.5%; max-width: 1200px; padding: 8% 0px 0px; margin: 0 auto; } @media (min-width: 1400px) { .entryPageWrapper .entryContent { padding: 10% 0px 0px; } } @media (max-width: 1023px) { .entryPageWrapper .entryContent { width: 95%; } } @media (max-width: 720px) { .entryPageWrapper .entryContent { width: 90%; } } @media (max-width: 480px) { .entryPageWrapper .entryContent { width: 95%; } } .entryPageWrapper .entryContent p { font-size: 1.5rem; color: #ffffff; font-weight: bold; } @media (max-width: 720px) { .entryPageWrapper .entryContent p { font-size: 1.188rem; } } @media (max-width: 480px) { .entryPageWrapper .entryContent p { font-size: 1rem; text-align: left; } } .entryPageWrapper .entryContent .readmore { width: 48%; float: left; margin: 0px 1%; font-size: 1.125rem; padding: 21px 43px 20px 0px; } .entryPageWrapper .entryContent .readmore:hover, .entryPageWrapper .entryContent .readmore:hover:after { color: #000; } .entryPageWrapper .entryContent .readmore:before { background-color: #fff; } @media (max-width: 720px) { .entryPageWrapper .entryContent .readmore { width: 100%; min-width: 0; max-width: none; margin-bottom: 10px; text-align: left; padding: 21px 43px 20px 10px; margin-bottom: 17px; } } @media (max-width: 480px) { .entryPageWrapper .entryContent .readmore { margin-bottom: 10px; min-width: 100px; max-width: none; width: 46%; } } .entryPageWrapper .leftContentCol, .entryPageWrapper .rightContentCol { float: left; width: 45%; text-align: center; max-width: 500px; } @media (max-width: 1023px) { .entryPageWrapper .leftContentCol, .entryPageWrapper .rightContentCol { width: 48.5%; } } @media (max-width: 720px) { .entryPageWrapper .leftContentCol, .entryPageWrapper .rightContentCol { width: 48%; } } @media (max-width: 480px) { .entryPageWrapper .leftContentCol, .entryPageWrapper .rightContentCol { width: 100%; margin-bottom: 45px; } } .entryPageWrapper .rightContentCol { float: right; } .entryButtonWrapp { margin: 18px 0px 0px 0px; float: left; width: 100%; } @media (max-width: 480px) { .entryButtonWrapp { width: 100%; margin: 20px 0px 0px 0px; } } @media (max-width: 480px) { .entryLogo { width: 115px; float: left; margin-right: 10px; } } @media (max-width: 480px) { .entryLogo img { width: 100%; } } .entryData { width: 322px; margin: 0 auto; } @media (max-width: 720px) { .entryData { width: 100%; } } .aboutHeader { width: 100%; } .aboutHeader img { width: 100%; } .backLink { display: inline-block; font-size: 1rem; text-decoration: none; color: #909090; position: relative; padding: 0px 26px 0px 0px; } @media (max-width: 720px) { .backLink { font-size: 0; } } .backLink:after { content: "\f053"; color: #3f3f3f; position: absolute; font-size: 1.313rem; top: -10px; } /* vacancies */ .docCont { display: inline-block; width: 100%; margin-top: 30px; list-style: none; padding-left: 0; } .downloadDoc { float: left; width: 25%; text-align: center; min-height: 100px; text-decoration: none; } .downloadDoc:hover { text-decoration: none; } .downloadDoc img { float: none; display: block; margin: 0 auto; } .downloadDoc span { color: #3f3f3f; display: block; float: none !important; margin: 10px auto !important; } @media (max-width: 480px) { .downloadDoc { width: 50%; } } .vacancyContent h2 { width: 100%; } .vacancyContent p { display: block; } @media (max-width: 1023px) { .vacancyContent .newPost { padding-right: 10px; } } .vacancyContent .postedOn { clear: none; margin: 5px 30px 5px 0; } /*search results*/ .searchHeading h2 { font-size: 1.5rem; line-height: 1; margin: 30px 0 10px; } .newPost { background: #f2f2f2; color: #3f3f3f; position: relative; line-height: 1.2; overflow: hidden; clear: both; margin-top: 10px; display: block; border-bottom: 1px solid white; padding: 20px 50px 20px 20px; } .newPost h2 { font-size: 1.375rem; color: #000; margin: 0 0 10px; } .newPost p { color: #3f3f3f; } .red { color: #ed1c24; } /* contact form */ .contactContent { margin-top: 25px; } .contactContent p { margin: 10px 0px 35px; color: #404040; } .contactForm p { margin-bottom: 0; } .dd-selected { color: #3f3f3f; padding: 8px 10px !important; font-weight: normal !important; text-decoration: none; } .generalEnquiry { font-size: 1.188rem; } .leftForm { float: left; width: 49%; } .rightForm { float: right; width: 49%; } @media (max-width: 1023px) { .leftForm, .rightForm { float: none; width: 100%; } } .lblForm { display: block; margin-top: 30px; font-weight: bold; color: #3f3f3f; } .inputCls { width: 100%; } .inputCls.error { border-color: #ed1c24; background-color: #fef1f1; } label.error { font-size: 1rem; color: #ed1c24; } .enquiryDetail { height: 494px; } .submit.readmore { border: 0; float: left; margin-top: 30px; width: auto; padding: 11px 44px 12px 24px; clear: both; text-align: left; background-color: #000000; cursor: pointer; } /* homepage carousel */ .home-carousel { margin-bottom: 60px; } .owl-wrapper-outer { overflow: hidden; } .home-item { height: 430px; width: 100%; } .home-item .contentContainer { position: relative; height: 100%; } .home-item a { position: absolute; bottom: 80px; left: 0; background-color: white; text-decoration: none; padding: 30px 45px 30px 30px; } /*.home-item a:after {content:""; display:block; position:absolute; bottom:0; right:0; width:40px; height:40px; color:white; background-color:black; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-decoration:none; font-size:1.25rem; line-height:40px; text-align:center; }*/ @media (min-width: 768px) { .home-item a { width: 66%; } } .home-item .moreDetail { position: absolute; right: 0px; text-indent: 0; padding: 10px 40px 12px 12px; top: auto; bottom: 0; } .home-item a h2 { font-size: 2rem; margin-top: 0; margin-bottom: 0; line-height: 1.2; } @media (max-width: 1023px) { .home-item a h2 { font-size: 1.35rem; } } .home-item a p { color: #333; } .owl-dot span { width: 15px; height: 15px; background: black; display: inline-block; margin: 7px 6px 0; border-radius: 50%; border: 2px solid white; } .owl-dots { text-align: center; position: absolute; bottom: 0; width: 100%; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { background: white; display: inline-block; } .owl-dot.active span { background: red; } .owl-controls { position: absolute; bottom: 0; width: 100%; padding-bottom: 0px; } .image-header { margin: -20px -20px 34px; display: block; width: calc(100% + 40px); } h1 { font-size: 1.625rem; margin-top: 0; margin-bottom: 0; line-height: 31px; } h2 { font-size: 1.5rem; margin: 6px 0; } .screenreader { position: absolute; top: -999px; left: -999px; } a.screenreader { font-size: 2em; } a.screenreader:focus { background-color: #000 !important; color: #fff !important; } .screenreader:focus { z-index: 999; top: 0; left: 0; } .chooseStationDiv { width: 310px; margin-bottom: 30px; } @media (max-width: 720px) { .chooseStationDiv { width: 100%; } } #mapStation, .mapStation { width: 100%; height: 410px; } @media (max-width: 1023px) { #mapStation, .mapStation { height: 280px; } } @media (max-width: 480px) { #mapStation, .mapStation { height: 190px; } } .chooseStationDiv .dd-select { background-color: #efefef !important; } .cc_message { color: #fff; } .freeSmokeAlarmRequestCnt { background-color: #970c11; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2MjUyZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjMWIxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: linear-gradient(#c6252d, #8c1b1f); box-shadow: #000000 0px 3px 8px; width: 100%; padding: 20px; margin: 0 0 30px 0; } .freeSmokeAlarmRequestCnt h2 { color: #ffffff; margin: 0 0 20px 0; } .freeSmokeAlarmRequestCnt .contactForm .formCnt .inputCls { margin: 0 0 10px 0; } .freeSmokeAlarmRequestCnt .radioBtnsCnt { margin: 20px 0 0 0; } .freeSmokeAlarmRequestCnt .radioBtns { -webkit-appearance: radio; float: right; width: 20px; } .freeSmokeAlarmRequestCnt .lblForm { color: #ffffff; float: left; margin: 0; font-weight: normal; } .freeSmokeAlarmRequestCnt input[type="submit"] { width: 100%; } .FeaturedVideoCnt { background: #f2f2f2; padding: 20px; } .FeaturedVideoCnt h2 { color: #404040; margin: 0 0 20px 0; } .FeaturedVideoCnt .SingleVideoCnt { margin: 0 0 20px 0; } marquee.emergencyMessage { color: white !important; padding: 5px 0 5px; line-height: 0px; } marquee.emergencyMessage p { line-height: 0px; color: white; } marquee.emergencyMessage { color: white !important; padding: 5px 0 5px; line-height: 0px; float: left; background: #ED1C24; width: 100%; } /* Landing Page ========================================================================== */ .landing-header { position: relative; padding-top: 1px; margin-top: -1px; } .landing-header__background { height: 50%; /*height:430px; */ width: 100%; background-size: cover; position: absolute; } .landing-header__video { width: 90%; margin: 0 auto; max-width: 1290px; padding: 0; position: relative; margin-top: 12%; background: white; padding: 30px; height: 0; overflow: hidden; padding-bottom: 50%; /*margin-top:160px; */ } @media (min-width: 1040px) { .landing-header__video { padding: 60px; padding-bottom: 50%; } } @media (min-width: 1360px) { .landing-header__video { padding-bottom: 670px; } } .landing-header__video iframe { width: calc(100% - 30px); height: calc(100% - 30px); position: absolute; top: 15px; left: 15px; } @media (min-width: 1040px) { .landing-header__video iframe { width: calc(100% - 120px); height: calc(100% - 120px); top: 60px; left: 60px; } } .landing-section__container { background-color: #f2f2f2; padding: 15px; position: relative; padding-top: 40px; padding-bottom: 50px; width: 100%; float: left; } @media (min-width: 720px) { .landing-section__container { background-color: #f2f2f2; padding: 30px; position: relative; padding-top: 40px; padding-bottom: 30px; width: 66.6666%; left: 30px; top: 30px; float: left; } } .landing-section h2 { color: #D11B1D; font-size: 2rem; line-height: 1; margin-left: 0 0 12px; } .landing-section--yellow .landing-section__container { border-top: 12px solid #f0dd43; } .landing-section--green .landing-section__container { border-top: 12px solid #02b099; } .landing-section--red .landing-section__container { border-top: 12px solid #f04d60; } .landing-section--blue .landing-section__container { border-top: 12px solid #5063af; } .landing-section__toggle { position: absolute; bottom: 0; left: 15px; border: 0; background: black; color: white; padding: 6px 15px 10px 15px; cursor: pointer; text-align: right; width: 160px; } @media (min-width: 720px) { .landing-section__toggle { position: absolute; top: 0; bottom: auto; left: auto; right: 0; border: 0; background: black; color: white; padding: 6px 15px 10px 15px; cursor: pointer; text-align: right; width: 160px; } } .toggleHide { display: none; } .landing-section--green .landing-section__toggle:hover { background: #f0dd43; color: black; } .landing-section--red .landing-section__toggle:hover { background: #02b099; color: black; } .landing-section--blue .landing-section__toggle:hover { background: #f04d60; color: black; } .landing-section--yellow .landing-section__toggle:hover { background: #5063af; color: white; } .landing-section__toggle i { position: relative; top: 3px; margin-left: 10px; } .landing-section p { color: #636566; margin: 0 0 24px 0; } .landing-section__img-grid img { width: calc(50% - 33px); height: auto; display: inline-block; margin: 0 15px; } img.landing-section__thumbnail { width: 100%; z-index: -1; float: left; position: relative; padding: 15px; background: #f2f2f2; } @media (min-width: 720px) { img.landing-section__thumbnail { width: 33.3333%; float: left; padding: 0; } } .landing-section { position: relative; margin-bottom: 60px; overflow: auto; padding-bottom: 30px; } .landing-section__more { display: none; } @media (min-width: 720px) { .landing-section:nth-child(even) .landing-section__container { left: -30px; top: 30px; float: right; } .landing-section:nth-child(even) img.landing-section__thumbnail { float: right; } } .landing-header { font-size: 2.813rem; text-align: center; } @media (min-width: 720px) { .landing-header { font-size: 2.813rem; text-align: center; margin-bottom: 60px; } } .landing-feature__content { width: 96.19512%; margin: 0 auto; max-width: 1170px; padding: 15px; color: white; position: relative; } @media (min-width: 1050px) { .landing-feature__content { padding: 30px 50% 30px 30px; } } .landing-feature { background-size: cover; position: relative; } .landing-feature:before { content: ""; display: block; width: 5000px; height: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; right: 0; } @media (min-width: 1050px) { .landing-feature:before { right: 50%; } } .landing-feature__content ul { list-style: initial; padding-left: 20px; } .landing-feature__content li { margin-bottom: 10px; } .landing-social__header h2 { color: #D11B1D; font-size: 2rem; } .landing-social { position: relative; overflow: hidden; margin-bottom: -20px; } .landing-social__content { width: 96.19512%; margin: 0 auto; max-width: 1170px; position: relative; } @media (min-width: 720px) { .landing-social__content { overflow: auto; } } .landing-social__header { width: 100%; float: left; padding: 30px; } @media (min-width: 720px) { .landing-social__header { width: 50%; } } @media (min-width: 720px) { .landing-social:before { content: ""; display: block; width: 5000px; height: 100%; background: #f0dd43; position: absolute; top: 0; left: 50%; } } .landing-social__buttons { width: 100%; float: left; padding: 30px 8px 40px; position: relative; text-align: center; } @media (min-width: 720px) { .landing-social__buttons { padding: 50px 30px; width: 50%; text-align: left; position: absolute; top: 0; left: 50%; display: flex; align-items: center; height: 100%; } } .landing-social__buttons:before { content: ""; display: block; width: calc(100% + 4%); height: 100%; background: #f0dd43; position: absolute; top: 0; left: -2%; z-index: -1; } @media (min-width: 720px) { .landing-social__buttons:before { display: none; } } .landing-social__buttons a { display: inline-block; width: 60px; height: 60px; text-align: center; background: white; margin-right: 8px; border-radius: 15px; line-height: 60px; color: black; position: relative; } @media (min-width: 720px) { .landing-social__buttons a { margin-right: 15px; } } .landing-social__buttons a:hover { background: #02b099; } .landing-social__buttons i:before { font-size: 2.625rem; line-height: 60px; } .a11y { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .skip__item { left: -999em; position: absolute; width: 990em; z-index: 999; color: #000; background-color: #fff; } .skip__item:active, .skip__item:focus { background-color: #fff; border: 3px #000 solid; color: #000; left: 0; top: 0; padding: 15px; text-decoration: none; width: auto; z-index: 999; } .btn-newsletter { border: 0; background: #000; color: #fff; font-family: 'Source Sans Pro', sans-serif; padding: 11px 24px 12px 24px; } .panel-newsletter { margin-bottom: 15px; margin-top: 15px; } .email-newsletter { padding: 10px; border: 1px solid #000; width: 50%; } @media (max-width: 767px) { .email-newsletter { width: 100%; } } ul.newsUL { list-style: none; padding-left: 0; } .dropdownEnquiry { width: 100%; } @media (max-width: 465px) { .language_us { display: block; } } @media (max-width: 345px) { .language_us, .email_us, .call_us { padding: 0 8px 0 0; } .email_us:after, .call_us:after, .language_us:after { margin-left: 2px; } } @media (max-width: 310px) { .email_us, .call_us, .language_us { font-size: 1rem; } .email_us, .call_us { padding: 0; } } /* a11y styles /////////////////////////////////////////////////////////////////////////*/ /* search box a11y fixes */ #search:focus { outline: none; padding-top: 2px; box-shadow: 0px 0px 0px 2px #3b9dff inset; } .bsl { grid-column-start: 3; grid-row-start: 1; grid-row-end: 6; -ms-grid-column: 3; -ms-grid-row: 1; -ms-grid-row-span: 6; } .bsl img { max-width: 60px; max-height: 60px; } .fa { font-family: FontAwesome !important; } .call_us:after, .email_us:after, .language_us:after { font-family: FontAwesome; font-size: 1.313rem; top: 1px; position: relative; color: #ffffff; } .call_us:after { content: "\f095"; margin-left: 7px; } .email_us:after { content: "\f0e0"; margin-left: 9px; } .language_us:after { content: "\f0ac"; margin-left: 6px; } .email_us, .call_us, .language_us, .bsl { text-align: right; } @media (min-width: 720px) { .email_us, .call_us, .language_us, .bsl { padding-left: 30px; } } .call_us, .language_us { grid-column-start: 1; -ms-grid-column: 1; } .email_us { -ms-grid-column: 2; } .language_us { -ms-grid-row: 2; } @media (max-width: 992px) { .email_us, .call_us { border-left: none; } .bsl { margin: 0 2px 0 0; } } @media (max-width: 335px) { .bsl { margin-right: 5px; } } @media (max-width: 290px) { .email_us:after, .call_us:after, .language_us:after { display: none; } } /* vacancy submit btn */ .email-newsletter:focus, .btn-newsletter[type="submit"]:focus, .rsbtn .rsbtn_play:focus { outline: none; box-shadow: 0px 0px 0px 2px #3b9dff inset; } /* contact form */ .leftForm input:focus, .leftForm textarea:focus, .rightForm input:focus, .rightForm textarea:focus { outline: none; box-shadow: 0px 0px 0px 1px #3b9dff inset; } /* contact submit btn */ .inputCls:focus { outline: none; box-shadow: 0px 0px 0px 1px #3b9dff inset; } .submit[type="submit"]:focus { outline: none; background: #fff; color: #D11B1D; box-shadow: 0px 0px 0px 2px #3b9dff inset; } input[type="submit"]:hover, .btn-newsletter[type="submit"]:hover, .submit[type="submit"]:hover { border: none; background: #fff; color: #D11B1D; box-shadow: 0px 0px 0px 2px #000 inset; } /* search pagination btns */ .paging { margin-bottom: 3px; } .paging li a:focus { outline: none; box-shadow: 0px 0px 0px 2px #3b9dff inset; } .a11y { height: 1px; width: 1px; overflow: hidden; position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* subscribe for email updates area */ .emailSpan { padding: 0; } .emailInput { width: 100%; height: 100%; padding-left: 20px; } .emailInput:focus { width: 100%; height: 100%; box-shadow: 0px 0px 0px 2px #3b9dff inset; } #btnSearch:focus, #btnSearch:hover { background: transparent; box-shadow: none; } .mt-30 { margin-top: 30px; } @media (max-width: 400px) { .mt-30 { margin-top: 10px; } } .row { overflow: hidden; } .a11y { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; /* added line */ } .home-item { margin-bottom: 60px; } @media (min-width: 1024px) { .flex-50 { display: flex; justify-content: space-between; } .flex-50 .block-link { height: 100%; } } .responsive-iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-iframe-container iframe, .responsive-iframe-container object, .responsive-iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-panel { background-color: #FFF; color: #000; } ul.accordion { list-style: none; padding-left: 10px; } ul.accordion ul { list-style: none; } .block-link { position: relative; background-color: #ffffff; min-height: 400px; } .block-link .moreDetail { position: absolute; right: 0; top: auto; text-indent: 0; padding: 10px 40px 12px 12px; bottom: 0; } .block-link .moreDetail:focus-visible { outline: #FF0000 auto 1px !important; outline-offset: -1px; } .block-link__text { left: 0; text-decoration: none; padding: 30px 45px 60px 30px; background: #ffffff; } .block-link__text p { margin-top: 0; } .block-link__text h1, .block-link__text h2, .block-link__text h3, .block-link__text h4, .block-link__text h5, .block-link__text h6 { color: #000; } @media (max-width: 400px) { .block-link__text { padding: 20px 20px 60px 20px; } } .breadcrums-div { text-align: left; padding: 29px 0px; font-size: 1rem; color: #D11B1D; font-weight: bold; clear: both; } .breadcrums-div a { font-size: 1rem; color: #3f3f3f; font-weight: normal; } .breadcrums-div + .breadcrums-div { padding-top: 0; } .mainContent .breadcrums-div { width: 100%; } .mainContent--no-bread-crumb { --spacing: $spacing-desktop; padding-top: calc(1 * var(--spacing)) ; } .breadcrumb { margin: 0; padding: 0; list-style: none; line-height: 24px; } .breadcrumb > li { display: inline-block; vertical-align: top; padding-right: 3px; } .breadcrumb > li + li { position: relative; padding-left: 22px; } .breadcrumb > li + li:before { content: "\f054"; position: absolute; font-size: 1.313rem; top: 3px; left: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; font-size: 1.313rem; color: #3f3f3f; } .breadcrumb > li + li.active:before { color: #D11B1D; } .burger { font-size: 0; position: relative; display: flex; flex-direction: column; justify-content: center; width: 16px; height: 16px; } .burger > span { width: 16px; height: 2px; background: #ffffff; transition: .2s ease; } .burger > span:nth-child(2) { transition: .2s margin ease; transition-delay: .2s; margin-top: 4px; margin-bottom: 4px; } .burger--active > span:nth-child(1), .burger--active > span:nth-child(3) { transition-delay: .2s; } .burger--active > span:nth-child(1) { transform: rotate(45deg); } .burger--active > span:nth-child(2) { transition-delay: 0s; margin-top: -2px; margin-bottom: -2px; opacity: 0; } .burger--active > span:nth-child(3) { transform: rotate(-45deg); } .button-2 { background-image: linear-gradient(to bottom, #d11b1d, #a41517); background-image: -ms-linear-gradient(to bottom, #d11b1d, #a41517); color: #ffffff; padding: 15px 25px; display: inline-flex; align-items: center; line-height: 1; text-decoration: none; } .button-2 .fa { font-size: 1rem; margin-left: 20px; } .button-2:hover { text-decoration: none; background-image: linear-gradient(to top, #d11b1d, #a41517); background-image: -ms-linear-gradient(to top, #d11b1d, #a41517); } .button-3, .header__bottom__content__burger, .input-group button { background: #000; padding: 12px; line-height: 1; border-radius: 5px; cursor: pointer; color: #ffffff; transition: background .4s ease; } .button-3:hover, .header__bottom__content__burger:hover, .input-group button:hover { background: #D11B1D; } .contactHeader + * { margin-top: 40px; } body #ccc #ccc-icon.ccc-icon--no-outline:focus-visible { outline: black auto 1px !important; } footer { margin-top: 20px; background: #000000; } footer .footerMain { background-color: #000000; padding: 40px 0; } footer .footerMain p { color: white; } footer .footerMain .h2 { margin: 20px 0; color: #E6191D; line-height: 1; font-size: 24px; } footer .footerMain .open-footer-reveal { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent; border: none; align-items: center; display: none; color: #E6191D; font-size: 1.5em; font-weight: bold; padding: 0; margin: 20px 0; } footer .footerLogo { margin-bottom: 20px; float: left; width: auto; color: #ffffff; } footer .footerLogo .h1 { font-size: 1.5rem; line-height: 1; width: 490px; max-width: 100%; margin: 30px 0; } footer .footerLogo img { float: left; margin-right: 20px; max-width: 77px; } footer .Welsh .footerLogo .h1 { font-size: 1.5rem; } footer .footerBox { float: left; width: 25%; padding-right: 20px; color: #ffffff; margin-bottom: 20px; } footer .footerBox .h2 { margin: 20px 0; color: #E6191D; line-height: 1; } footer .footerBox p { margin: 0; } footer .footerBox li { margin-bottom: 20px; color: #ffffff; } footer .footerSocial { list-style: none; padding-left: 0; } footer .footerSocial i { width: 35px; vertical-align: middle; display: inline-block; } footer .footerSocial a { color: #ffffff; text-decoration: none; } footer .footerSocial a:hover { text-decoration: underline; } footer .footerSocial a:hover i { color: #E6191D; } footer .footerSocial a:focus { text-decoration: underline; } footer .footerSocial a:focus i { color: #E6191D; } footer .footerLinks { list-style: none; padding-left: 0; } footer .footerLinks a { color: #ffffff; text-decoration: none; } footer .footerLinks a:hover { text-decoration: underline; } footer .footerLinks a:focus { text-decoration: underline; } footer .footerBottom { background-color: #000000; padding: 25px 0; margin-top: 1px; line-height: 1; } footer .footer-header { display: flex; margin-bottom: 20px; } footer .footer-header .footerLogo { margin-right: 50px; width: 50%; } footer .footer-header li { display: inline-block; margin-right: 1rem; } footer .footerBox- li { display: inline-block; margin-right: 1rem; } footer .open-footer-reveal:after { border-top: 10px solid white; border-right: 10px solid transparent; border-left: 10px solid transparent; content: ""; display: block; height: 0; margin-left: 1rem; position: relative; right: 0; top: 0; transition: transform 0.3s ease-in-out; width: 0; } footer .open-footer-reveal.active:after { transform: rotate(180deg); } footer .footerBox.twitter .h2 { margin-top: 0; } footer .footerBox--links { width: 75%; } footer .footerBox--links .footerLinks { display: flex; justify-content: space-between; flex-wrap: wrap; } footer .footerBox--links .footerLinks li { display: inline-block; width: 32%; vertical-align: top; } footer .footerBox--social { width: 25%; } @media (min-width: 768px) { footer { margin-top: 40px; } } @media (min-width: 1024px) { footer { margin-top: 60px; } } @media (min-width: 1200px) { footer { margin-top: 80px; } } @media (max-width: 480px) { footer .footerMain { padding: 30px 0; } footer .footerLogo .h1 { margin-bottom: 0; margin-top: 10px; } footer .footerBox { width: 100%; padding-right: 0; } footer .footerBox .h2 { margin: 5px 0 15px; } footer .footerSocial i { width: auto; } footer .footerSocial a { font-size: 0; } footer .footerSocial a:hover { text-decoration: none; } } @media (max-width: 720px) { footer .footerLogo { width: 100%; float: left; } footer .footerLogo .h1 { width: 345px; } footer .footerBox { width: 50%; padding-right: 35px; } footer .footerBox:last-child { clear: both; } footer .footerBottom { padding: 0px 0 40px; } footer .footerBox--links { width: 100%; } footer .footerBox--links .footerLinks li { width: 48%; } footer .footerBox--social { width: 100%; } } @media (max-width: 1000px) { footer .footerLogo .h1 { width: 345px; } footer .footerBox--links .footerLinks li { width: 48%; } } @media (max-width: 1023px) { footer .footerBox .h2 { margin: 20px 0 40px; } } @media (max-width: 768px) { footer .footer-header { flex-direction: column; margin-bottom: 50px; } footer .footer-header .footerLogo { width: 100%; } } @media (max-width: 400px) { footer .footerSocial { display: flex; justify-content: space-between; } } @media (max-width: 480px) { footer .footerBottom { padding-bottom: 50px; padding-left: 20px; padding-right: 20px; } footer .footerMain { padding-left: 20px; padding-right: 20px; } footer .footerMain .quick-links { display: none; } footer .footerMain .open-footer-reveal { display: flex; } footer .footer-reveal { display: none; } } @media (max-width: 500px) { footer .footerBox--links .footerLinks li { width: 100%; } } .input, input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="search"], input[type="date"], select, textarea { -moz-appearance: none; -webkit-appearance: none; outline: solid; outline-width: 1px; border: none; padding: 10px; width: 100%; background: #ffffff; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; opacity: 1; font-size: 0.875rem; } ::-moz-placeholder { /* Firefox 19+ */ color: #000; opacity: 1; font-size: 0.875rem; } :-ms-input-placeholder { /* IE 10+ */ color: #000; opacity: 1; font-size: 0.875rem; } :-moz-placeholder { /* Firefox 18- */ color: #000; opacity: 1; font-size: 0.875rem; } input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="search"], input[type="date"] { height: 40px; } input[type="text"] :focus, input[type="email"] :focus, input[type="number"] :focus, input[type="password"] :focus, input[type="tel"] :focus, input[type="search"] :focus, input[type="date"] :focus { outline: solid; outline-width: 1px; outline-color: #D11B1D; } select { height: 40px; } .header { background: #ffffff; font-size: 0.875rem; position: relative; z-index: 999999; display: grid; grid-template-columns: 80px auto; } .header__top, .header__bottom { z-index: 1; } .header__logo { z-index: 2; grid-column: 1; grid-row: 1 / span 2; background: #ffffff; display: flex; align-items: center; justify-content: center; } .header__logo img { max-height: 60px; } .header__logo a :focus { outline: none; box-shadow: 0 0 0 1px #D11B1D; } .header__logo__skip { position: absolute; top: 0; left: 0; right: 0; background: #D11B1D; color: #ffffff; text-align: center; opacity: 0; padding: 10px; transform: translateY(-999px); } .header__logo__skip:focus { outline: none; opacity: 1; transform: none; } .header__top { position: relative; grid-column: 2; background: #ffffff; } .header__top__links { position: relative; z-index: 1; height: 85px; display: flex; justify-content: flex-end; align-items: center; width: 100%; } .header__top__links__left { white-space: nowrap; } .header__top__links__left > div { display: flex; justify-content: flex-end; } .header__top__links__left > div + div { margin-top: 15px; } .header__top__links a { text-decoration: none; color: inherit; font-size: 0.8125rem; font-weight: bold; } .header__top__links a + a, .header__top__links a + .a11y_tools { margin-left: 10px; } .header__top__links a:hover > span:last-child:not(.pill) { text-decoration: underline; } .header__top__links a :focus { outline: none; } .header__top__links a :focus > span:last-child, .header__top__links a :focus > img { box-shadow: 0 0 0 1px #D11B1D; } .header__top__links__phone { display: flex; align-items: center; } .header__top__links__phone .fa { color: #E6191D; margin-right: 10px; } .header__top__navigation { visibility: hidden; position: fixed; top: 146px; left: 0; right: 0; max-height: calc(100vh - 130px); overflow: auto; background: #ffffff; transform: translateY(-100%); transition: opacity .4s ease, transform .4s ease; font-size: 1rem; z-index: -1; } .header__top__navigation a :focus { outline: none; box-shadow: 0 0 0 1px #D11B1D; } .header__bottom { transition: opacity 0.4s ease; border-top: solid 1px #D3D3D3; border-bottom: solid 1px #D3D3D3; background: #ffffff; grid-column: 1 / span 2; } .header__bottom__content { display: flex; justify-content: space-between; align-items: center; height: 60px; position: relative; z-index: 1; } .header__bottom__content__bsl, .header__bottom__content__burger { height: 42px; width: 85px; display: flex; align-items: center; justify-content: center; } .header__bottom__content__bsl { background: #106836; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; border-radius: 5px; line-height: 0.9; margin-left: auto; transition: background .4s ease; } .header__bottom__content__bsl span { display: block; font-size: 16px; } .header__bottom__content__bsl span + span { font-size: 10px; } .header__bottom__content__bsl:hover { text-decoration: none; background: #000; } .header__bottom__content__burger { border: none; margin-left: 10px; } .header__bottom__content__burger { font-weight: bold; transition: background .4s ease; } .header__bottom__content__burger > span + span:not(.burger) { display: none; } .header__bottom__content__burger .burger { margin-left: 10px; } .header__bottom__content__burger:focus { outline-color: #E6191D; } .header__search__icon { width: 50px; height: 42px; border-radius: 5px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .4s ease; border: none; background: #000; color: #ffffff; } .header__search__icon span { font-size: 22px; } .header__search__icon span:nth-child(2) { display: none; } .header__search__form { position: fixed; background: #D11B1D; padding: 0 15px; display: flex; align-items: center; top: 146px; left: 0; right: 0; height: 60px; z-index: 9; opacity: 0; pointer-events: none; transition: opacity .4s ease; visibility: hidden; } .header__search__form form { flex: 0 0 100%; } .header__search__form form .button-3, .header__search__form form .header__bottom__content__burger, .header__search__form form .input-group button, .input-group .header__search__form form button { font-weight: bold; border-top-left-radius: 0; border-bottom-left-radius: 0; } .header__navigation { position: relative; grid-column: 1 / span 2; visibility: hidden; } .header__navigation nav { background: #ffffff; transform: translateY(-100%); transition: transform .4s ease; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; } .header--open .header__navigation { visibility: visible; } .header--open .header__navigation nav { transform: translateY(0%); pointer-events: all; } .header--open .header__bottom__content__burger > span:first-child { display: none; } .header--open .header__bottom__content__burger > span + span:not(.burger) { display: inline-block; } .header--open--search .header__search__icon span:first-child { display: none; } .header--open--search .header__search__icon span:last-child { display: flex; } .header--open--search .header__search__form { opacity: 1; pointer-events: all; background: #D11B1D; visibility: visible; } .header--open--search .header__top__navigation { opacity: 0; pointer-events: none; } @media (max-width: 1023px) { .header__search__icon:focus { outline: none; box-shadow: 0 0 0 2px #E6191D; } .header__bottom__content__bsl:focus { outline: none; box-shadow: 0 0 0 2px #E6191D; } } @media (min-width: 480px) { .header__top__links a + a, .header__top__links a + .a11y_tools { margin-left: 20px; } } @media (min-width: 1024px) { .header { z-index: 999999; position: fixed; top: 0; left: 0; right: 0; max-width: 100vw; padding: 0 calc((100vw - 1170px)/2); grid-template-columns: 120px auto 115px; } .header__logo { grid-row: 1 / span 2; } .header__logo img { max-height: 100px; max-width: 100px; } .header__search__icon { background: unset; color: inherit; } .header__search__form { background: unset; position: absolute; top: 0; height: 100%; right: 100px; width: 500px; left: auto; } .header__search__form form .button-3, .header__search__form form .header__bottom__content__burger, .header__search__form form .input-group button, .input-group .header__search__form form button { font-weight: normal; } .header__top { width: 100%; background: unset; display: flex; flex-direction: column; margin-right: auto; } .header__top > .contentContainer { flex-grow: 1; } .header__top .contentContainer { width: 100%; } .header__top__links { color: unset; height: 100%; font-size: 1rem; font-weight: normal; justify-content: flex-end; } .header__top__links a { color: #000; font-size: 1rem; } .header__top__links__left { display: flex; align-items: center; } .header__top__links__left > div + div { margin-top: 0; margin-left: 20px; } .header__top__links__text { margin-right: auto; } .header__bottom { margin-left: auto; border-top: none; border-bottom: none; grid-row: 1; grid-column: 3; padding-top: 5px; padding-bottom: 5px; } .header__bottom__content__bsl { width: auto; height: auto; background: unset; border-radius: unset; } .header__bottom__content__bsl img { max-height: 60px; margin-left: 10px; } .header__bottom__content__bsl:hover { background: unset; } .header__bottom__content__burger { display: none; } .header__navigation { grid-row: 2; grid-column: 2 / span 2; position: relative; top: unset; left: unset; right: unset; transform: unset; transition: none; z-index: unset; overflow: visible; visibility: visible; border-top: solid 1px #D3D3D3; } .header__navigation nav { position: relative; top: unset; left: unset; right: unset; transform: none; transition: unset; pointer-events: all; font-size: 16px; } .header__navigation nav ul { display: flex; align-items: center; margin-left: -15px; margin-right: -15px; } .header__navigation nav ul li a { padding-right: 15px; } .header--open--search .header__search__icon, .header--open--search .header__search__form { background: #ffffff; } .header--open--search .header__search__icon { color: inherit; } .header--open--search .header__search__form { opacity: 1; pointer-events: all; } .header--open--search .header__top__navigation { opacity: 1; pointer-events: all; } .header--open--search .header__bottom { opacity: 1; pointer-events: all; } .header + div { margin-top: 130px; } } @media (min-width: 1200px) { .header__logo { justify-content: flex-start; } } .hero { height: 360px; width: 100%; background: #000; color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; } .hero__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; } .hero__bg picture { position: absolute; left: 0; right: 0; bottom: -20%; width: 100%; height: 140%; } .hero__content { position: relative; text-align: center; font-size: 1.25rem; padding: 20px; } .hero__content__title, .hero__content p { color: #ffffff; } .hero__content__title { line-height: 1; font-size: 32px; } @media (min-width: 480px) { .hero__content__title { font-size: 42px; } } @media (min-width: 768px) { .hero__content__title { font-size: 42px; } } @media (min-width: 1024px) { .hero__content__title { font-size: 54px; } } .hero__content:before { content: ""; position: absolute; top: -30px; left: calc(50% - 40px); width: 80px; height: 1px; background: #ffffff; } .hero--plus-tiles .hero__content { padding-bottom: 45px; } .hero--plus-tiles + .list-tiles-2 { margin-top: -45px; } @media (min-width: 768px) { .hero { height: 420px; } .hero--plus-tiles .hero__content { padding-bottom: 60px; } .hero--plus-tiles + .list-tiles-2 { margin-top: -60px; } } @media (min-width: 1024px) { .hero { height: 500px; } } .hero-2 { height: 300px; width: 100%; background: #000; color: #ffffff; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; } .hero-2__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .hero-2__bg picture { position: absolute; left: 0; right: 0; bottom: -20%; width: 100%; height: 140%; } .hero-2__content { position: relative; padding-top: 20px; padding-bottom: 20px; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); border-bottom: solid 5px #D11B1D; } .hero-2__content__title { line-height: 1; font-size: 18px; } @media (min-width: 480px) { .hero-2__content__title { font-size: 24px; } } @media (min-width: 768px) { .hero-2__content__title { font-size: 32px; } } @media (min-width: 1024px) { .hero-2__content__title { font-size: 44px; } } .hero-2--stick .hero-2__bg picture { top: 0; height: 100%; } @media (min-width: 768px) { .hero-2 { height: 400px; } .hero-2__content { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 1024px) { .hero-2 { height: 500px; } .hero-2__content { padding-top: 40px; padding-bottom: 40px; } } .icon-list { display: grid; grid-template-columns: auto auto auto; -ms-grid-gap: 16px; grid-gap: 16px; -ms-grid-auto-rows: 1fr; grid-auto-rows: 1fr; } .icon-list__item { align-items: center; background-color: #000000; display: flex; padding: 20px 50px 20px 20px; color: white; position: relative; } .icon-list__item a { color: white; text-decoration: none; } .icon-list__item a:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .icon-list__item a:hover { color: white; text-decoration: none; } .icon-list__item a:focus { color: white; text-decoration: none; } .icon-list__item img, .icon-list__item svg { margin-right: 20px; width: 30px; } .icon-list__item svg { flex: 0 0 30px; } .icon-list__item svg path { fill: #E6191D; transition: fill 0s 0.2s ease-out; } .icon-list__item p { color: white; } .icon-list__item:hover svg path { transition: fill 0s ease-out; fill: #FFFFFF; } @media all and (-ms-high-contrast: none) { .icon-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .icon-list__item { margin-bottom: 10px; width: 32%; padding-left: 70px; } .icon-list__item img { transform: translateY(-50%); top: 50%; height: 30px; width: 30px; position: absolute; left: 17px; } } @media (-ms-high-contrast: active) { .icon-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .icon-list__item { margin-bottom: 10px; width: 32%; padding-left: 70px; } .icon-list__item img { transform: translateY(-50%); top: 50%; height: 30px; width: 30px; position: absolute; left: 17px; } } @media (max-width: 768px) { .icon-list { display: grid; grid-template-columns: 1fr; } .icon-list__item { width: 100%; } } .img-text { display: flex; } .img-text__img { width: 50%; background-size: cover; background-position: center; min-height: 250px; } .img-text__text { width: 50%; } .img-text__text .block-link__text { height: 100%; } @media (max-width: 768px) { .img-text { flex-direction: column; } .img-text__img { width: 100%; } .img-text__text { width: 100%; } } .latest-news { padding: 20px 0; } .latest-news__items { display: flex; justify-content: space-between; } .latest-news__items .block-link { background-color: white; width: 32%; overflow: hidden; display: flex; flex-direction: column; } .latest-news__items .block-link img { min-height: 180px; min-width: 100%; position: absolute; top: 90px; transform: translateY(-50%); right: 0; left: 0; } .latest-news__items .block-link__text { margin-top: 180px; position: relative; flex-grow: 1; } .latest-news__items .block-link__text p { margin-bottom: 0; } .latest-news__head { display: flex; justify-content: space-between; margin-bottom: 10px; } .latest-news__head .moreDetail { align-self: flex-start; position: relative; text-indent: 0; padding: 10px 40px 12px 12px; } .latest-news__head .moreDetail:focus-visible { outline: #FF0000 auto 1px !important; outline-offset: -1px; } @media (max-width: 768px) { .latest-news__items { flex-direction: column; } .latest-news__items .block-link { margin-bottom: 20px; width: 100%; } } @media (max-width: 400px) { .latest-news__head { flex-direction: column; } } .list:not(.dd-options), .aboutpage .aboutContent ul:not(.dd-options), .aboutpage .aboutContent ol:not(.dd-options) { list-style: none; padding-left: 0; } .list:not(.dd-options) li, .aboutpage .aboutContent ul:not(.dd-options) li, .aboutpage .aboutContent ol:not(.dd-options) li { position: relative; padding-left: 30px; } .list:not(.dd-options) li:before, .aboutpage .aboutContent ul:not(.dd-options) li:before, .aboutpage .aboutContent ol:not(.dd-options) li:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #D11B1D; position: absolute; left: 0; top: .5em; transform: translateY(-2.5px); } .list:not(.dd-options) li ul li:before, .aboutpage .aboutContent ul:not(.dd-options) li ul li:before, .aboutpage .aboutContent ol:not(.dd-options) li ul li:before { border: solid 2px #D11B1D; background: transparent; } .list:not(.dd-options) li + li, .aboutpage .aboutContent ul:not(.dd-options) li + li, .aboutpage .aboutContent ol:not(.dd-options) li + li { margin-top: 20px; } .list:not(.dd-options) .list--ordered, .aboutpage .aboutContent ul:not(.dd-options) .list--ordered, .aboutpage .aboutContent ol:not(.dd-options) .list--ordered, .list:not(.dd-options) .aboutpage .aboutContent ol, .aboutpage .aboutContent .list:not(.dd-options) ol, .aboutpage .aboutContent ul:not(.dd-options) ol, .aboutpage .aboutContent ol:not(.dd-options) ol { counter-reset: section; } .list:not(.dd-options) .list--ordered li:before, .aboutpage .aboutContent ul:not(.dd-options) .list--ordered li:before, .aboutpage .aboutContent ol:not(.dd-options) .list--ordered li:before, .list:not(.dd-options) .aboutpage .aboutContent ol li:before, .aboutpage .aboutContent .list:not(.dd-options) ol li:before, .aboutpage .aboutContent ul:not(.dd-options) ol li:before, .aboutpage .aboutContent ol:not(.dd-options) ol li:before { background: unset; width: unset; height: unset; counter-increment: section; content: counter(section); color: #D11B1D; font-weight: bold; top: unset; transform: unset; } .list-tiles-2 + * { margin-top: 30px; } .list-tiles-2__items { margin-left: -15px; margin-right: -15px; margin-bottom: -15px; } .list-tiles-2__items > div { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .list-tiles-2__items { display: flex; } .list-tiles-2__items > div { flex: 0 0 33.333333%; } .list-tiles-2__items > div .tile-2 { height: 100%; } } @media (min-width: 768px) and (max-width: 1023px) { .list-tiles-2 .tile-2 { flex-direction: column; } .list-tiles-2 .tile-2__image { flex: 1 0 120px; } } .nav-2 ul { list-style: none; padding: 10px 0; } .nav-2__link { text-decoration: none; color: inherit; font-weight: bold; padding-top: 10px; padding-bottom: 10px; display: block; position: relative; padding-left: 15px; } .nav-2__link--active { color: #D11B1D; } .nav-2__link--active:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background: #D11B1D; } .nav-2__link :focus { outline: none !important; stroke: none !important; box-shadow: 0 0 0 1px #D11B1D; } @media (min-width: 1024px) { .nav-2 ul { padding-top: 0; padding-bottom: 0; } .nav-2__link { padding-top: 19px; padding-bottom: 19px; } .nav-2__link--active:before { left: 15px; right: 15px; bottom: 0; top: unset; height: 5px; width: unset; } } /* New newsletter box */ .newsletter-box { background: #FFBB02; padding: 20px; margin-bottom: 30px; display: flex; align-items: center; } .newsletter-box form label { font-size: 1.125rem; display: block; margin-bottom: 10px; } .newsletter-box form h1, .newsletter-box form h2, .newsletter-box form h3, .newsletter-box form h4, .newsletter-box form h5, .newsletter-box form h6 { font-size: 2rem; margin: 0 0 5px; line-height: 1.2; position: relative; color: #505050; } .newsletter-box:before { font-family: FontAwesome; top: 1px; content: "\f003"; background: white; color: #E42209; font-weight: bold; font-size: 3.375rem; display: flex; width: 130px; height: 130px; align-items: center; justify-content: center; border-radius: 50%; } .newsletter-box form { width: calc(100% - 130px); padding-left: 20px; } .newsletter-box__group { display: flex; width: 100%; max-width: 490px; } .newsletter-box__group input:focus-visible, .newsletter-box__group button:focus-visible { outline: #FF0000 auto 1px !important; } .newsletter-box__group input { border: 0; height: 40px; padding: 10px; width: 100%; } .newsletter-box__group button { min-width: 120px; height: auto; padding: 11px 44px 12px 24px; white-space: nowrap; width: auto; cursor: pointer; } @media (max-width: 768px) { .newsletter-box h2 { padding-left: 83px; height: 80px; display: flex; align-items: center; line-height: 1; } .newsletter-box h2:before { font-family: FontAwesome; top: 1px; content: "\f003"; background: white; color: #E42209; font-weight: bold; font-size: 2.5rem; display: flex; width: 76px; height: 76px; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: 0; left: 0; } .newsletter-box:before { display: none; } .newsletter-box form { width: 100%; padding-left: 0px; } } @media (max-width: 450px) { .newsletter-box h2 { font-size: 1.625rem; } } ul.newsUL { list-style: none; padding-left: 0; } .newsLi a { height: 100%; text-decoration: none; position: relative; line-height: 1.2; background: #ffffff; display: flex; overflow: hidden; } .newsLi a img { flex: 0 0 128px; max-width: 128px; min-height: 100%; object-fit: cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .newsLi a > div { margin-left: 128px; padding: 25px 60px 25px 25px; } .newsLi a p { margin: 0 0 10px; } .newsLi a:after { font-family: FontAwesome; content: "\f054"; font-size: 1.4375rem; color: #D11B1D; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .newsLi a:hover { text-decoration: none; } .newsLi a:hover .news-title { color: #D11B1D; } .newsLi + .newsLi { margin-top: 10px; } html:after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 99999; opacity: 0; pointer-events: none; transition: opacity .4s ease; } html.overlay--alt:after { background: rgba(255, 255, 255, 0.6); } @media (max-width: 478px) { html.overlay--0 { overflow: hidden; } html.overlay--0 body { overflow: hidden; } html.overlay--0:after { opacity: 1; pointer-events: all; } } @media (min-width: 480px) and (max-width: 767px) { html.overlay--1 { overflow: hidden; } html.overlay--1 body { overflow: hidden; } html.overlay--1:after { opacity: 1; pointer-events: all; } } @media (min-width: 768px) and (max-width: 1023px) { html.overlay--2 { overflow: hidden; } html.overlay--2 body { overflow: hidden; } html.overlay--2:after { opacity: 1; pointer-events: all; } } @media (min-width: 1024px) and (max-width: 1199px) { html.overlay--3 { overflow: hidden; } html.overlay--3 body { overflow: hidden; } html.overlay--3:after { opacity: 1; pointer-events: all; } } @media (min-width: 1200px) { html.overlay--4 { overflow: hidden; } html.overlay--4 body { overflow: hidden; } html.overlay--4:after { opacity: 1; pointer-events: all; } } .offset { margin-top: calc(1 * var(--spacing)) ; } .offset--double { margin-top: calc(2 * var(--spacing)) ; } .offset--border { border-top: solid 1px #D3D3D3; padding-top: calc(1 * var(--spacing)) ; } .offset--light { border-top-color: #ffffff; } @media (max-width: 478px) { .offset--0 { margin-top: calc(1 * var(--spacing)) ; } .offset--0--double { margin-top: calc(2 * var(--spacing)) ; } .offset--0--border { border-top: solid 1px #D3D3D3; padding-top: calc(1 * var(--spacing)) ; } .offset--0--light { border-top-color: #ffffff; } } @media (min-width: 480px) { .offset--1 { margin-top: calc(1 * var(--spacing)) ; } .offset--1--double { margin-top: calc(2 * var(--spacing)) ; } .offset--1--border { border-top: solid 1px #D3D3D3; padding-top: calc(1 * var(--spacing)) ; } .offset--1--light { border-top-color: #ffffff; } } @media (min-width: 768px) { .offset--2 { margin-top: calc(1 * var(--spacing)) ; } .offset--2--double { margin-top: calc(2 * var(--spacing)) ; } .offset--2--border { border-top: solid 1px #D3D3D3; padding-top: calc(1 * var(--spacing)) ; } .offset--2--light { border-top-color: #ffffff; } } @media (min-width: 1024px) { .offset--3 { margin-top: calc(1 * var(--spacing)) ; } .offset--3--double { margin-top: calc(2 * var(--spacing)) ; } .offset--3--border { border-top: solid 1px #D3D3D3; padding-top: calc(1 * var(--spacing)) ; } .offset--3--light { border-top-color: #ffffff; } } @media (min-width: 1200px) { .offset--4 { margin-top: calc(1 * var(--spacing)) ; } .offset--4--double { margin-top: calc(2 * var(--spacing)) ; } .offset--4--border { border-top: solid 1px #D3D3D3; padding-top: calc(1 * var(--spacing)) ; } .offset--4--light { border-top-color: #ffffff; } } .parallax-image { height: 240px; overflow: hidden; position: relative; } .parallax-image > picture { position: absolute; bottom: 0; left: 0; right: 0; top: auto; width: 100%; height: 150%; } @media (min-width: 480px) { .parallax-image { height: 360px; } } @media (min-width: 768px) { .parallax-image { height: 450px; } } @media (min-width: 1024px) { .parallax-image { height: 600px; } .parallax-image--small { height: 550px; } } @media (min-width: 1200px) { .parallax-image { height: 816px; } .parallax-image--small { height: 700px; } } .pill { background: #FFBB02; color: #000; padding: 5px 10px; line-height: 1; border-radius: 99px; font-weight: bold; } .pill:hover { text-transform: none; background: #000; color: #FFBB02; } .picture { position: relative; display: block; width: 100%; height: 100%; } .picture img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; vertical-align: top; max-height: inherit; } .picture__caption { position: absolute; bottom: 10px; left: 10px; width: 52%; padding: 10px 20px; background: #ffffff; color: #D11B1D; } .rightContent { float: right; width: 33.3333%; } .rightContent .currentSection + .currentSection { margin-top: 40px; } .rightContent .currentSection, .rightContent .vacancy { display: block; } .rightContent-50 { float: right; width: 48%; } .rightContent-50 .block-link { min-height: 320px; } @media (max-width: 1023px) { .rightContent { width: 100%; float: left; } } @media (max-width: 1023px) { .rightContent-50 { width: 100%; float: left; } } .search-form { line-height: 1; } .search-form button:focus, .search-form input:focus { outline: #FF0000 auto 1px !important; } /* right accrordion styles */ /*.rightNav ul ul li a:hover,.rightNav ul ul li a.active {color:#e1261c; }*/ .rightNav h2 { margin-top: 0; } .rightNav ul li { list-style: none; position: relative; } .rightNav ul li a { display: block; color: #000; text-align: left; font-size: 1rem; padding: 15px 25px; padding-right: 60px; font-weight: normal; text-decoration: none; background: #ffffff; position: relative; transition: 0.5s; } .rightNav ul li a + .sub-nav { background: #ffffff; transition: background .4s ease; } .rightNav ul li a + .sub-nav:hover { background: #F2F2F2; } .rightNav ul li a.active { font-weight: bold; color: #e1261c; } .rightNav ul li a.active:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background: #D11B1D; } .rightNav ul li a.active + .sub-nav { opacity: 0; } .rightNav ul li a:hover { background: #F2F2F2; } .rightNav ul li + li { margin-top: 5px; } .rightNav ul ul { display: none; padding: 0; } .rightNav ul ul li { margin-top: 0; } .rightNav ul ul li a { padding-top: 7.5px; } .rightNav ul ul li:not(:last-child) a { padding-bottom: 7.5px; } .rightNav ul ul ul li a { padding: 9px 10px 9px 30px; background-color: #d7d7d7; } .rightNav ul ul ul ul li a { padding: 9px 10px 9px 40px; background-color: #d7d7d7; } .rightNav ul > li.js-open > ul { display: block; padding: 0; } /*=============================== = Choices = ===============================*/ .choices { position: relative; margin-bottom: 24px; font-size: 16px; } .choices:last-child { margin-bottom: 0; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices [hidden] { display: none !important; } .choices[data-type*="select-one"] { cursor: pointer; } .choices[data-type*="select-one"] .choices__inner { padding: 4px 10px 3.5px 6px; } .choices[data-type*="select-one"] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ccc; background-color: #ffffff; margin: 0; } .choices[data-type*="select-one"] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; } .choices[data-type*="select-one"] .choices__button:hover, .choices[data-type*="select-one"] .choices__button:focus { opacity: 1; } .choices[data-type*="select-one"] .choices__button:focus { box-shadow: 0px 0px 0px 2px #00bcd4; } .choices[data-type*="select-one"] .choices__item[data-value=""] .choices__button { display: none; } .choices[data-type*="select-one"]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*="select-one"].is-open:after { border-color: transparent transparent #333333 transparent; margin-top: -7.5px; } .choices[data-type*="select-one"][dir="rtl"]:after { left: 11.5px; right: auto; } .choices[data-type*="select-one"][dir="rtl"] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner { cursor: text; } .choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*="select-multiple"] .choices__button:hover, .choices[data-type*="select-multiple"] .choices__button:focus, .choices[data-type*="text"] .choices__button:hover, .choices[data-type*="text"] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #efefef; padding: 7.5px 7.5px 3.75px; border: 1px solid #ccc; border-radius: 2px; font-size: 16px; min-height: 40px; overflow: hidden; } .choices__inner:hover .choices__list--single .choices__item { text-decoration: underline; } .is-open .choices__inner { border-color: #a6a6a6; border-radius: 2px 2px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2px 2px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir="rtl"] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 16px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #ffffff; word-break: break-all; box-sizing: border-box; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir="rtl"] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaaaaa; border: 1px solid #919191; } .choices__list--dropdown { z-index: 1; position: absolute; width: 100%; background-color: #ffffff; border: 0px solid #ccc; top: 100%; margin-top: -1px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; overflow: hidden; word-break: break-all; will-change: visibility; max-height: 0; transition: all 0.25s ease-out; } .choices__list--dropdown.is-active { max-height: 400px; transition: all 0.25s ease-in; border: 1px solid #ccc; } .is-open .choices__list--dropdown { border-color: #a6a6a6; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 400px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { border-bottom: solid 1px #ddd; position: relative; padding: 10px; font-size: 16px; } .choices__list--dropdown .choices__item:hover { text-decoration: underline; } [dir="rtl"] .choices__list--dropdown .choices__item { text-align: right; } .choices__list--dropdown .choices__item--selectable { transition: background-color 0.25s ease-in-out; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 16px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [dir="rtl"] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir="rtl"] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2; } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .choices__list--dropdown [data-value=""] { display: none; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 16px; padding: 10px; border-bottom: 1px solid #e6e6e6; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #efefef; font-size: 16px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } [dir="rtl"] .choices__input { padding-right: 2px; padding-left: 0; } /*===== End of Choices ======*/ .side-nav__level-2, .side-nav__level-3 { list-style: none; padding-left: 0; } .side-nav__level-2 a, .side-nav__level-3 a { outline-offset: 0px; } .side-nav__level-3 .sub-nav { height: 37px; } .sitemap-cont a.trigger:before { content: ""; font-size: 0.938rem; top: 0px; position: relative; width: 15px; left: -3px; } .sitemap-cont a.trigger.open:before { content: "" !important; font-size: 0.688rem !important; top: -1px !important; position: relative; left: -1px !important; } .sitemap-cont .rightNav ul.accordion ul li a:before { width: 15px; content: "" !important; font-size: 0.688rem !important; top: -1px !important; position: relative; left: -1px !important; } .sitemap-cont .last-child a.trigger:before { content: "" !important; font-size: 0.688rem !important; top: -1px !important; position: relative; left: -1px !important; } .socialIcons { width: 49px; background-color: #6a6a6a; position: fixed; float: right; top: 39%; text-align: center; z-index: 99999; right: 0px; } .socialIcons i { display: block; padding: 15px 0px 7px 0px; text-align: center; color: #ffffff; transition: 0.5s; } .socialIcons i:hover { background: #e1261c; } @media (max-width: 720px) { .socialIcons { display: none; } } .split > * + * { margin-top: 20px; } .split-lines > * + * { margin-top: 20px; padding-top: 20px; border-top: 1px solid #D3D3D3; } .split-var > * + * { margin-top: calc(1 * var(--spacing)) ; } .split-var-lines > * + * { margin-top: calc(1 * var(--spacing)) ; padding-top: calc(1 * var(--spacing)) ; border-top: 1px solid #D3D3D3; } .split-spacing > * + * { margin-top: calc(1 * var(--spacing-section)) ; } .split-spacing-lines > * + * { margin-top: calc(1 * var(--spacing-section)) ; padding-top: calc(1 * var(--spacing-section)) ; border-top: 1px solid #D3D3D3; } .split-half > * + * { margin-top: 10px; } .split-half-lines > * + * { margin-top: 10px; padding-top: 10px; border-top: 1px solid #D3D3D3; } .sub-nav { position: absolute; right: 0; top: 0px; width: 52px; height: 52px; font-size: 1.25rem; text-align: center; z-index: 1; cursor: pointer; } .sub-nav:after { content: '\f078'; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -10px; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 1.25rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; } .tile-2 { position: relative; border-bottom: solid 5px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; color: inherit; text-decoration: none; background: #ffffff; min-height: 90px; font-size: 1.0625rem; } .tile-2__image { position: relative; overflow: hidden; background: rgba(0, 0, 0, 0.1); flex: 0 0 120px; } .tile-2__image picture { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .tile-2__content { font-weight: bold; padding: 15px 30px; display: flex; align-items: center; } .tile-2:hover { border-bottom-color: #D11B1D; text-decoration: none; } @media (min-width: 480px) { .tile-2 { min-height: 120px; } .tile-2__content { padding-top: 30px; padding-bottom: 30px; } } /*** Grid container*/ #tiles { list-style-type: none; position: relative; } #tiles div.txt { font-weight: bold; } #tiles div.txt:after { content: "\f054"; font-size: 1.4375rem; color: #D11B1D; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } #tiles:not(.top-tiles) { margin: 0 -15px -30px -15px; padding: 0; } #tiles:not(.top-tiles) li { position: relative; overflow: hidden; vertical-align: top; list-style: none !important; padding: 0 15px 30px 15px; } #tiles:not(.top-tiles) li a { text-decoration: none; color: #000; } #tiles:not(.top-tiles) li .tilesDiv { position: relative; display: flex; flex-direction: column; border-bottom: solid 5px rgba(0, 0, 0, 0.1); height: 100%; min-height: 260px; overflow: hidden; } #tiles:not(.top-tiles) li .tilesDiv > div { position: relative; margin-top: 160px; flex-grow: 1; width: 100%; padding: 24px 50px 24px 20px; background-color: #ffffff; font-size: 1.5rem; height: 100%; } #tiles:not(.top-tiles) li .tilesDiv > div .txt { display: table; height: 100%; } #tiles:not(.top-tiles) li .tilesDiv > div .txt span { margin: 0; width: 100%; display: table-cell; vertical-align: middle; position: relative; left: 0; } #tiles:not(.top-tiles) li .tilesDiv.red-box { width: 100%; height: 208px; background: #ed1c24; } #tiles:not(.top-tiles) li .tilesDiv:hover { border-bottom-color: #D11B1D; } #tiles:not(.top-tiles) li img { display: block; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; transform: translateY(-50%); } #tiles:not(.top-tiles) li .red-box .txt { background: transparent; } #tiles.top-tiles { padding-left: 0; } #tiles.top-tiles li .tilesDiv { display: flex; background: #ffffff; position: relative; overflow: hidden; color: unset; transition: transform .4s ease; text-decoration: none; } #tiles.top-tiles li .tilesDiv img { flex: 0 0 128px; max-width: 128px; min-height: 100%; object-fit: cover; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } #tiles.top-tiles li .tilesDiv > div { margin-left: 128px; padding: 25px 60px 25px 25px; } #tiles.top-tiles li .tilesDiv > div .txt { font-size: 1.125rem; font-weight: bold; } #tiles.top-tiles li .tilesDiv:hover { color: #D11B1D; } #tiles.top-tiles li + li { margin-top: 10px; } @media (max-width: 479px) { #tiles.top-tiles li .tilesDiv img { display: none; } #tiles.top-tiles li .tilesDiv > div { margin-left: 0; } } @media (min-width: 480px) { #tiles:not(.top-tiles) { display: flex; flex-wrap: wrap; } #tiles:not(.top-tiles) li { flex: 0 0 50%; } } @media (min-width: 768px) { #tiles:not(.top-tiles) li .tilesDiv > div { padding: 34px 50px 34px 30px; } } @media (min-width: 992px) { #tiles:not(.top-tiles) li { flex: 0 0 33.333333%; } } @media (min-width: 480px) { .is-mobile { display: none !important; } } @media (min-width: 768px) { .is-tablet { display: none !important; } } @media (min-width: 1024px) { .is-desktop { display: none !important; } } .windowPopup { z-index: 120; position: absolute; top: 50px; bottom: auto; left: 0; right: 0; padding: 40px; background: #ffffff; line-height: 1; width: 510px; margin: 0 auto; max-width: 95%; display: none; } .windowBody .h1 { font-size: 2.75rem; color: #333333; margin: 0; } .windowBody p { font-size: 1rem; color: #333333; margin: 15px 0; } @media (max-width: 720px) { .windowPopup { width: 330px; } .windowBody .h1 { font-size: 2.25rem; } } @media (max-width: 480px) { .windowPopup { padding: 25px; } } .youtube-player { position: relative; padding-bottom: 56.23%; height: 0; overflow: hidden; max-width: 100%; background: #000; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; transition: opacity .4s; opacity: .4; } .youtube-player img:hover { opacity: 65; } .youtube-player img:hover + .play { transform: scale(1.1); } .youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://csimedia-html.s3.eu-west-2.amazonaws.com/NWFRS-e522955e-46aa-43c6-92ce-9d14dd56ed72/images/play.png") no-repeat; background-size: contain; cursor: pointer; transition: transform .4s ease; pointer-events: none; } .youtube-player:focus { outline: #FF0000 auto 1px; } .aboutpage h1, .aboutpage h2 { margin-top: 0; } .aboutpage h1 + *, .aboutpage h2 + * { margin-top: 20px; } .aboutpage .rightContent .toggleMenu { display: none; position: relative; padding: 17px 38px 17px 10px; background: #d7d7d7; line-height: 1; } .aboutpage .rightContent .toggleMenu .arrowMenu { position: absolute; right: 0; top: 20px; } .aboutpage .choices { width: 310px; margin-bottom: 30px; } .aboutpage .aboutContent audio + div { padding-top: 1em; padding-bottom: 1em; } .aboutpage .mainContent { overflow: unset; } .aboutpage .sitemap-head { margin-top: 29px; } @media (max-width: 1023px) { .aboutpage .rightContent { float: right; width: 32.8934%; } .aboutpage .rightContent .currentSection { display: block; width: 100%; } .aboutpage .leftContent { width: 66.6666%; padding-right: 20px; } } @media (max-width: 720px) { .aboutpage .rightContent { float: left; width: 100%; margin-top: 14px; position: relative; z-index: 10; overflow: auto; } .aboutpage .rightContent .toggleMenu { display: block; color: #000000; text-decoration: none; font-weight: bold; font-size: 1rem; } .aboutpage .leftContent { float: left; width: 100%; } } .newspage .mainContent { overflow: visible; } @media (max-width: 478px) { .hide-0 { display: none !important; } } @media (min-width: 480px) and (max-width: 767px) { .hide-1 { display: none !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hide-2 { display: none !important; } } @media (min-width: 1024px) { .hide-3 { display: none !important; } } .bold { font-weight: bold; } .input-group { background: #ffffff; border-radius: 5px; border: solid 1px #D3D3D3; display: flex; padding: 5px; } .input-group input::placeholder { color: #000; font-weight: normal; opacity: 1; } .input-group button { display: inline-block; } .page-title + .newsUL { margin-top: 8px; } html, body { overflow-x: hidden; max-width: 100vw; } @media (min-width: 480px) { .leftContent-50 .YT_video { height: 100%; } .leftContent-50 .YT_video .youtube-player { height: 100%; } } @media (max-width: 478px) { .aboutContent .large img { object-fit: cover; } } @media (max-width: 720px) { .leftContent { padding-right: 0 !important; } } a { text-decoration: none; } /*# sourceMappingURL=style.css.map */