:root {
	--grey: #707070;
	--darkgrey: #444444;
	
	--blue: #009EC5;
	--dark-blue: #0B3D4A;
	
	--bg-grey: #F2F2F2;
	--bg-lightgrey: #F9F9F9;
}

.bg-light {background-color: var(--bg-lightgrey) !important;}
.bg-dark {background-color: var(--dark-blue) !important;}
.bg-blue { background-color: var(--blue); }
.blue {color:var(--blue);}

.btn {padding: 0.75rem .75rem; border-radius:0.5rem;}

.btn-primary {background:var(--blue);border-color:var(--blue);}
.btn-primary:hover {background:#005C71;border-color:#005C71;}

.btn-secondary {background:var(--dark-blue);border-color:var(--dark-blue);}
.btn-secondary:hover {background:#005C71;border-color:#005C71;}

.rounded-8 {border-radius:.5rem!important;}
.card {border:none;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); border-radius:0.5rem;}

* {font-family: 'Poppins', sans-serif;}
a {text-decoration:none;color:inherit;font-family: inherit;}
a:hover {text-decoration:none;}
h1,h2,h3,h4,h5,h6 {font-family: 'Jost', sans-serif; font-weight:600; color:var(--darkgrey)}
.bg-blue h1,.bg-blue h2,.bg-blue h3,.bg-blue h4,.bg-blue h5,.bg-blue h6, .bg-blue p {color:white;}
.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6, .bg-dark p {color:white;}

h1 {font-size:40px;}
h2 {font-size:32px;}
h3 {font-size:28px;}
h4 {font-size:22px; }
h5 {font-size:18px;}

p {font-weight:300; color:var(--grey);}
.text-white p {color:white;}



@media (min-width: 576px) {  }


@media (min-width: 768px) {  }


@media (min-width: 992px) {  }

@media (min-width: 1200px) {  }

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1475px;
	}
}






th, td {text-align:left;}

/* Navbar */
.navbar {height:100px;}
.navbar-nav a { font-family: 'Jost', sans-serif;font-size:18px; color:var(--darkgrey); padding:30px; font-weight:600;}
.navbar-nav a:hover {text-decoration:none; color:var(--blue);}
.navbar-nav ul {display:none; position: absolute; background: white; z-index: 999; padding: 0; top: 80px; min-width: 100px; }
.navbar-nav li:hover ul{display:block;}
.navbar-nav ul li { list-style: none; }
.navbar-nav ul li a { padding: 20px;}

/* Breadcrumbs */
section.breadcrumbs {background-color:var(--bg-lightgrey); min-height:50px;}
section.breadcrumbs ul {margin:0; padding:0; list-style:none;}
section.breadcrumbs ul li {display: inline-block; padding-right: 10px; font-size: 0.9rem;}
section.breadcrumbs ul li i.fa-chevron-right {font-size:0.65rem; }

section.content-banner {min-height:150px; position:relative;}
section.content-banner:after {height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,.10); content:'';position:absolute;}
section.content-banner .container{z-index:5;}
section.content-banner.occasions {min-height:480px;background-image:url('../img/Banner-occasions.png')}
section.content-banner.occasions h1{color:white; font-size:52px; font-weight:400; line-height:84px;text-shadow: 0px 2px 4px rgba(206,89,55,0.35);}
section.content-banner.occasions .tabs {background:#F3F3F3;}
section.content-banner.occasions .tabs li {float:left; list-style:none; padding:13px 30px;}
section.content-banner.occasions .col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
section.content-banner.occasions .col-md-2 p {font-size:14px;font-weight: 600; }
section.content-banner.occasions a:hover p { color:var(--blue);}

ul.checklist {
  list-style: none;
  padding: 0;
}
ul.checklist li {
	padding-left: 1.3em;
	font-weight:300;
	color:var(--grey);
}
ul.checklist li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:var(--blue);
  font-size:20px;
}

.occasions-block .card-body {font-size:95%;}
.occasions-block .card-body h5{font-size:19px;}
.occasions-block .card-body .card-content { height:46px; overflow:hidden;}
.occasions-block .card-body i {color:var(--blue);}

.category-slider .card {width:225px; margin-right:20px;height:266px;}
.category-slider .card .image-holder{text-align:center;height:141px; background-color:#E9E9E9;}
.category-slider .card .image-holder img {height:auto; margin:0 auto; }

.slick-next, .slick-prev	{width:40px; height:40px; border-radius:50%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); background-color:#FFFFFF; border:none;position:absolute; z-index:5;top:calc(50% - 20px);}
	.slick-next {right:0;}


/* Occasions Overview */
.occasion-overview-nav li {list-style:none; float:left; width:10%; text-align:center;} 
.occasion-overview-nav li a{color:var(--dark-grey);font-size:12px;} 

.image-holder {position:relative; max-height: 246px; height: 100%; overflow: hidden; }
.image-holder img {height:100%;}
.image-holder span.price {position:absolute; bottom:0; right:0; color:white; background:var(--blue);font-family: 'Jost', sans-serif; font-weight:500;padding:5px 10px;font-size:20px;}
.occasion-title {margin-top:10px; min-height:46px;}

/* OWL extra css */
.owl-item {text-align:center; }
.owl-item .brand-logo img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5;}
.owl-item .brand-logo img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}

/* Occasions Stockpage */
.occasions-banner {background-color:#c7c7c7!important;background-image:url('../img/Banner-occasions.png'); background-size:80%; background-position:center; background-repeat:no-repeat;}
.occasion-item {overflow:hidden;}
.occasion-item span.location {color:#999999; font-size:14px; padding: 0 0 10px 0;}
.occasion-item span.location i {font-size:16px;margin-right:5px;}
.occasion-item span.price, td span.price  {font-size:20px;color:var(--blue); font-weight:500; font-family: 'Jost', sans-serif;}

.occasion-item.grid-view a{padding-top:5px;}
.occasion-item.grid-view a:hover{text-decoration:none;}
.occasion-item.grid-view h3{font-size:16px; color:var(--dark-grey);padding-top:10px;}

/* Occasions SingleView */
.occasion-sub-nav {margin:30px 0 0;border-top:1px solid #E8E8E8; height:48px;line-height:48px; text-transform:uppercase; font-size:12px;font-family: 'Jost', sans-serif;font-weight:500;}
.occasion-sub-nav > a{color:var(--blue);font-family:inherit;}
.occasion-sub-nav ul {border:1px solid #E8E8E8; border-top:none; min-height:48px;}
.occasion-sub-nav ul li{list-style:none;float:left;background:#F3F3F3;border-bottom:1px solid #E8E8E8;}
.occasion-sub-nav ul li a {padding:16px 20px;  color:#999999;font-family:inherit;border-right:1px solid #E8E8E8;}
.occasion-sub-nav ul li:last-child a{border-right:0;}
.occasion-sub-nav ul li a i {margin-right:5px; font-size:14px;}

.occasion-single h1 {font-size:30px;}
.occasion-single span.location {color:#999999; font-size:14px; padding: 0 0 10px 0;}
.occasion-single span.location i {font-size:16px;margin-right:5px;}
.occasion-single .nav-tabs {background:#F3F3F3;}
.occasion-single .nav-tabs .nav-link {border-radius:0; color:#999999;font-weight:700;    padding: 12px 30px;}
.occasion-single .nav-tabs .nav-item.show .nav-link, .occasion-single .nav-tabs .nav-link.active {background:white; color:var(--blue);} 

.sharebuttons a {font-size:2.5em; margin-right:10px;}

.occasion-usps i {font-size:24px; width:50px; height:50px; background-color:white;border-radius:50%;text-align:center;line-height:50px;color:var(--bg-dark); margin-right:20px;}
.occasion-usps p {margin-bottom:0;}

#imageGallery img { width: 100%; }

/* Form elements */
.form-control, .form-select {padding:0.75rem;border-radius:0.5rem;}
.input-group-text {background-color:white;padding: 0.75rem 1rem;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;}
.input-group-text i{font-size:20px; color:var(--blue);}


/* Footer */

footer { }

footer ul li {list-style:none;}

footer .footer-questions i {font-size:40px;}

footer .footer-blocks p, footer .footer-blocks a{color:var(--grey); font-weight:300;}
footer .footer-blocks h5{color:var(--darkgrey); font-weight:300;}
footer .footer-blocks img {margin-bottom:20px;}
footer .footer-blocks ul {padding:0;}
footer .footer-blocks li {padding:5px 0;}

footer .footer-copyright {background:#0B3D4A; padding:18px 0;}
footer .footer-copyright a, footer .footer-copyright p {opacity: 0.8;color:white; margin-bottom:0;}


.ui-slider-horizontal {
    height: 8px;
}
.ui-slider-horizontal {
    margin: 15px 0;
    width:100%;
}
.ui-widget-header {
    background: var(--blue);
}


.price-range-field{
    width:45%; 
    background-color:#ffffff; 
    color: #333333; 
    border-radius: 4px; 
    height:37px; 
    padding:0 10px;
	font-size:14px;
}
.ui-widget.ui-widget-content {border:0; background:#E3E3E3;}
.ui-slider-horizontal .ui-slider-handle {margin-left:0; border-radius:50%; background:var(--blue); border:0;height:24px; width:24px;top: -8px;}
.ui-slider-horizontal span.ui-slider-handle:nth-last-child(2) {margin-left: calc(0% - 19px) !important;}



/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
} 
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
	overflow: hidden;
margin: 0;}
		
#lightSlider {
	height:auto !important;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.lSPager a {
    max-height: 134px;
    overflow: hidden;
    display: block;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.page-link {color:#212529;}
.page-item.active .page-link {background-color:var(--blue); border-color:var(--blue);}

.lg-outer .lg-thumb-item img {height:auto;}

@media (max-width: 768px) { 
	.top-header {display:none;}
	.navbar {background:white; position:fixed !important; display:block; z-index:50; width:100%; top:0;}
	.btn {display:block;}
	
	ul.navbar-nav{background:white;}
	ul.navbar-nav li a{color:var(--dark-grey); padding: 15px 30px;}
	.navbar-nav ul {position:relative; top:0; }
	.navbar-nav li:hover ul {border-top:0; box-shadow:none; }
	#jssor_1 .container { text-align:center;}
	#jssor_1 .container h2 {font-size:52px; font-weight:700; z-index:10; position:relative;}
	#jssor_1 .container p {font-size:30px; font-weight:500;}
	#jssor_1 .container .btn {font-size:30px; font-weight:500;}
	
	section.banner {min-height:250px; background-size:cover; background-repeat:no-repeat; background-position:center;margin-top:80px;}
	
	section.banner .col {bottom:30px;}
	section.banner h2 {font-size:30px;}
	section.banner p { font-size: 18px; }
	
	section.content-banner {min-height:200px;margin-top:80px;}
	section.occasions-banner {background-size: cover;}
	
	span.slogan { font-size: 1.5em; }
	
	h2.text-large {font-size:30px;}
	
	.holland-map  {min-height:275px; background-image:none;}

	footer ul {padding-left:0; text-align:center; }
	footer ul li a {}
	.footer-copyright {text-align:center;}
	.footer-copyright a{display:block;}
	
}