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

body{ padding:0 0 !important; font-size:14px; font-family: 'Assistant', sans-serif; color:#333!important; font-weight:400; line-height:16px;}

header{border-bottom:1px solid #eee; margin-bottom:25px;}
header .row{margin-bottom:0;}
header .img-fluid{border:none;}

.logo img{margin:10px 0; height:auto; width:auto;}
.contact {margin-top:20px;}
.contact a{font-size:14px; margin-left:10px; text-decoration:none; }
.contact .telephone{ color:#193a8b; font-weight:600; font-size:18px;}

nav{ float:right; padding:0 0!important; font-size:14px; margin-top:40px;}
.navbar{border-radius:0;}
.nav-item a{ color:#444; border-right:1px solid #eee; text-decoration:none; margin:0 0; }
.nav-item a:hover{ color:#193a8b;}
.navbar-nav .nav-item+.nav-item{ margin-left:0;}
.navbar-nav .nav-link{ padding:0 30px;}

.carousel{margin:-25px 0 30px 0!important;}
.carousel-item{background-color:#f6f6f9!important;}
.carousel-caption{ padding:15px 15px; text-align:center;top:48%;  bottom:auto; text-shadow:none; color:#fff; font-family: 'Abhaya Libre', serif; text-transform:uppercase; font-size:20px; background:#193a8b; }
#map{width:100%; height:350px; margin-bottom:-25px;}

.carousel-control.left, .carousel-control.right{ background:none; top:48%; font-size:40px; width:8%;}
.carousel-caption a { color:#fff; text-decoration:none;}

h6{font-family: 'Abhaya Libre', serif; text-transform:uppercase; color:#193a8b; font-weight:800;font-size:18px; margin:0 0 15px 0;}

.card{border:none; border-radius:0; display:block!important;text-align:center; background:none;}
.card h6{margin:15px 0 0 0!important;}
.card img{ border-radius:0;padding:0 0 !important;  margin:0 0 20px 0 !important;}
.card-block{ padding:0 0; z-index:100;  position:relative; display:inline-block;  }
.card-block a{ color:#fff; text-decoration:none;background:#193a8b; padding:10px 14px; font-size: 16px;}
.card-block a:hover{ background:#fff; color:#193a8b; border:1px solid #eee;}

footer{ background:#193a8b; padding:20px 0 15px 0; color: #fff; margin:25px 0 0 0; font-weight:300;}
footer ul{list-style-type:none; padding:0 0!important; margin:0 0; }
footer ul li{ display:inline-block; border-right: 1px solid rgba(255,255,255,0.2); line-height:12px !important; padding:0 5px;}
footer a{ color:#fff; text-decoration:none;  }
footer a:hover{ color:#ccc; text-decoration:none;}
footer address{ margin-bottom:0px;}
footer hr{ border: 0; height: 0;  border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.05);	margin:20px 0 15px 0;}

a{ color:#444; text-decoration:underline;}
.small{ font-size:12px;font-weight:300;}

.bg{ background:#f6f6f9; margin:25px 0 0 0; padding:25px 0 25px 0;}

ol li, ol li p{ margin:10px 0;}

.form-control{ border-radius:0; font-family: 'Assistant', sans-serif;
 font-size:12px; margin-bottom: 5px; border-color:#eee; }
label{ font-weight:400; padding-top:8px;}
.btn-primary{ background:#193a8b!important; border-radius:0; font-family: 'Abhaya Libre', serif; text-transform: uppercase; font-size: 16px; padding: 10px 14px; margin-top: 5px; font-weight:800; border:1px solid #193a8b; text-decoration:none;}

.container-fluid{ margin-bottom: 0;}
.container-fluid .col-xs-12{ padding:0 0;}
.container-fluid .row{ margin-bottom: 0;}


p{margin:0 0 10px 0;}
.btn-primary:hover{  background:#fff!important; color:#193a8b; border:1px solid #eee;}

.quotes {display: none; font-style:italic;}
.quotes strong{ font-style:normal;}
.testimonials{margin:25px 0;}
.testimonials .btn{margin-top:15px;}

nav button{ float:right;}
button:focus{ outline:none;}
.navbar-toggler{ padding: 0 0;}
.fa-bars{ color:#193a8b; font-size:26px!important;}


p.jcarousel-pagination{display:none!important;}
.jcarousel-wrapper{border:none; box-shadow:none; margin-top:0!important;}
.jcarousel-control-prev, .jcarousel-control-next{ box-shadow:none; background:rgba(255,255,255,0.7); color:#193a8b; }

.jcarousel-wrapper a:hover,.jcarousel-wrapper a:active, .jcarousel-wrapper a:focus{text-decoration:none;}
/*Bootstrap Bug Fix - Should stop the body shifting right when opening a modal*/
	.modal
	{
	overflow-y: auto;
	}
	.modal-open
	{
	overflow:auto;
	overflow-x:hidden;
	}
/*End Bootstrap Bug Fix*/

.thankyou {padding:8% 0;}

.embed-responsive{margin-bottom:30px;}
.row.gallery{margin-bottom:0;}
.img-fluid{margin-bottom:25px; border:1px solid #eee;}

.modal-body{text-align:center;}
.modal-body img{max-width:550px;}

ul.appliances{  -webkit-columns: 4;  -moz-columns: 4; columns: 4; list-style-type: none; margin:0 0; padding:0 0;}
ul.appliances li:before {content: "- ";}
ul.appliances li{margin-bottom:4px;}

ul.kitchens{margin:0 0 20px 0; padding:0 0 ;  list-style-type: none;}
ul.kitchens li{margin-bottom:4px;  list-style-position: inside;  padding:0 0 0 15px;  text-indent: -0.5em;}
ul.kitchens li:before {content: "- ";
}

strong{font-weight:600; color:#222;}
.mb-0{font-style:italic; font-size:14px; font-family: 'Assistant', sans-serif; color:#333!important; font-weight:400; line-height:16px;}
.blockquote-footer{font-weight:600; color:#222; background:none; padding:0 0; margin: 0 0; font-size:14px;}
.blockquote{margin-bottom:20px;}


.sky-custom-gallery .carousel-item{background-color:#f6f6f9;}
.sky-custom-gallery .img-fluid{border:2px solid #fff; border-bottom:0;}

.sky-overlay{
	position: fixed;
	width:100%;
	height:100%;
	z-index:1;
	background-color:rgba(0,0,0,0.6);
}
.sky-overlay p{
	color:#eee;
	text-align:center;
	font-size:2em;
	padding-top:10em;
}
.carousel-item > img{
	position:relative!important;
}
#galleryModal .navigate-carousel{
	text-align:left;
}
#galleryModal .navigate-carousel a img{
	margin-bottom:0;
}

#galleryModal .carousel{
	margin-top:0!important;
}
@media (min-width:992px)
{
#galleryModal .modal-lg{
	max-width:720px!important;
}

}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.inline-navigate-carousel li {max-width:100px;}
.inline-slider-slide {
	max-height:400px; 
}
.inline-slider-slide img{
	margin:0 auto;
	max-height:400px;
	width:auto!important;
	min-width:1px!important;
}
.hidden{
	display:none;
}

.gallery-trigger-frame.collapse.in{
	width:100%;
	display:inline-block!important;
}

.c-control {
	position:absolute;
	top:
}
ul.inline-items li{
	display:inline-block;
	width:10%;
}
ul.sky-img-nav li{
	width:10%;
}
ul.sky-img-nav{
		margin:0.01em 0;
}
ul.sky-img-nav li img{
	margin-bottom:0;
}
ul.sky-img-nav li img:hover{
	cursor:pointer;
}
.sky-custom-gallery{
	margin-top:0!important;
}
.sky-custom-gallery .carousel-inner .carousel-item{
	max-height:400px;
}
.sky-custom-gallery .carousel-inner .carousel-item img{
	min-width:1px!important;
	margin:0 auto!important;
	display:block!important;
	border:none!important;
	max-height:400px;
}


@media (min-width:1200px)
{
.logo img{height:97px;}
}


@media (max-width:1200px)
{
.navbar-nav .nav-link{padding:0 20px;}
}

@media (max-width:1025px)
{
	.navbar-nav .nav-link{padding:0 20px;}
	.carousel-caption{left:32%;}

}

@media (max-width:992px)
{
.contact {margin-top: 10px;}	
.navbar-nav .nav-link{padding:0 10px; font-size:13px;}
nav{margin-top:22px;}address{margin-top:10px;}
}

@media (max-width:813px)
{
	.contact {margin-top: 10px;}
	nav{margin-top:22px;}
	.navbar-nav .nav-link{padding:0 10px; font-size:13px;}
	.carousel-caption{left:27%;}
		.sky-custom-gallery .carousel-inner .carousel-item img{max-height:300px;}
	ul.appliances{  -webkit-columns: 2;  -moz-columns: 2; columns: 2;}
}

@media (max-width:761px)
{
	.navbar-nav .nav-link{padding:0 4px; font-size:12px;}
	nav {margin-top: 14px;}
	.carousel-caption{left:24%;}
	.sky-custom-gallery .carousel-inner .carousel-item img{max-height:250px;}
	.card h6{margin-bottom:20px!important;}

	
}

@media (max-width:543px)
{
	.logo img{height:140px; display:inline;}
	.navbar{width:100%; }
	nav ul{float:left; margin-top:20px;padding-bottom:15px;}
	.navbar-nav .nav-link{font-size:14px;}
	.nav-item {text-align:left; margin-bottom:10px;}
	.nav-item a{border-right:none; }
	.carousel-caption{display:none;}
	.card img{margin:0 0!important;}
	.card-block a{margin-bottom:15px; display:block;}
	.navbar-toggler { margin-bottom: 10px; float:right;}
	.sky-custom-gallery .carousel-inner .carousel-item img{max-height:200px;}

}

/* Cookies*/
.cc_container{background:#f6f6f9!important;}
.cc_container .cc_message{font-size:14px!important; margin-top:10px!important; font-family: 'Assistant', sans-serif; color:#333;}
.cc_container .cc_btn{border-radius:0px!important; background-color:#193a8b!important; font-size:16px!important;
	color:#fff!important; font-weight:800!important; text-transform: uppercase; font-family: 'Abhaya Libre', serif !important;}

@media (max-width:737px){
.cc_container .cc_message{width: 84%; margin-top:0px!important;}
}

@media (max-width:737px){
.cc_container .cc_message{width: 67%;}
}
