@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600|Open+Sans+Condensed:300,700|Saira+Extra+Condensed:400,700');

	@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700&display=swap');

    /* Default Styles */

        body, html																{ margin: 0%; padding: 0%; width: 100%; height: 100%; font-family: Arial, sans-serif; }
        h1, h2, h3, h4, h5, h6, p, ul, ol, li, span								{ margin: 0%; padding: 0%; }
        input, select, textarea													{ margin: 0%; padding: 0%; resize: none; border-radius: 0; background-clip: padding-box; }
        table, tr, th, td														{ margin: 0%; padding: 0%; border-spacing: 0; border-collapse: collapse; vertical-align: top; }
        a, img																	{ border: none; outline: 0; color: inherit; text-decoration: none; }
        hr																		{ border-width: 1px 0 0; border-style: solid; border-color: #005288; margin:50px 0 50px 0; }
        .loading																{ background-image: url('../images/ajax-loader.gif'); background-repeat: no-repeat; background-position: center center; }

    /* Page Styles */

        :-ms-input-placeholder													{ color: inherit; opacity: 1; }
        ::-webkit-input-placeholder												{ color: inherit; opacity: 1; }
        :-moz-placeholder														{ color: inherit; opacity: 1; }
        ::-moz-placeholder														{ color: inherit; opacity: 1; }
        ::placeholder															{ color: inherit; opacity: 1; }

        html																	{ background-color: #005288; font-size: 100%; }
        div.page																{ margin: auto; overflow: hidden; background-color: #FFFFFF; }
        div.offset																{ margin: 0% auto; width: 100%; max-width: 1200px; clear: both; position: relative; }
        .slick-prev:before,
        .slick-next:before 														{ color: #EE2B74; }
        div.popup-panel.alert 													{ text-align: center; }



    /* Heading & Paragraph Styles */

        section.main h1															{ margin: 0% 0% 0.375em 0%; padding: 0%; font-size: 1.875em; line-height: 1.25em; font-weight: 400; color: #005288; }
        section.main h2															{ margin: 1em 0%; padding: 0%; font-size: 1.5em; line-height: 1.25em; font-weight: 400; color: #005288; }
        section.main h3															{ margin: 0.5em 0% 0.5em 0%; padding: 0% 0% 0% 0%; font-size: 1.5em; line-height: 1.25em; font-weight: 400; color: #336699; }
        section.main h4															{ margin: 0.5em 0% 0.5em 0%; padding: 0% 0% 0% 0%; font-size: 1.5em; line-height: 1.25em; font-weight: 400; color: #D4004E; }
        section.main p															{ margin: 0% 0% 1.333em 0%; padding: 0% 0% 0% 0%; font-size: 1.0625em; line-height: 1.333em; font-weight: normal; color: #454545; }
        section.main .subtitle													{ margin: 1em auto 2em; max-width: 820px; font-size: 1.5em; line-height: 1.25em; font-weight: 300; }
        section.main a															{ text-decoration: none; color: #EE2B74; }
        section.main p a:hover,
        section.main li a:hover       										    { text-decoration: underline; }       
        section.main ul,
        section.main ol															{ margin: 0% 0% 1em 0%; padding: 0% 0% 0% 0%; font-size: 1em; line-height: 1.5em; font-weight: bold; color: #454545; }
        section.main ul															{ list-style-type: disc; }
        section.main li															{ margin: 0.5em 0% 0% 1.5em; padding: 0% 0% 0% 0.75em; font-size: 1.0625em; line-height: 1.25em; font-weight: normal; color: #454545; }
        section.main li li														{ font-size: 1em; }
        section.main img														{ max-width: 100%; height: auto !important; }
        section.main ul.ticks                                                   { margin-top: 28px; }

    /* Button Styles */

        section.main .button													{ margin: 0% 0% 1.625em 0%; padding: 0.175em 1.575em; font-size: 0.875em; color: #FFFFFF; background-color: #EE2B74; display: inline-block; transition: 0.5s ease 0s;}
        section.main .button.arrow												{ margin-bottom: 0; padding: 0.75em 50px 0.75em 1em; font-size: 1.125em; background-image: url("../images/survey-button-arrow.png"); background-position: center right; background-repeat: no-repeat; transition: 0.5s ease 0s;}
        section.main .button.large                                              { padding: 0.75em 2em; }

        section.main .button:hover,
        section.main .button.large:hover                                        { background-color: #C32360; text-decoration: none;}   

        section.main .button.chevron											{ margin-bottom: 0; padding: 0.75em 2em; font-size: 1.5em; transition: 0.5s ease 0s; display: inline-flex; align-items: center;}
        section.main .button.chevron::after										{ margin-left:1em; height: 36px; content: url('/images/icons/chevron-right-white-2.svg'); display: inline-flex; }

    /* Tick List Styles */

        section.main ul.ticks li												{ margin: 0% 0% 1.412em 1.5em; padding: 0% 0% 0% 0.75em; font-size: 1.063em; line-height: 1.412em; position: relative; list-style: none; }
        section.main ul.ticks li:before											{ content: '\f14a'; font-family: 'Font Awesome 5 Pro'; font-size: 1.765em; line-height: 1em; font-weight: 600; top: 0px; left: -22px; position: absolute; }

    /* Header Styles */

        header.main-et1f														{ position: fixed; z-index: 1000; }
        header.main-et1f.shrink { -webkit-box-shadow: 0 0 71px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 71px 30px rgba(0, 0, 0, 0.1); -webkit-transition: -webkit-box-shadow 0.5s ease 0s; transition: -webkit-box-shadow 0.5s ease 0s; -o-transition: box-shadow 0.5s ease 0s; transition: box-shadow 0.5s ease 0s; transition: box-shadow 0.5s ease 0s, -webkit-box-shadow 0.5s ease 0s; position: fixed; }
        header.main-et1f div.et1f-navigation									{ margin: 0%; padding: 0% 210px 0% 0%; width: 100%; height: 31px; background-color: #024270; position: relative; z-index: 999; clear: both; }
        header.main-et1f div.et1f-caption										{ margin: 0%; padding: 4px 2rem 0% 0%; width: 199px; height: 31px; right: 0; top: 0; bottom: 0; background-color: #EE2B74; background-image: url('../images/blue-pink-tear.png'); background-repeat: no-repeat; text-align: right; position: absolute; z-index: 999; }
        header.main-et1f p.header-caption										{ display: none; }
        header.main-et1f div.information div.icon								{ margin: 0%; padding: 0%; vertical-align: middle; display: inline-block; position: relative; }
        header.main-et1f div.information div.icon a								{ display: block; }
        header.main-et1f div.information div.icon img							{ max-width: 100%; display: block; }
        header.main-et1f div.information div.icon.google						{ margin: 0% 43px 0% 0%; width: 16px; }
        header.main-et1f div.information div.icon.twitter						{ margin: 0% 9px 0% 0%; width: 20px; }
        header.main-et1f div.information div.icon.facebook						{ margin: -1px 12px 0% 0%; width: 10px; }
        header.main-et1f div.information div.icon.mail							{ margin: 1px 14px 0% 0%; width: 21px; }
        header.main-et1f div.header-bottom										{ position: relative; background-color: #FFFFFF; background-image: linear-gradient(to right, #FFFFFF 80%, #D8D9DB 20%); }
        header.main-et1f div.header-logo										{ width: 30%; }
        header.main-et1f div.header-details										{ background-color: #FFFFFF; }
        header.main-et1f div.header-details div.block1							{ margin: 0% 8% 0% 0%; display: inline-block; vertical-align: middle; }
        header.main-et1f div.contact-details									{ margin: 0%; padding-right: 4px; display: inline-block; }
        header.main-et1f div.contact-details a									{ color: #024270; display: inline-block; vertical-align: middle; }
        header.main-et1f div.contact-details a.survey img						{ margin: 0% 0% 2px 0%; display: block; }
        header.main-et1f a.survey												{ margin-right: 0.5em; font-size: 1.875em; line-height: 1.125em; font-weight: 700; text-transform: uppercase; font-family: 'Saira Extra Condensed', sans-serif; }
        header.main-et1f a.phone												{ margin: 0 0.5em 0 0; padding: 0%; font-size: 1.125em; }
        header.main-et1f a.phone img											{ margin: -9px 7px -6px 1px; padding: 0%; vertical-align: middle; display: inline-block; }
        header.main-et1f button.search-open										{ margin: 0%; padding: 0; max-width: 30px; min-width: auto; background-color: #D8D9DA; border: 0px none; text-align: center; vertical-align: middle; }
        header.main-et1f button.search-open:before								{ width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; }
        header.main-et1f button.search-open img									{ padding: 12px 8px 8px 8px; max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; }
        header.main-et1f button.search-open:hover								{ background-color: #CDCDCD; }
        header.main-et1f div.header-contact										{ padding: 22px 40px 18px 0%; background-image: url('../images/white-grey-tear.png'); background-repeat: no-repeat; background-position: right top; transition: padding 0.3s ease; }
        header.main-et1f div.header-contact a.store-basket						{ margin: 0%; padding: 0%; width: 72px; height: 31px; position: relative; float: none; display: inline-block; vertical-align: middle; background-image: url('../images/basket-bg.png'); }
        header.main-et1f div.header-contact a.store-basket a					{ top: 0; right: 0; bottom: 0; left: 0; position: absolute; }
        header.main-et1f div.header-contact a.store-basket div.basket-total		{ padding: 8px 0% 0% 38px; font-size: 0.875em; color: #EE2B74; display: none; }
        header.main-et1f div.header-contact a.store-basket div.basket-count		{ padding: 0%; top: 8px; right: 8px; font-size: 1em; position: absolute; color: #FFFFFF; background-color: transparent; border: 0px; border-radius: 0px; }
        header.main-et1f div.header-contact div.header-account					{ margin: 1px 0%; padding: 0%; width: 41px; height: 31px; position: relative; float: none; display: inline-block; vertical-align: middle; background-image: url('../images/account-bg.png'); }
        header.main-et1f div.header-contact div.header-account a				{ font-size: 0px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
        header.main-et1f div.header-contact div.header-account a.login			{ font-size: 0px; top: 0; right: 0; bottom: 0; left: 0; position: absolute; }
        header.main-et1f div.header-contact div.header-account a.signup			{ display: none; }
        header.main-et1f div.header-contact div.header-account span.divide		{ display: none; }
        header.main-et1f.sticky div.header-logo									{ padding: 1px 0%; left: 33px; }
        header.main-et1f.sticky div.header-details								{ width: 100%; }
        header.main-et1f.shrink div.header-contact								{ padding: 13px 40px 12px 0%; }

    /* Navigation Styles */

        nav.main-et1f															{ position: relative; background-color: #024270; background-image: linear-gradient(to right, #024270 80%, #EF2B75 20%); }
        nav.main-et1f ul														{ padding: 0%; text-align: right; }
        nav.main-et1f ul li														{ position: relative; border-left: 0px; }
        nav.main-et1f ul li a													{ margin: 0%; padding: 10px 10px 8px 9px; font-family: 'Open Sans', sans-serif; font-size: 0.75em; line-height: 1em; font-weight: 400; text-transform: uppercase; color: #FFFFFF; }
        nav.main-et1f ul li a.current											{ color: #f381a5; }
        nav.main-et1f div.drop													{ margin: 0%; padding: 0.75em 1em; width: 300px; left: -30px; list-style-type: none; background-color: #024270; z-index: 100; display: none; position: absolute; float: none; }
        nav.main-et1f div.drop ul												{ margin: 0%; padding: 0%; }
        nav.main-et1f div.drop ul li											{ margin: 0.675em 0%; padding: 0% 0% 0% 0.875em; text-align: left; background-image: url('../images/nav-drop-arrow.png'); background-size: auto 8px; background-position: 0% 3px; background-repeat: no-repeat; display: list-item; }
        nav.main-et1f div.drop ul li a											{ margin: 0%; padding: 0%; font-size: 0.75em; line-height: 1.25em; font-weight: normal; text-transform: none; text-align: left; color: #FFFFFF; background-color: transparent; }
        nav.main-et1f ul li:hover > a,
        nav.main-et1f div.drop ul li:hover a									{ color: #EFEFEF; background-color: transparent; }
        nav.main-et1f ul li:hover div.drop										{ display: block; }

        #menu-container															{ display: none; }

    /* Search Popup Styles */

        div.page .search-popup													{ width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(216, 217, 218, 0.9); text-align: center; display: none; position: fixed; z-index: 10000; }
        div.page .search-popup:before											{ margin-left: 0; width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; }
        div.page .popup-container												{ padding: 1em 1em 1em 1em; width: 100%; max-width: 682px; height: 100%; max-height: 323px; text-align: right; vertical-align: middle; white-space: normal; position: relative; display: inline-block;  }
        div.page .search-popup form												{ border-bottom: 1px solid #000000; }
        div.page .search-popup input											{ padding: 0.25em; width: 86.6%; font-size: 1.75em; color: #000000; background-color: transparent; border: 0px none; }
        div.page .search-popup button											{ padding: 0.25em; width: 13.4%; font-size: 1.75em; background-color: transparent; border: 0px none; vertical-align: top; display: inline-block; }
        div.page .search-popup button img										{ margin-left: auto; width: 24px; max-width: 100%; display: block; }
        div.page .search-popup .close											{ margin-bottom: 1em; max-width: 24px; vertical-align: middle; cursor: pointer; display: inline-block; }
        div.page .search-popup .close img										{ max-width: 100%; display: block; }

    /* Home Styles */

        section.home .wg-slider .slide-caption.caption-float-box				{ padding-right: 40px; bottom: 6.8%; max-width: 1200px; font-family: 'Saira Extra Condensed', sans-serif; }
        section.home .wg-slider .slide-caption.caption-float-box .content		{ padding: 25px 31px 15px 31px; max-width:393px; text-transform: uppercase; background-color: rgba(255, 255, 255, 0.71); text-align: left; }
        section.home .wg-slider .slide-caption.caption-float-box .content p		{ margin: 0 0 0.5em; font-size: 2.5em; font-weight: 700; line-height: 1em; color: #024270; }
        section.home .wg-slider .slide-caption.caption-float-box .content a		{ padding: 0 50px 0 0.375em; font-size: 1em; line-height: 1.5em; font-weight: 700; color: #FFFFFF; background-color: #AE1F55; background-image: url("../images/slide-button-arrow.png"); background-position: center right; background-repeat: no-repeat; display: inline-block; }
        section.home .wg-slider .pips .pip										{ background-color: #D6D6D6; }
        section.home .wg-slider .pips .pip.current								{ background-color: #005288; }
        section.main .content-section											{ margin: 0%; width: 100%; position: relative; }
        section.main .content-section div.content > div > :first-child			{ margin-top: 0; }
        section.main .content-section div.content > div > :last-child			{ margin-bottom: 0; }
        section.main .content-section											{ margin: 0%; width: 100%; position: relative; }
        section.main .content-section .section-arrow							{ top: 0; width: 100%; height: 27px; background-position: top center; background-repeat: no-repeat; position: absolute; z-index: 100; }
        section.home .content-section .content									{ text-align: center; }
        section.home h2															{ font-size: 1.875em; }
        section.main .section-white												{ background-color: #FFFFFF; }
        section.main .section-white h2											{ font-weight: 400; color: #005288; }
        section.home .section-lightgrey h2										{ font-weight: 400; color: #005288; }
        section.home .section-white												{ padding-bottom: 3.625em; }
        section.home .section-white .content									{ padding-bottom: 27px; }
        section.main .section-lightgrey											{ background-color: #EFEFEF; }
        section.main .section-darkgrey											{ background-color: #D5D5D5; }
        section.main:not(.home) .section-lightgrey h2,
        section.main:not(.home) .section-darkgrey h2							{ font-weight: 400; color: #005288; }
        section.main .section-lightgrey h3,
        section.main .section-darkgrey h3										{ margin: 0% 0% 1em 0%; font-weight: 400; color: #005288; }
        section.main .section-blue												{ background-color: #001B2E; background-image: url("../images/why-qcr-bgd.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; }
        section.main .section-blue .offset										{ max-width: 1030px; }
        section.main .section-blue h2											{ margin: 0.25em 0% 0.5em 0%; font-size: 1.875em; font-weight: 400; color: #FFFFFF; }
        section.main .section-blue p											{ margin-bottom: 1.5em; font-size: 1.125em; line-height: 1.67em; color: #FFFFFF; }
        section.main .section-orange											{ background-color: #ff9900;  }
        section.main .section-orange .offset									{ max-width: 1300px; padding: 16px 0px 16px 120px; }
        section.main .section-orange h2											{ font-family: Poppins, Arial, sans-serif; margin: 0.25em 0% 0.5em 0%; font-size: 2.25em; font-weight: 700; color: #FFFFFF; }
        section.main .section-orange p											{ margin-bottom: 1.5em; font-size: 1.125em; line-height: 1.67em; color: #FFFFFF; }
        section.main .section-orange img										{ margin: -95px 30px -60px 60px; text-align: right; float:right; }    
        section.main .section-pink											    { background-color: #ef2b75;  }
        section.main .section-pink .offset									    { max-width: 1300px; padding: 16px 0px 16px 0px; }
        section.main .section-pink h2											{ font-family: Poppins, Arial, sans-serif; margin: 0.25em 0% 0.5em 0%; font-size: 2.25em; font-weight: 700; color: #FFFFFF; }
        section.main .section-pink p											{ margin-bottom: 1.5em; font-size: 0.825em; line-height: 1.67em; color: #FFFFFF; }  
        section.main .section-pink .red-star                                    { color: #FFFFFF; }   
        section.main .section-pink .field-block .field-label                    { margin: 0%; padding: 0.25em 0.375em; width: 100%; display: block; color: #FFFFFF;} 
        section.main .section-pink .form_container                              { text-align:center; max-width:730px; margin: 0 auto;}  
        section.main .section-pink input                                        { max-width:430px; }   
        section.main .section-pink form .g-recaptcha > div                      { margin: 0% auto; display: block; }
        section.main .section-pink button                                       { border: #FFFFFF solid 1px; }       
        section.main .section-rwhite											{ background-color: #FFFFFF; }
        section.main .section-rwhite h2											{ padding-top:5em; font-family: Poppins, Arial, sans-serif; font-size: 1.5em; line-height:1.5em; font-weight: 400; color: #454545; }
        section.main .section-rwhite h3											{ padding-top:1em; font-family: Poppins, Arial, sans-serif; font-size: 1.5em; line-height:1.5em; font-weight: 400; color: #454545; }
        section.home .section-rwhite											{ padding-bottom: 3.625em; }
        section.home .section-rwhite .content									{ padding-bottom: 27px; }       
        
        section.main .save-images												{ margin: 4em auto 2em; width: 100%; max-width: 993px; }
        section.main .save-images .save-image									{ margin-left: 4.625%; width: 30.25%; float: left; }
        section.main .save-images .save-image:first-child						{ margin-left: 0; }
        section.main .free-survey												{ margin-top: 5em; background-color: #001B2E; }
        section.main .free-survey p												{ margin: 0 0.5em 2em; font-size: 1.5em; line-height: 1.5em; font-weight: 300; }
        section.main .free-survey .button										{ width: 100%; }
        section.main .free-survey .survey-text									{ padding: 36px; width: 39.9%; text-align: left; vertical-align: middle; float: left; }
        section.main .free-survey .survey-image									{ width: 60.1%; vertical-align: middle; float: right; }
        section.main .free-survey .survey-image	img								{ width: 100%; display: block; }
        section.main .free-survey-details										{ margin: 0 0 3em 0; padding: 51% 0 0; width: 100%; height: 0; background-image: url("../images/book-your-free-site-survey.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; }
        section.main .survey-details-left										{ margin-right: 1.8%; padding: 1.75em 1.75em 1.75em 1.5em; min-width: 55.4%; max-height: 90.2%; left: 6.7%; bottom: 4.9%; background-color: rgba(2, 66, 112, 0.92); position: absolute; }
        section.main div.config_column .survey-details-left                     { left:unset; bottom:unset; position: relative; width: 50%; margin: 13em 5em 4em;}
        section.main .survey-details-left ul									{ list-style-type: none; }
        section.main .survey-details-left li									{ margin: 0.75em 0 0 1.5em; padding: 0 0 0 2.889em; min-height: 25px; font-size: 1.125em; color: #FFFFFF; background-image: url("../images/survey-tick.png"); background-position: left top; background-repeat: no-repeat; }
        section.main .survey-details-right										{ width: 30%; right: 6.1%; bottom: 4.9%; position: absolute; }
        section.main .survey-details-right .button								{ margin: 0; padding: 0.625em 1.575em 0.625em 1.25em; font-size: 1.125em; line-height: 1.25em; font-weight: 700; }
        section.main .survey-columns .free-survey-details						{ padding-top: 36%; width: 52.57%; float: left; }
        section.main .survey-columns .enquiry-form								{ padding: 0; width: 47.43%; float: right; background-color: transparent; }
        section.main .survey-columns .enquiry-form .field-block					{ padding: 0 3px 12px 9px; width: 50%; vertical-align: top; }
        section.main .survey-columns .enquiry-form .field-label					{ text-align: center; }
        section.main .survey-columns .enquiry-form label						{ padding: 6px; background-color: #EFEFEF; display: block; }
        section.main .survey-columns .enquiry-form h3							{ display: none; }
        section.main .content-section + .content-section						{ padding-top: 27px; }
        section.main .content-section + .section-map							{ padding-top: 0; }
        section.main .section-white + .content-section .section-arrow			{ background-image: url('../images/section-white-arrow.png'); }
        section.main .section-lightgrey + .content-section .section-arrow		{ background-image: url('../images/section-lightgrey-arrow.png'); }
        section.main .section-darkgrey + .content-section .section-arrow		{ background-image: url('../images/section-darkgrey-arrow.png'); }
        section.main .section-blue + .content-section .section-arrow			{ background-image: url('../images/section-blue-arrow.png'); }
        section.main .content-section + .content-section .section-arrow.pink	{ background-image: url('../images/section-pink-arrow.png'); }
        section.main div.content.col-left										{ padding: 0% 50px 0% 0%; width: 73.93%; display: inline-block; vertical-align: top; }
        section.main div.content.col-right										{ padding: 0%; width: 26.07%; display: inline-block; vertical-align: top; }
        section.main div.call-to-action								{ padding: 48px 0% 0% 0%; }
        section.main div.call-to-action a.button					{ margin: 0% auto 17px auto; padding: 21px 20% 18px 21px; max-width: 214px; font-size: 1.125em; line-height: 1.333em; text-transform: uppercase; display: block; color: #FFFFFF; background-color: #024270; }
        section.main div.call-to-action a.button.make-enquiry		{ background-image: url('../images/cta-make-enquiry.png'); background-position: right center; background-repeat: no-repeat; }
        section.main div.call-to-action a.button.site-survey		{ color: #FFFFFF; background-color: #EE2B74; background-image: url('../images/cta-site-survey.png'); background-position: right center; background-repeat: no-repeat; }
        section.main div.call-to-action a.button.call-us			{ color: #024270; background-color: #D8D9DB; background-image: url('../images/cta-call-us.png'); background-position: right center; background-repeat: no-repeat; }
        section.main .panels													{ margin-bottom: 4em; text-align: center; }
        section.main .panels a													{ margin: 0.5% 2%; width: 21%; max-width: 220px; height: auto; display: inline-block; position: relative; }
        section.main .panels p													{ line-height: 0; text-align: center; }
        section.main .panels a img												{ margin: 0 auto; display: block; max-width: 100% !important; }
        section.main .panels a .title											{ bottom: 0; margin: 0; padding: 0.40em 0 0.48em 0; width: 100%; font-size: 1.4em; line-height: 1.25em; color: #FFFFFF; background-color: rgba(39,39,39,0.25); text-align: center; position: absolute; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
        section.main .panels a .hover-caption									{ width: 100%; height: 100%; background-color: transparent; text-align: center; position: absolute; -webkit-transition: background-color 0.7s; transition: background-color 0.7s; }
        section.main .panels a .hover-caption:before							{ width: 0; height: 100%; content: ''; vertical-align: middle; display: inline-block; }
        section.main .panels a .hover-caption .caption-text						{ margin-top: -20%; width: 100%; font-size: 1.4em; color: #FFFFFF; vertical-align: middle; opacity: 0; display: inline-block; -webkit-transition: opacity 0.7s, margin 0.3s; transition: opacity 0.7s, margin 0.3s; }
        section.main .panels a .hover-caption .caption-plus						{ margin-top: -30%; width: 100%; color: #FFFFFF; vertical-align: middle; opacity: 0; display: inline-block; -webkit-transition: opacity 0.7s, margin 2s; transition: opacity 0.7s, margin 2s; }
        section.main .panels a .hover-caption .caption-plus img					{ display: inline; }

 /* Form Styles */
        section.main div.content form.formBuilder ul.error                      { margin: 0 0 2em 0; padding: 0em 0 1em 1em; background-color: #D9231C; color: #ffffff; } 
        section.main div.content form.formBuilder p.error                       {color: #ffffff !important; font-weight: 700; background-color: #D9231C;} 
          

        @media (hover: hover) {

            section.main .panels a:hover .title									{ opacity: 0; }
              section.main .panels a:hover .hover-caption							{ background-color: rgba(0,0,0,0.5); }
              section.main .panels a:hover .hover-caption .caption-text			{ margin-top: 1%; opacity: 1; }
              section.main .panels a:hover .hover-caption .caption-plus			{ margin-top: 8%; opacity: 1; -webkit-transition: opacity 0.7s; transition: opacity 0.7s; }

        }

    /* Standard Styles */

        section.main div.offset													{ padding: 16px 40px 16px; }
        section.main div.config_row div.offset									{ padding: 0 40px; }        
        section.main .breadcrumb												{ margin: 0%; padding: 0% 0 0.875em; font-size: 0.8125em; color: #999999; }
        section.main div.config_row .breadcrumb									{ margin: 0%; padding: 16px 0; }       
        section.main .breadcrumb a												{ color: inherit; }
        section.main div.content-header											{ padding: 7% 0 1.5%; background-color: #024270; background-position: center center; background-size: cover; }
        section.main .page-heading												{ margin: 0; padding: 0; font-size: 1.875em; line-height: 1em; font-weight: 400; color: #FFFFFF; display: block; }
        section.main div.content												{ margin: 0%; padding: 0 0 2%; width: 100%; }
        section.shop div.content												{ padding-bottom: 0; }
        section.main div.config_row div.content									{ padding: 0;  }       
        section.main div.content table.reasons									{ margin: 0 auto 2em; width: 95%; border: 0 none; table-layout: fixed; }
        section.main div.content table.reasons td								{ padding: 25px; width: 33.33%; background-color: #EE2B74; border: 8px solid #FFFFFF; }
        section.main div.content table.reasons h3								{ margin-bottom: 1.5em; font-size: 1.5em; font-weight: 400; color: #FFFFFF; }
        section.main div.content table.reasons span.number						{ margin: 0 14px 0 -12px; width: 1.75em; font-size: 0.75em; font-weight: 700; background-color: #AE1F55; border-radius: 15px; text-align: center; vertical-align: middle; display: inline-block; }
        section.main div.content table.reasons p								{ font-size: 0.875em; line-height: 1.625em; color: #FFFFFF; }

    /* News Styles */

        section.main div.offset.news											{ padding: 32px 40px; }
        section.main div.article-left											{ margin: 0%; padding: 0% 1.5em 0% 0%; width: 70%; float: left; }
        section.main div.article-right											{ margin: 0%; padding: 0% 0% 0% 1.5em; width: 30%; float: right; }
        section.main div.article-left .article									{ margin: 0% 0% 2% 0%; padding: 0% 0 2%; width: 100%; border-bottom: #EEEEEE solid 1px; }
        section.main div.article-left h3.article-title							{ margin: 0% 0% 0% 0%; padding: 0%; width: 100%; }
        section.main div.article-left h3.article-title a						{ color: #EE2B74; font-weight: 400; }
        section.main div.article-left p.date									{ margin: 0%; padding: 0%; width: 100%; font-size: 0.875em; }
        section.main div.article-left p.summary									{ margin: 0; padding: 0; width: 100%; }
        section.main div.article-left p.summary a								{ color: #005288; }
        section.main div.article-right p										{ margin: 0% 0% 0.2em 0%; padding: 0.5em 0.75em; font-size: 1em; line-height: 1.25em; background-color: #EEEEEE; }
        section.main div.article-right p:hover									{ background-color: #EF2B75; }
        section.main div.article-right p:hover a								{ color: #FFFFFF; }
        section.main div.article-right div.submenu-listright					{ margin: 0% 0% 2em 0%; padding: 0%; width: 100%; }
        section.main div.article-right div.submenu-listright h3					{ margin: 0.5em 0% 0% 0%; padding: 0.375em 0.5em; color: #FFFFFF; background-color: #015077; }
        section.main div.article-right div.submenu-listright ul					{ margin: 0%; padding: 0%; list-style: none;}
        section.main div.article-right div.submenu-listright ul li				{ margin: 0%; padding: 0%; background-color: #EEEEEE; border-bottom: #FFFFFF solid 1px; border-top: #FFFFFF solid 1px; -webkit-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; }
        section.main div.article-right div.submenu-listright ul li a			{ margin: 0%; padding: 0.325em 0.75em; width: 100%; color: #EE2B74; display: block; -webkit-transition: color 0.3s ease 0s; -moz-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; }
        section.main div.article-right div.submenu-listright ul li:hover		{ background-color: #EF2B75; }
        section.main div.article-right div.submenu-listright ul li:hover a		{ color: #FFFFFF; }

    /* Contact Styles */

        section.main div.contact-left											{ margin: 0%; padding: 0% 20px 0% 0%; width: 40%; float: left; }
        section.main div.contact-right											{ margin: 0%; padding: 0% 0% 0% 20px; width: 60%; float: right; }
        #google-map																{ margin: 0%; padding: 0%; width: 100%; height: 440px; }

    /* Product List Table Styles */

        section.main div.product-list											{ margin: 0%; padding: 0%; width: 100%; overflow-x: auto; }
        section.main .product-list table										{ margin: 0% auto; width: 90%; min-width: 585px; table-layout: fixed; }
        section.main .product-list td											{ margin: 0% 0% 0% 1em; padding: 0% 1em; font-size: 0.9em; vertical-align:bottom; }
        section.main .product-list td.border									{ border: 1px solid #EFEFEF; }
        section.main .product-list a											{ margin: 0%; padding: 0%; width: 100%; font-size: 1.1em; font-weight: 400; color: #18679F; text-align: center; }
        section.main .product-list img											{ max-width: 100%; }

    /* Latest News Feature Styles */

        section.main div.article												{ margin: 0%; padding: 0% 25px; width: 50%; text-align: left; float: left; }
        section.main div.article h3												{ margin: 0% 0% 1.063em 0%; padding: 0%; font-size: 1.125em; line-height: 1.25em; font-weight: 600; text-transform: none; color: #313131; }
        section.main div.article h3 a											{ font-weight: 600; text-transform: none; color: #313131; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; }
        section.main div.article h3 a:hover										{ color: #EE2B74; }
        section.main div.article p												{ margin: 0% 0% 0.875em 0%; padding: 0%; font-size: 0.875em; line-height: 1.725em; font-weight: 400; text-transform: none; color: #454545; }
        section.main div.article a.button										{ margin: 0% 0% 1.625em 0%; padding: 0.175em 1.575em; font-size: 0.875em; color: #FFFFFF; background-color: #EE2B74; display: inline-block; }

    /* Contact Styles */

        section.main div.column													{ margin: 0%; padding: 0%; width: 50%; float: left; }
        section.main div.column.left											{ margin: 0%; padding: 0% 20px 0% 0%; }
        section.main div.column.right											{ margin: 0%; padding: 0% 0% 0% 20px; }
        section.main div.opening-hours											{ margin: 0%; }
        section.main div.opening-hours table.hours								{ margin: 0% 0% 20px 0%; padding: 0%; width: 100%; }
        section.main div.opening-hours table.hours tr td						{ margin: 0%; padding: 5px; width: auto; border: 1px solid #DDDDDD; }
        section.main div.site-survey											{ margin: 0% auto; padding: 0%; width: 100%; max-width: 1000px; }
        section.main div.site-survey p											{ margin: 1em 0; font-size: 1.4375em; }
        section.main div.enquiry-form											{ margin: 0%; padding: 2em; width: 100%; background-color: #EFEFEF; }
        section.main div.enquiry-form h3										{ margin: 0 0 0.625em; color: #124D77; font-weight: 700; text-align: center; }
        section.main .field-block												{ margin: 0%; padding: 5px 0%; width: 100%; position: relative; display: inline-block; }
        section.main .field-block.col-2											{ width: 50%; }
        section.main .field-block.col-2.left									{ padding-right: 5px; }
        section.main .field-block.col-2.right									{ padding-left: 5px; }
        section.main .field-block .field-label									{ margin: 0%; padding: 0.5em 0.375em; width: 100%; display: block; }
        section.main .field-block input,
        section.main .field-block textarea,
        section.main .field-block select										{ margin: 0% 0% 0.75em; padding: 0.5em 0.375em; width: 100%; border: 1px solid #DDDDDD; background-color: #FFFFFF; }
        section.main .field-block input[type=checkbox]							{ width: auto; }
        section.main .field-block textarea										{ min-height: 118px; }
        #rc-imageselect, section.main form .g-recaptcha							{ -webkit-transform-origin: 0 0; transform-origin: 0 0; }
        section.main form button												{ color: #FFFFFF; background-color: #EE2B74; border: 0px none; }
        section.main form button:hover											{ background-color: #EE2B74; }
        section.main form .field-block.checkbox .field-label					{ width: auto; overflow: hidden; text-align: left; }
        section.main form .field-block.checkbox input							{ margin-top: 0.4375em; width: auto; float: left; }
        section.main div.site-survey form .field-block .field-label				{ font-size: 0.9375em; color: #39393A; text-align: center; }
        section.main div.site-survey form .field-block.captcha					{ text-align: center; }
        section.main div.site-survey form .g-recaptcha > div					{ margin: 0% auto; display: block; }
        section.main div.site-survey form .field-block label					{ margin: 0 auto; max-width: 425px; display: block; }
        section.main div.site-survey form button								{ margin: 1em auto 0% auto; display: block; }
        section.main form .button												{ margin: 1em auto 0; padding: 0.5em 1em; width: auto; font-weight: 400; text-transform: none; display: block; }
        section.main div.site-survey form .field-block.checkbox .field-label	{ text-align:left; }
        section.main .video-panel												{ margin-top: 5%; margin-left: 5%; width: 30%; background-color: #024270; display: inline-block; cursor: pointer; }
        section.main .video-panel:nth-of-type(1),
        section.main .video-panel:nth-of-type(2),
        section.main .video-panel:nth-of-type(3)								{ margin-top: 0%; }
        section.main .video-panel:nth-of-type(3n+1)								{ margin-left: 0%; }
        section.main .video-panel .video-label									{ padding: 10px; }
        section.main .video-panel p												{ color: #FFFFFF; }
        .popup-panel.video-popup												{ padding: 0.75em 2em; }
        .subpage-panel															{ margin: 0 0 2% 2%; padding: 0; width: 32%; text-align: center; vertical-align: top; display: block; float: left; }
        .subpage-panel:nth-of-type(3n+1)										{ margin-left: 0; clear: both; }

    /* Subpage Feature */

        section.main div.content .subpages                      { padding: 1rem 0 6rem 0; max-width:1500px; margin:auto;}
        section.main div.content .subpages-container            { margin-top: 2.5rem; }
        section.main div.content .subpage             			{ border-radius: 0px; padding: 3px; float: left; width: 31%; margin: 0 1%; margin-bottom: 1.5rem; }    
        section.main div.content .subpage div            		{ max-height:290px; overflow:hidden; }   
        section.main div.content .subpage:hover       			{ background-color: #FFFFFF; text-decoration: none; }
        section.main div.content a.subpage:hover       			{ text-decoration: none; }
        section.main div.content a.subpage:hover  p     		{ text-decoration: none; }
        section.main div.content .subpage:hover img      		{ background-color: #FFFFFF; text-decoration: none; }  
        section.main div.content .subpage-desc                  { padding: 0.625rem 1rem 0rem 1rem; min-height:60px; text-align: center;font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase;  text-align: left; color: #1c1c1c; transition: color 0.3s ease; }
        section.main div.content .subpage:hover .subpage-desc 	{ color: #2480bd; text-decoration: none; }
    
    
        /* Footer Styles */

        footer.main																{ margin: auto; padding: 36px 0% 0% 0%; width: 100%; clear: both; background-color: #005288; z-index: 2; position: relative; }
        footer.main p															{  margin: 0% 0% 0.675em 0%; padding: 0%; color: #FFFFFF; }
        footer.main .columns													{ margin: 0%; padding: 0% 74px; width: 100%; }
        footer.main .columns .head												{ margin: 0% 0% 0.825em 0%; font-size: 0.875em; text-transform: uppercase; color: #22A8FF; }
        footer.main .columns ul													{ margin: 0%; padding: 0%; width: 100%; list-style: none; }
        footer.main .columns ul li												{ margin: 0.25em 0%; padding: 0%; }
        footer.main .columns ul li a											{ font-size: 0.75em; color: #FFFFFF; }
        footer.main .columns ul li a:hover										{ color: #FFFFFF; }
        footer.main .columns .footer-nav										{ margin: 0%; padding: 0%; width: 25%; float: left; }
        footer.main .columns .products											{ width: 25%; }
        footer.main .columns .legal												{ padding-left: 1px; width: 18%; }
        footer.main .columns .company											{ padding-left: 2px; width: 20%; }
        footer.main .columns .mailing											{ margin: 0% 0% 0% 7%; padding: 0% 20px 0% 16px; width: 30%; max-width: 210px; float: right; }
        footer.main .columns .mailing .head										{ margin: 0% 0% 1.25em 0%; }
        footer.main .columns .mailing input.email								{ margin: 0% 0% 2px 0%; padding: 0.45em 0.5em 0.3em 0.5em; width: 100%; font-size: 0.75em; border: 0; }
        footer.main .columns .mailing input[type="submit"]						{ margin: 2px 0% 0% 0%; padding: 0%; width: 52%; height: 24px; font-size: 0.875em; display: inline-block; border: 0; background-color: #0071BB; color: #FFFFFF; }
        footer.main .columns .mailing .captcha									{ margin: 0%; padding: 0% 84px 0% 0%; width: 100%; position: relative; }
        footer.main .columns .mailing .captcha img								{ margin: 0%; padding: 0%; width: 80px; top: 2px; right: 0; position: absolute; }
        footer.main .columns .mailing .captcha .c-code							{ margin: 2px 0%; padding: 0.45em 0.5em 0.3em 0.5em; width: 100%; font-size: 0.75em; border: 0; }
        footer.main .copyright													{ margin: 0%; padding: 14px 0% 1.75em 0%; width: 100%; font-size: 0.75em; text-align: center; }

        /* ET1A Footer Styles */

        footer.main-et1a                                                        { background-color: #005288; }
        footer.main-et1a .offset                                                { padding: 0px 60px; }
        footer.main-et1a .footer-container                                      { padding: 2.125em 0 0em; }
        footer.main-et1a .footer-top                                            { background-color: #005288; }
        footer.main-et1a .footer-left                                           { display: block; width: 100%; }
        footer.main-et1a .footer-right                                          { display: block; width: 100%; }
        footer.main-et1a .footer-right > div:first-of-type                      { display: block; width: 100%; }
        footer.main-et1a .footer-right > div:nth-of-type(2)                     { display: none; width: 100%; }
        footer.main-et1a .footer-right .content .cms_101 p:last-of-type         { display: none; }
        footer.main-et1a .footer-copyright                                      { padding: 0 0 1.5rem; }
        footer.main-et1a .footer-copyright p                                    { color: #fff; line-height: 1.8; }
        footer.main-et1a .footer-copyright strong                               { font-weight: normal; }
        footer.main-et1a .footer-copyright img                                  { display: none; }

        footer.main-et1a .footer-left > ul                                      { width: 22%; }
        footer.main-et1a .footer-left > ul:last-of-type                         { float: right; }
        footer.main-et1a li                                                     { font-family: Arial, sans-serif; font-size: 0.75em; line-height: 1.9; }
        footer.main-et1a ul:not(:last-of-type) li:not(.footer-heading):before   { content: '>'; display: inline-block; padding-right: 0.25rem; }
        footer.main-et1a ul:last-of-type li.footer-heading                      { display: none; }
        footer.main-et1a .footer-top p,
        footer.main-et1a li.footer-heading                                      { margin: 0% 0% 0.825em 0%; font-size: 0.875em; font-weight: normal; text-transform: uppercase; color: #22A8FF; }

        footer.main-et1a .social												{ margin: 0%; padding: 19px 4px 3px 0%; width: 100%; text-align: center; }
        footer.main-et1a .social .icon											{ margin: 0%; padding: 0%; width: 28px; display: inline-block; }
        footer.main-et1a .social .icon a										{ display: block; }
        footer.main-et1a .social .icon img										{ margin: 0%; padding: 0%; width: 100%; display: block; }
        footer.main-et1a .social .icon.twitter									{ margin: 0% 0.6em; }
        footer.main-et1a .payments												{ margin: 0%; padding: 17px 0% 10px 0%; width: 100%; text-align: center; }
        footer.main-et1a .payments .type										{ margin: 0%; padding: 0%; height: 20px; display: inline-block; position: relative; }
        footer.main-et1a .payments .type a										{ height: 100%; display: block; position: relative; }
        footer.main-et1a .payments .type img									{ margin: 0%; padding: 0%; height: 100%; display: block; }


        section.main .gf__control												{ margin: 0%; padding: 5px 0%; width: 100%; position: relative; display: inline-block; }
        section.main .gf__control label.gf__control__label						{ margin: 0%; padding: 0.25em 0.375em; width: 100%; display: block; }
        section.main .gf__control label.gf__control__label__checkbox            { padding: 0.75rem 0.375em; display: inline-block; }
        section.main .gf__control input,
        section.main .gf__control textarea,
        section.main .gf__control select										{ margin: 0%; padding: 0.25em 0.375em; width: 100%; border: 1px solid #DDDDDD; background-color: #FFFFFF; }
        section.main .gf__control input[type=checkbox]							{ width: auto; }
        section.main .gf__control textarea										{ min-height: 118px; }
        section.main .gf__control input[type=submit]							{ margin: 0.5rem auto; padding: 0.5em 1.75em; width: auto; display: block; color: #FFFFFF; background-color: #EE2B74; border: 0px none; border-radius: 4px; }

        /* Site Survey Styles */

        section.main div.site-survey p.requiredfield_notice                     { font-size: 1rem; text-align: center; }
        section.main div.site-survey button.enquiryFormSubmit                   { margin: 0.5rem auto; }

        /* Mail Listing Styles */

        section.main .mailing-list form .form-buttons                           { text-align: left; }

        /* Custom Class Styles */

        .responsive-video iframe												{ max-height: 80vh; }
        .no-margin																{ margin: 0% !important; }
        .clear																	{ height: 0px; overflow: hidden; clear: both; }
        .error																	{ color: #990000 !important; }

        /* Popup Panel Styles */

        div.popup-panel                                                         { width:100%; }
        div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"])																{ padding: 48px 32px; width: 100%; max-width: 700px; text-align: center; color: #333333; border-radius: 0px; box-shadow: none; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.close													{ top: 18px; right: 18px; font-size: 0px; opacity: 0.1; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.close:before											{ width: 24px; height: 24px; content: '\f00d'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; line-height: 26px; text-align: center; display: block; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.close:hover											{ opacity: 1; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) input,
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) select,
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) textarea													{ margin: 6px 0% 0% 0%; padding: 7px 12px; width: 90%; display: inline-block; vertical-align: middle; border: 1px solid #C4D7C4; border-radius: 2px; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) span.red-star												{ width: 7%; display: inline-block; vertical-align: middle; text-align: center; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) label														{ margin: 1rem 0%; text-align: left; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button														{ margin: 36px 0% 0% 0%; padding: 7px 30px 8px 26px; display: inline-block; text-transform: uppercase; color: #FFFFFF; background-color: #1F2F24; border-radius: 8px; letter-spacing: 0px; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button:hover												{ background-color: #607743; border-color: #607743; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert p														{ margin: 0% 0% 32px 0%; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert ul 													{ margin: 0; padding: 0; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert li 													{ text-align: center; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).alert span.message 											{ display: block; text-align: center; margin-bottom: 1em; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).form.checkout_address										{ max-height: 90%; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]).form button.close											{ display: none; }

	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button.close												{ margin: 36px 0% 0% 0%; padding: 7px 30px 8px 26px; display: inline-block; text-transform: uppercase; color: #FFFFFF; background-color: #5D5D5D; border-radius: 8px; letter-spacing: 0px; }
	div.popup-panel:not([class*="wg_popup_"]):not([class^="wg_popup_"]) button.close:hover											{ background-color: #797979; border-color: #797979; }
	div.popup-panel[class*="wg_popup_"]																							{ background-position: center top !important; }
	/* Button & Class Styles */

	div.popup-panel .button											{ margin: 0%; padding: 0.438rem 2rem 0.563rem 2rem; font-family: inherit; font-size: inherit; line-height: inherit; text-decoration: none !important; color: #FFFFFF !important; border: 3px #ffffff solid; border-radius: 20px; }
    div.popup-panel .button.orange										{ color: #FFFFFF !important; background-color: #ff9900; }	
    div.popup-panel .button.blue										{ color: #FFFFFF !important; background-color: #003B59; }
	div.popup-panel .button.blue:hover									{ background-color: #4D768B; }
	div.popup-panel .button.pink										{ color: #FFFFFF !important; background-color: #E6005B; }
	div.popup-panel .button.pink:hover									{ background-color: #EE4D8D; }
	div.popup-panel .button.green										{ color: #FFFFFF !important; background-color: #2C7044; }
	div.popup-panel .button.green:hover								{ background-color: #6C9B7C; }
	div.popup-panel .button.white										{ color: #003B59 !important; background-color: #FFFFFF; }
	div.popup-panel img										        { max-width:660px; }
    div.popup-panel h2										        { font-family: Poppins, Arial, sans-serif; margin: 0.25em 0% 0.5em 0%; font-size: 2.25em; font-weight: 700; color: #FFFFFF; }  
    div.popup-panel h4										        { font-family: Poppins, Arial, sans-serif; margin: 0.25em 0% 0.5em 0%; font-size: 1.5em; font-weight: 600; color: #FFFFFF; }  

    /* 1200px Resolution-Specific Behaviour */

        @media only screen and (min-width: 0px) and (max-width: 1200px) {

        /* Header Styles */

            header.main-et1f div.et1f-navigation								{ padding: 0% 148px 0% 0%; }
            header.main-et1f div.et1f-caption									{ width: 149px; }
            header.main-et1f div.information div.icon.google					{ margin: 0% 12px 0% 0%; }
            header.main-et1f div.header-logo									{ width: 35%; }
            header.main-et1f div.header-contact									{ padding: 22px 16px 18px 0%; background-position: right -50px top; }
            header.main-et1f div.header-details div.block1						{ margin: 0% 36px 0% 0%; }
            header.main-et1f.sticky div.header-logo								{ left: 8px; }
            section.main .section-orange img									{ width: 550px; }  

    /* 1000px Resolution-Specific Behaviour */

} @media only screen and (min-width: 0px) and (max-width: 1100px) {


        section.main .section-orange img									{ width: 450px;  margin-top: -75px; margin-bottom:-40px; text-align: right; float:right; }   
        section.main .section-orange h2										{ margin: 0.25em 0% 0.5em 0%; font-size: 2.0em;  }           

    /* 1000px Resolution-Specific Behaviour */

        } @media only screen and (min-width: 0px) and (max-width: 1000px) {

        /* Navigation Styles */

            nav.main-et1f ul li a												{ padding: 10px 4px 8px 5px; }
            section.main .section-orange img									{ width: 400px;  margin-top: -75px; margin-bottom:-40px; text-align: right; float:right; }  
            section.main .section-orange h2										{ margin: 0.25em 0% 0.5em 0%; font-size: 1.75em;  }

    /* 900px Resolution-Specific Behaviour */

        } @media only screen and (min-width: 0px) and (max-width: 900px) {

        /* Header Styles */

            header.main-et1f div.contact-details a.survey						{ display: none; }

            nav.main a															{ font-size: 0.6875em; }

            section.main .survey-columns .free-survey-details					{ padding-top: 51%; width: 100%; float: none; }
            section.main .survey-columns .enquiry-form							{ width: 100%; float: none; }
            section.main .survey-columns .enquiry-form .field-block				{ padding: 0 6px 12px 6px; width: 50%; vertical-align: top; }
            section.main .survey-columns .enquiry-form label					{ padding: 6px; }
            section.main .section-orange img									{ width: 400px;  margin-top: -75px; margin-bottom:-40px; text-align: right; float:right; }  

    /* 800px Resolution-Specific Behaviour */

        } @media only screen and (min-width: 0px) and (max-width: 800px) {

            section.main h1														{ font-size: 1.6875em; }
            section.main h2														{ font-size: 1.375em; }
            section.main h3														{ font-size: 1.125em; }
            section.main h4														{ font-size: 1.125em; }
            section.main p														{ font-size: 1em; line-height: 1.5em; }
            section.main li														{ margin: 1em 0% 0% 1.5em; font-size: 1em; line-height: 1.5em; }
            section.main img													{ max-width: 100%;  border: 0; }

        /* NEW Header Mobile Styles */

            header.main-et1f div.mobile-commerce								{ background-color: #024270; }
            header.main-et1f div.mobile-commerce .commerce-button				{ padding: 14px 8px; font-size: 1.25em; color: #FFFFFF; border-left: 0px; }
            header.main-et1f div.mobile-commerce span.button-label				{ display: none; }

            header.main-et1f div.header-contact									{ padding: 0%; display: block !important; text-align: center; background-image: none; }
            header.main-et1f div.header-contact a.store-basket					{ display: none !important; }
            header.main-et1f div.header-contact div.header-account				{ display: none !important; }
            header.main-et1f div.header-details div.block1						{ margin: 0%; height: 31px;  display: block; text-align: center; overflow: hidden; transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; }
            header.main-et1f a.survey											{ margin: 0%; padding: 4px 18px; font-size: 1.25em; color: #FFFFFF; background-color: #EE2B74; }
            header.main-et1f a.survey:after										{ margin: 0% 0% 0% 6px; content: '\f324'; font-family: 'Font Awesome 5 Pro'; font-size: 14px; font-weight: 900; display: inline-block; vertical-align: 1px; color: #024270; }
            header.main-et1f.sticky div.header-logo								{ padding: 0%; height: 88px; left: 0px; background-color: #FFFFFF; }

            section.main .product-list table                                    { min-width: 0; width: 100%; }

        /* Mobile Menu Styles */

            #menu-container														{ display: block; }
            #menu-container div.slicknav_menu									{ font-size: 1em; }
            #menu-container ul.slicknav_nav										{ margin: 0; padding: 0; font-size: 1em; background-color: #FEFEFE; background-repeat: repeat-x; background-position: top; border-top: 1px solid #F0F0F0; display: none; }
            #menu-container ul.slicknav_nav li									{ background-repeat: repeat-x; background-position: top; border-bottom: 1px solid #F0F0F0; }
            #menu-container ul.slicknav_nav li li								{ border-top: 1px solid #F0F0F0; border-bottom: 0px none; }
            #menu-container ul.slicknav_nav a									{ margin: 0; padding: 12px 24px 10px 16px; font-size: 1.125em !important; line-height: 1.25em; text-decoration: none; text-transform: uppercase; color: #575757; border-left: 0px solid transparent; overflow: hidden; }
            #menu-container ul.slicknav_nav a > a								{ padding: 0% !important; border-left: 0 none; font-size: 1em !important; }
            #menu-container ul.slicknav_nav li.current > a						{ border-color: #EF2B75; }
            #menu-container ul.slicknav_nav li ul								{ background-color: #F0F0F0; }
            #menu-container ul.slicknav_nav li ul li a							{ margin: 0; padding: 14px 24px 12px 24px; font-size: 0.875em !important; line-height: 1.25em; text-decoration: none; text-transform: uppercase; color: #575757; border-left: 0px solid transparent; overflow: hidden; }
            #menu-container ul.slicknav_nav li ul li a > a						{ padding: 0% !important; border-left: 0 none; font-size: 1em !important; }
            #menu-container ul.slicknav_nav .slicknav_arrow						{ color: #024270; }

        /* Mobile Search Styles */

            #mobile-search-container .mobile-search-button						{ padding: 8px 18px; display: block; color: #FFFFFF; background-color: #EE2B74; border: 0px; border-top: 2px solid #EFEFEF; border-bottom: 2px solid #EFEFEF; }

        /* Header Mobile Styles */

            header.main															{ margin: 0%; padding: 0%; width: 100%; position: relative; z-index: 5; }
            header.main div.offset												{ margin: 0%; }
            header.main .top													{ display: none; }

            header.main .bottom													{ height: auto; border-top: 5px solid #024270; background-image: none; background-color: #FFFFFF; z-index: 999; }
            header.main .bottom .header-logo									{ padding: 2px 0% 3px 10px; width: 40%; vertical-align: middle; display: inline-block; float: none; }
            header.main .bottom .header-logo a									{ max-width: 148px; }

            header.main .menu-icons												{ margin: 0%; padding: 0 20px 0 0; width: 60%; vertical-align: middle; text-align: right; }
            header.main .menu-icons .icons										{ margin-right: 18px; width: 33px; height: 30px; vertical-align: middle; display: inline-block; position: relative; }
            header.main .menu-icons .icons a									{ display: block; }
            header.main .menu-icons .icons img									{ max-width: 100%; display: block; }

            header.main .menu-button											{ margin-right: 0%; width: 32px; height: 24px; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
            header.main .menu-button span										{ display: block; position: absolute; height: 2px; width: 50%; background: #EF2B75; border-radius: 2px; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
            header.main .menu-button span:nth-child(even)						{ right: 0%; border-radius: 0% 2px 2px 0%; }
            header.main .menu-button span:nth-child(odd)						{ left: 0%; border-radius: 2px 0% 0% 2px; }
            header.main .menu-button span:nth-child(1),
            header.main .menu-button span:nth-child(2)							{ top: 0px; }
            header.main .menu-button span:nth-child(3),
            header.main .menu-button span:nth-child(4)							{ top: 11px; }
            header.main .menu-button span:nth-child(5),
            header.main .menu-button span:nth-child(6)							{ top: 22px; }

            header.main .menu-button.open span:nth-child(1),
            header.main .menu-button.open span:nth-child(6)						{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
            header.main .menu-button.open span:nth-child(2),
            header.main .menu-button.open span:nth-child(5)						{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
            header.main .menu-button.open span:nth-child(1)						{ top: 5px; left: 2px; }
            header.main .menu-button.open span:nth-child(2)						{ top: 5px; left: auto; right: 3px; }
            header.main .menu-button.open span:nth-child(3)						{ left: -50%; opacity: 0; }
            header.main .menu-button.open span:nth-child(4)						{ right: -50%; opacity: 0; }
            header.main .menu-button.open span:nth-child(5)						{ top: 16px; left: 2px; }
            header.main .menu-button.open span:nth-child(6)						{ top: 16px; left: auto; right: 3px; }

            header.main .right-top-color										{ display: none; }

            #mobile-nav															{ display: block; position: relative; z-index: 4; }
            #menu-container														{ width: 100%; z-index: 100000; position: absolute; overflow: auto; }

            section.main:not(.home) div.content-section .offset					{ padding: 4% 5% 2.5%; }

        /* Home Mobile Styles */

            div.slider_old														{ margin-bottom: 10%; }
            div.slider_old.floating-box .slide div.offset						{ padding: 0 5%; }
            div.slider_old.floating-box div.slide-content						{ padding: 2.5%; }

            div.slider_old .slide div.content p									{ font-size: 1.75em; }
            div.slider_old .slide div.content a									{ background-size: auto 60%; }
            div.slider_old .slide .pink div.content p							{ font-size: 2em; }

            section.home .wg-slider .slide-caption.caption-float-box			{ padding-right: 16px; }
            section.home .wg-slider .slide-caption.caption-float-box .content	{ padding: 18px 16px 16px 16px; max-width: 360px; }
            section.home .wg-slider .slide-caption.caption-float-box .content p	{ margin: 0% 0% 0.5em 0%; font-size: 1.5em; }
            section.home .wg-slider .slide-caption.caption-float-box .content a	{ padding: 0 50px 0 0.375em; }
            section.home .wg-slider .slide-caption.caption-float-box .content p:last-of-type { margin: 0%; }

            section.main div.content.home-white h2								{ padding: 0%; }
            section.main div.content.home-white p								{ padding: 0%; }

            section.main div.home-blue h2										{ margin: 0% 0% 1em 0%; }

            section.main div.save-images div.save-image							{ margin-left: 0%; margin-bottom: 3%; width: 100%; float: none; }
            section.main div.save-images div.save-image img						{ margin: 0 auto; }

            section.main div.free-survey .survey-text							{ width: 100%; float: none; }
            section.main div.free-survey .survey-image							{ width: 100%; float: none; }
            section.main div.free-survey .survey-image img						{ margin: 0 auto; }

            section.main .save-images											{ display: none !important; }

            section.main .free-survey-details									{ height: auto; background-position: top center; background-size: 100% auto; }
            section.main .survey-details-left									{ margin-right: 0; min-width: 0; max-height: none; left: auto; bottom: auto; position: relative; }
            section.main .survey-details-left li								{ min-height: 25px; font-size: 1em; }

            section.main .panels a												{ width: 46%; }

            section.main div.content.col-left									{ padding: 0%; width: 100%; display: block; }
            section.main div.content.col-right									{ padding: 0%; width: 100%; display: block; }

            section.main div.content div.call-to-action a.button				{ margin: 0% auto 17px auto; padding: 21px 84px 18px 21px; max-width: 234px; font-size: 1.125em; line-height: 1.333em; text-transform: uppercase; display: block; color: #FFFFFF; background-color: #024270; }

        /* Standard Mobile Styles */

            section.main														{ padding: 0%; }
            section.main div.offset												{ padding: 20px 5%; }
            section.main div.content div.breadcrumb								{ margin: 0% 0% 1.5em 0%; }

            section.main div.content table.reasons								{ margin: 0 auto 2em; width: 95%; border: 0 none; display: block; }
            section.main div.content table.reasons td							{ width: 100%; border-width: 8px 0; display: block; }
            section.main div.content table.reasons h3							{ font-size: 1.25em; }

        /* Product List Mobile Styles */

            section.main ul.product_list li										{ margin: 0% 4% 4% 0%; width: 48%; }
            section.main ul.product_list li:nth-child(5n)						{ margin: 0% 4% 4% 0%; }
            section.main ul.product_list li:nth-child(5n+1)						{ clear: none; }
            section.main ul.product_list li:nth-child(2n)						{ margin: 0% 0% 4% 0%; }
            section.main ul.product_list li:nth-child(2n+1)						{ clear: both; }

            section.main .video-panel											{ margin-left: 0; width: 100%; }
            section.main .video-panel:nth-of-type(2),
            section.main .video-panel:nth-of-type(3)							{ margin-top: 5%; }

        /* News Mobile Styles */

            section.main div.offset.news										{ padding: 20px 10px; }
            section.main div.article-left										{ padding: 0%; width: 100%; float: none; }
            section.main div.article-right										{ padding: 3em 0% 0% 0%; width: 100%; float: none; clear: both; }

        /* Referral Mobile Styles */
            section.main .section-orange img									{ width: 400px;  margin:0px auto; text-align: center; float:none; }  
            section.main .section-orange h2										{ text-align:center; margin: 0.25em 0% 0.5em 0%; font-size: 1.75em;  }
            section.main .section-rwhite img									{ max-width:70%  !important; padding-bottom:20px;}
            section.main .section-rwhite h2										{ padding-top:0; font-size: 1.5em; line-height:1.5em;  }
            section.main .section-lightgrey img									{ max-width:70%  !important; }

        /* Contact Mobile Styles */

            section.main div.contact-left										{ padding: 0%; width: 100%; float: none; }
            section.main div.contact-right										{ padding: 20px 0% 0% 0%; width: 100%; float: none; }

            /* Permanent Scrollbar (Must not add -webkit-overflow-scrolling: touch; to .product-list as the scrollbar on iOS will revert to default) */
            section.main div.product-list::-webkit-scrollbar					{ -webkit-appearance: none; }
            section.main div.product-list::-webkit-scrollbar:vertical			{ width: 4px; }
            section.main div.product-list::-webkit-scrollbar:horizontal			{ height: 4px; }
            section.main div.product-list::-webkit-scrollbar-thumb				{ background-color: rgba(0, 0, 0, 0.75); border-radius: 10px; }
            section.main div.product-list::-webkit-scrollbar-track				{ border-radius: 10px; }

            section.main div.column												{ width: 100%; float: none; }
            section.main div.column.left										{ padding: 0%; }
            section.main div.column.right										{ padding: 0%; }
            section.main div.opening-hours										{ margin: 0% 0% 40px 0%; }
            section.main div.enquiry-form										{ margin: 0% 0% 40px 0%; }

            section.main div.article											{ width: 100%; float: none; }

            .subpage-panel														{ width: 49%; }
            .subpage-panel:nth-of-type(3n+1)									{ margin-left: 2%; clear: none; }
            .subpage-panel:nth-of-type(2n+1)									{ margin-left: 0; clear: both; }

        /* Footer Mobile Styles */

            footer.main															{ margin: 0%; }

            footer.main .columns												{ padding: 0%; }
            footer.main .columns .head											{ font-size: 1em; }
            footer.main .columns li												{ margin: 0.375em 0%; }
            footer.main .columns li a											{ font-size: 0.875em; }
            footer.main .columns .footer-nav									{ padding: 0% 0% 6px 0%; width: 100%; float: none; text-align: center; }
            footer.main .columns .mailing										{ display: none; }

            footer.main .social .icon											{ width: 34px; }
            footer.main .payments												{ padding: 24px 0% 0% 0%; }
            footer.main .copyright												{ padding: 20px 0%; }
            footer.main .copyright p											{ font-size: 0.875em; }

            footer.main-et1a .offset                                            { padding: 0px 20px; }
            footer.main-et1a .footer-left > ul                                  { padding: 0px; width: 25%; }
            footer.main-et1a .footer-left > ul:last-of-type                     { float: left; }
            footer.main-et1a .footer-left > ul:last-of-type .footer-collapse    { display: block; }
            footer.main-et1a .footer-left > ul:last-of-type .footer-collapse img { height: auto; width: 100%; }
            footer.main-et1a .footer-left ul.footer-collapse                    { padding: 0px; }
            footer.main-et1a a                                                  { display: inline-block; }

            footer.main-et1a .footer-left ul                                    { text-align: center; width: 100%; }
            footer.main-et1a .footer-left ul.footer-collapse                    { padding-bottom: 1rem; }
            footer.main-et1a .footer-left li                                    { font-size: 0.875em; line-height: 2.4; }
            footer.main-et1a .footer-top p, footer.main-et1a li.footer-heading  { font-size: 1em; }
        }

        @media only screen and (min-width: 0px) and (max-width: 600px) {

            section.main ul.ticks                                               { margin-top: 0; }

            section.home .wg-slider .slide-caption.caption-float-box			{ padding-right: 16px; }
            section.home .wg-slider .slide-caption.caption-float-box .content	{ padding: 18px 16px 16px 16px; max-width: 260px; }
            section.home .wg-slider .slide-caption.caption-float-box .content p	{ margin: 0% 0% 0.5em 0%; font-size: 1.25em; }
            section.home .wg-slider .slide-caption.caption-float-box .content a	{ padding: 0 50px 0 0.375em; background-size: auto 60%; }

            section.main .survey-columns .enquiry-form .field-block				{ padding: 0 6px 12px 6px; width: 100%; }

            section.main .panels a												{ width: 96%; }

            section.main form .field-block.col-2								{ width: 100%; }
            section.main form .field-block.col-2.left							{ padding-right: 0; }
            section.main form .field-block.col-2.right							{ padding-left: 0; }

            .subpage-panel														{ margin-left: 0; width: 100%; float: none; }
            .subpage-panel:nth-of-type(3n+1)									{ margin-left: 0; }

            section.main .product-list td                                       { display: block; padding-top: 4rem; padding-left: 0; padding-right: 0; padding-bottom: 0; margin: 0; width: 100%; }
        
			section.main .section-lightgrey img									{ max-width:100%  !important; }
		}