/*
CTC Separate Stylesheet
Updated: 2023-09-23 08:57:44
*/

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
background: none;
}


/*--------------------------------------------------------------
	# WIDGET AREAS
--------------------------------------------------------------*/

/* ## MAIN WIDGETS AREAS */
.widget-area ul,
.widget-area ul ul,
.yoyo > .widget-container {
	padding: 0;
	list-style: none;
	list-style-image: none;}

.widget-container {
	position: relative;
	margin: 0 0 2.2em 0;
	padding: 0 1em;
	border:1px solid; border-radius:3px; border-color:#111111; 
}

.widget-container a {color:#0A6CFF; text-decoration: none; font-weight: 400;}
.widget-container a:hover {color: #8B6C31;  text-decoration: none; font-weight: 400;}




.widget-container::after {
	content: "";
	clear: both;
	float: none;
	display: block;
}

.widget-container > * {
	max-width: 100%;
	line-height: 1.8;
}

.widget-container ul ul {
	margin-left: 1em;
	margin-top: 1em;
}

.widget-container ul li {
	float: none;
	display: block;
	margin-bottom: 0.5em;
	word-wrap: break-word;
}

.widget-container ul li:not(:last-child) {
	border-bottom: 1px solid rgba(0,0,0,.05);
	padding-bottom: .5em;
}

#colophon .widget-container ul li {
	border-bottom-color: rgba(255,255,255,.075);
	
}


.widget-title,
#comments-title,
#reply-title,
.related-posts .related-main-title,
.main .page-title,
#nav-below em,
.lp-text .lp-text-title,
.lp-boxes-animated .lp-box-title {
	background-image:none;
	position: relative;
	display: inline;
	background-repeat: no-repeat;
	background-size: 0;
	background-position: 0;
	color:#333;
}

.widget-title::after,
#comments-title::after,
#reply-title::after,
.related-posts .related-main-title::after,
.main .page-title::after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	background: transparent;
}



.christmascontainer {
width:100%;
padding:15px 0px;
background-color:#cccccc;
display:flex;
align-items: center;
justify-content: center;
}
.btn {
padding:10px 40px;
background:#212120;
border:0;
outline:none;
cursor:pointer;
font-size: 22px;
font-weight:500;
border-radius:5px;		
}
.popup {
max-width:1000px;
background:#fff;
z-index: 6;
border-radius:6px;
position:absolute;
top:0;
left: 50%;
transform: translate(-50%,-50%) scale(0.1);
text-align:center;
padding:0 30px 30px;
color:#333;
visibility:hidden;
transition:transform 0.4s, top 0.4s;
word-break: normal;
box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
}
.open-popup {
visibility:visible;
top:50%;
transform: translate(-50%,-35%) scale(1);
}
.popup h2 {
font-size: 38px;
font-weight:500;
color:111;
margin: 30px 0 10px;
}
.popup button {
margin-top: 10px;
padding:10px 10px;
background:#B2935A;
color:#fff;
border:0;
outline:none;
cursor:pointer;
font-size: 18px;
font-weight:500;
border-radius:4px;	
box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);
}


.heroImage {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("https://www.sblp.co.uk/wp-content/uploads/main-header-14.webp");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}


.heroImage1 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/a.webp");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	width:100%;
}

.heroImage2 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/b.webp");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	width:100%;
}

.heroImage3 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/c.webp");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	width:100%;	
}

.heroImage4 {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0, 0, 0, 0.0)), url("/img/d.webp");
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	width:100%;	
}




.heroContents {
	padding: 50px 3% 50px 3%; 
	text-align: left;
	color: white;
}
.heroContents  h1{
color: white;
font-size:200%;
text-shadow: 0px 0px #111;
}

.bookButton {
  background-color: #1B48E0;
  border: none;
  color: white;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: fpx;
}


	
.img-op { opacity: 0.8; filter: alpha(opacity=50); /* For IE8 and earlier */}
.img-op2 { opacity: 0.8; filter: alpha(opacity=50); /* For IE8 and earlier */}
.img-op:hover {opacity: 1.1; filter: alpha(opacity=100); /* For IE8 and earlier */}	
	
.hero-container {position: relative;text-align: left;color: white;}
.hero-box { text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); background:rgba(0, 0, 0, 0.10);color:white;padding:15px;}
.hero-h1 {color: white;
font-size:300%;
text-shadow: 0px 0px #111}

.sliderbox {display: inline-block;}
.sliderboximage {margin-right: 10px;}
.sliderboximage  a {color:#1d7aeb; text-decoration: none; font-weight: 500;}
.sliderboximage  a:hover {color:#fe0000;text-decoration: underline; font-weight: 500}
.img-op5 { background:#fff; opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}
.img-op5:hover {background:#fe0000; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}	

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #000002; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #111112; 
}


.hiddenonmob{display:inherit }
.showonmob{display:none !important;}
.maincontainer {margin-left: auto; margin-right: auto; margin-top:5px; margin-bottom:0px; text-align: left; max-width:1400px; padding:0%;  background-color: #fff;}


.bot-menu {padding:15px 0;  color:#fffffe; margin:0; }
.bot-menu a {color:#fffffe; padding:15px 1%; font-weight:normal; margin-left:0}
.bot-menu a:hover {color: #fff; background-color: #111112;  padding:22px 1%; margin-left:0}
.bot-menu ul {margin: 0; padding: 0;}
.bot-menu ul li {display: inline; line-height: 1.5; padding:0px}


.nobordercontainer {border:1px solid; border-radius:3px; border-color:#dedede; padding:5px 2%;  background-color: #fff; margin-bottom:10px}
.formcontainer {border:1px solid; border-radius:3px; border-color:#dedede; padding:5px 2%;  background-color: #fff; margin-bottom:10px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}

.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjfour{float:left; width:25%; margin-bottom:10px;}
.tj75{float:left; margin-right:1%; padding-right:1%; width:75%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:23%; margin-bottom:10px;}

a {text-decoration: none; font-weight: 700;}
a:active, a:hover {color: #222222; font-weight: 700;}
b,strong {font-weight: 700;}
img {max-width:100%; height:auto}
.clear {clear:both;}
.hide {display: none;}


@-ms-viewport{width:device-width;}
@viewport{width:device-width;}
@media screen and (max-width:600px)
{

.nomob{display:none !important;}
.hiddenonmob{display:none !important;}
.showonmob{display:block !important;}
.tjtwo {float:left; width:99.5%; margin-bottom:10px;}
.tjthree{float:left; width:99.5%; margin-bottom:10px;}
.tjfour{float:left; width:99.5%; margin-bottom:10px;}
.tj75{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}

}



@media screen and (min-width:601px)
{
.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjfour{float:left; width:50%; margin-bottom:10px;}
.tj75{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%;width:100%; margin-bottom:10px;}
}




@media screen and (min-width:640px)
{

}


@media screen and (min-width:783px)
{
.tjtwo {float:left; width:50%; margin-bottom:10px;}
.tjthree{float:left; width:33.33%; margin-bottom:10px;}
.tjfour{float:left; width:25%; margin-bottom:10px;}
.tj75{float:left; margin-right:1%; padding-right:1%; width:75%; margin-bottom:10px;}
.tj25{float:left; margin-right:0%; padding-right:0%; width:23%; margin-bottom:10px;}
}