/*-----  Página diseñada y desarrollada por EQUILÁTERO - Todos los derechos reservados  -------- */
@font-face {
  font-family: reg;
  src: url("../fonts/ITCAvantGardePro-Bk.otf");
}
@font-face {
  font-family: bold;
  src: url("../fonts/ITCAvantGardePro-Bold.otf");
}
/*-----  CSS GENERAL DESKTOP  -------- */
/* ---------- ///////////// GENERAL  ////////////--------- */
html {
  height: 100%;
  width: 100%;
}
body {
  height: 100%;
  width: 100%;
  font-family: reg;
  color: #2C2B2B;
}
strong {
  font-family: bold !important;
}
.btn-info {
  background: #fa5a55;
  border: 0;
	color: white !important;
}
h1 {
  color: #008ea5;
}
h3 {
  color: #008ea5;
}
.leaf{
	position: absolute;
	width: 5%;
	right:10%;
	top:40% !important;
}
.leaf-r{
	position: absolute;
	width:3%;
	left: 10%;
	
}
.leaf-r img{
	-webkit-transform: rotate(65deg);
	transform: rotate(65deg);
}
.leaf-t{
	position: absolute;
	width:8%;
	right: 15%;
}
.leaf-t img{
	-webkit-transform: rotate(75deg);
	transform: rotate(75deg);
}
.noneIndex li a {
  color: #008ea5;

}
/* ---------- ///////////// INDEX HEADER  ////////////--------- */
#header {
  height: 100%;
  width: 100%;
  position: relative;
}
#menu-modal{
	position: fixed;
	background:#008ea5;
	width: 100%;
	height: 100%;
	z-index:20;
	padding: 10%;
	display: none;
}
.logo-modal{
	width:60px;
}
.close-btn{
	color: white;
	font-size:20px;
}
#menu-modal ul{
	list-style-type: none;
	color: white;
	margin-top:50%;
	padding: 0;
	font-size:5vw;
}

#menu-modal ul a{
	
	color: white;
	
}
#menu-modal li{
	padding-bottom:5%;
}
.menu-burger{
	color: white;
	font-size:32px;
}
.noneIndex .menu-burger{
	color: #008ea5;
}
.noneIndex .menu a{
	color:#008ea5;
}
.noneIndex .up-menu{
	color:#008ea5;
}
.up-menu{
	color: white;
}
.navbar {
  width: 100%;
  z-index: 4;
  padding: 1.5% 10% 0% 10%;
}
.navbar ul {
  text-decoration: none !important;
  list-style-type: none;
}
.navbar li {
  display: inline-block;
  padding: 1%;
}
.navbar a{
	color: white;
}
.menu{
	width: 60%;
	float: right;
}
.right-nav {
  width: 70%;
  text-align: right;
}
.navbar-brand {
  left: 0%;
  top: 0% !important;
}
.navbar-brand img {
  width: 140px !important;
}
.first-img {
  position: relative;
  width: 100%;
}
.right-img {
  position: absolute;
  right: 0;
  top: 0;
}
#parallax {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-image:
    url("../img/index/clouds.svg"), url("../img/index/bee.svg"), url("../img/index/bug.svg"), url("../img/index/doctor.svg"), url("../img/index/doctor2.svg"), url("../img/index/fish.svg"), url("../img/index/woman.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
  background-size: 14%, 8%, 8%, 23%, 28%, 25%, 70%;
}
.header-text {
  position: absolute;
  width: 30%;
  top: 55%;
  left: 10%;
}
.movil-r-img{
	position: absolute;
	width: 100%;
	top:0;
}

.img-cont{
	background:green;
	padding: 0;
}

.movil-r-img img{
	width:70%;
	right: 0;
	float:right !important;
}


/* ---------- ///////////// INDEX info  ////////////--------- */
#info {
  margin-top: 8%;
  position: relative;
  padding-bottom: 40%;
}
.info-cont {
  position: relative;
}
.info-text {
  z-index: 5;
  position: absolute;
  width: 30%;
  left: 10%;
  margin-top: 10% !important;
  color: white;
}
.info-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 60%;
}
.table-info {
  width: 15%;
  position: absolute;
  left: 45%;
  z-index: 5;
  margin-top: 10%;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#contact-form {
  position: relative;
  margin-top: 5%;
  padding: 0;
  
}
.form {
  position: absolute;
  bottom: 4% !important;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding:1%;
}
.bg-cont {
  padding: 0;
  margin: 0;
  width: 100%;
}



input[type="text"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  box-shadow: none;
  border-radius: 0;
}

input[type="text"]:focus,
select.form-control:focus {
  box-shadow: none;
	background: transparent;
}

input[type="email"],
select.form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  box-shadow: none;
  border-radius: 0;
}

input[type="email"]:focus,
select.form-control:focus {
  box-shadow: none;
	background: transparent;
}

textarea {
background-color: transparent !important;

  border: 1px solid #000000 !important;
}



/* ---------- ///////////// NOSOTOROS  ////////////--------- */

#us-header{
	margin-top:7%;
	padding: 5%;
	position: relative;
}
#us-header h3{
	color: white;
}



.doc{
	position: absolute;
	z-index:3;
	left:5%;
}
.doc img{
	width:45%;
}
.us-text{
	color: white;
	position: absolute;
	z-index:5;
	width:34%;
	float: right;
	left: 60%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.bg-h-us{
	position: relative;
	
}
#values .container{
	position: absolute;
	top: 0;
	z-index:5;
}
.bg-cont-us {
  padding: 0;
  margin: 0;
  width: 100%;
}

#contact{
	margin-top:5%;
	
}
.form-contact{
	margin-top:5%;
	padding:5%;
	background:#E6F3F4;
	border-radius:20px;
	
}


#vallarta{
	position: relative;
	margin-top: 2%;
	padding: 2%;
}

#footer{
	margin-top:2%;
	padding:1%;
	color: #008ea5;
}

#footer ul{
	list-style-type:none;
}
#footer li a{
	color: #008ea5;
}