:root {
    --site-primary-color:           #a88f4e;
    --site-primary-contrast-color:  #ffffff;
    --site-bg-color:                #ffffff;
    --site-header-bg-color:         ;
    --site-footer-bg-color:         #1f2937;
    --site-main-heading-color:      #000000;
    --site-main-link-color:         #000000;
    --site-main-text-color:         #000000;
    --site-title-color:             #333333;
    --site-text-color:              #333333;
    --site-menu-link-color:         #000000;
    --site-menu-link-hover:         #a88f4e;
    --site-text-font:               Poppins;
    --site-heading-font:            Coustard;
    --site-text-size:               14px;
    --site-h1-size:                 36px;
    --site-h2-size:                 30px;
    --site-h3-size:                 24px;
    --site-h4-size:                 18px;
    --site-h5-size:                 14px;
    --site-header-background-color: ;
    --site-footer-background-color: #1f2937;
}

html { height:100%; font-size:unset!important; }
body { font-family: 'Poppins', Helvetica, sans-serif; font-size: 14px; line-height:1.6em; height:100%; }

.holdingpage #logo {
    display: block!important;
}

/* Constrained / Unconstrained */
.unconstrained #header-section { padding-top:0; background-color:; }
.unconstrained #footer-section { padding-bottom:0; background-color:#1f2937; }
.unconstrained #footer-section hr { border-top-color:transparent; }
.unconstrained #cta-section { padding-bottom:0; background-color:; }

.headercolourset.unconstrained #header-section-container { background-color:transparent; }
.footercolourset.unconstrained #footer-section-container { background-color:transparent; }
.ctacolourset.unconstrained #cta-section-container { background-color:transparent; }

.constrained #header-section-container { background-color:; }
.constrained #footer-section-container { background-color:#1f2937; }
.constrained #cta-section-container { background-color:; }

#body-container { height:auto !important; height:100%; min-height:100%; }

a, a:focus, *:focus, a:active, *:active { outline:0!important; } /*ie fix*/

/* Site Wide P Tag Hide */
p:empty { display: none; }


#main .hide-main { display:none!important; }
.printedelement .page_element.gutter-bottom { margin-bottom:0!important; }

/* Additional Structural */
.gutter-bottom { margin-bottom:20px; }
.gutter-bottom-40 { margin-bottom:40px; }
.gutter-top { margin-top:20px; }
.gutter-top-40 { margin-top:40px; }
.gutter-none, .gutter-bottom-none { margin-bottom:0px!important; }
.gutter-top-none { margin-top:0px!important; }

/* Opacity */
.opacity-100 { opacity: 1; }
.opacity-75 { opacity: .75; }
.opacity-50 { opacity: .50; }
.opacity-25 { opacity: .25; }
.opacity-0 { opacity: 0; }

/* New Margin Styles*/
.margin-80 { margin:80px!important;} .margin-60 { margin:60px!important;} .margin-40 { margin:40px!important;} .margin-30 { margin:30px!important;} .margin-20 { margin:20px!important;} .margin-10 { margin:10px!important;} .margin-0 { margin:0!important;}
.margin-t-80 { margin-top:80px!important;} .margin-t-60 { margin-top:60px!important;} .margin-t-40 { margin-top:40px!important;} .margin-t-30 { margin-top:30px!important;} .margin-t-20 { margin-top:20px!important;} .margin-t-10 { margin-top:10px!important;} .margin-t-5 { margin-top:5px!important;} .margin-t-0 { margin-top:0!important; }
.margin-b-80 { margin-bottom:80px!important;} .margin-b-60 { margin-bottom:60px!important;}.margin-b-40 { margin-bottom:40px!important;} .margin-b-30 { margin-bottom:30px!important;} .margin-b-20 { margin-bottom:20px!important;} .margin-b-10 { margin-bottom:10px!important;} .margin-b-5 { margin-bottom:5px!important;} .margin-b-0 { margin-bottom:0!important; }

/* New Padding Styles*/
.pad-40 { padding:40px!important;} .pad-30 { padding:30px!important;} .pad-20 { padding:20px!important;} .pad-10 { padding:10px!important;} .pad-0 { padding:0!important;}
.pad-t-40 { padding-top:40px!important;} .pad-t-30 { padding-top:30px!important;} .pad-t-20 { padding-top:20px!important;} .pad-t-10 { padding-top:10px!important;} .pad-t-0 { padding-top:0!important; }
.pad-b-40 { padding-bottom:40px!important;} .pad-b-30 { padding-bottom:30px!important;} .pad-b-20 { padding-bottom:20px!important;} .pad-b-10 { padding-bottom:10px!important;} .pad-b-0 { padding-bottom:0!important; }
.pad-l-40 { padding-left:40px!important;} .pad-l-30 { padding-left:30px!important;} .pad-l-20 { padding-left:20px!important;} .pad-l-10 { padding-left:10px!important;} .pad-l-0 { padding-left:0!important; }
.pad-r-40 { padding-right:40px!important;} .pad-r-30 { padding-right:30px!important;} .pad-r-20 { padding-right:20px!important;} .pad-r-10 { padding-right:10px!important;} .pad-r-0 { padding-right:0!important; }

.full-width { width:100%; }

.bottom-corners-none { border-bottom-right-radius: 0!important; border-bottom-left-radius: 0!important; }
.top-corners-none { border-top-right-radius: 0!important; border-top-left-radius: 0!important; }

.ellipsis { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; }

.element_image.pull-right, .newsimage.pull-right { margin:0 0 20px 20px; }
.element_image.pull-left, .newsimage.pull-left { margin:0 20px 20px 0; }
.element_image.pull-right .imagecaption, .element_image.pull-left .imagecaption { margin-bottom:0; }
.imagecaption { margin-top:10px; }

/* Images */
.newsimage.text-center img { margin:0 auto 20px auto; }
.element_image { margin-bottom:20px; }
.img-responsive { border-radius: 4px; }
.img-fit { width:100%!important; }
.img-center { margin:0 auto; }

/* Rounded corners switch */
.img-corners-none #content-section .img-responsive, .img-corners-none #content-section .thumbnail, .img-corners-none #content-section .imagesoon, .img-corners-none .cta-image img { border-radius:0!important; }
.general-corners-none .btn, .general-corners-none .form-control, .general-corners-none .productitem, .general-corners-none #product-images, .general-corners-none .product-well, .general-corners-none .nav-tabs>li>a, .general-corners-none .owl-prev, .general-corners-none .owl-next, .general-corners-none .well, .general-corners-none #header-section-container, .general-corners-none #footer-section-container, .general-corners-none #contactform.well, .general-corners-none .horizontalnav nav ul ul li:first-child > a, .general-corners-none .horizontalnav nav ul ul li:last-child > a, .general-corners-none .horizontalnav nav ul ul li > a:hover { border-radius:0!important; }

.pull-center { margin: 0 auto;}
.clear { clear:both; }
#main ul { margin-bottom:20px; }
#main ul.nav-tabs { margin-bottom:0; }

.fa-6x { font-size: 6em; }
.fa-7x { font-size: 7em; }
.fa-8x { font-size: 8em; }

/* Wells
#######################################################################################*/
.well {
	padding: 20px;
	background: rgba(240, 240, 240, 0.4);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	border:none;
}

/* Tabs
#######################################################################################*/
.nav-tabs { border-bottom-color:transparent; }
.nav.nav-tabs { margin-bottom:0; } 
.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { background-color: transparent; border-color:transparent; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background: rgba(240, 240, 240, 0.4);
	color: #333333;
	font-weight:bold;
	border-color:transparent;
	border-top:1px solid rgba(0, 0, 0, 0.12);
}

.tab-content { padding:20px 15px; background: rgba(240, 240, 240, 0.4); }

/* Cookie Policy
#######################################################################################*/
#cookieslider {
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    border-top:1px solid rgba(0,0,0,0.75);
    width: 100%;
    z-index:999999999;
}

.cookie-message-footer .cookiemessage, .cookie-message-footer .cookiemessage p {
    padding: 10px;
    margin: 0;
    text-align:center;
    color:#eee;
    line-height:1.6em!important;
}

.cookie-message-footer .cookiemessage a { color:#fff; text-decoration:underline; }
.cookie-message-footer .cookiemessage a:hover, .cookie-message-footer .cookiemessage a:active, .cookie-message-footer .cookiemessage a:focus { color:#fff; text-decoration:none; }

.cookie-message-footer .cookiedismisslink {
    padding: 3px 8px;
    background: #fff;
    text-decoration: none!important;
    margin-left: 10px;
    color: #000!important;
    border-radius: 4px;
}

/* Cookie Message Full */

.cookiemessage-active.cookiemessage-full { margin: 0; height: 100%; /*overflow: hidden;*/ }

.cookie-message-full {
    top: 0;
}

.cookie-message-full .cookiemessage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 600px;
    background: #fff;
    padding: 20px 30px;
    border-radius: 4px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.22);
}

@media (max-width: 769px) {
    .cookie-message-full .cookiemessage { width: 90%; }
}

.cookie-message-full .cookiemessage h4 {
    color: #333;
    margin-bottom: 15px;
    font-size: 18px;
}

.cookie-message-full .cookiemessage p {
    color: #666;
    padding:0;
}

.cookie-message-full .cookiemessage ul,  .cookie-message-full .cookiemessage li { color: #666; }

.cookie-message-full .cookiemessage .cookiepolicylink, .cookie-message-full .cookiemessage a {
    color: #000;
    text-decoration:none;
    border-bottom: 1px dashed;
}

.cookie-message-full .cookiemessage #cookie-declation {
    height: 200px;
    /*overflow: hidden;*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* mobile safari */
    padding: 15px 30px;
    background: #f4f4f4;
    margin: 0 -30px -1px -30px;
}

.cookie-message-full .cookiemessage #cookie-declation::-webkit-scrollbar {
	width: 6px;
	background-color: #f4f4f4;
}

.cookie-message-full .cookiemessage #cookie-declation::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color: #999;
}

.cookie-message-full .cookiemessage .cookie-buttons {
    padding-top: 19px;
    border-top: 1px solid #eee;
}

@media (min-width: 768px) {
    .cookie-message-full .cookiemessage .btn-decline { float: right; }
}

@media (max-width: 499px) {
    .cookie-message-full .cookiemessage .btn { display:block; margin-bottom: 5px; }
}


.cookie-message-full .cookiemessage .btn { border-radius: 0; transition: all .2s ease-in-out; }
.cookie-message-full .cookiemessage .btn-accept { border: 2px solid #5bb75b; background: #fff; color: #5bb75b; }

.cookiemessage .btn-accept:hover,
.cookie-message-full .cookiemessage .btn-accept:active,
.cookie-message-full .cookiemessage .btn-accept:focus { background: #5bb75b; color: #fff; }

.cookie-message-full .cookiemessage .btn-decline { border: 2px solid #d9534f; background: #fff; color: #d9534f; }

.cookie-message-full .cookiemessage .btn-decline:hover,
.cookie-message-full .cookiemessage .btn-decline:active,
.cookie-message-full .cookiemessage .btn-decline:focus { background: #d9534f; color: #fff; border-color: #d9534f; }

.cookie-message-full .cookiemessage .btn:active, .cookie-message-full .cookiemessage .btn.active { box-shadow: none; }

/* Typography
#######################################################################################*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Coustard' ,Helvetica,Arial,sans-serif; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }

a { color:#a88f4e; }
a:hover, a:focus, a:active { color:#a88f4e; }

.text-primary p, .text-primary ul { color:#a88f4e; }

/* Colours - Typography
#######################################################################################*/
h1,h2,h3,h4,h5,h6,h7 { color: #333333; }
p, ul, ul li, label, .product-reference, td, th { color: #333333; }

/* Button Colours
#######################################################################################*/
.wrapper .btn-primary, .wrapper .btn-success, #footer-section .btn-success, #content-section .btn-success, #banner-section .btn-success {
	color: #ffffff;
	background-color: #a88f4e;
	border-color: rgba(0, 0, 0, 0.05);
	/*box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);*/
}

.wrapper .btn-primary:hover, .wrapper .btn-primary:focus, .wrapper .btn-primary:active, .wrapper .btn-primary.active,
.wrapper .btn-success:hover, .wrapper .btn-success:focus, .wrapper .btn-success:active, .wrapper .btn-success.active,
#footer-section .btn-success:hover, #footer-section .btn-success:focus, #footer-section .btn-success:active, #footer-section .btn-success.active, 
#content-section .btn-success:hover, #content-section .btn-success:focus, #content-section .btn-success:active, #content-section .btn-success.active,
#banner-section .btn-success:hover, #banner-section .btn-success:focus, #banner-section .btn-success:active, #banner-section .btn-success.active {
	background-color: #a88f4e;
	box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	border-color: rgba(0, 0, 0, 0.05);
}

/* Pagination - Numbers
#######################################################################################*/
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	color: #ffffff;
	background-color: #a88f4e;
	border-color: rgba(0, 0, 0, 0.05);
}

/* Pagination - Pager
#######################################################################################*/
.pager li>a, .pager li>span {
	color: #ffffff;
	background-color: #a88f4e;
	border-color: rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}

.pager li>a:hover, .pager li>span:hover {
	background-color: #a88f4e;
	box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
	color: #ffffff;
	border-color: rgba(0, 0, 0, 0.05);
}

/* Colours - Backgrounds
#######################################################################################*/
.wrapper { background: ; padding-bottom:20px; border-radius:4px; }
#header-section { padding-top:20px; }
#header-section-container { padding-top:20px; }
.wrapper#navigation-section, .wrapper#banner-section-container { padding-bottom:0; }
#content-section-container.wrapper { padding-top:10px; }


/* Colours - Boostrap buttons
#######################################################################################*/
.nav-pills>li.active>a, pagination>.active>a{
	background-color: #a88f4e!important;
	color: #ffffff!important;
}

/* Rules / Lines - Horitzontal and Vertical
#######################################################################################*/
hr { border-top-color:rgba(0, 0, 0, 0.08); }
.hr { border-bottom:1px solid rgba(0, 0, 0, 0.08); padding-bottom:20px; margin-bottom:40px; }

@media (min-width: 767px) {
    .vr-r { border-right:1px solid rgba(0, 0, 0, 0.08); }
    .vr-l { border-left:1px solid rgba(0, 0, 0, 0.08); }
}

/* Header
#######################################################################################*/
#header { padding:20px 15px 10px 15px; position:relative; margin-bottom:10px; }
.socialmedialinkscontainer { margin-top:20px; }

.social-buttons-list ul, .social-buttons-list li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-buttons-list li {
    float: left;
    margin-left: 5px;
}

.social-buttons-list li:first-of-type { margin: 0; }

.social-buttons .btn-social-icon span {
    text-indent: -99999px;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
}

#logo-left .social-buttons-list ul { float: right; }

/* Logo
#######################################################################################*/
#logo { z-index:100;}
#logo h1 { font-family: '%Logo_Font%',Helvetica,Arial,sans-serif; font-size:1em; }
#logo h1 a { color:#333333; text-decoration:none; }
.logoimage h1{ display:none; }
#logo img { max-height:150px; }
#logo a { display:inline-block; max-width:100%; }
#logo .img-responsive { border-radius:0!important; }

h2.headertext { font-size:18px; margin:10px 0 0 0; }

/* Ecom search box
#######################################################################################*/
#webshopsearchbox .form-control { -webkit-box-shadow: none; box-shadow: none; }

/* Ecom basket
#######################################################################################*/
#minibasket h4 { margin-top:0; font-family: 'Poppins', Helvetica, sans-serif; }

.basket-account-section { padding-right:0; }

/* Navigation - Horizontal Nav
#######################################################################################*/
.horizontalnav.wrapper { padding-bottom:10px; }

.screenwidth#navigation-section { background: #ffffff;}
.pagewidth #nav_navigation { background: #ffffff; border-radius: 4px; }
.sideoflogonav #nav_navigation ul{ background: #ffffff; border-radius: 4px; }

.horizontalnav nav > ul { height:50px; }
.horizontalnav nav > ul > li { float: left; }

.horizontalnav nav, .horizontalnav nav ul, .horizontalnav nav ul li, .horizontalnav nav ul li a {
	list-style:none;
	margin:0;
	padding:0;
	line-height:1;
	position:relative;
	display:block;
	border:0;
}

.horizontalnav nav > ul > li a {
	padding: 0 25px;
	height:50px;
	line-height:50px;
	border-right: 1px solid rgba(80, 80, 80, 0.10);
	text-decoration: none;
	color: #000000;
	font-size:14px;
	font-family:'Poppins', 'Poppins', Arial, Helvetica, sans-serif;
}

.horizontalnav nav > ul > li a:hover,
.horizontalnav nav > ul > li a:active,
.horizontalnav nav > ul > li a:focus,
.horizontalnav nav > ul > li.active > a {
	color: #a88f4e;
	box-shadow: inset 0 -60px 0 rgba(0, 0, 0, 0.04);
}


.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color:transparent;
    background-color: inherit;
}


.horizontalnav nav > ul > li.has-sub > a {
	padding-right: 35px;
}

.horizontalnav nav ul ul li a i {
	display:none;
}

.horizontalnav nav > ul > li.has-sub > a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid rgba(0, 0, 0, 0);
	border-top-color: #000000;
	right: 18px;
	top: 25px;
}

.horizontalnav nav > ul > li > a:hover:after, .horizontalnav nav > ul > li.active > a::after { border-top-color: #a88f4e; }

.horizontalnav nav ul ul {
	position: absolute;
	display:none; /*here*/
	z-index:99999;
	left: -9999px;
	top: 60px;
	padding-top: 6px;
	font-size: 13px;
	opacity: 0;
	-webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
	-moz-transition: top 0.2s ease, opacity 0.2s ease-in;
	-ms-transition: top 0.2s ease, opacity 0.2s ease-in;
	-o-transition: top 0.2s ease, opacity 0.2s ease-in;
	transition: top 0.2s ease, opacity 0.2s ease-in;
}

.horizontalnav nav > ul > li > ul::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #212121;
  top: -4px;
  left: 20px;
}

.horizontalnav nav > ul > li > ul { top: 120px; }

.horizontalnav nav > ul > li:hover > ul, .horizontalnav nav > ul > li.hover > ul,
.horizontalnav nav > ul > li:focus > ul,
.horizontalnav nav > ul > li:focus-within > ul {
  top: 50px;
  left: 0;
  opacity: 1;
  display:block; /*here*/
}

.horizontalnav nav ul ul li a {
  padding: 11px 25px;
  height:auto;
  line-height:1.4;
  min-width: 180px;
  white-space:nowrap;
  background: #212121;
  color: #ffffff;
  border-right:none;
  border-bottom: 1px solid rgba(80, 80, 80, 0.10);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}

.horizontalnav nav ul ul li a:hover,
.horizontalnav nav ul ul li a:focus {
    color: #a88f4e;
}


.horizontalnav nav ul ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.horizontalnav nav ul ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Height alterations */
.nav-height-slim.horizontalnav nav > ul { height:40px; }
.nav-height-slim.horizontalnav nav > ul > li > a { height:40px; line-height:40px; }
.nav-height-slim.horizontalnav nav > ul > li.has-sub > a::after { top:18px; }
.nav-height-slim.horizontalnav nav > ul > li:hover > ul { top:40px; }

/* Navigation - Vertical Nav
#######################################################################################*/
.sideoflogonav .social-buttons.socialmedialinkscontainer { float: right; margin: 0 0 0 20px; }
.sideoflogonav #contact-line { margin-top:5px; }
.sideoflogonav .text-right { text-align:right; }

.sideoflogonav .nav-height-slim nav > ul { height:40px; }
.sideoflogonav .nav-height-slim nav > ul > li > a { height:40px; line-height:40px; }
.sideoflogonav .nav-height-slim nav > ul > li.has-sub > a::after { top:18px; }
.sideoflogonav .nav-height-slim nav > ul > li:hover > ul { top:40px; }

.nextologo-nav #nav_navigation_ul { float:right; }

/* Navigation - Vertical Nav
#######################################################################################*/
#verticalnav { margin-bottom:10px; }
#verticalnav nav { background: #ffffff; border-radius: 4px; }
#verticalnav nav > ul { }
#verticalnav nav > ul > li { box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.07); border-bottom:2px solid #fff; }

#verticalnav nav, #verticalnav nav ul, #verticalnav nav ul li, #verticalnav nav ul li a {
	list-style:none;
	margin:0;
	padding:0;
	line-height:1;
	position:relative;
	display:block;
	border:0;
}

#verticalnav nav > ul > li a {
	padding: 15px 25px;
	text-decoration: none;
	color: #000000;
	border-bottom:1px solid rgba(240, 240, 240, 0.4);
}

#verticalnav nav > ul > li > a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid rgba(0, 0, 0, 0);
	border-left-color: #000000;
	right: 18px;
	top: 18px;
}

#verticalnav nav > ul > li > a:hover:after { border-left-color: #a88f4e; }

#verticalnav nav > ul > li a:hover,
#verticalnav nav > ul > li a:active,
#verticalnav nav > ul > li.active a,
#verticalnav nav > ul > li.activeparent a {
	color: #a88f4e;
	box-shadow: inset 0 -80px 0 rgba(0, 0, 0, 0.04);
}

#verticalnav nav > ul > li.active > a::after, #verticalnav nav > ul > li.activeparent > a::after {
	border-left-color: #a88f4e;
}

#verticalnav nav ul ul { display:none; }

.hassubpages #verticalnav nav ul .active ul,
.subpage #verticalnav nav ul .active ul,
.hassubpages #verticalnav nav ul .activeparent ul,
.subpage #verticalnav nav ul .activeparent ul { display:block; }

.hassubpages #verticalnav nav > ul > li.has-sub.active > a::after,
.subpage #verticalnav nav > ul > li.has-sub.activeparent > a::after {
	border: 4px solid rgba(0, 0, 0, 0);
	border-top-color: #a88f4e;
}

.hassubpages #verticalnav nav ul ul li {
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07);
}

.hassubpages #verticalnav nav ul ul li a, .subpage #verticalnav nav ul ul li a {
	font-size:0.9em;
}

.hassubpages #verticalnav nav ul ul li a .fa, .subpage #verticalnav nav ul ul li a .fa {
	margin-right:3px;
}

.hassubpages #verticalnav nav ul ul li a:hover, .subpage #verticalnav nav ul ul li a:hover {
	box-shadow: inset 0 -45px 0 rgba(0, 0, 0, 0.06);
}

/* Height alterations */
.nav-height-slim#verticalnav nav > ul > li a { padding: 10px 25px; }
.nav-height-slim#verticalnav nav > ul > li > a::after { top:14px; }

/* Navigation - Layout 5 Nav
#######################################################################################*/
#layout-top-5 .social-buttons.hidden-xs { float:right; margin-left:20px; }
#layout-top-5 .socialmedialinkscontainer { margin-top:0; }
#layout-top-5 #contact-line { float:right; margin-top:5px; }
#layout-top-5 .horizontalnav { float:right; }

.sideoflogonav #nav_navigation_ul ul { background: transparent; }

/* Navigation - centered
#######################################################################################*/
.nav-center #nav_navigation_ul { display:table; margin:0 auto; }



/* Hamburger Nav - Top Bar
#######################################################################################*/
#mobile-header-section-hamburger {
    position: sticky;
    min-height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #ffffff;
    z-index: 1001;
}

.mobile-header-section-hamburger-droppoint {
    float: left;
    width: calc(100% - 60px);
    height: 80px;
    line-height: 80px;
    padding: 0 10px;
    text-align: initial;
}

#mobile-header-section-hamburger-button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 1002;
}

#mobile-header-section-hamburger-button {
    color: #a88f4e;
}

#mobile-header-section-hamburger-button:hover,
#mobile-header-section-hamburger-button:focus,
#mobile-header-section-hamburger-button:active {
    color: #a88f4e;
}

#hamburger-mobile-nav li a {
    font-size: 14px;
    font-family: Poppins;
}

#hamburger-mobile-nav li a:hover,
#hamburger-mobile-nav li a:focus,
#hamburger-mobile-nav li a:active {
    color: #a88f4e;
}

#hamburger-mobile-nav li.mm-divider {
    color: #000000;
    font-size: calc(14px - 0.2em);
}

/* MMenu hamburger CSS variables
#######################################################################################*/
.mm-menu {
    --mm-line-height: 30px;
    --mm-listitem-size: 60px;
    --mm-navbar-size: 80px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: #000000;
    --mm-color-button: #000000;
    --mm-color-text: #000000;
    --mm-color-text-dimmed: #000000;
    --mm-color-background: #FFFFFF;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.2);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}


/* Banner - Owl carousel
#######################################################################################*/
/*#banner .owl-carousel { min-height:175px; }*/

.owl-carousel { position:relative; z-index:99; }

#banner { position:relative; }

#banner div.owl-controls {
	width: 100%;
	margin-top:0;
}

/* Controls Pagenation */
#banner .owl-controls.banner-controls-dots {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

#banner .owl-pagination {
	display: inline-block;
	height: 28px;
	background:transparent;
	padding: 3px;
	border-radius: 4px;
	margin-top:10px;
}

.owl-theme .owl-controls .owl-page span { background:#a88f4e; }

/* Controls Next / Previous - Side arrows */
.owl-theme .owl-controls .owl-buttons.banner-controls-side-arrows div {
    color: #FFF;
    background-color: transparent;
    position:absolute;
    top:50%;
    margin-top:-25px;
}

.owl-theme .owl-controls .owl-buttons.banner-controls-side-arrows .owl-next { right: 20px; }
.owl-theme .owl-controls .owl-buttons.banner-controls-side-arrows .owl-prev { left: 20px; }

.owl-theme .owl-controls .owl-buttons.banner-controls-side-arrows i {
    font-size:50px;
    color:#a88f4e;
}

/* Controls Next / Previous - Bottom arrows */
.owl-buttons.banner-controls-central-arrows {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.owl-theme .owl-controls .owl-buttons.banner-controls-central-arrows div {
    background:#a88f4e;
}

.owl-theme .owl-controls .owl-buttons.banner-controls-central-arrows i {
    color:#ffffff;
}

/* Banner Text */
.banner-text {
	position: absolute;
	left: -15px;
	right: -15px;
	bottom: 10%;
}

.slide-content #pagetitle {
    margin: 0;
    padding: 0;
    box-shadow: none;
}

/* CTA Header Title
#######################################################################################*/
#cta-title-section { padding: 0 15px; }
#cta-title-section-container { padding-bottom: 0; }

/* CTA Section
#######################################################################################*/
#cta-section-container { padding: 20px 15px 0 15px; }
#cta-section-container .cta-heading { margin-bottom:5px; }
#cta-section-container .cta-subtitle { line-height:1.2em; }
.cta-block { position:relative; z-index:999; }

 .cta-icon, .cta-heading, .cta-subtitle   { color:#a88f4e ; }
 .cta-icon a, .cta-heading a, .cta-subtitle a  { color:#a88f4e; }

/* Page title - vertical nav layout
#######################################################################################*/
#pagetitle { margin:0 0 20px 0; padding:0 0 20px 0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08); }

#main { padding:20px 10px 0 10px; }

/* Webshop - Item sorter
#######################################################################################*/
#itemsorter { margin-top:-70px; }

/* Webshop - Item list
#######################################################################################*/
.productlist .productitem {
	position: relative;
	margin: 10px auto;
	padding: 10px;
	background: rgba(240, 240, 240, 0.4);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	transition: all 0.3s ease 0s;
    z-index:999;
}

.productlist .productitem:hover a img {
	transform: scale(1.15) rotate(-1.5deg);
	-webkit-transform: scale(1.1) rotate(-1.5deg);
	-moz-transform: scale(1.1) rotate(-1.5deg);
	-ms-transform: scale(1.1) rotate(-1.5deg);
	-o-transform: scale(1.1) rotate(-1.5deg);
}

.promotag { position: absolute; top: 5px; left: 5px; z-index:999; }
.promotag label { font-size: 10px; font-weight: bold; text-transform:uppercase; }

.productlist .lister-primary-image { overflow:hidden; }

.productlist .lister-primary-image img {
	border-radius: 4px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	width:100%;
} 

.lister-primary-image .imagesoon { display:block; border-radius:4px; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.7); }
	

.productlist .productitem h4 {
	margin-bottom:10px;
	padding-bottom:10px;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.productlist .product-price h5 {
    margin:7px 0 0 0;
    min-width: 120px; /* Chrome 52 bug fix */
    text-align: left; /* Chrome 52 bug fix */
}




/* Webshop - Item list (table)
#######################################################################################*/
#content-section table.product-table, #content-section table.itemlister-table {
    box-shadow:none;
    text-align: left;
}

#content-section table.product-table th, #content-section table.itemlister-table th {
    background:#a88f4e;
    color:#ffffff;
    border:none;
    box-shadow:none;
    padding:12px;
    font-weight:bold;
}

#content-section table.product-table th.product-table-price, #content-section table.itemlister-table th.itemlister-table-price { text-align:center; }

#content-section table.product-table tr {  }
#content-section table.product-table tr:nth-child(even), #content-section table.itemlister-table tr:nth-child(even) { background:rgba(0,0,0,0.05); }
#content-section table.product-table tr:hover { }

#content-section table.product-table td, #content-section table.itemlister-table td {
    padding: 6px 12px;
    height:83px;
    vertical-align: middle;
    border: 1px dotted rgba(0,0,0,0.2);
    border-right: 0;
    border-bottom: 0;
    box-shadow:none;
}

#content-section table.product-table td:first-child, #content-section table.itemlister-table td:first-child { border-left: 0; }
#content-section table.product-table .product-table-item:first-child td, #content-section table.itemlister-table .itemlister-table-item:first-child td { border-top: 0; }

#content-section table.product-table .product-table-item-image, #content-section table.itemlister-table .itemlister-table-item-image {
    width: 90px;
    min-width: 90px;
}

#content-section table.product-table .lister-primary-image, #content-section table.itemlister-table .lister-primary-image {
    position: relative;
    zoom: 1;
    display: inline-block;
}

#content-section table.product-table .lister-primary-image img, #content-section table.itemlister-table .lister-primary-image img {
    max-width: 100%;
    height: auto;
}

#content-section table.product-table .product-table-item-image .promotag { top: 2px; left: 0px; }
#content-section table.product-table .product-table-item-image .promotag label { border-radius:0; }

#content-section table.product-table .product-table-item-title h4 , #content-section table.itemlister-table .itemlister-table-item-title h4 { text-align:left!important; margin:0; }
#content-section table.product-table .product-table-item-title h4 a, #content-section table.itemlister-table .itemlister-table-item-title h4 a { font-size:16px; color:#333333; text-decoration:none; }
#content-section table.product-table .product-table-item-title h4 a:hover, #content-section table.itemlister-table .itemlister-table-item-title h4 a:hover { color:#a88f4e; }

#content-section table.product-table .product-table-item-price { width: 10%; text-align:center; }
#content-section table.product-table .product-table-item-price p { margin:0; }
#content-section table.product-table .product-table-item-price h5 { font-size:16px; margin:0; }
#content-section table.product-table .product-table-item-price .pricevatpart { display:block; }

#content-section table.product-table .product-table-item-link, #content-section table.product-table .itemlister-table-item-link { width:6%; text-align:center; }


/* Webshop - Item list (details - like item lister)
#######################################################################################*/
@media (min-width: 767px) {
.product-detailedlist h3 { margin-top:10px; }
}


/* Webshop - Item details page
#######################################################################################*/
#product-images {
	padding: 10px;
	background: rgba(240, 240, 240, 0.4);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	position:relative;
}

#productpage .lister-primary-image { margin-bottom:15px; text-align:center;  }
#productpage .lister-primary-image img { margin:0 auto; width:100%}
.lister-thumbnails .owl-item { padding:3px; }

.lister-thumbnails .owl-prev, .lister-thumbnails .owl-next {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:0 10px;
	background:#ffffff;
	color:#000000;
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	opacity: 1;
}

.lister-thumbnails .owl-prev:hover, .lister-thumbnails .owl-next:hover {
	color:#a88f4e;
		box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}

#productpage .product-title { margin: 0; }
#productpage .product-subtitle { font-size:1.2em;}
 
.breadcrumb { padding:0; background:none; margin:0 0 20px 0; padding-bottom:10px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08); border-radius:0; }
.breadcrumbnav li { font-size:0.8em; }
.breadcrumbnav .firstli span { display:none; }
.breadcrumbnav .firstli i { display:inline-block!important; }

.breadcrumb>li+li:before { color:#333333; opacity:0.7; }

.product-well {
	padding: 10px;
	background: rgba(240, 240, 240, 0.4);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	position:relative;
}

.product-well .form-group { margin-bottom:0; }
.product-volumediscount p { margin-bottom:0; }
#productpage .product-price h5 { font-size:1.4em; }
.pricevatpart { font-size:0.6em; }
.promotionoriginalprice { text-decoration: line-through; display: inline-block;  margin-left: 5px;}
.product-well .promotionoriginalprice {font-size:70%;}

/* Departments Within
#######################################################################################*/
#departmentswithin h4 { color:#a88f4e; }


/* Vacancies Feed
#######################################################################################*/

.recruitment-feed-item-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.25);}

.recruitment-feed-item { padding: 20px; box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.25); background: rgba(240, 240, 240, 0.4); margin: 0 5px;}

.element_recruitment_feed .owl-theme .owl-controls .owl-buttons div{
    background:#a88f4e;
    color:#ffffff;
}

.recruitment-feed-item p{ border-bottom: 1px dotted rgba(0, 0, 0, 0.08); margin-bottom: 5px; padding-bottom: 5px;}

.recruitment-feed-item p .fa{
    margin-right: 4px;
}

.recruitment-feed-item p span{
    opacity: 0.4;
}

.recruitment-feed-item .recruitment-feed-item-button-moreinfo{ border-bottom: 0; margin-top: 20px; margin-bottom: 0; padding-bottom: 0;}

/* Property 
#######################################################################################*/
.property .page-header { margin-top:20px; }

.property .promotag { top:-5px; }
.property .promotag label { font-size:12px; }
.PPrice { font-size: 21px; }
.PPricesuffix.label { background:#333333; color:; font-size:11px; position:relative; top:-2px; }

.property-files .tab-content { padding-bottom:10px; }

.lister-file { font-size:16px; margin-bottom:10px; }

.property-list-item .itemtitle { font-size:21px; margin-top:15px; }
.property-list-item .propertylocation { font-size:14px; margin-bottom:20px; }

.property-view-more { margin:0; }

.property-asset-stats { padding:0; margin:10px 0 0 0!important; overflow:auto; }
.property-asset-stats li { list-style:none; float:left; margin:0 0 0 10px; }

/* Property List View */
.property-list-wide-pricesection { border-left:1px solid rgba(0, 0, 0, 0.08); }
.property-list-wide-pricesection p { margin-bottom:0; }

/* Peoperty Images */
.propertytemplate .lb-number { display:none !important;}

/* Property Feed */
.listerfeeditem .well { position:relative; padding:15px; }
.listerfeeditem .well img { transition: all 0.5s ease 0s; z-index: 9; }

.listerfeeditem .well:hover a img {
	transform: scale(1.15) rotate(-1deg);
	-webkit-transform: scale(1.1) rotate(-1deg);
	-moz-transform: scale(1.1) rotate(-1deg);
	-ms-transform: scale(1.1) rotate(-1deg);
	-o-transform: scale(1.1) rotate(-1deg);
}

.listerfeeditem-image-container { position:relative; overflow:hidden; border:1px solid rgba(0, 0, 0, 0.1); }
.listerfeeditem-image-container .property-asset-stats { position:absolute; z-index:10; bottom:0; width: 100%; background-color: rgba(255, 255, 255, 0.7); padding: 5px; }

.listerfeeditem-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height:1.2em; font-size:16px; }
.liasterfeeditem-subtitle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height:15px; }
.listerfeeditem hr { margin:10px 0 15px 0; }
.listerfeeditem-price { margin-bottom:0; font-size:18px; }

.sourcepage-name { margin: -10px 0 -5px 0; }
.sourcepage-name a { font-style: italic; font-size: 12px; }

/*============== Property Search ====================*/
.property-search { margin-bottom:20px; }
.property-search .nav-tabs { border-bottom-color: #e0e0e0; }
.property-search .nav-tabs li a { font-size:18px; }

.property-search .nav-tabs>li.active>a, .property-search .nav-tabs>li.active>a:hover, .property-search .nav-tabs>li.active>a:focus {
    cursor: default;
    color:#333333;
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    border-bottom-color: transparent;
}

.property-search-tabs-content {
    color:#333333;
    background:#e0e0e0;
    border: 1px solid #e0e0e0;
    border-top: 0;
}

.property-search-tabs-content label, .property-search-tabs-content p { color:#333333; }

/*============== Property Maps ====================*/
.infowindow { padding-top: 10px; }
.infowindow .row { margin:0!important; }
img.mappininfoimage  { max-width: 100%!important; display:block; }


/* Showcase Element
#######################################################################################*/
.showcase-content { padding:40px 40px 30px 40px; }
.showcase-text { font-size: 1.2em; line-height: 1.4em; }
.showcase-content h3 { margin-top:0; }

/* Calendar Form
#######################################################################################*/
.datepicker td, .datepicker th, .datepicker p, .datepicker ul, .datepicker li { color:#444; }
.datepicker td.active, .datepicker td.active:hover { background-color:#a88f4e!important; color:#ffffff!important; background-image: none; }

.form-element-date-picker input, .form-element-time-picker input {
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Gallery Page
#######################################################################################*/

.gallery-image.thumbnail {
	background: rgba(240, 240, 240, 0.4);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	border:none;
}

.gallery-image-container { position:relative; }
.gallery-image.img-responsive { width:100%; height:auto; }

.gallery-caption {
	position:absolute;
	bottom:0;
	width:100%;
	background: rgba(240, 240, 240, 0.5);
	padding:8px 10px;
	text-align:center;
	color:#333;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gallery-image-div a { text-decoration:none; }

.gallery-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.gallery-image-container:hover .gallery-overlay { background: rgba(33, 33, 33, 0.2); }

.gallery-image-container:hover .gallery-overlay-icon {
	margin-top: -20px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.gallery-overlay .gallery-overlay-icon {
	transition: margin-top .35s ease-out, opacity .55s ease-out;
	color: #fff;
	text-align: center;
	top: 45%;
	left:0; /* <~~~~~~ here */
	width: 100%;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}

.gallery-overlay .gallery-overlay-icon i {
	opacity: 1;
	z-index: 11;
	background: rgba(0, 0, 0, 0.4);
	padding: 16px 18px;
	font-size: 16px;
	border-radius: 100px;
}

.gallery-container.layout-table img { max-height:100px; }


/* Item Lister Page
#######################################################################################*/
.page-introduction-text { margin-bottom:30px; }
.item-container .lister-primary-image { margin-bottom:15px; text-align:center; }
#lister-itemlister-layout-1 .item-container .lister-primary-image { margin-bottom:0; }
.item-container h4 { font-size:1em; font-weight:600; }

#itemlister-list .item-title { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:18px; line-height: 1.3; }
#lister-itemlister-layout-1 .item-title { text-align:center; margin:10px 0 0 0; }

.sociallinks { overflow:auto; margin:30px 0; }

/*Embedded Repsonive Videos*/
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* News / Blog Page
#######################################################################################*/
.newsimage .thumbnail {
	background: rgba(240, 240, 240, 0.4);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	border:none;
}

#news-list .newsimage.text-center.image-full img {
	float: right;
	max-width: 40%;
	margin: 0px 0px 20px 20px;
}

@media (max-width: 767px) {
    #news-list .newsimage.text-center.image-full img  { float: none; max-width: 100%; margin: 0 auto 20px auto; }
}

.newsitem .sociallinks { clear:both; overflow:auto; }
.newsitem .news-comments { clear:both; }

/* News / Blog Feed */
.newsfeeditem-icon span {
	width: 40px;
	height:40px;
	line-height:40px;
	font-size:1.5em;
	color:#ffffff;
	border-radius:3px;
	background:#a88f4e;
	border-color: rgba(0,0,0,0.2);
	display:block;
	text-align:center;
	float:left;
	margin-top:2px;
}

.shape-round .newsfeeditem-icon span { border-radius:50%; }

.newsfeeditem-content { margin-left:55px; }
.newsfeeditem-content h4 { color:#a88f4e; }

.icon-hide .newsfeeditem-icon span { display:none; }
.icon-hide .newsfeeditem-content { margin-left:0; }

/* News / article Pages
#######################################################################################*/
.article-individual {
    height: 120px;
    position: relative;
    padding-bottom: 20px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}
.article-individual .article-image {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 20px 0 0;
}

.article-individual .article-image-inner {
    width: 100px;
    padding-top: 100px;
    position: relative;
    overflow: hidden;
}

.article-individual .article-image-inner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

@media (min-width: 768px) {
    .article-individual .article-content {
        position: absolute;
        left: 120px;
        top: 50%;
        transform: translate(0, -50%);
        margin-top: -10px;
    }
}

.article-individual .article-date-posted-relative { display: none; }

@media (max-width: 767px) {
    .article-individual { height: auto; }
    .article-individual .article-image { float: none; margin: 0 auto; }
}

.oss-widget-interface.share-container {
    overflow: hidden;
}

.more.share-provider.flat.square.size-32.horizontal,
.os-share-count {
    display: none!important;
}

/* Image Feature Box 2
#######################################################################################*/
.element_smart_featurebox_image_2 {
    margin-bottom: 30px;
}


/* Testimonials Page
#######################################################################################*/
.testimonialsheadertext { margin-bottom:40px; }
.testimonial { margin-bottom:30px; padding-bottom:20px; border-bottom:1px dashed rgba(0, 0, 0, 0.1); }
.testimonial.last { padding:0; margin-bottom:0; border:none; }
.testimonial-text { padding-top:10px; font-size: 1.2em; font-weight: 300; line-height: 1.5; }
.testimonial-text em { font-weight:bold; }
.testimonial-bubble { margin:0 auto 20px auto; }

.testimonials-masonry .testimonial { border:none; margin-bottom:10px; padding-top:50px; }
.testimonials-masonry .testimonial-content { padding:20px; border:1px solid rgba(0,0,0,0.1); background:; }
.testimonials-masonry .testimonial-text { text-align:center; font-size:1.1em; padding:0; }
.testimonials-masonry .testimonial-text * { color:#333333; }
.testimonials-masonry .testimonial-text p:last-child { margin:0; }

.testimonials-masonry .bubble { margin-top:-70px; }

.bubble {
	position: relative;
	width: 100px;
	height: 100px;
	padding: 6px;
	background: rgba(240, 240, 240, 1);
	background: ;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.bubble:after {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 74px;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: rgba(240, 240, 240, 1) transparent;
	border-color:  transparent;
	display: block;
	width: 0;
}

.bubble img { position:relative; z-index:1; }
.bubble i { position:absolute; top:32%; left:23%; color:; font-size:42px!important; }

/* Testimonials Feed
#######################################################################################*/
.element_smart_testimonials .owl-carousel .owl-item { position: relative; }
.element_smart_testimonials .owl-carousel .owl-wrapper { display: flex!important; }


/* FAQ Page
#######################################################################################*/
.faqpage-faq { margin-bottom:30px; }
.faqpage-question h4 { font-size: 18px; margin:0; }
.faqpage-question h4 a { text-decoration:none; }
.faqpage-answer { margin-top:10px; }

/* Contact Page
#######################################################################################*/
#contactform-message { margin-bottom:20px; }

/* File Upload
#######################################################################################*/
.element_fileupload a {
	width:100%;
	display:inline-block;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.row-1col .element_fileupload .btn { width:50%; }
.row-2cols .element_fileupload .btn { width:75%; }
.row-3cols .element_fileupload .btn { width:100%; }


/* Form Slider
#######################################################################################*/

.form-element-slider label {margin-bottom: 10px;}

.form-element-slider .form-control {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  padding: 0;
  background: #eee;
  box-shadow:none;
  border: 0;
  border-radius: 0;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.form-element-slider .form-control:hover {
  opacity: 1;
}


.form-element-slider .form-control::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background:#a88f4e;
  cursor: pointer;
}

.form-element-slider .form-control::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background:#a88f4e;
  cursor: pointer;
}

.form-element-slider .custom-range-value {
    text-align: center;
    background: #f3f3f3;
    display: table;
    min-width: 100px;
    margin: 20px auto 20px;
    padding: 5px 10px;
}

.form-element-slider.range-pound .custom-range-value {position: relative; padding: 5px 15px 5px 30px;}
.form-element-slider.range-dollar .custom-range-value {position: relative; padding: 5px 15px 5px 30px;}
.form-element-slider.range-euro .custom-range-value {position: relative; padding: 5px 15px 5px 30px;}
.form-element-slider.range-percent .custom-range-value {position: relative; padding: 5px 30px 5px 15px;}

.form-element-slider.range-pound .custom-range-value:before {position: absolute; content: "£"; left: 10px;}
.form-element-slider.range-dollar .custom-range-value:before {position: absolute; content: '$'; left: 10px;}
.form-element-slider.range-euro .custom-range-value:before {position: absolute; content: '€'; left: 10px;}
.form-element-slider.range-percent .custom-range-value:after {position: absolute; content: '%'; right: 10px;}



/* Shopping Basket Page
#######################################################################################*/
.table { background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); }
.table-bordered { border:1px solid rgba(240, 240, 240, 0.4); }

.table>thead>tr>td.active, .table>tbody>tr>td.active, .table>tfoot>tr>td.active, .table>thead>tr>th.active, .table>tbody>tr>th.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>tbody>tr.active>td, .table>tfoot>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr.active>th, .table>tfoot>tr.active>th {
	background-color: rgba(240, 240, 240, 0.4);
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid rgba(240, 240, 240, 0.4);
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	border: none; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.25); vertical-align:middle;
}

.basketquantity{ white-space:nowrap;}

.basket-product-variation-name { font-weight: bold; }

.payoption .radio input[type="radio"] {
	position:relative;
	top:15px;
	left:-5px;
}

.has-error label{ color:#a94442; }
.has-error ul li{ color:#a94442; font-size: 14px; }

.active.basketimage { max-width: 50px; width: 50px; }
.basketquantity { max-width: 90px; width: 90px; }
.basketactions { max-width:40px; width: 40px; }

/* Basket V2
#######################################################################################*/
@media (min-width: 576px) {
    .d-flex-sm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.sb-flex {
    -webkit-box-pack: space-between!important;
    -ms-flex-pack: space-between!important;
    justify-content: space-between!important;
}

.flex-cente {
    -webkit-box-pack: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

@media (min-width: 576px) {
    .basket-item {
        text-align: left !important;
    }
}

.basket-item {
    border-top: 1px solid #ddd;
    padding: 20px 0;
    background-color: #fff;
}

.basket-item:last-of-type {
    border-bottom: 1px solid #ddd;
}

@media (min-width: 576px) {
    
    .basket-item-img-wrap {
        margin-right: 20px!important;
    }
    
    .basket-item-img {
        display: block;
    }
}

.basket-info {
    flex-grow: 3;
}

.basket-info-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.basket-item-title-sub {
    font-size: 11px;
    opacity: 0.75;
    font-style: italic;
}

.basket-item-title-sub:after {
    content: '/';
    margin: 0 5px;
}

.basket-item-title-sub:last-of-type:after {
    display: none;
}


@media (max-width: 575px) {
    .basket-qty {
        justify-content: center;
    }
}

.basket-item-quantity-dec,
.basket-item-quantity-inc {
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    text-align: center;
}

.basket-item-quantity {
    min-width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    padding: 0 10px;
    font-size:14px;;
}

.basket-item-quantity-stock {
    cursor: not-allowed;
    opacity: 0.5;
}

.basket-volume-discount h6 {
    font-style: italic;
    display: inline-block;
    margin: 0;
}


.basket-item-price span {
    margin: 0 5px;
}

.basket-item-option.label-variation {
    color: initial;
    padding: 8px 12px;
    display: inline-block;
    background-color: #f5f5f5;
    font-size: 12px;
    border-radius: 20px;
    margin-bottom: 5px;
    white-space: normal;
    text-align: left;
    line-height: 1.4em;
}

.basket-item-option.label-variation span {
    opacity: 0.6;
}


@media (min-width: 576px) {
    .basket-item-line-price {
        text-align: right;
    }
}

.basket-item-line-price {
    margin: 10px 0 0 0;
}

.basket-item-line-price:last-of-type {
    margin-right: 20px;
    margin-left: 20px;
}

.basket-item-line-price span {
    font-size: 11px;
    opacity: 0.75;
    font-style: italic;
    display: block;
}

.basket-item-remove-side {
    padding: 0 10px;
    background-color: #f5f5f5;
    margin: -20px 0;
    color:#333333;
}

.basket-item-remove {
    display: none;
}

.basket-item-remove:hover {
    text-decoration: none;
}

.basket-item-remove i {
    align-self: center;
}

@media (max-width: 575px) {
    .basket-item-remove-stacked {
        display: inline-block;
    }
}

.basket-item-remove-stacked {
    padding: 10px;
    margin-top: 20px;
}

/* Basket totals */
.basket-gross-total h5,
.basket-amount-payable h5 {
    font-weight: 700;
}

@media (min-width: 576px) {
    .totals-label {
        margin-right: 10px;
    }
    
    .totals-result {
        text-align: right;
    }
    
    .totals-result h6 {
        text-align: right!important;
    }
}

@media (max-width: 575px) {
    .totals-row {
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid#eee;
    }
    
    .totals-row:first-child {
        border: none;
        padding: 0;
        margin: 0;
    }
}

/* Basket payment method */
.basket-payoption {
    position: relative;
    margin-bottom: 10px;
}

.basket-payoption:last-of-type {
    margin-bottom: 0;
}

.basket-payoption .basket-payoption-radio {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0;
}

.basket-payoption-wrap {
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    text-align: left;
    margin-left: 25px;
    cursor: pointer;
    transition: .2s ease-in-out;
}

.basket-payoption label {
    display: block;
}

.basket-payoption label:hover .basket-payoption-wrap,
.basket-payoption-radio:checked + .basket-payoption-wrap {
    border-color: #a88f4e;
    box-shadow: 0 0 0 1px #a88f4e;
}

/* Basket customer details */
.basket-section-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* Postcode look up */
.postcode-lookup-wrapper .panel-body {
    background-color: #f5f5f5;
}

.postcode-lookup input {
    max-width: 200px;
    float: left;
    margin-right: 10px;
}

#deliveryissame label span {
    font-size: 1.2em;
}

/* CoronaAlert
#######################################################################################*/
#corona-notice .alert { padding: 10px 15px; }

#corona-notice h5 {
    margin-bottom: 0;
    padding-bottom: 10px;
}

#corona-notice hr { margin-top: 15px; margin-bottom: 15px; }

@media (max-width: 991px) {
    h5 i { display: block; }
    #corona-notice h5 i { display: block; margin: 0 auto 5px auto; }
    #corona-notice .alert-link { float: none!important; display: block; margin-top: 15px; }
    #corona-text { text-align: left; }
}

/* One Pager
#######################################################################################*/
.onepagerlayout #main { padding-right:0; padding-left:0; }

/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.container-fluid.container-tight {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}

.onepagerlayout .element_pagegallery.gutter-bottom { margin-bottom: 0; }
.onepagerlayout .page_element { padding-top: 20px; }

/* footer
#######################################################################################*/
#footer-section { text-align:center; padding-bottom:20px; }

#footer-section, #footer-section p, #footer-section a, #footer-section li, #footer-section h3, #footer-section h4 { color:#ffffff; }

#footer-section.unconstrained hr { margin-top:0; }


#footer_seo_links_list {
    list-style: none;
    display: table;
    margin: 0 auto 20px auto;
    padding: 0;
}

#footer_seo_links_list li {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    list-style: none;
    padding: 0 16px;
    margin: 0;
}

@media (min-width: 991px) {
    #footer_seo_links_list li {
        float: left;
    }
}




.footer-nav ul { list-style:none; display:table; margin:0 auto 20px auto; padding:0; }
.footer-nav li { list-style:none; float:left; padding:0 16px; margin:0; position:relative; }
.footer-nav li:before {
    content: '';
    position: absolute;
    left:0;
    top:50%;
    height:4px;
    width:1px;
    background:#a88f4e;
    background:#ffffff;
}

.footer-nav li.firstli:before { display:none; }

.footerbrand { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-size:13px!important; }

.brandlogo {
	background: url(/templates_css/images/bootstrapbyo/so_footer.png) no-repeat 0 0;
	display: inline-block;
	height: 0;
	overflow: hidden;
	padding-top: 14px;
	width: 55px;
	margin: 0 0 0 2px;
}

.webfactore .brandlogo {
	background: url(https://s3-eu-west-1.amazonaws.com/cdn.webfactore.co.uk/14-bespoke-website-design.png) no-repeat 0 0;
	width: 74px;
    position: relative;
    top: 4px;
}

.brandlogo.dark { background-position:0 0; }
.brandlogo.light { background-position:0 -14px; }


/* Social icons
#######################################################################################*/
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.4em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:30px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.1em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding-left:0;padding-right:0}
.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.4em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:30px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.1em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}

.social-buttons.shape-round .btn { border-radius:50%!important; }


/*### bitbucket ###*/
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{color:#fff;background-color:#183c60;border-color:rgba(0,0,0,0.2)}
/*### dropbox ###*/
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d70b7;border-color:rgba(0,0,0,0.2)}
/*### facebook ###*/
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
/*### flickr ###*/
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background-color:#d6006f;border-color:rgba(0,0,0,0.2)}
/*### github ###*/
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)}
/*### google+ ###*/
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)}
/*### instagram ###*/
.btn-instagram{color:#fff;background-color:#517fa4;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#446a89;border-color:rgba(0,0,0,0.2)}
/*### linkedin ###*/
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background-color:#005f8d;border-color:rgba(0,0,0,0.2)}
/*### pinterest ###*/
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{color:#fff;background-color:#a81a20;border-color:rgba(0,0,0,0.2)}
/*### tumblr ###*/
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{color:#fff;background-color:#1f3346;border-color:rgba(0,0,0,0.2)}
/*### twitter ###*/
.btn-twitter{color:#fff;background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#1c92c7;border-color:rgba(0,0,0,0.2)}
/*### youtube ###*/
.btn-youtube{color:#fff;background-color:#cc181e;border-color:rgba(0,0,0,0.2)}.btn-youtube:hover,.btn-youtube:focus,.btn-youtube:active,.btn-youtube.active,.open .dropdown-toggle.btn-youtube{color:#fff;background-color:#A01317;border-color:rgba(0,0,0,0.2)}
/*### email ###*/
.btn-email{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-email:hover,.btn-email:focus,.btn-email:active,.btn-email.active,.open .dropdown-toggle.btn-email{color:#fff;background-color:#4a6a89;border-color:rgba(0,0,0,0.2)}
/*### soundcloud ###*/
.btn-soundcloud{color:#fff;background-color:#F85A0F;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open .dropdown-toggle.btn-soundcloud{color:#fff;background-color:#D04606;border-color:rgba(0,0,0,0.2)}
/*### custom 1 ###*/
.btn-custom1 {color:#fff;background-color:#F85A0F;border-color:rgba(0,0,0,0.2)} .btn-custom1:hover,.btn-custom1:focus,.btn-custom1:active,.btn-custom1.active,.open .dropdown-toggle.btn-custom1 { color:#fff;background-color:#F85A0F;border-color:rgba(0,0,0,0.2);box-shadow: inset 0 -60px 0 rgba(0, 0, 0, 0.1);}
/*### custom 2 ###*/
.btn-custom2 {color:#fff;background-color:#F85A0F;border-color:rgba(0,0,0,0.2)} .btn-custom2:hover,.btn-custom2:focus,.btn-custom2:active,.btn-custom2.active,.open .dropdown-toggle.btn-custom1 { color:#fff;background-color:#F85A0F;border-color:rgba(0,0,0,0.2);box-shadow: inset 0 -60px 0 rgba(0, 0, 0, 0.1);}

/* Social Style / Shape None
#######################################################################################*/
.socialmedialinkscontainer.shape-none .btn { background-color:transparent; border-color:transparent; box-shadow:none; color:#a88f4e; }
.socialmedialinkscontainer.shape-none .btn:hover { color:#000000; }

/* Text Sizer
#######################################################################################*/
body.textsizer-large { font-size:1.8rem; }
body.textsizer-larger { font-size:2.1rem; }

#textsizer {
	padding:3px;
	transition:.25s ease-out;
	border-radius:4px;
	display:inline-block;
	line-height:0!important;
	height:32px;
	background: rgba(240, 240, 240, 0.4);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25);
	position:relative;
	z-index:99;
}

#textsizer a {
	display:inline-block;
	padding: 0 5px;
	color:#333333;
	border-radius:4px;
	line-height:26px!important;
	height:26px!important;
}

#textsizer a#standard { font-size:14px!important; }
#textsizer a#large { font-size:16px!important; }
#textsizer a#larger { font-size:18px!important; }

#textsizer a:hover, #textsizer a.selected { color:#a88f4e; transition:.25s ease-out; }

/* Holding Page
#######################################################################################*/
.holdingpage .socialmedialinkscontainer ul {
    display: inline-block;
    margin: 0 auto;
}

/* Facebook Like Box
#######################################################################################*/
.fb_iframe_widget { display: block!important; text-align:left!important; }
.fb-like-box iframe { width: 100%!important; }
.fb-like-box span { width: auto!important; position: initial!important; }
.fb_iframe_widget_fluid span { width:100%!important; }

/* Facebook Like Box IE Bug fix */
.fb_iframe_widget span{
position:static !important;
}

/* Media queries
#######################################################################################*/
@media (min-width: 767px) {
#layout-top-3 .logoimage { float:right!important; }
}

@media (max-width: 1199px) {
.horizontalnav nav > ul > li a { padding: 0 15px; font-size: 12px; }
.horizontalnav nav > ul > li.has-sub > a { padding-right:25px; }
.horizontalnav nav > ul > li.has-sub > a::after { right:12px; }

.newsfeeditem-icon span { width: 30px; height:30px; line-height:30px; font-size:1em; }
.newsfeeditem-content { margin-left: 45px; }
}

@media (max-width: 991px) {
#header-section .row { text-align:center!important; }
#header-section .logoimage img { margin:0 auto; }
.text-right, .text-left { text-align:center!important; }
h4#contact-line { text-align:center; }

.sideoflogonav .social-buttons.socialmedialinkscontainer { float: none; margin: 20px 0 10px 0; }

.cta-block { margin-bottom:40px; /*width:100%;*/ }
#banner .owl-pagination { display:none; }
.banner-text { top:5%; bottom:5%; }

.form-inline .form-group { margin-bottom:15px; }

#layout-top-5 .social-buttons { float:none!important; margin:10px 0 0 0!important; }
#layout-top-5 #contact-line { float: none; margin-top: 5px; }

.element_text .btn, .element_button .btn { width:100%; white-space:normal; } /*allows buttons with long text to collapse*/

.newsfeeditem-icon span { width: 40px; height:40px; line-height:40px; font-size:1.5em; }
.newsfeeditem-content { margin-left: 55px; }

.footer-nav li { width:100%; text-align:center; }
.footer-nav li:before { display:none; }

}

@media (max-width: 767px) {
#internalrefs { display:none; }
body { padding:0!important; }
#header-section { padding-top:0; border-radius:0; }
#footer-section { padding-bottom:0; border-radius:0; }
#header-section-container, #footer-section-container { border-radius:0; }

.row { text-align:center !important; }
.row img { margin:0 auto; }
#managerheader { display:none; }
#minibasket h4 { margin-top:10px; }

.owl-controls { display:none!important; }

#main ul { text-align:center; padding-left:0; list-style-position: inside; }

#pagetitle { text-align:center; }

.element_image.pull-right, .element_image.pull-left { float:none!important; margin:0 auto 20px auto; }

#itemsorter { margin-top:0; }

.product-well .form-group { margin-bottom:15px; }

.gallery-overlay { display:none; }


.element_image.pull-right, .newsimage.pull-right { float:none!important; margin-left:0!important; }

.nav-tabs { margin-bottom:10px!important; box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.25); }
.nav-tabs li { display: table; width: 100%; height: auto; margin: 0; }
.nav-tabs a { width: 100%; max-width: 100%; height: auto; font-size: 18px; text-align: left; padding-top: 10px; padding-bottom: 10px; border-top: none; border-radius: 0!important; }
.nav-tabs . a div { display: inline-block; vertical-align: middle; font-size: 30px; line-height: 120%; padding-bottom: 5px; margin: 0 10px 0 0; }

.tab-content { box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.25); }

.newsfeeditem-content { text-align:left!important; }
}



/* Product filters ################################################################## */
.filter-title {
    display: flex;
    align-items: baseline;
}

.filter-title  .filter-title-toggle-icon {
    font-size: 80%;
    margin-left: auto;
    transition: all ease-in 0.1s;
}


@media only screen and (max-width : 991px) {
    .filter-title {
        cursor: pointer;
    }
    
    .filter-hide {
        display: none;
    }   
}

@media (max-width: 767px) {
    .filter-element-list, .filter-menu-action {
        text-align: left!important;
    }
}


.filter-title .filter-count {
    margin-left: 5px;
}

.filter-element .filter-element-title {
    display: flex;
    align-items: baseline;
    cursor: pointer;
}

.filter-element .filter-element-title .filter-element-option-count {
    margin-left: 5px;
}

.filter-element .filter-element-title .filter-element-list-toggle-icon {
    margin-left: auto;
}


/* Filter list */
.filter-element.filter-element-collapsed .filter-element-list { display: none; }
.filter-element.filter-element-expanded .filter-element-list { display: block; }


.filter-loading #content-section {
    opacity: 0.5;
}







/* Christmas ################################################################## */
.snowtheme #footer-section { /*padding-bottom: 120px;*/ }

.theming,.snowfall-flakes{ pointer-events:none;}

.snowfall-flakes{
    

}


/*   Stripe core stylng ################################################### */
.StripeElement {
  background-color: white;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.item-subtitle { font-size: 1.2em; margin:0;}

.pagesection-title{ text-align:center;}

.grecaptcha-badge { 
    visibility: hidden;
}


/* Product image variations */
.variation-image-container {
    border: 2px solid #ccc;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
}

.variation-image-icon {
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    font-size: 0.75rem;
    background-color: var(--site-primary-color);
    color: white;
    border-radius: 50%;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    display: block;
    opacity: 0;
    visibility: hidden;
}

.variation-image-container.active {
    border-color: var(--site-primary-color);
}

.variation-image-container.active .variation-image-icon {
    opacity: 1;
    visibility: visible;
}

.variation-image-container.variation-image-small {
    width: calc(16.666% - .8333rem);
}

.variation-image-container.variation-image-medium {
    width: calc(20% - .8rem);
}

.variation-image-container.variation-image-large {
    width: calc(25% - .75rem);
}

@media screen and (max-width: 768px) {

    .variation-image-container.variation-image-small {
        width: 80px;
    }

    .variation-image-container.variation-image-medium {
        width: 120px;
    }

    .variation-image-container.variation-image-large {
        width: 160px;
    }
    
}






/* Global utilities
############################################ */

/* Breakpoints
sm: 576px; md: 768px; lg: 992px; xl: 1200px;
############################################ */

/* Root variables */
:root {
	--spacing-0: 0;
	--spacing-1: 0.25rem;
	--spacing-2: 0.5rem;
	--spacing-3: 1rem;    /* Base font size, usually 16px/18px */
	--spacing-4: 1.5rem;
	--spacing-5: 3rem;
}

.col { flex: 1 0 0%; }

/* Display */
.d-none { display: none !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-block { display: block !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }

/* Small devices (576px and up) */
@media (min-width: 576px) {
	.d-sm-none { display: none !important; }
	.d-sm-flex { display: flex !important; }
	.d-sm-inline-flex { display: inline-flex !important; }
	.d-sm-block { display: block !important; }
	.d-sm-inline { display: inline !important; }
	.d-sm-inline-block { display: inline-block !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
	.d-md-none { display: none !important; }
	.d-md-flex { display: flex !important; }
	.d-md-inline-flex { display: inline-flex !important; }
	.d-md-block { display: block !important; }
	.d-md-inline { display: inline !important; }
	.d-md-inline-block { display: inline-block !important; }
}

/* Large devices (992px and up) */
@media (min-width: 992px) {
	.d-lg-none { display: none !important; }
	.d-lg-flex { display: flex !important; }
	.d-lg-inline-flex { display: inline-flex !important; }
	.d-lg-block { display: block !important; }
	.d-lg-inline { display: inline !important; }
	.d-lg-inline-block { display: inline-block !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.d-xl-none { display: none !important; }
	.d-xl-flex { display: flex !important; }
	.d-xl-inline-flex { display: inline-flex !important; }
	.d-xl-block { display: block !important; }
	.d-xl-inline { display: inline !important; }
	.d-xl-inline-block { display: inline-block !important; }
}

/* Flex Direction */
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.flex-sm-row { flex-direction: row !important; }
	.flex-sm-column { flex-direction: column !important; }
	.flex-sm-row-reverse { flex-direction: row-reverse !important; }
	.flex-sm-column-reverse { flex-direction: column-reverse !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.flex-md-row { flex-direction: row !important; }
	.flex-md-column { flex-direction: column !important; }
	.flex-md-row-reverse { flex-direction: row-reverse !important; }
	.flex-md-column-reverse { flex-direction: column-reverse !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.flex-lg-row { flex-direction: row !important; }
	.flex-lg-column { flex-direction: column !important; }
	.flex-lg-row-reverse { flex-direction: row-reverse !important; }
	.flex-lg-column-reverse { flex-direction: column-reverse !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.flex-xl-row { flex-direction: row !important; }
	.flex-xl-column { flex-direction: column !important; }
	.flex-xl-row-reverse { flex-direction: row-reverse !important; }
	.flex-xl-column-reverse { flex-direction: column-reverse !important; }
}

/* Justify Content */
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.justify-content-sm-start { justify-content: flex-start !important; }
	.justify-content-sm-end { justify-content: flex-end !important; }
	.justify-content-sm-center { justify-content: center !important; }
	.justify-content-sm-between { justify-content: space-between !important; }
	.justify-content-sm-around { justify-content: space-around !important; }
	.justify-content-sm-evenly { justify-content: space-evenly !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.justify-content-md-start { justify-content: flex-start !important; }
	.justify-content-md-end { justify-content: flex-end !important; }
	.justify-content-md-center { justify-content: center !important; }
	.justify-content-md-between { justify-content: space-between !important; }
	.justify-content-md-around { justify-content: space-around !important; }
	.justify-content-md-evenly { justify-content: space-evenly !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.justify-content-lg-start { justify-content: flex-start !important; }
	.justify-content-lg-end { justify-content: flex-end !important; }
	.justify-content-lg-center { justify-content: center !important; }
	.justify-content-lg-between { justify-content: space-between !important; }
	.justify-content-lg-around { justify-content: space-around !important; }
	.justify-content-lg-evenly { justify-content: space-evenly !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.justify-content-xl-start { justify-content: flex-start !important; }
	.justify-content-xl-end { justify-content: flex-end !important; }
	.justify-content-xl-center { justify-content: center !important; }
	.justify-content-xl-between { justify-content: space-between !important; }
	.justify-content-xl-around { justify-content: space-around !important; }
	.justify-content-xl-evenly { justify-content: space-evenly !important; }
}

/* Align Items */
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.align-items-sm-start { align-items: flex-start !important; }
	.align-items-sm-end { align-items: flex-end !important; }
	.align-items-sm-center { align-items: center !important; }
	.align-items-sm-baseline { align-items: baseline !important; }
	.align-items-sm-stretch { align-items: stretch !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.align-items-md-start { align-items: flex-start !important; }
	.align-items-md-end { align-items: flex-end !important; }
	.align-items-md-center { align-items: center !important; }
	.align-items-md-baseline { align-items: baseline !important; }
	.align-items-md-stretch { align-items: stretch !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.align-items-lg-start { align-items: flex-start !important; }
	.align-items-lg-end { align-items: flex-end !important; }
	.align-items-lg-center { align-items: center !important; }
	.align-items-lg-baseline { align-items: baseline !important; }
	.align-items-lg-stretch { align-items: stretch !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.align-items-xl-start { align-items: flex-start !important; }
	.align-items-xl-end { align-items: flex-end !important; }
	.align-items-xl-center { align-items: center !important; }
	.align-items-xl-baseline { align-items: baseline !important; }
	.align-items-xl-stretch { align-items: stretch !important; }
}

/* Align Self */
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.align-self-sm-auto { align-self: auto !important; }
	.align-self-sm-start { align-self: flex-start !important; }
	.align-self-sm-end { align-self: flex-end !important; }
	.align-self-sm-center { align-self: center !important; }
	.align-self-sm-baseline { align-self: baseline !important; }
	.align-self-sm-stretch { align-self: stretch !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.align-self-md-auto { align-self: auto !important; }
	.align-self-md-start { align-self: flex-start !important; }
	.align-self-md-end { align-self: flex-end !important; }
	.align-self-md-center { align-self: center !important; }
	.align-self-md-baseline { align-self: baseline !important; }
	.align-self-md-stretch { align-self: stretch !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.align-self-lg-auto { align-self: auto !important; }
	.align-self-lg-start { align-self: flex-start !important; }
	.align-self-lg-end { align-self: flex-end !important; }
	.align-self-lg-center { align-self: center !important; }
	.align-self-lg-baseline { align-self: baseline !important; }
	.align-self-lg-stretch { align-self: stretch !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.align-self-xl-auto { align-self: auto !important; }
	.align-self-xl-start { align-self: flex-start !important; }
	.align-self-xl-end { align-self: flex-end !important; }
	.align-self-xl-center { align-self: center !important; }
	.align-self-xl-baseline { align-self: baseline !important; }
	.align-self-xl-stretch { align-self: stretch !important; }
}

/* Align Content */
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.align-content-sm-start { align-content: flex-start !important; }
	.align-content-sm-end { align-content: flex-end !important; }
	.align-content-sm-center { align-content: center !important; }
	.align-content-sm-between { align-content: space-between !important; }
	.align-content-sm-around { align-content: space-around !important; }
	.align-content-sm-stretch { align-content: stretch !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.align-content-md-start { align-content: flex-start !important; }
	.align-content-md-end { align-content: flex-end !important; }
	.align-content-md-center { align-content: center !important; }
	.align-content-md-between { align-content: space-between !important; }
	.align-content-md-around { align-content: space-around !important; }
	.align-content-md-stretch { align-content: stretch !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.align-content-lg-start { align-content: flex-start !important; }
	.align-content-lg-end { align-content: flex-end !important; }
	.align-content-lg-center { align-content: center !important; }
	.align-content-lg-between { align-content: space-between !important; }
	.align-content-lg-around { align-content: space-around !important; }
	.align-content-lg-stretch { align-content: stretch !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.align-content-xl-start { align-content: flex-start !important; }
	.align-content-xl-end { align-content: flex-end !important; }
	.align-content-xl-center { align-content: center !important; }
	.align-content-xl-between { align-content: space-between !important; }
	.align-content-xl-around { align-content: space-around !important; }
	.align-content-xl-stretch { align-content: stretch !important; }
}

/* Flex Wrap */
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.flex-sm-nowrap { flex-wrap: nowrap !important; }
	.flex-sm-wrap { flex-wrap: wrap !important; }
	.flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.flex-md-nowrap { flex-wrap: nowrap !important; }
	.flex-md-wrap { flex-wrap: wrap !important; }
	.flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.flex-lg-nowrap { flex-wrap: nowrap !important; }
	.flex-lg-wrap { flex-wrap: wrap !important; }
	.flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.flex-xl-nowrap { flex-wrap: nowrap !important; }
	.flex-xl-wrap { flex-wrap: wrap !important; }
	.flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
}

/* Flex Grow */
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.flex-sm-grow-0 { flex-grow: 0 !important; }
	.flex-sm-grow-1 { flex-grow: 1 !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.flex-md-grow-0 { flex-grow: 0 !important; }
	.flex-md-grow-1 { flex-grow: 1 !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.flex-lg-grow-0 { flex-grow: 0 !important; }
	.flex-lg-grow-1 { flex-grow: 1 !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.flex-xl-grow-0 { flex-grow: 0 !important; }
	.flex-xl-grow-1 { flex-grow: 1 !important; }
}

/* Flex Shrink */
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.flex-sm-shrink-0 { flex-shrink: 0 !important; }
	.flex-sm-shrink-1 { flex-shrink: 1 !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.flex-md-shrink-0 { flex-shrink: 0 !important; }
	.flex-md-shrink-1 { flex-shrink: 1 !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.flex-lg-shrink-0 { flex-shrink: 0 !important; }
	.flex-lg-shrink-1 { flex-shrink: 1 !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.flex-xl-shrink-0 { flex-shrink: 0 !important; }
	.flex-xl-shrink-1 { flex-shrink: 1 !important; }
}

/* Flex Basis */
.flex-fill { flex: 1 1 auto !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.flex-sm-fill { flex: 1 1 auto !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.flex-md-fill { flex: 1 1 auto !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.flex-lg-fill { flex: 1 1 auto !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.flex-xl-fill { flex: 1 1 auto !important; }
}

/* Order */
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-6 { order: 6 !important; }
.order-7 { order: 7 !important; }
.order-8 { order: 8 !important; }
.order-9 { order: 9 !important; }
.order-10 { order: 10 !important; }
.order-11 { order: 11 !important; }
.order-12 { order: 12 !important; }
.order-first { order: -1 !important; }
.order-last { order: 13 !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.order-sm-0 { order: 0 !important; }
	.order-sm-1 { order: 1 !important; }
	.order-sm-2 { order: 2 !important; }
	.order-sm-3 { order: 3 !important; }
	.order-sm-4 { order: 4 !important; }
	.order-sm-5 { order: 5 !important; }
	.order-sm-6 { order: 6 !important; }
	.order-sm-7 { order: 7 !important; }
	.order-sm-8 { order: 8 !important; }
	.order-sm-9 { order: 9 !important; }
	.order-sm-10 { order: 10 !important; }
	.order-sm-11 { order: 11 !important; }
	.order-sm-12 { order: 12 !important; }
	.order-sm-first { order: -1 !important; }
	.order-sm-last { order: 13 !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.order-md-0 { order: 0 !important; }
	.order-md-1 { order: 1 !important; }
	.order-md-2 { order: 2 !important; }
	.order-md-3 { order: 3 !important; }
	.order-md-4 { order: 4 !important; }
	.order-md-5 { order: 5 !important; }
	.order-md-6 { order: 6 !important; }
	.order-md-7 { order: 7 !important; }
	.order-md-8 { order: 8 !important; }
	.order-md-9 { order: 9 !important; }
	.order-md-10 { order: 10 !important; }
	.order-md-11 { order: 11 !important; }
	.order-md-12 { order: 12 !important; }
	.order-md-first { order: -1 !important; }
	.order-md-last { order: 13 !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.order-lg-0 { order: 0 !important; }
	.order-lg-1 { order: 1 !important; }
	.order-lg-2 { order: 2 !important; }
	.order-lg-3 { order: 3 !important; }
	.order-lg-4 { order: 4 !important; }
	.order-lg-5 { order: 5 !important; }
	.order-lg-6 { order: 6 !important; }
	.order-lg-7 { order: 7 !important; }
	.order-lg-8 { order: 8 !important; }
	.order-lg-9 { order: 9 !important; }
	.order-lg-10 { order: 10 !important; }
	.order-lg-11 { order: 11 !important; }
	.order-lg-12 { order: 12 !important; }
	.order-lg-first { order: -1 !important; }
	.order-lg-last { order: 13 !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.order-xl-0 { order: 0 !important; }
	.order-xl-1 { order: 1 !important; }
	.order-xl-2 { order: 2 !important; }
	.order-xl-3 { order: 3 !important; }
	.order-xl-4 { order: 4 !important; }
	.order-xl-5 { order: 5 !important; }
	.order-xl-6 { order: 6 !important; }
	.order-xl-7 { order: 7 !important; }
	.order-xl-8 { order: 8 !important; }
	.order-xl-9 { order: 9 !important; }
	.order-xl-10 { order: 10 !important; }
	.order-xl-11 { order: 11 !important; }
	.order-xl-12 { order: 12 !important; }
	.order-xl-first { order: -1 !important; }
	.order-xl-last { order: 13 !important; }
}

/* Gap
########################################################################### */
.gap-0 { gap: var(--spacing-0) !important; }
.gap-1 { gap: var(--spacing-1) !important; }
.gap-2 { gap: var(--spacing-2) !important; }
.gap-3 { gap: var(--spacing-3) !important; }
.gap-4 { gap: var(--spacing-4) !important; }
.gap-5 { gap: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.gap-sm-0 { gap: var(--spacing-0) !important; }
	.gap-sm-1 { gap: var(--spacing-1) !important; }
	.gap-sm-2 { gap: var(--spacing-2) !important; }
	.gap-sm-3 { gap: var(--spacing-3) !important; }
	.gap-sm-4 { gap: var(--spacing-4) !important; }
	.gap-sm-5 { gap: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.gap-md-0 { gap: var(--spacing-0) !important; }
	.gap-md-1 { gap: var(--spacing-1) !important; }
	.gap-md-2 { gap: var(--spacing-2) !important; }
	.gap-md-3 { gap: var(--spacing-3) !important; }
	.gap-md-4 { gap: var(--spacing-4) !important; }
	.gap-md-5 { gap: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.gap-lg-0 { gap: var(--spacing-0) !important; }
	.gap-lg-1 { gap: var(--spacing-1) !important; }
	.gap-lg-2 { gap: var(--spacing-2) !important; }
	.gap-lg-3 { gap: var(--spacing-3) !important; }
	.gap-lg-4 { gap: var(--spacing-4) !important; }
	.gap-lg-5 { gap: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.gap-xl-0 { gap: var(--spacing-0) !important; }
	.gap-xl-1 { gap: var(--spacing-1) !important; }
	.gap-xl-2 { gap: var(--spacing-2) !important; }
	.gap-xl-3 { gap: var(--spacing-3) !important; }
	.gap-xl-4 { gap: var(--spacing-4) !important; }
	.gap-xl-5 { gap: var(--spacing-5) !important; }
}


/* Padding
########################################################################### */
.p-0 { padding: var(--spacing-0) !important; }
.p-1 { padding: var(--spacing-1) !important; }
.p-2 { padding: var(--spacing-2) !important; }
.p-3 { padding: var(--spacing-3) !important; }
.p-4 { padding: var(--spacing-4) !important; }
.p-5 { padding: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.p-sm-0 { padding: var(--spacing-0) !important; }
	.p-sm-1 { padding: var(--spacing-1) !important; }
	.p-sm-2 { padding: var(--spacing-2) !important; }
	.p-sm-3 { padding: var(--spacing-3) !important; }
	.p-sm-4 { padding: var(--spacing-4) !important; }
	.p-sm-5 { padding: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.p-md-0 { padding: var(--spacing-0) !important; }
	.p-md-1 { padding: var(--spacing-1) !important; }
	.p-md-2 { padding: var(--spacing-2) !important; }
	.p-md-3 { padding: var(--spacing-3) !important; }
	.p-md-4 { padding: var(--spacing-4) !important; }
	.p-md-5 { padding: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.p-lg-0 { padding: var(--spacing-0) !important; }
	.p-lg-1 { padding: var(--spacing-1) !important; }
	.p-lg-2 { padding: var(--spacing-2) !important; }
	.p-lg-3 { padding: var(--spacing-3) !important; }
	.p-lg-4 { padding: var(--spacing-4) !important; }
	.p-lg-5 { padding: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.p-xl-0 { padding: var(--spacing-0) !important; }
	.p-xl-1 { padding: var(--spacing-1) !important; }
	.p-xl-2 { padding: var(--spacing-2) !important; }
	.p-xl-3 { padding: var(--spacing-3) !important; }
	.p-xl-4 { padding: var(--spacing-4) !important; }
	.p-xl-5 { padding: var(--spacing-5) !important; }
}

/* Padding Start (Left) */
.ps-0 { padding-left: var(--spacing-0) !important; }
.ps-1 { padding-left: var(--spacing-1) !important; }
.ps-2 { padding-left: var(--spacing-2) !important; }
.ps-3 { padding-left: var(--spacing-3) !important; }
.ps-4 { padding-left: var(--spacing-4) !important; }
.ps-5 { padding-left: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.ps-sm-0 { padding-left: var(--spacing-0) !important; }
	.ps-sm-1 { padding-left: var(--spacing-1) !important; }
	.ps-sm-2 { padding-left: var(--spacing-2) !important; }
	.ps-sm-3 { padding-left: var(--spacing-3) !important; }
	.ps-sm-4 { padding-left: var(--spacing-4) !important; }
	.ps-sm-5 { padding-left: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.ps-md-0 { padding-left: var(--spacing-0) !important; }
	.ps-md-1 { padding-left: var(--spacing-1) !important; }
	.ps-md-2 { padding-left: var(--spacing-2) !important; }
	.ps-md-3 { padding-left: var(--spacing-3) !important; }
	.ps-md-4 { padding-left: var(--spacing-4) !important; }
	.ps-md-5 { padding-left: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.ps-lg-0 { padding-left: var(--spacing-0) !important; }
	.ps-lg-1 { padding-left: var(--spacing-1) !important; }
	.ps-lg-2 { padding-left: var(--spacing-2) !important; }
	.ps-lg-3 { padding-left: var(--spacing-3) !important; }
	.ps-lg-4 { padding-left: var(--spacing-4) !important; }
	.ps-lg-5 { padding-left: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.ps-xl-0 { padding-left: var(--spacing-0) !important; }
	.ps-xl-1 { padding-left: var(--spacing-1) !important; }
	.ps-xl-2 { padding-left: var(--spacing-2) !important; }
	.ps-xl-3 { padding-left: var(--spacing-3) !important; }
	.ps-xl-4 { padding-left: var(--spacing-4) !important; }
	.ps-xl-5 { padding-left: var(--spacing-5) !important; }
}

/* Padding End (Right) */
.pe-0 { padding-right: var(--spacing-0) !important; }
.pe-1 { padding-right: var(--spacing-1) !important; }
.pe-2 { padding-right: var(--spacing-2) !important; }
.pe-3 { padding-right: var(--spacing-3) !important; }
.pe-4 { padding-right: var(--spacing-4) !important; }
.pe-5 { padding-right: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.pe-sm-0 { padding-right: var(--spacing-0) !important; }
	.pe-sm-1 { padding-right: var(--spacing-1) !important; }
	.pe-sm-2 { padding-right: var(--spacing-2) !important; }
	.pe-sm-3 { padding-right: var(--spacing-3) !important; }
	.pe-sm-4 { padding-right: var(--spacing-4) !important; }
	.pe-sm-5 { padding-right: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.pe-md-0 { padding-right: var(--spacing-0) !important; }
	.pe-md-1 { padding-right: var(--spacing-1) !important; }
	.pe-md-2 { padding-right: var(--spacing-2) !important; }
	.pe-md-3 { padding-right: var(--spacing-3) !important; }
	.pe-md-4 { padding-right: var(--spacing-4) !important; }
	.pe-md-5 { padding-right: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.pe-lg-0 { padding-right: var(--spacing-0) !important; }
	.pe-lg-1 { padding-right: var(--spacing-1) !important; }
	.pe-lg-2 { padding-right: var(--spacing-2) !important; }
	.pe-lg-3 { padding-right: var(--spacing-3) !important; }
	.pe-lg-4 { padding-right: var(--spacing-4) !important; }
	.pe-lg-5 { padding-right: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.pe-xl-0 { padding-right: var(--spacing-0) !important; }
	.pe-xl-1 { padding-right: var(--spacing-1) !important; }
	.pe-xl-2 { padding-right: var(--spacing-2) !important; }
	.pe-xl-3 { padding-right: var(--spacing-3) !important; }
	.pe-xl-4 { padding-right: var(--spacing-4) !important; }
	.pe-xl-5 { padding-right: var(--spacing-5) !important; }
}

/* Padding Top */
.pt-0 { padding-top: var(--spacing-0) !important; }
.pt-1 { padding-top: var(--spacing-1) !important; }
.pt-2 { padding-top: var(--spacing-2) !important; }
.pt-3 { padding-top: var(--spacing-3) !important; }
.pt-4 { padding-top: var(--spacing-4) !important; }
.pt-5 { padding-top: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.pt-sm-0 { padding-top: var(--spacing-0) !important; }
	.pt-sm-1 { padding-top: var(--spacing-1) !important; }
	.pt-sm-2 { padding-top: var(--spacing-2) !important; }
	.pt-sm-3 { padding-top: var(--spacing-3) !important; }
	.pt-sm-4 { padding-top: var(--spacing-4) !important; }
	.pt-sm-5 { padding-top: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.pt-md-0 { padding-top: var(--spacing-0) !important; }
	.pt-md-1 { padding-top: var(--spacing-1) !important; }
	.pt-md-2 { padding-top: var(--spacing-2) !important; }
	.pt-md-3 { padding-top: var(--spacing-3) !important; }
	.pt-md-4 { padding-top: var(--spacing-4) !important; }
	.pt-md-5 { padding-top: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.pt-lg-0 { padding-top: var(--spacing-0) !important; }
	.pt-lg-1 { padding-top: var(--spacing-1) !important; }
	.pt-lg-2 { padding-top: var(--spacing-2) !important; }
	.pt-lg-3 { padding-top: var(--spacing-3) !important; }
	.pt-lg-4 { padding-top: var(--spacing-4) !important; }
	.pt-lg-5 { padding-top: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.pt-xl-0 { padding-top: var(--spacing-0) !important; }
	.pt-xl-1 { padding-top: var(--spacing-1) !important; }
	.pt-xl-2 { padding-top: var(--spacing-2) !important; }
	.pt-xl-3 { padding-top: var(--spacing-3) !important; }
	.pt-xl-4 { padding-top: var(--spacing-4) !important; }
	.pt-xl-5 { padding-top: var(--spacing-5) !important; }
}

/* Padding Bottom */
.pb-0 { padding-bottom: var(--spacing-0) !important; }
.pb-1 { padding-bottom: var(--spacing-1) !important; }
.pb-2 { padding-bottom: var(--spacing-2) !important; }
.pb-3 { padding-bottom: var(--spacing-3) !important; }
.pb-4 { padding-bottom: var(--spacing-4) !important; }
.pb-5 { padding-bottom: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.pb-sm-0 { padding-bottom: var(--spacing-0) !important; }
	.pb-sm-1 { padding-bottom: var(--spacing-1) !important; }
	.pb-sm-2 { padding-bottom: var(--spacing-2) !important; }
	.pb-sm-3 { padding-bottom: var(--spacing-3) !important; }
	.pb-sm-4 { padding-bottom: var(--spacing-4) !important; }
	.pb-sm-5 { padding-bottom: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.pb-md-0 { padding-bottom: var(--spacing-0) !important; }
	.pb-md-1 { padding-bottom: var(--spacing-1) !important; }
	.pb-md-2 { padding-bottom: var(--spacing-2) !important; }
	.pb-md-3 { padding-bottom: var(--spacing-3) !important; }
	.pb-md-4 { padding-bottom: var(--spacing-4) !important; }
	.pb-md-5 { padding-bottom: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.pb-lg-0 { padding-bottom: var(--spacing-0) !important; }
	.pb-lg-1 { padding-bottom: var(--spacing-1) !important; }
	.pb-lg-2 { padding-bottom: var(--spacing-2) !important; }
	.pb-lg-3 { padding-bottom: var(--spacing-3) !important; }
	.pb-lg-4 { padding-bottom: var(--spacing-4) !important; }
	.pb-lg-5 { padding-bottom: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.pb-xl-0 { padding-bottom: var(--spacing-0) !important; }
	.pb-xl-1 { padding-bottom: var(--spacing-1) !important; }
	.pb-xl-2 { padding-bottom: var(--spacing-2) !important; }
	.pb-xl-3 { padding-bottom: var(--spacing-3) !important; }
	.pb-xl-4 { padding-bottom: var(--spacing-4) !important; }
	.pb-xl-5 { padding-bottom: var(--spacing-5) !important; }
}

/* Height and Width
########################################################################### */

.h-25{height: 25% !important;}
.h-50{height: 50% !important;}
.h-75{height: 75% !important;}
.h-100{height: 100% !important;}
.h-auto{height: auto !important;}

.w-25{width: 25% !important;}
.w-50{width: 50% !important;}
.w-75{width: 75% !important;}
.w-100{width: 100% !important;}
.w-auto{width: auto !important;}

/* Margin
########################################################################### */
.m-0 { margin: var(--spacing-0) !important; }
.m-1 { margin: var(--spacing-1) !important; }
.m-2 { margin: var(--spacing-2) !important; }
.m-3 { margin: var(--spacing-3) !important; }
.m-4 { margin: var(--spacing-4) !important; }
.m-5 { margin: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.m-sm-0 { margin: var(--spacing-0) !important; }
	.m-sm-1 { margin: var(--spacing-1) !important; }
	.m-sm-2 { margin: var(--spacing-2) !important; }
	.m-sm-3 { margin: var(--spacing-3) !important; }
	.m-sm-4 { margin: var(--spacing-4) !important; }
	.m-sm-5 { margin: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.m-md-0 { margin: var(--spacing-0) !important; }
	.m-md-1 { margin: var(--spacing-1) !important; }
	.m-md-2 { margin: var(--spacing-2) !important; }
	.m-md-3 { margin: var(--spacing-3) !important; }
	.m-md-4 { margin: var(--spacing-4) !important; }
	.m-md-5 { margin: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.m-lg-0 { margin: var(--spacing-0) !important; }
	.m-lg-1 { margin: var(--spacing-1) !important; }
	.m-lg-2 { margin: var(--spacing-2) !important; }
	.m-lg-3 { margin: var(--spacing-3) !important; }
	.m-lg-4 { margin: var(--spacing-4) !important; }
	.m-lg-5 { margin: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.m-xl-0 { margin: var(--spacing-0) !important; }
	.m-xl-1 { margin: var(--spacing-1) !important; }
	.m-xl-2 { margin: var(--spacing-2) !important; }
	.m-xl-3 { margin: var(--spacing-3) !important; }
	.m-xl-4 { margin: var(--spacing-4) !important; }
	.m-xl-5 { margin: var(--spacing-5) !important; }
}

/* Margin Start (Left) */
.ms-0 { margin-left: var(--spacing-0) !important; }
.ms-1 { margin-left: var(--spacing-1) !important; }
.ms-2 { margin-left: var(--spacing-2) !important; }
.ms-3 { margin-left: var(--spacing-3) !important; }
.ms-4 { margin-left: var(--spacing-4) !important; }
.ms-5 { margin-left: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.ms-sm-0 { margin-left: var(--spacing-0) !important; }
	.ms-sm-1 { margin-left: var(--spacing-1) !important; }
	.ms-sm-2 { margin-left: var(--spacing-2) !important; }
	.ms-sm-3 { margin-left: var(--spacing-3) !important; }
	.ms-sm-4 { margin-left: var(--spacing-4) !important; }
	.ms-sm-5 { margin-left: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.ms-md-0 { margin-left: var(--spacing-0) !important; }
	.ms-md-1 { margin-left: var(--spacing-1) !important; }
	.ms-md-2 { margin-left: var(--spacing-2) !important; }
	.ms-md-3 { margin-left: var(--spacing-3) !important; }
	.ms-md-4 { margin-left: var(--spacing-4) !important; }
	.ms-md-5 { margin-left: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.ms-lg-0 { margin-left: var(--spacing-0) !important; }
	.ms-lg-1 { margin-left: var(--spacing-1) !important; }
	.ms-lg-2 { margin-left: var(--spacing-2) !important; }
	.ms-lg-3 { margin-left: var(--spacing-3) !important; }
	.ms-lg-4 { margin-left: var(--spacing-4) !important; }
	.ms-lg-5 { margin-left: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.ms-xl-0 { margin-left: var(--spacing-0) !important; }
	.ms-xl-1 { margin-left: var(--spacing-1) !important; }
	.ms-xl-2 { margin-left: var(--spacing-2) !important; }
	.ms-xl-3 { margin-left: var(--spacing-3) !important; }
	.ms-xl-4 { margin-left: var(--spacing-4) !important; }
	.ms-xl-5 { margin-left: var(--spacing-5) !important; }
}

/* Margin End (Right) */
.me-0 { margin-right: var(--spacing-0) !important; }
.me-1 { margin-right: var(--spacing-1) !important; }
.me-2 { margin-right: var(--spacing-2) !important; }
.me-3 { margin-right: var(--spacing-3) !important; }
.me-4 { margin-right: var(--spacing-4) !important; }
.me-5 { margin-right: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.me-sm-0 { margin-right: var(--spacing-0) !important; }
	.me-sm-1 { margin-right: var(--spacing-1) !important; }
	.me-sm-2 { margin-right: var(--spacing-2) !important; }
	.me-sm-3 { margin-right: var(--spacing-3) !important; }
	.me-sm-4 { margin-right: var(--spacing-4) !important; }
	.me-sm-5 { margin-right: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.me-md-0 { margin-right: var(--spacing-0) !important; }
	.me-md-1 { margin-right: var(--spacing-1) !important; }
	.me-md-2 { margin-right: var(--spacing-2) !important; }
	.me-md-3 { margin-right: var(--spacing-3) !important; }
	.me-md-4 { margin-right: var(--spacing-4) !important; }
	.me-md-5 { margin-right: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.me-lg-0 { margin-right: var(--spacing-0) !important; }
	.me-lg-1 { margin-right: var(--spacing-1) !important; }
	.me-lg-2 { margin-right: var(--spacing-2) !important; }
	.me-lg-3 { margin-right: var(--spacing-3) !important; }
	.me-lg-4 { margin-right: var(--spacing-4) !important; }
	.me-lg-5 { margin-right: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.me-xl-0 { margin-right: var(--spacing-0) !important; }
	.me-xl-1 { margin-right: var(--spacing-1) !important; }
	.me-xl-2 { margin-right: var(--spacing-2) !important; }
	.me-xl-3 { margin-right: var(--spacing-3) !important; }
	.me-xl-4 { margin-right: var(--spacing-4) !important; }
	.me-xl-5 { margin-right: var(--spacing-5) !important; }
}

/* Margin Top */
.mt-0 { margin-top: var(--spacing-0) !important; }
.mt-1 { margin-top: var(--spacing-1) !important; }
.mt-2 { margin-top: var(--spacing-2) !important; }
.mt-3 { margin-top: var(--spacing-3) !important; }
.mt-4 { margin-top: var(--spacing-4) !important; }
.mt-5 { margin-top: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.mt-sm-0 { margin-top: var(--spacing-0) !important; }
	.mt-sm-1 { margin-top: var(--spacing-1) !important; }
	.mt-sm-2 { margin-top: var(--spacing-2) !important; }
	.mt-sm-3 { margin-top: var(--spacing-3) !important; }
	.mt-sm-4 { margin-top: var(--spacing-4) !important; }
	.mt-sm-5 { margin-top: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.mt-md-0 { margin-top: var(--spacing-0) !important; }
	.mt-md-1 { margin-top: var(--spacing-1) !important; }
	.mt-md-2 { margin-top: var(--spacing-2) !important; }
	.mt-md-3 { margin-top: var(--spacing-3) !important; }
	.mt-md-4 { margin-top: var(--spacing-4) !important; }
	.mt-md-5 { margin-top: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.mt-lg-0 { margin-top: var(--spacing-0) !important; }
	.mt-lg-1 { margin-top: var(--spacing-1) !important; }
	.mt-lg-2 { margin-top: var(--spacing-2) !important; }
	.mt-lg-3 { margin-top: var(--spacing-3) !important; }
	.mt-lg-4 { margin-top: var(--spacing-4) !important; }
	.mt-lg-5 { margin-top: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.mt-xl-0 { margin-top: var(--spacing-0) !important; }
	.mt-xl-1 { margin-top: var(--spacing-1) !important; }
	.mt-xl-2 { margin-top: var(--spacing-2) !important; }
	.mt-xl-3 { margin-top: var(--spacing-3) !important; }
	.mt-xl-4 { margin-top: var(--spacing-4) !important; }
	.mt-xl-5 { margin-top: var(--spacing-5) !important; }
}

/* Margin Bottom */
.mb-0 { margin-bottom: var(--spacing-0) !important; }
.mb-1 { margin-bottom: var(--spacing-1) !important; }
.mb-2 { margin-bottom: var(--spacing-2) !important; }
.mb-3 { margin-bottom: var(--spacing-3) !important; }
.mb-4 { margin-bottom: var(--spacing-4) !important; }
.mb-5 { margin-bottom: var(--spacing-5) !important; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.mb-sm-0 { margin-bottom: var(--spacing-0) !important; }
	.mb-sm-1 { margin-bottom: var(--spacing-1) !important; }
	.mb-sm-2 { margin-bottom: var(--spacing-2) !important; }
	.mb-sm-3 { margin-bottom: var(--spacing-3) !important; }
	.mb-sm-4 { margin-bottom: var(--spacing-4) !important; }
	.mb-sm-5 { margin-bottom: var(--spacing-5) !important; }
}

/* Medium devices (landscape phones, 768px and up) */
@media (min-width: 768px) {
	.mb-md-0 { margin-bottom: var(--spacing-0) !important; }
	.mb-md-1 { margin-bottom: var(--spacing-1) !important; }
	.mb-md-2 { margin-bottom: var(--spacing-2) !important; }
	.mb-md-3 { margin-bottom: var(--spacing-3) !important; }
	.mb-md-4 { margin-bottom: var(--spacing-4) !important; }
	.mb-md-5 { margin-bottom: var(--spacing-5) !important; }
}

/* Large devices (landscape phones, 992px and up) */
@media (min-width: 992px) {
	.mb-lg-0 { margin-bottom: var(--spacing-0) !important; }
	.mb-lg-1 { margin-bottom: var(--spacing-1) !important; }
	.mb-lg-2 { margin-bottom: var(--spacing-2) !important; }
	.mb-lg-3 { margin-bottom: var(--spacing-3) !important; }
	.mb-lg-4 { margin-bottom: var(--spacing-4) !important; }
	.mb-lg-5 { margin-bottom: var(--spacing-5) !important; }
}

/* X-large devices (1200px and up) */
@media (min-width: 1200px) {
	.mb-xl-0 { margin-bottom: var(--spacing-0) !important; }
	.mb-xl-1 { margin-bottom: var(--spacing-1) !important; }
	.mb-xl-2 { margin-bottom: var(--spacing-2) !important; }
	.mb-xl-3 { margin-bottom: var(--spacing-3) !important; }
	.mb-xl-4 { margin-bottom: var(--spacing-4) !important; }
	.mb-xl-5 { margin-bottom: var(--spacing-5) !important; }
}

/* Position
########################################################################### */
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }

/* Z index */
.z-3 { z-index: 3 !important; }
.z-2 { z-index: 2 !important; }
.z-1 { z-index: 1 !important; }
.z-0 { z-index: 0 !important; }
.z-n1 { z-index: -1 !important; }

/* Top */
.top-0 { top: 0 !important; }
.top-50 { top: 50% !important; }
.top-100 { top: 100% !important; }

/* Bottom */
.bottom-0 { bottom: 0 !important; }
.bottom-50 { bottom: 50% !important; }
.bottom-100 { bottom: 100% !important; }

/* Start (Left) */
.start-0 { left: 0 !important; }
.start-50 { left: 50% !important; }
.start-100 { left: 100% !important; }

/* End (Right) */
.end-0 { right: 0 !important; }
.end-50 { right: 50% !important; }
.end-100 { right: 100% !important; }

/* Translate Middle (For Centering) */
.translate-middle { transform: translate(-50%, -50%) !important; }
.translate-middle-x { transform: translateX(-50%) !important; }
.translate-middle-y { transform: translateY(-50%) !important; }


/* Map themes */
.map-theme-dark-greyscale {
    filter: grayscale(100%) invert(100%);
    -webkit-filter: grayscale(100%) invert(100%);
    -moz-filter: grayscale(100%) invert(100%);
}

.map-theme-light-greyscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.map-theme-dark {
    filter: invert(100%) hue-rotate(180deg);
    -webkit-filter: invert(100%) hue-rotate(180deg);
    -moz-filter: invert(100%) hue-rotate(180deg);
}

/* Maps End */
    /*Background Override 
    ################################################################################################################*/

    body{
                    background: #ffffff;
            }

    /*CSS Override 
    ################################################################################################################*/