/****************************
FONTS

font-family: acumin-pro, sans-serif;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;

font-family: acumin-pro-condensed, sans-serif;
font-weight: 600;

**/
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400);

/****************
1.0 Layout
****************/
html {
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 62.5%;
}
@media (max-width: 767px) {
	html {
		font-size: 56%;
	}
}
body {
	background: #fff;
	padding-top: 0px;
	font-family: acumin-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.6rem;
	color: hsl(270, 2%, 25%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
p, li {
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
}
p, ul, ol {
	margin: 20px 0px;
}
ul, ol {
	padding-left: 20px;
}
li {
	margin: 5px 0px;
}
a {
	color: hsl(270, 2%, 25%);
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none !important;
	color: hsl(270, 2%, 10%);
}
a, a:hover, button, button:hover, a i, button i, .animate, .animate:hover, input[type=submit], input[type=submit]:hover {
	-webkit-transition: all 0.4s cubic-bezier(.38, .11, 0, .95);
	-moz-transition: all 0.4s cubic-bezier(.38, .11, 0, .95);
	-ms-transition: all 0.4s cubic-bezier(.38, .11, 0, .95);
	-o-transition: all 0.4s cubic-bezier(.38, .11, 0, .95);
	transition: all 0.4s cubic-bezier(.38, .11, 0, .95);
}
a.no-line {
    text-decoration: none;
}
*:focus {
	outline: none !important;
	box-shadow: none;
}
button {
	border: 0;
	background-color: transparent;
}
b, strong {
	font-family: acumin-pro, sans-serif;
	font-weight: 700;
}
.serif {
	font-family: 'Playfair Display', serif !important;
}
.sans {
	font-family: acumin-pro, sans-serif !important;
}
.hero {
	font-weight: 400;
	font-style: normal;
	font-size: 10rem;
	margin: 25px 0px;
	line-height: 0.9;
}
@media (max-width : 767px) {
	.hero {
		font-size: 6rem;
	}
}

h1, .h1,
h2, .h2,
h3, .h3 {
    color: hsl(216, 9%, 56%);
}
h1, .h1 {
	font-weight: 400;
	font-style: normal;
	font-size: 3rem;
	margin: 40px 0 20px 0;
	line-height: 1.1;
}
h2, .h2 {
	font-weight: 400;
	font-style: normal;
	font-size: 2.5rem;
	margin: 40px 0 20px 0;
	line-height: 1.1;
}
h3, .h3 {
	font-weight: 400;
	font-style: normal;
	font-size: 2rem;
	margin: 40px 0 20px 0;
	line-height: 1.2;
}
h4, .h4 {
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	margin: 20px 0px;
	line-height: 1.2;
}
h5, .h5 {
	font-style: normal;
	font-weight: 400;
	font-size: 1.2rem;
	margin: 20px 0px;
	line-height: 1.3;
}
h6, .h6 {
	font-style: normal;
	font-weight: 400;
	font-size: 1.1rem;
	margin: 20px 0px;
	line-height: 1.4;
}
img {
	max-width: 100%;
	height: auto;
}
blockquote, blockquote p {
	font-size: 21px;
	margin: 15px 0px;
	line-height: 1.8;
	padding: 0px;
	border-left: none;
	text-align: center;
}
.blockquote_caption {
	font-family: acumin-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 1.3;
}
.blockquote_caption small {
	line-height: 1.3;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/**/

#n_checkout .subscribe-box {
	margin-top: 50px
}
/*circle, polygon, polyline, svg path {
	fill: #382219
}*/ 
#path30, #white {
	fill: #fff
}

/**/

.style-guide {
	margin: 100px 0;
}

/*************************************
COLOURS
**/
.bg-colours > div {
	width: 10%;
	height: 100px;
	margin-right: 30px;
	float: left;
}
.bg-colours:after {
	content: '';
	display: block;
	clear: both;
}

.bg-light {
	background-color: hsl(28, 29%, 91%);
}
.bg-grey {
	background-color: hsl(216, 9%, 56%);
}
.bg-brown {
	background-color: hsl(27, 5%, 34%);
}
.bg-dark {
	background-color: hsl(270, 2%, 25%);
}
.bg-green {
	background-color: hsl(150, 18%, 37%);
}
.bg-darkgreen {
	background-color: hsl(171, 16%, 24%);
}
.bg-softrose {
	background-color: hsl(6, 40%, 73%);
}

.text-light {
	color: hsl(28, 29%, 91%);
}
.text-grey {
	color: hsl(216, 9%, 56%);
}
.text-brown {
	color: hsl(27, 5%, 34%);
}
.text-dark {
	color: hsl(270, 2%, 25%);
}
.text-green {
	color: hsl(150, 18%, 37%);
}
.text-darkgreen {
	color: hsl(171, 16%, 24%);
}
.text-softrose {
	color: hsl(6, 40%, 73%);
}

.btn {
	font-size: 1.3rem;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 4px;
    margin: 0;
    text-decoration: none;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.btn-light {
	background-color: hsl(28, 29%, 91%);
	color: hsl(150, 18%, 37%);
}
.btn-grey {
	background-color: hsl(216, 9%, 56%);
	color: #fff;
}
.btn-brown {
	background-color: hsl(27, 5%, 34%);
	color: #fff;
}
.btn-dark {
	background-color: hsl(270, 2%, 25%);
	color: #fff;
}
.btn-green {
	background-color: hsl(150, 18%, 37%);
	color: #fff;
}
.btn-darkgreen {
	background-color: hsl(171, 16%, 24%);
	color: #fff;
}
.btn-softrose {
	background-color: hsl(6, 40%, 73%);
	color: #fff;
}
.btn-light:hover {
	background-color: hsl(28, 29%, 81%);
	color: hsl(150, 18%, 37%);
}
.btn-grey:hover {
	background-color: hsl(216, 9%, 46%);
	color: #fff;
}
.btn-brown:hover {
	background-color: hsl(27, 5%, 24%);
	color: #fff;
}
.btn-dark:hover {
	background-color: hsl(270, 2%, 15%);
	color: #fff;
}
.btn-green:hover {
	background-color: hsl(150, 18%, 27%);
	color: #fff;
}
.btn-darkgreen:hover {
	background-color: hsl(171, 16%, 14%);
	color: #fff;
}
.btn-softrose:hover {
	background-color: hsl(6, 40%, 63%);
	color: #fff;
}

.input-group-btn .btn {
    margin-top: 0;
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 40px;
}
/*************************************
BUTTONS
**/
.btn-primary.active, 
.btn-primary:active, 
.btn-success.active, 
.btn-success:active, 
.open > .dropdown-toggle.btn-primary, 
.open > .dropdown-toggle.btn-success {
	background-image: none
}
.btn-primary, 
.btn-primary.disabled, 
.btn-primary.disabled.active, 
.btn-primary.disabled:active, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary[disabled], 
.btn-primary[disabled].active, 
.btn-primary[disabled]:active, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover, 
.btn-success, 
.btn-success.active, 
.btn-success.disabled, 
.btn-success.disabled.active, 
.btn-success.disabled:active, 
.btn-success.disabled:focus, 
.btn-success.disabled:hover, 
.btn-success:active, 
.btn-success:focus, 
.btn-success:hover, 
.btn-success[disabled], 
.btn-success[disabled].active, 
.btn-success[disabled]:active, 
.btn-success[disabled]:focus, .btn-success[disabled]:hover, 
.open > .dropdown-toggle.btn-success, 
fieldset[disabled] .btn-primary, 
fieldset[disabled] .btn-primary.active, 
fieldset[disabled] .btn-primary:active, 
fieldset[disabled] .btn-primary:focus, 
fieldset[disabled] .btn-primary:hover, 
fieldset[disabled] .btn-success, 
fieldset[disabled] .btn-success.active, 
fieldset[disabled] 
.btn-success:active, 
fieldset[disabled] .btn-success:focus, 
fieldset[disabled] .btn-success:hover {
	background-color: hsl(150, 18%, 37%);
	color: #fff;
    border-color: hsl(150, 18%, 37%);
}
.btn-primary,
.btn-success,
.btn-default {
	background-color: hsl(150, 18%, 37%);
	color: #fff;
    border-color: hsl(150, 18%, 37%);
}
.btn-default.active, 
.btn-default:active, 
.btn-default:focus, 
.btn-default:hover, 
.open > .dropdown-toggle.btn-default,
.btn-primary.active, 
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover, 
.open > .dropdown-toggle.btn-primary,
.btn-success.active, 
.btn-success:active, 
.btn-success:focus, 
.btn-success:hover, 
.open > .dropdown-toggle.btn-success {
	background-color: hsl(150, 18%, 27%);
	color: #fff;
    border-color: hsl(150, 18%, 27%);
}


/**/
.cta-caption a, .hovereffect .btn:hover {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}
.cta-caption {
	position: absolute;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.cta-caption h3 {
	font-size: 50px
}
.cta-caption p {
	font-size: 18px
}
.cta-caption a {
	font-size: 16px;
	color: #fff;
	padding: 4px 50px;
	background-color: transparent;
	border: 1px solid #FFF;
	transition: all .2s ease-in-out
}
.btns-thumb a, .btns-thumb button, .cta-caption a:hover {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out
}
.cta-caption a:hover {
	background-color: rgba(115, 70, 45, .5);
	transition: all .2s ease-in-out
}

/**************************
FLOATS AND TEXT ALIGNMENT
**/
.float-right {
    float: right;
}
.float-left {
    float: left;
}


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

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
/**************************
MARGINS AND PADDINGS
**/

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
    margin: 1rem !important;
}
.mt-1, .my-1 {
    margin-top: 1rem !important;
}
.mr-1, .mx-1 {
    margin-right: 1rem !important;
}
.mb-1, .my-1 {
    margin-bottom: 1rem !important;
}
.ml-1, .mx-1 {
    margin-left: 1rem !important;
}
.m-2 {
    margin: 2rem !important;
}
.mt-2, .my-2 {
    margin-top: 2rem !important;
}
.mr-2, .mx-2 {
    margin-right: 2rem !important;
}
.mb-2, .my-2 {
    margin-bottom: 2rem !important;
}
.ml-2, .mx-2 {
    margin-left: 2rem !important;
}
.m-3 {
    margin: 3rem !important;
}
.mt-3, .my-3 {
    margin-top: 3rem !important;
}
.mr-3, .mx-3 {
    margin-right: 3rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 3rem !important;
}
.ml-3, .mx-3 {
    margin-left: 3rem !important;
}
.m-4 {
    margin: 4rem !important;
}
.mt-4, .my-4 {
    margin-top: 4rem !important;
}
.mr-4, .mx-4 {
    margin-right: 4rem !important;
}
.mb-4, .my-4 {
    margin-bottom: 4rem !important;
}
.ml-4, .mx-4 {
    margin-left: 4rem !important;
}
.m-5 {
    margin: 5rem !important;
}
.mt-5, .my-5 {
    margin-top: 5rem !important;
}
.mr-5, .mx-5 {
    margin-right: 5rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 5rem !important;
}
.ml-5, .mx-5 {
    margin-left: 5rem !important;
}
.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
    padding: 1rem !important;
}
.pt-1, .py-1 {
    padding-top: 1rem !important;
}
.pr-1, .px-1 {
    padding-right: 1rem !important;
}
.pb-1, .py-1 {
    padding-bottom: 1rem !important;
}
.pl-1, .px-1 {
    padding-left: 1rem !important;
}
.p-2 {
    padding: 2rem !important;
}
.pt-2, .py-2 {
    padding-top: 2rem !important;
}
.pr-2, .px-2 {
    padding-right: 2rem !important;
}
.pb-2, .py-2 {
    padding-bottom: 2rem !important;
}
.pl-2, .px-2 {
    padding-left: 2rem !important;
}
.p-3 {
    padding: 3rem !important;
}
.pt-3, .py-3 {
    padding-top: 3rem !important;
}
.pr-3, .px-3 {
    padding-right: 3rem !important;
}
.pb-3, .py-3 {
    padding-bottom: 3rem !important;
}
.pl-3, .px-3 {
    padding-left: 3rem !important;
}
.p-4 {
    padding: 4rem !important;
}
.pt-4, .py-4 {
    padding-top: 4rem !important;
}
.pr-4, .px-4 {
    padding-right: 4rem !important;
}
.pb-4, .py-4 {
    padding-bottom: 4rem !important;
}
.pl-4, .px-4 {
    padding-left: 4rem !important;
}
.p-5 {
    padding: 5rem !important;
}
.pt-5, .py-5 {
    padding-top: 5rem !important;
}
.pr-5, .px-5 {
    padding-right: 5rem !important;
}
.pb-5, .py-5 {
    padding-bottom: 5rem !important;
}
.pl-5, .px-5 {
    padding-left: 5rem !important;
}
@media (min-width: 576px) {
    .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
    .m-sm-1 {
        margin: 1rem !important;
    }
    .mt-sm-1, .my-sm-1 {
        margin-top: 1rem !important;
    }
    .mr-sm-1, .mx-sm-1 {
        margin-right: 1rem !important;
    }
    .mb-sm-1, .my-sm-1 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-1, .mx-sm-1 {
        margin-left: 1rem !important;
    }
    .m-sm-2 {
        margin: 2rem !important;
    }
    .mt-sm-2, .my-sm-2 {
        margin-top: 2rem !important;
    }
    .mr-sm-2, .mx-sm-2 {
        margin-right: 2rem !important;
    }
    .mb-sm-2, .my-sm-2 {
        margin-bottom: 2rem !important;
    }
    .ml-sm-2, .mx-sm-2 {
        margin-left: 2rem !important;
    }
    .m-sm-3 {
        margin: 3rem !important;
    }
    .mt-sm-3, .my-sm-3 {
        margin-top: 3rem !important;
    }
    .mr-sm-3, .mx-sm-3 {
        margin-right: 3rem !important;
    }
    .mb-sm-3, .my-sm-3 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-3, .mx-sm-3 {
        margin-left: 3rem !important;
    }
    .m-sm-4 {
        margin: 4rem !important;
    }
    .mt-sm-4, .my-sm-4 {
        margin-top: 4rem !important;
    }
    .mr-sm-4, .mx-sm-4 {
        margin-right: 4rem !important;
    }
    .mb-sm-4, .my-sm-4 {
        margin-bottom: 4rem !important;
    }
    .ml-sm-4, .mx-sm-4 {
        margin-left: 4rem !important;
    }
    .m-sm-5 {
        margin: 5rem !important;
    }
    .mt-sm-5, .my-sm-5 {
        margin-top: 5rem !important;
    }
    .mr-sm-5, .mx-sm-5 {
        margin-right: 5rem !important;
    }
    .mb-sm-5, .my-sm-5 {
        margin-bottom: 5rem !important;
    }
    .ml-sm-5, .mx-sm-5 {
        margin-left: 5rem !important;
    }
    .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 1rem !important;
    }
    .pt-sm-1, .py-sm-1 {
        padding-top: 1rem !important;
    }
    .pr-sm-1, .px-sm-1 {
        padding-right: 1rem !important;
    }
    .pb-sm-1, .py-sm-1 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-1, .px-sm-1 {
        padding-left: 1rem !important;
    }
    .p-sm-2 {
        padding: 2rem !important;
    }
    .pt-sm-2, .py-sm-2 {
        padding-top: 2rem !important;
    }
    .pr-sm-2, .px-sm-2 {
        padding-right: 2rem !important;
    }
    .pb-sm-2, .py-sm-2 {
        padding-bottom: 2rem !important;
    }
    .pl-sm-2, .px-sm-2 {
        padding-left: 2rem !important;
    }
    .p-sm-3 {
        padding: 3rem !important;
    }
    .pt-sm-3, .py-sm-3 {
        padding-top: 3rem !important;
    }
    .pr-sm-3, .px-sm-3 {
        padding-right: 3rem !important;
    }
    .pb-sm-3, .py-sm-3 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-3, .px-sm-3 {
        padding-left: 3rem !important;
    }
    .p-sm-4 {
        padding: 4rem !important;
    }
    .pt-sm-4, .py-sm-4 {
        padding-top: 4rem !important;
    }
    .pr-sm-4, .px-sm-4 {
        padding-right: 4rem !important;
    }
    .pb-sm-4, .py-sm-4 {
        padding-bottom: 4rem !important;
    }
    .pl-sm-4, .px-sm-4 {
        padding-left: 4rem !important;
    }
    .p-sm-5 {
        padding: 5rem !important;
    }
    .pt-sm-5, .py-sm-5 {
        padding-top: 5rem !important;
    }
    .pr-sm-5, .px-sm-5 {
        padding-right: 5rem !important;
    }
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 5rem !important;
    }
    .pl-sm-5, .px-sm-5 {
        padding-left: 5rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0, .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 1rem !important;
    }
    .mt-md-1, .my-md-1 {
        margin-top: 1rem !important;
    }
    .mr-md-1, .mx-md-1 {
        margin-right: 1rem !important;
    }
    .mb-md-1, .my-md-1 {
        margin-bottom: 1rem !important;
    }
    .ml-md-1, .mx-md-1 {
        margin-left: 1rem !important;
    }
    .m-md-2 {
        margin: 2rem !important;
    }
    .mt-md-2, .my-md-2 {
        margin-top: 2rem !important;
    }
    .mr-md-2, .mx-md-2 {
        margin-right: 2rem !important;
    }
    .mb-md-2, .my-md-2 {
        margin-bottom: 2rem !important;
    }
    .ml-md-2, .mx-md-2 {
        margin-left: 2rem !important;
    }
    .m-md-3 {
        margin: 3rem !important;
    }
    .mt-md-3, .my-md-3 {
        margin-top: 3rem !important;
    }
    .mr-md-3, .mx-md-3 {
        margin-right: 3rem !important;
    }
    .mb-md-3, .my-md-3 {
        margin-bottom: 3rem !important;
    }
    .ml-md-3, .mx-md-3 {
        margin-left: 3rem !important;
    }
    .m-md-4 {
        margin: 4rem !important;
    }
    .mt-md-4, .my-md-4 {
        margin-top: 4rem !important;
    }
    .mr-md-4, .mx-md-4 {
        margin-right: 4rem !important;
    }
    .mb-md-4, .my-md-4 {
        margin-bottom: 4rem !important;
    }
    .ml-md-4, .mx-md-4 {
        margin-left: 4rem !important;
    }
    .m-md-5 {
        margin: 5rem !important;
    }
    .mt-md-5, .my-md-5 {
        margin-top: 5rem !important;
    }
    .mr-md-5, .mx-md-5 {
        margin-right: 5rem !important;
    }
    .mb-md-5, .my-md-5 {
        margin-bottom: 5rem !important;
    }
    .ml-md-5, .mx-md-5 {
        margin-left: 5rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0, .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0, .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0, .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 1rem !important;
    }
    .pt-md-1, .py-md-1 {
        padding-top: 1rem !important;
    }
    .pr-md-1, .px-md-1 {
        padding-right: 1rem !important;
    }
    .pb-md-1, .py-md-1 {
        padding-bottom: 1rem !important;
    }
    .pl-md-1, .px-md-1 {
        padding-left: 1rem !important;
    }
    .p-md-2 {
        padding: 2rem !important;
    }
    .pt-md-2, .py-md-2 {
        padding-top: 2rem !important;
    }
    .pr-md-2, .px-md-2 {
        padding-right: 2rem !important;
    }
    .pb-md-2, .py-md-2 {
        padding-bottom: 2rem !important;
    }
    .pl-md-2, .px-md-2 {
        padding-left: 2rem !important;
    }
    .p-md-3 {
        padding: 3rem !important;
    }
    .pt-md-3, .py-md-3 {
        padding-top: 3rem !important;
    }
    .pr-md-3, .px-md-3 {
        padding-right: 3rem !important;
    }
    .pb-md-3, .py-md-3 {
        padding-bottom: 3rem !important;
    }
    .pl-md-3, .px-md-3 {
        padding-left: 3rem !important;
    }
    .p-md-4 {
        padding: 4rem !important;
    }
    .pt-md-4, .py-md-4 {
        padding-top: 4rem !important;
    }
    .pr-md-4, .px-md-4 {
        padding-right: 4rem !important;
    }
    .pb-md-4, .py-md-4 {
        padding-bottom: 4rem !important;
    }
    .pl-md-4, .px-md-4 {
        padding-left: 4rem !important;
    }
    .p-md-5 {
        padding: 5rem !important;
    }
    .pt-md-5, .py-md-5 {
        padding-top: 5rem !important;
    }
    .pr-md-5, .px-md-5 {
        padding-right: 5rem !important;
    }
    .pb-md-5, .py-md-5 {
        padding-bottom: 5rem !important;
    }
    .pl-md-5, .px-md-5 {
        padding-left: 5rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto, .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 1rem !important;
    }
    .mt-lg-1, .my-lg-1 {
        margin-top: 1rem !important;
    }
    .mr-lg-1, .mx-lg-1 {
        margin-right: 1rem !important;
    }
    .mb-lg-1, .my-lg-1 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-1, .mx-lg-1 {
        margin-left: 1rem !important;
    }
    .m-lg-2 {
        margin: 2rem !important;
    }
    .mt-lg-2, .my-lg-2 {
        margin-top: 2rem !important;
    }
    .mr-lg-2, .mx-lg-2 {
        margin-right: 2rem !important;
    }
    .mb-lg-2, .my-lg-2 {
        margin-bottom: 2rem !important;
    }
    .ml-lg-2, .mx-lg-2 {
        margin-left: 2rem !important;
    }
    .m-lg-3 {
        margin: 3rem !important;
    }
    .mt-lg-3, .my-lg-3 {
        margin-top: 3rem !important;
    }
    .mr-lg-3, .mx-lg-3 {
        margin-right: 3rem !important;
    }
    .mb-lg-3, .my-lg-3 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-3, .mx-lg-3 {
        margin-left: 3rem !important;
    }
    .m-lg-4 {
        margin: 4rem !important;
    }
    .mt-lg-4, .my-lg-4 {
        margin-top: 4rem !important;
    }
    .mr-lg-4, .mx-lg-4 {
        margin-right: 4rem !important;
    }
    .mb-lg-4, .my-lg-4 {
        margin-bottom: 4rem !important;
    }
    .ml-lg-4, .mx-lg-4 {
        margin-left: 4rem !important;
    }
    .m-lg-5 {
        margin: 5rem !important;
    }
    .mt-lg-5, .my-lg-5 {
        margin-top: 5rem !important;
    }
    .mr-lg-5, .mx-lg-5 {
        margin-right: 5rem !important;
    }
    .mb-lg-5, .my-lg-5 {
        margin-bottom: 5rem !important;
    }
    .ml-lg-5, .mx-lg-5 {
        margin-left: 5rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 1rem !important;
    }
    .pt-lg-1, .py-lg-1 {
        padding-top: 1rem !important;
    }
    .pr-lg-1, .px-lg-1 {
        padding-right: 1rem !important;
    }
    .pb-lg-1, .py-lg-1 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-1, .px-lg-1 {
        padding-left: 1rem !important;
    }
    .p-lg-2 {
        padding: 2rem !important;
    }
    .pt-lg-2, .py-lg-2 {
        padding-top: 2rem !important;
    }
    .pr-lg-2, .px-lg-2 {
        padding-right: 2rem !important;
    }
    .pb-lg-2, .py-lg-2 {
        padding-bottom: 2rem !important;
    }
    .pl-lg-2, .px-lg-2 {
        padding-left: 2rem !important;
    }
    .p-lg-3 {
        padding: 3rem !important;
    }
    .pt-lg-3, .py-lg-3 {
        padding-top: 3rem !important;
    }
    .pr-lg-3, .px-lg-3 {
        padding-right: 3rem !important;
    }
    .pb-lg-3, .py-lg-3 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-3, .px-lg-3 {
        padding-left: 3rem !important;
    }
    .p-lg-4 {
        padding: 4rem !important;
    }
    .pt-lg-4, .py-lg-4 {
        padding-top: 4rem !important;
    }
    .pr-lg-4, .px-lg-4 {
        padding-right: 4rem !important;
    }
    .pb-lg-4, .py-lg-4 {
        padding-bottom: 4rem !important;
    }
    .pl-lg-4, .px-lg-4 {
        padding-left: 4rem !important;
    }
    .p-lg-5 {
        padding: 5rem !important;
    }
    .pt-lg-5, .py-lg-5 {
        padding-top: 5rem !important;
    }
    .pr-lg-5, .px-lg-5 {
        padding-right: 5rem !important;
    }
    .pb-lg-5, .py-lg-5 {
        padding-bottom: 5rem !important;
    }
    .pl-lg-5, .px-lg-5 {
        padding-left: 5rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 1rem !important;
    }
    .mt-xl-1, .my-xl-1 {
        margin-top: 1rem !important;
    }
    .mr-xl-1, .mx-xl-1 {
        margin-right: 1rem !important;
    }
    .mb-xl-1, .my-xl-1 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-1, .mx-xl-1 {
        margin-left: 1rem !important;
    }
    .m-xl-2 {
        margin: 2rem !important;
    }
    .mt-xl-2, .my-xl-2 {
        margin-top: 2rem !important;
    }
    .mr-xl-2, .mx-xl-2 {
        margin-right: 2rem !important;
    }
    .mb-xl-2, .my-xl-2 {
        margin-bottom: 2rem !important;
    }
    .ml-xl-2, .mx-xl-2 {
        margin-left: 2rem !important;
    }
    .m-xl-3 {
        margin: 3rem !important;
    }
    .mt-xl-3, .my-xl-3 {
        margin-top: 3rem !important;
    }
    .mr-xl-3, .mx-xl-3 {
        margin-right: 3rem !important;
    }
    .mb-xl-3, .my-xl-3 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-3, .mx-xl-3 {
        margin-left: 3rem !important;
    }
    .m-xl-4 {
        margin: 4rem !important;
    }
    .mt-xl-4, .my-xl-4 {
        margin-top: 4rem !important;
    }
    .mr-xl-4, .mx-xl-4 {
        margin-right: 4rem !important;
    }
    .mb-xl-4, .my-xl-4 {
        margin-bottom: 4rem !important;
    }
    .ml-xl-4, .mx-xl-4 {
        margin-left: 4rem !important;
    }
    .m-xl-5 {
        margin: 5rem !important;
    }
    .mt-xl-5, .my-xl-5 {
        margin-top: 5rem !important;
    }
    .mr-xl-5, .mx-xl-5 {
        margin-right: 5rem !important;
    }
    .mb-xl-5, .my-xl-5 {
        margin-bottom: 5rem !important;
    }
    .ml-xl-5, .mx-xl-5 {
        margin-left: 5rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 1rem !important;
    }
    .pt-xl-1, .py-xl-1 {
        padding-top: 1rem !important;
    }
    .pr-xl-1, .px-xl-1 {
        padding-right: 1rem !important;
    }
    .pb-xl-1, .py-xl-1 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-1, .px-xl-1 {
        padding-left: 1rem !important;
    }
    .p-xl-2 {
        padding: 2rem !important;
    }
    .pt-xl-2, .py-xl-2 {
        padding-top: 2rem !important;
    }
    .pr-xl-2, .px-xl-2 {
        padding-right: 2rem !important;
    }
    .pb-xl-2, .py-xl-2 {
        padding-bottom: 2rem !important;
    }
    .pl-xl-2, .px-xl-2 {
        padding-left: 2rem !important;
    }
    .p-xl-3 {
        padding: 3rem !important;
    }
    .pt-xl-3, .py-xl-3 {
        padding-top: 3rem !important;
    }
    .pr-xl-3, .px-xl-3 {
        padding-right: 3rem !important;
    }
    .pb-xl-3, .py-xl-3 {
        padding-bottom: 3rem !important; 
    }
    .pl-xl-3, .px-xl-3 {
        padding-left: 3rem !important;
    }
    .p-xl-4 {
        padding: 4rem !important;
    }
    .pt-xl-4, .py-xl-4 {
        padding-top: 4rem !important;
    }
    .pr-xl-4, .px-xl-4 {
        padding-right: 4rem !important;
    }
    .pb-xl-4, .py-xl-4 {
        padding-bottom: 4rem !important;
    }
    .pl-xl-4, .px-xl-4 {
        padding-left: 4rem !important;
    }
    .p-xl-5 {
        padding: 5rem !important;
    }
    .pt-xl-5, .py-xl-5 {
        padding-top: 5rem !important;
    }
    .pr-xl-5, .px-xl-5 {
        padding-right: 5rem !important;
    }
    .pb-xl-5, .py-xl-5 {
        padding-bottom: 5rem !important;
    }
    .pl-xl-5, .px-xl-5 {
        padding-left: 5rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important;
    }
}
.m-6 {
    margin: 6rem !important;
}
.mt-6, .my-6 {
    margin-top: 6rem !important;
}
.mr-6, .mx-6 {
    margin-right: 6rem !important;
}
.mb-6, .my-6 {
    margin-bottom: 6rem !important;
}
.ml-6, .mx-6 {
    margin-left: 6rem !important;
}
.m-7 {
    margin: 7rem !important;
}
.mt-7, .my-7 {
    margin-top: 7rem !important;
}
.mr-7, .mx-7 {
    margin-right: 7rem !important;
}
.mb-7, .my-7 {
    margin-bottom: 7rem !important;
}
.ml-7, .mx-7 {
    margin-left: 7rem !important;
}
.m-8 {
    margin: 8rem !important;
}
.mt-8, .my-8 {
    margin-top: 8rem !important;
}
.mr-8, .mx-8 {
    margin-right: 8rem !important;
}
.mb-8, .my-8 {
    margin-bottom: 8rem !important;
}
.ml-8, .mx-8 {
    margin-left: 8rem !important;
}
.m-9 {
    margin: 9rem !important;
}
.mt-9, .my-9 {
    margin-top: 9rem !important;
}
.mr-9, .mx-9 {
    margin-right: 9rem !important;
}
.mb-9, .my-9 {
    margin-bottom: 9rem !important;
}
.ml-9, .mx-9 {
    margin-left: 9rem !important;
}
.m-10 {
    margin: 10rem !important;
}
.mt-10, .my-10 {
    margin-top: 10rem !important;
}
.mr-10, .mx-10 {
    margin-right: 10rem !important;
}
.mb-10, .my-10 {
    margin-bottom: 10rem !important;
}
.ml-10, .mx-10 {
    margin-left: 10rem !important;
}
.p-6 {
    padding: 6rem !important;
}
.pt-6, .py-6 {
    padding-top: 6rem !important;
}
.pr-6, .px-6 {
    padding-right: 6rem !important;
}
.pb-6, .py-6 {
    padding-bottom: 6rem !important;
}
.pl-6, .px-6 {
    padding-left: 6rem !important;
}
.p-7 {
    padding: 7rem !important;
}
.pt-7, .py-7 {
    padding-top: 7rem !important;
}
.pr-7, .px-7 {
    padding-right: 7rem !important;
}
.pb-7, .py-7 {
    padding-bottom: 7rem !important;
}
.pl-7, .px-7 {
    padding-left: 7rem !important;
}
.p-8 {
    padding: 8rem !important;
}
.pt-8, .py-8 {
    padding-top: 8rem !important;
}
.pr-8, .px-8 {
    padding-right: 8rem !important;
}
.pb-8, .py-8 {
    padding-bottom: 8rem !important;
}
.pl-8, .px-8 {
    padding-left: 8rem !important;
}
.p-9 {
    padding: 9rem !important;
}
.pt-9, .py-9 {
    padding-top: 9rem !important;
}
.pr-9, .px-9 {
    padding-right: 9rem !important;
}
.pb-9, .py-9 {
    padding-bottom: 9rem !important;
}
.pl-9, .px-9 {
    padding-left: 9rem !important;
}
.p-10 {
    padding: 10rem !important;
}
.pt-10, .py-10 {
    padding-top: 10rem !important;
}
.pr-10, .px-10 {
    padding-right: 10rem !important;
}
.pb-10, .py-10 {
    padding-bottom: 10rem !important;
}
.pl-10, .px-10 {
    padding-left: 10rem !important;
}
@media (min-width: 576px) {
    .m-sm-6 {
        margin: 6rem !important;
    }
    .mt-sm-6, .my-sm-6 {
        margin-top: 6rem !important;
    }
    .mr-sm-6, .mx-sm-6 {
        margin-right: 6rem !important;
    }
    .mb-sm-6, .my-sm-6 {
        margin-bottom: 6rem !important;
    }
    .ml-sm-6, .mx-sm-6 {
        margin-left: 6rem !important;
    }
    .m-sm-7 {
        margin: 7rem !important;
    }
    .mt-sm-7, .my-sm-7 {
        margin-top: 7rem !important;
    }
    .mr-sm-7, .mx-sm-7 {
        margin-right: 7rem !important;
    }
    .mb-sm-7, .my-sm-7 {
        margin-bottom: 7rem !important;
    }
    .ml-sm-7, .mx-sm-7 {
        margin-left: 7rem !important;
    }
    .m-sm-8 {
        margin: 8rem !important;
    }
    .mt-sm-8, .my-sm-8 {
        margin-top: 8rem !important;
    }
    .mr-sm-8, .mx-sm-8 {
        margin-right: 8rem !important;
    }
    .mb-sm-8, .my-sm-8 {
        margin-bottom: 8rem !important;
    }
    .ml-sm-8, .mx-sm-8 {
        margin-left: 8rem !important;
    }
    .m-sm-9 {
        margin: 9rem !important;
    }
    .mt-sm-9, .my-sm-9 {
        margin-top: 9rem !important;
    }
    .mr-sm-9, .mx-sm-9 {
        margin-right: 9rem !important;
    }
    .mb-sm-9, .my-sm-9 {
        margin-bottom: 9rem !important;
    }
    .ml-sm-9, .mx-sm-9 {
        margin-left: 9rem !important;
    }
    .m-sm-10 {
        margin: 10rem !important;
    }
    .mt-sm-10, .my-sm-10 {
        margin-top: 10rem !important;
    }
    .mr-sm-10, .mx-sm-10 {
        margin-right: 10rem !important;
    }
    .mb-sm-10, .my-sm-10 {
        margin-bottom: 10rem !important;
    }
    .ml-sm-10, .mx-sm-10 {
        margin-left: 10rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0, .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0, .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0, .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0, .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-6 {
        padding: 6rem !important;
    }
    .pt-sm-6, .py-sm-6 {
        padding-top: 6rem !important;
    }
    .pr-sm-6, .px-sm-6 {
        padding-right: 6rem !important;
    }
    .pb-sm-6, .py-sm-6 {
        padding-bottom: 6rem !important;
    }
    .pl-sm-6, .px-sm-6 {
        padding-left: 6rem !important;
    }
    .p-sm-7 {
        padding: 7rem !important;
    }
    .pt-sm-7, .py-sm-7 {
        padding-top: 7rem !important;
    }
    .pr-sm-7, .px-sm-7 {
        padding-right: 7rem !important;
    }
    .pb-sm-7, .py-sm-7 {
        padding-bottom: 7rem !important;
    }
    .pl-sm-7, .px-sm-7 {
        padding-left: 7rem !important;
    }
    .p-sm-8 {
        padding: 8rem !important;
    }
    .pt-sm-8, .py-sm-8 {
        padding-top: 8rem !important;
    }
    .pr-sm-8, .px-sm-8 {
        padding-right: 8rem !important;
    }
    .pb-sm-8, .py-sm-8 {
        padding-bottom: 8rem !important;
    }
    .pl-sm-8, .px-sm-8 {
        padding-left: 8rem !important;
    }
    .p-sm-9 {
        padding: 9rem !important;
    }
    .pt-sm-9, .py-sm-9 {
        padding-top: 9rem !important;
    }
    .pr-sm-9, .px-sm-9 {
        padding-right: 9rem !important;
    }
    .pb-sm-9, .py-sm-9 {
        padding-bottom: 9rem !important;
    }
    .pl-sm-9, .px-sm-9 {
        padding-left: 9rem !important;
    }
    .p-sm-10 {
        padding: 10rem !important;
    }
    .pt-sm-10, .py-sm-10 {
        padding-top: 10rem !important;
    }
    .pr-sm-10, .px-sm-10 {
        padding-right: 10rem !important;
    }
    .pb-sm-10, .py-sm-10 {
        padding-bottom: 10rem !important;
    }
    .pl-sm-10, .px-sm-10 {
        padding-left: 10rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto, .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto, .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto, .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto, .mx-sm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0, .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0, .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0, .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0, .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-6 {
        margin: 6rem !important;
    }
    .mt-md-6, .my-md-6 {
        margin-top: 6rem !important;
    }
    .mr-md-6, .mx-md-6 {
        margin-right: 6rem !important;
    }
    .mb-md-6, .my-md-6 {
        margin-bottom: 6rem !important;
    }
    .ml-md-6, .mx-md-6 {
        margin-left: 6rem !important;
    }
    .m-md-7 {
        margin: 7rem !important;
    }
    .mt-md-7, .my-md-7 {
        margin-top: 7rem !important;
    }
    .mr-md-7, .mx-md-7 {
        margin-right: 7rem !important;
    }
    .mb-md-7, .my-md-7 {
        margin-bottom: 7rem !important;
    }
    .ml-md-7, .mx-md-7 {
        margin-left: 7rem !important;
    }
    .m-md-8 {
        margin: 8rem !important;
    }
    .mt-md-8, .my-md-8 {
        margin-top: 8rem !important;
    }
    .mr-md-8, .mx-md-8 {
        margin-right: 8rem !important;
    }
    .mb-md-8, .my-md-8 {
        margin-bottom: 8rem !important;
    }
    .ml-md-8, .mx-md-8 {
        margin-left: 8rem !important;
    }
    .m-md-9 {
        margin: 9rem !important;
    }
    .mt-md-9, .my-md-9 {
        margin-top: 9rem !important;
    }
    .mr-md-9, .mx-md-9 {
        margin-right: 9rem !important;
    }
    .mb-md-9, .my-md-9 {
        margin-bottom: 9rem !important;
    }
    .ml-md-9, .mx-md-9 {
        margin-left: 9rem !important;
    }
    .m-md-10 {
        margin: 10rem !important;
    }
    .mt-md-10, .my-md-10 {
        margin-top: 10rem !important;
    }
    .mr-md-10, .mx-md-10 {
        margin-right: 10rem !important;
    }
    .mb-md-10, .my-md-10 {
        margin-bottom: 10rem !important;
    }
    .ml-md-10, .mx-md-10 {
        margin-left: 10rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0, .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0, .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0, .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0, .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-6 {
        padding: 6rem !important;
    }
    .pt-md-6, .py-md-6 {
        padding-top: 6rem !important;
    }
    .pr-md-6, .px-md-6 {
        padding-right: 6rem !important;
    }
    .pb-md-6, .py-md-6 {
        padding-bottom: 6rem !important;
    }
    .pl-md-6, .px-md-6 {
        padding-left: 6rem !important;
    }
    .p-md-7 {
        padding: 7rem !important;
    }
    .pt-md-7, .py-md-7 {
        padding-top: 7rem !important;
    }
    .pr-md-7, .px-md-7 {
        padding-right: 7rem !important;
    }
    .pb-md-7, .py-md-7 {
        padding-bottom: 7rem !important;
    }
    .pl-md-7, .px-md-7 {
        padding-left: 7rem !important;
    }
    .p-md-8 {
        padding: 8rem !important;
    }
    .pt-md-8, .py-md-8 {
        padding-top: 8rem !important;
    }
    .pr-md-8, .px-md-8 {
        padding-right: 8rem !important;
    }
    .pb-md-8, .py-md-8 {
        padding-bottom: 8rem !important;
    }
    .pl-md-8, .px-md-8 {
        padding-left: 8rem !important;
    }
    .p-md-9 {
        padding: 9rem !important;
    }
    .pt-md-9, .py-md-9 {
        padding-top: 9rem !important;
    }
    .pr-md-9, .px-md-9 {
        padding-right: 9rem !important;
    }
    .pb-md-9, .py-md-9 {
        padding-bottom: 9rem !important;
    }
    .pl-md-9, .px-md-9 {
        padding-left: 9rem !important;
    }
    .p-md-10 {
        padding: 10rem !important;
    }
    .pt-md-10, .py-md-10 {
        padding-top: 10rem !important;
    }
    .pr-md-10, .px-md-10 {
        padding-right: 10rem !important;
    }
    .pb-md-10, .py-md-10 {
        padding-bottom: 10rem !important;
    }
    .pl-md-10, .px-md-10 {
        padding-left: 10rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto, .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto, .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto, .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto, .mx-md-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0, .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0, .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0, .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-6 {
        margin: 6rem !important;
    }
    .mt-lg-6, .my-lg-6 {
        margin-top: 6rem !important;
    }
    .mr-lg-6, .mx-lg-6 {
        margin-right: 6rem !important;
    }
    .mb-lg-6, .my-lg-6 {
        margin-bottom: 6rem !important;
    }
    .ml-lg-6, .mx-lg-6 {
        margin-left: 6rem !important;
    }
    .m-lg-7 {
        margin: 7rem !important;
    }
    .mt-lg-7, .my-lg-7 {
        margin-top: 7rem !important;
    }
    .mr-lg-7, .mx-lg-7 {
        margin-right: 7rem !important;
    }
    .mb-lg-7, .my-lg-7 {
        margin-bottom: 7rem !important;
    }
    .ml-lg-7, .mx-lg-7 {
        margin-left: 7rem !important;
    }
    .m-lg-8 {
        margin: 8rem !important;
    }
    .mt-lg-8, .my-lg-8 {
        margin-top: 8rem !important;
    }
    .mr-lg-8, .mx-lg-8 {
        margin-right: 8rem !important;
    }
    .mb-lg-8, .my-lg-8 {
        margin-bottom: 8rem !important;
    }
    .ml-lg-8, .mx-lg-8 {
        margin-left: 8rem !important;
    }
    .m-lg-9 {
        margin: 9rem !important;
    }
    .mt-lg-9, .my-lg-9 {
        margin-top: 9rem !important;
    }
    .mr-lg-9, .mx-lg-9 {
        margin-right: 9rem !important;
    }
    .mb-lg-9, .my-lg-9 {
        margin-bottom: 9rem !important;
    }
    .ml-lg-9, .mx-lg-9 {
        margin-left: 9rem !important;
    }
    .m-lg-10 {
        margin: 10rem !important;
    }
    .mt-lg-10, .my-lg-10 {
        margin-top: 10rem !important;
    }
    .mr-lg-10, .mx-lg-10 {
        margin-right: 10rem !important;
    }
    .mb-lg-10, .my-lg-10 {
        margin-bottom: 10rem !important;
    }
    .ml-lg-10, .mx-lg-10 {
        margin-left: 10rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0, .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0, .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0, .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0, .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-6 {
        padding: 6rem !important;
    }
    .pt-lg-6, .py-lg-6 {
        padding-top: 6rem !important;
    }
    .pr-lg-6, .px-lg-6 {
        padding-right: 6rem !important;
    }
    .pb-lg-6, .py-lg-6 {
        padding-bottom: 6rem !important;
    }
    .pl-lg-6, .px-lg-6 {
        padding-left: 6rem !important;
    }
    .p-lg-7 {
        padding: 7rem !important;
    }
    .pt-lg-7, .py-lg-7 {
        padding-top: 7rem !important;
    }
    .pr-lg-7, .px-lg-7 {
        padding-right: 7rem !important;
    }
    .pb-lg-7, .py-lg-7 {
        padding-bottom: 7rem !important;
    }
    .pl-lg-7, .px-lg-7 {
        padding-left: 7rem !important;
    }
    .p-lg-8 {
        padding: 8rem !important;
    }
    .pt-lg-8, .py-lg-8 {
        padding-top: 8rem !important;
    }
    .pr-lg-8, .px-lg-8 {
        padding-right: 8rem !important;
    }
    .pb-lg-8, .py-lg-8 {
        padding-bottom: 8rem !important;
    }
    .pl-lg-8, .px-lg-8 {
        padding-left: 8rem !important;
    }
    .p-lg-9 {
        padding: 9rem !important;
    }
    .pt-lg-9, .py-lg-9 {
        padding-top: 9rem !important;
    }
    .pr-lg-9, .px-lg-9 {
        padding-right: 9rem !important;
    }
    .pb-lg-9, .py-lg-9 {
        padding-bottom: 9rem !important;
    }
    .pl-lg-9, .px-lg-9 {
        padding-left: 9rem !important;
    }
    .p-lg-10 {
        padding: 10rem !important;
    }
    .pt-lg-10, .py-lg-10 {
        padding-top: 10rem !important;
    }
    .pr-lg-10, .px-lg-10 {
        padding-right: 10rem !important;
    }
    .pb-lg-10, .py-lg-10 {
        padding-bottom: 10rem !important;
    }
    .pl-lg-10, .px-lg-10 {
        padding-left: 10rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto, .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto, .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto, .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto, .mx-lg-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0, .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0, .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0, .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0, .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-6 {
        margin: 6rem !important;
    }
    .mt-xl-6, .my-xl-6 {
        margin-top: 6rem !important;
    }
    .mr-xl-6, .mx-xl-6 {
        margin-right: 6rem !important;
    }
    .mb-xl-6, .my-xl-6 {
        margin-bottom: 6rem !important;
    }
    .ml-xl-6, .mx-xl-6 {
        margin-left: 6rem !important;
    }
    .m-xl-7 {
        margin: 7rem !important;
    }
    .mt-xl-7, .my-xl-7 {
        margin-top: 7rem !important;
    }
    .mr-xl-7, .mx-xl-7 {
        margin-right: 7rem !important;
    }
    .mb-xl-7, .my-xl-7 {
        margin-bottom: 7rem !important;
    }
    .ml-xl-7, .mx-xl-7 {
        margin-left: 7rem !important;
    }
    .m-xl-8 {
        margin: 8rem !important;
    }
    .mt-xl-8, .my-xl-8 {
        margin-top: 8rem !important;
    }
    .mr-xl-8, .mx-xl-8 {
        margin-right: 8rem !important;
    }
    .mb-xl-8, .my-xl-8 {
        margin-bottom: 8rem !important;
    }
    .ml-xl-8, .mx-xl-8 {
        margin-left: 8rem !important;
    }
    .m-xl-9 {
        margin: 9rem !important;
    }
    .mt-xl-9, .my-xl-9 {
        margin-top: 9rem !important;
    }
    .mr-xl-9, .mx-xl-9 {
        margin-right: 9rem !important;
    }
    .mb-xl-9, .my-xl-9 {
        margin-bottom: 9rem !important;
    }
    .ml-xl-9, .mx-xl-9 {
        margin-left: 9rem !important;
    }
    .m-xl-10 {
        margin: 10rem !important;
    }
    .mt-xl-10, .my-xl-10 {
        margin-top: 10rem !important;
    }
    .mr-xl-10, .mx-xl-10 {
        margin-right: 10rem !important;
    }
    .mb-xl-10, .my-xl-10 {
        margin-bottom: 10rem !important;
    }
    .ml-xl-10, .mx-xl-10 {
        margin-left: 10rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0, .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0, .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0, .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0, .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-6 {
        padding: 6rem !important;
    }
    .pt-xl-6, .py-xl-6 {
        padding-top: 6rem !important;
    }
    .pr-xl-6, .px-xl-6 {
        padding-right: 6rem !important;
    }
    .pb-xl-6, .py-xl-6 {
        padding-bottom: 6rem !important;
    }
    .pl-xl-6, .px-xl-6 {
        padding-left: 6rem !important;
    }
    .p-xl-7 {
        padding: 7rem !important;
    }
    .pt-xl-7, .py-xl-7 {
        padding-top: 7rem !important;
    }
    .pr-xl-7, .px-xl-7 {
        padding-right: 7rem !important;
    }
    .pb-xl-7, .py-xl-7 {
        padding-bottom: 7rem !important;
    }
    .pl-xl-7, .px-xl-7 {
        padding-left: 7rem !important;
    }
    .p-xl-8 {
        padding: 8rem !important;
    }
    .pt-xl-8, .py-xl-8 {
        padding-top: 8rem !important;
    }
    .pr-xl-8, .px-xl-8 {
        padding-right: 8rem !important;
    }
    .pb-xl-8, .py-xl-8 {
        padding-bottom: 8rem !important;
    }
    .pl-xl-8, .px-xl-8 {
        padding-left: 8rem !important;
    }
    .p-xl-9 {
        padding: 9rem !important;
    }
    .pt-xl-9, .py-xl-9 {
        padding-top: 9rem !important;
    }
    .pr-xl-9, .px-xl-9 {
        padding-right: 9rem !important;
    }
    .pb-xl-9, .py-xl-9 {
        padding-bottom: 9rem !important;
    }
    .pl-xl-9, .px-xl-9 {
        padding-left: 9rem !important;
    }
    .p-xl-10 {
        padding: 10rem !important;
    }
    .pt-xl-10, .py-xl-10 {
        padding-top: 10rem !important;
    }
    .pr-xl-10, .px-xl-10 {
        padding-right: 10rem !important;
    }
    .pb-xl-10, .py-xl-10 {
        padding-bottom: 10rem !important;
    }
    .pl-xl-10, .px-xl-10 {
        padding-left: 10rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto, .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto, .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto, .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto, .mx-xl-auto {
        margin-left: auto !important;
    }
}

/*************************************
TESTIMONIALS
**/
.testimonial {
	padding: 70px 0
}
.testimonial h3, .testimonial h5 {
	line-height: 1.5
}
.testimonial p {
	font-size: 16px
}
.quote-mark h2 {
	font-size: 80px;
	padding-top: 10px;
	margin: 0
}
/*************************************
SLICK SLIDE
**/
.slick-slide {
	margin: 0 5px
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	display: none;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center
}
ul.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: none;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #000
}
.slick-dots li button::before, .slick-next:before, .slick-prev:before {
	font-family: 'Font Awesome 5 Pro';
	opacity: 1;
	-webkit-font-smoothing: antialiased
}
.slick-dots li button::before {
	font-size: 25px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "•";
	text-align: center;
	color: #fff
}
.slick-next:before, .slick-prev:before {
	font-size: 54px!important;
	line-height: 1;
	color: hsla(28, 29%, 91%) !important;
	-moz-osx-font-smoothing: grayscale;
    display: none;
}
.slick-next::before {
	content: "\f105";
	font-size: 24px;
	transition: all .5s ease
}
.slick-prev::before {
	content: "\f104";
	font-size: 24px;
	transition: all .5s ease
}
.slick-next, .slick-prev { 
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 37%!important;
	display: block;
	margin-top: 0;
	padding: 0;
	cursor: pointer;
	color: #fff;
	border: none;
	outline: 0;
	background-color: transparent!important;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease
}
.slick-prev {
	left: 0px!important;
	z-index: 100
}
.slick-next {
	right: 0px!important;
	z-index: 100
}
.slick-next svg, .slick-prev svg {
    width: 50px !important;
    height: 50px;
    color: hsla(28, 29%, 91%) !important;
}
.addtocart.btn.btn-success, .wishlist_toggle.btn.btn-default {
	width: 100%!important;
	left: 0
}
.checkout_table_header {
	font-size: 12px
}
/*.blog-thumbs div {
	max-height: 555PX;
}*/
@media (max-width: 768px) {
	.mega-soap-wrapper {
		display: none;
	}
}
/*************************************
HEADER
**/
.wrapper-header {
	background-color: #fff;
	margin-bottom: 0
}
.wrapper-header .btn-default {
	background-color: hsl(28, 29%, 91%);
	color: hsl(150, 18%, 37%);
    border-color: hsl(28, 29%, 91%);
}
.wrapper-header .btn-default:hover {
	background-color: hsl(28, 29%, 81%);
	color: hsl(150, 18%, 37%);
    border-color: hsl(28, 29%, 81%);
}
.wrapper-header a {
	text-decoration: none;
}
.wrapper-header ul,
.wrapper-header ol,
.wrapper-header li {
    list-style: none;
    margin: 0;
    /*padding: 0;*/
    
}


.header-message {
	text-align: center;
	background-color: #d6a49f;
	color: #404042;
	margin: 0;
	width: 100%;
}
.header-message a {
	text-decoration: none;
}
.cart-user-search {
	padding-top: 7px;
	padding-bottom: 7px;
}
.cart-user-search span {
	font-size: 8px
}
.wrapper-logo {
	padding-top: 20px;
	padding-bottom: 20px;
}
.logo {
	height: 37px;
}
.logo svg {
	fill:#404041;
	height: 100%;
    width: auto;
}
.menu-nav {
	padding: 20px 0 0
}
#header-cart, #header-login, #header-search {
	margin-top: 20px!important;
	margin-left: 5px;
	position: relative;
	font-size: 20px;
}
@media (max-width : 991px) {
	.wrapper-header {
		border-bottom: 1px solid #ddd;
	}
	#header-cart, #header-login, #header-search {
		margin-left: 0px;
		font-size: 17px;
	}
	.header-menu-btn {
		margin-top: 27px!important;
		font-size: 17px;
	}
}
#header-search button {
	padding: 0;
}
.header-search--wrap {
	background-color: #3f5b4c;
	display: none;
}
.header-search { 
	
}
.header-search #name_search {
	background: none;
    color: #fff;
    border: none !important;
    outline: none;
	padding: 15px 0;
}

.header-search #name_search::-webkit-input-placeholder {
	color: hsl(0, 0%, 100%);
	font-size: 1.2rem;
    font-weight: 600;
}
.header-search #name_search::-moz-placeholder {
	color: hsl(0, 0%, 100%);
	font-size: 1.2rem;
    font-weight: 600;
}
.header-search #name_search:-ms-input-placeholder {
	color: hsl(0, 0%, 100%);
	font-size: 1.2rem;
    font-weight: 600;
}
.header-search #name_search:-moz-placeholder {
	color: hsl(0, 0%, 100%);
	font-size: 1.2rem;
    font-weight: 600;
}
.header-search button {
	color: #fff;
}
.header-search input.form-control {
	
}

span.counter-cart-header {
	position: absolute!important;
    top: -10px!important;
    left: 15px;
    background-color: #4f705f;
    color: #fff;
    border-radius: 50%;
    border: 0px;
    font-size: 1.2rem;
    text-align: center;
    display: block !important;
    width: 20px;
    height: 20px;
    padding: 1px 0;
}
#header-cart i.fa, #header-login i.fa {
	font-size: 18px
}
#header-cart span, #header-login span {
	position: relative;
	top: -7px
}


/**/
.menu-nav .navbar-nav a {
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none;
}
.menu-nav .navbar-nav a.active, .menu-nav .navbar-nav a:hover {
	/*color:#ffffff!important;
	background-color:#4f705f!important;*/
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.navbar {
	margin-bottom: 0;
	background-color: transparent;
	border-color: transparent
}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navigation-list li a, .navigation-list li a:hover, .navigation-list li:hover a {
	color: #382219;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-decoration: none;
	font-size: 1.2rem;
    font-weight: 600;
}
.navbar-nav a {
	text-decoration: none;
}
.nav > li > a:focus, .nav > li > a:hover {
	background: rgba(0, 0, 0, .2) 
}


/*-----// HEADER : HOME //-----*/

@media (min-width : 992px) {
	#n_home header#header {
		position: absolute;
		z-index: 999;
		width: 100%;
		background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
	}
	#n_home header#header .wrapper-header {
		background-color: transparent;
		transition: all .5s ease-in-out;
	}
	#n_home header#header:hover .wrapper-header {
		background-color: #fff;
	}
	#n_home header#header .mega-soap-wrapper ul.mega-soap {
		background-color: transparent;
		transition: all .5s ease-in-out;
	}
	#n_home header#header:hover .mega-soap-wrapper ul.mega-soap {
		background-color: #4f705f;
	}
	#n_home header#header .navbar-default .navbar-nav > li > a {
		color: #fff;
		transition: all .5s ease-in-out;
	}
	#n_home header#header:hover .navbar-default .navbar-nav > li > a {
		color: #382219;
	}
	#n_home header#header #header-cart a, 
	#n_home header#header #header-login a, 
	#n_home header#header #header-search button {
		color: #fff;
		transition: all .5s ease-in-out;
	}
	#n_home header#header:hover #header-cart a, 
	#n_home header#header:hover #header-login a, 
	#n_home header#header:hover #header-search button {
		color: hsl(270, 2%, 25%);
	}
	#n_home header#header .logo svg {
		fill: #fff;
		transition: all .5s ease-in-out;
	}
	#n_home header#header:hover .logo svg {
		fill: #404041;
	}
}



/*************************************
MEGA MENU
**/
.mega-soap-wrapper ul,
.mega-soap-wrapper ol,
.mega-soap-wrapper li {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.mega-menu {
	margin: 0;
	width: 100%;
	background-color: #4f705f;
	border: none;
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .175);
}
.dropdown-menu--stage {
	border-top: 1px solid hsla(0,0%,100%,0.2);
    padding: 30px 0;
}
.dropdown-menu--stage:after {
	content: '';
	clear: both;
	display: table;
}
.dropdown-menu--stage > div {
	display: flex;
	align-items: stretch;
}
.menu-column {
	border-left: 1px solid hsla(0,0%,100%,0.2);
	height: 100%;
	padding-left: 30px !important;
}
.menu-column-0 {
	border: none !important;
}
.mega-soap {
	width: 100%;
}
.brand {
	float: right;
}
.mega-soap-wrapper ul.mega-soap {
	background-color: #4f705f;
	position: relative;
}
ul.mega-soap li {
	position: static;
}
.mega-soap-wrapper ul.mega-soap li a {
	color: white;
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 600;
}
/*.memu-item-l2 {
	padding-left: 12px;
}*/
.mega-soap-wrapper ul.mega-soap ul.mega-menu li a {
	color: #fff;
	text-transform: uppercase;
	padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}
.mega-soap-wrapper ul.mega-soap ul.mega-menu li a:hover {
	color: #D6A5A0;
}
.mega-soap-wrapper ul.mega-soap ul.mega-menu .menu-column > li > a {
	color: #D6A5A0;
	font-size: 1.5rem;
}
.mega-soap-wrapper ul.mega-soap ul.mega-menu .menu-column > li > a:hover {
	color: #fff;
}

/*-----// SIDE NAV  //-----*/

html.no-scroll {
	height:100%;
	position: relative;
}
body.no-scroll {
	position: absolute;
	height:100%;
	overflow:hidden !important;
}
.no-scroll {
	overflow:hidden !important;
	max-height:100% !important;
}
.fixed-pos {
	position: fixed;
}
.scroll-vert {
	overflow:scroll;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scroll-vert::-webkit-scrollbar{
  width: 0px;
  height: 0px;
}
#sp-overlay {
	position: fixed;
	top:0;
	left:0;
	background-color: #000;
	width:100%;
	z-index:1999;
}
#sp-overlay {
	opacity:0;
	height:0;
	-webkit-transition: opacity 0.3s, height 0s;
	transition: opacity 0.3s, height 0s;
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;

}
#sp-overlay.active {
	height:100%;
	opacity:0.8;
	-webkit-transition: height 0s, opacity 0.3s;
	transition: height 0s, opacity 0.3s;
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}
.sp-menu {
	position: fixed;
	width: 340px;
	height: 100%;
	top: 0;
	z-index: 2000;
}


/*-----// SIDE NAV WIDTHS AND PUSH //-----*/

.sp-menu-left {
	left: -340px;
}
.sp-menu-right {
	right: -340px;
}
.sp-menu-left.sp-menu-open {
	left: 0px;
}
.sp-menu-right.sp-menu-open {
	right: 0px;
}


/*-----// PUSH CLASS APPLIED TO THE BODY //-----*/

.sp-menu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.sp-menu-push-toright {
	left: 340px;
}
.sp-menu-push-toleft {
	left: -340px;
}


/*-----// SIDE NAV TRANSITIONS //-----*/

.sp-menu,
.sp-menu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/*-----// CONTAINER STYLES //-----*/

nav.sp-menu {
	background-color: #fff;
}


/*-----// SLIDE TITLE //-----*/
nav.sp-menu .slideTitle {
	position: relative;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    border: 0;
    padding: 20px 30px;
}
nav.sp-menu .menu-close {
    text-align: center;
    color: #333;
    padding: 10px;
    position: absolute;
    top: 10px;
    right: 33px;
}

    
/*-----// SCROLL //-----*/

nav.sp-menu .scroll-vert {
	padding: 30px;
	margin-bottom: 50px;
}


/*-----// NAV STYLES //-----*/

nav.sp-menu ul {
	list-style-type: none !important;
    padding: 0px;
	margin-bottom: 100px;
}
nav.sp-menu a {
	color: #262626;
    display: block;
    text-decoration: none;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    font-size: 1.3rem;
	text-transform: uppercase;
}
nav.sp-menu a:hover {
	color: #D6A5A0;
}
nav.sp-menu li:hover > a{
	background-color: transparent;
}
.menu-label {
	font-size: 1.1rem;
	font-weight: 600;
	margin-top: 15px !important;
	padding: 10px 0;
    border-bottom: 1px solid #eee;
	color: hsla(216, 9%, 56%) !important;
}

/*-----// SIDE NAV COLLAPSE //-----*/

nav.sp-menu .side-nav-collapse {
    width: 100%;
	margin-top: 0;
}
nav.sp-menu .side-nav-collapse ul {
	display: none;
    margin: 0;
}
nav.sp-menu .side-nav-collapse li {
	position: relative;
    margin: 0;
}
nav.sp-menu .side-nav-collapse .btn-collapse {
    position: absolute;
    right: 0;
    top: 1px;
    padding: 9px;
}
nav.sp-menu .side-nav-collapse .btn-collapse .fa-stack { 
    font-size: 0.8rem; 
}
nav.sp-menu .side-nav-collapse .btn-collapse svg {
	width: 100%;
	height: 100%;
}
nav.sp-menu .side-nav-collapse .btn-collapse:focus {
	outline:none !important;
	box-shadow:none !important;
}

/*-----// SIDE NAV COLLAPSE BUTTON ANIMATION //-----*/

nav.sp-menu .side-nav-collapse .btn-collapse .fa-minus {
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	     -o-transform:rotate(90deg);
	        transform:rotate(90deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
nav.sp-menu .side-nav-collapse .btn-collapse.cpOut .fa-minus {
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	     -o-transform:rotate(180deg);
	        transform:rotate(180deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
nav.sp-menu .side-nav-collapse .btn-collapse .fa-plus {
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	     -o-transform:rotate(90deg);
	        transform:rotate(90deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
nav.sp-menu .side-nav-collapse .btn-collapse.cpOut .fa-plus {
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
	    -ms-transform:rotate(180deg);
	     -o-transform:rotate(180deg);
	        transform:rotate(180deg);
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	visibility: hidden;
}


/*************************************
FOOTER
**/
.footer .logo {
    width: 180px;
    height: auto;
}
.footer .footer-menu a {
    font-weight: 600;
    font-size: 1.2rem;
    color: hsla(270, 2%, 25%);
    padding: 5px 0;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}
.footer .footer-menu a:hover,
.footer .footer-menu a:active {
    color: hsl(6, 40%, 73%);
}
.footer .contact-info ul {
    list-style: none;
    margin-top: 0;
}
.footer .contact-info p {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 600;
}
.footer-menu-trigger {
    padding: 5px 0;
    font-weight: 600;
    font-size: 1.2rem;
    color: hsla(270, 2%, 25%);
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    cursor: pointer; 
}
@media (min-width : 992px) {
    .footer-payment {
        text-align: right;
    }
    .footer-menu-collapse {
        display: block !important;
    }
}
@media (max-width : 991px) {
    .footer .footer-menu {
        border-bottom: 1px solid hsla(28, 29%, 81%);
        padding: 8px 0;
    }
    .footer-bottom {
        text-align: center !important;
    }
    .footer-menu-collapse {
        display: none;
    }
}


/**/
.back-to-top {
	z-index: 999999;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	background-color: rgba(0, 0, 0, .5)!important;
	border: 1px rgba(0, 0, 0, .5)!important;
	color: #e6dbc7!important;
	-webkit-transition-property: top, bottom;
	-webkit-transition-duration: .5s
}
a.back-to-top:hover {
	background-color: rgba(0, 0, 0, .8)!important;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out
}
.back-to-top:before {
	content: "";
	cursor: pointer;
	position: absolute;
	width: 100px;
	height: 100px;
	top: -27px;
	right: 10px;
	background-repeat: no-repeat
}

.subscribe input[type=email] {
    border-color: #fff !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/*************************************
PAGE: HOME
**/
#homepageCarousel p {
	font-size: 25px;
	color: white;
	margin: 0 0 25px
}
#homepageCarousel h1 {
	font-size: 45px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
}
.img-banner {
	height: 630px;
	background-size: cover;
	background-position-x: center;
	background-attachment: inherit
}
.img-icons {
    height: 200px;
    max-width: 1140px;
    margin: auto;
    background-size: cover;
    background-position-x: center;
    background-attachment: inherit;
}
.carousel-inner .item > a {
	display: block;
	position: relative;
}
.carousel-inner .item > a.carousel-overlay:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}

/*************************************
CATEGORIES
**/
.category-tile > a {
    position: relative;
    display: block; 
}
.category-tile-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    background-color: hsla(0, 0%, 0%, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.category-tile > a:hover .category-tile-hover {
    opacity: 1;
}
.category-tile-text {
    padding-bottom: 1px;
}
/**/
span.save {
	text-decoration: line-through
}
.see-options {
	left: 0!important;
	width: 100%!important
}
.products-thumbs {
	background-image: url(/assets/images/back-products.jpg); 
}
/*************************************
PRODUCT THUMBNAILS
**/
.thumb-reviews {
	margin: 0 0 5px;
	color: #D6A5A0;
}
.thumbnail-product p {
    font-size: 1.5rem;
    margin: 0 0 15px 0;
}
.thumbnail-product p,
.thumbnail-product p strong{
    font-weight: 600;
}
.product-tile-text {
    padding-bottom: 1px;
}

/*************************************
PRODUCT SINGLE
**/
.hero-two {
	margin: 0 0 30px
}
.hero-two .img-banner {
	height: 150px
}
#left-sidebar .panel-default > .panel-heading {
	background-color: #4f705f!important;
	background-size: 100%;
	color: #ffffff!important
}


.panel-default > .panel-heading h3 {
	font-style: normal;
	font-weight: 600
}
.panel-default {
	border-color: hsl(216, 9%, 56%);
}
.panel-default > .panel-heading {
    color: #ffffff;
    background-color: hsl(216, 9%, 56%);
    border-color: hsl(216, 9%, 56%);
}
.panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > a {
    color: #ffffff;
    background-color: hsl(216, 9%, 56%);
    border-color: hsl(216, 9%, 56%);
}
.panel-default > .panel-body {
    padding: 0 15px 15px;
}
.panel-default ul#filters, .panel-default ul.list-group {
	border: 1px solid #e3d8cc;
	line-height: 1.7
}
/*h1.page-header {
	text-transform: uppercase;
	color: #4E6F5F;
	font-size: 30px
}*/
.page-header {
	border-bottom: none!important
}
.bulk-sidebar tr, .tab-content {
	border: 1px solid #e3d8cc
}
.subcategories p {
	font-size: 15px;
	color: #344845
}
.subcategories {
	margin-bottom: 30px;
	height: 220px;
	min-height: 250px;
	transition: all .5s ease-in-out;
}
.subcategories:hover {
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .06);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .06);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .06);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.bulk-sidebar table {
	width: 100%
}
.bulk-sidebar td {
	padding: 5px 5px 0 16px;
	border-right: 1px solid #e3d8cc
}
/*#_jstl__header h1, #shipbox h3 {
	font-style: normal;
	text-transform: uppercase
}
#_jstl__header h1 {
	font-size: 20px
}*/
#shipbox {
	padding: 0 14px
}
#shipbox h3 {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 15px
}
.middle-padded {
	padding-right: 2px;
	padding-left: 2px
}
#shipbox input, #shipbox select {
	font-size: 12px
}
#shipbox button {
	font-size: 14px;
	padding-left: 6px
}
.tab-content {
	padding: 20px
}
.nav-tabs {
	border-bottom: transparent
}
#n_product .nav-tabs > li.active > a, .nav-tabs > li > a {
	border: 1px solid #e3d8cc;
	text-transform: uppercase;
	font-size: 1.6rem;
    font-weight: 600;
    text-decoration: none;
	color: #382219;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover {
	background-color: #382219;
	color: #fff!important;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.tabbable {
	margin-bottom: 60px
}
.form-control.qty-inp {
	width: 21%;
	background-color: #eee!important;
	border-color: #ccc!important;
	color: #333!important;
	position: absolute;
	left: 6px;
	height: 28px;
    opacity: 0;
}
.buying-options .btn {
	width: 100%;
	position: relative;
}
.contact-content {
	margin: 60px 0
}
.contact-content h3 {
	font-weight: 600;
	font-style: normal;
	margin-bottom: 30px
}
.contact-info-page {
	padding: 40px 0;
	margin: 20px 0 0;
	border-top: 2px solid #e3d8cc
}
.contact-form {
	border-left: 2px solid #382219;
	padding: 0 20px 0 50px
}
.contact-form input.btn {
	font-size: 14px;
	padding: 5px 30px;
	border-color: #dbd8d7;
	color: #ffffff;
	background-color: #4f705f!important;
	float: right!important
}
.map-holder iframe {
	width: 100%!important
}
img.image-01 {
	padding: 20px 0
}
img.image-02 {
	padding: 20px 0 20px 20px
}
form.stockists-page {
	padding: 20px 0
}
.stockists-page button {
	margin-top: 24px
}
.noverlay {
    width: 100vw;
}
/*.blog-img {
	width: 100%;
	margin-bottom: 10px
}
.blog-thumbs h4 {
	height: 34px;
	margin-top: 20px!important
}
.blog-thumbs div {
	margin-bottom: 25px
}
.blog-thumbs p {
	height: 34px
}
@media (max-width:1200px) and (min-width:992px) {
	.blog-thumbs h4 {
		font-size: 17px
	}
	.blog-thumbs p {
		height: 34px
	}
}
@media (max-width:991px) and (min-width:768px) {
	.blog-thumbs p {
		height: 34px
	}
}
@media (max-width:767px) {
	.blog-thumbs h4 {
		height: 34px;
		font-size: 15px
	}
	.blog-thumbs p {
		height: 34px;
		font-size: 13px
	}
}*/ 
@media screen and (min-width:768px) {
	.cta-caption {
		left: 5%;
		right: 5%;
		margin-top: -44%
	}
}
@media (min-width:1200px) {
	.cta-caption {
		margin-top: -27%
	}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
	.contents-home img {
		margin-top: 40px
	}
	.cta-caption h3 {
		font-size: 20px;
		margin-bottom: 0
	}
	.cta-caption {
		left: 0;
		right: 0;
		margin-top: -42%
	}
	.img-banner {
		height: 300px
	}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
	.cta-caption h3 {
		font-size: 30px
	}
	.contents-home h1, .contents-home h2 {
		margin-top: 0
	}
}


/*************************************
FORMS
**/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	width: 100%;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
	color: hsl(270, 2%, 25%);
    border: 1px solid hsl(270, 2%, 25%) !important;
    border-radius: 0;
    padding: 15px;
    box-shadow: none !important;
    -webkit-appearance: none;
	font-size: 1.6rem;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAtCAYAAACu/EtoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDY2NjQ0NzlENjgyMTFFODlFMzhDQTAzMkY4MkY4NzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDY2NjQ0N0FENjgyMTFFODlFMzhDQTAzMkY4MkY4NzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NjY2NDQ3N0Q2ODIxMUU4OUUzOENBMDMyRjgyRjg3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NjY2NDQ3OEQ2ODIxMUU4OUUzOENBMDMyRjgyRjg3NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg3SWE0AAACrSURBVHjaYvz//z8DNQETA5XBqIGjBo4aOGrgqIFIQFJS0hiIlYiRB5Xw+DATUGEaUN0ZEAZpxGIYXnlsXnaBsgWBeDeyJqhhM5HkXQgZyAjUBDYIiGEGvQdiVyh/JpLaWc+fP08nVKkxQl2CzVBBdMNgYUjQQByGYhhGjIHwZAPUBPPqWVyGEQMYscSqIDTs7gENq0CXJ+jl0ZbDqIGjBo4aOGrgSDUQIMAALSBUJjK4Sp0AAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: 100% center;
	color: hsl(270, 2%, 25%);
}
::-webkit-input-placeholder {
	color: hsl(270, 2%, 25%);
	font-size: 1.6rem;
}
::-moz-placeholder {
	color: hsl(270, 2%, 25%);
	font-size: 1.6rem;
}
:-ms-input-placeholder {
	color: hsl(270, 2%, 25%);
	font-size: 1.6rem;
}
:-moz-placeholder {
	color: hsl(270, 2%, 25%);
	font-size: 1.6rem;
}