/*
* Flavours Templates Style
version:   	1.4.5
date:      	13/08/15
author:		ThemesMart
email:      support@themesmart.net
website:   	http://www.themesmart.net/
*/

/* Table of Content
#Custom Fonts
#Site Styles
#Media Queries
*/

/* body RobotoSlab,Arial,sans-serif /*/

body {
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	background:#FAF7F2;
	line-height:1.6em
	
	
}
h2, .h2 {
	font-size: 20px;
}
a {
	color: #333;
}
a:hover {
	color: #0A6E7C;
	text-decoration: none;
}

small {
	font-size: 85%;
	font-weight: normal;
	text-transform: lowercase;
	color: #999999;
}

*::selection {
  background-color: #0A6E7C;
  color:#fff
}

/* Layout */
.main-col {
	margin: auto;
	overflow: hidden;
}
/* Base Columns */
.col-left {
	margin-bottom: 0px;
}

.col-right {
	margin-bottom: 0px;
	padding-right:0px
}
/* 1 Column Layout */
.col1-layout .header-background-default {
	margin: 20px;
	padding: 0;
}
.col1-layout .col-main {
	float: none;
	width: auto;
}
/* 2 Columns Layout */

.col2-right-layout ol.opc .col-md-4 {
	margin-right: 15px;
}
/* 3 Columns Layout */
.product-grid{padding-right:0px; padding-left:10px}
.pro-coloumn{    padding: 0px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color:#fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;}


.col3-layout .col-wrapper {
	float: left;
	width: 780px;
}
.col3-layout .col-wrapper .col-main {
	float: right;
}
.main-container {
	min-height: 400px;
	padding: 0px;
}


/* Header Start */ 
header {
	width: 100%;
	position: relative;
	z-index: 100001;


}

.header-container {position:relative; background:#0A6E7C; width:100%; max-width:100%; min-height:68px; padding-left:30px; padding-right:30px}
.logo {
	cursor: pointer;
	text-align: left;
	display: flex;
	align-items: center;
	float: left;
	padding-right: 25px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-left:0px;
	background:#0A6E7C;
	height: 68px;
	margin-right:15px;
	position: relative;
	z-index: 100;
}
.header-container .fl-nav-menu {
	display: block;
	border-radius:3px;
	margin-top: 0px;
}
/* .fl-header-right is absolute at all widths (top-right corner of the
   header, as in the original design); its top/right are forced with
   !important because responsive.css (loaded after this file) still carries
   mobile-only "top:20px" offsets sized for the old, taller header. */
.header-container .fl-header-right {
	position: absolute;
	right: 0 !important;
	top: 0 !important;
	height: 68px;
	display: flex;
	align-items: center;
	z-index: 101;
}
.header-container .fl-header-right .user-toolbar-trigger,
.header-container .fl-header-right .login-trigger,
.header-container .fl-header-right .notificaciones-bell,
.header-container .fl-header-right .search-btn {
	height: 68px !important;
}
/* #nav is centered as an absolute layer over the header, independent of the
   logo (float, in-flow) and .fl-header-right (absolute, own layer) - this is
   the original design's approach, just retargeted at the new lower header
   height. Kept desktop-only: below 768px #nav is hidden (.hidden-xs) in
   favour of the hamburger toggle + sliding #mobile-menu panel, whose JS
   positioning relies on the plain float/block layout, and the mobile logo
   needs to grow past 68px to fit its two lines of text. */
@media (min-width: 768px) {
	.header-container {
		height: 68px;
	}
	.logo {
		height: 68px;
		line-height: 68px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.header-container .nav-inner {
		position: static;
	}
	.header-container .fl-nav-menu nav {
		height: 68px;
	}
	.header-container #nav {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
}
.header-container .fl-header-right .fl-links {
	float: right;
	background: transparent;
}
/* Compact account widget: a single icon trigger (same footprint as the
   search icon next to it) that reveals the username + actions on hover,
   so it never competes with the main nav for horizontal space. */
.header-container .fl-header-right .user-toolbar {
	position: relative;
	float: left;
}
.header-container .fl-header-right .user-toolbar-trigger {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 56px;
	height: 75px;
	color: #fff;
	text-decoration: none;
	box-shadow: inset 0 0 0 0 #252932;
	-webkit-transition: box-shadow 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: box-shadow 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: box-shadow 0.3s cubic-bezier(0.8, 0, 0, 1);
}
.header-container .fl-header-right .user-toolbar-trigger .icon-user {
	font-size: 17px;
}
.header-container .fl-header-right .user-toolbar-trigger .user-toolbar-avatar {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	object-fit: cover;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
/* font-awesome.css bakes a gray color + float/margin into .icon-user:before
   (leftover from another usage in the template); reset it so the icon
   follows this component's own white/hover styling instead. */
.header-container .fl-header-right .icon-user:before {
	float: none;
	margin-right: 0;
	color: inherit;
}
/* Igual con el carrito: font-awesome.css trae un margin-top: 14px heredado de
   la plantilla que descuelga el icono cuando va junto a texto (menú de
   usuario, tarjeta del perfil, títulos y estado vacío de "Mis pedidos"). */
.user-toolbar-menu .icon-shopping-cart:before,
.explore-card .icon-shopping-cart:before,
.fotos-admin-intro .icon-shopping-cart:before,
.favoritos-empty .icon-shopping-cart:before,
.panel-cabecera-icono .icon-shopping-cart:before {
	margin-top: 0;
}
.header-container .fl-header-right .user-toolbar-trigger .icon-caret-down {
	font-size: 9px;
	margin-left: 6px;
	opacity: 0.85;
	-webkit-transition: -webkit-transform 0.25s ease;
	transition: transform 0.25s ease;
}
.header-container .fl-header-right .user-toolbar:hover .user-toolbar-trigger,
.header-container .fl-header-right .user-toolbar-trigger:focus {
	color: #fff;
	box-shadow: inset 0 -75px 0 0 #074F59;
}
.header-container .fl-header-right .user-toolbar:hover .user-toolbar-trigger .icon-caret-down {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.header-container .fl-header-right .user-toolbar-menu {
	position: absolute;
	top: 75px;
	right: 0;
	min-width: 220px;
	max-width: 280px;
	background: #fff;
	border-top: 3px solid #0A6E7C;
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.25);
	padding: 14px 0;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.header-container .fl-header-right .user-toolbar:hover .user-toolbar-menu,
.header-container .fl-header-right .user-toolbar:focus-within .user-toolbar-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.header-container .fl-header-right .user-toolbar-username {
	display: block;
	padding: 0 20px 10px;
	margin: 0 0 8px;
	border-bottom: 1px solid #eee;
	color: #0A6E7C;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header-container .fl-header-right .user-toolbar-menu a {
	display: block;
	padding: 8px 20px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #333;
	text-decoration: none;
	-webkit-transition: color 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: color 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: color 0.3s cubic-bezier(0.8, 0, 0, 1);
}
.header-container .fl-header-right .user-toolbar-menu a i {
	display: inline-block;
	width: 16px;
	margin-right: 8px;
	font-size: 13px;
	text-align: center;
}
.header-container .fl-header-right .user-toolbar-menu a:hover,
.header-container .fl-header-right .user-toolbar-menu a:focus {
	color: #FF6B4A;
	text-decoration: none;
}
/* Login entry point for signed-out visitors: same footprint/behavior as
   .user-toolbar-trigger so the header stays visually consistent whether
   or not the user is authenticated. */
.header-container .fl-header-right .login-trigger {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 75px;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	box-shadow: inset 0 0 0 0 #252932;
	-webkit-transition: box-shadow 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: box-shadow 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: box-shadow 0.3s cubic-bezier(0.8, 0, 0, 1);
}
.header-container .fl-header-right .login-trigger .icon-signin {
	font-size: 17px;
}
.header-container .fl-header-right .login-trigger .icon-signin:before {
	float: none;
	margin-right: 0;
	color: inherit;
}
.header-container .fl-header-right .login-trigger-label {
	margin-left: 8px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
}
.header-container .fl-header-right .login-trigger:hover,
.header-container .fl-header-right .login-trigger:focus {
	color: #fff;
	box-shadow: inset 0 -75px 0 0 #074F59;
	text-decoration: none;
}
.search-bar {
	position: relative;
	width: 0%;
	min-width: 70px;
	height: 75px;
	float: right;
	overflow: hidden;
	transition: width 0.3s;
	display: inline-block;
}
.search-bar-input {
	border: none;
	outline: none;
	background: #fff;
	width: 80%;
	height: 45px;
	margin: 0;
	padding: 0px 52px 0px 20px;
	font-size: 14px;
	color: #bebebe;
	border-bottom: 1px #F3547D solid;
	border-left: 0px #E8E8E8 solid
}
.search-icon, .search-bar-submit {
	width: 70px;
	height: 75px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	border-left: 1px solid #e5e5e5;
}
.search-bar-submit {
	background: #fff; /* IE needs this */
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.search-icon:before {
	content: '\f002';
	font-family: FontAwesome;
	font-size: 18px;
	color:#333
}

.navbar-form {padding:0px; margin:0px}

.navbar-collapse {float:right; padding:0px}

.navbar-form .search-btn {
	color: #fff;
	background:#fff;
	z-index: 90;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border: none;
	outline: none;
	width: 70px;
	height: 75px;
	display: block;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 42px!important;
	text-align: center;
	cursor: pointer;
	border-radius:0;
	

}
.navbar-form .search-btn .glyphicon {line-height: 45px!important; vertical-align:middle}
.navbar-form .search-btn .glyphicon-search:before {
    font-size: 17px;
	color:#333;
	vertical-align:middle
}

.navbar-collapse form[role="search"] input {
    font-size: 18pt;
    opacity: 0;
    display: none;
    height: 48px;
	    position: relative;
    z-index: 2;
    float: left;
}

.navbar-collapse form[role="search"].active input {
     display: table-cell;
    opacity: 1;
    z-index: 100;
    border-radius: 0;
    border: none;
    line-height: 45px;
    height: 68px;
    font-size: 14px;
    padding: 0px 25px;
    width: 315px;
}

/* Open state */
.search-bar.search-bar-open, .no-js .search-bar {
	width: 870px;
	z-index: 100;
	background-color: #0A6E7C;
}
.search-bar.search-bar-open .search-icon, .no-js .search-bar .search-icon {
	z-index: 11;
}
.search-bar.search-bar-open .search-bar-submit, .no-js .search-bar .sb-search-submit {
	z-index: 90;
}
.search-icon {
	position: absolute;
	right: 0px;
	margin-top: 0px;
}
.search-box {
	width: 220px;
	position: absolute;
	margin: auto;
	right: 2px;
	margin-top: 0px
}
#search {
	border: medium none;
	color: #666;
	font-family: Lato, sans-serif;
	font-size: 13px;
	height: 75px;
	margin: 0;
	outline: medium none;
	padding: 0 10px;
	width: 400px;
	background-color: #0A6E7C;
}
.button-common {
	border: 0 none;
	overflow: hidden;
	padding: 0px;
	text-indent: -9999px;
	width: 25px;
}
.search-btn-bg {
	cursor: pointer;
	display: inline-block;
	height: 56px;
	min-width: 20px;
	position: absolute;
	right: 0px;
	top: 0;
	width: 56px;
	right: 0px;
	background: #000;
	outline: none;
}
.searchIconNew {
	background: url("../images/search-icon.png") no-repeat scroll center center;
	width: 45px;
	height: 45px;
	left: 7px;
	display: inline;
	position: absolute;
	top: 5px;
}
.cross-icon {
	position: absolute;
	right: 0px;
	margin-top: -35px
}
/* ========= End search  ==========*/

.glyphicon-search:before {
	font-size: 18px;
}
.welcome-msg {
	text-align: left;
	display: inline-block;
	padding: 0px;
	margin: 4px 5px;
	font-size: 13px;
	color: #999;
}
/* language & currency */
/*.menu_top{ display:table;}*/

.language-currency-div {
	overflow: hidden;
	background: #f8f8f8;
	padding: 5px 15px
}
.language-currency {
	overflow: hidden;
	padding: 12px 5px;
}
.fl-language {
	display: inline;
	float: right;
	line-height: 17px;
	padding-left: 15px;
}
ul.lang {
	text-align: left;
	display: block;
	margin: 0;
	padding: 0x;
	list-style: none;
	float: left;
	padding: 0px;
}
ul.lang li {
	float: left;
	display: inline;
	margin: 0px 10px 0 0px
}
ul.lang li span {
	text-indent: -10000px;
	display: none
}
.fl-currency {
	display: inline;
	float: left;
	line-height: 17px
}
ul.currencies_list {
	float: left;
	display: inline;
	margin: 0px 8px 0 0px;
	padding: 0px;
}
ul.currencies_list li {
	float: left;
	display: inline;
	margin: 0 10px 0 0px
}
ul.currencies_list li a {
	color: #FF6B4A;
	font-size: 13px;
	font-weight: bold;
	    border: 1px #444 solid;
    width: 25px;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
ul.currencies_list li a:hover {
	color: #fff;
	text-decoration: none;
}
/* End language & currency*/

/*  Toplink =*/
.toplinks {
	line-height: normal;
	padding: 0px;
	display: inline-block;
	text-align: right;
	margin-top: 18px;
}
.toplinks .links {
	text-align: right;
	display: inline-block;
}
.toplinks .links div {
	display: inline-block;
	text-align: right;
}
.toplinks div.links div a {
	display: inline-block;
	padding: 0px;
	color: #333;
	font-size: 13px;
	padding: 0px 0px 0px 15px;
	text-transform: none;
	font-family: 'Public Sans', sans-serif;
	text-decoration: none;
}
.toplinks div.links div a:hover {
	color: #FF6B4A;
	text-decoration: none;
}
.block-company {
	background: none;
	box-shadow: none;
	border: none;
	color: #aaaaaa;
	font-size: 14px;
}
.block-company .caret {
	margin-left: 5px;
}
.block-company-wrapper {
	display: inline-block;
}
.block-company label {
	font-weight: normal;
	padding: 5px 5px 2px 0px;
}
.block-company-wrapper .dropdown-menu {
	min-width: 0;
	border-top: 2px solid #000;
	box-shadow: 0 3px 3px 0 #888888;
}
.block-company-wrapper .dropdown-menu li {
	padding: 5px 15px 5px 0;
}
.block-company-wrapper .dropdown-menu li:hover {
	background-color: #eaeaea;
	color: #000;
	transition: background-color 0.2s ease-in-out;
}
.block-company-wrapper .dropdown-menu a {
	padding: 3px 10px 3px 10px;
}
.block-company-wrapper .dropdown-menu a:hover {
	color: #000;
	background: none;
}
/* Top Shopping Cart */
.mini-products-list .product-image {
	float: left;
	padding: 0;
	width: 60px;
}
.mini-products-list .product-image img {
	width: 60px;
}
.fl-mini-cart-content .product-name {
	margin: 0;
	width: 150px;
	line-height: 1
}
.fl-mini-cart-content .product-name a {
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
}
.fl-mini-cart-content .product-name a:hover {
	font-size: 13px;
	color: #FF6B4A
}
.fl-cart-contain .price {
	color: #FF6B4A;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	font-size: 14px;
}
.fl-cart-contain .product-details .price {
	color: #FF6B4A;
	width: auto;
	float: none;
	font-weight: bold;
	padding-left: 0px
}
.mini-cart {
	text-align: center;
	cursor: pointer;
	margin: 0px;
	display: block !important;
	background:#FFC72C
}
.mini-cart .basket a {
	color: #333;
	margin: 0px;
	line-height: 17px;
	font-size: 13px;
	padding: 0px 15px;
	font-family: 'Public Sans', sans-serif;
	letter-spacing: 0.5px;
	font-weight: normal;
	display: block;
	line-height: 70px;
	height: 75px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #202020
}
.fl-cart-contain > .mini-cart:hover > .basket a {
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -75px 0 0 #252932;
	color: #fff;
}
.mini-cart .basket a span {
	background: #fff;
	display: inline-block;
	color: #FF6B4A;
	width: 20px;
	border-radius: 20px;
	font-size: 10px;
	height: 20px;
	line-height: 19px;
	text-align: center;
	vertical-align: top;
	margin-top: 15px;
}
.fl-mini-cart-content .pull-right {
	margin-right: 10px;
	padding-top: 3px
}
.fl-mini-cart-content .basket a {
	border: none;
	color: #fff
}
.mini-cart .basket a:hover {
	text-decoration: none;
}
.mini-cart .basket a:first-child:before {
	content: '\f07a';
	font-family: FontAwesome;
	font-size: 24px;
	padding-right: 5px;
	color:#fff

}
.mini-cart .open .basket a {
	color: #000;
	background: #fff;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3)
}
.mini-cart .dropdown-toggle {
	font-size: 14px;
	padding: 4px 0 6px;
	text-transform: none;
	padding-bottom: 20px;
}
.fl-cart-contain {
	position: relative;
	float: right;
	
}
.top-cart-title p {
	margin: 0;
}
.fl-mini-cart-content .empty {
	padding: 10px;
	color: #333333;
}
.mini-cart .fl-mini-cart-content {
	background: #ffffff;
	background-repeat: repeat;
	background-position: 0 0;
	padding: 0px;
	margin: 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 25px;
	z-index: 100;
	border-top: 0;
	display: none;
	position: absolute;
	right: 0px;
	margin-top: -2px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transform: scale(1.0) rotate(0deg);
	transform: scale(1.0) rotate(0deg);
	box-shadow: 0 10px 20px -5px;

}
.top-subtotal {
	color: #fff;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 12px;
	text-align: left;
}
.fl-mini-cart-content .product-details .btn-remove {
	position: absolute;
	right: 10px;
	top: 4px;
}
.fl-mini-cart-content .block-subtitle {
	color: #fff;
	overflow: hidden;
	padding: 0px 5px;
	text-align: left;
	background: #252932;
}
.fl-mini-cart-content .block-subtitle .price {
	color: #FF6B4A;
}
ul#cart-sidebar {
	padding: 10px 15px 0px;
}

ul#cart-sidebar .btn-edit {padding: 0px 0px; border:none; display:block; text-align:center}

.block-cart ul {
	padding: 0px !important;
}


/* top cart  */
.fl-mini-cart-content li.item {
	width: 310px;
	margin: 5px 0px 10px;
	border-bottom: 1px #eee solid;
	display: inline-block;
	padding-bottom: 10px;
}
.fl-mini-cart-content li.item.last {
	margin: 0;
	border-bottom: 0px #eee solid;
	padding-bottom: 10px
}
.fl-mini-cart-content .product-details {
	color: #333333;
	position: relative;
	text-align: left;
}
.mini-products-list .product-details {
	margin-left: 80px;
	padding: 0;
}
.fl-mini-cart-content .product-details .btn-remove {
	position: absolute;
	right: 10px;
	top: 12px;
}
.fl-mini-cart-content .product-details .btn-edit {
	position: absolute;
	right: 30px;
	top: -4px;
	border:none;
	padding:0px
}
.fl-mini-cart-content .product-details .btn-edit:hover {
	color: #FF6B4A;
}
.fl-mini-cart-content .actions {
	padding: 20px;
	margin: 0px 0 0;
	overflow: hidden
}
.button.btn-checkout {
	background: #FFC72C;
	border: 1px solid #FF6B4A;
	color: #074F59;
	padding: 8px 18px;
}
.button.btn-checkout:hover {
	background: #FFC72C
}
.button:btn-bag:hover {
background:#f6f6f6
}
.mini-cart .view-cart {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	float: none;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 25px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	background: #eee;
	color: #666;
}
.mini-cart .view-cart:before {
	content: '\f07a';
	font-family: FontAwesome;
	font-size: 16px;
	padding-right: 7px;
}
.btn-remove1 {
	background-image: url(../images/btn_remove.png);
	margin: 0px 0 0 5px;
}
.btn-remove1:hover, .btn-remove1:focus {
	background-position: 0 -12px;
}
.btn-remove1 {
	display: block;
	width: 15px;
	height: 13px;
	font-size: 0;
	line-height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	left: 28px;
	margin-top: 5px;
}
.block-compare .btn-remove1 {
	left: auto;
	right: 0px!important;
	margin-top: 0px;
	top: 5px
}
.mini-cart .btn-remove1 {
	left: auto;
	right: 0px!important;
	margin-top: 0px;
	top: 2px;
}
.mini-cart .actions .btn-checkout {
	background: #fff;
	color: #FF6B4A;
	font-size: 14px;
	text-shadow: none;
	padding: 7px 0px;
	margin-top: 0px;
	font-weight: bold;
	border: 2px #FFC72C solid;
	border-radius: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
	display: block;
	width: 100%;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform:uppercase
}
.mini-cart .actions .btn-checkout:hover {
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #FFC72C;
	border: 2px solid #e0403d;
	color: #fff;
}
.mini-cart .actions .btn-checkout:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 18px;
	padding-right: 10px;
}
/* Nav */

nav {
	position: relative;
	margin: auto;
	width: 100%;
	z-index: 99;
}
/*.sticky {
position: fixed;
z-index: 10000;
width: 100%;
top: 0px;
background-color: #fff;
}*/
.nav-inner {
	position: relative;
}
#nav > li > a.active:nth-child(1) {
	color: #0A6E7C;

}
#nav > li > a:hover.active:nth-child(1) {
	color: #fff;
}
#nav > li > a:first-child {
	margin-left: 0px;
}
#nav > li > a:last-child a {
	color: #333
}
.nav {
	width: 1000px;
	margin: 0px auto 0
}
#nav > li:hover > a, .vertnav-top li > a:hover {
	color: #fff;
	border-bottom: none;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-webkit-box-shadow: inset 0 -75px 0 0 #252932;
	box-shadow: inset 0 -75px 0 0 #252932;
}
.cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a {
	color: #fff;
}
.cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a:hover {
	color: #0A6E7C;
	padding: 0px 0px;
}

.cms-index-index nav {
	border-bottom: none
}
#nav {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
	-webkit-transform: translateZ(0);
	padding: 0;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: center
}
/* All levels */
#nav li {
	text-align: left;
}
#nav li a {
	display: block;
	text-decoration: none;
}
#nav ul.level1 > li a {
	color: #444
}
#nav ul.level1 > li a:hover {
	color: #FF6B4A
}

/* 1st level only */
#nav > li {
	list-style: none;
	border-bottom: none;
	display: block;
	float: none
}
#nav > li.last {
	padding-right: 0;
}
#nav > li > a {
	display: block;
	padding: 0px 0px;
	line-height: 75px;
}
#nav > li > a > span {
	display: inline-block;
	padding: 0 15px;
}

/* Drop-down boxes:
wide:    2nd-level category drop-down box + custom block drop-down box
classic: custom block drop-down box */
#nav .level0-wrapper {
	position: absolute;
	left: -10000px;
	background-color: #0A6E7C;
}
/* Inner wrapper for additional padding */
#nav .level0-wrapper2 {
	padding: 15px;
}
#nav .level0-wrapper2:before, #nav .level0-wrapper2:after {
	display: table;
	line-height: 0;
	content: "";
}
#nav .level0-wrapper2:after {
	clear: both;
}
/* Home link*/

#nav a.level-top.feature {
	margin: 0;
}
/* Icon inside item */
#nav li a.level-top .icon {
	padding: 3px;
	margin: 0;
	float: none;
	display: inline-block;
	vertical-align: middle;
	background-color: transparent !important;
}
#nav li:hover a.level-top .icon {
	padding: 3px;
}
/* Single icon as home link */
#nav #homelink-icon {
	margin-left: 12px;
}
#nav #homelink-icon a.level-top {
	padding-left: 5px;
	padding-right: 5px;
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}
/* Custom menu item */
#nav .fl-custom-tabmenulink > a {
	cursor: default;
}
/* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */
#nav .fl-custom-tabmenulink {
	position: static;
}


/* Static block's content - basic formatting */
#nav .fl-custom-tabmenulink .header-nav-dropdown-wrapper {
	padding: 5px 10px 10px 0px;
	overflow: hidden
}
#nav .fl-custom-tabmenulink .header-nav-dropdown-wrapper p {
	margin: 10px 0;
	color: #999;
	line-height: 1.5em;
	font-size: 13px;
	font-weight: normal
}
#nav .fl-custom-tabmenulink .header-nav-dropdown-wrapper .heading {
	margin: 10px 0;
}
/* Caret */
#nav a.level-top .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-bottom: 2px;
	margin-left: 2px;
	vertical-align: middle;
	content: "";
	border-style: solid solid none;
	border-width: 4px 4px 0;
	border-color: #333 transparent transparent;
}
/* Number of products in category */
/* Sidebar menu */
.vertnav .number {
	margin-left: 3px;
	color: #aaa;
}
/* Main menu */
#nav .number {
	display: inline;
	margin-left: 3px;
}
#nav ul li .number {
	color: #aaa;
}
/* Other */
.nav .itemslider {
	margin-top: 0;
	margin-bottom: 0;
}
.nav .itemslider .item {
	padding-bottom: 0;
}
/* 1st level */
li.level0 > a > span {
	position: relative;
}
li.level0 > a > span > .cat-label {
	position: absolute;
	top: -12px;
	right: 0;
	padding: 0 6px;
	font-size: 14px;
	line-height: 22px;
}
/* Add pin (only 1st level) */
li.level0 > a > span > .pin-bottom:before {
	position: absolute;
	right: 6px;
	top: 22px;
	width: 0;
	height: 0;
	content: "";
	border-style: solid;
	border-width: 4px;
	border-color: transparent;
	transition: border-color 450ms ease-in-out;
	-moz-transition: border-color 450ms ease-in-out;
	-webkit-transition: border-color 450ms ease-in-out;
	-o-transition: border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
	transition-duration: 100ms;
	-moz-transition-duration: 100ms;
	-webkit-transition-duration: 100ms;
	-o-transition-duration: 100ms;
}
/* 2nd level */
li.level1 > a > span > .cat-label {
	display: inline-block !important;
	padding: 0 4px;
	margin-left: 2px;
	vertical-align: middle;
}
/* 3rd level */
li.level2 > a > span > .cat-label {
	display: inline-block !important;
	padding: 0 4px;
	margin-left: 2px;
}
/* Category labels inside mobile menu / vertical menu */
ul.vertnav li > a > span > .cat-label {
	position: static;
	display: inline-block !important;
	padding: 0 4px;
	margin-left: 2px;
}
/* Hide pin */
ul.vertnav li > a > span > .pin-bottom:before {
	display: none;
}
/* Label size: all levels */
ul.vertnav li > a > span > .cat-label {
	font-size: inherit;
	line-height: inherit;
}
ul.vertnav-top li > a > span > .cat-label {
	font-size: 14px;
	line-height: 18px;
}
/* Category blocks */
.nav-block {
	margin-top: 0;
	margin-bottom: 1%;
}

.nav-block-bottom {
	float: left
}
.nav-block-center {
	margin-top: 0px;
}
.nav-block-right {
	margin-top: 0px;
	float: right;
	padding: 0px;
	text-align: center;
}
.nav-block-right img {
	width: 100%
}
.nav-block-level1-top {
	margin-bottom: 10px;
}
.nav-block-level1-bottom {
	margin-top: 10px;
}
.nav-block .section-line {
	border-color: #eee;
}
/* horizontal + mobile menu trigger */
#nav > li > a {
	font-size: 12px;
	text-transform: uppercase /*1.3333em*/;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: bold;
	position: relative;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff
}
ul.level0 {
	padding: 0
}
ul.level1 {
	padding: 0px;
	padding-left:15px
}
#nav .level0-wrapper, #nav.classic ul {
	background-color:#0A6E7C;
	color: #333333;
}
#nav ul li a:hover {
	color: #FF6B4A;
}
.cat-label-label1 {
	background-color: #D12631;
	color: #ffffff;
}
.cat-label-label2 {
	background-color: #d52462;
	color: #ffffff;
}
#nav .level0-wrapper, #nav.classic .parent > ul {
	background: #fff;
	border-top: none;
	box-shadow: 0 10px 20px -5px;
	width: 100%;
	padding: 0px;
}
#nav .level0-wrapper, #nav.classic ul.level0 {
	top: 75px;
}
#nav > li > a {
	color: #fff;
}
#nav > li.mega-menu {
	position: static;
}
.nav-inner #nav li.mega-menu .level0-wrapper {
	border: 0 none;
	padding: 15px 0px;
	z-index: 10000;
	transform: scale(0) rotate(0deg);
	transition: all 0.4s ease-in-out 0s;
	opacity: 0;
	visibility: hidden;
	display: block!important
}
.nav-inner #nav li.mega-menu:hover .level0-wrapper {
	opacity: 1;
	visibility: visible;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transform: scale(1.0) rotate(0deg);
	transform: scale(1.0) rotate(0deg);
}
#nav .level0-wrapper2 .col-1 {
	float: left;
	width: 75%;
}
#nav .level0-wrapper2 .col-2 {
	padding: 0;
	float: left;
	width: 25%;
}
#nav .level0-wrapper2 .col-3 {
	padding: 5px 0;
	float: left;
	width: 20%;
}
#nav .col-1 ul.level0 > li {
	width: 30%;
}
.col-2 img:hover {
	opacity: 0.5;
}
.col-2 .menu_image {
	display: block;
}
.col-2 img {
	width: 100%
}
.col-2 .menu_image1 {
	display: block;
	margin-top: 15px;
}
/* 1st level only */
#nav > li:hover > a {
	position: relative;
	z-index: 1;
}
/* 2nd level only */
#nav ul.level0 > li {
	display: inline-block;
	float: none;
	margin-right: 20px;
	padding-bottom: 20px;
	padding-top: 0;
	vertical-align: top;
	width: 14.4%;
}
#nav ul.level0 > li.last {
	display: inline-block;
	float: none;
	vertical-align: top;
	padding-top: 0;
	padding-bottom: 15px;
	margin-right: 0px
}
#nav ul.level0 > li > a {
	color: #0A6E7C;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	padding: 10px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border:#ececec double;
	margin-bottom: 10px;
	font-family:'Bricolage Grotesque', sans-serif
}
/* 2nd level+ */
#nav ul li {
	list-style: none;
	padding: 5px 0;
}

#nav li ul li ul li a {display:inline-block}

#nav li ul li ul li:last-child {
	border: none
}
/* 3rd level only */
#nav ul.level1 {
	position: static;
}
#nav ul.level1 > li a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 13px;
	letter-spacing: normal;
}
#nav ul.level1 > li a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding-left: 10px;
}
/* 4th level */
#nav ul.level2 {
	margin: 7px 0;
	padding: 0;
	position: static;
}
#nav ul.level2 a {
	font-size: 0.9166em;
	line-height: 1.2727em;
	opacity: 0.6;
}
#nav li.level2:hover ul.level2 a {
	opacity: 1;
	transition: opacity 150ms ease-out;
	-moz-transition: opacity 150ms ease-out;
	-webkit-transition: opacity 150ms ease-out;
	-o-transition: opacity 150ms ease-out;
}
/* 4rd level+ */
#nav ul ul ul li {
	background: none;
	padding-left: 0;
}
/* Vertical nav-links */

.nav-links > li, .nav-links > li > a {
	line-height: 3em;
}
.nav-links > li > a {
	padding: 0 0.5833em;
}
.nav-links > li.label {
	padding-right: 0.5833em;
}
/* Basic nav-links, no separators */
.nav-links > li {
	float: left;
}
.nav-links > li > a {
	display: block;
}
.grid12-5 {
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	width: 23%;
}
.grid12-3 {
	display: inline;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
	width: 22%;
	text-align: center
}
.grid12-3 img {
	width: 100%;
	border:8px #333844 solid
	
}
.grid12-3 .item-title a {
	text-transform: uppercase;
	margin-top: 10px;
	color: #aaa
}
.grid12-4 {
	display: inline;
	float: left;
	margin: 5px 0 0;
	width: 34%;
}
.grid12-8 {
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 1%;
	width: 64%;
}
#nav .grid12-8 ul.level0 > li {
	width: 21%;
}
.grid13-8 {
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 1%;
	margin-bottom: 0;
	width: 80.90%;
}
.back-link {
	float: left
}
#nav .level0-wrapper .nav-add {
	padding: 5px 0 0 0px;
	overflow: hidden;
	padding-bottom: 15px
}
#nav .level0-wrapper .nav-add .push_item {
	float: left;
	margin-right: 18px;
	width: 23.6%;
}
#nav .level0-wrapper .nav-add .push_item img {
	width: 100%;
}
#nav .level0-wrapper .nav-add .push_item_last {
	float: left;
	margin-right: 0px;
	width: 23.6%;
}
#nav .level0-wrapper .nav-add .push_item .push_img a {
	display: block;
}
#nav .level0-wrapper .nav-add .push_item .push_text {
	color: #666;
	font-size: 12px;
	padding: 8px 0;
	text-align: center
}
.fl-custom-tabmenu {
	background: #252932!important;
	color: #999
}
.fl-custom-tabmenu { padding-top:30px!important}


.icon-star:before {
	content: "\f0a3";
}
.icon-star {
	font-family: FontAwesome;
	display: inline-block !important;
	font-size: 28px;
	color: #FF6B4A;
	height: 60px;
	width: 60px;
	line-height: 60px!important;
	text-align: center;
	border: 1px #eee solid;
	border-radius: 50px;
	text-align: center
}
.heart-icon:before {
	content: "\f06b";
	font-family: FontAwesome;
}
.heart-icon {
	font-family: FontAwesome;
	display: inline-block !important;
	font-size: 28px;
	color: #FF6B4A;
	height: 60px;
	width: 60px;
	line-height: 60px!important;
	text-align: center;
	border: 1px #eee solid;
	border-radius: 50px;
	text-align: center;
	padding-left: 6px;
}
.custom-icon:before {
	content: "\f0e9";
}
.custom-icon {
	font-family: FontAwesome;
	display: inline-block !important;
	font-size: 28px;
	color: #FF6B4A;
	height: 60px;
	width: 60px;
	line-height: 60px!important;
	text-align: center;
	border: 1px #eee solid;
	border-radius: 50px;
	text-align: center
}
.icon-custom-grid:before {
	content: "\f00a";
}
.icon-custom-grid {
	font-family: FontAwesome;
	display: inline-block !important;
	font-size: 28px;
	color: #FF6B4A;
	height: 60px;
	width: 60px;
	line-height: 60px!important;
	text-align: center;
	border: 1px #eee solid;
	border-radius: 50px;
	text-align: center
}
#nav .fl-custom-tabmenulink .header-nav-dropdown-wrapper h4.heading {
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 10px;
}
#nav .fl-custom-tabmenulink .header-nav-dropdown-wrapper h4.heading {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	letter-spacing: 0.5px;
	margin-top:15px;
	font-family: 'Bricolage Grotesque', sans-serif;
}
#nav li.drop-menu {
	--drop-accent: #0A6E7C;
	--drop-tint: #fff;
	--drop-tint-hover: #f7f7f7;
}
#nav li.drop-menu.drop-lugares { --drop-accent: #a3752f; --drop-tint: #faf3e6; --drop-tint-hover: #f3e4c8; }
#nav li.drop-menu.drop-cultura { --drop-accent: #7a3fa3; --drop-tint: #f3ecf9; --drop-tint-hover: #e6d7f2; }
#nav li.drop-menu.drop-playas  { --drop-accent: #2f8fd2; --drop-tint: #eaf4fc; --drop-tint-hover: #d7e9f7; }
#nav li.drop-menu.drop-rutas   { --drop-accent: #3fa34d; --drop-tint: #eef8ef; --drop-tint-hover: #dcf0de; }

#nav li.drop-menu ul {
	position: absolute;
	top: 75px;
	left: 0;
	background: var(--drop-tint);
	padding: 0 0 12px;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 20px 40px -18px rgba(0,0,0,0.3);
	width: 280px;
	text-align: left;
	z-index: 1000;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s;
	visibility: hidden;
	display: block;
}
#nav li.drop-menu:hover ul {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
#nav > li.drop-menu ul li ul {
	border-top: none;
	opacity:0;
	z-index:0


}

#nav li.drop-menu:hover ul li ul {opacity:0;}
#nav li.drop-menu:hover ul li:hover ul {opacity:1;}

#nav > li.drop-menu {
	position: relative;
}
#nav > li.drop-menu > a .drop-caret {
	display: inline-block;
	margin-left: 5px;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid currentColor;
	opacity: 0.75;
	transition: transform 0.25s ease-in-out;
}
#nav > li.drop-menu:hover > a .drop-caret {
	transform: rotate(180deg);
}
#nav li.drop-menu ul li {
	position: relative;
}

/* Cabecera del panel: icono + título + descripción, color por sección */
#nav li.drop-menu .drop-menu-head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 18px 14px;
	margin-bottom: 6px;
	background: var(--drop-accent);
	transition: filter 200ms ease-in-out;
}
#nav li.drop-menu ul li.drop-menu-head-item:hover > a.drop-menu-head {
	background: var(--drop-accent);
	color: #fff;
	padding-left: 18px;
	filter: brightness(0.92);
}
#nav li.drop-menu .drop-menu-head .drop-menu-icon i {
	color: #fff;
	font-size: 15px;
	width: auto;
	opacity: 1;
}
#nav li.drop-menu .drop-menu-icon {
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255,255,255,0.18);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
#nav li.drop-menu .drop-menu-head-text {
	display: block;
}
#nav li.drop-menu .drop-menu-head-text strong {
	display: block;
	color: #fff;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}
#nav li.drop-menu .drop-menu-head-text small {
	display: block;
	color: rgba(255,255,255,0.85);
	font-size: 11px;
	line-height: 1.3;
	margin-top: 3px;
}

/* Enlaces del panel */
#nav li.drop-menu ul li a {
	color: #333;
	line-height: 32px;
	font-size: 13px;
	padding: 0 18px;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
}
#nav li.drop-menu ul li a i {
	width: 16px;
	color: var(--drop-accent);
	font-size: 13px;
	text-align: center;
	opacity: 0.85;
}
/* Reset del .icon-star global (60px, círculo con borde propio: pensado para
   el badge de nivel del carnet) al tamaño de un glyph simple dentro del
   submenú de navegación. El !important es necesario porque .icon-star fija
   line-height:60px!important. */
#nav li.drop-menu ul li a i.icon-star {
	height: auto !important;
	line-height: 1 !important;
	border: none !important;
	border-radius: 0 !important;
}
#nav li.drop-menu ul li:hover > a {
	color: var(--drop-accent);
	background: var(--drop-tint-hover);
	padding-left: 22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pie del panel: CTA "ver todo" */
#nav li.drop-menu .drop-menu-foot {
	margin-top: 6px;
	padding: 10px 18px 0;
	border-top: 1px solid rgba(0,0,0,0.08);
}
#nav li.drop-menu .drop-menu-foot a.button {
	display: block;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	padding: 9px 10px !important;
	font-size: 11px !important;
}
.sticky {
	position: fixed;
	margin-top: 0px;
	z-index: 500;
	display: block;
	top: 0px;
	height: 51px;
	background: #141414;
	width: 100%;
}
/* End Nav */


/* store messages Start */

.service-section {
	background: #fff;
	border-bottom: 1px #e5e5e5 solid;
}
.service-section .services {
	padding: 5px 0px 10px 0px;
}
.service-section .services span {
	font-size: 13px;
	line-height: 35px;
	transition: color 100ms ease 0s;
	color: #333;
	text-align: center;
	display: inline-block;
	margin: 0px 2px 0px 2px;
	font-weight: normal;
}
.service-section .last {
	margin-right: 0px!important;
	border-right: none!important;
	float: right;
}
.service-section .services.last span {
	margin: 0px 2px 0px 0px;
}
.offer-banner-section {
	overflow: hidden;
	width: 100%;
}
.service-section1 {
	background: url("../images/body-bg17.png") repeat scroll left top #f8f8f8;
	margin-top: 15px;
}
.service-section1 span {
	color: #666!important;
}
.service-section1 span {
	color: #666!important;
}

/* Home section highlights */
.home-sections {
	padding: 45px 0 55px;
	position: relative;
	background: #f5f5f5;
}

.home-sections__title {
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 30px;
	color: #333;
}

.home-sections__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.home-sections__card {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 6px;
	aspect-ratio: 4 / 3;
	border: 3px solid var(--card-accent, #ddd);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 4px 14px rgba(0,0,0,0.12);
	transition: box-shadow 300ms ease, transform 300ms ease;
}

.home-sections__card:hover {
	box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 8px 22px rgba(0,0,0,0.18);
}

.home-sections__card--playas  { --card-accent: #2f8fd2; }
.home-sections__card--rutas   { --card-accent: #3fa34d; }
.home-sections__card--cultura { --card-accent: #7a3fa3; }
.home-sections__card--lugares { --card-accent: #a3752f; }

.home-sections__card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 500ms ease;
}

.home-sections__card:hover img {
	transform: scale(1.08);
}

.home-sections__label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 26px 16px 14px;
	background: linear-gradient(to top, rgba(0,0,0,0.72), rgba(0,0,0,0));
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.3px;
}

/* Home section highlights end */


/* Fotos de la comunidad: fotos aprobadas por moderación, con autor, avatar
   por nivel de ovillos y lugar. .foto-card es la tarjeta compartida por el
   carrusel de la home y la rejilla paginada de /fotos/galeria. */
.foto-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	overflow: hidden;
}

.foto-card__img-wrap {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.foto-card__img-wrap a {
	display: block;
	width: 100%;
	height: 100%;
}

.foto-card__img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.foto-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
}

.foto-card__avatar {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f0f6fc;
}

.foto-card__meta-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.4;
}

.foto-card__autor {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.foto-card__lugar {
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	color: #757575;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.foto-card__lugar i {
	margin-right: 4px;
	color: #0A6E7C;
}

/* Cabecera común (título + subtítulo + "ver todas") del carrusel de la home,
   centrada igual que .home-sections__title de la sección de arriba. */
.fotos-carousel-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	margin: 0 0 30px;
}

.fotos-carousel-title {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 26px;
	font-weight: 600;
	color: #333;
	margin: 0;
}

.fotos-carousel-subtitle {
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #6f6f6f;
	margin: 0;
	max-width: 520px;
}

.fotos-carousel-vertodas {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	padding: 11px 24px;
	background: #0A6E7C;
	border-radius: 999px;
	font-family: 'Public Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	transition: filter 150ms ease;
}

.fotos-carousel-vertodas:hover {
	filter: brightness(1.1);
	color: #fff;
}

/* Carrusel horizontal (home) */
.fotos-carousel {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.fotos-carousel__track {
	flex: 1;
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scroll-behavior: smooth;
	padding: 4px 4px 12px;
	-webkit-overflow-scrolling: touch;
}

.fotos-carousel__track > .foto-card {
	scroll-snap-align: start;
	flex: 0 0 260px;
}

.fotos-carousel__arrow {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #ececec;
	color: #0A6E7C;
	font-size: 14px;
	cursor: pointer;
	transition: background 150ms ease, color 150ms ease;
}

.fotos-carousel__arrow:hover {
	background: #0A6E7C;
	color: #fff;
}

@media (max-width: 767px) {
	.fotos-carousel__arrow {
		display: none;
	}
}

.fotos-carousel-section {
	padding: 45px 0 55px;
	background: #f5f5f5;
}

/* Rejilla paginada (/fotos/galeria) */
.fotos-galeria-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
	margin: 0 0 30px;
}

.fotos-pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin: 10px 0 40px;
}

.fotos-pager__btn {
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #0A6E7C;
	padding: 8px 16px;
	border: 1px solid #0A6E7C;
	border-radius: 999px;
}

.fotos-pager__btn:hover {
	background: #0A6E7C;
	color: #fff;
}

.fotos-pager__btn--disabled {
	color: #ccc;
	border-color: #ececec;
	pointer-events: none;
}

.fotos-pager__status {
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	color: #666;
}
/* Fotos de la comunidad end */


/* New & Sale Label */

.new-box, .sale-box {
	height: 40px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: -1px;
	width: 55px;
	z-index: 10;
}
.new-box {
	left: -1px;
}
.sale-box {
	right: -1px;
}
.new-top-left {
	left: 0px;
	top: 0;
	background: #fff;
	letter-spacing: 1px;
}
.new-top-right {
	background: none repeat scroll 0 0 #FFFFFF;
	right: 0px;
	top: 0;
}
.sale-top-right {
	top: 0;
	background: #fff;
	letter-spacing: 1px;
	right: 0px;
}
.sale-top-left {
	font-size: 11px;
	font-family: 'Public Sans', sans-serif;
	color: #fff;
	background: #dd4b39;
	text-transform: uppercase;
	padding: 3px 0 4px;
	text-align: center;
	display: block;
	position: absolute;
	right: -33px;
	top: 9px;
}
.ie8 .new-label {
	left: 0px;
	top: 0px;
	width: auto;
	padding: 5px 15px;
}
.ie8 .new-label:after {
	display: none;
}
.ie8 .new-label:before {
	display: none;
}
.ie8 .sale-label {
	right: 0px;
	top: 0px;
	width: auto;
	padding: 5px 15px;
}
.ie8 .sale-label:after {
	display: none;
}
.ie8 .sale-label:before {
	display: none;
}
.ie8 .new-box {
	top: -1px;
	left: -1px;
}
.ie8 .sale-box {
	right: -1px;
	top: -1px;
}
.new-box, .sale-box {
	position: fixed;
	text-align: center;
	top: -1px;
	width: 55px;
	z-index: 10;
}
.new-box {
	left: 0;
}
.sale-box {
	right: 0;
	top: 0px;
}
.new-label {
	font-size: 11px;
	font-family: 'Bricolage Grotesque', sans-serif;
	color: #fff;
	background: #FFC72C;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
	font-weight: bold;
	border: 2px #FFC72C solid;
	height:50px;
	width:50px;
	border-radius:50px;
	line-height:48px;
}
.sale-label {
	font-size: 11px;
	font-family: 'Bricolage Grotesque', sans-serif;
	color: #fff;
	background: #8acdf1;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	right:10px;
	top:10px;
	font-weight: bold;
	border: 2px #8acdf1 solid;
	height:50px;
	width:50px;
	border-radius:50px;
	line-height:48px;
}
.ie8 .new-label {
	left: 0px;
	top: 0px;
	width: auto;
	padding: 5px 15px;
}
.ie8 .new-label:after {
	display: none;
}
.ie8 .new-label:before {
	display: none;
}
.ie8 .sale-label {
	right: 0px;
	top: 0px;
	width: auto;
	padding: 5px 15px;
}
.ie8 .sale-label:after {
	display: none;
}
.ie8 .sale-label:before {
	display: none;
}
.ie8 .new-box {
	top: -1px;
	left: -1px;
}
.ie8 .sale-box {
	right: -1px;
	top: -1px;
}
.product-view #product-img-box .new-box, .product-view #product-img-box .sale-box {
	position: absolute;
	text-align: center;
	top: -1px;
	width: 55px;
	z-index: 10;
}
.product-view #product-img-box .new-box {
	left: 160px;
}
.product-view #product-img-box .sale-box {
	right: -5px;
	top: 0px;
}
.product-view #product-img-box .new-label.new-top-left {
	font-size: 14px;
	font-family: 'Public Sans', sans-serif;
	color: #000;
	background: #41bea6;
	text-transform: uppercase;
	padding: 10px 25px;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	font-weight: normal;
}
.product-view #product-img-box .new-label.new-top-right {
	font-size: 14px;
	font-family: 'Public Sans', sans-serif;
	color: #000;
	background: #41bea6;
	text-transform: uppercase;
	padding: 10px 25px;
	text-align: center;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
	font-weight: normal;
}
.product-view #product-img-box .sale-label.sale-top-left {
	font-size: 14px;
	font-family: 'Public Sans', sans-serif;
	color: #fff;
	background: #dd4b39;
	text-transform: uppercase;
	padding: 10px 25px;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
	font-weight: normal;
}
.product-view #product-img-box .sale-label.sale-top-right {
	font-size: 14px;
	font-family: 'Public Sans', sans-serif;
	color: #fff;
	background: #dd4b39;
	text-transform: uppercase;
	padding: 10px 25px;
	text-align: center;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
	font-weight: normal;
}
/*  Main Col */  
/*--- products-grid-home ---*/
.products-grid-home {
	margin: 0;
	list-style: none;
	padding: 0;
}
.products-grid-home .item.first {
	margin-left: 0;
}
.products-grid-home .item {
	float: left;
	background: #FFF;
	margin-top: 20px;
}
.products-grid-home .item.show-addtocart {
	margin-top: 37px;
}
.products-grid-home .item .item-inner {
	position: relative;
	font-family: 'Bricolage Grotesque', sans-serif;
}
.products-grid-home .item .item-inner .actions {
	display: inline-block
}
.products-grid-home .item .item-inner .item-img {
	position: relative;
	border: 1px #eaeaea solid;
}
.products-grid-home .item .item-inner .item-img .ico-product {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 2;
	background: #de44c3;
	padding: 4px 20px 8px;
	color: #FFF;
	font-size: 150%;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.products-grid-home .item .item-inner .item-img .ico-product strong {
	font-weight: 600;
}
.products-grid-home .item .item-inner .item-img .ico-product.ico-sale {
	background: #7ebf38;
	right: 10px;
	left: auto;
}
.products-grid-home .item .item-inner .item-img .item-img-info {
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
	overflow: hidden;
}
.products-grid-home .item .item-inner .item-img .item-img-info a.product-image {
	display: inline-block;
	width: 100%;
}
.products-grid-home .item .item-inner .item-img .item-img-info a.product-image img {
	width: 100%;
}
.products-grid-home .item .item-inner .item-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.products-grid-home .item .item-inner .item-img img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.products-grid-home .item .item-inner .item-img .item-img-info a.product-image:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.4s ease-out 0.2s;
	-moz-transition: all 0.4s ease-out 0.2s;
	-o-transition: all 0.4s ease-out 0.2s;
	transition: all 0.4s ease-out 0.2s;
	background-color: #ccc;
}
.products-grid-home .item .item-inner .item-img .item-img-info a.product-image .img-main {
	display: inline;
}
.products-grid-home .item .item-inner .item-img .item-box-hover {
	z-index: 2;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: absolute;
	width: 100%;
	top: 35%;
	opacity: 0
}
.products-grid-home .item .item-inner .item-img .item-box-hover .product-detail-bnt {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 7px
}
.products-grid-home .item .item-inner .item-img .item-box-hover .product-detail-bnt a {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #fff solid;
	width: 40px;
	background: none
}
.products-grid-home .item .item-inner .item-img .item-box-hover .product-detail-bnt a:hover {
	background-color: #FFC72C;
	cursor: pointer;
	bottom: 10%;
}

.products-grid-home .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button {
	border: 0;
	padding: 8px 12px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-weight: normal;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px solid #fff;
	background: none
}
.products-grid-home .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button:hover {
	background: #0A6E7C !important;
}
.products-grid-home .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button span {
	background: none;
	font-family: 'Bricolage Grotesque', sans-serif;
	padding: 0px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}
.products-grid-home .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
	font-size: 14px;
	margin-right: 7px
}
.products-grid-home .item .item-inner .item-img .item-box-hover .box-inner .product-detail-bnt a.button.detail-bnt:before {
	content: "\f002";
	font-family: 'FontAwesome';
	font-size: 14px;
}
.products-grid-home .item .item-inner .item-info {
	text-align: center;
}
.products-grid-home .item .item-inner .item-info .info-inner {
	border: 0px solid #fff;
	border-top: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-content .no-rating, .products-grid-home .item .item-inner .item-info .info-inner .item-content .ratings {
margin: 0 0;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box, .products-grid-home .item .item-inner .item-info .info-inner .item-content .ratings .rating-box {
	float: none;
	margin: 0 0;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links, .products-grid-home .item .item-inner .item-info .info-inner .item-content .ratings .rating-links {
	display: none;
}

.products-grid-home .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 7px;
	padding-top: 20px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: 0.5px
}
.products-grid-home .item .item-inner .item-info .info-inner .item-title a {
	text-decoration: none;
	text-transform: uppercase;
}
.products-grid-home .item .item-inner .item-info .info-inner .item-title a:hover {
	color: #FF6B4A;
}
.products-grid-home .item:hover .item-inner .item-img .item-img-info {
	border-color: #ccc;
}
.products-grid-home .item:hover .item-inner .item-img .item-img-info a.product-image:before {
	left: 0px;
	top: 0px;
	margin: 0 0;
	background: #000;
	opacity: 0.6;
	cursor: pointer
}
.products-grid-home .item:hover .item-inner .item-img .item-box-hover {
	visibility: visible;
	opacity: 1;
	left: 0px;
	bottom: 0px;
}
.products-grid-home .item:hover .item-inner .item-info .info-inner {
	border-color: #fff;
	background: #fff;
	opacity: 0.8;
}
.products-grid-home .item:hover .item-inner .item-info .info-inner .item-title a {
	color: #FF6B4A;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content .products-grid-home {
	padding-bottom: 0px;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content .products-grid-home .item {
	margin-bottom: 20px;
	margin-top: 15px;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content .products-grid-home .item.last {
	margin-top: 15px;
	border-right: 0px solid #D9D9D9;
	padding-right: 0;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content .products-grid-home .item.show-addtocart {
	margin-top: 15px;
	border-right: 1px solid #D9D9D9
}
.main-col .pdt-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 40px;
}
.main-col .producttabs {
	margin-top: 40px
}
.main-col .thm-mart-pdt-nav {
	display: block;
	text-align: left;
	height: 40px;
}
.main-col .pdt-nav > li {
	font-size: 14px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	height: 39px;
	padding: 0;
	display: inline-block;
	background: #fff;
	color: #777;
	margin: 0;
	float: none;
	font-family: 'Public Sans', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 0px 20px;
	cursor: pointer;
}
.main-col .pdt-nav > li span {
	padding: 0 0;
	display: inline-block;
}

.main-col .thm-mart-pdt-nav .pdt-nav > li.tab-nav-actived, .main-col .thm-mart-pdt-nav .pdt-nav > li:hover {
	text-decoration: none;
	color: #222;
	border-bottom: 3px #333 solid
}
.main-col .tab-content-actived {
	display: inline-block;
}
.home-tabs {
	padding-bottom: 30px
}
.producttabs {
	margin-top: 10px
}
.thm-mart-producttabs .thm-mart-pdt-container {
	text-align: center;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-nav {
	display: block;
	text-align: left;
	height: 40px;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-nav .pdt-nav > li {
	font-size: 16px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	height: 50px;
	padding: 0;
	display: inline-block;
	color: #333;
	margin: 0;
	float: none;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 50px;
	padding: 0px 0px;
	border: 1px solid #666;
	width: 215px;
	text-transform: uppercase;
	margin-left: 5px;
	margin-right: 5px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #FFC72C
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-nav .pdt-nav > li span {
	padding: 0 0;
	display: inline-block;
}

.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-nav .pdt-nav > li.tab-nav-actived, .thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-nav .pdt-nav > li:hover {
	color: #fff;
	border: 1px solid #e0403d;
	background: #FFC72C;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-webkit-box-shadow: inset 0 -34px 0 0 #222;
	box-shadow: inset 0 -60px 0 0 #FFC72C;
}
.thm-mart-producttabs .thm-mart-pdt-container .pre-text {
	margin: 15px 0 0;
	display: inline-block;
	width: 70%;
	text-align: center;
	color: #666666;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content {
	border-right: 0px #D9D9D9 solid;
	margin-top: 30px;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content {
	margin: 0 0;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content .products-grid-tabs {
	padding-bottom: 0px;
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content .products-grid-tabs .item {
	margin-bottom: 25px;
	margin-top: 15px;
	border: 2px solid #ddd;
	padding-right: 20px;
	padding: 20px
}
.thm-mart-producttabs .thm-mart-pdt-container .thm-mart-pdt-content .pdt-content .products-grid-tabs .item.last {
	margin-bottom: 25px;
	margin-top: 15px;
	border-right: 0px solid #D9D9D9;
	padding-right: 0;
}
.thm-mart-producttabs .pre-text {
	margin: 0 0 15px 0;
}
.thm-mart-producttabs .post-text {
	margin: 10px 0 0;
}
.thm-mart-producttabs a:hover {
	text-decoration: none;
}
.thm-mart-producttabs .thm-mart-pdt-container {
	padding: 0;
}
.thm-mart-producttabs .thm-mart-pdt-container .pdt-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	height: 40px;
}
.thm-mart-producttabs .thm-mart-pdt-container .pdt-nav > li {
	float: left;
	font-size: 16px;
	line-height: 100%;
	margin: 0 10px 10px 0;
	padding: 8px 15px;
	cursor: pointer;
}

.thm-mart-producttabs .thm-mart-pdt-content {
	margin: 0;
	padding: 0;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content {
	margin: 30px 0 0;
	padding: 0;
	width: 100%;
	display: none;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-list {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.thm-mart-producttabs .thm-mart-pdt-content .tab-content-actived {
	display: inline-block;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .item.first {
	margin-left: 0px;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .item {
	margin-bottom: 10px;
	margin-top: 0;
	list-style: none;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .item-animate {
	opacity: 0;
	position: relative;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .play .item-animate {
	opacity: 1.0;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .play .item-animate {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .slideBottom.play .item-animate {
	-webkit-animation: slideBottom 600ms ease both;
	-moz-animation: slideBottom 600ms ease both;
	-o-animation: slideBottom 600ms ease both;
	animation: slideBottom 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .slideLeft.play .item-animate {
	-webkit-animation: slideLeft 600ms ease both;
	-moz-animation: slideLeft 600ms ease both;
	-o-animation: slideLeft 600ms ease both;
	animation: slideLeft 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .slideRight.play .item-animate {
	-webkit-animation: slideRight 600ms ease both;
	-moz-animation: slideRight 600ms ease both;
	-o-animation: slideRight 600ms ease both;
	animation: slideRight 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .bounceIn.play .item-animate {
	-webkit-animation: bounceIn 600ms ease both;
	-moz-animation: bounceIn 600ms ease both;
	-o-animation: bounceIn 600ms ease both;
	animation: bounceIn 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .bounceInRight.play .item-animate {
	-webkit-animation: bounceInRight 600ms ease both;
	-moz-animation: bounceInRight 600ms ease both;
	-o-animation: bounceInRight 600ms ease both;
	animation: bounceInRight 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .zoomIn.play .item-animate {
	-webkit-animation: zoomIn 600ms ease both;
	-moz-animation: zoomIn 600ms ease both;
	-o-animation: zoomIn 600ms ease both;
	animation: zoomIn 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .zoomOut.play .item-animate {
	-webkit-animation: zoomOut 600ms ease both;
	-moz-animation: zoomOut 600ms ease both;
	-o-animation: zoomOut 600ms ease both;
	animation: zoomOut 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .pageRight.play .item-animate {
	-webkit-animation: pageRight 600ms ease both;
	-moz-animation: pageRight 600ms ease both;
	-o-animation: pageRight 600ms ease both;
	animation: pageRight 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .pageLeft.play .item-animate {
	-webkit-animation: pageLeft 600ms ease both;
	-moz-animation: pageLeft 600ms ease both;
	-o-animation: pageLeft 600ms ease both;
	animation: pageLeft 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .pageTop.play .item-animate {
	-webkit-animation: pageTop 600ms ease both;
	-moz-animation: pageTop 600ms ease both;
	-o-animation: pageTop 600ms ease both;
	animation: pageTop 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .pageBottom.play .item-animate {
	-webkit-animation: pageBottom 600ms ease both;
	-moz-animation: pageBottom 600ms ease both;
	-o-animation: pageBottom 600ms ease both;
	animation: pageBottom 600ms ease both;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-content .starwars.play .item-animate {
	-webkit-animation: starwars 600ms ease-out both;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: starwars 600ms ease-out both;
	-moz-transform-origin: 50% 50%;
	-o-animation: starwars 600ms ease-out both;
	-o-transform-origin: 50% 50%;
	animation: starwars 600ms ease-out both;
	transform-origin: 50% 50%;
}
.thm-mart-producttabs .pdt-content .content-loading {
	width: 100%;
	max-width: 100%;
	padding: 0;
	position: relative;
	min-height: 400px;
	display: block;
	z-index: 0;
}
.thm-mart-producttabs .thm-mart-pdt-content .pdt-loadmore {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.thm-mart-producttabs .pdt-content .pdt-loadmore .btn-loadmore {
	padding: 6px 20px;
	display: inline-block;
	background: #777;
	color: #FFF;
	cursor: pointer;
	position: relative;
}
.thm-mart-producttabs .pdt-content .pdt-loadmore .btn-loadmore.loading {
	padding: 6px 20px 6px 50px;
}
.thm-mart-producttabs .pdt-content .pdt-loadmore .btn-loadmore:hover {
	background: #222;
}
.thm-mart-producttabs .pdt-content .pdt-loadmore .ico-loading {
	width: 24px;
	height: 24px;
	display: none;
	margin-right: 10px;
	vertical-align: middle;
	position: absolute;
	top: 6px;
	left: 20px;
}
.thm-mart-producttabs .pdt-content .pdt-loadmore .btn-loadmore.loading .load-number {
	display: none;
}
.thm-mart-producttabs .pdt-content.is-loading .pdt-loadmore {
	display: none;
}
.thm-mart-producttabs .pdt-content .pdt-loadmore .load-number:before {
	content: "("attr(data-more);
}
.thm-mart-producttabs .pdt-content .pdt-loadmore .load-number:after {
	content: attr(data-total)")";
}
.thm-mart-producttabs .pdt-list .wide-first {
	margin-left: 0px;
}
.pdt-list .item {
	margin-left: 2.4%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pdt-list .item.last {
	margin-left: 2.4%;
}
.thm-mart-producttabs .wide-6 .item {
	width: 14.529914529915%;
}
.thm-mart-producttabs .wide-5 .item {
	width: 23.2%;
}
.thm-mart-producttabs .wide-4 .item {
	width: 23.076923076923%;
}
.thm-mart-producttabs .wide-3 .item {
	width: 23.4%;
}
.thm-mart-producttabs .wide-2 .item {
	width: 48.717948717949%;
}
.thm-mart-producttabs .wide-1 .item {
	width: 100%;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-moz-transform: scale(1.8);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes zoomIn {
0% {
opacity: 0;
-o-transform: scale(1.8);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes zoomOut {
0% {
opacity: 0;
-webkit-transform: scale(.6);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomOut {
0% {
opacity: 0;
-moz-transform: scale(.6);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes zoomOut {
0% {
opacity: 0;
-o-transform: scale(.6);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes zoomOut {
0% {
opacity: 0;
transform: scale(.6);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@-moz-keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@-o-keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes slideBottom {
0% {
opacity: 0;
top: 50px;
}
100% {
opacity: 1;
top: 0;
}
}
@-webkit-keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-moz-keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-o-keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideRight {
0% {
opacity: 0;
left: 30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-webkit-keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-moz-keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-o-keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes slideLeft {
0% {
opacity: 0;
left: -30px;
}
100% {
opacity: 1;
left: 0;
}
}
@-webkit-keyframes pageLeft {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@-moz-keyframes pageLeft {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateY(0deg);
}
}
@-o-keyframes pageLeft {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageLeft {
0% {
opacity: 0;
transform: perspective(400px) rotateY(-90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
@-webkit-keyframes pageRight {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg);
}
}
@-moz-keyframes pageRight {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateY(0deg);
}
}
@-o-keyframes pageRight {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateY(0deg);
}
}
@keyframes pageRight {
0% {
opacity: 0;
transform: perspective(400px) rotateY(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateY(0deg);
}
}
@-webkit-keyframes pageTop {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@-moz-keyframes pageTop {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@-o-keyframes pageTop {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTop {
0% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@-webkit-keyframes pageTopBack {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@-moz-keyframes pageTopBack {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@-o-keyframes pageTopBack {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageTopBack {
0% {
opacity: 0;
transform: perspective(400px) rotateX(90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@-webkit-keyframes pageBottom {
0% {
opacity: 0;
-webkit-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
}
}
@-moz-keyframes pageBottom {
0% {
opacity: 0;
-moz-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-moz-transform: perspective(400px) rotateX(0deg);
}
}
@-o-keyframes pageBottom {
0% {
opacity: 0;
-o-transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
-o-transform: perspective(400px) rotateX(0deg);
}
}
@keyframes pageBottom {
0% {
opacity: 0;
transform: perspective(400px) rotateX(-90deg);
}
100% {
opacity: 1;
transform: perspective(400px) rotateX(0deg);
}
}
@-webkit-keyframes starwars {
0% {
opacity: 0;
-webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-webkit-transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
-webkit-transform: perspective(200px) scale(1) rotateX(0deg)
}
}
@-moz-keyframes starwars {
0% {
opacity: 0;
-moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-moz-transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
-moz-transform: perspective(200px) scale(1) rotateX(0deg)
}
}
@-o-keyframes starwars {
0% {
opacity: 0;
-o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
-o-transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
-o-transform: perspective(200px) scale(1) rotateX(0deg)
}
}
@keyframes starwars {
0% {
opacity: 0;
transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg);
}
80% {
opacity: 1;
transform: perspective(200px) scale(1) rotateX(60deg)
}
100% {
opacity: 1;
transform: perspective(200px) scale(1) rotateX(0deg)
}
}
/* products page */

.thm-mart-producttabs ul.pdt-list li.item a.thumb {
	position: relative;
	display: block;
	cursor: pointer;
}
.thm-mart-producttabs ul.pdt-list li.item a.thumb:hover {
	border-color: #999;
}
ul.pdt-list li.item a img.image-hover {
	display: none;
	margin: 0;
}
.thm-mart-producttabs ul.pdt-list li.item a.thumb span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
}
.thm-mart-producttabs ul.pdt-list li.item a.thumb span.quick-view span {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #0a0a0a;
	padding: 8px 0 6px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Public Sans', sans-serif;
}
.thm-mart-producttabs ul.pdt-list li.item a.thumb span.quick-view span i {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-top: -1px;
	background: url('../images/quick-view.png') no-repeat center;
	padding-right: 12px;
}
/* === FLIP 3D === */
.thm-mart-producttabs ul.pdt-list li.item .product-wrapper {
	position: relative;
	margin-top: 20px;
}
.thm-mart-producttabs ul.pdt-list li.item a.thumb.flip {
	transform-style: preserve-3d;
	transition: transform 0.5s linear;
}
.thm-mart-producttabs ul.pdt-list li.item .product-wrapper .thumb-wrapper a.thumb span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: -200px;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
	opacity: 0;
}
.thm-mart-producttabs ul.pdt-list li.item .product-wrapper .thumb-wrapper:hover a.thumb span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
	opacity: 0.8;
}
.col-item a.thumb span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: -200px;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
	opacity: 0;
}
.col-item:hover a.thumb span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
	opacity: 0.8;
}
/* View Type: Grid */
.products-grid {
	margin: 0;
	list-style: none;
}
.products-grid .link-wishlist:before {
	content: "\f004";
}
.products-grid .link-compare:before {
	content: "\f012";
}
.products-grid .link-wishlist {
	color: #252932;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #fff solid;
	width: 40px;
	margin-right: 7px;
	background:#fff;
	border-radius:50px
}
.products-grid .box-inner .actions .link-wishlist span, .products-grid .box-inner .actions .add-to-links a.link-compare span {
	display: none;
}
.products-grid .link-compare {
	color: #252932;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #fff solid;
	width: 40px;
	background:#fff;
	border-radius:50px
}
.products-grid .item .item-inner {
	position: relative;
	font-family: 'Bricolage Grotesque', sans-serif;
}
.products-grid .item .item-inner .actions {
	display: inline-block
}
.products-grid .item .item-inner .item-img {
	position: relative;
	border: 1px #eaeaea solid;
}
.products-grid .item .item-inner .item-img .ico-product {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 2;
	background: #de44c3;
	padding: 4px 20px 8px;
	color: #FFF;
	font-size: 150%;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.products-grid .item .item-inner .item-img .ico-product strong {
	font-weight: 600;
}
.products-grid .item .item-inner .item-img .ico-product.ico-sale {
	background: #7ebf38;
	right: 10px;
	left: auto;
}
.products-grid .item .item-inner .item-img .item-img-info {
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
	overflow: hidden;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image {
	display: block;
	width: 100%;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
	width: 100%;
}
.products-grid .item .item-inner .item-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.products-grid .item .item-inner .item-img img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.4s ease-out 0.2s;
	-moz-transition: all 0.4s ease-out 0.2s;
	-o-transition: all 0.4s ease-out 0.2s;
	transition: all 0.4s ease-out 0.2s;
	background-color: #ccc;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image .img-main {
	display: inline;
}
.products-grid .item .item-inner .item-img .item-box-hover {
	z-index: 2;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: absolute;
	width: 100%;
	top: 35%;
	opacity: 0
}
.products-grid .item .item-inner .item-img .item-box-hover .product-detail-bnt {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 7px
}
.item .item-inner .item-img .item-box-hover .product-detail-bnt a {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #fff solid;
	width: 40px;
	background: none
}
.item .item-inner .item-img .item-box-hover .product-detail-bnt a:hover {
	background-color: #FFC72C;
	cursor: pointer;
	bottom: 10%;
}

.products-grid .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button {
	border: 0;
	padding: 8px 12px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-weight: normal;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px solid #fff;
	background: none
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button:hover {
	background: #2ecc71;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button span {
	background: none;
	font-family: 'Bricolage Grotesque', sans-serif;
	padding: 0px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
	font-size: 14px;
	margin-right: 7px
}
.products-grid .item .item-inner .item-img .item-box-hover .box-inner .product-detail-bnt a.button.detail-bnt:before {
	content: "\f002";
	font-family: 'FontAwesome';
	font-size: 14px;
}
.products-grid .item .item-inner .item-info {
	text-align: center;
}
.products-grid .item .item-inner .item-info .info-inner {
	border: 0px solid #fff;
	border-top: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings {
margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box, .products-grid .item .item-inner .item-info .info-inner .item-content .ratings .rating-box {
	float: none;
	margin: 0 0;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links, .products .item .item-inner .item-info .info-inner .item-content .ratings .rating-links {
	display: none;
}
.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 7px;
	padding-top: 20px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: 0.5px
}
.products-grid .item .item-inner .item-info .info-inner .item-title a {
	text-decoration: none;
	text-transform: uppercase;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a:hover {
	color: #FF6B4A;
}
.products-grid .item:hover .item-inner .item-img .item-img-info {
	border-color: #ccc;
}
.products-grid .item:hover .item-inner .item-img .item-img-info a.product-image:before {
	left: 0px;
	top: 0px;
	margin: 0 0;
	background: #000;
	opacity: 0.6;
	cursor: pointer
}
.products-grid .item:hover .item-inner .item-img .item-box-hover {
	visibility: visible;
	opacity: 1;
	left: 0px;
	bottom: 0px;
}
.products-grid .item:hover .item-inner .item-info .info-inner {
	border-color: #fff;
	background: #fff;
	opacity: 0.8;
}
.products-grid .item:hover .item-inner .item-info .info-inner .item-title a {
	color: #FF6B4A;
}
/*  End  =*/

/* Rating */
.no-rating {
	margin: 0;
}
.no-rating a {
	color: #000;
}
.ratings {
	font-size: 11px;
	line-height: normal;
	margin: 2px 0;
}
.ratings strong {
	float: left;
	margin: 1px 3px 0 0;
}
.ratings .rating-links {
	margin: 0;
	display: none;
}
.ratings .rating-links a {
	margin: 0;
	text-decoration: none;
	color: #999;
	font-family: 'Public Sans', sans-serif;
	font-size: 12px
}
.ratings .rating-links .separator {
	margin: 0 2px;
}
.rating-box {
	width: 60px;
	height: 10px;
	font-size: 0;
	line-height: 0;
	background: url(../images/bkg_rating.png) 0 0 repeat-x;
	text-indent: -999em;
	overflow: hidden;
}
.rating-box .rating {
	float: left;
	height: 9px;
	background: url(../images/bkg_rating.png) 0 100% repeat-x;
}
.ratings .rating-box {
	margin-right: 8px;
	display: inline-block;
}

.ratings-table th, .ratings-table td {
	font-size: 11px;
	line-height: 1.15;
	padding: 3px 0;
}
.ratings-table th {
	font-weight: normal;
	padding-right: 8px;
}
/* Price */
.price {
	font-size: 14px;
	color: #333;
	white-space: nowrap !important;
}
.price-box {
	margin: 0;
	padding: 5px 0px;
	padding-top: 0px
}
/* Regular price */
.regular-price {
	display: inline;
	font-family:'Bricolage Grotesque', sans-serif
}
.regular-price .price {
	font-weight: bold;
	font-size: 13px;
	color: #000;
}
.block .regular-price, .block .regular-price .price {
	color: #000;
}
.price-box .price-from .price {
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
.price-box .price-to .price {
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
.price-box .minimal-price .price {
	font-weight: bold;
	font-size: 13px;
	color: #333;
}
/* Old price */
.old-price .price-label {
	white-space: nowrap;
	color: #999;
	display: none;
}
.old-price {
	display: inline;
	margin-right: 5px;
}
/* Old price */
.old-price .price-label {
	color: #777777;
	display: none;
	white-space: nowrap;
}
.old-price .price {
	color: #999!important;
	font-size: 13px;
	font-weight: normal;
	text-decoration: line-through;
	margin-right: 6px;
}
.latest-product .old-price .price-label {
	display: none;
}
/* Special price */
.special-price {
	margin: 0;
	padding: 3px 0;
	display: inline;
	font-family:'Bricolage Grotesque', sans-serif
}
.special-price .price-label {
	color: #666;
	display: none;
	font-size: 13px;
	font-weight: 400;
	white-space: nowrap;
}
.special-price .price {
	font-size: 14px;
	color: #000;
	font-weight: bold;
}
.special-price .price-label {
	font-size: 13px;
	font-weight: 900;
	white-space: nowrap;
	color: #666;
	display: none;
}
.latest-product .special-price .price-label {
	display: none;
}
/* Minimal price (as low as) */
.minimal-price {
	margin: 0;
}
.minimal-price .price-label {
	white-space: nowrap;
}
.minimal-price-link {
	display: inline;
}

.products-grid .actions button.button.btn-cart {
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 8px 0 8px;
	padding: 9px 10px 9px 10px;
	color: #333;
	line-height: 14px;
}
.products-grid .item:hover .actions button.button.btn-cart {
	background: #333;
	border: 1px solid #333;
	margin: 0 3px 0 3px;
	padding: 9px 10px 9px 10px;
	color: #FFFFFF;
}
.products-grid .actions button.button.btn-cart span {
	font-family: 'Public Sans', sans-serif;
	font-size: 11px;
	padding: 0 8px;
	font-weight: bold;
	margin-left: 0;
	text-transform: uppercase
}
/* Special price */

/*  Product Slider1 Start =*/

.carousel-inner {
	margin-top: 20px;
}
.best-seller-pro {
	position: relative;
	margin-bottom: 15px;
}
.featured-pro {	
	padding:0px 25px;
	position:relative;
	z-index:1000;
	margin-top:0px;
	padding-bottom:30px;
	background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #eee #d5d5d5 #eee;
  box-shadow: 0 5px 0 rgba(200,200,200,.2);
  margin-bottom:50px}
  



.top-cate{padding:0px; width:100%;  position:relative; margin-top:45px}

.top-cate .new_title { text-align:left; margin-left:-20px; margin-right:-10px; border-bottom:1px #e5e5e5 solid}

.top-cate .new_title .title-img{ background:#0A6E7C; width:100px; height:50px; border-radius:0px 0px 50px 50px;  color:#fff; margin-top:0px; line-height:normal}

.top-cate .new_title h2 {
	color: #fff;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 22px 25px 22px 25px;
	position: relative;
	display: inline-block;
	font-family:'Bricolage Grotesque', sans-serif;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	background:#FFC72C;
	margin-top:0px;
	min-width:250px

	
}



.top-cate .new_title h2:after {
  content: "";
  height: 1px;
  width: 1px;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  bottom: -10px;
  left: 0;
  border-color: #d95451 #d95451 transparent transparent;
  }

.top-cate .new_title span {display:block; color:#333; margin-bottom:35px; font-size:14px}

.offer-slider {
	display: block;
	text-align: center;
	margin: 0px auto 30px;
}
.featured-pro .product-block {
	text-align: center
}
.featured-pro .pro-img {
	overflow: hidden;
	position: relative;
    z-index:1000

}


.featured-pro .pro-img img {
  position: relative;
  border-radius: 150px;
  width: 120px;
  height: 120px;
  border: 5px #ddd solid;
  margin-top:20px
}
.featured-pro .pro-img img:hover {
	transform: rotate(-360deg);
	transition: all 0.5s ease 0s;
	-webkit-transform: rotate(-360deg);
	-webkit-transition: all 0.5s ease 0s;
	cursor: pointer
}


.featured-pro .pro-img .pro-info {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	margin: auto;
	padding: 6px 0px 0px 0px;
	text-transform: uppercase;
	font-family: 'Bricolage Grotesque', sans-serif;
	/* margin: 0px 20px; */
	width: 100%;


}
.offer-slider li {
	position: relative
}
.offer-slider p {
	color: #777;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
.offer-slider a.shop-now {
	padding: 7px 25px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	margin-left: 10px;
	border-radius: 25px;
	letter-spacing: 1px;
	font-family: 'Bricolage Grotesque', sans-serif;
	display: inline-block;
	background: #ffc000;
}
.offer-slider a.shop-now:after {
	content: '\f0da';
	font-family: FontAwesome;
	display: inline-block !important;
	margin-left: 15px;
	color: #fff;
	font-size: 16px;
}
.offer-slider a.shop-now:hover {
	color: #fff;
	background-color: #FFC72C;
}




#featured-slider .link-wishlist, #featured-slider .link-compare {
	display: none!important
}
#featured-slider .products-grid .item .item-inner .item-info .info-inner .item-title a {
	font-size: 13px
}
#featured-slider .price-box {
	border: none;
	margin: 0px;
	padding-bottom: 2px
}
#featured-slider .regular-price .price {
	font-size: 12px
}
#featured-slider .special-price .price {
	font-size: 12px
}
#featured-slider .products-grid .actions button.button.btn-cart {
	padding: 3px 8px;
	border: 1px #eaeaea solid
}
#featured-slider .products-grid .actions button.button.btn-cart span {
	font-size: 10px
}
#featured-slider .products-grid .actions .link-wishlist {
	padding: 8px 10px;
	font-size: 12px;
	display: none
}
#featured-slider .products-grid .item:hover .actions .link-wishlist {
	padding: 8px 10px;
	font-size: 12px;
	display: inline-block
}
#featured-slider .products-grid .actions .link-compare {
	padding: 8px 10px;
	font-size: 12px;
	display: none
}
#featured-slider .products-grid .item:hover .actions .link-compare {
	padding: 8px 10px;
	font-size: 12px;
	display: inline-block
}
.glyphicon-chevron-right:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	text-transform: none;
	font-size: 18px;
	padding: 6px 6px 6px 6px;
	line-height: 30px;
}
.glyphicon-chevron-left:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	content: "\f104";
	text-transform: none;
	font-size: 18px;
	padding: 6px 4px;
	line-height: 30px;
}
.col-item {
	position: relative;
	background: #FFF;
}
.col-item .photo img {
	margin: 0 auto;
	width: 100%;
}
.col-item .info {
	margin-top: 1px;
	text-align: center;
}
.col-item:hover .info {
	background-color: #fff;
}
.clear-left {
	clear: left;
}
.col-item .separator p {
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}
.col-item .separator p i {
	margin-right: 5px;
}
.col-item .btn-add {
	width: 50%;
	float: left;
}
.col-item .btn-add {
	border-right: 1px solid #E1E1E1;
}
.col-item .btn-details {
	width: 50%;
	float: left;
	padding-left: 10px;
}
[data-slide="prev"] {
margin-right: 10px;
}
.col-item .actions-links {
	height: 50px;
	background: #222;
	position: absolute;
	top: 55%;
	width: 100%;
	opacity: 0;
	z-index: 1000;
	overflow: hidden;
}
.col-item:hover .actions-links {
	height: 35px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 58.4%;
	width: 100%;
	opacity: 8;
	z-index: 10000;
}
.col-item .actions-links .add-to-links a.thm-mart-btn-quickview {
	left: 120%;
	opacity: 0;
	position: absolute;
	margin-top: 4px;
	z-index: 10;
	cursor: pointer;
}
.col-item:hover .actions-links .add-to-links a.thm-mart-btn-quickview {
	left: 26%;
	opacity: 8;
	position: absolute;
	margin-top: 0px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	width: 40px;
	text-align: center;
}
.col-item .actions-links .add-to-links a.thm-mart-btn-quickview:before {
	content: "\f002";
}
.col-item .actions-links .add-to-links a.thm-mart-btn-quickview {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
	display: inline-block;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	padding: 5px 5px;
	line-height: 25px;
	width: 30px;
}
.col-item .actions-links .add-to-links a.thm-mart-btn-quickview:hover {
	background: #FFC72C;
}
.col-item .actions-links .add-to-links a.link-wishlist:before {
	content: "\f004";
}
.col-item .actions-links .add-to-links a.link-compare:before {
	content: "\f012";
}
.col-item .actions-links .add-to-links a.link-wishlist {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
	display: inline-block;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	padding: 5px 5px;
	line-height: 25px !important;
	width: 30px;
}
.col-item .actions-links .add-to-links a.link-wishlist:hover {
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 5px 5px;
	text-decoration: none;
	color: #fff;
	line-height: 25px;
	background: #FFC72C;
	width: 30px;
}
.col-item .actions-links .add-to-links a.link-compare {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
	display: inline-block;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	padding: 5px 5px;
	line-height: 25px !important;
	width: 30px;
}
.col-item .actions-links .add-to-links a.link-compare:hover {
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 5px 5px;
	text-decoration: none;
	color: #fff !important;
	line-height: 25px !important;
	background: #FFC72C;
	width: 30px;
}
.col-item .add-to-links a span {
	display: none;
}
.col-item .actions-links .add-to-links a.link-wishlist {
	right: 120%;
	opacity: 0;
	position: absolute;
	margin-top: 4px;
	z-index: 10;
}
.col-item:hover .actions-links .add-to-links a.link-wishlist {
	right: 44%;
	opacity: 8;
	position: absolute;
	margin-top: 0px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-top: none;
	border-bottom: none;
	width: 40px;
	text-align: center;
}
.col-item .actions-links .add-to-links a.link-compare {
	right: 120%;
	opacity: 0;
	position: absolute;
	margin-top: 4px;
	z-index: 10;
}
.col-item:hover .actions-links .add-to-links a.link-compare {
	right: 29%;
	opacity: 8;
	position: absolute;
	margin-top: 0px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-top: none;
	border-bottom: none;
	border-left: none;
	width: 40px;
	text-align: center;
}
.col-item .info .info-inner .item-title {
	margin-bottom: 5px;
	padding-top: 16px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
}
.col-item .info .info-inner .item-title a {
	text-decoration: none;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #000;
}
.col-item .info .info-inner .item-title a:hover {
	color: #FF6B4A;
}
/*.actions button.button.btn-cart {
background: #fff;
border: 1px solid #ddd;
margin: 10px 8px 0 8px;
padding: 9px 10px 9px 10px;
color: #333;
line-height: 14px;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.actions button.button.btn-cart:hover {
background: #333;
color: #fff;
}*/
.products-list .desc .link-learn {
	font-size: 13px;
	font-weight: normal;
	margin-top: 5px;
	color: #282828;
}
.products-list .ratings .rating-links {
	margin: 0;
	display: inline-block;
}
.category-image img {
	width: 100%;
}
/*.actions button.button.btn-cart span {
font-family:  'Public Sans', sans-serif;;
font-size: 11px;
padding: 0 8px;
font-weight: bold;
margin-left: 0;
text-transform: uppercase
}*/
.promo-banner-section {
	margin: 5px auto 25px;
}
.small-pr-slider span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
}
.small-pr-slider span.quick-view span {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #0a0a0a;
	padding: 8px 0 6px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Public Sans', sans-serif;
}
.small-pr-slider span.quick-view span i {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-top: -1px;
	background: url('../images/quick-view.png') no-repeat center;
	padding-right: 12px;
}
.small-pr-slider .controls .prev {
	top: 10px;
	right: 50px;
}
.small-pr-slider .controls .next {
	top: 10px;
	right: 15px;
}
.small-pr-slider .col-item .actions-links {
	height: 32px;
	top: 52%;
}
.small-pr-slider .col-item:hover .actions-links {
	height: 30px;
	top: 45.8%;
}

/*Best Products Slider */

.cate-banner-img {position:absolute; z-index:100; margin-top:-9px; margin-left:-9px}

#best-seller .owl-item .item {margin-left:14px; margin-right:14px}

.best-pro {  padding: 0px 10px;
  position: relative;
  margin-top: 0px;
  padding-bottom: 42px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #eee #d5d5d5 #eee;
  box-shadow: 0 5px 0 rgba(200,200,200,.2);
  margin-bottom: 30px;
 }

.best-pro .new_title {
  text-align: left;
  margin-left: -20px;
  margin-right: -10px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom:10px}

.best-pro .new_title h2 {
	color: #fff;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 22px 25px 22px 25px;
	position: relative;
	display: inline-block;
	font-family:'Bricolage Grotesque', sans-serif;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	background:#0A6E7C;
	margin-top:0px;
    min-width:250px}



.best-pro .new_title h2:after {
  content: "";
  height: 1px;
  width: 1px;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  bottom: -10px;
  left: 0;
  border-color: #6a9c32 #6a9c32 transparent transparent; }


#best-seller .owl-item .item.first {
	margin-left: 0;
}
#best-seller .owl-item .item {
	float: left;
	background: #FFF;
	margin-top: 20px;
}
#best-seller .owl-item .item.show-addtocart {
	margin-top: 37px;
}
#best-seller .owl-item .item .item-inner {
	position: relative;
	font-family: 'Bricolage Grotesque', sans-serif;
}
#best-seller .owl-item .item .item-inner .actions {
	display: inline-block
}
#best-seller .owl-item .item .item-inner .item-img {
	position: relative;
	border: 1px #eaeaea solid;
}
#best-seller .owl-item .item .item-inner .item-img .ico-product {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 2;
	background: #de44c3;
	padding: 4px 20px 8px;
	color: #FFF;
	font-size: 150%;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#best-seller .owl-item .item .item-inner .item-img .ico-product strong {
	font-weight: 600;
}
#best-seller .owl-item .item .item-inner .item-img .ico-product.ico-sale {
	background: #7ebf38;
	right: 10px;
	left: auto;
}
#best-seller .owl-item .item .item-inner .item-img .item-img-info {
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative;
	overflow: hidden;
}
#best-seller .owl-item .item .item-inner .item-img .item-img-info a.product-image {
	display: block;
	width: 100%;
}
#best-seller .owl-item .item .item-inner .item-img .item-img-info a.product-image img {
	width: 100%;
}
#best-seller .owl-item .item .item-inner .item-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
}
#best-seller .owl-item .item .item-inner .item-img img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
#best-seller .owl-item .item .item-inner .item-img .item-img-info a.product-image:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.4s ease-out 0.2s;
	-moz-transition: all 0.4s ease-out 0.2s;
	-o-transition: all 0.4s ease-out 0.2s;
	transition: all 0.4s ease-out 0.2s;
	background-color: #ccc;
}
#best-seller .owl-item .item .item-inner .item-img .item-img-info a.product-image .img-main {
	display: inline;
}
#best-seller .owl-item .item .item-inner .item-img .item-box-hover {
	z-index: 2;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	position: absolute;
	width: 100%;
	top: 35%;
	opacity: 0
}
#best-seller .owl-item .item .item-inner .item-img .item-box-hover .product-detail-bnt {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 7px
}
.item .item-inner .item-img .item-box-hover .product-detail-bnt a {
	color: #252932;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #fff solid;
	width: 40px;
	background: #fff;
	border-radius:50px
}
.item .item-inner .item-img .item-box-hover .product-detail-bnt a:hover {
	background-color: #252932;
	cursor: pointer;
	bottom: 10%;
	color:#fff;
	border-color:#252932
}

.item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button {
	border: 0;
	padding: 8px 12px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	color: #252932;
	font-weight: normal;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px solid #fff;
	background: #fff;
	border-radius:50px
}
#best-seller .owl-item .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button:hover {
	background: #2ecc71;
}
#best-seller .owl-item .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button span {
	background: none;
	font-family: 'Bricolage Grotesque', sans-serif;
	padding: 0px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
}
#best-seller .owl-item .item .item-inner .item-img .item-box-hover .box-inner .add_cart button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
	font-size: 14px;
	margin-right: 7px
}
#best-seller .owl-item .item .item-inner .item-img .item-box-hover .box-inner .product-detail-bnt a.button.detail-bnt:before {
	content: "\f002";
	font-family: 'FontAwesome';
	font-size: 14px;
}
#best-seller .owl-item .item .item-inner .item-info {
	text-align: center;
}
#best-seller .owl-item .item .item-inner .item-info .info-inner {
	border: 0px solid #fff;
	border-top: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#best-seller .owl-item .item .item-inner .item-info .info-inner .item-content .no-rating, #best-seller-slider .owl-item .item .item-inner .item-info .info-inner .item-content .ratings {
margin: 0 0;
}
#best-seller .owl-item .item .item-inner .item-info .info-inner .item-content .no-rating .rating-box, #best-seller-slider .owl-item .item .item-inner .item-info .info-inner .item-content .ratings .rating-box {
	float: none;
	margin: 0 0;
}
#best-seller .owl-item .item .item-inner .item-info .info-inner .item-content .no-rating .rating-links, #best-seller-slider .owl-item .item .item-inner .item-info .info-inner .item-content .ratings .rating-links {
	display: none;
}

#best-seller .owl-item .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 7px;
	padding-top: 20px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: 0.5px
}
#best-seller .owl-item .item .item-inner .item-info .info-inner .item-title a {
	text-decoration: none;
	text-transform: uppercase;
}
#best-seller .owl-item .item .item-inner .item-info .info-inner .item-title a:hover {
	color: #FF6B4A;
}
#best-seller .owl-item .item:hover .item-inner .item-img .item-img-info {
	border-color: #ccc;
}
#best-seller .owl-item .item:hover .item-inner .item-img .item-img-info a.product-image:before {
	left: 0px;
	top: 0px;
	margin: 0 0;
	background: #000;
	opacity: 0.6;
	cursor: pointer
}
#best-seller .owl-item .item:hover .item-inner .item-img .item-box-hover {
	visibility: visible;
	opacity: 1;
	left: 0px;
	bottom: 0px;
}
#best-seller .owl-item .item:hover .item-inner .item-info .info-inner {
	border-color: #fff;
	background: #fff;
	opacity: 0.8;
}
#best-seller .owl-item .item:hover .item-inner .item-info .info-inner .item-title a {
	color: #FF6B4A;
}

.add_cart {margin-top:15px}
.btn-cart {padding:0px!important; border:2px #0A6E7C solid!important}
.btn-cart:before { content:'\f07a'; font-family: FontAwesome; background:#0A6E7C; color:#fff; font-size:16px; padding:6px 15px; display:inline-block; }
.btn-cart span {display:inline-block; padding:0px 15px}
#best-seller-slider .owl-item .item:hover .btn-cart {
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -45px 0 0 #FFC72C;
	border: 2px solid #e0403d;
	color: #fff;
}

/* products page */
.col-item {
	text-align: center;
	margin-bottom: 30px;
	width: 100%;
}
.col-item a.thumb {
	position: relative;
	display: block;
	cursor: pointer;
}
.col-item a.thumb:hover {
	border-color: #999;
}
.col-item a.thumb span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
}
.col-item a.thumb span.quick-view span {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	color: #0a0a0a;
	padding: 10px 0 5px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Public Sans', sans-serif;
}
.col-item a.thumb span.quick-view span i {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-top: -1px;
	background: url('../images/quick-view.png') no-repeat center;
	padding-right: 18px;
}
/* === FLIP 3D === */
.col-item .product-wrapper {
	position: relative;
	margin-top: 20px;
}
.col-item a.thumb.flip {
	transform-style: preserve-3d;
	transition: transform 0.5s linear;
}
.col-item .thumb-wrapper:hover a.thumb.flip {
	transform: rotateY(180deg);
}
.col-item .product-wrapper a.thumb.flip .face {
	display: block;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	position: relative;
	z-index: 1;
}
.col-item .product-wrapper a.thumb.flip .face img {
	width: 100%;
}
.col-item .product-wrapper a.thumb.flip .face.back {
	display: block;
	transform: rotateY(180deg);
	position: absolute;
	top: 3px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.col-item .product-wrapper a.thumb.flip .face.back img {
	width: 100%;
}
.col-item .actions .add-to-links a.link-wishlist {
	right: -142px;
	opacity: 0;
	position: absolute;
	margin-top: -35px;
	z-index: 100;
}
.col-item:hover .actions .add-to-links a.link-wishlist {
	right: 36px;
	opacity: 1;
	position: absolute;
	margin-top: -35px;
	z-index: 100;
}
.col-item .actions .add-to-links a.link-compare {
	right: -106px;
	opacity: 0;
	position: absolute;
	z-index: 100;
	margin-top: -35px;
}
.col-item:hover .actions .add-to-links a.link-compare {
	right: 5px;
	opacity: 1;
	z-index: 100;
	position: absolute;
	margin-top: -35px;
}
.col-item .actions .add-to-links a.link-wishlist:before {
	content: "\f004";
}
.col-item .actions .add-to-links a.link-compare:before {
	content: "\f012";
}
.col-item .actions a.link-wishlist, .col-item .actions a.link-compare {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	text-decoration: none;
	display: inline-block;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	padding: 6px 8px;
	line-height: 17px;
	background-color: #333;
}
.col-item .actions .add-to-links a.link-wishlist:hover, .col-item .actions .add-to-links a.link-compare:hover {
	color: #fff;
	background-color: #000;
}
.col-item .item-title {
	margin-bottom: 5px;
	padding-top: 16px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.col-item .item-title a {
	text-decoration: none;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #000;
	font-size: 13px;
}
/* products page */

.recommend {
	margin: 20px auto;
	position: relative;
}
.recommend .controls .next {
	right: 0;
}
.recommend .controls .prev {
	right: 36px;
}


.new_title.center {
	padding: 0 0 20px 0;
	text-align: center;
	margin: 0px
}
.new_title {
	color: #000000;
	margin: 0 auto 10px;
	text-align: center;
	text-transform: none;
}
.new_title.center h1,
.new_title.center h2 {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #222;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.3em;
	margin: 0 auto 8px;
	padding-bottom: 12px;
	border-bottom: 2px solid #FFC72C;
	display: table;
}
.new_title.center span {
	display: block;
	color: #888;
	font-size: 13px;
}
@media (max-width: 767px) {
	.new_title.center h1,
	.new_title.center h2 {
		font-size: 19px;
	}
}
.cross-sell-pro .new_title h2 {
	padding: 8px 20px 8px 0px;
}
.cross-sell-pro {
	margin-top: 25px;
}
/*  Product Slider1End  =*/


/* blog-post */
.blog-wrapper {
    padding: 25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;}

.blog-wrapper header{ z-index:auto}

.blog-wrapper .entry-date{background:#fff; color:#0A6E7C; padding:10px 15px; font-family:'Bricolage Grotesque', sans-serif; text-transform:uppercase; position:absolute; right:20px; top:18px; border:#ececec double}

.blog-wrapper .entry-content {padding-top:0px}

.blog-index .col-main {padding-right:0px}

.blog-side {padding-right:15px!important}

.blog-side h2{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 12px 25px 10px 25px;
    position: relative;
    display: inline-block;
    font-family: 'Bricolage Grotesque', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #FFC72C;
    margin-top: 0px;
    margin-left: -10px;
}

.blog-side .widget-content {padding:20px; font-size:13px}

.blog-wrapper blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    border-left: 5px solid #eee;
    font-family: georgia;
    font-style: italic;
}

.blog-wrapper h2 {font-size:24px;}
.blog-wrapper h3 {font-size:18px; margin-top:15px}
.blog-wrapper h4 {font-size:16px; margin-top:15px}
.blog-wrapper h5 {font-size:14px;margin-top:15px}

.blog-side .widget-content li {overflow:hidden; padding-bottom: 15px; border-bottom: 1px #ececec solid; margin-bottom: 15px;}

.blog-side .featured-thumb {width:100%;}

.blog-side .featured-thumb img {width:100%}

.blog-side .content-info {width:100%; margin-top:10px}

.blog-side .content-info h4 {margin-top:0px; font-size:12px; line-height:1.4em; margin-bottom:4px}

.blog-side .post-meta {font-size:12px; font-family:'Bricolage Grotesque', sans-serif; color:#999; margin-bottom:0px}

.blog-side .icon-calendar {margin-right:5px}

.blog-side .widget_categories {
    padding: 0px;
    position: relative;
    margin-top: 0px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;}

.blog-side .widget_categories .content{padding:20px}

.blog-side .widget_categories .content ul {padding-top:5px; padding-bottom:5px}

.blog-side .text-widget {padding: 0px;
    position: relative;
    margin-top: 0px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;}

.blog-side h2:after {
    content: "";
    height: 1px;
    width: 1px;
    border-style: solid;
    border-width: 5px;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-color: #d95451 #d95451 transparent transparent;
}

.popular-posts {
    padding: 0px;
    position: relative;
    margin-top: 0px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;}

.blog_entry {position:relative; padding-bottom:50px}
.blog_entry .btn {border:2px #ececec solid; border-radius:0px; font-size:12px}
.blog_entry .btn:hover{ background:#0A6E7C; border-color:#0A6E7C}




.blog_entry-title {margin-top:0px; font-family:'Bricolage Grotesque', sans-serif; text-transform:uppercase; font-weight:700; font-size:24px; border-bottom:#ececec double; padding-bottom:15px; margin-bottom:20px}
	
.entry-content	{padding-top:20px}
	
.blog-wrapper img{ max-width:100%}	

.latest-blog img {
	width: 100%;
	border-radius: 0px
}
.latest-blog {
  padding:0px;
  position: relative;
  margin-top: 0px;
  margin-bottom: 30px;
  overflow:hidden
}
.latest-blog .blog-post{
  padding: 0px 0px;
}

.latest-blog .blog_inner {
  position: relative;
  margin-top: 0px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #eee #d5d5d5 #eee;
  box-shadow: 0 5px 0 rgba(200,200,200,.2);
  margin-bottom: 30px;
  margin-right:15px;
  margin-left:3px;
}
  
 .latest-blog .fl-right {
	float: right;
	margin-right:0px
}

.blog-info{padding:25px 20px} 

.latest-blog .blog-title {
	color: #000000;
	height: 50px;
	margin: 0 auto 0px;
	text-align: left;
	text-transform: none;
	padding-left: 15px
}
.latest-blog h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:19px
}
.latest-blog h3 a {
	font-size: 13px;
	font-weight: 700;
	font-family: 'Bricolage Grotesque', sans-serif;
	padding-bottom: 10px;
	display: block;
	text-transform:uppercase
}

.latest-blog .post-date {
	height:60px;
	width:60px;
	background:#FFC72C;
	position:absolute;
	display:inline-block;
	color:#fff;
	font-weight: 700;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	left:22px;
	margin-top:-75px;
	padding-top:10px;
	border:4px #fff solid

	
}
.latest-blog .readmore {
	font-size: 12px;
	display: inline-block;
	padding: 6px 15px;
	border: 1px #ddd solid;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Bricolage Grotesque', sans-serif;
	letter-spacing: 1px;
	font-weight: 700;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff
}
.latest-blog .readmore:hover {
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #FFC72C;
	border: 1px solid #e0403d;
	color: #fff
}
.latest-blog .blog-title h2 {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	padding: 12px 10px 2px 0px;
	position: relative;
	display: inline-block;
	font-family: 'Public Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.latest-blog h2 {
  color: #000;
  font-size:18px;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 15px 25px 15px 25px;
  position: relative;
  display:inline-block;
  font-family:'Bricolage Grotesque', serif;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  margin-top:25px;
  text-align:center;
  border:#ddd double;
  text-transform:uppercase;
  background:#fff;
  letter-spacing:2px

	
}


.post-date {
	color: #5e5f5f;
	font-weight: normal;
	font-size: 13px;
}
.latest-blog a {
	color: #333;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}
.latest-blog a:hover {
	color: #000;
	text-decoration: none;
}
.blog_post img {
	max-width: 100%;
	height: auto;
}
.latest-blog p {
	font-size: 13px;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	text-align: left;
	color: #777
}
.blog_post img {
	margin-bottom: 20px;
	width: 100%;
}
.latest-blog .blog-img {
	display: block;
	overflow: hidden;
}
.latest-blog .blog-img img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.latest-blog .blog-img:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
}
.blog-img img {
	-webkit-transition: all 0.4s ease-in-out 0.5s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-o-transition: all 0.4s ease-in-out 0.5s;
	-ms-transition: all 0.4s ease-in-out 0.5s;
	transition: all 0.4s ease-in-out 0.5s;
}
.blog-img .mask {
	background-color: #000;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in 0.4s;
	-moz-transition: all 0.3s ease-in 0.4s;
	-o-transition: all 0.3s ease-in 0.4s;
	-ms-transition: all 0.3s ease-in 0.4s;
	transition: all 0.3s ease-in 0.4s;
}
.blog-img a.info {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out 0.1s;
	-moz-transition: all 0.3s ease-in-out 0.1s;
	-o-transition: all 0.3s ease-in-out 0.1s;
	-ms-transition: all 0.3s ease-in-out 0.1s;
	transition: all 0.3s ease-in-out 0.1s;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-o-transform: translateY(70px);
	-ms-transform: translateY(70px);
	transform: translateY(70px);
}
.blog-img:hover .mask {
	background-color: rgba(0,0,0,0.5);
	opacity: 1;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.blog-img:hover a.info {
	opacity: 1;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-o-transform: translateY(70px);
	-ms-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.blog-img .mask, .blog-img .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	text-align: center;
}
.blog-img a.info {
	display: inline-block;
	text-decoration: none;
	padding: 8px 18px;
	color: #fff;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: bold;
	font-size: 13px;
	border: 1px #fff solid;
	text-transform: uppercase;
	margin-top: 10%;
}
.blog-img a.info:hover {
	background: #FFC72C;
}
.blog-img {
	position: relative;
}
/* blog-End */
/* ======================== Features Box ============================ */

.our-features-box {
	overflow: hidden;
	padding: 0px;
	width: 100%;
	margin: auto;
	padding: 0px 0;
	background: #f5f5f5;
	margin-bottom: 0px;
}

.our-features-box .container{ padding:0px}

.our-features-box ul {
	list-style: none;
	margin: auto;
	padding: 0;
	border: none;
	padding:50px 0px;
	overflow: hidden
}
.our-features-box li {
	float: left;
	margin-bottom: 0px;
	text-align: center;
	width: 25.5%;
	padding: 0;
	display: inline-block;
}
.our-features-box li.last {
	margin-right: 0;
	width: 23.5%
}

.our-features-box li.last .our-features-box .feature-box {margin-right:0px!important}

.our-features-box .feature-box {
	overflow: hidden;
	font-size: 16px;
	text-align: center;
	color: #fff;
	line-height: 1.4em;
	font-weight: normal;
	font-family: 'Bricolage Grotesque', sans-serif;
	margin-right: 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius:3px;
	padding:25px
	
}

.free-shipping{ background:#94d7fb; color: #fff; }
.need-help{ background:#685c88; color: #fff; }
.money-back{ background:#fc9cc4; color: #fff; }
.return-policy{ background:#dc4720; color: #fff;margin-right: 0!important; }

.our-features-box .feature-box .content {
  display: block;
  text-align: left;
  margin-left: 50px;
  border-left: 1px rgba(255,255,255, 0.5) solid;
  padding-left: 15px;
}
.our-features-box .feature-box span {
	font-size: 12px;
	display: block;
	font-weight: 400;
	text-transform: none;
	display: block;
	padding-top: 5px;
	color: #fff;
	line-height: 18px;
	font-style: italic;
}
.icon-truck:before {
	content: "\f0d1";
}
.icon-truck, .icon-money, .icon-support, .icon-return {
  font-family: FontAwesome;
  display: inline-block !important;
  font-size: 32px;
  margin: auto;
  color: #fff;
  text-align: center;
  width: 50px!important;
  text-align: left;
  padding-left: 0px;
  float: left;
  height: 38px;
  line-height: 38px;

}
.icon-money:before {
	content: "\f155";
}
.icon-support:before {
	content: "\f095";
}
.icon-return:before {
	content: "\f0b1";
}
/* ======================== End Features Box ============================ */

/* PRODUCTS SLIDER */
.owl-item .item {
	margin: 0 15px;
}
.slider-items-products {
	position: relative;
}
.slider-items-products .item {
	text-align: center;
}
.slider-items-products .item .product-image {
	display: block;
	overflow: hidden;
}
.slider-items-products .item .product-image img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.slider-items-products .item .product-image:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
}
#category-desc-slider img {
	width: 100%
}
.owl-buttons {
	opacity: 1;
}
.slider-items-products .owl-buttons .owl-prev {
position: absolute;
  right: 43px;
  top: 0%;
  margin-top: -62px;

}
.slider-items-products .owl-buttons .owl-next {
	position: absolute;
	right:0%;
	top: 0%;
	margin-top: -62px;

}
.slider-items-products .owl-buttons .owl-prev a {
	background-position: 0 100%;
	border-right: 1px solid #999;
	opacity: .3;
}
.slider-items-products .owl-buttons .owl-next a {
	background-position: 100% 100%;
	top: 40%;
	border-left: 1px solid #999;
	opacity: .3;
}
.slider-items-products .owl-buttons .owl-next a:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	text-transform: none;
	font-size: 19px;
	color:#333;
	  width: 38px !important;
  height: 32px !important;
  line-height: 34px;
}
.slider-items-products .owl-buttons .owl-prev a:before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	content: "\f104";
	text-transform: none;
	font-size: 19px;
	width: 38px !important;
    height: 32px !important;
    line-height: 34px;
}
.slider-items-products .owl-buttons a {
	background: #fff;
	display: block;
	width: 38px !important;
    height: 32px !important;
    line-height: 30px;
	margin: 0px 0 0 -30px;
	position: absolute;
	top: 40%;
	z-index: 5;
	color: #666;

}
.product-flexslider {
	margin: 0px 0px;
	margin-top: 0px;
}
.owl-theme .owl-controls .owl-buttons div {
	background: none !important;
}
.slider-items-products .owl-buttons a:hover {
	text-decoration: none;
	color: #333;
	opacity:1;

}
/*	Breadcrumbs */
.breadcrumbs {
	padding: 3px 0px 10px 0px;
	margin: auto;
	font-size: 14px;
	color: #3B2A1E;
	font-family:'Bricolage Grotesque', sans-serif
}
.breadcrumbs a {
	color: #0A6E7C;
	font-size: 12px;
	font-weight: 400;
	transition: color 200ms ease-in-out;
}
.breadcrumbs a:hover {
	color: #B8860B;
	text-decoration: underline;
}
.breadcrumbs span {
	display: inline-block;
	margin: 0 5px 0 5px;
	color: #B8860B;
	font-size: 13px;
}
.breadcrumbs ul {
	margin: 0px;
	padding: 0px;
}
.breadcrumbs ul li {
	list-style-type: none;
	display: inline;
}
.breadcrumbs strong {
	font-weight: 800;
	color: #3B2A1E !important;
}
.slider-items-products .owl-buttons .owl-prev a {
	background-position: 0 100%;
}
/* Sidebar */

.button, .btn, .button-inverse, .button-vote, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {
	font-family: 'Public Sans', sans-serif;
	border: 1px #ddd solid;
	background: #fff;
	padding: 5px 12px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.btn:hover, .btn:focus, .button-inverse, .button-vote:hover, .sidebar .button:hover, .sidebar .button:focus, .sidebar .btn:hover, .sidebar .btn:focus, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a:hover, .buttons-set .back-link a:focus, .scrolltop, .button-tabs li a:hover, .button-tabs li a:focus {
	border: 1px #333 solid;
	background: #2ecc71;
	padding: 5px 12px;
	color: #FFF;
}
.button-checkout:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 13px;
	padding-right: 5px;
}
.button-compare:before {
	content: "\f074";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 5px;
}
.button-clear:before {
	content: "\f12d";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 5px;
}
.button-subscribe:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 5px;
}
.button-vote:before {
	content: "\f164";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 5px;
}
.block {
	margin: 0 0 35px;
}
.sidebar .block {
	    padding: 0px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;
}

.block .block-title {
	color: #fff;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 12px 25px 10px 25px;
	position: relative;
	display: inline-block;
	font-family:'Bricolage Grotesque', sans-serif;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	background:#0A6E7C;
	margin-top:0px;
	margin-left: -10px;}



.block .block-title:after {
  content: "";
  height: 1px;
  width: 1px;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  bottom: -10px;
  left: 0;
  border-color: #6a9c32 #6a9c32 transparent transparent; }
  
  
.block .block-title a {
	text-decoration: none;
}
.block .block-content .item {
	padding: 5px 0;
}
.block .btn-remove, .block .btn-edit {
	float: right;
	margin-top: 6px
}
.sidebar .block .access .btn-remove {
	float: right;
	margin-top: -38px
}
.block .actions {
	text-align: left;
	padding: 8px 0;
}
.block .actions a {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.block .empty {
	color: #666666;
}
/*	Category boxes */

/* Left Navigation */

.side-nav-categories ul li {
	padding: 2px 0px;
}
.side-nav-categories ul li a {
	display: inline-block;
	position: relative;
}
.side-nav-categories ul#magicat ul li a:before {
	content: "\f105";
	font-family: 'FontAwesome';
	line-height: 17px;
	margin-right: 5px;
	top: 6px;
}
.side-nav-categories ul#magicat ul li a {
	color: #666;
}
.side-nav-categories ul#magicat ul li a {
	padding-left: 12px;
}
.side-nav-categories, .side-nav-categories .block {
	    padding:0px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;

}
ul#magicat li, ul.listStyle li {
	cursor: pointer;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 0 1px 0;
	padding-left: 0px;
	position: relative;
	width: 100% !important;
	box-shadow: 0 1px 0 #ddd, 0 2px 0 #FFFFFF;
}
ul#magicat li.last {
	box-shadow: none;
}
ul#magicat li.level0 span.magicat-cat, ul.listStyle li span {
	text-align: left;
	display: inline-block;
	width: 100%;
}
ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
	display: inline-block;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.block-layered-nav dt .toggleBtn {
	cursor: pointer;
}
ul#magicat li.active > .open-close, .block-layered-nav dt .toggleBtn.highlight {
	background-position: 2px -28px;
}
ul#magicat ul {
	padding-left: 10px;
}
ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
	display: inline-block;
	height: 30px;
	position: absolute;
	right: 0;
	top: 5px;
	width: 30px;
}
ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
	background: url("../images/leftNav.png") no-repeat scroll 2px 3px;
}
/*.side-nav-categories .block-title:before {
content: '\f0c9';
font-family: FontAwesome;
font-size: 14px;
margin-right: 3px;
}*/
.side-nav-categories .block-title:before {
	content: '\f0c9';
	font-family: FontAwesome;
}

.side-nav-categories .block-title  {
	color: #fff;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 12px 25px 10px 25px;
	position: relative;
	display: inline-block;
	font-family:'Bricolage Grotesque', sans-serif;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	background:#FFC72C;
	margin-top:0px;
	margin-left: -10px;}



.side-nav-categories .block-title:after {
  content: "";
  height: 1px;
  width: 1px;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  bottom: -10px;
  left: 0;
  border-color: #d95451 #d95451 transparent transparent; }

/* Left Navigation End */


.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}
.box-category > ul > li {
	display: block;
	position: relative;
	margin: 0;
	border-bottom:1px #ececec solid;
	padding:0px 18px
	
}
.box-category > ul > li:last-child {
	box-shadow: none;
}
.box-category > ul > li.last {
	display: block;
	position: relative;
	box-shadow: 0 0px 0 #000, 0 0px 0 #666;
}
.box-category > ul > li:first-child {
	border-top: 0;
}
.box-category .subDropdown {
	top: 12px;
	right: 18px;
	position: absolute;
	cursor: pointer;
	width: 16px;
	height: 16px;
	padding: 2px;
}
.box-category .subDropdown:hover {
	opacity: 0.8;
}
.box-category .subDropdown.plus {
	background-image: url("../images/plus-blue.png");
}
.box-category .subDropdown.minus {
	background-image: url("../images/minus-blue.png");
}

.box-category > ul > li ul > li .subDropdown {right:0px!important; top: 0px!important;}

.box-category ul li a {
	padding: 15px 0px;
	display: block;
	font-weight: normal;
	font-family:'Bricolage Grotesque', sans-serif;
	letter-spacing:0.5px
}
.box-category ul li.double a {
	display: inline-block;
	margin: 0;
}
.box-category ul li {
	position: relative;
}
.box-category > ul > li > a {
	color: #333;
	text-transform: uppercase;
	display: block;
	font-size: 12px;
	font-weight:700
}
.box-category > ul > li ul {
	display: none;
	padding-left: 0px !important;
	padding-bottom: 10px;
	padding-right: 0px!important
}
.box-category > ul > li > ul li {
	padding: 0px;
}
.box-category > ul > li a.active {
	font-weight: normal;
	font-family: 'Bricolage Grotesque', sans-serif;
}
.box-category > ul > li > a.active {
	color: #333;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 12px;
}
.box-category > ul > li a.active + ul {
	display: block;
}
.box-category a:hover {
	text-decoration: none;
	color: #000;
}
.box-category > ul > li ul li a {
	font-family: 'Public Sans', sans-serif;
}
.box-category > ul > li ul > li > a {
	border-bottom: 0 solid #EAEAEA;
	font-size: 11px !important;
	margin: 0 !important;
	padding: 3px 3px !important;
	text-decoration: none;
	padding-left: 0px;
	color: #666;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.box-category > ul > li ul > li > a:before {
	content: '\f10c';
	font-family: FontAwesome;
	font-size: 5px;
	padding-right: 6px;
	color: #999;
	vertical-align: middle;
}
.box-category > ul > li ul > li ul > li a {
	text-decoration: none;
	font-size: 11px !important;
	margin: 4px 8px!important;
	padding: 0px 16px!important;
	border-bottom: 0px solid #EAEAEA;
}
.box-category > ul > li ul > li ul > li a:hover {
	color: #333;
}
.box-category > ul > li ul > li > a:hover {
	color: #333;
}
/* Sidebar */

.sidebar-left {
	margin-left: 0 !important;
}
.bv3 .sidebar-right, .bv3 .sidebar-left {
	padding-left: 15px;
}
.sidebar ol, .sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidebar .block-venedor-ads .block-content li {
	padding: 0;
}
.sidebar .block dt {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 10px 0;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform:uppercase
}
.sidebar .block dd {
	border-bottom: 0 solid #CCCCCC;
	margin: 0;
	padding: 0 5px;
}
.sidebar address {
	margin: 0;
	padding: 0;
	color: #333;
	text-align: left;
	border-bottom: none;
}
.page-title h1, .page-title h2 {
	font-family:'Bricolage Grotesque', sans-serif;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
    margin-top: 0px;
    padding: 14px 25px;
    margin: 0px;
    display: inline-block;
    border: #fff double;
    margin-top: 5px;
}
.col-main {
	font-size: 13px;
	font-family: 'Public Sans', sans-serif;
	margin-top: 30px;

}
.one-page-checkout {
	list-style: none;
    padding: 25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);

}
.one-page-checkout li.section {
	border-bottom: 0;
	margin-bottom: 8px;
}
.one-page-checkout .step-title {
	text-align: right;
	padding: 7px 0;
}
.one-page-checkout .active .step-title {
	cursor: default;
	font-size: 14px;
	padding-top: 0px;
	text-align: left;
	line-height: 30px;
	font-family: 'Public Sans', sans-serif;
	border-top: none;
}
.one-page-checkout .step-title .number {
	float: left;
	line-height: 15px;
	font-size: 15px;
	color: #333;
	padding: 8px 10px;
	background-color: #fff;
	border:#ececec double;
	font-family:'Bricolage Grotesque', sans-serif;
	font-weight: bold;
	border-radius: 0px;
}
.one-page-checkout .step-title h3 {
	border-bottom: 0px solid #E4E4E4;
	margin: 0 0 0 45px;
	text-align: left;
	line-height: 32px;
	font-size: 12px;
	font-family:'Bricolage Grotesque', sans-serif;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}
.one-page-checkout .active .step-title .number {
	background: none repeat scroll 0 0 #FFC72C;
	border: 1px solid #FFC72C;
	color: #fff;
	padding: 8px 10px;
	font-weight: bold;
}
.one-page-checkout .active .step-title h3 {
	color: #FF6B4A;
	font-size: 12px;
	font-family:'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.one-page-checkout .step {
	padding: 0px 10px 10px 45px;
	background-color: #FFFFFF;
}
#checkoutSteps .required {
	color: #F00;
}
fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.group-select li {
	margin: 0 0 5px;
	overflow: hidden;
	list-style: none;
}
.group-select input[type="radio"], .group-select input[type="checkbox"] {
	line-height: normal;
	margin: 4px 8px 0 0;
}
.group-select label {
	font-size: 13px;
	font-weight: normal;
	color: #333;
}
.group-select li select {
	/*width: 256px;*/
	padding: 3px;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	padding: 10px;
	width: 95%;
}
select#billing-address-select {
	width: 570px;
	padding: 10px;
	margin-top: 5px;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	outline: none;
	color: #aaa;
}
legend {
	display: none;
}
.group-select li .input-box {
	float: left;
	width: 50%;
}
.group-select .require {
	color: #FF0000;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
}
input.radio {
	margin-right: 3px;
}
.radio, .checkbox {
	display: inline-block;
}
button.button.continue:before {
	content: "\f061";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
.dashboard .welcome-msg {
	text-align: left;
	padding: 0px 0 5px;
	color: #333;
	font-size: 13px;
}
.dashboard .welcome-msg strong {
	font-weight: 700;
	font-size: 13px;
	text-transform:uppercase
}
.data-table {
	border: 1px solid #E5E5E5;
	border-spacing: 0;
	text-align: left;
	width: 100%;
	font-size: 13px;
}
#my-orders-table {
	border: none;
	margin-top: 10px;
}
.my-account {
	    padding:25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;
}
.title-buttons a, .title-buttons .separator {
	margin-top: 0;
	display: inline-block;
	text-decoration: underline;
	color: #FF6B4A;
	font-size:12px
}
.recent-orders .title-buttons a {
	float: right;
}
.data-table thead tr, .data-table tfoot tr {
	background-color: #f5f5f5;
}
.data-table th {
	line-height: 20px;
	padding: 10px;
	font-weight: 700;
	font-size: 12px;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform: uppercase;
}
.data-table thead td, .data-table tfoot th, .data-table tfoot td, .cart .totals table th, .cart .totals table td {
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #e5e5e5;
	font-family: 'Public Sans', sans-serif;
}
.data-table .price {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.group-select li input.input-text, .group-select li textarea {
	/*width: 585px;*/
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	padding: 10px;
	outline: none;
	width: 98%;
}
.group-select li .input-box input.input-text, .group-select li .input-box textarea {
	/*width: 275px;*/
	margin-top: 5px;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	padding: 10px;
	width: 95%;
}
.group-select li .input-box input.input-text:focus, .group-select li .input-box textarea:focus {
	background: #fff;
	border: 1px solid #ddd;
}
.group-select li input.input-text:focus, .group-select li textarea:focus {
	background: #fff;
	border: 1px solid #ddd;
	outline: none;
}
.box-account {
	margin-top: 15px;
	font-size: 14px;
}
.col2-right-layout {
	margin-top: 10px;
}
.box-account .page-title h2 {
	font-size: 14px;
	margin-top:15px
}
.col2-set {
	overflow: hidden;
	padding: 0px;
}
.col2-set h2 {
	font-size: 16px;
}
.col2-set .col-1 {
	float: left;
	width: 48%;
	text-align: left;
	border: 0px #336600 solid;
	padding-top: 0px;
	padding-bottom: 0px;
}
.col2-set .col-1 ul.ul {
	margin: auto;
	padding-left: 17px;
}
.col2-set .col-1 ul li {
	list-style: disc;
}
.col2-set h5 {
	font-size: 12px;
	font-family:'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
	color: #333;
	text-transform:uppercase
}
.box-account .col2-set a {
	text-decoration: underline;
}
.col2-set .col-2 {
	float: right;
	width: 48%;
	text-align: left;
}
.box-account address {
	line-height: 21px;
	color: #000;
	border-bottom: none;
}
.col2-set h4 {
	font-size: 13px;
	font-weight: normal;
	font-family: 'Public Sans', sans-serif;
	color: #333;
	margin-bottom: 5px;
}
.block .slider-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.block-layered-nav .block-subtitle {
	font-size: 13px;
	font-family: 'Public Sans', sans-serif;
}
.block-layered-nav dt {
	font-size: 16px;
}
.block-layered-nav .currently ol {
	margin: 0;
	padding: 10px 15px;
}
.block-layered-nav .currently span.value {
	font-weight: bold;
}
.block-layered-nav li {
	padding: 5px 0;
}
.block-layered-nav .label {
	margin-right: 5px;
}
.block-layered-nav .button-arrow {
	width: 25px;
	height: 25px;
	padding: 0;
	margin-top: -2px;
	position: absolute;
	right: 15px;
}
#narrow-by-list2 dd {
	display: block !important;
	
}
.sidebar {
	font-size: 14px;
	font-family: 'Public Sans', sans-serif;
	margin-top: 30px;
	padding-left:0px
}
.sidebar .block-layered-nav .price {
	font-size: 13px;
	font-weight: normal;
}
.block-layered-nav .block-subtitle, .block-layered-nav dt {
	    color: #333;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Bricolage Grotesque', sans-serif;
}
.block-layered-nav .currently ol {
	border: 1px solid #ececec;
	background-color: #f4f4f4;
	border-radius: 0px;
}
.sidebar a, .sidebar .block-layered-nav .price .sub {
	color: #666;
	font-size: 12px;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform:uppercase;
	font-weight:400
}
.sidebar .block-layered-nav .price {
	color: #666;
	font-family: 'Public Sans', sans-serif;
}
.sidebar .link-cart, .sidebar .link-reorder, .block .actions a {
	color: #CA0000;
	font-family: 'Public Sans', sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.sidebar .link-compare, .sidebar .link-wishlist {
	color: #aaa;
	font-size: 14px;
}
.block-tags .actions a.view-all {
	font-family: 'Public Sans', sans-serif;
	text-transform: uppercase;
	color: #333;
	font-weight: 900;
}
.block-tags .actions a.view-all:hover {
	color: #333;
}
.sidebar .link-cart:hover, .sidebar .link-wishlist:hover, .sidebar .link-reorder:hover, .sidebar .link-compare:hover, .sidebar .link-cart:focus, .sidebar .link-wishlist:focus, .sidebar .link-reorder:focus, .sidebar .link-compare:focus, .block .actions a:hover, .block .actions a:focus {
	color: #333;
}
.sidebar .block dl {
	border-bottom: 0px solid #ccc;
	margin: 0;
}
.block .block-content .price {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
/* Block: Account */

.block-account .block-content {
	padding-top: 0 !important;
	padding-bottom: 5px !important;
}
.block-account .block-content ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
.block-account .block-content li {
	padding: 10px 0px;
}
.block-account .block-content li:first-child {
	border-top: none;
}
.block-account .block-content li:before {
	content: '\f10c';
	font-family: FontAwesome;
	font-size: 6px;
	display: inline-block!important;
	position: absolute;
	cursor: pointer;
	line-height: 20px;
	color: #999;
}
.sidebar .block-content li.last {
	border-bottom: none;
}
.block-account .block-content li a {
	cursor: pointer;
	padding: 10px 12px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform:uppercase
	
}
.block-account .block-content li a:hover {
	cursor: pointer;
	padding: 0 12px;
	color: #000;
}
.sidebar .block-content li.current {
	font-weight: 900;
	color: #333;
}
/* Block: Currency Switcher */

.block-currency select {
	width: 100%;
	margin-right: 8px;
}
/* Block: Layered Navigation */
.block-layered-nav {
	background-color: #FFFFFF;
	border: 1px #ddd solid;
}
.block-layered-nav .block-content {
	padding: 0;
}
.block-layered-nav dt {
	font-weight: bold;
	overflow: hidden;
	padding: 0px 0 10px !important;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.block-layered-nav dd {
	margin: 0;
	padding: 0;
}
.block-layered-nav dd ol {
	position: relative;
	margin-bottom:15px
}
.block-layered-nav dd ol li:before {
    content: '\f10c';
    font-family: FontAwesome;
    font-size: 5px;
    padding-right: 6px;
    color: #999;
    vertical-align: middle;
}
.block-layered-nav .btn-remove {
	float: right;
}
.block-list .price {
	color: inherit;
	font-size: 14px;
}
/* Block: Cart */
.block-cart {
	padding: 0px;
	background-color: #FFFFFF;

}
.block-cart .amount {
	margin-bottom: 5px
}
.block-cart .actions .paypal-logo {
	float: left;
	width: 100%;
	margin: 3px 0 0;
	text-align: right;
}
.block-cart .actions .paypal-logo .paypal-or {
	clear: both;
	display: block;
	padding: 0 55px 5px 0;
}
.block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small {
	word-wrap: break-word;
}
.block-cart .mini-products-list .product-details .nobr {
	white-space: normal !important;
}
.block-cart .summary {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.block-cart .subtotal {
	margin: 0;
	padding: 0;
	text-align: left;
	margin-bottom: 8px
}
.block-cart .block-content .summary .subtotal .label {
	background: none repeat scroll 0 0 transparent;
	border-radius: 0 0 0 0;
	box-shadow: none;
	font-weight: normal;
	padding: 2px 0;
	text-shadow: none;
	color: #000;
	font-size: 100%;
}
.block-cart .subtotal .price {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.ajax-checkout {
	border: 0 none;
	margin: 0;
	padding: 5px 0 5px;
	text-align: left;
	margin-bottom: 0px;
}
.ajax-checkout a {
	border: 0px #dc436b solid;
	background: #323C46;
	text-shadow: 0 1px 0 #333;
	border-radius: 0px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 8px 12px;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform: uppercase;
}
.ajax-checkout a:hover {
	border: 0px #111 solid;
	background: #222;
	padding: 6px 10px;
	text-shadow: 0 1px 0 #000;
	border-radius: 0px;
	color: #FFFFFF;
	font-size: 11px;
	cursor: pointer;
}
.sidebar .block-cart .block-subtitle {
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	margin: 8px 0 8px;
	font-family:'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 12px;
	text-transform:uppercase
}
.col-left .block-cart .block-content ul li .product-details {
	float: right;
	width: 62%;
	margin-left: 0px;
}
.col-left .block-cart .block-content ul li .product-details .access {
	float: right
}
.col-left .block-cart .block-content ul li .product-details .access .btn-remove1 {
	position: inherit;
}
.col-left .block-cart ul li.item {
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 10px;
	padding-bottom: 12px;
	overflow: hidden;
}
.block-cart ul li.item img {
	width: 80px;
}
.col-left .block-cart ul li.item:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.col-left .block-cart .block-content ul li a.product-image {
	display: inline;
}
.col-left .block-cart .block-content ul li a.product-image img {
	border: 1px solid #ECECEC;
}
.col-left .block-cart .block-content ul li .product-name {
	margin: 0 0 2px;
	font-size: 12px;
	line-height: 17px;
}
.col-left .block-cart .block-content ul li .product-name a {
	font-size: 12px;
	font-family:'Bricolage Grotesque', sans-serif;
	margin-top:3px;
	display:block
}
.col-right .block-cart .block-content ul li .product-details {
	float: right;
	width: 172px;
}
.col-right .block-cart ul li.item {
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 5px;
	padding-bottom: 8px;
}
.col-right .block-cart ul li.item.last {
	border-bottom: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
.col-right .block-cart .block-content ul li a.product-image {
	display: inline;
}
.col-right .block-cart .block-content ul li a.product-image img {
	border: 1px #ddd solid;
}
.col-right .block-cart .block-content ul li .product-name {
	margin: 0 0 2px;
	font-size: 14px;
}
.price, .breadcrumbs li strong, .product-details span.price, #recently-viewed-items .price-box .special-price .price, #recently-viewed-items .price-box .regular-price .price, .availability.out-of-stock span {
	color: #FF4C4C;
}
/* Block: Related */
.related-slider {
	float: right;
	margin: auto;
	margin-bottom: 15px;
}
.related-block .block-title {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #e5e5e5;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}
.related-block {
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	margin-top: 25px;
}
.related-slider .slider-items-products .owl-buttons a {
	height: 41px;
	margin: -32px 0 0;
	top: 50%;
	width: 40px;
}
.related-slider .slider-items-products .owl-buttons .owl-next a:before {
	font-size: 24px;
	line-height: 38px;
}
.related-slider .slider-items-products .owl-buttons .owl-prev a:before {
	font-size: 24px;
	line-height: 38px;
}
.related-slider .slider-items-products .owl-buttons .owl-prev a {
	left: -8px;
}
.related-slider .slider-items-products .owl-buttons .owl-next a {
	left: -1px
}
.related-slider button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
}
.related-slider .products-grid .item .item-inner .item-img .item-img-info {
	border: none;
}
.related-slider h2 {
	color: #333;
	font-family: 'Public Sans', sans-serif;
	font-size: 20px;
	margin: 0px 0 20px;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
}
.block-related .block-content {
	padding: 0px 0 10px 0;
	border: 1px solid #ECECEC;
	border-top: none;
	overflow: hidden;
}
.block-related ul {
	margin: 0;
	padding: 0;
}
.block-related li {
	padding: 5px 0;
}
.block-related input.checkbox {
	position: absolute;
	left: 85px;
	top: 12px;
	z-index: 10;
}
.block-related .product {
	margin-left: 20px;
}
.block-related .product .product-image {
	float: left;
	margin-right: -65px;
}
.block-related .product .product-details {
	margin-left: 65px;
}
.block-related .mini-products-list .product-details {
	margin-left: 125px;
	text-align: left;
}
.block-related .mini-products-list .product-details .product-name {
	text-align: left;
}
.block-related .mini-products-list .product-image {
	width: 100px;
	margin: 0;
	padding: 0 10px;
}
.block-related .block-subtitle {
	padding: 10px 10px 0 10px;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
.block-related .price-box .old-price .price {
	display: inline;
	font-size: 15px;
	font-family: 'Public Sans', sans-serif;
}
.block-related a.link-cart {
	text-transform: uppercase;
	font-size: 14px;
	color: #23AEAC;
	font-weight: bold;
	font-family: 'Public Sans', sans-serif;
}
.block-related a.link-cart:hover {
	text-transform: uppercase;
	font-size: 14px;
	color: #CA0000;
	font-weight: bold;
	font-family: 'Public Sans', sans-serif;
}
/* Block: Compare Products */
.block-compare {
	background-color: #FFFFFF;
	border: 1px #ddd solid;
}
.block-compare li {
	padding: 5px 0;
}
.block-compare .block-content ol, .block-compare .block-content ul {
	margin: 0;
}
ol#compare-items li a.product-name {
    font-size: 12px;
    font-family: 'Bricolage Grotesque', sans-serif;
    margin-top: 3px;
    display: block;
	display: inline-block;
	width: 200px
}
ol#compare-items li a.product-name span {
	margin-right: 3px;
	font-size: 20px;
	font-weight: 400;
	color: #777;
	line-height: 15px;
	font-family: 'Public Sans', sans-serif;
	margin-bottom: 6px;
}
ol#compare-items li a.product-name:hover {
	font-size: 12px;
	color: #000;
}
ol#compare-items li {
	margin: 0;
	padding: 0 0 10px;
	position: relative;
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 10px;
	background: none;
}
ol#compare-items li:before {
    content: '\f10c';
    font-family: FontAwesome;
    font-size: 5px;
    padding-right: 6px;
    color: #999;
    vertical-align: middle;
}
ol#compare-items li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
/* Block: Recently Viewed */
.block-viewed .block-content {
	background-color: #fff;
	padding: 0px;
}
.block-viewed li {
	padding: 3px 0px !important;
	list-style: none;
}
.block-viewed li.last {
	padding: 0px;
	border-bottom: 0px #eaeaea solid;
	list-style: none;
}
.block-viewed .block-content li a {
	padding: 0 15px;
	color: #666;
}
.block-viewed .block-content li a:hover {
	font-size: 13px;
	color: #000;
}
.block-viewed li span {
	color: #777777;
	float: left;
	font-family: 'Public Sans', sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 15px;
	margin-bottom: 8px;
	margin-right: 3px;
}
.block-viewed li:before {
	content: '\f105';
	font-family: FontAwesome;
	font-size: 14px;
	padding-right: 6px;
	color: #444;
	vertical-align: top;
}
.block-compared li:before {
	content: '\f105';
	font-family: FontAwesome;
	font-size: 14px;
	padding-right: 6px;
	color: #444;
	vertical-align: top;
}
.sidebar ol, .sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 0
}
#recently-viewed-items .product-name {
	text-align: left;
	margin: 0;
	text-transform: none;
	width: 225px;
	display: inline-block
}
#recently-viewed-items .product-name a {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-family: 'Public Sans', sans-serif;
	padding: 0 0px;
}
#recently-viewed-items .product-name a:hover {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
/* Block: Recently Compared */
.block-compared .block-content {
	background-color: #fff;
	padding: 5px 12px 12px;
}
.block-compared li {
	padding: 3px 0px !important;
	list-style: none;
}
.block-compared li.last {
	padding: 0px;
	border-bottom: 0px #eaeaea solid;
	list-style: none;
}
.block-compared .block-content li a {
	padding: 0 15px;
	color: #666;
}
.block-compared .block-content li a:hover {
	font-size: 13px;
	color: #000;
}
.block-compared li span {
	color: #777777;
	float: left;
	font-family: 'Public Sans', sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 15px;
	margin-bottom: 8px;
	margin-right: 3px;
}
.block-compared li:before {
	content: '\f105';
	font-family: FontAwesome;
	font-size: 14px;
	padding-right: 6px;
	color: #444;
	vertical-align: top;
}
#recently-compared-items .product-name {
	text-align: left;
	margin: 0;
	text-transform: none;
	width: 225px;
	display: inline-block
}
#recently-compared-items .product-name a {
	color: #333;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	font-family: 'Public Sans', sans-serif;
	padding: 0 0px;
}
#recently-compared-items .product-name a:hover {
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
/* Block: Poll */
.block-poll {
	background-color: #FFFFFF;
	border: 1px #ddd solid;
}
.block-poll label {
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.block-poll .block-subtitle {
	color: #222;
	font-weight: 900;
	font-size: 14px;
}
.block-poll input.radio {
	float: left;
	margin: 5px -18px 0 0;
}
.block-poll .label {
	display: block;
	margin-left: 18px;
	text-align: left;
	font-family: 'Public Sans', sans-serif;
	padding: 0.1em 0.3em 0.1em;
}
.block-poll li {
	padding: 3px 0px !important;
	background: none !important;
}
.block-poll .actions {
	margin: 5px 0 0 0px;
	padding: 0;
}
.block-poll .answer {
	font-weight: bold;
}
.block-poll .votes {
	float: right;
	margin-left: 10px;
}
/* Block: Tags */
.block-tags {
	background-color: #fff;
	padding: 0px;
}
.block-tags .block-content {
	overflow: hidden;
}
.block-tags ul, .block-tags li {
	display: inline;
	padding: 0 !important;
	background: none !important;
	border: none;
}
.block-tags .actions {
	border: 0 none;
	float: right !important;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
}
/* Block: Subscribe */
.block-subscribe {
	background-color: #fff;
	padding: 0px;
}
.block-subscribe .input-text {
	width: 90%;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	color: #AAAAAA;
	padding: 10px 7px;
	font-size: 13px;
}
.block-subscribe .input-text:focus {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	color: #333333;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	outline: medium none;
	padding: 10px 7px;
	vertical-align: middle;
}
.form-subscribe-header {
	font-size: 14px;
	margin-bottom: 5px;
	color: #222;
}
.static-contain {
    padding: 25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 45px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);

}
.static-contain .required {
	color: #F00;
}
/* Block: Recently Viewed */


.block-company .block-content {
	padding-top: 5px !important;
}
.block-company ol {
	margin: 5px 0;
}
.block-company li {
	padding: 6px 0px !important;
	list-style: none;
}
.block-company li:first-child {
	border-top: none
}
.block-company li a {
	padding: 0 5px;
	text-decoration: none;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.block-company li a:hover {
	padding: 0 5px;
	color: #000;
}
.block-company li:before {
	content: '\f10c';
	font-family: FontAwesome;
	font-size: 6px;
	padding-right: 6px;
	color: #999;
	display: inline-block;
	vertical-align: top;
}
.block-company li.last {
	padding: 10px 0px !important;
	border-bottom: 0px #eaeaea solid;
	list-style: none;
}
.block-company li span {
	float: left;
	margin-right: 5px;
	font-size: 16px;
	color: #aaa;
	line-height: 16px;
	font-family: 'Public Sans', sans-serif;
}
.block-company li strong {
	color: #FF6B4A;
	font-weight: 900;
	padding: 0 5px;
}
/* Block: Reorder */

.block-reorder li {
	padding: 5px 0;
}
.block-reorder input.checkbox {
	float: left;
	margin: 3px -20px 0 0;
}
.block-reorder .product-name {
	margin-left: 20px;
}
/* Block: Banner */

.block-banner .block-content {
	text-align: center;
}
.block-banner a img {
	transition: all 0.4s ease-out 0.2s;
}
.block-banner a img:hover {
	opacity: 0.5;
	-webkit-transition: all 0.4s ease-out 0.2s;
	-moz-transition: all 0.4s ease-out 0.2s;
	-o-transition: all 0.4s ease-out 0.2s;
	transition: all 0.4s ease-out 0.2s;
	background-color: #eee;
}
.category-description a.prev, .category-description a.next {
	margin: 125px 6px 0px 5px;
}
/* Pager */
.pager {
	margin: 0;
	text-align: center;
	padding: 0;
}
.pager .amount {
	float: left;
}
.pager .limiter label {
	float: left;
	font-size: 11px;
	padding: 6px 0;
	margin-right: 10px;
	display: inline;
	text-transform:uppercase
}
.pager .pages {
	margin: 0 0;
}
.pages .pagination {
	margin: auto;
}
.pager .pages li {
	display: inline-block;
}
.pager .pages li a {
	box-shadow: none;
	border: 1px solid #ddd;
	padding: 5px 10px;
	border-radius: 0px;
	color: #333;
	background: #fff
}
.pager .pages li a:hover {
	border: 1px solid #FFC72C;
	color: #fff;
	background: #FFC72C;
}
.pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #0A6E7C;
	border-color: #0A6E7C;
	border-radius: 0px;
	border-width: 1px;
}
/* Sorter */
.sorter {
	padding: 0;
	margin: 0;
}
.sorter .actions {
	float: left;
}
.sorter .view-mode {
	float: left;
	margin-top: 8px;
	margin-right: 20px;
	margin-left: 0px;
}
.sorter .sort-by {
	float: left;
	margin-top: 6px;
}
/* Toolbar */
.toolbar {
	clear: both;
    margin-top: 0px;
    padding: 20px 25px;
    display: inline-block;
    width: 100%;
    padding-top: 0px;
    border-bottom: #ececec double;
}
.toolbar .sorter {
	float: left;
}
.toolbar-bottom {
	margin-top: 0;
}
.toolbar .pager .pages ol {
	float: none;
}
#sort-by .button-asc {
	background-color: #fff;
	box-shadow: none;
	float: right;
	height: 33px;
	line-height: 33px;
	margin-left: 5px;
	text-align: center;
	width: 35px;
	border: 1px #ddd solid
}
#sort-by .button-asc:hover {
	background: #FFC72C;
	color: #fff;
	border-color: #FFC72C
}
.top_arrow:before {
	content: '\f106';
	font-family: FontAwesome;
	font-size: 16px;
}
#sort-by .button-desc {
	background-color: #f8f8f8;
	box-shadow: none;
	float: right;
	height: 30px;
	line-height: 28px;
	margin-left: 5px;
	text-align: center;
	width: 30px;
}
#sort-by {
	float: right;
	font-size: 12px;
}
#sort-by ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#sort-by a:link, #sort-by a:visited {
	color: #333;
	text-decoration: none;
}
#sort-by li {
	background: none repeat scroll 0 0 #fff;
	cursor: pointer;
	margin: 0 auto;
	outline: medium none;
	padding: 5px 15px;
	position: relative;
	width: 100px;
	float: left;
	color: #333;
	border: 1px solid #ddd;
}
#sort-by li li {
	width: 100px;
	margin-top: 0px;
	border-top: none;
	border-right: none;
	border-left: none;
}
#sort-by li li a:hover {
	color: #FF6B4A
}
#sort-by li:hover {
	background-color: #fff;
}
#sort-by li li:hover {
	background-color: #fff;
	color: #FF6B4A;
}
#sort-by ul ul {
	position: absolute;
	visibility: hidden;
	left: -1px;
	top: 27px;
	background: none repeat scroll 0 0 #F8F8F8;
	z-index: 10000;
	border-top: none;
	border: 1px #ddd solid;
	border-top:none
}
#sort-by ul ul ul {
	position: absolute;
	left: 100%;
	top: -2px;
	border: solid 1px transparent;
}
#sort-by li:hover > ul {
	visibility: visible;
}
.right-arrow {
	float: right;
}
.right-arrow:after {
	content: "\f107";
	font-family: 'FontAwesome';
	color: #666;
	font-size: 14px;
}
#limiter {
	float: right;
	font-size: 14px;
	margin-top: 0px;
}
#limiter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#limiter a:link, #limiter a:visited {
	text-decoration: none;
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 0px;
	display: inline-block;
	padding: 0px;
}
#limiter li {
	background: none repeat scroll 0 0 #fff;
	cursor: pointer;
	margin: 0 auto;
	outline: medium none;
	padding: 5px 0px 5px 10px;
	position: relative;
	width: 50px;
	float: left;
	color: #333;
	text-align: left;
	border: 1px solid #ddd;
}
#limiter .right-arrow {
	float: right;
	margin-left: 6px;
}
#limiter li li {
	width: 50px;
	border-top: 0px #f5f5f5 solid;
}
#limiter li li a:hover {
	color: #FF6B4A;
}
#limiter li:hover {
	color: #fff;
}
#limiter ul ul {
	position: absolute;
	visibility: hidden;
	left: -1px;
	top: 27px;
	background: none repeat scroll 0 0 #fff;
	z-index: 10000;
	color: #000;
	border-top: none;
	border: 0px #f5f5f5 solid;
}
#limiter ul ul ul {
	position: absolute;
	left: 100%;
	top: -2px;
	border: solid 1px transparent;
}
#limiter li:hover > ul {
	visibility: visible;
}
/* Category Toolbar, Pager */
.toolbar .button-list {
	background: #fff url(../images/icon_list.png) no-repeat 12px 7px;
	text-transform: none;
	padding: 6px 8px 7px 25px;
	color: #333;
	border: 1px #ddd solid;
	border-radius: 0px;
}
.toolbar a.button-grid {
	background: #f8f8f8 url(../images/icon_grid_over.png) no-repeat 12px 9px;
	border: 1px #ddd solid;
	color: #333;
	padding: 6px 8px 7px 25px;
	border-radius: 0px;
}
.toolbar .button-active.button-grid {
	background: url(../images/icon_grid_act.png) no-repeat 10px 9px;
	background-color: #0A6E7C;
	color: #fff;
	padding: 6px 8px 7px 22px;
	margin-right: 5px;
	border: 1px #0A6E7C solid;
	border-radius: 0px;
}
.toolbar .button-active.button-list {
	background: url(../images/icon_list_act.png) no-repeat 10px 7px;
	background-color: #0A6E7C;
	color: #fff;
	padding: 6px 11px 7px 22px;
	border: 1px #0A6E7C solid;
	border-radius: 0px;
}
.toolbar .view-mode .button {
	cursor: pointer;
}
/* Grid view toggle for products-list (playas, lugares de interés, rutas) */
.products-list.grid-mode {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.products-list.grid-mode .item {
	display: flex;
	flex-direction: column;
	float: none;
	width: calc(33.333% - 20px);
	margin: 0 10px 20px !important;
	border-bottom: none;
}
.products-list.grid-mode .product-image {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.products-list.grid-mode .product-shop {
	float: none;
	width: 100%;
	margin-left: 0;
}
.products-list.grid-mode .product-shop .desc {
	display: none;
}
@media (max-width: 991px) {
	.products-list.grid-mode .item {
		width: calc(50% - 20px);
	}
}
@media (max-width: 600px) {
	.products-list.grid-mode .item {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
.toolbar .pager {
	text-align: left;
	margin: 0 10px 0 0;
	padding: 0;
	float: right;
	width: 45%;
}
.pager .amount, .sorter .amount {
	padding-left: 10px;
	margin-top: 4px;
	display: inline-block;
}
.toolbar .pager .limiter {
	margin-top: 2px;
	float: left;
}
.toolbar-bottom .pager .limiter {
	position: static;
}
.pager .button {
	padding: 4px 5px;
	background-color: #fff;
}
.pager .button :hover {
	padding: 4px 5px;
	background-color: #fff;
}
.toolbar .actions {
	margin-right: 30px;
}
.pager .limiter label, .toolbar label {
	display: inline;
	float: left;
	margin-right: 10px;
	padding: 5px 0;
	font-size: 11px;
	font-weight: normal;
	text-transform:uppercase
}
.toolbar .sorter .sort-by {
	margin-right: 30px;
}
.pager .amount {
	margin-right: 20px;
}
/* Category Page */
.category-title {
	margin: 25px auto 20px;
}
.category-title h1 {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #222;
	letter-spacing: normal;
	text-transform: none;
	line-height: 1.2em;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 14px;
	border-bottom: 2px solid #FFC72C;
	display: table;
}
@media (max-width: 767px) {
	.category-title h1 {
		font-size: 20px;
		padding-bottom: 10px;
	}
}
.category-image {
	display: block;
	margin: 0 auto;
	position: relative;
	margin-top: 15px;
}
.category-products {
	padding-bottom: 5px;
    overflow: hidden;
    padding: 25px;
}
/* View Type: List */
.products-list .product-name {
	text-align: left;
	margin: 10px 0 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.products-list .product-name a {
	font-size: 14px;
	color: #000;
	font-weight: 700;
	text-align: left;
	font-family: "Bricolage Grotesque", sans-serif;
	text-transform: uppercase;
}
/* El título va siempre en su propia fila con altura fija (2 líneas), así
   los botones de favorito/aportar foto quedan en la misma posición en
   todas las tarjetas del listado, tenga el título una o dos líneas. */
.products-list .product-name > a:first-child {
	flex: 0 0 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.4em;
	line-height: 1.2em;
	margin-bottom: 8px;
}
.products-list .product-name .favorito-btn,
.products-list .product-name .aportar-foto-btn {
	margin-left: 0;
	margin-right: 8px;
}
.products-list .item.first {
	padding:0;
	overflow: hidden;
	margin-bottom: 30px;
	display:block;
	padding-bottom:25px;
}
.products-list .ratings {
	border-bottom: 1px #ddd dotted;
	padding: 10px 0px;
	padding-top:0px
}
.products-list .old-price .price {
	font-size: 14px;
	font-family:'Bricolage Grotesque', sans-serif
}
.products-list .item {
	padding: 20px 0;
	overflow: hidden;
	margin: 0px !important;
	border-bottom:1px #ececec solid;
	padding-bottom:25px
}
.products-list .item a:hover {
	color: #FF6B4A;
}
.separator {
	color: #999
}
.products-list .item h3 {
	font-weight: normal;
	color: #353535;
	padding-bottom: 2px;
}
.products-list .item h3 a {
	font-weight: normal;
	font-size: 14px;
	color: #407CBF;
	text-decoration: none
}
.products-list .item h3 a:hover {
	font-weight: normal;
	font-size: 14px;
	color: #333;
	text-decoration: underline
}
ol.products-list {
	padding: 0;
	margin: 0;
	float: left;

}
li .list {
	border-bottom: none;
}
.products-list .product-image {
	float: left;
	width: 28%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.products-list .product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.products-list .product-shop {
	float: right;
	width: 68%;
	text-align: left;
	margin-left: 25px;
}
.products-list .product-shop .desc {
	font-size: 13px;
	font-family: 'Public Sans', sans-serif;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #777
}
.products-list .product-shop p {
	font-size: 13px;
	font-family: 'Public Sans', sans-serif;
	color: #666;
	line-height: 1.5em;
}
.products-list .product-shop p.old-price {
	margin-right: 4px;
}
.products-list .product-shop .price-box {
	margin: 10px 0;
}
.products-list .desc .link-learn {
	display: inline-block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-top: 8px;
	padding: 7px 18px;
	border-radius: 30px;
	background: #0A6E7C;
	color: #fff;
	text-decoration: none;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.products-list .desc .link-learn:hover,
.products-list .desc .link-learn:focus {
	background: #FFC72C;
	color: #0A6E7C;
	text-decoration: none;
}
.products-list .add-to-links {
	padding-left: 2px;
}
.add-to-links span {
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	margin-left: 8px;
	text-transform: uppercase;
}
.products-list .product-shop button.button {
	font-family: 'FontAwesome';
	font-size: 13px;
	text-transform: uppercase;
	margin-right: 8px;
}
.products-list .product-shop .btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
}
.products-list .product-shop button.button span {
	font-family: 'Public Sans', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.5px
}
.products-list .product-shop .btn-cart {
	padding: 6px 12px;
	color: #FF6B4A;
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
}
.products-list .product-shop .btn-cart:hover {
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #FFC72C;
	border: 2px solid #e0403d;
	color: #fff;
}
.products-list .product-shop .btn-cart span:hover {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.5px;

}
.products-list .product-shop .btn-cart span {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
.link-wishlist, .link-compare {
	color: #000;
	text-shadow: none;
	border: none;
	box-shadow: none;
}
.link-wishlist:hover, .link-compare:hover {
	background-color: #252932;
	cursor: pointer;
	bottom: 10%;
	color:#fff;
	border-color:#252932
}
.link-wishlist, .link-compare, .link-friend, .link-edit {
	padding: 0;
	background: none
}
.products-list .actions .add-to-links a.link-wishlist:before {
	content: "\f004";
}
.products-list .actions .add-to-links a.link-compare:before {
	content: "\f012";
}
.products-list .actions .add-to-links a.link-wishlist {
	font-family: 'FontAwesome';
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 6px 15px;
	text-decoration: none;
	display: inline-block;
	margin-right: 8px;
	border-radius: 0px;
	letter-spacing: 0.5px;
	border: 2px #ddd solid;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
	vertical-align:top
}
.products-list .actions .add-to-links a.link-wishlist span {
	font-size: 11px;
	padding: 0px;
}
.products-list .actions .add-to-links a.link-compare {
	font-family: 'FontAwesome';
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 6px 15px;
	text-decoration: none;
	display: inline-block;
	margin-right: 8px;
	border-radius: 0px;
	letter-spacing: 0.5px;
	border: 2px #ddd solid;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
	vertical-align:top
}
.products-list .actions .add-to-links a.link-compare span {
	font-size: 11px;
	padding: 0px;
}
.products-list .actions .add-to-links a.link-wishlist:hover {
	font-family: 'FontAwesome';
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 6px 15px!important;
	text-decoration: none;
	display: inline-block;
	margin-right: 8px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #FFC72C;
	border: 2px solid #e0403d;
	color: #fff;
}
.products-list .actions .add-to-links a.link-compare:hover {
	font-family: 'FontAwesome';
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 6px 15px!important;
	text-decoration: none;
	display: inline-block;
	margin-right: 8px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #FFC72C;
	border: 2px solid #e0403d;
	color: #fff;
}
ul.products-grid {
	padding: 0;
	margin: 0 -15px;
}
.products-grid .actions button.button.btn-cart {
	background: #fff;
	border: 2px #eee solid;
	margin: 0px;
	padding: 7px 10px;
	color: #333;
	line-height: normal;
	margin-left: 3px;
	margin-right: 3px
}
.products-grid .item:hover .actions button.button.btn-cart {
	background: #FFC72C;
	color: #FFFFFF;
	padding: 7px 10px;
	border: 2px #eee solid;
	margin-left: 3px;
	margin-right: 3px
}
.products-grid .actions button.button.btn-cart span {
	font-family: 'Public Sans', sans-serif;
	font-size: 11px;
	padding: 0px;
	font-weight: bold;
	margin-left: 0;
	text-transform: uppercase
}
a.button.detail-bnt span {
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 2px;
	font-weight: normal;
	margin-left: 6px;
	display: none
}
/* Product View */
.product-view .product-img-box .product-image {
	margin: 0 0 13px;
}
#cloud-zoom-big {
	border: 3px #ddd solid;
	z-index: 10000 !important;
}
.product-shop button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
}
/* Product Images */
.product-view .new-label {
	display: none;
}
.product-view .sale-label {
	display: none;
}
.product-view {
	margin: auto;
	position: relative;
	z-index: 0;
	margin-top: 25px;
}
.product-view .flexslider-thumb {
	margin: 10px auto 0;
	padding: 0 50px;
	position: relative
}
.product-view-compact .flexslider-thumb {
	margin: 17px auto 0
}
.product-view .flexslider-thumb .flex-viewport {
	z-index: 10
}
.product-view .flexslider-thumb .flex-direction-nav {
	top: 40%;
	left: 0;
	width: 100%;
}
.product-view .flexslider-thumb .flex-prev {
	position: absolute;
	left: 0px;
	top: -5px;
	border: 1px #ddd solid;
	width: 30px;
	height: 30px;
	text-align: center;
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
}
.product-view .flexslider-thumb .flex-prev:hover {
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #0A6E7C;
	border: 1px solid #0A6E7C;
	color: #fff!important
}
.product-view .flexslider-thumb .flex-next {
	position: absolute;
	right: 0px;
	top: -5px;
	border: 1px #ddd solid;
	width: 30px;
	height: 30px;
	text-align: center;
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
}
.product-view .flexslider-thumb .flex-next:hover {
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #0A6E7C;
	border: 1px solid #0A6E7C;
	color: #fff
}
.product-view .flexslider-thumb li img {
	cursor: pointer;
	-moz-user-select: none;
	border:1px #ececec solid
}
.product-view .previews-list {
	padding: 0;
	list-style-type: none;
	text-align: center
}
.product-view .previews-list li {
	width: 70px;
	margin-left: 8px;
	padding: 0;
	float: none;
	display: inline-block;
	margin-right: 10px;
}
.product-view-compact .rating {
	padding: 18px 0 21px
}
.product-view-compact .btn-toolbar {
	margin: 0;
	padding: 7px 0 22px
}
.product-view-compact .price {
	display: block;
	padding: 6px 0 20px
}
.product-view .flexslider-thumb-vertical-outer {
	margin: 0 10px 15px 0;
	width: 70px;
	float: left;
	position: relative;
	z-index: 1
}
.product-view .flexslider-thumb-vertical .flex-viewport {
	height: 300px!important
}
.product-view .flexslider-thumb-vertical .slides {
	margin: -4px 0 0;
	padding: 0;
	list-style-type: none
}
.product-view .flexslider-thumb-vertical .slides li {
	margin: 0;
	padding: 0;
	overflow: hidden
}
.product-view .flexslider-thumb-vertical .slides li img {
	width: 100%;
	padding: 4px 0;
	cursor: pointer;
	-moz-user-select: none
}
.flex-direction-nav, .slider-controls {
	-webkit-transform: translate3d(0, 0, 0)
}
.product-essential {
padding:30px;
    position: relative;
    margin-top: 0px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;
}
.product-collateral .box-collateral {
	margin: 0 0 15px;
}
.product-essential .product-image.no-gallery {
	margin-left: auto;
}
.product-essential .product-image img {
	height: auto;
	width: 100%;
}
.product-essential .button-viewall {
	position: absolute;
	left: 5px;
	bottom: 5px;
	text-indent: -999em;
	z-index: 9999;
}
.more-views {
	margin: 8px auto 10px;
	width: 100%;
	clear: both;
}
.more-views li {
	float: left;
	margin: 0 12px 0 0;
	border: 1px #ddd solid;
	height: 85px
}
.more-views li a {
	display: block;
	text-align: center;
	width: 70px;
}
.more-views li a img {
	width: 70px;
}
.more-views .jcarousel-next:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 26px;
	padding-right: 5px;
	vertical-align: top;
	right: -20px;
	top: 28px;
	display: inline-block!important;
	position: absolute;
	cursor: pointer;
}
.product-img-box .flex-direction-nav a:before {
	font-size: 20px!important;
	vertical-align: middle;
    line-height: 28px;
}
.more-views .jcarousel-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 26px;
	padding-right: 5px;
	vertical-align: top;
	left: -20px;
	top: 28px;
	display: inline-block!important;
	position: absolute;
	cursor: pointer;
}
.more-views .jcarousel-clip {
	overflow: hidden;
}
.product-essential .more-images {
	width: 92px;
	float: left;
	overflow: hidden;
	margin-top: -20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.product-essential .more-images .normal-list {
	margin-top: -6px;
}
.product-essential .more-images ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.product-essential .elastislide-vertical {
	margin-top: -6px;
}
.product-essential .more-images img {
	padding: 6px 0;
	width: 100%;
}
/*  Product Shop */
.product-view .product-shop .add-to-box button.button.btn-cart span {
	background: none;
	padding: 0px 20px;
	font-size: 14px;
}
.product-view .product-options-bottom button.button.btn-cart span {
	background: none;
	margin-left: 5px;
}
.product-view .hot-banner img {
	width: 100%
}
.sidebar .hot-banner img {
	width: 100%;
	margin-bottom: 35px
}
.product-view .product-shop {
	margin-top: 0;
}
.product-additional {
	display: inline-block;
}
.product-additional .block-product-additional {
	margin: 0px;
	background: #fff;
	border: 1px #eaeaea solid;
	text-align: center;
	padding-bottom: 15px;
}
.product-additional .block-product-additional p {
	margin: 12px 0;
	line-height: 20px;
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
}
.product-additional .block .block-title {
	border-bottom: 2px solid #333;
	color: #000000;
	font-size: 14px;
	margin: 0;
	padding: 13px;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	background: #f7f7f7;
}
.product-additional .block-product-additional .block-content {
	padding: 18px 12px 10px;
	text-align: center;
	line-height: 20px;
}
.block .block-content {
	border-top: medium none;
	font-size: 13px;
	overflow: hidden;
	padding: 15px 15px;
	background: #fff
}
.block-progress .block-content {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 8px;
}
.block-progress dt.complete {
	margin: 0;
}
.product-view .product-name {
	border-bottom: #ececec double;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
/* El h1 lleva padding-bottom:12px (ver regla siguiente), así que centrar por
   la altura total de la caja deja los botones más abajo que el texto
   visible; se compensa subiéndolos ese mismo margen. */
.product-view .product-name .favorito-btn,
.product-view .product-name .aportar-foto-btn {
	margin-bottom: 12px;
}
.product-view .product-name h1 {
	font-size: 38px;
	margin: 0 0 2px;
	text-align: left;
	line-height: 1.2em;
	padding-bottom: 12px;
	letter-spacing:normal;
	font-weight: 700;
	font-family:'Source Serif 4', serif;
}
.product-view .short-description {
	font-size: 13px;
	padding: 20px 0px;
	border-bottom: 1px #ddd dotted
}
.product-view .short-description h2 {
	font-family:'Bricolage Grotesque', sans-serif;
	font-size: 13px;
	color: #333;
	margin: 0px;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform:uppercase
}
.product-view .short-description p {
	font-size: 13px;
	margin: 0px;
	color: #777
}
.product-view .product-shop .add-to-box {
	padding: 20px 0px;
	overflow: hidden;
	text-align: left;
	margin: 0 0 4px;
	border-bottom: 1px #ddd dotted;
}
.product-view .product-shop .add-to-box .btn-cart {
	background: #fff;
	color: #FF6B4A;
	font-size: 18px;
	text-shadow: none;
	padding: 10px 20px;
	float: left;
	margin-top: 0px;
	font-weight: normal;
	margin-left: 10px;
	border: 2px #FFC72C solid;
	border-radius: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
}

.product-view .product-shop .add-to-box .btn-cart:before {padding:10px 15px;}

.product-view .product-shop .add-to-box .btn-cart:hover {
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #FFC72C;
	border: 2px solid #e0403d;
	color: #fff;
	background-color: #E0403D;
}
.product-view .product-shop .product-options-bottom .btn-cart {
	background: #333;
	color: #fff;
	font-size: 16px;
	text-shadow: none;
	padding: 10px 20px;
	float: left;
	margin-top: 0px;
	font-weight: normal;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	margin-left: 10px;
	border: none;
}
.product-view .product-shop .product-options-bottom .btn-cart:hover {
	background: #000;
	text-shadow: none;
	color: #fff;
}
.product-view .product-shop .add-to-box .icon-basket {
	margin-right: 5px;
}
.email-addto-box {
	display: inline-block;
	margin-left: 10px;
}
.product-view .email-friend a span {
	font-size: 12px;
	display: none
}
.product-view .promo-banner {
	margin-top: 20px
}
.product-view .product-shop ul.add-to-links {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	display: inline-block;
}
.product-view .product-shop .add-to-links li {
	display: inline-block;
	padding: 0px 0px 0px 3px;
	list-style-type: none;
}
.product-view .add-to-links span {
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	margin-left: 5px;
	font-weight: normal;
	text-transform: none;
	display: none
}
.product-view .product-shop .add-to-links li a:hover {
	color: #000;
}
.product-view .email-friend a:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 14px;
	padding: 7px;
	vertical-align: middle;
	border-radius: 0px;
	height: 25px;
	width: 25px;
	text-align: center;
}
.product-view .email-friend {
	display: inline-block;
	margin:0px;
}
.product-view .email-friend a {
	font-size: 12px;
	display: inline-block;
	border: 1px #ddd solid;
	width: 45px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	color: #999;
}
.product-view .email-friend a:hover {
	color: #fff;
	background-color: #0A6E7C;
	border-color:#0A6E7C
}
.product-view .product-shop .add-to-links li .separator {
	display: none;
}
.product-view .product-shop .add-to-links .link-wishlist:before {
	content: "\f004";
	font-family: FontAwesome;
	font-size: 14px;
	vertical-align: top;
	text-align: center;
}
.product-view .product-shop .add-to-links .link-wishlist {
	color: #999;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	border: 1px #ddd solid;
	width: 45px;
	height: 43px;
	text-align: center;
	line-height: 43px;
	display: inline-block;
}
.product-view .product-shop .add-to-links .link-compare:before {
	content: "\f012";
	font-family: FontAwesome;
	font-size: 14px;
	vertical-align: top;
	height: 25px;
	width: 25px;
	text-align: center;
	padding-right: 0px
}
.product-view .product-shop .add-to-links .link-compare {
	color: #999;
	background-color: #FFFFFF;
	font-weight: normal;
	border: 1px #ddd solid;
	width: 45px;
	height: 44px;
	text-align: center;
	line-height: 43px;
	display: inline-block;
}
.product-view .product-shop .add-to-links .link-compare:hover, .product-view .product-shop .add-to-links .link-wishlist:hover {
	color: #fff;
	background-color: #0A6E7C;
	border-color:#0A6E7C
}
.product-view .product-shop ul.add-to-links a {
	padding: 0;
	margin: 0;
}
.product-view .product-shop .ratings {
	padding: 18px 0;
	margin: auto;
	border-bottom: 1px #ddd dotted
}
.product-view .product-shop .ratings .rating-links {
	margin-bottom: 0px;
	display: inline-block;
}
.product-view .product-shop .no-rating {
	border-bottom: 1px dotted #ddd;
	margin: auto;
	padding: 18px 0;
	font-size: 13px;
}
.availability.in-stock {
	padding: 3px 10px;
	position: absolute;
	top: 20px;
	right: 0px;
}
.availability.in-stock span {
	color: #6dbe14;
	font-size: 12px;
	line-height: 16px;
	display: block;
}
.product-view .product-shop .price-block {
	position: relative;
}
.availability.in-stock span:before {
	content: '\f14a';
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
	vertical-align: middle
}
.product-view .product-shop .price-box {
	display: block;
	margin: 0px;
	padding: 15px 0px;
	border-bottom: 1px #ddd dotted;
	position: relative
}
.product-view .product-shop .grouped-items-table .price-box {
	border-bottom: 0px solid #ddd;
	margin: 0;
	padding: 0;
}
.product-view .product-shop .price-box .old-price {
	margin: 0px;
	margin-top: 0;
	display: inline-block;
}
.product-view .product-shop .special-price {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.product-view .product-shop .old-price .price {
	font-size: 20px;
	font-weight: normal
}
.product-view .product-shop .price {
	font-size: 24px;
	color: #fb4e4a;
	font-weight: bold;
}
.add-to-cart .qty, .qty-holder .qty {
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	border-radius: 0px;
}
.add-to-cart .qty {
	padding: 0 5px 1px;
	height: 44px;
	border: 1px #ddd solid;
	text-align: center;
	width: 45px;
	color: #aaa;
	vertical-align: top;
	background: #f8f8f8;
	border-radius: 0px
}
.product-shop .button-up, .product-shop .button-down {
	height: 44px;
	width: 44px;
}
.add-to-cart .button-up, .add-to-cart .button-down {
	left: 94px;
	position: absolute;
}
.button-up:hover {
	background: #333 url(../images/icon_arrow_up.png) no-repeat 15px 15px;
}
.button-down:hover {
	background: #333 url(../images/icon_arrow_down.png) no-repeat 15px 15px;
}
.button-up, .button-down {
	height: 44px;
	text-indent: -999em;
	width: 35px;
	border: none;
}
.qty-input-text {
	float: left;
	margin-left: 10px;
}
.custom button.items-count {
	background-color: #fff;
	border: 1px #ddd solid;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	color: #444;
	font-size: 10px;
	line-height: normal;
	padding: 15px 15px 12px 15px;
	line-height: normal;
}
.custom button.items-count:hover {
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -45px 0 0 #0A6E7C;
	border: 1px solid #0A6E7C;
	color: #fff;
	background-color: #0A6E7C;
}
.product-view .product-shop .add-to-box .add-to-cart label {
	display: inline-block;
	float: left;
	margin-top: 6px;
	text-align: left;
	text-transform: capitalize;
	font-family: 'Public Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin-right: 15px;
}
.product-view .product-shop .product-options-bottom .add-to-cart label {
	display: block;
	float: none;
	margin-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
	font-family: 'Public Sans', sans-serif;
}
.button-up:hover, .button-up:focus {
	background-image: url(../images/icon_arrow_up.png) !important;
	background-position: 16px 16px;
}
.button-down:hover, .button-down:focus {
	background-image: url(../images/icon_arrow_down.png) !important;
	background-position: 16px 16px;
}
/*  Product Collatera */
.product-collateral {
    position: relative;
    padding: 0px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    padding-bottom: 25px;
	margin-bottom: 30px;
}
.product-view .box-additional {
	clear: both;
}

.box-additional {
	padding-bottom: 15px;
}

.tabs {
	border-bottom: 1px #ececec solid;

}
#product-tabs {
	margin: 0;
	padding: 0;
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#product-tabs > dt {
	text-transform: none;
	font-size: 14px;
	padding: 8px 0px;
	cursor: pointer;
	color: #102343;
	text-transform: none;
	font-family: 'Public Sans', sans-serif;
}
#product-tabs > dt.open {
	position: relative;
	background-color: #fff;
	z-index: 10;
	color: #2CA2E3;
}
#product-tabs > dd {
	display: none;
	right: 0;
	top: 0;
	background-color: #fff;
	margin: 0;
	padding: 6px 0;
	line-height: 1.8;
	border-bottom-width: 0 !important;
	font-size: 14px;
}
#product-tabs > dd h2 {
	display: none;
}
.product-tabs {
	display: flex;
	flex-wrap: wrap;
	line-height: normal;
	margin: 0;
	outline: none;
	padding: 0;
	position: relative;
	z-index: 1;
	margin-top: 0px;
	gap: 4px;
	text-align: left;
	width: 100%;
	border-bottom: 2px solid #ececec;
}
.product-tabs li {
	margin-bottom: -2px;
}
.product-tabs li a {
	display: block;
	border: none;
	border-bottom: 2px solid transparent;
	color: #777;
	margin-right: 0px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Bricolage Grotesque', sans-serif;
	letter-spacing: .3px;
	border-radius: 8px 8px 0 0;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.nav-tabs.product-tabs > li > a {
	margin-right: 0px;
	line-height: 1.42857143;
	padding: 14px 20px;
}
.product-tabs li a.active,
.product-tabs li a.active:hover,
.product-tabs li a.active:focus {
	border: none;
	border-bottom: 2px solid #0A6E7C;
	background: #0A6E7C;
	color: #FFC72C;
	font-weight: 700;
}
.product-tabs li a:not(.active):hover,
.product-tabs li a:not(.active):focus {
	border: none;
	border-bottom: 2px solid #0A6E7C;
	background: #f0f6fc;
	color: #0A6E7C;
}
.tab-content {
	background-color: #FFFFFF;
	overflow: hidden;
	font-size: 14px;
	padding: 25px;
}
.tab-content > .active {
	margin-top: 5px;
	font-size: 13px;
}
.form-add-tags input.input-text, select, textarea {
	border: 1px solid #ddd;
	margin-top: 0;
	padding: 6px;
	width: 35%;
}
.form-add-tags button.button {
	display: inline;
	background: #fff;
	font-family: 'Public Sans', sans-serif;
	border: 2px solid #eee;
	background: #fff;
	padding: 6px 12px;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
button.button.btn-add:before {
	content: "\f067";
	font-family: FontAwesome;
	font-size: 14px;
	padding-right: 8px;
}
.form-add-tags button.button:hover {
	display: inline;
	background: #2ecc71;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 2px #eee solid;
	color: #000;
	padding: 6px 12px;
}
#customer-reviews {
	/*float: left;*/
	margin-top: 15px;
}
#customer-reviews .detail {
	font-size: 14px;
	line-height: 18px;
}
#customer-reviews h3 {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 15px;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform:uppercase;
	margin-top:0px
}
#customer-reviews h4 {
	display: inline;
	font-size: 14px;
}
#customer-reviews h5 {
	display: inline;
	font-size: 14px;
}
.box-reviews dl {
	margin-bottom: 0;
}
.box-reviews dt {
	font-size: 18px;
	padding: 20px 0 10px;
}
#customer-reviews .page-title {
	border: none;
}
#customer-reviews .page-title h2 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
	padding: 2px 0px;
	position: relative;
	display: block;
	font-family: 'Public Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px
}
.box-reviews1 {
	margin-top: 8px;
	margin-bottom: 20px;
}
.box-reviews2 {
	margin-top: 8px;
	margin-bottom: 35px;
	overflow: hidden;
}

.box-reviews2 li {
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff;
    border: 1px #ececec solid;
}

.review-title {
	margin-top: 0;
	line-height: 1.4;
	padding-bottom: 15px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
}
.review-title span {
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
}
.box-reviews > .rating-box {
	position: absolute;
	top: 30px;
	right: 30px;
}
.box-reviews dd {
	margin-left: 0;
	padding-bottom: 20px;
}
.box-reviews .author {
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}
.box-reviews .date {
	color: #bdbdbd;
	font-size: 14px;
	font-style: italic;
}
.box-reviews .ratings-table {
	float: left;
	margin: 15px 15px 15px 0;
	width: 12%;
}
.box-reviews .review {
	border-left: 1px solid #DFDFDF;
	float: left;
	padding-left: 2.5em;
	width: 84%;
}
.box-reviews .review .review-txt {
	margin-bottom: 10px;
}
.box-reviews ul li h6 {
	font-size: 12px;
	margin-bottom: 3px;
	padding: 0;
	margin-top:15px;
	font-family: 'Bricolage Grotesque', sans-serif;
    text-transform: uppercase;
}
.box-reviews2 ul li {
	margin-bottom: 0px;
	clear: both;
}
.box-reviews .actions {
	padding-top: 1.5em;
	text-align: right;
	float: left;
}
#customer-reviews .form-list li label {
	color: #333;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
}
#customer-reviews .buttons-set {
	margin-top: 10px;
}
/*detail page view link*/
a.button.view-all:before {
	content: "\f06e";
	font-family: FontAwesome;
	font-size: 13px;
	padding-right: 8px;
}
a.button.view-all {
	display: inline-block;
	border: 0;
	background: #fff;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	color: #333;
	font-weight: bold;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	vertical-align: top;
	border: 1px solid #ddd;
	font-family: 'Public Sans', sans-serif;
	text-transform: uppercase;
}
.button.view-all:hover {
	background: #2ecc71;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px solid #e0403d;
	color: #fff;
	text-decoration: none;
}
.box-reviews .form-add h3 {
	margin-bottom: 5px;
	font-size: 14px;
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
}
.box-reviews .form-add h4 {
	font-size: 15px;
}
.box-reviews textarea {
	width: 95%;
	margin-top: 4px;
	height: 8em;
	background: #f7f7f7;
}
.box-reviews .form-list input.input-text {
	width: 80%;
	padding: 10px;
	margin-bottom: 4px;
	line-height: 20px;
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list input.input-text:focus {
	width: 80%;
	padding: 10px;
	margin-bottom: 4px;
	line-height: 20px;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews .form-list select {
	padding: 12px 15px 12px 165px;
	margin: 0;
	width: 80%;
	line-height: 20px;
	height: 48px;
}
.review1 {
	display: inline-block;
	width: 45%;
	float: left;
}
.review2 {
	display: inline-block;
	width: 55%;
}
#product-review-table {
	margin: 10px 0;
	border: medium none;
	width: 100%;
}
#product-review-table th, #product-review-table td {
	text-align: left;
	font-family: 'Public Sans', sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	padding: 8px;
}
.data-table tbody th, .data-table tbody td {
	border-right: 0px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 15px;
}
#customer-reviews ul {
	margin: auto;
	padding: 0px;
}
#customer-reviews li {
	margin-bottom: 0px;
	list-style: none;
}
#customer-reviews .form-list li label {
	color: #333;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
}
label {
	font-weight: normal;
}
.box-reviews .form-list input.input-text {
	width: 80%;
	padding: 10px;
	margin-bottom: 4px;
	line-height: 20px;
	background: #fff;
	border: 1px solid #ececec;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.1) inset;
}
.box-reviews textarea {
	border: 1px #ececec solid;
	padding: 10px;
	outline: none;
	color: #aaa;
	background:#fff
}
.nobr {
	white-space: nowrap;
}
button.button.submit:before {
	content: "\f04b";
	font-family: FontAwesome;
	font-size: 11px;
	padding-right: 8px;
}
.button:hover {
	border: 0px solid #333;
	color: #FFF;
}
.upsell-pro .product-flexslider {
	margin: 0px -10px;
}
.upsell-pro {
	margin-bottom: 20px;
	margin-top: 25px;
}
#product-tabs > dd h2.product-name {
	display: block;
}
#product-tabs .crosssell .flex-direction-nav a {
	width: 50px;
	height: 40px;
	top: 112px;
}
#product-tabs .crosssell .flex-direction-nav .flex-prev {
	right: auto;
	left: -10px;
}
#product-tabs .crosssell .flex-direction-nav .flex-next {
	right: -10px;
}
.box-up-sell .flex-direction-nav a, .box-cross-sell .flex-direction-nav a {
	width: 54px;
	height: 44px;
	top: 0;
	margin-top: -76px;
	margin-right: -1px;
}
.product-view .box-tags .form-add input.input-text {
	width: 350px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 0px;
	box-shadow: 0 1px 5px #eee inset;
	margin-right: 10px;
	padding: 8px;
}
.up-sell-box {
	border: 1px #ddd solid;
	border-top: none;
}
.up-sell-box p.desc {
	margin: 0;
	padding: 10px 10px 0 10px
}
#brand-slider .flex-direction-nav a {
	width: 55px;
	height: 42px;
	top: 0;
	margin-right: -1px;
}
.featured-products .flex-direction-nav a {
	width: 54px;
	height: 43px;
	top: 0;
	margin-top: -43px;
	margin-right: -1px;
}
#featured-products-list-slider {
	border: 1px #ddd solid;
	border-top: none;
	width: 840px;
	height: 485px;
}
.box-up-sell .flex-direction-nav .flex-prev, .box-cross-sell .flex-direction-nav .flex-prev, #brand-slider .flex-direction-nav .flex-prev, .featured-products .flex-direction-nav .flex-prev {
	right: 53px;
}
.main .box-up-sell h2.subtitle .line, .main .box-cross-sell h2.subtitle .line, .brand-slider-wrap h2.subtitle .line, .featured-products h2.subtitle .line {
	right: 130px;
}
.featured-products {
	position: relative;
}
.product-view .box-tags .form-add label {
	line-height: 42px;
	font-size: 16px;
}
.product-view .box-tags .form-add .button {
	height: 35px;
}
#addTagForm {
	margin-bottom: 5px;
	margin-top: 10px
}
.product-view .box-up-sell {
	margin-top: 10px;
	float: left;
}
.product-view .box-up-sell .subtitle {
	margin-right: 0;
}
.mini-products-list .price-box * {
	display: inline;
}
.mini-products-list .price-box .price {
	margin-right: 10px;
}
/* products page */
.category-products ul.products-grid li.item {
	text-align: center;
	margin-bottom: 45px;
}
.category-products ul.products-grid li.item.last {
	text-align: center;
}
.category-products ul.products-grid li.item img {
	width: 100%;
}
.category-products ul.products-grid li.item a.thumb {
	position: relative;
	display: block;
	cursor: pointer;
}
.category-products ul.products-grid li.item a.thumb:hover {
	border-color: #999;
}
.category-products ul.products-grid li.item a.thumb span.quick-view {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	height: 35px;
	overflow: hidden;
}
.category-products ul.products-grid li.item a.thumb span.quick-view span {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: 700;
	color: #0a0a0a;
	padding: 8px 0 5px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Public Sans', sans-serif;
}
.category-products ul.products-grid li.item a.thumb span.quick-view span i {
	display: inline-block;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	margin-top: -1px;
	background: url('../images/quick-view.png') no-repeat center;
	padding-right: 12px;
}
/* === FLIP 3D === */
.category-products ul.products-grid li.item .product-wrapper {
	position: relative;
	margin-top: 20px;
}
.category-products ul.products-grid li.item a.thumb.flip {
	transform-style: preserve-3d;
	transition: transform 0.5s linear;
}
.category-products ul.products-grid li.item .product-wrapper .thumb-wrapper:hover a.thumb.flip {
	transform: rotateY(180deg);
}
.category-products ul.products-grid li.item .product-wrapper a.thumb.flip .face {
	display: block;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	position: relative;
	z-index: 1;
}
.category-products ul.products-grid li.item .product-wrapper a.thumb.flip .face.back {
	display: block;
	transform: rotateY(180deg);
	position: absolute;
	top: 3px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
.product-view .product-next-prev .product-next {
	font-size: 20px;
	line-height: 22px;
	display: inline-block;
	width: 26px;
	height: 24px;
	color: #fff;
	text-align: center;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	position: absolute;
	right: 0px;
	position: absolute;
	z-index: 10;
	top: -125px;
	border: 1px #aaa solid;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff
}
.product-view .product-next-prev .product-next:hover {
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #0A6E7C;
	border: 1px solid #0A6E7C;
}
.product-view .product-next-prev .product-next:before {
	content: "\f105";
	font-family: FontAwesome;
}
.product-view .product-next-prev .product-prev {
	font-size: 20px;
	line-height: 22px;
	display: inline-block;
	width: 26px;
	height: 24px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 35px;
	z-index: 10;
	top: -125px;
	border: 1px #aaa solid;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff
}
.product-view .product-next-prev .product-prev:hover {
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -40px 0 0 #0A6E7C;
	border: 1px solid #0A6E7C;
}
.product-view .product-next-prev .product-prev:before {
	content: "\f104";
	font-family: FontAwesome;
}

/* Related Products */
.related-pro {
	position: relative;
    padding: 0px 10px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    padding-bottom: 25px;

}

.related-pro .new_title {
    text-align: left;
    margin-left: -20px;
    margin-right: -10px;
    border-bottom: 1px #e5e5e5 solid;
	margin-bottom: 10px;
}

.related-pro .new_title h2 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 22px 25px 22px 25px;
    position: relative;
    display: inline-block;
    font-family: 'Bricolage Grotesque', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #0A6E7C;
    margin-top: 0px;
}

.related-pro .new_title h2:after {
    content: "";
    height: 1px;
    width: 1px;
    border-style: solid;
    border-width: 5px;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-color: #d95451 #d95451 transparent transparent;
}

.related-pro .owl-item .item {
    float: left;
    background: #FFF;
    margin-top: 20px;
}

.related-pro .owl-item .item {
    margin-left: 14px;
    margin-right: 14px;
    width: calc(100% - 28px);
    box-sizing: border-box;
}

/* Normaliza el tamaño de las imágenes (perfiles de ruta con proporciones muy distintas) */
.related-pro .products-grid .item .item-inner .item-img .item-img-info {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.related-pro .products-grid .item .item-inner .item-img .item-img-info a.product-image {
    display: block;
    width: 100%;
    height: 100%;
}
.related-pro .products-grid .item .item-inner .item-img .item-img-info a.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Cart page */

.shopping-cart-tbl {
	padding: 0px 25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-bottom: 30px;}

.cart {
	padding: 10px 0;
	margin-top: 25px;
}
#shopping-cart-table {
	border: none;
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	text-align: left;
	margin-top:25px;
}
.cart-table .btn-continue {
	float: left;
}
button.button span {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
button.button.btn-continue:before {
	content: "\f061";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
.data-table td {
	line-height: 20px;
	padding: 15px;
	vertical-align: top;
}
#shopping-cart-table tfoot tr td.last {
	border-top: none;
	border-top:#ececec double;
	background:#fff;
	border-bottom:none
}
button.button.btn-update:before {
	content: "\f021";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
button.button#empty_cart_button:before {
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
.cart-table .btn-update, .cart-table .btn-empty {
	float: right;
	margin-left: 8px;
}
#shopping-cart-table .product-name {
	margin: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	font-family: 'Public Sans', sans-serif;
}
#shopping-cart-table .product-name a {
	text-transform: none;
}
#shopping-cart-table.data-table .price {
	font-weight: bold;
}
#shopping-cart-table input.qty {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: normal;
    margin: 0 !important;
    outline: medium none;
    padding: 6px 10px;
    width: 40px;
    text-align: center;
}
#shopping-cart-table .edit-bnt {
	float: left;
	margin-top: 0px;
}
.edit-bnt:before {
	content: "\f040";
	font-family: FontAwesome;
	font-size: 12px;
	padding: 9px 10px;
}
a.edit-bnt:hover {
	color: #339900;
}
.edit-bnt span {
	display: none;
}
#shopping-cart-table a.remove-item {
	background-color: #fff;
	background-image: none;
	color: #333;
	cursor: pointer;
	padding: 6px 10px;
	border-radius: 0px;
	cursor: pointer;
	text-decoration: none;
	float: left;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #ddd solid
}
#shopping-cart-table a.remove-item:hover {
	background-color: #FFC72C;
	color: #fff;
	border: 1px #FFC72C solid
}
#shopping-cart-table a.remove-item:before {
	content: "\f014";
	font-family: FontAwesome;
	font-size: 16px;
}
#shopping-cart-table a.remove-item span {
	display: none;
}
#discount-coupon-form label {
	font-weight: normal;
}
.totals h3 {
	border-bottom: 1px solid #ddd;
	color: #000;
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 10px 0;
	text-transform: uppercase;

}
.cart-collaterals .col2-set .col-2 {
	width: 320px;
}
.totals .inner {
	padding:15px 0px;
	background-color: #fff;
	margin-top: 0px;
}
.cart-collaterals h3 {
	font-size: 14px;
	background-color: #fff;
	color: #333;
	margin-bottom: 14px;
	border-bottom: #ececec double;
	padding: 12px 0px;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	margin: auto;
}
.shipping-form {
	padding:15px 0px;
}
#shipping-zip-form p {
	margin: 2px 0 4px;
}
.form-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.form-list li {
	margin: 0 0 10px;
	position: relative;
}
.form-list label {
	position: relative;
	z-index: 0;
	font-weight: normal;
	color: #333;
	display: inline;
	font-size: 13px;
}
#shipping-zip-form .form-list label {
	display: block;
}
.form-list label.required em {
	font-style: normal;
	color: #ff0000;
}
#login-form em {
	font-style: normal;
	color: #ff0000;
}
.required em {
	color: #ff0000;
}
.required {
	color: #ff0000;
}
.form-list .input-box {
	display: block;
	clear: both;
	margin-bottom: 0;
}
.form-list select {
	margin: 5px 0 2px;
	width: 100%;
	outline: none;
}
.shipping {
	margin-top: 25px;

}
.discount {
	margin-top: 25px;
	min-height: 360px;
}
.totals {
	margin-top: 25px;
	min-height: 360px;
}
#discount-coupon-form {
	padding:15px 0px;
}
.cart-collaterals {
    padding: 0px 25px;
    position: relative;
    z-index: 1000;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);

}
.shipping .form-list select {
	width: 100%;
	background-color: #fff;
	border:1px #ddd solid;
	padding:5px 10px;
}
.form-list input.input-text {
	background: #fff;
	border:1px #ddd solid;
	padding:5px 10px;
	width: 100%;
	margin-top: 5px;
	outline: none;
	color: #aaa;
}
.shipping .form-list input.input-text {
	width: 100%;
}
button.button.get-quote:before {
	content: "\f15c";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
input.input-text, select, textarea {
	background-color: #fff;
	border: none;
	padding: 10px;
	outline: none;
	color: #333;
	border:1px #ddd solid
}
textarea#mensaje {
	width: 100%;
	resize: none;
	box-sizing: border-box;
}
input#coupon_code {
	margin: 8px 0;
	width: 100%;
}
button.button.coupon:before {
	content: "\f02b";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
#shopping-cart-totals-table {
	float: right;
	width: 100%;
	padding-bottom: 8px;
}
.cart .totals table th, .cart .totals table td {
	padding: 5px;
	border: none !important;
	background: none !important;
	border: medium none !important;
	box-shadow: none !important;
	color: #333 !important;
}
.checkout {
	color: #666666;
	padding-top: 5px;
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}
button.button.btn-proceed-checkout {
	background: #0A6E7C;
	padding: 15px 0px;
	color: #fff;
	width: 100%;
	border: none;
}
button.button.btn-proceed-checkout:hover {
	background: #FFC72C;
	color: #fff;
	padding: 12px 0px;
	border: none;
}
button.button.btn-proceed-checkout:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 20px;
	padding-right: 5px;
}
button.button.btn-proceed-checkout span {
	font-size: 18px;
	font-weight: normal;
}
.checkout a {
	text-decoration: underline;
	color: #FF6B4A;
}
#shopping-cart-totals-table .price {
	font-size: 14px;
	color: #333;
}
#shopping-cart-totals-table strong span.price {
	font-weight: 900;
}
.a-right {
	text-align: right !important;
}
.crosssel h2 {
	border-bottom: 1px solid #e5e5e5;
	color: #333;
	font-family: 'Public Sans', sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 7px;
	text-align: left;
	text-transform: uppercase;
	width: 100%
}
/* Cart page End */
#wishlist-table {
	border: none;
	text-align: left;
}
#wishlist-table .product-name {
	margin: 0;
	text-align: left;
	font-size: 14px;
	line-height: normal;
	font-family:'Bricolage Grotesque', sans-serif;
	font-weight:700;
	text-transform:uppercase
}
#wishlist-table .product-name a {
	text-transform: uppercase;
}
#wishlist-table input.qty {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 5px;
	text-align: center;
	border: 1px #ddd solid;
	width: 50px;
}
#wishlist-table .description {
	margin: 10px 0;
}
#wishlist-table img {
	width: auto;
}
#wishlist-table button.button.btn-cart {
	padding: 0px;
	color: #222;
	background-color: inherit;
	border: none;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	margin: 0 0 10px !important;
	border:1px #ddd solid!important
}
#wishlist-table button.button.btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
	font-size: 16px;
	    background: none;
    border:none;
    color: #333;
    padding: 6px 10px;
}
#wishlist-table button.button.btn-cart:hover {
	color: #333;
}
#wishlist-table button.button.btn-cart span {
	display: none;
}
#wishlist-table a.remove-item {
	padding: 6px 11px;
	color: #333;
	background-color: inherit;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px #333 solid;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	text-decoration: none;
	border:1px #ddd solid;
	display:block
}
#wishlist-table a.remove-item:before {
	content: "\f014";
	font-family: FontAwesome;
}


.btn-edit {padding: 5px 11px; border:1px #ddd solid; display:block; text-align:center}

small {
	font-size: 85%;
	font-weight: normal;
	text-transform: lowercase;
}
a:hover small {
	color: #fff;
}
.my-wishlist .buttons-set2 {
	border-top:#ececec double;
	padding-top:25px
}
.my-wishlist .buttons-set2 .btn-update {
	float: right;
	margin-right: 2px;
}
.my-wishlist button.button span {
	font-size: 11px;
}
.my-wishlist .buttons-set2 .btn-share {
	float: right;
	margin-left: 8px;
}
button.button.btn-share:before {
	content: "\f004";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
.my-wishlist .buttons-set2 .btn-add {
	float: right;
	margin-left: 8px;
}
.my-wishlist .back-link {
	float: left;
}
.state_bar {
	padding: 0;
}
.checkout-progress {
	padding-top: 0px;
	margin: 0px 0 0px;
	overflow: hidden;
	padding: 0;
	list-style: none;
}
.checkout-progress li {
	list-style-type: none;
	width: 19%;
	text-align: center;
	color: #fff;
	margin-right: 0px;
	padding: 7px 7px;
	text-transform: uppercase;
	font-family:'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 1px;
	margin-right: 10px;
	border-radius: 0px;
	border: 2px #fff solid;
}
.checkout-progress li.last {
	margin-right: 0px;
}
.checkout-progress li.active {
	color: #fff;
	background-color: #FFC72C;
	border: 2px #FFC72C solid;
}
.multiple_addresses {
    padding: 25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-top: 30px;
}

.page-title_multi h2 {
	font-size: 18px;
	float: left;
	font-family:'Bricolage Grotesque', sans-serif;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 5px;
}
.multiple_addresses .title-buttons {
	text-align: right;

}
button.button.new-address:before {
	content: "\f015";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
.addresses {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
#multiship-addresses-table {
	margin-top: 5px;
	border: none;
	overflow: hidden;
}
#multiship-addresses-table h4 {
	font-size: 14px;
	margin: 0;
	line-height: 18px;
	font-weight: normal;
}
.multiple-checkout select {
	width: 100%;
	min-width: 315px;
}
#multiship-addresses-table .btn-remove {
	background-color: inherit;
	background-image: none;
	color: #333;
	cursor: pointer;
	padding: 10px 12px;
	border-radius: 0px;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #fff;
	float: left;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	line-height: 12px;
	border:1px #ddd solid
}
.multiple_addresses .addresses select {
	border: 1px #ddd solid;
	padding:7px 10px
}
#multiship-addresses-table .btn-remove:before {
	content: "\f014";
	font-family: FontAwesome;
}
#multiship-addresses-table .btn-remove:hover {
	color: #fff;
	background-color: #FFC72C;
	border: 1px #FFC72C solid;
}
#multiship-addresses-table .btn-remove span {
	display: none;
}
#multiship-addresses-table input.input-text {
	background-color: #FFF;
	padding: 6px 8px;
	border: 1px solid #ddd;
	text-align: center;
}
.state_bar li {
	width: 19%;
	display: inline-block !important;
}
.multiple_addresses .addresses {
	margin: 15px 0;
}
.multiple_addresses .buttons-set {
	margin: auto;
}
.multiple_addresses .multiple-checkout {
	padding-bottom: 15px;
}
.multiple_addresses .buttons-set {
	margin: 10px 0;
}
.back-link {
	float: left;
}
.multiple-checkout .buttons-set .button {
	float: right;
}
.account-login {
    padding:0px;
    position: relative;
    padding-bottom: 45px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-top: 30px;
}
.account-login .page-title h1, .account-login .page-title h2 {
	border-bottom: none;
}
.account-login .col2-set .col-1 {
	float: left;
	padding-bottom: 0;
	padding: 25px;
	text-align: left;
	width: 48%;
	margin-top: 10px;
}
.account-login .required {
	color: #F00
}
.account-login .col2-set .col-1 strong {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: inline-block;
    border-bottom: 1px #eee solid;
    padding-bottom: 6px;
    width: 100%;
    border-bottom: #ececec double;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 700;
}
.account-login .col2-set .col-2 strong {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 8px;
	display: inline-block;
	border-bottom: 1px #eee solid;
	padding-bottom: 6px;
	width: 100%;
	border-bottom:#ececec double;
	font-family:'Bricolage Grotesque', sans-serif;
	font-weight:700
}
.account-login .col2-set .col-2 {
	float: right;
	padding-bottom: 0;
	padding:25px;
	text-align: left;
	width: 48%;
	margin-top: 10px;
}
button.button.create-account:before {
	content: "\f007";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
button.button.login:before {
	content: '\f13e';
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
.account-login .form-list label {
	display: block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #333;
	margin-bottom: 4px;
}
.account-login .form-list label .required {
	text-transform: none;
	font-weight: 700;
}
.account-login .form-list input.input-text {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 10px 12px;
	width: 100%;
	margin-top: 5px;
	outline: none;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #333;
	transition: border-color .2s ease-in-out;
}
.account-login .form-list input.input-text:hover,
.account-login .form-list input.input-text:focus {
	border-color: #0A6E7C;
}
.account-login .form-list input.input-text::placeholder {
	color: #aaa;
	font-weight: normal;
}
/* Input de fichero (p.ej. /fotos/aportar): mismo marco que .input-text para
   que no desentone con el resto de campos del formulario. */
.account-login .form-list input[type="file"] {
	display: block;
	width: 100%;
	margin-top: 5px;
	padding: 9px 12px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	color: #555;
}
.account-login .registro-title {
	padding: 25px 25px 0;
}
.account-login .registro-title h1 {
	margin: 0;
	padding: 0;
	display: inline;
	font: inherit;
}
.account-login .registro-title strong {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 8px;
	display: inline-block;
	border-bottom: #ececec double;
	padding-bottom: 6px;
	width: 100%;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
}
.account-login .registro-content {
	padding: 15px 25px 25px;
}
.account-login .registro-content > p {
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #666;
	margin: 0 0 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
}
.account-login .registro-content .row {
	margin-bottom: 10px;
}
.account-login .registro-content .buttons-set {
	margin-top: 10px;
}
.password-strength-meter {
	height: 6px;
	background: #eee;
	border-radius: 3px;
	margin-top: 8px;
	overflow: hidden;
}
.password-strength-meter-bar {
	height: 100%;
	width: 0;
	border-radius: 3px;
	background: #e74c3c;
	transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.password-strength-meter-bar.strength-0 {
	width: 10%;
	background: #e74c3c;
}
.password-strength-meter-bar.strength-1 {
	width: 25%;
	background: #e74c3c;
}
.password-strength-meter-bar.strength-2 {
	width: 50%;
	background: #f39c12;
}
.password-strength-meter-bar.strength-3 {
	width: 75%;
	background: #a8ce4b;
}
.password-strength-meter-bar.strength-4 {
	width: 100%;
	background: #0A6E7C;
}
.password-strength-text {
	display: block;
	font-size: 11px;
	margin-top: 4px;
	color: #999;
	text-transform: none;
	font-weight: normal;
}
.login-loading-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}
.login-loading-overlay.active {
	display: flex;
}
.login-loading-box {
	text-align: center;
	font-family: 'Bricolage Grotesque', sans-serif;
}
.login-spinner {
	width: 48px;
	height: 48px;
	margin: 0 auto 15px;
	border: 4px solid #ececec;
	border-top-color: #0A6E7C;
	border-radius: 50%;
	animation: login-spin 0.8s linear infinite;
}
.login-loading-box p {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #0A6E7C;
	margin: 0;
}
@keyframes login-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Aviso de PDF exportado con éxito (playas, rutas, lugares de interés) */
.pdf-success-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 15px;
	padding: 18px 22px;
	background: #EAF3FC;
	border: 1px solid #0A6E7C;
	border-left: 5px solid #0A6E7C;
	border-radius: 4px;
}
.pdf-success-box .pdf-success-icon {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #0A6E7C;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pdf-success-box .pdf-success-text {
	flex: 1 1 220px;
}
.pdf-success-box .pdf-success-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	color: #0A6E7C;
	text-transform: none;
}
.pdf-success-box .pdf-success-subtitle {
	margin: 3px 0 0;
	font-size: 12px;
	color: #555;
}
.pdf-download-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #0A6E7C;
	color: #fff !important;
	border: none;
	border-radius: 30px;
	padding: 12px 26px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease;
}
.pdf-download-btn:before {
	content: "\f019";
	font-family: FontAwesome;
	font-size: 14px;
}
.pdf-download-btn:hover, .pdf-download-btn:focus {
	background: #FFC72C;
	color: #0A6E7C !important;
	text-decoration: none;
}

/* Tarjeta destacada para exportar la ficha en PDF: se le da más presencia
   porque el PDF resultante es coleccionable y permite consultar el
   contenido sin conexión, no es un simple botón secundario. */
.pdf-export-card {
	margin-top: 24px;
	padding: 24px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	background: #FBF8F1;
	border: 1px dashed #FFC72C;
	border-radius: 8px;
}
.pdf-export-icon {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #0A6E7C;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
.pdf-export-icon:before {
	content: "\f019";
	font-family: FontAwesome;
}
.pdf-export-text {
	flex: 1 1 260px;
}
.pdf-export-badge {
	display: inline-block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
	color: #B8860B;
	background: #FFF3D1;
	padding: 3px 10px;
	border-radius: 30px;
	margin-bottom: 8px;
}
.pdf-export-title {
	margin: 0 0 6px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #0A6E7C;
	text-transform: none;
}
.pdf-export-subtitle {
	margin: 0;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	color: #555;
}
.pdf-export-btn {
	flex: 0 0 auto;
	border: none;
	background: #0A6E7C;
	color: #fff;
	border-radius: 30px;
	padding: 13px 28px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
	cursor: pointer;
	transition: background-color .25s ease, color .25s ease;
}
.pdf-export-btn:hover, .pdf-export-btn:focus {
	background: #FFC72C;
	color: #0A6E7C;
}

/* Mensajes de validación de formularios (jQuery Validate) */
label.error {
	display: block;
	clear: both;
	color: #FF6B4A;
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: none;
	margin: 5px 0 10px;
}
label.error:before {
	content: "\f06a";
	font-family: FontAwesome;
	margin-right: 5px;
}
.input-box input.input-text.error,
.form-horizontal .form-control.error {
	border-color: #FFC72C;
}
.group-select ul {
	padding-left: 0px;
}
/* 404 Page */
.content-wrapper {
	margin: auto;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 80px;
}
.page-not-found h2 {
	color: #da2c2a;
	font-size: 12em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	font-family: 'Shadows Into Light';
}
.page-not-found h3 {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 4em;
	text-transform: uppercase;
	font-family:'Bricolage Grotesque', sans-serif;
	letter-spacing:5px
}
.page-not-found h3 img {
	margin-right: 8px;
	vertical-align: text-bottom;
}
.page-not-found p {
	color: #666;
	font-size: 1.33em;
	line-height: 1.5em;
	margin-bottom: 0.75em;
}
.page-not-found .btn-home {
	background-color: #fff;
	border:#ddd double;
	color: #333;
	cursor: pointer;
	font-family:'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	padding: 10px 35px;
	text-decoration: none;
	height: auto;
	font-weight: 700;
	text-transform: uppercase;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	
}
.page-not-found .btn-home:hover {
	background-color: #000;
	color: #fff;
}
.page-not-found .btn-home span {
	margin: 0;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
}
#toTop {
	color: #fff;
	text-align: center;
	bottom: 60px;
	display: none;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	position: fixed;
	right: 10px;
	text-decoration: none;
	width: 45px;
	background: url(../images/to-top-arrow.png) no-repeat center;
	background-color: #0A6E7C;
	text-transform: uppercase;
	z-index: 100;
	border-radius: 0px;
}
#toTop:hover {
	color: #fff;
	background-color: #2ecc71;
}
/* Footer */

/* BRAND SLIDER */

.logo-brand {padding: 0px 10px;
  position: relative;
  margin-top: 0px;
  padding-bottom: 20px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #eee #d5d5d5 #eee;
  box-shadow: 0 5px 0 rgba(200,200,200,.2);
  }

.brand-logo {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px;
}
#brand-logo-slider {
	margin: 0px 0px!important
}
.brand-logo .slider-items-products .item {
	text-align: center;
	margin:0 9px 0px 10px;
	
	
}

.logo-item {border:1px #e5e5e5 solid; line-height: 85px; margin-top: 18px;}

.logo-brand .new_title {
  text-align: left;
  margin-left: -20px;
  margin-right: -10px;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom:10px}

.logo-brand .new_title h2 {
	color: #fff;
	font-size:16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 22px 25px 22px 25px;
	position: relative;
	display: inline-block;
	font-family:'Bricolage Grotesque', sans-serif;
	letter-spacing: 0.5px;
	text-transform:uppercase;
	background:#0A6E7C;
	margin-top:0px}

.logo-brand .new_title h2:after {
  content: "";
  height: 1px;
  width: 1px;
  border-style: solid;
  border-width: 5px;
  position: absolute;
  bottom: -10px;
  left: 0;
  border-color: #6a9c32 #6a9c32 transparent transparent; }


/* newsletter */

.newsletter {
	margin: 0 0 20px 0;
	padding: 5px 0 0;
	position: relative;
	width: 820px;
	margin: auto;
	margin: auto;
}
.newsletter-wrap h4 {
	margin-bottom: 3px;
	display: inline-block;
	float: left;
	margin-right: 15px;
	padding: 0px;
	padding-top: 10px;
	margin-left:25px
}
.newsletter-wrap input[type="text"] {
	background: #FFFFFF;
	width: 450px;
	height: 18px;
	display: inline-block;
	color: #a7a7a7;
	line-height: 22px;
	background-color: #fff;
	border: none;
	padding-left: 10px;
	font-size: 13px;
	font-family: 'Public Sans', sans-serif;
	border: none;
}
button.subscribe:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 13px;
	padding-right: 5px;
	color: #ffffff;
}
.newsletter-wrap button.subscribe {
	background:none;
	border: 0 none;
	filter: none;
	overflow: hidden;
	padding: 7px 18px;
	cursor: pointer;
	font-weight: bold;
	border:2px #0A6E7C solid;
	background:#0A6E7C;
}
.newsletter-wrap button.subscribe:hover {
  transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
  box-shadow: inset 0 -40px 0 0 #000;
  border: 2px solid #fff;
	filter: none;
	overflow: hidden;
	padding: 7px 18px;
}
.newsletter-wrap button.subscribe span {
	color: #ffffff;
	font-size: 14px;
}
.newsletter-wrap input[type="text"] {
	background: #FFFFFF;
	height: auto;
	display: inline-block;
	color: #a7a7a7;
	line-height: 22px;
	background-color: #fff;
	border: none;
	font-size: 13px;
	font-family: 'Public Sans', sans-serif;
	border: none;
	padding: 8px 10px;
	width: 425px!important;
}
footer {
	padding: 0px 0 0;
	overflow: hidden;
	color: #fff;
	background: #252932;

}

.sponsors-strip {
	background: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}

.sponsors-strip .container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

.sponsors-strip__label {
	font-family: 'Public Sans', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	white-space: nowrap;
}

.sponsors-strip__logos {
	display: flex;
	align-items: center;
	gap: 20px;
}

.sponsors-strip__logos img {
	height: 24px;
	width: auto;
	opacity: 0.85;
	transition: opacity 200ms ease;
}

.sponsors-strip__logos a:hover img {
	opacity: 1;
}

.footer-inner .container {padding:0px}

footer ul {
	margin: 0px;
	padding: 0px;
}
footer ul li {
	list-style-type: none;
}
footer ul li:last-child {
	border-bottom: none;
	width: auto
}
footer a {
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 13px
}
.com-add {
	border-bottom: 1px solid #f7f7f7;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

.footer-banner {margin-top:10px; margin-left:15px; margin-bottom:40px; clear:both; float:left}

footer .footer-inner {
	margin: auto;
	overflow: hidden;
}
footer .footer-inner h3 {
	color: #3D4C4F;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding: 0 0 10px;
	font-family: 'Public Sans', sans-serif;
}
.footer-column-1 {
	margin-right: 30px;
	margin-bottom: 15px;
	line-height: 18px;
	min-height: 220px;
	padding-right: 30px;
}
.footer-column {
	margin-left: 25px;
	margin-bottom: 40px;
	min-height: 220px;
	width: 30%;
	float: left;
	padding-top:80px;
}
footer .newsletter-row {
	overflow: hidden;
	width: 100%;
	padding: 35px 0px;
	background:#1b1e24

}

footer .newsletter-row .col1 {text-align:right}
footer .footer-column a {
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
footer .footer-column a:before {
    content: '\f10c';
    font-family: FontAwesome;
    font-size: 5px;
    display: inline-block!important;
    cursor: pointer;
    line-height: 20px;
    color: #b7bcc8;
    margin-right: 10px;
    vertical-align: top;
}
.footer-column-last {
	margin-right: 0px;
	margin-bottom: 15px;
	padding-left: 0px;
}
.footer-column-last li {
	padding: 0px 0 5px;
}
.footer-bottom .inner {
	margin: auto;
	padding: 20px 0 15px;
	height: 60px;
}
.footer-bottom .inner a {
	color: #aaa
}
.footer-bottom .inner .bottom_links a {
	margin-left: 15px;
}
.footer-bottom .inner a:hover {
	color: #fff
}
footer p {
	font-size: 14px;
	color: #222;
	padding-top: 5px;
	padding-bottom: 5px;
}
footer .footer-column a {
	display: block;
	color: #b7bcc8
}
footer a {
	line-height: normal;
}
footer a:hover {
	color: #0A6E7C;
}
footer p {
	line-height: 20px;
}
footer h4 {
	padding: 0 0 18px;
	font-size: 16px;
	margin: 0;
	color: #0fa0b5;
	font-weight: normal;
	font-family: 'Bricolage Grotesque', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px
}
footer .input-text:focus {
	background: #fff;
	border-color: #464646;
}
footer a:hover {
	text-decoration: none;
}
footer .coppyright {
	color: #666;
	float: left
}
.footer-bottom {
	padding: 0px;
	overflow: hidden;
	width: 100%;
	margin: auto;
	padding: 25px 0;
	background-color: #1b1e24;
}
.footer-bottom a {
	color: #999;
}
.footer-bottom .company-links ul {
	padding: 0px;
}
.footer-bottom .company-links li {
	display: inline-block;
	margin-left: 20px;
	list-style: none;
	float: right;
	border-bottom: none
}
.add-icon:before {
	content: "\f041";
	font-family: FontAwesome;
	font-size: 15px;
	color: #fff;
	height: 35px;
	width: 35px;
	line-height: 35px;
	display: inline-block;
	float: left;
	font-style: normal;
	text-align: center;
	margin-right: 10px;
	border-radius: 30px;
	border: 2px #aaa solid;
	border-radius: 25px
}
.email-footer {
	overflow: hidden;
	margin-top: 12px;
	font-size: 14px;
}
.email-footer a {
	font-size: 14px;
	line-height: 35px;
	color: #aaa
}
.phone-footer {
	overflow: hidden;
	font-size: 14px;
	line-height: 35px;
	color: #aaa;
	margin-bottom: 10px;
	margin-top: 12px;
}
footer address {
	display: block;
	margin: auto;
	font-style: normal;
	line-height: 1.5em;
	color: #fff;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
	padding:0px
}

.icon-location-arrow:before {color:#fff}
.icon-mobile-phone:before{color:#fff}
.icon-envelope:before{color:#fff}

footer address em {
	display: inline-block!important;
	vertical-align: middle!important;
	margin-right: 8px!important
}
footer address em:before {
	margin: 0px !important
}
footer address span {
	display: inline-block!important
}
footer address div {
	display: block;
	text-align: left;
	overflow: hidden;
	padding: 15px 0px;
  border-bottom: 1px #fff dotted;

}

footer address div:last-child{ border:none}

.footer-contact-cta {
	margin-top: 5px;
	text-align: left;
}
.footer-contact-cta .button.view-all {
	padding: 10px 22px !important;
	font-size: 11px !important;
}
.footer-contact-cta .button.view-all:before {
	content: "\f0e0";
}

.email-icon:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 14px;
	color: #fff;
	height: 35px;
	width: 35px;
	margin-right: 5px;
	line-height: 35px;
	display: inline-block;
	float: left;
	font-style: normal;
	text-align: center;
	margin-right: 10px;
	border: 2px #aaa solid;
	border-radius: 25px
}
.phone-icon:before {
	content: "\f095";
	font-family: FontAwesome;
	font-size: 15px;
	color: #fff;
	height: 35px;
	width: 35px;
	margin-right: 5px;
	line-height: 35px;
	display: inline-block;
	float: left;
	font-style: normal;
	text-align: center;
	margin-right: 10px;
	border: 2px #aaa solid;
	border-radius: 25px
}
.footer-bottom .bottom_links li {
	margin-left: 20px
}
.custom-footer-links li {
	margin: 7px 0
}
.footer-col-right {
	width: 58%;
	float: left
}
.contact-info {
	text-align: center;
}
ul.contact-info span {
	font-size: 13px !important;
	font-weight: 900 !important;
	color: #666;
	float: left
}
ul.contact-info li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	display: inline-block;
}
ul.contact-info li.last {
	float: left;
	margin-bottom: 0px;
	border-bottom: 0px #2D3D4C solid
}
#container_newsletter {
	width: 100%;
	padding: 7px 0 7px 0;
	background: #f7f7f7;
	margin: 36px 0 22px 0
}
#text_container_news {
	width: 205px;
	height: 34px;
	float: left;
	margin-left: 30px;
	text-transform: uppercase;
	font-family: arial;
	font-size: 10px;
	color: #647177;
	padding-top: 7px
}
#text_container_news span {
	color: #959a9c;
	font-size: 9px
}
#container_form_news {
	position: relative;
	z-index: 0
}
#container_form_news2 input[type="text"] {
	background: #FFFFFF;
	width: 65%;
	display: inline;
	color: #a7a7a7;
	line-height: 20px;
	background-color: #FFFFFF;
	border: 1px solid #e9e7e7;
	padding-left: 10px;
	font-size: 13px;
	font-family: 'Public Sans', sans-serif;
	margin-right: 0px;
}
#container_form_news2 input[type="submit"] {
	cursor: pointer;
	border: 0;
	background: #FFFFFF;
	width: 20px;
	height: 12px;
	display: block;
	position: relative;
	color: #a7a7a7;
	font-size: 10px;
	line-height: 20px;
	top: -18px;
	right: -160px
}
.footer-box {
	width: 1240px;
	margin: auto;
}
footer ul span {
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	line-height: 15px;
	padding-right: 3px;
}
address {
	display: block;
	margin: auto;
	font-style: normal;
	line-height: 21px;
	color: #999;
	padding-top: 10px;
	margin-top: 10px;
	text-align: left;
	padding-bottom: 15px;
	border-bottom: 1px #eaeaea solid;
	margin-bottom: 15px
}
.footer-logo {
	text-align: left;
	margin: 10px 0;
}

/* Footer legibility fixes: the sitewide "a { color: #333 }" rule and the default theme
   rules (footer h3, footer p, footer .coppyright) were tuned for a light background and
   read as near-black on this site's dark footer. */
.footer-inner .footer-column-1 > p {
	color: #b7bcc8;
}
.footer-inner .footer-column-last a {
	color: #b7bcc8;
	display: inline-block;
	padding: 6px 0;
}
.footer-inner .footer-column-last a:hover {
	color: #0A6E7C;
}
.footer-bottom .coppyright {
	color: #b7bcc8;
}
.footer-bottom .company-links a {
	color: #b7bcc8;
}
.footer-bottom .company-links a:hover {
	color: #0A6E7C;
}
.footer-bottom .photo-credits {
	clear: both;
	margin: 10px 0 0;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 11px;
	line-height: 1.6;
	color: #7d828d;
}

/* Footer sizing: the theme's default min-height/padding values were sized for a footer
   with more columns of links, and the .social icon list had no horizontal layout at all
   (li defaults to block, and the anchor's width/height were ignored since a is inline). */
.footer-inner .container {
	padding: 24px 0 8px;
}
.footer-inner .footer-column-1 {
	min-height: 0;
	margin-bottom: 15px;
}
.footer-inner .social {
	margin-top: 12px;
}
.footer-inner .social ul {
	display: flex;
	flex-wrap: wrap;
}
.footer-inner .social a {
	display: inline-block;
}
.footer-inner address {
	margin-top: 8px;
	margin-bottom: 0;
}
.footer-inner address div {
	padding: 6px 0;
}
.footer-bottom .inner {
	height: auto;
	padding: 15px 0;
}

/* Franja de CTAs del footer ("Empieza tu ruta" / "Explorar por etiquetas" /
   "Aporta una foto"): tres tarjetas iguales en estructura pero con su propio
   color de marca, siguiendo el mismo lenguaje visual que las carnet-card y
   explore-card de la zona de bienvenida (tarjeta blanca, esquinas redondeadas,
   sombra suave, insignia circular con icono). */
.footer-cta {
	padding: 40px 30px;
	background: #FAF7F2;
}
.footer-cta-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	max-width: 1170px;
	margin: 0 auto;
}
.footer-cta-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	padding: 34px 26px 28px;
	box-shadow: 0 15px 35px rgba(0, 30, 60, 0.18);
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.footer-cta-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 40px rgba(0, 30, 60, 0.28);
	text-decoration: none;
}
.footer-cta-card-icon {
	flex: 0 0 auto;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	margin-bottom: 18px;
}
.footer-cta-card--ruta .footer-cta-card-icon {
	background: linear-gradient(135deg, #0A6E7C, #074F59);
}
.footer-cta-card--tags .footer-cta-card-icon {
	background: linear-gradient(135deg, #FF8B6E, #FF6B4A);
}
.footer-cta-card--fotos .footer-cta-card-icon {
	background: linear-gradient(135deg, #2E7D5B, #2E8B57);
}
.footer-inner .footer-cta-card h3 {
	color: #1b1e24;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0.3px;
	margin: 0 0 8px;
	padding: 0;
}
.footer-inner .footer-cta-card p {
	color: #666;
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 1.6;
}
.footer-cta-card-cta {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 11px 22px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Public Sans', sans-serif;
	color: #fff;
	border-radius: 30px;
	transition: filter 0.2s ease;
}
.footer-cta-card--ruta .footer-cta-card-cta {
	background: #0A6E7C;
}
.footer-cta-card--tags .footer-cta-card-cta {
	background: #e32900;
}
.footer-cta-card--fotos .footer-cta-card-cta {
	background: #2b8352;
}
.footer-cta-card:hover .footer-cta-card-cta {
	filter: brightness(1.1);
}
@media only screen and (max-width: 991px) {
	.footer-cta-grid {
		grid-template-columns: 1fr 1fr;
	}
	.footer-cta-card:last-child {
		grid-column: 1 / -1;
	}
}
@media only screen and (max-width: 600px) {
	.footer-cta {
		padding: 30px 20px 4px;
	}
	.footer-cta-grid {
		grid-template-columns: 1fr;
	}
	.footer-cta-card:last-child {
		grid-column: auto;
	}
}

.social-section {
	padding: 0px;
	overflow: hidden;
	width: 100%;
	margin: auto;
	background: #191919
}
.social-section .inner {
	margin: auto;
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 20px;
}
.social {
	overflow: hidden
}
.social a {
	color: #0A6E7C;
	width: 38px;
	height: 38px;
	line-height: 40px;
	background-color: #fff;
    border-radius: 30px;
}
.social a:hover {
	color: #fff;
}
.social .fb a:before {
	content: "\f09a";
	font-family: FontAwesome;
}
.social .fb a {
	font-size: 16px;
	display: inline-block!important;
	text-align: center;
	padding: 0;
}
.social .fb a:hover {
	background: #3C5B9B !important;
}
.social .tw a:before {
	content: "\f099";
	font-family: FontAwesome;
}
.social .tw a {
	font-size: 16px;
	display: inline-block!important;
	text-align: center;
	padding: 0;
}
.social .tw a:hover {
	background: #359BED !important;
}
.social .email a:before {
	content: "\f0e0";
	font-family: FontAwesome;
}
.social .email a {
	font-size: 16px;
	display: inline-block!important;
	text-align: center;
	padding: 0;
}
.social .email a:hover {
	background: #4a4a4a!important;
}
.social .rss a:before {
	content: "\f09e";
	font-family: FontAwesome;
}
.social .rss a {
	content: "\f09e";
	font-family: FontAwesome;
	font-size: 16px;
	display: inline-block!important;
	text-align: center;
	padding: 0;
}
.social .rss a:hover {
	background: #FD9F13 !important;
}
.social .pintrest a:before {
	content: "\f0d3";
	font-family: FontAwesome;
}
.social .pintrest a {
	content: "\f0d3";
	font-family: FontAwesome;
	font-size: 16px;
	display: inline-block!important;
	text-align: center;
	padding: 0;
}
.social .pintrest a:hover {
	background: #cb2027 !important;
}
.social .instagram a:before {
	content: "\f16d";
	font-family: FontAwesome;
}
.social .instagram a {
	content: "\f16d";
	font-family: FontAwesome;
	font-size: 16px;
	display: inline-block!important;
	text-align: center;
	padding: 0;
}
.social .instagram a:hover {
	background: #C13584 !important;
}
.social li.instagram {
	position: relative;
}
.social li.instagram.copied:after {
	content: "¡Enlace copiado!";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 6px;
	background: #191919;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	white-space: nowrap;
	padding: 4px 8px;
	border-radius: 4px;
}
.social .youtube a:before {
	content: "\f167";
	font-family: FontAwesome;
}
.social .youtube a {
	font-size: 16px;
	display: inline-block!important;
	text-align: center;
	padding: 0;
}
.social .youtube a:hover {
	background: #F03434 !important;
}
.social h4 {
	margin: 25px 0 0px 0px;
}
.social ul {
	margin: 0;
	list-style: none;
}
.social ul li {
	margin-right: 7px;
}
.social ul li {
	border-bottom: none;
}
.social a {
	transition: background 400ms ease-in-out;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out;
}
.payment-accept {
	color: #333333;
	font-size: 14px;
	margin: auto;
	overflow: hidden;
	float: left
}
.payment-accept img {
	margin-right: 10px;

}
.payment-accept img:hover {
	opacity: 1
}
.glyphicon-remove1:before {
	content: "\e014"
}
.glyphicon-remove1 {
	right: 8px;
}
button.button {
	display: inline-block;
	border: 0;
	background: #fff;
	padding: 8px 15px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	border: 2px solid #eee;
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #fff;
}
button.button:hover {
	-webkit-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.4s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 -45px 0 0 #0A6E7C;
	border: 2px solid #e0403d;
	color: #fff;
}
button.button span span {
	border: 0;
	padding: 0;
	background: none;
}
.button, .btn, .button-inverse, .button-vote, .sidebar .button, .sidebar .btn, .dropdown .dropdown-menu .button, .buttons-set .back-link a, .scrolltop, .button-tabs li a {
	font-family:'Bricolage Grotesque', sans-serif;
	border: 2px #ddd solid;
	text-transform: uppercase;
}
.button:hover, .button:focus, .btn:hover, .btn:focus, .button-inverse, .button-vote:hover, .sidebar .button:hover, .sidebar .button:focus, .sidebar .btn:hover, .sidebar .btn:focus, .form-list .bootstrap-select.btn-group .btn:hover .caret, .form-list .bootstrap-select.btn-group .btn:focus .caret, .buttons-set .back-link a:hover, .buttons-set .back-link a:focus, .scrolltop, .button-tabs li a:hover, .button-tabs li a:focus {
	border: 2px #FFC72C solid;
	color: #FFF;
}
.products-grid-home .link-wishlist:before {
	content: "\f004";
}
.products-grid-home .link-compare:before {
	content: "\f012";
}
.products-grid-home .link-wishlist {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #fff solid;
	width: 40px;
	margin-right: 7px
}
.products-grid-home .box-inner .actions .link-wishlist span, .products-grid-home .box-inner .actions .add-to-links a.link-compare span {
	display: none;
}
.products-grid-home .link-compare {
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 8px 0px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border: 1px #fff solid;
	width: 40px
}
.mm-toggle-wrap {
	display: none;
}
.product-shop .social {
	margin-top: 20px;
}
.product-shop .social a {
	border: 1px solid #0A6E7C;
	color: #0A6E7C;
	width: 40px;
	height: 40px;
	line-height: 38px;
}
.product-shop .social a:hover {
	color: #fff;
}
.product-shop .social ul {
	padding: 0px;
	margin: 0px
}
.product-shop .social ul li {
	display: inline-block;
	margin: 0 7px 0 0;
}
.product-shop .social ul li:last-child {
	border: none;
}
/* Fila "Compartir:" en las fichas de detalle (playas/rutas/cultura/lugares de
   interés): antes era un resto de plantilla de e-commerce sin etiqueta y con
   iconos grises, poco visible. Ahora usa el teal de marca (igual que los
   botones "Favorito"/"Aportar foto" del título) y una etiqueta para que se
   lea como una función del sitio, no un widget suelto. */
.product-shop .social.social-share {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
	width: 100%;
	float: none;
}
.product-shop .social.social-share ul.link {
	display: flex;
}
.social-share-label {
	color: #0A6E7C;
	font-weight: 600;
	font-size: 14px;
}
.sendfriend-product-send .login_page h2 {
	font-size: 14px;
}
.sendfriend-product-send .login_page .form-list .field {
	float: left;
	width: 47%;
	margin-right: 10px;
}
.sendfriend-product-send .login_page textarea {
	width: 95%;
}
.product-options-bottom .sharing-links {
	display: none;
}
.add-to-box .add-to-cart, .product-options-bottom .add-to-cart {
	margin: 0;
}
.product-view .product-shop .grouped-items-table .price {
	font-size: 18px;
}
#product-options-wrapper .options-list .price {
	font-size: 12px;
}
.radio, .checkbox {
	display: inline-block;
}
.rhs4-banner-block {
	display: none;
}
.rhs4-block {
	display: none;
}
.noitem {
	padding: 10px;
	text-align: center;
	font-size: 14px;
}
.noitem:before {
	content: '\f07a';
	font-family: FontAwesome;
	font-size: 40px;
	color: #ccc;
	width: 100%;
	display: block;
}
.validation-advice {
	color: #FF0000;
}
.form-list .validation-advice {
	color: #FF0000;
	position: relative;
}
.mgkosc-login-input-box .validation-advice {
	color: #FF0000;
	position: relative;
}
.footer-top .newsletter .validation-advice {
	left: 106px;
}
/*============ Global Messages  ============*/
.success {
	color: #3d6611;
	font-weight: bold;
}
.error {
	color: #df280a;
	font-weight: bold;
}
.notice {
	color: #000000;
}
.messages, .messages ul {
	list-style: none !important;
	/*margin: 0 !important;*/
	padding: 0 !important;
}
.messages {
	width: 100%;
	overflow: hidden;
	text-align: left;
}
.messages li {
	margin: 5px 0 10px !important;
}
.messages li li {
	margin: 0 0 3px !important;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
	border-style: solid !important;
	border-width: 0px !important;
	border-radius: 0px;
	background-position: 10px 9px !important;
	background-repeat: no-repeat !important; /*min-height:20px !important;*/
	padding: 8px 8px 8px 8px !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-align: center;
}
.error-msg {
	border-color: #f16048;
	background-color: #faebe7;
	color: #df280a;
}
.success-msg {
	border-color: #446423;
	background-color: #eff5ea;
	color: #3d6611;
}
.note-msg, .notice-msg {
	border-color: #fcd344;
	background-color: #fafaec;
	color: #3d6611;
}
/**Global Messages**/
.review-product-list .email-addto-box {
	float: left;
}
.checkout-cart-index .shipping .sp-methods {
	margin-left: -12px;
	margin-top: 10px;
}
.checkout-cart-index .shipping .sp-methods dd ul li {
	margin-bottom: 10px;
}
#my-reviews-table h2 {
	font-size: 16px;
	margin: 0;
}
.review-customer-view .product-img-box {
	float: left;
	margin-right: 10px;
}
.review-customer-view .product-details {
	float: left;
}
.review-customer-view .buttons-set {
	clear: both;
}
.review-customer-view .label {
	display: block;
}
.review-customer-view .product-details h3 {
	font-size: 14px;
	margin: 0;
}
.simple .footer-bottom {
	border: none;
}
.dashboard h2 {
	font-size: 16px;
}
.dashboard h4 {
	font-size: 14px;
}
.my-account .group-select h2 {
	font-size: 16px;
}
.login_page .pager .limiter {
	float: right;
	margin-left: 20px;
}
.login_page .pager .limiter label {
	float: none;
}
.login_page .pager .pages {
	float: left;
	margin-left: 20px;
	margin-top: 8px;
}
.login_page .pager .amount {
	margin-top: 12px;
}
.pagination li.current span {
	background-color: #F23534;
	border: medium none;
	color: #FFFFFF;
	cursor: default;
	z-index: 2;
	padding: 5px 10px;
	border-radius: 0;
	box-shadow: none;
}
.login_page .pager {
	background: none repeat scroll 0 0 #F5F5F5;
	clear: both;
	color: #666666;
	display: inline-block;
	margin-top: 0;
	padding: 15px;
	width: 100%;
}
#my-orders-table {
	margin-bottom: 5px;
}
.order-info {
	border: 1px solid #DDDDDD;
	margin: 5px 0 8px;
	padding: 4px 8px;
}
.order-info dt, .order-info dd, .order-info ul, .order-info li {
	display: inline;
	margin: 0;
	padding: 0;
}
.order-info .current {
	font-weight: bold;
}
.order-info li {
	margin: 0 3px;
}
#my-orders-table h3 {
	font-size: 16px;
	margin-top: 0px;
}
#multiship-addresses-table h3 {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
.group-select h2 {
	font-size: 16px;
}
.multiple-checkout h3 {
	font-size: 16px;
}
.checkout-agreements {
	border: 1px solid #EAEAEA;
	margin-top: 20px;
	padding: 10px;
}
/*.header-container .logout {
	float: right;
	margin-top: 20px;
	font-family: DIN, Helvetica, Arial, sans-serif
}
.header-container .logout a {
	color: #333;
	background: #fff;
	border: 1px #ddd solid;
	padding: 0px 8px;
	display: block;
	border-radius: 0px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 32px;
}*/
.toolbar .pager .pages {
	float: left;
}
.one-page-checkout h3 {
	font-size: 16px;
	margin: 0px;
}
#review-buttons-container .btn-checkout {
	float: right;
}
#checkout-review-submit .checkout-agreements {
	margin-bottom: 10px !important;
}
.block-layered-nav .btn-remove1 {
	display: none;
}
.button-set .bnt-comment {
	margin-bottom: 10px !important;
}
.commentlist li .comment-wrapper {
	padding: 0 20px 17px 0px !important;
}
.tabcontent {
	margin-top: 15px;
}
.label {
	color: #333;
	display: inline-block;
	text-align: left;
	font-size: 12px;
	white-space: normal;
}
.sale-offer-box {
	display: none;
}
.offer-section {
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
}
.offer-section .container {
	width: 100%;
}
.offer-section .col-lg-4, .offer-section .col-sm-4, .offer-section .col-xs-12 {
	padding: 0px
}
.offer-section .col {
	float: none;
	padding: 0px 0px;
}
.offer-section .container img {
	width: 100%;
}
.offer-section > div a {
	display: block;
	overflow: hidden;
}
.offer-section > div a img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.offer-section > div a:hover img {
	-webkit-transform: scale(1.11);
	transform: scale(1.11);
	-moz-transform: scale(1.11);
}
.top-banner-section {
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
}
.top-banner-section {
	overflow: hidden;
	width: 100%;
	margin-bottom: 45px
}
.top-banner-section .container img {
	width: 100%;
}
.top-banner-section > div a {
	display: block;
	overflow: hidden;
}
.top-banner-section > div a img {
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
}
.top-banner-section > div a:hover img {
	-webkit-transform: scale(1.11);
	transform: scale(1.11);
	-moz-transform: scale(1.11);
}
.top-banner-section .col {
	float: none;
	padding: 0px 0px;
}
.add-banner1 {
	background: url(../images/offer_banner1.png) no-repeat top left;
	padding: 20% 0px!important;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.add-banner1 strong {
	font-size: 30px;
	display: block;
	margin-bottom: 5px;
}

.offer {
	background: url(../images/offer-bg.png) no-repeat top left;
	color: #fff;
	text-align: center;
	padding: 20% 0px!important;
	font-size: 18px;
}
.offer strong {
	font-size: 30px;
	display: block;
	margin-bottom: 5px;
}
.header-banner {
	overflow: hidden;
	font-family: 'Bricolage Grotesque', sans-serif;
	background:#252932

}
.header-banner .cross-img {
	position: absolute;
	z-index: 10;
	right: 15px;
	top: 7px
}
.header-banner .assetBlock {
	width: 1170px;
	text-align: center;
	margin: auto;
	padding: 10px 0px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;

}
.header-banner p {
	margin: 0px
}
.header-banner .assetBlock a {
	color: #FF6B4A
}
.header-banner .assetBlock span {
	color: #0A6E7C
}
.cms-index-index .sale-offer-box {
	display: block;
}
.sale-offer-box {
	margin: auto;
	display: none;
	position: relative;
	width: 1200px;
}
.sale-offer-left {
	left: -120px;
	position: absolute;
	margin-top: 30%;
}
.sale-offer-right {
	position: absolute;
	margin-top: 30%;
	right: -120px;
}
/*  offer-slider   **/

.parallax {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.parallax-2 {
	padding-top: 25px;
	padding-bottom: 0px;

}

/*  offer-slider   **/

/*  custom-slider  */

.custom-slider h3 a {
	text-shadow: none;
	color: #fff;
	font-size: 32px;
	font-family:'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-style:normal
}
.custom-slider .carousel-caption {
	text-shadow: none;
	padding: 0px 15px!important;
	font-family: georgia;
    font-style: italic;
    font-size: 16px;
}
#carousel-example-generic {
	background: #fff!important;
}
#carousel-example-generic .carousel-control.left {
	background: none
}
#carousel-example-generic .carousel-control.right {
	background: none
}
#carousel-example-generic .carousel-inner {
	margin: 0px
}
#carousel-example-generic .carousel-caption {
	width: 100%;
	left: 0;
	right: 0;
	padding: 0;
	top: 3%
}
.custom-slider .carousel-indicators {
	width: auto;
	margin-left: -20px
}
.custom-slider .carousel-control {
	display: none
}
.custom-slider img {
	border-radius: 0px
}
.custom-slider .link {
	border-bottom: 1px #fff solid;
	display: inline-block;
	margin-top: 0px;
	color: #fff;
	font-weight: normal;
	font-style:normal
}
/*  category-slider  */

/*  custom-slider  */
.category-description {
	overflow: hidden;
	padding-bottom: 10px
}
.category-description .container {
	width: 100%;
	padding: 0px
}
.category-description a {
	display: block
}
.category-description img {
	vertical-align: bottom;
	display: block
}
.category-description .product-flexslider {
	margin: 0px;
}
.category-description .owl-theme .owl-controls {
	margin: 0px;
}
.category-description .small-tag {
	font-size: 15px;
	display: block;
	color: #fff;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 5px
}
.category-description .small-tag span {
	background: #ffc000;
	display: inline-block;
	line-height: 90px;
	padding-left: 10px;
	padding-right: 20px;
	height: 90px;
	width: 90px;
	border-radius: 80px;
	font-size: 40px;
	color: #fff
}
/*	Category Image */

.cat-img-title {
	display: block;
	position: absolute;
	bottom: 0;
	width: 80%;
	margin: 6%;
	padding: 0;
	top: 66%;
	height: 30%;
}
.cat-img-title.cat-box {
	margin: 0;
	width: 100%;
	text-align: left;
	top: 25%;
}
.cat-img-title.cat-box .inner {
	width: 1170px;
	margin: auto
}
.cat-img-title .cat-heading {
	font-size: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	margin-top: 10px
}
.cat-img-title p {
	clear: left;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 1px;
	padding: 0.25em 0.5em;
	font-weight: normal;
	color: #fff;
}
.cat-img-title.cat-bg p {
	color: #fff;
}
.category-description .slider-items-products .owl-buttons .owl-prev {
	left: 12px;
	position: absolute;
	top: 45%;
	background: none;
}
.category-description .slider-items-products .owl-buttons .owl-next {
	right: -20px;
	position: absolute;
	top: 45%;
	background: none;
}
.category-description .slider-items-products .owl-buttons a {
	z-index: 1;
	position: absolute;
	left: 10px;
	top: 0px;
	padding: 5px 3px 10px 0px;
	color: #222;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-size: 0px;
	height: 30px;
	width: 30px;
	text-align: center;
	border-radius: 0px;
	background: #fff;
	opacity: 0.5;
	border: 1px #ddd solid;
	margin-top: -15px;
}
.category-description .slider-items-products .owl-buttons a:hover {
	background: #222;
	opacity: 1;
	border: 1px #ddd solid;
	color: #fff;
}
.category-description .slider-items-products .owl-buttons .owl-prev a:before {
	font-size: 24px;
	padding: 0px 8px;
	line-height: 16px;
}
.category-description .slider-items-products .owl-buttons .owl-next a:before {
	font-size: 24px;
	padding: 0px 8px;
	line-height: 16px;
}
.category-description .owl-item .item {
	margin: auto;
}
.header-banner.mobile-show .our-features-box {
	display: none;
}
#nav-home p {
	display: none;
}
#mgkquickview {
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 1200px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mgkquickview1 {
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 1200px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mgkquickview2 {
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 1200px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mgkquickview3 {
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 1200px;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.product-shop .social {
	float: left;
	margin-bottom: 10px;
}
.product-shop .social ul li {
	display: inline-block;
	margin: 0 7px 0 0;
}
.sendfriend-product-send .login_page h2 {
	font-size: 14px;
}
.sendfriend-product-send .login_page .form-list .field {
	float: left;
	width: 47%;
	margin-right: 10px;
}
.sendfriend-product-send .login_page textarea {
	width: 95%;
}
.product-options-bottom .sharing-links {
	display: none;
}
.product-view .product-shop .grouped-items-table .price {
	font-size: 18px;
}
#product-options-wrapper .options-list .price {
	font-size: 12px;
}
.radio, .checkbox {
	display: inline-block;
}
.noitem {
	padding: 10px;
	text-align: center;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 1px;
}
.noitem:before {
	content: '\f07a';
	font-family: FontAwesome;
	font-size: 40px;
	color: #ccc;
	width: 100%;
	display: block;
	margin-bottom: 30px;
	display: block!important
}
.validation-advice {
	color: #FF0000;
	margin: 3px 0px;
}
.newsletter-wrap .validation-advice {
	position: absolute;
}
.form-list .validation-advice {
	color: #FF0000;
	position: relative;
}
.mgkosc-login-input-box .validation-advice {
	color: #FF0000;
	position: relative;
}
.footer-top .newsletter .validation-advice {
	left: 106px;
}
/*============ Global Messages  ============*/
.success {
	color: #3d6611;
	font-weight: bold;
}
.error {
	color: #df280a;
	font-weight: bold;
}
.notice {
	color: #000000;
}
.messages, .messages ul {
	list-style: none !important;
	/*margin: 0 !important;*/
	padding: 0 !important;
}
.messages {
	width: 100%;
	overflow: hidden;
	text-align: left;
}
.messages li {
	margin: 5px 0 10px !important;
}
.messages li li {
	margin: 0 0 3px !important;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
	border-style: solid !important;
	border-width: 1px !important;
	background-position: 10px 9px !important;
	background-repeat: no-repeat !important; /*min-height:20px !important;*/
	padding: 8px 8px 8px 8px !important;
	font-size: 11px !important;
	font-weight: 900 !important;
}
.error-msg {
	border-color: #f16048;
	background-color: #faebe7;
	color: #df280a;
}
.success-msg {
	border-color: #446423;
	background-color: #eff5ea;
	color: #3d6611;
}
.note-msg, .notice-msg {
	border-color: #fcd344;
	background-color: #fafaec;
	color: #3d6611;
}
/**Global Messages**/
.review-product-list .email-addto-box {
	float: left;
}
.checkout-cart-index .shipping .sp-methods {
	margin-left: 0px;
	margin-top: 10px;
}
.checkout-cart-index .shipping .sp-methods ul {
	margin: 0px;
	padding: 0px;
}
.checkout-cart-index .shipping .sp-methods dd ul li {
	margin-bottom: 10px;
	display: block;
}
#my-reviews-table h2 {
	font-size: 16px;
	margin: 0;
}
.review-customer-view .product-img-box {
	float: left;
	margin-right: 10px;
}
.review-customer-view .product-details {
	float: left;
}
.review-customer-view .buttons-set {
	clear: both;
}
.review-customer-view .label {
	display: block;
}
.review-customer-view .product-details h3 {
	font-size: 14px;
	margin: 0;
}
.dashboard h2 {
	font-size: 16px;
}
.dashboard h4 {
	font-size: 14px;
	font-weight: 700;
	font-family:'Bricolage Grotesque', sans-serif
}

.title-buttons strong {
	font-size: 13px;
	font-weight: 700;
	font-family:'Bricolage Grotesque', sans-serif;
	text-transform:uppercase
}


.my-account .group-select h2 {
	font-size: 16px;
}
.login_page .pager .limiter {
	float: right;
	margin-left: 20px;
}
.login_page .pager .limiter label {
	float: none;
}
.login_page .pager .pages {
	float: left;
	margin-left: 20px;
	margin-top: 8px;
}
.login_page .pager .amount {
	margin-top: 12px;
}
#my-orders-table {
	margin-bottom: 5px;
}
.order-info {
	border: 1px solid #DDDDDD;
	margin: 5px 0 8px;
	padding: 4px 8px;
}
.order-info dt, .order-info dd, .order-info ul, .order-info li {
	display: inline;
	margin: 0;
	padding: 0;
}
.order-info .current {
	font-weight: bold;
}
.order-info li {
	margin: 0 3px;
}
#my-orders-table h3 {
	font-size: 16px;
	margin-top: 0px;
}
#multiship-addresses-table h3 {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
}
.group-select h2 {
	font-size: 16px;
}
.multiple-checkout h3 {
	font-size: 16px;
}
.checkout-agreements {
	border: 1px solid #EAEAEA;
	margin-top: 20px;
	padding: 10px;
}
.one-page-checkout h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 8px;
}
#review-buttons-container .btn-checkout {
	float: right;
}
#checkout-review-submit .checkout-agreements {
	margin-bottom: 10px !important;
}
.block-layered-nav .btn-remove1 {
	display: none;
}
.button-set .bnt-comment {
	margin-bottom: 10px !important;
}
.commentlist li .comment-wrapper {
	padding: 0 20px 17px 0px !important;
}
.label {
	color: #333;
	display: inline-block;
	text-align: left;
	font-size: 12px;
	white-space: normal;
}
/*************Newsletter POPUP Start***************/
/* Newsletter POPUP Start */

#fade {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index: 1000;
	display: none;
}
.popup1 {
	width: 100%;
	margin: 0 auto;
	display: none;
	z-index: 101;
}
.popup1 .newsletter {
	width: auto;
	background: #fff;
	padding: 25px;
}

.quick-view-box{
	border-radius: 0;
	left: 50%;
	margin: auto;
	min-height: 150px;
	position: fixed;
	top: 20%;
	width: 720px;
	z-index: 10000;
	margin-left:-360px;
	border:#fff double
}

.quick-view-box .container{width:715px; margin-bottom:0px}
.quick-view-box  .product-view .product-name h1 {font-size:22px}
.quick-view-box  .product-view .product-shop .price  {font-size:18px}
.quick-view-box .product-view .short-description h2 {font-size:12px; margin-bottom:5px}
.quick-view-box .product-view .email-addto-box {display:none}
.quick-view-box .product-view .product-shop .add-to-box button.button.btn-cart span {
    background: none;
    padding: 0px 10px;
    font-size: 12px;
}
.quick-view-box .product-view .previews-list li {margin-left:3px; margin-right:3px}
.newsletter-sign-box {
	border-radius: 0;
	left: 50%;
	margin: auto;
	min-height: 150px;
	position: fixed;
	top: 20%;
	width: 300px;
	z-index: 10000;
	margin-left:-150px;
	border:#fff double
}
.popup1 .x {
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 10000;
}
.popup1 .x:hover {
	cursor: pointer;
}
.newsletter-sign-box h3 {
	color: #000000;
	font-family:'Bricolage Grotesque', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	margin-top:20px;
	border-bottom:#ececec double;
	padding-bottom:10px;
}
.newsletter-sign-box h4 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 25px;
	text-align: center;
	color: #666;
	text-transform: none;
	line-height:1.5em
}

.newsletter_img {width:100%; overflow:hidden}
.email-form {width:100%; overflow:hidden}

.newsletter-sign-box .input-box {
	margin-bottom: 15px;
}
.newsletter-sign-box .input-box input {
	display:block;
	margin-right: 0px;
	padding:5px 10px;
	width: 240px;
	border: 1px solid #ddd;
	text-align:center
}
.newsletter-sign-box .subscribe {
	background: none repeat scroll 0 0 #0A6E7C;
	border-radius: 0;
	color: #FFFFFF;
	display:block;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 13px;
	margin-bottom: 20px;
	padding: 12px 10px !important;
	border: none !important;
	margin-top:10px;
	width: 240px;
	text-align:center
}
.newsletter-sign-box .subscribe:hover {
	background: none repeat scroll 0 0 #000000;
	border-radius: 0;
	color: #FFFFFF;
	display:block;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 13px;
	margin-bottom: 20px;
	padding: 12px 10px !important;
	border: none !important;
}
.newsletter-sign-box button.button span {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.newsletter-sign-box .subscribe-bottom {
	color: #666;
	font-size: 11px;
	line-height: 3px !important;
	margin-top: 30px;
	text-align: center;
	display: block;
	overflow:hidden
}
.newsletter-sign-box .subscribe-bottom input {
	margin: 0px 8px 0 0;
	vertical-align: middle;
}

.popup1 .line {
	background: #ddd;
	height: 5px;
	width: 100px;
	margin: auto;
	margin-bottom: 20px
}
/* Newsletter POPUP END***************/


.cms-index-index .messages {
	width: 1170px;
	margin: auto;
}
.one-page-checkout ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
select#shipping-address-select {
	width: 570px;
}
#checkout-review-submit ol.checkout-agreements {
	list-style: none;
}
.sp-methods ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.sendfriend-product-send .input-box textarea {
	width: 100%;
}

.button.button-clear {
	background-color: #fff;
	color: #333 !important;
}
.button.button-clear:hover {
	background-color: #FFC72C;
	color: #fff !important;
}
.multiple_addresses .button.btn-update {
	background-color: #fff;
	color: #333;
}
.multiple_addresses .button.btn-update:hover {
	background-color: #FFC72C;
	color: #fff;
}
.data-table thead th {
	background-color: #fff;
	color: #222;
	border-top: #ececec double;
	border-bottom: #ececec double;
}
.table-striped>tbody>tr:nth-child(odd) {
	background-color: #fff;
}
.data-table thead th:first-child {
	background-color: #fff;
	color: #222;
}
.data-table thead th:last-child {
	background-color: #fff;
	color: #222;
}
.login_page {
	margin-top: 20px;
}

.products-list .product-shop .out-of-stock {
	background: none repeat scroll 0 0 #fff;
	border: medium none;
	color: #fff;
	padding: 6px 12px;
	line-height: normal;
	margin-right: 8px;
	border-radius: 0px;
	display: inline-block;
	border: 2px solid #ddd;
}
.products-list .product-shop .out-of-stock span {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	color: #ff4c4c;
}
.product-shop .out-of-stock:before {
	content: "\f07a";
	font-family: 'FontAwesome';
	color: #ff4c4c;
}
.products-grid .actions .out-of-stock {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #eee;
	color: #333;
	line-height: normal;
	margin: 0;
	padding: 6px 10px;
}
.products-grid .actions .out-of-stock span {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.product-view .availability.out-of-stock {
	padding: 3px 10px;
	position: absolute;
	right: 0;
	top: 18px;
}
.fl-links {
	float: right;
	background:#0A6E7C

}
.fl-links .clicker {
	padding: 0px 20px;
	line-height: 72px;
	height: 75px;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	box-shadow: inset 0 0 0 0 #202020;
	
}
.fl-links > .no-js:hover > .clicker {
	padding: 0px 20px;
	line-height: 72px;
	height: 75px;
	color: #fff;
	-webkit-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-o-transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	transition: all 0.3s cubic-bezier(0.8, 0, 0, 1);
	-webkit-box-shadow: inset 0 -60px 0 0 #222;
	box-shadow: inset 0 -75px 0 0 #202020;
}
.fl-links .clicker:before {
	content: '\f0c9';
	font-family: FontAwesome;
	font-size: 24px;
	padding-left: 4px;
	padding-top: 2px;
	margin-right: 6px;
	margin-top: -2px;
	height: 40px;
	cursor: pointer;
	color:#fff
	
}
.fl-links .links {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.fl-links .links li {
	font-size: 11px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #303030;
	letter-spacing: 0.5px;
	padding-left: 10px
}
.fl-links .links li:last-child {
	border: none
}
.fl-links .links li:before {
	font-family: FontAwesome;
	font-size: 5px;
	content: '\f10c';
	color: #C2C2C2;
	vertical-align: middle;
	margin-right: 8px
}
.fl-links .no-js .fl-nav-links {
	background: #202020;
	background-repeat: repeat;
	background-position: 0 0;
	padding: 15px;
	margin: 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 25px;
	text-transform: uppercase;
	z-index: 100;
	border-top: 0;
	width: 250px;
	position: absolute;
	opacity: 0;
	right: 0px;
	margin-top: -2px;
	transform: scale(0) rotate(0deg);
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
}
.fl-links .no-js:hover .fl-nav-links {
	background: #202020;
	background-repeat: repeat;
	background-position: 0 0;
	padding: 15px;
	margin: 0;
	width: 250px;
	overflow: hidden;
	font-size: 12px;
	line-height: 25px;
	text-transform: uppercase;
	z-index: 100;
	border-top: 0;
	display: block;
	position: absolute;
	right: 0px;
	margin-top: -2px;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transform: scale(1.0) rotate(0deg);
	transform: scale(1.0) rotate(0deg);
}
.fl-links .no-js:hover .fl-nav-links .links a {
	color: #FFC72C;
	letter-spacing: 0.5px
}
.fl-links .no-js:hover .fl-nav-links .links a:hover {
	color: #fff;
	letter-spacing: 0.5px
}
.top-offer-banner {
	margin: 65px 0px;
	font-family: 'Bricolage Grotesque', sans-serif;
	margin-top:0px;
	padding-top:25px
}

.offer-inner {padding-left:5px; padding-right:5px}

.offer-inner .left {
	width: 58.5%;
	display: inline-block;
}
.offer-inner .right {
	width: 40%;
	float: right;
	position: relative;
	overflow: hidden;
}
.offer-inner .left .col-1 {
	width: 100%;
	float: left;
	margin-bottom: 18px;
	overflow: hidden;
}
.offer-inner .left .col-1 .inner-text {
	right: auto;
	left: 50px
}
.offer-inner .left .col-1 .inner-text h3 {
	font-size: 18px;
}
.top-offer-banner .col img {
	width: 100%
}
.offer-inner .left .col.mid {
	width: 55.5%;
	float: left;
	margin-right: 0px;
	position: relative;
	overflow: hidden;
}
.offer-inner .left .col.last {
	width: 42%;
	float: right;
	margin-right: 0px;
	position: relative;
	overflow: hidden;
}
.offer-inner .inner-text {
	top: 15px;
	position: absolute;
	right: 7%;
	white-space: normal;
	z-index: 3;
	text-align: left;
	color: #fff;
	cursor: pointer;
}
.offer-inner .inner-text h4 {
	font-size: 30px;
	line-height: 100%;
	margin: 7px 0;
	font-weight: 300;
	text-transform: uppercase;
}
.offer-inner .inner-text h3 {
	font-size: 16px;
	line-height: 100%;
	margin: 10px 0;
	font-weight: 700;
	text-transform: uppercase;
	color: #222;
}
.offer-inner .right .inner-text {
	top: 4%;
	text-align: left;
	right: auto;
	margin: auto;
	width: 100%;
	padding-left:20px
}
.offer-inner .right .inner-text h4 {
	font-size: 18px;
	font-weight: bold;
	color: #333
}
.offer-inner .right .inner-text h3 {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}
.offer-inner .right .inner-text .line-b {
	height: 1px;
	background-color: #fff;
	margin: 25px auto;
	width: 15%;
}
.offer-inner .inner-text a.shop-now {
	text-transform: uppercase;
	color: #fff;
}
.offer-inner .inner-text a.shop-now1 {
	text-transform: uppercase;
	color: #fff;
	border-radius: 0px;
	padding: 6px 10px;
	display: inline-block;
	background-color: #2ecc71;
}
.offer-inner .inner-text a.shop-now1:hover {
	text-transform: uppercase;
	color: #333;
	background-color: #fff;
}
.offer-inner img {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	width: 100%
}
.offer-inner img:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
.offer-inner .left .col.mid:hover img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
.offer-inner .left .col.last:hover img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
.offer-inner .right:hover img {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
/*#background {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 50%;
  height: 100%;
  background-color: #e0e0e0;
}*/



.page-heading {
/* 	padding: 120px 0 60px 0;
 */
 	padding: 100px 0 10px 0;
	border-bottom: 1px solid #ECE0C8;
	text-align: center;
	background-color: #FAF7F2;
	margin-top:-80px
}

.page-heading .page-title h2 {
	color: #fff;
}

.cms-page-view p {
	font-size: 13px;
	line-height: 1.6em;
}
.form_background {
	    padding:25px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 45px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);
    margin-top: 30px;
}





.cms-engaging-home-page .home_content:after {
  background: url("../images/bg_shadow_about.png") no-repeat scroll center bottom transparent;
  content: "";
  height: 93px;
  position: absolute;
  width: 100%;
  z-index: 9;
}


/*	Testimonials */

.testimonials-section {background:#0A6E7C; padding:20px 45px; text-align:center; min-height:343px; border-color: #0A6E7C #0A6E7C #0A6E7C #0A6E7C;
  box-shadow: 0 5px 0 rgba(122,177,61,.2); text-align:center}
.avatar  {margin-bottom:10px; text-align:center; overflow:hidden}
.avatar img  {border-radius:70px; margin-bottom:10px; width:auto; display:inline-block; border:5px #6d9f35 solid}
.testimonials {color:#fff; font-family:'Public Sans', sans-serif; font-size:14px; margin-bottom:15px}
.clients_author {font-size:12px;   font-family: 'Bricolage Grotesque', sans-serif; font-weight:700; color:#fff}
.clients_author span{font-size:11px;   font-family: 'Bricolage Grotesque', sans-serif; font-weight:normal; color:#c0e19b; display:inline-block; margin-left:7px}















/* formularios ok para registro y user */

form{
    font-family: 'Roboto', sans-serif;
}
.form-horizontal .header{
    background: #b5953f;
    padding: 30px 25px;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
}
.form-horizontal .form-content{
    padding: 25px;
    background: #f9fafd;
}
.form-horizontal .form-control{
    padding: 10px 50px 10px 15px;
    height: 50px;
    font-size: 18px;
    color: #000;
    border: 2px solid #acacac;
    margin-bottom: 15px;
}
.form-horizontal .form-control:hover{
    border-color: #c9af67;
}
.form-horizontal .form-control:focus{
    border-color: #b5953f;
    box-shadow: none;
}
.form-horizontal .control-label{
    width: 42px;
    height: 40px;
    font-size: 17px;
    color: #acacac;
    border-left: 1px solid #acacac;
    position: absolute;
    top: 5px;
    right: 20px;
    text-align: center;
}
.form-horizontal .captcha{
    padding-right: 0;
}
.form-horizontal .captcha label{
    background: #e0e0e0;
    display: block;
    height: 50px;
    font-size: 16px;
    color: #acacac;
    line-height: 45px;
    text-align: center;
    border-radius: 3px 0 0 3px;
}
.form-horizontal .captcha-text{
    padding-left: 0;
}
.form-horizontal .captcha-text input{
    border-radius: 0 3px 3px 0;
}
.form-horizontal .footer{
    border-top: 1px solid #b5953f;
    padding: 10px 25px;
}
.form-horizontal .footer .btn{
    background: #b5953f;
    font-size: 18px;
    color: #fff;
    float: right;
    margin: 10px 0;
    clear: both;
    padding: 10px 25px;
    transition: all 0.5s ease 0s;
}
.form-horizontal .name{
    padding: 10px 15px;
}
@media only screen and (max-width:767px){
    .form-horizontal .control-label i{
        line-height: 40px;
    }
    .form-horizontal .captcha label{
        font-size: 13px;
    }
}


/* FIN formularios ok para registro y user */


/* ===== Aviso de cookies ===== */
.cookie-consent {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #1b1e24;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.25);
	transform: translateY(100%);
	transition: transform 0.4s ease-in-out;
}
.cookie-consent.is-visible {
	transform: translateY(0);
}
.cookie-consent-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 18px 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.cookie-consent-inner p {
	margin: 0;
	flex: 1 1 480px;
	font-size: 13px;
	line-height: 1.6;
	color: #b7bcc8;
	font-family: 'Public Sans', sans-serif;
}
.cookie-consent-inner p a {
	color: #FFC72C;
	text-decoration: underline;
}
.cookie-consent-inner p a:hover {
	color: #fff;
}
.cookie-consent-actions {
	flex: 0 0 auto;
}
.cookie-consent-actions .button {
	display: inline-block;
	padding: 11px 26px;
	border-radius: 30px;
	background: #FFC72C;
	border: 1px solid #FF6B4A;
	color: #074F59;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'Public Sans', sans-serif;
	cursor: pointer;
	transition: all 0.3s linear;
}
.cookie-consent-actions .button:hover {
	background: #074F59;
	border-color: #074F59;
	color: #FFC72C;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	.cookie-consent-inner {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}
	.cookie-consent-actions {
		text-align: center;
	}
	.cookie-consent-actions .button {
		display: block;
	}
}
/* ===== FIN aviso de cookies ===== */

/* ===== Mensajes flash (comentarios, hashtags, registro...) =====
   Mismo lenguaje visual que la caja de "PDF generado con éxito": icono
   redondo, borde de color a la izquierda y sombra, para que destaque más
   que una alerta de Bootstrap plana. */
@keyframes flashBannerIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}
.flash-banner {
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 600px;
	margin: 0 auto;
	padding: 18px 46px 18px 22px;
	border-radius: 6px;
	border: 1px solid transparent;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
	position: relative;
	z-index: 50;
	animation: flashBannerIn .35s ease-out;
}
/* Aísla la caja de cualquier margen negativo o solape del banner/slider que
   viene justo debajo en el flujo del documento (hero de playas, lugares de interés...). */
.flash-banner-wrap {
	position: relative;
	z-index: 50;
	overflow: hidden;
	padding: 20px 20px 0;
	text-align: center;
}
.flash-banner-icon {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.flash-banner-text {
	flex: 1 1 auto;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}
.flash-banner-close {
	position: absolute;
	top: 12px;
	right: 14px;
	background: transparent;
	border: none;
	font-size: 20px;
	line-height: 1;
	color: inherit;
	opacity: .5;
	cursor: pointer;
}
.flash-banner-close:hover {
	opacity: 1;
}
.flash-banner-success {
	background: #EAF3FC;
	border-left: 5px solid #0A6E7C;
	color: #074F59;
}
.flash-banner-success .flash-banner-icon {
	background: #0A6E7C;
}
.flash-banner-danger {
	background: #FFF8E6;
	border-left: 5px solid #FF6B4A;
	color: #7A5B00;
}
.flash-banner-danger .flash-banner-icon {
	background: #FF6B4A;
	color: #FFC72C;
}
/* ===== FIN mensajes flash ===== */


/* ===== Bienvenida / Carnet turístico (oveya/welcome) ===== */
.welcome-page {
	background: #f5f5f5;
	padding-bottom: 60px;
}
.welcome-hero {
	position: relative;
	background: url(../images/lagos-de-covadonga.jpg) center center no-repeat;
	background-size: cover;
}
.welcome-hero-overlay {
	/* Turquesa de marca (#0A6E7C / #074F59), el mismo de la cabecera y los botones */
	background: linear-gradient(120deg, rgba(7,79,89,.94) 0%, rgba(10,110,124,.84) 55%, rgba(10,110,124,.55) 100%);
	padding: 70px 0 90px;
}
.welcome-eyebrow {
	display: inline-block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #FFC72C;
	background: rgba(0,0,0,.2);
	border: 1px solid rgba(255,199,44,.4);
	border-radius: 30px;
	padding: 6px 16px;
	margin-bottom: 18px;
}
.welcome-eyebrow i {
	margin-right: 6px;
}
.welcome-hero h1 {
	color: #fff;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 34px;
	margin: 0 0 14px;
}
.welcome-hero .lead {
	color: #eaf1fb;
	font-family: 'Public Sans', sans-serif;
	font-size: 15px;
	line-height: 1.7em;
	max-width: 640px;
	margin: 0;
}
.welcome-content {
	position: relative;
}
.carnet-card {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 15px 35px rgba(0,30,60,.18);
	margin-top: -55px;
	margin-bottom: 45px;
	overflow: hidden;
}
.carnet-card-body {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	padding: 30px 35px;
}
.carnet-avatar {
	flex: 0 0 auto;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0A6E7C, #074F59);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	overflow: hidden;
}
.carnet-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: carnetAvatarBob 3.2s ease-in-out infinite;
}
@keyframes carnetAvatarBob {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-4px) rotate(-2deg); }
}
@media (prefers-reduced-motion: reduce) {
	.carnet-avatar img {
		animation: none;
	}
}
.carnet-info {
	flex: 1 1 auto;
	min-width: 160px;
}
.carnet-label {
	display: block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 4px;
}
.carnet-username {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 23px;
	color: #222;
	margin: 0 0 8px;
}
.carnet-level {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #B8860B;
}
.carnet-level i {
	font-size: 11px;
	color: #FFC72C;
}
.carnet-ovillos {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
	padding: 6px 20px 6px 8px;
	background: linear-gradient(135deg, #FDF6E9, #F7E9C8);
	border: 1px solid #F0DFAE;
	border-radius: 40px;
}
.carnet-ovillos-icon {
	width: 36px;
	height: 36px;
	flex: none;
	display: block;
}
.carnet-ovillos-text {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
}
.carnet-ovillos-value {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 800;
	font-size: 22px;
	color: #7A5B00;
}
.carnet-ovillos-label {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: .8px;
	text-transform: uppercase;
	color: #B8860B;
	opacity: .85;
}
.carnet-edit-link {
	flex: 0 0 auto;
	margin-left: auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #f5f5f5;
	color: #0A6E7C;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.carnet-edit-link:hover {
	background: #0A6E7C;
	color: #fff;
}
.carnet-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f9fafd;
	border-top: 1px dashed #dde3ec;
	padding: 12px 35px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #999;
}
.carnet-card-footer .carnet-brand {
	color: #0A6E7C;
}
.edit-profile-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #0A6E7C;
	color: #fff;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	border-radius: 30px;
	padding: 12px 24px;
	transition: background-color .2s ease-in-out;
}
.edit-profile-btn:hover {
	background: #074F59;
	color: #fff;
}
/* Tarjeta blanca de sección del carnet ("Mis datos", "¿Cómo funcionan los ovillos?") */
.welcome-block,
.ovillos-info {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 20px rgba(0,0,0,.08);
	padding: 30px 35px;
	margin-bottom: 45px;
}
.welcome-block-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 20px;
	padding-bottom: 18px;
	margin-bottom: 22px;
	border-bottom: 1px solid #eee;
}
.welcome-block-head h3,
.ovillos-info h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #333;
	margin: 0 0 12px;
}
.welcome-block-head h3 {
	margin: 0;
}
.ovillos-info h3 i {
	color: #FFC72C;
}
.welcome-block-head h3 i {
	color: #0A6E7C;
}
.ovillos-info-text {
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	color: #666;
	max-width: none;
	margin: 0 0 26px;
}
.ovillos-levels {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
	margin-bottom: 24px;
}
.ovillos-level {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 16px 10px;
	border-radius: 6px;
	border: 1px solid #eee;
	background: #f9fafd;
	transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
}
.ovillos-level img {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	margin-bottom: 10px;
}
.ovillos-level-name {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #333;
}
.ovillos-level-threshold {
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	color: #999;
	margin-top: 3px;
}
.ovillos-level.active {
	background: #fff;
	border-color: #FFC72C;
	box-shadow: 0 6px 16px rgba(184,134,11,.18);
}
.ovillos-level.active .ovillos-level-name {
	color: #B8860B;
}
.ovillos-progress-bar {
	height: 8px;
	border-radius: 30px;
	background: #eee;
	overflow: hidden;
	margin-bottom: 10px;
}
.ovillos-progress-fill {
	height: 100%;
	border-radius: 30px;
	background: linear-gradient(90deg, #FFC72C, #B8860B);
}
.ovillos-progress-label {
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	color: #666;
	margin: 0;
}
.ovillos-progress-label strong {
	color: #333;
}
.ovillos-progress-label.ovillos-max {
	font-weight: 700;
	color: #B8860B;
}
@media only screen and (max-width: 991px) {
	.ovillos-levels {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 767px) {
	.welcome-block,
	.ovillos-info {
		padding: 25px 20px;
	}
	.ovillos-levels {
		grid-template-columns: repeat(2, 1fr);
	}
}
.welcome-explore h3 {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #333;
	margin: 0 0 18px;
}
.explore-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.explore-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 150px;
	border-radius: 6px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(0,0,0,.12);
	transition: transform .25s ease, box-shadow .25s ease;
}
.explore-card-overlay {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(180deg, rgba(0,30,60,.15) 0%, rgba(0,30,60,.75) 100%);
	transition: background .25s ease-in-out;
}
.explore-card i {
	position: relative;
	font-size: 24px;
	margin-bottom: 8px;
}
.explore-card span:last-child {
	position: relative;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.explore-card:hover,
.explore-card:focus {
	color: #fff;
	text-decoration: none;
	transform: translateY(-4px);
	box-shadow: 0 15px 30px rgba(0,30,60,.22);
}
.explore-card:hover .explore-card-overlay,
.explore-card:focus .explore-card-overlay {
	background: linear-gradient(180deg, rgba(10,110,124,.25) 0%, rgba(7,79,89,.88) 100%);
}
@media (prefers-reduced-motion: reduce) {
	.explore-card:hover,
	.explore-card:focus {
		transform: none;
	}
}
@media only screen and (max-width: 991px) {
	.explore-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 767px) {
	.welcome-hero-overlay {
		padding: 50px 0 75px;
	}
	.welcome-hero h1 {
		font-size: 26px;
	}
	.carnet-card-body {
		padding: 25px 20px;
	}
	.carnet-avatar {
		width: 78px;
		height: 78px;
	}
	.carnet-ovillos {
		padding: 6px 16px 6px 6px;
	}
	.carnet-ovillos-icon {
		width: 30px;
		height: 30px;
	}
	.carnet-ovillos-value {
		font-size: 19px;
	}
	.carnet-card-footer {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		padding: 12px 20px;
	}
	.explore-grid {
		grid-template-columns: 1fr;
	}
}
/* ===== FIN bienvenida / carnet turístico ===== */


/* ===== Editar perfil / carnet turístico (oveya/edit-profile) ===== */
.edit-profile-hero {
	background-image: url(../images/home-explora-asturias-horreo.jpg);
}
.edit-profile-form-card {
	margin-top: 30px;
	margin-bottom: 45px;
}
.edit-profile-form-card .registro-content > p {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 15px;
}
/* Subtítulo dentro de la tarjeta: mismo aspecto que .registro-title strong
   (Bricolage, mayúsculas, línea doble inferior) */
.edit-profile-form-card .edit-profile-subtitulo {
	display: block;
	clear: both;
	width: 100%;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
	color: #333;
	margin: 30px 0 12px;
	padding: 0 0 6px;
	border-bottom: #ececec double;
}
/* .icon-truck arrastra de la plantilla: blanco, 32px, float:left y width 50px !important */
.edit-profile-subtitulo i {
	float: none !important;
	width: auto !important;
	height: auto !important;
	line-height: inherit !important;
	font-size: 14px !important;
	color: #0A6E7C !important;
	margin: 0 6px 0 0 !important;
	padding: 0 !important;
	vertical-align: baseline;
}
.edit-profile-subtitulo i:before {
	font-size: inherit;
	float: none;
	margin: 0;
}
/* Texto de ayuda: mismo aspecto que la entradilla .registro-content > p */
.edit-profile-form-card .registro-content .edit-profile-ayuda {
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #666;
	margin: 0 0 20px;
}
/* Los <select> de los formularios de cuenta comparten marco con los .input-text */
.account-login .form-list select.input-text {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 10px 12px;
	width: 100%;
	height: auto;
	margin-top: 5px;
	outline: none;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #333;
}
.account-login .form-list select.input-text:hover,
.account-login .form-list select.input-text:focus {
	border-color: #0A6E7C;
}
/* Bloque "Mis datos" del carnet (oveya/profile) */
.mis-datos-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
}
.mis-datos-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 14px 16px;
	background: #f9fafd;
	border: 1px solid #eef1f5;
	border-radius: 6px;
	min-width: 0;
}
.mis-datos-item > div {
	min-width: 0;
}
.mis-datos-icono {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0A6E7C, #074F59);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
.mis-datos-grid dt {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	margin: 1px 0 4px;
}
.mis-datos-grid dd {
	margin: 0;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	word-break: break-word;
}
.mis-datos-grid .mis-datos-vacio {
	color: #aaa;
	font-style: italic;
}
.mis-datos-grid .mis-datos-ancho {
	grid-column: 1 / -1;
}
.mis-datos-aviso {
	margin: 18px 0 0;
	padding: 12px 16px;
	border-left: 4px solid #FFC72C;
	background: #fffbea;
	border-radius: 0 6px 6px 0;
	font-size: 13px;
	color: #555;
}
@media only screen and (max-width: 600px) {
	.mis-datos-grid { grid-template-columns: 1fr; }
	.welcome-block-head .edit-profile-btn { width: 100%; }
}
.edit-profile-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex-wrap: wrap;
}
.edit-profile-actions .button-save {
	display: inline-block;
	background: #0A6E7C;
	border: 1px solid #0A6E7C;
	border-radius: 2px;
	padding: 10px 22px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #fff;
	transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
}
.edit-profile-actions .button-save:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 12px;
	padding-right: 8px;
}
.edit-profile-actions .button-save:hover,
.edit-profile-actions .button-save:focus {
	background: #074F59;
	border-color: #074F59;
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.edit-profile-actions {
		justify-content: stretch;
	}
	.edit-profile-actions .button-save {
		flex: 1 1 auto;
		text-align: center;
	}
}
.edit-profile-form-card .registro-title strong i {
	margin-right: 6px;
	color: #0A6E7C;
}
/* ===== FIN editar perfil / carnet turístico ===== */

/* ===== Tarjetas de resultados (buscador, descubre, subhomes de categoría) ===== */
.descubre-sin-resultados {
	text-align: center;
	margin: 20px 0 40px;
}
.descubre-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
	margin-bottom: 40px;
}
.descubre-card {
	position: relative;
	display: block;
	border: 1px solid #eee;
	border-radius: 6px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: box-shadow .2s ease;
}
.descubre-card:hover {
	box-shadow: 0 4px 14px rgba(0,0,0,.12);
}
.descubre-card-img {
	height: 150px;
	overflow: hidden;
}
.descubre-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.descubre-card-body {
	padding: 12px 14px;
}
.descubre-card-body h4 {
	margin: 0 0 6px;
	font-size: 15px;
}
.descubre-card-loc {
	margin: 0;
	font-size: 13px;
	color: #888;
}
.descubre-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #fff;
	background: #555;
}
.descubre-badge-playa { background: #2f8fd2; }
.descubre-badge-lugar-interes { background: #a3752f; }
.descubre-badge-cultura { background: #7a3fa3; }
.descubre-badge-ruta { background: #3fa34d; }
.descubre-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 8px;
	overflow: hidden;
	max-height: 26px;
}
.tag-pill.tag-pill-mini {
	font-size: 10px;
	line-height: 1.4;
	padding: 3px 9px;
	font-weight: 600;
	pointer-events: none;
}
/* ===== FIN tarjetas de resultados ===== */

/* ===== Panel de fotos (/fotos/admin) — mismo grid/tarjeta que .descubre-card,
   con badge de estado y acciones de aprobar/rechazar en vez de enlace. ===== */
.fotos-admin {
	padding: 30px 0 40px;
}
.fotos-admin-intro h1 {
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 26px;
	margin: 0 0 8px;
}
.fotos-admin-intro h1 i {
	color: #0A6E7C;
	margin-right: 8px;
}
.fotos-admin-intro p {
	color: #777;
	margin: 0 0 30px;
	max-width: 640px;
}
.fotos-admin-heading {
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 18px;
	margin: 0 0 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.fotos-admin-count {
	background: #eee;
	color: #666;
	border-radius: 20px;
	padding: 2px 10px;
	font-size: 13px;
	font-weight: 600;
}
.fotos-admin-subtext {
	color: #888;
	font-size: 13px;
	margin: 0 0 20px;
}
.fotos-admin-vacio {
	color: #888;
	grid-column: 1 / -1;
}
.fotos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
	margin-bottom: 40px;
}
.fotos-card {
	position: relative;
	border: 1px solid #eee;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow .2s ease;
}
.fotos-card:hover {
	box-shadow: 0 4px 14px rgba(0,0,0,.12);
}
.fotos-card-img {
	height: 160px;
	overflow: hidden;
}
.fotos-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fotos-card-body {
	padding: 14px 16px;
}
.fotos-card-body h4 {
	margin: 0 0 4px;
	font-size: 15px;
}
.fotos-card-meta {
	margin: 0 0 8px;
	font-size: 12px;
	color: #888;
}
.fotos-card-comentario {
	margin: 0 0 10px;
	font-size: 13px;
	color: #555;
}
.fotos-card-path {
	margin: 0 0 12px;
	font-size: 11px;
	color: #aaa;
	word-break: break-all;
}
.fotos-card-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #fff;
}
.fotos-card-badge-pendiente { background: #d98c1f; }
.fotos-card-badge-aprobada { background: #2E8B57; }
.fotos-card-actions {
	display: flex;
	gap: 10px;
}
.fotos-card-actions form {
	flex: 1 1 50%;
}
.fotos-btn {
	width: 100%;
	padding: 9px 0;
	border: none;
	border-radius: 20px;
	color: #fff;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 11px;
	cursor: pointer;
	transition: opacity .2s ease;
}
.fotos-btn:hover {
	opacity: .85;
}
.fotos-btn-aprobar { background: #2E8B57; }
.fotos-btn-rechazar { background: #C0392B; }
/* Nota de derechos de autor en /fotos/aportar. */
.fotos-aportar-nota {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	background: #f0f6ff;
	border: 1px solid #d5e6fb;
	border-radius: 6px;
	padding: 14px 16px;
	margin: 0 0 25px;
}
.fotos-aportar-nota i {
	color: #0A6E7C;
	font-size: 16px;
	margin-top: 2px;
	flex: 0 0 auto;
}
.fotos-aportar-nota p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6em;
	color: #444;
}
.fotos-aportar-nota a {
	color: #0A6E7C;
}
/* ===== FIN panel de fotos ===== */

/* ===== Panel de administración (/admin) — pestañas fotos/comentarios/hashtags;
   fotos reutiliza .fotos-grid/.fotos-card de arriba, comentarios y hashtags
   usan esta cola de tarjetas de texto (.mod-item). ===== */
/* Listados del admin de la tienda (pedidos, productos, categorías, facturas):
   tarjeta con tabla, etiquetas de estado, botones y filtros compartidos. */
.ped-card { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
.ped-lista-card { padding: 8px 12px; }
.ped-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 20px; }

/* Filtros */
.ped-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.ped-filtro { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 20px; background: #fff; border: 1px solid #ddd; color: #555; font-size: 13px; font-weight: 600; text-decoration: none; transition: border-color .2s ease, color .2s ease; }
.ped-filtro:hover { border-color: #0A6E7C; color: #0A6E7C; }
.ped-filtro-n { min-width: 22px; padding: 1px 7px; border-radius: 20px; background: #eee; color: #666; font-size: 12px; text-align: center; }
.ped-filtro-activo, .ped-filtro-activo:hover { background: #0A6E7C; border-color: #0A6E7C; color: #fff; }
.ped-filtro-activo .ped-filtro-n { background: rgba(255,255,255,.25); color: #fff; }

/* Tabla */
.ped-tabla-wrap { overflow-x: auto; }
.ped-tabla { width: 100%; border-collapse: collapse; }
.ped-tabla th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .4px; color: #888; padding: 10px; border-bottom: 2px solid #eee; white-space: nowrap; }
.ped-tabla td { padding: 14px 10px; border-bottom: 1px solid #f0f0f0; vertical-align: middle; }
.ped-lista tbody tr:last-child td { border-bottom: none; }
.ped-lista tbody tr:hover { background: #f7fbfb; }
.ped-tabla .ped-c { text-align: center; }
.ped-tabla .ped-r { text-align: right; white-space: nowrap; }
.ped-num a { font-weight: 700; color: #0A6E7C; }
.ped-producto { font-weight: 600; }
.ped-producto small { display: block; font-weight: 400; color: #999; font-size: 12px; }
.ped-fecha { color: #666; white-space: nowrap; }
.ped-importe { font-weight: 700; }
.ped-nowrap { white-space: nowrap; }
.ped-sin { color: #bbb; }
.ped-factura-tag { display: inline-block; padding: 2px 8px; border-radius: 4px; background: #f0f6f7; color: #0A6E7C; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ped-factura-tag-rect { background: #fbeceb; color: #C0392B; }
.ped-importe-neg { color: #C0392B; }
.ped-vacio { text-align: center; color: #888; padding: 40px 10px !important; }

/* Botones */
.ped-btn, .ped-ver { display: inline-block; padding: 7px 14px; border: 1px solid transparent; border-radius: 20px; background: #0A6E7C; color: #fff; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer; transition: opacity .2s ease; }
.ped-btn:hover, .ped-ver:hover { opacity: .85; color: #fff; }
.ped-btn-verde { background: #2E8B57; }
.ped-btn-suave { background: #fff; border-color: #0A6E7C; color: #0A6E7C; }
.ped-btn-suave:hover { color: #0A6E7C; }
.ped-btn-peligro { background: #fff; border-color: #C0392B; color: #C0392B; }
.ped-btn-peligro:hover { color: #C0392B; }
.ped-btn-grande { padding: 10px 20px; font-size: 13px; }
.ped-acciones { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }
.ped-acciones form { margin: 0; }

/* Formularios en línea */
.ped-input { padding: 8px 10px; border: 1px solid #ddd; border-radius: 6px; background: #fff; font-size: 14px; width: 100%; max-width: 300px; }
.ped-input:focus { border-color: #0A6E7C; outline: none; }
.ped-input-num { width: 90px; }
.ped-nueva-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ped-nueva-form .ped-input { width: auto; flex: 1 1 220px; }
.ped-nueva-form .ped-input-num { flex: 0 0 90px; }

/* Etiquetas */
.ped-badge { display: inline-block; font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #fff; padding: 4px 12px; border-radius: 20px; background: #888; white-space: nowrap; }
.ped-badge-pendiente_pago { background: #d98c1f; }
.ped-badge-pagado, .ped-badge-publicado { background: #2E8B57; }
.ped-badge-enviado { background: #0A6E7C; }
.ped-badge-entregado { background: #1f5f3f; }
.ped-badge-cancelado { background: #C0392B; }

/* Cabecera del panel de administración (/admin). */
.panel-cabecera {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 24px 28px;
	margin: 0 0 24px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
}
.panel-cabecera-icono {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0A6E7C, #07505b);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
}
.panel-cabecera-icono-tienda { background: linear-gradient(135deg, #2E8B57, #1f5f3f); }
.panel-cabecera-texto {
	flex: 1 1 auto;
	min-width: 0;
}
.panel-cabecera-texto h1 {
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 28px;
	margin: 0 0 6px;
}
.panel-cabecera-texto p {
	margin: 0;
	color: #666;
	max-width: 620px;
}
.panel-cabecera-texto .panel-cabecera-nota {
	margin-top: 4px;
	font-size: 12px;
	color: #999;
}
.panel-cabecera-resumen {
	flex: 0 0 auto;
	min-width: 130px;
	padding: 12px 18px;
	border-radius: 8px;
	background: #2E8B57;
	color: #fff;
	text-align: center;
}
.panel-cabecera-resumen-hay { background: #d98c1f; }
.panel-cabecera-n {
	display: block;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.1;
}
.panel-cabecera-l {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .4px;
}
@media (max-width: 700px) {
	.panel-cabecera { flex-direction: column; align-items: flex-start; }
	.panel-cabecera-resumen { align-self: stretch; }
}

/* Accesos rápidos del panel de administración (contenidos / tienda). */
.panel-accesos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin: 0 0 32px;
}
.panel-acceso {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 22px;
	background: #fff;
	border: 1px solid #eee;
	border-left: 5px solid #0A6E7C;
	border-radius: 8px;
	text-decoration: none;
	color: inherit;
	transition: box-shadow .2s ease, transform .2s ease;
}
.panel-acceso:hover {
	box-shadow: 0 4px 14px rgba(0,0,0,.12);
	transform: translateY(-2px);
	color: inherit;
}
.panel-acceso-tienda { border-left-color: #2E8B57; }
.panel-acceso-icono {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #0A6E7C;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}
.panel-acceso-tienda .panel-acceso-icono { background: #2E8B57; }
.panel-acceso-texto {
	flex: 1 1 auto;
	min-width: 0;
}
.panel-acceso-texto strong {
	display: block;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 18px;
	color: #222;
}
.panel-acceso-texto small {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: #777;
}
.panel-acceso-aviso {
	display: inline-block;
	margin-top: 8px;
	padding: 2px 10px;
	border-radius: 20px;
	background: #d98c1f;
	color: #fff;
	font-style: normal;
	font-size: 11px;
	font-weight: 700;
}
.panel-acceso-flecha {
	flex: 0 0 auto;
	font-size: 24px;
	color: #0A6E7C;
	transition: transform .2s ease;
}
.panel-acceso-tienda .panel-acceso-flecha { color: #2E8B57; }
.panel-acceso:hover .panel-acceso-flecha { transform: translateX(4px); }

/* Moderación (fotos / comentarios / hashtags): mismo lenguaje que la
   cabecera y los accesos de arriba — tarjetas blancas, borde de color a la
   izquierda, icono en círculo, .ped-badge y .ped-btn. */
.mod-titulo {
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 20px;
	margin: 0 0 12px;
	color: #222;
}
.mod-titulo i { color: #0A6E7C; margin-right: 6px; }
.mod-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 6px;
	margin: 0 0 24px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
}
.mod-tab {
	flex: 1 1 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 16px;
	border-radius: 6px;
	color: #555;
	text-decoration: none;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	transition: background .2s ease, color .2s ease;
}
.mod-tab:hover { background: #f1f7f8; color: #0A6E7C; }
.mod-tab-active, .mod-tab-active:hover { background: #0A6E7C; color: #fff; }
.mod-tab-badge {
	min-width: 22px;
	padding: 1px 7px;
	border-radius: 20px;
	background: #eee;
	color: #777;
	font-size: 12px;
	text-align: center;
}
.mod-tab-badge-hay { background: #d98c1f; color: #fff; }
.mod-tab-active .mod-tab-badge { background: rgba(255,255,255,.25); color: #fff; }
.mod-tab-active .mod-tab-badge-hay { background: #d98c1f; }

.mod-seccion {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 22px 24px;
	margin: 0 0 24px;
}
.mod-seccion-cabecera {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0 0 18px;
	margin: 0 0 18px;
	border-bottom: 1px solid #f0f0f0;
}
.mod-seccion-icono {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #d98c1f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}
.mod-seccion-aprobados .mod-seccion-icono { background: #2E8B57; }
.mod-seccion-texto { flex: 1 1 auto; min-width: 0; }
.mod-seccion-texto h3 {
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 18px;
	margin: 0 0 2px;
	color: #222;
}
.mod-seccion-texto p { margin: 0; font-size: 13px; color: #777; }
.mod-seccion-n {
	flex: 0 0 auto;
	min-width: 44px;
	padding: 6px 12px;
	border-radius: 8px;
	background: #f4f4f4;
	color: #555;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
}
.mod-seccion-pendientes .mod-seccion-n { background: #fdf3e6; color: #b06f12; }
.mod-seccion-aprobados .mod-seccion-n { background: #eaf5ee; color: #2E8B57; }

.mod-queue {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.mod-item {
	padding: 16px 18px;
	background: #fff;
	border: 1px solid #eee;
	border-left: 5px solid #d98c1f;
	border-radius: 8px;
	transition: box-shadow .2s ease;
}
.mod-item:hover { box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.mod-item-aprobado { border-left-color: #2E8B57; }
.mod-item-cabecera {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 6px;
}
.mod-item-target {
	margin: 0;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #222;
}
.mod-item-target i { color: #0A6E7C; margin-right: 4px; }
.mod-item-target a { color: #222; text-decoration: none; }
.mod-item-target a:hover { color: #0A6E7C; text-decoration: underline; }
.mod-item-target em { font-weight: 400; color: #aaa; font-style: normal; font-size: 14px; }
.mod-item-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
	margin: 0 0 12px;
	font-size: 12px;
	color: #888;
}
.mod-item-meta i { color: #bbb; margin-right: 3px; }
.mod-item-text {
	margin: 0 0 14px;
	padding: 10px 14px;
	background: #f8f8f6;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	white-space: pre-line;
}
.mod-item-aprobado .mod-item-text { margin-bottom: 0; }
.mod-item-hashtag {
	display: inline-block;
	margin: 0 0 14px;
	padding: 5px 14px;
	border-radius: 20px;
	background: #e7f2f4;
	color: #0A6E7C;
	font-size: 14px;
	font-weight: 700;
}
.mod-item-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.mod-item-actions form { margin: 0; }
.mod-item-actions .ped-btn { padding: 8px 18px; }
.mod-item-actions .ped-btn i { margin-right: 4px; }
.mod-vacio {
	grid-column: 1 / -1;
	padding: 28px 16px;
	border: 1px dashed #cfe3d6;
	border-radius: 8px;
	background: #f7fbf9;
	color: #2E8B57;
	font-weight: 600;
	text-align: center;
}
.mod-vacio i { margin-right: 6px; }
.mod-vacio-neutro { border-color: #e5e5e5; background: #fafafa; color: #888; font-weight: 400; }

/* Fotos: reutiliza .fotos-grid/.fotos-card con los badges y botones nuevos. */
.mod-fotos-grid { margin-bottom: 0; }
.mod-foto-card { border-radius: 8px; }
.mod-foto-badge { position: absolute; top: 10px; left: 10px; z-index: 1; }
.mod-foto-card .fotos-card-body h4 {
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 16px;
	margin: 0 0 6px;
}
.mod-foto-card .mod-item-text { font-size: 13px; }
.mod-foto-path {
	margin: 0 0 12px;
	padding: 5px 8px;
	background: #f4f4f4;
	border-radius: 4px;
	font-family: Consolas, Monaco, monospace;
	font-size: 11px;
	color: #777;
	word-break: break-all;
	user-select: all;
}
.mod-foto-card .mod-item-actions form { flex: 1 1 0; }
.mod-foto-card .mod-item-actions .ped-btn { width: 100%; padding: 8px 10px; }

@media (max-width: 600px) {
	.mod-seccion { padding: 16px; }
	.mod-seccion-cabecera { flex-wrap: wrap; }
	.mod-item-cabecera { flex-direction: column; }
}
/* Formulario de edición de contenidos (/admin/contenidos/:tipo/:id/editar):
   reutiliza .panel-cabecera y .mod-seccion; campos en rejilla y columna
   lateral fija con publicación y guardar. */
.cf-cabecera-tipo {
	margin: 0 0 2px !important;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #0A6E7C !important;
}
/* Enlace "Volver a…" de las cabeceras del admin: pastilla con flecha en círculo. */
.admin-volver {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px 5px 5px;
	border: 1px solid #cfe3e6;
	border-radius: 20px;
	background: #fff;
	color: #0A6E7C;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.04);
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.admin-volver-icono {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #E6F2F4;
	font-size: 11px;
	transition: transform .2s ease, background .2s ease, color .2s ease;
}
.admin-volver:hover, .admin-volver:focus-visible { background: #0A6E7C; border-color: #0A6E7C; color: #fff; text-decoration: none; }
.admin-volver:hover .admin-volver-icono, .admin-volver:focus-visible .admin-volver-icono { background: #fff; color: #0A6E7C; transform: translateX(-3px); }
.admin-volver:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(10,110,124,.25); }
.cf-estado { min-width: 0; padding: 10px 18px; }
.cf-estado-oculta { background: #888; }

.cf-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 24px;
	align-items: start;
}
.cf-seccion-icono, .mod-seccion .cf-seccion-icono { background: #0A6E7C; }
.cf-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 16px 18px;
}
.cf-campo {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.cf-campo-ancho { grid-column: 1 / -1; }
.cf-campo label {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 700;
	color: #444;
}
.cf-requerido { color: #C0392B; font-style: normal; }
.cf-input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	color: #222;
	box-shadow: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.cf-input:focus {
	outline: none;
	border-color: #0A6E7C;
	box-shadow: 0 0 0 3px rgba(10,110,124,.15);
}
.cf-textarea { min-height: 110px; line-height: 1.5em; resize: vertical; }
.cf-contador {
	align-self: flex-end;
	margin-top: 4px;
	font-size: 11px;
	color: #aaa;
}
.cf-contador-cerca { color: #d98c1f; font-weight: 700; }

/* Imágenes */
.cf-imagenes {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
}
.cf-imagen {
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}
.cf-imagen-principal { border-color: #0A6E7C; }
.cf-imagen-preview {
	position: relative;
	height: 140px;
	background: #f4f4f4;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cf-imagen-preview img { width: 100%; height: 100%; object-fit: cover; }
.cf-imagen-vacia { color: #aaa; font-size: 13px; }
.cf-imagen-badge { position: absolute; top: 8px; left: 8px; }
.cf-imagen-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 14px;
}
.cf-imagen-body strong { font-size: 13px; color: #444; }
.cf-file { position: relative; margin: 0; cursor: pointer; }
.cf-file input[type=file] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
}
.cf-file .ped-btn { display: block; text-align: center; }
.cf-file input[type=file]:focus-visible + .ped-btn { box-shadow: 0 0 0 3px rgba(10,110,124,.25); }
.cf-file-nombre {
	display: block;
	margin-top: 6px;
	font-size: 11px;
	color: #888;
	word-break: break-all;
}
.cf-file-nombre:empty { display: none; }
.cf-credito {
	margin-top: 20px;
	padding: 16px 18px;
	border-radius: 8px;
	background: #f1f7f8;
	border: 1px solid #d9eaed;
}
.cf-credito-titulo {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	color: #0A6E7C;
}

/* Columna lateral */
.cf-lateral { position: sticky; top: 20px; }
.cf-publicar { display: flex; flex-direction: column; gap: 12px; }
.cf-publicar-titulo {
	margin: 0 0 4px;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 17px;
	color: #222;
}
.cf-publicar-titulo i { color: #0A6E7C; margin-right: 6px; }
.cf-switch {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 4px;
	padding: 12px 14px;
	border: 1px solid #eee;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 400;
}
.cf-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cf-switch-pista {
	position: relative;
	flex: 0 0 42px;
	width: 42px;
	height: 24px;
	border-radius: 20px;
	background: #ccc;
	transition: background .2s ease;
}
.cf-switch-pista::after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	transition: transform .2s ease;
}
.cf-switch input:checked + .cf-switch-pista { background: #2E8B57; }
.cf-switch input:checked + .cf-switch-pista::after { transform: translateX(18px); }
.cf-switch input:focus-visible + .cf-switch-pista { box-shadow: 0 0 0 3px rgba(46,139,87,.25); }
.cf-switch-texto { font-size: 14px; font-weight: 700; color: #222; }
.cf-switch-texto small { display: block; font-size: 12px; font-weight: 400; color: #888; }
.cf-guardar, .cf-ver, .cf-cancelar { display: block; width: 100%; text-align: center; }
.cf-guardar i, .cf-ver i, .cf-cancelar i { margin-right: 4px; }
.cf-cancelar { background: #fff; border-color: #bbb; color: #666; }
.cf-cancelar:hover { opacity: 1; border-color: #C0392B; color: #C0392B; }
.cf-nota { margin: 6px 0 0; padding: 8px 10px; border-radius: 6px; background: #FBEDEB; font-size: 13px; font-weight: 600; color: #7A2A20; text-align: center; }
.cf-nota .cf-requerido { font-weight: 700; }

@media (max-width: 900px) {
	.cf-layout { grid-template-columns: 1fr; }
	.cf-lateral { position: static; }
}
/* Variante tienda del formulario (productos-form.hbs): acento verde. */
.cf-cabecera-tipo-tienda { color: #2E8B57 !important; }
.mod-seccion .cf-seccion-icono-tienda { background: #2E8B57; }
.cf-ayuda { margin-top: 4px; font-size: 12px; color: #888; }
a.cf-ayuda { color: #0A6E7C; text-decoration: none; }
a.cf-ayuda:hover { text-decoration: underline; }
.cf-opcional {
	margin-left: 6px;
	padding: 1px 8px;
	border-radius: 20px;
	background: #eee;
	color: #777;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: 400;
	vertical-align: middle;
}
.cf-pvp {
	margin: 16px 0 0;
	padding: 10px 14px;
	border-radius: 6px;
	background: #eaf5ee;
	color: #555;
	font-size: 14px;
}
.cf-pvp strong { color: #2E8B57; font-size: 16px; }
.cf-imagen-fila {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}
.cf-imagen-credito-texto { font-size: 12px; color: #666; word-break: break-word; }
.cf-sin-credito { color: #C0392B; }
.cf-btn-bloque { display: block; width: 100%; text-align: center; }
.cf-imagen-nueva { border-style: dashed; border-color: #cfe3d6; margin: 0; }
.cf-imagen-nueva .cf-input { padding: 8px 10px; font-size: 13px; }
.cf-tallas { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.cf-talla {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
	gap: 14px;
	align-items: end;
	padding: 12px 14px;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fafafa;
}
.cf-talla-eliminar, .cf-talla-quitar {
	display: inline-flex;
	align-items: center;
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	color: #C0392B;
	cursor: pointer;
}
.cf-talla-quitar { padding: 0; border: none; background: none; }
.cf-talla-eliminar input { margin: 0 6px 0 0; }
.cf-talla-eliminar i, .cf-talla-quitar i { margin-right: 4px; }
.cf-talla:has(.cf-talla-eliminar input:checked) { opacity: .55; border-color: #C0392B; }
.cf-tallas-vacio { margin: 0 0 14px; font-size: 13px; color: #888; }
@media (max-width: 600px) {
	.cf-imagen-fila { grid-template-columns: 1fr; }
	.cf-talla { grid-template-columns: 1fr 1fr; }
}
/* Capa de "Procesando…" del admin (src/public/js/cargando.js). */
.cargando-capa {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(7,40,46,.45);
	backdrop-filter: blur(2px);
	cursor: progress;
}
.cargando-capa.cargando-visible {
	display: flex;
	animation: cargando-entrada .15s ease-out;
}
.cargando-caja {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
	border-top: 4px solid #0A6E7C;
	border-radius: 8px;
	background: #fff;
	color: #333;
	font-family: 'Public Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 0 18px 48px rgba(7,80,91,.28);
}
.cargando-spinner {
	width: 22px;
	height: 22px;
	border: 3px solid #d7e9ec;
	border-top-color: #0A6E7C;
	border-radius: 50%;
	animation: cargando-giro .7s linear infinite;
}
/* Botón de un <form data-bloquear-envio> ya pulsado (misma lógica). */
.btn-enviando { cursor: progress !important; opacity: .95; }
.btn-spinner {
	display: inline-block;
	flex: none;
	width: 16px;
	height: 16px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	vertical-align: -3px;
	animation: cargando-giro .7s linear infinite;
}
@keyframes cargando-giro { to { transform: rotate(360deg); } }
@keyframes cargando-entrada { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.cargando-spinner, .btn-spinner { animation-duration: 1.5s; }
	.cargando-capa.cargando-visible { animation: none; }
}
/* Ventana de confirmación propia (src/public/js/confirmar.js): mismo
   lenguaje que .panel-cabecera/.panel-acceso — icono en círculo con
   degradado, título Bricolage, borde de acento y pie en crema del portal. */
.confirmar-dialogo {
	position: fixed;
	width: calc(100% - 32px);
	max-width: 480px;
	padding: 0;
	border: 1px solid #eee;
	border-top: 5px solid #0A6E7C;
	border-radius: 8px;
	background: #fff;
	color: #333;
	font-family: 'Public Sans', sans-serif;
	overflow: hidden;
	box-shadow: 0 18px 48px rgba(7,80,91,.28);
}
.confirmar-dialogo-peligro { border-top-color: #C0392B; }
.confirmar-dialogo[open] { animation: confirmar-entrada .2s ease-out; }
.confirmar-dialogo::backdrop {
	background: rgba(7,40,46,.55);
	backdrop-filter: blur(2px);
}
@keyframes confirmar-entrada {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: none; }
}
.confirmar-cerrar {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: none;
	color: #999;
	font-size: 24px;
	line-height: 32px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}
.confirmar-cerrar:hover { background: #f4f4f4; color: #333; }
.confirmar-cuerpo {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	padding: 26px 48px 22px 26px;
}
.confirmar-icono {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0A6E7C, #07505b);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
}
.confirmar-dialogo-peligro .confirmar-icono { background: linear-gradient(135deg, #d9534f, #a93226); }
.confirmar-texto { flex: 1 1 auto; min-width: 0; padding-top: 4px; }
.confirmar-titulo {
	margin: 0 0 6px;
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 20px;
	line-height: 1.25;
	color: #222;
	word-break: break-word;
}
.confirmar-mensaje { margin: 0; font-size: 14px; line-height: 1.55em; color: #666; }
.confirmar-acciones {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	padding: 14px 26px;
	background: #FAF7F2;
	border-top: 1px solid #eee;
}
.confirmar-acciones .ped-btn { min-width: 120px; text-align: center; }
.confirmar-ok-peligro { background: #C0392B; }
.confirmar-ok-peligro:hover { color: #fff; }
@media (max-width: 480px) {
	.confirmar-cuerpo { flex-direction: column; align-items: center; text-align: center; padding: 28px 22px 20px; }
	.confirmar-acciones { flex-direction: column-reverse; padding: 14px 22px; }
	.confirmar-acciones .ped-btn { width: 100%; }
}
/* Campanita de notificaciones en la cabecera (header_auth.hbs), junto al
   menú de usuario: mismo tratamiento que .user-toolbar-trigger/.login-trigger
   (icono blanco fijo + fondo que oscurece en hover, ver arriba) en vez de
   cambiar el color del icono, que sobre este azul se volvía invisible. */
.header-container .fl-header-right .notificaciones-bell {
	position: relative;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 75px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	box-shadow: inset 0 0 0 0 #252932;
	transition: box-shadow 0.3s cubic-bezier(0.8, 0, 0, 1);
}
.header-container .fl-header-right .notificaciones-bell:hover,
.header-container .fl-header-right .notificaciones-bell:focus {
	color: #fff;
	box-shadow: inset 0 -75px 0 0 #074F59;
}
.notificaciones-badge {
	position: absolute;
	top: 18px;
	right: 12px;
	background: #C0392B;
	color: #fff;
	border-radius: 20px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	box-shadow: 0 0 0 2px #0A6E7C;
}
/* ===== FIN panel de administración ===== */

/* ===== Buzón de notificaciones (/oveya/notificaciones) — mismo lenguaje
   visual que las tarjetas de comentarios (.comment-card): círculo de icono +
   cuerpo con mensaje/fecha, en vez de la cola de moderación del panel admin. ===== */
.notificaciones-page {
	padding: 30px 0 40px;
}
.notificaciones-intro h1 {
	font-family: 'Bricolage Grotesque', Arial, sans-serif;
	font-size: 26px;
	margin: 0 0 8px;
}
.notificaciones-intro h1 i {
	color: #0A6E7C;
	margin-right: 8px;
}
.notificaciones-intro p {
	color: #777;
	margin: 0 0 30px;
	max-width: 640px;
}
.notificaciones-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-bottom: 40px;
}
.notificacion-card {
	position: relative;
	display: flex;
	gap: 14px;
	align-items: flex-start;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 16px 44px 16px 18px;
}
.notificacion-nueva {
	background: #f0f6ff;
	border-color: #d5e6fb;
}
.notificacion-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
}
.notificacion-icon-foto { background: #2E8B57; }
.notificacion-icon-comentario { background: #0A6E7C; }
.notificacion-icon-hashtag { background: #FF6B4A; }
.notificacion-body {
	min-width: 0;
}
.notificacion-mensaje {
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
}
.notificacion-mensaje a {
	color: #0A6E7C;
	font-weight: 700;
	text-decoration: none;
}
.notificacion-mensaje a:hover {
	text-decoration: underline;
}
.notificacion-fecha {
	margin: 0;
	font-size: 12px;
	color: #999;
}
.notificacion-badge-nueva {
	position: absolute;
	top: 14px;
	right: 16px;
	background: #0A6E7C;
	color: #fff;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .5px;
}

/* ===== Tarjetas "Destacados" de las subhome de categoría ===== */
.refined-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 40px;
	--refined-accent: #2f8fd2;
}
@media (min-width: 768px) {
	.refined-grid {
		grid-template-columns: repeat(5, 1fr);
		gap: 20px;
	}
}
.refined-card {
	position: relative;
	display: block;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 10px 24px -18px rgba(0,0,0,.35);
	transition: transform .3s ease, box-shadow .3s ease;
}
.refined-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px -16px rgba(0,0,0,.3);
}
.refined-img {
	aspect-ratio: 16 / 10;
	overflow: hidden;
}
.refined-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}
.refined-card:hover .refined-img img {
	transform: scale(1.06);
}
.refined-body {
	padding: 14px 16px 16px;
}
.refined-body h4 {
	font-family: 'Bricolage Grotesque', Georgia, serif;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 6px;
	color: #222;
}
.refined-loc {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	font-size: 12px;
	color: #888;
}
.refined-loc svg {
	width: 11px;
	height: 11px;
	flex-shrink: 0;
	opacity: .65;
	fill: var(--refined-accent);
}
/* ===== FIN tarjetas Destacados subhome ===== */

/* ===== Unificación de botones del portal (azul + texto amarillo) =====
   Nivela el aspecto de todos los botones de contenido (CTAs, formularios,
   exportar PDF, aviso de cookies, etc.) bajo un mismo estilo azul/amarillo
   y evita que el hover deje el texto invisible: fondo y color de texto se
   invierten siempre juntos, nunca se cambia uno sin el otro. */
.button.view-all,
.button.subhome-cta-secondary,
.button.create-account,
.button.login,
.button.submit,
.button.btn-add,
.button-save,
.edit-profile-btn,
.pdf-download-btn,
.cookie-consent-actions .button {
	display: inline-block;
	background-color: #0A6E7C !important;
	color: #ffde83 !important;
	border: 1px solid #0A6E7C !important;
	border-radius: 30px !important;
	padding: 12px 26px !important;
	font-family: 'Bricolage Grotesque', sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .5px;
	text-align: center;
	text-decoration: none;
	box-shadow: none !important;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out !important;
}
.button.view-all:hover, .button.view-all:focus,
.button.subhome-cta-secondary:hover, .button.subhome-cta-secondary:focus,
.button.create-account:hover, .button.create-account:focus,
.button.login:hover, .button.login:focus,
.button.submit:hover, .button.submit:focus,
.button.btn-add:hover, .button.btn-add:focus,
.button-save:hover, .button-save:focus,
.edit-profile-btn:hover, .edit-profile-btn:focus,
.pdf-download-btn:hover, .pdf-download-btn:focus,
.cookie-consent-actions .button:hover, .cookie-consent-actions .button:focus {
	background-color: #FFC72C !important;
	color: #0A6E7C !important;
	border-color: #FFC72C !important;
	box-shadow: none !important;
	text-decoration: none;
}
/* ===== FIN unificación de botones ===== */

/* ===== Aviso de login para comentar =====
   Destaca que hace falta cuenta para comentar (detalle playas/rutas/lugares de interés),
   con el mismo azul/amarillo del resto del portal. */
.comment-login-notice {
	display: flex;
	align-items: center;
	gap: 18px;
	background: #f0f6fc;
	border: 1px solid #d9e8f5;
	border-left: 4px solid #0A6E7C;
	border-radius: 10px;
	padding: 20px 24px;
	margin: 10px 0;
}
.comment-login-notice .icon-lock {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #0A6E7C;
	color: #FFC72C;
	border-radius: 50%;
	font-size: 17px;
}
.comment-login-notice-text {
	flex: 1;
	min-width: 0;
}
.comment-login-notice-text p {
	margin: 0 0 12px;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #333;
}
.comment-login-notice-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.comment-login-btn {
	display: inline-block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 10px 22px;
	border-radius: 30px;
	text-decoration: none;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
}
.comment-login-btn-primary {
	background-color: #0A6E7C;
	color: #FFC72C;
	border: 1px solid #0A6E7C;
}
.comment-login-btn-primary:hover, .comment-login-btn-primary:focus {
	background-color: #FFC72C;
	color: #0A6E7C;
	border-color: #FFC72C;
	text-decoration: none;
}
.comment-login-btn-secondary {
	background-color: transparent;
	color: #0A6E7C;
	border: 1px solid #0A6E7C;
}
.comment-login-btn-secondary:hover, .comment-login-btn-secondary:focus {
	background-color: #0A6E7C;
	color: #FFC72C;
	border-color: #0A6E7C;
	text-decoration: none;
}
@media (max-width: 600px) {
	.comment-login-notice {
		flex-direction: column;
		text-align: center;
	}
}
/* ===== FIN aviso de login para comentar ===== */

/* ===== Reacciones a comentarios (detalle playas/rutas/lugares de interés y "todas las
   opiniones"). Mismo lenguaje de "pill" que .tag-pill, con el emoji como
   protagonista y el contador solo cuando hay reacciones que mostrar. */
.reacciones-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0 18px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0;
}
.reaccion-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 999px;
	padding: 5px 12px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
.reaccion-btn:hover:not([disabled]) {
	border-color: #0A6E7C;
	background: #f0f6fc;
}
.reaccion-btn.is-active {
	background: #0A6E7C;
	border-color: #0A6E7C;
}
.reaccion-btn[disabled] {
	cursor: not-allowed;
	opacity: .6;
}
.reaccion-emoji {
	font-size: 15px;
	line-height: 1;
}
.reaccion-count {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #FF6B4A;
	min-width: 8px;
}
.reaccion-btn.is-active .reaccion-count {
	color: #FFC72C;
}
/* ===== FIN reacciones a comentarios ===== */

/* ===== Botón de favorito (estrella) en fichas de detalle y en "Mis favoritos" =====
   Misma paleta que el resto de botones del portal (ver "unificación de
   botones" más arriba: fondo teal #0A6E7C, texto/borde dorado #FFC72C,
   Bricolage Grotesque 700 mayúsculas), pero en el tamaño "mini" que ya usa el sitio
   para pills secundarias (ver .tag-pill.tag-pill-mini) porque este va en
   línea junto al título, no como CTA independiente. */
.favorito-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background-color: #0A6E7C;
	color: #FFC72C;
	border: 1px solid #0A6E7C;
	border-radius: 30px;
	padding: 3px 10px;
	margin-left: 10px;
	vertical-align: middle;
	cursor: pointer;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	line-height: 1.4;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
}
.favorito-btn:hover:not([disabled]), .favorito-btn.is-active {
	background-color: #FFC72C;
	color: #0A6E7C;
	border-color: #FFC72C;
}
.favorito-btn[disabled] {
	cursor: not-allowed;
	opacity: .5;
}
/* Reset del .icon-star global (60px, círculo con borde propio: pensado para
   el badge de nivel del carnet en oveya/profile.hbs) al tamaño de un glyph
   simple dentro de este botón. El !important es necesario: la regla global
   .icon-star fija line-height:60px!important (línea ~1575), y solo se
   sobreescribe con otro !important, no basta con más especificidad. Por eso
   el botón se veía enorme solo cuando estaba marcado (icon-star) y no
   desmarcado (icon-star-empty, que no tiene esa regla global). */
.favorito-btn .icon-star,
.favorito-btn .icon-star-empty {
	width: auto !important;
	height: auto !important;
	border: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	font-size: 10px !important;
	line-height: 1 !important;
	color: inherit !important;
}
@media (max-width: 480px) {
	.favorito-btn-label {
		display: none;
	}
	.favorito-btn {
		padding: 3px 8px;
	}
}
/* ===== FIN botón de favorito ===== */

/* ===== Botón "Aportar foto" en fichas de detalle (playas, cultura, lugares
   de interés, rutas) =====
   Misma píldora que .favorito-btn, mismo tamaño y misma paleta (fondo teal
   relleno, texto/borde dorado), para que ambos botones se lean como un
   mismo grupo de acciones junto al título. */
/* !important en font-size/font-family/color/padding porque en los listados
   ".products-list .product-name a" (0,2,1 de especificidad, por encima de
   a.aportar-foto-btn con 0,1,1) fija font-size:14px y demás para los
   enlaces de título, y este botón es un <a> (el de favorito es un <button>,
   por eso a ese no le afectaba esa regla). */
a.aportar-foto-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background-color: #0A6E7C;
	color: #FFC72C !important;
	border: 1px solid #0A6E7C;
	border-radius: 30px;
	padding: 3px 10px;
	margin-left: 10px;
	vertical-align: middle;
	cursor: pointer;
	font-family: 'Bricolage Grotesque', sans-serif !important;
	font-size: 10px !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
}
a.aportar-foto-btn:hover, a.aportar-foto-btn:focus {
	background-color: #FFC72C;
	color: #0A6E7C !important;
	border-color: #FFC72C;
	text-decoration: none;
}
.aportar-foto-btn .icon-camera {
	font-size: 10px !important;
	line-height: 1 !important;
	color: inherit !important;
}
@media (max-width: 480px) {
	.aportar-foto-btn span {
		display: none;
	}
	.aportar-foto-btn {
		padding: 3px 8px;
	}
}
/* ===== FIN botón "Aportar foto" ===== */

/* ===== Página "Mis favoritos" (src/views/oveya/favoritos.hbs) =====
   El listado reutiliza tal cual las tarjetas de resultados del portal
   (.descubre-grid/.descubre-card/.descubre-badge, ver "tarjetas de
   resultados" más arriba, usadas también por el buscador y "descubre") y los
   filtros reutilizan el mismo bloque de formulario que "descubre"
   (.account-login/.registro-title/.registro-content + select.form-control
   dentro de .input-box), para que esta página no tenga un lenguaje visual
   propio sino el mismo que el resto del sitio. */
.favoritos-filtros-box {
	margin-bottom: 30px;
}
.favoritos-filtros-box .row > div {
	margin-bottom: 15px;
}
/* Estrella superpuesta en la esquina de la tarjeta (mismo criterio de
   posición que .descubre-badge, en la esquina opuesta): aquí no lleva texto,
   solo el icono, a modo de acento redondo sobre la imagen. */
.favorito-btn-card {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	padding: 6px;
	border-radius: 50%;
}
.favorito-btn-card .favorito-btn-label {
	display: none;
}
.favoritos-empty {
	text-align: center;
	padding: 60px 20px;
	color: #777;
}
.favoritos-empty .icon-star-empty {
	font-size: 40px;
	color: #ddd;
}
/* ===== FIN página "Mis favoritos" ===== */

/* ===== Hashtag pill (compartido: nube de etiquetas y ficha de detalle) ===== */
.tag-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	border: 1px solid #0A6E7C;
	color: #0A6E7C;
	border-radius: 999px;
	padding: 6px 14px;
	text-decoration: none;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
}
.tag-pill:hover {
	background: #0A6E7C;
	color: #fff;
	text-decoration: none;
}
.tag-count {
	color: #FF6B4A;
	font-weight: 700;
	font-size: 0.85em;
}
.tag-pill:hover .tag-count {
	color: #fff;
	opacity: 0.85;
}
/* ===== FIN hashtag pill ===== */

/* ===== Pestaña Hashtags del detalle (playas/rutas/lugares de interés) ===== */
.box-tags .tags h3,
.box-tags .form-add-tags h3 {
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 15px;
	font-family: 'Bricolage Grotesque', sans-serif;
	text-transform: uppercase;
	color: #333;
}
.detail-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.detail-tag-cloud .tag-pill {
	font-size: 12px;
	padding: 5px 12px;
}
.detail-tags-empty {
	color: #888;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	margin: 0;
}
.form-add-tags label {
	display: block;
	margin-bottom: 8px;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	color: #555;
}
.form-add-tags .input-box {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.form-add-tags .input-box input.input-text {
	flex: 1;
	min-width: 160px;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #ececec;
	box-shadow: none;
}
.form-add-tags .input-box input.input-text:focus {
	background: #fff;
	border-color: #0A6E7C;
	outline: none;
}
.form-add-tags .note {
	margin: 10px 0 0;
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	color: #999;
}
.hashtag-suggestions {
	display: none;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}
.hashtag-suggestions.is-open {
	display: flex;
}
.hashtag-suggestion {
	cursor: pointer;
	font-size: 12px;
	padding: 5px 12px;
}
/* ===== FIN pestaña Hashtags ===== */

/* ===== Sección de comentarios/opiniones (detalle cultura/rutas/playas/lugares
   de interés). Sustituye la tabla de barras de valoración + ficha de review
   heredadas del theme de Magento por tarjetas con el lenguaje visual del
   resto del portal (azul/amarillo, radios de 10px, pills). ===== */
.comment-list {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}
.comment-card {
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 14px;
}
.comment-card-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}
.comment-card-author {
	display: flex;
	align-items: center;
	gap: 12px;
}
.comment-avatar {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #0A6E7C;
	color: #FFC72C;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 15px;
}
.comment-author-meta {
	display: flex;
	flex-direction: column;
	line-height: 1.4;
}
.comment-author-name {
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #333;
}
.comment-date {
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	color: #999;
}
.comment-rating-pill {
	display: inline-block;
	white-space: nowrap;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .3px;
	padding: 6px 14px;
	border-radius: 999px;
	background: #f0f0f0;
	color: #666;
}
.comment-rating-10, .comment-rating-8 {
	background: #0A6E7C;
	color: #FFC72C;
}
.comment-rating-5 {
	background: #f0f6fc;
	color: #0A6E7C;
}
.comment-rating-2, .comment-rating-0 {
	background: #fdf1ef;
	color: #c0392b;
}
.comment-text {
	margin: 14px 0 0;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	color: #444;
}
.comment-empty {
	text-align: center;
	padding: 40px 20px;
	color: #999;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	background: #fafafa;
	border-radius: 10px;
	margin-bottom: 14px;
}
/* Ficha para añadir un comentario nuevo */
.comment-form-wrap {
	background: #fafafa;
	border: 1px solid #ececec;
	border-radius: 10px;
	padding: 24px;
}
.comment-form-title {
	margin: 0 0 16px;
	font-family: 'Bricolage Grotesque', sans-serif;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 13px;
	font-weight: 700;
	color: #333;
}
.comment-form-user {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	color: #555;
}
.comment-form-user .comment-avatar {
	width: 32px;
	height: 32px;
	font-size: 13px;
}
.comment-form-row {
	margin-bottom: 16px;
}
.comment-form-row label {
	display: block;
	margin-bottom: 8px;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	color: #555;
}
.comment-form-select,
.comment-form-textarea {
	width: 100%;
	padding: 12px;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #333;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 6px;
	box-shadow: none;
}
.comment-form-textarea {
	resize: vertical;
	min-height: 100px;
}
.comment-form-select:focus,
.comment-form-textarea:focus {
	outline: none;
	border-color: #0A6E7C;
}
.comment-form-actions {
	text-align: right;
}
.comment-form-submit {
	display: inline-block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 12px 28px;
	border-radius: 30px;
	border: 1px solid #0A6E7C;
	background-color: #0A6E7C;
	color: #FFC72C;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}
.comment-form-submit:hover {
	background-color: #FFC72C;
	color: #0A6E7C;
	border-color: #FFC72C;
}
@media (max-width: 600px) {
	.comment-card-top {
		flex-direction: column;
		align-items: flex-start;
	}
	.comment-form-actions {
		text-align: center;
	}
	.comment-form-submit {
		width: 100%;
	}
}
/* ===== FIN sección de comentarios/opiniones ===== */

/* ===== Pestañas de contenido del detalle: Descripción / Características /
   Servicios / Información de Interés. Antes eran listas de <p><strong>Label:</strong></p>
   apiladas verticalmente; ahora es una ficha técnica en rejilla y los servicios se
   muestran como chips en vez de texto plano separado por comas. ===== */
.spec-section-title {
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 16px;
	font-family: 'Bricolage Grotesque', sans-serif;
	text-transform: uppercase;
	color: #333;
}
.spec-intro {
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	color: #444;
	margin: 0 0 20px;
}
.spec-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 18px 24px;
	margin: 0 0 10px;
}
.spec-item {
	min-width: 0;
}
.spec-label {
	display: block;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
	color: #999;
	margin: 0 0 4px;
}
.spec-value {
	display: block;
	font-family: 'Public Sans', sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 1.5em;
}
.spec-block {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.spec-empty {
	color: #888;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	margin: 0;
}
.service-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.service-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #eaf3fb;
	color: #0A6E7C;
	border-radius: 20px;
	padding: 7px 14px 7px 10px;
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
}
.service-pill:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 11px;
}
/* ===== FIN pestañas de contenido del detalle ===== */

/* ===== Botón flotante de instalación PWA =====
   Mismo lenguaje visual que el resto de CTAs del portal (teal/dorado).
   Oculto por defecto (atributo [hidden]); pwa-install.js lo muestra
   solo cuando el navegador ofrece instalar la app. */
.pwa-install-button {
	position: fixed;
	right: 24px;
	bottom: 114px;
	z-index: 950;
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #0A6E7C;
	color: #ffde83;
	border: 1px solid #0A6E7C;
	border-radius: 30px;
	padding: 12px 22px 12px 12px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, transform .15s ease-in-out;
}
.pwa-install-button img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: block;
}
.pwa-install-button:hover,
.pwa-install-button:focus {
	background-color: #FFC72C;
	color: #0A6E7C;
	border-color: #FFC72C;
	transform: translateY(-2px);
}
.pwa-install-button:has(~ #cookie-consent.is-visible) {
	bottom: 200px;
}
@media only screen and (max-width: 767px) {
	.pwa-install-button {
		right: 16px;
		bottom: 106px;
		padding: 10px 18px 10px 10px;
	}
	.pwa-install-button span {
		font-size: 11px;
	}
}
/* ===== Instrucciones de instalación para iOS Safari =====
   beforeinstallprompt no existe en iOS; el botón flotante abre este
   globo con los pasos manuales (Compartir -> Añadir a pantalla de inicio). */
.pwa-ios-instructions {
	position: fixed;
	right: 24px;
	bottom: 180px;
	z-index: 951;
	max-width: 280px;
}
.pwa-ios-instructions-inner {
	position: relative;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	padding: 18px 20px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
	font-family: 'Public Sans', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
}
.pwa-ios-instructions-inner p {
	margin: 0 0 8px;
}
.pwa-ios-instructions-inner p:last-child {
	margin-bottom: 0;
}
.pwa-ios-icon-share {
	color: #0A6E7C;
	font-weight: 600;
}
.pwa-ios-instructions-close {
	position: absolute;
	top: 6px;
	right: 10px;
	background: none;
	border: none;
	font-size: 20px;
	line-height: 1;
	color: #999;
	cursor: pointer;
	padding: 0;
}
.pwa-ios-instructions-close:hover {
	color: #333;
}
@media only screen and (max-width: 767px) {
	.pwa-ios-instructions {
		right: 16px;
		left: 16px;
		max-width: none;
		bottom: 166px;
	}
}
/* ===== FIN instrucciones de instalación para iOS Safari ===== */
/* ===== FIN botón flotante de instalación PWA ===== */



/* Carrusel de las fichas (Cultura, Lugares, Playas, Rutas): el JS es
   Bootstrap 4 (footer.hbs) pero la hoja es Bootstrap 3.3.1. Las diapositivas
   llevan "item carousel-item" y aquí se replican las transiciones con las
   clases que añade el JS de Bootstrap 4 (carousel-item-next/prev/left/right). */
.carousel-inner > .carousel-item {
	left: 0;
	transition: transform .6s ease-in-out;
}
.carousel-inner > .carousel-item-next,
.carousel-inner > .carousel-item-prev {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner > .carousel-item-next,
.carousel-inner > .active.carousel-item-right {
	transform: translateX(100%);
}
.carousel-inner > .carousel-item-prev,
.carousel-inner > .active.carousel-item-left {
	transform: translateX(-100%);
}
.carousel-inner > .carousel-item-next.carousel-item-left,
.carousel-inner > .carousel-item-prev.carousel-item-right {
	transform: translateX(0);
}

/* Selector de ficha en la moderación de fotos (/admin?tab=fotos): las fichas
   enlazan sus fotos por nombre exacto, así que aquí se corrige el lugar.
   Mismo lenguaje que los formularios del admin (.cf-input) y las píldoras
   .ped-badge; en ámbar cuando la foto no coincide con ninguna ficha. */
.mod-foto-ficha {
	margin: 0 0 14px;
	padding: 10px 12px 12px;
	background: #f0f6f7;
	border: 1px solid #d5e8eb;
	border-radius: 8px;
}
.mod-foto-ficha-aviso {
	background: #FFF8E6;
	border-color: #F3D98B;
}
.mod-foto-ficha label {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0 0 8px;
	font-family: 'Bricolage Grotesque', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	color: #0A6E7C;
}
.mod-foto-sin-ficha {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 20px;
	background: #F9E4B7;
	color: #8A5A00;
	font-family: 'Public Sans', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}
.mod-foto-ficha-select {
	width: 100%;
	min-width: 0;
	height: 38px;
	padding: 0 34px 0 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230A6E7C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: inherit;
	font-size: 13px;
	color: #222;
	text-overflow: ellipsis;
	cursor: pointer;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.mod-foto-ficha-select:hover { border-color: #b9d6da; }
.mod-foto-ficha-select:focus {
	outline: none;
	border-color: #0A6E7C;
	box-shadow: 0 0 0 3px rgba(10,110,124,.15);
}
.mod-foto-ficha-aviso .mod-foto-ficha-select { border-color: #EBC766; }
.mod-foto-ficha-select optgroup { font-weight: 700; color: #0A6E7C; }
.mod-foto-ficha-select option { font-weight: 400; color: #222; }
.mod-foto-ficha-buscar {
	display: block;
	width: 100%;
	height: 36px;
	margin: 0 0 6px;
	padding: 0 12px 0 32px;
	border: 1px solid #ddd;
	border-radius: 18px;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7' fill='none' stroke='%230A6E7C' stroke-width='2.5'/%3E%3Cpath d='M16.5 16.5L21 21' stroke='%230A6E7C' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 11px center;
	font-family: inherit;
	font-size: 13px;
	color: #222;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.mod-foto-ficha-buscar::placeholder { color: #aaa; }
.mod-foto-ficha-buscar:focus {
	outline: none;
	border-color: #0A6E7C;
	box-shadow: 0 0 0 3px rgba(10,110,124,.15);
}
.mod-foto-ficha-resultados {
	margin: 5px 0 0;
	font-size: 11px;
	font-weight: 600;
	color: #0A6E7C;
}
.mod-foto-ficha-resultados:empty { display: none; }
.mod-foto-ficha-sin-resultados { color: #C0392B; }
.mod-foto-ficha-pie { display: flex; justify-content: flex-end; margin-top: 8px; }
.mod-foto-ficha-pie .ped-btn { padding: 8px 16px; }

/* Buscador dentro del menú móvil (el del header se oculta < 768px) */
#mobile-menu .mobile-menu-search {display:flex; margin:12px 12px 6px; border:1px solid #d6e4e6; border-radius:4px; overflow:hidden; background:#fff; box-sizing:border-box; text-transform:none}
#mobile-menu .mobile-menu-search input {flex:1; min-width:0; border:0; height:42px; padding:0 12px; font-family:'Bricolage Grotesque', sans-serif; font-size:16px; color:#333; outline:none; background:transparent; -webkit-appearance:none}
#mobile-menu .mobile-menu-search button {flex:0 0 46px; border:0; background:#0A6E7C; color:#fff; cursor:pointer}
#mobile-menu .mobile-menu-search button:hover {background:#085a65}