/*
	=================================================================================
	POWERED BY MYFOCUS SYSTEMS | www.myfocus.es
	=================================================================================
*/
	
	/*
		=================================================================================
		ELEMENTOS GENERALES
		=================================================================================
	*/
		body {
			font-size: 16px;
			font-family: 'Roboto', sans-serif;
			line-height: 1.5;
			color: #555;
			background: #fff;
		}
		body.mobile,
		body.navxs {
			padding-top: 60px;
		}

		a {
			color: #3498db;
			text-decoration: none;
		}
		a:hover, a:focus {
			color: #222;
		}

		/*input, select, textarea { -webkit-appearance: none; }*/
		input, select, textarea { background: #fff; }
		:active, :focus { outline: none !important; box-shadow:none !important; }

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

		.visible { display: block !important; }
		.hidden { display: none !important; }

		input:focus::-webkit-input-placeholder { color:transparent; }
		input:focus:-moz-placeholder { color:transparent; }
		input:focus::-moz-placeholder { color:transparent; }
		input:focus:-ms-input-placeholder { color:transparent; }




	/*
		=================================================================================
		ELEMENTOS PRINCIPALES
		=================================================================================
	*/
		.loader {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 999999;
			line-height: 100%;
			text-align: center;
			background: rgba(255,255,255,0.95);
			pointer-events: none;
		}
			.loading {
				width: 100%;
				position: absolute;
				top: 50%;
				margin-top: -24px;
			}

		.noscroll {
			overflow: hidden;
		}

		#main {
			background: #fff;
		}


		.container {
			width: 100%;
		}

		.container-slim {
			max-width: 1240px;
		}

		.main-container {
			margin: 0 auto;
		}

		@media screen and (min-width: 1921px) {
			.main-container {
				max-width: 1920px;
				padding: 0 50px;
			}
		}
		@media screen and (max-width: 1920px) {
			.main-container {
				padding: 0 50px;
			}
		}
		@media screen and (max-width: 1679px) {
			.main-container {
				padding: 0 30px;
			}
		}
		@media screen and (max-width: 1023px) {
			.main-container {
				padding: 0 15px;
			}
		}

		@media screen and (max-width: 767px) {
			.main-container {
				padding: 0;
			}
		}





/*
	=================================================================================
	FORMULARIOS
	=================================================================================
*/

	.form-myfocus {
		font-size: 16px;
	}

	.form-myfocus input,
	.form-myfocus select,
	.form-myfocus textarea {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
		font-size: 16px;
		font-weight: normal;
		display: block;
		box-sizing: border-box;
		height: 41px;
		width: 100%;
		padding: 6px 12px;
		font-family: inherit;
		line-height: 1.42857143;
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	
	/*.form-myfocus input#legal_condition,
	.form-myfocus input#newsletter_legal_condition*/
	.form-myfocus input[type=checkbox],
	.form-myfocus input[type=radio] {
		width: 35px;
		height: 35px;
	}
		
	.form-myfocus textarea {
		height: auto;
	}
	.form-myfocus [class^='col-'],
	.form-myfocus [class*=' col-'] {
		margin-bottom: 15px;
	}

	.form-myfocus input:active,
	.form-myfocus input:focus,
	.form-myfocus select:active,
	.form-myfocus select:focus,
	.form-myfocus textarea:active,
	.form-myfocus textarea:focus {
		border-color: #999;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.form-myfocus label {
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #555;
		margin-bottom: 5px;
		cursor: pointer;
		max-width: 100%;
	}

	.form-myfocus option {
		font-size: 16px;
	}

	.form-myfocus select {
		cursor: pointer;
	}

	.form-ok {
		display: none;
	}


	/* 
		FORMULARIOS > CONTROL DE ERRORES
	*/
		.form-myfocus .has-error, .form-myfocus .checkbox.has-error label::before {
			border: 2px solid #ea6153 !important;
		}
		.form-myfocus .checkbox.has-error {
			border: 0 !important;
		}

		.form-myfocus .has-error.checkbox label {
			color: inherit;
		}
		.g-recaptcha {
			height: 78px;
			margin-bottom: 45px;
		}
			.g-recaptcha div {
				margin: 0 auto;
			}
				.g-recaptcha div div.has-error {
					border: 1px solid red !important;
					-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
					padding: 0;
					margin: 0;
					line-height: 0;
				}
			.g-recaptcha .error {
				display: block;
				text-align: center;
			}

		.form-myfocus .alert {
			margin: 0;
			padding: 15px 0 0 0;
			color: #e74c3c;
			display: none;
		}
		.form-ok,
		.form-ko {
			display: none;
		}
		.sended .form-ok.sended,
		.error  .form-ko.error {
			display: block;
		}
		.sended .hidder {
			display: none;
		}


/*
	=================================================================================
	BOTONES
	=================================================================================
*/
	.button {
		display: inline-block;
		position: relative;
		cursor: pointer;
		outline: none;
		white-space: nowrap;
		padding: 8px 22px;
		font-size: 14px;
		line-height: 21px;
		font-weight: 600;
		color: #333;
		background-color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		/*border: 2px solid #ccc;*/
		border: 1px solid #9d9d9d;
		text-shadow: none;
		/*-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;*/
		-webkit-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		transition: all .2s ease-in;
	}
		.button:hover {
			color: #333;
			background-color: #e6e6e6;
			border-color: #adadad;
		}

	.button_dark,
	.button_dark:focus {
		background-color: #444;
		color: #fff;
		border-color: #444;
	}
		.button_dark:hover {
			background-color: #ccc;
			color: #444;
			border-color: #adadad;
		}
		.button_dark:active {
			background-color: #aaa;
			color: #444;
		}


	.button_default,
	.button_default:focus {
		color: #fff;
		background-color: #21438e;
		border-color: #21438e;
	}
		.button_default:hover {
			color: #fff;
			background-color: #222222;
			border-color: #222222;
		}

	.button_default2,
	.button_default2:focus {
		color: #fff;
		background-color: #222222;
		border-color: #222222;
	}
		.button_default2:hover {
			color: #fff;
			background-color: #21438e;
			border-color: #21438e;
		}		

	.button_green,
	.button_green:focus {
		color: #fff;
		background-color: #1abc9c;
		border-color: #1abc9c;
	}
		.button_green:hover {
			color: #fff;
			background-color: #00ad8e;
			border-color: #00ad8e;
		}

	.button_left {
		float: left;
	}
	.button_right {
		float: right;
	}

	.button_text {
		margin: 0;
		padding: 0;
		border: 0;
		background: 0;
		color: #545454;
	}
	.button_text:hover {
		color: #000;
	}

@media only screen and (max-width : 480px) {

	.button_block {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

}





/*
	=================================================================================
	CABECERAS
	=================================================================================
*/

	.header-center h1 {
		color: #333;
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 48px;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
	}
	p.header-center-emphasis,
	.header-center .emphasis {
		color: #777;;
		font-size: 24px;
		line-height: 36px;
		text-align: center;
		margin-bottom: 30px;
	}
	p.header-center-emphasis:after,
	.header-center .emphasis:after {
		margin: 30px auto 30px;
		content: "";
		display: block;
		margin-top: 30px;
		width: 50px;
		border-top: 2px solid #444;
	}

	@media screen and (max-width: 991px) {

		.header-center h1 {
			font-size: 28px;
			line-height: 44px;
			margin: 0;
		}

			p.header-center-emphasis,
			.header-center .emphasis {
				font-size: 20px;
				line-height: 30px;
			}

			p.header-center-emphasis:after,
			.header-center .emphasis:after {
				margin: 28px auto 28px;
				margin-top: 28px;
			}

	}


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

			.header-center h1 {
				font-size: 26px;
				line-height: 42px;
			}

			p.header-center-emphasis,
			.header-center .emphasis {
				font-size: 18px;
				line-height: 28px;
			}

			p.header-center-emphasis:after,
			.header-center .emphasis:after {
				margin: 26px auto 26px;
				margin-top: 26px;
			}

	}























































/*
	=================================================================================
	BELOW THE FOLD
	=================================================================================
*/

#debug {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #545454;
	z-index: 9999;
	background: #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	border-top: 1px solid red;
	-webkit-transform: translateZ(0); /* Importante! Fix para Chrome http://stackoverflow.com/questions/24656868/position-fixed-element-flashing-in-chrome-when-scrolling */
}


.newsletter {
	background: #dcdcdc;
	/*background: #e4fb89;*/
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}



footer {
	padding: 40px 0;
	/*border-top: 1px solid #eee;*/
	text-align: center;
}

footer h4 {
	text-transform: uppercase;
	font-size: 17px;
	color: #191919;
}
footer ul {
	list-style: none;
	padding: 0 0 20px 0;
}
	footer .links li {
		padding-right: 0;
	}
	footer .links a {
		color: #191919;
		display: block;
	}
		footer .links a:hover {
			color: #3498db;
		}
	footer .social {
		border-top: 1px solid #191919;
		margin-top: 25px;
	}
	footer .social-icons {
    background: #fff;
    top: -25px;
    position: relative;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
	}
	/*footer .social-icons li {
		padding-right: 0;
	}*/



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

	#footer .links {
		width: 33.3%;
	}
	#footer .social {
		width: 100%;
	}

	#footer .social h4 {
		display: none;
	}
	#footer .social ul {
		text-align: center;
	}

}

@media only screen and (max-width : 767px) {

	#footer #copyrights .col-sm-6 {
		text-align: center;
	}

}

@media only screen and (max-width : 630px) {

	
		#footer .links {
			width: 100%;
		}
		#footer .links a:before {
			display: none;
		}

}

@media only screen and (max-width: 480px)  {
	
	footer .links li {
		margin-bottom: 5px;
	}

}






	/*
		FOOTER > ICONOS REDES SOCIALES
	*/

	.social-icons .icons {
		display: inline-block;
		width: 43px;
		height: 43px;
		font-size: 1.3em;
		line-height: 40px;
		text-align: center;
		color: #FFF;
		border: 2px solid transparent;
		border-radius: 50%;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
		background: #191919;
	}
	.social-icons .icons:hover,
	.social-icons .icons:active {
		border: 2px solid rgba(0,0,0,0.8);
		background: rgba(0,0,0,0.8);
	}
		


	/*
		VÍDEOS
	*/
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px; height: 0; overflow: hidden;
	}
	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

	/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {
			
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {

	}

	
	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		.text-xs-center {
			text-align: center !important;
		}
	}





	/*
		TABLE FORCED
	*/
				
		/* http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height */
		.table-forced .inside {
			margin-top: 20px;
			margin-bottom: 20px;
			background: #ededed;
			background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
			background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
			background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
		}
		.table-forced .inside-full-height {
			height: 100%;
			margin-top: 0;
			margin-bottom: 0;
			min-height: 580px;
    	max-height: initial; /*645px;*/
		}		
		.table-forced .row-height {
			display: table;
			table-layout: fixed;
			height: 100%;
			width: 100%;
		}
		.table-forced .col-height {
			display: table-cell;
			float: none;
			height: 100%;
		}
		.table-forced .col-top {
			vertical-align: top;
		}
		.table-forced .col-middle {
			vertical-align: middle;
		}
		.table-forced .col-bottom {
			vertical-align: bottom;
		}

		@media (min-width: 480px) {
			.table-forced .row-xs-height {
				display: table;
				table-layout: fixed;
				height: 100%;
				width: 100%;
			}
			.table-forced .col-xs-height {
				display: table-cell;
				float: none;
				height: 100%;
			}
			.table-forced .col-xs-top {
				vertical-align: top;
			}
			.table-forced .col-xs-middle {
				vertical-align: middle;
			}
			.table-forced .col-xs-bottom {
				vertical-align: bottom;
			}			
		}

		@media (min-width: 768px) {
			.table-forced .inside-full-height { height:100vh; }
			.table-forced .row-sm-height {
				display: table;
				table-layout: fixed;
				height: 100;
				width: 100%;
			}
			.table-forced .col-sm-height {
				display: table-cell;
				float: none;
				height: 100%;
			}
			.table-forced .col-sm-top {
				vertical-align: top;
			}
			.table-forced .col-sm-middle {
				vertical-align: middle;
			}
			.table-forced .col-sm-bottom {
				vertical-align: bottom;
			}
		}

		@media (min-width: 992px) {
			.table-forced .inside-full-height { max-height: 720px; }			
			.table-forced .row-md-height {
				display: table;
				table-layout: fixed;
				height: 100%;
				width: 100%;
			}
			.table-forced .col-md-height {
				display: table-cell;
				float: none;
				height: 100%;
			}
			.table-forced .col-md-top {
				vertical-align: top;
			}
			.table-forced .col-md-middle {
				vertical-align: middle;
			}
			.table-forced .col-md-bottom {
				vertical-align: bottom;
			}
		}

		@media (min-width: 1200px) {
			.table-forced .inside-full-height { max-height: 645px; }
			.table-forced .row-lg-height {
				display: table;
				table-layout: fixed;
				height: 100%;
				width: 100%;
			}
			.table-forced .col-lg-height {
				display: table-cell;
				float: none;
				height: 100%;
			}
			.table-forced .col-lg-top {
				vertical-align: top;
			}
			.table-forced .col-lg-middle {
				vertical-align: middle;
			}
			.table-forced .col-lg-bottom {
				vertical-align: bottom;
			}
		}







































/*
	=================================================================================
	ADJUNTAR EN CSS EXTERNO
	=================================================================================
*/

	/*
		=================================================================================
		SPONSORIZED
		=================================================================================
	*/
	#newsletter .checkbox label {
		font-size: 13px;
		line-height: 22px;
	}
	#newsletter .checkbox label::after {
		padding-top: 0;
	}
	#newsletter label.button_radio {
		text-align: center;
		color: #fff;
	}
	#newsletter input[name="newsletter_genre"]{
		display: none;
	}




	/*
		=================================================================================
		SPONSORIZED
		=================================================================================
	*/
	.sponsor_list {
		margin-top: 40px;
	}
	.sponsorized {
		text-align: center;
	}
		.sponsorized a {
			color: #545454;
			display: block;
			min-width: 45px;
			min-height: 45px;
		}
			.sponsorized a:hover {
				color: #3498db;
			}
		.sponsorized h2 {
			text-transform: uppercase;
			text-align: center;
			font-size: 15px;
			padding: 7px;
			margin: 0;
			height: 80px;
			overflow: hidden;
		}
		.sponsorized img {
			border: 2px solid #eee;
			max-width: 100%;
			max-height: 100%;
				-webkit-transition: all 200ms ease;
			-moz-transition: all 200ms ease;
			-o-transition: all 200ms ease;
			transition: all 200ms ease;
				-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			padding: 10px;
			height: 200px;
			width:200px;
		}
			.sponsorized:hover img {
				border-color: #ccc;
				-webkit-box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.2);
				box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.2);
			}

		.button_sponsor_filter {
			border-width: 2px;
			border-left-width: 1px;
			line-height: 25px;
			font-weight: 600;
			padding-left: 20px;
			padding-right: 20px;
		}


	.no_result {
		 margin: 100px auto;
		 text-align: center;
	}


	@media screen and (max-width: 991px) {

			.sponsorized img {
				height: 196px;
				width: 196px;
			}

	}

	@media screen and (max-width: 767px) {

			.sponsorized img {
				height: 110px;
				width: 110px;
			}

	}

	@media screen and (max-width: 480px) {

			.sponsorized img {
				height: auto;
				width: 90px;
			}

	}




	/*
		=================================================================================
		SPONSOR SINGLE
		=================================================================================
	*/
	.sponsor_single img {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		display: inline;
	}
		.sponsor_single .main {
			text-align: center;
		}
			@media screen and (min-width: 1200px) {
				.sponsor_single .main {
					text-align: right;
				}
			}

	.sponsor_single .trophies {
		line-height: 30px;
	}


	/*
		=================================================================================
		SPONSOR SPECIAL
		=================================================================================
	*/
	.sponsor-special {
			padding-bottom: 50px;
		}
		.sponsor-special .fila1 {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+10,000000+100&0+0,0.1+100 */
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 10%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 10%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 10%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
		}
	
		.sponsor-special .background-image {
			background-position: top center;
		}
		.sponsor-special .fila1 {
			overflow: hidden;
		}
			.sponsor-special .fila1 .main_info {
				padding: 30px 0;
			}
			.sponsor-special .fila1 h1 {
				font-weight: 600;
				text-transform: uppercase;
				font-size: 20px;
				color: #333;
			}
			.sponsor-special .fila1 h2 {
				text-align: center;
				font-size: 16px;
				font-weight: 600;
				line-height: 22px;
				color: #444;
				margin-bottom: 30px;
				text-transform: none;
				padding: 0 30px;
			}
			.sponsor-special .fila1 .header-img {
				position: relative;
			}
			.sponsor-special .fila1 .header-img img {
				max-width: 100%;
			}
			.sponsor-special .fila1 .social-icons {
				margin-bottom: 40px;
			}
		
		.sponsor-special .fila2 {
				padding: 40px 0;
				/*overflow: hidden;*/
		}

		.sponsor-special .fila3 {
			background: #f7f7f7;
			overflow: hidden;
			padding: 0;
		}
			.sponsor-special .fila3 .container-fluid,
			.sponsor-special .fila3 [class^='col-'],
			.sponsor-special .fila3 [class*=' col-'] {
				padding-left: 0;
				padding-right: 0;
			}
			.sponsor-special .fila3 h2 {
				text-transform: uppercase;
				font-size: 28px;
				font-weight: 600;
				color: #333;
			}
			.sponsor-special .fila3 .description {
				padding: 40px;
			}

		.sponsor-special .video {
			padding-top: 50px;
			overflow: hidden;
		}

		.sponsor-special .fila4 {
			padding-top: 50px;
			overflow: hidden;
			min-height: 300px;
		}


		.sponsor-special .description p {
			line-height: 26px;
			font-weight: 600;
		}

		.sponsor-special .jomaworld .news {
			margin: 0;
		}

		.col-sponsor-img {
			height: 100%;
			min-height:400px;
		}
		.col-sponsor-img .background-image {
			background-size: cover !important;
			height:100%;
			min-height: 400px;
			margin: 0;
		}
		

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

			.sponsor-special .fila1 {
				min-height: 300px;
			}
				.sponsor-special .fila1 .main_info {
					padding: 30px 0;
				}
				.sponsor-special .fila1 .social-icons {
					margin-bottom: 0;
				}

			.sponsor-special .fila1 .header-img img {
				position: absolute;
				max-width: none;
			}
			.sponsor-special .fila1 h1 {
				font-size: 28px;
			}
			.sponsor-special .fila1 h2 {
				font-size: 16px;
    		line-height: 22px;
			}	
			.sponsor-special .fila3 .description {
				padding: 40px 80px 40px 30px;
				max-width: 645px;
			}

			.sponsor-special .background-image {
				background-size: cover;
				background-repeat: no-repeat;
				/*background-position: center center;*/
			}

		}

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

			.sponsor-special .fila1 h2 {
				font-size: 17px;
				line-height: 26px;
			}

			.sponsor-special .fila1 .main_info {
				padding: 50px 0;
			}

			.sponsor-special .table-forced .row-height {
				min-height: 500px;
			}

			.sponsor-special .fila1 {
				min-height: 500px;
			}

		}

		@media screen and (max-width: 1199px) {
			.col-sponsor-img {
				height: auto;
			}
			.col-sponsor-img .background-image {
				height:initial;
				min-height: 600px;				
			}
			.fila3 .row-height > div {
				display: block !important;
				float: left !important;
				width: 100%;
			}
		}

		@media screen and (max-width: 767px) {
			.col-sponsor-img .background-image {
				height:initial;
				min-height: 400px;				
			}
		}


	/*
		=================================================================================
		SPONSOR SPECIAL - SECCIÓN PRÓXIMO LANZAMIENTO
		=================================================================================
	*/

	div.launch_countdown{
			position: absolute;
			background-image: url(http://tj.polarik.com/ka/apps/joma_com_media/assets/sponsor/countdown-min2.jpg);
			background-size: cover;
	    width:512px;
	    height: 187px;
	    top: 300px;	    
	    color: #555;
	    font-weight: 600;	    
		}
			div.launch_countdown>h3{
				padding:  5px;
				color: #042584;
				font-size: 24px;
				font-weight: 400;
				margin: 1px 0;
				padding:10px;
				text-align: center;
			}		
			div.launch_countdown>span{
				display: block;
				margin-top:-12px;
				font-size: 16px;				
				padding-left: 50px;				
			}	
			div.launch_countdown>span>div{
				display: inline-block;
		    color: #042584;
		    margin-top: 0px;		    
		    font-size: 16px;
		    width: 84px;
		    text-align: center;
		    margin: 0 21px 0 0;
			}	
			div.launch_countdown .bevel{
				position: absolute;
		    height: 187px;		    
		    width: 512px;
		    top: 0px;
		    opacity: 0.7;
		    background-image: url(http://tj.polarik.com/ka/apps/joma_com_media/assets/sponsor/countdown-bevel.gif);
			}
			
		#launch_countdown{			
			word-spacing: 47px;
    	padding: 0;
    	font-size: 48px;
    	text-align: center;
    	color: white;
    	text-shadow: 2px 2px 1px rgba(0,0,0,0.75);
		}	

		@media screen and (max-width: 1200px){
			div.launch_countdown{
				background-image: url(http://tj.polarik.com/ka/apps/joma_com_media/assets/sponsor/countdown-xs-min.jpg);
				background-size: cover;
	    	width:286px;
	    	height: 104px;
			}
				div.launch_countdown>h3{
					font-size: 15px;
					padding: 0;
					margin: 12px 0;
				}

				div.launch_countdown>span{
					margin-top: -33px;
    			font-size: 13px;
					padding-left: 27px;				
				}	
					div.launch_countdown>span>div{
						margin-top: 0px;
    				font-size: 13px;
    				font-weight: 400;
    				width: 48px;
    				margin: 0 9px 0 0;
					}	

				div.launch_countdown .bevel{
					height: 104px;		    
			    width: 286px;
			    top: 0px;
			    opacity: 0.6;		
			    background-image: url(http://tj.polarik.com/ka/apps/joma_com_media/assets/sponsor/countdown-xs-bevel.gif);	    
				}	

			#launch_countdown{
				margin-top:-3px;
				word-spacing: 19px;    		
    		font-size: 32px;
    		text-shadow: 1px 1px 1px #000;
			}

		}

		@media screen and (max-width: 767px){
			div.launch_countdown{
				top: calc( 66% - 62px);
    		left: calc(50% - 143px);
			}			
		}		

		/* COUNTDOWN CSS */
		.countdown-container{
			text-align: center;
		}

		.countdown-panel{
			position: relative;
			display: inline-block;
			margin: 0 12px 0 13px;
		}

		.panel-fixed{
			border-radius: 6px;
			font-size: 70px; 
			padding:15px;
			display: block;
			margin:15px auto;
			width:80px;
			background-color: #042584;
			border: 1px solid black;			
			height:80px;		
			box-shadow: 0px 2px 10px rgba(0,0,0,0.75);
		}
		.panel-fixed>span{
			display: block;
	    position: relative;
	    top: -26px;
	    left: -15px;
	    width: 80px;
	    text-align: center;
	    color: #fff;	    
		}
	
		.panel-slider{
			position: absolute;
			transform-origin: 50% 100%;
			border-radius: 6px 6px 0 0;
			font-size: 70px; 
			padding:15px;
			display: block;
			margin:15px auto;
			width:80px;
			background-color: #042584;
			border: 1px solid black;
			overflow: hidden;
			height:40px;	
			top:0;
			left:50%;		
			transform: translateX(-50%);	
		}
		.panel-slider>span{
			display: block;
	    position: relative;
	    top: -26px;
	    left: -15px;
	    width: 80px;
	    text-align: center;
	    color: #fff;	    
	    transition: top 0s ease 0s;   
		}

		.panel-slider.animate{
			animation: slide 0.5s linear;		
			transform: rotateX(-180deg) translateX(-50%);	
		}

		.panel-slider.animate>span{
			transition: top 0s ease 0.2s;
			/*animation: slide 0.5s linear;		*/
			top:-31px;	
		}

		@media screen and (max-width:1200px) {
			.countdown-container{
				position: relative;
				top:-20px;
			}

			.countdown-panel{
				margin: 0 3px 0 3px;
			}

			.panel-fixed{
				border-radius: 4px;
				font-size: 37px; 
				padding:8px;
				display: block;
				margin:15px auto;
				width:50px;
				background-color: #042584;
				border: 1px solid black;
				height:50px;						
			}
			.panel-fixed>span{
				display: block;
		    position: relative;
		    top: -10px;
		    left: -8px;
		    width: 50px;
		    text-align: center;
		    color: #fff;		        
			}
		
			.panel-slider{
				position: absolute;
				transform-origin: 50% 100%;
				border-radius: 4px 4px 0 0;
				font-size: 37px; 
				padding:8px;
				display: block;
				margin:15px auto;
				width:50px;
				background-color: #042584;
				border: 1px solid black;				
				overflow: hidden;
				height:25px;	
				top:0;
				left:50%;		
				transform: translateX(-50%);	
			}
			.panel-slider>span{
				display: block;
		    position: relative;
		    top: -10px;
		    left: -8px;
		    width: 50px;
		    text-align: center;
		    color: #fff;		    
		    transition: top 0s ease 0s;   
			}
			.panel-slider.animate>span{
				transition: top 0s ease 0.2s;				
				top:-13px;	
			}
		}
		
		@keyframes slide {
		    0% {transform: rotateX(0deg) translateX(-50%) }
		    100% {transform: rotateX(-180deg) translateX(-50%)}
		}



	/*
		=================================================================================
		PERFIL
		=================================================================================
	*/

	.profile .sidebar {
	}

	#menu_profile h4 {
		font-size: 13px;
		letter-spacing: 1px;
		margin: 0;
		padding: 0 0 10px 0;
		line-height: 19px;
		text-align: left;
		text-transform: uppercase;
		color: #e74c3c;
	}
	#menu_profile ul {
		margin-bottom: 15px;
	}
	#menu_profile li {
		display: block;
		line-height: 25px;
	}
	#menu_profile a {
		color: #545454;
		/*padding-top: 5px;
		padding-bottom: 5px;*/
		display: block;
	}
		#menu_profile a:hover {
			color: #000;
		}
@media screen and (max-width: 767px) {

	.profile .sidebar {
		/*display: none;*/
	}
	
	#menu_profile li {
		line-height: 32px;
    width: calc( 50% - 5px );
    display: inline-block;
    font-size: 15px;
    background: #fafafa;
    border: 1px solid #f2f2f2;
    margin-bottom: 2px;
    padding-left: 6px;
	}
	
}
.profile .table-responsive {
	min-height: 300px;
}




	/*
		=================================================================================
		CATÁLOGOS
		=================================================================================
	*/

		.catalog .grid {
			position: relative;
			list-style: none;
			text-align: center;
		}
			.catalog .grid figure {
				position: relative;
				float: left;
				overflow: hidden;
				width: 100%;
				text-align: center;
				cursor: pointer;

				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				background-color: #f5f5f5;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 100%;
				height: 283px;
				margin-bottom: 10px;


			}

			.catalog .grid .col-xs-12 {
				padding: 0 5px; 
			}

				.catalog .grid figure img {
					position: relative;
					display: block;
					min-height: 100%;
					max-width: 100%;
					opacity: 1;
				}

				.catalog .grid figure figcaption {
					padding: 2em;
					color: #fff;
					text-transform: uppercase;
					font-size: 1.25em;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
				}
					.catalog .grid figure figcaption::before,
					.catalog .grid figure figcaption::after {
						pointer-events: none;
					}
					.catalog .grid figure figcaption,
					.catalog .grid figure figcaption > a {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}

				.catalog .grid figure h2 {
					word-spacing: -0.15em;
					font-weight: 300;
					font-size: 24px;
					opacity: 0;
				}
				.catalog .grid figure h2,
				.catalog .grid figure p {
					margin: 0;
				}
				.catalog .grid figure p {
					letter-spacing: 1px;
					font-size: 68.5%;
					line-height: 15px;
				}
				.catalog .grid .col-xs-4 {
					padding: 0;
				}



		@media screen and (max-width: 50em) {
			.catalog .grid figure {
				display: inline-block;
				float: none;
				width: 100%;
			}
		}


		/*
			CATÁLOGO > EFECTO
		*/

		.catalog figure figcaption::before {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 75%);
			background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,1) 75%);
			content: "";
			opacity: 0;
			-ms-transform: translateY(-50%); 
			-webkit-transform: translateY(-50%); 
			transform: translateY(-50%);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}

		.catalog figure h2 {
			position: absolute;
			/*top: 50%;*/
			top: 40%;
			left: 0;
			width: 100%;
			color: #fff;
			-ms-transition: -ms-transform 0.35s, color 0.35s;
			-webkit-transition: -webkit-transform 0.35s, color 0.35s;
			transition: transform 0.35s, color 0.35s;
			
			-ms-transform: translateY(-50%); 
			-webkit-transform: translateY(-50%); 
			transform: translateY(-50%);

			opacity: 0;
			padding: 0 10px;
		}

		.catalog figure figcaption::before,
		.catalog figure p {
			-ms-transition: opacity 0.35s, -ms-transform 0.35s;
			-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
			transition: opacity 0.35s, transform 0.35s;
		}

		.catalog figure p {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 2em;
			width: 100%;
			opacity: 0;
			-ms-transform: translateY(10px); 
			-webkit-transform: translateY(10px); 
			transform: translateY(10px);
		}

		.catalog figure:hover h2,
		.catalog figure.mobile h2 {
			color: #fff;
			-ms-transform: translateY(-50%) translateY(-40px);
			-webkit-transform: translateY(-50%) translateY(-40px);
			transform: translateY(-50%) translateY(-40px);
			opacity: 1;
		}

	.catalog figure:hover figcaption::before ,
	.catalog figure:hover p,
	.catalog figure.mobile figcaption::before,
	.catalog figure.mobile p

	 {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}








/*
	=================================================================================
	AWESOME BOOTSTRAP CHECKBOX
	=================================================================================
	https://github.com/flatlogic/awesome-bootstrap-checkbox
*/
	.checkbox.checkbox-inline,.radio.radio-inline{margin-top:0}.checkbox{padding-left:20px}.checkbox label{display:inline-block;vertical-align:middle;position:relative;padding-left:10px}.checkbox label::after,.checkbox label::before{position:absolute;margin-left:-20px;display:inline-block;left:0}.checkbox label::before{content:"";width:19px;height:19px;border:1px solid #1e1e1e; border-radius:0;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}.checkbox label::after{width:16px;height:16px;top:0;padding-left:4px;padding-top:2px;font-size:11px;color:#555}.checkbox-danger input[type=checkbox]:checked+label::after,.checkbox-danger input[type=radio]:checked+label::after,.checkbox-info input[type=checkbox]:checked+label::after,.checkbox-info input[type=radio]:checked+label::after,.checkbox-primary input[type=checkbox]:checked+label::after,.checkbox-primary input[type=radio]:checked+label::after,.checkbox-success input[type=checkbox]:checked+label::after,.checkbox-success input[type=radio]:checked+label::after,.checkbox-warning input[type=checkbox]:checked+lael::after,.checkbox-warning input[type=radio]:checked+label::after,input[type=checkbox] .styled:checked+label::after,input[type=checkbox] .styled:checked+label::before,input[type=radio] .styled:checked+label::after,input[type=radio] .styled:checked+label::before{color:#fff}.checkbox input[type=checkbox],.checkbox input[type=radio]{opacity:0;z-index:1}.checkbox input[type=checkbox]:focus+label::before,.checkbox input[type=radio]:focus+label::before{outline-offset:-2px;outline:0}.checkbox input[type=checkbox]:checked+label::after,.checkbox input[type=radio]:checked+label::after{font-family:'icons';content:"\e306"}.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=radio]:disabled+label{opacity:.65}.checkbox input[type=checkbox]:disabled+label::before,.checkbox input[type=radio]:disabled+label::before{background-color:#eee;cursor:not-allowed}.checkbox.checkbox-circle label::before{border-radius:50%}.checkbox-primary input[type=checkbox]:checked+label::before,.checkbox-primary input[type=radio]:checked+label::before{background-color:#337ab7;border-color:#337ab7}.checkbox-danger input[type=checkbox]:checked+label::before,.checkbox-danger input[type=radio]:checked+label::before{background-color:#d9534f;border-color:#d9534f}.checkbox-info input[type=checkbox]:checked+label::before,.checkbox-info input[type=radio]:checked+label::before{background-color:#5bc0de;border-color:#5bc0de}.checkbox-warning input[type=checkbox]:checked+label::before,.checkbox-warning input[type=radio]:checked+label::before{background-color:#f0ad4e;border-color:#f0ad4e}.checkbox-success input[type=checkbox]:checked+label::before,.checkbox-success input[type=radio]:checked+label::before{background-color:#5cb85c;border-color:#5cb85c}.radio{padding-left:20px}.radio label{display:inline-block;vertical-align:middle;position:relative;padding-left:5px}.radio label::after,.radio label::before{display:inline-block;position:absolute;margin-left:-20px}.radio label::before{content:"";width:17px;height:17px;left:0;border:1px solid #ccc;border-radius:50%;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}.radio label::after{content:" ";width:11px;height:11px;left:3px;top:3px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);-o-transition:-o-transform .1s cubic-bezier(.8,-.33,.2,1.33);transition:transform .1s cubic-bezier(.8,-.33,.2,1.33)}.radio-primary input[type=radio]+label::after,.radio-primary input[type=radio]:checked+label::after{background-color:#337ab7}.radio input[type=radio]{opacity:0;z-index:1}.radio input[type=radio]:focus+label::before{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.radio input[type=radio]:checked+label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.radio input[type=radio]:disabled+label{opacity:.65}.radio input[type=radio]:disabled+label::before{cursor:not-allowed}.radio-primary input[type=radio]:checked+label::before{border-color:#337ab7}.radio-danger input[type=radio]+label::after,.radio-danger input[type=radio]:checked+label::after{background-color:#d9534f}.radio-danger input[type=radio]:checked+label::before{border-color:#d9534f}.radio-info input[type=radio]+label::after,.radio-info input[type=radio]:checked+label::after{background-color:#5bc0de}.radio-info input[type=radio]:checked+label::before{border-color:#5bc0de}.radio-warning input[type=radio]+label::after,.radio-warning input[type=radio]:checked+label::after{background-color:#f0ad4e}.radio-warning input[type=radio]:checked+label::before{border-color:#f0ad4e}.radio-success input[type=radio]+label::after,.radio-success input[type=radio]:checked+label::after{background-color:#5cb85c}.radio-success input[type=radio]:checked+label::before{border-color:#5cb85c}input[type=checkbox].styled:checked+label:after,input[type=radio].styled:checked+label:after{font-family:'icons';content:"\e204"}



/*
	=================================================================================
	BLANK
	=================================================================================
*/

.blank h1 {
	color: #000;
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	margin: 20px 0;
}

.blank h2 {
	font-size: 24px;
	margin-top: 40px;
	color: #3498db;
}

.blank ul, .blank ol {
	margin: 10px 0 25px 0;
}

@media screen and (max-width: 991px) {

	.blank h2 {
		font-size: 21px;
		margin-top: 36px;
	}

}

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

	.blank h2 {
		font-size: 20px;
		margin-top: 32px;
	}

}





/* HOME */

.spot {
	/*margin-top: -40px;*/
	position: relative;
	z-index: 1;
	margin-top: 0;
}
	.spot .carousel-inner { 
		width:100%;
		background: #fff;
		-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;
	}
		.spot .carousel-inner>.item>a {
			/* display: block;
			width: 100%;
			height: 100%;*/
			display: block;		  
		  padding-bottom: 37.52%;
		  height: 0;
		}
		@media screen and (min-width: 1025px) and (max-width: 1919px){
			.spot .carousel-inner>.item>a {
			  padding-bottom: 37.52%;			  
			}
		}
		@media screen and (min-width: 481px) and (max-width: 1024px){
			.spot .carousel-inner>.item>a {
			  padding-bottom: 45.6%;			  
			}
		}
		@media screen and (max-width: 480px){
			.spot .carousel-inner>.item>a {
			  padding-bottom: 100%;
			}
		}
		.spot .carousel-inner>.item>img,
		.spot .carousel-inner>.item>a>img {
			margin: 0 auto;
			color: red;
			min-width: 100%;
		}
		.spot .carousel .item {
			height: auto;
			background-position: 50% 50%;
	    background-repeat: no-repeat;
	    background-size: contain;
		}

.spot .slide-controls {
	background: rgba(255,0,0,0.5);
	z-index: 3;
	margin: 0 auto;

																	position: absolute;
																	top: calc( 50% - 40px );
}
	.spot .carousel-control {
		height: 100px;
		width: 100px;		
	}
	.carousel-control.right {		
		text-shadow: 0 0 2px rgb(0 0 0 / 100%), -4px 0px 6px rgb(0 0 0 / 100%);
	}
	.carousel-control.left {		
		text-shadow: 0 0 2px rgb(0 0 0 / 100%), 4px 0px 6px rgb(0 0 0 / 100%);
	}
		.spot .carousel-control.left,
		.spot .carousel-control.right {
			background: none;
		}
			.spot .carousel-control .icon-prev,
			.spot .carousel-control .icon-next {
				display: block;
				font-size: 100px;
				height: 100px;
				line-height: 100px;
				width: 100px;
				margin: 0;
				padding: 0;
				top: 0;
				left: 0;
				right: 0;
			}
				.spot .carousel-control .icon-prev:hover,
				.spot .carousel-control .icon-next:hover {
					border: 0;
					outline: 0;
				}

/* Ocultamos las flechas en dispositivos táctiles e iOS, por el problema del cálculo del altura vía jquery */
.touch .spot .slide-controls,
.ios .spot .slide-controls {
	display: none;
}

.spot .carousel-indicators {
	bottom: 0; 
	display: none;
}

.spot .carousel .cinema {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.spot .carousel video {	
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	cursor: pointer;
	max-width: 100vw;
	height: 100%;	
}

/*
								.spot .carousel video {
									position: absolute;
									top: 50%;
									left: 50%;
									-ms-transform: translate(-50%,-50%); 
									-webkit-transform: translate(-50%,-50%); 
									transform: translate(-50%,-50%);
								}

*/




@media screen and (max-width: 767px) {

	.spot .carousel .item {
			background-size: contain;
			background-position: top center;
		}
			.spot .carousel video {
				width: auto;				
			}

	.content-wrap {
		margin-top: 0 !important;
	}

	.spot .carousel-indicators {
		bottom: 0;
	}

}













.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
		.carousel-fade .carousel-inner > .item.next,
		.carousel-fade .carousel-inner > .item.active.right {
			opacity: 0;
			-webkit-transform: translate3d(0, 0, 0);
							transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.prev,
		.carousel-fade .carousel-inner > .item.active.left {
			opacity: 0;
			-webkit-transform: translate3d(0, 0, 0);
							transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
							transform: translate3d(0, 0, 0);
		}
}








.post {
	display: block;
	margin-bottom: 50px;	
}

.post, .post:hover {
	color: #555;	
}

.post img {
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #fafafa;
}

.post h2 {
	margin: 20px 0 0 0;
	font-size: 19px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
}
.post:hover h2 {
	color: #03b1e8;
}


@media screen and (max-width: 767px) {
	.post h2 {
		font-size: 16px;
	}
	.post p {
		font-size: 14px;
	}
}

.post h3 {
	margin: 20px 0 0 0;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: 1px;
	color: #333;
}
.post:hover h3 {
	color: #03b1e8;
}


@media screen and (max-width: 767px) {
	.post h3 {
		font-size: 13px;
	}
	.post p {
		font-size: 14px;
	}
}


.post .type {
	font-size: 13px;
	line-height: 14px;
	margin: 15px 0;
	color: #999;
	display: block;
}


.post span.more {
	color: #03b1e8;
}




.title_big {
	position: relative;
	margin: 75px 0 30px 0;
	text-align: center;
}
	.title_big h3 {
		background: #fff;
		display: inline;
		padding: 0 30px;

		font-weight: 400;
		font-size: 40px;
		text-transform: uppercase;
		color: #1e1e1e;
	}


@media screen and (max-width: 767px) {
	.title_big {
		margin: 30px 0 15px 0;
	}
	.title_big h3 {
		font-size: 21px;
	}
}


.progressbar {

display: none;
opacity: 0 !important;

		height: 3px;
		background-color: #e0dd44;
		width: 0;
		margin: 0 0 0 0;
		border: none;
		z-index: 1;
		position: absolute;
		top: 0;
}



@media screen and (max-width: 480px) {
	.slide-controls {
		display: none;
	}
	
}






.content-wrap {
	padding-top: 0px;
	margin-top: 0;
	/*margin-top: -160px;*/
	z-index: 2;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 160px); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 160px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 160px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}








/*
	=================================================================================
	DESTACADOS DE LA HOME
	=================================================================================
*/

.outstanding {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;*/
	width: 100%;
	background: #000;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
	.outstanding a::after{
		content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
		transition-duration: 0.4s;
		box-shadow: inset 0 0 50px 0px rgba(255,255,255,0);
	}
	.outstanding img {
		position: relative;
		display: block;
		max-width: none;
		width: calc(100%);
		opacity: 1;
		transform: scale( 1 );
		transition: transform 0.4s, filter 0.4s;
		filter: saturate(0.9);	
	}

	.outstanding .caption {
		padding: 0;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;

		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		min-height: 124px;
		transform: translateY( 50px );

		-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
		transition: opacity 0.2s, transform 0.35s;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
		/*background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);*/ /* FF3.6-15 */
		/*background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);*/ /* Chrome10-25,Safari5.1-6 */
		/*background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );*/ /* IE6-9 */

	}

		.outstanding h2 {
			padding: 5px 5px;
			font-size: 19px;
			font-weight: normal;
		}
		.outstanding p {
			padding: 15px 10px;
			letter-spacing: 1px;
			font-size: 12px;
			line-height: 18px;
			opacity: 0;
		}


			.desktop .outstanding:hover img {
				opacity: 1; 
				transition: transform 3s, filter 0.4s;
	    	transform: scale(1.025) translateX(-10px);
	    	filter: saturate(1.1) brightness(1.1);
			}
			.outstanding:hover a::after{
				box-shadow: inset 0 0 50px 15px rgba(255,255,255,0.25);
			}
			.desktop .outstanding:hover .caption {
				transform: translateY(0);
			}
			.desktop .outstanding:hover p {
				opacity: 1;
				-webkit-transition: 0.6s;
				-moz-transition: 0.6s;
				-ms-transition: 0.6s;
				-o-transition: 0.6s;
				transition: 0.6s;
			}


			.outstanding-embed { 
			  position: relative; 
				height: 0; 
				overflow: hidden; 
				padding-top: 0; 
				padding-left: 0; 
				padding-right: 0;  
			 } 

			.outstanding-embed iframe, 
			.outstanding-embed object, 
			.outstanding-embed embed, 
			.outstanding-embed video { 
			 	position: absolute; 
				top: 0; 
				left: 0; 
				width: calc(100%);
				/*height: 100%; */
				border: 0; 
			 } 

			.outstanding-embed { 
			 padding-bottom: 51.30%; 
			} 


	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 767px) {
		.outstanding {
			margin: 0;
		}
	}


	@media only screen and (max-width : 1024px) {
		.outstanding .caption {
			min-height: 132px;
			height: initial;			
		}
		.outstanding .caption h2 {
			padding: 0;
			margin: 10px 0;
			font-size:21px;
		}
		.outstanding p {	    
	    margin: 2px 0;
	    padding:5px;
	    letter-spacing: 1px;
	    font-size: 10px;
	    line-height: 14px;
	    opacity: 1;
		}
	}

	@media only screen and (max-width : 480px) {
		.outstanding .caption {
			min-height: 94px;			
		}
		.outstanding .caption h2 {			
			margin: 5px 0 0 0;
			font-size:14px;
		}
		.outstanding p {	    
	    margin: 2px 0;
	    padding:2px;	    
	    font-size: 8px;
	    opacity: 1;
	    white-space: nowrap;
  		overflow: hidden;
  		text-overflow: ellipsis;
		}
	}


	@media only screen and (max-width : 360px) {
		.outstanding .caption {
			min-height: 106px;			
		}	
		.outstanding p {	    
	    white-space: initial;
  		overflow: initial;
  		text-overflow: initial;
		}
	}



	/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {

	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
	

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
			
	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
		

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
		

	}









































	


/*
	=================================================================================
	FICHA DE PRODUCTO
	=================================================================================
*/
	.sheet h1,
	.sheet h2,
	.sheet h2 span,
	.sheet h3 {
		color: #1e1e1e;
	}
	.sheet h1 {
		font-size: 24px;
		text-transform: uppercase;
		margin-top: 0;
		
	}

	.sheet h2 {		
		font-size: 16px;
		text-transform: uppercase;
		margin-top: 0;
	}
		.sheet h2 span {
			display: block;
			font-size: 12px;
			margin-bottom: 10px;			
		}
			.sheet h2 span.tags {				
				margin-top: 5px;
				font-size: 14px;
				color: #777;				
			}
	.sheet h3 {
		font-size: 24px;
		font-weight: 400;
	}
	.sheet h4 {
		font-size: 24px;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 15px;
	}

	.sheet .stars {
		float: right;
		margin-top: 12px;
	}

	.best_seller {
		float: right;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-top: 0;
		background: #e74c3c;
		padding: 3px 6px;
		padding: 2px 13px;
		border-radius: 13px;
	}

	.sheet .note {
		text-align: center;
	}

	.sheet .description {
		margin: 40px 0 0 0;
		padding: 0 40px 40px 40px;		
	}

	.sheet .description h2 {
		color: #3498db;
		margin-top: 25px;
	}

/*
	.sheet h3 {
	  padding: 0;
		border-top: 1px solid #eee;
		padding-top: 22px;
	  margin-bottom: 22px;
		font-size: 20px;
		text-align: center;
	}
*/

	.sheet .error {
		display: none;
		color: #e74c3c;
	}


@-webkit-keyframes yellow-fade {   
	 0% {background: transparent;}
	 50% {background: #e74c3c;}
	 100% {background: transparent;}
}

@keyframes yellow-fade {
	 0% {background: transparent;}
	 50% {background: #e74c3c;}
	 100% {background: transparent;}
}


li.cart.highlight a[aria-expanded='true'] {
	background: #e74c3c;
}

.highlight #menu_cart {
	border-top-color: #e74c3c;
}

.highlight #units {
	 -webkit-animation: yellow-fade 1s ease 3;
	 animation: yellow-fade 1s ease 3;
}

.sheet button.orange[data-target="size"] {
	border-color: #e74c3c;
}

.sheet .video-container {
	margin: 0 auto 30px auto;
}

.modal360 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 9999;
	overflow: hidden;
}
	#player360 {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	}
		#player360 iframe {
			position: relative;
			z-index: 1;
		}

		.modal360 .btn-close {
			position: fixed;
			height: 44px;
			width: 44px;
			line-height: 44px;
			text-align: center;
			top: 10px;
			right: 0;
			z-index: 9999;
			cursor: pointer;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			color: #808080;
			font-weight: 400;
			font-size: 25px;
		}

	
	.help {
		position: fixed;
		bottom: 0;
		left: 0;
    width: 100%;
		font-size: 14px;
		text-align: center;
		padding: 10px 20px;
		font-weight: 600;
		z-index: 999999;
	}
		.help .touch {
			position: absolute;
			bottom: -500px;
			left: 0;
			width: 100%;
			padding: 15px;
			background: #eee;
		}
			.help i.icons[class^='icon-hand-'],
			.help i.icons[class*=' icon-hand-'] {
				font-size: 50px;
			}

		.help .btn-help-open {
			position: absolute;
			display: inline-block;
			top: -35px;
			left: 50%;
			height: 50px;
			width: 50px;
			line-height: 48px;
			text-align: center;
			margin-left: -25px;
			z-index: 9999;
			cursor: pointer;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			color: #545454;
			font-weight: 400;
			font-size: 30px;
		}

		.help .btn-help-close {
	    position: absolute;
	    display: inline-block;
	    width: 55px;
	    height: 55px;
	    line-height: 55px;
	    top: -27px;
	    left: 50%;
	    margin-left: -27px;
	    background: #eee;
	    -webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			font-size: 25px;
		}


	.touch .notouch,
	.notouch .touch,
	.notouch .btn-help-open,
	.help_photoswipe {
		display: none;
	}

	.shadow {
		background: #f1f1f1;
		padding: 30px;
	}
		.shadow hr {
			border-color: #ccc;
		}
	.sheet .variants a {
		background: #fff;
	}	
	.sheet .sidebar {
		min-height: 630px;		
	}	
	.sheet.quickview .sidebar {
		min-height: 560px;
	}
	@media screen and (max-width: 1199px){
		.sheet .sidebar {
			min-height: 720px;
		}		
	}
	.sheet .social-icons .icons {
		background: #e2e2e2;
    color: #999;
    font-size: 15px;
	}
		.sheet .social-icons .icons:hover {
			background: #1e1e1e;
			border-color: #1e1e1e;
		  color: #efefef;		  
		  border: 2px solid transparent;
		}


@media screen and (max-width: 767px) {
	.sheet .sidebar {
		min-height: initial;
	}
	.sheet .description {
		margin: 15px 0 0 0;
    padding: 15px 15px 0 15px;
	}
	.sheet h4 {
		font-size: 21px;
		margin: 30px 0 10px 0;
	}
	
}


	.sheet .techs {
		padding: 30px 0 30px 130px;
	}

	.sheet .techs a {
		margin-bottom: 30px;
		position: relative;
		color: #545454;
	}
	.sheet .techs a:hover {
		color: #3498db;
	}
	.sheet .techs span {
		position: absolute;
		line-height: 15px;
		left: 0;
		width: 80px;
		top: 85px;
		font-size: 10px;
		letter-spacing: 0;
		text-transform: uppercase;
		font-weight: bold;
	}

	.sheet .popover {
		box-shadow: none;
		border-radius: 4px;
		border: 2px solid #ccc;
		padding: 0;
		z-index: 222;
	}
	.sheet .popover-title {
		border-radius: 0;
		text-align: center;
		text-transform: uppercase;
		background: #ccc;
		color: #333;
		border-bottom: 0;
	}
	.sheet .popover.top>.arrow {
		border-top-color: #ccc;
	}
	.sheet .popover.top>.arrow:after {
		bottom: 2px;
	}


	@media screen and (max-width: 991px) {

		.sheet .techs {
			padding-left: 0;
		}
		
	}

	#popover-overlay {
		display: none;
		background: rgba(255,255,255,0.8);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		cursor: pointer;
	}







.button_add,
.button_quickview,
.button_reserve {
	font-weight: 600;
	height: 41px;
	overflow: hidden;
	padding: 0 !important;
}

.button_add,
.button_quickview {
	background-color: #1e1e1e; 
	border-color: #1e1e1e;
}
	.button_add:hover,
	.button_quickview:hover {
		background-color: #21438e;
		border-color: #21438e;
	}
	.button_add.hover,
	.button_quickview.hover {
		background-color: #e74c3c;
		border-color: #e74c3c;
	}


.button_draw {
	font-weight: 600;
	height: 41px;
	overflow: hidden;
	padding: 0 !important;
}

.button_draw {
	background-color: #A80B28; 
	border-color: #A80B28;
}
	.button_draw:hover {
		background-color: #001C41;
		border-color: #001C41;
	}

.button_draw span {
	font-size:12px;
}

@media (max-width: 991px) {

	.button_draw span {
		font-size:10px;
	}
	
}

.button_reserve {
	display: none;
	background-color: #75cd68; 
	border-color: #75cd68;
}

.btn-block + .btn-block.button_reserve {
	margin: 0;
}


	.button_reserve:hover {
		background-color: #6bb960; 
		border-color: #6bb960;
	}

.button_add,
.button_draw,
.button_reserve,
.button_quickview,
.col_size,
.waiting {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
	.button_add button,
	.button_draw button,
	.button_reserve button,
	.button_quickview button {
		display:block;
		width: 100%;
		border: 0;
		background: transparent;
		color: white;
		text-decoration:none;
		text-align: center;
		white-space: nowrap;
		padding: 0;
		font-size: 14px;
		height: 41px;
		line-height: 41px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
		.button_add .waiting {
		  margin-top: 0em;   
		}
			.button_add.hover .waiting {
				margin-top: -41px;
			}

.button_add .waiting i {
	display: none;
}





.overlay_reserve {
	display: none;
	position: fixed;
	width: 100%;
	height: 500%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.97);
	z-index: 99999;
}

	.overlay_reserve h2 {
		  /*color: #e74c3c;*/
		  color: #75cd68;
	    text-align: center;
	    font-size: 28px;
	    font-weight: normal;
	    margin: 40px 0 10px 0;
	}
	.overlay_reserve p {
	    font-size: 22px;
	    line-height: 40px;
	    font-weight: normal;
	    margin: 30px 0;
	}
	.overlay_reserve .reserve_ok {
		text-align: center;
		font-size: 22px;
		color: #27ae60;
		margin: 40px;
	}
	.overlay_reserve .reserve_ok i {
		background: #27ae60;
		color: #fff;
		border-radius: 50%;
		padding: 10px;
	}

@media screen and (max-width: 767px) {
	
	.overlay_reserve h2 {
    font-size: 26px;
    margin: 30px 0 30px 0;
}
	.overlay_reserve p {
    font-size: 18px;
    line-height: 30px;
   }
}

/*
	=================================================================================
	GALERÍA
	=================================================================================
*/
	.picture a {
		display: block;
		text-align: center;
	}
		.picture a img {
			margin: 0 auto;
		}
			.thumbnails {
				padding: 0;
				margin: 0;
				max-width: 80px;
			}
				.techs a,
				.thumbnails figure,
				.thumbnails .show_360,
				.thumbnails .show_video,
				.thumbnails .show_video_yt,
				.thumbnails .show_sketchfab {
					width: 80px;
					height: 80px;
					line-height: 74px;
					text-align: center;
					list-style: none;
					padding: 0;
					border: 2px solid #eee;
					display: inline-block;
					margin: 0 0 5px 0;
					cursor: pointer;
					/*-webkit-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;*/
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease;
				}
					.thumbnails figure:hover,
					.thumbnails .show_360:hover,
					.thumbnails .show_video:hover,
					.thumbnails .show_video_yt:hover,
					.thumbnails .show_sketchfab:hover {
						border: 2px solid #21438e;
					}
					.thumbnails figure img {
						display: inline;
						max-width: 66px;
						max-height: 66px;
					}
					.thumbnails .show_360,
					.thumbnails .show_video,
					.thumbnails .show_video_yt,
					.thumbnails .show_sketchfab {
						color: #545454;
						font-size: 20px;
						line-height: 70px;
					}
					.thumbnails .show_360:hover,
					.thumbnails .show_video:hover,
					.thumbnails .show_video_yt:hover,
					.thumbnails .show_sketchfab:hover {
						color: #545454;
						border-color: #e74c3c;
					}

			.techs {
				padding-left: 130px;
			}
			.techs a {
				background: #fff; 
				padding: 5px;
			}

@media screen and (max-width: 991px) {

	.sheet h1 {
		font-size: 18px;
	}
	.sheet h3 {
		font-size: 18px;
	}

		.wrap_thumbnails {
			padding: 0;
		}

		.thumbnails {
			margin: 20px auto 30px auto;
			text-align: center;
			max-width: initial;
		}
			.thumbnails figure,
			.thumbnails .show_360,
			.thumbnails .show_video,
			.thumbnails .show_video_yt,
			.thumbnails .show_sketchfab {
				width: 80px;
				/*margin-right: 5px;*/
			}
			.thumbnails .show_360
			.thumbnails .show_video,
			.thumbnails .show_video_yt,
			.thumbnails .show_sketchfab {
				line-height: 70px;
			}
				.thumbnails figure:last-child {
					margin-right: 0;
				}
		
			.thumbnails figure img {
				max-width: 65px;
			}

		.techs {
				padding-left: 0;
			}

}

@media screen and (max-width: 359px) {

	.techs a,
	.thumbnails figure,
	.thumbnails .show_360,
	.thumbnails .show_video,
	.thumbnails .show_video_yt,
	.thumbnails .show_sketchfab {
		width: 50px;
		height: 50px;
		line-height: 44px;
		/*margin-right: 3px;*/
	}
	.thumbnails .show_360,
	.thumbnails .show_video,
	.thumbnails .show_video_yt,
	.thumbnails .show_sketchfab {
		line-height: 40px;
	}

		.thumbnails figure:last-child {
			margin-right: 0;
		}

	.thumbnails figure img {
		max-height: 44px;
		max-width: 44px;
	}

}


.sheet .actions .row {
	margin: 0;
}
	.sheet .actions [class^='col-'],
	.sheet .actions [class*=' col-'] {
		padding: 0 4px;
		margin-bottom: 15px;
	}
		.sheet .actions .button {
			overflow: hidden;
			text-align: center;
			padding: 8px 0;
		}


.sheet .actions {
	position: relative;
	z-index: 1;
}

.touch .sheet .actions {
	z-index: 0;
}


.sheet .actions .dropdown-menu {
	margin: -2px 0 0 0;
	padding: 0;
	min-width: 0;
	max-height: 200px;
  overflow-y: auto;
	left: 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 2px solid #ccc;
	border-top: 0;
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 0;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 1000;
}
	#modal_quickview .sheet .actions .dropdown-menu { width: calc( 100% - 8px ); }

.sheet .actions .dropdown-menu button {
	text-align: center;
	font-weight: 600;
	width: 100%;
	padding: 3px 0;
}
.sheet .actions .dropdown-menu button:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.sheet .actions .dropdown-menu button.disabled {
	color: #aaa;
}


/*
.sheet .actions .dropdown-menu button.disabled:hover {
	background: #fff;
}
*/

 

.sheet .variants {
	padding: 0 15px;
}
	.sheet .variants .col-xs-3,
	.sheet .variants .col-sm-2 {
		text-align: center;
		padding: 0;
	}
		.sheet .variants a {
			display: block;
			padding: 5px;
			border: 2px solid #eee;
			height: 60px;
		}
			.sheet .variants a:hover {
				border: 2px solid #21438e;
			}
			.sheet .variants a img {
				max-height: 100%;
				max-width: 100%;
				margin: 0 auto;
			}




.sheet .gallery {
		height: 320px;
}
	.sheet .gallery figure {
		display: none;
		line-height: 300px;
		text-align: center;
	}
	.sheet .gallery figure:first-child {
		display: block;
	}
		.sheet .gallery figure img {
			max-height: 300px;
			display: inline;
			margin: 0 auto;
		}





	/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {
			
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
		.sheet .gallery {
			height: 480px;
		}
		.sheet .gallery figure {
			line-height: 460px;
		}
		.sheet .gallery figure img {
			max-height: 460px;
			line-height: 460px;
		}

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
		.sheet .gallery {
			height: 520px;
		}
		.sheet .gallery figure {
			line-height: 500px;
		}
		.sheet .gallery figure img {
			max-height: 500px;
		}

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
		.sheet .gallery {
			height: 540px;
		}	.sheet .gallery figure {
			line-height: 540px;
		}
		.sheet .gallery figure img {
			max-height: 520px;
		}

	}




/*
	=================================================================================
	JOMAWORLD
	=================================================================================
*/

	.jomaworld .spot,
	.jomaworld .spot .carousel-inner,
	.jomaworld .spot .carousel .item {
		margin-top: 0;
		height: 400px;
		background-position: center center;
		background-size: cover;
	}

		.jomaworld .carousel-control {
			opacity: 1;
		}
		.jomaworld .carousel-control:hover {
			opacity: 0.9;
		}
		.jomaworld .spot .carousel-indicators {
			width: auto;
			margin: 0;
			left: auto;
			right: 30px;
			top: 10px;
		}
			.jomaworld .carousel-indicators li {
				width: 6px;
				height: 6px;
				margin: 1px;
			}
			.jomaworld .spot .carousel-control.left,
			.jomaworld .spot .carousel-control.right {
			  color: #e0dd44;
				top: 339px;
				width: 30px;
				height: 60px;
				line-height: 60px;
			}
			.jomaworld .spot .carousel-control.left {
				left: 5px;
			}
			.jomaworld .spot .carousel-control.right {
				right: 5px;
			}
			.jomaworld .spot .carousel-control .icon-prev,
			.jomaworld .spot .carousel-control .icon-next {
				font-size: 65px;
				width: 30px;
				height: 60px;
				line-height: 50px;
			}

		.jomaworld .spot h2 {
	    width: 100%;
			position: absolute;
	    bottom: 0;
	    left: 0;
	    margin: 0;
	    padding: 30px 45px 5px 45px;
	    background: rgba(0,0,0,0.6);
	    color: #fff;
	    font-weight: normal;
	    font-size: 16px;
	    text-align: center;
	    text-transform: uppercase;
	    cursor: pointer;
	    -webkit-transition: background 0.3s ease;
	    -moz-transition: background 0.3s ease;
	    -o-transition: background 0.3s ease;
	    transition: background 0.3s ease;
	   }
			.jomaworld .spot h2 .extra {
				position: absolute;
				letter-spacing: 1px;
				top: 10px;
				display: inline-block;
				font-size: 15px;
				left: 0;
				width: 100%;
				color: #e0dd44;
			}

		.jomaworld .container {
			padding: 0px 30px;
		}

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

		.jomaworld .spot h2 {
			font-size: 20px;
			width: 70%;
			position: absolute;
			padding: 30px 60px 5px 60px;
			bottom: 10px;
			left: 15%;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		.jomaworld .spot h2 .extra {
			font-weight: 600;
		}
		.jomaworld .spot .carousel-control.left,
		.jomaworld .spot .carousel-control.right {
			top: 330px;
		}
		.jomaworld .spot .carousel-control.left {
			left: 135px;
		}
		.jomaworld .spot .carousel-control.right {
			right: 135px;
		}

		.jomaworld .spot {
			margin-top: 20px;
		}

	}

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

		.jomaworld .spot .carousel-control.left {
			left: 170px;
		}
		.jomaworld .spot .carousel-control.right {
			right: 170px;
		}
		.jomaworld .item {
			border: 1px solid #eee;
		}

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

		.jomaworld .spot .carousel-control.left {
			left: 195px;
		}
		.jomaworld .spot .carousel-control.right {
			right: 195px;
		}
		.jomaworld .col-news {
			padding-right: 7px;
		}

	}



.jomaworld h2 {
	position: relative;
  display: inline-block;
  background-color: #FFF;
  padding-right: 15px;
  margin-bottom: 0;
  font-size: 24px;
}
.jomaworld h1,
.jomaworld h3
.jomaworld h4 {
	color: #333;
	border-bottom: 2px solid #eee;
	display: block;
	padding-bottom: 11px;
	/*margin-right: 8px;*/
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 20px;
}
.jomaworld h4 {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 15px;
	border-bottom: 1px solid #c6c6c6;
}
	.jomaworld h3.section span {
		font-size: 21px;
	}
	.jomaworld h1.section span,
	.jomaworld h3.section span,
	.jomaworld h4.section span {
		opacity: 0;
	}

		.jomaworld .news .column {
			border-left: 0;
			border-right: 8px solid #fff;
			border-bottom: 8px solid #fff;
			height: 400px;
			overflow: hidden;
			position: relative;
			/*background: #000;*/
			background-size: cover;
			background-position: center center;
			cursor: pointer;
		}
			.jomaworld .new img {
				margin-left: 50%;
				transform: translateX(-50%);
				height: 100%;
				position: absolute;
				z-index: 1;
			}
		
			.jomaworld .new .details {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
				background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 80%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 80%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
				-o-transition: all 0.2s ease;
				transition: all 0.2s ease;

				position: absolute;
				bottom: 0;
				z-index: 2;
				padding: 30px 20px 15px 20px;
				text-align: center;
				left: 0; 
				width: 100%;
				color: #fff;
				min-height: 90px;
			}
			.jomaworld .new .date {
				font-weight: 600;
				color: #3498db;
				float: left;
				margin-left: 0;
			}
			.jomaworld .new .view_more {
				position: absolute;
				display: block;
				left: 0;
				text-align: right;
				width: 100%;
				padding: 0 20px;
				bottom: -80px;
				-webkit-transition: bottom 0.4s ease;
				-moz-transition: bottom 0.4s ease;
				-o-transition: bottom 0.4s ease;
				transition: bottom 0.4s ease;
			}

			.jomaworld .new h2 {
				margin: 0;
				background: none;
				font-size: 20px;
			}
			.jomaworld .column:hover .details {
				padding-bottom: 40px;
			}
			.jomaworld .column:hover .view_more {
				bottom: 15px;
			}

			.jomaworld .pagination {
				font-weight: bold;
			}

		@media screen and (max-width: 767px) {

			.jomaworld .container-fluid,
			.jomaworld .container {
				padding: 0;
			}
			.jomaworld .row {
				margin: 0;
			}
			.jomaworld .news {
				margin: 0;
			}
			.jomaworld .news .column {
				border: 0;
				height: auto;
				position: relative;
				background: #fff;
				cursor: pointer;
				padding: 0 0 0 5px;
			}
			.jomaworld .news a {
				display: block;
				width: 100%;
				padding: 15px 0;
				border-bottom: 1px solid #eee;
			}
			.jomaworld .new h2 {
				margin: 15px 0 0 0;
				background: none;
				line-height: 18px;
				font-size: 15px;
				padding-right: 0; 
			}
			.jomaworld .new img {
				margin-left: 0;
				transform: none;
				height: auto;
				position: relative;
				z-index: 1;
				max-width: 100px;
			}
			.jomaworld .new .details {
				background: none;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				transition: none;
				position: absolute;
				top: 15px;
				left: 120px;
				text-align: left;
				color: #000;
				width: auto;
				padding: 0;
			}
			.jomaworld .new .date {
				font-size: 13px;
				color: #999999;
				line-height: 13px;
			}
			.jomaworld .new .view_more {
				text-align: left;
				padding: 0;
				top: 0;
				bottom: auto;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				transition: none;
			}
			.jomaworld .new .view_more i {
				display: none;
			}

		}

		@media screen and (max-width: 480px) {
			
			.touch .jomaworld .spot .slide-controls,
			.ios .jomaworld .spot .slide-controls,
			.jomaworld .spot .slide-controls {
				display: block;
			}
			
		}



.jomaworld_submenu {
	background: #d1edff;
}
	.jomaworld_submenu .sections {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.jomaworld_submenu .sections li {
			display: inline-block;
		}
			.jomaworld_submenu .sections li.right {
				float: right;
			}
			.jomaworld_submenu .sections li a {
				position: relative;
				display: block;
				text-align: center;
				font-size: 13px;
				padding: 15px 10px 12px 0;
				letter-spacing: 1px;
				width: 100%;
				text-transform: uppercase;
				font-weight: bold;
				margin-bottom: 0;
				-webkit-transition: all 0.3s ease;
		    -moz-transition: all 0.3s ease;
		    -o-transition: all 0.3s ease;
		    transition: all 0.3s ease;
		    color: #333;
			}
			.jomaworld_submenu .sections li.right a {
				padding-right: 0;
			}
			.jomaworld_submenu .sections li a:hover,
			.jomaworld_submenu .sections li a.selected {
				color: #3498db;
			}
			.jomaworld_submenu .sections li a.selected:after {
				content: "";
				position: absolute;
				left: calc( 50% - 16px );
				bottom: 0;
				width: 0;
				height: 0;
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-bottom: 8px solid #fff;
				clear: both;
			}

	.jomaworld_news_categories ul {		
		margin: 0 0 30px 0;
		padding: 0 0 10px 0;
		list-style: none;
	}
		.jomaworld_news_categories li a {
			display: block;
			margin: 0;
			padding: 3px 0;
			font-size: 14px;
			/*letter-spacing: 1px;*/
			line-height: 24px;
			text-align: left;			
			font-weight: 400;
			color: #1e1e1e;
		}
		.jomaworld_news_categories li a:hover {
			background: #eaeaea;
			color: #000;
		}
		.jomaworld_news_categories li a.selected {
			color: #3498db;
		}

.jomaworld .close_filters {
	display: none;
}


@media screen and (max-width: 1199px) {

	.jomaworld h1,
	.jomaworld h3,
	.jomaworld h4 {
		/*border: 0;*/
	}
		.jomaworld h1.section span,
		.jomaworld h3.section span,
		.jomaworld h4.section span {
			opacity: 1;
			cursor: pointer;
		}

	.jomaworld .close_filters {
		display: inline-block;
	}

	.jomaworld_news_categories {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.98);
		z-index: 999;
		padding: 30px;
		text-align: center;
		overflow-y: auto;
	}
	.jomaworld_news_categories h4 {
		text-transform: uppercase;
	}
	.jomaworld_news_categories ul {
		border-bottom: 0;
	}
		.jomaworld_news_categories li a {
			text-align: center;
		}
			.jomaworld_news_categories li a i {
				display: none;
			}

}

@media screen and (max-width: 991px) {
	.jomaworld .sections li {
	  width: auto;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.jomaworld .news .column {
		background-image: none !important;
	}
	.jomaworld .sections {
		text-align: center;
	}
}

@media screen and (max-width: 419px) {
	.jomaworld .fix_xxs {
		padding: 0;
	}
	.jomaworld .sections {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		width: 100%;
		margin: 0;
	}
	.jomaworld .sections li {
		/*display: inline;*/
	}
	.jomaworld .sections li a {
		/*display: inline;*/
	}
	.jomaworld .sections li:first-child {
		padding-left: 10px;
	}
	
}


















	.jomaworld .red_social {
		text-align: center;
		font-size: 30px;
		margin: 25px 0 0 0;
	}
		.jomaworld .red_social .col-xs-3,
		.jomaworld .red_social .col-sm-6
		{
			padding: 0;
		}
		.jomaworld .red_social a {
			padding: 20px 0;
			margin: 0 4px 8px 4px; 
			display: block;
			color: #fff;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;
		}
		.jomaworld .red_social .facebook 					{ background: #3f66c1; }
		.jomaworld .red_social .twitter 					{	background: #36b5ec; }
		.jomaworld .red_social .youtube 					{ background: #eb5c4c; }
		.jomaworld .red_social .instagram 				{	background: #A1755C; }
		.jomaworld .red_social .vk 								{	background: #4A76A8; }

		.jomaworld .red_social .facebook:hover 		{ background: #375ba3; }
		.jomaworld .red_social .twitter:hover 		{ background: #38a4d4; }
		.jomaworld .red_social .youtube:hover 		{	background: #d65749; }
		.jomaworld .red_social .instagram:hover 	{	background: #997057; }
		.jomaworld .red_social .vk:hover 					{	background: #4A76A8; }
			
			.jomaworld .red_social span {
					display: none;
				font-size: 14px;
			}

			@media screen and (min-width: 768px) {
				.jomaworld .red_social {
					margin: 0 -4px 0 -4px;
				}
				.jomaworld .red_social a {
					padding: 36px 10px;
				}
			}
			@media screen and (min-width: 992px) {
				.jomaworld .red_social span {
					display: block;
				}
			}


		.jomaworld .trending {
			margin: 0 -15px 0 -15px;
		}
			.jomaworld .trending h4 {
				text-transform: uppercase;
				padding: 15px 0 10px 0;
				border-bottom: 2px solid #eee;
			}
			.jomaworld .trending img {
				margin-bottom: 14px;
				border: 1px solid #eee;
			}

			.jomaworld .trending h3 {
				background: #fff;
				border: 1px solid #eee;
				width: 100%;
				font-size: 18px;
				text-transform: uppercase;
			}

			.jomaworld .trending h3 a {
				display: block;
				padding: 50px;
				cursor: pointer;
			}

			.jomaworld .trending h3 a:hover {
				background: #fafafa;
				-webkit-transition: background 0.3s ease;
				-moz-transition: background 0.3s ease;
				-o-transition: background 0.3s ease;
				transition: background 0.3s ease;
			}
			.jomaworld .trending h3 a[href='javascript:void(0)'] {
				background: #fff;
				pointer-events: none;
				color: #333;
			}

		@media screen and (max-width: 1200px ) {
			.jomaworld .trending h3 {
				font-size: 16px;
			}
			.jomaworld .trending h3 a {
				padding: 25px;
			}
		}


	.jomaworld .media {
		background: #06162d;
		padding: 50px 8px;
	}
		.jomaworld .video-list {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow-x: hidden;
			overflow-y: auto;
			max-height: 295px;

			scrollbar-base-color: #1f3044;
			scrollbar-base-color: #1f3044;
			scrollbar-3dlight-color: #1f3044;
			scrollbar-highlight-color: #1f3044;
			scrollbar-track-color: #e0dd44;
			scrollbar-arrow-color: transparent;
			scrollbar-shadow-color: #1f3044;
			scrollbar-dark-shadow-color: #1f3044;
		}
		.jomaworld .video-list::-webkit-scrollbar 						{ width: 3px; height: 3px; }
		.jomaworld .video-list::-webkit-scrollbar-button 			{ background-color: transparent; height: 0; }
		.jomaworld .video-list::-webkit-scrollbar-track 			{ background-color: #e0dd44; }
		.jomaworld .video-list::-webkit-scrollbar-track-piece { background-color: #1f3044; }
		.jomaworld .video-list::-webkit-scrollbar-thumb 			{ height: 50px; background-color: #e0dd44; border-radius: 3px; }
		.jomaworld .video-list::-webkit-scrollbar-corner 			{ background-color: #e0dd44; height: 0; }
		.jomaworld .video-list::-webkit-resizer 							{ background-color: #1f3044; }

		.jomaworld .video-list li {
			display: block;
			padding: 0 15px 0 0;
		}
			.jomaworld .video-list button {
				display: block;
				width: 100%;
				background: none;
				border: 0;
				border-bottom: 1px solid #1e2e45;
				text-align: left;
				color: #fff;
				font-weight: bold;
				padding: 0 0 15px 0;
				margin-bottom: 15px;
			}
			.jomaworld .video-list li:last-child button {
				border: 0;
				padding: 0;
			}
				.jomaworld .video-list li .date {
					position: relative;
					display: block;
					font-size: 13px;
					color: #999999;
					line-height: 13px;
				}
				.jomaworld .video-list li .title {
					position: relative;
					display: block;
					padding: 5px 10px 10px 0;
					line-height: 19px;
					font-size: 15px;
				}
				.jomaworld .video-list li .title:before {
					position: absolute;
					top: 7px;
					left: -10px;
					display: inline-block;
					width: 3px;
					height: 16px;
					background: #e0dd44;
					content: "";
				}
				.jomaworld .video-list li p {
					position: relative;
					padding: 0 0 0 130px;
					margin: 0;
					line-height: 21px;
				}
				.jomaworld .video-list li img {
					float: left;
					max-width: 100px;
				}



			.jomaworld .video_a img {
				float: left;
	   		max-width: 100px;
	  	}

			.jomaworld .video_a .date {
				position: relative;
		    display: block;
		    font-size: 13px;
		    font-weight: 600;
		    color: #999999;
		    line-height: 13px;
	   	}
			.jomaworld .video_a .title {
				color: #333;
				position: relative;
		    display: block;
		    padding: 5px 10px 10px 0;
		    line-height: 19px;
		    font-size: 15px;
		    font-weight: 600;
			}
			.jomaworld .video_a p {
				position: relative;
		    padding: 0 0 0 130px;
		    margin: 0;
		    line-height: 21px;
			}
			.jomaworld .video_a {
				transition: background 0.4s ease;
				display: block;
				height: 108px;
				overflow: hidden;
				border-bottom: 1px solid #eee;
				padding: 15px 10px 10px 10px;
			}
			.jomaworld .video_a:hover {
				background: #f5f5f5;
				cursor: pointer;
			}

	@media screen and (max-width: 991px ) {

		.jomaworld .video-list li p {
			padding-left: 10px;
		}
		.jomaworld .video-list li img {
			display: none;
		}

	}

	@media screen and (max-width: 767px ) {

		.jomaworld .media {
			padding: 30px 5px;
		}
		.jomaworld .video-list {
			margin-top: 30px;
			max-height: none;
		}
		.jomaworld .video-list li {
			padding-right: 0;
		}
		.jomaworld .video-list li p {
			padding-left: 130px;
			line-height: 15px;
		}
		.jomaworld .video-list li img {
			display: inline;
		}

		.jomaworld .video_a {
			height: auto;
		}

	}

	@media screen and (min-width: 992px ) {
		.jomaworld .video-list {
			max-height: 375px;
		}
	}
	@media screen and (min-width: 1200px ) {
		.jomaworld .video-list {
				max-height: 450px;
			}
	}









	.jomaworld .sponsors {
		z-index: 3;
		padding: 30px 15px;
	}
		.jomaworld .sponsors .escudo {
			padding: 10px;
		}
			.jomaworld .sponsors img {
				max-height: 80px;
				margin: 0 auto;
			}

	@media screen and (min-width: 768px ) {
		.jomaworld .sponsors {
			padding: 40px 0;
		}

	}

	.jomaworld .cyk {
		display: block;
		padding: 0 8px 8px 0;
	}
		.jomaworld .cyk img {
			max-width: 100%;
		}


/*
	=================================================================================
	JOMAWORLD | SINGLE
	=================================================================================
*/
	.blog_single h1 {
		line-height: 32px;
		margin: 0;
		padding: 10px 0;
		letter-spacing: 0px;
		font-weight: 600;
		font-size: 26px;
		border-bottom: 3px solid #5adb3c;
		text-transform: uppercase;
		text-align: center;
	}
	.blog_single h2 {
	  font-size: 20px;
	  font-weight: 400;
	  margin: 30px 0;
	  text-align: center;
	  color: #1e1e1e;
	}
	.blog_single img {
		border: 1px solid #eee;
		margin: 0 auto;
	}
	.blog_single .description iframe {
		width: 696px;
    height: 394px;
		max-width: 100%;
		margin: 30px auto;
	}

	.blog_single .meta-data {
		margin: 30px 0 15px 0;
		font-size: 13px;
	}
		.blog_single .meta-data span {
			display: inline-block;
		}
			.blog_single .meta-data span:after {
				content: " | ";
				margin: 0 10px;
			}
			.blog_single .meta-data span:last-child:after {
				content: "";
				margin: 0;
			}

	.navigation_news {
		position: fixed;
		z-index: 222;
		top: 50%;
		font-size: 24px;
		margin-top: -32px;
		background: #3498db;
	}
	.navigation_news a {
		color: #fff;
		display: block;
		padding: 14px 4px;
	}
	.navigation_news.news_next {
		right: 0;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.navigation_news.news_prev {
		left: 0;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.news_navigation_on .navigation_news { opacity: 1; }



@media screen and (max-width: 767px) {
	.blog_single h1 {
		line-height: 26px;
		font-size: 20px;
	}
	.blog_single h2 {
	  font-size: 16px;
	  margin: 15px 0;
	}
	.navigation_news {
		opacity: 0;
		font-size: 18px;
		margin-top: -20px;
		background: rgba(52,152,219,0.75);
		-webkit-transition: opacity 0.4s ease;
		-moz-transition: opacity 0.4s ease;
		-o-transition: opacity 0.4s ease;
		transition: opacity 0.4s ease;
	}
	.navigation_news a {
		color: #fff;
		display: block;
		padding: 10px 6px;
	}
}






/*
	=================================================================================
	GUÍA DE TALLAS
	=================================================================================
*/
	.size_chart #woman,
	.size_chart #child,
	.size_chart .inches {
		display: none;
	}

	.size_chart h3 {
		text-align: center;
		font-size: 20px;
		text-transform: uppercase;
		color: #333;
		padding: 30px 0;
	}

	.size_chart .image {
		margin: 0 auto 30px auto;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.size_chart .table-responsive {
		margin: 0;
		border: 1px solid #eee;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
		.size_chart table {
			margin: 0;
			text-align: center;
		}
			.size_chart th {
				text-align: center;
				background: #f7f7f7;
				color: black;
				font-weight: 600;
				border-bottom: 0 !important;
			}

	.size_chart hr {
		border-top: 1px dashed #ddd;
		margin: 60px 0 0 0;
	}

	.size_chart .btn-group {
		margin-bottom: 30px;
	}

	.size_chart .btn-group a.button_dark:hover {
		background: #444;
		border: #444;
		color: #fff;
	}
	#size_genre.btn-group a:nth-child(2) {
		border-left: 0;
		border-right: 0;
	}
	#size_units.btn-group a:first-child {
		border-right: 0;
	}
	.size_chart .btn-group a:hover {
		background: #f2f2f2;
	}

	.size_chart ol {
		margin: 0 0 30px 0;
		list-style: none;
		text-align: left;
		padding: 0 60px;
	}
	.size_chart li {
		position: relative;
		padding-bottom: 10px;
	}
	.size_chart li span {
		position: absolute;
		left: -40px;
		display: block;
		text-align: center;
		font-weight: 600;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
		background: #b8e746;
		color: #000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.size_chart strong {
		display: block;
	}

	.size_chart .button_active {
		background: #f2f2f2 !important;
	}
	.size_chart .button:focus,
	.size_chart .button:hover {
		background: #fff;
		border-color: #ccc;
	}

	@media screen and (max-width: 480px) {
		.size_chart h3 {
			padding: 30px 0 15px 0;
		}
		.size_chart hr {
			display: none;
		}
	}



.test {
	position: fixed;
	left: 10px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	z-index: 1;
	background: #ccc;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

/*
	=================================================================================
	LISTADO TIENDAS
	=================================================================================
*/

.address-general-container h5 { 
	color: #21438E; 
}

.address-general-container img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.address-container p { 
	line-height: 16px; 
	margin-top: 2px; 
}

.address-container-title { 
	margin: 8px 0 0 0 !important; 
}

.address-general-container h5 {
    color: #ffffff;
    background: #21438E;
    padding: 8px;
}




/*
	=================================================================================
	SPONSOR SPECIAL
	=================================================================================
*/

.sponsor-special {
		padding-bottom: 50px;
	}
	.sponsor-special .fila1 {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+10,000000+100&0+0,0.1+100 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 10%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 10%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 10%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
		background-color: #{{ record.background }};
	}

	.sponsor-special .background-image {
		background-position: top center;
	}
	.sponsor-special .fila1 {
		overflow: hidden;
	}
		.sponsor-special .fila1 .main_info {
			padding: 30px 0;
		}
		.sponsor-special .fila1 h1 {
			font-weight: 600;
			text-transform: uppercase;
			font-size: 20px;
			color: #333;
		}
		.sponsor-special .fila1 h2 {
			text-align: center;
			font-size: 16px;
			font-weight: 600;
			line-height: 22px;
			color: #444;
			margin-bottom: 30px;
			text-transform: none;
			padding: 0 30px;
		}
		.sponsor-special .fila1 .header-img {
			position: relative;
		}
		.sponsor-special .fila1 .header-img img {
			max-width: 100%;
		}
		.sponsor-special .fila1 .social-icons {
			margin-bottom: 40px;
		}
	
	.sponsor-special .fila2 {
			padding: 40px 0;
			/*overflow: hidden;*/
	}

	.sponsor-special .fila3 {
		background: #f7f7f7;
		overflow: hidden;
		padding: 0;
	}
		.sponsor-special .fila3 .container-fluid,
		.sponsor-special .fila3 [class^='col-'],
		.sponsor-special .fila3 [class*=' col-'] {
			padding-left: 0;
			padding-right: 0;
		}
		.sponsor-special .fila3 h2 {
			text-transform: uppercase;
			font-size: 28px;
			font-weight: 600;
			color: #333;
		}
		.sponsor-special .fila3 .description {
			padding: 40px;
		}

	.sponsor-special .video {
		padding-top: 50px;
		overflow: hidden;
	}

	.sponsor-special .fila4 {
		padding-top: 50px;
		overflow: hidden;
		min-height: 300px;
	}


	.sponsor-special .description p {
		line-height: 26px;
		font-weight: 600;
	}

	.sponsor-special .jomaworld .news {
		margin: 0;
	}



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

		.sponsor-special .fila1 {
			min-height: 300px;
		}
			.sponsor-special .fila1 .main_info {
				padding: 30px 0;
			}
			.sponsor-special .fila1 .social-icons {
				margin-bottom: 0;
			}

		.sponsor-special .fila1 .header-img img {
			position: absolute;
			max-width: none;
		}
		.sponsor-special .fila1 h1 {
			font-size: 28px;
		}
		.sponsor-special .fila1 h2 {
			font-size: 16px;
  		line-height: 22px;
		}	
		.sponsor-special .fila3 .description {
			padding: 40px;
			max-width: initial;
			min-height: 35vw;
		}

		.sponsor-special .background-image {
			background-size: cover;
			background-repeat: no-repeat;
			/*background-position: center center;*/
		}

	}

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

		.sponsor-special .fila1 h2 {
			font-size: 17px;
			line-height: 26px;
		}

		.sponsor-special .fila1 .main_info {
			padding: 50px 0;
		}

		.sponsor-special .table-forced .row-height {
			min-height: 500px;
		}

		.sponsor-special .fila1 {
			min-height: 500px;
		}

	}




.flagat, .flagau, .flagbe, .flagbr, .flagca, 
.flagch, .flagci, .flagcd, .flagde, .flageg, 
.flages, .flagfr, .flagga, .flagit, .flagkm, 
.flaglu, .flagma, .flagmx, .flagus, .flagng, 
.flagpr, .flagrm, .flagru, .flagtn, .flaggb, 
.flagen, .flagcn, .flagpl
{ display: inline-block; background: url('https://www.joma-sport.com/ka/apps/joma_com_media/assets/flags-sprites/flags-sprites.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.flagat { background-position: -0px -0px; width: 24px; height: 24px; }
.flagau { background-position: -24px -0px; width: 24px; height: 24px; }
.flagbe { background-position: -48px -0px; width: 24px; height: 24px; }
.flagbr { background-position: -72px -0px; width: 24px; height: 24px; }
.flagca { background-position: -96px -0px; width: 24px; height: 24px; }
.flagch { background-position: -0px -24px; width: 24px; height: 24px; }
.flagci { background-position: -24px -24px; width: 24px; height: 24px; }
.flagcd { background-position: -48px -24px; width: 24px; height: 24px; }
.flagde { background-position: -72px -24px; width: 24px; height: 24px; }
.flageg { background-position: -96px -24px; width: 24px; height: 24px; }
.flages { background-position: -0px -48px; width: 24px; height: 24px; }
.flagfr { background-position: -24px -48px; width: 24px; height: 24px; }
.flagga { background-position: -48px -48px; width: 24px; height: 24px; }
.flagit { background-position: -72px -48px; width: 24px; height: 24px; }
.flagkm { background-position: -96px -48px; width: 24px; height: 24px; }
.flaglu { background-position: -0px -72px; width: 24px; height: 24px; }
.flagma { background-position: -24px -72px; width: 24px; height: 24px; }
.flagmx { background-position: -48px -72px; width: 24px; height: 24px; }
.flagus { background-position: -72px -72px; width: 24px; height: 24px; }
.flagng { background-position: -96px -72px; width: 24px; height: 24px; }
.flagpr { background-position: -0px -96px; width: 24px; height: 24px; }
.flagrm { background-position: -24px -96px; width: 24px; height: 24px; }
.flagru { background-position: -48px -96px; width: 24px; height: 24px; }
.flagtn { background-position: -72px -96px; width: 24px; height: 24px; }
.flaggb,
.flagen { background-position: -96px -96px; width: 24px; height: 24px; }
.flagcn { background-position: -0px -120px; width: 24px; height: 24px; }
.flagpl { background-position: -24px -120px; width: 24px; height: 24px; }


/*
	=================================================================================
	size charts modal
	=================================================================================
*/

#size-chart-modal,
#fit-modal {
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	overflow-y: scroll;
	z-index: 100;
	padding: 30px 15px;
}
#fit-modal {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
	#size-chart-modal a.close,
	#fit-modal a.close {		
    text-align: right;    
    padding: 4px 6px;
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    border: 1px dotted #6d6d6d;
    color: #6d6d6d;
    opacity: 1;
	}
		#size-chart-modal a.close:hover,
		#fit-modal a.close:hover {		
	    border: 1px dotted #1e1e1e;
	    color: black;
		}
	#size-chart-modal .size_chart {
		padding: 15px;
		background: white;
		max-width: 1280px;		
	}
	#fit-modal .size_chart {
		padding: 15px;
		background: white;
		width: 360px;
		max-width: 100%;		
		max-height: 100%;
		overflow-y: auto;
	}

#size-chart-modal .button,
#fit-modal .button {
	background-color: white;
	color: black;
	border-radius: 0;
	border: 1px solid #bfbfbf;
}
	#size-chart-modal .button.rounded,
	#fit-modal .button.rounded {
		border-radius: 21px;		
		margin: 0 2px;
		min-width:120px;
		font-size:12px;
		padding: 5px;
	}
	#size-chart-modal .button:hover,
	#fit-modal .button:hover {
		background-color: #efefef;
		color: #1e1e1e;	
		border: 1px solid #efefef;	
	}
		#size-chart-modal .button.button_active,
		#fit-modal .button.button_active {
		background-color: black!important;
		border: 1px solid black;	
		color: white;		
	}


.cart_units {
  position: absolute;
  top: 8px;
  left: 20px;
  background: black;
  color: white;  
  width: 21px;
  height: 21px;  
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;  
  font-size: 12px;
}
@media screen and (max-width: 480px) {
	.cart_units {	  
	  top: 20px;
	  left: 20px;	 
	}
}

#modal_product_added,
#modal_quickview {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 100;
	background: rgba(0,0,0,0.1);
}
	#modal_product_added > div {
		background: white;		
		border: 3px solid #999;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
		width: 360px;
		max-width: calc( 100vw - 20px);
	}
	#modal_quickview > div {
		width: 980px;
		height: 628px;		
		overflow-y: scroll;
		background: white;		
		border: 3px solid #999;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.1);	
	}
		#modal_product_added > div .title  {
			background:#e2efe5;
			color:green;
			padding: 10px 30px;
			font-size:12px;
			text-align: center;
		}
		#modal_product_added > div .amount  {
			font-weight: 600;
			font-size: 14px;
		}
		#modal_product_added > div .buttons,
		#modal_product_cart > div .buttons  {
			padding: 10px;
			padding-bottom: 25px;
		}
			#modal_product_added > div .buttons button,
			#modal_product_cart > div .buttons button {			
				width:100%;
				margin-top:10px;
				background: #1e1e1e;
				border: none;
				color: white;				
				font-size:13px;
				padding:10px;
				transition-duration: 0.3s;
				text-transform: uppercase;
				opacity: 1;
			}
				#modal_product_added > div .buttons button:hover,
				#modal_product_cart > div .buttons button:hover {
					background: #21438e;
					font-weight: 600;
				}

		#modal_product_added button.close:hover {	    
	    opacity: 1;
		}


#modal_product_cart {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;	
	z-index: 100;
	background: none;	
	display: block;
	transition-duration: 0.3s;
	pointer-events: none;
}
	#modal_product_cart.active {
		background: rgba(0,0,0,0.7);
		pointer-events: initial;
	}

	#modal_product_cart > div {
		background: white;
    width: 320px;
    min-height: 100vh;
    position: relative; 
    left:100%;
    transition-duration: 0.3s;
	}
		#modal_product_cart.active > div {
			left: calc(100% - 320px);
		}

	#modal_product_cart.active > div h3{
		margin: 0;
		padding: 10px 0;
		font-size: 21px;
	}
	#modal_product_cart.active > div h5{
		margin: 0;
		font-size: 13px;
	}
	#modal_product_cart .cart_item {
		padding: 10px;
		border-bottom: 1px solid #ececec;
		margin-bottom: 10px;
		font-size:13px;
		text-transform: initial;
	}
	#modal_product_cart .delete_item {
		margin-top: -10px;
		float: right;
		background: none;
		border:none;
		font-size: 28px;
	}
		#modal_product_cart .delete_item:hover {
			color: #1e1e1e;
		}
	#modal_product_cart a {
		color: #1e1e1e;
    font-size: 13px;
    margin-top: 20px;
    display: block;
	}
		#modal_product_cart a:hover {
			text-decoration: underline;
		}

.quickview .thumbnails {
	margin: 20px auto 30px auto;
	text-align: center;
	max-width: initial;		
}	
.quickview .gallery {
	height: initial;
}
	.quickview .gallery figure {
		line-height: initial;
	}
		.quickview .gallery figure img {
			height: 450px;
		}
		.quickview .button_add {
			margin-top:0;
		}
		.quickview .description {
			min-height: 60px;
			margin:0;
			padding:0;
			font-size:12px;
		}

.button_quickview i {
	color:white;
	font-size:16px;
	line-height: 40px;
}


div[class*="col-"] {
	/*outline: 1px solid red;*/
}

/*
	=================================================================================
	draw modal
	=================================================================================
*/

#modal_draw {
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	overflow-y: scroll;
	z-index: 100;
	padding: 30px 15px;
}
	#modal_draw a.draw_close {		
    text-align: right;    
    padding: 4px 6px;
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    color: #6d6d6d;
    opacity: 1;
	}
		#modal_draw a.draw_close:hover {		
	    color: black;
		}
	#modal_draw .draw_body {
		padding: 30px;
		background: white;
		max-width: 480px;		
	}

	#modal_draw input[type="radio"] {
		width:16px;
		height:16px;
		display:inline-block;
		margin-right:10px;
	}

	/*
	=================================================================================
	catalogs modal
	=================================================================================
*/

#modal_catalog {
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.5);
	overflow-y: scroll;
	z-index: 100;
	padding: 20px 10px;
}
	#modal_catalog a.catalog_close {		
    text-align: right;    
    padding: 4px 6px;
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    color: #6d6d6d;
    opacity: 1;
	}
		#modal_catalog a.catalog_close:hover {		
	    color: white;
		}
	#modal_catalog .catalog_body {
		padding: 10px;
		background: #171717;
		max-width: 480px;		
	}



/*
========================================================================================================================
GRID DE PRODUCTOS
========================================================================================================================
*/

.grid-products {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: 1fr 1fr;
  /*grid-auto-rows: minmax(280px, auto);*/
  grid-auto-flow: dense;
  padding: 0;
}
	.grid-products [data-format="1"] {
		grid-column-end: span 2;
		grid-row-end: span 2;
		background-size: cover;
		background-position: center;
	}
	.grid-products [data-format="2"] {
		grid-column-end: span 3;
		grid-row-end: span 4;
		background-size: cover;
		background-position: center;
	}

	.grid-pagination {
		margin-top: 50px;
		position: relative;
	}


@media screen and (min-width: 1281px) and (max-width: 1440px) {
		
	.grid-products {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	  grid-auto-rows: minmax(300px, auto);
	}

}
@media screen and (min-width: 1441px) and (max-width: 1920px) {
		
	.grid-products {
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	  grid-auto-rows: minmax(350px, auto);
	}

}
@media screen and (min-width: 1921px) {
		
	.grid-products {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	  grid-auto-rows: minmax(400px, auto);
	}

}
@media screen and (max-width: 767px) {
		
	.grid-products {
		grid-gap: 2px;
	}

}


.grid-products-fluid {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: dense;
  padding: 15px 0;
}

@media screen and (min-width: 481px) and (max-width: 991px) {

	.grid-products-fluid {
	  grid-template-columns: repeat( auto-fill, minmax( calc(50% - 4px), 1fr) );
	}


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

	.grid-products-fluid {
	  grid-template-columns: repeat( auto-fill, minmax( calc(25% - 4px), 1fr) );
	}


}













/*
========================================================================================================================
PRODUCTO
========================================================================================================================
*/

.product {
	position: relative;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #929796;
  background: #fff;
	border: 1px solid #eee;
	transition: all .3s ease;
	cursor: pointer;
}
	.product > a {
		display: block;
		position: relative;
		width: 100%;
		height: 0;             
		padding-bottom: 100%; /* Convertimos este objeto en un elemento cuadrado */
		overflow: hidden;
		background: #eee;
	}
		.product img {
			width: 100%;
			transition: all .5s ease;
		}
		.product img.secondary {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			opacity: 0;
		}


	/* PRODUCTO > DATASHEET
	======================================================================================================================
	Ficha que se muestra en la parte inferior del producto                                                              */

	.product .datasheet {
		position: relative;
		z-index: 3;
		padding: 0;
		transition: top .5s ease, background .3s ease;
		background: #fff;
	}
		.product .datasheet-top {
			position: relative;
			padding: 6px;
			display: block;
		}
		.product .datasheet-bottom {
			position: absolute;
			top: 100%;
			left: 0;
			right: 0;
			display: none;
			margin: 0 -1px 0 -1px;
			padding: 0;
			background: #fff;
			border: 1px solid transparent;
			border-top: 0;
			transition: all .3s ease;
		}
			.product h2 {
				font-family: 'Roboto', sans-serif;
				font-weight: 600;
				font-size: 12px;

				padding: 3px;
				background: #fff;
				color: #000;
				margin: 0;
				overflow: hidden;
				transition: all .3s ease;
				position: relative;
				border-radius: 4px;
			}
			.product .price {
				display: block;
			}
			.product .price span,
			.product .price strike {
				color: #fff;
				font-size: 12px;
				padding: 3px;
			}
			.product .price span {
				color: #000;
			}
			.product .price strike {
				color: #f50057;
			}

			.product .actions {
				background: #fff;
				padding: 0 4px 4px 4px;
				display: grid;
				grid-template-columns: 1fr auto;
				grid-gap: 2px;
			}
				.product .actions button {
					padding: 8px;
					background: #333;
					color: #fff;
					font-size: 12px;
					text-transform: uppercase;
					border: 0;
					transition: all .3s ease;
				}
				.product .actions button:hover {
					background: #21438e;
				}
				.product .add-to-cart {
					padding: 4px 8px;
				}
				.product .select-size {
					padding: 4px 8px;
					background: #673AB7;
					display: none;
					pointer-events: none;
				}

			.product .icon-expand {
				min-width: 50px;
			}
														
			.product .sizes {
				display: none;
				grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
				grid-gap: 4px;
				position: relative;
				z-index: 1;
				margin: 0 4px 4px 4px;
			}
				.product .sizes span {
					color: #000;
					background: #fff;
					border: 1px solid #eee;
					text-align: center;
					padding: 8px;
					transition: all .3s ease;
				}
				.product .sizes span:not(.disabled):hover {
					/*border-color: #333;*/
					border-color: red;
				}
				.product .sizes span.disabled {
					opacity: .2;
					pointer-events: none;
				}
				.product .sizes span.stock-future {
					color: #000;
					background: #eee;
				}
				.product .sizes span.notavailable {
					pointer-events: none;
					grid-column: 1 / -1;
				}


	/* PRODUCTO > ETIQUETAS
	======================================================================================================================
	Etiquetas con las que mostramos si es un producto nuevo u otros textos                                              */

	.product .private-sales {
		position: absolute;
		top: 2px;		
		left: 2px;
		background-color: #f50057;
		padding: 5px 10px;
		border-radius: 0;
		color: #fff;
		z-index: 2;
		line-height: 1;
		text-align: center;
		font-weight: 600;
	}
		.product .private-sales > span {
			text-transform: uppercase;
			font-size: 12px;			
		}

	@media screen and (max-width: 480px) {
		.product .private-sales {
			padding: 3px 6px;
		}
		.product .private-sales,
		.product .private-sales > span {
			font-size: 10px;
		}
	}

	/* PRODUCTO > ETIQUETAS
	======================================================================================================================
	Etiquetas con las que mostramos si es un producto nuevo u otros textos                                              */

	.product .new-icon {
		position: absolute;
		top:2px;		
		left:2px;
		background-color: black;
		padding: 5px 10px;
		border-radius: 2px;
		color:white;
		z-index: 2;
		line-height: 1;
		text-align: center;
	}
		.product .new-icon > span {
			text-transform: uppercase;
			font-size: 12px;			
		}

	@media screen and (max-width: 480px) {
		.product .new-icon {
			padding: 3px 6px;
		}
		.product .new-icon,
		.product .new-icon > span {
			font-size: 10px;
		}
	}

	.product .limited-edition-icon {
		position: absolute;
		top:2px;		
		left:2px;
		background-color: black;
		padding: 5px 10px;
		border-radius: 2px;
		color:white;
		z-index: 2;
		line-height: 1;
		text-align: center;
	}
		.product .limited-edition-icon > span {
			text-transform: uppercase;
			font-size: 12px;			
		}

	@media screen and (max-width: 480px) {
		.product .limited-edition-icon {
			padding: 3px 6px;
		}
		.product .limited-edition-icon,
		.product .limited-edition-icon > span {
			font-size: 10px;
		}
	}

	.product .sustainability-icon {
		position: absolute;
		top:2px;		
		left:2px;
		background-color: black;
		padding: 5px 10px;
		border-radius: 2px;
		color:white;
		z-index: 2;
		line-height: 1;
		text-align: center;
	}
		.product .sustainability-icon > span {
			text-transform: uppercase;
			font-size: 12px;			
		}

	@media screen and (max-width: 480px) {
		.product .sustainability-icon {
			padding: 3px 6px;
		}
		.product .sustainability-icon,
		.product .sustainability-icon > span {
			font-size: 10px;
		}
	}
	

	/* PRODUCTO > SLIDER
	======================================================================================================================
	Galería de variantes de producto                                                                                    */

	.product .slider {
		display: grid;
		grid-template-columns: auto 1fr auto;
		margin-bottom: 7px;
	}
	.product .slider.disabled-arrows {
		grid-template-columns: 5px 1fr 5px;
	}
		.product .slider > button {
			border: 0;
			border-top: 1px solid #eee;
			background: #fff;
			color: #000;
			padding: 0 5px;
			text-align: center;
			font-size: 16px;
			font-weight: 600;
			transition: all .3s ease;
		}
		.product .slider > button:hover {
			background: #eee;
			border-color: #eee;
			border-top-color: #666;
			color: #000;
		}

		.product .slider-container {
			overflow: hidden;
		}
			.product .slides {
				display: grid;
				grid-template-columns: repeat( auto-fit, minmax(25%, 1fr) );
				max-width: 100%;
			  grid-auto-flow: column;
			  grid-auto-columns: minmax(25%, 1fr);
			  position: relative;
			  left: 0;
			  transition-duration: .6s;
			}
				.product .slides button {
					background: #fff;
					border: 0;
					border-top: 2px solid #eee;
					z-index: 1;
					transition: all .3s ease;
				}
				.product .slides button:not([data-clicked="true"]):hover {
					border-top-color: #999;
				}
				.product .slides button[data-clicked="true"] {
					border-top: 2px solid red;
				}
					.product .slides button img {
						max-height: 40px;
						width: auto;
						max-width: 100%;
					}
					.product .slides .data-sizes {
						display: none;
					}

			.product .slider.disabled-arrows .icon-prev,
			.product .slider.disabled-arrows .icon-next {
				opacity: 0;
			}


	/* PRODUCTO > OFFER
	======================================================================================================================
	Producto en oferta                                                                                                  */

	.product.offer::before {
	  content: "";
	  width: 48px;
	  height: 48px;
	  border-style: solid;
	  border-width: 48px 48px 0 0;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 2;
		border-color: #333 transparent transparent transparent;
		pointer-events: none;
	}
	.product.offer::after {
		pointer-events: none;
		font-family: 'icons' !important;
		position: absolute;
		top: 7px;
		left: 9px;
		z-index: 2;
		font-size: 14px;
		content: "\e601";
		color: #fff;
	}


	/* PRODUCTO > ADULT-CHILD
	======================================================================================================================
	Producto adult-child                                                                                                */

	.product.adult-child::before {
	  content: "";
    width: 40px;
    height: 40px;
    border-style: solid;
    border-width: unset;
    position: absolute;
    top: 2px;
    display: inline-block;
    left: 2px;
    z-index: 1;
    background: rgba(255,255,255,75%);
    border: none;
    pointer-events: none;
    border-radius: 50%;
	}
	.product.adult-child::after {
		content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 30px;
    height: 30px;
    z-index: 1;
    background: url(https://www.joma-sport.com/ka/apps/joma_com_media/assets/common/adult-child.svg);
    background-size: cover;
    opacity: 0.7;
	}

	@media screen and (min-width:768px) {
		.product.adult-child::before {
			width: 60px;
			height: 60px;
			top: 2px;			
			left: 2px;			
		}
		.product.adult-child::after {
			top: 6px;
			left: 6px;
			width: 50px;
			height: 50px;			
		}
	}


	/* PRODUCTO > WISHLIST
	======================================================================================================================
	Botón que permite al usuario agregar o eliminar un producto de su lista de favoritos                                */

	.product .wishlist {
		position: absolute;
		right: 0;
		z-index: 2;
		opacity: 1;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		margin: 6px;
		border: 0;
		background: rgba(0,0,0,.03);
		transition: all .3s ease;
	}
	.product .wishlist:hover {
		background: rgba(255,255,255,.8);
	}
	.product .wishlist:active {
		background: #fff;
	}
	.product .wishlist::after {
		content: "\e500";
		font-family: 'icons' !important;
		font-size: 22px;
		color: #000;
	}
	.product.wishlist-on .wishlist::after {
		content: "\e501";
		color: red;
	}


	/* PRODUCTO > OTROS ESTADOS
	======================================================================================================================
	Ajustes en ciertos elementos en función de elementos calculados por js                                              */

	.product.sizes-calculated .sizes {
		display: grid;
	}
	.product.sizes-calculated .add-to-cart {
		display: none;
	}
	.product.sizes-calculated .select-size {
		display: block;
	}
	.adding-product-to-cart .product:not(.hovered) {
		pointer-events: none;
		filter: grayscale( 100% );
	}


	/* PRODUCTO > HOVER
	======================================================================================================================
	Ajustes visuales al ponerse encima de un producto                                                                   */

	body:not(.touch) .product:hover {
		border-color: #999;
	}
		body:not(.touch) .product:hover .datasheet-top {
			background: #fff;
		}
		body:not(.touch) .product:hover .datasheet-bottom {
			display: grid;
			border-color: #999;
		}

		body:not(.touch) .product > a:hover .secondary {
			opacity: 1;
		}


	/* PRODUCTO > RESPONSIVE
	======================================================================================================================
	Ajustes en función del tamaño de la pantalla                                                                        */

	@media screen and (max-width: 767px) {
			
		.product {
			border: 0;
		}
		.product.offer::before {
	    width: 36px;
	    height: 36px;
	    border-width: 36px 36px 0 0;
		}
		.product.offer::after {
	    top: 3px;
	    left: 6px;
	    font-size: 12px;
		}

		.product .wishlist {
	    width: 30px;
	    height: 30px;
	    margin: 3px;
		}
		.product .wishlist::after {
	    font-size: 18px;
	   }

	}






																											.shop .orders .btn-group button:after {
																												content: "";
																												display: block;
																												position: absolute;
																												top: 6px;
																												left: 8px;
																												background: #21438E;
																												width: 7px;
																												height: 7px;
																												border-radius: 50%;
																											}
																												.shop .orders li[current] a {
																													color: #21438E;
																													position: relative;
																												}
																												.shop .orders li a {
																													padding-right: 40px;
																												}
																												.shop .orders li i {
																													position: absolute;
																													right: 15px;
																													top: 6px;
																												}


																													








/*
	=================================================================================
	MIGA DE PAN
	=================================================================================
*/
	.breadcrumb { 
		font-weight: 600;
		font-size: 14px;
		text-transform: uppercase;
		margin-bottom: 10px;
		margin-top: -15px;
		margin-bottom: 20px;
	}
		.breadcrumb a {
			color: #545454;
		}
		.breadcrumb a:before {
			font-family: 'icons';
			content: "\e305";
			padding-left: 5px;
		}
			.breadcrumb a:first-child {
				margin-right: 30px;
			}
			.breadcrumb a:first-child:before {
				content: "\e04";
				padding-left: 0; 
				padding-right: 5px; 
			}
			.breadcrumb a:hover {
				color: #3498db;
			}

			.breadcrumb a {
				color: #545454;
			}

	@media screen and ( max-width: 480px) {
		.breadcrumb { display: none; }
	}


	/*
	=================================================================================
	MIGA DE PAN 2 (new web)
	=================================================================================
*/

	.breadcrumb2 {
		/* background-color: #e2e2e2; */
		font-size: 13px;
  	padding: 20px 10px 10px 30px
	}
	.breadcrumb2.white {
		background-color: initial;
		position: absolute;
		z-index: 2;
	}
		.breadcrumb2 li,
		.breadcrumb2 a,
		.breadcrumb2 a:visited {
			color: #1e1e1e;
		}
		.breadcrumb2 a:hover {
			color: #56cfe1;
		}
		.breadcrumb2 ul {
			margin-bottom: 0;
			padding-left: 0;
		}
		.breadcrumb2 li {
			display: inline-block;
			margin: 0 5px;
		}
		.breadcrumb2 li:not(:first-child):before {
			font-family: "icons" !important;
			content: "\e302";
			font-size:9px;
			font-weight: normal;
	    -webkit-font-smoothing: antialiased;
	    margin-right:5px;
		}
		.breadcrumb2 li:last-child, .breadcrumb2.white li.history-back i {
			/*font-weight: 600;*/
		}
		.breadcrumb2 h1, .breadcrumb2 h2 {
			color: #1e1e1e;
	    font-weight: 600;
	    font-size: 24px;	    
	    margin: 10px 0 10px 0;    	
		}

	@media screen and (max-width:768px){
		.breadcrumb2 {			
	  	padding: 10px;
		}
		.breadcrumb2 h1, .breadcrumb2 h2 {
			/*text-align: center;			*/
			text-align: left;			
		}
	}





/*
	=================================================================================
	SHOP PRODUCT OPINIONS
	=================================================================================
*/

#product-opinions h5 {
	font-weight: 400;
	font-style: italic;
	text-transform: initial;
	font-size: 16px;
}

#product-opinions h5 > span {
	font-style: initial;
	font-size: 13px;
	display: block;
}

#product-opinions .op-item {
	height: 30vw;
	max-height: 250px;
}

#product-opinions button {
	background: #333;
  color: white;
  border-radius: 4px;
  border: none;
  padding: 4px 15px;
  transition-duration: 0.4s;
}
	#product-opinions button:hover {
		background: #21438e;
	}


@media screen and (max-width: 991px){
	#product-opinions .op-item {
		height: initial;
		max-height: initial;
		margin: 20px auto;
	}
}



/*
	=================================================================================
	ABOVE THE FOLD
	=================================================================================
*/

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.form-control {
	box-shadow: none;
}






#modal-policy {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 10px;
	padding: 16px 10px 5px 10px;
	border-radius: 10px;
	max-width: 300px;
	box-shadow: rgba(0, 0, 0, 0.47) 0px 2px 5px 0px;

	background-color: rgb(194, 194, 193);
	color: rgb(30, 30, 30);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75;

	z-index: 9999;
	
}
	#modal-policy ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
	}
		#modal-policy li {
			display: inline-block;
			width: 33%;
			padding-right: 5px;
		}
		#modal-policy .btn {
			display: inline-block;
			width: 100%;
			margin: 25px 0 0 0;
			padding: 4px 10px;
			text-decoration: none;
			border-radius: 2px;
			background-color: #1e1e1e;
			color: #FFFFFF;
			font-size: 13px;
		}
		#modal-policy li:last-child .btn {
			background-color: #0A89DA;
			color: #FFFFFF;
		}


.newsletter h2 {
	font-size: 24px;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 1.428;
	letter-spacing: .5px;
	margin-bottom: 5px;
	margin-top: 20px;
}
.newsletter .block {
	/*max-width: 550px;*/
	max-width: 785px;
	margin: 0 auto;
	padding: 2px;
}

.newsletter .banners {
	text-align: right;
	padding: 0;
	font-size: 0;
}
	.newsletter .banners > a {
		display: inline-block;
		font-size: 16px;
		position: relative;
	}
		.newsletter .banners img {
			/*float: right;*/
			padding: 0;
			margin: 0;
		}


		.newsletter .equipaciones .text {
			position: absolute;
			top: 40px;
			right: 0;
			left: 120px;
			bottom: 0;
			text-align: center;
		}
			.newsletter .equipaciones h3 {
				font-weight: 600;
				margin: 0;
				color: #1e1e1e;
				line-height: 1.428;
				letter-spacing: .5px;
				font-size: 20px;
			}
			.newsletter .equipaciones .btn {
				box-shadow: 1px 1px 0 0 rgba(0,0,0,.1);
				padding: 0 20px;
				height: auto;
				min-width: 150px;
				border-radius: 0;
				font-size: 14px;
				border: 1px solid #000;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
				line-height: 36px;
				white-space: nowrap;
				vertical-align: middle;
				cursor: pointer;
				margin-top: 15px;
				background: rgba(0,0,0,.3);
				transition: all .3s ease;
			}

			.newsletter .equipaciones:hover .btn {
				background: rgba(0,0,0,.6);
			}

		.newsletter .catalogos .text {
			position: absolute;
			top: 32px;
			right: 0;
			left: 27px;
			bottom: 0;
			text-align: left;
		}
			.newsletter .catalogos span {
				font-weight: normal;
				font-size: 16px;
				color: #fff;
				line-height: 1.428;
				letter-spacing: .5px;
			}
			.newsletter .catalogos h3 {
				font-weight: 600;
				margin: 0;
				color: #fff;
				line-height: 1.428;
				letter-spacing: .5px;
				font-size: 20px;
			}


		@media (max-width: 580px) {

				.newsletter .banners > a {
					display: block;
				}

				.newsletter .banners .catalogos img {
					width:100% !important;
				}

				.newsletter .catalogos .text {
				    top: 220px;
				    right: 0;
				    left: 40px;
				    bottom: 0;
				}				

		}

.form-footer-newsletter input[type=email] {
	background:#C2C2C1;
	border:1px solid #9d9d9d;
	border-radius:0;
}

.form-footer-newsletter input[type=email],
.form-footer-newsletter input[type=email]::placeholder {
	font-size: 13px;
	font-weight: normal;
  color: #1e1e1e;
}


.nopadding {
	padding: 0 !important;
}
.nomargin {
	margin: 0 !important;
}

.vertical-align-middle {
	display: flex;
	align-items: center;
}












body.dev:after,
html.maintenance body:before {
	position: fixed;
	right: 0;
	background: rgba(216, 26, 96, 1);
	pointer-events: none;
	color: #fff;
	padding: 3px 10px;
	font-family: Consolas;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	z-index: 999;
}
body.dev:after {
	content: "dev";
	bottom: 0;
} 






	/*
		//FER SHOP > CABECERA CATEGORÍA PRODUCTOS 
	*/

	/* header */
	.category-header-1 {
		width: 100%;
		height: 400px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin: -40px 0 40px 0;		
	}

	/* subheader */
	.category-header-2 {
		width: 100%;
		height: 360px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	@media screen and (min-width:992px){
		.category-header-2 {		
			background-size: contain;
		}
	}

	@media screen and (max-width: 767px) {
		.category-header-2 {
			height: 100vw;
		}
	}
	
	@media screen and (max-width: 480px) {
		.category-header-1 {
		    margin: -20px 0 40px 0;
		}
	}




.alert-modal {
	display:none;
	position:fixed;
	background-color: rgba(0,0,0,0.25);
	width:100vw;
	height:100vh;
	top: 0;
	left: 0;
	z-index:1000;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
	.alert-modal > div {
		width: 80%;
		max-width:600px;
		background-color:white;
		box-shadow:0 0 20px rgba(0,0,0,0.25);
		padding:15px 25px;
		border-radius: 2px;
		text-align: center;
		pointer-events: all;
	}

.grid-test-label {
	position: absolute;
	background: green;
	color: white;
	display: block;
	top: 30px;
	z-index: 1;
	border-radius: 2px;
	padding: 3px 5px;
	font-size: 12px;
	left: 2px;
}


/*
PAPELERA



.producto img:after {  
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}

	=================================================================================
	blackfriday label
	=================================================================================

	.blackfriday-icon {
		position: absolute;
		top:2px;		
		left:0;
		background-color: #E91E63;
		padding: 2px 6px 5px 6px;		
		border-radius: 2px;
		color:white;
		z-index: 3;
		line-height: 0.7;
		max-width: 50%;
		text-align: center;
	}
		.blackfriday-icon > span {
			text-transform: uppercase;
			font-size: 10px;			
		}



	=================================================================================
	SHOP > BANNER
	=================================================================================
	#banner {
		margin-bottom: 20px;
	}
	#banner img {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}




	#band {
		position: relative;
	}
	#band > div {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition-duration: 0.4s;
		transform: translateY(100%);
		width: 100%;
	}
		#band > div.active {
			opacity: 1;
			transform: translateY(0);
		}


*/