/*
Theme Name: H & S Bathrooms WordPress Theme
Theme URI: www.handsbathrooms.co.uk
Description: Bespoke WordPress Theme
Version: 1.0
Author: Scott Brown (icansee)
Author URI: http://www.icansee.co.uk
*/

/* = reset document ----------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav#main, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* =  HTML5 display-role reset for older browsers ----------------------- */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav#main, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: 'open-quote'; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/* = structure ----------------------- */
html, body { width: 100%; height: 100%; font-size: 16px!important; font-family: 'Merriweather Sans', sans-serif!important; font-weight: 300!important; line-height: 1.3!important; color: #667785!important; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
header { width: 100%; height: auto; padding: 15px 0 0; }
header .logo { float: left; margin-bottom: 15px; }
header .contact { position: relative; float: right; margin: 6px 0; padding-left: 60px; font-size: 16px; font-family: 'Oxygen', sans-serif; color: #0CA5A5; }
header .contact img { position: absolute; top: 12px; left: 0px; }
header .contact a { color: #0CA5A5; }
header .contact span { font-size: 18px; font-weight: 800; color: #005F66; }
header .contact span.label { font-size: 11px; position: relative; top: -5px; left: -5px;}
header .contact span:last-child { display: block; font-size: 10px; color: #8C9292; position:relative; top: -5px; }
header .contact span:last-child a { color: #8C9292; }

header .showroom { position: relative; float: right; margin: 6px 0; padding-left: 60px; font-size: 16px; font-family: 'Oxygen', sans-serif; color: #9F4C6C; }
header .showroom a { color: #9F4C6C; }
header .showroom img { position: absolute; top: 12px; left: 0px; }
header .showroom span { font-size: 16px; font-weight: 800; color: #005F66; }
header .showroom span:last-child { display: block; font-size: 10px; color: #8C9292; }
header .menuBG { background: #36C1E6; }

.opentag { padding: 15px 0; font-family: 'Oxygen', sans-serif; font-size: 20px; color: #1D85A3; text-align: center; text-transform: uppercase; }
.opentag span { font-weight: 700; }

section.content { padding-right: 338px; background:url(assets/images/homeFT.jpg) no-repeat top right; }

#breadcrumbs { margin-bottom: 20px; font-size: 12px; color: #999999; }
#breadcrumbs span span { font-weight: 800; }
#breadcrumbs a { color: #999; }

.page-title { margin: 0 0 20px; padding: 25px; background:url(assets/images/titleBG.jpg); border-bottom: 5px solid #1D87A3; font-size: 40px; font-weight: 700; color: #fff; }
.page-title h1 { margin-top: 0px!important; margin-bottom: 0px!important; color: #fff!important; }
.page-title h1 span { margin-top: 10px; font-size: 20px; }

.call-to-action { position: relative; padding: 14px 0 12px; margin-top: -5px; background: #fff; border: 1px solid #EEEEEE; font-size: 13px; font-weight: 200; color: #667785; }
.call-to-action span.purple { font-size: 14px; font-weight: 800; color: #9F4C6D; }
.call-to-action span.blue { font-weight: 800; color: #1185A5!important; }
.call-to-action span.light { font-weight: 800; color: #92DED9!important; }
.call-to-action img { float: left; margin-right: 10px; }

.range-wrapper:nth-child(2n+1) { padding-left: 0!important; }
.range-wrapper:nth-child(2n+2) { padding-right: 0!important; }

.range { position: relative; margin-bottom: 28px; background-size: cover; }
.range a { color: #fff; }
.range a:hover { color: #fff; text-decoration: none; }
.range .blue { position: absolute; padding: 8px; bottom: 0; left: 0; right: 0; background:url(assets/images/arrowICO.png) no-repeat right 10px rgba(45, 153, 180, 0.80); font-size: 16px; color: #fff; }
.range .purple { position: absolute; padding: 8px; bottom: 0; left: 0; right: 0; background:url(assets/images/arrowICO.png) no-repeat right 10px rgba(159, 77, 113, 0.80); font-size: 16px; color: #fff; }
.range .orange { position: absolute; padding: 8px; bottom: 0; left: 0; right: 0; background:url(assets/images/arrowICO.png) no-repeat right 10px rgba(255, 196, 0, 0.80); font-size: 16px; color: #fff; }
.range .lime { position: absolute; padding: 8px; bottom: 0; left: 0; right: 0; background:url(assets/images/arrowICO.png) no-repeat right 10px rgba(212, 230, 92, 0.80); font-size: 16px; color: #fff; }
.range .light { position: absolute; padding: 8px; bottom: 0; left: 0; right: 0; background:url(assets/images/arrowICO.png) no-repeat right 10px rgba(185, 237, 237, 0.80); font-size: 16px; color: #fff; }
.range .grey-overlay { width: 100%; height: 100%; position: absolute; padding: 8px; bottom: 0; left: 0; right: 0; background: rgba(75, 83, 95, 0.80); font-size: 23px; color: #fff; }
.range .grey-overlay .white { position: absolute; padding: 65px 0; border: 1px solid #fff; top: 5px; right: 5px; bottom: 5px; left: 5px; text-align: center; }

.findout { height: 151px; background:url(assets/images/findBG.jpg) repeat #0EA8A8; background-size: cover; text-align: center; }
.findout p { font-size: 28px; font-weight: 300!important; color: #fff; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	transform: translateY(-50%); }
.findout span { font-size: 18px; font-weight: 700; }
.findout a { color: #fff; }
.findout a:hover { color: #fff; text-decoration: none!important; }

.design { height: 151px; background:url(assets/images/findBG.jpg) repeat #0EA8A8; background-size: cover; text-align: center; }
.design p { font-size: 28px; font-weight: 300!important; color: #fff; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	transform: translateY(-50%); }
.design span { font-size: 18px; font-weight: 700; }
.design a { color: #fff; }
.design a:hover { color: #fff; text-decoration: none!important; }

.forget { height: 151px; background:url(assets/images/showroomBG.jpg) repeat #36C1E6; background-size: cover; text-align: center; }
.forget p { font-family: 'Oxygen', sans-serif; font-size: 16px; font-weight: 300!important; color: #fff; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	transform: translateY(-50%); }
.forget span.head { font-family: 'Oxygen', sans-serif!important; font-size: 22px; font-weight: 700; }
.forget span.yellow { font-family: 'Permanent Marker', cursive!important; font-size: 23px; color: #FFFF00; }
.forget span { font-family: 'Merriweather Sans', sans-serif; font-size: 13px; font-weight: 700; }
.forget a { color: #fff; }
.forget a:hover { color: #fff; text-decoration: none!important; }

.visit { height: 151px; background:url(assets/images/showroomBG.jpg) repeat #36C1E6; background-size: cover; text-align: center; }
.visit p { font-family: 'Oxygen', sans-serif; font-size: 28px; font-weight: 300!important; color: #fff; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	transform: translateY(-50%); }
.visit span.head { font-family: 'Oxygen', sans-serif!important; font-size: 18px; font-weight: 700; }
.visit span.yellow { font-family: 'Permanent Marker', cursive!important; font-size: 23px; color: #FFFF00; }
.visit span { font-family: 'Merriweather Sans', sans-serif; font-size: 13px; font-weight: 700; }
.visit a { color: #fff; }
.visit a:hover { color: #fff; text-decoration: none!important; }

.choose { font-size: 13px; font-weight: 200; color: #667785; }
.choose .wrapper { padding: 10px 20px 0; background: #F8F3F3; }
.choose .reasons { margin-bottom: 38px; }
.choose span { font-size: 14px; font-weight: 800; color: #1185A5; }
.choose img { float: left; margin-right: 10px; }

.install { height: 200px; background:url(assets/images/supplierBG.jpg) repeat #B9EDED; background-size: cover; text-align: center; }
.install p { font-weight: 300!important; color: #4B525F; position: relative; top: 50%;	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	transform: translateY(-50%); }
.install img { padding-bottom: 10px; }
.install span.head { font-size: 18px; font-weight: 700; }
.install span { font-size: 15px; font-weight: 200; }
.install a { color: #4B525F; }
.install a:hover { text-decoration: none!important; color: #4B525F; }

.trade { height: 200px; background:url(assets/images/tradeBG.jpg) repeat #B9EDED; background-size: cover; text-align: center; }
.trade p { font-weight: 300!important; color: #fff; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	transform: translateY(-50%); }
.trade img { padding-bottom: 10px; }
.trade span.head { font-size: 18px; font-weight: 700; color: #FFC400; }
.trade span { font-size: 15px; font-weight: 200; }
.trade a { color: #fff; }
.trade a:hover { text-decoration: none!important; color: #fff; }

.contactvisit { height: 96px; background:url(assets/images/contactvisitBG.jpg) repeat #0EA8A8; background-size: cover; text-align: center; }
.contactvisit p { font-family: 'Oxygen', sans-serif; font-size: 30px; font-weight: 300!important; color: #fff; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);	transform: translateY(-50%); }
.contactvisit span.head { font-family: 'Oxygen', sans-serif!important; font-size: 22px; font-weight: 700; }
.contactvisit a { color: #fff; }
.contactvisit a:hover { color: #fff; text-decoration: none; }

.contactphone { font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 25px; color: #A14B6E; margin-bottom: 20px; }
.contactphone a { color: #A14B6E; }
.contactemail { font-size: 18px; font-weight: 700; color: #667785; margin-bottom: 20px; }
.contactemail a { color: #667785; }

section.news { padding: 20px 15px 30px; background: #CBC3AD; }
section.news h2 { margin-bottom: 14px!important; padding: 0px 20px!important; color: #fff!important; }
section.news .see-all { font-weight: 200; color: #fff!important; }

section.news .img-container { position: relative; height: 155px; overflow: hidden; }
section.news .text-container { height: 190px; padding: 10px 15px; background: #fff; font-size: 14px; }
.news-wrapper { margin-bottom: 20px; }

.archive-wrapper { margin-bottom: 30px; padding: 20px; background: #1CADAD; color: #fff; }
.archive-wrapper h4 { font-size: 18px!important; color: #fff!important; }
.archive-wrapper li a { display: block; float: left; margin: 0 18px 0 0; color: #fff!important; }

.findus { height: 96px; padding: 0 25px; background:url(assets/images/findlrgBG.jpg) repeat #0EA8A8; background-size: cover; }
.findus span { font-size: 22px; font-weight: 700; }
.findus p { font-size: 26px; font-weight: 300!important; color: #fff; position: relative; top: 50%;	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.findus a { float: right; position: relative; top: 50%;	transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.findus a:hover { color: #fff; }

footer { width: 100%; padding: 45px 0 10px; background: #36C1E6; border-top: 5px solid #1187A5; color: #fff; }
footer .contact { position: relative; margin-top: 15px; padding-left: 60px; font-size: 12px; font-family: 'Merriweather Sans', sans-serif!important;color: #fff; }
footer .contact img { position: absolute; top: -5px; left: 0px; }
footer .contact a { color: #fff; }
footer .showroom { position: relative; margin-top: 15px; padding-left: 60px; font-size: 12px; font-family: 'Merriweather Sans', sans-serif!important; color: #fff; }
footer .showroom img { position: absolute; top: -5px; left: 0px; }

.footer-bottom { width: 100%; height: auto; padding: 20px 0 0; background: #E7E7E7; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; color: #999999; }
.footer-bottom img { float: left; margin-right: 15px; }
.footer-bottom strong { font-size: 12px!important; font-weight: 800; }
.footer-bottom a { color: #999999; }

/* = typography ----------------------- */
h1, h2, h3, h4, h5, h6 { font-family: 'Merriweather Sans', sans-serif!important; font-weight: 800!important; margin-top: 0px!important; margin-bottom: 20px!important; }
h1 { font-size: 35px!important; color: #A14B6E!important; margin-top: 20px!important; }
h2 { padding-top: 15px!important; font-size: 20px!important; color: #1186A5!important; text-transform: uppercase!important; }
h3 { font-size: 18px!important; color: #1186A5!important; text-transform: uppercase!important; }
h4 { font-size: 16px!important; color: #1186A5!important; }
h4 a { font-size: 16px!important; color: #1186A5!important; }
h5 { font-size: 14px!important; color: #1D86A3!important; text-transform: uppercase!important; }

a:hover, a:focus { cursor: pointer!important; text-decoration: underline!important; opacity: 0.6; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }
p { line-height: 1.3!important; margin-bottom: 30px!important; }

blockquote { margin: 15px 0!important; padding: 0!important; border-left: 0px!important; font-size: 18px!important; font-family: Georgia,Times,Times New Roman,serif!important; font-weight: 700!important; color: #33BFE5!important; }
cite { display: block; margin: 0; font-size: 12px; font-family: 'Oxygen', sans-serif; font-weight: 800; color: #667785; text-align: right; }
strong { font-weight: 700; }
em { font-style: italic; }

.button { padding: 10px 35px; background: #36C1E6; font-size: 16px; font-weight: 700; color: #fff; }
a.button { color: #fff!important; }
.dark { background: #1187A5!important; }
.green { background: #006164!important; }
.read-more { font-weight: 700; color: #4B525F; text-decoration: underline; }
.see-all { font-size: 13px; font-weight: 700; text-decoration: underline; border: 0!important; }

/* = navigation ----------------------- */
nav.primary ul { display: inline-block; width: 100%; height: 48px; margin-bottom: -5px!important; }
nav.primary li { display: inline-block; padding: 16px 0; float: left; font-size: 11px; font-weight: 700; color: #fff; }
nav.primary li:first-child a { border-left: 0px!important; padding-left: 0px!important; }
/* nav.primary li:nth-child(6) a { border-right: 0px!important; } */
nav.primary li:nth-child(8) { background: #2587A2;  }
nav.primary li:last-child { background: #A14B6E; }
nav.primary li:last-child a { border-left: 0px!important; border-right: 0px!important; padding: 0 22px; }
nav.primary li a { padding: 0 16px;  color: #fff; }
nav.primary li:nth-child(-n+6) a { border-left: 1px solid #72DCFF; border-right: 1px solid #2A85A2;}
nav.primary li:nth-child(7) a { border-left: 1px solid #72DCFF;}
@media (max-width: 1200px) {
	nav.primary li:nth-child(4){
		display: none;
	}
}

nav.primary ul ul { display: none; position: absolute; color: #fff; margin-top: -5px; }
nav.primary ul li:hover ul { position: absolute; width: 15%; top: 48px; height: auto; display: block; padding: 15px; background: #36C1E6; z-index: 99999; }
nav.primary ul ul li { width: 100%; padding: 12px 0; border-top: 1px solid #72DCFF; border-bottom: 1px solid #2A85A2; }
nav.primary ul ul li a { display: block; font-size: 13px; font-weight: 200; color: #fff!important; border: 0!important; padding: 0; }
nav.primary ul ul li:first-child { padding-top: 0; border-top: 0!important; }
nav.primary ul ul li:last-child { padding-bottom: 0; background: none!important; border-bottom: 0!important; }
.menu-item-has-children > a:after { color: #fff; content: ' ▾'; }

nav.secondary ul { list-style: square; margin: 0 10px 30px; line-height: 1.6; color: #1186A5!important; }
nav.secondary li { font-size: 14px; }
nav.secondary li a { color: #fff!important; }

/* = flexslider ----------------------- */
.flexslider { width: 100%; min-height: 460px!important; position: relative; overflow: hidden; }
.flexslider .mainBG { min-height: 460px; overflow: hidden; background: center center; background-size: cover; }
.flexslider section.slide-content { width: 96%; height: auto; margin-top: 50px; padding: 2%; background: rgba(255, 255, 255, 0.8); font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 22px; color: #fff; text-align: center; text-transform: uppercase; }
.flexslider section.slide-content .slide-content-inner { padding: 5%; background: #FFC200; }
.flexslider section.slide-content .slide-content-inner h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 95px!important; color: #fff!important; text-align: center; text-transform: uppercase; margin-bottom: 0px!important; line-height: 1!important;  }
.flexslider section.slide-content .slide-content-inner h3 span { display: block; font-size: 20px!important; margin: 0 auto 10px!important; }
.flexslider section.slide-content .slide-content-inner h3 em { font-family: Georgia,Times,Times New Roman,serif!important; text-transform: none!important; margin-bottom: 5px; }
.flexslider section.slide-content span.price { display: block; font-family: Georgia,Times,Times New Roman,serif!important; font-size: 20px; text-transform: capitalize; margin-bottom: 10px; }
.flexslider section.slide-content span.yellow { display: block; font-size: 22px; font-weight: 800; color: #846500; text-transform: uppercase; margin-bottom: 10px; }

.flexslider .sale { margin-top: -10px; }
.flexslider .flex-direction-nav .flex-prev { left: 50px; }
.flexslider .flex-direction-nav .flex-next { right: 50px; }
.flexslider .flex-control-nav { display: none; }

/* = gallery ----------------------- */
.galleryslider { width: 100%; margin-bottom: 30px; }
.galleryslider .flex-viewport { border: 0px solid #1D87A3; margin-bottom: 15px; }
.galleryslider .flex-control-thumbs { width: 100%; background: none; padding: 10px 0 0; margin-bottom: -20px; }
.galleryslider .flex-control-thumbs li { width: 15%; margin-right: 2%; }
.galleryslider .flex-control-thumbs li:nth-child(6n+6) { margin-right: 0%; }
.galleryslider .flex-control-thumbs img { width: 100%; border: 0px solid #1D87A3; margin-bottom: 15px; }
.galleryslider .flex-direction-nav a { top: 230px; }
.galleryslider .flex-direction-nav .flex-prev { left: 50px; }
.galleryslider .flex-direction-nav .flex-next { right: 50px; }

/* = forms ----------------------- */
.form-wrapper { padding: 10px; border: 1px solid #f0f0f0; margin-bottom: 20px; }
.form-wrapper .inner { padding: 10px 18px; background: #f4f4f4; }
.form-wrapper .ninja-forms-required-items { font-size: 12px!important; margin-bottom: 10px; color: #A14B6E!important; }
.form-wrapper .field-wrap, #ninja_forms_required_items { margin-bottom: 10px; }
.form-wrapper .label-above label { font-size: 12px; margin-bottom: 5px; color: #667785!important; }
.form-wrapper .ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea { width: 100%!important; padding: 8px 5px; margin-bottom: 5px; background: #fff; border: 1px solid #f0f0f0; }
.form-wrapper .ninja-forms-form-wrap .textarea-wrap textarea { height: auto; }
.form-wrapper .ninja-forms-form-wrap input[type="submit"] { width: 140px!important; float: right; background: #32C4E9; border: 0; color: #fff; text-transform: uppercase; }

.form-wrapper .ninja-forms-error input, .ninja-forms-error select { border: 1px solid red!important; margin-bottom: 5px!important; }
.form-wrapper .form-wrapper .inner .ninja-forms-field-error p { font-size: 13px; color: red; margin: 5px 0px; }
.form-wrapper .form-wrapper .inner .ninja-forms-error-msg { background-color: #f2dede; border: 1px solid red; color: red; padding: 15px; margin-bottom: 15px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

#googlemap { width: 100%; height: 340px; }

/* = common ----------------------- */
img { max-width: 100%; }
.clearfix { clear: both; }
.aligncenter, .alignleft, .alignright { display: block; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
img.alignleft { margin: 0 20px 20px 0; }
img.alignright { margin: 0 0 20px 20px; }
.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }

.nopadding { padding: 0px!important; }
.nopaddingleft { padding-left: 0px!important; }
.nopaddingright { padding-right: 0px!important; }
.nomarginbottom { margin-bottom: 0!important; }
.nobackground { background: none!important; }

.paddingleft15 { padding-left: 15px!important; }
.paddingright15 { padding-right: 15px!important; }

.paddingleft { padding: 0 0 0 45px!important; }
.border { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.newspaddingsidebar { padding: 20px 15px 18px!important; }

.mT-20 { margin-top: -20px!important; }
.mT-30 { margin-top: -30px!important; }
.mB10 { margin-bottom: 10px!important; }
.mB15 { margin-bottom: 15px!important; }
.mB30 { margin-bottom: 30px!important; }
.mB50 { margin-bottom: 50px!important; }
.mT40 { margin-top: 40px!important; }
.height25 { height: 25px!important; }
.h205 { height: 205px!important; }
.h245 { height: 245px!important; }


/* = media queries ----------------------- */
	@media only screen and ( min-width: 1200px) {
		.slicknav_menu { display: none; }


}
	/* = Tablet Landscape size (devices and browsers) ----------------------- */
	@media only screen and (min-width: 992px) and (max-width: 1200px)  {
		header .contact span { font-size: 13px; }
		header .showroom span { font-size: 12px; }
		
		nav.primary { display: block; }
		nav.primary li a { font-size: 11px; padding: 0 10px; }
		.slicknav_menu { display: none; }
		.slicknav_nav .slicknav_arrow { display: none!important; }
		
		.opentag { padding: 0; }
		
		.paddingleft { padding: 0 0 0 20px!important; }
		.range .grey-overlay .white { padding: 50px 0; }
		
		.flexslider section.slide-content { width: 100%; }
		.flexslider section.slide-content span.price { font-size: 100px; }
		.flexslider section.slide-content span.yellow { font-size: 20px; }
		
		.flex-direction-nav .flex-prev { left: 50px!important; padding: 0 11px; }
		.flex-direction-nav .flex-next { right: 50px!important; padding: 0 11px; text-align: right; }
		.flexslider:hover .flex-prev { opacity: 0.8; left: 50px!important; }
		.flexslider:hover .flex-next { opacity: 0.8; right: 50px!important; }
		
		.galleryslider .flex-direction-nav a { top: 200px; }

		section.content { padding-right: 235px; background:url(assets/images/homeFT.jpg) no-repeat top right; }
		.choose .reasons { margin-bottom: 30px; }

		.marginbottom { margin-bottom: 20px!important; }
		.cols #googlemap { height: 335px; }

		.forget span.head { font-size: 15px; }
		.forget span { font-size: 12px; }
		.forget p { font-size: 20px!important; }
		
		.design p { font-size: 16px; }
		
		.install { height: 209px; }
		.trade { height: 209px; }
		
		.cols { width: 48%!important; margin: 20px 1%; float: left!important; }
		
		section.news .img-container { height: 135px; }
		section.news .text-container { height: 228px; }
		.img-height { height: 120px!important; }
		.h245 { height: 280px!important; }
		
		.sideheight  { height: 170px!important; }
		.sideheight span.head { font-size: 13px!important; }
		.sideheight span { font-size: 11px!important; } 
		.sideheight a { font-size: 10px!important; }
}

	/* = Tablet Portrait size to standard 960 (devices and browsers) (4) ----------------------- */
	@media only screen and (min-width: 768px) and (max-width: 992px) {
		.tablet-hide { display: none; }
				
		nav.primary { display: none; }
		.slicknav_menu { display: block!important; }
		.slicknav_nav .slicknav_arrow { display: none!important; }
		
		.opentag { padding: 0; }
		
		header .logo { float: left; }
		header .showroom { display: none; }
		
		header .contact { padding-left: 50px; }
		header .contact span { font-size: 16px; }

		.flexslider { margin-bottom: 30px; }
		.flexslider section.slide-content { width: 50%; display: block; margin-left: auto; margin-right: auto; text-align: center; text-align: center; }
		.flex-direction-nav .flex-prev { left: 50px!important; padding: 0 11px; }
		.flex-direction-nav .flex-next { right: 50px!important; padding: 0 11px; text-align: right; }
		.flexslider:hover .flex-prev { opacity: 0.8; left: 50px!important; }
		.flexslider:hover .flex-next { opacity: 0.8; right: 50px!important; }

		.call-to-action { display: none; }

		.choose .reasons { width: 48%!important; margin: 20px 1%; float: left!important; }
		.cols { width: 48%!important; margin: 20px 1%; float: left!important; }
		.cols #googlemap { height: 335px; }

		.range { width: 48%!important; margin: 15px 1%; float: left!important; }
		
		.install { width: 48%!important; float: left!important; }
		.install span.head { font-size: 20px; font-weight: 700; }
		.install span { font-size: 15px; font-weight: 200; }

		.trade { width: 48%!important; float: right!important; }
		.trade span.head { font-size: 20px; font-weight: 700; }
		.trade span { font-size: 15px; font-weight: 200; }
		
		.findout { width: 48%!important; float: left!important; }
		.findout p { font-size: 22px; }
		
		.visit { width: 48%!important; float: right!important; font-size: 14px; }
		.visit span { font-size: 12px; }
		.visit p { font-size: 22px; }
		
		.findus p { font-size: 16px; }
		
		.forget span.head { font-family: 'Oxygen', sans-serif!important; font-size: 24px; font-weight: 700; }
		.forget span.yellow { font-size: 26px; }
		.forget span { font-size: 16px;}
		.forget p { font-size: 22px!important; }

		.marginbottom { margin-bottom: 20px!important; }

		.opentag { font-size: 15px; }
		section.content { background: none; padding-right: 0px!important; }
		
		section.news { padding: 28px 15px 15px; }
		section.news .col-md-6 { width: 48%; margin: 20px 1%; float: left; }
		section.news h2 { margin-bottom: 5px!important; }
		section.news .img-container { height: 160px; }
		section.news .text-container { height: 208px; }

		footer .logo { width: 70%; float: left; }
		footer .col-md-2 h5 { display: none; }
		nav.secondary { display: none; }
		
		.mB50 { margin-bottom: -20px!important; }
		
		.footer-bottom { text-align: right; }

}

	/* = All Mobile Sizes( (devices and browser)(1,2,3) ----------------------- */

	@media only screen and (max-width: 767px) {
		.margintextbottom { margin-bottom: 20px; }
		header { text-align: center; }
		header .logo { float: none; margin-bottom: 10px; }
		header .contact span.phone a { color: #005f66!important; }
		nav.primary { display: none; }
		.slicknav_nav .slicknav_arrow { display: none!important; }

		h1 { font-size: 25px!important; }

		.opentag { margin-bottom: 20px; font-size: 14px; }
		
		form-wrapper { margin-bottom: 20px!important; }

		.marginbottom { margin-bottom: 20px!important; }
		.mobile-hide { display: none!important; }
		
		.galleryslider .flex-direction-nav .flex-prev { display: none!important; }
		.galleryslider .flex-direction-nav .flex-next { display: none!important; }

		.button { display: block; margin-bottom: 10px; }

		.findout p { font-size: 18px; }
		.visit p { font-size: 18px; }
		.visit span:last-child { font-size: 10px; }

		.forget { padding: 0 15px; }
		.forget span.head { font-size: 12px; }
		.forget span { font-size: 10px; }
		.forget p { font-size: 18px; }

		.design { padding: 0 15px; }
		.design p { font-size: 18px; }

		section.content { background: none; padding-right: 0px!important; }

		section.news .img-container { height: auto; }
		section.news .text-container { }
		
		.footer-bottom { text-align: center; padding: 10px 0; }
		.footer-bottom img { float: none; text-align: center; }


}

	/* = Mobile Landscape Size to Tablet Portrait (devices and browsers) (3) ----------------------- */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.mobile-hide { display: none; }

		header .logo { margin-bottom: 0px; }
		header .contact { float: none; width: 48%!important; margin: 10px 1%; float: left!important; font-size: 16px; text-align: center; padding-left: 0px!important; }
		header .contact a { color: #8C9292; }
		header .contact span { font-size: 18px; font-weight: 800; color: #005F66; }
		header .contact span:last-child { display: block; font-size: 10px; color: #8C9292; }

		header .showroom { float: none; width: 48%!important; margin: 10px 1%; float: left!important; font-size: 16px; text-align: center; padding-left: 0px!important; }
		header .showroom span { font-size: 18px; font-weight: 800; color: #005F66; }
		header .showroom span:last-child { display: block; font-size: 10px; color: #8C9292; }

		.jcarousel-wrapper { margin: 0px auto; }

		.choose .reasons { width: 48%!important; margin: 20px 1%; float: left!important; }

		section.news .col-md-6 { width: 50%!important; float: left!important; }
		section.news .text-container { height: 230px; }

		.button { display: inline; margin-right: 10px; }

		.range { width: 48%!important; margin: 20px 1%; float: left!important; }
		.install { width: 48%!important; float: left!important; }
		.trade { width: 48%!important; float: right!important; }
		.findout { width: 48%!important; float: left!important; }
		.visit { width: 48%!important; float: right!important; }
		.findus p { font-size: 16px; }
		
		.contact-page .col-md-4 { width: 50%!important; float: left; }
		.contact-page .col-md-6 { width: 50%!important; float: left; }
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) (1, 2) ----------------------- */
	@media only screen and (max-width: 479px) {
		.nopad { padding: 0px!important; }
		.hide-mobile { display: none!important; }
		.button { text-align: center; }
		
		.range-wrapper:nth-child(2n+1) { padding: 0 0; }
		.range-wrapper:nth-child(2n+2) { padding: 0 0; }
		
		section.news .news-wrapper:nth-child(2n+1) { padding: 0 0; }
		section.news .news-wrapper:nth-child(2n+2) { padding: 0 0; }

		header .contact { float: none; font-size: 20px; margin-bottom: 20px; padding-left: 0px; text-align: center; }
		header .contact a { color: #8C9292; }
		header .contact span { font-size: 28px; font-weight: 800; color: #005F66; }
		header .contact span:last-child { display: block; font-size: 20px; color: #8C9292; }

		section.news .col-md-6 { width: 100%!important; float: none!important; }
		section.news h2 { text-align: center; }
		section.news .see-all { display: none; }
		section.news .text-container { height: auto; }
		section.news > .news-container:nth-child(2n) { margin-bottom: 30px; }

		.contactvisit p { font-size: 14px; }
		
		.contact-page .col-md-4 { margin-bottom: 20px; }
		
		.forget p { font-size: 16px; }
		.forget span { font-size: 12px; }

		
}

	/* Mobile Portrait Size to Mobile Landscape Size SMALL phone (devices and browsers) (1) ----------------------- */
	@media only screen and (min-width: 240px) and (max-width: 800px) {


}

	/* iPhone 5 ----------------------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
		.range .grey-overlay .white { padding: 40px 0; }
		.forget span { font-size: 10px; }
		header .contact span { font-size: 20px!important; }
		header .contact span.phone a { color: #005f66!important; }
		.h245 { height: 220px!important; }
	
	
}

	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
		.range .grey-overlay { font-size: 15px; }
		.range .grey-overlay .white { padding: 50px 0; }
		.choose .reasons { width: 47%!important; float: left; }
		section.news .text-container { height: 270px; }
		
		header .showroom span { font-size: 16px; }
		
		.install span.head { font-size: 16px; }
		.install span { font-size: 13px; }
		.trade span.head { font-size: 16px; }
		.trade span { font-size: 13px; }
		
		.findout { padding: 0 10px; }
		.findout p { font-size: 16px; }
		
		.forget span { font-size: 12px; }
		
		.visit { padding: 0 10px; }
		.visit p { font-size: 14px; }
				
		.range .blue { font-size: 14px; }
		.range .purple { font-size: 14px; }
		.range .orange { font-size: 12px; }
		.range .lime { font-size: 14px; }
		.range .light { font-size: 14px; }

		.contact-page .col-md-4 { width: 100%!important; margin-bottom: 20px; }
		.contact-page .col-md-6 { width: 100%!important; }
		
}

	/* iPhone 6 ----------------------- */
	@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { 
		.range .grey-overlay .white { padding: 60px 0; } 
		header .contact span { font-size: 20px!important; }
		.visit span { font-size: 12px!important; }
		.h245 { height: 190px!important; }
	
}
	
	@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 
		.range .grey-overlay .white { padding: 60px 0; font-size: 18px; }
		section.news .text-container { height: 270px; }	
		
}


@media (max-width: 560px) {
	.banner-image-desktop{
		display: none;
	}
}

.banner-image-mobile{
	display: none
}
@media (max-width: 560px) {
	.banner-image-mobile{
		display: block;
	}
}

/* Social Icon Stuff 2022 */
.social-ico-absolute {
	display: none;
	position: fixed;
	right: 0;
	top: 35%;
	z-index: 9999;
}
@media (min-width: 900px) {
	.social-ico-absolute {
		display: block;
	}
}
.social-ico-wrapper {
	display: flex;
	flex-direction: column;
	padding: 25px 10px;
	background-color: #36C1E6;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.social-ico-fb {
	margin-bottom: 20px;
}