@charset "UTF-8";

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  font-size: 100%;

  vertical-align: baseline; }



html {

  line-height: 1; }



ol, ul {

  list-style: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



caption, th, td {

  text-align: left;

  font-weight: normal;

  vertical-align: middle; }



q, blockquote {

  quotes: none; }

  q:before, q:after, blockquote:before, blockquote:after {

    content: "";

    content: none; }



a img {

  border: none; }



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

  display: block; }



/*

 * Bootstrap v3.0.0

 *

 * Copyright 2013 Twitter, Inc

 * Licensed under the Apache License v2.0

 * http://www.apache.org/licenses/LICENSE-2.0

 *

 * Designed and built with all the love in the world by @mdo and @fat.

 */

/* normalize.css v2.1.0 | MIT License | git.io/normalize */

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

  display: block; }



audio,

canvas,

video {

  display: inline-block; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden] {

  display: none; }



html {  

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%; }



body {

  margin: 0; }



a:focus {

  outline: thin dotted; }



a:active,

a:hover {

  outline: 0; }



h1 {

  font-size: 2em;

  margin: 0.67em 0; }



abbr[title] {

  border-bottom: 1px dotted; }



b,

strong {

  font-weight: bold; }



dfn {

  font-style: italic; }



hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0; }



mark {

  background: #ff0;

  color: #000; }



code,

kbd,

pre,

samp {

  /*font-family: monospace, serif;*/

  font-size: 1em; }



pre {

  white-space: pre-wrap; }



q {

  quotes: "\201C" "\201D" "\2018" "\2019"; }



small {

  font-size: 80%; }



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



img {

  border: 0; }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 0; }



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em; }



legend {

  border: 0;

  padding: 0; }



button,

input,

select,

textarea {

/*  font-family: inherit;*/

  font-size: 100%;

  margin: 0; }



button,

input {

  line-height: normal; }



button,

select {

  text-transform: none; }



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer; }



button[disabled],

html input[disabled] {

  cursor: default; }



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0; }



input[type="search"] {

  -webkit-appearance: textfield;

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box; }



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto;

  vertical-align: top; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



html {

  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }



body {  

  font-size: 13px;

  line-height: 1.42857;

  color: #777777;

  background-color: white; }



input,

button,

select,

textarea {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit; }



button,

input,

select[multiple],

textarea {

  background-image: none; }

* {
	font-family: 'Poppins', sans-serif;
}
/*MENU PRINCIPAL*/

#menu-principal {
	z-index: 5;
	width: 100%;
	position: absolute;
	top:0;
	padding: 4em 0;
	transition: all 0.3s ease-in-out;
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
}

#logo img {
	max-height: 100px;
}

#menu-principal ul {
    list-style-type: none;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#menu-principal ul li {
    float: right;
}

#menu-principal ul li a {
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    transition: all 0.3s ease-in-out;
}

#menu-principal ul li a:hover {
    color: #792752 !important;
    transition: all 0.3s ease-in-out;
}

.sticky {
  position: fixed !important;
  background:#fff;
  padding: 1em 0 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

/* UTILES */
.btn1 {
	background:#40dbe1;
	padding: 10px 2em;
	color: #fff;
	font-size: 2rem;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
	.btn1:hover {
		background:#007eff;
		text-decoration: none;
		color: #fff;
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}
.bg-azul {background:#40dbe1;}
.bg-gris {background:#f4f4f4;}

/* SECCIÓN UNO*/
#uno {	
	background:url('../img/lineas1.png') right bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 4em 0;
	height: 100vh;
	font-family: 'Poppins', sans-serif;
	display: flex;
	align-items: center;
	overflow: hidden;
	z-index: -1;
}
#uno i {
	color:#a0e9eb;
	font-weight:600;
	font-size:25rem;
	vertical-align:middle;
}
#uno .detalles1 {
	position: absolute;
	top: 0;
	right:0;
	text-align: center;
	z-index: 1;
}

#uno h1 {
	color: #40dbe1;
    font-weight: bold;
    line-height: 1;
    font-size: 16rem;
    margin: 0;
}

#uno h1 span {
	color: #d2d2d2;
    font-weight: 600;
    line-height: 0.8;
    font-size: 3.5rem;
    margin: 0;
}

#uno h1 b {
    font-weight: 600;
    line-height: 0.8;
}

#uno p {
	color: #000;
    font-weight: 600;
    line-height: 1;
    font-size: 1.7rem;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 2;
}
.padd1 {
	height: 3em;
	width: 100%;
	display: block;
	position: relative;
}
.padd2 {
	height: 1em;
	width: 100%;
	display: block;
	position: relative;
}

.padd3 {
	height: 35%;
	width: 100%;
	display: block;
	position: relative;
}
	input {
		width: 100%;
		border:none;
		padding: 15px;
		height: 4em;
		margin-bottom: 10px;
		transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
	}
		input:focus {
			border:1px solid #0cd8b4;
			outline: none;
			transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
		}

	button {
		border:none;
		height: 4em;
		padding: 1em 4em;
		color: #fff;
		text-align: left;
	}

	#campos {width:100%;font-size: 12px;}

	#campos > div {display: inline-block;margin-bottom:3px;}

	.full {width:98.5%;}

	.media {width:49%;}

	.tercio {width:33%;}

/* SECCIÓN DOS */
#dos {
	background:url('../img/bg1.jpg') center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: hidden;
	padding: 8em 0 13em 0;
	font-family: 'Poppins', sans-serif;
}

#dos h3 {
	color: #fff;
	font-weight: 600;
	line-height: 1;
	font-size: 3rem;
	margin: 0;
	text-align: center;
}

#dos h3 span {
	color: #fff;
	font-weight: 600;
	line-height: 1;
	font-size: 6rem;
	margin: 0;
	text-align: center;
}

#dos h4 {
	color: #686868;
    font-weight: bolder;
    line-height: 0.8;
    font-size: 9rem;
    margin: 0;
    text-align: center;
    margin-top: 1em;
}

#dos p {
	color: #792752;
	font-weight: normal;
	line-height: 1.3;
	font-size: 3rem;
	margin: 0;
	text-align: center;
}

.servicio {
	padding: 20px 35px;
	margin-top: 3em;
	transition: all 0.3s ease-in-out;
}
	.servicio p {
		color:#fff !important;
		font-size: 1.5rem !important;
		font-weight:300;
	}

	.servicio img {
		margin-bottom: 2em;
	}

	.servicio p b {
		font-size: 2rem;
		font-weight:600;
		min-height: 4em;
	}


/* SECCIÓN TRES */
#tres {
	background:#f4f4f4;
	padding-top: 8em;
	font-family: 'Poppins', sans-serif;
	display: flex;
	align-items: center;
	overflow: hidden;
}
#tres h4 {
	color: #000;
    font-weight: 600;
    line-height: 1;
    font-size: 3.5rem;
    margin: 3em 0 2em 0;
}

#tres p {
	color: #000;
	font-weight: normal;
	line-height: 1.3;
	font-size: 1.6rem;
	margin: 0;	
}

#cuatro {
	background:url('../img/lineas3.png') top left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: contain;
	font-family: 'Poppins', sans-serif;
	text-align: right;
	padding: 8em 0;
}
	
	#cuatro h4 {
		color: #000;
	    font-weight: 600;
	    line-height: 1;
	    font-size: 3.5rem;
	    margin-bottom:2em;
	}
	#cuatro p {
		color: #000;
		font-weight: normal;
		line-height: 1.3;
		font-size: 1.6rem;
		margin: 0;	
	}
	#cuatro p.cita {
		color: #000;
		font-weight: 600;
		line-height: 1.3;
		font-size: 1.8rem;
		margin: 0;	
	}
	#logos {padding: 8em 0;}

	#contacto p {
		color: #fff;
		font-weight: 600;
		line-height: 1;
		font-size: 1.8rem;
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}
	#contacto p span {
		font-size: 10rem;
		vertical-align: middle;
	}

		.formulario {padding:4em 2em;}

		#contacto .formulario p {
			color: #000;
			font-weight: 600;
			line-height: 1;
			font-size: 2.5rem;
			margin: 0;
			text-align: center;
			vertical-align: middle;
		}
		#contacto .formulario p span {
			font-size: 10rem;
			vertical-align: middle;
		}

/*FOOTER*/

#footer {
	padding: 2em 0;
	width: 100%;
}

#footer p {
	color: #a7a7a7;
	font-size: 1.2rem;
	padding: 15px 0;
	margin:0;
}

@media screen and (max-width: 1000px) {
	#menu-principal {position: relative;}
	#uno {height:100%;text-align: center;}
	.detalles1,.detalles2,#opciones {display: none;}
	#uno h1 {line-height: 1;font-size: 5rem;}
	#uno i {font-size:5rem;}
	#uno h1 b {font-size: 5rem;}
	#uno h1 span {font-size: 2.5rem;}
	#dos h3 span {font-size: 1.5em;}
	.img-100 {width: 100%;}
	#footer p {text-align: center !important;font-size: 1.5rem;}
	#logo {padding:1em;margin-left:25%;}
	.media, .tercio, .full {width:100%;}
}