/* Tim Nicholls Gas Safe Plumber In Canterbury & Wye, Kent, Kent Style Sheets----------------------------------------------- *//* Boilerplate----------------------------------------------Blue/Green: #2c6378;--------------------------------------------*//* Font Import---------------------------------------------- */@font-face {font-family: 'latolight';src: url('http://www.timnichollsgas.co.uk/fonts/lato-lig-webfont.eot');src: url('http://www.timnichollsgas.co.uk/fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.timnichollsgas.co.uk/fonts/lato-lig-webfont.woff') format('woff'),url('http://www.timnichollsgas.co.uk/fonts/lato-lig-webfont.ttf') format('truetype'),url('http://www.timnichollsgas.co.uk/fonts/lato-lig-webfont.svg#latolight') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'latolight_italic';src: url('http://www.timnichollsgas.co.uk/fonts/lato-ligita-webfont.eot');src: url('http://www.timnichollsgas.co.uk/fonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.timnichollsgas.co.uk/fonts/lato-ligita-webfont.woff') format('woff'),url('http://www.timnichollsgas.co.uk/fonts/lato-ligita-webfont.ttf') format('truetype'),url('http://www.timnichollsgas.co.uk/fonts/lato-ligita-webfont.svg#latolight_italic') format('svg');font-weight: normal;font-style: italic;}@font-face {font-family: 'latoregular';src: url('http://www.timnichollsgas.co.uk/fonts/lato-reg-webfont.eot');src: url('http://www.timnichollsgas.co.uk/fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.timnichollsgas.co.uk/fonts/lato-reg-webfont.woff') format('woff'),url('http://www.timnichollsgas.co.uk/fonts/lato-reg-webfont.ttf') format('truetype'),url('http://www.timnichollsgas.co.uk/fonts/lato-reg-webfont.svg#latoregular') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'latoitalic';src: url('http://www.timnichollsgas.co.uk/fonts/lato-regita-webfont.eot');src: url('http://www.timnichollsgas.co.uk/fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.timnichollsgas.co.uk/fonts/lato-regita-webfont.woff') format('woff'),url('http://www.timnichollsgas.co.uk/fonts/lato-regita-webfont.ttf') format('truetype'),url('http://www.timnichollsgas.co.uk/fonts/lato-regita-webfont.svg#latoitalic') format('svg');font-weight: normal;font-style: italic;}@font-face {font-family: 'latobold';src: url('http://www.timnichollsgas.co.uk/fonts/lato-bol-webfont.eot');src: url('http://www.timnichollsgas.co.uk/fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.timnichollsgas.co.uk/fonts/lato-bol-webfont.woff') format('woff'),url('http://www.timnichollsgas.co.uk/fonts/lato-bol-webfont.ttf') format('truetype'),url('http://www.timnichollsgas.co.uk/fonts/lato-bol-webfont.svg#latobold') format('svg');font-weight: bold;font-style: normal;}@font-face {font-family: 'latobold_italic';src: url('http://www.timnichollsgas.co.uk/fonts/lato-bolita-webfont.eot');src: url('http://www.timnichollsgas.co.uk/fonts/lato-bolita-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.timnichollsgas.co.uk/fonts/lato-bolita-webfont.woff') format('woff'),url('http://www.timnichollsgas.co.uk/fonts/lato-bolita-webfont.ttf') format('truetype'),url('http://www.timnichollsgas.co.uk/fonts/lato-bolita-webfont.svg#latobold_italic') format('svg');font-weight: bold;font-style: italic;}@font-face {font-family: 'league_gothicregular';src: url('http://www.timnichollsgas.co.uk/fonts/league_gothic-webfont.eot');src: url('http://www.timnichollsgas.co.uk/fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.timnichollsgas.co.uk/fonts/league_gothic-webfont.woff') format('woff'),url('http://www.timnichollsgas.co.uk/fonts/league_gothic-webfont.ttf') format('truetype'),url('http://www.timnichollsgas.co.uk/fonts/league_gothic-webfont.svg#league_gothicregular') format('svg');font-weight: normal;font-style: normal;}/* Style resets----------------------------------------------- */html {height: 100%;}body {text-align: left;margin: 0;padding: 0;font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;font-size: 100%;background: #ffffff;min-height: 100%;position: relative;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}h1,h2,h3,h4 {font-family: 'league_gothicregular', Arial, Helvetica, Verdana, sans-serif;margin: 0;padding: 0;font-weight: normal;color: #2c6378;letter-spacing: 1px;}i {font-family: 'latolight_italic', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: italic;}img {max-width: 100%;height: auto;border: none;}strong {font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-style: normal;}.testimonial-text {color: #69696a;font-weight: lighter;font-style: italic;}#wrapper a:link,#wrapper a:visited {color: #2c6378;text-decoration: underline;}#wrapper a:hover {color: #2c6378;text-decoration: none;}/* Wrapper----------------------------------------------- */#wrapper {width: 100%;background: #ffffff;overflow: auto;padding-bottom: 1em;}#wrapper ul,#wrapper ol,#wrapper li,#wrapper dl,#wrapper dd,#wrapper dt,#wrapper p,#wrapper blockquote {margin: 0;padding: 0;font-weight: normal;}#wrapper ul,#wrapper ul li,#footer-wrapper ul,#footer-wrapper ul li {list-style: none;}#wrapper ol,#wrapper ol li {list-style: decimal;}.wrapper-inner {width: 90%;max-width: 1024px;margin: 0 auto 0 auto;}.wrapper-icon-header-wide {width: 100%;position: relative;float: left;line-height: 0;padding: 0;}.wrapper-header-wide {width: 100%;background: #333333;position: relative;float: left;line-height: 0;padding: 0;border-bottom: #2c6378 20px solid;}.wrapper-header-inner {width: 100%;max-width: 1600px;margin: 0 auto 0 auto;}/* Header----------------------------------------------- */#wrapper header {width: 100%;background-color: rgba(0,0,0,.65);position: absolute;padding: 0;z-index: 2;top: 0;left: 0;}#wrapper header #header-logo {float: left;width: 34.1796875%; /* 350px / 1024px */margin: 0.75em 1.953125% 0.75em 1.953125%; /* 20px / 1024px */display: inline;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;text-align: center;}#wrapper header #contact-area-email,#wrapper header #contact-area-telephone {width: 30.95703125%; /* 317px / 1024px */-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}#wrapper header #contact-area-email {float: left;margin-top: 3.25em;}#wrapper header #contact-area-telephone {float: left;margin-top: 2.4em;}#wrapper header #contact-area-email h2,#wrapper header #contact-area-telephone h2 {font-size: 2em; /* 32px / 16px */font-family: 'league_gothicregular', Arial, Helvetica, Verdana, sans-serif;margin: 0;float: left;width: 100%;}#wrapper header #contact-area-telephone h2 {width: 77.917981072555%; /* 247px / 317px */margin-top: 0.5em;margin-right: 3.154574132492%; /* 247px / 317px */}#wrapper header #contact-area-email h2 img,#wrapper header #contact-area-telephone h2 img {line-height: 0;}#wrapper header #contact-area-email h2 {text-align: left;}#wrapper header #contact-area-telephone h2 {text-align: right;}#wrapper header #contact-area-telephone #gas-safe {margin-top: -0.4em;width: 18.927444794953%; /* 60px / 317px */float: left;}#wrapper header #contact-area-telephone #gas-safe img {width: 100%;}#wrapper header #contact-area-email a:link,#wrapper header #contact-area-email a:visited,#wrapper header #contact-area-email a:hover,#wrapper header #contact-area-telephone a:link,#wrapper header #contact-area-telephone a:visited,#wrapper header #contact-area-telephone a:hover {color: #ffffff;text-decoration: none;}/* Header Image----------------------------------------------- */#wrapper #header-image {width: 100%; /* 1024px / 1024px */position: relative;z-index: 1;float: left;}#wrapper #header-image img {}#wrapper #header-image #flexslider {float: none;}#wrapper #header-image #flexslider ul,#wrapper #header-image #flexslider ul li {margin: 0;padding: 0;list-style: none;float: none;}#wrapper #header-image h2 {width: 80%; /* 1024px / 1024px */position: absolute;z-index: 99;text-align: center;margin-top: 7.5em;margin-left: 10%;margin-right: 10%;top: 0;left: 0;color: #ffffff;line-height: 100%;font-size: 3em; /* 48px / 16px */font-family: 'league_gothicregular', Arial, Helvetica, Verdana, sans-serif;}/* Header Icons----------------------------------------------- */#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-one,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-two,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-three {width: 32.03125%; /* 328px / 1024px */float: left;display: inline;text-align: center;font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;line-height: 150%;font-size: 1.25em; /* 20px / 16px */color: #666666;padding: 0.5em 0 1.5em 0;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-one {margin-right: 0.9765625%; /* 10px / 1024px */}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-two {margin-left: 0.9765625%; /* 10px / 1024px */margin-right: 0.9765625%; /* 10px / 1024px */}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-three {margin-left: 0.9765625%; /* 10px / 1024px */}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-one img,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-two img,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-three img {-moz-border-radius: 118px;-webkit-border-radius: 118px;border-radius: 118px;background-color: #2c6378;width: 30%;margin: 0 35%;display: block;margin-bottom: 0.5em;margin-top: -76px;position: relative;z-index: 2;-o-transition: 0.2s;-ms-transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;transition: 0.2s;border: 4px #ffffff solid;}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-one img:hover,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-two img:hover,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-three img:hover {background-color: #2c6378;-o-transition: 0.2s;-ms-transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;transition: 0.2s;}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-one a,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-two a,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-three a {color: #ffffff;text-decoration: none !important;}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-one ul,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-two ul,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-three ul {padding-left: 0;margin-left: 0;display: inline-block;text-align: left;}#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-one ul li,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-two ul li,#wrapper .wrapper-icon-header-wide .wrapper-inner .triple-column-three ul li {list-style: disc url('http://www.timnichollsgas.co.uk/images/bullet-plumber.png') outside;}/* Main Content----------------------------------------------- */#wrapper article {float: left;clear: both;width: 100%;padding: 2em 0 1em 0;border-top: #2c6378 2px solid;}#wrapper article .single-column {width: 100%; /* 1024px / 1024px */float: left;text-align: center;}#wrapper article h1 {font-size: 2em; /* 32px / 16px */margin-bottom: 0.5em;}#wrapper article h2 {font-size: 1.5em; /* 24px / 16px */margin-bottom: 0.5em;}#wrapper article h3 {font-size: 1.1875em; /* 19px / 16px */margin-bottom: 0.5em;}#wrapper article h4 {font-size: 1.0625em; /* 17px / 16px */margin-bottom: 0.5em;}#wrapper article p,#wrapper article ul,#wrapper article ul li,#wrapper article ol,#wrapper article ol li {line-height: 150%;font-size: 1.25em; /* 20px / 16px */}#wrapper article p,#wrapper article ul,#wrapper article ol {margin-bottom: 0.9em;}#wrapper article .single-column ul li {list-style: disc url('http://www.timnichollsgas.co.uk/images/bullet-plumber.png') outside;}#wrapper article .single-column ul li,#wrapper article .single-column ol li {margin-left: 2.134146341463%; /* 21px / 984px */}#wrapper article a {font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-style: normal;}/* Footer----------------------------------------------- */#clear-base {clear: both;width: 100%;height: 5.75em;}footer {width: 100%; /* 1024px / 1024px */height: 5.75em;position: absolute;bottom: 0;left: 0;background: #2c6378;}footer .footer-inner {height: 5.25em;width: 90%;max-width: 1024px;margin: 0 auto 0 auto;padding-top: 0.5em;}footer p {color: #ffffff;font-size: 0.8125em; /* 13px / 16px */margin-top: 0;margin-bottom: 0.5em;}footer a:link,footer a:visited {font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;color: #ffffff !important;text-decoration: underline;font-weight: bold;}footer a:hover {color: #ffffff !important;text-decoration: none;}/* Scroll To Top----------------------------------------------- */#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background: url(http://www.timnichollsgas.co.uk/images/ui.totop.png) no-repeat left top;}#toTopHover {background: url(http://www.timnichollsgas.co.uk/images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}#toTop:active, #toTop:focus {outline:none;}/* Fade Ins----------------------------------------------- */#wrapper header,footer {-webkit-animation: fadein 1.5s; /* Safari and Chrome */-moz-animation: fadein 1.5s; /* Firefox */-ms-animation: fadein 1.5s; /* Internet Explorer */-o-animation: fadein 1.5s; /* Opera */animation: fadein 1.5s;}@keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Firefox */@-moz-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Safari and Chrome */@-webkit-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Internet Explorer */@-ms-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Opera */@-o-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}
/* Stylesheet: Main Styles Modified On 2021-07-19 16:45:36 */
#wrapper article form input[type='text'],#wrapper article form input[type='email'],#wrapper article form input[type='password'],#wrapper article form select,#wrapper article form textarea {display: block;background-color: #edf6ee;margin-top: 0.2em;margin-bottom: 0.9em;font-size: 1em;font-weight: normal;border: none;font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;width: 100%;padding: 0;border-width: 0;}#wrapper article form input[type='file'] {display: block;background-color: #edf6ee;margin-top: 0.2em;margin-bottom: 0.9em;font-size: 1em;font-weight: normal;border: none;font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;height: 32px;line-height:32px;padding: 0;border-width: 0;}#wrapper article form .radio-margin {margin-top: 0.2em;margin-bottom: 0.7em;}#wrapper article form input[type='radio'] {margin-top: 0.4em;margin-bottom: 0.4em;}#wrapper article form input[type='text'],#wrapper article form input[type='email'],#wrapper article form input[type='password'],#wrapper article form select {height: 32px;line-height:32px;}#wrapper article form input[type='radio'] {border:none;}#wrapper article form p {color: #72afb6;font-size: 1em; /* 20px / 16px */}#wrapper article form input[type='submit'] {clear:both;background-color:#4da65a;border: 0 none;color: #ffffff;cursor: pointer;display: inline-block;font-size:1em;font-weight: normal;height: 32px;line-height:32px;padding-left:10px;padding-right:10px;text-align: center;text-decoration: none;vertical-align: top;white-space: nowrap;width: auto;border:none;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;margin-top: 0;margin-bottom: 1em;-webkit-appearance: none;}#wrapper article form input[type='submit']:hover {background-color: #f07f27;color: #ffffff;}#wrapper article form .captchapict {margin-top: 1.25em;margin-bottom: 0;margin-left: 0;margin-right: 0;float: none;}#wrapper article form .captcha input {width: 198px;  /* 198px / 482px */}#wrapper form input[type='submit'] {-webkit-appearance: none;}
/* Stylesheet: Forms Modified On 2015-06-19 16:22:48 */
/** jQuery FlexSlider v2.2.0* http://www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 license.* http://www.gnu.org/licenses/gpl-2.0.html** Contributing author: Tyler Smith (@mbmufffin)*//* Browser Resets*********************************/.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}#wrapper .slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}/* FlexSlider Necessary Styles*********************************/.flexslider {margin: 0; padding: 0;}.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */.flexslider .slides img {width: 100%; display: block;}.flex-pauseplay span {text-transform: capitalize;}/* Clearfix for the .slides element */.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}html[xmlns] .slides {display: block;}* html .slides {height: 1%;}/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you* include js that eliminates this class on page load */.no-js .slides > li:first-child {display: block;}/* FlexSlider Default Theme*********************************/.flexslider { margin: 0 0 0 0; background: #fff; border: 0 solid #fff; position: relative; zoom: 1; }.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }.loading .flex-viewport { max-height: 600px; }.flexslider .slides { zoom: 1; }.carousel li { margin-right: 0; }/* Direction Nav */.flex-direction-nav {*height: 0;}.flex-direction-nav a {background: url("http://www.timnichollsgas.co.uk/images/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;display: block;height: 30px;margin: -20px 0 0;opacity: 0;position: absolute;text-indent: -9999px;top: 50%;width: 30px;z-index: 99;}.flex-direction-nav .flex-prev { left: -36px; }.flex-direction-nav .flex-next {background-position: 100% 0;right: -36px;}.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }.flex-direction-nav a.flex-next:before  { content: '\f002'; }/* Pause/Play */.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }.flex-pauseplay a:hover  { opacity: 1; }.flex-pauseplay a.flex-play:before { content: '\f003'; }/* Control Nav */.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}.flex-control-thumbs li {width: 25%; float: left; margin: 0;}.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}@media screen and (max-width: 860px) {.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}.flex-direction-nav .flex-next { opacity: 1; right: 10px;}}
/* Stylesheet: Flexslider Modified On 2013-12-13 15:33:28 */