header{
	width: 100%;
	height: 120vh;
	position: relative;
	background-image: url("../img/bg-video.jpg");
	background-size: cover;
}

header a.link, .menu-movil a.link{
	color: #ffffff;
}

header a:hover.link, .menu-movil a:hover.link{
	color: #37ac50;
	text-decoration: none;
}

video{
width: 100%;
}

.video-estatico{
	width: 100%;
	height: 100vh;
	background-image: url("../img/bg-video-ios.jpg");
	background-size: cover;
}

.header-sobre{
	position: absolute;
	width: 100%;
	height: 120vh;
	left: 0;
	top: 0;
	background-image: url("../img/bg-header-sobre.png");
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: auto 100%;
	z-index: 90;
	

}

.menu-superior{
	position: absolute;
	left: 0px;
	top: 40px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-align: right;
	font-size: 14px;
	color: #ffffff;
	z-index: 100;
}

.menu-superior ul{
	list-style: none;
}

.menu-superior ul li{
	display: inline-block;
	margin-left: 40px;
}

.header-contenido{
	position: absolute;
	z-index: 110;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 500px;
	height: 400px;
	text-align: center;

}

.header-contenido .logo{
	margin-top: 0px;
}

.header-contenido h1{
	text-align: center;
	color: #ffffff;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size:30px;
	margin-top: 40px;
	margin-bottom: 200px;
}

.header-contenido p{
	text-align: center;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 150px;
}



.header-contenido h2{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 600;
	font-style: italic;
	color: #ffffff;
	text-align: center;
	margin: 0 auto 0 auto;
	position: relative;
	display: inline;
	left: 0;
	right: 0;
	
}

.header-contenido h2:before{
	content:"" ;
	position: absolute;
	width: 3px;
	height: 51px;
	background-color: #37ac50;
	display: block;
	top: -60px;
	left: 0;
	right: 0;
	margin-left: 50%;

}

.header-contenido h2:after{
	content:"" ;
	position: absolute;
	width: 3px;
	height: 51px;
	background-color: #37ac50;
	display: block;
	top: 45px;
	left: 0;
	right: 0;
	margin-left: 50%;

}




/*=============================================
col-xl
=============================================*/

@media (min-width:1200px){

.menu-movil{display: none};
}


/*=============================================
col-lg
=============================================*/

@media (max-width:1199px) and (min-width:992px){

.menu-movil{display: none};

}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.header-contenido{
	width: 330px;
	height: 300px;

}

.header-contenido h1{
	font-size:20px;
}

.header-contenido p{
	font-size: 11px;
}
.menu-movil{display: none};
}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.menu-superior{
	display: none;
}

.header-contenido{
	width: 330px;
	height: 300px;

}

.header-contenido h1{
	font-size:20px;
}

.header-contenido p{
	font-size: 11px;
}

.menu-movil{
	position: fixed;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 130;

	padding-bottom: 40px;

}

.btn-menu-abrir{

	width: 48px;
	height: 48px;	
	margin-left: auto;
	position: absolute;
	margin-top: 15px;
	margin-right: 15px;
	z-index: 100;
	right: 0px;

}

.btn-menu-cerrar{

	width: 48px;
	height: 48px;	
	margin-left: auto;
	margin-top: 15px;
	margin-right: 15px;
	display: none;
	position: absolute;
	z-index: 100;
	right: 0px;

}

.menu-movil ul{
	color: #ffffff;
	text-align: center;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding: 80px 0 100px 0;
	margin: 0 0 0 0;
	display: none;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.8) 78%, rgba(0,0,0,0) 100%);
	z-index: 1;

	

}

.menu-movil ul li{
	margin-bottom: 15px;
}
}

/*=============================================
col-
=============================================*/

@media (max-width:576px){


.menu-superior{
	display: none;
}

.header-contenido{
	width: 300px;
	height: 300px;

}

.header-contenido h1{
	font-size:20px;
}

.header-contenido p{
	font-size: 10px;
}

.menu-movil{
	position: fixed;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 130;

	padding-bottom: 40px;

}

.btn-menu-abrir{

	width: 48px;
	height: 48px;	
	margin-left: auto;
	position: absolute;
	margin-top: 15px;
	margin-right: 15px;
	z-index: 100;
	right: 0px;

}

.btn-menu-cerrar{

	width: 48px;
	height: 48px;	
	margin-left: auto;
	margin-top: 15px;
	margin-right: 15px;
	display: none;
	position: absolute;
	z-index: 100;
	right: 0px;

}

.menu-movil ul{
	color: #ffffff;
	text-align: center;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding: 80px 0 100px 0;
	margin: 0 0 0 0;
	display: none;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.8) 78%, rgba(0,0,0,0) 100%);
	z-index: 1;

	

}

.menu-movil ul li{
	margin-bottom: 15px;
}
}	


/* ABOUT */

#about{ 
	width: 100%;
	background-color: #31303c;
	padding: 0 0  60px 0;
	text-align: center;

}


#about .slide{
	width: 100%;
  margin-bottom: 100px;
	

}

#about .slide-m{
	display: none;
	

}


#about .about-iconos{
	text-align: center;

}

#about .about-iconos img{
	max-width: 60px;
	display: inline-block;
}

#about .about-iconos p{
	
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: 400;
	font-size: 13px;

}

#about .about-iconos p span{
	
	font-weight: 600;

}

#about .carousel-caption{
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;	
	
}

/*=============================================
col-xl
=============================================*/

@media (min-width:1200px){

.movil{display: none !important;}

.escritorio{display: block !important;}
}


/*=============================================
col-lg
=============================================*/

@media (max-width:1199px) and (min-width:992px){

.movil{display: none !important;}

.escritorio{display: block !important;}

}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.movil{display: none !important;}

.escritorio{display: block !important;}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.movil{display: block !important;}

.escritorio{display: none !important;}

}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

.movil{display: block !important;}

.escritorio{display: none !important;}
	
}	

/* HIGHTLIGHT */

#highlights{
	background-color: #31303c;
	padding: 60px 0  0 0;
	text-align: center;
	position: relative;
	
}

.poligono-1{
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #31303c;
	height: 50px;
	width: 100%;
	position: absolute;
	z-index: 100;
	top: 97px;
	left: 0;


}

#highlights h2{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 600;
	font-style: italic;
	color: #ffffff;
	text-align: center;
	margin: 0 auto 0 auto;
	position: relative;
	display: inline;
	left: 0;
	right: 0;
	
}

#highlights h2:before{
	content:"" ;
	position: absolute;
	width: 3px;
	height: 51px;
	background-color: #37ac50;
	display: block;
	top: -60px;
	left: 0;
	right: 0;
	margin-left: 50%;

}

#highlights .slide{

	text-align: left;
	background: rgb(52,52,63);
	background: linear-gradient(180deg, rgba(52,52,63,1) 85%, rgba(52,52,63,0) 100%);

}

#highlights .row{
      margin-left: 0px;
}


#highlights .owl-nav{
  position: absolute;
  top: 50%;
  z-index: 999;
  width: 100%;
}

.owl-prev{
  position: absolute;
  left: 15px;
  background-image: url(img/ico-slide-prev.svg);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}

.owl-next{
  position: absolute;
  right: 15px;
  background-image: url(img/ico-slide-next.svg);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
 
}


#highlights .highlights-peine{
	width: 100%;
	height: 210px;
	background-image: url("../img/peine-slide.png");
	background-repeat: repeat-x;
	background-position: top;
	position: absolute;
	left: 0;
	top: -40px;
	z-index: 99;
	/*background-color: red;*/
}

#highlights .tag {
  display: block;
  font-style: italic;
  color: #AEAEBA;
  margin-bottom: 2rem;
}

#highlights .tag::before {
    content: '';
    border: solid 7px #37AC50;
    display: inline-block;
    width: 2em;
    margin: 0 10px 0 0;
}

#highlights h3 {
  font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	font-style: italic;
  line-height: 1;
  color: #ffffff;
}

#highlights h3 span{
	color: #37ac50;
}

#highlights p{
	color: #90909e;
	font-size: 14px;
	width: 400px;
}

#highlights .highlights-dispositivos{
	width: 100%;
	height: 650px;
	background-image: url("../img/bg-dispositivos.jpg");
	background-size: cover;
	border-top:solid 7px #37AC50;
	position: relative;
} 

#highlights .dispositivos-contenido{

	width: 600px;
	height: 400px;
	background-image: url("../img/dispositivos.png");
	background-size: cover;
	position: absolute;
	z-index: 110;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;

}

#highlights .dispositivos-texto{
	position: absolute;
	top: 0;
	left: 390px;
	text-align: left;
}

#highlights .dispositivos-texto p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 24px;
}

#highlights .dispositivos-texto p span{
	color: #37ac50;
}

.btn-ver_video{
	background-color: #37ac50;
	width: 180px;
	height: 36px;
	border-radius: 20px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	position: relative;
	padding-left: 55px;
	line-height: 36px;
	margin-top: 40px;
	cursor: pointer;
}

.btn-ver_video:before{
	position: absolute;
	content: "";
	width: 43px;
	height: 43px;
	background-image: url("../img/SVG/bt-play.svg");
	left: 0;
	top: -2px;
	background-repeat: no-repeat;
	background-position: center;
}

/*=============================================
col-xl
=============================================*/

@media (min-width:1200px){


}


/*=============================================
col-lg
=============================================*/

@media (max-width:1199px) and (min-width:992px){

#highlights .dispositivos-texto{

	left: 370px;

}


}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

#highlights .poligono-1{

	height: 40px;
	z-index: 100;
	top: 97px;
	


}

#highlights .highlights-dispositivos {

    height: 450px;

}

#highlights .dispositivos-contenido {
    width: 400px;
    height: 260px;
  }

#highlights .dispositivos-texto {
    
    top: -42px;
    left: 247px;
    width: 300px;
}

#highlights .dispositivos-texto p{
  width: 100%;
	font-size: 20px;
}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

#highlights .poligono-1{

	height: 40px;
	z-index: 100;
	top: 97px;
	


}

#highlights p{
	color: #90909e;
	font-size: 14px;
	width: 100%;
}

#highlights .dispositivos-contenido {
    width: 450px;
    height: 540px;
    background-image: url(../img/dispositivos.png);
    background-size: 100% auto;
    position: relative;
    z-index: 110;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#highlights .dispositivos-texto{
	position: relative;	
	text-align: left;
	left: 0;
	margin-top: 40px;
}


}

/*=============================================
col-
=============================================*/

@media (max-width:576px){


#highlights .poligono-1{

	height: 30px;
	z-index: 100;
	top: 97px;
	


}

#highlights p{
	color: #90909e;
	font-size: 14px;
	width: 100%;
}

#highlights .dispositivos-contenido {
    width: 320px;
    height: 500px;
    background-image: url(../img/dispositivos.png);
    background-size: 100% auto;
    position: relative;
    z-index: 110;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#highlights .dispositivos-texto{
	position: relative;	
	text-align: left;
	left: 0;
	margin-top: 70px;
}


	
}	





#modalVideo iframe{
  /*width: 100%;
  height: 500px;*/
}

.modal-body{
  background-color: #31303c;
}

.modal-cerrar{
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
  background-color: #82C871;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.close{
  color:#fff !important;
}



#live-video{
  display: none;
}

@media (max-width: 800px) {
#highlights .owl-nav{

  display: none;

}

#modalVideo iframe{
 /* width: 100%;
  height: 300px;*/
}
}


#howItWorks{
	padding-bottom: 100px;
	background-image: url("../img/bg-howitworks.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
}


#howItWorks h2{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 600;
	font-style: italic;
	color: #3f3f4f;
	text-align: center;
	margin: 50px auto 100px auto;
	position: relative;
	display: inline;
	left: 0;
	right: 0;
	
}

#howItWorks h2:before{
	content:"" ;
	position: absolute;
	width: 3px;
	height: 51px;
	background-color: #5dba71;
	display: block;
	top: -76px;
	left: 0;
	right: 0;
	margin-left: 50%;

}

#howItWorks h2:after{
	content:"" ;
	position: absolute;
	width: 120px;
	height: 3px;
	background-color: #5dba71;
	display: block;
	bottom: -15px;
	left: 50%;
	right: 0;
	margin-left: -60px;

}

#howItWorks p{
	text-align: left;
	color: #31303c;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 70px;
}

#howItWorks .foto-video{
	background-image: url("../img/cuadro-video.jpg");
	width: 1000px;
	height: 600px;
	margin: 100px auto 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

		display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;

	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.53); 
box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.53);
}


#howItWorks h3{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 600;
	font-style: italic;
	color: #ffffff;
	text-align: center;
	margin: 50px auto 30px auto;
	position: relative;
	display: inline;
	left: 0;
	right: 0;
	
}



#howItWorks h3:after{
	content:"" ;
	position: absolute;
	width: 120px;
	height: 3px;
	background-color: #5dba71;
	display: block;
	bottom: -15px;
	left: 50%;
	right: 0;
	margin-left: -60px;

}

/*=============================================
col-xl
=============================================*/

@media (min-width:1200px){


}


/*=============================================
col-lg
=============================================*/

@media (max-width:1199px) and (min-width:992px){

#howItWorks .foto-video{
	width: 800px;
	height: 600px;
}

}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

#howItWorks .foto-video{
	width: 600px;
	height: 450px;
}

}


/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){


#howItWorks .foto-video{
	width: 500px;
	height: 370px;
}

#howItWorks h2{

	margin: 50px auto 60px auto;

	
}

#howItWorks .banco-gopro{

	width: 383px;
	margin: 0 auto;
}

#howItWorks p{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}

#howItWorks .btn-ver_video{

	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}


}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

#howItWorks .foto-video{
	width: 100%;
	height: 450px;
}

#howItWorks h2{

	margin: 50px auto 30px auto;

	
}

#howItWorks .banco-gopro{

	width: 300px;
	margin: 0 auto;
}

#howItWorks p{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}

#howItWorks .btn-ver_video{

	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}


#howItWorks h3{
	font-size: 20px;
	margin: 0 auto 15px auto;

	
}



#howItWorks h3:after{
	content:"" ;
	position: absolute;
	width: 120px;
	height: 3px;
	background-color: #5dba71;
	display: block;
	bottom: -15px;
	left: 50%;
	right: 0;
	margin-left: -60px;

}
	
}	


#contact {

	background-color: #2e2d38;
}

#contact h2{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 600;
	font-style: italic;
	color: #ffffff;
	text-align: center;
	margin: 50px auto 100px auto;
	position: relative;
	display: inline;
	left: 0;
	right: 0;
	
}

#contact h2:before{
	content:"" ;
	position: absolute;
	width: 3px;
	height: 51px;
	background-color: #5dba71;
	display: block;
	top: -76px;
	left: 0;
	right: 0;
	margin-left: 50%;

}

#contact h2:after{
	content:"" ;
	position: absolute;
	width: 120px;
	height: 3px;
	background-color: #5dba71;
	display: block;
	bottom: -15px;
	left: 50%;
	right: 0;
	margin-left: -60px;

}

#contact input[type=text],#contact input[type=email]{

	width: 100%;
	height: 48px;
	background-color: #ffffff;
	border: solid 2px #37ac50;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 8px;
}

#contact textarea{

	width: 100%;
	height: 115px;
	background-color: #ffffff;
	border: solid 2px #37ac50;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 8px;
}


#contact input[type=submit]{

	width: 160px;
	height: 48px;
	background-color: #37ac50;
	border: solid 1px #37ac50;
	border-radius: 25px;
	color: #ffffff;
	text-align: center;
	line-height: 48px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	margin-left: auto;
	margin-right: 0;
	display: block;
	cursor: pointer;

}

#contact input::placeholder, #contact textarea::placeholder{
	font-family: 'Open Sans', sans-serif;
	color: #2e2d38;
}

#formulario{
 padding-bottom: 100px;
}


footer{
	background-color: #2e2d38;
	padding: 50px 0;
}

footer .row{
	border-top: solid 1px #37ac50;

}

footer .col-lg-2{
	border-left: solid 1px #37ac50;
	border-right: solid 1px #37ac50;
}
footer .logo-pie{
	width: 194px;
	height: 30px;
	float: left;
	margin-top: 30px;
}
footer .texto-pie{
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	width: 190px;
	float: right;
	margin-top: 30px;
}

footer .btn-whatspp{
	width: 120px;
	height: 48px;
	border-radius: 25px;
	border:solid 2px #37ac50;
	margin: 30px auto 0 auto;
	color: #37ac50;
	line-height: 48px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	padding-left: 12px;
	position: relative;
	margin-bottom: 30px;
}

footer .btn-whatspp:after{
	position: absolute;
	content: "";
	width: 46px;
	height: 46px;
	background-image: url("../img/SVG/ico-wap.svg");
	background-repeat: no-repeat;
	right: -7px;
	top: 7px;

}

footer .redes{
	display: inline-block;
	margin-right: 5px;
	margin-top: 30px;


}

footer .redes:first-child{
	margin-left: 20px;
}



/*=============================================
col-lg
=============================================*/

@media (max-width:1199px) and (min-width:992px){

footer .redes{
	display: inline-block;
	margin-right: 2px;
	margin-top: 30px;


}

footer .redes:first-child{
	margin-left: 0px;
}

}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

footer .col-lg-2{
	border-left: none;
	border-right: none;
}

footer .redes{
	display: block;
	margin-right: 5px;
	margin-top: 30px;


}

.centrar{
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}


}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

footer .col-lg-2{
	border-left: none;
	border-right: none;
}

footer .redes{
	display: block;
	margin-right: 5px;
	margin-top: 30px;


}

.centrar{
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}

}

/*=============================================
col-
=============================================*/

@media (max-width:576px){


footer .col-lg-2{
	border-left: none;
	border-right: none;
}

footer .redes{
	display: block;
	margin-right: 5px;
	margin-top: 30px;


}

footer .logo-pie{
	width: 194px;
	height: 30px;
  float: unset;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
footer .texto-pie{
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	width: 190px;
  float: unset;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.centrar{
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
	
}	


.modal-body{
  background-color: #37ac50;
}

.modal-cerrar{
  position: absolute;
  width: 30px;
  height: 30px;
  right: -15px;
  top: -15px;
  background-color: #37ac50;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.close{
  color:#fff !important;
}