/* 
Theme Name: Gran Fondo
Theme URI: https://granfondoargentina.com
Version: 1.0
Author: bellop.io
Author URI: https://bellop.io
*/

:root,
[data-bs-theme=light]{

	/* Defaults */
	--header-min-height: 65px;	

	/* Colors */
	--bs-heading-color: inherit; /* H1, H2 colors */

    --bs-body-color: #151515;
    --bs-body-bg: #fff;

    --bs-primary: #00adee;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary: #f58426;
    --bs-secondary-rgb: 108,117,125;
    --bs-white: #fff;
    --bs-light: #f2f6f8;
    --bs-dark: #151515;

	/* Links */
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;

    /* BS Borders */
    --bs-border-width: 1px;
/*    --bs-border-color: var(--bs-primary);*/
    --bs-border-radius: 50px;

}


@media screen and (min-width:1200px){
	:root,
	[data-bs-theme=light]{
		--header-min-height: 90px;
		--header-fixed-min-height: 70px;
	}
}


/* Animate */

@keyframes bounce{
	0% { transform: translate(0, 0); }
	50% { transform: translate(0, -100%); }
	100% { transform: translate(0, 0); }
}
@keyframes dropDown{
    0% {transform: scaleY(0);}
    80% {transform: scaleY(1.1);}
    100% {transform: scaleY(1);}
}
@keyframes slideInDown{
	from {transform: translate3d(0, -100%, 0);visibility: visible;}
	to {transform: translate3d(0, 0, 0);}
}
@keyframes fadeIn{
  from { opacity: 0; transform: translate3d(0, 10px, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp{
	from { opacity: 0; transform: translate3d(0, 40px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInLeft{
	from { opacity: 0; transform: translate3d(-40px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInRight{
	from { opacity: 0; transform: translate3d(40px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes zoomInUp {
	from { opacity: 0.8; transform: scale(1.15,1.15) rotate(.01deg); }
	to { opacity: 1; transform: scale(1, 1) rotate(.01deg); }
}

.wow{
	visibility: hidden;
	opacity: 0;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(.25, .1, .25, 1);
	animation-play-state: paused;
	will-change: opacity, transform;
}
.wow.slow{
	animation-duration: 6s;
}
.wow.fadeIn{
	animation-duration: 1.3s;
	transform: translate3d(0, 8px, 0);
}
.wow.is-visible{
	visibility: visible;
	animation-play-state: running;
}

.fadeIn{ animation-name: fadeIn; }
.fadeInUp{ animation-name: fadeInUp; }
.fadeInLeft{ animation-name: fadeInLeft; }
.fadeInRight{ animation-name: fadeInRight; }
.zoomInUp{ animation-name: zoomInUp; }

/* Utilities */


.has-primary-color, .text-primary{ 
	color: var(--bs-primary) !important; 
}

.has-secondary-color, .text-secondary{ 
	color: var(--bs-secondary) !important; 
}

.has-primary-background-color, .bg-primary{ 
	background: var(--bs-primary) !important; 
}

.has-secondary-background-color, .bg-secondary{ 
	background: var(--bs-secondary) !important; 
}

.has-white-background-color, .bg-white{
	background: var(--bs-white) !important; 
}

.has-dark-background-color, .bg-dark{
	background: var(--bs-dark) !important; 
}

.has-black-background-color, .bg-black{
	background: var(--bs-black) !important; 
}

.bg-light{
	background: var(--bs-light) !important;
}


 
html{
	scroll-behavior: smooth;
}

body{
	color: #282B2D;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Roboto';
	background: #fff;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 992px) {
	body{
		font-size: 18px;
	}
}

.overh{
	overflow: hidden;
}

*:focus {
	outline: none !important;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: 0.3s all;
}

a:hover{
	color: var(--bs-primary);
}

h1, h2, h3, h4, h5, h6{
	font-weight: 600;
}

h1 { font-size: 28px; }
h2 { font-size: 18px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

@media screen and (min-width: 992px){
	h1 { font-size: 40px; }
	h2 { font-size: 20px; }
	h3 { font-size: 30px; }
	h4 { font-size: 25px; }
	h5 { font-size: 20px; }
	h6 { font-size: 18px; }
}

strong, b{
	font-weight: bold;
}

/* Framework */

.main {
	width: 100%;
	min-height: 80vh;
	background: #fff;
	overflow: hidden;
}

.container,
.container-fluid{
	width: 100%;
	max-width: 100%;
}

.container{
	max-width: 1440px;
}
/*.container-fluid{
	max-width: 1600px;
}*/

@media screen and (min-width: 1440px) {
	.row{
		margin-left: -30px;
		margin-right: -30px;
	}
	[class^="col-"]{
		padding-left: 30px;
		padding-right: 30px;
	}
	.container{
		padding: 0 70px;
	}
}

@media (min-width: 992px){
	.col-lg-2-5 {
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}

.max-width-840{
	max-width: 860px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.max-width-640{
	max-width: 640px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Extras */

.grecaptcha-badge{
	opacity:0;
}

/**/

.card{
	display: flex;
	align-items: center;
	text-align: center;
	background: #f5f5f5;
	border: 1px solid #eee;
	padding: 15px;
	height: 100%;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
}
.page.inscription .card{
	cursor: pointer;
}
.page.inscription .card-title{
	text-transform: uppercase;
}

.page.inscription .card:hover,
.page.inscription .card.active{
	background: var(--bs-primary);
	color: #fff;
}
.page.inscription .card .flag img{
	border: 1px solid rgba(0,0,0,0.25);
}
.page.inscription .card i{
	color: var(--bs-primary);
	font-size: 24px;
}
.page.inscription .card:hover i{
	color: #fff;
}



/**/

.button{
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px;
	font-size: 14px;
	font-weight: 600;
	line-height: 32px;
	text-transform: uppercase;
	border-radius: 50px;
	text-align: center;
    background: var(--bs-primary);
    border: 1px solid var(--bs-primary);
}
.button:hover,
.button:focus{
	color: var(--bs-primary);
	background: transparent;
	border-color: var(--bs-primary);
}

.btn{
	position: relative;
	padding: 0 30px;
	font-size: 18px;
	line-height: 42px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 50px;
	border-width: 2px;
	transition: 0.3s all;
}

.btn:focus {
	box-shadow: none !important;
}


.btn-lg {
	font-size: 18px;
	line-height: 50px;
}

.btn-loading:before{
	content: '';
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.btn-primary {
	--bs-btn-border-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-primary);

    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-primary);

    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-primary);

    --bs-btn-disabled-color: #555;
    --bs-btn-disabled-bg: #aaa;
    --bs-btn-disabled-border-color: #aaa;
}

.btn-outline-primary {
    color: var(--bs-primary);
    background: transparent;
	border-color: var(--bs-primary);
}

.btn-outline-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not([disabled]):not(.disabled):active {
	color: #fff;
	background: var(--bs-primary);
	border-color: var(--bs-primary);
	box-shadow: none;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled{
	color: var(--bs-primary);
}
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover,
.btn-outline-primary.disabled:focus,
.btn-outline-primary:disabled:focus{
	color: #fff;
}

.btn-outline-dark {
    color: #282B2D;
    background: transparent;
	border-color: #282B2D;
}

.btn-outline-dark:active,
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not([disabled]):not(.disabled):active {
	color: #fff;
	background: #282B2D;
	border-color: #282B2D;
	box-shadow: none;
}

.btn-dark{
    background: #000;
    border-color: #000;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:not([disabled]):not(.disabled):active {
	color: #000;
	background: transparent;
	border-color: #000;
	box-shadow: none;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:not([disabled]):not(.disabled):active {
	color: #fff;
}

.btn-disable {
	--bs-btn-color: var(--bs-white);
	--bs-btn-border-color: #c3c1c2;
    --bs-btn-bg: #c3c1c2;

    --bs-btn-hover-color:#c3c1c2;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #c3c1c2;

    --bs-btn-active-color: #c3c1c2;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #c3c1c2;

    --bs-btn-disabled-color: #555;
    --bs-btn-disabled-bg: #aaa;
    --bs-btn-disabled-border-color: #aaa;
    pointer-events: none;
    cursor: default;
    opacity: .6; /* opcional */
}

.btn-white {
	--bs-btn-border-color: var(--bs-white);
	--bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-white);

    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-white);

    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-white);
}

.btn-white:focus {
	color: var(--bs-primary);
}

/* Forms */

label{
	width: 100%;
	font-size: 16px;
	line-height: 1.3em;
	margin: 0 0 15px;
	font-weight: 600;
	text-transform: uppercase;
}
label ~ p{
	margin: 0 0 15px;
	font-size: 14px;
}

@media screen and (min-width:768px){
	label ~ p{
		margin-top: -10px;
		font-size: 16px;
	}
}

.form-control,
.form-select{
	min-height: 42px;
}
.form-control:focus,
.form-select:focus{
	box-shadow:none !important;
}

select.input-text{
	background-image: url('assets/img/icons/arrow-down-select.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 15px;
}


.input-text{
	width: 100%;
	background: #fff;
	color: #252529;
	min-height: 42px;
	border: 1px solid #dee2e6;
	padding: 0 10px;
	border-radius: 0.375rem;
}
textarea.input-text{
	padding: 15px;
	border-radius: 25px;
}

.woocommerce-input-wrapper{
	width: 100%;
}

input[type="checkbox"],
input[type="radio"]{
	display: inline-block;
	vertical-align: middle;
	width: 17px;
	height: 17px;
	margin-right: 6px;
	border: 1px solid #E2E2E2;
	box-shadow: 0 0 0px 4px #fff inset;
	border-radius: 50%;
	appearance: none;
	-webkit-appearance: none;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked{
	background: var(--bs-primary);
}
input[type="checkbox"] ~ span,
input[type="radio"] ~ span{
	display: inline-block;
	vertical-align: middle;
}
input[type="checkbox"] ~ label,
input[type="radio"] ~ label{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 30px);
	margin: 0;
}

@media screen and (min-width: 768px){
	input[type="checkbox"],
	input[type="radio"]{
		width: 20px;
		height: 20px;
	}
}


/**/

.bg-gray{
	background-color: #f8f8f8;
}

.text-primary,
.text-primary:hover,
.text-primary:focus{
	color: var(--bs-primary) !important;
}
a.text-primary,
a.text-primary:hover,
a.text-primary:focus{
	color: var(--bs-primary) !important;
}

/* Title */

.title{
	position: relative;
	overflow: hidden;
}

.title h1,
.title h2,
.title h3,
.title h4,
.title h5{
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: 500;
}

.title h1{
	font-size: 60px;
}
.title h2{
	font-size: 40px;
}
.title h3{
	font-size: 24px;
}
.title h4{
	font-size: 21px;
}
.title p{
	margin: 16px auto 0;
	font-size: 18px;
	max-width: 980px;
}
.title span{
	display: inline-block;
	background: #282B2D;
	color: var(--bs-primary);
	margin: 2px 0;
	padding: 5px;
	word-break: break-all;
}

.title .icon{
	height: 60px;
	margin-bottom: 16px;
}
.title .icon img{
	width: auto;
	height: 100%;
}

@media screen and (min-width: 992px){
	.title.d-flex{
		justify-content: space-between;
	}
	.title h1{
		font-size: 100px;
	}
	.title h2{
		font-size: 80px;
	}
	.title h3{
		font-size: 32px;
	}
	.title h4{
		font-size: 26px;
	}
	.title p{
		margin-top: 32px;
		font-size: 21px;
		line-height: 30px;
	}
}

/* Header */

.alert-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 12px 3px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	z-index: 9;
	text-align: center;
}
.alert-header p{
	margin: 0;
}
.alert-header ~ .header:not(.fixed){
	margin-top: 50px;
}

@media screen and (max-width: 768px){
	.alert-header p{
		font-size: 12px;
		letter-spacing: -0.5px;
	}
}

.header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 75px;
	color: #fff;
	background: transparent;
	/*background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);*/
	transition: 0.3s all;
	z-index: 999;
}

.header .container,
.header .container-fluid{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .logo{
	display: inline-block;
	vertical-align: middle;
	max-width: 216px;
	padding: 15px 0;
	overflow: hidden;
}
.header .nav-menu{
	position: relative;
	float: right;
	width: 35px;
    padding: 15px 0;
    margin: 0;
    z-index: 5;
    cursor: pointer;
    overflow: hidden;
}
.header .nav-menu .menu-line {
	float: right;
	display: block;
	width: 100%;
	height: 2px;
	margin: 4px 0;
	background: #fff;
	transition: 0.3s all;
	border-radius: 6px;
}
.header .nav-menu.active .menu-line:nth-child(1) { transform: rotate(45deg); width: 40px; margin-top: 14px; }
.header .nav-menu.active .menu-line:nth-child(3) { transform: rotate(-45deg); width: 40px; margin-top: -16px; }
.header .nav-menu.active .menu-line:nth-child(2) { opacity: 0; }

.header .navigation{
	display: none;
	position: fixed;
	top: 74px;
	left: 0;
	width: 100%;
	height: calc(100dvh - 75px);
	background: #282B2D;
	overflow: auto;
}
@media screen and (max-width: 992px){
	.header.header-intro .navigation{
		top: 75px;
	}
}


.header .navigation.active {
	display: block;
}
.header .navigation .wrap{
	width: 100%;
}
.header .navigation ul{
	position: relative;
	margin: 0;
	width: 100%;
	margin: 0 0 10px;
}
.header .navigation ul li a{
	position: relative;
	display: block;
	padding: 10px 15px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.75px;
	text-transform: uppercase;
}
.header .navigation ul li a:hover,
.header .navigation ul li .current-menu-item a{
	color: var(--bs-primary);
}
.header .navigation ul li.current-menu-item a{
	font-weight: bold;
}


.header .navigation ul .sub-menu{
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
}
.header .navigation ul li.open-submenu .sub-menu{
	display: block;
}

.header .navigation ul .sub-menu li{
	display: block;
	margin: 0;
}
.header .navigation ul .sub-menu li a{
	color: #fff;
	padding: 5px 15px;
	font-size: 16px;
	font-weight: 400;
	border: 0;
	text-transform: initial;
}
.header .navigation ul .sub-menu li:last-child a{
	border: 0;
}

.header .navigation ul .sub-menu li.current-menu-item a,
.header .navigation ul .sub-menu li a:hover{
	background: var(--bs-primary);
	color: #fff;
}

.header .navigation .menu > li > a{
	border-top: 1px solid rgba(255,255,255,0.1);
}
.header .navigation .menu > li.menu-item-has-children > a:after{
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 22px;
    position: absolute;
    top: calc(50% - 15px);
    right: 15px;
    width: 25px;
    height: 30px;
    line-height: 30px;
}
.header .navigation .menu li.open-submenu > a,
.header .navigation .menu li a:hover{
	color: var(--bs-primary);
}


.header .navigation .menu .menu-inscription{
	margin: 15px 0;
}
.header .navigation .menu .menu-inscription a{
	display: block;
    padding: 6px 10px;
    margin: 0 15px;
	color: #fff;
	text-align: center;
	background: var(--bs-primary);
    border: 2px solid var(--bs-primary);
    border-radius: 50px;
}
.header .navigation .menu .menu-inscription a:hover{
	background-color: #fff;
	border-color: #fff;
}

.header .navigation .lang .menu-inscription a{
	display: block;
    padding: 6px 10px;
    margin: 0 15px;
	color: #fff;
	text-align: center;
	color: #282B2D;
	background: var(--bs-white);
    border: 2px solid var(--bs-white);
    border-radius: 50px;
}
.header .navigation .lang .menu-inscription a:hover{
	color: var(--bs-white);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.header .navigation .menu .menu-user > a{
	padding: 15px;
}


.header .navigation .menu .menu-user .icon-user{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background: url('assets/img/icons/icon-user.svg') no-repeat center;
}

.header .navigation .socialmedia{
	margin-left: 5px;
}
.header .navigation .socialmedia li{
	display: inline-block;
	vertical-align: middle;
}
.header .navigation .socialmedia li a{
	padding: 10px;
	font-size: 24px;
}

.header .navigation .lang li a img{
	vertical-align: 0;
}
.header .navigation .legals li a{
	display: block;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 400;
	text-transform: initial;
}

.header.fixed{
	position: fixed;
    -webkit-animation: fadeInDown 0.5s ease-out;
    -moz-animation: fadeInDown 0.5s ease-out;
    background: #282B2D;
}

.header:not(.fixed).relative{
	position: relative;
}

.header.fixed,
.header.relative{
	background-color: #282b2d;
}

@media screen and (min-width: 1360px){
	.header .nav-menu {
		display: none;
	}

	.header{
		display: flex;
		align-items: center;
		min-height: 100px;
	}
	.header .logo{
		max-width: 256px;		
	}
	.header:not(.fixed) .logo{
		max-width: 246px;
	}

	.header:hover{
		background-color: #282b2d;
	}

	.header .navigation{
		position: relative;
		display: block;
		float: right;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		text-align: left;
		background: transparent;
		overflow: visible;
	}
	.header .navigation ul,
	.header .navigation ul li{
		position: relative;
		display: inline-block;
		vertical-align: middle;
	}
	.header .navigation ul{
		margin: 0;
		width: auto;
	}
	.header .navigation ul li a{
		padding: 36px 15px;
		font-size: 16px;
		letter-spacing: -0.3px;
	}
	.header .navigation ul .sub-menu{
		position: absolute;
	    top: 99px;
	    left: 0;
	    width: max-content;
	    min-width: 200px;
	    padding: 0;
	    text-align: left;
	    background: #282B2D;
		box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);
	    z-index: 999;
	}
	.header .navigation ul li:hover .sub-menu{
		display: block;
	}
	.header .navigation ul .sub-menu li{
		display: block;
		margin: 0;
	}
	.header .navigation ul .sub-menu li a{
		color: #fff;
		padding: 8px 15px;
		font-size: 16px;
		font-weight: 400;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		white-space: nowrap;
	}

	.header .navigation .menu li a {
		text-align: left;
		border: 0;
	}
	.header .navigation .menu > li.menu-item-has-children > a{
		padding-right: 30px;
		margin-right: 10px;
	}
	.header .navigation .menu > li.menu-item-has-children > a:after{
		right: 0;
		font-size: 18px;
	}

	/*.header .navigation .menu li.menu-inscription{
		margin: 0 0 0 10px;
	}*/
	.header .navigation .menu li.menu-inscription > a{
		padding: 5px 15px;
	}
	.header .navigation .menu li.menu-user > a{
		padding: 34px 15px;
	}

	.header .navigation .menu li.menu-user {
	    position: relative;
    }

    .header .navigation .menu li.menu-user::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 60px;
        background: #fff;
    }

	.header .navigation .socialmedia{
		margin: 0;
	}
	.header .navigation .socialmedia li a{
		font-size: 24px;
		padding: 6px;
	}

	.header .navigation .legals{
		display: none;
	}

	.header.fixed{
		min-height: 85px;
	}
	.header.fixed .navigation .menu li a{
		padding: 34px 10px;
	}
	.header.fixed .navigation .menu li.menu-inscription a{
		padding: 5px 15px;
	}
	.header.fixed .navigation .menu > li.menu-item-has-children > a{
		padding-right: 30px;
	}

	.header.fixed .navigation ul .sub-menu{
		top: 95px;
	}
	.header.fixed .navigation ul .sub-menu li a{
		padding: 10px 15px;
	}
}

.header-intro {
    position: relative;
    background: #282B2D;
}

/*.header-intro .navigation ul li a {
    color: #282B2D;
}*/

.header-intro:hover .navigation ul li a,
.header-intro.fixed .navigation ul li a {
    color: #fff;
}

/*.header-intro .navigation .menu .menu-user .icon-user {
    filter: brightness(0) saturate(100%) invert(13%) sepia(4%) saturate(1034%) hue-rotate(161deg) brightness(95%) contrast(89%);
}*/

.header-intro:hover .navigation .menu .menu-user .icon-user,
.header-intro.fixed .navigation .menu .menu-user .icon-user {
    filter: unset;
}

/*.header-intro .nav-menu .menu-line {
    background: #282B2D;
}*/

.header-intro.fixed .nav-menu .menu-line {
    background: var(--bs-primary);
}

.header .return a img{
	max-width: 150px;
}

@media screen and (min-width: 992px){

	.header .return a img{
		max-width: 246px;
	}

}

/*.header .logo-center{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}*/

.logos {
    display: flex;
    align-items: center;
    gap: 16px;
}

.logos .logo-center{
	max-width: 135px !important;
}

@media screen and (min-width: 992px){

	.logos .logo-center{
		max-width: 246px !important;
	}

}

.logos .separator {
    width: 1px;
    height: 45px;
    background: var(--bs-white);
    flex-shrink: 0;
}

@media screen and (min-width: 992px){
	.logos .separator {
	    height: 60px;
	}
}

@media screen and (min-width: 992px){

}

.logos .return{
	padding: 15px 0;
}

.overh .header{
	background-color: #282B2D;
}

/* Modules > Presentation */

.presentation {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 500px;
    /*height: calc(100dvh - 130px);*/
    height: calc(100dvh - 204px);
    background-color: #282b2d;
    background-position: center;
    background-size: cover;
}

.presentation .video {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.presentation .video iframe {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100vw;
    height: 56.25vw;

    min-width: 177.77vh;
    min-height: 100vh;

    transform: translate(-50%, -50%);
    border: 0;
    pointer-events: none;
}

.presentation .slider{
	background: #282B2D;
	overflow: hidden;
}
.presentation .slider .slides .slide{
	position: relative;
	height: 100vh;
	max-height: 500px;
	background: no-repeat center;
	background-size: cover;
	filter: brightness(0.4);
}
.presentation .slider .date{
	position: absolute;
	top: 30%;
	right: 0;
	width: 100px;
	padding: 0 10px;
	height: 80px;
	color: #fff;
	font-weight: bold;
	background: var(--bs-primary);
	text-align: left;
}
.presentation .slider .date span{
	display: block;
}
.presentation .slider .date .month{
	width: 55px;
	text-align: center;
	font-size: 20px;
	line-height: 34px;
	text-transform: uppercase;
}
.presentation .slider .date .day{
	font-size: 52px;
	line-height: 34px;
}
.presentation .slider .date .year{
	position: absolute;
	top: 0;
	left: 68px;
	font-size: 20px;
	line-height: 17px;
	padding: 5px;
}

.presentation .content-results{
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 0;
}

@media screen and (min-width: 992px){
    .presentation .slider .slides .slide {
        background-position: right !important;
    }
	.presentation .slider .slides .slide{
		max-height: calc(106vh - 185px);
	}
	.presentation .slider .date{
		top: 20%;
		width: 170px;
		height: 120px;
	}
	.presentation .slider .date .month{
		width: 75px;
		font-size: 30px;
		line-height: 54px;
	}
	.presentation .slider .date .day{
		font-size: 72px;
		line-height: 54px;
	}
	.presentation .slider .date .year{
		left: 85px;
		font-size: 30px;
		line-height: 25px;
		padding: 8px;
	}
}

/* Modules > Banner */

.banner {
	position: relative;
	display: flex;
	align-items: flex-end;
	background: #282B2D url('assets/img/banners/banner-about.jpg') no-repeat center;
	background-size: cover;
	min-height: 350px;
}
.banner .title {
	padding: 0;
	margin: 0;
}
.banner .title h1{
	display: inline-block;
	vertical-align: middle;
	font-weight: 300;
}

.banner .date{
	position: absolute;
	top: 30%;
	right: 0;
	width: 100px;
	padding: 0 10px;
	height: 80px;
	color: #fff;
	font-weight: bold;
	background: var(--bs-primary);
	text-align: left;
}
.banner .date span{
	display: block;
}
.banner .date .month{
	width: 55px;
	font-size: 20px;
	line-height: 34px;
	text-transform: uppercase;
	text-align: center;
}
.banner .date .day{
	font-size: 52px;
	line-height: 34px;
}
.banner .date .year{
	position: absolute;
	top: 0;
	left: 68px;
	font-size: 20px;
	line-height: 17px;
	padding: 5px;
}

@media screen and (min-width: 992px){
	.banner{
/*		height: calc(100vh - 215px);*/
		min-height: 500px;
		height: 60vh;
	}
	.banner .title{
		margin-bottom: 50px;
	}
	.banner .date{
		top: 20%;
		width: 170px;
		height: 120px;
	}
	.banner .date .month{
		width: 75px;
		font-size: 30px;
		line-height: 54px;
	}
	.banner .date .day{
		font-size: 72px;
		line-height: 54px;
	}
	.banner .date .year{
		left: 85px;
		font-size: 30px;
		line-height: 25px;
		padding: 8px;
	}
}

/* Modules > Timer */

.timer{
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bs-primary);
	color: var(--bs-white);
	padding: 15px 0;
	min-height: 130px;
}

.timer ul{
	display: flex;
	justify-content: center;
	margin: 0;
}
.timer ul li{
	position: relative;
	text-transform: uppercase;
	font-size: 17px;
	padding: 0 13px;
}
.timer ul li:after{
	content: ':';
	position: absolute;
	top: 0;
	right: 0;
	font-size: 24px;
	line-height: 54px;
}
.timer ul li:last-child:after{
	content: none;
}
.timer ul li span{
	display: block;
	font-size: 30px;
	line-height: 30px;
	font-weight: 100;
}

.timer .buttons{
	margin-top: 10px;
}
.timer .buttons .btn{
	width: 100%;
    max-width: 250px;
    font-size: 18px;
    line-height: 46px;
}

@media screen and (min-width: 480px){
	.timer ul li span{
		display: block;
		font-size: 34px;
		line-height: 34px;
		font-weight: 100;
		letter-spacing: 5px;
		text-indent: 10px;
	}
}
@media screen and (min-width: 992px){
	.timer{
		padding: 5px 0;
	}
}
@media screen and (min-width: 992px){
	.timer ul li{
		padding: 0 30px;
	}
	.timer ul li span{
		font-size: 50px;
		line-height: 50px;
		text-indent: 15px;
	}
	.timer ul li:after{
		font-size: 50px;
	}
}
@media screen and (max-width: 350px){
	.timer ul li{
		padding: 0 10px;
		font-size: 16px;
	}
}

/* Modules > Links */

.links {
	padding: 50px 0;
}
.links .title{
	text-align: center;
	margin-bottom: 50px;
}
.links .title h3{
	margin: 0 auto;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
.links .title .icon{
	width: 200px;
	height: 80px;
	margin: 50px auto 0;
}
.links .title .icon img{
	margin-left: -90px;
}

.links article{
	position: relative;
	overflow: hidden;
}
.links article a{
	display: block;
}
.links article .img{
	padding: 50% 0;
	background: #eee no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}
.links article .title{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	text-align: left;
	margin: 15px;
}
.links article a:hover .img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

@media screen and (min-width: 992px){
	.links{
		padding: 75px 0;
	}
	.links .title{
		margin-bottom: 100px;
	}
	.links .title h3{
		font-size: 30px;
		line-height: 36px;
	}
	.links .title .icon{
		width: 200px;
		height: 80px;
		margin-top: 100px;
	}
}
@media screen and (max-width: 992px){
	.links .title h3 br{
		display: none;
	}
}

/* Partners */

.partners{
	padding-bottom: 50px;
}
.partners .title{
	margin: 0 0 50px;
	text-align: center;
}
.partners .title h3{
	margin: 0 auto;
	font-size: 21px;
	line-height: 30px;
	font-weight: 600;
	text-transform: initial;
}

@media screen and (min-width: 992px){
	.partners{
		padding-bottom: 100px;
	}
}
@media screen and (max-width: 480px){
	.partners .title h3 br{
		display: none;
	}
}

/* Pages */

.section{
	padding: 50px 0;
}
.module{
	padding: 30px 0;
}
@media screen and (min-width: 1200px){
	.section{
		padding: 100px 0;
	}
	.module{
		padding: 50px 0;
	}
}

/* Pages > Pre - Home */

.page.intro .title span{
	color: var(--bs-primary);
	background-color: transparent;
}

.page.intro .title p{
	margin-top: 0;
	padding: 0 12px;
}


.page.intro .intro article{
	background: #fff;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
	border-radius: 15px;
	height: 100%;
	overflow: hidden;
}
.page.intro .intro article .thumbnail{
	width: 100%;
	margin: 0;
}
.page.intro .intro article .thumbnail img{
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.page.intro .intro article .data{
	padding: 15px;
	/*text-align: center;*/
}
.page.intro .intro article .data .buttons{
	margin-top: 30px;
}

.page.intro .intro article .data h2 span{
	font-weight: 700;
}

.page.intro .intro article .data ul li{
	padding: 10px 0;
	border-bottom: dashed 1px #cacaca;
}

.page.intro .intro article .data ul li:last-child{
	border-bottom: none;
}

@media screen and (min-width: 992px){
	.page.intro .intro article .data{
		padding: 30px 18px;
	}
	.page.intro .intro article .data h2{
		font-size: 26px;
        line-height: 1em;
	}
}

.page.intro .about .logo img{
	max-width: 50%;
}


.page.intro .extras .items .thumbnail{
	min-height: 200px;
}

/* Pages > Home */

.page.home .important{

}
.page.home .important .data{
	max-width: 550px;
	margin: 50px auto;
	text-align: left;
}
.page.home .important .data ul{
	text-align: left;
	font-size: 18px;
}


.page.home .information{
	background: var(--bs-primary);
	color: #fff;
}

.page.home .information .data{
	background-size: cover;
}

.page.home .information .data hr{
    border-top: 2px solid;
    opacity: 1;
    width: 10%;
}

.page.home .information p{
	color: var(--bs-white);
}

.page.home .extras article{
	position: relative;
}

@media screen and (min-width: 768px){
	.page.home .extras article{
		height: 100%;
		padding-bottom: 70px;
	}
	.page.home .extras article .buttons{
		position: absolute;
		left: 0;
		bottom: 30px;
		width: 100%;
	}	
}

.section.sponsors{
	background-color: #282B2D;
}

@media screen and (min-width: 992px){

	.section.sponsors .content {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(5, 1fr);
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}

	.section.sponsors .content .item-1 { grid-area: 1 / 1 / 2 / 2; }
	.section.sponsors .content .item-2 { grid-area: 1 / 2 / 2 / 3; }
	.section.sponsors .content .item-3 { grid-area: 1 / 3 / 2 / 6; }

	.section.sponsors .content .item-4 { grid-area: 2 / 1 / 3 / 5; }
	.section.sponsors .content .item-5 { grid-area: 2 / 5 / 3 / 6; }

	.section.sponsors .content .item-6 { grid-area: 3 / 1 / 4 / 4; }
	.section.sponsors .content .item-7 { grid-area: 3 / 4 / 4 / 6; }

	.section.sponsors .content .item-8 { grid-area: 4 / 1 / 5 / 2; }
	.section.sponsors .content .item-9 { grid-area: 4 / 2 / 5 / 3; }
	.section.sponsors .content .item-10 { grid-area: 4 / 3 / 5 / 4; }
	.section.sponsors .content .item-11 { grid-area: 4 / 4 / 5 / 5; }
	.section.sponsors .content .item-12 { grid-area: 4 / 5 / 5 / 6; }

	.section.sponsors .content .item-13 { grid-area: 5 / 1 / 6 / 3; }
	/*.section.sponsors .content .item-14 { grid-area: 5 / 3 / 6 / 4; display: none; }
	.section.sponsors .content .item-15 { grid-area: 5 / 4 / 6 / 6; }*/
	.section.sponsors .content .item-14 { grid-area: 5 / 3 / 6 / 5; }
	.section.sponsors .content .item-15 { grid-area: 5 / 5 / 6 / 6; }

	.section.sponsors .content .item-1::after,
	.sponsors .content .item-2::after,
	.section.sponsors .content .item-4::after,
	.section.sponsors .content .item-6::after, 
	.section.sponsors .content .item-8::after,
	.section.sponsors .content .item-9::after,
	.section.sponsors .content .item-10::after,
	.section.sponsors .content .item-11::after,
	.section.sponsors .content .item-13::after,
	.section.sponsors .content .item-14::after,
	.section.sponsors .content .item-15::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  right: -15px;
	  width: 2px;  
	  height: 50%;
	  transform: translateY(50%);
	  background: #fff;
	}

}

.section.sponsors .content article {
  position: relative;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
}

@media screen and (min-width: 992px){
	.section.sponsors .content article {
	  padding: 0;
	}
}

.section.sponsors article h4{
	font-size: 14px;
}

.section.sponsors article .logos img{
	flex-grow: 1;
	min-width: 50px;
	max-width: 180px;
	height: 80px;
	object-fit: contain;
}

@media screen and (max-width: 992px){
	.section.sponsors article .logos{
		flex-wrap: wrap;
		gap: 16px;
	}
}

/* Pages > About */

.page.about .team{
	padding: 50px 0;
}
.page.about .team article {
	border-bottom: 1px solid #eee;
}
.page.about .team article .thumbnail{
	margin-bottom: 16px;
}
.page.about .team article h2{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 16px;
}
.page.about .team article p{
	line-height: 30px;
}

@media screen and (min-width: 992px){
	.page.about .team{
		padding: 75px 0;
	}
	.page.about .team article h2{
		margin-bottom: 32px;
	}
	.page.about .team article .thumbnail{
		margin-bottom: 32px;
	}
}

/* Pages > Info */

.page.info .links article .title{
	background: #282B2D;
	margin: 0;
	padding: 15px;
	width: calc(100% - 50px);
	min-height: 140px;
	overflow: initial;
}
.page.info .links article .title h2{
	font-size: 44px;
	line-height: 41px;
	color: var(--bs-primary);
}
.page.info .links article .title:before{
	content: '';
	position: absolute;
	bottom: 0;
	right: -50px;
	background: #282B2D;
	width: 50px;
	height: 50%;
	font-size: 44px;
	line-height: 70px;
	font-weight: bold;
}
.page.info .links article .title:after{
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 0 0 50px;
    border-color: transparent transparent transparent #282B2D;
}

.page.info .links article .title i{
	position: absolute;
	bottom: 0;
	right: -50px;
	width: 50px;
	height: 50%;
	background: url('assets/img/icons/icon-pdf.svg') no-repeat center;
	background-size: 20px;
}

@media screen and (min-width: 992px){
	.page.info .links article .title h2{
		font-size: 54px;
		line-height: 51px;
	}
	.page.info .links article .title i{
	    background-size: 30px;
    	background-position: left;
	}
}

/* Pages > Training > Register */

.page.info .register{
	padding: 50px 0;
}
.page.info .register .btn{
	width: 100%;
	max-width: 520px;
}
.page.info .register .title{
	margin: 50px 0;
}
.page.info .register .title h4{
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
}
.page.info .register p{
	font-size: 18px;
}

@media screen and (min-width: 992px){
	.page.info .register{
		padding: 75px 0;
	}
	.page.info .register .title{
		margin: 70px 0;
	}
}

.page.travel .title p{
	margin: 16px 0 0;
}

@media screen and (min-width: 992px){
	.page.travel.imperdibles .content .module-1 .row,
	.page.travel.razones-para-visitar .content .module-1 .row,
	.page.travel.datos-utiles .content .module-1 .row{
		align-items: flex-start !important;
	}
}

/* Page > Info > FAQ */


.page.faq .content .row{
	max-width: 992px;
	margin-left: auto;
	margin-right: auto;
}
.page.faq .content .question{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400px;
	padding-right: 35px;
	color: #282B2D;
}
.page.faq .content .question:after{
	content: '+';
	position: absolute;
	top: calc(50% - 15px);
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.page.faq .content .question:hover,
.page.faq .content .question[aria-expanded="true"]{
	color: var(--bs-primary);
}
.page.faq .content .question[aria-expanded="true"]:after{
	content: '-';
}

@media screen and (min-width: 992px){
	.page.faq .content .title .question{
		font-size: 30px;
		line-height: 36px;
	}
}

/* Pages > Information */

.page.information .content .title{
	margin-bottom: 15px;
}
.page.information .content .title h4{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
}
.page.information .content .title p{
	margin-top: 5px;
	font-weight: 600;
	font-size: 21px;
}
.page.information .modules .module .data h2{
	text-transform: uppercase;
}

@media screen and (max-width: 992px){
	.page.information .content .icon img{
		max-width: 200px;
	}
}

/* Pages > Sponsors */

.page.sponsors .sponsors .type{
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.page.sponsors .sponsors .type:last-child{
	border-bottom: 0;
}
.page.sponsors .sponsors .items .title{

}
.page.sponsors .sponsors .items .item{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page.sponsors .sponsors .items .item .logo{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 150px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
/*.page.sponsors .sponsors .items .item .logo img{
	filter: invert(1);
}*/

@media screen and (min-width:992px){
	.page.sponsors .sponsors .type{
		padding-bottom: 30px;
		margin-bottom: 80px;
	}
	.page.sponsors .sponsors .types .type:first-child .items .item{
		width: 33.333%;
	}
}

.module-sponsors{
	//background: #282B2D;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.module-sponsors .types .type{
	width: 100%;
	padding: 50px 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.module-sponsors .types .type:last-child{
	border-bottom: 0;
}
.module-sponsors .types .type .items .item{
	display: flex;
	justify-content: center;
}
.module-sponsors .types .type .items .item .logo{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 150px;
}
.module-sponsors .types .type:nth-child(1) .items .item .logo{
	width: 250px;
	height: 200px;
}

/* Page > Bike & Boat */


.page.bike-boat .banner .title p{
	color: #FFF;
	margin: 0;
	margin-bottom: 20px;
	font-weight: 600;
}
.page.bike-boat .banner .title .subtitle {
	font-size: 30px;
}


.page.bike-boat .title.d-flex {
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 50px;
	margin: 25px 0;
}
.page.bike-boat .title.d-flex .icon{
	min-width: 75px;
}
.page.bike-boat .title.d-flex h3 {
	text-transform: uppercase;
	color: var(--bs-primary);
	font-weight: 600;
}


.page.bike-boat .days .items article h4{
	font-size: 21px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.page.bike-boat .days .items article h4 span{
	color: var(--bs-primary);
}

.page.bike-boat .days .items article p{
	font-size: 15px;
	line-height: 30px;
}


.page.bike-boat .bikes{
	background: var(--bs-primary);
	padding-bottom: 170px;
}

.page.bike-boat .bikes .title.d-flex .icon {
	min-width: 120px;
}
.page.bike-boat .bikes .title.d-flex h3 {
	color: #282B2D;
}
.page.bike-boat .bikes .description {
	color: #fff;
	font-size: 21px;
	line-height: 30px;
}
.page.bike-boat .bikes-items {
	margin-top: -100px;
}

.page.bike-boat .bikes-items .items article {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 2px 14px rgba(0,0,0,0.13);
	padding: 30px;
	min-height: 330px;
}

.page.bike-boat .boat-info p{
	font-size: 15px;
	line-height: 30px;
}

.page.bike-boat .boat-info p span{
	text-transform: uppercase;
	font-weight: 700;
}


.page.clasifications .tab_menu{
	width: 100%;
	margin: 0;
	white-space: nowrap;
	overflow: auto;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.page.clasifications .tab_menu li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 -1px;
}
.page.clasifications .tab_menu li a{
	position: relative;
	display: block;
	padding: 15px 0;
	margin: 0 15px;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
.page.clasifications .tab_menu li a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: #000;
	transition: 0.3s all;
}
.page.clasifications .tab_menu li.active a{
	color: #000;
	font-weight: 600;
}
.page.clasifications .tab_menu li.active a:after,
.page.clasifications .tab_menu li a:hover:after{
	left: 0;
	width: 100%;
}


@media screen and (min-width: 992px){
	.page.clasifications .tab_menu li a{
		padding: 20px 0;
		margin: 0 25px;
	}
}

/* Pages > Contact */

.page.contact .form{
	max-width: 768px;
	margin: 50px auto 0;
}

/* Pages > Internal */

.page.internal .content{
	
}
.page.internal .content article {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* Pages > Page 404 */

.page.page-404 .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 80vh;
}

/* Pages > Page Maintenance */

.page.page-maintenance .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 100vh;
}


/**/

.product-type{
	padding-bottom: 50px;
	margin-bottom: 50px;
}


.feed-races{
	justify-content: center;
}
.feed-races article{
	position: relative;
}
.feed-races .item{
	border-bottom: 1px solid #eee;
}
.feed-races .item:last-child{
	border:0;
}
.feed-races article .thumbnail{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.feed-races article .thumbnail .img{
	padding: 30% 0;
	min-width: 200px;
	background: #eee no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}

.feed-races article .data{
	position: relative;
}
.feed-races article .data h2{
	margin: 0 0 20px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	color: #282B2D;
}


/**/

.feed-products{
	justify-content: center;
}
.feed-products article{
	position: relative;
}
.feed-products .item{
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
.feed-products .item:last-child{
	border:0;
}
.feed-products article .thumbnail{
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.feed-products article .thumbnail .img{
	padding: 30% 0;
	min-width: 200px;
	background: #eee no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}

.feed-products article .data{
	position: relative;
}
.feed-products article .data h2{
	margin: 0 0 20px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	color: #282B2D;
}

.feed-products article .price{
	display: block;
	margin: 0 0 12px;
	color: var(--bs-primary);
	font-weight: 500;
	font-size: 24px;
	line-height: 24px;
}

.feed-products article .quantity{
	display: none;
}
.feed-products article .quantity input{
	min-width: 60px;
    max-width: 60px;
    margin-right: 6px;
    min-height: 42px;
    padding: 0;
    text-align: center;
}

/* Disabled */

.feed-products .item.has_bought article .thumbnail,
.feed-products article.disabled .thumbnail,
.feed-products .item.has_bought article .data,
.feed-products article.disabled .data{
	opacity: 0.6;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}

.feed-products .item.has_bought article:after,
.feed-products article.disabled:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.feed-products .item.has_bought article .btn{
/*	opacity: 0;*/
}

.feed-products article .outofstock{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -25px;
    left: -25px;
    width: 100px;
    height: 100px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background: red;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ffff;
}


@media screen and (min-width: 992px){
	.feed-products{
		margin: 0 -25px;
	}
	.feed-products article{
		position: relative;
		border: 0;
		padding: 0 15px;
	}
	.feed-products article .thumbnail{
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}
	.feed-products article .data{
		width: 100%;
	}
	.feed-products article .data h2{
		font-size: 28px;
	}

	.feed-products article .meta{
/*		position: absolute;
		bottom: 0;
		left: 0;*/
	}
	.feed-products article .meta .price{
		font-size: 32px;
		line-height: 32px;
	}
	.feed-products article .meta .button{
		margin-top: 10px;
		font-size: 16px;
		line-height: 38px;
		color: #fff;
	}
	.feed-products article .meta .button:hover{
		color: var(--bs-primary);
	}

	/*.merch .feed-products article{
		display: flex;
	}*/
	.merch .feed-products article .thumbnail{
		margin: 0 0 30px;
	}


	.races .feed-products .item{
		padding-bottom: 0;
		margin-bottom: 0;
		border:0;
		border-right: 1px solid #eee;
	}
	.races .feed-products .item:last-child{
		border:0;
	}
}

/**/

.single.product .stats {
	padding: 50px 0;
}
.single.product .stats .title{
	max-width: 920px;
	margin: 0 auto 50px;
	text-align: center;
}
.single.product .stats .title h3{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
.single.product .stats ul{
	margin: 0 auto;
	max-width: 300px;
}
.single.product .stats ul li{
	position: relative;
	color: var(--bs-primary);
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 15px 0;
	padding: 0 0 15px;
}
.single.product .stats ul li:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--bs-primary);
}
.single.product .stats ul li:last-child:after{
	content: none;
}
.single.product .stats ul li span{
	display: block;
	font-size: 32px;
	line-height: 32px;
}

@media screen and (min-width: 768px){
	.single.product .stats ul{
		display: flex;
		justify-content: center;
		margin: 0 auto;
		max-width: 100%;
	}
	.single.product .stats ul li{
		padding: 0 50px;
		font-size: 21px;
		line-height: 36px;
	}
	.single.product .stats ul li:after{
		top: 0;
		left: auto;
		right: 0;
		width: 2px;
		height: 100%;
	}
}
@media screen and (min-width: 992px){
	.single.product .stats{
		padding-top: 100px;
	}
	.single.product .stats .title h3{
		font-size: 30px;
		line-height: 36px;
	}
	.single.product .stats ul li span{
		font-size: 72px;
		line-height: 72px;
	}
}


.single.product .content{
	padding: 50px 0;
}
.single.product .content .title .icon{
	height: 35px;
}

.single.product .data-product .woocommerce-product-gallery{
	float: none !important;
	width: 100% !important;
}
.single.product .data-product .woocommerce-product-gallery img{
	width: 100%;
	object-fit: cover;
}
.single.product .data-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    pointer-events: none;
}
.single.product .data-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
	display: none;
}
.single.product .data-product .list{
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #D1D1D1;
}
.single.product .data-product .list:last-child{
	border-bottom: none;
	padding: 0;
	margin: 0;
}
.single.product .data-product .list .title .icon{
	margin: 0;
}
.single.product .data-product .list .title h3{
	font-size: 18px;
}

.single.product .data-product .list ul{
	margin: 0;
}
.single.product .data-product .list ul li{
	font-weight: 100;
	font-size: 16px;
	/*color: #282B2D;*/
	color: #000000;
}
.single.product .data-product .list ul li span{
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	width: 100%;
	max-width: 100px;
	color: var(--bs-primary);
	font-size: 15px;
	font-weight: 600;
}
.single.product .data-product .list ul li div{
	/*display: inline-block;*/
	vertical-align: top;
}

@media screen and (min-width: 992px){
	.single.product .data-product .list ul li{
		font-size: 18px;
	}
}

.single.product .data-product ul#categories li{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4em;
	color: #666;
}
@media screen and (min-width: 992px){
	.single.product .data-product ul#categories li{
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		font-size: 18px;
	}
	.single.product  #product-54 .data-product ul#categories li{
		width: 100%;
	}
}

.single.product .map{
	background: #000;
}
.single.product .map .title{
	text-align: center;
	padding: 50px 0;
}
.single.product .map .title .icon{
	display: inline-block;
	vertical-align: middle;
	margin: 0 16px 0 0;
	height: 40px;
}
.single.product .map .title .icon img{
	width: auto;
	height: 100%;
}
.single.product .map .title h3{
	display: inline-block;
	vertical-align: middle;
	font-size: 32px;
	line-height: 1.3em;
	margin: 0;
}

.single.product .module{
	padding: 30px 12px;
}

@media screen and (min-width: 992px){
	.single.product .map .title h3{
		font-size: 54px;
	}

	.single.product .module{
		padding: 50px 12px;
	}
}


@media screen and (min-width: 992px){
	.single.product .content .module .data{
		position: relative;
		height: 100%;
	}
	.single.product .content .module .data .btn{
		/*position: absolute;*/
		/*bottom: 0;*/
	}	
}


/* Page > Blog */



/* Single > Blog */

.single.blog{
	
}

.single.blog .title h1{
	font-size: 32px;
	line-height: 40px;
}

.single.blog .tags {
	margin: 40px 0;
    padding: 20px 0;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}
.single.blog .tags ul li{
	display: inline-flex;
	border: solid 1px #ff0000;
	padding: 10px 24px;
	border-radius: 100px;
	margin-right: 15px;
	color: #ff0000;
}
.single.blog .tags ul li:hover {
	background: #ff0000;
	color: #fff;
}

.single.blog .share{
	margin: 15px 0;
}

/*.single.blog article{
	padding: 50px 0;
}*/
.single.blog article .thumbnail{
	margin-bottom: 50px;
}
.single.blog article p{
	font-size: 18px;
	line-height: 28px;
}
.single.blog article a{
	text-decoration: underline;
}

@media screen and (min-width:992px){
	.single.blog .title h1{
		font-size: 42px;
		line-height: 58px;
	}
	.single.blog article p{
		font-size: 21px;
		line-height: 32px;
	}
}


/* Filter */

.filter{
	padding-top: 50px;
}
.filter ul{
	display: flex;
	margin: 0 -5px;
}
.filter ul li{
	margin: 3px 5px;
}
.filter ul li a{
	display: block;
	position: relative;
	border: 1px solid #eee;
	color: #888;
	font-size: 18px;
	padding: 8px 18px;
	border-radius: 50px;
}
.filter ul li a:hover{
	color: #333;
	background: #fff;
	border-color: var(--bs-primary);
}
.filter ul li.active a{
	color: #fff;
	background: var(--bs-primary);
	border-color: var(--bs-primary);
}

/* Feed > Blog */

.feed-blog article{
	background: #fff;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
	border-radius: 15px;
	overflow: hidden;
}
.feed-blog article h2{
	font-size: 24px;
	line-height: 32px;
}
.feed-blog article p{
	font-weight: 400;
}


.feed-blog article .thumbnail{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.feed-blog article .thumbnail .img,
.feed-blog article .thumbnail img{
	width: 100%;
	aspect-ratio: 1.6 / 1;
	object-fit: cover;
	background: #eee no-repeat center;
	background-size: cover;
	transition: 0.3s all;
}

.feed-blog article .data {
	padding: 15px;
}
.feed-blog article .data .meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}
.feed-blog article .data .meta .category {
	text-transform: uppercase;
	background: #eee;
	padding: 5px 15px;
}

@media screen and (min-width: 992px){
	.feed-blog article .data{
		padding: 30px;
	}
}

/* Pagination */

.pagination {
	justify-content: center;
	width: 100%;
	padding: 50px 0;
	text-align: center;
}
.pagination .screen-reader-text {
	display: none;
}
.pagination .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 6px 12px;
	font-size: 13px;
	text-transform: uppercase;
	color: #97D51D;
	text-decoration: underline;
}
.pagination .page-numbers.current {
	font-weight: bold;
}

@media screen and (min-width: 992px) {
	.pagination .page-numbers {
		font-size: 22px;
	}
}

/**/

/*.page .content article table:not(.shop_table){
	width: 100%;
}
.page .content article table:not(.shop_table) tr td{
	width: auto !important;
	border: 2px solid var(--bs-primary);
}*/

/* Store */

.woocommerce-info,
.woocommerce-error,
.woocommerce-message{
	position: relative;
	display: block;
	padding: 15px 20px;
	margin: 0 0 32px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	background: #000;
	list-style: none;
}
.woocommerce-info:before{
	content: none;
}
.woocommerce-info a{
	font-weight: bold;
}


.woocommerce-error{
	background: red;
}

.woocommerce-message {
	background: #68e493;
	text-align: center;
}

.woocommerce-message .button{
	width: 100%;
	box-shadow: none;
	color: #fff;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-weight: 600;
	background: transparent;
}
.woocommerce-message .button:hover,
.woocommerce-message .button:focus,
.woocommerce-message .button:active{
	color: #000;
	background: transparent;
}


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

	.woocommerce-message{
		text-align: left;
	}
	.woocommerce-message .button{
		position: absolute;
		top: calc(50% - 10px);
		right: 25px;
		min-width: 0;
		width: auto;
		box-shadow: none;
		color: #fff;
		height: 20px;
		padding: 0;
		line-height: 20px;
		background: transparent;
	}
}

.list-checks{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;

}
.list-checks li{
	padding: 0 6px;
}
.list-checks li label{
	margin: 0;
}

.form-check{
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
	font-weight: 400;
	font-size: 18px;
	color: #282B2D;
	text-transform: initial;
}
.form-check input{
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}



/* Footer */
.footer {
	position: relative;
	background: #282B2D;
	color: #fff;
}
.footer .logo{
	display: inline-block;
	vertical-align: middle;
	max-width: 126px;
}
.footer .widgets{
	padding: 30px 0;
}

.footer .widgets .menu{
	text-align: center;
	padding: 0 30px;
}
.footer .widgets .menu .icon{
	display: inline-flex;
	align-items: flex-end;
	height: 60px;
	margin-bottom: 12px;
}
.footer .widgets .menu h4{
	font-size: 18px;
	text-transform: uppercase;
}
.footer .widgets .menu ul li a,
.footer .widgets .menu .vias ul li{
	display: block;
	padding: 3px 0;
	font-size: 16px;
	color: #fff;
}
.footer .widgets .menu ul li a:hover{
	color: var(--bs-primary);
}

.footer.footer-2 .widgets .menu ul li a:hover{
	color: var(--bs-white);
}

.footer .menu-inscription{
	display: block;
    padding: 10px 15px;
    margin-left: auto;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background: var(--bs-primary);
    border-radius: 50px;
}
.footer .menu-inscription:hover{
	background-color: #fff;
	color: var(--bs-primary);
}

.footer .menu-user > a{
	padding: 15px;
}

.footer-intro .logo{
	max-width: 300px;
	padding: 0;
}

@media screen and (min-width: 992px){
	.footer .widgets{
		padding: 75px 0;
	}
	.footer .widgets .menu{
		text-align: left;
	}
	.footer .menu-inscription{
		max-width: 300px;
		margin-top: 70px;
	}
}

.footer .copyright{
	position: relative;
	color: #fff;
	padding: 15px 0;
	font-size: 15px;
	text-align: center;
}
.footer .copyright .container{
	position: relative;
}
.footer .copyright .line{
	position: absolute;
	top: -15px;
	left: 0;
}

.footer .copyright .legals{
	margin: 0 0 15px;
	line-height: 1em;
}
.footer .copyright .legals li{
	display: inline-block;
	vertical-align: middle;
}
.footer .copyright .legals li:after{
	display: inline-block;
	vertical-align: middle;
	content: '/';
	margin: 0 2px 0 4px;
}
.footer .copyright .legals li:last-child:after{
	content: none;
}

.footer .socialmedia {
	margin: 0;
}
.footer .socialmedia li{
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
}
.footer .socialmedia li a{
	display: block;
	padding: 0;
	font-size: 24px;
}

.footer .copyright .row{
	align-items: flex-end;
}
.footer .copyright p{
	margin: 0;
	line-height: normal;
}

@media screen and (min-width: 768px){
	/*.footer .widgets{
		padding: 40px 0;
	}*/
	.footer .copyright{
		padding: 30px 0;
		text-align: left;
	}
	.footer .copyright .line{
		top: -30px;
	}
	.footer .copyright .legals{
		margin: 0;
	}
	.footer .socialmedia{
		margin-bottom: 15px;
	}
	.footer .socialmedia li a{
		font-size: 18px;
	}
}

.footer .icon-footer-pe {
    max-width: 70px;
    max-height: 60px;
}

/* Templates */

.error{
	text-align: center;
	padding: 60px 0;
	margin: 0 auto;
}

/* Slider */

.slider{
	position: relative;
}
.slider .arrows a{
	position: absolute;
	top: calc(50% - 30px);
	left: 0;
	width: 30px;
	height: 60px;
	background: #000 url('assets/img/icons/icon-arrow-left.svg') no-repeat center;
	color: #fff;
	line-height: 60px;
}
.slider .arrows a.next{
	left: auto;
	right: 0;
	background-image: url('assets/img/icons/icon-arrow-right.svg');
}
@media screen and (min-width: 992px){
	.slider .arrows a{
		left: -45px;
	}
	.slider .arrows a.next{
		left: auto;
		right: -45px;
	}
}

.slider .dots{
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
}
.slider .dots ul{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slider .dots ul li{
	display: inline-block;
	vertical-align: middle;
	padding: 6px;
}
.slider .dots ul li button{
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    opacity: 0.3;
    background: var(--bs-primary);
    box-shadow: none;
    border-radius: 50%;
    border: 0;
    overflow: hidden;
	appearance: none;
	transition: 0.3s all;
	cursor: pointer;
	-webkit-appearance: none;
}
.slider .dots ul li.slick-active button{
	opacity: 1;
}

/* Share */

.share{
	padding: 15px 0;
	margin: 15px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.share h4 {
	margin: 6px;
	font-size: 16px;
}
.share ul {
	display: flex;
	align-items: center;
	margin: 0;
}
.share ul li{
	margin: 3px;
}
.share ul li a{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	color: #ccc;
	border-radius: 50%;
}
.share ul li a:hover{
	color: var(--bs-primary);
}

@media screen and (min-width: 992px){
	.share{
		display: flex;
		align-items: center;
		margin-top: 100px;
	}
	.share h4{
		margin: 0;
		margin-right: 12px;
	}
	.share ul li a{
		font-size: 24px;
	}
}

/* Modals */

.modal {
	z-index: 999999;
}
.modal-content {
    border-radius: 0;
    border: 0;
}
.modal .btn-close{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #000;
	padding: 10px;
	font-size: 18px;
	margin: 0;
	text-shadow: none;
	transition: 0.3s all;
	z-index: 3;
	filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(1%) hue-rotate(79deg) brightness(101%) contrast(101%);
}
.modal .btn-close .icon-close{
	display: block;
	width: 30px;
	height: 30px;
	background: url('assets/img/icons/arrow-cross.svg') no-repeat center;
}

.modal-body{
	padding: 30px;
}
.modal-header{
	padding: 30px;
	padding-bottom: 15px;
}
#modalLogin .modal-dialog .modal-header .subtitle{
	margin: 0;
	text-transform: uppercase;
	font-size: 14px;
}
#modalLogin .modal-dialog .modal-header h3{
	text-transform: initial;
	margin: 0;
}

@media (min-width: 768px){
	.modal .modal-dialog{
		max-width: 750px;
		height: 100%;
		margin: 0 auto;
	}
}

#modalLogin .modal-dialog .modal-header{
	border-bottom: 0;
}
@media (min-width: 768px){
	#modalLogin .modal-dialog{
		max-width: 600px;
	}
}

/* Modal > Home */

#modalHome .modal-body{
	padding: 30px;
}
#modalHome .modal-body p{
	font-size: 21px;
}
#modalHome form{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
#modalHome form input{
	width: 100%;
	background: #eee;
	color: #000;
	-webkit-appearance: none;
	line-height: 50px;
	padding: 0 15px;
	font-size: 21px;
	border-radius: 50px;
	border: 1px solid #eee;
}
#modalHome form button{
	padding: 5px 20px;
	text-transform: uppercase;
	background: var(--bs-primary);
	color: #fff;
	border: 1px solid var(--bs-primary);
	-webkit-appearance: none;
	cursor: pointer;
	font-size: 21px;
	border-radius: 50px;
	margin-left: 0;
}
#modalHome form button:hover{
	background: #fff;
	color: var(--bs-primary);
}
#modalHome form .invalid-feedback,
#modalHome form .valid-feedback{
	display: block;
	position: absolute;
	bottom: -80px;
	left: 0;
	text-align: center;
	padding: 5px;
}

@media screen and (min-width: 992px){
	#modalHome .modal-body{
		padding: 50px;
	}
	#modalHome .modal-body p{
		font-size: 24px;
	}
}

/**/

.page:not(.single) .table-responsive table{
	min-width: 600px;
	font-size: 16px;
}
.table-responsive table{
	border: 1px solid var(--bs-primary);
}
.table-responsive table td{
	border: 1px solid var(--bs-primary);
}

.list-color-cyan{
	list-style: none
}
.list-color-cyan li{
    position:relative;
}

.list-color-cyan li:after{
	content: '•';
	position: absolute;
	top: -2px;
	left: -20px;
	font-size: 25px;
	color: #00adee;
}

.color-white .list-color-cyan li:after{
	color: var(--bs-white);
}



/* Store > Shop Table */

table.shop_table{
	width: 100%;
}
table.shop_table th{
	padding: 10px 0;
	font-weight: 600;
	font-size: 14px;
	color: #adadad;
	text-transform: uppercase;
	border-top: 1px solid rgba(0,0,0,0.1);
}
table.shop_table td{
	padding: 10px 0;
	font-weight: 400;
	font-size: 16px;
	border-top: 1px solid rgba(0,0,0,0.1);
}
table.shop_table td input[type="checkbox"],
table.shop_table td input[type="radio"]{
	margin-right: 6px;
}

table.shop_table td.product-thumbnail .thumbnail{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 80px;
}
table.shop_table td.product-thumbnail .thumbnail img{
	max-width: 100%;
	height: auto;
}
table.shop_table td.product-thumbnail .thumbnail .remove{
	position: absolute;
	top: -12px;
	right: -12px;
	font-size: 25px;
}
table.shop_table td.product-thumbnail .data-product{
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
}
table.shop_table td.product-thumbnail .data-product .product-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 42px;
}
table.shop_table td.product-thumbnail .data-product .variation {
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-top: -10px;
}
table.shop_table td.product-thumbnail .data-product .variation dd {
	margin: 0 0 0 6px;
}
table.shop_table td.product-quantity input {
	width: 70px;
	text-align: center;
}
table.shop_table tr.order-total td{
	color: var(--bs-primary);
	font-size: 36px;
	font-weight: 300;
}
table.shop_table tr.order-total td strong{
	font-weight: 400;
}

@media screen and (min-width: 992px){
	table.shop_table th{
		font-size: 16px;
	}
	table.shop_table td{
		font-size: 18px;
	}
}

@media screen and (max-width: 767px){
	table.shop_table_responsive thead{
	    display: none;
	}
	table.shop_table_responsive tbody tr:first-child td:first-child{
	    border-top: 0;
	}
	table.shop_table_responsive tbody th{
	    display: none;
	}
	table.shop_table_responsive tr{
	    display: block;
	    border-bottom: 2px solid #eee;
	    border-top: 15px solid #fff;
	}
	table.shop_table_responsive tr td{
	    display: block;
	    border: 0;
	    padding: 5px 0;
	}
	table.shop_table_responsive tr td.product-thumbnail .thumbnail{
		width: 50px;
	}
	table.shop_table_responsive tr td.product-quantity:before,
	table.shop_table_responsive tr td.product-quantity .quantity{
		display: inline-block;
		vertical-align: middle;
	}
	table.shop_table_responsive tr td.product-quantity .quantity input{
		line-height: 32px;
	}

	table.shop_table_responsive tr td.product-remove a{
		display: block;
		padding: 6px 0;
	}
	table.shop_table_responsive tr td .coupon{
		margin: 0 0 24px !important;
	}

	table.shop_table_responsive tr td::before{
	    content: attr(data-title) ": ";
		display: inline-block;
		vertical-align: top;
	    font-weight: 700;
	}
	table.shop_table_responsive tr td.actions::before,
	table.shop_table_responsive tr td.product-thumbnail::before,
	table.shop_table_responsive tr td.product-remove::before{
	    display: none;
	}
}

/**/

.store.account .data-user{
	display: flex;
	align-items: center;
	background: var(--bs-primary);
	color: #fff;
	padding: 50px 0;
	min-height: 250px;
}
.store.account .data-user .title{
	overflow: initial;
}
.store.account .data-user h1{
	margin: 6px 0;
	color: #fff;
	font-size: 52px;
	line-height: 52px;
	font-weight: 600;
	text-transform: initial;
}
.store.account .data-user p{
	margin: 0;
}
.store.account .data-user p a{
	color: inherit;
	text-decoration: underline;
}
.store.account .data-user p a:hover{
}
.store.account .data-user .subtitle{
	color: #282B2D;
	font-size: 16px;
	text-transform: uppercase;
}
.store.account .data-user .id{
	color: #282B2D;
	font-size: 30px;
}

.store.account .tab_menu{
	width: 100%;
	margin: 0;
	white-space: nowrap;
	overflow: auto;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.store.account .tab_menu li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 -1px;
}
.store.account .tab_menu li a{
	position: relative;
	display: block;
	padding: 15px 0;
	margin: 0 15px;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
.store.account .tab_menu li a:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: #000;
	transition: 0.3s all;
}
.store.account .tab_menu li.is-active a,
.store.account .tab_menu li.active a{
	color: #000;
	font-weight: 600;
}
.store.account .tab_menu li.is-active a:after,
.store.account .tab_menu li.active a:after,
.store.account .tab_menu li a:hover:after{
	left: 0;
	width: 100%;
}


@media screen and (min-width: 992px){
	.store.account .tab_menu li a{
		padding: 20px 0;
		margin: 0 25px;
	}
}

.store.account .dashboard-menu{
	justify-content: center;
}
.store.account .dashboard-menu article{
	position: relative;
	padding: 15px;
	padding-left: 90px;
	color: #231F20;
	background: #FFFFFF;
	border-radius: 0;
	box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.07);
}
.store.account .dashboard-menu article .icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.store.account .dashboard-menu article .icon i{
	width: 32px;
	height: 32px;
	background: #eee;
}

.store.account .dashboard-menu article h2{
	margin: 0;
	font-size: 21px;
	font-weight: 600;
	padding: 10px 0;
	border-bottom: 1px solid #E7E7E7;
}
.store.account .dashboard-menu article ul{
	margin: 0;
}
.store.account .dashboard-menu article ul li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}
.store.account .dashboard-menu article ul li:after{
	content: '';
	position: absolute;
	top: calc(50% - 6px);
	right: 0;
	width: 1px;
	height: 12px;
	background: #000;
}
.store.account .dashboard-menu article ul li:last-child,
.store.account .dashboard-menu article ul li:last-child a{
	margin: 0;
}
.store.account .dashboard-menu article ul li:last-child:after{
	content: none;
}
.store.account .dashboard-menu article ul li a{
	display: block;
	padding: 6px;
	margin-right: 12px;
	font-size: 15px;
}

@media screen and (min-width: 992px){
	.store.account .dashboard-menu article{
		padding: 25px;
		padding-left: 100px;
	}
}


/* Pages > Register */

.page.inscription .thanks{
	height: calc(100vh - 100px);
	display: flex;
	align-items: center;
	justify-items: center;
}
.page.inscription .subtitle{
	text-transform: uppercase;
}
.page.inscription .step_progress{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style: none;
}
.page.inscription .step_progress:after{
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--bs-primary);
}
.page.inscription .step_progress li a{
	display: block;
	position: relative;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #fff;
	color: var(--bs-primary);
	text-align: center;
	line-height: 45px;
	font-size: 28px;
	box-shadow: 0 0 0 2px var(--bs-primary);
	overflow: hidden;
	z-index: 2;
}
.page.inscription .step_progress li a[href="#"]{
	cursor: default;
}
.page.inscription .step_progress li.active a{
	color: #fff;
	background: var(--bs-primary);
}

@media screen and (min-width: 768px){
	.page.inscription .step_progress li a{
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 42px;
	}
}

.page.inscription .step_title{
	margin: 25px 0;
}
.page.inscription .step_title h2{
	margin-bottom: 32px;
	font-size: 34px;
	line-height: 36px;
	font-weight: 100;
	text-transform: uppercase;
}
.page.inscription .step_title h2 b{
	font-weight: 600;
}

@media screen and (min-width: 768px){
	.page.inscription .step_title{
		margin: 50px 0;
	}
	.page.inscription .step_title h2{
		font-size: 54px;
		line-height: 54px;
	}
}


.page.inscription .steps .step{

}
.page.inscription .steps .step:not(.active){
	display: none;
}
.page.inscription .steps .step .buttons{
	display: flex;
	flex-wrap: nowrap;
}
.page.inscription .steps .step .buttons a{
	display: block;
	width: 100%;
}
.page.inscription .steps .step .buttons a:not(:last-child){
	margin-right: 15px;
}


.page.inscription .step_process{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	position: relative;
	margin-top: 50px;
	list-style: none;
}
.page.inscription .step_process:not(.active){
	display: none;;
}
.page.inscription .step_process:after{
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--bs-primary);
}

.page.inscription .step_process li a,
.page.inscription .step_process li button{
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	padding: 0;
	background: #fff;
	color: var(--bs-primary);
	text-align: center;
	line-height: 50px;
	font-size: 32px;
	font-weight: 400;
	border: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--bs-primary);
	appearance: none;
	-webkit-appearance: none;
	transition: 0.3s all;
	z-index: 3;
}

.page.inscription .step_process li a span,
.page.inscription .step_process li button span{
	position: absolute;
	left: calc(50% - 50px);
	bottom: -50px;
	width: 100px;
	color: var(--bs-primary);
	font-size: 13px;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
}

.page.inscription .step_process li.inactive a,
.page.inscription .step_process li.inactive a:hover,
.page.inscription .step_process li.inactive a:focus,
.page.inscription .step_process li.inactive button,
.page.inscription .step_process li.inactive button:hover,
.page.inscription .step_process li.inactive button:focus{
	box-shadow: 0 0 0 2px #d3d3d3;
	background: #fff;
	color: #d3d3d3;
}
.page.inscription .step_process li.inactive a span,
.page.inscription .step_process li.inactive button span{
	color: #d3d3d3;
}

.page.inscription .step_process li.inactive a:hover,
.page.inscription .step_process li.inactive a:focus,
.page.inscription .step_process li.inactive button:hover,
.page.inscription .step_process li.inactive button:focus{
	background: #d3d3d3;
	color: #fff;
}
.page.inscription .step_process li.inactive a:hover span,
.page.inscription .step_process li.inactive button:focus span{
	color: #d3d3d3;
}

.page.inscription .step_process li.inactive:after{
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 50%;
	height: 2px;
	background: #d3d3d3;
	z-index: 2;
}

.page.inscription .step_process li.hidden a,
.page.inscription .step_process li.hidden button{
	opacity: 0;
}
.page.inscription .step_process li.hidden:after{
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 50%;
	height: 2px;
	background: #fff;
	z-index: 2;
}

.page.inscription .step_process li.bike:after{
	content: '';
	position: absolute;
	bottom: calc(50% - 1px);
	right: 16px;
	width: 50%;
	height: 60px;
	background: url('assets/img/icons/icon-bike.svg') no-repeat center;
	background-size: 60px;
	z-index: 2;
}

.page.inscription .step_process li.active a,
.page.inscription .step_process li.active button,
.page.inscription .step_process li a:hover,
.page.inscription .step_process li a:focus,
.page.inscription .step_process li button:hover,
.page.inscription .step_process li button:focus{
	color: #fff;
	background: var(--bs-primary);
}

.page.checkout .step_process:after{
	content: none;
}
.page.checkout .step_process li.active button{
    padding: 0 80px;
    width: auto;
    border-radius: 35px;
    font-size: 18px;
}
.page.checkout .step_process li.hidden:after{
	left: auto;
	right: 0;
}

@media screen and (min-width: 992px){
	.page.inscription .step_process li a,
	.page.inscription .step_process li button{
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 42px;
	}
	.page.inscription .step_process li.bike:after{
		background-size: auto;
	}
	.page.inscription .step_process li a span,
	.page.inscription .step_process li button span{
		font-size: 15px;
	}

	.page.checkout .step_process li.active button{
		font-size: 24px;
		font-weight: bold;
	}
}



.woocommerce form .form-row{
	display: block;
	margin-left: 0;
	margin-right: 0;
}
.woocommerce form .form-row .required{
	text-decoration: none;
	cursor: default;
}
.woocommerce form .form-row .screen-reader-text{
	position: relative!important;
	clip: unset;
	height: auto;
	width: auto;
	margin: 0;
	overflow: auto;
	clip-path: none;
}
/* Select 2 */

.select2-container--default .select2-selection--single{
	height: 42px !important;
	margin: 0 !important;
	border-color: #dee2e6 !important;
	border-radius: 0.375rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 40px !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


.input-text{
	width: 100%;
	background: #fff;
	color: #252529;
	min-height: 42px;
	border: 1px solid #dee2e6;
	padding: 0 10px;
	border-radius: 0.375rem;
}


/* End date picker */

.woocommerce-terms-and-conditions-checkbox-text a:hover{
	color: #555;
}

.iti{
	width: 100%;
}

/* Whatsapp */

.btn-whatsapp{
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    transition: 0.3s all;
    z-index: 9999;
}
.btn-whatsapp:hover{
    background: #fff;
    color: #25D366;
}

@media screen and (min-width:768px){
	.btn-whatsapp{
	    width: 70px;
	    height: 70px;
	    line-height: 70px;
	    font-size: 40px;
	}

	.btn-whatsapp.footer-visible {
	  bottom: 120px; /* ajusta según tu footer */
	}
}

.btn-return{
	font-size: 12px;
    padding: 0 15px;
    line-height: 2;
    background-color: #00adee;
    border-color: #00adee;
}

@media screen and (max-width:992px){
	.btn-return{
		font-size: 10px;
	    padding: 0 10px;
	}	
}

.btn-return:hover{
    color: #00adee;
}

.btn-return:hover{
	background-color: var(--bs-white);
	border-color: var(--bs-white);
	border-radius: 50px;
}


.post-17561{
	display: none;
}

.section.sponsors .logo img, .module-sponsors .logo img{
	height: 150px;
    object-fit: contain;
}

.module-sponsors .type {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.content-results{
	background: #282B2D;
    color: #fff;
}

.home .cards article{
	margin: 70px 0;
}

.home .cards article h4{
	padding-top: 70px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 900;
	color: var(--bs-white);
}

.home .cards article p{
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--bs-white);
}

/*.home .cards article p a{
	color: var(--bs-primary);
}*/

.home .cards article h4:after {
    width: 40px;
    height: 1px;
    display: block;
    content: "";
    position: relative;
    margin-top: 25px;
    left: 50%;
    margin-left: -20px;
    background-color: #c0c0c0;
}

.home .cards article .title{
	overflow: visible;
}

.home .cards .item-1.divider,
.home .cards .item-4.divider{
	border-left: 1px solid #dcdcdc;
}

/*.home .cards .divider:hover{
	border-color: #212629;
	border-left: 1px solid #212629;
}*/

.home .cards .divider{
	border-right: 5px solid var(--bs-white);
    border-top: 5px solid var(--bs-white);
    border-bottom: 5px solid var(--bs-white);
    background-color: var(--bs-primary);
}

.home .cards .iconColor {
    color: var(--bs-white);
}

.home .cards .icon {
    position: relative;
    top: 0;
    transition: all 0.25s ease-in-out;
}

.home .cards .divider:hover .icon {
	top: -25px;
}

.home .cards .divider .data {
	position: relative;
	transition: all 0.25s ease-in-out;
	bottom: 0;
	top: auto;
}

.home .cards .divider:hover .data {
	bottom: -25px;
}

@media (max-width: 992px){

	.home .cards article{
		margin: 40px 0;
	}

	.home .cards article h4{
		padding-top: 30px;
	}

}



.page.internal .section.content table td{
	border-width: 1px;
    padding: 10px;
}

.password-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.toggle-password {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    color: #757575;
    font-size: 20px;
    z-index: 9999;
}

.toggle-password:hover {
    color: #0073aa;
}

.fas {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

#user_password.form-control.is-invalid,
#user_password_confirm.form-control.is-invalid {
    background: none;
}

.first-gallery .swiper .slide img,
.second-gallery .swiper .slide img{
	aspect-ratio: 13 / 10;
	object-fit: cover;
	border-radius: 15px;
}

@media screen and (min-width:992px){

	.first-gallery .swiper .slide img,
	.second-gallery .swiper .slide img{
		max-height: 320px;
	}

}

.second-gallery .swiper {
  direction: rtl;
}

.second-gallery .swiper-slide {
  direction: ltr;
}

.first-gallery .swiper-wrapper,
.second-gallery .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* Components > Slider > Swiper */

 .swiper-pagination {
	bottom: 0;
}
 .swiper-pagination-bullet{
 	width: 10px;
 	height: 10px;
	background: var(--bs-light);
	opacity: 1;
	outline: 1px solid transparent;
	outline-offset: 2px;
	transition: outline-color 0.3s ease, outline-offset 0.3s ease;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	outline-color: var(--bs-light);
	outline-offset: 5px;
}

.swiper-button-next,
.swiper-button-prev{
	position: absolute;
	width: 45px;
	height: 45px;
    color: transparent;
    background-image: url('assets/img/icons/icon-arrow-prev.svg');
    background-repeat: no-repeat;
    background-position: center;
   	background-size: contain;
}
.circle.swiper-button-next,
.circle.swiper-button-prev{
	border: 1px solid var(--bs-dark);
	border-radius: 50%;
}
.swiper-button-next { background-image: url('assets/img/icons/icon-arrow-next.svg'); }

.swiper-button-prev:after,
.swiper-button-next:after{
	content: none;
}

.swiper-pagination.vertical{
	left: 20px;
	width: auto;
	height: fit-content;
    right: auto;
    top: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dynamic-svg {
    color: var(--bs-primary);
}

.dynamic-svg svg {
    max-width: 100%;
    height: auto;
    filter: brightness(0) invert(1);
}

/* Components > Video Player */

.video-player{
	position: relative;
	width: 100%;
	padding: 25% 0;
	background: #000 no-repeat center;
	background-size: cover;
	border-radius: 15px;
}
.video-player .play{
	display: none;
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	background: var(--bs-primary);
	color: #fff;
	border-radius: 50%;
	transition: 0.3s all;
	cursor: pointer;
}
.video-player.active .play,
.video-player:hover .play{
	background: var(--bs-primary);
	color: #fff;
}
.video-player .play:hover{
	transform: scale(1.1);
}
.video-player .play i{
	margin-left: 4px;
}

.video-player.allowed{
	cursor: pointer;
}
.video-player.allowed .play{
	display: block;
}
/*@media screen and (min-width: 1200px){

	.video-player .play{
		top: calc(50% - 28px);
		left: calc(50% - 28px);
		width: 56px;
		height: 56px;
		font-size: 24px;
		line-height: 58px;
	}
	.video-player .play i{
		margin-left: 5px;
	}
}*/