@font-face {
    font-family: 'Lato-Regular';
    src: url(../fonts/Lato-Regular.eot);
    src: url(../fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Lato-Regular.woff) format('woff'),
    url(../fonts/Lato-Regular.ttf) format('truetype'),
    url(../fonts/Lato-Regular.svg#CrimsonRoman) format('svg');
url(../fonts/Lato-Regular.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Bold';
    src: url(../fonts/Lato-Bold.eot);
    src: url(../fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Lato-Bold.woff) format('woff'),
    url(../fonts/Lato-Bold.ttf) format('truetype'),
    url(../fonts/Lato-Bold.svg#CrimsonRoman) format('svg');
url(../fonts/Lato-Bold.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Black';
    src: url(../fonts/Lato-Black.eot);
    src: url(../fonts/Lato-Black.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Lato-Black.woff) format('woff'),
    url(../fonts/Lato-Black.ttf) format('truetype'),
    url(../fonts/Lato-Black.svg#CrimsonRoman) format('svg');
url(../fonts/Lato-Black.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNB';
    src: url(../fonts/bebas-neue-bold.eot);
    src: url(../fonts/bebas-neue-bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/bebas-neue-bold.woff) format('woff'),
    url(../fonts/bebas-neue-bold.ttf) format('truetype'),
    url(../fonts/bebas-neue-bold.svg#CrimsonRoman) format('svg');
url(../fonts/bebas-neue-bold.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontB';
    src: url(../fonts/Montserrat-Bold.eot);
    src: url(../fonts/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/Montserrat-Bold.woff) format('woff'),
    url(../fonts/Montserrat-Bold.ttf) format('truetype'),
    url(../fonts/Montserrat-Bold.svg#CrimsonRoman) format('svg');
url(../fonts/bebas-neue-bold.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
footer{
	background: #fa7005;
	text-align: center;
	padding: 20px;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.align-center{
	text-align: center;
}
.margin-bottom{
	margin-bottom: 100px;
}
.margin-bottom-form{
	margin-bottom: 30px;
}
.top{
	background: #fa7005;
	width: 100%;
}
.top h1{
	margin: 0;
	text-align: right;
	color: #fff;
	font-size: 16px;
	padding: 8px;
	font-family: 'Lato-Bold', Arial;
}
.top span{
	color: #003b8c;
}

.bg-main{
	background: url('../images/bg-main.jpg');
	width: 100%;
	height: 750px;
	background-size: cover;
}
.bg-main h1{
	margin: 0;
	color: #fa7005;
	font-family: 'Lato-Black', Arial;
	font-size: 100px;
	text-transform: uppercase;
	text-align: center;
	margin: 150px 0 0;
}
.bg-main h2{
	margin: 0;
	color: #fff;
	font-family: 'Lato-Black', Arial;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	margin: 15px 0;
}
.bg-main button{
	background: #fa7005;
	border-radius: 10px;
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 10px;
	margin: 15px 0;
}

.proyectos{
	background: url('../images/bg-main2.jpg');
	width: 100%;
	height: 450px;
	background-size: cover;
}
.benef{
	background: url('../images/bg-main3.jpg');
	height: 700px;
	background-size: cover;
}
.prefoot{
	background: #003b8c;
	padding: 50px 0 ;
}
.panel h1{
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 38px;
	text-align: left;
}
.panel h2{
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 22px;
	text-align: left;
}
.panel button{
	background: #fa7005;
	border-radius: 10px;
	color: #fff;
	font-family: 'BebasNB', Arial;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 5px 50px;
	margin: 15px 0;
}

.panel2 h1{
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 38px;
	text-align: center;
}
.panel2 p{
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 28px;
	text-align: center;
}
.panel3 h1{
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 38px;
	text-align: left;
}
.panel3 h2{
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 28px;
	text-align: justify;
}
.panel3 button{
	background: #fa7005;
	border-radius: 10px;
	color: #fff;
	font-family: 'BebasNB', Arial;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 2px 10px;
	margin: 15px 0;
}
.someproy h1{
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 38px;
	text-align: center;
	margin-bottom: 80px;
}
.proyectos h1{
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 38px;
	text-align: center;
	margin-top: 180px;
}
.proyectos h2{
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 32px;
	text-align: center;
}
.beneficios h1{
	color: #000;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: left;
	text-transform: uppercase;
}
.beneficios ul {
    list-style-image: url('../images/li.png'); 
    margin-left: 10px;
}
.beneficios ul li{
	color: #000;
	font-family: 'Lato-Regular', Arial;
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 50px;
	width: 50%;
}
.cotizacion h1{
	color: #000;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.cotizacion p{
	color: #000;
	font-family: 'Lato-Regular', Arial;
	font-size: 28px;
	text-align: center;
	margin-bottom: 50px;
}
.cotizacion button{
	background: #fa7005;
	border-radius: 10px;
	color: #fff;
	font-family: 'BebasNB', Arial;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 2px 10px;
	margin: 15px 0;
}
.marcas h1{
	color: #000;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.prefoot-text h1{
	color: #fff;
	font-family: 'Arial', Arial;
	font-size: 28px;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 4px solid #fa7005;
	height: 95px;
}
.prefoot-text p{
	color: #fff;
	font-family: 'Arial', Arial;
	font-size: 14px;
	text-align: left;
}
.prefoot-text h2{
	color: #fff;
	font-size: 14px;
	text-align: left;
}
.prefoot-text .fa{
	color: #fff;
	font-size: 20px;
	margin-right: 10px;
}
.prefoot-text input{
	background: #fff;
	border-radius: 10px;
	color: #000;
	border: none;
	font-size: 20px;
	margin-right: 10px;
	padding: 5px 10px;
	font-family: 'BebasNB', Arial;
	width: 80%;
}
.prefoot-text .buttonews{
	background: #fa7005;
	border-radius: 10px;
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 5px 20px;
	margin: 15px 0;
}

footer span{
	color: #fff;
	font-family: 'Arial', Arial;
	font-size: 16px;
	text-align: center;
}

/* COMO FUNCIONA */

.bg-como{
	background: url('../images/bg-como.jpg');
	width: 100%;
	height: 750px;
	background-size: cover;
	
}
.bg-blog{
	background: url('../images/bg-blog.jpg');
	width: 100%;
	height: 750px;
	background-size: cover;
	
}
.bg-como h1{
	margin: 0;
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 40px;
	text-transform: uppercase;
	text-align: left;
	margin: 180px 0 0;
}
.bg-como h2{
	margin: 0;
	color: #000;
	font-family: 'Lato-Bold', Arial;
	font-size: 18px;
	text-transform: uppercase;
	text-align: left;
	margin: 15px 0;
}
/* PREGUNTAS FRECUENTEs */ 

.cuanto-sabes h1{
	color: #383738;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.cuanto-sabes span{
	color: #fa7005;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.cuanto-sabes p{
	color: #707070;
	font-family: 'Lato-Regular', Arial;
	font-size: 18px;
	text-align: justify;
	margin-bottom: 50px;
}
.cuanto-sabes button{
	background: #fa7005;
	border-radius: 20px;
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 5px 15px;
	margin: 15px 0;
}
h1.titulo-pf2{
	color: #fff;
	font-family: 'Lato-Black', Arial;
	font-size: 28px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0px;
}
h1.titulo-pf2 span{
	color: #fa7005;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0px;
}
h1.tit-opc2{
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 18px;
	text-align: left;
	text-transform: uppercase;
}
p.tit-opc2{
	color: #fff;
	font-family: 'Lato-Regular', Arial;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
}

.aparatos{
	background: url('../images/bg-main4.png');
	height: 700px;
	background-size: cover;

}
.luz h1{
	color: #383738;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 50px;
	margin-top:  100px;
}
.luz span{
	color: #fa7005;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 50px;
	margin-top:  100px;
}
.luz p{
	color: #707070;
	font-family: 'Lato-Regular', Arial;
	font-size: 18px;
	text-align: right;
	margin-bottom: 50px;
}
.luz button{
	background: #fa7005;
	border-radius: 20px;
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 5px 15px;
	margin: 15px 0;
}

.form-text h1{
	color: #383738;
	font-family: 'Lato-Black', Arial;
	font-size: 38px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 100px;
}
.form-text span{
	color: #fa7005;
	font-family: 'Lato-Black', Arial;
	font-size: 48px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 50px;
}
.form-text p{
	color: #707070;
	font-family: 'Lato-Regular', Arial;
	font-size: 18px;
	text-align: justify;
	margin-bottom: 50px;
}
.form-text button{
	background: #fa7005;
	border-radius: 20px;
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 10px 25px;
	margin: 15px 0;
}
button.btn-yellow {
	background: #fa7005;
	border-radius: 20px;
	color: #fff;
	font-family: 'Lato-Bold', Arial;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	padding: 10px 25px;
	margin: 15px 0;
}