/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 23, 2018 */



@font-face {
    font-family: 'gothamblackregular';
    src: url('../custom/webfonts/gotham/gothamblack-webfont.woff2') format('woff2'),
         url('../custom/webfonts/gotham/gothamblack-webfont.woff') format('woff'),
         url('../custom/webfonts/gotham/gothamblack-webfont.svg#gothamblackregular') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'gothamlightregular';
    src: url('../custom/webfonts/gotham/gothamlight-webfont.woff2') format('woff2'),
         url('../custom/webfonts/gotham/gothamlight-webfont.woff') format('woff'),
         url('../custom/webfonts/gotham/gothamlight-webfont.svg#gothamlightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 23, 2018 */



@font-face {
    font-family: 'gothambookregular';
    src: url('../custom/webfonts/gotham/gothambook_regular-webfont.woff2') format('woff2'),
         url('../custom/webfonts/gotham/gothambook_regular-webfont.woff') format('woff'),
         url('../custom/webfonts/gotham/gothambook_regular-webfont.svg#gothambookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GothamBold';
    src: url('../custom/webfonts/gotham/Gotham-Bold.woff2') format('woff2'),
        url('../custom/webfonts/gotham/Gotham-Bold.woff') format('woff'),
        url('../custom/webfonts/gotham/Gotham-Bold.ttf') format('truetype'),
        url('../custom/webfonts/gotham/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	    font-family: 'gothambookregular';
}

/*
    font-family: 'GothamBold';
    font-family: 'gothambookregular';
*/

a{
	color: #5891c2;
}

header{
	position: sticky;
	background-color: #000;
} 

header .top{
	background-color: #5891c2;
}

header .top a:hover{
	color: #000;
}

header .logo{
	float: left;
	width: 250px;
	height: 73px;
	background-image: url("../custom/logo.png");
	background-position: top left;
}

header .hamburger{
	padding: 22px 0;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	background-color: #5891c2;
}

.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner:after, .hamburger:hover .hamburger-inner:before{
	background-color: #5891c2;	
}

header .options p:hover{
	opacity: 1;
}


header .options a{
	color: #ffffff;
}

header .options a:hover{
	color: #5891c2;
}

h1, h2{
	    font-family: 'GothamBold';
		text-transform: uppercase;
}

.articulo h1:after, .articulo h2:after, .cursos h2:after, .cursos h2:after{
	display: block;
	content: "";
	width: 25%;
	height: 4px;
	border-bottom: solid #5891c2;
	margin: 15px 0 30px;
}

h2:after {
    content: "";
    display: block;
    width: 300px;
    height: 2px;
    background-color: #5891c2;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px;
}

.cursos h2:after{
	margin: 15px auto 30px;
}

.carousel h1{
	font-size: 3rem;
}

.carousel-caption{
	z-index: 1;
}

.carousel-caption h1 + p{
	display: none;
}

h2{
	font-size: 2.250em;
	text-align: center;
	margin-bottom: 30px;
	font-weight: 900;
}

h2 + p{
	text-align: center;
	margin-bottom: 50PX;
}

p{
	color: #787878;
}

.btn.call, .btn-call, .btn-primary{
	background-color: #5891c2;
    color: #ffffff;
    padding: 15px 40px;
	font-size: 0.688em;
	font-weight: 700;
	border-radius: 0;
	text-transform: uppercase;
	border: 0;
}

.btn.call:hover, .btn-call:hover, .btn-primary:hover{
	color: #ffffff;
	background-color: #5891c2;
	border: 0;
}

/*productos*/
.listadoProductos a, .listadoCategorias a, .productos a{
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);	
	transition: all .5s;
}

.listadoProductos a:hover, .productos a:hover{
	-webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
	box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);	
}

.listadoProductos a .imagen img, .productos  a .imagen img{
	filter: blur(0px);	
	transition: all .5s;		
}

.listadoProductos a .imagen:before{
	content: "\f290";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 0rem;
	z-index: 0;
	transition: all .3s;
	opacity: 0;
	color: #5891c2;
}

.listadoProductos a:hover .imagen:before{
	opacity: 1;
	font-size: 2.5rem;
	z-index: 1;
}

.listadoProductos a:hover .imagen img, .productos  a:hover .imagen img{
	width: 110%;
	height: 110%;
	filter: blur(4px)
}

.listadoProductos a .texto, .listadoCategorias  a .texto, .productos  a .texto{
	padding: 30px 15px;
}

.listadoProductos a .nombreProducto, .listadoCategorias  a .nombreProducto, .productos  a .nombreProducto{
	font-size: 1rem;
	font-weight: 900;
	color: #000;
	    font-family: 'GothamBold';	
	
}

.listadoProductos a .detalleProducto, .productos  a .detalleProducto{
	font-size: .879rem;
}

.listadoProductos a .precioOriginal, .productos  a .precioOriginal{
	color: #cccccc;
	font-size: .879rem;
	text-decoration: line-through;
	margin-bottom: 0;
}

.listadoProductos a .precioProducto, .productos  a .precioProducto{
	font-size: 1.25rem;
	color: #5891c2;
	font-weight: 700;
}

.listadoProductos a .btn-call, .productos  a .btn-call, .listadoProductos a .btn-call:hover, .productos  a .btn-call:hover{
	color: #ffffff;
}

/*categorias*/

.listadoCategorias a{
	border-radius: 100%;
	border: 4px solid #5891c2; 
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
}

.listadoCategorias a p{
	width: auto;
	top: 50%;
	left: 50%;
	bottom: auto;
	transform: translate(-50%,-50%);
	font-size: 1.5rem;
	color: #ffffff;
	font-weight: 900;
	margin-bottom: 0;
	transition: all .3s;
	background-color: #000;
	padding: 10px;
}

.listadoCategorias  a:hover{
	background-color: #000;
}

.listadoCategorias a img{
	transition: opacity .3s;
}

.listadoCategorias a:hover img{
	opacity: 0;
}

.listadoCategorias a:hover p{
	transition: all .3s;
}
.listadoCategorias a:hover p{
	color: #5891c2;
	background: none;
	font-size: 2rem;
}


.listadoProductos a, .listadoCategorias a, .productos a{
	vertical-align: top;
}

footer{
	background-color: #5891c2;
}

footer .redes a{
	color: #ffffff;
	transition: all .3s;
	margin-right: 15px;
}

footer .redes a:before{
	font-size: 2rem;
}

footer .redes a:hover{
	transform: translateY(-5px)
}

footer .links p:first-child{
	color: #ffffff;
}


.enConstruccion .social a:hover, footer .redes a:hover:before ,footer .links p a:hover{
	color: #4DFFFF;
}

footer .footReg p{
	color: #ffffff;
}

footer .footReg .realizado{
	background-image: url("realizado.svg");
}


/*Articulo*/

.articulo ul, .descripcion ul{
	padding: 0;
	list-style: none;
}

.articulo ul li, .descripcion ul li{
	font-size: .879rem;
}

.articulo ul li:before, .descripcion ul li:before{
    content: "•";
    color: #5891c2;
    margin-right: 5px;
	
}

section:nth-child(odd){
	background-color: #f7f7f7;
}

/*Producto*/

.producto .carousel .carousel-item:after{
	display: none;
}

.producto .carousel-fade .carousel-item{
	object-fit: contain;
}

section.producto h1{
	font-weight: 900;
}

.importeFinal input[type="number"]{
	background-color: #484848;
	padding: 0 15px;
	border-radius: 12px;
	font-weight: 700;
}

body{
		background-image: url('wally-saludando-1-5.jpg'), url('wedwer.jpg');
		background-position: bottom left, center right;
		background-size: 20% auto, 20%;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}		



.buscando form, .mensaje > div:first-child{
	background-color: #ffffff;
}	
	
.buscando .mask, .mensaje .mask{
	background-color: rgba(0,0,0,.25)
}	

.buscando form input[type="submit"], .articulo form.buscandoDescarga input[type="submit"]{
	background-color: #5891c2;
}

.buscando form input[type="submit"]:hover, .articulo form.buscandoDescarga input[type="submit"]:hover{
	background-color: #5891c2;
}

.registroPaginacion > p {
    font-size: .8rem;
    margin-bottom: 1rem;
    text-align: center;
	padding-bottom: 1rem;
}

header .options .active ul {
    z-index: 1;
    height: auto;
    padding: 0 0 0 15px;
    margin: 15px 0;
}

.breadcrumbs{
	display: none;
}


/*Cursos*/

.cursos .listado{
	font-size: 0;
}

.cursos .listado .curso{
	font-size: 1rem;
	background-color: transparent;
	border: 1px solid #5891c2;
}

.cursos .listado .curso:hover{
	background-color: #5891c2;
	
}

footer .clearfix + .links {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

footer .clearfix + .links p {
    display: inline-block;
    margin: 5px 10px;
    text-align: center;
}

.articulo.cursada{
	padding-top: 60px;
}

.datosProducto .descripcion{
	margin-bottom: 30px;
}

section.is-empty{
	display: none;
}

header + section.destacadosTienda{
	margin-top: 0;
	padding: 60px 0; 
}

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

body{
	background-size: 45% auto, 45%;	
}		

	#header > .container{
		padding-top: 0;
	}	
	
header .logo {
    width: 200px;
    height: 62px;
}
	
	header .hamburger{
		padding: 16px 0;
	}

	header ul.options{
		margin-bottom: 0;
	}

header .options > li a, header .options > li > p {
	margin-left: 0;
	}	
	
header .options > li:last-of-type{
	margin-bottom: 60px;
	}
	
	
header + .carousel{
	height: calc(100vh - 103px);
}	
	
.carousel h1{
	font-size: 2rem;
}	
	
section{
	padding-top: 120px;
	padding-bottom: 100px;
	margin-bottom: 0;
	}

footer{
	padding-top: 100px;
	}	
/*Productos*/
	.listadoProductos a, .productos a{
		width: 100%;
		margin-right: 0;
	}

	.listadoCategorias a, .listadoCategorias a:nth-child(3n){
		width: 100%;
		margin-right: 0%;
	}	
		
	.listadoProductos a:nth-child(2n), .listadoCategorias a:nth-child(2n), .productos a:nth-child(2n), .listadoProductos a:last-child, .listadoCategorias a:last-child, .productos a:last-child{
		margin-right: 0;
	}
	
}

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



header .logo {
    width: 250px;
    height: 73px;
}
	
	header .hamburger{
		padding: 22px 0;
	}

	header ul.options{
		margin-bottom: 0;
	}

header .options > li a, header .options > li > p {
	margin-left: 0;
	}	
	
header .options > li:last-of-type{
	margin-bottom: 60px;
	}	
	
header + .carousel{
	height: calc(100vh - 115px);
}	

	
section{
	padding-top: 100px;
	padding-bottom: 60px;
	margin-bottom: 0;
	}

footer{
	padding-top: 100px;
	}	
	
/*Productos*/
	.listadoProductos a, .productos a{
		width: 48.75%
	}

	.listadoCategorias a, .listadoCategorias a:nth-child(3n){
		width: 100%;
		margin-right: 0%;
	}	
	
	.listadoProductos a:nth-child(2n), .listadoCategorias a:nth-child(2n), .productos a:nth-child(2n), .listadoProductos a:last-child, .listadoCategorias a:last-child, .productos a:last-child{
		margin-right: 0;
	}	
	
}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {
	
body{
	background-size: 33% auto, 33%;	
}		
header .logo {
    width: 250px;
    height: 73px;
}
	
	header .hamburger{
		padding: 22px 0;
	}

	header ul.options{
		margin-bottom: 0;
	}

header .options > li a, header .options > li > p {
	margin-left: 0;
	}	
	
header .options > li:last-of-type{
	margin-bottom: 60px;
	}	
	
header + .carousel{
	height: calc(100vh - 108px);
}	
	
section{
	padding-top: 100px;
	padding-bottom: 60px;
	margin-bottom: 0;
	}

footer{
	padding-top: 100px;
	}	
	
/*Productos*/
	.listadoProductos a, .productos a{
		width: 31.66666666666667%
	}

	.listadoCategorias a, .listadoCategorias a:nth-child(3n){
		width: 48.75%;
		margin-right: 2.5%;
	}	
	
	.listadoProductos a:nth-child(3n), .listadoCategorias a:nth-child(2n), .productos a:nth-child(3n), .listadoProductos a:last-child, .listadoCategorias a:last-child, .productos a:last-child{
		margin-right: 0;
	}		
	

	
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {
	
body{
	background-size: 33% auto, 33%;	
}	
	
header .logo{
	width: 250px;
	height: 73px;
	}

header .options {
    line-height: 58px;
    height: 58px;
}	
	header .options > li > a, header .options > li > p{
		line-height: 58px;
	}	
header + .carousel{
	height: calc(100vh - 107px);
}	
	
section{
	padding-top: 100px;
	padding-bottom: 60px;
	margin-bottom: 0;
	}

footer{
	padding-top: 120px;
	}	
	
/*Productos*/
	.listadoProductos a, .productos a{
		width: 31.66666666666667%
	}

	.listadoCategorias a, .listadoCategorias a:nth-child(3n){
		width: 48.75%;
		margin-right: 2.5%;
	}	
	
	.listadoProductos a:nth-child(3n), .listadoCategorias a:nth-child(2n), .productos a:nth-child(3n), .listadoProductos a:last-child, .listadoCategorias a:last-child, .productos a:last-child{
		margin-right: 0;
	}
	
/*producto*/
	section.producto,	section.carrito{
		padding-top: 60px;
	}
	

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

header .options > li > a, header .options > li > p {
    line-height: 73px;
}	

header + .carousel{
	height: calc(100vh - 107px);
}	
	
section{
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 0;
	}

footer{
	padding-top: 120px;
	}	
	

	
/*Productos*/
	.listadoProductos a, .listadoCategorias a, .productos a{
		width: 23.125%
	}

	.listadoCategorias a{
		width: 31.66666666666667%;
	}	
	
	.listadoCategorias a:nth-child(4n){
		margin-right: 2.5%;
	}
	
	.listadoProductos a:nth-child(4n), .listadoCategorias a:nth-child(3n), .productos a:nth-child(4n), .listadoProductos a:last-child, .listadoCategorias a:last-child, .productos a:last-child{
		margin-right: 0;
	}	

/*producto*/
	section.producto,	section.carrito{
		padding-top: 60px;
	}
	
	.imagenCabecera{
		height: 80vh;
	}	
}