/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section, figure, hgroup { display: block; }  

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
   img,object,embed {max-width: 100%;}

   /* force a vertical scrollbar to prevent a jumpy page */

/* we use a lot of ULs that aren't bulleted. 
don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* Micro Clearfix Hack */
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.cf:after { clear: both; }  
.cf { zoom: 1; }  

a, input, button, div, span {
	-webkit-tap-highlight-color: transparent;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* Start Basic CSS
--------------------------------------------------------------------------------------------------*/
body {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #888;
	background: #fff;
}

img {
	height: auto;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

html.canvas-opened {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    overflow-y: scroll;
}

.overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,.1);
}

.wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	padding-bottom: 225px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

.product-template-default .wrapper {
	padding-bottom: 0px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.container {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
}

.container-small {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance:textfield;
}

.btn {
	display: inline-block;
	outline: none;
	text-decoration: none;
}

i.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn {
	display: inline-block;
	text-align: center;
}

.blue-btn {
	max-width: 160px;
	width: 100%;
	position: relative;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	border: 0px;
	text-transform: uppercase;
	outline: none;
	background: #009ee0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.mt-30 {
	margin-top: 30px;
}

.blue-btn:hover {
	background: #000;
}

.bordered-btn {
	padding: 0px 20px;
	position: relative;
	color: #000;
	height: 50px;
	line-height: 48px;
	font-weight: 600;
	font-size: 12px;
	border: 1px solid #009ee0;
	outline: none;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.bordered-btn:hover {
	border-color: #000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Customized default radio
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[type="radio"]:not(:checked),
[type="radio"]:checked {
	position: absolute;
	left: -6669px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
	display: inline-block;
	position: relative;
	margin: 0px 0px;
	padding: 0px 0px 0px 30px;
	cursor: pointer;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
}

[type="radio"]:not(:checked) + label {
	color: #666;
}

[type="radio"]:checked + label {
	color: #000;
}

/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}

/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 4px;
	position: absolute;
	top: 6px;
	left: 6px;
	background: #d2b260;
	display: inline-block;
}

/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
	opacity: 0;
}

[type="radio"]:checked + label:after {
	opacity: 1;
}

/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #e5e5e5;
}

[type="radio"]:disabled:checked + label:after {
	color: #666;
}

[type="radio"]:disabled + label {
	color: #aaa;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Customized default checkbox
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -6669px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	margin: 0px 0px;
	padding: 0px 0px 0px 30px;
	cursor: pointer;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
}

[type="checkbox"]:not(:checked) + label {
	color: #666;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: "\f00c";
	opacity: 1;
	padding: 5px 0px;
	visibility: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	background: #d2b260;
	text-align: center;
	font-size: 10px !important;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font: normal normal normal 14px/1 FontAwesome;
	color: #fff;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #e5e5e5;
}

[type="checkbox"]:disabled:checked + label:after {
	color: #666;
}

[type="checkbox"]:disabled + label {
	color: #aaa;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
/* End Basic CSS
--------------------------------------------------------------------------------------------------*/

/* Start Header CSS
--------------------------------------------------------------------------------------------------*/
#header {
	padding: 20px 0px;
	border-bottom: 1px solid #f0f0f0;
}

.home #header {
	border: 0px;
}

#header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo-img {
	position: absolute;
	left: 50%;
	font-size: 0px;
	line-height: 0px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}


#menu-main-cat-menu {
	width: 100%;
}

.navbar .sub-menu {
	display: none;
    position: absolute;
    background: #fff;
    z-index: 999;
    padding: 10px 20px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
    min-width: 200px;
}

.navbar .mobile-number {
	display: none;
}

.navbar .menu-cat > li.menu-item-has-children > .sub-menu a {
	display: block;
	position: relative;
	text-decoration: none;
	font-size: 14px;
	line-height: 36px;
	color: #000;
	font-weight: 700;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.navbar .menu-cat > li.menu-item-has-children > .sub-menu a:hover:after {
	width: 100%;
}

.navbar .menu-cat > li.menu-item-has-children > .sub-menu a:hover {
	color: #000;
}

.navbar .menu-cat > li {
	display: inline-block;
}

.navbar .menu-cat > li.menu-item-has-children:hover > .sub-menu {
	display: block;
}

.navbar .menu-cat > li > a {
	display: block;
	position: relative;
	text-decoration: none;
	font-size: 20px;
	padding: 0px 15px;
	font-family: "Crimson Pro", serif;
	color: #888888;
	line-height: 20px;
	letter-spacing: .25px;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.navbar .menu-cat > li:hover > a {
	color: #000;
}

.navbar-container {
	display: flex;
	align-items: center;
}

.hamburger {
	float: left;
	position:relative;
	width: 20px;
	height: 10px;
	left:0%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.hamburger span{
	display:block;
	width:20px;
	height:1px;
	margin-bottom:4px;
	overflow:hidden;
	position:relative;
}
.hamburger span:last-child{
	margin:0;
}
.hamburger span:before,.hamburger span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:#009ee0;
	transform:translateX(-200%);
	transition:transform ease 300ms;
}
.hamburger span:after{
	transform:translateX(0);
}
.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{
	transition-delay:75ms;
}
.hamburger span:last-child:before,.hamburger span:last-child:after{
	transition-delay:150ms;
}

.contact-header-info {
	padding: 10px 0px;
	font-family: "Crimson Pro", serif;
	color: #888888;
	line-height: 24px;
	font-size: 20px;
	text-align: right;
	letter-spacing: .25px;
	font-weight: 400;
}

.contact-header-info a {
	display: block;
	text-decoration: none;
	color: #000000;
}

.header-email {
	font-size: 14px;
}

.header-tel {
	position: relative;
	padding-right: 25px;
}

.header-tel:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 17px;
	height: 24px;
	background: url('../img/bgi/phone-blue.svg') no-repeat center center;
}
/* End Header CSS
--------------------------------------------------------------------------------------------------*/

/* Start footer CSS
--------------------------------------------------------------------------------------------------*/
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 50px 0px;
	background: #8acef0;
	color: #fff;
	text-align: center;
}

.product-template-default #footer {
	position: relative;
}

.footer-social {
	margin-bottom: 25px;
}

.footer-social ul {
	display: flex;
	justify-content: center;
}

.footer-social ul li {
	margin: 0px 5px;
}

.footer-social ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.footer-social ul li a:hover {
	background: #009ee0;
}

.footer-social ul li a path {
	fill: #009ee0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.footer-social ul li a:hover path {
	fill: #fff;
}

.footer-contact {
	display: flex;
	justify-content: center;
}

.footer-contact a {
	text-decoration: none;
	color: #fff;
}

.footer-contact a:hover {
	text-decoration: underline;
}

.footer-contact .divider {
	display: block;
	margin: 4px 15px;
	width: 1px;
	height: 15px;
	background: #fff;
}
/* End footer CSS
--------------------------------------------------------------------------------------------------*/

/* Start homepage CSS
--------------------------------------------------------------------------------------------------*/
.mobile-slider {
	display: none !important;
}

.home-slider .slick-dots {
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	text-align: center;
}

.home-slider .slick-dots li {
	display: inline-block;
	margin: 0px 5px;
}

.home-slider .slick-dots li button {
	font-size: 0px;
	padding: 0px;
	outline: none;
	width: 10px;
	height: 10px;
	border: 0px;
	outline: none;
	border-radius: 5px;
	background: #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.home-slider .slick-dots li.slick-active button {
	width: 15px;
	background: #009ee0;

}

.about-home-section {
	margin: 80px 0px;
	text-align: center;
}

.about-home-section h2 {
	margin: 30px 0px;
	color: #000;
    font-family: "Crimson Pro", serif;
    font-weight: 300;
    font-size: 54px;
    line-height: 54px;
    letter-spacing: .25px;
}

.promo-products {
	margin: 50px 0px;
}

.section-title h2 {
	margin-bottom: 50px;
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 24px;
}

.products-list .slick-dots {
	text-align: center;
	margin: 20px 0px;
}

.products-list .slick-dots li {
	display: inline-block;
	margin: 0px 5px;
}

.products-list .slick-dots li button {
	font-size: 0px;
	padding: 0px;
	outline: none;
	border: 0px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #f0f0f0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.products-list .slick-dots li.slick-active button {
	background: #009ee0;
	width: 15px;
}

.products-list {
	margin: 0px -20px;
}

.products-list .slick-slide {
	padding: 0px 20px 10px;
}

.products-list .single-promo a {
	border: 1px solid #f0f0f0;
}

.carousel-list a img {
	display: block;
}

.carousel-list a {
	display: block;
	color: #888;
	text-decoration: none;
	background: #fff;
	border:  1px solid #f0f0f0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.carousel-list a:hover {
	color: #000;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.carousel-list a h3 {
	padding: 0px !important;
	overflow: hidden;
	text-align: center;
	font-size: 24px !important;
	font-family: "Crimson Pro", serif;
	font-weight: 300;
	line-height: 24px;
}

.product-attribute-info {
	margin: 20px 0px;
}

.product-attribute-info ul {
	display: flex;
	justify-content: center;
}

.product-box-link {
	display: block;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

.product-attribute-info ul li {
	position: relative;
	padding-top: 30px;
	color: #000;
	text-align: center;
	width: 80px;
}

.product-attribute-info ul li:nth-child(2) {
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}

.product-attribute-info ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 30px;
}

.product-attribute-info ul li.attr1:after {
	background: url('../img/bgi/date-black.svg') no-repeat center top;
}

.product-attribute-info ul li.attr2:after {
	background: url('../img/bgi/percent-black.svg') no-repeat center top;
}

.product-attribute-info ul li.attr3:after {
	background: url('../img/bgi/estimated-black.svg') no-repeat center top;
}

.product-list-content {
	padding: 20px;
	text-align: left;
}

.blog-home-section {
	margin: 50px 0px;
}

.default-title {
	text-align: center;
	margin: 0px 0px 30px;
    color: #000;
    font-family: "Crimson Pro", serif;
    font-weight: 300;
    font-size: 54px;
    line-height: 54px;
    letter-spacing: .25px;
}

.blog-home-section .container {
	display: flex;
	justify-content: space-between;
}

.home-article {
	width: calc(100% / 3 - 20px);
}

.article-box {
	text-align: center;
}

.article-box a {
	display: block;
	text-decoration: none;
	color: #888;
	border: 1px solid #f0f0f0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.article-box a:hover {
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
	color: #000;
}

.article-box h2 {
    padding: 0px !important;
    text-align: center;
    font-size: 24px !important;
    font-family: "Crimson Pro", serif;
    font-weight: 300;
    line-height: 32px;
}

.article-box-info {
	padding: 30px 15px;
}

.article-box-info span {
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

/* End homepage CSS
--------------------------------------------------------------------------------------------------*/

/*Start category CSS
--------------------------------------------------------------------------------------------------*/
.custom-breadcrumb {
	margin-top: 20px;
}

.custom-breadcrumb ul li {
	display: inline-block;
	position: relative;
	padding-right: 10px;
	margin-right: 6px;
	vertical-align: top;
}

.custom-breadcrumb ul li:after {
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	width: 1px;
	height: 12px;
	background: #000000;
}

.custom-breadcrumb ul li:last-child:after {
	display: none;
}

.custom-breadcrumb ul li a {
	display: block;
	text-decoration: none;
	color: #000;
}

.page-title {
	margin: 30px 0px;
}

.page-title h1 {
	text-align: center;
	font-size: 54px;
	line-height: 54px;
	font-weight: 300;
    font-family: "Crimson Pro", serif;
	color: #000;
}

.woocommerce .archive-products-list ul.products,
.woocommerce-page .archive-products-list ul.products {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce .archive-products-list ul.products li.product,
.woocommerce-page .archive-products-list ul.products li.product {
	width: calc(25% - 30px) !important;
	margin-right: 40px;
	margin-bottom: 30px;
	clear: none !important;
}

.woocommerce .archive-products-list ul.products li.product:nth-child(4n),
.woocommerce-page .archive-products-list ul.products li.product:nth-child(4n) {
	margin-right: 0px;
}

.default-pagination {
	text-align: left;
}

.woocommerce .archive-products-list nav.woocommerce-pagination,
 nav.default-pagination {
	margin: 30px 0px 60px;
	text-align: center !important;
}

.default-pagination ul li {
	display: inline-block;
	vertical-align: top;
}

.woocommerce .archive-products-list nav.woocommerce-pagination ul li,
nav.default-pagination ul li{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 0px;
	margin: 0px 2px;
	text-align: center;
}

.woocommerce .archive-products-list nav.woocommerce-pagination ul,
nav.default-pagination ul {
	border: 0px;
}

.woocommerce .archive-products-list nav.woocommerce-pagination ul li a,
.woocommerce .archive-products-list nav.woocommerce-pagination ul li span,
nav.default-pagination ul li a,
nav.default-pagination ul li span {
	display: block;
	padding: 0px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 0px;
	font-size: 14px;
	font-weight: 600;
	background: #f9f9f9;
	color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.default-pagination ul li span {
	height: 40px;
}

.woocommerce .archive-products-list nav.woocommerce-pagination ul li a,
nav.default-pagination ul li a {
	color: #000;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.woocommerce .archive-products-list nav.woocommerce-pagination ul li a:hover,
nav.default-pagination ul li a:hover,
.woocommerce .archive-products-list nav.woocommerce-pagination ul li a:focus,
nav.default-pagination ul li a:focus {
	color: #fff !important;
	background: #000 !important;
}

.woocommerce .archive-products-list nav.woocommerce-pagination ul li span.current,
nav.default-pagination ul li span.current {
	background: #d2b260 !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
}

.woocommerce .wrapper nav.woocommerce-pagination ul li a.next,
.woocommerce .wrapper nav.woocommerce-pagination ul li a.prev,
nav.default-pagination ul li a.next,
nav.default-pagination ul li a.prev {
	font-size: 0px;
	position: relative;
}

.woocommerce .wrapper nav.woocommerce-pagination ul li a.next:after,
nav.default-pagination ul li a.next:after {
    content: "\f105";
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    color: #000;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
}

.woocommerce .wrapper nav.woocommerce-pagination ul li a:hover:after,
nav.default-pagination ul li a:hover:after {
	color: #fff;
}

.woocommerce .wrapper nav.woocommerce-pagination ul li a.prev:after,
nav.default-pagination ul li a.prev:after {
    content: '\f104';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    color: #000;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
}

.category-description {
	margin-bottom: 60px;
}

.home-seo-text {
	margin: 60px 0px;
}

.category-description h3 {
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.category-description p,
.home-seo-text p {
    font-size: 12px;
    color: #000;
    line-height: 20px;
    font-weight: 400;
    margin: 20px 0px 0px;
    text-align: justify;
}

.home-seo-text a {
	color: #666;
	text-decoration: none;
}

.home-seo-text a:hover {
	color: #000;
	text-decoration: underline;
}

.category-stock .stock-status {
	position: relative;
	display: block;
	margin: 5px 0px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	color: #000;
}

.category-stock .stock-status:after {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 6px;
	height: 6px;
}

.category-stock .stock-status.in-stock:after {
	background: #00b1f1;
}

.category-stock .stock-status.limit-stock:after {
	background: #fea200;
}

.category-stock .stock-status.order-stock:after {
	background: #db1a2d;
}

.category-stock .stock-status.out-stock:after {
	background: #000;
}

.woocommerce ul.products li.product a img {
	margin-bottom: 0px !important;
}

.category-stock span.value {
    color: #000 !important;
    font-weight: 700;
    text-transform: inherit;
}

.category-stock span.value.stock {
	padding-left: 10px;
	font-size: 12px;
	position: relative;
}

.category-stock span.value.stock:after {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
}

.category-stock span.value.instock:after {
	background: #96c100;
}

.category-stock span.value.outstock:after {
	background: #D20020;
}

.category-stock span.value.limitstock:after {
	background: #D2B260;
}

.category-stock span.value.onbackorder:after {
	background: #EA5900;
}
/*End category CSS
-------------------------------------------------------------------------------------------------- */

/*Start product CSS
-------------------------------------------------------------------------------------------------- */
.product-image .product-title {
	display: none;
}

.product-image {
	float: left;
	width: 720px;
	margin-right: 60px;
}

.default-summary {
	float: left;
	width: calc(100% - 780px);
}

.main-image {
	width: 100%;
	align-items: center;
	overflow: hidden;
}

.woocommerce-product-gallery__image {
	position: relative;
}

.thumbnail-container .slick-slide {
	padding: 10px 5px !important;
}

.thumbnail-container .slick-slide a {
	display: block;
	border: 1px solid #fff;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.thumbnail-container .slick-slide:hover a {
	border-color: #000;
}

.thumbnail-container .slick-list {
	height: auto !important;
}

.thumbnail-container .slick-slide a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fancybox-show-thumbs .fancybox-inner {
	right: 0;
	bottom: 95px;
}

.fancybox-thumbs__list {
	margin: 0 auto;
}

.fancybox-bg,
.fancybox-is-open .fancybox-bg {
	opacity: 1;
	background: #fff;
}

.fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active:before {
	border: 1px solid #000;
}

.fancybox-infobar {
	font-size: 16px;
	color: #333;
	opacity: 1;
	visibility: visible;
	mix-blend-mode: unset;
}

.fancybox-toolbar {
	opacity: 1;
	visibility: visible;
}

.fancybox-button.fancybox-button--thumbs,
.fancybox-button.fancybox-button--play {
	display: none;
}

.fancybox-thumbs .fancybox-thumbs__list a:before {
	opacity: 1;
	border: 1px solid #f1f1f1;
}

.fancybox-button.fancybox-button--close {
	display: block;
    position: relative;
    margin: 10px;
    width: 40px;
    height: 40px;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.fancybox-button.fancybox-button--close svg {
	color: #000;
}

.fancybox-button.fancybox-button--close:hover svg {
	color: #009ee0;
}

.fancybox-button.fancybox-button--close:after {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url('../img/bgi/close.svg') no-repeat center center;
    background-size: 40% !important;
}

.fancybox-navigation .fancybox-button {
	opacity: 1;
	visibility: visible;
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button.fancybox-button--arrow_right {
	border: 0px;
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	opacity: 1;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left:hover,
.fancybox-navigation .fancybox-button.fancybox-button--arrow_right:hover {
	opacity: 1;
}

.fancybox-button.fancybox-button--arrow_left div,
.fancybox-button.fancybox-button--arrow_right div {
	display: none;
}

.fancybox-button.fancybox-button--arrow_left {
    background: url('../img/bgi/arrow-left-blue.svg') no-repeat center center;
}

.fancybox-button.fancybox-button--arrow_right {
    background: url('../img/bgi/arrow-right-blue.svg') no-repeat center center;
}

.fancybox-thumbs .fancybox-thumbs__list a {
	background-size: contain !important;
	background-color: #fff;
}

.fancybox-button.fancybox-button--zoom {
	display: none !important;
}

.fancybox-thumbs {
	display: block !important;
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: #fff;
}

.product-inner-page {
	margin: 50px 0px !important;
}

.default-summary .product-title h1 {
    text-align: left;
    font-size: 54px;
    line-height: 54px;
    font-weight: 300;
    font-family: "Crimson Pro", serif;
    color: #000;
}

.product-basic-info .product-attribute-info {
	margin: 30px 0px;
}

.product-basic-info .product-attribute-info ul {
	justify-content: flex-start;
}

.product-basic-info .product-attribute-info ul li {
	width: auto;
}

.product-basic-info .product-attribute-info ul li:nth-child(2) {
	padding: 30px 30px 0px;
	margin: 0px 30px;
}

.product-basic-info .product-attribute-info ul li:after {
	width: 100%;
}

.default-description {
	position: relative;
    height: 240px;
    overflow-y: hidden;
    padding-bottom: 50px;
    margin-bottom: 50px;

}

.default-description:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 33%, #fff 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0) 33%,#fff 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00FFFFFF",endColorstr="#FFFFFFFF",GradientType=0);
    pointer-events: none;
    z-index: 10;
}

.default-description p {
	margin-bottom: 20px;
}

.default-description .show-more-description {
    position: absolute;
    left: 0%;
    bottom: 0px;
    padding-right: 20px;
    z-index: 20;
    text-decoration: none;
    color: #000;
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.default-description .show-more-description:after {
	content: "";
	position: absolute;
	right: 3px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: url('../img/bgi/arrow-down-blue.svg') no-repeat center center;
}

.default-description.showed .show-more-description:after {
	content: "";
	position: absolute;
	right: 3px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: url('../img/bgi/arrow-up-blue.svg') no-repeat center center;
}

.default-description.showed:after {
	display: none;
}

.product-specification-wrapper {
	margin-top: 50px;
}

.order-whatsapp-number,
.order-phone-number {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
}

.order-phone-number span {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 15px;
	width: 20px;
	height: 20px;
	background: url('../img/bgi/message-white.svg') no-repeat center center;
	vertical-align: middle;
	margin-right: 10px;
}

.order-whatsapp-number span {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 14px;
	width: 20px;
	height: 20px;
	background: url('../img/bgi/whatsapp-blue.svg') no-repeat center center;
	vertical-align: middle;
	margin-right: 10px;
}

.prod-info-title {
	display: block;
	text-align: left;
	margin-bottom: 30px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    font-family: "Crimson Pro", serif;
    color: #000;
}

.product-info-inner ul {
	margin-bottom: 20px;
}

.product-info-inner p {
	margin-bottom: 20px;
}

.product-info-inner p a {
	color: #d2b260;
}

.default-description ul li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 5px;
}

.default-description ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #000;
}

.product-info-inner h4,
.product-info-inner h3 {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 600;
}

.product-specification ul {
	max-width: 800px;
	border: 1px solid #f0f0f0;
}

.product-specification ul li {
	width: 100%;
	background: #fbfbfb;
	padding: 10px 20px;
	color: #000;
	border-bottom: 1px solid #f0f0f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.product-specification ul li:last-child {
	border: 0px;
}

.product-specification ul li:nth-child(even) {
	background: #fff;
}

.product-specification ul li .attribute-label {
	display: inline-block;
	width: 40%;
}

.product-specification ul li .attribute-value {
	display: inline-block;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.attr-title {
	display: block;
	margin: 20px 0px 10px;
	color: #999;
	font-size: 12px;
}

.related-section {
	margin-bottom: 50px;
}
/*End product CSS
-------------------------------------------------------------------------------------------------- */

/*Start aboutus CSS
-------------------------------------------------------------------------------------------------- */
.aboutus-section {
	margin-top: 50px;
}

.aboutus-inner-section {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.aboutus-text {
	width: calc(50% - 10px);
}

.aboutus-text h2 {
    text-align: left;
    margin: 0px 0px 10px;
    color: #000;
    font-family: "Crimson Pro", serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: .25px;
}

.aboutus-text p {
	margin-bottom: 20px;
	text-align: justify;
}

.aboutus-img {
	width: calc(50% - 10px);
}

.gallery-section .slick-arrow {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	z-index: 2;
	border: 0px;
	font-size: 0px;
	outline: none;
}

.gallery-section .slick-arrow:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.gallery-section .slick-arrow:hover:after {
	opacity: 1;
}

.gallery-section .slick-prev {
	left: 0;
	background: #fff url('../img/bgi/arrow-left-blue.svg') no-repeat center center;
}

.gallery-section .slick-next {
	right: 0;
	background: #fff url('../img/bgi/arrow-right-blue.svg') no-repeat center center;
}

.gallery-section .slick-prev:after {
	left: 0;
	background: #009ee0 url('../img/bgi/arrow-left-white.svg') no-repeat center center;
}

.gallery-section .slick-next:after {
	right: 0;
	background: #009ee0 url('../img/bgi/arrow-right-white.svg') no-repeat center center;
}
/*End aboutus CSS
-------------------------------------------------------------------------------------------------- */

/*Start blog CSS
-------------------------------------------------------------------------------------------------- */
.blog-section {
	margin: 50px 0px;
}

.blog-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.blog-container .article-box {
	width: calc(50% - 20px);
	margin-bottom: 40px;
}
/*End blog CSS
-------------------------------------------------------------------------------------------------- */

/*Start contact CSS
-------------------------------------------------------------------------------------------------- */
.contact-section {
	margin: 50px 0px;
}

.contact-info-col {
	position: relative;
	text-align: center;
	line-height: 30px;
	padding: 0px 0px 30px;
	font-weight: 700;
	border-bottom: 1px solid #009ee0;
}

.contact-wrapper {
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
}

.contact-info-col {
    text-align: center;
    margin: 0px 0px 30px;
    color: #000;
    font-family: "Crimson Pro", serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: .25px;
}

.contact-info-col .tel-contact {
	font-size: 36px;
    line-height: 36px;
}


.company-info h2 {
	position: relative;
	padding: 15px 0px;
	line-height: 30px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.contact-outer {
	margin-top: 30px;
}

.contact-outer .btn {
	max-width: 100%;
}

.company-info h2:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url('../img/bgi/info.svg') no-repeat center center;
}

.company-info p {
	text-align: center;
}

.contact-row-full p {
	margin-bottom: 10px;
}

.company-info p strong {
	color: #000;
}

.company-info a {
	text-decoration: none;
	color: #d2b260;
}

.company-info a:hover {
	color: #000;
}

.contact-outer .contact-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}

.contact-outer .contact-row .contact-col {
	width: 49%;
}

.contact-outer .contact-row-full.notice {
	margin: 10px 0px;
	font-size: 14px;
}

.contact-outer .contact-row-full.notice a {
	color: #000;
}

.contact-outer label {
	display: block;
	color: #000;
	font-size: 12px;
}

.contact-outer br {
	display: none;
}

.contact-outer input[type="text"],
.contact-outer input[type="email"],
.contact-outer input[type="tel"],
.contact-outer textarea {
	display: block;
	width: 100%;
	padding: 0px 10px;
	border: 1px solid #f0f0f0;
	height: 50px;
	color: #000;
	outline: none;
	border-radius: 0px;
}

.contact-row-full.btn-row {
	position: relative;
}

.contact-outer .wpcf7-spinner {
	position: absolute;
	right: 0;
	top: 13px;
    background-color: #fff;
    opacity: 1;
}

.contact-outer .wpcf7-spinner::before {
	background: #8ACEF0;
}

.contact-outer input[type="text"]:focus,
.contact-outer input[type="email"]:focus,
.contact-outer input[type="tel"]:focus,
.contact-outer textarea:focus {
	border-color: #009ee0;
}

.contact-outer textarea {
	height: 100px;
	resize: none;
	padding: 10px;
}

.contact-outer .wpcf7-list-item {
	margin: 0px 0px 5px;
}

.contact-outer .checkbox-fieldset {
	margin: 40px 0px;
}

.contact-outer .wpcf7-not-valid-tip {
	display: block;
	font-size: 10px;
	color: #e90030;
}

.contact-outer .wpcf7 form .wpcf7-response-output {
	display: none;
}

.contact-outer .wpcf7 .ajax-loader {
    background-color: #e90030;
    position: absolute;
    margin: 0px;
    right: 10px;
    top: 8px;
}

.contact-outer .wpcf7 .ajax-loader::before {
	background-color: #fff;
}

.contact-page-form h2 {
    position: relative;
    padding: 15px 0px;
    line-height: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.contact-page-form h2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: url('../img/bgi/message.svg') no-repeat center center;
}

#map-canvas {
	margin-top: 50px;
	height: 400px;
}
/*End contact CSS
-------------------------------------------------------------------------------------------------- */

/*Start 404 CSS
-------------------------------------------------------------------------------------------------- */
.error-section {
	text-align: center;
	margin: 50px 0px 100px;
}

.error-section h1 {
	color: #009ee0;
}

.error-section .btn {
	margin-top: 30px;
}
/*End 404 CSS
-------------------------------------------------------------------------------------------------- */

/*Start terms CSS
-------------------------------------------------------------------------------------------------- */
.default-text-wrapper {
	margin: 50px auto;
}

.default-text-wrapper h2 {
	display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    font-family: "Crimson Pro", serif;
    color: #000;
}

.default-text-wrapper h3 {
	display: block;
    text-align: left;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Crimson Pro", serif;
    color: #000;
}

.default-text-wrapper blockquote {
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding: 50px 0px 50px 50px;
	border-left: 2px solid #009ee0;
}

.default-text-wrapper blockquote p {
	margin: 0px;
	font-size: 34px;
    line-height: 34px;
    font-weight: 100;
    font-style: italic;
    font-family: "Crimson Pro", serif;
    color: #000;
}

.default-text-wrapper p {
	margin: 0px 0px 20px;
	text-align: justify;
}

.default-text-wrapper p a,
.default-text-wrapper li a {
	text-decoration: none;
	color: #009ee0;
}

.default-text-wrapper ul {
	margin-bottom: 20px;
}

.default-text-wrapper ul li {
	position: relative;
	padding-left: 10px;
}

.default-text-wrapper ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #000;
}
/*End terms CSS
-------------------------------------------------------------------------------------------------- */