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


body {
    margin: 0;
    font-family: "Lato","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #686E7D;
	text-align: center;
}

.bg-white { background-color:#FFFFFF; }


.navbar {padding: 1rem 1rem;}


.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 0rem;
	
	}
	
	.navbar-light .navbar-toggler {
    color:#ED1C24;
	}


.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(237, 28, 36)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.navbar-light .navbar-nav .nav-link {
    color: 
    rgba(0,0,0,.9);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 0px solid rgba(0,0,0,.15);
    border-radius: 0rem;
}


.dropdown-item {
    display: block;
    width: 100%;
    padding: .5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;

}


.navbar-nav li { padding-right:20px;

}

.carousel-caption, .p { 
	font-size: 1.4rem; 
	margin-bottom: 1rem; 
	text-shadow: 1px 1px 4px #000;
	
	}
	
	
.carousel { 
	border-bottom: 4px solid #ED1C24;
}


.carousel-item {
	max-height: 500px;
  	min-width: auto;	
	}
		
	
.header-contact { 
	background:url(../img/bg-signwork-boat-vinyls.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF; 
	padding:30px 0 20px 0; 

}	


.header-internal { 
	background:url(../img/bg-signwork-internal-signs.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF; 
	padding:30px 0 20px 0; 

}	


.header-external { 
	background:url(../img/bg-signwork-external-signs.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF; 
	padding:30px 0 20px 0; 

}

.header-school { 
	background:url(../img/bg-signwork-school-signage.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF; 
	padding:30px 0 20px 0; 

}


.header-bespoke { 
	background:url(../img/bg-signwork-bespoke-signs.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF; 
	padding:30px 0 20px 0; 

}	


.header-privacy { 
	background:url(../img/bg-signwork-shop-signage.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF; 
	padding:30px 0 20px 0; 

}


.header-wall { 
	background:url(../img/bg-signwork-wall-graphics-thin.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF; 
	padding:30px 0 20px 0; 

}


.page-header p {
	text-shadow: 1px 1px 4px #000;
}
	
.spacer { margin-top:50px; }

.grey { background-color:#F4F5F7;}
	
	
.redline {
    background-color: #ed1c24;
    height: 2px;
    width: 30%;
    margin: 0 auto;
	margin-bottom: .5rem;
}

.greenline {
    background-color: #B8D200;
    height: 2px;
    width: 30%;
    margin: 0 auto;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}


.btn-primary {
    color: #fff;
    background-color: #ED1C24;
    border-color: #ED1C24;
	}
	
	
a:not([href]):not([tabindex]) {
    color: #FFF;
    text-decoration: none;
}
	

.pointer-link { 
            cursor: pointer; 
        }

	
.btn-primary:hover {
    background-color: #9A1116;
    border-color: #9A1116;
	}
	
	
	
.btn-white {
    color: #ED1C24;
    background-color: #FFF;
    border-color: #FFF;
	}
	
	
.btn-white:hover {
	color: #9A1116; 
	background-color:#FFF;
    border-color: #FFF;
	}
	
	
.red { background-color:#ED1C24; padding-bottom:20px; }

.testname { font-size: 1.2rem;}

.redtext { color:#ED1C24; }

.logo { padding:30px 0;}


footer a { color:#FFFFFF; }

footer a:hover { color:#9A1116; }



/* fonts */

.h1, h1 { 
	font-size: 3rem;
	color:#ED1C24;
	font-weight:900;
	margin-bottom: 1rem;

	}

.h2, h2 { 
	font-size: 4rem;
	color:#FFFFFF;
	margin-bottom: 1rem;
	text-shadow: 2px 2px 8px #000;

	}
	
	
.h3, h3 { 
	font-size: 3rem;
	color:#FFF;
	font-weight:900;
	margin-bottom: 1rem;
	margin-top: 2rem;

	}
	
	
a { color:#000000; }	
	
a:hover {
    color: #ED1C24;
    text-decoration: none;
    background-color: transparent;
}

.navbar-light .navbar-text a:hover {

    color: #ED1C24;

}


.white { color:#FFFFFF;}

.copyright { font-size: .8rem; padding-top:20px; }



/* Responsive media queries
==================================================*/


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:pointer;
}

.hovereffect .overlay2 {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}


.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}


.hovereffect h4 {
color:#fff;
position:relative;
top: 0;
font-size:1.6rem;
background:rgba(0,0,0,0.6);
padding:20px 0;
border-bottom:solid 2px #ED1C24;
}


.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}


/* form */

input { width:100%; margin-bottom:20px; border: 0px; background-color:#F4F5F7; padding:10px 10px 10px 20px; }

textarea { width:100%; margin-bottom:20px; border: 0px; background-color:#F4F5F7; padding:10px 10px 10px 20px; }


.form-control {
    display: block;
    width: 100%;
    height: calc(2em + .75rem + 2px);
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #686E7D;
    background-color: #F4F5F7;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/* cookie */



#cookie-bar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2000;

}

#cookie-bar {
    line-height: 24px;
    color: #eeeeee;
    text-align: center;
    padding: 12px 0;
    width: 100%;
    color: white;
    background-color: #000;
    display:none;
}

.cb-enable {
    border-radius: 10%;
    margin-left: 100px;
    color: white;
    padding: 12px 32px;   
    border-radius: 0%;
    font-family: serif;
    text-decoration: none;
    transition: .3s background-color;
	font-family: Helvetica, Arial, sans-serif;



 }

.cb-enable:hover {
    background-color: #ED1C24;
	color:#FFF;
}


.cb-policy {
    color: white;
    text-decoration: none;
}

.cb-policy:hover {
    color:#ED1C24;
}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}