/*
 * bkgnd: #FDFDF9
 * primary: #277B8C rgba(39, 123, 140)
 * hover: #52CFB2
 * footer: #F7F6F2
 * https://getbootstrap.com/docs/3.4/customize
 */
::-webkit-scrollbar {
	width:8px;
}
::-webkit-scrollbar-track {
	background:#F6F6F6;
}
::-webkit-scrollbar-thumb {
	background:#277B8C;
}
html {
	scrollbar-width:thin;
	scrollbar-color:#277B8C #F6F6F6;
}
a {
	transition:color 0.2s;
}
button {
	transition:color 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

/* Override the swiper defaults */
.swiper-button-prev {
	left:0;
}
.swiper-button-next {
	right:0;
}
.swiper-button-prev,
.swiper-button-next {
	background-color:rgba(39,123,140,0.5);
	color:#fff;
	transition:opacity 0.2s, color 0.2s, background-color 0.2s;
}
@media (min-width:768px) {
	.swiper-button-prev:hover,
	.swiper-button-next:hover {
		background-color:#333;
		color:#fff;
	}
}
.swiper-button-prev::after,
.swiper-button-next::after {
	font-size:24px;
}
.swiper-button-disabled {
	opacity:0 !important;
}

/* buttons */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	outline-offset: 0;
	box-shadow:0 0 8px rgba(39, 123, 140, 0.6);
}

/* dropdown */
.dropdown-toggle::after {
	content:'\e259';
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dropdown-menu > li > a {
	padding:8px 20px;
}

/* drawer */
.drawer-overlay {
	content:"";
	position:fixed;
	background:rgba(0, 0, 0, 0.5);
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1100;
	transition:opacity 0.2s;
	opacity:0;
}
.drawer-header {
	font-size:16px;
    display:none;
    align-items:center;
    justify-content:space-between;
}
.drawer-header > span {
	padding:4px;
	font-weight:700;
}
.drawer-header > i {
	font-size:24px;
	padding:4px;
}
.drawer-contents {
	background:#FDFDF9;
	overflow-x:hidden;
	overflow-y:auto;
	padding:20px 15px 15px 15px;
}
@media (max-width:767px) {
	.drawer {
		position:fixed;
		top:0;
		bottom:0;
		background:#F7F6F2;
		z-index:1101;
		transition:left 0.2s ease-out, right 0.2s ease-out;
	}
	.drawer-left {
		left:-65%;
		width:65% !important;
	}
	.drawer-right {
		right:-65%;
		width:65% !important;
	}
	.drawer-left.open {
		left:0;
	}
	.drawer-right.open {
		right:0;
	}
	.drawer-header {
		display:flex;
	}
	.drawer-contents {
		padding-top:15px !important;
		max-height:calc(100% - 32px);
	}
}

/* accordion */
.accordion .panel {
	position:relative;
	margin:0;
	background:inherit;
	border-radius:0;
	box-shadow:none;
}
.accordion .panel > a {
	display:block;
	position:relative;
}
.accordion .panel > ul {
	margin-bottom:0;
}
.accordion a[data-toggle="collapse"]::after {
	content:'\e259';
	position: absolute;
	top: 1px;
	right:0;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.accordion a[aria-expanded="true"]::after {
	content:'\e260';
}

/* misc */
.title {
	border-bottom:2px solid #E5E2DE;
	padding-bottom:5px;
	font-family: 'Open Sans';
}
@media (min-width:1470px) {
	.container {
		width:1440px;
	}
}
div.required .control-label:before {
	content:'* ';
	color:#F00;
	font-weight:bold;
}
.display-flex-center {
    display:flex;
    align-items:center;
}
.badge-discount {
	position:absolute;
	top:4px;
	right:4px;
	padding:4px;
	color:#fff;
	font-size:12px;
	font-weight:600;
	background:#36C0A4;
}
.alert-popup {
	position:fixed;
	top:5%;
	right:5%;
	max-width:250px;
	z-index:101;
}
.alert-popup > div {
	position:relative;
}
.alert-popup .close {
	position:absolute;
	top:-12px;
	right:-6px;
}

/* top */
#top-bar {
	background-color:#FFF;
	border-bottom:1px solid #e2e2e2;
	padding:4px 0;
	min-height:30px;
	font-size:14px;
	color:#277B8C;
}
#top-bar .container {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
}
#top-left, #top-middle, #top-right {
	flex:0 0 33.33333333%;
}
#top-middle {
	text-align:center;
	background-color:#fadc86;
}
#top-right {
	text-align:right;
}
#top-right .btn-group + .btn-group {
	margin-left:15px;
}
@media (max-width:991px) {
	#top-left, #top-middle, #top-right {
		flex:0 0 100%;
		text-align:center;
	}
	#top-left {
		order:2;
		margin-bottom:4px;
	}
	#top-middle {
		order:1;
		border-bottom:1px solid #e2e2e2;
		padding-bottom:5px;
		margin-bottom:5px;
	}
	#top-right {
		order:3;
	}
}

/* header */
#header-desktop {
	background:#fff;
	padding-top:20px;
	position:sticky;
	top:0;
	padding:8px 0;
	margin:0;
	border-bottom:1px solid #e2e2e2;
	text-align:center;
	font-size:14px;
	z-index:100;
}
#header-mobile {
	background:#fff;
	padding:10px 0;
	display:none;
	position:sticky;
	top:0;
	z-index:100;
	border-bottom:1px solid #e2e2e2;
}
#header-desktop .btn,
#header-mobile .btn {
	position:relative;
	font-size:24px;
}
@media (max-width:767px) {
	#header-desktop {
		display:none;
	}
	#header-mobile {
		display:block;
	}
}

/* search */
.search {
	position:relative;
}
.search input {
	height:34px;
	padding-right:34px;
}
.search .btn-link {
	position:absolute !important;
	top:0;
	right:0;
	font-size:20px !important;
	padding:6px;
}

/* header cart */
.wishlist-total,
.cart-total {
	position:absolute;
	top:0;
	right:0;
	min-width:10px;
	padding:2px 4px;
	line-height:1;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	border-radius:10px;
	background:#DD0E1C;
	font-size:11px;
	font-family:'Arial';
}
.wishlist-total:empty,
.cart-total:empty {
	display:none;
}

/* menu */
#menu-desktop {
	background:#fff;
	position:sticky;
	top:0;
	padding:18px 0 8px 0;
	margin:0;
	border-bottom:1px solid #e2e2e2;
	text-align:center;
	font-size:14px;
	z-index:100;
}
#menu-main > li {
	border-bottom:1px solid #fff;
	color:#333;
	margin:0 10px;
}	
#menu-main > li:hover,
#menu-main > li:focus {
	border-color:#52CFB2;
	color:#52CFB2;
}
#menu-main > li > a {
	color:inherit;
}
#menu-main .dropdown-menu {
	margin-top:10px;
}
#menu-main .dropdown-menu:before {
    content:" ";
    display:block;
    position:absolute;
    height:10px;
    top:-10px;
    left:0;
    right:0;
}
#menu-mobile {
	display:none;
}
#menu-mobile a {
	display:block;
}
#menu-accordion > li {
	padding:8px 0;
	border-bottom:1px solid #E5E2DE;
	font-size:15px;
}
#menu-accordion > li:first-child {
	border-top:1px solid #E5E2DE;
}
#menu-accordion .panel li {
	padding:8px 8px 8px 16px;
}
@media (max-width:767px) {
	#menu-desktop {
		display:none;
	}
	#menu-mobile {
		display:block;
	}
}

/* columns*/
#column-left,
#column-right {
	margin-top:18px;
}

/* content */
#content {
	min-height:300px;
	margin-bottom:20px;
}
@media (min-width:1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width:768px) and (max-width:991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (max-width:767px) {
	#content .col-xs-2:nth-child(6n+1),
	#content .col-xs-3:nth-child(4n+1),
	#content .col-xs-4:nth-child(3n+1),
	#content .col-xs-6:nth-child(2n+1) {
		clear:left;
	}
}

/* footer */
footer {
	padding-top:30px;
	background-color:#F7F6F2;
	border-top:1px solid #E5E2DE;
	color:#000;
}
footer a {
	color:#000;
}
footer hr {
	border-color:#E5E2DE;
}
footer .panel {
	padding:8px 15px;
}
footer .panel > a {
	pointer-events:none;
	font-size:15px;
}
footer li {
	margin:6px 0;
}
footer .collapse {
	display:block;
}
#footer-contact a {
	display:flex;
	align-items:center;
}
#footer-contact i {
	font-size:16px;
	color:#277B8C;
	margin-right:8px;
}
#footer-social {
	margin-top:20px;
	text-align:center;
}
#footer-social a {
	font-size:32px;
}
#footer-copyright,
#footer-payments {
	margin-bottom:10px;
}
#footer-payments {
	text-align:right;
}
#footer-payments img {
	width:45px;
}
#gdpr-banner {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	padding:3rem 0;
	background:#fcf8e3;
	z-index:100;
	border:1px solid #E5E2DE;
}
#gdpr-banner .container {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    font-size:14px;
}
#gdpr-banner .container > * {
	text-align:center;
	margin:8px;
}
#scroll2Top {
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:100;
	font-size:32px;
	color:#277B8C;
	display:none;
	cursor:pointer;
}
@media (min-width:768px) {
	footer .panel > a::after {
		display:none !important;
	}
}
@media (max-width:767px) {
	footer .panel > a {
		pointer-events:auto;
	}
	footer .collapse {
		display:none;
	}
	#footer-copyright {
		text-align:center;
	}
	#footer-payments {
		text-align:center;
	}
}

/* breadcrumb */
.breadcrumb {
	text-align:center;
	background:inherit;
	margin-bottom:10px;
}
.breadcrumb > li:last-child > a{
	pointer-events:none;
	color:inherit;
}

/* product list */
#swiper-subcategories {
	display:none;
	padding-bottom:20px;
}
#swiper-subcategories .swiper-slide {
	text-align:center;
}
#swiper-subcategories img {
	width:100%;
}
#swiper-subcategories span {
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
}
@media (max-width:767px) {
	#swiper-subcategories {
		display:block;
	}
}	
.products-view {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
    padding:8px 0 4px 0;
    margin-bottom:20px;
    text-align:right;
    overflow:auto;
}
.products-view .input-group {
	display:inline-table;
}
.products-view .input-group + .input-group {
	padding-left:4px;
}
.products-view .input-group-addon,
.products-view .input-group-btn,
.products-view .form-control {
	width:auto;
	margin:0px !important;
}
@media (max-width:767px) {
	.products-view .input-group {
		max-width:50%;
		float:left;
		margin-bottom:4px;
	}
	.products-view .input-group-addon,
	.products-view .input-group-btn {
		width:1%;
	}
	.products-view .form-control {
		width:100%;
	}
}
.product-thumb {
	margin-bottom:20px;
}
.product-thumb .image {
	position:relative;
}
.product-thumb .image a {
	display:block;
}
.product-thumb .image img {
	width:100%;
}
.product-thumb .image .hover {
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	transition:opacity 0.3s ease;
}
.product-thumb .image .hover[src=""] {
	display:none;
}
.product-thumb .image .button-group {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.3s ease;
}
.product-thumb .image button {
	width:50%;
	float:left;
	border-radius:0;
	border:none;
	background:rgba(39,123,140,0.5);
	color:#fff;
	font-size:18px;
	padding: 6px 12px;
	transition:color 0.2s, background-color 0.2s;
}
.product-thumb .image button:hover {
	background-color:#333;
}
@media (hover: hover) {
	.product-thumb .image:hover .hover {
		opacity:1;
	}
	.product-thumb .image:hover .button-group {
		opacity:1;
	}
}
.product-thumb .name {
	color:#333;
	font-size:15px;
	overflow:hidden;
	white-space:nowrap;
}
.product-thumb .category {
	color:#777;
	font-size:10px;
	overflow:hidden;
	white-space:nowrap;
}
.product-thumb .caption > a:hover * {
	color:inherit;
}
.product-thumb .price {
	color:#333;
}
.product-thumb .price-new {
	color:#cf2929;
}
.product-thumb .price-old {
    color:#9b9b9b;
    font-size:11px;
    margin-left:4px;
    text-decoration:line-through;
}
.rating .fa-stack {
	font-size:8px;
}
.rating .fa-star-o {
	color:#999;
	font-size:15px;
}
.rating .fa-star {
	color:#FC0;
	font-size:15px;
}
.rating .fa-star + .fa-star-o {
	color:#E69500;
}
@media (max-width:767px) {
	.product-thumb {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* product view */
#product-product {
	padding-top:18px;
}
#product-slides {
	margin-bottom:20px;
}
#product-thumbs img,
#product-slides img {
	width:100%;
}
#product-thumbs img {
	padding:1px;
}
#product-thumbs .swiper-slide {
	border:2px solid transparent;
}
#product-thumbs .swiper-slide-thumb-active {
	border:2px solid #277B8C;
}
#product-slides .swiper-pagination {
	display:none;
}
@media (max-width:767px) {
	#product-slides .swiper-pagination {
		display:block;
	}
}
#product-slides img {
	transition:opacity 0.5s;
}
#product-gallery {
	position:fixed;
	display:none;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:200;
	background:#FDFDF9;
}
#product-gallery > i {
	position:absolute;
	top:10px;
	right:10px;
	font-size:32px;
	color:#277B8C;
	z-index:10;
}
.product-header h3 {
	margin-top:0;
}
.product-header .price {
	color:#333;
	font-size:24px;
}
.product-header .price-new {
	color:#cf2929;
}
.product-header .price-old {
    color:#9b9b9b;
    font-size:18px;
    margin-left:4px;
    text-decoration:line-through;
}
#product-cart {
	display:flex;
}
#product-cart input {
	flex:0 0 auto;
	display:inline-block;
	width:64px;
	height:44px;
}
#product-cart button:nth-child(2) {
	flex:1 1 auto;
}
#product-cart button:last-child {
	flex:0 0 auto;
}
#product-info a[data-toggle="collapse"] {
	font-size:15px;
	margin-top:10px;
}
#product-specs {
	padding-left:20px;
}
#form-review .col-sm-2,
#form-review .col-sm-10 {
	width:auto;
	float:none;
}
#review-footer {
	margin-bottom:48px;
	text-align:center;
}

/* checkout */
.cart-table {
	border:0;
}
.cart-table td {
	vertical-align:middle !important;
}
@media (max-width:767px) {
	.cart-table td:nth-child(2) {
		white-space:normal !important;
	}
}
.cart-summary {
	position:sticky;
	top:76px;
	margin-top:18px;
	margin-bottom:48px;
}
.cart-summary > a {
	width:100%;
}
.cart-accordion .col-sm-2,
.cart-accordion .col-sm-10 {
	width:auto;
	float:none;
}
.cart-accordion .panel-title a {
	color:#277B8C;
}
.cart-accordion .panel-title a:hover {
	color:#52CFB2;
}

/* pagination */
.pagination-parent > div:first-child {
	text-align:left;
}
.pagination-parent > div:last-child {
	text-align:right;
}
.pagination {
	margin:0;
}
.pagination > li > a {
	transition:color 0.2s, background-color 0.2s, border-color 0.2s;
}
@media (max-width:767px) {
	.pagination-parent > div:last-child {
		text-align:left;
	}
}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display:inline;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width:50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image:none;
    background-color:#df5c39;
}