@charset "UTF-8";
/* CSS Document */
body{margin:0px; padding:0px}
html {margin:0px; padding:0px; font-family: 'Volkhov', serif;}

.row {
  display: flex; /* equal height of the children */
}

.col {
  flex: 1; /* additionally, equal width */
  
  padding: 1em;
}

.logo {max-width:350px; max-height:186px; width:100%;  display: block;
  margin-left: auto;
  margin-right: auto;}
  .luxuryTransportationSevice {max-width:350px; max-height:auto; width:100%;  display: block;
  margin-left: auto;
  margin-right: auto;}
  .Tcenter { margin-left: auto;
  margin-right: auto;}
  .Tcenter td{}


#sticker {
      background:black;
      color: white;
      width:100%;
     font-size: 21px;
      line-height: 1.9em;
      text-align: center;
    }
@media screen and (min-width: 200px) and (max-width: 1024px) {
	#sticker {
      background:black;
      color: white;
      width:100%;
      text-align: center; height:50px;
    }
}


/* inicio formularios de correo */

#form_contact,#form_reservation {
  border: black 3px solid;
  width: 85%;
  max-width:600px;
  margin:auto;
  padding:10px;
  margin-top:4%; font-family: 'Volkhov', serif;
}

.field {
  margin-bottom: 10px;
  margin-right: -8%;
  font-family: 'Volkhov', serif;
}

.field label {
  display: block;
  font-size: 12px;
  color: #777;
  font-family: 'Volkhov', serif;
}

.field input {
  display: block;
  /* min-width: 250px; */
  line-height: 1.5;
  font-size: 14px;
  width: 90%;
  color: #777;
font-family: 'Volkhov', serif;
}


.field textarea {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  width: 90%;
  color: #000000;
  font-family: 'Volkhov', serif;
}

input[type="submit"] {
    display: block;
    padding: 6px 30px;
    font-size: 14px;
    background-color: #000000;
    color: #fff;
    border: none;
    width: 90%;
    width: 98%;
    margin-bottom: 10px;
    margin-right: -8%;  
	font-family: 'Volkhov', serif;
  }

/* Final formularios de correo */

	
	
	
#menu {margin:auto;}

#topMenu li{ display:inline; font-family: 'Volkhov', serif;}

#topMenu a{color:#FFF; text-align:center; margin-left:20px; margin-right:20px; margin-bottom:15px; height:78px; text-decoration:none; font-size:16px;letter-spacing:2px; font-family: 'Volkhov', serif;}

#topMenu a:hover {border-bottom:#FFF 2px solid;  color:white; font-family: 'Volkhov', serif; cursor:pointer}




td .active {
      color:red !important;  font-family: 'Volkhov', serif;
}

#reserve {color:#C93 !important; position: absolute; text-align:right; padding-top:3px; float:right; width:200px; margin-left:85%}
#reserve a{color:#C93; text-decoration:none}

.hidden {display: none;}

#navbar {display:block}
#responsive-menu{display:none}
#responsive-menu select{ -webkit-appearance: none; cursor: pointer; width: 35px; height: 35px; float: right; margin-top:7px; margin-right:10px; background-image:url(../1m4635/menu.png); background-color:transparent; border:0px; font-size:0px}

#responsive-menu img {float:left; width: 120px; margin-top:7px; }



@media screen and (min-width: 200px) and (max-width: 1024px) {
#navbar table {display:none}
#responsive-menu{display:block}
.row {
  display: block; /* equal height of the children */
}

.col {
 /* additionally, equal width */
  
  padding: 1em;
}

#reserve {display:none}

}


.carro {max-width:804px; width:100%; margin:auto}

h1 {color:#890224; text-align:center; font-size:3.5rem; font-weight:lighter}

.stars {margin:auto; width:250px; margin-top:-30px}

h3 {font-size:1.7rem; text-align:center; margin:auto 3.5rem;}
.spacer {width:100%; height:3rem}

.parallax { 
  /* The image used */
  background-image: url("../1m4635/Luxury_Adventure_Cab_Santa_Teresa.jpg");

  /* Full height */
  height: 100%; 
min-height:33.3em; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax2 { 
  /* The image used */
  background-image: url("../1m4635/luxuryadventurecabsantateresa.jpg");

  /* Full height */
  height: 100%; 
min-height:33.3em; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax3 { 
  /* The image used */
  background-image: url("../1m4635/luxuryadventurecabtransportation.jpg");

  /* Full height */
  height: 100%; 
min-height:33.3em; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax4 { 
  /* The image used */
  background-image: url("../1m4635/sunsetSantaTeresa.jpg");

  /* Full height */
  height: 100%; 
min-height:33.3em; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


@media screen and (min-width: 400px) and (max-width: 450px) {
	
.parallax { 
  /* The image used */
  background-image: url("../1m4635/Luxury_Adventure_Cab_Santa_Teresa.jpg");

  /* Full height */
  height: 100%; 
min-height:28.3em; 
  /* Create the parallax scrolling effect */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}


.parallax2 { 
  /* The image used */
  background-image: url("../1m4635/luxuryadventurecabsantateresa.jpg");

  /* Full height */
  height: 100%; 
min-height:28.3em; 
  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax3 { 
  /* The image used */
  background-image: url("../1m4635/luxuryadventurecabtransportation.jpg");

  /* Full height */
  height: 100%; 
min-height:28.3em; 
  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax4 { 
  /* The image used */
  background-image: url("../1m4635/sunsetSantaTeresa.jpg");

  /* Full height */
  height: 100%; 
min-height:28.3em; 
  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
}

.wrap {text-align: center; margin:auto; max-width:1000px}
.resp {display: inline-block; text-align: center; width: 21%; margin-right: 3%;}
.resp.fixed {width: 100px; margin-right: 20px;}

@media screen and (min-width: 200px) and (max-width: 1024px) {
	.wrap {text-align: center; margin:auto; max-width:200px}
.resp {display: block; text-align: center; width: 100%; margin-right:0px;}
.resp.fixed {}
}


h4 {font-size:28px; margin-top:-1px}
h5 {font-size:20px; font-weight:lighter; margin-top:-30px}


.fleet{background-color:black; width:100%; margin:0px}

.carfleet {max-width:1200px; width:100%; margin-left:auto; margin-right:auto; display:block}

h6 {color:white; text-align:center; font-size:1.7rem; font-weight:lighter; margin:3% auto; max-width:1200px; line-height: 80px}

.logo2 {
	max-width:245px; width:100%; margin:auto; display:block
	}
	
	 .richardluxuryTransportationSevice {max-width:500px; max-height:auto; width:100%;  display: block; margin-left: auto; margin-right: auto;}

h7 {font-size:1.0 rem; }
.textAbout {text-align:center !important; padding-left:40px; padding-right:40px}

.luxuryLogo3 {width:100%; max-width:110px ; margin-left:auto; margin-right:auto; height:auto; display:block}

#contact {background-color:#c5c5c5}

.logocontact {width:100%; max-width:380px ; margin-left:auto; margin-right:auto; height:auto; display:block}

.infocontact {width:100%; max-width:500px ; margin-left:auto; margin-right:auto; height:auto; display:block}

#whatsapp {position: fixed;
  bottom: 36px;
  right: 16px;
  font-size: 18px;
  z-index:10; transition: transform .2s;}
  
  #whatsapp:hover {transform: scale(1.2);}