/*
Theme Name:     turkington
Description:
Author:         Purplex Marketing
Template:       twentyeleven

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

body{
	padding: 0;
	background: #fff;
}
div{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
img{
	border: none !important;
	padding: 0 !important;
}
p{
	margin-bottom: 5px;
	color: #4f4f4f;
}
p.title{
	font-size: 28px;
	color: #4f4f4f;
	font-weight: bold;
}
.primary-content p, .entry-content p{
	margin-bottom: 20px;
}
#secondary p{
	font-size: 18px;
}
a{
	color: #ad2029;
}
a:hover{
	text-decoration: none !important;
}
a.button, input[type=submit]{
	float: right;
	display: block;
	padding: 4px 12px 4px 12px;
	position: relative;
	font-size: 16px;
	overflow: hidden;
	color: #fff !important;
	text-decoration: none;
	letter-spacing: 0px;
	background: #ad2029;
	cursor: pointer;
	transition: background ease 0.5s, color ease 0.5s;
	border-radius: 5px;
	-webkit-appearance: none;
	border: 0;
}
a.button:hover, input[type=submit]:hover{
	background: #CA2630 !important;
}
h1, .singular .entry-title, .entry-title{
	color: #4f4f4f !important;
	font-size: 36px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 0;
}
.entry-content h2{
	color: #444 !important;
	font-size: 22px !important;
	display: inline;
}
.entry-content h3{
	color: #555 !important;
	font-size: 20px !important;
	display: inline;
}
.entry-content{
	padding-top: 10px !important;
}

/* projects page */
#huge_it_portfolio_content_3 .title-block_3 {
	padding: 8px 0 15px 0 !important;
	overflow: hidden !important;
	text-align: center;
}
#huge_it_portfolio_content_3 .title-block_3 h3 {
	font-size: 10px !important;
	color: #fff !important;
}

.full{
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.full#showcase{
	min-height: 144px;
	margin-bottom: 25px;
}
.full#showcase img{
	width: 100%;
	float: left;
	max-width: 100%;
}
.inner-content{
	width: 100%;
	max-width: 1170px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.inner-padding{
	padding: 30px 0;
	overflow: hidden;
}
#no-line {text-decoration: none!important;}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title{
	width: 100% !important;
}
.singular.page .hentry, .singular .hentry{
	padding: 0 !important;
}
.entry-title a:hover{
	color: #4f4f4f !important;
}
#secondary{
	margin-right: 0 !important;
	width: 30% !important;
}
.primary-content{
	width: 64%;
	float: left;
}
.commercial-projects .primary-content{
	width: 68%;
	float: left;
}
article{
	width: 100%;
	float: left;
	border-bottom: 0 !important;
}
article p{
	font-size: 15px;
}
article a{
	text-decoration: underline;
}
#full-width article{
	width: 100%;
}
.prodgall{
	float:right;
	margin-left:4%;
}
.metaslider{
	margin:auto;
}
#gallery-2 .gallery-item {
	padding: 1% !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

/* Forms */
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel]{
	padding: 6px !important;
	width: 50%;
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
textarea{
	padding: 6px !important;
	width: 97% !important;
}
.wpcf7-submit{
	float: left !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	min-width: 200px;
	font-size: 18px !important;
}

/* Header */
header.header{
	float: left;
	width: 100%;
	padding: 1% 0 0;
	position: fixed;
	z-index: 900;
	background: rgba(255,255,255,0.95);
    box-shadow: 1px 1px 5px rgba(34, 34, 34, 0.46);
	/* Xmas snowflakes header */
    /*background-image: url('/wp-content/themes/turkington/images/xmas/snowflakes.png');
    background-position: bottom center;*/
}
header.header .inner-content{
	overflow: visible;
}
.left{
	float: left;
	width: 28%;
}
.left img{
	width: 100%;
	max-width: 316px;
	min-height: 35px;
}
.right{
	float: left;
	width: 72%;
}
.right .contact{
	float: right;
	width: 100%;
}
.right .nav{
	float: right;
	width: 100%;
}
.contact{
	float: right;
	text-align: right;
	padding: 0 1%;
	color: #4f4f4f;
}
.telephone{
	float: none;
	padding: 0 2% 0 10%;
	font-size: 16px;
	display: block;
	margin-right: 5px;
}
.telephone span.number{
	font-size: 20px!important;
	font-weight: bold;
	line-height: 20px;
	margin-left: 6px;
	color: #ad2029;
}
.get-quote{
	float: right;
	display:inline-block;
	padding: 0 0 0 1%;
	min-width:113px;
}

.get-quote a.button {padding: 10px 12px;}

/* Widget Contact */

.side-map img {
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.side-map p {
	color: #fff;
	text-align: center;
	background: #ad2029;
	padding: 10px 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: -5px;
	line-height: 2;
}

.textwidget .wpcf7 {
	display: block;
    padding-bottom: 35px;
}

.textwidget .wpcf7 p {
	font-weight: 400;
	font-size: 14px !important;
}

.textwidget .wpcf7 input {
	width: 100%;
}

.textwidget .wpcf7 input[type="checkbox"] {
	width: auto;
}
.textwidget .wpcf7 input[type="submit"] {
	width: auto;
	margin-top: 10px;
}


/* Navigation */
#login{
	display: none;
	cursor: pointer;
}
#loginForm{
	display:none;
	width: 100%;
	background: rgba(79,79,79,0.9);
	z-index: 800;float:left;
	position:fixed;
	padding-top: 12%;
    padding-bottom:5%;
	overflow-y:scroll;
    overflow-x:hidden;
	height:100%;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	opacity:0;
}

.visible{
	display: block !important;
	opacity: 1 !important;
}

#loginForm .sub-menu{
	display: none;
}
#loginForm ul{
	margin: 4% 0 8% 0!important;
    position:relative;
}
#loginForm ul li{
	width: 90%;
	text-align: center;
	list-style: none;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
}
#loginForm ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	padding: 10px 0 10px 0;
	margin-left: 10px;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	letter-spacing: 1px;
}
.menu-mobile-container{
    position:relative;
}
.menu-btn{
	float: right;
	display: block;
	padding: 10px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	background: #272727;
	cursor: pointer;
	text-transform: uppercase;
	max-width: 140px;
	width: 10	0%;
	font-size: 26px;
	font-size: 0;
}
.navigation{
	float: left;
	width: 100%;
}
.navigation ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	height: auto;
	float: right;
	width: auto;
	margin: 0;
	letter-spacing: 0px;
	font-size: 14px;
	margin-top: 0px;
	position:relative;
}
.navigation ul li{
	margin: 0px;
	float: left;
	width: auto;
}
.navigation ul li:hover{
	outline: 1px solid #ccc;
	background: rgba(255,255,255,0.6);
}
.navigation li ul li:hover{
	outline: none;
}
.navigation ul li a{
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	padding: 0px 12px 7px 12px;
	line-height: 32px;
	transition: background 0.5s ease;
	font-weight: normal;
	padding-top: 9px;
}
.navigation ul li.active a{
	text-decoration: none;
	color: #D33A46;
	border-bottom: 0;
}
.navigation li ul{
	display: none;
	height: auto;
	background: rgba(255,255,255,0.9);
	position: absolute;
	width: auto;
	font-size: 13px;
	z-index: 200;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	min-width: 170px;
}
.navigation li:hover ul{
	display: block;
}
.navigation li li{
	display: block;
	float: none;
	margin-top: 0px;
	width: auto;
	height: auto;
	line-height: 20px;
	color: #4f4f4f !important;
}
.navigation li ul a{
	display: block;
	border-right: 0 !important;
	margin: 0px;
	height: auto;
	font-size: 12px;
	padding: 8px 20px 8px 20px;
	text-align: left;
	line-height: 20px;
	text-decoration: none!important;
	color: #4f4f4f !important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.navigation li ul a:hover{
	background: rgba(255,255,255,0.7);
}
.menu-first{
	border-top: 0 !important;
}
.menu-last{
	border-bottom: 0 !important;
}
.navigation ul#menu-main-menu.menu li.menu-last.menu-item {position: relative;}
.navigation ul#menu-main-menu.menu li.menu-last.menu-item ul.sub-menu {right: 0;}


/* Home red call-to-actions */
.four {position: relative;}
.cancel-padding {position: relative;}
.home-red-inner{
	float: left;
	background: #ad2029;
	overflow: hidden;
	padding: 1% !important;
	width: 23% !important;
	margin: 0 1%;
	border-radius: 5px !important;
	min-height: 98px;
}
.home-red-inner p.sidebar-title{
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 22px;
	margin-bottom: 0 !important;
	text-align: right;
	max-width: 60%;
	float: right;
}
.home-red-inner#brochure{
	background: #ad2029 url(images/bg/brochure.png) no-repeat center left 20px !important;
}
.home-red-inner#quote{
	background: #ad2029 url(images/bg/quote.png) no-repeat center left 20px !important;
}
.home-red-inner#contact{
	background: #ad2029 url(images/bg/contact.png) no-repeat center left 20px !important;
}
.home-red-inner#general{
	background: #ad2029 url(images/bg/general.png) no-repeat center left 20px !important;
}
.home-red-inner#customer-service{
	background: #ad2029 url(images/bg/customer-service.png) no-repeat center left 20px !important;
}
.home-red-inner#customer-service:hover{
	background: #92151e url(images/bg/customer-service.png) no-repeat center left 20px !important;
}
.home-red-inner#brochure:hover{
	background: #92151e url(images/bg/brochure.png) no-repeat center left 20px !important;
}
.home-red-inner#quote:hover{
	background: #92151e url(images/bg/quote.png) no-repeat center left 20px !important;
}
.home-red-inner#contact:hover{
	background: #92151e url(images/bg/contact.png) no-repeat center left 20px !important;
}
.home-red-inner#general:hover{
	background: #92151e url(images/bg/general.png) no-repeat center left 20px !important;
}

/* Home grey call-to-actions */
.home-grey-inner{
	float: left;
	background: #3f4040;
	overflow: hidden;
	padding: 1% !important;
	width: 18% !important;
	margin: 0 1%;
	border-radius: 5px !important;
	min-height: 85px;
}
.home-grey-inner p{
	color: #fff !important;
	font-weight: normal !important;
	font-size: 12px;
	margin-bottom: 0 !important;
	text-align: left;
	max-width: 70%;
	float: right;
}
.home-grey-inner#teams{
	background: #3f4040 url(images/bg/why-choose-grey-1.png) no-repeat center left 20px !important;
}
.home-grey-inner#warranty{
	background: #3f4040 url(images/bg/why-choose-grey-2.png) no-repeat center left 20px !important;
}
.home-grey-inner#installation{
	background: #3f4040 url(images/bg/why-choose-grey-3.png) no-repeat center left 20px !important;
}
.home-grey-inner#showroom{
	background: #3f4040 url(images/bg/why-choose-grey-4.png) no-repeat center left 20px !important;
}
.home-grey-inner#professional{
	background: #3f4040 url(images/bg/why-choose-grey-5.png) no-repeat center left 20px !important;
}

/* Home inner products */

.swipe-box-contain {display: block; width: 100%; margin: 1em 0; clear: both;}
.swipe-box {display: inline-block; position: relative; overflow: hidden; float: left; width: 50%; background-color: #555; min-height: 350px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.swipe-text {padding: 1em; position: relative; background-color: rgba(250,250,250,0.7); min-height:380px; top:307px;}
.swipe-text h3 {font-weight: 600; -webkit-font-smoothing:antialiased; color: #222; font-size: 20px;}
.swipe-text p {margin-bottom: 8px; color: #222;}
p.swipe-but {float: right; padding: 0.6em 1.5em; background: #ad2029; color: #fff!important; display: inline-block; border-radius: 8px; text-align: center;}
p.swipe-but:hover {background-color: #941e26;}
.swipe-box:hover .swipe-text {top:0px;}

.swipe-text.bump-up h3 {line-height: 1.3em;}
.swipe-box:hover .swipe-text.bump-up h3 {line-height: 1.6em;}
.swipe-box-contain.thirds {max-width: 1170px; margin: auto; padding: 0 1%;}
.swipe-box-contain.thirds .swipe-box {width: 33.33%!important;}
.swipe-box-contain.thirds .swipe-box h3 {font-size: 24px!important; margin-bottom: 16px;}


#en-do {background-image: url(images/bg/pvc-entrance-door1.jpg);}
#co-do {background-image: url(images/bg/composite-doors.jpg);}
#bi-do {background-image: url(images/bg/bifold-doors.jpg);}
#pf-do {background-image: url(images/bg/patio-french-doors.jpg);}
#li-do {background-image: url(images/bg/lift-slide-doors.jpg);}
#ca-wi {background-image: url(images/bg/casements.jpg);}
#ca-lu {background-image: url(images/bg/lumi-windows.jpg);}
#sa-wi {background-image: url(images/bg/sash-windows.jpg);}
#al-wi {background-image: url(images/bg/aluminium-window-range.jpg);}
#ti-wi {background-image: url(images/bg/timber-effect-windows.jpg);}
#co-ro {background-image: url(images/bg/conservatory-roofs.jpg);}
#windo {background-image: url(images/bg/windows.jpg);}
#doors {background-image: url(images/bg/doors.jpg);}
#conse {background-image: url(images/bg/conservatories.jpg);}
#fasci {background-image: url(images/bg/fascias.jpg);}
#comme {background-image: url(images/bg/commercial.jpg);}
#portadown {background-image: url(images/bg/porta-box.jpg);}
#lisburn {background-image: url(images/bg/lisburn-box.jpg);}


#casual {transition-timing-function: cubic-bezier(0.54, 0.13, 0.26, 0.74); -webkit-transition-timing-function: cubic-bezier(0.54, 0.13, 0.26, 0.74); -moz-transition-timing-function: cubic-bezier(0.54, 0.13, 0.26, 0.74); transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s;}
#casual-del-1 {transition-delay: 0.15s; transition-duration:0.5s;transition-timing-function: ease-in-out;-webkit-transition-duration:0.4s;-webkit-transition-timing-function: ease-in-out;-moz-transition-duration:0.4s;-moz-transition-timing-function: ease-in-out;}
#casual-del-2 {transition-delay: 0.3s; transition-duration:0.5s;transition-timing-function: ease-in-out;-webkit-transition-duration:0.4s;-webkit-transition-timing-function: ease-in-out;-moz-transition-duration:0.4s;-moz-transition-timing-function: ease-in-out;}
#bounce {transition-duration:0.4s;transition-timing-function: cubic-bezier(0.63, 0.44, 0.51, 1.39);-webkit-transition-duration:0.4s;-webkit-transition-timing-function: cubic-bezier(0.63, 0.44, 0.51, 1.39);-moz-transition-duration:0.4s;-moz-transition-timing-function: cubic-bezier(0.63, 0.44, 0.51, 1.39);}
.clear {clear: both;}


.home h2{
	clear:none!important;
}


.home a img:hover{
	background:#fff;
	opacity:0.8;
}

/*Gallery*/
.mid-gal {display: block; width: 100%; margin-bottom: 1em;}
.mid-gal .gallery-item {}
/* */
.home-p {margin-bottom: 0.5em!important;}
.home-p, .home-h2, body.home h1 {display:block !important;}
.home-h2 {font-size: 24px; font-weight: 600; margin-bottom: 0.3em;}
.cancel-padding {padding-top: 0!important;}
.inner-padding.cancel-padding {padding-bottom: 10px;}
.inner-product{
	float: left;
	width: 33.3%;
	background: #000;
	min-height: 350px;
	position: relative;
	overflow: hidden;
}
.primary-content .inner-product{
	width: 50%;
}
#full-width .product-title{
	height: 320px !important;
	bottom: -250px;
}
.product-title{
	float: left;
	width: 100%;
	background: rgba(255,255,255,0.8);
	position: absolute;
	bottom: -220px;
	min-height: 280px;
	height: 310px;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
}
.entry-content .product-title{
	bottom: -240px;
}
.inner-product:hover .product-title{
	bottom: 0 !important;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
}
.product-title p.text-title{
	font-size: 1.4vw;
	min-height: 50px;
	height: 50px;
	padding: 5px 2% !important;
}
.product-title p{
	font-size: 14px;
	margin-bottom: 10px;
	padding: 2%;
	color: #222;
}
.product-title a.button{
	float: right;
	margin-right: 10px;
}


.latest-news-preview{
	float: left;
	width: 50%;
	padding-right: 2%;
}
.latest-news-title{
	color: #4f4f4f !important;
	font-weight: 600 !important;
	font-size: 26px;
	margin-bottom: 10px !important;
	text-align: left;
}
.latest-news-img{
	float: left;
	width: 23%;
	margin-right: 2%;
}
.latest-news-img img{
	width: 100%;
	max-width: 100px;
}
.latest-news-text{
	float: left;
	width: 75%;
	font-size: 15px;
}

/* Sidebar */
.full.side {max-height: 260px; overflow: hidden;}
.sidebar-inner{
	background: #ad2029;
	overflow: hidden;
	padding: 6% !important;
	width: 100% !important;
	border-radius: 5px !important;
}
.sidebar-inner#brochure{
	background: #ad2029 url(images/bg/brochure.png) no-repeat center left 20px !important;
}
.sidebar-inner#quote{
	background: #ad2029 url(images/bg/quote.png) no-repeat center left 20px !important;
}
.sidebar-inner#contact{
	background: #ad2029 url(images/bg/contact.png) no-repeat center left 20px !important;
}
.sidebar-inner#brochure:hover{
	background: #92151e url(images/bg/brochure.png) no-repeat center left 20px !important;
}
.sidebar-inner#quote:hover{
	background: #92151e url(images/bg/quote.png) no-repeat center left 20px !important;
}
.sidebar-inner#contact:hover{
	background: #92151e url(images/bg/contact.png) no-repeat center left 20px !important;
}
.sidebar-inner p.sidebar-title{
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 26px;
	margin-bottom: 0 !important;
	text-align: right;
	max-width: 70%;
	float: right;
}
.sidebar-outline{
	background: #fff;
	overflow: hidden;
	padding: 6% !important;
	width: 100% !important;
	border-radius: 5px !important;
	border: 1px solid #ccc;
}
.sidebar-outline p.sidebar-title, p.latestnews-title{
	color: #4f4f4f !important;
	font-weight: 600 !important;
	font-size: 26px;
	margin-bottom: 10px !important;
	text-align: left;
}
.why-choose{
	float: left;
	width: 100%;
	padding: 2% 0;
	border-bottom: 1px solid #ccc;
}
.why-choose#end{
	border: 0;
}
.why-choose-image{
	float: left;
	width: 20%;
}
.why-choose-image img{
	width: 100%;
	max-width: 50px;
}
.why-choose-text{
	float: left;
	width: 80%;
	font-size: 16px;
}
/*Grey Navigation in Sidebar*/

#secondary ul.menu{
background:#636264;
border-radius:3px;
list-style-type:none;
padding-top:5px;
padding-bottom:10px;}

#secondary ul.menu li{background:#636264; height:auto;  font-size:11px; transition: background 0.5s ease; list-style: none;}
#secondary ul.menu li:hover{background:#ad2029;}
#secondary ul.menu li a{padding:8px 0 8px 20px; display:block; color:#fff; text-decoration:none; font-weight:normal; font-size: 17px;}
.widget ul ul {margin: 0;}
.menu-products-container .menu .menu-item a {border-bottom:2px solid #666;background-color: #444; font-size: 17px; -webkit-font-smoothing: antialiased; font-weight: 600;}
.menu-products-container .menu .menu-item ul li a {background-color:#666;border-bottom: 1px solid #666; font-size: 14px; font-weight: normal;}
.dcjq-accordion ul li a {border-bottom: 1px solid #555;}
.dcjq-accordion ul li:last-child a {border-bottom: none;}
.dcjq-accordion ul li ul li a {padding-left: 50px!important; border-bottom:1px solid #444; background: #555; background-image: none!important;}
.dcjq-accordion a {-webkit-font-smoothing: antialiased;}
.dcjq-accordion ul li ul li:hover a {background:#ad2029;}
.dcjq-accordion ul li ul li:last-child a{border-bottom: none;}
.dcjq-accordion .menu .menu-item-has-children a {background-image: url(../turkington/images/bg/plus.png); background-size: 28px; background-position: right center; background-repeat: no-repeat;}
.dcjq-accordion .menu .menu-item-has-children a.active {background-image: url(../turkington/images/bg/minus.png);}
.widget-title {padding: 5px 15px 0; font-size: 18px; color: #ad2029; text-transform: none!important; font-weight: 800;}

#secondary .wpcf7{
	padding:2%!important;
}

/* Latest Posts Widget */
.rpwe-block{
	background: #fff;
	overflow: hidden;
	padding: 6% !important;
	width: 100% !important;
	border-radius: 5px !important;
	border: 1px solid #ccc;
}
.rpwe-block ul{
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.rpwe-block li{
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
}
.rpwe-block a{
	display: inline !important;
	text-decoration: none;
}
.rpwe-block h3 a{
	background: none !important;
	clear: none;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	font-size: 18px !important;
	line-height: 1.5em;
	color: #4f4f4f !important;
	font-weight: bold !important;
}
.rpwe-thumb{
	border: 1px solid #eee !important;
	box-shadow: none !important;
	margin: 2px 10px 2px 0;
	padding: 3px !important;
}
.rpwe-summary{
	font-size: 14px !important;
	float: right;
	clear: none;
	max-width: 74%;
	width: 100%;
}
.rpwe-time{
	color: #bbb;
	font-size: 11px;
	display: none;
}
.rpwe-alignleft{
	display: inline;
	float: left;
	margin-bottom: 60px !important;
}
.rpwe-alignright{
	display: inline;
	float: right;
}
.rpwe-aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.rpwe-clearfix:before,
.rpwe-clearfix:after{
	content: "";
	display: table !important;
}
.rpwe-clearfix:after{
	clear: both;
}
.rpwe-clearfix{
	zoom: 1;
}

/* Footer */
.accreditations{
	float: left;
	padding: 1%;
}
.accreds-left{
	float: left;
	display: block;
	width: 100%;
	font-size: 18px;
}
.accreds-left p{
	font-size: 16px;
	margin: 0 0 15px;
	text-align: center;
}
.accreds-right{
	width: 100%;
	display: block;
}
.accreds-right img{
	width: 100%;
	}
footer.footer{
	float: left;
	width: 100%;
	overflow: hidden;
	background: #e6e7e9;
}
.footer-top{
	float: left;
	width: 100%;
	padding: 3% 0 1%;
}
.top-left{
	float: left;
	width: 75%;
}
.top-right{
	float: left;
	width: 25%;
}
.footer-bottom{
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 1.2% 0;
}
.bottom-left{
	float: left;
	width: 75%;
}
.bottom-right{
	float: left;
	width: 25%;
}
.sitemap-list{
	float: left;
	width: 25%;
	padding-right: 2%;
}
.sitemap-list h3{
	font-weight: 800; font-size: 17px; margin-bottom: 5px;
}
.sitemap-list ul{
	margin-left: 0;
	list-style-type: none;
}
.sitemap-list li{
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 2% 0;
}
.sitemap-list li a{
	color: #4f4f4f;
}
.social-media{
	padding-top: 30px;
}
.social-media a{
	margin-right: 10px;
}

#hide-icon {display: none;}/*--Hiding Select Social Icons Until Details Confirmed--*/
article.post {margin-bottom: 0;}

.latest-news-img.forohfor 	{margin-top: 5px;}
.primary-content.forohfor	{width: 100%; float: none;}
#crikey-mate				{border-top: 1px solid #bbb;}

.exc-text	{display: inline-block; float: right; width: 75%;}
.exc-img	{display: inline-block; float: left; width: 25%; box-sizing: border-box;}
.exc-img img{width: 80%; padding-right: 20%;}

.banner-box-contain {display: block; width: 100%; margin: auto; padding: 0;}

.banner-box			{width: 25%; background-color: #888; display: inline-block; float: left; overflow: hidden; position: relative; height: 540px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner-box-text	{display: block; width: 100%; position: absolute; top:470px; padding: 1em; background-color: rgba(255, 255, 255, 0.7); padding-bottom: 600px; height: 350px;}
.banner-box-text h2 {text-align: center; font-size: 28px; font-weight: bold; line-height: 1.4em; margin-bottom: 22px;}
.banner-box-text p	{margin-bottom: 1.5em; color: #222;}
.banner-box:hover .banner-box-text {top:117px; background-color: rgba(255, 255, 255, 0.8);}
.banner-box-text-cta {padding: 6px 3em; background-color: #ad2029; text-align: center; color: #fff!important; margin: auto; width: 60%; border-radius: 5px;}
.banner-box-text-cta:hover {background-color: #92151e;}

#box-windows 		{background-image: url(images/bg/box-windows.jpg);}
#box-doors 			{background-image: url(images/bg/box-doors.jpg);}
#box-conservatories {background-image: url(images/bg/box-conservatories.jpg);}
#box-fascias 		{background-image: url(images/bg/fascias-soffits.jpg);}
#box-commercial 		{background-image: url(images/bg/commercial-glazing-ireland.jpg);}

.col-contain		{display: block; width: 100%;}
.col-single			{width: 11%; margin: 0 2.5% 2vw; display: inline-block; float: left;}
.col-single	img		{width: 100%; margin: 0; padding: 0; max-width: none; display: block; border: 1px solid #444!important;}
.col-single p 		{margin-bottom: 0; text-align: center; color: #444; min-height: 50px; padding-top: 5px;}

#secondary p#side-con-info		{font-size: 14px!important; font-weight: 400!important; border-top: 1px solid #ccc; padding: 8px 0;}
#secondary p#side-con-info.bot {border-bottom: 1px solid #ccc;}
#secondary h3 {font-size: 18px; font-weight: 600; color:#ad2029;}

#click-to-call {display: none;}
.menu-btn{float: right;display: block; height: 60px; width: 60px; overflow: hidden; color: #fff; text-decoration: none; background: #272727; cursor: pointer; text-transform: uppercase; max-width: 140px; font-size: 26px; font-size: 0; position: relative;}

.bottom-left p {color: #373737; font-size: 15px;}

.video-third {width: 31%; padding: 8px 0 0; margin: 10px 1%;  background-color: #1b1b1b; border-top: 3px solid #ad2029; display: inline-block; float: left; overflow: hidden;}
.video-third p {text-align: center; margin-bottom: 5px; font-weight: 400; color: #fff; -webkit-font-smoothing: antialiased;}
.vid-contain {display: block; width: 100%; margin: 0 auto; padding: 0;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper.full-vid {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin: 1em 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.comm-cta {display: block; width: 100%; box-sizing: border-box; padding: 2em; padding-right: 40%; text-decoration: none; background: #222 url('images/bg/commercial-cta.png') no-repeat right; background-size: cover;}
article .no-text-dec a, .comm-cta a, .comm-cta a:hover, .comm-cta a:active, .comm-cta a:-webkit-any-link {text-decoration: none!important;}
.comm-cta p {font-size: 18px; color: #fff; line-height: 20px; margin-bottom: 0; text-decoration: none!important; text-shadow: 1px 1px 4px black;}
.comm-cta span {font-size: 26px; font-weight: 800; text-decoration: none; color: #ad2029;}
.comm-cta:hover {opacity: 0.8;}

.hide-for-now {display: none;}
.product-cta-banner {position: absolute; top: 95px; left: 2%; display: inline-block; z-index: 10;}
.product-cta-float {display: inline-block; width: 160px;}
.product-cta-float img {width: 100%;}
.duncan			{position: absolute!important; display: inline-block; z-index: 1; top: 0; left: 2%;}
.banner-time	{width: 154px; position: relative;}
.banner-time img {width: 100%; margin-top: -100px; animation: banner-anim 0.6s cubic-bezier(0.42, 0, 0.7, 1.31) 1; -webkit-animation: banner-anim 0.6s cubic-bezier(0.42, 0, 0.7, 1.31) 1; -webkit-animation: banner-anim 0.6s cubic-bezier(0.42, 0, 0.7, 1.31) 1;}
.banner-time a img:hover{background:transparent!important;}
.win-select {}
.ninja-style.banner-time {margin-top: -500px;}

.map.full {display: block; height: 300px; background: #ccc url(images/bg/double-glazing-dublin-lisburn-portadown.jpg) no-repeat center center; background-size: cover; position: relative;}
.map .map-float {position: relative; width: 90%; max-width: 1170px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
.map-float h2 	{color: #ad2029; font-weight: 800; text-align: center; font-size: 32px; letter-spacing: 2px;line-height: 2em;}
.map-float p	{color: #ad2029; font-weight: 200; text-align: center; font-size: 20px; line-height: 2.2em;}
.map-float a {  color: #ad2029; font-weight: 500; }
.map-float a:hover {  text-decoration: underline; }
.value-float {display:block; position: absolute; right: 40px; width: 200px;}
.value-float img {width: 100%;}

.show-centre-alert{
	width: 100%;
    background: #636264;
    text-align: center;
    clear: both;
    margin:auto;
    padding: 5px 2%;
    margin-bottom: 20px;
    max-width:96%;
}

.show-centre-alert p{
	color: #fff;
	margin-bottom:0;
	text-transform:uppercase;
	letter-spacing:0.5px;
}
.show-centre-alert p span{
	display: inline-block;
    border-radius: 30px;
    font-size: 16px;
    background: #AD202A;
    width: 27px;
    font-weight: bold;
    margin-right: 10px;
}

/* Halloween */
.halloween-header {
    position: absolute;
    top: -5px;
    left: 30%;
}

.halloween-header img{
	width: 60%;
}

.coffin-fixed {
	position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999999;
}

.coffin-fixed img {
	width: 100%;
}

.portelement_3{float:left!important; margin-right:10px!important;}

/* Xmas */

.xmas {
	/*display: none !important;*/
	position: absolute!important;
	max-width: 80px!important;
	width: 100%!important;
}

.xmasSml {
	max-width: 20px!important;
}
.xmasMed {
	max-width: 40px!important;
}
.xmasLrg {
	max-width: 60px!important;
}
.xmasTopLeft {
	float: left;
	top: 0px;
	left: 0px;
}
.xmasTopRight {
	float: right;
	top: 0px;
	right: 0;
}
.xmasBotLeft {
	float: left;
	bottom: 0px;
	left: 0px;
}
.xmasBotRight {
	float: right;
	bottom: 0px;
	right: 0px;
}
.xmasTopLeft.xmasOverflow {
	margin-left: -20px;
	margin-top: -16px;
}
.xmasTopRight.xmasOverflow {
	margin-right: -20px;
	margin-top: -16px;
}
.xmasBotLeft.xmasOverflow {
	margin-left: -20px;
	margin-bottom: -16px;
}
.xmasBotRight.xmasOverflow {
	margin-right: -20px;
	margin-bottom: -16px;
}
.xmasTopLeft.xmasOverflow.xmasLrg {
	margin-left: -35px;
	margin-top: -35px;
}
.xmasTopRight.xmasOverflow.xmasLrg {
	margin-right: -35px;
	margin-top: -35px;
}
.xmasBotLeft.xmasOverflow.xmasLrg {
	margin-left: -35px;
	margin-bottom: -35px;
}
.xmasBotRight.xmasOverflow.xmasLrg {
	margin-right: -35px;
	margin-bottom: -35px;
}
.home-red-inner {
	position: relative; overflow: visible;
}

.xmasPad {
	padding-right: 2em!important;
}

#snow{
	/*display: none !important;*/
	pointer-events: none;
	background: none;
	font-family: Androgyne;
	background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}

.ie #snow {

		/*display: none !important;*/
	}


@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}



@-webkit-keyframes banner-anim {
	0% 		{margin-top: -500px;}
	20% 	{margin-top: -500px;}
	100% 	{margin-top: -70px;}
}
@keyframes banner-anim {
	0% 		{margin-top: -500px;}
	20% 	{margin-top: -500px;}
	100% 	{margin-top: -70px;}
}
@-moz-keyframes banner-anim {
	0% 		{margin-top: -500px;}
	20% 	{margin-top: -500px;}
	100% 	{margin-top: -70px;}
}


/* XMAS OPEN */
.xmas-open {
	display: block;
	text-align: center;
	padding: 5px;
  background: #AD2029;
}

.xmas-open p {
	margin: 0;
	color: white;
}

/* BLAH */

body.page h2.rouge {color: #ad2029!important;}

.care-form {
	padding: 0 1.5em 1.5em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #ddd;
}
.care-form input[type="text"], .care-form input[type="tel"], .care-form input[type="email"] {display: block;box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;}
.care-form h3 {
	padding-top: 1.65em;
	display: block;
	clear: both;
	text-transform: capitalize;
	font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	color: #ad2029!important;
	font-weight: 700!important;
	margin-bottom: 1.65em;
	letter-spacing: 0;
}
.form-table {
	border-bottom: none!important;
	margin: 0;
	padding: 1.5em 0;
}
.form-table tr {}
.form-table td, .form-table th {padding: 8px;}
.care-form .check-trip span.wpcf7-list-item {}
.care-form .check-trip .wpcf7-list-item.last input {margin-right: 0!important;}
.care-form .wpcf7-form-control-wrap {min-width: 240px;display: block;}

.care-form th div {
	display: inline-block;float: left;width: 33.33%;
	font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
}

.care-form span.wpcf7-list-item input {margin: 0 28px;}
.care-form span.wpcf7-list-item .wpcf7-list-item-label {display: none;}


/* HOME CTA FIX */

.home-red-inner p.sidebar-title {
	font-size: 19px;
	max-width: 82%;
}


/* Customer Satisfaction CTA */

.customCta {
	display: block;
	padding: 3em 6em 1em 1em;
	border-radius: 8px;
	color: #fff;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 1.5em;
	background: #222;
	-webkit-transition: background 500ms ease-in;
	-moz-transition: background 500ms ease-in;
	transition: background 500ms ease-in;
}
.customCta p {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.customCta span {
	font-size: 15px;
	font-weight: 300;
	display: block;
}
.customCta#next {
	background: #3a3a3a url(images/bg/customer-2.png) no-repeat right center;
	background-size: 360px;
}
.customCta#next:hover {
	background: #111 url(images/bg/customer-2.png) no-repeat right center;
	background-size: 360px;
}
.customCta#GGF {
	background: #3a3a3a url(images/bg/customer-1.png) no-repeat right center;
	background-size: 360px;
}
.customCta#GGF:hover {
	background: #111 url(images/bg/customer-1.png) no-repeat right center;
	background-size: 360px;
}



.fixed-replace {
    position: fixed;
    right: 30px;
    bottom: 0;
    width: 400px;
    z-index: 1;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.fixed-replace.hidden {
	opacity: 0;
	visibility: hidden;
}

.fixed-replace .close {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.15);
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.fixed-replace .close .fa {
	color: #fff;
}

.fixed-replace a {
    background: #2762c9;
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px -5px black;
    -moz-box-shadow: 0px 0px 20px -5px black;
    -ms-box-shadow: 0px 0px 20px -5px black;
    -o-box-shadow: 0px 0px 20px -5px black;
    box-shadow: 0px 0px 20px -5px black;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.fixed-replace a .content {
    width: 100%;
}

.fixed-replace a .content .fa {
    color: #fff;
    font-size: 36px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

.fixed-replace a .content .fa.fa-tags {
    float: left;
    padding: 20px 25px;
    background: rgba(0, 0, 0, 0.1);
}

.fixed-replace a .content .fa.fa-angle-double-right {
    position: absolute;
    left: 30px;
    top: 20px;
    visibility: hidden;
    opacity: 0;
}

.fixed-replace a .content p {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    float: right;
    width: calc(100% - 103px);
    margin-top: 14px;
}

.fixed-replace a .content p b {
    color: inherit;
    font-weight: 600;
    margin-right: 3px;
}

.fixed-replace a .image {
    width: 100%;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -150px;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 20px -5px black;
    -moz-box-shadow: 0px 0px 20px -5px black;
    -ms-box-shadow: 0px 0px 20px -5px black;
    -o-box-shadow: 0px 0px 20px -5px black;
    box-shadow: 0px 0px 20px -5px black;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    -o-transform: translateY(150px);
    transform: translateY(150px);
}

.fixed-replace a:hover {
    background: #225aba;
}

.fixed-replace a:hover .fa.fa-tags {
    opacity: 0;
}

.fixed-replace a:hover .fa.fa-angle-double-right {
    visibility: visible !important;
    opacity: 1 !important;
}

.fixed-replace a:hover .image {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.mainoffer{
	background: #0962c5;
    padding: 20px;
    margin-bottom:15px;
    text-align:center;
    width:220px;
    height:220px;
    float:right;
    margin:0 0 15px 15px;
}

.mainoffer:hover{
	background:#328cf3;
}

.mainoffer .small{
	    border: 1px dashed #fff;
    padding: 10px;
    color:#fff!important;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.mainoffer h2{
	color: #fff!important;
	line-height:20px;
	line-height: 22px;
    text-transform: uppercase;
    font-size: 16px!important;
}
.mainoffer h2 span{
    font-size: 24px;
    text-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* */

@media screen and (max-width: 1500px){
.banner-time	{margin-top: -20px;}
}


@media screen and (max-width: 1370px){
.inner-content{padding: 0 2% !important;}
.home-grey-inner p{max-width: 60% !important;}
.rpwe-thumb{max-width: 18% !important;}
.home-grey-inner {min-height: 100px;}
.banner-box:hover .banner-box-text {top:117px;}
.banner-time	{margin-top: -35px;}
.duncan	{left: 1%;}
}


@media screen and (max-width: 1120px){
.navigation ul li a{padding: 0px 7px 7px 7px;}
.sub-menu li a{padding: 7px !important;}
.swipe-text {top: 318px;}
.swipe-text h3 {font-size: 16px!important; font-weight: bold;}
.swipe-box-contain.thirds {padding: 0 2%;}
.home-grey-inner {min-height: 115px;}
p.hide {display: none;}
.banner-box-contain {margin-top: 87px;}
.banner-box			{width: 50%; height: 260px;}
.banner-box-text	{top:190px; padding: 1em;padding-bottom: 600px; height: 300px;}
.banner-box:hover .banner-box-text {top:40px;}
.banner-time	{margin-top: -100px;}
.product-cta-banner {left: 1%;}
.halloween-header {
    left: 33%;
}
.xmasPad {
	float: left!important;
	left: 2em!important;
}
.banner-time img {margin-top: -180px;}
/* #snow {display: none;} */


}
@media screen and (min-width: 1100px){
.show-centre-alert{
	max-width:1150px;
	}

	}

	@media screen and (min-width: 1400px){
.show-centre-alert{
	max-width:1170px;
	}

	}

@media screen and (max-width: 1024px) {
	.fixed-replace a .image {
    display: none;
	}
}

@media screen and (max-width: 980px){
	.side-map {
		display: none;
	}
	.x980 {
		max-width: 50px!important;
		margin-top: -10px;
	}
	.xmasPad {
		float: right!important;
		right: 2em!important;
		left: auto!important;
	}
#login{display: inline-block; float: right;}
#click-to-call {display: inline-block; float: right;}
.call-mob {height: 60px; width:60px; background-color:#272727; font-size: 0; margin-right: 10px; background-image: url(images/click-to-call.png); background-position: center center; background-size: 30px; background-repeat: no-repeat;}
.menu-btn:hover, .call-mob:hover {background-color: #111;}

.mb		{width: 30px; height: 4px; background: #fff; position: absolute;}
.mb.mb1 {top: 20px; left: 15px;}
.mb.mb2 {top: 30px; left: 15px;}
.mb.mb3 {top: 40px; left: 15px;}

.menu-btn.btn-activate  .mb.mb1 {width: 8px;}
.menu-btn.btn-activate  .mb.mb2 {width: 16px;}
.menu-btn.btn-activate  .mb.mb3 {width: 24px;}

.inner-product{width: 50% !important; min-height: 280px !important;}
.home-red-inner, .home-grey-inner{width: 48% !important; margin-bottom: 20px;}
.home-red-inner p.sidebar-title{margin-right: 20px; margin-top: 10px;}
.latest-news-preview{width: 100% !important; padding-right: 0 !important;}
.accreds-left, .accreds-right{width: 100% !important;}
.accreds-right{margin-bottom: 20px;}
.bottom-right, .bottom-left{width: 100% !important; text-align: center;}
.top-left{display: none;}
.top-right{width: 100% !important;}
.top-right p.title, .top-right p{display: none;}
.top-right p.tel{display: block; width: 50%; float: left;}
.social-media{width: 50%; float: right; padding-top: 0 !important; text-align: right;}
.primary-content{width: 100% !important;}
#secondary{width: 100% !important;}
.navigation, .contact{display: none;}
.left{width: 60% !important; margin-right: 5%;}
.right{width: 35% !important;}
header.header{padding: 5px 0 5px !important;}
.product-title{height: 100%; bottom: 0 !important; background: rgba(0,0,0,0.4) !important;}
.product-title p{display: none;}
.product-title p.show{display: block !important;  position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.product-title p.text-title{display: block !important; text-align: center !important; color: #fff !important; font-weight: bold !important; font-size: 20px !important;}
.product-title p.text-title, .product-title a.button{position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.rpwe_widget{display: none;}
.full#showcase{min-height: 20px !important;}
.latest-news-text{padding-left: 2%;}
.home-grey-inner p{font-size: 15px !important; max-width: 70% !important;}
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel], textarea{padding: 6px !important; width: 97% !important; font-size: 26px;}
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel] {width: 50%!important;}
.wpcf7-submit{font-size: 22px !important;}
.swipe-box-contain.thirds {padding: 0;}
.swipe-box-contain {margin: 1em 0;}
.swipe-box {width: 50%;min-height: 350px;}
.swipe-text {background-color: rgba(0,0,0,0.3); min-height:350px; top:0px;}
.swipe-text h3 {text-align: center; color: #fff!important; font-size: 2.5vw!important; display: block; clear: both; margin-top: 100px;}
.swipe-text p {display: none;}
p.swipe-but {padding: 0.6em 1.5em;float: none; margin: 6px 20% 0; display: inherit; font-size: 16px;}
p.swipe-but:hover {background-color: #941e26;}
.swipe-box:hover .swipe-text {background-color: rgba(0,0,0,0.5);}
.swipe-text.bump-up h3 {line-height: 1.6em;}
.accreds-left p {padding: 0 1em 1em;}
.home-grey-inner {min-height: 0;}
.banner-box-contain {margin-top: 74px;}
.banner-box			{width: 50%; height: 300px;}
.banner-box:hover .banner-box-text	{background-color: rgba(0, 0, 0, 0.52);}
.banner-box-text	{top:0; padding: 1em;padding: 100px 0 200px; height: 300px;  background-color: rgba(0, 0, 0, 0.32);}
.banner-box-text p 	{display: none;}
p.banner-box-text-cta {display: block; text-align: center; width: 50%; padding: 0.6em 0; margin: 0 auto; font-size: 18px;}
.banner-box:hover .banner-box-text {top:0;}
.banner-box-text h2 {color: #fff;}
.product-cta-banner {top: 33%;}
.ninja-style.banner-time, .banner-time {margin-top: 0px; width: 100px;}

.map.full {height: 300px; position: relative;}
.map .map-float {width: 80%;}
.map-float h2 	{font-size: 26px; letter-spacing: 0px;line-height: 1.65em;}
.map-float p	{font-size: 17px; line-height: 1.65em;}
.value-float 	{top: 125px;}
.halloween-header {
    position: absolute;
    top: 0;
    left: 50%;
}
}



@media screen and (max-width: 800px){
	.swipe-box-contain.thirds .swipe-box {width: 50%!important;}
	.swipe-box-contain.thirds .swipe-box h3 {font-size: 4vw!important;}
	.video-third {width: 46%; padding: 8px 0 0; margin: 10px 2%;}
	.comm-cta {background: #222 url('images/bg/commercial-cta.png') no-repeat right; background-size: cover;}
	.comm-cta p, .comm-cta span {color: #fff; text-shadow: 3px 3px 6px black;}
	.product-cta-banner {display: none;}
}

@media screen and (max-width: 720px) {
	.fixed-replace {
    left: 0;
    right: 0;
    width: 100%;
	}
	.fixed-replace a .content .fa.fa-pencil {
    padding: 15px 25px;
    font-size: 24px;
	}
	.fixed-replace a .content .fa.fa-angle-double-right {
    font-size: 24px !important;
		top: 15px !important;
	}
	.fixed-replace a .content p {
	    width: 260px;
	    float: left;
	    margin-top: 6px;
	    font-size: 14px;
	    padding: 0 15px;
	}
}

@media (max-width: 700px) {
	.halloween-header {
	    position: absolute;
	    top: 0;
	    left: 50%;
	}
}

@media (max-width: 660px) {
	.halloween-header {
		display: none;
	}
	.home-red-inner p.sidebar-title {
		font-size: 16px;
		max-width: 60%;
	}
}

@media screen and (max-width: 600px){
	#gallery-2 .gallery-item {width: 50%!important;}
	.mid-gal {margin-bottom: 2em;}
	.full-560 {width: 100%;}
	.prodgall {display: block; padding: 0 0 1em; margin: auto; width: 100%;}
	h1, .singular .entry-title, .entry-title {margin: 0.3em 0; font-size: 30px!important;}
	.exc-text	{display: block; float: none; width: 100%;}
	.exc-img, .post-img	{display: block; float: none; width: 50%; box-sizing: border-box; margin: 0 auto; min-width: 240px;}
	.exc-img img{width: 100%; padding: 0;}
	.banner-box			{width: 100%; height: 200px;}
	.banner-box-text, .banner-box-text:hover {top: 0; padding-top: 50px;}
	.col-single			{width: 16%; margin: 0 2% 2vw;float: left;}
	.comm-cta {padding-right: 2em;}
	.ninja-style.banner-time, .banner-time {margin-top: -30px;}
	.value-float {display: none;}
	input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=tel] {width: 97%!important;}

	.care-form {padding: 1em 0;border: none;}
	.care-form .wpcf7-form-control-wrap {min-width: 165px;}
	.care-form span.wpcf7-list-item input {margin: 0 16px;}
	.care-form th div {font-size: 9px!important;}
}



@media screen and (max-width: 480px){
	.x980 {
		display: none!important;
	}
	.xmasPad {
		max-width: 40px!important;padding-right: 1em!important;
	}
header.header{ background: #fff !important;}
.home-red-inner, .home-grey-inner{width: 98% !important; margin-bottom: 10px !important; min-height: 66px !important;}
.latest-news-preview{display: none;}
.full#showcase{margin-bottom: 0 !important; margin-top:50px;}
.home-grey-inner p{font-size: 16px !important; max-width: 80% !important;}
.home-red-inner p.sidebar-title{max-width: 80% !important;}
.sidebar-inner p.sidebar-title{max-width: 80% !important; font-size: 24px !important;}
.sidebar-outline p.sidebar-title, p.latestnews-title{font-size: 24px !important;}
.home-grey-inner#teams{background: #3f4040 url(images/bg/why-choose-grey-1.png) no-repeat center left 10px !important;}
.home-grey-inner#warranty{background: #3f4040 url(images/bg/why-choose-grey-2.png) no-repeat center left 10px !important;}
.home-grey-inner#installation{background: #3f4040 url(images/bg/why-choose-grey-3.png) no-repeat center left 10px !important;}
.home-grey-inner#showroom{background: #3f4040 url(images/bg/why-choose-grey-4.png) no-repeat center left 10px !important;}
.home-grey-inner#professional{background: #3f4040 url(images/bg/why-choose-grey-5.png) no-repeat center left 10px !important;}
.social-media img{width: 40px !important;}
.accreds-left p{font-size: 12px !important; text-align: center;}
.wpcf7-submit{width: 100% !important;}
.swipe-box, .swipe-text {min-height: 200px;}
.swipe-text h3 {margin-top: 50px;}
p.swipe-but {padding: 0.6em 1.5em;float: none; margin: 6px 10% 0; display: inherit; font-size: 14px;}
article.page {margin-bottom:0; padding-bottom: 0;}
.swipe-box-contain.thirds .swipe-box h3 {font-size:14px!important;}
	p.swipe-but {margin: 6px 5% 0; padding: 0.6em 1em;}
	#crikey-mate {display: none;}
	.col-single			{width: 20%; margin: 0 2.5% 2vw;float: left;}
	.banner-box-contain {margin-top: 0;}

.call-mob {height: 50px; width:50px; margin-right: 6px;}
.menu-btn {height: 50px; width: 50px;}

.mb		{width: 30px; height: 4px; background: #fff; position: absolute;}
.mb.mb1 {top: 15px; left: 10px;}
.mb.mb2 {top: 25px; left: 10px;}
.mb.mb3 {top: 35px; left: 10px;}

.menu-btn.btn-activate  .mb.mb1 {width: 8px;}
.menu-btn.btn-activate  .mb.mb2 {width: 16px;}
.menu-btn.btn-activate  .mb.mb3 {width: 24px;}
.home-red-inner p.sidebar-title {	font-size: 18px; }
}

@media screen and (max-width: 380px) {
	.fixed-replace a .content .fa {
		display: none !important;
	}
}

@media screen and (max-width: 360px){
	.call-mob {height: 35px; width:35px;background-size: 20px;}
	.menu-btn.btn-activate  .mb.mb1 {width: 8px;}
	.menu-btn.btn-activate  .mb.mb2 {width: 14px;}
	.menu-btn.btn-activate  .mb.mb3 {width: 20px;}

	.mb		{width: 20px; height: 3px; background: #fff; position: absolute;}
.mb.mb1 {top: 10px; left: 8px;}
.mb.mb2 {top: 16px; left: 8px;}
.mb.mb3 {top: 22px; left: 8px;}

.menu-btn {height: 35px; width: 35px;}

.ninja-style.banner-time, .banner-time{
	width: 80px;
}
	.care-form .wpcf7-form-control-wrap {min-width: 146px;}
	.care-form span.wpcf7-list-item input {margin: 0 11px;}
	.care-form th div {font-size: 8px!important;}
}

/* DATE STUFF */

.bulletin {
	background: #ad2029;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: -25px 0 25px;
	padding: 2em;
}
.bullecon {display: block;margin: auto;max-width: 800px;}
.bulletin img {margin: 0 auto 8px;display: block;}
.bulletin	p, .bulletin span {	text-align: center!important; margin: 6px auto; color: #fff; text-shadow: 1px 1px #8c1b22; display: block;}
.bulletin	span {text-transform: uppercase; padding-bottom: 8px; border-bottom: 2px solid #fff; width: 120px; margin-bottom: 10px;}
.page-template-sidebar-page-php .bulletin {padding: 1.5em 2em;}


.home-grey-inner.home-blue {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  margin-top: 10px;
  padding: 12px!important;
  padding-left: 70px!important;
  font-size: 12px;
  font-weight: 400;
  min-height: 0!important;
  background: #3b5998 url(images/bg/turkington-windows-facebook.png) no-repeat 20px center;
  background-size: 24px;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms;
}
.home-grey-inner.home-blue:hover {
	background-color: #304a81;
}

.home-grey-inner.home-red {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  margin-top: 10px;
  padding: 12px!important;
  padding-left: 70px!important;
  font-size: 12px;
  font-weight: 400;
  min-height: 0!important;
  background: #d34931 url(images/bg/turkington-windows-gplus.png) no-repeat 20px center;
  background-size: 24px;
  -webkit-transition: background 200ms;
  -moz-transition: background 200ms;
  -o-transition: background 200ms;
  transition: background 200ms;
}
.home-grey-inner.home-red:hover {
	background-color: #b4402c;
}

@media screen and (max-width: 980px){
	.home-grey-inner.home-blue { float: left; }
}
@media screen and (max-width: 480px){
	.home-grey-inner.home-blue { font-size: 16px }
}


.subdomext a{
	background: #231f20;
    color: #fff!important;
    -webkit-transition: ease 200ms;
    -moz-transition: ease 200ms;
    -o-transition: ease 200ms;
    transition: ease 200ms;
    padding: 0px 5px!important;
    margin-top: 13px;
    margin-left:5px;
    line-height:25px!important;
    font-size: 12px!important;
    font-weight: normal!important;
    border-radius: 3px;
}

@media screen and (max-width: 1120px){
	.subdomext a{
		margin-top:3px;
	}
}

.subdomext a:hover{
	background:#ad2029;
	border:0!important;
}

.navigation ul li.subdomext:hover{
		outline:0!important;

}
