body {
	background-color: #ffffff;
}	
	
.container-dark a, .container-dark h1, .container-dark h2, .container-dark h3, .container-dark h4, .container-dark h5, .container-dark h6, .container-image a, .container-image h1, .container-image h2, .container-image h3, .container-image h4, .container-image h5, .container-image h6 {
    color: #000;
}
	
.side-options.side-options-right {
    left: auto;
    right: -270px;
}
	
.side-options {
    width: 270px;
    left: -200px;
    position: fixed;
    z-index: 2000;
    top: 360px;
    -webkit-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}
	
span a:hover {
	background-color: #E76E70;
}
	
.project-heading .thumbnail-home {
    margin: 0 10px 0 10px;
}

.title {
	padding-right: 0
}
	
.title-home {
    position: relative;
    z-index: 10;
    margin-bottom: 10px;
    margin-left: 10px;
	margin-right: 10px;
    color: #ffffff;
    padding-right: 17px;
}
	
.text-home {
    margin-bottom: 30px;
    margin-right: 20px;
    margin-left: 10px;
}
	
ul.plus>li:before {
	content:"\f067";
	font-family:FontAwesome;
	font-weight:400;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	padding:0 6px 0 0;
}
	
.social .posts a {
	margin: auto;
}

/* PARA X */

.social a img {
	margin-top: -3px	
}

/* --- */
	
section.posts {
    margin-bottom: 15px;
}
	
.page-slider-wrap .btn {
    background-color: rgba(0, 92, 185, 1.0);
}
	
h4 {
	font-size: 22px;
	line-height: 26px;
	color: #005cb9;
}
	
.iconbox-content p {
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: 600;
}
	
.btn {
    background-color: #fff;
    border: 1px solid #016aa9;
    color: #004D7C;
}
	
.btn2 {
    background-color: #004D7C;
    border: 1px solid #016aa9;
    color: #FFFFFF;
}

.btn2-rojo {
    background-color: #DD1C24;
	border: 1px solid #DD1C24;
    color: #FFFFFF;
}

.btn2-magenta {
    background-color: #FF1F90;
	border: 1px solid #FF1F90;
    color: #FFFFFF;
}

.btn2-verde {
    background-color: #00AC5A;
	border: 1px solid #00AC5A;
    color: #FFFFFF;
}
.btn-round-celeste {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 15px;
    background-color: #38b6ff;
    border-radius: 30px;
    border: none;
    display: inline-block;
	min-width: 100px
}
.btn-round-celeste:hover {
	background-color: #000000;
	color: #FFFFFF
}
.btn-round-celeste img {
	width: 25px;
	margin-right: 5px;
}

/*.title.title-section>* {
    margin: 0px 0px 20px 4px;
}*/	

.title.title-main h4 {
	text-transform: none;
	font-weight: 600;
	font-size: 18px;
}

.title.title-main.abre {
	padding-right: 0;
}

.title.title-main.abre h4 {
	text-transform: none;
	font-weight: 600;
	font-size: 24px;
}
	
.title.title-main {
	margin-bottom: 10px;
}

.titulo-abre {
	width:100%; 
	text-align:center; 
	margin-top:0px
}

.titulo-abre-mundial {
	width:100%; 
	text-align:center; 
	margin-top:0px;
	padding-top: 110px
}

.titulo-verde {
	color:#1cb577; 
	font-size: 32px; 
	line-height: 37px; 
	font-family: 'Bowlby One SC'
}

.titulo-azul {
	color:#0078C1; 
	font-size: 32px; 
	line-height: 37px; 
	font-family: 'Bowlby One SC'
}

.titulo-magenta {
	color:#d61968; 
	font-size: 32px; 
	line-height: 37px; 
	font-family: 'Bowlby One SC'
}

.titulo-naranja {
	padding-top: 35px;
	padding-bottom: 20px;
	color:#ff8200; 
	font-size: 40px; 
	line-height: 50px; 
	font-family: 'Bowlby One SC'
}

.box-info-producto {
	text-align: center; 
	margin-top: 0; 
	margin-left: 0; 
	padding-left: 10px; 
	padding-right: 10px
}

.box-titulo-producto {
    margin-top: 20px; 
	margin-left: 0; 
	padding-left: 0; 
	padding-right: 0
}

.box-nombre-producto {
	color:#808080; 
	font-size: 24px; 
	margin-right: 0; 
	margin-top: 20px; 
	margin-bottom: 10px
}

.title-azul {
	margin: 0px 0px 20px 4px; 
	padding-top:35px; 
	color: #005cb9; 
	font-weight: 700
}

.apertura-juntos {
	margin-bottom: 50px
}
	
.text-mini {
	color: #808080;
	font-weight: 600;
}

.text-mini.abre {
	font-size: 18px;
	color: #4d4d4d;
	font-weight: 500;
}

.info-muros-abre {
	width:33%; 
	text-align:center; 
	padding-left: 55px;
	margin-top: 20px
}

.info-fibrado-abre {
	width:33%; 
	text-align:center; 
	padding: 0 30px 0 30px;
	margin-top: 20px
}

.info-techos-abre {
	width:33%; 
	text-align:center; 
	padding-right: 55px;
	margin-top: 20px
}

.prendeMagenta {
	cursor: pointer
}

.prendeVerde {
	cursor: pointer
}

.prendeAzul {
	cursor: pointer
}

.borde-arriba {
	border-top: solid 1px rgba(255,255,255,1.00); 
	height: 15px
}

.alto-1 {
	padding-right: 0; 
	height: 70px
}

.blanco {
	color: #FFFFFF
}

.azul {
	color: #005cb9
}

.colores-left {
	padding-left: 20px
}

.box-flex {
    width: 100%; 
	display:inline-flex	
}

.box-datos {
	width: 50%; 
	text-align: right; 
	font-weight: 700; 
	padding-right: 3px
}

.box-datos-2 {
	width: 50%; 
	text-align: left; 
	padding-left: 3px
}

.pto1 {
	position: absolute; 
	top: 582px; 
	left: 456px
}

.pto2 {
	position: absolute; 
	top: 320px; 
	left: 815px
}

.pto3 {
	position: absolute; 
	top: 550px; 
	left: 1370px
}

.ptoheight {
	height: 100px
}

.vector1 {
	position: absolute; 
	top: 615px; 
	left: 527px
}

.vector2 {
	position: absolute; 
	top: 348px; 
	left: 890px
}

.vector3 {
	position: absolute; 
	top: 584px; 
	left: 1300px
}

.vectorheight1 {
	height: 250px
}

.vectorheight2 {
	height: 500px
}

.vectorheight3 {
	height: 270px
}
	
.row.row-inline>* {
    vertical-align: top;
}
	
article.post-latest {
    margin-bottom: -15px;
}
	
.accordion-heading {
	text-align: center;
}	
	
.accordion .accordion-heading a {
    padding-left: 0px;
    color: #4D4D4D;
	font-weight: 600;
}
	
.accordion-content .text p {
	font-size: 14px;
    color: #808080;
	font-weight: 500;
}
	
.form-inner {
	background: auto;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
	
.form-inner form {
    background-color: #005cb9;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
}
	
.carousel-wrap {
    margin-bottom: 0px;	
}
	
ul:first-child {
    margin-top: 20px;
	margin-left: 0;
}
	
.text {
    margin-right: 0px;
}	
	
ul {
    margin: 20px 0;
	margin-left: 20px;
    padding: 0;
    line-height: 27px;
}
	
ul.plus>li {
    list-style: none;
    padding: 0 0 0 24px;
    position: relative;
    margin: 5px 0;
	font-weight: 600;
}
	
ul.plus>li:before {
    content: "\f067";
}
	
ul.plus>li:before {
    left: 0;
    top: 1px;
    position: absolute;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
	
.plus li:before {
    color: #005cb9;
}
	
.col-sm-4 {
	margin-bottom: 50px;
}
	
.iconbox.iconbox-list .iconbox-content {
    margin-left: 0;
}	
	
.margin-env {
	margin-top:-45px; 
	margin-bottom: 0;
}
	
.margin-tips { 
	margin-top: 60px; 
	padding-left: 5px; 
	padding-right: 5px;
}
	
.alinea-derecha	{
	text-align: right;
}
	
.alinea-izquierda	{
	text-align: left;
}
	
.pepe {
	height:600px;
}

.logo-veritas {
    opacity: 1.0;
}
	
span a:hover {
	background-color: rgba(50,50,50,0.0);
}
	
.project-action li {
	float: none;
    top: 50%;
	opacity: 100%;
    left: 41%;
}
	
.lightbox.btn {
    border: none;
	background: rgba(255, 255, 255, .7);
    color: #2d343e
    /*background: rgba(0, 92, 185, .8);
    color: #ffffff;*/
}

.fancybox-title h4 {
    border-bottom: 0px solid rgba(255, 255, 255, .2);
}
	
#main-menu>li>a {
    border-left: 0px;
}
	
.social a.youtube:before {
	font-family:FontAwesome;
	content:"\f167";
}
	
.social a {
    background-color: rgba(50,50,50,0.0);
}
	
.social a.facebook:hover {
	background-color: rgba(50,50,50,0.0);
}

.social a.twitter:hover {
	background-color: rgba(50,50,50,0.0);
}

/* PARA X */

.social a.twitterx:hover {
	background-color: rgba(50,50,50,0.0);
}

/* --- */
	
.social a.pinterest:hover {
	background-color: rgba(50,50,50,0.0);
}
	
.social a.youtube:hover {
	background-color: rgba(50,50,50,0.0);
}

.social a.linkedin:hover {
	background-color: rgba(50,50,50,0.0);
}

#main-menu>li .fa-facebook {
	font-size: 20px;
}
	
#main-menu>li .fa-twitter {
	font-size: 20px;
}

#main-menu>li .fa-youtube {
	font-size: 25px;
}

#main-menu>li .icomoon-instagram {
	font-size: 20px;
}

#main-menu>li .fa-pinterest {
	font-size: 20px;
}

#main-menu>li .fa-linkedin {
	font-size: 20px;
}

/* PARA X */

#main-menu>li img {
	vertical-align: top
}

#main-menu>li img:hover {
	filter: invert(16%) sepia(99%) saturate(0%) hue-rotate(0deg) brightness(20%) contrast(99%);
}

/* ---- */
	
.mar-btn {
	margin-top: 60px;
    color: #fff;
}
	
.mar-btn:hover {
	color: #3A2E88;
}
	
.container-dark .row a {
	color: #ffffff;
}

.page-slider-wrap #page-slider .btn {
	color: #ffffff;
}

.banner-apertura {
	background-image: url(../uploads/images/banner-casa.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	/*background-size: cover;*/
	background-color: #ebebeb; 
	text-align: center;
	height:100vh;
	height: 1400px;
}

.banner-apertura-mundial {
	background-image: url(../uploads/images/banner-post-mundial.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	/*background-size: cover;*/
	background-color: #ebebeb; 
	text-align: center;
	height:100vh;
	height: 1160px;
}

.mancha {
	width:100%; 
	text-align:center; 
	margin-top: 440px;
}

.mancha-mundial {
	width:100%; 
	text-align:center; 
	margin-top: 185px;
}

.packs-mundial {
	width:100%; 
	text-align:center; 
	margin-top: -16px;
}

.baldes {
	width:100%; 
	margin-top: -400px
}

.baldes-mundial {
	width:100%; 
	/*margin-top: -465px*/
}

.top-prod-mundial {
	margin-top: 60px
}

.top-prod-dichos {
	margin-top: 10px
}
.top15 {
	margin-top: 15px
}

h1.mundial {
	font-family: 'Bowlby One SC';
	font-size: 70px;
	line-height: 80px;
	margin: 10px 0 20px 0
}

h3.mundial {
	font-family: 'Nanum Pen Script', cursive;
	font-size: 80px;
	margin: 18px 0
}

.project-filter {
    color: #2d343e;
    background-color: #f4f5f6;
    line-height: 25px;
    clear: both;
}

.project-filter ul {
	float: none
}

.project-filter ul li a:hover {
	color:#0078c1
}

.h-tecno {
	margin: 0px 0px 20px 4px; 
	padding-top:35px; 
	color: #FFFFFF; 
	font-weight: 600; 
	font-size: 48px; 
	line-height: 52px
}

.h-prod-dichos {
	margin: 0px 0px 20px 4px; 
	padding-top:35px; 
	font-weight: 600; 
	font-size: 48px; 
	line-height: 52px
}

.p-tecno {
	color: #FFFFFF; 
	font-weight: 400; 
	font-size: 24px; 
	line-height: 30px
}

.p-top {
	margin-top: 10px
}

.img-tecno {
	width:100%; 
	text-align:center; 
	margin-top:0px
}

.right-icon {
	margin-right: 50px;
}

.left10 {
	margin-left: 10px;
}

.pad10 {
	padding-left: 10px; 
	padding-right: 10px
}

.bot10 {
	margin-bottom: 10px
}

.bot25 {
	margin-bottom: 25px
}

.bot30 {
	margin-bottom: 30px
}

.pad-icons-contact {
	padding-top: 40px;
	padding-bottom: 40px;
}

.back-az3 {
	background-color:#005c9a; 
	padding-top: 50px; 
	padding-bottom: 30px
}

.title.title-section.text-center {
	text-align: center
}

.text-center {
	text-align: center
}

.titulo-azul-section {
    font-size: 45px;
    line-height: 45px;
    letter-spacing: 1px;
    font-family: 'Bowlby One SC';
}

.title.title-section h2.titulo-azul-section {
	margin-bottom: 20px;
}

/* REDES Y WHATSAPP */

.cont-icon-text {
	display: inline-block;
	width: 175px;
	height: 60px;
}

.icon-big {
    /*float: left;*/
    display: inline-block;
    /*width: 16.6666%;*/
	width: 90px;
    height: 90px;
}

.icon-big-whatsapp {
	/*display: inline-block;*/
	float: left;
	width: 60px;
    height: 60px;
}

.icon-big-whatsapp-text {
	/*display: inline-block;*/
	float: left;
	width: 115px;
    height: 60px;
	text-align: left;
	padding-left: 10px;
}

.icon-big i {
	font-size: 54px;
	color: #FFFFFF;
}

.container-out .icon-big a {
	display: block
}

.container-out .icon-big a:hover i {
	color: #000000;
}

.whatsapp {
    background-image: url('../imagenes/whatsapp.png');
    width: 56px;
    height: 56px;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
	background-color: #005c9a;
}

.whatsapp:hover {
  background-image: url('../imagenes/whatsapp-hover.png');
}

p.sat {
	color: #FFFFFF;
	line-height: 15px;
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
	margin: 5px 0 0 0;
}

p.redes {
	color: #FFFFFF;
	line-height: 15px;
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
	margin: 0 0;
	/*float: left;*/
	float: none;
	width: auto;
    height: auto;
	padding-bottom: 10px;
    padding-top: 10px;
}
p.mapa {
	font-size: 18px
}

.redes-title {
	width: 450px; 
	text-align: center;
	/*text-align: left;*/
	/*margin-left: 15px;*/ 
	margin-bottom: 5px; 
	display: inline-block;
}

.title.title-section p.size-cont {
	font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    width: 340px;
    margin: auto;
    margin-bottom: 60px;
}
	
/*desktop*/

@media (max-width: 1824px) {
	
.pto1 {
	position: absolute; 
	top: 582px; 
	left: 325px
}

.pto2 {
	position: absolute; 
	top: 320px; 
	left: 670px
}

.pto3 {
	position: absolute; 
	top: 550px; 
	left: 1230px
}
	
.vector1 {
	position: absolute; 
	top: 614px; 
	left: 395px
}

.vector2 {
	position: absolute; 
	top: 345px; 
	left: 745px
}

.vector3 {
	position: absolute; 
	top: 582px; 
	left: 1155px
}

.vectorheight1 {
	height: 250px
}

.vectorheight2 {
	height: 497px
}

.vectorheight3 {
	height: 286px
}
	
}	

/* /////////////////////////////// */

@media (max-width: 1199px) {
	
.banner-apertura {
	height: 1300px;
	background-size: 1600px;
}
	
.banner-apertura-mundial {
	height: 1070px;
	/*height: 1025px;*/
	background-size: 1722px;
	/*background-size: 1600px;*/
}	
	
.titulo-abre {
    width: 75%;
    margin: auto;
}	
	
.titulo-abre-mundial {
    padding-top: 20px
}	
	
.mancha {
	width:100%; 
	text-align:center; 
	margin-top: 370px;
}
	
.mancha-mundial {
    margin-top: 125px
}
	
.packs-mundial {
	margin-top: -16px;
}
	
.baldes {
	width:100%; 
	margin-top: -340px
}
	
.baldes-mundial {
    /*margin-top: -400px*/
}
	
.text-bot-mundial {
	margin-bottom: 10px	
}	
	
.info-muros-abre {
	width:33%; 
	text-align:center; 
	padding: 0 30px 0 30px
}

.info-fibrado-abre {
	width:33%; 
	text-align:center; 
	padding: 0 30px 0 30px
}

.info-techos-abre {
	width:33%; 
	text-align:center; 
	padding: 0 30px 0 30px
}
	
.text-mini.abre {
	height: 80px;
}

.pto1 {
	position: absolute; 
	top: 480px; 
	left: 80px;
}

.pto2 {
	position: absolute; 
	top: 250px; 
	left: 390px;
}

.pto3 {
	position: absolute; 
	top: 430px; 
	left: 875px;
}
	
.vector1 {
	position: absolute; 
	top: 516px; 
	left: 154px
}

.vector2 {
	position: absolute; 
	top: 280px; 
	left: 466px
}

.vector3 {
	position: absolute; 
	top: 464px; 
	left: 813px
}

.vectorheight1 {
	height: 195px
}

.vectorheight2 {
	height: 422px
}

.vectorheight3 {
	height: 245px
}
	
}

/* /////////////////////////////// */
	
@media (min-width: 768px) {
	
.tato {
    width:102.5%;
}
	
.diego {
    background-color: white;
}
	
.container-out:last-child {
    margin-bottom: 0px;
}
	
.container-out:first-child {
    margin-top: 0px;	
}
	
.container-out+.container-out {
    margin-top: 0px;
}
	
.cajaComprar {
    margin-bottom: 70px; 
    padding-top: 30px;
    height: 238;
}
	
.container-image {
	overflow:hidden;
	background-attachment:fixed;
	background-position:center center;
	background-size:contain;
	-webkit-background-size:contain
}
	
.col-protege {
	width: 20%;
}

.col-proteccion {
	width: 60%;
}

.col-decoracion {
	width: 40%;
}
	
}
	
/* /////////////////////////////// */
	
@media (max-width:767px) {
	
.container-out {
    margin-bottom: 0px;
}	

.tato {
    width:109%;
}
	
.diego {
    background-color: black;
}
	
.margin-env {
	margin-top: 0; 
	margin-bottom: 0;
}
	
.iconbox.iconbox-list .iconbox-content {
    margin-left: 0px;
}
	
.visible {
	display: none;
}
	
.alinea-derecha	{
	text-align: center;
}
	
.alinea-izquierda {
	text-align: center;
}
	
.alinea-centro {
	text-align: center;
}
	
.cajaComprar {
    margin-bottom: 7px; 
    padding-top: 30px;
    height: 400px;
}
	
.container-image {
	overflow:hidden;
	background-attachment:fixed;
	background-position:center center;
	background-size:contain;
	-webkit-background-size:contain
}
	
.mar-btn {
	margin-top: 20px;
}
	
.col-protege {
	width: 100%;
}
	
.col-proteccion {
	width: 100%;
}

.col-decoracion {
	width: 100%;
}
	
}
	
/*mobile*/
	
@media (max-width: 768px) {
	
.container-out:first-child {
    margin-top: 0px
}	
	
.banner-apertura {
	height: 920px;
	background-size: 1100px
}
	
.banner-apertura-mundial {
	height: 920px;
    /*background-size: 1350px;*/
	background-size: 1510px
}
	
.top-prod-mundial {
    margin-top: 30px;
}	
	
.text-bot-mundial {
	margin-bottom: 20px	
}	
	
.titulo-abre {
	width:70%; 
	text-align:center; 
	margin: auto;
	margin-top: 0px;
	margin-bottom: 35px
}
	
.mancha {
	margin-top: 200px;
}
	
.mancha-mundial {
	margin-top: 140px;
}
	
.baldes {
	width:100%; 
	margin-top: -270px
}
	
.baldes-mundial {
	width:100%; 
	/*margin-top: -300px*/
}
	
h1.mundial {
    font-size: 50px;
    line-height: 60px;
    margin: 10px 0 0 0
}
	
h3.mundial {
    font-size: 55px;
    margin: 15px 0;
}	
	
.title.title-main.abre h4 {
	text-transform: none;
	font-weight: 600;
	font-size: 22px;
}
	
.text-mini.abre {
	font-size: 15px;
	line-height: 19px;
	color: #4d4d4d;
	font-weight: 500;
	height: 60px;
}
	
.info-muros-abre {
	width:33%; 
	text-align:center; 
	padding: 0 30px 0 30px
}

.info-fibrado-abre {
	width:33%; 
	text-align:center; 
	padding: 0 30px 0 30px
}

.info-techos-abre {
	width:33%; 
	text-align:center; 
	padding: 0 30px 0 30px
}
	
.btn.btn2.abre, .btn.btn2-rojo.abre, .btn.btn2-magenta.abre, .btn.btn2-verde.abre {
	font-size: 11px
}
	
.colores-left {
	padding-left: 20px
}
	
.pto1 {
	position: absolute; 
	top: 330px; 
	left: 67px;
}

.pto2 {
	position: absolute; 
	top: 180px; 
	left: 310px;
}

.pto3 {
	position: absolute; 
	top: 320px; 
	left: 630px;
}
	
.ptoheight {
	height: 60px
}
	
.vector1 {
	position: absolute; 
	top: 352px; 
	left: 113px
}

.vector2 {
	position: absolute; 
	top: 198px; 
	left: 357px
}

.vector3 {
	position: absolute; 
	top: 340px; 
	left: 597px
}

.vectorheight1 {
	height: 118px
}

.vectorheight2 {
	height: 264px
}

.vectorheight3 {
	height: 127px
}
	
.h-tecno {
	font-size: 35px; 
	line-height: 40px
}
	
.h-prod-dichos {
	padding-top: 0;
	font-size: 35px;
	line-height: 40px
}	

.p-tecno {
	font-size: 20px; 
	line-height: 25px
}
	
	
.tato {
    width:107%;
}
	
.diego {
    background-color: red;
}
	
.social-resp {
	display: none;
}
	
.collapse.in {
	display: flex;
}
	
#main-menu i.carret {
	opacity: 0.0;
}
	
#main-menu>li .fa-facebook {
	font-size: 15px;
}
	
#main-menu>li .fa-twitter {
	font-size: 15px;
}

#main-menu>li .fa-youtube {
	font-size: 18px;
}

#main-menu>li .icomoon-instagram {
	font-size: 15px;
}

#main-menu>li .fa-pinterest {
	font-size: 15px;
}
	
#main-menu>li .fa-linkedin {
	font-size: 15px;
}
	
/* PARA X */	
	
#main-menu>li img {
	width: 16px;
	vertical-align: middle;
	margin-top: -4px;
	margin-left: 3px
}
	
/* ---- */	
	
#main-menu>li {
	padding-left: 7px;
	padding-right: 7px;
}
	
#main-menu ul.dropdown>li>a {
    font-size: 12px;
    letter-spacing: 1px;
}
	
.cajaComprar{
    margin-bottom: 20px; 
    padding-top: 0px;
    height: 170px;
}
	
.cajaComprar h1 {
	font-size: 30px;
	line-height: 36px;
}
	
.container-image {
	overflow:hidden;
	background-attachment:scroll;
	background-position:center center;
	background-size:contain;
	-webkit-background-size:contain
}
	
.btn-big-resp {
	width: 180px;
	height: 30px;
}	
	
.agranda {
	font-size: 12px;
	padding-top: 8px;
}	
	
}	

/* /////////////// LANDSCAPE //////////////// */

@media only screen and (min-width: 591px) and (max-width: 767px) {
	
.banner-apertura-mundial {
	height: 950px;
    background-size: 1453px;
    /*height: 820px;
    background-size: 1150px*/
}
	
.titulo-abre-mundial {
    padding-top: 0px
}	
	
.mancha {
    margin-top: 210px
}
	
.mancha-mundial {
    margin-top: 145px
}	
	
.baldes {
    width: 100%;
    margin-top: -240px
}
	
.baldes-mundial {
    /*margin-top: -250px*/
}
	
h1.mundial {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 0 0
}
	
h3.mundial {
    font-size: 45px;
    margin: 5px 0
}	
	
.text-mini.abre {
    height: 80px
}	
	
.info-muros-abre {
    padding: 0 20px 0 20px;
}
	
.info-fibrado-abre {
    padding: 0 20px 0 20px;
}

.info-techos-abre {
    padding: 0 20px 0 20px;
}
	
.pto1 {
	position: absolute; 
	top: 330px; 
	left: 50px;
}

.pto2 {
	position: absolute; 
	top: 190px; 
	left: 250px;
}

.pto3 {
	position: absolute; 
	top: 310px; 
	left: 570px;
}
	
.ptoheight {
	height: 55px
}
	
.vector1 {
	position: absolute; 
	top: 348px; 
	left: 88px
}

.vector2 {
	position: absolute; 
	top: 205px; 
	left: 292px
}

.vector3 {
	position: absolute; 
	top: 328px; 
	left: 529px
}

.vectorheight1 {
	height: 140px
}

.vectorheight2 {
	height: 272px
}

.vectorheight3 {
	height: 155px
}
	
}	

/* /////////////////////////////// */

@media only screen and (min-width: 480px) and (max-width: 590px) {
	
.banner-apertura {
	height: 810px;
	background-size: 870px;
}
	
.banner-apertura-mundial {
	height: 860px;
    background-size: 1267px;
    /*height: 830px;
    background-size: 1200px;*/
}	
	
.titulo-abre {
    margin-top: -25px
}	

.titulo-abre-mundial {
    padding-top: 0px
}	
	
.mancha {
    margin-top: 150px
}
	
.mancha-mundial {
    margin-top: 180px
}	
	
.baldes {
    width: 100%;
    margin-top: -180px
}
	
.baldes-mundial {
    /*margin-top: -235px*/
}
	
h1.mundial {
    font-size: 40px;
    line-height: 50px;
    margin: 10px 0 0 0;
}
	
h3.mundial {
    font-size: 45px;
    margin: 5px 0;
}	

.info-muros-abre {
    padding: 0 15px 0 15px;
}
	
.info-fibrado-abre {
    padding: 0 15px 0 15px;
}

.info-techos-abre {
    padding: 0 15px 0 15px;
}
	
.text-mini.abre {
    height: 75px;
}	
	
.pto1 {
	position: absolute; 
	top: 260px; 
	left: 45px;
}

.pto2 {
	position: absolute; 
	top: 140px; 
	left: 230px;
}

.pto3 {
	position: absolute; 
	top: 245px; 
	left: 480px;
}
	
.ptoheight {
	height: 55px
}
	
.vector1 {
	position: absolute; 
	top: 281px; 
	left: 85px
}

.vector2 {
	position: absolute; 
	top: 155px; 
	left: 272px
}

.vector3 {
	position: absolute; 
	top: 263px; 
	left: 446px
}

.vectorheight1 {
	height: 120px
}

.vectorheight2 {
	height: 239px
}

.vectorheight3 {
	height: 132px
}
	
}	

/* /////////////////////////////// */
	
.form-control, select {
    color: #888;
	line-height: 20px;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 15px 25px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    resize: none;
    font-size: 16px;
    margin-top: 20px;
}
	
.form-field label {
    color: #fff;
}
	
 select {
       
  background-image:
    linear-gradient(45deg, transparent 50%, #0078c1 60%),
    linear-gradient(135deg, #0078c1 40%, transparent 50%) !important;
  background-position:
    calc(100% - 30px) 23px,
    calc(100% - 20px) 23px,
    100% 0;
  background-size:
    10px 10px,
    10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}
	
.iso {
    width: 63px;
    margin-left: 10px;
}
	
.roboto {
    font-family:'Roboto';
}
	
.fancybox-wrap .btn.next {
    margin-left: 15px;
    left: 90%;
}
	
.fancybox-wrap .btn.prev {
    margin-left: 15px;
    right: 90%;
}

/* /////////////////////////////// */
	
@media (max-width:479px) {	
	
.container-out:first-child {
    margin-top: 0px;
}
	
.titulo-azul-section {
    font-size: 30px;
    line-height: 30px;
}	
	
.banner-apertura {
	height: 620px;
	background-size: 650px;
}
	
.banner-apertura-mundial {
    height: 680px;
	background-size: 900px;
    /*background-size: 1000px;*/
}	
	
.titulo-abre {
	width:100%; 
	text-align:center; 
	margin-top:-45px;
	margin-bottom: 45px
}
	
.titulo-abre-mundial {
    padding-top: 0px
}	
	
.mancha {
	margin-top: 100px;
}

.mancha-mundial {
	width: 328px;
	margin: auto;
    margin-top: 175px;
}
	
.packs-mundial {
    margin-top: -7px;
}	
	
.baldes {
	width:100%; 
	margin-top: -130px
}
	
.baldes-mundial {
    width: 100%;
	/*width: 328px;*/
	margin: auto;
    /*margin-top: -195px;*/
	/*margin-top: -160px;*/
}
	
/*.info-muros-abre {
    width: 109px;
}*/	

.top-prod-mundial {
	margin-top: 10px
    /*margin-top: 40px*/
}
	
h1.mundial {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 0 0;
}
	
h3.mundial {
    font-size: 35px;
    margin: 0 0;
}	
	
.title.title-main.abre h4 {
	text-transform: none;
	font-weight: 600;
	font-size: 15px;
}
	
.text-mini.abre {
	font-size: 11px;
	line-height: 14px;
	color: #4d4d4d;
	font-weight: 500;
	height: 50px;
}
	
.info-muros-abre {
	width:33.333%; 
	text-align:center; 
	padding: 0 5px 0 5px;
	margin-bottom: 60px
}

.info-fibrado-abre {
	width:33.333%; 
	text-align:center; 
	padding: 0 5px 0 5px;
	margin-bottom: 60px
}

.info-techos-abre {
	width:33.333%; 
	text-align:center; 
	padding: 0 5px 0 5px;
	margin-bottom: 60px
}
	
.btn.btn2.abre, .btn.btn2-rojo.abre, .btn.btn2-magenta.abre, .btn.btn2-verde.abre {
	font-size: 10px
}	
	
.colores-left {
	padding-left: 0
}
	
.pto1 {
	position: absolute; 
	top: 191px; 
	left: 22px;
}

.pto2 {
	position: absolute; 
	top: 105px; 
	left: 136px;
}

.pto3 {
	position: absolute; 
	top: 178px; 
	left: 325px;
}
	
.ptoheight {
	height: 40px
}
	
.vector1 {
	position: absolute; 
	top: 205px; 
	left: 53px
}

.vector2 {
	position: absolute; 
	top: 118px; 
	left: 166px
}

.vector3 {
	position: absolute; 
	top: 192px; 
	left: 300px
}

.vectorheight1 {
	height: 80px
}

.vectorheight2 {
	height: 160px
}

.vectorheight3 {
	height: 92px
}
	
.h-tecno {
	font-size: 35px; 
	line-height: 40px
}
	
.h-prod-dichos {
	padding-top: 0;
	font-size: 35px;
	line-height: 40px
}	 

.p-tecno {
	font-size: 20px; 
	line-height: 25px
}
	
/* REDES Y WHATSAPP */
	
.title.title-section p.size-cont {
    width: 100%;
	margin-bottom: 20px
}	
	
.icon-big {
	width: 60px;
    height: 70px;
}	
.icon-big i {
	font-size: 40px;
}
.right-icon	{
	margin-right: 30px;
}
	
}

/* /////////////////////////////// */
	
@media (max-width:390px) {
	
.banner-apertura-mundial {
    height: 650px;
    background-size: 845px
}	
	
}

/* /////////////////////////////// */
	
@media (max-width:375px) {
	
.banner-apertura-mundial {
    height: 635px;
    background-size: 815px;
}	
	
}

/* /////////////////////////////// */

@media (max-width:360px) {
	
.banner-apertura-mundial {
    height: 610px;
    background-size: 780px;
}	
	
}


/* /////////////////////////////// */
	
@media (max-width:320px) {
	
.banner-apertura {
	height: 570px;
	background-size: 580px;
}
	
.banner-apertura-mundial {
    height: 560px;
	background-size: 691px;
}	
	
.mancha-mundial {
	width: 280px;
	margin: auto;
    margin-top: 170px;
}	
	
.baldes {
	width:100%; 
	margin-top: -110px
}
	
.baldes-mundial {
	width: 100%;
	/*width: 280px;*/
	margin: auto;
	/*margin-top: -130px;*/
}
	
h1.mundial {
    font-size: 25px;
    line-height: 35px;
}
	
h3.mundial {
    font-size: 30px;
}
	
.top-prod-mundial {
    margin-top: 0px;
}	
	
.pto1 {
	position: absolute; 
	top: 172px; 
	left: 20px;
}

.pto2 {
	position: absolute; 
	top: 90px; 
	left: 118px;
}

.pto3 {
	position: absolute; 
	top: 160px; 
	left: 280px;
}
	
.ptoheight {
	height: 34px
}
	
.vector1 {
	position: absolute; 
	top: 183px; 
	left: 45px
}

.vector2 {
	position: absolute; 
	top: 100px; 
	left: 145px
}

.vector3 {
	position: absolute; 
	top: 171px; 
	left: 257px
}

.vectorheight1 {
	height: 80px
}

.vectorheight2 {
	height: 155px
}

.vectorheight3 {
	height: 89px
}
	
.title.title-main.abre h4 {
	font-size: 13px;
}
	
.info-muros-abre {
	width:33%; 
	text-align:center; 
	padding: 0 5px 0 5px;
	margin-bottom: 60px
}

.info-fibrado-abre {
	width:33%; 
	text-align:center; 
	padding: 0 5px 0 5px;
	margin-bottom: 60px
}

.info-techos-abre {
	width:33%; 
	text-align:center; 
	padding: 0 5px 0 5px;
	margin-bottom: 60px
}
	
.btn {
	padding: 10px 15px	
}	

.h-tecno {
	font-size: 28px; 
	line-height: 35px
}
	
.h-prod-dichos {
	padding-top: 0;
	font-size: 28px;
	line-height: 35px
}	

.p-tecno {
	font-size: 16px; 
	line-height: 22px
}
	
.box-datos {
	font-size: 13px
}

.box-datos-2 {
	font-size: 13px
}
	
/* REDES Y WHATSAPP */	
	
.icon-big {
	width: 50px;
    height: 70px;
}	
.icon-big i {
	font-size: 32px;
}	

}