/*----------------------------inicio--------------------------------

[Stylesheet - mantenimiento ]

Projecto:  SamsoniteAR - 2017
Version: 0.1
Ultimo cambio: 22/02/18 10:41pm | J
Asignado a:  mantenimiento.
Primary use:  ecommerce. 

----------------------

[Colores ]

#003a7c

#4D87C9

#E4002B

#969696

#f2f2f2

#C92228

#00aced

----------------------

[Tipografia ]

font-family: 'Titillium Web', sans-serif;
font-family: 'Just Another Hand', cursive;

----------------------

[Guia mediaqueries ]

@media only screen and (max-width: 40em) { }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { }
@media only screen and (min-width: 90.063em) { }

----------------------

[Tabla de contenido ]

--------- estilos generales -------------

a0.Global.
a1.topbar.
a2.Mediaquerie topbar.
a3.Header.
a4.Mediaquerie header.
a5.Navegacion.
a6.Mediaquerie navegacion.
a7.Footer.
a8.Mediaquerie footer.

--------- estilos de controladores -------------

b1.Prateleira.
b2.Mediaquerie prateleira.
b3.Mini carrito.
b4.Mediaquerie mini carrito.
b5.Buscador.
b6.Mediaquerie buscador.
b7.Newsletter.
b8.Mediaquerie newsletter.
b9.Wishlist.
b10.Mediaquerie wishlist.
b11.Breacrumb.
b12.Mediaquerie breadcrumb.
b13.Zoom producto.
b14.Mediaquerie zoom producto.
b15.Search result time.
b16.Mediaquerie search result time.
b17.Search navigator.
b18.Mediaquerie search navigator.
b19.Quickview.
b20.Mediaquerie quickview.
b21.Modulo login.
b22.Mediaquerie modulo login.
b23.Prateleira tallas colores.
b24.Mediaquerie prateleira tallas colores.
b25.Notify me.
b26.Mediaquerie notify me.

--------- estilos de componentes -------------

c1.Carrusel.
c2.Mediaquerie carrusel.
c3.Megamenu.
c4.Mediaquerie megamenu.
c5.Boton SAC.
c6.Mediaquerie boton SAC.
c7.Back to top.
c8.Mediaquerie back to top.
c9.Modal, reveal, etc
c10.Mediaquerie modal, reveal, etc.
c11.Redes sociales.
c12.Mediaquerie redes sociales.
c13.Overlay.
c14.Mediaquerie overlay.
c15.Loader.
c16.Mediaquerie loader.
c17.Lazy loading.
c18.Mediaquerie lazy loading.
c19.Flags.
c20.Mediaquerie flags.
c21.Infinity scroll.
c22.Mediaquerie infinity scroll.
c23.Neo assist.
c24.SweetAlert.
c25.Mediaquerie sweetAlert.
c26.CoverPop.
c27.Mediaquerie coverPop.
--------- estilos de pagina -------------

d1.Home.
d2.Mediaquerie home.
d3.Producto.
d4.Mediaquerie producto.
d5.Categoria.
d6.Mediaquerie categoria.
d7.Departamento.
d8.Mediaquerie departamento.
d9.Resultado Busca.
d10.Mediaquerie resultado busca.
d11.Busca, 404, 500 buscavacia.
d12.Mediaquerie busca, 404, 500 buscavacia.
d13.Account.
d14.Mediaquerie account.
d15.Orders.
d16.Mediaquerie orders.
d17.Estaticos.
d18.Mediaquerie estaticos.
d19.Wishlist.
d20.Mediaquerie wishlist.
d21.Brand.
d22.Mediaquerie brand.
d23.XTREMBTS.

-------------------------fin---------------------------------*/

/*

	[a0.Global]

*/


#ajaxBusy{display:none !important;}

/*

	[a1.topbar]

*/

/*

	[a2.Mediaquerie topbar]

*/

/*

	[a3.Header]

*/

header .middle-container__content-popCart .cartSkuActions .cartSkuRemove a:after,
header .middle-container__content-popCart .cartSkuActions .cartSkuRemove a:before {
    right: -20%;
}

/*

	[a4.Mediaquerie header]

*/

/*

	[a5.Navegacion]

*/



/*

	[a6.Mediaquerie navegacion]

*/


/* medium */


/* xlarge */



/*

	[a7.Footer]

*/

footer {
    position: relative;
}

.footer-container {
    justify-content: space-between;
}

.toggle-trigger {
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.footer-container__left,
.footer-container__right,
.footer-container__center {
    max-width: 33%;
    min-width: 33%;
    width: 33%;
}

.footer-container__center {
    max-width: 20%;
    min-width: 20%;
    padding: 0 1rem;
    text-align: center;
    width: 20%;
}

/*

	[a8.Mediaquerie footer]

*/

@media only screen and (max-width: 40em) {
	.footer-container__center{
		display:none;
	}
	.footer-container__left{
		max-width: 90%;
		min-width: 90%;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		width: 90%;
	}
	.footer-container__right {
		min-width: initial;
		max-width: initial;
		width: 100%;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.footer-container__center{
		display:none;
	}
	.footer-container__left, .footer-container__right {
		max-width: 50%;
		min-width: 50%;
		width: 50%;
	}
}
@media only screen and (min-width: 90.063em) { }

/*

	[b1.Prateleira]

*/





/*

	[b2.Mediaquerie prateleira]

*/

/*

	[b3.Mini carrito]

*/

/*

	[b4.Mediaquerie mini carrito]

*/

/*

	[b5.Buscador]

*/

/*

	[b6.Mediaquerie buscador]

*/

/*

	[b7.Newsletter]

*/

/*

	[b8.Mediaquerie newsletter]

*/

/*

	[b9.Wishlist]

*/

/*

	[b10.Mediaquerie wishlist]

*/

/*

	[b11.Breacrumb]

*/

/*

	[b12.Mediaquerie breadcrumb]

*/

/*

	[b13.Zoom producto]

*/

/*

	[b14.Mediaquerie zoom producto]

*/

/*

	[b15.Search result time]

*/



/*

	[b16.Mediaquerie search result time]

*/

/*

	[b17.Search navigator]

*/

/*

	[b18.Mediaquerie search navigator]

*/

/*

	[b19.Quickview]

*/

/*

	[b20.Mediaquerie quickview]

*/

/*

	[b21.Modulo login]

*/

/*

	[b22.Mediaquerie modulo login]

*/

/*

	[b23.Prateleira tallas colores]

*/



/*

	[b24.Mediaquerie prateleira tallas colores]

*/

/*

	[b25.Notify me]

*/

/*

	[b26.Mediaquerie notify me]

*/

/*

	[c1.Carrusel]

*/

/*

	[c2.Mediaquerie carrusel]

*/

/*

	[c3.Megamenu]

*/


/*

	[c4.Mediaquerie megamenu]

*/

/*

	[c5.Boton SAC]

*/

/*

	[c6.Mediaquerie boton SAC]

*/

/*

	[c7.Back to top]

*/

/*

	[c8.Mediaquerie back to top]

*/

/*

	[c9.Modal, reveal, et]

*/



/*

	[c10.Mediaquerie modal, reveal, etc]

*/

/*

	[c11.Redes sociales]

*/

/*

	[c12.Mediaquerie redes sociales]

*/

/*

	[c13.Overlay]

*/

/*

	[c14.Mediaquerie overlay]

*/

/*

	[c15.Loader]

*/



/*

	[c16.Mediaquerie loader]

*/

/*

	[c17.Lazy loading]

*/



/*

	[c18.Mediaquerie lazy loading]

*/

/*

	[c19.Flags]

*/



/*

	[c20.Mediaquerie flags]

*/

/* small */

@media only screen and (max-width: 40em) {}

/* medium */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {}

/* xlarge */

@media only screen and (min-width: 90.063em) {}

/*

	[c21.Infinity Scroll]

*/


/*

	[c22.Mediaquerie infinity scroll]

*/

/* small */

@media only screen and (max-width: 40em) {}

/* medium */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {}

/* xlarge */

@media only screen and (min-width: 90.063em) {}

/*

	[c23.Neo assist]

*/



/*

	[c24.SweetAlert]

*/



/*

	[c25.Mediaquerie sweetAlert]

*/

/*

	[c26.CoverPop]

*/

/* .CoverPop-open,
.CoverPop-open body {
    overflow: hidden;
} */


/*

	[c27.Mediaquerie coverPop]

*/

/* small */



/* medium */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {}

/* xlarge */

@media only screen and (min-width: 90.063em) {}

/*

	[d1.Home]

*/



/*

	[d2.Mediaquerie home]

*/

/*

	[d3.Producto]

*/


/*

	[d4.Mediaquerie producto]

*/

/*

	[d5.Categoria]

*/



/*

	[d6.Mediaquerie categoria]

*/

/* small */

@media only screen and (max-width: 40em) {

}

/* medium */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}

/* xlarge */

@media only screen and (min-width: 90.063em) {

}

/*

	[d7.Departamento]

*/

/*

	[d8.Mediaquerie departamento]

*/

/*

	[d9.Resultado Busca]

*/



/* .resultado-busca.no-encontro-filtros .porcentaje-content{display:none;} */

/*

	[d10.Mediaquerie resultado busca]

*/

/*

	[d11.Busca, 404, 500 buscavacia]

*/

/*

	[d12.Mediaquerie busca, 404, 500 buscavacia]

*/

/*

	[d13.Account]

*/

/*Hide Btn cancelorder*/



/*

	[d14.Mediaquerie account]

*/

/*

	[d15.Orders]

*/

/*

	[d16.Mediaquerie orders]

*/

/*

	[d17.Estaticos]

*/



/*

	[d18.Mediaquerie estaticos]

*/

/*

	[d19.Wishlist]

*/

/*

	[d20.Mediaquerie wishlist]

*/

/*

	[d21.Brand]

*/

/*

	[d22.Mediaquerie brand]

*/

/*
[d23.XTREMBTS.]

*/
.landing .bannerhijo1 .bannerhijo1bottom .bannerhijo1bottom-1 {
    margin-right: 0%;
}

.landing .bannerhijo2 {
    flex: 1;
}

@media only screen and (min-width: 90.063em){
  .landing .main-section {
      padding-top: 0%;
  }
}
.landing .column,
.columns {
    padding: 0%;
}

a.img-container {
    position: relative;
}

.overlay {
    height: 99%;
    position: absolute;
    width: 100%;
}

.img-container:hover .overlay {
   background-color: rgba(0,0,0,0.5)
}

.img-container p {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity:1;
    transform: translate(-50%,-50%);
    color:white;
    font-size:2rem;
    font-weight:bold;
    font-family: helvetica;
}

.img-container span {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity:1;
    transform: translate(-50%,100%);
    color:white;
    font-size:1rem;
    font-family: helvetica;
}

/*.img-container p {

    opacity:1;
}*/

.img-container span {
   
     /*opacity:1;*/
     font-weight: bold;
  
}
@media (min-width: 768px) and (max-width: 1024px) {
  .img-container span {
    font-size: 0.7rem;
  
}
  
}
span.btn-banners {
    background: #f00725;
    padding: 0.3em;
}
.content-galery{
	max-width:85%;
}
.main-section {
    padding-top: 0%; 

}
/*  

[Landing xtrem-schoool content terminos y condiciones]

*/
.content-infografia{
    padding: 1em;
    background: gray;
    background-color: #b5b5b7;
}

a.terminosYcondiciones {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 1em;
    margin-top: 2em;
}

input#xtr_email {
    width: 100%;
    margin-bottom: 1em;
}

.formulario-xtremschool {
    margin-top: 2rem;
    width: 85%;
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: block;
    width: 50%;
}
input#xtr_name {
    width: 100%;
    margin-bottom: 1em;
}
input#xtr_telefono {
    width: 100%;
    margin-bottom: 1em;
}


/*cambios Flag*/
@media(min-width: 1024px){
	p.flag.envio-gratis {
		content: URL("/arquivos/Free Shipping_car.png");
		display: block;
		position: absolute;
		left: 60%;
		top: 2%;
	}
}

@media(min-width: 1024px) and (max-width: 1192px){
	p.flag.envio-gratis {
		width: 28%;
	}
}

@media(max-width: 1023px){
	p.flag.envio-gratis {
		content: URL("/arquivos/Free Shipping_car.png");
		display: block;
		position: absolute;
		left: 50%;
		top: 5%;	
    	display: block;
		width: 20%;
	}
}

/*

[COUNTER]

*/

.row.row-wide.padd.banner-counter {
    text-align: center;
    width: 85%;
    margin-top: 1%;
    margin-bottom: 0.5%;
}

#clockdiv h1{ 
    font-weight: 100; 
    font-size: 40px; 
    margin: 40px 0px 20px; 
} 
#clockdiv{ 
	font-family: sans-serif; 
	color: #fff; 
	display: inline-block; 
	font-weight: 100; 
	text-align: center; 
	font-size: 30px; 
} 
#clockdiv > div{
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
} 
#clockdiv div > span{
    font-size: 2em;
    border-radius: 3px;
    display: inline-block;
} 
#clockdiv {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 31%;
    font-weight: 800;
    color: white;
    font-family: sans-serif;
}
.smalltext{
	font-size: 30px;
} 

#clockdiv h1{ 
    font-weight: 100; 
    font-size: 40px; 
    margin: 40px 0px 20px; 
} 

#clockdiv{
	font-family: sans-serif;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 30px;
} 
#clockdiv > div{ 
	padding: 10px; 
	border-radius: 3px; 
	display: inline-block; 
} 

.smalltext{ 
    font-size: 30px;
    font-weight: 100;
} 
span.sp {
    padding: 0%!important;
}

@media(max-width: 1156px ){

	div#clockdiv {
		top: 10.5%;
		font-size: 8px;
	}
	.smalltext{ 
		font-size: 8px;
		font-weight: 100;
	} 

}

@media(max-width: 375px ){

	div#clockdiv {
		top: 10.5%;
		font-size: 8px;
	}
	.smalltext{ 
		font-size: 8px;
		font-weight: 100;
	} 
	.row.row-wide.padd.banner-counter {
		width: 100%;
	}

}

@media(min-width: 375px ) and (max-width: 425px ){

	div#clockdiv {
		top: 12%;
		font-size: 8px;
	}
	.smalltext{ 
		font-size: 8px;
		font-weight: 100;
	} 
	.row.row-wide.padd.banner-counter {
		width: 100%;

	}

}
@media(min-width: 426px ) and (max-width: 640px ){

	div#clockdiv {
		top: 12%;
		font-size: 12px;
	}
	.smalltext{ 
		font-size: 12px;
		font-weight: 100;
	} 


}

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

	div#clockdiv {
		top: 21%;
		font-size: 12px;
	}
	.smalltext{ 
		font-size: 12px;
		font-weight: 100;
	} 


}

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

	div#clockdiv {
		top: 21%;
		font-size: 12px;
	}
	.smalltext{ 
		font-size: 12px;
		font-weight: 100;
	} 

}

@media(min-width: 972px  ) and (max-width: 1158px ){

	div#clockdiv {
		top: 30%;
		font-size: 22px;
	}
	.smalltext{ 
		font-size: 22px;
		font-weight: 100;
	} 

}

@media(min-width: 1158px ) and (max-width: 1440px ){

	div#clockdiv {
		top: 30%;
		font-size: 30px;
	}
	.smalltext{ 
		font-size: 30px;
		font-weight: 100;
    	text-align: left;
	} 

}
@media(min-width: 1440px ){

	div#clockdiv {
		top: 35%;
		font-size: 30px;
	}
	.smalltext{ 
		font-size: 30px;
		font-weight: 100;
    	text-align: left;
        
	} 
   .row.row-wide.padd.banner-counter.topbarcyber{
  	 width:60%; 
  }

}


/*.row.row-wide.padd.banner-counter {

    display: none;
}

div#clockdiv {
    display: none;
}*/