/*new css version 1.0*/

.c_h1_tits > div{ opacity: 0; }
.c_h1_tits > div h1{ line-height: 1.3;}
.c_h1_tits > div.active{ opacity: 1;}

/*normalize's*/
.btn_volver, .logo{ box-sizing: initial !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight: bold !important;}





.info_new h1{ font-family: 'kazimir_medium'; font-size: 80px; line-height: 1; position: relative;}
.info_new{font-family: 'kazimir_medium'; font-size: 20px; }

.paleta_piscina{ max-width: 350px;}
.line_after:after{ content: ''; width: 100%; max-width: 300px; border-top: 2px solid; display: block; margin-top: 10px; margin-bottom: 20px;}

/*//piscinas*/

.alto_internas{ height: calc(100vh);}
.pos_bottom_absolute{ position: absolute; bottom: 0; left: 0;}
.pt-10{ padding-top: 100px;}

.img-border-piscina{ max-width: 500px;}
/*.obj1{  border: 1px solid #f00;}*/
.line2{ max-width: 190px;}
.line2_1{ max-width: 200px;}
.line3{ max-width: 280px;}
.line4{ max-width: 315px;}

.obj6{ max-width: 250px;}
.obj2{ top: 50%; right: -80px; margin-top: -70px; z-index: 10; max-width: 100%;}
.obj3{ left: 50%; margin-left: -20%; top: 70%; z-index: 10; max-width: 40%;}
.obj4{ left: 100%; margin-left: -10%; bottom: 20%; z-index: 10; max-width: 50%;}
.obj5{ left: 0; margin-left: -40%; bottom: 10%; z-index: 10; max-width: 60%;}
.obj7{ max-width: 300px;}
.obj8{ max-width: 300px;}
.graf2 img{ max-width: 450px;}

.bg_after1:after{ content: ''; background: #efede8; position: absolute; left: 60%; top: 0; width: 40%; height: 100%; pointer-events: none; z-index: -1;}

.bg_after2:after{content: ''; background: #e0e0de; position: absolute; left: 32%; top: 0; width: 68%; height: 100%; pointer-events: none; z-index: -1;}

.bg_after3:after{content: ''; background: #f3f3f3; position: absolute; left: 29%; top: 0; width: 71%; height: 100%; pointer-events: none; z-index: -1;}

.l-1{ left: 32%;}
.l-2{ left: 29%;}

.tit-50{ width:90%; z-index: 100;}
.tit-2{width:100%; z-index: 100;}
.tit-3{ width: 200%;}
.z-i{z-index: 100;}

.w-140{ width: 140%;}

.align-content-center{-webkit-align-items: center;}

@media screen and  (min-width: 768px) {
	.col-90 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%;}
	.col-80 { -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}
	.col-70 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
	.col-60 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
	.col-55 { -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
	.col-54 { -ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%; }
	.col-50 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.col-46 { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%;}
	.col-45 { -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
	.col-40 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
	.col-38 { -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%;}
	.col-35 { -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}
	.col-33 { -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
	.col-32 { -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%;}
	.col-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
	.col-25 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.col-24 { -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%;}
	.col-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
	.col-15 { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%;}
	.col-10 { -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;}
}

@media screen and (min-width: 993px){
	.h-70 {  height: 70%;}
	.h-65 {  height: 65%;}
	.h-60 {  height: 60%;}
	.h-55 {  height: 55%;}
	.h-50 {  height: 50%;}
	.h-45 {  height: 45%;}
	.h-40 {  height: 40%;}
	.h-35 {  height: 35%;}
	.h-30 {  height: 30%;}

	.pl-17{ padding-left: 17% !important;}
	.pl-50{ padding-left: 50% !important;}
	.pl-65{ padding-left: 65% !important;}
}

@media screen and (max-width: 2300px),(max-height: 1200px) {

}
@media screen and (max-width: 1750px),(max-height: 1000px) {
	.alto_internas{ height: 800px;}
	.info_new h1{ font-size: 70px;}
	.info_new{ font-size: 16px;}
	.info_new p span{ font-size: 18px;}
}
@media screen and (max-width: 1400px),(max-height: 800px) {
	.info_new h1{ font-size: 55px;}
	.info_new{ font-size: 14px;}
	.info_new p span{ font-size: 16px;}
}
@media screen and (max-width: 1050px),(max-height: 700px) {
	.info_new h1{ font-size: 50px;}
	.info_new{ font-size: 11px;}
	.info_new p span{ font-size: 13px;}
}
@media screen and (max-width: 992px){
	.alto_internas, .h-100, .h-50{ height: auto !important;}
	/*.alto_internas .col-lg-6{min-height: 768px;}*/
	.alto_internas.info_fachadas .col-lg-6{ min-height: initial;}
	.order-last { -ms-flex-order: initial; order: initial;}
	.obj1, .obj8{ max-width: 200px;}
	.obj2{ margin: 0; max-width: 400px !important;}
	.obj3, .obj4, .obj5{ margin: 0; position: static !important;}
	.obj7, .obj4, .obj5{ max-width: 400px !important;}


	.bg_after1:after{ display: none;}
	.pos_bottom_absolute, .tit-50, .tit-2, .tit-3, .w-100{ position: static !important;}
	.col-90,
	.col-80,
	.col-70,
	.col-60,
	.col-55,
	.col-54,
	.col-50,
	.col-46,
	.col-45,
	.col-40,
	.col-38,
	.col-35,
	.col-33,
	.col-32,
	.col-30,
	.col-25,
	.col-24,
	.col-20,
	.col-15,
	.col-10, .new-col{-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;}
	.paleta_piscina{ margin: 30px 0; max-width: 300px;}

	.order-first { -ms-flex-order: initial; order: initial;}
	.bg_after2:after, .bg_after3:after{ width: 75%; left: 25%;}
	.l-1, .l-2{ left: 25%;}

	.bg-petra{ background: #e0e0de;}
	.tit-50, .tit-2, .tit-3{ width: 100%;}
	.tit-change-color{color: #61615f !important;}
	.space{ display: none;}

	.h-75, .h-25{ height: auto !important;}

	.w-140{ width: 100%;}

}
@media screen and (max-width: 950px),(max-height: 600px) {
	.info_new h1{ font-size: 42px;}
	.pt-10{ padding-top: 50px}
}
@media screen and (max-width: 800px),(max-height: 500px) {
	.info_new h1{ font-size: 38px;}

}
@media screen and (max-width: 750px) {
	.col-35{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.info_new h1{ font-size: 35px;}

}
@media screen and (max-width: 500px) {
	.info_new h1{ font-size: 32px;}
}