@charset "utf-8";
/* CSS Document */


:root {--pr_pink:#FF0066; --pr_light_pink:#FFCCE0;}

@font-face {font-family: 'open_sanslight';src: url('/fonts/opensans-light-webfont.eot');src: url('/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/opensans-light-webfont.woff2') format('woff2'),url('/fonts/opensans-light-webfont.woff') format('woff'),url('/fonts/opensans-light-webfont.ttf') format('truetype'),url('/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'open_sansregular';src: url('/fonts/opensans-regular-webfont.eot');src: url('/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/opensans-regular-webfont.woff2') format('woff2'),url('/fonts/opensans-regular-webfont.woff') format('woff'),url('/fonts/opensans-regular-webfont.ttf') format('truetype'),url('/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');	 font-weight: normal;font-style: normal;}

@font-face {
	font-family: 'Cinzel-Regular';
	src: url( /fonts/webfonts/Cinzel-Regular.eot );
	src: url( /fonts/webfonts/Cinzel-Regular.eot?#iefix ) format('embedded-opentype'),
		 url( /fonts/webfonts/Cinzel-Regular.woff ) format('woff'),
         url( /fonts/webfonts/Cinzel-Regular.ttf ) format('truetype'),
         url( /fonts/webfonts/Cinzel-Regular.svg ) format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Kiona-Regular';
	src: url(/fonts/webfonts/Kiona-Regular.eot);
	src: url(/fonts/webfonts/Kiona-Regular.woff) format('woff'),
		 url(/fonts/webfonts/Kiona-Regular.ttf) format('truetype'),
		 url(/fonts/webfonts/Kiona-Regular.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}




html {
  scroll-behavior: smooth;
}


.m_section{width:100%; margin-left:20px; padding: 3px 5px 3px 5px;display:inline-block;}
.glory_type {width:99%;font-size:1.5em}
.sec_sub2{width:99%; font-size:1.1em;font-weight:600;}
.sec_copy2{width:95%; font-size:0.9em; margin-left:20px; margin-right:20px;}
.sec_copy3{width:95%; font-size:0.9em; margin-left:20px; margin-right:20px; text-align:left;}



.i1_wide{width:100%;}
.i1_medium{width:100%;}
.i1_small{width:100%;}

.p_image_window {display: block; margin-left: auto; margin-right: auto; width:80%;}	


.slider-wrapper {
  margin: 1rem;
  position: relative;
  overflow: hidden;
}
.slides-container {
  
  height: 150px;
  width: 100%;
  display: flex;
  list-style: none;
  margin: 0px 0px 0px 30px;
  padding: 20px 10px 0px 0px;
  overflow: scroll;
  scroll-behavior: smooth;
}
.slide {
  width: 230px;
  height: auto;
  flex: 1 0 230px;
}


.slide-arrow {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 4rem;
  background-color: white;
  border: none;
  width: 2rem;
  font-size: 3rem;
  padding: 0;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 100ms;
}
.slide-arrow:hover,
.slide-arrow:focus {
  opacity: 1; background-color:#FFCCE0;
}
#slide-arrow-prev {
  left: 0;
  padding-left: 0.25rem;
  border-radius: 0 2rem 2rem 0;
   background-color:#FF0066;
}
#slide-arrow-next {
  right: 0;
  padding-left: 0.75rem;
  border-radius: 2rem 0 0 2rem;
   background-color:#FF0066;
}

.slides-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/* WebKit */
.slides-container::-webkit-scrollbar { 
    width: 0;
    height: 0;
}


.sign_size {position: absolute;
		left:-100px;
		top:420px;
		z-index:4;
		color: #333;
		text-align:left;
		font-size: 14px;
		font-family:open_sansregular, Arial, Helvetica, sans-serif;
	}




.b_image1{background-image: url("/house-signs/images/background1.jpg");
			background-colour:#FFFFFF;}
			
.b_white {background:#FFFFFF;}
.b_grey{background:#CCCCCC;}
.b_d_grey{background:#222;}
.b_l_grey{background:#E7E8ED;}
.b_black{background:#000000;}
.b_pink_s{background-image: linear-gradient(#ff0066,#ff0066,#ff0066, #fff);}
.b_pink{background:#ff0066;}
.b_d_grey_grad{background:#222;
background-image: linear-gradient(to right, #000 , #222, #222, #222, #000);}  
.b_pink_grad{ background-color:#ff0066; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #000 , #ff0066, #ff0066, #ff0066, #000);}
  
.b_sand{background:#F1F1EB;}

.mini-logo {width: 100%; margin: 10px auto; text-align:center;}
.mini-logo2 {text-align:center; display:inline-block; vertical-align:middle; padding-bottom:8px; padding-left:10px;}
.sat_logo{display: block; margin-top: 25px; margin-left: auto; margin-right: auto; width: 48%; }
.fila0 {fill:#5F5F5F}
.fila1 {fill:#B0B0B0}
.fila2 {fill:#ff0066}	
.pad{padding:15px 0 15px 0;}
.pad2{padding:40px 0 40px 0;}

.pink_line{ border-bottom: 1px solid #ff0066; width:100%; margin:0 auto; text-align:center; padding-top:20px;}
.pink_line_w{ background-color:#ff0066; width:100%; height:8px;}

.text-center{text-align:center;}
.text-left{text-align:center;}
.window_top {border: none;outline: 0;color: #DDD;padding: 18px 0px 0px 0px;text-align: center;width: 96%;margin:0 auto;font-size: 18px;font-family:open_sansregular;}


html, body {max-width: 100%;overflow-x: hidden;}

h3{font-weight:600; font-size:45px; color:#555;}
body  {font-family:open_sanslight, Arial, Helvetica, sans-serif;text-align:center;color:#000000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* Breadcrumbs Page Head */
.p_head_space{height:80px;}
.crumbs a:link {color: #ff0066;color: var(--pr_pink);}
.crumbs a:hover {color:#ff0066; color: var(--pr_pink);}
.crumbs{height:20px; width:100%;}
ul.breadcrumb {padding: 0px  15px;list-style: none;color:#909090;display: inline;}
ul.breadcrumb li {display: inline;font-size: 13px;font-family:open_sansregular;color:#909090;}
ul.breadcrumb li+li:before {padding: 8px;color:#ff0066;color:var(--pr_pink);content: "|\00a0";}
ul.breadcrumb li a {color:#909090;text-decoration: none;}
ul.breadcrumb li a:hover {color:#ff0066;color:var(--pr_pink);text-decoration: none;}
/* -------------------- */

/* Main Page Structure */

.p_head-title{width:95%;margin:0 auto; background-color:#fff;position: relative;top:20px; background: rgba(255, 255, 255, 0.7);-moz-box-shadow: 0 0 20px #666; -webkit-box-shadow: 0 0 20px #666; box-shadow: 0 0 10px #666; z-index:8; }
.p_sub {text-align:center;color:#666666; font-size:14px; width: 100%;margin:0 auto;padding-bottom:10px;} 
.p_title {text-align:center;color:#333333; font-size:23px; width: 100%;margin:0 auto; padding-top:10px;}	
.p_head-container {
		position:relative;
		width:100%;
		margin:0 auto 10px;
		height:auto;
		text-align:left;
	 	background-position: center;
	 	background-repeat: no-repeat;
	 	background-size: cover;
		}		
.oneclick{ color:#F30; font-weight:600;}
.dtool{ font-weight:600;}
.oc_sub {text-align:center;color:#555555; font-size:18px; width: 100%;margin:0 auto;padding-bottom:10px;} 
.oc_title {text-align:center;color:#444444; font-size:28px; width: 100%;margin:0 auto; padding-top:10px;}
.oc_type {text-align:center;color:#555555; font-size:14px; width: 100%;margin:0 auto;padding:5px 10px 10px 5px;} 	



.p_container{width:100%;margin:0 auto;text-align:left;} 
.p_section{width:100%;margin:0 auto;max-width:1440px; display: inherit; height:auto; position:relative;}
.p_section a:link {color: black;}
.p_section a:hover {color:#ff0066; color: var(--pr_pink)}
.p_section_wide{width:100%;margin:0 auto; display: inherit; height:auto; position:relative;}

.p_head-des {width:100%;margin:0 auto;max-width:1440px;font-family:open_sansregular;text-align:center; font-size:1.3em; color:#fff; padding:4px;}
.p_head-des2 {width:100%;margin:0 auto;max-width:1440px;font-family:open_sansregular;text-align:center; font-size:1.3em; color:#000; padding:8px;}
.p_head-des-b {font-size:1.8em; font-weight:500;}

.bespoke_title{font-family:open_sansregular; font-size:24px; text-align:center;margin-bottom: 45px;margin-top:45px;}
.promo{font-weight: bold; font-size:30px; color:#fff; padding-left:10px; text-align:center;}
.why{width:30%; paddding: 9px 9px 9px 9px; display:inline-block; font-weight:600; font-size:24px; color:#DFDFDF; font-style:italic; margin: 6px 0 6px 0;}
.check{color:#ff0066; color:var(--pr_pink); }


.clearfix {clear: both;}
.clearfix:after {clear: both;content: "";display: table;}

.split{ width:100%; height:20px; display:inline-block; }
.split_half{ width:100%; height:10px; display:inline-block; }
.splits{ width:100%; height:2px; display:inline-block; }

/* -------------------- */

.oneclick_link{float:left; margin:1.5% 1.5% 1.5% 1.5%; display: inline-block;text-align: center;outline: 0;width:200px;height:142px;background:#DDD;border: 1px solid #FFFFFF;border-radius:0px;;cursor:pointer;	font-family:open_sansregular;font-size:17px;color:#FFF;}
.oneclick_link:hover {border: 1px solid #FF0066;}
.oneclick_off{display: none;}



/* TESTIMONIAL */
.testimonial {border: 1px solid #BBB;text-align:left;display: table-cell;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.testimonial p {font-style: italic;margin-bottom: 0;color:#555;}
.testimonial p.testiname {font-style: normal;font-size: 18px;display: block;padding-bottom: 0;    margin-bottom: 20px;margin-top: 0px;}
.testimonial p.testiname strong {font-weight: 600;letter-spacing: -0.6px;color:#000;}
.testimonial .rating {margin-top: 20px;}
.col-tes {margin-bottom: 30px;  display: inline-block;vertical-align: top;width:29%; padding-right:2%; padding-left:2%;}
.box {background-color:#FCFCFC;padding: 3rem;position: relative; float:left;z-index: 2;font-family:open_sansregular;}
.box p {padding: 0;margin-bottom: 15px;}
.box i {margin-bottom: 30px;display: inline-block;line-height:1;font-size:46px;}
.box h4 {font-size: 20px;font-weight:700;margin-bottom:20px;padding:0;}
.bespoke_title{font-family:open_sansregular; font-size:24px; text-align:center;margin-bottom: 45px;margin-top:45px;}
.section-title {margin-bottom: 45px;margin-top:45px;font-family:open_sanslight;}
.section-title h3 {margin: 0 0 25px;padding:0;line-height:1;font-size: 30px;font-weight:700;}
.section-title p {max-width:80%;margin:0 auto;padding:0 10px 0 10px;font-size:16px;font-style:italic; color:#333;}

.fa{}
.fa-star{ width:20px;height:20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpolygon points='15.396,18.529 9.956,15.646 4.498,18.494 5.557,12.43 1.162,8.119 7.256,7.252 10,1.739 12.707,7.269 18.796,8.173 14.375,12.457' style='fill:Gold;stroke:Gold;fill-rule:nonzero;'/%3E%3C/svg%3E");
}
.fa-star-o{ width:20px;height:20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 20 20' enable-background='new 0 0 20 20' xml:space='preserve'%3E%3Cpolygon points='15.396,18.529 9.956,15.646 4.498,18.494 5.557,12.43 1.162,8.119 7.256,7.252 10,1.739 12.707,7.269 18.796,8.173 14.375,12.457' style='fill:White;stroke:Gold;fill-rule:nonzero;'/%3E%3C/svg%3E");
}
.rating {display: block;}
.rating i {color: #f4af0b !important;margin-bottom: 0;padding-bottom: 0;line-height: 1;display: inline-block;font-size: 15px;}
/* -------------------- */


.specs{ margin:5% auto; width:90%;  border-radius:5px; padding:8px 0 1% 0px; background-color:#FFF; display: table; color:#000; background: rgba(255, 255, 255, 0.7);-moz-box-shadow: 0 0 20px #666; -webkit-box-shadow: 0 0 20px #666; box-shadow: 0 0 20px #666; z-index:8;}
.specs_head{ margin:1% 0% 1% 0; width:100%; background-color: #FFF; float:left; display:table-row-group; text-align:center; font-size:30px;} 
.specs_title{ margin:5px 1% 5px 1%; width:25%; background-color: #EEE; float:left; padding:3px 6px 3px 6px; display:table-row-group;color:#333; font-weight:600;}  
.specs_content{ margin:5px 3% 5px 0%; width:61%; background-color: #EEE; float:right; padding:3px 0 3px 10px; display:table-row-group;color:#333;font-weight:600;} 

@media (min-width: 1801px) {.i1_wide { display: inline-block; width:100%;} .i1_medium { display: none; } .i1_small { display: none; }
}

@media (max-width: 1800px) {.i1_wide { display: none; } .i1_medium { display: inline-block;  width:100%;} .i1_small { display: none; }
}


@media only screen and (max-width: 1150px) 
{.section-box li { font-size:1.4em;}.section-image{min-width: 96%; margin:0 auto; float:none; text-align:center; display: block;}.section-box{width: 96%;margin:0 auto; float:none; text-align:left; padding-left:30px;}.window_top { font-size: 1.8vw;}.why{font-size: 1.8vw;}.responsive {width: 49.99999%;margin: 6px 0;}.tablink {font-size: 14px;padding: 12px 2px;}
.section-video{max-width:100%;}
.col-tes {margin-bottom: 20px;width:90%; display: inline-block;}	.testimonial {min-height:0px; margin-left:5%; margin-right:5%; width:90%;}.box {padding:0;}.box p{padding:8px;;}.rating{padding: 8px;}.section-box li { font-size:1.4em;}.media3{width:98%; padding-top:10px;}
.bespoke_title{ font-size:2.4vw; text-align:center;margin-bottom: 25px;margin-top:25px;}

}
@media only screen and (max-width: 1400px) {.sign_size {left:10px; top:360px;}

@media only screen and (max-width: 890px) 
{.section-box li { font-size:1.3em;}.opt_value{ font-size:14px;}.fontface { width:90%;}.media1{width:98%;}.media2{width:98%;}.window_top {font-size: 2.3vw; }.why{width:100%;font-size: 2.8vw;}.head-con-mid{ display:none;} .head-con-right {display:none;}.head-con-mid2{ display:none;} .head-con-left { width:100%;}.title {font-size: 4.2vw;}.sub {font-size: 2.6vw;}

}


@media only screen and (max-width: 790px) 
{.opt_value{ padding:10px 0 3px 0;}.materials {padding: 0 0 5px 5px;float: left;width: 24.37%;}.led-colour {padding: 0 0 5px 5px;float: left;width: 24.37%;}
.i1_wide { display: none; } .i1_medium { display: none; } .i1_small { display: inline-block; }

}


@media (max-width: 620px) 
{.section-box li { font-size:1.2em;}.tablink {font-size: 10px;padding: 12px 2px;} .title {font-size: 7.0vw;}.sub {font-size: 3.8vw;}.window_top {font-size: 2.9vw; }.why{width:100%;font-size: 3.8vw;}

.section-box{padding-left:10px;}
.select {width: 23em;}
.glory_type {width:360px;font-size:1.5em}

}

@media only screen and (max-width: 550px) 
{.responsive { width: 100%;}.desc-m{font-size:0.6em; padding: 4px 2px 4px 2px; height:40px;}.desc-sl{font-size:0.6em; padding: 4px 2px 4px 2px; height:40px;}}