*{margin: 0px;padding: 0px;}
body{font-family: 'Lato', sans-serif;font-weight: 400;line-height: 1.3;}

p{/* margin-bottom: 0px; */font-weight: 300;}
li{
	list-style: none;
}
button{
	cursor: pointer;
}
header{
	/* position: fixed; */
	z-index: 5;
	width: 100%;
}
.form-group label{font-weight: 500;letter-spacing:  1px;}
.form-group .fa{
	margin-right: 5px;
}
.preguntas{margin-bottom: 30px;}
.preguntas h3{
	color: #8cb921;
}
a{
	color: inherit;

}
a:hover{
	text-decoration: inherit;
	color: inherit;
}
h1,h2,h3,h4,h5{font-weight: 300;}
h3{
	color: #827f7f;
}
nav{display: -webkit-inline-box;}
.container{
	position: relative;
}
.menu_white{width: 100%;height: auto;background-color: #fff;}
.menu_white strong{
	color: #505050;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 1.1rem;
}
.menu_blue{
	background: #14364e;
	color: #000;
	background: #f2f5f5;
	-moz-box-shadow: 0px 1px 8px -2px rgba(0,0,0,1);
}
.menu_blue .container{
	padding: 0px;
}
.menu_blue.actfijo{
	position: fixed;
	z-index: 5;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 51px;
}
b, strong{
	color: #8cb921;
}
img{
	max-width: 100%;
}
.menu_blue nav{}
ul.nav{
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    /* float: left; */
}
ul.nav li{
	padding: 0px 15px;
	cursor: pointer;
}
ul.nav li:hover{
	color: #ffffff;
	background-color: #86a820;
}
ul.nav li:hover .sub_menu{
	display: block;
	color: #000;
}
ul.redes{
    margin: 0px;
}
ul.redes .fa{
	margin: 0px 10px;
	-webkit-transition: color 0.5s; /* Safari */
	transition: color 0.5s;
	cursor: pointer;
}
ul.redes .fa:hover{
	color: #8cb921;
}
.contact_menu{
	font-size: 14px;
	margin: 16px 0px 0px 16px;
	/* height: 53px; */
	float: right;
}
@media screen and (min-width:0\0) { 

 .contact_menu{


	float: inherit;
	
}
}

.contact_menu .row{
	height: 100%;
	padding: 0px;
}
#costo h4{border-radius: 26px;padding: 5px 10px;border: 2px solid #8cb921;font-weight: 500;background-color: #8cb921;color: #fff;box-shadow: 4px 6px 5px #aaaaaa61;}
#costo p{
	font-weight: 400;
	color: #565656;
	margin-bottom: 5px;
}
.clear{
	clear: both;
}
.row-inf-contact{
	margin: 0px 0px;
	height: 100%;
	position: relative;
}
.row-inf-contact .fa{
	line-height: 51px;
	margin-right: 11px;
	color: #8cb921;
	border: 2px solid #8cb921;
	padding: 10px;
	height: 50px;
	line-height: 26px;
	width: 50px;
}
.row-inf-contact .col-md-8{
	border-left: 1px solid #696969;
	padding: 0px 0px 0px 20px;
}
.row-inf-contact .col-md-4{

}
nav.nav-redes{
	float: right;
	line-height: 50px;
	/* position: absolute; */
	/* right: 0px; */
}
.logo{float: left;}
.logo_display{
	width: 161px;
	max-width: initial;
	flex: initial;
	float: left;
	display: none;
}

.logo img{margin: 25px 0px;}
.logo h1{
	font-size: 0px;
	margin: 0px;
	width: 0px;
	height: 0px;
}
section.home{

}
.slider{
	width: 100%;
	height: 100%;
	height: 100%;
	position: relative;
}
.pasos{
	text-align: center;
}
.pasos img{
    margin-bottom: 10px;
    max-width: 100%;
}
 .pasos.empresa img{
	max-width: 180px;
}
.slide {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: 3s;
    width: 100%;
    background-attachment: fixed;
}
form.form{
	position: absolute;
	z-index: 3;
	padding: 20px 20px;
	/* background-color: #85a92f; */
	color: #fff;
	background: rgba(12,79,110,1);
	background: -moz-linear-gradient(45deg, rgba(12,79,110,1) 0%, rgba(1,68,101,1) 70%, rgba(1,68,101,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(12,79,110,1)), color-stop(70%, rgba(1,68,101,1)), color-stop(100%, rgba(1,68,101,1)));
	/* background: -webkit-linear-gradient(45deg, rgba(12,79,110,1) 0%, rgba(1,68,101,1) 70%, rgba(1,68,101,1) 100%); */
	background: -o-linear-gradient(45deg, rgba(12,79,110,1) 0%, rgba(1,68,101,1) 70%, rgba(1,68,101,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(12,79,110,1) 0%, rgba(1,68,101,1) 70%, rgba(1,68,101,1) 100%);
	/* background: linear-gradient(45deg, rgba(12,79,110,1) 0%, rgba(1,68,101,1) 70%, rgba(1,68,101,1) 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4f6e', endColorstr='#014465', GradientType=1 );
	-ms-transform: translate(0%, 25%);
	5%)
	top: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 700px;
}
form.form h4{
	text-align: center;
	margin-bottom: 10px;
}
section#home{
	padding: 0px;
}
section{
	padding: 100px 0px;
	position: relative;
	overflow: hidden;
}
.title{
	text-align: center;
	margin-bottom: 60px;
	position: relative;
}
.title h2{
	/* color: #757575; */
}
 .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 -30px -42px;
    width: 84px;
    height: 2px;
    background: #004c6d;
}
section#servicios .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 -30px -42px;
    width: 84px;
    height: 2px;
    background: #85a92f;
}

.form-control{
	border-radius: 0px;
	font-weight: 300;
	background-color: #004f70;
	color: #fff;
}
 input.form-control{
	background-color: #004f70;
}
button{font-weight: 300 !important;font-size: 12px !important;letter-spacing: 1px !important;}
.margin-auto{
	margin: auto;
}
section#servicios{
	/* background: #154a6bd9; */
	color: #fff;
	position: relative;
}
section#servicios p{
	text-align: center;
	font-weight: 200;
	font-size: 18px;
	letter-spacing: 1px;
}
.fondo{
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.text{
	width: 100%;
}
section#servicios .text{
	width: 80%;
	margin: auto;
}
.text p{text-align: center;}
.post .text p{
	color: #a4a4a4;
}
.text h4{
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
	text-transform: uppercase;
	color: #333333;
}
figure{
	text-align: center;
	margin-bottom: 10px;
}
.row.margin-ser{width: 80%;margin: auto;text-align: center;}
.btn.btn-primary{
	font-size: 16px !important;
	text-transform: uppercase;
}
.slider_inf .btn.btn-primary{
	text-align: center;
	margin: auto;
	display: -webkit-box;
	margin-top: 30px;
}
.row .btn{
	margin: auto;
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase;
}
.space{
	margin-bottom: 100px;
}
footer{background: #14364e;}

.footer_int{
	padding: 40px 0px 0px 0px;
	font-weight: 100;
	color: #e6e6e6;
}
.footer_int strong{
	color: #fff;
}
.footer_int h3{
	font-size: 18px;
	letter-spacing: 0.9px;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.3334;
	text-transform: uppercase;
}
.nav_footer_ul{
	
}
.nav_footer_li{
    margin-bottom: 15px;
}
.footer_int li p{
	position: relative;
	padding-left: 29px;
	margin-bottom: 7px;
}
.footer_int li .fa{float: left;font-size: 16px;line-height: 1.6875;text-align: center;height: 27px;width: 20px;position: absolute;top: 0;left: 0;color: #8cb921;}
.aviso{
	background: #0c2c40;
	padding: 3px 10px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 100;
}
.aviso p{
	display: -webkit-inline-box;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	margin: 0px;
}
.menu_white.actfijo{
	margin-bottom: 50px;
}
.aviso .nav-redes{float: right;line-height: inherit;}

.logo_display.act{
	display: block;
	margin-right: 20px;
	height: 51px;
}
.logo_display.act img{
	margin: 15px 0px;
}
.break_img{width: 100%;height: 200px;position: relative;margin-bottom: 80px;}
section#inicio{
	padding-top: 0px;
}
section#beneficios{
	padding: 50px 0px;
	background-color: #f9f9f9;
}
.break_img h2{
	text-align: center;
	
	
	
	-
	spacing: 19px;
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	z-index: 4;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	top: 50%;
}
.img_top{
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/* background-attachment: fixed; */
}
.black_img{
	background: #000000ad;
	position: absolute;
	width: 100%;
	height: 100%;
}
figure.logo_break{
	position: absolute;
	z-index: 4;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.img_esque{width: 800px;position: relative;margin: auto;}
.casa{
	text-align: center;
	margin: auto;
}
section#esquema{
	background-color: #10364e;
	color: #fff;
	overflow: hidden;
}
section#esquema p{
	font-weight: 100;
	text-align: center;
}
section#galeria{

}

figure.galeria_fig{

}
@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}
.sol{
	background-image: url(../img/esquema1/sol.png);
	width: 150px;
	height: 150px;
	background-size: cover;
	position: absolute;
	top: -71px;
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spinnerRotate;
	-moz-animation-duration: 10s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spinnerRotate;
	-ms-animation-duration: 10s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
.panel{
	background-image: url(../img/esquema1/panel.png);
	width: 134px;
	height: 98px;
	/* background-size: cover; */
	position: absolute;
	top: 101px;
	background-repeat: no-repeat;
	left: 118px;
}

.poste{
	background-image: url(../img/esquema1/poste.png);
	width: 155px;
	height: 308px;
	/* background-size: cover; */
	position: absolute;
	top: 55px;
	background-repeat: no-repeat;
	left: 636px;
}

.num1{background-image: url(../img/esquema1/num1.png);width: 50px;height: 50px;/* background-size: cover; */position: absolute;top: 72px;background-repeat: no-repeat;left: 200px;}

.num2{
	background-image: url(../img/esquema1/num2.png);
	width: 50px;
	height: 50px;
	/* background-size: cover; */
	position: absolute;
	top: 199px;
	background-repeat: no-repeat;
	left: 178px;
}
.num3{
	background-image: url(../img/esquema1/num3.png);
	width: 50px;
	height: 50px;
	/* background-size: cover; */
	position: absolute;
	top: 287px;
	background-repeat: no-repeat;
	left: 504px;
}
.num4{
	background-image: url(../img/esquema2/num4.png);
	width: 50px;
	height: 50px;
	/* background-size: cover; */
	position: absolute;
	top: 188px;
	background-repeat: no-repeat;
	left: 355px;
}
.num5{
	background-image: url(../img/esquema2/num5.png);
	width: 155px;
	height: 308px;
	/* background-size: cover; */
	position: absolute;
	top: 243px;
	background-repeat: no-repeat;
	left: 87px;
}
.num_row{
	position: relative;
	top: inherit;
	left: inherit;
	height: 40px;
	width: 40px;
	text-align: center;
	margin: auto;
	margin-bottom: 20px;
}
.row-esque{
	margin-top: 60px;
}

.foco{
	background-image: url(../img/esquema1/foco.png);
	width: 50px;
	height: 50px;
	/* background-size: cover; */
	position: absolute;
	top: 42px;
	background-repeat: no-repeat;
	left: 390px;
	animation-iteration-count: infinite;
	background-size: 50px;
}
.slider_benefi{
	width: 100%;
	top: 0px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	white-space: initial;
	left: 0px;
	margin: 0px;
	background-color: #ffffff;
}
.slider_benefi .margin{
	margin: 40px;
}
.slider_benefi .col-sm-6{
	float: left;
}
.slider_benefi .col-sm-6:first-child{
	padding: 0px;
}
.slider_benefi span{
	color: #989898;
}
.slider_benefi ul{
	padding-left: 20px;
}
.slider_benefi li{
	list-style: inherit;
}
.slider_benefi h2{
	font-weight: 500;
	margin: 0px;
	color: #353535;
}

.margin{
	margin: 15px;
}
.text_cube{
	background-color: #fff;
	width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.pointer .fa{
	margin-right: 7px;
}
.pointer{/* position: absolute; *//* left: 25%; *//* transform: translate(0%, -25%); *//* transform: translate(0%, -25%); */-ms-transform: translate(0%, -25%);/* -webkit-transform: translate(0%, -25%); *//* bottom: 0PX; *//* top: 0px; */}
.point{
	display: -webkit-inline-box;
	background-color: #7a953a;
	padding: 10px 10px;
	color: #fff;
	font-weight: 100;
	font-size: 13px;
	cursor: pointer;
}
.point:hover{
	background-color: #4c611c;
}
.point.activo{
		/* background-color: #4c611c; */
}
.azul{background-color: #1dadce;}
.rosa{background-color: #c70c6b;}
.amarillo{
	background-color: #ffd400;
}
.bg-titulo-persona{
	width: 100%;
	height: auto;
	padding-bottom: 98%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/* margin-bottom: 50px; */
	margin-bottom: 10px;
}
.contacto .form{position: relative;width: 100%;left: inherit;right: inherit;background: #f2f5f5;color: #000;top: inherit;transform: inherit;}
.contacto input.form-control{
	background-color: #fff;
	color: #3e3e3e;
	font-weight: 400;
}
.contacto .form-control{
	background-color: #fff;
}
.slider_benefi h3{color: #8cb921;font-weight: 400;}
.img-slider_benefi{width: 100%;height: auto;padding-bottom: 75%;background-size: cover;background-repeat: no-repeat;}

.hover_equip{
	text-align: center;
}
.hover_equip span{
	font-size: 17px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #8cb921;
}
.hover_equip h3{
	font-size: 23px;
	margin-bottom: 0px;
}
.sub_menu{
	position: absolute;
	z-index: 2;
	background: #f2f5f5;
	border: 1px solid #ccc;
	display: none;
}
.sub_menu li{
	line-height: inherit;
	padding: 0px 20px;
	border-bottom: 1px solid #ccc;
}
.bano{
	background-image: url(../img/esquema2/bano.png);
	width: 111px;
	height: 106px;
	position: absolute;
	top: 111px;
	background-repeat: no-repeat;
	left: 410px;
}
.equi_row .col-sm-3{margin-bottom: 30px;}

.num1_esq2{

}
.num2_esq2{
	left: 246px;
}
.num3_esq2{
	top: 274px;
	left: 331px;
}
.ola{
	background-image: url(../img/esquema2/ola.png);
	width: 200px;
	height: 34px;
	position: absolute;
	left: 587px;
	bottom: 32px;
	-webkit-animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-duration: 20s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-duration: 20s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-webkit-animation: marDos 2s linear infinite;
	animation: marDos 2s linear infinite;
}
@-webkit-keyframes marDos {
    0% {
        background-position: -40px 0px;
    }
    50%{
        background-position: -20px 0px;
    }
    100% {
        background-position: -40px 0px;
    }
}
.empresa{

}
.slider_inf{
	background-color: rgba(0, 0, 0, 0.4);
	padding: 20px;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, 50%);
	position: absolute;
}
.slider_inf span{
	text-align: center;
	margin: auto;
	display: block;
	letter-spacing:  4px;
	margin-bottom: 10px;
	color: #ccc;
	font-weight: 200;
}
.slider_inf h2{
	color: #fff;
	font-weight: 400;
	font-size: 52px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 61px;
	text-transform: uppercase;
}
.empresa h3{
	font-size: 21px;
}
.gallery_product{
	margin-bottom: 24px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.gallery_product:hover{
opacity: 0.5;
}
.post_img{
	width: 100%;
	height: auto;
	padding-bottom: 66%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	cursor: pointer;
}
.post_img:hover .hover{
	opacity: 1;
}
.title-medi{
	text-align: -webkit-auto;
}
.col-medi{
	text-align: center;
	position: relative;
}
.col-medi span{
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	font-weight: 400;
	color: #1e608e;
	/* transform: translate(-50%, -50%); */
	/* transform: translate(-50%, -50%); */
	-ms-transform: translate(-50%, -50%);
	/* -webkit-transform: translate(-50%, -50%); */
	width: 100%;
	font-size: 20px;
	background-color: aqua;
	padding: 10px 10px;
	border-radius: 1.25rem;
}
.col-medi p{
	font-size: 18px;
	color: #333;
}
.col-medi h3 p{
	font-size: 17px;
	color: #7d7979;
	font-weight: 200;
	margin-top: 10px;
}
section#medidor{
	background-color: whitesmoke;
	padding-bottom: 0px;
}
.knob{
	color: #85a92f !important;+
	font-size: 0px;
	margin: 0px;
}
canvas{

}
.gotas{
	background-image: url(../img/esquema2/gotas.png);
	width: 4px;
	height: 36px;
	position: absolute;
	top: 132px;
	background-repeat: no-repeat;
	left: 466px;
	-webkit-animation-duration: 20s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-duration: 20s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-duration: 20s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-webkit-animation: gotas 2s linear infinite;
	animation: gotas 2s linear infinite;
}
@-webkit-keyframes gotas {
    0% {
        background-position: 0px -40px;
    }
    50%{
        background-position: 0px -20px;
    }
    100% {
        background-position: 0px -10px;
    }
}
.file-input{position:  absolute;top: 0px;opacity: 0;width: 40px;height: 40px;right: 17px;cursor: pointer;}
input.knob{
	display: none;
}
#fondo_form{
	    background-color: #024f6f;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    left: 0px;
	    top: 0px;
	    display: none;
	    /* text-align: center; */
	    z-index: 5000;
}
#fondo_form h2{
	text-align: center;
	margin-bottom: 15px;
}
.panel2{
	background-image: url(../img/esquema2/panel2.png);
	top: 78px;
}
.gota1{left: 473px;background-image: url(../img/esquema2/gotas2.png);}
.gota2{
	left: 480px;
}
.btn-center{
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 80px;
	text-transform: uppercase;
}
.file:hover{
	background-color: #007cff;
}
.cerrar{
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    top: 20px;
	    background-position: center;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    z-index: 5;
	    right: 30px;
}
.file{/* z-index: 4; */position: relative;border: 1px solid;width: 40px;height: 38px;margin: auto;text-align: center;line-height: 32px;float: right;margin: 0px 1px;cursor: pointer;}
.file .fa{
	margin: 0px;
}
 .custom-file-input{
	background: antiquewhite;
	z-index: 4;
	position: absolute;
	width: 89px;
	height: 37px;
	max-width: 40px;
	min-width: inherit;
	opacity: 0;
	right: 0px;
	cursor: pointer;
}
.file_prueba:hover .recibo{
	display: block;
	


}
.recibo{
	    position: absolute;
	    right: 40px;
	    width: 400px;
	    bottom: 0px;
	    background-color: #ffffff;
	    padding: 10px;
	    z-index: 5;
	    display: none;
	    color: #000;
}
.recibo img{box-shadow: 0px 6px 15px 3px #6f6d6d;}
.recibo p{
	line-height: 20px;
	text-align: initial;
	font-size: 15px;
	margin-top: 10px;
	letter-spacing:  1px;
	font-weight: 500;
}
.margin_center{
	width: 80%;
	margin: auto;
	text-align: justify;
}
.recibo .cerrar{
	top: 0px;
	right: 0px;
}

.rit-wrapper-mask{
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    -webkit-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	    transform: translateY(100%);
	    transition: all 300ms ease-in-out;
	    /* background: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.75) 99%, rgba(0, 0, 0, 0.85) 100%); */
	    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	    background-color: #0000009e;
	    display: none;
}
.rit-title{color: #fff;margin: 10px;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);position: absolute;width: 100%;}
.no-row{
	display: inherit;
}
.figure_gallery{
	position: relative;
	overflow: hidden;
	height: 221px;
}
.figure_gallery img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.margin_text{width: 90%;margin: auto;}
.contacto .form.form-contact{width: 80%;margin: auto;}
.hover{
	width: 100%;
	height: 100%;
	background-color: #8ebb21c7;
	position: absolute;
	color: #fff;
	opacity: 0;
}
.hover span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 40px;
}
#flecha {
    background-image: url(../img/flecha.png);
    width: 40px;
    height: 116px;
    background-size: cover;
    position: absolute;
    bottom: 5%;
    left: 54%;
    -webkit-transform: rotate(123deg);
    -moz-transform: rotate(90deg);
    rotation: 90deg;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform-origin: 0px 0px;
}
.logo_footer{
	margin-bottom: 13px;
}
#flecha.yellow{
	-webkit-transform: rotate(161deg) ;
}
#flecha.redtwo{-webkit-transform: rotate(-123deg);}
#flecha.red{-webkit-transform: rotate(180deg);}


.break_car{
    width: 100%;
}
.break_car_mask{
	overflow: hidden;
    white-space: nowrap;
    position: relative;

}
.break_car_des{
	    width: auto;
    position: relative;
    z-index: 2;

}
   .flechas{
    background-color: #8cb921a1;
    position: absolute;
    z-index: 4;
    top: -o-calc(50% - 45px);
    top: -ms-calc(50% - 45px);
    top: -moz-calc(50% - 45px);
    top: -webkit-calc(50% - 45px);
    top: calc(50% - 45px);
    cursor: pointer;
    background-size: 52px;
    background-repeat: no-repeat;
    transition:300ms;
    background-position: center;
    width: 58px;
    color: #fff;
}
.flechas .fa{
	text-align: center;
	margin: auto;
	width: 100%;
}
.flechas.flecha_der {
    right: 0px;
}

#fondo{
	background-color: #444444c4;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
	text-align: center;
	z-index: 5000;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f7fc7ff', endColorstr='#7f7fc7ff'); /
}
    #fotoGrande{height: 80%;background-size: initial;background-repeat: no-repeat;margin: auto;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);position: absolute;cursor: pointer;background-size: contain;border-radius: 5px;background-position: center;max-width: -o-calc(90% - 10px);max-width: -ms-calc(90% - 10px);max-width: -moz-calc(90% - 10px);max-width: -webkit-calc(90% - 10px);max-width: calc(90% - 10px);height: auto;max-height: -o-calc(100% - 80px);max-height: -moz-calc(100% - 80px);max-height: -ms-calc(100% - 80px);max-height: -webkit-calc(100% - 80px);max-height: calc(100% - 80px);display: inline-block;vertical-align: middle;padding-right: 4px;}
    #fondo .flechas{
    /* background-color: rgba(255, 255, 255, 0.7); */
    position: absolute;
    z-index: 3;
    top: -o-calc(50% - 45px);
    top: -ms-calc(50% - 45px);
    top: -moz-calc(50% - 45px);
    top: -webkit-calc(50% - 45px);
    top: calc(50% - 45px);
    cursor: pointer;
    background-size: 52px;
    background-repeat: no-repeat;
    transition:300ms;
    background-position: center;
    width: 50px;
    color: #fff;
    background-color: initial;
    display: none;
}
.flechas.flecha_der {
    top: calc(50% - 45px);
    right: 0px;
}
.flechas.flecha_der:hover{
	color: #8cb921a1;
} 
.flechas.flecha_izq:hover{
	color: #8cb921;
} 
.cerrar:hover{
	color: #8cb921;
}
.cerrar{
	position: absolute;
	right: 30px;
	/* width: 50px; */
	height: 50px;
	line-height: 50px;
	color: #fff;
	top: 30px;
	cursor: pointer;
}




#circleslider3 {
    height: 350px;
    /* padding: 25px; */
    position: relative;
    /* width: 350px; */
    margin: auto;
}
#circleslider3 .viewport {
    height: 350px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 350px;
    border-radius: 50%;
}
#circleslider3 .overview {
    background-color: #efefef;
    position: absolute;
    width: 798px;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

#circleslider3 .overview li {
    height: 350px;
    width: 350px;
    margin: 0 20px 0 0;
    float: left;
    position: relative;
}
#circleslider3 .overlay {
    background: url(../images/bg-rotatescroll2.png) no-repeat 0 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 400px;
    width: 400px;
}
#circleslider3 .thumb {
    background: url(../img/punto.png) no-repeat 50% 50%;
    position: absolute;
    top: -3px;
    cursor: pointer;
    left: 137px;
    width: 100px;
    z-index: 200;
    height: 100px;
}
#circleslider3 .dot {
    cursor: pointer;
    background: url(../images/bg-dot3.png) no-repeat 0 0;
    height: 30px;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
    color: #555;
    width: 30px;
    position: absolute;
    left: 155px;
    top: 3px;
    z-index: 100;
    background-color: #fff;
    border-radius: 50%;
}
#circleslider3 .dot span{
	padding: 0px;
	background-color: inherit;
	line-height: 30px;
}
.circle_view{
	
}
#costo{
	/* margin-bottom: 30px; */
}
#costo div{
	background-image: url(../img/grito.jpg);
	width: 45px;
	height: 45px;
	background-size: cover;
	position: absolute;
	background-blend-mode: multiply;
	left: 104px;
	top: 43px;
}
.gallery_product2 .figure_gallery{
	
}



/*medidor*/



#p1 rect {
  fill: #57C7B6;
}

#p1 g polygon {
  opacity: 1;
}

#p1 circle {
  fill: #256058;
  stroke: #57C7B6;
  stroke-width: 2;
  filter: url(#dropshadow);
}

#p1 text {
  font-size: 10px;
  fill: #57C7B6;
  font-family: sans-serif;
  font-weight: 300;
  -webkit-transition: all .1s ease-in-out;
}

#p1 text.active {
  font-size: 15px;
  -webkit-transition: all .3s ease-in-out;
}

#p2 path {
  stroke: none;
  /* fill: #CBE86B; */
  stroke-weight: .1;
}

#p2 path:first-child {
  fill: #F2E9E1;
}

#p2 rect {
  fill: #989898;
  transform-origin: 0px 0px 0px;
}
  #p1 circle {
            filter: url(#dropshadow);
        }

        #p3 path {
            filter: url(#inner-shadow)
        }

        #p6 text {
          font-size: 12px !important;
          fill: #57C7B6;
          font-weight: 300;
        }
        .amarillo{
        	fill: #57C7B6;

        }
svg{
	
}
.content_canvas{
	width: 400px;
	height: 400px;
	margin: auto;
}
canvas{

}

#uno{position: absolute;width: 139px;height: 110px;background: #00ffff00;left: 92px;bottom: 70px;cursor: pointer;}
#dos{width: 334px;height: 210px;background: #7fffd400;position: absolute;top: 113px;left: 67px;z-index: 2;cursor: pointer;}
#tres{background-color: #7fffd400;height: 288px;width: 200px;position: absolute;right: 10px;top: 150px;z-index: 1;cursor: pointer;}
#cont{ position:absolute; left:50%; top:50%; margin-top:-175px; margin-left:-250px; cursor:pointer; width:500px; height:350px;}
#cont img{ position:relative}
#miSpan{
	font-weight: 300;
	color: #98c6d6;
}
#miSpan2 {
    font-weight: 300;
    color: #98c6d6;
}
.gracias{
	margin-bottom: 20px;
}
#text_false{
    font-weight: 300;
    color: #98c6d6;
    display: -webkit-box;
    margin-top: 10px;
}
.pricing-box {
    /* border: 6px solid #8cba222b; */
    background: #fff;
    padding: 0 30px 15px;
    text-align: center;
    margin: 15px 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    box-shadow: 4px 6px 5px #aaaaaa61;
    padding-top: 48px;
}
.pricing-center{
	    background: #8cb921;
	    text-align: center;
	    padding: 8px;
	    /* margin-top: 10px; */
	    margin-bottom: 24px;
	    /* box-shadow: 4px 6px 5px #aaaaaa61; */
	    position: absolute;
	    text-align: center;
	    left: 50%;
	    top: 0px;
	    transform: translate(-50%, 0%);
	    transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%);
	    -webkit-transform: translate(-50%, 0%);
	    white-space: pre;
	    width: 71%;
}
.pricing-center h3{
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px;
}
section.pago{
	    background-color: whitesmoke;
	}
	input[type="file"]{color: #fff;margin-top: 10px;}
/*
medidor */

.contact_row .col-md-4 {
    text-align: center;
    margin-bottom: 25px;
}
.contact_row .col-md-4  .fa{
	color: #8cb921;
}
.contact_row .col-md-4 h4{
	font-size: 18px;
	color: #656565;
	font-weight: 400;
	letter-spacing: 0.1px;
}
.contact_row{
	width: 80%;
	margin: auto;
}

@media screen and (min-width:0\0) { 

	.slider_benefi h2{
	white-space: normal;

	}
	.slider_benefi ul{
		white-space: normal;
	}
	.flechas .fa{
	    background: #0b0b0b;
	    opacity: .8;
	    filter: alpha(opacity=80);
	}
	#fondo{
		background: #0b0b0b;
	    opacity: .8;
	    filter: alpha(opacity=80);
	}
	#fotoGrande{
		opacity: 1;
	}
	.black_img{
		background: #0b0b0b;
	    opacity: .8;
	    filter: alpha(opacity=80);
	}
	.aviso p{
		display: inline;
	}
	.aviso .nav-redes{
		float: inherit;
	}
	nav.nav-redes{
	

	}
	.menu_blue nav{
		display: -ms-inline-grid;
	}
	.contact_menu{
		width: 70%;
		float: right;
	}
	.slider_inf{
		margin-top: 25%;
	}
}
@media screen and (min-width: 1280px){
	section#home{
		    height: 600px !important;
	}

}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}