/* CSS Document */

 BODY {
margin:0px;
background-image: url(portadas/geometry.png);background-repeat:  repeat; }
img {
border:none;
}
.Estilo1 {font-size: 12px}
.centradotabla {
	background-position: center;
	text-align: center;
}
.bordetabinf {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

table {
 font-size:13px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
a:link{
	color: #330099;
	text-decoration:none	
}
a:visited{
	color: #330099;
	text-decoration:none}

a:hover{
	color: #000000;
	background-color: ;
	text-decoration:underline;
}
/* ESTILO CUSTOMIZADO */

@charset "utf-8";

/* CSS Document */


/*--------------------------------------------------------	1.RESETS--------------------------------------------------------*/  

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}


::selection {
  background-color: #f06;
  color: white;
}


body {
background: #fff;	
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

 }


.desk {display:inline-block;}

img {
border:none;
}

b, strong {font-weight:bold;}
i,em {font-style:italic;}


.masinfo{
background-color: #fff;
  width: 85px;
  font-size: 11px;
  color: #000;
  margin: 10px;
  padding: 5px;
  border-radius: 14px;
  position: absolute;
  right: 0px;
  top: 0px;
  border: 1px solid #c1c1c1;
}

.Estilo1 {font-size: 12px}

.centradotabla {
	background-position: center;
	text-align: center;
}
.bordetabinf {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

table {
 font-size:13px;
 font-family: Raleway, Helvetica, Arial, sans-serif;
 }
a:link{
	color: #000000;
	text-decoration:underline;	
}
a:visited{
	color: #000000;
	text-decoration:underline;}

a:hover{
	color: #333333;
	text-decoration:underline;
}


.hamburger {
  position: absolute;
  right:0px; 
  top:0px;
    z-index:1000;
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #0084b4a3; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #0084b4a3;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }


/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
    



#video-background {height:100% !important; width:100% !important;}

.content .items{
 font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight:lighter;
font-size:30px;
color: #333;
padding-top:20px; padding-bottom:20px;
cursor:pointer;
}

.paddingtb {padding-top:60px; padding-bottom:60px;}

.content {padding-left:20px; padding-right:20px; }

.botonenviar {background-color:#40B9C6; }
.botonenviar:hover {background-color:#00E5E6;}

.ficha {position:relative; cursor:pointer;}


.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.interiorficha {
display:none;
color:#000;
margin-left: auto;
margin-right: auto;
opacity: 0.95;
width: 100%;
height:100%;
margin-top: 0px;
background-color: #ffF;
 font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 1.1em;
line-height: 1.7em;
}

.interiorficha strong {
display:block;
padding-bottom:4px;
}

.interiorservicios {
font-family: Raleway, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 27px;
  display: none;
  background-color: #e1f2f2;
  padding: 15px;
  border-radius: 9px;
}

.logobrands {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    width: 16%;
    height: 100px;
    display: block;
    padding: 0px;
    margin: 21px;
    background-blend-mode: multiply;
}

.master1 span:hover {color:rgb(5, 84, 164) !important; }
.master2 span:hover {color:rgb(0, 80, 80) !important;}
.master3 span:hover {color:rgb(177, 62, 0) !important;}
.master4 span:hover {color:rgb(30, 30, 167) !important;}
.master5 span:hover {color:rgb(120, 91, 0) !important;}
.master6 span:hover {color:rgb(78, 105, 0) !important;}

.anchoslidemovil {overflow-x: hidden; overflow-y: hidden;}

.anchotodo {max-width:100vw; width:100%; overflow-x: hidden;}


#piePagina, .botonenviar, .titformu {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:28px;
}


.icosocial { width:50px; height:50px; background-size:contain; float:right; background-repeat:no-repeat; background-position: center center; margin:20px; opacity: 0.5;}

.icossociales {width:260px; float:right; text-align:left; margin-left:0px; margin-top:40px; margin-bottom:40px; margin-right:62px;}

.icosocial:hover {opacity:1;}

.bx-wrapper{margin-bottom:0px !important;}

.titularpie {font-size: 25px; font-weight:200; padding-bottom:15px; color:#000;}

#cajafrm{width:400px; height:420px; margin-left:-200px; margin-right:auto; position:fixed; top:100px; left:50%; border-radius:0px; background-color: rgb(29, 89, 123);
z-index: 1101;
display: none;
border: 3px solid rgb(0, 243, 255);}

#resultado {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 16px;
}

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.3; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.3; }
  100% { opacity: 1.0; }
}

input[type=text] {
	width: 269px;	height: 35px;	line-height: 45px;	padding: 0 20px;	margin-bottom: 20px;}
textarea {
	width: 269px;	height: 200px;	padding: 20px;	margin-bottom: 20px;	overflow: auto;}

input[type=text], textarea {
	border-radius:0px;}
#msg {
	float: left;	margin-left: 10px;}

#cajafrm textarea, #cajafrm input[type=text]  {width: calc(100% - 22px);}

/*states*/	

input[type=text], textarea {
	background: #f3f3f3;	-webkit-appearance: none;	border: 1px solid #e6e6e6;	color: #999;	font: 13px/18px Arial, Helvetica, sans-serif;}

input[type=text]:hover, textarea:hover {
	background-color: #eee;	color: #666;}
input[type=text]:focus, textarea:focus {
	background-color: #fff;	color: #999; outline: none;}


.mas {display:none;}

.cajapie {
width:440px; float:left; text-align:left; margin-left:10px; margin-top:40px; margin-bottom:40px; margin-right:10px;
}


elemento {

    display: block;

}
#menugeneral {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    background-color: #EEE;
    width: 260px;
    height: 100vh;
    padding-top: 76px;
    padding-bottom: 10px;
    z-index: 55;
    overflow: auto;
    box-shadow: #000 15px 15px 15px;
}

#menugeneral a{
display:block;
text-decoration:none;
font-size: 16px;
color: #4E4E4E;
line-height: 31px;
text-align:right;
padding-right: 37px;
}

#menugeneral a:hover{
background-color:#75E8EA;
transition-duration: 0.075s;
}

.blogconte {

width:90%;
max-width:1099px;
margin-left:auto;
margin-right:auto;

}

.blogderechatextos a{
color: #40B9C6;
text-decoration: none;
}
.blogconte a:hover {color: #999;}

.blogprimersepara a {text-decoration:none;}
.blogderechacol {
float:right !important;
margin-left:20px;
width: 25% !important;
}

.blogderechacol a {text-decoration:none; position: relative;
display: inline-block;}

.blogderechatextos h3 {

    font-size: 43px;
    font-weight: 300;
    line-height: 48px;

}

.blogderechatextos h3 a {
text-decoration: none !important;
margin-bottom:15px !important; color: #999999; }

.blogderechatextos h3 a:hover {color: #ccc; }

.blogprimersepara {background-color: #fff !important; margin-bottom:1px solid #ccc !important;}


.blogderechatextos { font-size:17px; line-height:29px;}

.icocompartir, .icocompartir .at-icon-wrapper, .icocompartir .at-icon {width:26px !important; height:26px !important;}

.blogderechatextos .publicado {margin-top: 10px;
margin-bottom: 10px; font-size: 15px;}

.blogderechatextos .lineasepara {margin-top:8px; margin-bottom:8px;}

.blogderechatextos  .paginacion {font-size:18px;}

.blogderechatextos  .paginacion .pagactual {background-color:#eee;}

.archivoover {
background-color: #FFF;
width: calc(96% - 10px);
position: absolute;
bottom: 4%;
left: 2%;
padding: 5px;
}

.archivoover a {text-decoration:none;}

/* ESTILO CUSTOMIZADO */


  /*homepage*/	


.homepage {
	color: #fff;	font: 15px/18px   Raleway, Helvetica, Arial, sans-serif;	padding-top: 0 !important;	display: table;	margin: auto;	overflow: hidden; margin-top:0px; margin-bottom:0px;}

.homepage .content {
	max-width: 1099px;	margin: auto;	display: table-cell;


}


a.enlaceblog{display:block; float:left; margin:0.11%; width:33%; font-family:Raleway; font-size:16px; text-decoration:none;  }

a.enlaceblog:hover {transition-duration: 0.5s; opacity:0.8;}

 
.botonesblog{clear:both; }
.botonesblog a{
  text-decoration: none;
  background-color: #1600ae;
  padding: 5px;
  border-radius: 7px;
  display: inline-block;
  color: #fff;
}

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

.divblog{background-size:cover; width:100%; min-height: 250px;background-position:center center;}


/*pages*/	

.page {
	overflow: hidden;	width: 100%;	position: relative;}
.page .content {
	max-width: 1099px;	margin: auto;	/*padding: 50px 0;*/}
.page .content.centeralign {
	text-align: center;}
	
.focus-title {
padding-top:60px;
padding-bottom:60px;
font-size:35px;
font-weight:300;
}

/*odd*/	


	.page {
	background: #fff;	color: #636363;}



		/*----------------------------	ii.-- Header	-----------------------------*/	

/*homepage*/	

#video {
 background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
     /*  background-image: url("portadas/Image/fondolaser.jpg");
 min-height: 548px; 
    min-width: 520px; */
    background-color: #00a4bf;
    left:0px;
    position: absolute;
    top: 0;
    width: 100%;
height:100%;
    z-index: 1;
}

.divvideoyt {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    overflow:hidden;
    left: 0;
  /*  min-height: 548px; 
    min-width: 520px; */
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
#titularVideo {
display:table;
	bottom: 0px;
    color: #333;
    font-family: Raleway, Helvetica,sans-serif;
border-bottom:1px solid #E3E1D6;

/*
    font-family: "Work Sans";
*/
    font-size: 23px;
	height: 80px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 49;
	font-weight:200;
   background-color:#fff;
   line-height:30px;
}
.dentrotitular {
margin-left: auto; margin-right: auto; max-width: 1100px; position:relative;}

.imagPromo {
	position: absolute;
    right: 0;
    top: -70px;
}

.logo-homepage {
	width: 144px;	height: 90px;	margin-bottom: 40px;	position: absolute;	top: 0px;	left: 0px;}

/*inner pages*/	

.header {
	width: 100%; height: 119px; line-height: 50px;		position: fixed;	top: 0;	z-index: 50;}

.header.header-main {
	display: block;}
.header.mobileHeader {
	position: relative;	display: block;} /*mobile header - pos relative for mobiles that do not handle fixed*/.header 

.inner {
	max-width: 120px;	margin: auto;}

.header .logo a:hover {
	 background-color: transparent;}

.botcomprar:hover {
	 border-radius:0px !important; opacity:0.9;}

.movConocelo:hover {
	background-color: transparent; opacity:0.9;}

.movLogoAlcatel:hover {
	background-color: transparent; opacity:0.9;}

.enlacespie a:hover {
	background-color: transparent; opacity:0.9;}
.header .logo-pages {
	height: 50px;	position: relative;	float: left;}
.header .logo-pages .logo {
	position: relative;	bottom: 0;}

/* main menu		----------------------------*/		

		.header .inner ul.navigation {
	list-style: none;	float: right; font-family: Raleway, Helvetica, Arial, sans-serif;	font-weight: 200;	font-size: 21px;	margin: 0; line-height: 74px; }

.header .inner ul.navigation li {
	float: left;	padding: 0 3px;}
.header .inner ul.navigation li:last-child {
	padding-right: 0;}

.header .inner ul.navigation li a {
	 font-family: Raleway, Helvetica, Arial, sans-serif; font-weight: 200;	 color: #FFFFFF;	text-decoration: none;	padding: 5px 10px; font-size:15px;}

.header .inner ul.navigation li a:hover {
	color: #FFFFFF; background-color: #535353; border-radius: 5px; }
.header .inner ul.navigation li a.active {
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	-o-border-radius: 5px;	border-radius: 5px;	padding: 5px 10px;	background: #333;	color: #EEEEEE;	text-decoration: none;}


/* mobile menu toggle		----------------------------*/		

			.header .inner .mobileMenuToggle {
	height: 26px;	width: 100%;	float: left;	text-align: center;	display: none;	margin: 19px auto 15px auto;}
.header .inner .mobileMenuToggle a, .header .mobileMenuToggle.open a {
	width: 26px;	height: 26px;	float: left;	position: relative;	left: 50%;	margin-left: -13px;}
.header .inner .mobileMenuToggle {
	background: url(portadas/Image/mobileMenu-toggle.png) center 0 no-repeat;}
.header .inner .mobileMenuToggle.open {
	background: url(portadas/Image/mobileMenu-toggle.png) center -26px no-repeat;}

/*----------------------------	iii.-- Content	-----------------------------*/	

/*homepage specific	----------------------------*/

.column_homepage-1, .column_homepage-2 {
	width: 48%;	margin-right: 4%;	float: left;}
.page-down {
	width: 78px;	height: 78px;	background: url(portadas/Image/page-down.png) no-repeat;	left: 50%;	margin-left: -32px;	position: absolute;	bottom: 15px;}

/*highlight	----------------------------*/


#enviar:hover{
background-color:#50039D !important; }

.abrevid:hover {
	background-color:transparent !important;
}



#promociones, #promocionesDos, #promocionesTres {
	min-width: 100%;	min-height: 100%;	width: auto;	height: auto;	overflow: hidden;}
#titulares {
	min-width: 100%;	min-height: 100%;	width: auto;	height: 160px;	overflow: hidden; color:#000; font-size:29px; padding-top:80px; text-align:center;
}
#marcoPromo, #marcoPromoDos, #marcoPromoTres {
	margin-left:auto; margin-right:auto; height:auto; width:100%;
}
#marcoPromoTres {
	cursor:pointer;
}
#marcoPromo img, #marcoPromoDos img, #marcoPromoTres img{
	width:100%;
	height:auto;
}



.contenedorFichas{
	height:auto;
	width:auto;
	position:relative;
}
.ficha {
    background-color: #dddddd;
    height: 368px;
    width: 33%;
	float:left;
background-size: cover; background-position: center center;
}


.whereficha{
    background-color: #F3F3F3;
    height: 180px;
    width: 297px;
	float:left;
}

.fotoFicha {
    background-color: #287eaa;
    height: 265px;
    width: 297px;
}
.textoFicha {
	font-family: Raleway, Helvetica, Arial;
	font-size:14px;
        line-height:20px;
	padding:12px;
}
.textoPromo {
	font-family: Raleway, Helvetica, Arial;
	font-size:14px;
        line-height:20px;
	padding:12px;
	color:#46aee3;
}
#imgPromo {
	position:absolute;
	top:-105px;
	right:0px;
	cursor:pointer;
}
.margenDer {
	margin-left:77px;
}
.margenInf {
	margin-bottom:60px;
}
.contLogos{
	height:auto;
	width:auto;
	margin-top:87px;
}
.logoLink {
	float:left;
}
.marDer {
	margin-left:100px;
}

.logoLink img {
	transform:scale(1);
	transform-origin:50% 50% 0;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
.logoLink img:hover {
	transform:scale(1.2);
	transform-origin:50% 50% 0;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}


.colPie {
	float: left;
    margin-top: 100px;
    text-align: left;
    width: 282px;
	padding:10px;
}
.pieMargenL {
	margin-left:69px;
}
.imgFlechaArriba {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index:1000;
    cursor:pointer;
}

.imgFlechaArriba img{
   width:41px;
   height:41px;
}

.imgFlechaArriba a:hover {
	background-color:transparent;
}
.imgLogopie {
	text-align:left;
	border-bottom: 1px solid #aaa;
	height:50px;
}
.imgLogopie img {
	padding:5px;
}
.privacidad {
	color:#000;

}
.privacidad p, .privacidad {
font-family: Raleway,Arial,Helvetica,sans-serif;
font-weight: 400;	
color:#000;
font-size: 17px;
line-height: 27px;
}

.privacidad li {
    padding-top: 10px;
    padding-bottom: 10px;
}


.colorAzul {
	background-color:#46AEE3;
	height:248px;
	text-align:center;
	width:100%;
}
.mapa {
	width:500px;
	height:420px;
	float:left;
}
.direccion {
	float:right;
	font-size: 16px;
    line-height: 1.5;
}

.bx-wrapper .bx-viewport {
	border:none !important;
	box-shadow:none !important;
	left:0px !important;
}
.bx-wrapper .bx-pager {
	display:none;
}

#features-2 {
	background-color: #FFFFFF; 
overflow:hidden;
}
#features-3 {
	background-color: #FFFFFF;/* padding-bottom:80px; */}
#features-4 {
	/*background-color: #F8F8F8;	background-repeat: repeat-x;*/ }
.fondogris {
	background-color: #D1D1D1;        margin-top: 11px;        height: 423px;}






/*--------------------------------------------------------	4.--TYPOGRAPHY & LINKS--------------------------------------------------------*/	h1, h2, h3, h4, h5, h6 {

	
font-family: Raleway,Arial,Helvetica,sans-serif;

font-weight: 300;	/* margin-bottom: 20px; */}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	/* font-family:'Work Sans', sans-serif;	 */

font-family: Raleway, Arial,Helvetica,sans-serif;

        font-weight: 200;}

/*--------------------------------------------------------	5.--MISC--------------------------------------------------------*/			.clearfix:after {
	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}


/* PORTFOLIO READER */
.portfolioreadericon {transform: rotate(0deg); transition: all 0.3s ease-in-out 0s;}

.portfolioreadericon:hover {transform: rotate(270deg); transition: all 0.3s ease-in-out 0s;}

.mensajereader {
position: fixed;
height: 41px;
z-index: 9999;
cursor: pointer;
bottom: 20px;
right: 38px;
background-color: #00455182;
color: #fff;
border-radius: 20px;
padding-right: 50px;
line-height: 35px;
padding-left: 12px;
transition: all 0.3s ease-in-out 0s;
transform: scaleX(0);
transform-origin: 90%;
font-family: Raleway;
font-size:14px;
}

.portfolioreadericon:hover + .mensajereader{
transition: all 0.3s ease-in-out 0s;
transform: scaleX(1);
transform-origin: 90%;
}

.ayudareader{
width: 1024px;
margin-left: auto;
margin-right: auto;
background-color: #c2fcfd;
padding: 15px;
border-radius: 10px;
font-size: 16px;
line-height: 26px;
margin-top: 30px;
margin-bottom: 30px;
}

.subrayado, .subrayado div ,  .subrayado p , .subrayado span, .subrayado a{
background-color: #fcef1e !important;
color:#000 !important;}

/*   RESPONSIVE */

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


.desk {display:none;}

#titularVideo {font-size:20px;}
.good {text-align:center !important;}

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

a.enlaceblog {
margin-bottom: 22px;
    width: 49%;
}

.ficha {width:50%;}


.good {text-align:center !important;}
#titularVideo {font-size:20px;height:100px;}
.anchoslidemovil {width:100% !important; padding-left: 0px !important; padding-right: 0px !important;}
#features-5 h1 {margin-top:50px !important; margin-bottom:50px !important; }
.blogderechacol {display:none;}
.blogderechatextos {width:100% !important;}
}


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

.bannertiendapeque a {margin-top: 20px;}

a.enlaceblog {

    width: 99%;
}

.focus-title { font-size: 28px; padding-bottom: 40px; padding-top: 40px;}
#titularVideo {font-size:18px;height:120px;}
.good {text-align:center !important;}
.ficha {width:100%; min-height: 300px;}
.items {font-size:18px !important; font-weight:400 !important;
}
#piePagina {font-size: 13px;}
.titularpie {font-size: 22px !important; }

.logobrands{
width: 25%;
height: 49px;
display: block;
margin: 13px;
}
.interiorservicios{font-size:15px;}
.weare {font-size: 15px !important; line-height:26px !important;}
.paddingtb {padding-top:15px !important; padding-bottom:15px !important; }
.anchoslidemovil {width:100% !important; padding-left: 0px !important; padding-right: 0px !important;}
#features-5 h1 {margin-top:50px !important; margin-bottom:50px !important; }
.mas {display:block;}
.fichaoculta {display:none;}
/* video {display:none;} */

#cajafrm {
height: 420px;
margin-right: auto;
position: fixed;
top: 40px;
left: 50%;
border-radius: 0px;
background-color: rgb(29, 89, 123);
z-index: 1101;
display: none;
border: 3px solid rgb(0, 243, 255);
margin-left: -164px;
width: 320px;
}

input[type="text"], textarea {
    margin-bottom: 15px;
    width: 92%;
    font-size:15px !important;
}

#cajafrm textarea, #cajafrm input[type=text]  {width: calc(100% - 22px);}

}


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

#piePagina {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 0.9em !important;
line-height:20px;
}

#piePagina .titularpie {
font-size: 20px  !important;
}

.cajapie { width:240px; }

.icossociales {margin-right:12px;}

#cajafrm {
height: 390px;
margin-right: auto;
position: fixed;
top: 40px;
left: 50%;
border-radius: 0px;
background-color: rgb(29, 89, 123);
z-index: 1101;
display: none;
border: 3px solid rgb(0, 243, 255);
margin-left: -144px;
width: 280px;
}

input[type="text"], textarea {
    margin-bottom: 15px;
    width: 92%;
}

#cajafrm textarea, #cajafrm input[type=text]  {width: calc(100% - 22px);}


}




/* ESTILOS EN PAGINA */
.bannertiendapeque a {
  width: 100%;
  padding: 10px;
  display: block;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: auto;
  background-size: 400% 400%;
  animation: gradient 7s ease infinite;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

.bannertienda a{
padding:40px;
display:block;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
margin-top:30px;
text-align:center;
color: #fff;
text-decoration:none;
}


.fichaconvideo {position:relative;}
.videoficha {display:none; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:0;}
.fichaconvideo .interiorficha { position:absolute; z-index:1;}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.bx-wrapper .bx-caption {
    position: absolute !important;
    top: 5% !important;
    left: 0px !important;
    background: none !important;
    width: 100% !important;
    bottom: inherit !important;
font-family: Raleway !important;
font-weight: 600 !important;
font-size: 14px !important;
}

.bx-wrapper .bx-caption span {
    color: #000 !important;
    font-family: Raleway !important;
    display: block !important;
    font-size: 16px !important;
    padding: 10px !important;
    max-width: 1099px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: rgba(255, 255, 255, 0.73) !important;
}

.bx-caption span a {
    background-color: #fff !important;
    padding: 2px 4px 2px 4px !important;
    border-radius: 0px 8px 0px 9px !important;
    text-decoration: none !important;
    margin-left: 4px !important;
}


.bx-wrapper .slide {
    width: 100vw !important;
    height: auto !important;
}

.bx-wrapper .bx-viewport {
    height: auto !important;
}

.bx-wrapper img{
height:auto !important; 
width:100vw !important;}

/* COOKIES */

.banner_consentimiento {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 15px 0px;
	display: none;
	z-index: 100000000000;
}

.banner_consentimiento .textocookies h4 {
    font-size: 13px;
    font-weight: 400;
    vertical-align: middle;
    display: table-cell;
	padding-bottom: 10px;
}

.banner_consentimiento .textocookies h4 span {
	vertical-align: middle;
	padding-right: 10px;
}

.banner_consentimiento.fijo_top {
	position: fixed;
	top: 0px;
	padding: 30px;
}

.banner_consentimiento.fijo_bottom {
	position: fixed;
	bottom: 0px;
	padding: 30px;
}

.banner_consentimiento.fijo_bottom .textocookies h4, .banner_consentimiento.fijo_top .textocookies h4,  .banner_consentimiento.fijo_bottom .textocookies p, .banner_consentimiento.fijo_top .textocookies p  {
text-align:center !important;}

.banner_consentimiento.fijo_bottom .textocookies h4, .banner_consentimiento.fijo_top .textocookies h4 {
	display:block !important;
}


.banner_consentimiento.flotante_top_izq {
	position: fixed;
	top: 20px;
	left: 20px;
    max-width: 400px;
    padding: 20px;
}

.banner_consentimiento.flotante_top_der {
	position: fixed;
    top: 20px;
    right: 20px;
    max-width: 400px;
    padding: 20px;
}

.banner_consentimiento.flotante_bottom_izq {
	position: fixed;
	bottom: 20px;
	left: 20px;
    max-width: 400px;
    padding: 20px;
}

.banner_consentimiento.flotante_bottom_der {
	position: fixed;
	bottom: 20px;
	right: 20px;
    max-width: 310px;
    padding: 20px;
}

.banner_consentimiento .textocookies {
	font-size: 14px;
	padding-bottom: 15px;
}

.banner_consentimiento .textocookies p {
	font-size: 12px;
    text-align: left;
}

.banner_consentimiento .textocookies h4, .banner_consentimiento .textocookies p {
	margin: 0;
}

.banner_consentimiento .textocookies a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.banner_consentimiento button {
    background-color: #ADADAD;
    color: white;
    font-size: 13px;
    padding: 10px 10px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
}

.banner_consentimiento .configurar_cookies {
	font-size: 14px;
	color: white;
	padding: 10px 0px;
}

.banner_consentimiento button.rechazar, .banner_consentimiento button.configurar {
	margin-right: 10px;
}

.configurar_cookies {
	position: fixed;
    top:0px;
    left:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 100000000000;
	display: none;
}

.configurar_cookies .cont_config {
	max-width: 600px;
	background-color: white;
	margin-top: 25vh;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	position: relative;
}

.configurar_cookies .cont_config .cerrar_config {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: black;
	color: white;
	font-weight: bold;
	border-radius: 26px;
	height: 25px;
    padding: 3px;
	cursor: pointer;
}

.configurar_cookies .cont_config input {
	vertical-align: middle;
	cursor: pointer;
}

.configurar_cookies .cont_config h4 {
	font-size: 14px;
	padding-bottom: 5px;
}

.configurar_cookies .cont_config p {
	font-size: 14px;
}

.configurar_cookies .cont_config  h4, .configurar_cookies .cont_config  p {
	margin: 0;
}

.configurar_cookies .cont_config button {
	background-color: #ccc;
	color: white;
	font-size: 18px;
	padding: 10px 45px;
	border: none;
}

.configurar_cookies .cont_config button:hover {
	background-color: rgba(92,184,92,0.8);
}

.configurar_cookies .cont_config .consent_config {
	margin-bottom: 15px;
	cursor: pointer;
}

.configurar_cookies .cont_config .consent_config label {
	cursor: pointer;
}

.configurar_cookies .cont_config .consent_config:hover {
	background-color: rgba(0,0,0,0.1);
}

.btn_configurar {
	position: fixed;
	bottom: 30px;
	display: none;
	right: 30px;
    z-index:100000000000;
}

.btn_configurar span {
    font-size: 29px;
    color: #919191;
    display:block;
    cursor:pointer;
}

/**
 * Swiper 11.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 5, 2024
 */

@font-face {
  font-family:swiper-icons;
  src:url('data:application/font-woff;charset=utf-8;base64, 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');
  font-weight:400;
  font-style:normal
}
:root {
  --swiper-theme-color:#007aff
}
:host {
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}
.swiper {
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  display:block
}
.swiper-vertical>.swiper-wrapper {
  flex-direction:column
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing:content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform:translate3d(0px,0,0)
}
.swiper-horizontal {
  touch-action:pan-y
}
.swiper-vertical {
  touch-action:pan-x
}
.swiper-slide {
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform;
  display:block
}
.swiper-slide-invisible-blank {
  visibility:hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height:auto
}
.swiper-autoheight .swiper-wrapper {
  align-items:flex-start;
  transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective:1200px
}
.swiper-3d .swiper-wrapper {
  transform-style:preserve-3d
}
.swiper-3d {
  perspective:1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style:preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type:x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type:y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type:none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
  content:'';
  flex-shrink:0;
  order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:center center;
  scroll-snap-stop:always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width:100%;
  min-width:1px;
  height:var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}
.swiper-3d .swiper-slide-shadow {
  background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-lazy-preloader {
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  transform-origin:50%;
  box-sizing:border-box;
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top-color:transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(360deg)
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility:hidden;
  transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height:1px;
  width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width:1px;
  height:var(--swiper-virtual-size)
}
:root {
  --swiper-navigation-size:44px
}

.swiper-button-next {
float: right;
  margin-top: 20px;
margin-bottom: 20px;
}

.swiper-button-prev {
float: left;
  margin-top: 20px;
margin-bottom: 20px;
}

.swiper-button-next,
.swiper-button-prev {
  
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#000;

}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity:.35;
  cursor:auto;
  pointer-events:none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity:0;
  cursor:auto;
  pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display:none!important
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width:100%;
  height:100%;
  object-fit:contain;
  transform-origin:center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform:rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left:var(--swiper-navigation-sides-offset,10px);
  right:auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right:var(--swiper-navigation-sides-offset,10px);
  left:auto
}
.swiper-button-lock {
  display:none
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  text-transform:none!important;
  letter-spacing:0;
  font-variant:initial;
  line-height:1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content:'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right:var(--swiper-navigation-sides-offset,10px);
  left:auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content:'next'
}
.swiper-pagination {
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display:none!important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom:var(--swiper-pagination-bottom,8px);
  top:var(--swiper-pagination-top,auto);
  left:0;
  width:100%
}
.swiper-pagination-bullets-dynamic {
  overflow:hidden;
  font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform:scale(.33);
  position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform:scale(.33)
}
.swiper-pagination-bullet {
  width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display:inline-block;
  border-radius:var(--swiper-pagination-bullet-border-radius,50%);
  background:var(--swiper-pagination-bullet-inactive-color,#000);
  opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor:pointer
}
.swiper-pagination-bullet:only-child {
  display:none!important
}
.swiper-pagination-bullet-active {
  opacity:var(--swiper-pagination-bullet-opacity, 1);
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right:var(--swiper-pagination-right,8px);
  left:var(--swiper-pagination-left,auto);
  top:50%;
  transform:translate3d(0px,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top:50%;
  transform:translateY(-50%);
  width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display:inline-block;
  transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s right
}
.swiper-pagination-fraction {
  color:var(--swiper-pagination-fraction-color,inherit)
}
.swiper-pagination-progressbar {
  background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background:var(--swiper-pagination-color,var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width:100%;
  height:var(--swiper-pagination-progressbar-size,4px);
  left:0;
  top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width:var(--swiper-pagination-progressbar-size,4px);
  height:100%;
  left:0;
  top:0
}
.swiper-pagination-lock {
  display:none
}
.swiper-scrollbar {
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  position:relative;
  touch-action:none;
  background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display:none!important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position:absolute;
  left:var(--swiper-scrollbar-sides-offset,1%);
  bottom:var(--swiper-scrollbar-bottom,4px);
  top:var(--swiper-scrollbar-top,auto);
  z-index:50;
  height:var(--swiper-scrollbar-size,4px);
  width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position:absolute;
  left:var(--swiper-scrollbar-left,auto);
  right:var(--swiper-scrollbar-right,4px);
  top:var(--swiper-scrollbar-sides-offset,1%);
  z-index:50;
  width:var(--swiper-scrollbar-size,4px);
  height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}
.swiper-scrollbar-drag {
  height:100%;
  width:100%;
  position:relative;
  background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius:var(--swiper-scrollbar-border-radius,10px);
  left:0;
  top:0
}
.swiper-scrollbar-cursor-drag {
  cursor:move
}
.swiper-scrollbar-lock {
  display:none
}
.swiper-zoom-container {
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width:100%;
  max-height:100%;
  object-fit:contain
}
.swiper-slide-zoomed {
  cursor:move;
  touch-action:none
}
.swiper .swiper-notification {
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000
}
.swiper-free-mode>.swiper-wrapper {
  transition-timing-function:ease-out;
  margin:0 auto
}
.swiper-grid>.swiper-wrapper {
  flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper {
  flex-wrap:wrap;
  flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function:ease-out
}
.swiper-fade .swiper-slide {
  pointer-events:none;
  transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events:none
}
.swiper-fade .swiper-slide-active {
  pointer-events:auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events:auto
}
.swiper-cube {
  overflow:visible
}
.swiper-cube .swiper-slide {
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1;
  visibility:hidden;
  transform-origin:0 0;
  width:100%;
  height:100%
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin:100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events:auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events:auto;
  visibility:visible
}
.swiper-cube .swiper-cube-shadow {
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:100%;
  opacity:.6;
  z-index:0
}
.swiper-cube .swiper-cube-shadow:before {
  content:'';
  background:#000;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  filter:blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide {
  pointer-events:auto;
  visibility:visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-flip {
  overflow:visible
}
.swiper-flip .swiper-slide {
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events:none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
  transition-property:transform,opacity,height
}
.swiper-cards {
  overflow:visible
}
.swiper-cards .swiper-slide {
  transform-origin:center bottom;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden
}