@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .linea {
    	display: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        background-color: rgba(145,222,2 , 1);
    }
    .collapsing {
    	background-color: rgba(145,222,2 , 1);
    }
    ul.nav li {
		padding-right: 0 !important;
		height: 40px;
		display: block;
		text-align: center;
		margin: 10px !important;
	}

	.lineali {
		display: none !important;
	}

	ul.nav li a {
		width: 100%;
	}


	.noright {
		float: none !important;
		margin: 0 !important;
		position: static !important;
	}

	ul.nav.navbar-nav.navbar-right {
		right: 15px;
		padding: 0 !important;
	}

	.marginfix {
		margin-top: 25px;
	}
}

#form {
	padding: 25px 25px 25px 25px;
}

.form-group {
	width: 100%;
}

input.form-control, select.form-control {
	width: 100%;
	border-radius: 30px;
	padding: 5px 0 5px 10px;
	border: 1px solid #919496;
}


textarea.form-control {
	border-radius: 20px;
	border: 1px solid #919496;
}

.navbar-toggler-icon {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
		}

.equis {
	max-height: 100%;
	position: absolute;
	right: 15px;
	bottom: -200px;
	z-index: -1;
}
footer div.container-fluid div div.footerfooter div.row div.col-md-11 ul li  {
	font-size: 15px;
}
footer div.container-fluid div div.footerfooter div.row div.col-md-1 p  {
	font-size: 15px;
}

.navbar-default {
	background-color: transparent;
	font-family: xChange;
	border: none;
	color: white;
}

.navbar-header .navbar-toggle:hover {
    background-color: transparent !important;
}

.navbar-default .navbar-nav>li>a {
	color: white;
}


.navbar-nav>li{
	font-size: 20px;
}


.slogan{
	color: white;
	text-align: center;
	padding: 200px 0px;
	font-size: 50px;
	font-family: xChange;
}


.slogan2{
	color: white;
	text-align: center;
	padding: 200px 0px;
	font-size: 76px;
	font-family: xChange;
}


.botones{
	display: flex;
	font-family: xChange;
	justify-content: space-between;
	padding-bottom: 70px;
}

a {	color: white; }

a:hover {
	text-decoration: none;
}

.principal {
	
	height: 100%;
	width: 100%;
}

footer {
	height: 100%;
	width: 100%;
	background-color: #25B1EE;
}

#primera {
	background-image: url("../imagenes/F02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	height: 800px;
}

#primera img {

	margin-bottom: 60px;
	position: relative;

	
}

header{
	padding: 20px;
	position: absolute;
	width: 100%;
}

ul.nav a:hover { background-color: transparent; !important; }

.frase {
	color: white;
	text-align: center;
	font-family: xChange;
}

.boton-1{
	border: 3px solid white;
	border-radius: 30px;
	background: none;
	color: white;
	padding: 0 50px;
	font-size: 30px;
	font-weight: 500;
	transition: 0.2s;
}

.boton-1:hover{
	background-color: white;
	color: #25B1EE;
}

.boton-2{
	border: 3px solid white;
	background: white;
	border-radius: 30px;
	color: #25B1EE;
	padding: 0 50px;
	font-size: 30px;
	transition: 0.2s;
}

.boton-2:hover{
	background: none;
	color: white;
}

.boton-3 {
	font-family: xChange;
	border: 3px solid #25B1EE;
	border-radius: 30px;
	background: none;
	color: #25B1EE;
	padding: 0 50px;
	font-size: 30px;
	font-weight: 500;
	transition: 0.2s;
			margin-top: 30px;
		margin-bottom: 30px;
}

.boton-3:hover{
	background: #25B1EE;
	color: white;
}

.boton-4{
	border: 3px solid #000000;
	background: white;
	border-radius: 30px;
	color: #000000;
	padding: 0 50px;
	font-size: 30px;
	transition: 0.2s;
}

.boton-4:hover{
	background: #000000;
	color: white;
}


.boton-5{
	border: 3px solid #000000;
	background: #000000;
	border-radius: 30px;
	color: #ffffff;
	padding: 0 50px;
	font-size: 30px;
	transition: 0.2s;
}

.boton-5:hover{
	background: #ffffff;
	color: #000000;
}

#segunda {
	position: relative;
	height: 100% !important;
	min-height: 700px;
}

#imagen {
	position: absolute;
	bottom: 200;
	right: 0;
}

#tercera {
	background-image: url("../imagenes/f04.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: -1;
	height: 600px;
	position: relative;
}

.cell-wrap {
	padding-top: 50px;
	width: 90%;
	margin: 0 auto;
}

.fondo-telefono{
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#dispositivos{
	float: right;
}

div#tercera div.container-fluid div h2 {
	font-size: 50px;
	color: white;
	text-align: right;
	font-family: xChange;
	margin-bottom: 30px;
}

div#tercera div.container-fluid div#tsimple {
	float: right;
	margin: 100px 0 0 0;
}

#cuarta {
	min-height: 400px;
	z-index: 2;
	background-color: #F8F8F8;
}

#celular {
	height: 100%;

}

#quinta {
	background-image: url("../imagenes/roadback.png");
	background-position: center 300px;
	background-repeat: no-repeat;
	min-height: 1200px;
	max-height: 100%;
	height: 100% !important;
}


#sexta {
	background-image: url("../imagenes/tesla.png");
	background-position: -300px;
	background-size: 800px;
	background-repeat: no-repeat;

}




.cuadro-1 {
	border: 5px solid #000000;
	border-radius: 35px;
	padding: 40px 25px 0 25px;
	height: 500px;
	max-height: 80%;
	color: #000000;
	font-family: xChange;
}

.cuadro-2 {
	border: 5px solid #000000;
	border-radius: 35px;
	padding: 40px 25px 0 25px;
	height: 500px;
	color: #000000;
	font-family: xChange;
}

div.col-md-6 div.cuadro-2 ul li {
	padding: 15px 0 15px 0;
	font-size: 25px;
	list-style-type: none;
}

div.col-md-6 div.cuadro-1 ul li {
	padding: 15px 0 15px 0;
	font-size: 25px;
	list-style-type: none;
}


.col-lg-3 ul li {
	padding: 0 0 50px 0;
	font-weight: 700;
	font-size: 25px;
	list-style-type: none;
}

.footerfooter {
	width: 90%;
	height: 70px;
}

div.col-md-3 ul li {
	padding: 0 0 25px 0;
	list-style-type: none;
}


div.col-md-11 li {
	display: inline-flex;
	text-align: center;
	padding: 0 70px 0 0;
	font-weight: 400;
	font-size: 23px;
}


div.row div.col-md-1 {
	color: white;
	float: right;
	text-align: center;
	font-weight: 400;
	font-size: 23px;
}

#nav {
	background-color: transparent;
	font-family: xChange;
}

ul.nav li {
	padding-right: 20px;
	height: 40px;
	display: flex;
	align-items: center;
}

#linea {
	border: 1px solid white;
}

#presentacion {
	height: 100%;
	max-height: 1200px !important; 
}

#presentacionx {
	height: 100%;
}

.equis {
	height: 100%;
	width: auto;
}

#equisimg {
	position: absolute;
	right: 10px;
	bottom: -100px;
	z-index: -1;

}

.qpresentacion {
	padding-bottom: 100px;
}

.presentacion-wrap {
	text-align: center; 
	width: 60%; 
	height: 100%; 
	display: flex; 
	align-items: center;

}

.no-anuncios {
	font-weight: 700;
	font-size: 28px;
}

.reserva {
	font-weight: 700;
	font-size: 28px;
}

@media only screen and (max-width: 1374px){
		#presentacion:parent {
			display: block;
		}
}


@media only screen and (max-width: 670px){
		#texto-cel {
		
		margin: 70px auto;
		width: 74% !important;

	}
}

@media only screen and (max-width: 1748px) {
	.presentacion-wrap {
		margin: auto;
	}

	#segunda {
		min-height: 700px;
	}

	#equisimg {
		position: static;
	}

	#presentacionx {
		display: flex;
		align-items: center;
	}
}


@media only screen and (max-width: 992px) {
	div.footerfooter div.row {
		display: block;
	}
	div.footerfooter div.row div.col-md-11 ul {
		
		padding: 0;
	}
	div.footerfooter div.row div.col-md-11 ul li {
		display: block;
		padding: 0;
		padding-top: 10px;
	}
	div.footerfooter div.row div.col-md-1, div.footerfooter div.row div.col-md-1 p {
		display: block;
		padding: 0;
		width: 100%;
		font-size: 30px;
		text-align: center;
	}
	#presentacionx {
		align-items: flex-start;
	}
	#segunda {
		min-height: 900px;
	}

	#cuarta {

		min-height: 700px;

	}

	#quinta {

		min-height: 1700px;
		background-position: center 700px;
	}


#sexta {
	background-image: url("../imagenes/tesla.png");
	background-position: center 300px ;
	background-size: 800px;
	background-repeat: no-repeat;

}

	#equisimg {
		position: relative;
	}

	.no-anuncios {
		font-size: 35.5px !important;
	}
	.reserva {
		font-size: 35.5px !important;
	}
	.botones {
		display: block;
		padding-bottom: 20px;
	}
	.qpresentacion {
		padding-bottom: 0;
	}
	.presentacion-wrap {
		margin: auto;
		width: 100%;
	}
	#equisimg {
		position: static;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	#presentacion {
		height: 600px !important;
	}

	#presentacionx {
		height: 100%;
		display: flex;
		justify-content: center;
	}

	#segundocuadro {
		margin: 40px 0 40px;
	}

	ul#premium li {
		font-size: 20px;
	}

	.slogan {
		font-size: 25px;
	}

.slogan2{
	color: white;
	text-align: center;
	padding: 200px 0px;
	font-size: 56px;
	font-family: xChange;
}


	.botonmain{
		padding: 0px;
		font-size: 20px !important;
		font-weight: 500;
		margin-top: 20px;
		width: 70%;
	}



	.boton-1{
		padding: 0 10px;
		font-size: 19px;
		font-weight: 500;
	}
	
	.boton-2{
		font-weight: 500;
		padding: 0 10px;
		font-size: 19px;
	}

	.boton-3{
		font-weight: 500;
		padding: 0 10px;
		font-size: 25px;
		border: 3px solid #25B1EE !important;

	}


	.cuadro-1 {
		margin-left: 30px;
		margin-right: 30px
	}

	.cuadro-2 {
		font-size: 15px;
		margin-left: 30px;
		margin-right: 30px;
	}
	#tercera {
		height: 100%;
		min-height: 600px;
	}

	img#celular {
		height: 300px;
	}

	#texto-cel {
		
		margin: 70px auto;
		width: 50%;

	}
}

@media only screen and (max-height: 1200px) {

}

@media only screen and (max-height: 595px) and (orientation: landscape) {
	#primera {
		height: calc(100vh + 200px);
	}
}


@media only screen and (max-width: 1522px) {
	.no-anuncios {
		font-size: 18.5px;
	}

	.reserva {
		font-size: 18.5px;
	}
}


@font-face{
	font-family: xChange;
	src: url("../fonts/Gotham.otf");
}