/*=========================================*/
/*=========================================*/
/*=== SCREEN (start) ===*/

/* ====================================== */
/* ========== GENERAL SETTINGS ========== */

@media screen {

	/* Notificaciones del formulario de contacto */
	.notification {
	display: none;
	position: fixed;
	top: 20px;
	right: 20px;
	color: white;
	padding: 25px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 100000;
	}

	.notification a {
	background: none;
	border: none;
	color: white;
	font-size: 14px;
	cursor: pointer;
	float: right;
	margin-left: 22px;
	font-weight: 800;
	text-decoration: none;
	}

	:root{
		--orange: #EE2D2C;
		--blue: #243746;
		--grey: #E6E7E8;
	}

	body {
		background: #fff;
		font-size: 14px;
		font-family: 'Montserrat', Arial, sans-serif !important;
		color: var(--blue);
	}
  
	h1, h2, h3, h4, h5, h6 {
		color: var(--blue);
	  	font-family: 'Bebas Neue', Arial, sans-serif !important;
	}
  
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
	}
  
	b, strong {
	  	font-weight: 700;
	}
  
	i, em {
	  	font-style: italic;
	}
  
	a {
		outline: none;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
  
	a:hover {
		cursor: pointer;
		text-decoration: none;
	}
  
	.home .main-h1 {
		font-size: 0;
		width: 1px;
		height: 1px;
		display: inline-block;
		overflow: hidden;
		position: absolute!important;
		border: 0!important;
		padding: 0!important;
		margin: 0!important;
		clip: rect(1px,1px,1px,1px);
		color: #000 !important;
	}  
  
	.pagina_fija {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	}  
  
	.fa {
	  font-style: normal !important;
	}
  
	.panel {
	  border:0 solid transparent;
	}
  
  }/* end @media screen  */
  
  
  	/* clientes force styles */
	.single-logo-item img {
		max-width: 160px;
		margin: 0 auto;
		height: auto;
	}

	.logo-carousel-section {
		background-color: #ffffff;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 40px;
	}


  /* ============================================== */
  /* ========== ALTO MINIMO DE LA PAGINA ========== */
  /* Alto de la pagina para que el footer quede fijo abajo cuando hay poco contenido - Restarle a 100vh (alto del viewport) el tamaño del footer en px para cada version */
  
  @media screen and (min-width: 1200px) {
	#soporte_pagina > .soporte {
	  min-height: calc(100vh - 24px); 
	}
  }/* termina @media screen and (min-width: 1200px) */
  
  @media screen and (min-width: 992px) and (max-width: 1199px) {
	#soporte_pagina > .soporte {
	  min-height: calc(100vh - 24px);
	}    
  }/* termina @media screen and (min-width: 992px) and (max-width: 1199px) */
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
	#soporte_pagina > .soporte {
	  min-height: calc(100vh - 55px);
	}  
	.soporte.soporte_calendario section{
		padding-top: 80px;
	}  
	.soporte_calendario{
		margin: 0 0 0 0 !important;
	}
  }/* termina @media screen and (min-width: 768px) and (max-width: 991px) */
  
  @media screen and (max-width: 767px) {
	#soporte_pagina > .soporte {
	  min-height: calc(100vh - 55px);
	}
	.soporte.soporte_calendario section{
		padding-top: 80px;
	}
  }/* termina @media screen and (max-width: 767px)
  
  
  /* ======================================= */
  /* ========== UTILITY CLASSES ========== */
  
  @media screen {

	.title_content_bebas{
		font-family: 'Bebas Neue';
		font-size: 64px;
		line-height: 70px;
		letter-spacing: 0.02em;
		color: var(--blue);
	}
	.title_list_bebas,
	.title_list_bebas.white{
		font-family: 'Bebas Neue';
		font-size: 125px;
		line-height: 115px;
		letter-spacing: 0.02em;
		color: var(--blue);
	}
	.title_list_bebas.white{
		color: #fff;
	}
	.sub_title_list_bebas{
		font-family: 'Bebas Neue';
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 0.02em;
		color: var(--blue);
	}
  
	.sep_orange_large{
		background-color: var(--orange);
		width:  130px;
		height: 3px;
	}
	.sep_orange_hight{
		background-color: var(--orange);
		width:  115px;
		height: 5px;
	}
	.p-x-0 {
	  padding-left: 0;
	  padding-right: 0;
	}
  
	.p-r-0 {
	  padding-right: 0;
	}
  
	.p-l-0 {
	  padding-left: 0;
	}
  
	.m-t-15 {
	  margin-top: 15px;
	}
  
	.m-b-0 {
	  margin-bottom: 0;
	}
	a.btn,
	.btn {
		display: inline-block;
		color: #fff;
		padding: 15px 35px;
		margin-bottom: 0;
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
		text-align: center;
		border: 1px solid;
		border-color: #fff;
		border-radius: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	} 

	.btn:hover,
	.btn:focus,
	a.btn:hover,
	a.btn:focus{
		color: var(--orange);
	}

	.btn-ampliar a,
	a.btn_blue,
	.btn_blue {
		display: inline-block;
		color: var(--blue);
		background-color: #fff;
		padding: 15px 35px;
		margin-bottom: 0;
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
		letter-spacing: 0.02em;
		text-align: center;
		border: 2px solid;
		text-transform: uppercase;
		text-decoration: none !important;
		border-color: var(--blue);
		border-radius: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	} 
	.btn-ampliar.second a{
		margin-bottom: 50px;
	}

	.btn-ampliar a:hover,
	.btn-ampliar a:focus,
	.btn_blue:hover,
	.btn_blue:focus,
	a.btn_blue:hover,
	a.btn_blue:focus{
		color: #fff;
		background-color: var(--blue);
	}

	.btn-ampliar.second a:hover,
	.btn-ampliar.second a:focus{
		border-color: #fff;
	}


	.embed-responsive {
	  position: relative;
	  display: block;
	  width: 100%;
	  padding: 0;
	  overflow: hidden;
	}
  
	.embed-responsive::before {
	  display: block;
	  content: "";
	}
  
	.embed-responsive .embed-responsive-item,
	.embed-responsive iframe,
	.embed-responsive embed,
	.embed-responsive object,
	.embed-responsive video {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: 0;
	}
  
	.embed-responsive-21by9::before {
	  padding-top: 42.857143%;
	}
  
	.embed-responsive-16by9::before {
	  padding-top: 56.25%;
	}
  
	.embed-responsive-4by3::before {
	  padding-top: 75%;
	}
  
	.embed-responsive-1by1::before {
	  padding-top: 100%;
	}
  
	.grayscale_filter {
	  -webkit-filter: grayscale(100%);
			  filter: grayscale(100%);
	}
  
	/* Hover - Grow */
  
	.hvr-grow {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	}
  
	.hvr-grow:hover,
	.hvr-grow:focus,
	.hvr-grow:active {
	  -webkit-transform: scale(1.03);
	  transform: scale(1.03);
	}
  
	/* Hover - Bounce In */
  
	.hvr-bounce-in {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
  
	.hvr-bounce-in:hover,
	.hvr-bounce-in:focus,
	.hvr-bounce-in:active {
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
  
	/* Hover - Underline From Left */
  
	.hvr-underline-from-left {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  position: relative;
	  overflow: hidden;
	}
  
	.hvr-underline-from-left:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 100%;
	  bottom: 0;
	  background: #000;
	  height: 2px;
	  -webkit-transition-property: right;
	  transition-property: right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
  
	.hvr-underline-from-left:hover:before,
	.hvr-underline-from-left:focus:before,
	.hvr-underline-from-left:active:before {
	  right: 0;
	}  
  
  }/* end @media screen  */

  /* ===================================== */
  /* ========== SWIPE ========== */
  @media screen {
  	.general_swipe{
		height: 100vh;
	}
	.swiper-container.main-slider .swiper-slide .content.show,
	.swiper-container.main-slider .swiper-slide .content{
		width: 40% !important;
		top: 27% !important;
		height: 410px !important;
	}

	.swiper-container.main-slider .swiper-slide .content .caption{
		margin-bottom: 15px;
	}
	.swiper-container.main-slider .swiper-slide .content .info-travel span{
		font-weight: 500;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 0.02em;
		color: #FFFFFF;
	}
	.swiper-container.main-slider .swiper-slide .content .info-travel{
		font-weight: 700;
		font-size: 30px;
		line-height: 25px;
		letter-spacing: 0.02em;
		color: #fff;
		margin-bottom: 15px;
	}


	.swiper-container.nav-slider{
		display: block !important;
	}
	
	.swiper-container.nav-slider{
		height: 440px !important;
		width: 1020px !important;
		bottom: unset !important;
		padding-top: 0 !important;
    	padding-bottom: 0 !important;
		pointer-events: none !important;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}
	.swiper-container.nav-slider .swiper-slide{
		width: 260px !important;
		height: 410px !important;
	}
	.swiper-slide .content a.btn{
		background: transparent;
		position: absolute;
		bottom: 0;
		transform: translateY(100%);
	}
	.swiper-slide .content a.btn:hover,
	.swiper-slide .content a.btn:focus{
		background: var(--blue);
		color: #fff;
		border-color: var(--blue);
	}
	.swiper-slide .content .caption{
		font-family: 'Bebas Neue';
		font-weight: 400 !important;
		font-size: 30px !important;
		line-height: 30px !important;
		letter-spacing: 0.02em !important;
		color: #FFFFFF;
	}
  }
	@media screen and (max-width: 1450px){
		.swiper-container.nav-slider{
			width: 50% !important;
		}
	}
  	@media screen and (max-width: 991px){
  		.swiper-container.nav-slider{
			display: none !important;
		}
	}

  @media screen and (max-width: 768px) {
  
	.general_swipe {
	  display: none !important;
	}
  
  }
  
  
  /* ===================================== */

  
     /* ========== CALENDARIO ========== */

@media screen  {

}


  /* ========== POP UP PRE HOME ========== */
  
  @media screen {
  
	.popup_prehome button.close.in-body {
	  position: absolute;
	  top: 29px;
	  right: 33px;
	  font-size: 28px;
	  color: #fff;
	  text-shadow: 0 0 0 #ffffff;
	  opacity: 1;
	  z-index: 99;
	  outline:none;
	  float: none;
	}
  
  }/* end @media screen  */
  
  @media screen and (min-width: 1200px) {
  
	.popup_prehome .modal-dialog {
	  width: 920px !important;
	}
  
  } /* termina @media screen and (min-width: 1200px) */
  
  @media screen and (min-width: 992px) and (max-width: 1199px) {
  
	.popup_prehome .modal-dialog {
	  width: 800px !important;
	}
	  
  } /* termina @media screen and (min-width: 992px) and (max-width: 1199px) */
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
  
	.popup_prehome .modal-dialog {
	  width: 600px !important;
	}  
	  
  } /* termina @media screen and (min-width: 768px) and (max-width: 991px) */
  
  @media screen and (max-width: 767px) {
  
	.popup_prehome .modal-dialog {
	  width: 100% !important;
	}
  
  } /* termina @media screen and (max-width: 767px) */
  
  
  /* ======================================= */
  /* ========== BOTONES FLOTANTES ========== */
  
  @media screen {
  
	.floating-buttons {
	  position: fixed;
	  bottom: 15px;
	  right: 15px;
	  z-index: 1056;
	  text-align: right;
	}
  
	.floating-buttons .btn-whatsapp a {
	  color: #fff;
	  background-color: #4dc247;
	  border-radius: 100px;
	  -moz-border-radius: 100px;
	  -webkit-border-radius: 100px;
	  border: 0;
	  position: relative;
	  opacity: 1;
	  display: inline-block;
	  margin-top: 10px;
	  width: 70px;
	  height: 70px;
	  text-align: left;
	  padding: 16px 0px 16px 19px;
	  overflow: hidden;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;  
	}
  
	.floating-buttons .btn-whatsapp a:hover {
	  width: 200px;
	}
  
	.floating-buttons .btn-whatsapp .fab.fa-whatsapp {
	  font-size: 36px;
	  color: #fff;
	  text-align: left;
	}
  
	.floating-buttons .btn-whatsapp span {
	  position: absolute;
	  top: 24px;
	  right: -10px;
	  font-size: 18px;
	  line-height: 1;
	  font-weight: 400;
	  opacity: 0;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
  
	.floating-buttons .btn-whatsapp a:hover span {
	  opacity: 1;
	  right: 30px;
	}
  
  }/* end @media screen  */
  
  
  /* ===================================== */
  /* ========== BOTON IR ARRIBA ========== */
  
  @media screen {
  
	.go-up-hide {
	  display: none;
	}
  
	.go-up-show {
	  display: block;
	}
  
	.go-up-btn {
	  color: #000;
	  background: #fff;
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  padding-top: 10px;
	  margin: 10px 16px 0 0;
	  cursor: pointer;
	  display: inline-block;
	  text-align: center;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
  
	.go-up-btn .fa {
	  font-size: 21px;
	  line-height: 1;
	  font-weight: 400;
	}
  
  }/* end @media screen  */
  
  @media screen and (min-width: 992px){
  
	.go-up-btn:hover {
	  color: #fff;
	}
  
  } /* termina @media screen and (min-width: 992px) */
  
  
  /* ============================== */
  /* ========== BUSQUEDA ========== */
  
  @media screen {
  
	#header .btn.buscador {
	  float: right;
	}
  
	#bck_black_search {
	  position: fixed;
	  background-color: rgba(0, 0, 0, 0.6) !important;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  z-index: 1030;
	  display: none;
	}
  
	.panel_busqueda {
	  height: 70px; /* 100% Full-height */
	  width: 100%; /* 0 width - change this with JavaScript */
	  padding: 0 0;
	  margin: 0 0;
	  position: absolute; /* Stay in place */
	  z-index: 1057; /* Stay on top */
	  top: -350px;
	  left: 0;
	  background-color: #fff;
	  overflow-x: hidden; /* Disable horizontal scroll */
	  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	  -moz-box-shadow:    0 3px 9px rgba(0, 0, 0, 0.5);
	  box-shadow:     0 3px 9px rgba(0, 0, 0, 0.5);
	}
  
	.panel_busqueda .texto {
	  background: transparent;
	  border: 0;
	  font-size: 14px;
	  line-height: 1;
	  font-weight: 100;
	  outline: none !important;
	  width: 85%;
	  padding: 0 0;
	  margin: 0 0;
	  float: left;
	}
  
	.panel_busqueda .botones {
	  width: 15%;
	  float: left;
	}
  
	.panel_busqueda .botones a {
	  float: right;
	}
  
	.panel_busqueda input#str::-webkit-input-placeholder {
	  color: #555;
	}
	.panel_busqueda input#str:-moz-placeholder { /* Firefox 18- */
	  color: #555;  
	}
	.panel_busqueda input#str::-moz-placeholder {  /* Firefox 19+ */
	  color: #555;  
	}
	.panel_busqueda input#str:-ms-input-placeholder {  
	  color: #555;
	}

	.box-search-mobile {
		position: relative;
		margin-left: 0;
		width: 290px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;			
	}

	.box-search-mobile input.texto{
		border:0;
		height: 45px;
		padding: 0 0 0 0;
		font-size: 12px;
		line-height: 1;
		font-weight: 400;
		color: #000;
		background-color: #eeeeee;
		outline: none;
		width: 100%;
		border-radius: 500px;
		-moz-border-radius: 500px;
		-webkit-border-radius: 500px;		
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.box-search-mobile input.texto:-moz-placeholder {color: #243746;}
	.box-search-mobile input.texto::-moz-placeholder {color: #243746;}
	.box-search-mobile input.texto:-ms-input-placeholder {color: #243746;}
	.box-search-mobile input.texto::-webkit-input-placeholder {color: #243746;}	

	.box-search-mobile input.texto {
		font-size: 14px;
		background-color: #fff;
		padding: 0 22px 0 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;			
	}

	.box-search-mobile .btn-search {
		color: #000 !important;
		border-radius: 500px;
		-moz-border-radius: 500px;
		-webkit-border-radius: 500px;			
		background-color: #eeeeee;
		position: absolute;
		top: 0;
		right: 0;
		height: 45px;
		width: 50px;
	}

	.box-search-mobile .btn-search {
		background-color: #fff;
	}

  
  }/* end @media screen  */
  
  
  /* ============================ */
  /* ========== HEADER ========== */
  
  @media screen and (min-width: 992px) {
	.home #soporte_pagina > .soporte{ /* Definir padding top del soporte en base al alto del header*/
		padding-top: 0px;
	  }
  
	#soporte_pagina > .soporte{ /* Definir padding top del soporte en base al alto del header*/
	  padding-top: 120px;
	}
  
  }/* termina @media screen and (min-width: 992px) */

  @media screen {
	.top{
		position: relative;
	}
  }
  
  @media screen {
  
	#header,
	#header.header_slim,
	#header .logo a img,
	#header .logo a img.logo_slim {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	body.home .top #header{
		position: absolute;
		background: transparent;
	}
  
	#header {
		position: relative;
		background-color: var(--blue);
		background-image: url('img/header_bg.jpg');
		background-position: center;
		background-size: cover;
		height: 120px;
	}
  
	#header .container {
	  	position: relative;
	}
	#header .logo {
	  	position: relative;
	}
	#header .logo a {
	  	display: inline-block;
	}
  
}/* end @media screen  */
  
  @media screen and (min-width: 992px){
  
	.top #header,
	#header {
	  padding: 0px 0;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  z-index: 1030;
	}
  
	.top #header.header_slim,
	#header.header_slim {
	  padding: 15px 0;
	  background-color: var(--blue);
	  background-image: url('img/header_bg.jpg');
		background-position: center;
		background-size: cover;
		height: auto;
	}
  
	#header .logo a img {
		margin-top: 35px;
	  	height: 32px;
	}
  
	#header .logo a img.logo_slim {
	  height: 30px;
	  margin-top: 0px;
	}
  
  } /* termina @media screen and (min-width: 992px) */

@media screen and (max-width: 991px){
	body.home .top #header{
		position: absolute;
		background: transparent;
		z-index: 3;
		width: 100%;
		height: auto;
		padding: 30px 0;
	}
	#header{
		/* position: fixed; */
		background: transparent;
		background-color: var(--blue);
	  	background-image: url('img/header_bg.jpg');
		background-position: center;
		background-size: cover;
		padding: 30px 0;
		height: 80px;
	}
	#header .container {
		z-index: 3;
	}
}
@media screen and (max-width: 570px){
	#header .logo a img{
		width: 250px;
	}
}
  /* ===================================== */
/* ========== HEADER (CART / ACCOUNT) ========== */

@media screen{

	#header .box-shopping-cart,
	#header .box-account {
		font-size: 18px;
	}
	
	#header .box-shopping-cart .shopping-cart {
		margin-right: 0;
	}
	
	#header .box-shopping-cart a,
	#header .box-account a {
		padding: 0 10px;
	}

	#header .box-shopping-cart a {
		position: relative;
	}
	
	#header .box-account a {
		padding-right: 0;
	}
	
	#header .box-account button,
	#header .box-shopping-cart button {
		color: #000;
		position: relative;
		font-size: 18px;
		padding: 0 10px;
		margin: 0;
		border: 0;
		background: transparent;
		outline: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;		
	}
	
	#header .box-account button {
		padding: 0 0 0 15px;
	}
	
	#header .box-account button:hover,
	#header .box-account button:focus,
	#header .box-account a:hover,
	#header .box-account a:focus,
	#header .box-shopping-cart button:hover,
	#header .box-shopping-cart button:focus,
	#header .box-shopping-cart a:hover,
	#header .box-shopping-cart a:focus {
		color: #999;
	}
	
	#header .box-shopping-cart .shopping-cart span {
		font-size: 11px;
		font-weight: 700;
		line-height: 1;
		min-width: 15px;
		height: 15px;
		padding: 0 2px;
		position: absolute;
		bottom: 0;
		right: 0;
		color: #fff;
		background-color: #666;
	}
	
	#header .box-account button span {
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.1em;
		margin-left: 3px;
		text-transform: uppercase;
		position: relative;
		top: -2px;
	}
	
	#header .box-account .dropdown-menu,
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu {
		position: absolute;
		top: 100%;
		left: auto;
		right: -42px;
		text-align: center;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		z-index: 1000;
		float: left;
		min-width: 160px; 
		/*width: 100% !important;*/
		padding: 15px 30px;
		margin: 10px 0 0 0;
		font-size: 12px;
		line-height: 1;
		list-style: none;
		border: none !important;
		border-radius: 0;
		-webkit-box-shadow: 0 20px 12px rgba(0, 0, 0, 0.175);
				box-shadow: 0 20px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	
	#header .box-account .dropdown-menu {
		background-color: #222;
		left: auto;
		right: 0;
		-webkit-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important;		
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu {
		padding: 0;
		padding-top: 10px;
		margin-top: 0;
		min-width: 400px;
		background: transparent;
	}
	
	#header .box-account .dropdown-menu:after,
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu:after {
		bottom: 100%;
		left: auto;
		right: 27px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #d6d6d6;
		border-width: 6px;
		margin-left: -5px;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu:after {
		right: 52px;
		top: -2px;
	}
	
	#header .box-account .dropdown-menu h6.title {
		white-space: nowrap;
		font-size: 16px;
		line-height: 1;
		font-weight: 700;
		letter-spacing: 0.02em;
		margin-bottom: 10px;
		color: #fff;
	}
	
	#header .box-account .dropdown-menu .buttons {
		white-space: nowrap;
	}
	
	#header .box-account .dropdown-menu .buttons a {
		padding: 0;
		color: #fff;
		display: inline-block;
		/* text-transform: uppercase; */
		border-right: 1px solid #fff;
		padding: 0 10px;
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0.05em;
	}
	
	#header .box-account .dropdown-menu .buttons a:last-child {
		border: 0;
	}
	
	#header .box-account .dropdown-menu .buttons a i {
		margin-right: 4px;
	}
	
	#header .box-account .dropdown-menu .buttons a:hover,
	#header .box-account .dropdown-menu .buttons a:focus {
		opacity: 0.7;
		text-decoration: none;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu h5.title {
		padding: 20px;
		margin: 0;
		font-size: 13px;
		background-color: #222;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu h5.title.bg_white {
		color: #333;
		border-bottom: 1px solid #d2d2d2;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body{
		padding: 0;
		background: #fff;
		max-height: 59vh;
		overflow: auto;		
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product {
		text-align: left;
		font-size: 13px;
		line-height: 1.2;
		margin-top: 0;
		padding: 20px;
		border-bottom: 1px solid #d2d2d2;
	}
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product:last-child {
		margin-bottom: 0;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product figure{
		width: 100px !important;
		margin-right: 20px;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .product-name {
		width: 150px;
		margin-right: 20px;
		font-size: 13px;
		line-height: 1.2;
	}  
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .quantity {
		margin-right: 20px;
		width: 50px;
		text-align: right;
	}  
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .subtotal {
		text-align: right;
		width: 80px;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-body .product .total {
		border-top: 1px solid #ccc;
		padding-top: 12px;
		margin-top: 12px;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-footer {
		background: #222;
		color: #fff;
		padding: 20px;
	}
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-footer .total {
		font-size: 13px;
		letter-spacing: 0.05em;
	}
	
	#header .box-shopping-cart .shopping-dropdown .dropdown-menu .dropdown-footer .btn {
		display: inline-block;
		color: #fff;
		font-size: 13px;
		line-height: 1;
		text-transform: uppercase;
		background: none;
		letter-spacing: 0.05em;
	}
}/* termina @media screen */

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

	#header .box-account {
		display: none !important;
	}	
	#header .box-menu {
		order: 1;
	}
	#header .box-shopping-cart .shopping-cart a {
		padding: 0 15px;
	}
	#header .box-shopping-cart .shopping-cart span {
		right: 5px;
	}	

}/* termina @media screen and (max-width: 991px) */

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

	#header .box-shopping-cart .shopping-cart{
		line-height: 1;
	}

}/* termina @media screen and (max-width: 767px) */	

  /* ============================ */
  /* ========== FOOTER ========== */
  
  @media screen {
  
	#footer,
	#footer_firma {
	  background: var(--grey);
	  padding: 70px 0 25px;
	}

	#footer_firma{
		padding: 10px 0;
	}

	#footer .texto,
	#footer .contacto_redes{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-self: start;
		min-height: 200px;
	}
	#footer .texto .logo a{
		display: inline-block;
	}
	#footer .texto .logo a img{
		width: 225px;
	}
	#footer .texto .logo .sep{
		background-color: var(--orange);
		width: 100px;
		height: 3px;
		margin-top: 25px;
	}
  
	#footer .texto .legal,
	#footer .texto .legal h6  {
		font-weight: 500;
		font-size: 11px;
		line-height: 20px;
		letter-spacing: 0.02em;
		color: #8A8A8A;
	}
  
	#footer .texto .legal h6 {
	  text-transform: uppercase;
	  font-family: 'Montserrat', Arial, sans-serif !important;
	  display: inline-block;
	}
	
  
	#footer .texto,
	#footer .texto h6 {
	  color: #ffffff;
	  font-weight: 400;
	}


	#footer .menu_footer ul {
		list-style: none;
	}
	#footer .menu_footer ul li a{
		color: var(--blue);
		font-weight: 700;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}
	#footer .menu_footer ul li.active a,
	#footer .menu_footer ul li:hover a{
		color: var(--orange);
	}
	#footer .contacto {
		color: var(--blue);
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.02em;
		padding: 0 0 ;
	}

	#footer .contacto a {
		color: var(--blue);
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.02em;
		padding: 0 0 ;
		text-decoration: none;
	} 
	#footer .contacto a:hover,
	#footer .contacto a:focus{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
		color: var(--orange);
	}

	#footer .redes a.btn.social {
		color: var(--blue);
		border-color: var(--blue);
		font-size: 16px;
		line-height: 20px;
		width: 32px;
		height: 32px;
		text-align: center;
		padding: 0 0;
		padding-top: 6px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
		margin-right: 12px;
	}

	#footer .redes a.btn.social:hover{
		color: var(--orange);
		border-color: var(--orange);
	}


  
	#footer_firma .firma .dinamic {
	  font-size: 11px;
	  line-height: 20px;
	  font-weight: 500;
	  letter-spacing: 0.02em;
	  margin: 0 0;
	  padding-top: 0;
	  padding-left: 0;
	  text-decoration: none;
	}
  
	#footer_firma .firma .dinamic a {
	  color: #8A8A8A;
	  display: inline-block;
	  text-decoration: none;
	}
  
	#footer_firma .firma .dinamic a:hover,
	#footer_firma .firma .dinamic a:focus {
	  color: var(--blue);
	}

	#footer_firma .firma .legal_xs{
		display: none;
	}
  
  }/* end @media screen  */
  
  	@media screen and (max-width: 991px){
		#footer {
			padding: 35px 0 0px;
		}
		#footer .texto,
		#footer .contacto_redes{
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 100px;
		}
		#footer .contacto,
		#footer .redes,
		#footer .texto .logo{
			margin-bottom: 40px;
		}
		#footer .texto .logo a img {
			width: 170px;
		}
		#footer .texto .legal{
			display: none!important;
		}
		#footer .contacto{
			text-align: center;
		}
		#footer .redes a.btn.social{
			margin-right: 6px;
			margin-left: 6px;
		}
		#footer_firma {
			padding: 0px 0 0px 0;
		}
		#footer_firma .firma .legal_xs,
		#footer_firma .firma .legal_xs h6{
			display: block;
			font-weight: 500;
			font-size: 11px;
			line-height: 0px;
			letter-spacing: 0.02em;
			color: #8A8A8A;
			margin-bottom: 5px;
		}
		#footer_firma .firma .legal_xs h6{
			text-transform: uppercase;
			font-family: 'Montserrat', Arial, sans-serif !important;
			display: inline-block;
		}
	}
  
  /* ==================================== */
  /* ========== REDES SOCIALES ========== */
  
  @media screen {
	#header .redes,
	#footer .redes {
	  position: relative;
	}
  
	#header .redes a i {
		color:#000;
		font-size: 16px;
		margin-left: 13px; 
	}


  }/* end @media screen  */
  
  
  /* ========================================== */
  /* ========== MENU PRINCIPAL (web) ========== */
  
  @media screen {
  
	.menu {
		position: relative;
		margin: 0 0;
		float: right;
	}
  
	.menu > ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
  
	.menu > ul:after {
	  	clear: both;
	}
  
	.menu > ul > li {
		display: block;
		position: relative;
		float: left;
	}
  
	.menu > ul > li > a {
		text-transform: uppercase;
		color: #fff;
		padding: 45px 5px 10px 5px;
		margin: 0 10px;
		font-weight: 700;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 0.02em;
	}

	.menu.menu_slim > ul > li > a {
		padding: 10px 5px 10px 5px;
	}
  
	.menu > ul > li > a:hover,
	.menu > ul > li > a:focus {
		text-decoration: none;
		background: transparent;
	}
  
	.menu > ul > li.active > a,
	.menu > ul > li.active > a:hover,
	.menu > ul > li.active > a:focus {
	  font-weight: 700;
	  background: transparent;
	}
  
	.menu > ul .open > a,
	.menu > ul .open > a:hover,
	.menu > ul .open > a:focus {
	  background: transparent !important;
	  border-color: none;
	}


	.menu > ul > li > a:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		bottom: 0;
		background: var(--orange);
		height: 2px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.menu > ul > li > a:hover:before,
	.menu > ul > li > a:focus:before,
	.menu > ul > li.active > a:before {
		left: 0;
		right: 0;
	}
  
	.menu > ul > li .dropdown-menu {
	  /* background: var(--blue); */
	  background-color: rgba(36, 55, 70, 0.85);
	  opacity: 0.85;
	  position: absolute;
	  top: 100%;
	  left: 100%;
	  right: auto;
	  text-align: center;
	  -webkit-transform: translate(-50%, 0);
	  transform: translate(-50%, 0);
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px; 
	  /*width: 100% !important;*/
	  padding: 18px 23px;
	  margin: 0 0;
	  font-size: 12px;
	  line-height: 1;
	  list-style: none;
	  border: none !important;
	  border-radius: 0;
	  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
			  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.35);
	  background-clip: padding-box;
	  -webkit-animation-duration: 0.4s;
	  animation-duration: 0.4s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  border-radius: 10px
	}

	.menu > ul > li .dropdown-menu:after {
		bottom: 100%;
		left: 10%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(36, 55, 70, 0);
		border-bottom-color:rgba(36, 55, 70, 0.85);
		border-width: 10px;
		margin-left: -5px;
	  }
  
	.menu > ul > li:first-child .dropdown-menu {
	  left: 0;
	  right: auto;
	  -webkit-transform: translate(0, 0) !important;
	  transform: translate(0, 0) !important;
	}
  
	.menu > ul > li:last-child .dropdown-menu {
	  right: -10%;
	  left: auto;
	  -webkit-transform: translate(0, 0) !important;
	  transform: translate(0, 0) !important;
	}

	.menu > ul > li:last-child .dropdown-menu:after{
		left: 50%;
	}
  
  
	.menu > ul > li > .dropdown-menu > li > a {
		color: #fff;
		display: block;
		padding: 0px 0px;
		clear: both;
		font-weight: 600;
		font-size: 13px;
		line-height: 25px;
		white-space: nowrap;
		text-align: left;
		text-transform: uppercase;
		filter:none !important;
		background-image: none !important; 
	}
  
	.menu > ul > li > .dropdown-menu > li:last-child {
	  display: none;
	}
  
	.menu > ul > li > .dropdown-menu > li > a:hover,
	.menu > ul > li > .dropdown-menu > li > a:focus {
	  color: var(--orange);
	  text-decoration: none;
	  background-color: transparent;
	}
  
	.menu > ul > li > .dropdown-menu > .active > a,
	.menu > ul > li > .dropdown-menu > .active > a:hover,
	.menu > ul > li > .dropdown-menu > .active > a:focus {
		background-color: transparent;
	  font-weight: 700;
	  color: var(--orange);
	  text-decoration: none;
	  outline: 0;
	}	
  
	.menu > ul > li > .dropdown-menu .divider {
	  display: none;
	}
  
  }/* end @media screen  */
  
  @media screen and (min-width: 992px){
  
	.navbar-toggle {
	  display: none !important; /*- Modificar (min-width: 992px) para cambiar la medida a la que se muestra o no el botón del menú móvil-*/
	}
	
  } /* termina @media screen and (min-width: 992px) */
  @media screen and (min-width: 992px) and (max-width: 1199px){
	.menu > ul > li > a {
		padding: 42px 0px 10px 0px;
		margin: 0 5px;
		font-size: 12px;
	}
  }
  /* =================================== */
  /* ========== SUBMENU (web) ========== */
  
  @media screen {
  
	.submenu ul >li+li {
	  margin-left: 0;
	}
  
	.submenu ul > li:last-child > a {
	  border-right: 0;
	}
  
	.submenu ul > li > a {
	  color: #000;
	  background: #e4e4e4;
	  border-right: 1px solid;
	  border-color: #fff;
	  border-radius: 0 !important;
	  padding: 20px 0 !important;
	  margin: 0 0;
	  font-size: 12px;
	  line-height: 1;
	  font-weight: 400;
	  text-transform: uppercase;
	}
  
	.submenu ul > li > a:hover,
	.submenu ul > li > a:focus {
	  color: #fff;
	  text-decoration: none;
	}
  
	.submenu ul > li.active > a,
	.submenu ul > li.active > a:hover,
	.submenu ul > li.active > a:focus {
	  color: #000;
	  background: #ccc;
	  font-weight: 700;
	  cursor: default;
	}
  
  }/* end @media screen  */
  
  
  /* ================================================================ */
  /* ========== MENU PRINCIPAL (mobile) / SUBMENU (mobile) ========== */
  
  @media screen {
  
	a.hamburguer {
	  position: absolute;
	  right: 30px;
	  top: 10px;
	  display: inline-block;
	  padding: 0 0;
	  margin: 0;
	  font-size: 22px;
	  line-height: 1;
	  font-weight: 400;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out; 
	}
  
	a.hamburguer:hover,
	a.hamburguer:focus {
	  text-decoration: none !important;
	}
  
	.navbar-toggle {
	  overflow: hidden;
	}
  
	.navbar-toggle .icon-bar {
	  background: var(--grey);
	  border-radius: 0 !important;
	  -webkit-transition: opacity, -webkit-transform;
	  transition: opacity, -webkit-transform;
	  transition: opacity, transform;
	  transition: opacity, transform, -webkit-transform;
	  -webkit-transition-duration: 200ms;
			  transition-duration: 200ms;
	  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
			  transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
	}
  
	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
	  -webkit-transform: translateY(6px) rotate(45deg);
			  transform: translateY(6px) rotate(45deg);
	}
  
	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
	  opacity: 0;
	  -webkit-transform: translateX(-100%);
			  transform: translateX(-100%);
	}
  
	.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
	  -webkit-transform: translateY(-6px) rotate(-45deg);
			  transform: translateY(-6px) rotate(-45deg);
	}

	.home #collapseMenu,
	#collapseMenu{
		position: absolute;
		width: 100%;
		z-index: 2;
	}
	#collapseMenu{
		top: 0;
	}

	#collapseMenu .menu_mobile{
		padding-top: 80px;
		background-color: #40505C;
	}
  
	.menu_mobile ul {
	  margin: 0;
	  padding: 0 15px;
	  text-align: center;
	  /* border-top: 1px solid;
	  border-color: #ffffff19; */
	}
  
	.menu_mobile ul li {
	  background: #40505C;
	  margin: 0 0;
	  padding: 0 0px;
	  list-style: none;
	  border-bottom: 1px solid;
	  border-color: #ffffff19;
	  border-radius: 0;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;
	}
  
	.menu_mobile > ul>.active,
	.menu_mobile > ul>.active>a,
	.menu_mobile > ul>.active>a:hover,
	.menu_mobile > ul>.active>a:focus {
	  background: #40505C;
	}
  
	.menu_mobile ul li a {
		color: #fff;
		display: block;
		margin: 0 0;
		padding: 6px 0;
		list-style: none;
		font-weight: 700;
		font-size: 16px;
		line-height: 35px;
		text-transform: uppercase;
		letter-spacing: 0.02em;
	}
	/* .menu_mobile ul li.hasSubs > a:not(.collapsed){
		border-bottom: none;
	} */

	.menu_mobile ul li a.btn_movil{
		font-weight: 400;
		margin: 0 15px;
	}
  
	.menu_mobile ul li.hasSubs > a {
	  position: relative;
	}
  
	.menu_mobile ul li.hasSubs > a:after {
	  font-family: "Font Awesome 5 Free";
	  font-weight: 900;
	  content: "\f106";
	  display: inline-block;
	  color: inherit;
	  position: absolute;
	  right: 15px;
	  top: 6px;
	  margin: 0;
	  text-align: center;
	  color: #fff;
	}
  
	.menu_mobile ul li.hasSubs > a.collapsed:after {
	  content: "\f107";
	}
  
	.menu_mobile ul li a:hover,
	.menu_mobile ul li a:focus {
	  color: var(--orange);
	  text-decoration: none;
	}
  
	.submenu_mobile ul {
	  margin: 0 0;
	  padding: 0 0 20px 0;
	  text-align: center;
	}
  
	.submenu_mobile ul li {
	  background: #40505C;
	  margin: 0 0;
	  padding: 0 0;
	  list-style: none;
	  border-bottom: none;
	  border-top: 0;
	}
  
	/* .submenu_mobile ul li:first-child {
	  border-top: 1px solid #f1f1f1;
	}
  
	.submenu_mobile ul li:last-child {
	  border-bottom: 0px;
	} */
  
	.submenu_mobile ul>.active>a,
	.submenu_mobile ul>.active>a:hover,
	.submenu_mobile ul>.active>a:focus {
	  color: var(--orange);
	  font-weight: 700;
	}
  
	.submenu_mobile ul li a {
		color: #fff;
		margin: 0;
		padding: 7px 0;
		list-style: none;
		font-weight: 600;
		font-size: 13px;
		line-height: 15px;
		letter-spacing: 0.02em;
	}
  
	.submenu_mobile ul li a:hover,
	.submenu_mobile ul li a:focus {
	  color: var(--orange);
	  text-decoration: none;
	}
  
  }/* end @media screen  */
	@media screen and (max-width: 570px){
		a.hamburguer{
			top: 2px;
		}
	}
  
/* ==================================== */
/* =========== MENU SIDEBAR / MENU CATALOGO =========== */
  
@media screen {
		
	.box-btn-openSideBarMenu {
		line-height: 1;
		font-size: 1px;
	}

	.btn-openSideBarMenu{
		display: inline-block;
		float: none;
		padding: 5px;
		margin: 0;
		cursor: pointer;
	}

	#sidebar-menu{
		height: 100%; /* 100% Full-height */
		width: 320px; /* 0 width - change this with JavaScript */
		padding: 0 30px;
		position: fixed; /* Stay in place */
		z-index: 1057; /* Stay on top */
		top: 0;
		left: -350px;
		background-color: #fff; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0 3px 9px rgba(0, 0, 0, 0.5);
		box-shadow:     0 3px 9px rgba(0, 0, 0, 0.5);
	}
  
	#sidebar-menu-overlay{
		position: fixed;
		background-color: rgba(0, 0, 0, 0.6) !important;
		height: 100%;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 1031;
		display: none;
	}

	#sidebar-menu .box {
		padding: 30px 0;
		border-bottom: 1px solid #ccc;
	}

	#sidebar-menu .box.sidebar-search { 
		padding: 10px 0;
	}

	#sidebar-menu .box.sidebar-bottom {
		font-size: 12px;
		border-bottom: 0;
	}

	#sidebar-menu .sidebar-account .btn-login-mobile {
		font-size: 14px;
		line-height: 1;		
		margin: 0;
		padding: 0;
		background: transparent;
		border: 0;
		display: block;
		outline: none;
		text-decoration: none;
	}
	#sidebar-menu .sidebar-account .btn-login-mobile i {
		margin-right: 5px;
	}

	#sidebar-menu .sidebar-account .title{
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 10px;
		text-align: left;
	}

	#sidebar-menu .sidebar-account .buttons {
		font-size: 14px;
		line-height: 1;
	}

	#sidebar-menu .sidebar-account .buttons a {
		padding: 0;
		color: #000;
		display: inline-block;
		border-right: 1px solid #ccc;
		padding: 0 10px;
		font-size: 12px;
		line-height: 1;
	}

	#sidebar-menu .sidebar-account .buttons a:first-child {
		padding-left: 0;
	}

	#sidebar-menu .sidebar-account .buttons a:last-child {
		border: 0;
	}

	#sidebar-menu .sidebar-account .buttons a i {
		margin-right: 4px;
	}

	#sidebar-menu .sidebar-account .buttons a:hover,
	#sidebar-menu .sidebar-account .buttons a:focus {
		color: #000;
	}

	#sidebar-menu .sidebar-account .closebtn {
		display: block;
		text-align: right;
		font-size: 16px;
	}
	
	#sidebar-menu .sidebar-catalogue ul,
	#sidebar-menu .sidebar-nav ul,
	#desktop-nav-catalogue ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#sidebar-menu .sidebar-catalogue ul li,
	#sidebar-menu .sidebar-nav ul li,
	#desktop-nav-catalogue ul li {
		margin-bottom: 0;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}

	#sidebar-menu .sidebar-catalogue ul li a,
	#sidebar-menu .sidebar-nav ul li a,
	#desktop-nav-catalogue ul li a {
		display: block;
		font-size: 16px;
		line-height: 1.2;
		font-weight: 400;
		padding: 6px 0;
		overflow-wrap: break-word;
	}

	#desktop-nav-catalogue ul li a {
		font-size: 18px;
		padding: 8px 0;
	}

	#sidebar-menu .sidebar-catalogue ul li a:hover,
	#sidebar-menu .sidebar-catalogue ul li a:focus,
	#sidebar-menu .sidebar-nav ul li a:hover,
	#sidebar-menu .sidebar-nav ul li a:focus,
	#desktop-nav-catalogue ul li a:hover,
	#desktop-nav-catalogue ul li a:focus {
		color: #000;
		outline: none;
		text-decoration: none;
	}

	#sidebar-menu .sidebar-catalogue ul .active > a,
	#sidebar-menu .sidebar-nav ul .active > a,
	#desktop-nav-catalogue ul .active > a {
		font-weight: 700;
	}	

	#sidebar-menu .sidebar-catalogue ul li.title,
	#desktop-nav-catalogue ul li.title {
		margin-bottom: 0;
	}
	
	#sidebar-menu .sidebar-catalogue ul li.title a,
	#desktop-nav-catalogue ul li.title a {
		padding: 0;
	}

	#sidebar-menu .sidebar-catalogue ul li.title a h5,
	#desktop-nav-catalogue ul li.title a h5 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
		padding: 0;
		text-transform: uppercase;
		text-align: left;
	}	

	#desktop-nav-catalogue ul li.title a h5 {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;		
	}

	#desktop-nav-catalogue ul li.title a h5 {
		font-size: 24px;
		margin-bottom: 15px;
		text-transform: none;
	}

	#sidebar-menu .sidebar-catalogue ul li ul,
	#sidebar-menu .sidebar-nav ul li ul,
	#desktop-nav-catalogue ul li ul {
		padding-left: 15px;
		padding-bottom: 15px;
	}

	#sidebar-menu .sidebar-catalogue ul li ul li a,
	#sidebar-menu .sidebar-nav ul li ul li a,
	#desktop-nav-catalogue ul li ul li a {
		font-size: 14px;
	}



}/* termina @media screen */	

@media screen and (max-width: 991px) {
	
	.btn-openSideBarMenu {
		padding: 10px;
		padding-right: 0;
	}

}/* termina @media screen and (max-width: 991px) */
  
/* ============================ */
/* ========== QUANTITY / COMMENTS ========== */

@media screen {
	.content-template .product .quantity,
	.cart-table .cart-table-column.product-quantity .quantity,
	.card-product .quantity {
		color: #000;
		padding: 0 0;
	}

	.content-template .product .quantity,
	.cart-table-column.product-quantity .quantity,
	.card-product .quantity {
		display: inline-block;
		border: 1px solid #909090;
		margin-right: 15px;
	}

	.cart-table-column.product-quantity .quantity {
		margin: 0;
	}

	.content-template .product .box-cart-add {
		margin-top: 30px;
	}

	.content-template .product .quantity span,
	.cart-table .cart-table-column.product-quantity .quantity span,
	.card-product .quantity span {
		display: block;
		font-size: 11px;
		line-height: 1;
	}

	.content-template .product .quantity .btn,
	.cart-table .cart-table-column.product-quantity .quantity .btn,
	.card-product .quantity .btn {
		padding: 12px 12px;
		background: transparent;
		font-size: 11px;
		line-height: 1;
		color: #333;
		outline: none;
	}

	.content-template .product .quantity .btn:hover,
	.content-template .product .quantity .btn:focus,
	.cart-table .cart-table-column.product-quantity .quantity .btn:hover,
	.cart-table .cart-table-column.product-quantity .quantity .btn:focus,
	.card-product .quantity .btn:hover,
	.card-product .quantity .btn:focus, {
		box-shadow: none;
		background: transparent;
		color: #000;
		opacity: 1;
	}

	.content-template .product .quantity .btn:focus,
	.cart-table .cart-table-column.product-quantity .quantity .btn:focus,
	.card-product .quantity .btn:focus, {
		outline: none;
	}

	.content-template .product .quantity input,
	.cart-table .cart-table-column.product-quantity .quantity input,
	.card-product .quantity input {
		background: transparent;
		color: #000;
		border: 1px solid #ccc;
		border-top: 0;
		border-bottom: 0;
		text-align: center;
		padding: 3px 0;
		font-size: 12px;
		line-height: 1;
		width: 50px;
	}

	.content-template .product .quantity input:focus,
	.cart-table .cart-table-column.product-quantity .quantity input:focus {
		background-color: transparent;
		outline: none;
	}

	.content-template .product .comments {
		margin-bottom: 30px;
	}

	.content-template .product .comments textarea {
		padding: 12px;
	}

	.btn-add-cart .btn {
		/* margin-top: 30px; */
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
	}

	.btn-add-cart .btn:focus {
		color: #fff;
		outline: none;
		outline-offset: 0;
	}

	#cart-detail .cart-general-comments {
		width: 540px;
	}
	#cart-detail .cart-general-comments .form-control{
		height: 183px !important;
	}
	#cart-confirm .cart-general-comments {
		font-size: 16px;
		padding-right: 30px;
	}

}

@media screen and (max-width: 767px) {
	#cart-detail .cart-general-comments {
		width: 100%;
	}
	#cart-confirm .cart-general-comments {
		padding: 30px;
		border: 1px solid #ccc;
	}	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#cart-detail .cart-general-comments {
		width: 320px;
	}
}

/* ================================================================ */
/* ========== CARRO ========== */

@media screen {

	.template-cart #cart-detail .alert,
	.template-cart #cart-confirm .alert{
		margin-bottom: 0;
		margin-top: 50px;
		padding: 70px;
	}

	.cart-table {
		margin-top: 50px;
	}
	.cart-table .cart-table-head {
		border-top: 1px solid #bbbbbb;
		color: #000;
		line-height: 1;
		font-weight: 700;
	}
	.cart-table .cart-table-row {
		border-bottom: 1px solid #bbbbbb;
	}
	.cart-table .cart-table-row:hover {
		background-color: #f2f2f2;
	}
	.cart-table .cart-table-row:first-child:hover {
		background-color: transparent;
	}	
	.cart-table .cart-table-column {
		padding: 25px 10px;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-align: center !important;
		align-items: center !important;
	}
	.cart-table .cart-table-head .cart-table-column {
		padding-top: 14px;
		padding-bottom: 14px;
	}
	.cart-table .cart-table-column.product-remove {
		width: 5%;
	}
	.cart-table .cart-table-column.product-image {
		width: 10%;
	}
	.cart-table .cart-table-column.product-name {
		width: 41%;
	}
	/* .cart-table .cart-table-column.product-code { width: 14%; } */
	/* .cart-table .cart-table-column.product-size { width: 14%; } */
	.cart-table .cart-table-column.product-price { width: 12%; }
	.cart-table .cart-table-column.product-quantity {
		width: 20%;
	}
	.cart-table .cart-table-column.product-total {
		width: 12%;
	}
	/* Se suma el porcentaje de product-remove en caso de que esta como una columna, porque el mismo no esta en el resumen del carro */
	#cart-confirm .cart-table .cart-table-column.product-name {
		width: 54%;
	}
	#cart-confirm .cart-table .cart-table-column.product-quantity {
		width: 12%;
	}
	.cart-table .cart-table-column>div {
		width: 100%;
	}
	.cart-table .cart-table-column.product-image .default-image {
		border: 1px solid #ccc;
	}
	.cart-table .cart-table-column.product-price>div, .cart-table .cart-table-column.product-total>div, #cart-confirm .cart-table .cart-table-column.product-quantity>div {
		text-align: right;
	}
	.cart-table .cart-table-column.product-remove {
		font-size: 16px;
	}
	.cart-table .cart-table-column.product-remove a {
		color: #fff;
		background-color: #222;
	    width: 18px;
		height: 18px;
		text-decoration: none;
	}
	.cart-table .cart-table-column.product-remove a i {
		font-size: 11px;
		line-height: 18px !important;
	}
	.cart-table .cart-table-column.product-remove a:hover {
		background-color: #333;
	}
	.cart-table .cart-table-column.product-name .name {
		color: #000;
		font-size: 16px;
		font-weight: 700;
	}
	.cart-table .cart-table-column.product-name .name:hover {
		color: #666;
		text-decoration: none;
	}
	.cart-table .cart-table-column.product-name .info {
		font-size: 13px;
		font-weight: 400;
		margin-top: 5px;
	}	
	.cart-table .btn-refresh a {
		padding: 12px 40px;
		font-size: 12px;
		letter-spacing: 0.07em;
	}

	.cart-table .cart-table-foot {
		width: 300px;
	}		

	.cart-table .cart-table-foot .title {
		background-color: #d2d2d2;
		padding: 13px;
		font-size: 12px;
		letter-spacing: 0.07em;
	}

	
	.cart-table .cart-table-foot .cart-table-foot-row {
		padding: 30px 15px;
		border-bottom: 1px solid #7c7c7c;
		font-size: 14px;
	}

	
	.cart-table .cart-table-foot .cart-table-foot-row:hover {
		background-color: #f2f2f2;
	}

	.cart-table .cart-table-foot .cart-table-foot-row.total {
		border-bottom: 0;
		font-weight: 900;
	}

	.cart-table .cart-table-foot .btn {
		width: 100%;
		padding: 12px;
		font-size: 12px;
		letter-spacing: 0.07em;
		text-transform: uppercase;
		display: block;
	}


}

/* end @media screen  */

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

	.cart-table .cart-table-column.product-price strong,
	.cart-table .cart-table-column.product-quantity strong,
	.cart-table .cart-table-column.product-total strong {
		display: none;
	} 

} 

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.cart-table .cart-table-column.product-name {
		width: 35%;
	}	
	#cart-confirm .cart-table .cart-table-column.product-name {
		width: 50%;
	}	
	#cart-confirm .cart-table .cart-table-column.product-quantity {
		width: 10%;
	}
	.cart-table .cart-table-column.product-price,
	.cart-table .cart-table-column.product-total {
		width: 15%;
	}	
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.cart-table .cart-table-column.product-name {
		width: 24%;
	}
	.cart-table .cart-table-column.product-price,
	.cart-table .cart-table-column.product-total {
		width: 20%;
	}	

	#cart-confirm .cart-table .cart-table-column.product-name {
		width: 38%;
	}

	.cart-table .cart-table-column.product-quantity {
		width: 21%;
	}

	#cart-confirm .cart-table .cart-table-column.product-quantity {
		width: 12%;
	}

	#cart-confirm .cart-table .cart-table-column.product-price,
	#cart-confirm .cart-table .cart-table-column.product-total {
		width: 20%;
	}

}

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

	.template-cart {
		text-align: center;
	}

	#cart-detail,
	#cart-confirm {
		max-width: 360px;
		display: inline-block;
	}

	.cart-table {
		font-size: 14px;
	}
	.cart-table .cart-table-head { display: none !important; }

	.cart-table .cart-table-row {
		border-bottom: 0;
		padding: 0;
		margin-bottom: 70px;
		position: relative;
	}
	.cart-table .cart-table-row,
	.cart-table .cart-table-row:hover {
		background: #f5f5f5;
	}	
	.cart-table .cart-table-column { 
		padding: 0;
	}	
	.cart-table .cart-table-column.product-image {
		-ms-flex-order:-2;
		order: -2;
		width: 100% !important;
	}	
	.cart-table .cart-table-column.product-image div {
		width: auto;
	}
	
	.cart-table .cart-table-column.product-name {
		-ms-flex-order:-1;
		order: -1;
		text-align: left;
	}
	.cart-table .cart-table-column.product-name,
	.cart-table .cart-table-column.product-price {
		padding: 20px 0;
		line-height: 1.2;
	}

	.cart-table .cart-table-column.product-name {
		width: 100% !important;
	}

	.cart-table .cart-table-column.product-name .info {
		margin-top: 10px;
	}

	.cart-table .cart-table-column.product-quantity {
		width: 50% !important;
		padding-left: 15px;
	}

	.cart-table .cart-table-column.product-price {
		width: 50% !important;
		padding: 0;
		padding-right: 15px;
	}	

	.cart-table .cart-table-column.product-total {
		width: 100% !important;
	}

	.cart-table .cart-table-column.product-name {
		padding: 20px 15px 25px;
	}

	.cart-table .cart-table-column.product-name .name { 
		font-size: 18px;
	}

	.cart-table .cart-table-column.product-remove {
		z-index: 1;
		-ms-flex-order:1;  order: 1;
		position: absolute;
		top: -10px;
		left: -10px;
		width: auto !important;
	}

	.cart-table .cart-table-column.product-remove a {
		width: 35px;
		height: 35px;
	}
	.cart-table .cart-table-column.product-remove a i {
		font-size: 16px;
		line-height: 35px !important;
	}

	#cart-confirm .cart-table .cart-table-column.product-quantity > div {
		text-align: left;
	}

	.cart-table .cart-table-column.product-price > div{
		text-align: right;
	}

	.cart-table .cart-table-column.product-total > div {
		text-align: center;
	}

	.cart-table .cart-table-column.product-price .text,
	.cart-table .cart-table-column.product-quantity .text,
	.cart-table .cart-table-column.product-total .text {
		display: inline-block;
	}

	.cart-table .cart-table-column.product-quantity {
		order: -1;
		text-align: left;
	}

	.cart-table .cart-table-column.product-total {
		font-size: 16px;
		order: 2;
		
	}		
	.cart-table .cart-table-column.product-total > div{
		margin-top: 30px;
		padding: 15px;
		background: #222;
		color: #fff;
	}


	.cart-table .cart-table-foot {
		width: 100%;
		margin-top: 30px;
	}
	#cart-confirm .cart-table .cart-table-foot {
		border-top: 1px solid #7c7c7c;
	}
	.cart-table .btn-refresh a {
		width: 100%;
	}
	
}

/* termina @media screen and (max-width: 767px) */

  
/* ===================================== */
/* ========== SLIDE CAROUSEL  ========== */
  
@media screen {

	.home .carousel.slide .carousel-indicators,
	.galeria_de_imagenes_slide .carousel.slide .carousel-indicators {
		position: absolute;
		bottom: 15px;
		right: 50%;
		margin-left: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 15;
		width: 50%;
		padding-left: 0;
		text-align: center;
		list-style: none;
	}

	.home .carousel.slide .carousel-indicators li,
	.galeria_de_imagenes_slide .carousel.slide .carousel-indicators li {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0);
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 4px;
		text-indent: -999px;
		cursor: pointer;
		border: 1px solid;
		border-color: #fff;
		border-radius: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; 
	}

	.home .carousel.slide .carousel-indicators li:hover,
	.galeria_de_imagenes_slide .carousel.slide .carousel-indicators li:hover {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.5);
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; 
	}

	.home .carousel.slide .carousel-indicators .active,
	.home .carousel.slide .carousel-indicators .active:hover,
	.galeria_de_imagenes_slide .carousel.slide .carousel-indicators .active,
	.galeria_de_imagenes_slide .carousel.slide .carousel-indicators .active:hover {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		width: 10px;
		height: 10px;
		margin: 0 4px;
		border: 1px solid;
		border-color: #fff;
		cursor: default;
	}

	.home .carousel.slide .carousel-img,
	.galeria_de_imagenes_slide .carousel.slide .carousel-img {
		text-align: center;
	}

	.home .carousel.slide .carousel-img img,
	.galeria_de_imagenes_slide .carousel.slide .carousel-img img {
		display: inline-block;
	}
	.home .carousel.slide .carousel-img{
		position: relative;
	}
	.home .carousel.slide .carousel-img .black_filter{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.5;
	}

	.home .carousel.slide .carousel-caption {
		color: #fff;
		position: absolute;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		left: 50%;
		width: 100%;
		z-index: 10;
		padding: 30px 250px 70px;
		text-align: center;
		text-shadow: none !important;
	}	

	.home .carousel.slide .carousel-caption,
	.home .carousel.slide .carousel-caption-xs {
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.6);
	}

	.home .carousel.slide .carousel-caption-xs {
		text-align: center;
		padding: 30px 30px 35px 30px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.home .carousel.slide .carousel-caption h2 {
		color: #fff;
		text-transform: uppercase;
		font-size: 32px;
		line-height: 1.125;
		font-weight: 700;
		margin: 0 0;
		padding: 0 0;
	}

	.home .carousel.slide .carousel-caption p {
		font-size: 13px;
		line-height: 1.384615384615385;
		font-weight: 400;
		padding: 0 15px;
		margin: 15px 0 0;
	}

	.home .carousel.slide .carousel-caption-xs h2 {
		color: #fff;
		font-size: 24px;
		line-height: 1.2;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none !important;
	}

	.home .carousel.slide .carousel-caption-xs p {
		color: #fff;
		font-size: 13px;
		line-height: 1.2;
		font-weight: 400;
		padding: 0 0 0 0;
		margin: 15px 0 0 0;
	}

	.home .carousel.slide .carousel_control {
		position: absolute;
		top: 0;
		height:100%;
		width: 150px;
		display: block;
		z-index: 15;
	}

	.home .carousel.slide .carousel_control.left {
		left: 0;
		opacity: 0;
		background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.0001)));
		background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.2) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
		background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%);
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;	
	}

	.home .carousel.slide .carousel_control.right {
		right: 0;
		opacity: 0;
		background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.2)));
		background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.2) 100%));
		background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.2) 100%);
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.2) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	.home .carousel.slide:hover .carousel_control {
		opacity: 1;
	}

	.home .carousel.slide .carousel_control i {
		color: #fff;
		font-size: 32px;
	}

	.home .carousel.slide .carousel_control img,
	.home .carousel.slide .carousel_control i {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.home .carousel.slide .carousel_control.left img,
	.home .carousel.slide .carousel_control.left i {
		left: 30px;
	}

	.home .carousel.slide .carousel_control.right img,
	.home .carousel.slide .carousel_control.right i {
		right: 30px;
	}

	.home .carousel.slide .carousel_control_mobile {
		width: 100%;
	}

	.home .carousel.slide .carousel_control_mobile a {
		color: #fff;
		background: #ccc;
		display: inline-block;
		width: 50%;
		padding: 10px;
		text-align: center;
		text-decoration: none;
	}

	.home .carousel.slide .carousel_control_mobile a:hover {
		color: #fff;
	}

	.home .carousel.slide .carousel_control_mobile .right {
		border-left: 1px solid;
		border-color: #fff;
	}

	.home .carousel.slide .carousel-caption-box {
		position: absolute;
		top: 50%;
		left: 15px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff;
		background: transparent;
		padding: 0 0;
		z-index: 1;
	}
	.home .carousel.slide .carousel-caption-box h2{
		color: #fff;
		font-size: 70px;
		line-height: 70px;
		letter-spacing: 0.02em;
	}
	.home .carousel.slide .carousel-caption-box p{
		font-family: 'Bebas Neue', Arial, sans-serif !important;
		color: #fff;
		font-size: 20px;
		line-height: 20px;
		letter-spacing: 0.02em;
	}
	.home .carousel.slide .carousel-caption-box .info-travel {
		font-weight: 700;
		font-size: 22px;
		line-height: 25px;
		letter-spacing: 0.02em;
		color: #FFFFFF;
		margin-bottom: 15px;
	}
	.home .carousel.slide .carousel-caption-box .info-travel span{
		font-weight: 500;
		font-size: 14px;
		line-height: 25px;		
		letter-spacing: 0.02em;		
		color: #FFFFFF;
	}


}/* end @media screen  */
  
  @media screen and (min-width: 1200px) and (max-width: 1260px) {
  
	.home .carousel.slide .carousel_control.left,
	.home .carousel.slide .carousel_control.right {
	  display: none !important;
	}
  
  }/* termina @media screen and (min-width: 1200px) and (max-width: 1260px) */
  
  @media screen and (min-width: 992px) and (max-width: 1070px) {
  
	.home .carousel.slide .carousel_control.left,
	.home .carousel.slide .carousel_control.right {
	  display: none !important;
	}
  
  }/* termina @media screen and (min-width: 992px) and (max-width: 1070px) */
  
  @media screen and (min-width: 1200px) {
	
	.home .carousel.slide .carousel-caption-box {
	  width: 1140px;
	}  
  
  } /* termina @media screen and (min-width: 1200px) */
  
  @media screen and (min-width: 992px) and (max-width: 1199px) {
  
	.home .carousel.slide .carousel-caption {
	  padding-left: 150px;
	  padding-right: 150px;
	}
  
	.home .carousel.slide .carousel-caption-box {
	  width: 940px;
	}
  
  } /* termina @media screen and (min-width: 992px) and (max-width: 1199px) */
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
  
	.home .carousel.slide .carousel-caption {
	  padding-left: 50px;
	  padding-right: 50px;
	  padding-bottom: 30px;
	}
	.home .carousel.slide .carousel-caption h2 {
	  font-size: 24px;
	}
	.home .carousel.slide .carousel-caption p {
	  display: none;
	}
	.home .carousel.slide .carousel-caption-box {
	  width: 720px;
	}
  
  } /* termina @media screen and (min-width: 768px) and (max-width: 991px) */
  
  @media screen and (max-width: 767px) {
  
	.home .carousel.slide .carousel-caption-box {
	  width: 90%;
	}
	
  
  } /* termina @media screen and (max-width: 767px) */
  
/* ===================================== */
/* ========== VIDEO DESTACADO SOBRE EL SLIDE PARA VERSION DESKTOP (HIGHLIGHTED 17) ========== */

@media screen{
	.slide-home-video-box {
		position: relative;
	}	
	.slide-home-video {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.slide-home-video:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
/* ========== DESTACADOS CARROUSEL (HIGHLIGHTED 18) ========== */
.home .carrousel_dest{
	position: relative;
	padding: 90px 15px;
	background: #fff;
}

.carrousel_dest .modulo{
	display: flex;
	margin-top: 25px;
}

/* .carrousel_dest .modulo figure{
	object-fit: fill;
}
.carrousel_dest .modulo figure.dest-image img,
.carrousel_dest .modulo figure.default-image img{
	overflow: hidden;
    height: 430px;
} */
.carrousel_dest .modulo .texto-destacado{
	padding-left: 32px !important;
	text-align: left;
	margin-top: 12px;
}
.carrousel_dest .modulo .texto-destacado h1.tit_dest{ 
  	font-weight: 700;
  	margin-bottom: 30px;
  	color: #000;
    font-size: 18px;
    line-height: 1.2;
}
.carrousel_dest .modulo .texto-destacado a{
    margin: 0px 0px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
}
.carrousel_dest .modulo .texto-destacado a:hover,
.carrousel_dest .modulo .texto-destacado a:focus{	
	text-decoration: none !important;
}

.carrousel_dest .modulo .texto-destacado p{
	margin: 0px 0 13px;
    letter-spacing: -0.04em;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

.carrousel_dest .owl-nav-container button {
    background: none;
    border: none;
}
.carrousel_dest .owl-nav-container .owl-next {
    position: absolute;
    bottom: 4px;
    right: 265px;
}
.carrousel_dest .owl-nav-container .owl-prev {
    position: absolute;
    bottom: 4px;
    right: 310px;
}

.carrousel_dest .owl-nav-container .owl-next img,
.carrousel_dest .owl-nav-container .owl-prev img{
	height: 17px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.carrousel_dest .owl-nav-container .owl-next img:hover,
.carrousel_dest .owl-nav-container .owl-prev img:hover{
	height: 18px;
}



@media (min-width: 992px) and (max-width: 1199px) {
  .carrousel_dest .owl-nav-container .owl-prev{
    right: 420px;
  }
  .carrousel_dest .owl-nav-container .owl-next{
    right: 375px;
  }

}

@media screen and (max-width: 991px) {
	.home .carrousel_dest{
    padding: 70px 0px;
  }
	.carrousel_dest .modulo{
		flex-direction: column;
		display: flex;
    	margin-top: 0px;
      padding: 0 15px;
	}
	.carrousel_dest .modulo .texto-destacado{
		padding-top: 20px;
		margin-top: 0px;
		padding-left: 0 !important;
	}
	.carrousel_dest .owl-nav-container{
		position: relative;
    margin-top: 20px;
    padding: 0 15px;
	}
	.carrousel_dest .owl-nav-container .owl-prev,
	.carrousel_dest .owl-nav-container .owl-next{
		position: relative;
		bottom: 0;
    right: 0;
    padding: 1px 12px 1px 0px;
	}
}

@media (max-width: 767px) {
}

@media screen and (max-width: 576px) {
	.carrousel_dest .owl-nav-container .owl-prev,
	.carrousel_dest .owl-nav-container .owl-next{
		bottom: 0;
	}
}

@media screen and (max-width: 400px) {
	.carrousel_dest .owl-nav-container .owl-prev,
	.carrousel_dest .owl-nav-container .owl-next{
		bottom: 0;
	}
}


  
  /* ================================ */
  /* =========== LISTADOS =========== */
  
  @media screen {
  
	.home .destacados,
	.listado .editorial,
	.listado .especial,
	.listado .subsecciones,
	.listado .busqueda,
	.listado .galerias,
	.content-template .relacionados {
	  position: relative;
	}
	.home .destacados .titulo{
		/* font-family: 'bree-bold' !important;  */
	}

  	.listado .editorial{
		padding-top: 55px;
	}

	.list-card {
	  margin-bottom: 45px;
	}
  
	.list-card .texto {
	  margin-top: 15px;
	}
  
	.list-card .texto h1 {
	  	font-weight: 700;
		font-size: 125px;
		line-height: 115px;
		letter-spacing: 0.02em;
	}
  
	.list-card .texto a {
	  display: inline-block;
	}
  
	.list-card .texto a h1 {
		text-decoration: none !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.list-card .texto a:hover,
	.list-card .texto a:focus,
	.list-card .texto a:active,
	.list-card .texto a:hover h1,
	.list-card .texto a:focus h1,
	.list-card .texto a:active h1{
		text-decoration: none !important;
	}

	.list-card .texto p {
		font-family: 'Bebas Neue';
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 0.02em;
	  	margin: 10px 0 15px;
	}

	.list-card .texto .info_travel{
		font-weight: 700;
		font-size: 30px;
		line-height: 25px;
		letter-spacing: 0.02em;
		color: #243746;
		margin-bottom: 15px;
	}
	.list-card .texto .info_travel span{
		font-weight: 500;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 0.02em;
		color: #243746;
	}

	.default-image {
		position: relative;
	}

	.list-card .texto header{
		margin-bottom: 35px;
	}

	.default-image .logo {
		display: inline-block;
		position: absolute !important;
		width: 60%;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		right: auto;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		opacity: 0.2;
	}
  
	.content-template .galeria_de_imagenes_slide .default-image .logo {
	  width: 20%;
	}
  
  }/* end @media screen  */
  @media screen and (max-width: 991px) {
	.list-card .texto p{
		font-size: 20px;
		line-height: 20px;
	}
	.list-card .texto h1{
		font-size: 70px;
		line-height: 70px;
	}
	.list-card .texto .info_travel{
		font-size: 22px;
	}
  }
  
  /* ================================================ */
  /* =========== HIGHLIGHTED TYPE 6 TEXTO =========== */
  
  @media screen {
  
	.home .texto_destacado {
	  color: var(--blue);
	  background-color: #fff;
	  position: relative;
	  padding: 80px 0 40px 0;
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	  text-align: left;
	}
	.home .texto_destacado .box{
		display: flex;
		justify-content: flex-start;
		flex-direction: row; 
		align-items: flex-start;
	}
	.home .texto_destacado  .text_dest{
		padding-top: 0px;
	}
	.home .texto_destacado h2.titulo{
		font-size: 58px;
		line-height: 70px;
		color: var(--blue);		
		white-space: nowrap;
	}
	.home .texto_destacado  .sep{
		background-color: var(--orange);
		width: 130px;
		height: 3px;
		margin-bottom: 30px;
		margin-top: 15px;
	}
	.home .texto_destacado p {
		color: var(--blue);
		margin: 0 0;
		padding: 0 0;
		font-size: 17px;
		line-height: 30px;
		letter-spacing: 0.02em;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
  
	.home .texto_destacado .fck img {
	  display: inline-block;
	  max-width: 100%;
	  height: auto;
	}
  
  }/* end @media screen  */
  
  @media screen and (max-width: 1199px) {
  
	.home .texto_destacado {
	  background-attachment: scroll;
	}
	.home .texto_destacado h2.titulo{
		white-space: normal;
	}
  
  } /* termina @media screen and (max-width: 1199px) */
  @media screen and (max-width: 991px) {
	.home .texto_destacado {
		padding: 30px 0 50px 0;
	}
	.home .texto_destacado .text_dest{
		margin-bottom: 30px;
	}
	.home .texto_destacado .sep {
		width: 80px;
	}
	.home .texto_destacado h2.titulo{
		font-size: 45px;
		line-height: 50px;
	}
	.home .texto_destacado p{
		font-size: 17px;
		line-height: 30px;
	}
}
  
  
  /* ======================================================================== */
  /* =========== HIGHLIGHTED TYPE 10 IMAGEN (puede ser con texto) =========== */
  
  @media screen {
  
	.home .imagen_destacada {
	  color: #fff;
	  height: 600px;
	  margin: 0 0;
	  text-align: center;
	  position: relative;
	  background-color: #000;
	  background-attachment: fixed;
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	}
  
  }/* end @media screen  */
  
  @media screen and (max-width: 1199px) {
  
	.home .imagen_destacada {
	  background-attachment: scroll;
	}
  
  } /* termina @media screen and (max-width: 1199px) */
  
  
  /* ============================================================ */
  /* =========== HIGHLIGHTED TYPE 7 DATOS DE CONTACTO =========== */
  
  @media screen {
  
	.info_contacto {
	  position: relative;
	}
  
  }/* end @media screen  */
  
  
  /* ================================================ */
  /* =========== HIGHLIGHTED TYPE 8 VIDEO =========== */
  
  @media screen {
  
	.home .video {
	  color: #fff;
	  background-color: #555555; 
	  position: relative;
	  padding: 0 0;
	  text-align: center;
	}
  
	.home .video a.btn {
	  color: #fff;
	  background-color: #282828;
	  text-decoration: none;
	  text-transform: uppercase;
	  border-radius: 0 !important;
	  font-size: 12px;
	  line-height: 1;
	  padding: 0 0;
	  margin: 0 0;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
  
  }/* end @media screen  */
  
  
  /* ================================== */
  /* =========== CONTENIDOS =========== */
  
  @media screen {
  
	.content-template .editorial,
	.content-template .contacto {
	  position: relative;
	  padding-top: 55px;
	  padding-bottom: 90px;
	}

	.content-template .editorial.productos{
		padding-top: 0px;
		padding-bottom: 160px;
	}
  
	.content-template figure.editorial_img.principal{
		margin-bottom: 60px;
	}
	.editorial.productos figure.principal > div,
	.content-template figure.editorial_img.principal > div{
		height: 650px;
		background-position: center;
		background-size: cover;
	}
	.content-template figure.editorial_img.principal img {
	  display: inline-block !important;
	}
	.content-template .editorial figure.principal img {
		display: inline-block !important;
	  }
	.content-template .editorial figure.secundaria img {
	  display: inline-block !important;
	}
  
	.content-template .editorial .titulo,
	.content-template .contacto .titulo{
		font-size: 64px;
		line-height: 115px;
		letter-spacing: 0.02em;
	}
  
	.listado .subseccion .titulo,
	.content-template .editorial .subseccion .titulo {
	  
	}

	.content-template .editorial.productos article{
		padding-top: 50px;
	}
	.content-template .editorial header .titulo {
		font-size: 64px;
		line-height: 115px;
		letter-spacing: 0.02em;
	}
  
	.content-template .editorial.productos header .titulo {
		font-weight: 700;
		font-size: 125px;
		line-height: 115px;		
		letter-spacing: 0.02em;
		margin-bottom: 70px;
	}
	.content-template .editorial.productos .sumario{
		font-family: 'Bebas Neue';
		font-weight: 400;
		font-size: 30px;
		line-height: 30px;
		letter-spacing: 0.02em;
		margin-bottom: 40px;
	}
	.content-template .editorial.productos .second_sumario{
		font-weight: 700;
		font-size: 24px;
		line-height: 25px;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}
  
	.content-template .editorial .sumario,
	.content-template .contacto .sumario {
		font-weight: 500;
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 0.02em;
	}

	.content-template .editorial.productos .servicios {
		font-weight: 500;
		font-size: 17px;
		line-height: 25px;
		letter-spacing: 0.02em;
		color: #243746;
		align-items: flex-start;
		margin-bottom: 40px;
	}
	.content-template .editorial.productos .servicios .sep_red{
		width: 117px;
		height: 5px;
		border-radius: 100px;
		background-color: var(--orange);
		margin-bottom: 15px;
	}

	.content-template .editorial.productos .servicios .title{
		font-weight: 700;
		font-size: 24px;
		line-height: 25px;
		margin-bottom: 10px;
		text-transform: uppercase;
	}





	.content-template .editorial a.btn_fck{
		margin: 10px 0;
	}


	.content-template .editorial .fck{
		padding-top: 40px;
		margin-bottom: 20px;
	}
  
	.content-template .editorial .fck p,
	.content-template .contacto .fck p {
		font-size: 17px;
		font-weight: 400;
		line-height: 30px;
		letter-spacing: 0.02em;
		margin: 0;
	}
  
	.content-template .editorial .fck img,
	.content-template .contacto .fck img {
	  display: inline-block;
	  max-width: 100%;
	  height: auto;
	}
  
	.content-template .editorial .fck a,
	.content-template .contacto .fck a {
	  text-decoration: underline;
	}
  
	.content-template .editorial .fck ul,
	.content-template .contacto .fck ul {
	  list-style: none;
	  padding: 0 0;
	  margin: 0 0;
	}
  
	.content-template .editorial .fck ul li::before,
	.content-template .contacto .fck ul li::before {
	  content: "\2022";
	  margin-right: 7px;
	  font-weight: 700;
	}
  
	.content-template .editorial .google_maps,
	.content-template .editorial .street_view,
	.content-template .contacto .google_maps,
	.content-template .contacto .street_view {
	  position: relative;
	}
  
	.content-template .editorial .descargas a,
	.content-template .contacto .descargas a {
	  display: inline-block;
	}
  
	.content-template .editorial .herramientas {
	  border-top: 1px solid;
	  border-bottom: 1px solid;
	  border-color: #e7e7e7;
	  padding: 35px 0;
	  text-align: center;
	}
  
	.content-template .editorial .herramientas > .btn {
	  background: #ccc;
	  display: inline-block;
	  width: 32px;
	  height: 32px;
	  padding: 0 0;
	  margin: 0 5px;
	  border-radius: 50%;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out; 
	  transition: all 0.2s ease-in-out;
	}
  
	.content-template .editorial .herramientas > .btn,
	.content-template .editorial .herramientas > .btn a {
	  color: #fff;
	}
  
	.content-template .editorial .herramientas > .btn.imprimir a,
	.content-template .editorial .herramientas > .btn.facebook a,
	.content-template .editorial .herramientas > .btn.twitter a,
	.content-template .editorial .herramientas > .btn.whatsapp a,
	.content-template .editorial .herramientas > .btn.consultar {
	  padding-top: 5px;
	  display: inline-block;
	}
  
  }/* end @media screen  */
  	@media screen and (max-width: 991px){
		
		.content-template .editorial.productos .sumario{
			font-size: 20px;
			line-height: 20px;
		}
		.content-template .editorial.productos header .titulo {
			font-size: 70px;
			line-height: 70px;
		}
		.content-template .editorial.productos .second_sumario{
			font-size: 24px;
			line-height: 25px;
		}
		.content-template .editorial .titulo,
		.content-template .contacto .titulo,
		.content-template .editorial header .titulo{
			font-size: 45px;
			line-height: 50px;
		}
		.content-template .editorial .titulo,
		.content-template .contacto .titulo{
			margin-bottom: 20px;
		}
		.content-template .editorial .sumario,
		.content-template .contacto .sumario{
			font-size: 17px;
			line-height: 30px;
		}
		.content-template .editorial .fck p,
		.content-template .contacto .fck p{
			font-size: 17px;
			line-height: 30px;
		}
	}
  
  /* ================================== */
  /* =========== FCK STYLES =========== */
  
  @media screen {
  
	.fck_h3 {
		font-family: 'Montserrat' !important;
		color: var(--orange);
		font-weight: 700;
		font-size: 17px;
		line-height: 30px;
		letter-spacing: 0.02em;
	}
  
	.fck_h4 {
		font-family: 'Montserrat' !important;
	  color: var(--orange);
	  font-size: 18px;
	  line-height: 1.222222222222222;
	  font-weight: 400;
	}
  
	.fck_h5 {
		font-family: 'Montserrat' !important;
	  color: var(--orange);
	  font-size: 16px;
	  line-height: 1.25;
	  font-weight: 400;
	}
  
	.fck_h6 {
		font-family: 'Montserrat' !important;
	  color: var(--orange);
	  font-size: 14px;
	  line-height: 1.5;
	  font-weight: 400;
	}
  
	.fck_h3 b,
	.fck_h3 strong,
	.fck_h4 b,
	.fck_h4 strong,
	.fck_h5 b,
	.fck_h5 strong,
	.fck_h6 b,
	.fck_h6 strong {
	  font-weight: 700;
	}
  
	.fck_h3 u,
	.fck_h4 u,
	.fck_h5 u,
	.fck_h6 u {
	  text-decoration: none;
	  border-bottom: 1px solid;
	  padding-bottom: 5px;
	}
  
	.box_00 {
	  border: 1px solid;
	  border-color: var(--blue);
	  padding: 30px;
	}
  
	.box_01 {
	  border: 1px dashed;
	  border-color: var(--blue);
	  padding: 30px;
	}
  
	.box_02 {
	  color: #fff;
	  background: var(--blue);
	  padding: 30px;
	}
  
	.box_03 {
	  color: var(--blue);
	  background: #e4e4e4;
	  border: 1px solid;
	  border-color: #b5b5b5; 
	  padding: 30px;
	}
  
  }/* end @media screen  */
  
  
  /* ============================================== */
  /* =========== PLUGINS REDES SOCIALES =========== */
  
  @media screen {
  
	.plugins .plugin {
	  float: left;
	}
	.plugins .face {
	  margin:0px 5px 0 5px !important;
	}
  
  }/* end @media screen  */
  
  @media screen and (max-width: 767px) {
  
	.plugins .whatsapp{
	  position: relative;
	  top: -1px;
	  margin-right: 5px;
	  display: inline-block;
	}
  
  } /* termina @media screen and (max-width: 767px) */
  
  
  /* ===================================== */
  /* =========== FCK TEMPLATES =========== */
  
  @media screen {
  
	.fck_template {
	  margin: 0 0 30px;
	}
  
	.fck_template figure figcaption {
	  color: #fff;
	  background: #000;
	  text-align: center;
	  padding: 10px 10px 12px;
	  font-size: 10px;
	  line-height: 1.2;
	  font-weight: 400;
	}
  
	.fck_template .col p {
	  padding: 0 0;
	}
  
	.fck_template .col-text-left {
	  text-align: left;
	}
  
	.fck_template .col-text-right {
	  text-align: right;
	}
  
	.quote {
	  position: relative;
	}
  
	.quote .fa-quote-left {
	  position: absolute;
	  top: 10px;
	  left: 0;
	}
  
	.quote .fa-quote-right {
	  position: absolute;
	  bottom: 10px;
	  right: 0;
	}
  
	.quote .fa {
	  color: #c6c6c6;
	  font-size: 42px;
	}
  
	.quote p {
	  font-size: 21px;
	  line-height: 1.428571428571429;
	  font-weight: 300;
	  font-style: italic;
	  padding: 0 40px !important;
	}
  
  }/* end @media screen  */
  
  
  /* ========================================================= */
  /* =========== GALERIA DE IMAGENES (relacionada) =========== */
  
  @media screen {
  
	.galeria_de_imagenes header {
	  position: relative;
	}
  
	.galeria_de_imagenes .modulo {
		position: relative;
		margin:0;
		margin-bottom: 50px;
	}
  
	.galeria_de_imagenes .modulo .col {
	  position: relative;
	  padding: 0 0;
	}
  
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next {
	  position: absolute;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  z-index: 10;
	  background: #000;
	  outline: none;
	  border:0;
	  width: 30px;
	  height: 30px;
	  opacity: 0.7;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
  
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev:hover,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next:hover {
	  opacity: 1;
	}
  
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev {
	  left: 0;
	  padding: 0;
	}
  
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next {
	  right: 0;
	  padding: 0;
	}
  
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev i,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next i {
	  font-size: 21px;
	  line-height: 1.4;
	  color: #fff;
	}
  
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-prev.disabled,
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage-outer .owl-next.disabled {
	  opacity: 0.3;
	}

	.owl-carousel .owl-item img.logo {
		width: 50%;
	}
  
  }/* end @media screen  */
  
  @media screen and (min-width: 768px) {
  
	.galeria_de_imagenes .modulo .owl-carousel .owl-stage {
	  display: flex;
	}
	
	.galeria_de_imagenes .owl-stage-outer {
	  max-height: 200px !important;/* Alto del soporte, debe ser igual al alto de la imagen */
	}
  
	.galeria_de_imagenes .owl-gallery-image {
	  width: auto !important;
	  height: 200px !important; /* Alto de la imagen, debe ser igual al alto del soporte */
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
  
	.galeria_de_imagenes .owl-gallery-image:hover {
	  opacity: 0.8 !important;
	}
  
  } /* termina @media screen and (min-width: 768px) */
  
  @media screen and (max-width: 767px) {
  
	.galeria_de_imagenes .modulo{
	  padding: 0 0;
	  margin-right: 0;
	  margin-left: 0;
	}
  
	.galeria_de_imagenes .owl-gallery-image {
	  max-width: 100% !important;
	  height: auto !important;
	  display: inline-block;
	}
	.galeria_de_imagenes .modulo .col {
		pointer-events: none;
	  }
  
  
  } /* termina @media screen and (max-width: 767px) */
  
  
  /* ================================= */
  /* =========== PAGINADOR =========== */
  
  @media screen {
  
	#paginador_contenedor {
	  margin:20px 0 50px;
	  padding:0 0;
	  position: relative;
	  text-align: center;
	}
  
	#paginador_contenedor span,
	#paginador_contenedor a {
	  display: inline-block;
	  font-weight: 400;
	  font-size:18px;
	  line-height: 1;
	  color: #ccc;
	  padding: 0 10px;
	}
  
	#paginador_contenedor a {
	  color: #676767;
	}
  
	#paginador_contenedor .numero {
	  color: #373737;
	  padding: 0 10px;
	  font-weight: 700;
	  font-size:14px;
	  line-height: 1.285714285714286;
	}
  
  }/* end @media screen  */
  
  
  /* ============================ */
  /* ========== ALERTS ========== */
  
  @media screen {
  
	.alert{
	  padding: 15px 15px;
	  border-radius: 0;
	  background: #fff;
	  font-size: 13px;
	  line-height: 1.6;
	  font-weight: 400;
	}
  
	.alert-success{
	  color: #4ba54c;
	  border-color: #4ba54c;
	}
  
	.alert-danger{
	  color: #ba3533;
	  border-color: #ba3533;
	}
  
}/* end @media screen  */
  
  
  /* =================================== */
  /* =========== FORMULARIOS =========== */
  
  @media screen {
  
	textarea,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	input[type="password"] {
	  -webkit-appearance: none;
	  border-radius: 0;
	}
  
	.form-group label {
	  font-size: 14px;
	  font-weight: 700;
	}

	.formulario {
		margin-top: 35px;
	}
	.file-select,
	.formulario .form-group {
		margin-bottom: 20px;
	}

	.file-select input[type="file"],
	input.input_file[type="file"],
	.formulario .form-control {
	  color: var(--blue);
	  background: #fff;
	  display: block;
	  width: 100%;
	  height: 55px;
	  font-size: 11px;
	  line-height: 20px;
	  letter-spacing: 0.02em;
	  font-weight: 500;
	  padding: 20px;
	  border: 1px solid;
	  border-color: var(--blue);
	  border-radius: 0;
	  text-align: left;
	  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 00);
			  box-shadow: inset 0 0 0 rgba(0, 0, 0, 00);
	  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out;	
	  transition: all 0.2s ease-in-out;
	  text-transform: uppercase;
	}
	input.input_file[type="file"]{
		padding: 17px 20px;
	}
	.file-select {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 55px;
	}	  
	.file-select::before {
		color: var(--blue);
		background: #fff;
		font-size: 11px;
		line-height: 20px;
		letter-spacing: 0.02em;
		border: 1px solid;
		border-color: var(--blue);
		border-radius: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		text-align: left;
	}	
	.file-select input[type="file"] {
		opacity: 0;
		display: inline-block;
		cursor: pointer;
	}
	#src-file::before {
		padding: 17px 20px;
		color: var(--blue);
		font-weight: 500;
		content: 'CARGÁ TU ARCHIVO';
	}

	textarea.form-control {
	  height: auto !important;
	  padding: 20px;
	}
  
	.file-select:hover::before,
	.file-select:focus::before,
	.formulario .form-control:hover,
	.formulario .form-control:focus {
	  border-color: var(--orange);
	}
  
	.formulario .form-control:focus {
	  outline: 0;
	  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
			  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
	}
  
	.formulario .form-control::placeholder {color: #243746;}
	.formulario .form-control:-moz-placeholder {color: #243746;}
	.formulario .form-control::-moz-placeholder {color: #243746;}
	.formulario .form-control:-ms-input-placeholder {color: #243746;}
	.formulario .form-control::-webkit-input-placeholder {color: #243746;}
	/* .formulario .form-control:hover:-moz-placeholder {color: #243746;}
	.formulario .form-control:hover::-moz-placeholder {color: #243746;}
	.formulario .form-control:hover:-ms-input-placeholder {color: #243746;}
	.formulario .form-control:hover::-webkit-input-placeholder {color: #243746;} */
	/* .formulario .form-control:focus:-moz-placeholder {color: #243746;}
	.formulario .form-control:focus::-moz-placeholder {color: #243746;}
	.formulario .form-control:focus:-ms-input-placeholder {color: #243746;}
	.formulario .form-control:focus::-webkit-input-placeholder {color: #243746;} */
  
	input:-webkit-autofill {
	  -webkit-box-shadow:0 0 0 50px #fff inset!important; /* background de autocomplete */
	  /* -webkit-text-fill-color: #0f0; color de texto de autocomplete */
	}
  
	/* input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active{
	} */
  
	.formulario .btn{
		color: var(--blue);
		background: transparent;
		text-transform: uppercase;
		border: 2px solid;
		border-color: var(--blue);
		border-radius: 10px;
		padding: 16px 34px;
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
		letter-spacing: 0.02em;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
	}
	
	.formulario .btn:hover{
		color: var(--grey);
		background: var(--blue);
		border-color: var(--blue);
	}  
  
	.grecaptcha-badge { visibility: hidden; }
  
	p.recaptcha-terms {
	  font-size: 11px !important;
	  line-height: 1.2 !important;
	  font-weight: 400 !important;
	  color: #ccc !important;
	  margin-bottom: 30px;
	}
  
	p.recaptcha-terms a {
	  color: #a2a2a2 !important;
	}
  
	p.recaptcha-terms a:hover {
	  text-decoration: underline;
	}
  
  }/* end @media screen  */
  
  
  /* ================================== */
  /* =========== BREADCRUMB =========== */
  
  @media screen {
  
	.breadcrumb {
	  padding: 8px 0;
	  margin-bottom: 20px;
	  list-style: none;
	  background-color: transparent;
	  border-radius: 0;
	  text-transform: uppercase;
	  font-size: 11px;
	}
  
  }/* end @media screen  */
  
  
  /* ============================== */
  /* =========== MODALS =========== */
  
  @media screen {
  
	.modal {
	  z-index: 1054;
	}
  
	.modal-header .close {
	  margin-top: 0;
	  position: absolute;
	  right: 20px;
	}
  
	.content-template .editorial .modal-content {
	  text-align: center;
	  border: 0;
	  border-bottom: 15px solid;
	}
  
	.content-template .editorial .modal-content .modal-header {
	  background: #000;
	  color: #fff;
	  border-bottom: 0;
	  text-transform: uppercase;
	  padding: 20px 15px 20px 25px;
	}
  
	.content-template .editorial .modal-content .modal-header h4 {
	  font-size: 16px;
	}
  
	.content-template .editorial .modal-content .modal-body {
	  padding: 30px;
	}
  
	.content-template .editorial .modal-content .modal-body h5 {
	  font-size: 14px;
	  margin-bottom: 30px;
	}
  
  }/* end @media screen  */
  
/* ======================================= */
/* ========== LOGIN ========== */

@media screen {

	.content-template.template-login .main-content,
	.content-template.template-register .main-content,
	.content-template.template-reset-pass .main-content {
		width: 100%;
		max-width: 400px;
		text-align: center;
	}

	.content-template.template-register .main-content {
		max-width: 500px;
	}


	.box-form-login .formulario .form-group,
	.box-form-register .formulario .form-group,
	.box-form-remember-pass .formulario .form-group,
	.box-form-reset-pass .formulario .form-group {
		text-align: left;
	}

	.box-form-login .formulario p.recaptcha-terms,
	.box-form-register .formulario p.recaptcha-terms,
	.box-form-remember-pass .formulario p.recaptcha-terms,
	.box-form-reset-pass .formulario p.recaptcha-terms {
		padding: 0 15px;
		margin: 0;
	}

	.box-form-login .formulario .btn,
	.box-form-register .formulario .btn,
	.box-form-remember-pass .formulario .btn,
	.box-form-reset-pass .formulario .btn {
		min-width: 200px;
	}

	.buttons-box {
		color: #808080;
	}
		
	.buttons-box a{
		display: inline-block;
		border:0;
		line-height: 1;
		letter-spacing: 0;
		font-weight: 500;
		font-size: 14px;
		-webkit-transition: all 0s ease-in-out;
		-moz-transition: all 0s ease-in-out;
		-o-transition: all 0s ease-in-out;
		-ms-transition: all 0s ease-in-out;
		transition: all 0s ease-in-out;
	}
		
	.buttons-box a:hover,
	.buttons-box a:focus{
		text-decoration: underline;
	}
		
	.buttons-box #show_frm_remember_pass,
	.buttons-box #show_frm_login{
		color: #808080;
		margin-top: 30px;
		font-weight: 400;
		margin-bottom: 60px;
	}	

	.buttons-box .btn.btn.secondary-btn {
		font-size: 12px !important;
	}

}

/* LISTADOS (flex) + Cards */
@media screen {
	.list-flex-row {
		margin-left: -15px;
		margin-right: -15px;
	}

	.list-flex-col {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 70px;
	}

	.card a {
		text-decoration: none;
	}

	.card figure {
		overflow: hidden;
	}

	.card figure img.hvr {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}

	.card:hover figure img.hvr,
	.card:focus figure img.hvr,
	.card:active figure img.hvr {
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
	}

	.card-body {
		padding: 20px 0;
	}

	.card-body .title{
		font-size: 18px;
		line-height: 1.3;
		letter-spacing: 0.01em;
		font-weight: 700;
		margin: 0;
		padding: 0 15px 0 0;	
		text-align: left;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;		
	}
	.card:hover .title {
		color: #222222;
	}
	.card-body .title:hover {
		opacity: 0.7;
	}

	.card-product .card-price {
		font-size: 16px;
		line-height: 1.5;
		font-weight: 700;
		white-space: nowrap;
	}
	.card-body .summary {
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 0.015em;
		font-weight: 400;
		margin: 0 0 0px 0;
		padding: 10px 0 0 0;		
	}
	.card-footer .button-link {
		font-size: 11px;
		padding: 10px 12px;
		background-color: transparent;
		border: 1px solid #222;
		color: #222;
	}
	.card-footer .comments {
		margin-bottom: 15px;
	}

	.card:hover .button-link{
		background-color: #222;
		color: #fff;
	}

	.card .button-link:hover{
		opacity: 0.7;
	}	

	.card .btn-add-cart .btn {
		width: 100%;
	}

}

@media screen and (min-width: 376px) and (max-width:767px) {
	.card .btn-add-cart .btn {
		width: auto;
	}
}


  
  /*=== SCREEN (end) ===*/
  /*=========================================*/
  /*=========================================*/
  
  
  /*=========================================*/
  /*=========================================*/
  /*=== PRINT ===*/
  
  @media print {
  
	  body {
		  font-size: 11pt;
		  line-height: 1.454545454545455;
		  font-family: Arial, sans-serif !important;
		  color: #000;
	  }
  
	  @page {
		  size: A4;
		  margin: 2cm 1.5cm;
	  }
  
	  h1,
	  h2,
	  h3,
	  h4,
	  h5,
	  h6 {
		page-break-after: avoid;
	  }
  
	  h1 {
		  font-size: 24pt;
		  line-height: 1.333333333333333;
		  margin: 0;
	  }
	  h2 {
		  font-size: 21pt;
		  line-height: 1.333333333333333;
		  margin: 0;
	  }
	  h3 {
		  font-size: 18pt;
		  line-height: 1.333333333333333;
		  margin: 0;
	  }
	  h4 {
		  font-size: 16pt;
		  line-height: 1.3125;
		  margin: 0;
	  }
	  h5 {
		  font-size: 14pt;
		  line-height: 1.285714285714286;
		  margin: 0;
	  }
	  h6 {
		  font-size: 14pt;
		  line-height: 1.285714285714286;
		  margin: 0;
	  }
  
	  .print .titulo {
		  margin-bottom: 1cm;
		  font-size: 21pt;
		  line-height: 1.333333333333333;
		  margin: 0;
	  }
  
	  .print .texto {
		  font-size: 11pt;
		  line-height: 1.454545454545455;
		  font-weight: 400;
		  margin: 0 0 1cm 0;
	  }
  
	  .print .img {
		  margin: 0 0 1cm 0;
	  }
  
	  table,
	  figure {
		page-break-inside: avoid;
	  }
  
	  img {
		 max-width: 50% !important;
	   height: auto !important;
	  }
  
	  .print .logo_print {
		  border-bottom: 0.5pt solid #ccc;
		  margin:0 0 1cm 0 !important;
		  padding:0 0 1cm 0 !important;
	  }
  
	  .print .logo_print img {
		  width: 5.31cm !important;
		  height: 0.72cm !important;
	  }
  
	  .btn_panel,
	  .panel_adminfront,
	  .admin_quick_edit {
		  display: none;
	  }
  
	  .footer_print {
		  font-size: 10pt;
		  line-height: 1.6;
		  border-top: 0.5pt solid #ccc;
		  margin: 1.5cm 0 0 0;
		  padding: 1cm 0 0 0;
	  }
  
	  .fck_h3 {
		  font-weight: 400;
	  }
	  .fck_h4 {
		  font-weight: 400;
	  }
	  .fck_h5 {
		  font-weight: 400;
	  }
	  .fck_h6 {
		  font-weight: 400;
	  }
	  .fck_h3 b,
	  .fck_h3 strong,
	  .fck_h4 b,
	  .fck_h4 strong,
	  .fck_h5 b,
	  .fck_h5 strong,
	  .fck_h6 b,
	  .fck_h6 strong {
		  font-weight: 700;
	  }
	  .fck_h3 u,
	  .fck_h4 u,
	  .fck_h5 u,
	  .fck_h6 u {
		  text-decoration: none;
		  border-bottom: 1px solid #000;
		  padding-bottom: 5px;
	  }
	  .box_00 {
		  border: 1px solid #000;
		  padding: 30px;
	  }
	  .box_01 {
		  border: 1px dashed #000;
		  padding: 30px;
	  }
	  .box_02 {
		  border: 1px solid #ccc;
		  color: #000;
		  padding: 30px;
	  }
	  .box_03 {
		  background: #dcdcdc;
		  border: 1px solid #b6b6b6;
		  color: #000;
		  padding: 30px;
	  }
	.grecaptcha-badge { visibility: hidden; }
  
  }
  
  /*=== PRINT (end) ===*/
  /*=========================================*/
  /*=========================================*/