@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,600|Heebo:300,400,700|Just+Another+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@600&Exo+2:wght@400;700&family=Kumbh+Sans:wght@400;700&display=swap');

html {
	height:100%;
}

body {
	height:100%;
	font-size: 15px;
	color: #000000;
}

.wrapper {
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bai Jamjuree', sans-serif;
}

p {
	font-family: "Kumbh", sans-serif;
}

hr {
	border-top: 1px solid #cbcbcb;
}


h1 {
	color:#000000;
}
h3 {
	color:#000000;
}

.m-10 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

@media (min-width: 768px) {
	.m-10 {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
}

@media (min-width: 992px) {
	.m-10 {
		margin-top: 10rem;
		margin-bottom: 10rem;
	}
}



.m-2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.m-0 {
	margin: 0;
}

.col-height{
	margin-top: 2rem;
}

.fondo-azul {
	background: #23b9cc;
    height: 100%;
}

.fondo-azul p {
	padding: 30px;
	font-size: 34px;
	margin: 0;
	color: #fff;
	font-family: 'Barlow Condensed', sans-serif;
}

.titulo-foto p {
	padding: 10px 0;
	font-family: 'Barlow Condensed', sans-serif;
    font-size: 21px;
}


.revolution-ch1 {
    font-size: 30px;
}
.revolution-ch1 p {
    font-family: 'Heebo', sans-serif;
}

.bg-blue {
	background: #26B6CB;
}

.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6 {
	color: #fff;
}
.text-white {
	color: #FFF;
}

.w-img-100 img {
	width: 100%;
}

.underline {
	text-decoration: underline;
}

.bdownload button {
	text-decoration: none;
}

.bdownload button:hover {
	text-decoration: none;
	color: #FFF;
}

.bdownload-2 button {
	text-decoration: none;
	color: #FFF;
}

.bdownload-2 button:hover {
	text-decoration: none;
	color: #CE0F3F;
}

.header-v3 {
    z-index: 99;
    position: relative;
    border-bottom: solid 0px #eee;
	box-shadow: #6b6b6b -2px 3px 15px 0px;
}

@media (min-width: 992px) {
	.header-v3 {
		transition: 1s;
	    position: fixed;
		top: 0;
		padding-top: 15px;
	    width: 100%;
		background: #fff;
		height: 14rem;
	}
}

.header-v3 .navbar-default .navbar-toggle {
    border-color: transparent;
	background: transparent !important;
	    top: 12px;
}
.header-v3 .navbar-default .navbar-toggle .fa {
    color: #CE0F3F;
}

.xarxes .fa-inverse {
    color: #000;
}

/* index */

.header-index {
	position: absolute;
    /*background: rgba(0, 0, 0, 0.22);*/
	background: rgba(0, 0, 0, 0);
    width: 100%;
    padding-top: 15px;
	border-bottom: 0;
	box-shadow: none;
}

.wrapper.page-index {
	background:transparent;
	    margin-top: 0;
}
.page-index h1 {
	color:#CE0F3F;
}

.page-index-services h2 {
	margin: 45px 0 25px 0;
}

@media (max-width: 993px) {
	.header-index {
		position: absolute;
		top: 0;
		bottom: auto;
	}
}

/*fin index*/

/* footer */

.footer-logo {
    margin: 40px 0 20px;
    width: 150px;
}

.footer-v2 .footer {
    background: #373737;
	border-top: 3px solid #cccccc;
	padding: unset;
}


.footer-v2 .copyright {
	background: #373737;
	padding-bottom: 20px;
}

.footer-v2 .copyright hr {
	border-top: 1px solid #777777;
}

.footer-v2 .copyright p {
	font-size: 13px;
	font-family: 'Kumbh Sans', sans-serif;
	color: #777777;
	font-weight: 400;
}

address {
    margin-bottom: unset;
}

.map-img {
	margin-top: 1rem;
}

.map-img address {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Kumbh Sans', sans-serif;
	color: #FFF;
}

.footer-v2 .footer p {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

.footer-v2 .copyright {
    padding: 0px 0 15px;
}

.footer-v2 .footer p span {
    color: #fff;
}

.footer-v2 .footer p img {
	display: inline;
	max-width: 10%;
	width: 66px;
}

@media (max-width: 991px) {

	.footer-v2 .footer p img {
		max-width: 5%;
	}

}

@media (max-width: 767px) {
	.footer-logo {
		padding-top: 25px;
	}

	.map-img address {
		font-size: 14px;
	}
	
	.footer-v2 .footer p {
		font-size: 14px;
	}

	.footer-v2 .copyright p {
		font-size: 12px;
	}

	.footer-v2 .footer p img {
		max-width: 3%;
	}
}

@media (max-width: 600px) {

	.footer-v2 .footer p img {
		max-width: 8%;
	}

}



/* fin footer */
.icono-flotante {
	position: absolute;
	top: -9px;
	left: 137px;
}
.position-relative {
	position: relative;
}

.white-list li {
	margin-bottom: 18px;
    color: #fff;
    font-family: 'Heebo', sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
}

.white-list img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.balls {
	margin-top:-74px;
}

.content-inicio {
	background:#26B6CB;
}


.header-v3 .navbar-brand {
	top: 10px;
	z-index: 1;
	padding: 7px;
	position: relative;
	height: 82px;
}

.header-v3 .navbar-default .navbar-nav > li > a {
	transition: 1s;
    color: #CE0F3F;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
	font-family: 'Heebo', sans-serif;
	margin: 0 1px;
}

.header-v3 .navbar-default .navbar-nav > li:hover > a {
	transition: 0.2s;
	border-bottom: 3px solid #CE0F3F;
}

.header-v3 .navbar-default .navbar-nav > li > a {
	transition: 1s;
    color: #CE0F3F;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
	font-family: 'Bai Jamjuree', sans-serif;
}

.header-index .navbar-default .navbar-nav > li > a {
	transition: 1s;
    color: #FFF;
}

/*.header-v3 .navbar-default .navbar-nav > li > a::after {
	content: "|";
	padding-left: 20px;
	color:#000;
	font-weight: bold;
}*/



.header-v3 .navbar-default .navbar-nav > li:last-child > a:after {content:none}

@media only screen and (max-device-width: 480px) {
	.home-list li {display:block !important;}
	.header-v3 .navbar-default .navbar-nav > li > a::after {content: none !important}
}

@media (min-width: 992px) {
	.header-v3 .navbar-default .navbar-nav > li > a {
		font-size: 17px;
		padding: 30px 15px 1px 15px;
	}

	.header-v3 .navbar-default .navbar-nav > li.xarxes > a {
		/*font-size: 13px;
		padding: 20px 0px 16px 12px;*/
		font-size: 8px;
    padding: 28px 0px 16px 6px;
	}
}

@media (min-width: 1200px) {
	.header-v3 .navbar-default .navbar-nav > li > a {
		font-size: 18px;
		padding: 30px 8px 1px 8px;
	}

	.header-v3 .navbar-default .navbar-nav > li.xarxes > a {
		/*font-size: 13px;
		padding: 20px 0px 16px 12px;*/
		font-size: 8px;
    padding: 28px 0px 16px 6px;
	}
}

@media (min-width: 768px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
}
@media (min-width: 993px) and (max-width:1200px) {
	.familias-inicio li a {

		font-size: 14px;
		padding: 7px 15px;

	}
}


/* video fondo */
.home-hero {
    background: #000 url(../video/corto.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
   /* margin: 0 0 2.5em 0;*/
   /*margin: -45px 0 2.5em 0;
    padding: 5em 0;*/
	/*margin: -103px 0 2.5em 0;*/
	/*margin: -83px 0 2.5em 0;*/
	margin:  0px 0 0 0;
    padding: 9em 0;
    overflow: hidden;
    position: relative;
	height:100%;

}


#home-video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
	display:none;
    z-index: 1;
}

.home-hero .site-center {
    position: relative;
    z-index: 2;
    /* display: none; */
}
@media (max-width: 993px) {
	.home-hero {
		margin: 0;
	}
}
@media (min-width: 768px) {
	#home-video {
		display: block;
	}

}

/* fin video fondo */

/* galeria de fotos */
.galerias hr {
    margin: 10px 0;
}
.view {
	box-shadow: none;
}

.view-tenth .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
	top: 35%;
}

.view-tenth .maska {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
	top: 0%;
}

.view-tenth h2 {
    color: #fff;
    border-bottom: 0px solid rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
    background: rgba(38, 182, 203, 0.7490196078431373);
}

.view-tenth p {
    color: #fff;
    border-bottom: 0px solid rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
    background: rgba(38, 182, 203, 0.7490196078431373);
	margin: 20px 20px 0;
	text-align: left;
	position: relative;
    font-size: 22px;
    padding: 10px;
	font-family: 'Barlow Condensed', sans-serif;
	font-style: normal;
	text-decoration: none;
}
.col-servicios .view-tenth .mask {
    bottom: 0;
    top: inherit;
}

.col-servicios .view-tenth h2 {
	background: #27b6cb;
	/*background: rgba(38, 180, 201, 0.7411764705882353);*/
	/*text-shadow: #000 1px 1px 3px;*/
	text-transform: none;
	bottom: 0;
	position: absolute;
	width: 100%;
	padding: 0 0;
	margin: 0;
	font-size: 19px;
}

.galerias h1 {
	font-size: 42px;
	    line-height: 44px;
	    margin-bottom: 20px;
}
.galerias h5 {
	font-size: 37px;
	line-height: 37px;
	color: #b5b5b5;
	font-family: 'Just Another Hand', cursive;
}

.galerias .col-servicios {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}
.galerias .col-servicios .view {
    margin-bottom: 6px;
}
/* fin galeria de fotos */

/* logos clientes */
.owl-carousel-v6 .owl-carousel-item {
    border: 0px solid #e4e2e2;
}
/* fin logos clientes */

/* efecto imagenes blanco/negro */
.page-index-services img {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.page-index-services img:hover {
  filter: grayscale(100%);
}
/* fin efecto imagenes blanco/negro */

/* menu */
@media (max-width: 991px) {
	li.xarxes {
		display: inline-block;
	}
	.header-v3 .navbar-collapse.collapse.in {
	    background: #fff;
	}
}

/* fin menu */

/* banners */
.revolution-ch1 {
    text-transform: none;
	width: 50%;
}

.revolution-ch1 h1 {
	color: #fff;
    font-size: 54px;
    text-align: center;
    text-transform: none;
    line-height: 62px;
    margin-bottom: 26px;
    padding-bottom: 26px;
    position: relative;
}
.revolution-ch1 h1:after {
	bottom: 0;
    left: 50%;
    height: 1px;
    width: 70px;
    content: " ";
    margin-left: -35px;
    position: absolute;
    background: #26B6CB;
}
.revolution-ch1 h4 {
    color: #fff;
    text-align: center;
	text-transform: none;
	font-size: 24px;
}
.revolution-ch1 p {
	color: #fff;
	font-weight: 300;
	text-transform: none;
	text-align: center;
	font-size: 19px;
	white-space: normal;
	line-height: 30px;
	    margin-bottom: 25px;
}
.rounded-8x {
	border-radius: 50px;
}
@media (max-width: 991px) {
	.revolution-ch1 {
		text-transform: none;
		width: 90%;
		margin-top: -100px !important;
	}
	.revolution-ch1 h1 {
	    font-size: 35px;
	    line-height: 43px;
	}
	.revolution-ch1 p {
		font-size: 17px;
  	  	line-height: 27px;
	}
}
/* fin banners */

/* modificaciones header */

.container-header {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
   }
@media (min-width:768px) {
	.container-header {
		width:750px
	}
}
@media (min-width:992px) {
	.container-header {
		width:970px
	}
}

@media (min-width:1200px) {
	.container-header {
		padding-top: 15px;
		width:1050px
	}
}

@media (min-width:1250px) {
	.container-header {
		padding-top: 15px;
		width:1150px
	}
}

@media (min-width:1450px) {
	.container-header {
		width:1450px;
		padding-top: 15px;
	}
}

@media (min-width:1700px) {
	.container-header {
		padding-top: 15px;
		width:1650px
	}
}


#logo-header {
	height: 85%;
}

.contact-header {
	transition: unset;
	position: unset;
	background-color: #f5f5f5;
	box-shadow: unset;
}

.contact-header .navbar-default .navbar-nav > li > a {
	color: #525252;
}

/* fin modificaciones header */

/* secciones inicio */
.section-box {
	top: 10rem;
	position: relative;
	text-align: center;
	margin-bottom: 17rem;

}

.title {
	font-family: 'Bai Jamjuree', sans-serif;
	font-weight: 400;
	font-size: 40px;
}


.description {
	font-size: 20px;
	margin-top: 5rem;
}

.item {
	font-size: 20px;
}

.card {
	transition: 0.3s;
	width: 100%;
	border-radius: 1rem;
	background-color: #CE0F3F;
	margin: 1rem;
	padding-left: 0;
	padding-right: 0;
  }
  
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);
}
  
.container-card {
	border-radius: 2rem;
}
.container-card p, p a {
	color: #FFF;
	margin-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: unset;
	font-weight: 600;

}

.container-card p, p a:hover {
	color: #FFF;
	margin-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: unset;
	font-weight: 600;
	text-decoration: unset;

}

@media (max-width: 767px) {
	.row {
		margin-left: 0;
		margin-right: 0;
	}
	.card {
		width: 100%;
		margin: 0 auto;
		margin-top: 4rem;
	}

	.section-box {
		top: 5rem;
		margin-bottom: 10rem;
	}

	.title {
		font-size: 28px;
	}

	.description {
		font-size: 14px;
		margin-top: 3rem;
	}
}

@media (max-width: 991px) {
	.container-card p {
		font-size: 15px;
	}
}

@media (min-width: 1200px) {
	.container-card p {
		font-size: 15px;
	}
}

.card-img {
	width: 100%;
	border-radius: 1rem;
}

.link {
	text-transform: uppercase;
	font-size: 22px;
}

.container {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	/*! width: ; */
   }
   @media (min-width:768px) {
	.container-new {
	 width:750px
	}
   }
   @media (min-width:992px) {
	.container-new {
	 width:970px
	}
   }
   @media (min-width:1200px) {
	.container-new {
	 width:1170px
	}
   }
   @media (min-width:1300px) {
	.container-new {
	 width:1270px
	}
   }
   @media (min-width:1400px) {
	.container-new {
	 width:1370px
	}
   }

   @media (min-width:1500px) {
	.container-new {
	 width:1470px
	}
   }

   @media (min-width:1600px) {
	.container-new {
	 width:1570px
	}
   }

   @media (min-width:1700px) {
	.container-new {
	 width:1670px
	}
   }

   @media (min-width:768px) {
	.container-new-2 {
	 width:750px
	}
   }
   @media (min-width:992px) {
	.container-new-2 {
	 width:970px
	}
   }
   @media (min-width:1200px) {
	.container-new-2 {
	 width:1170px
	}
   }
   @media (min-width:1300px) {
	.container-new-2 {
	 width:1270px
	}
   }
   @media (min-width:1400px) {
	.container-new-2 {
	 width:1370px
	}
   }


.cards-top {
	margin-top: 5rem;
}

.img-section {
	width: 100%;
}



.section-banner {
	position: relative;
  	text-align: center;
	color: white;
	margin-bottom: 1px;
	overflow: hidden;
}

.section-banner img.img-responsive{
	width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	.section-banner img.img-responsive{
		height: unset;
	}
}

.centered-text p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 50px;
	font-family: "Bai Jamjuree";
	font-weight: bolder;
  }

@media (max-width: 700px) {
	.centered-text p{
		font-size: 40px;
	}
}

@media (max-width: 500px) {
	.centered-text p{
		font-size: 30px;
	  }
}

@media (max-width: 350px) {
	.centered-text p{
		font-size: 22px;
	  }
}

@media (max-width: 350px) {
	.img-catalogos {
		margin-top: 4rem;
	}	
}

.img-catalogos img {
	width: 55%;
}

.text-catalogos {
	color: gray;
	font-size: 16px;
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-family: 'Kumbh Sans', sans-serif;
	font-weight: bolder;
}

@media (max-width: 767px) {
	.img-catalogos img {
		width: 34%;
	}
}

@media (max-width: 991px) {
	.text-catalogos {
		font-size: 25px;
		margin-top: 3rem;
		margin-bottom: 2rem;
		font-family: 'Kumbh Sans', sans-serif;
		font-weight: bolder;
	}

	.img-catalogos {
		margin-bottom: 4rem;
	}
}

.main-button {
	outline-width: 16px !important;
	border-radius: 4rem;
	font-family: 'Kumbh Sans', sans-serif;
	background-color: white;
	border-color: #CE0F3F;
	color: #CE0F3F;
	font-size: 18px;
	padding: 0.5rem 6rem 0.5rem 6rem;
}

.main-button:hover {
	background-color: #CE0F3F;
	color: #FFF;
	transition: 0.5s;
}

.secondary-button {
	outline-width: 16px !important;
	border-radius: 4rem;
	font-family: 'Kumbh Sans', sans-serif;
	background-color: #CE0F3F;
	border-color: #FFF;
	color: #FFF;
	font-size: 18px;
	padding: 0.5rem 6rem 0.5rem 6rem;
}

.secondary-button:hover {
	background-color: #FFF;
	color: #CE0F3F;
	transition: 0.5s;
}

@media (min-width: 1200px) {
	.text-catalogos {
		font-size: 23px;
	}	

	.main-button {
		font-size: 22px;
	}

	.main-button {
		font-size: 22px;
	}
}


.button-products {
	padding: 0.5rem 3rem 0.5rem 3rem;
	font-size: 16px;
}

.bg-gray {
	background-color: #eaeaea;
}

.bg-primary {
	background-color: #CE0F3F;
}

.h-48 {
	min-height: 48rem;
}

.h-35 {
	min-height: 35rem;
}

.h-45 {
	min-height: 45rem;
}

.w-65 {
	max-width: 65%;
}

.img-carta img {
	margin-top: 8rem;
	width: 30%;
	margin-left: 43%;
}

@media (max-width: 991px) {

	.h-48, .h-35, .h-45 {
		min-height: unset;
	}

	.img-carta {
		padding: 4rem;
	}

	.img-carta img {
		width: 30%;
		display: block;
		margin: auto;
	}
}

.promo-text {
	padding: 10rem;
	font-size: 22px;
	font-family: 'Kumbh Sans', sans-serif;
}
.promo-text p {
	color: #FFF;
	font-weight: bold;
}
.promo-text button {
	margin-top:4rem
}

@media (max-width: 767px) {
	.promo-text {
		padding: 5rem;
		font-size: 16px;
	}

	.promo-text button {
		margin-top:2rem
	}
}

.shadow-rd img {
	-webkit-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.75);
  }

  
/* pagina empresa */

.p-0 {
	padding: unset;
}

.foto-empresa img {
	width: 100%;
	height: 45rem;
}

.padding-8 {
	padding: 8%;
}

.padding-lineas-negocio {
	padding: 16%;
}

.texto-empresa h1, .texto-lineas-negocio h1 {
	color: #ce0f45;
	font-weight: bolder;
	font-size: 40px;
	font-family: 'Bai Jamjuree', sans-serif;
	margin-bottom: 5rem;
}

.texto-empresa p, .texto-lineas-negocio p {
	font-size: 18px;
	font-family: 'Kumbh Sans', sans-serif;
}

.record-empresa {
	overflow: unset;
}

.record-empresa h1 {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 45px;
	font-family: "Bai Jamjuree";
	font-weight: bolder;
}

.record-empresa p {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 22px;
	font-family: "Bai Jamjuree";
	font-weight: bolder;
}

@media (max-width: 1774px) {
	.padding-lineas-negocio {
		padding: 10%;
	}
}

@media (max-width: 1356px) {
	.record-empresa h1{
		font-size: 35px;
	  }

	  .record-empresa p{
		font-size: 20px;
		top: 60%;
	}

	.padding-lineas-negocio {
		padding: 6%;
	}

	.padding-8 {
		padding: 2%;
	}
}

@media (max-width: 1213px) {
	.padding-8 {
		padding: 2%;
	}
}



@media (max-width: 991px) {
	.record-empresa h1{
		font-size: 32px;
	  }

	  .record-empresa p{
		font-size: 16px;
		top: 60%;
	}

	.foto-empresa img {
		height: auto;
	}
}

@media (max-width: 700px) {
	.record-empresa h1{
		font-size: 22px;
		top: 30%;
	}
	.record-empresa p{
		font-size: 14px;
	}
}

@media (max-width: 500px) {
	.record-empresa h1{
		font-size: 10px;
	  }
	  .record-empresa p{
		font-size: 8px;
	}
}

@media (max-width: 350px) {
	.record-empresa h1{
		font-size: 8px;
	  }

	  .record-empresa p{
		font-size: 5px;
	}
}

.recordguinnes-img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9%;
	z-index: 1;
}

/* fin pagina empresa */

/* pagina lineas de negocio */
.foto-lineas img {
	width: 100%;
}
/* fin pagina lineas de negocio */

/* pagina productos */

.product h3{
	font-size: 35px;
	color: #525252;
	font-weight: 700;
	margin-bottom: 3rem;
}

.product ul li { 
	font-family: "Kumbh Sans";
	font-size: 18px;
	list-style-position: inside;
} 

@media (max-width: 991px) {
	.product ul li { 
		font-size: 13px;
	} 
}

.link-slider {
	color: unset;
	margin-top: unset;
	padding-bottom: unset;
	font-size: unset;
	font-weight: unset;
}

.link-slider:hover {
	color: #FFF;
}

/* fin pagina productos */

/* pagina catalogos */

.catalogo {
	padding: 3%;
}

.catalogo h3 { 
	color: #525252;
	font-size: 26px;
	font-weight: bold;
	font-family: "Bai Jamjuree";
	margin-bottom: 4rem;
}

.catalogo p {
	font-size: 18px;
}

@media (min-width: 992px) {
	.download .main-button {
		margin-top: 35%;
	}
}

@media (min-width: 1200px) {
	.download .main-button {
		margin-top: 35%;
	}
}



/* fin pagina catalogos */

/* banners */

.background-banner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, 0.2); 
}

.background-banner-primary {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: rgba(206, 15, 63, 0.8);; 
}

.rrss {
	position: absolute;
	top: 90%;
	left: 8%;
	font-size: 24px;
}

.rrss a {
	color: white;
	display: inline-block;
	padding: 5px;
}

.text-banner p {
	position: absolute;
	top: 37%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 29px;
	font-family: "Bai Jamjuree";
	font-weight: bolder;
	text-transform: uppercase;
  }

  .text-banner-index h3 {
	top: 48%;
	font-size: 66px;
  }

  .text-banner-products h3 {
	top: 48%;
	font-size: 66px;
  }

  .text-banner h3 {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 55px;
	font-family: "Bai Jamjuree";
	font-weight: bolder;
	line-height: 8rem;
  }

  .text-banner .catalogo-button {
	transition: 1s;
	position: absolute;
	text-decoration: none;
	top: 45%;
	right: -4.5%;
	transform: translate(-50%, -50%);
	color: #FFF;
	font-size: 26px;
	font-family: "Bai Jamjuree";
	font-weight: bolder;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	background-color: red;
	padding: 2rem;
	padding-bottom: 4rem;
	border-radius: 30px 30px 10px 10px;
	-moz-border-radius: 30px 30px 10px 10px;
	-webkit-border-radius: 30px 30px 10px 10px;
  }

  .text-banner .catalogo-button:hover {
	  transition: 1s;
	  right: -4%;
  }

  @media (max-width: 1500px) {
	  .text-banner-products h3 {
		font-size: 48px;
		line-height: 6rem;
	  }
} 

@media (max-width: 1300px) {
	.text-banner p {
		top: 37%;
		font-size: 24px;
	  }
	
	  .text-banner h3 {
		font-size: 50px;
		line-height: 8rem;
	  }

	  .text-banner-index h3 {
		font-size: 58px;
		line-height: 6rem;
	  }

	  .text-banner-products h3 {
		font-size: 45px;
		line-height: 6rem;
	  }

	  .text-banner .catalogo-button {
		right: -5.5%;
	}

	.text-banner .catalogo-button:hover {
	  right: -5%;
  }
	
} 

@media (max-width: 1150px) {
	.text-banner p {
		top: 37%;
		font-size: 22px;
	  }
	
	  .text-banner h3 {
		top: 50%;
		font-size: 40px;
		line-height: 6rem;
	  }

	  .text-banner-index h3 {
		font-size: 55px;
	  }

	  .text-banner-products h3 {
		font-size: 36px;
		line-height: 4rem;
	  }

	  .text-banner .catalogo-button {
		right: -7.5%;
	}

	.text-banner .catalogo-button:hover {
	  right: -7%;
  }
	
} 

@media (max-width: 991px) {
	.text-banner .catalogo-button {
		visibility: hidden;
	}
} 

@media (max-width: 880px) {
	.text-banner p {
		top: 37%;
		font-size: 19px;
	  }
	
	  .text-banner h3 {
		font-size: 32px;
		line-height: 5rem;
	  }

	  .text-banner-index h3 {
		font-size: 48px;
	  }

	  .text-banner-products h3 {
		font-size: 30px;
		line-height: 4rem;
	  }

	  .rrss {
		  font-size: 18px;
	  }
	
} 

@media (max-width: 700px) {
	.text-banner p {
		top: 37%;
		left: 50%;
		font-size: 16px;
	  }
	
	  .text-banner h3 {
		top: 50%;
		font-size: 35px;
		line-height: 4rem;
	  }

	  .text-banner-index h3 {
		font-size: 40px;
	  }
	  
	  .text-banner-products h3 {
		font-size: 25px;
		line-height: 3rem;
	  }

	  .rrss {
		font-size: 14px;
	}
	
} 

@media (max-width: 580px) {
	.text-banner p {
		top: 37%;
		left: 50%;
		font-size: 12px;
	  }
	
	  .text-banner h3 {
		top: 50%;
		font-size: 25px;
		line-height: 3rem;
	  }

	  .text-banner-index h3 {
		font-size: 30px;
	  }

	  .text-banner-products h3 {
		font-size: 20px;
		line-height: 2.5rem;
	  }
	
	  .rrss {
		top: 87%;
		font-size: 12px;
	}
} 

@media (max-width: 460px) {
	.text-banner p {
		left: 50%;
		font-size: 15px;
	  }
	
	  .text-banner h3 {
		font-size: 22px;
		line-height: 3rem;
	  }

	  .text-banner-index h3 {
		font-size: 34px;
	  }

	  .text-banner-products h3 {
		line-height: 1.75rem;
	  }

	  .rrss {
		top: 85%;
		font-size: 10px;
	}
	
} 

@media (max-width: 435px) {
	.text-banner p {
		left: 50%;
		font-size: 10px;
	  }
	
	  .text-banner h3 {
		font-size: 16px;
		line-height: 2rem;
	  }

	  .text-banner-index h3 {
		font-size: 26px;
	  }
	
} 

/* fin banners */

/* pagina contacto */

.contact-text h3 { 
	text-align: center;
	color: #9e8f8f;
    font-weight: bold;
	font-size: 24px;
	margin-bottom: 3rem;
}

.contact-text h1 {
	text-align: center;
	color: #CE0F3F;
	font-weight: bolder;
	font-size: 32px;
	margin-bottom: 5rem;
}

.contact-text p {
	font-size: 17px;
	letter-spacing: 0.5px;
}

.contact-input {
	margin: 2rem 0;
}

.contact-input input {
	background: transparent;
  	border: none;
  	border-bottom: 1px solid #9e8f8f;
  	-webkit-box-shadow: none;
  	box-shadow: none;
	border-radius: 0;
	color: #525252;
	width: 100%;
}

.contact-input textarea {
	width: 100%;
	resize: none;
	color: #525252;
}

.contact-input input:focus {
	-webkit-box-shadow: none;
  	border-bottom: 1px solid rgba(206, 15, 63, 1);
}


.contact-input textarea:focus {
	-webkit-box-shadow: none;
	box-shadow: 0 0 5px rgba(206, 15, 63, 1);
  	border: 1px solid rgba(206, 15, 63, 1);
}

.contact-checkbox-text label{
	font-family: "Kumbh", sans-serif;
	color: #525252;
	margin-bottom: unset;
	font-weight: normal;
	margin-top: 1rem;
}

.contact-container {
	width: 808px;
}

@media (max-width:991px) {
	.contact-container {
	 width:730px
	}
   }

   @media (max-width:840px) {
	.contact-container {
	 width:620px
	}
   }

    @media (max-width:700px) {
	.contact-container {
	 width:575px
	}
   }

   @media (max-width:525px) {
	.contact-container {
	 width:unset
	}

	.contact-checkbox-text label{
		font-size: 10px;
	}
   }

   @media (max-width:365px) {
	.contact-checkbox-text label{
		font-size: 8px;
	}
   }

   .contact-address {
	padding: 8rem;
	font-size: 22px;
	font-family: 'Kumbh Sans', sans-serif;
   }

   .contact-address li {
	list-style: none;
	margin-bottom: 1rem;
   }
   .contact-address li a{
	   color: #FFF;
   }
   .contact-address ul {
	margin-left: 10rem;
   }

   @media (max-width: 661px) {
	.contact-address {
		padding: 3rem;
	}
	.contact-address ul {
		margin-left: 5rem;
	   }
	}

	@media (max-width: 566px) {
		.contact-address {
			padding: 1rem;
		}

		.contact-address {
			font-size: 12px;
		   }

		.contact-address ul {
			margin-left: 2rem;
		}	
	}


/* fin pagina contacto */