@import "reset.css";
@charset "utf-8";
/* CSS Document */
@font-face {
  font-family:"Open Sans";
  src:url("fonts/OpenSans-Regular.eot?");
  src:url("fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/OpenSans-Regular.woff") format("woff"),url("fonts/OpenSans-Regular.ttf") format("truetype"),url("fonts/OpenSans-Regular.svg#OpenSans") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Open Sans Bold";
  src:url("fonts/OpenSans-Bold.eot?");
  src:url("fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("fonts/OpenSans-Bold.woff") format("woff"),url("fonts/OpenSans-Bold.ttf") format("truetype"),url("fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-family:"Aller Bd";
  src:url("fonts/Aller_Bd.eot?");
  src:url("fonts/Aller_Bd.eot?#iefix") format("embedded-opentype"),url("fonts/Aller_Bd.woff") format("woff"),url("fonts/Aller_Bd.ttf") format("truetype"),url("fonts/Aller_Bd.svg#Aller_Bd") format("svg");
  font-weight:bold;
  font-style:normal;
}
@font-face {
  font-family:"Arrows";
  src:url("fonts/Arrows.eot?");
  src:url("fonts/Arrows.eot?#iefix") format("embedded-opentype"), url("fonts/Arrows.woff") format("woff"),url("fonts/Arrows.ttf") format("truetype"),url("fonts/Arrows.svg#Arrows") format("svg");
  font-weight:normal;
  font-style:normal;
 }
@font-face {
  font-family:"Ubuntu-Title";
  src:url("fonts/Ubuntu-Title.eot?");
  src:url("fonts/Ubuntu-Title.eot?#iefix") format("embedded-opentype");
  src:url("fonts/Ubuntu-Title.woff") format("woff"),url("fonts/Ubuntu-Title.ttf") format("truetype"),url("fonts/Ubuntu-Title.svg#Ubuntu-Title") format("svg");
  font-weight:bold;
  font-style:normal;
 }
/*GENERAL STYLES*/
body {
  font-family: "Open Sans", Helvetica, Arial, sans serif;
  color: #FFF;
}
a {
  text-decoration: none;
}
h1 {
  margin-bottom: 0.8em;
  font-size: 1em;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
h2 {
  color: #1e91ea;
  font-size: 1.15em;
  text-transform: uppercase;
  font-family: "Open Sans Bold";
  margin-bottom: 0.2em;
}
h3 {
  font-family: "Open Sans Bold";
  color: #333;
}
select,
input[type=text] {
  color: #303030;
}
.hidden_js {
  display: none !import;
}
form input, select {
  border-style: solid;
  padding: 0.25em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -ms-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #303030;
  width: 100%;
}
.button {
  display: inline-block;
  font-family: "Open Sans Bold";
  padding: 0.4em 1.4em;
  border-color: #00A3D9;
  border-style: solid;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -ms-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  background-color: #00A3D9;
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.button:hover {
  background-color: #4FD3FF;
  border-color: #4FD3FF;
}
.button.secondary {
  background-color: #72BFD6;
  border-color: #72BFD6;
}   
.button.secondary:hover {
  background-color: #379FBD;
  border-color: #379FBD;
  border-style: solid;
}    
header#header {
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 1em 0;
  border-width: 0em \9;
  border-style: solid \9;
  border-color: #73dcff \9;
  z-index: 10;
}
header#header a.logo {
  font-family: "Aller Bd", Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-size: 2.5em;
  display: block;
  text-align: center;
  text-decoration: none;
  margin: 0.25em 0;
}
header#header a.logo img {
  width: 90%;
  max-width: 21em;
  max-height: 3.065em \9;
}
header#header form select#language {
  color: #000;
  border-radius: 0.3em;
  border-style: solid;
  border-width: 0;
  background-color: rgb(236, 206, 176);
  padding: 0.25em;
  font-size: 0.9em;
  padding: 0.15em;
}
header#header a.welcome {
  color: #fff;
  font-size: 0.9em;
  display: block;
  text-align: center;
  margin-top: 0.65em;
}
section#main {
  position: relative;
}
section#main h1 {
  font-size: 1.3em;
  font-family: "Open Sans Bold";
  color: #7F7F7F;
  text-transform: uppercase;
}
section#main article {
  background-color:#fff;
  padding: 1em;
  margin: 0 auto;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  -ms-border-radius: 0em;
  -o-border-radius: 0em;
  border-radius: 0em;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  max-width: 50em;
  transition: all 0.5s ease;
  z-index: 2;
}

footer#footer nav {
  background-color: #fff;
  border-top: 1px solid #B2B2B2;
  margin: 0 auto;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  max-width: 50em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 1em 0 0 0;
}
footer#footer nav ul {
  max-width: 50em;
  margin: 0 auto;
  text-align: center;
}
footer#footer nav ul li {
  display: inline-block;
  text-align: center;
  font-size: 0.9em;
  padding: 0 1.6em 1em 1.6em;
}
footer#footer nav ul li a {
  color: #878787;
}
footer#footer nav ul li a:hover {
  color: #00A3D8;
}
footer#footer p {
  padding: 1em 0;
  font-size: 0.75em;
}
footer#footer p.copyright {
  text-align: center;
  color: #878787;
  border-top: 1px solid #B2B2B2;
  background-color: #fff;
  max-width: 66.6em;
  margin: 0 auto;
}
.backg {
  z-index: -1;
  overflow: hidden;
  text-align: center;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: rgb(196, 156, 45);
  height: 100%;
  width: 100%;
}
.backg > span {
  display: block;
  height: 200%;
  left: -50%;
  position: relative;
  top: -50%;
  width: 200%;
}
.backg > span > img {
  bottom: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

/* COOKIES */



/* HOME PAGE */
body#home section#main article {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 1.1em;
  margin: 0 auto 10px auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body#home section#main article a.insert {
  display: block;
  text-align: center;
  padding: 0.4em 0;
}
body#home section#main article a.insert span {
  display: block;
  text-transform: uppercase;
  font-size: 1.25em;
  font-family: "Open Sans Bold";
}
body#home section#main article figure {
  margin: 0 -1em;
}
body#home section#main article figure img {
  width: 100%;
}
body#home section#main article figure figcaption {
  text-align: right;
  padding: 1em 2em 0;
  font-size: 0.45em;
  text-transform: uppercase;
}
body#home section#main article form.login {
  position: relative;
  margin: 0 auto;
}
body#home section#main article form.login fieldset {
  padding-top: 1em;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
body#home section#main article form.login fieldset label {
  display: block;
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 0 0 0.3em;
  color: #fff;
}
body#home section#main article form.login fieldset #fecha {
  width: 100%;
}
body#home section#main article form.login fieldset #surName {
  width: 100%;
  display: inline-block;
}
body#home section#main article form.login fieldset #num2 {
  width: 100%;
  display: inline-block;
}
body#home section#main article form.login fieldset a.separator {
  width: 5%;
  text-align: center;
  display: inline-block;
}
body#home section#main article form.login fieldset.booking_num div.help {
  font-size: 0.7em;
  color: #fff;
  padding: 1em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -ms-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  border-radius: 0.3em;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  margin-top: 1.25em;
  position: relative;
  overflow: visible;
  width: 100%;
}
body#home section#main article form.login fieldset.booking_num div.help p{
  line-height: 1.2em;
}
body#home section#main article form.login fieldset.booking_num div.help:before,
body#home section#main article form.login fieldset.booking_num div.help:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
body#home section#main article form.login fieldset.booking_num div.help:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0.3);
  border-width: 1em;
  left: 50%;
  margin-left: -1em;
}
body#home section#main article form.login fieldset.booking_num div.help p.customer_service {
  font-size: 1.2em;
  font-family: "Open Sans Bold";
  margin-top: 0.5em;
}
body#home section#main article form.login fieldset.booking_num div.help p.customer_service a {
  font-size: 0.7em;
  text-decoration: underline;
}
body#home section#main article form.login fieldset.get_code input.button {
  display: inline;
  width: 100%;
}
footer#home {
  margin: 1em auto;
}
footer#home nav {
  background-color: rgba(0, 0, 0, 0.6);
  margin: 0 auto;
  padding: 1em 0 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  max-width: 20em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
footer#home nav ul {
  max-width: 50em;
  margin: 0 auto;
  text-align: center;
}
footer#home nav ul li {
  display: inline-block;
  text-align: center;
  font-size: 0.9em;
  padding: 0 1em 1em 1em;
}
footer#home nav ul li a {
  color: #ffffff;
  text-decoration: none;
}
footer#home nav ul li a:hover {
  color: #4FD3FF;
}
footer#home p {
  padding: 1em;
  font-size: 0.65em;
}
footer#home p.copyright {
  font-size: 0.8em;
  text-align: center;
  color: #ffffff;
}

/* CODES PAGE */
body#codes section#main article {
  padding: 0;
}
body#codes section#main article.unique ul#nav {
  display:none;
}
body#codes section#main article #nav, #nav ul{
  overflow: hidden;
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  line-height:1.5em;
  background-color: #00A3D8;
}
body#codes section#main article #nav li {
  display: inline;
  position:relative;
}
body#codes section#main article #nav li a {
  font-family: "Open Sans Bold";
  font-size: 1.5em;
  color: #fff;
  display: inline-block;
  position:relative;
  font-family: "Open Sans Bold";
  font-size: 1.3em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.6em;
  width: 50%;
  background-color: #00A3D8;
}
body#codes section#main article #nav li a:hover {
  color: #fff;
  background-color: #4FD3FF;
}
body#codes section#main article #nav li a.active {
  z-index: 1;
  color: #00A3D8;
  border-radius: 0.3em 0.3em 0 0;
  border-style: solid;
  border-width: 0;
  background-color: #fff;
}
body#codes section#main article #nav li a.active:after {
    background-color: #fff;
    border-radius: 0 0.3em 0 0;
    bottom: 0;
    content: "";
    position: absolute;
    right: -0.5em;
    top: 0;
    width: 1em;
    transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
}
body#codes section#main article #nav li a.active:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    position: absolute;
    -webkit-border-radius: 0.3em 0 0 0;
    -moz-border-radius: 0.3em 0 0 0;
    -ms-border-radius: 0.3em 0 0 0;
    -o-border-radius: 0.3em 0 0 0;
    border-radius: 0.3em 0 0 0;
    left: -0.5em;
    top: 0;
    width: 1em;
    transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
}
body#codes section#main article .content {
  background: none repeat scroll 0 0 rgb(255, 255, 255);
  position: relative;
  padding: 1.1em 1.1em 1.6em 1.1em;
  width: 100%; 
}
body#codes section#main article .content p.invalid_email hidden {
  background-color: #ff7248;
  margin: 0 -1em;
  padding: 1em;
  text-align: center;
  color: #8e0000;
}
body#codes section#main article .content p.invalid_email.active {
  display: block;
}
body#codes section#main article .content .arrival_date {
  display: inline-block;
  color: #00A3D8;
  font-size: 1em;
}
body#codes section#main article .content ul li{
  display: block;
}
body#codes section#main article .content .details {
  display: block;
  margin-top: 1.2em;
  padding: 0.7em;
  border-radius: 0.3em;
  border-style: solid;
  border-width: 0;
  background-color: #DDD;
  font-size: 0.8em;
  color: #727272;
  cursor: pointer;
}
body#codes section#main article .content .details span.point {
  color: #727272;
  padding-bottom: 0.31em;
  display: block;
}
body#codes section#main article .content span.point a {
  font-family: "Open Sans Bold";
}
body#codes section#main article .content .details span.flight_num {
  display: inline-block;
  padding: 0.25em 0.9em 0 0;
}
body#codes section#main article .content .details .flight_num {
  display: inline-block;
  padding: 0.25em 0.9em 0 0;
}
body#codes section#main article .content .details span.transport_details {
  display: block;
  margin-top: 0.8em;
  padding: 0.8em 0;
  text-transform: uppercase;
  border-color: rgb(238, 238, 238);
  border-style: solid;
  border-width: 0.2em 0 0 0;
  overflow: hidden;
}
body#codes section#main article .content .details img.vehicle {
  float: right;
  padding: 0 0.75em;
  width: 6em;
}
body#codes section#main article .content .details span.transport_details a.product_type {
  display: block;
  font-size: 1.6em;
  font-family:  "open sans bold";
  color: #4C4C4C;
}
body#codes section#main article .content .details span.transport_details a.service_type a.vehicle_type {
  display: inline-block;
  color: #7F7F7F;
}
body#codes section#main article .content .details .fromTo span.point#destiny,
body#codes section#main article .content .details .fromTo span.airline,
body#codes section#main article .content .details .fromTo span.transport_details,
body#codes section#main article .content .details .fromTo span.flight_num {
    display: none;
}
body#codes section#main article .content .details .fromTo.expanded span.point#destiny,
body#codes section#main article .content .details .fromTo.expanded span.transport_details {
    display: block;
}
body#codes section#main article .content .details .fromTo.expanded span.airline,
body#codes section#main article .content .details .fromTo.expanded span.flight_num {
    display: inline-block;
}
body#codes section#main article .content .details .fromTo:after {
  font-family: 'arrows';
  content: '\25bc';
  speak: none;
  text-align: center;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  display: inline-block;
  border-color: rgb(238, 238, 238);
  border-style: solid;
  border-width: 0.2em 0 0 0;
  padding-top: 0.5em;
}
body#codes section#main article .content .details .fromTo.expanded:after {
  font-family: 'arrows';
  content: '\25b2';
  speak: none;
  text-align: center;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  display: inline-block;
  border-color: rgb(238, 238, 238);
  border-style: solid;
  border-width: 0.2em 0 0 0;
  padding-top: 0.5em;
}
body#codes section#main article .content .pickup_time,
body#codes section#main article .content .pickup_location {
  margin-top: 1.25em;
  color: #727272;
}
body#codes section#main article .content .pickup_location p{
  margin-top: 0.2em;
  margin-bottom: 1em;
  color: #444444;
}
body#codes section#main article .content .pickup_time p {
  color: #666666;
  font-size: 0.7em;
  line-height: 1.3em;
  display: block;
  margin: 0.2em 0;
}

body#codes section#main article .content .pickup_time a:link {
  text-decoration: underline;
}

body#codes section#main article .content .pickup_time a:visited {
  text-decoration: underline;
  color:#72BFD6;
}

body#codes section#main article .content .pickup_time span.label,
body#codes section#main article .content .pickup_location span.label,
body#codes section#main article .content .pickup_shuttle span.label {
  display: block;
  margin-bottom: 0.1em;
  color: #878787;
  font-size: 0.8em;
  text-transform: uppercase;
}
body#codes section#main article .content .pickup_shuttle {
  margin-top: 1.5em;
}
body#codes section#main article .content .pickup_shuttle span.label {
  font-family: "Open Sans Bold";
  font-size: 0.9em;
}
body#codes section#main article .content .pickup_shuttle span.label#stops {
  border-bottom: 0.2em solid #EEE;
  margin: 1.4em 0 0.4em 0;
}
body#codes section#main article .content .pickup_shuttle span.time {
  color: #4C4C4C;
  font-size: 1.5em;
  font-family: "Open Sans Bold";
}
body#codes section#main article .content .pickup_time span.not_available {
  display: inline-block;
  color: #D86C00;
  font-family: "Open Sans Bold";
  font-size: 1.3em;
}
body#codes section#main article .content .pickup_time p.need_help a {
  color: #006CD8;
  font-size: 1.2em;
  text-decoration: underline;
}
body#codes section#main article .content p {
  color: #878787;
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
}
body#codes section#main article .content span.location {
  display: inline-block;
  color: #4C4C4C;
  font-size: 1.1em;
  font-family: "Open Sans Bold";
  margin-top: 0.2em;
}
body#codes section#main article .content .pickup_shuttle span.location#adress {
  display: block;
  color: #A8A8A8;
  font-size: 0.9em;
  font-family: "Open Sans Bold";
  margin-bottom: 0.2em;
}
body#codes section#main article .content .pickup_location span.time {
  font-size: 1.4em;
  padding-bottom: 0;
}
body#codes section#main article .content .pickup_shuttle span.timeunit{
  color: #4C4C4C;
  font-size: 1em;
  font-family: "open sans";
  padding-left: 0.2em;
}
body#codes section#main article .content .pickup_shuttle span.point {
  display: block;
  font-size: 0.8em;
  color: #747474;
  padding: 0.5em 0 0.1em 0;
}
body#codes section#main article .content p.googlemaps a{
  color: #006CD8;
  font-size: 1em;
  text-decoration: underline;
}
body#codes section#main article .content .pickup_shuttle .stop {
  margin-bottom: 0.5em;
}
body#codes section#main article .content .pickup_shuttle {
  counter-reset: shuttlestop;
}
body#codes section#main article .content .pickup_shuttle .stop .location#stop_name:before {
  content: counter(shuttlestop) ".";
  counter-increment: shuttlestop;
  font-family: "open sans bold";
  color: #4C4C4C;
  margin-right: 0.5em;
  display: inline-block;
}
body#codes section#main article .content .pickup_time span.time {
  font-size: 1.9em;
  font-family: "open sans bold";
  color: #4C4C4C;
}
body#codes section#main article .content .buttons a.separator {
  display:none;
}
body#codes section#main article .content .buttons {
  display: block;
  margin-top: 1em;
  width: 100%;
}
body#codes section#main article .content form select#from {
  color: #727272;
  border-radius: 0.3em;
  border-style: solid;
  border-width: 0;
  background-color: #DDDDDD;
  margin-top: 16px;
  padding: 0.4em;
  font-size: 0.9em;
  width: 100%;
}
body#codes section#main article .button.secondary {
  margin-top: 0.6em;
  width: 100%;
  max-width: 22em;
}
body#codes section#main article .button.secondary:hover {
  background-color: #379FBD;
  border-color: #379FBD;
} 
body#codes .overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
body#codes .other_trips {
  max-width: 50em;
  background: #fff;
  color: #878787;
  padding: 2em 1.1em 1.1em 1.1em;
  border-top: 0.15em solid #B2B2B2;
}
body#codes .other_trips .box hr {
  border: 0.1em solid #B2B2B2;
}
body#codes .other_trips p.title {
  text-transform: uppercase;
  font-size: 1em;
  text-align: center;
}
body#codes .other_trips .box {
  margin-top: 0.6em;
  border-radius: 0.3em;
  border: 0.1em solid #B2B2B2;
}
body#codes .other_trips .box .trip {
  padding: 0.7em;
}
body#codes .other_trips .box .trip a.transfer {
  text-decoration: underline;
  display: block;
  margin-bottom: 0.4em;
}
body#codes .other_trips .box .trip a.date {
  font-size: 0.8em;
  display: block;
  line-height: 1.5em;
}
body#codes .other_trips .box .trip a.date#arrival:before {
  content: "Arrival:";
  margin-right: 0.5em 
}
body#codes .other_trips .box .trip a.date#departure:before {
  content: "Departure:";
  margin-right: 0.5em 
}
body#codes .overlay .box {
  position: relative;
  top: 30%;
  margin: 0 auto;
  background-color: #fff;
  color: #7F7F7F;
  padding: 20px;
  width: 18em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -ms-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  border-radius: 0.3em;
  z-index:101;
}
body#codes .overlay a.boxclose {
  float: right;
  margin: -0.7em -0.4em 0 0;
  cursor: pointer;
  font-family: "Ubuntu-Title";
  font-size: 2em;
}
body#codes .overlay .box h1 {
  color: #D86C00;
  margin-bottom: 0.4em;
  text-transform: none;
}
body#codes .overlay .box a {
  line-height: 1.2em;
  display: block;
}
body#codes .overlay .box a:link {
  font-size: 0.7em;
  text-decoration: underline;
}
body#codes .overlay .box a.please {
  font-size: 0.8em;
  margin-top: 0.5em;
}
body#codes .overlay .box a.privacy {
  font-size: 0.7em;
  margin-top: 0.6em;
}
body#codes .overlay .box input.button{
  margin-top: 2em;
  width: 100%;
}
body#codes .overlay .box form input[type="text"], body#codes .overlay .box form input[type="email"] {
  border: 0.15em solid #BBBBBB;
  width: 100%;
}

/* ABOUT US & FAQS PAGE & PRIVACY */
body#about section#main article ul li p,
body#faqs section#main article ul li p,
body#privacy section#main article ul li p {
  position: relative;
  line-height: 1.3em;
  margin: 1.25em 0;
}
body#faqs section#main article ul li p.question,
body#privacy section#main article ul li p.question {
  color: #4C4C4C;
  font-family: "Open Sans Bold";
  padding-right: 3em;
  cursor: pointer;
}
body#faqs section#main article ul li p.question:before,
body#privacy section#main article ul li p.question:before {
  font-family: 'arrows';
  content: '\25b6';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 1em;
}
body#about section#main article pre {
  font-size: 0.9em;
  color: #7F7F7F;
  line-height: 1.1em;
}
body#about section#main article ul li {
  font-size: 0.9em;
  color: #7F7F7F;
  line-height: 1.1em;
}
body#about section#main article ul li p {
  margin-bottom: 0.75em;
}
body#faqs section#main article ul li .answer,
body#privacy section#main article ul li .answer {
  display: none;
  border-bottom: 0.1em solid #cacad9;
  font-size: 0.9em;
  color: #7F7F7F;
  line-height: 1.3em;
}
body#faqs section#main article ul li.active p.question,
body#privacy section#main article ul li.active p.question {
  color: #00A3D8;
}
body#faqs section#main article ul li.active p.question:before,
body#privacy section#main article ul li.active p.question:before {
  font-family: 'arrows';
  content: '\25bc';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 1em;
}
body#faqs section#main article ul li.active .answer,
body#privacy section#main article ul li.active .answer {
  display: block;
}

/* ERROR & OK PAGE*/
body#error section#main article hidden,
body#ok section#main article hidden{
}
body#error section#main article h1,
body#ok section#main article h1 {
  font-family:  "open sans bold";
  color: #00A3D8;
  font-size: 2.4em;
  margin: 0.4em 0;
  text-transform: uppercase;
}
body#error section#main article .description,
body#ok section#main article .description {
  padding-bottom: 1.6em;
  margin-bottom: 1em;
  color: #7f7f7f;
  border-bottom: 0.1em solid #cacad9;
  text-transform: none;
  font-size: 1.1em;
  line-height: 1.3em;
}
body#error section#main article.active,
body#ok section#main article.active {
  display: block;
}
body#error section#main article#not_found h1,
body#ok section#main article#not_found h1 {
  font-size: 2em;
  line-height: 1em;
}
body#error section#main article#not_found .description p.customer_service,
body#ok section#main article#not_found .description p.customer_service {
  text-transform: none;
  font-family: "Open Sans";
  margin-top: 1em;
}
body#error section#main article#not_found .description p.customer_service a,
body#ok section#main article#not_found .description p.customer_service a {
  display: block;
  font-size: 0.65em;
  color: #006CD8;
  text-decoration: underline;
}
body#error section#main article,
body#ok section#main article {
  text-align: center;
}
body#error section#main article .button,
body#ok section#main article .button {
  padding: 0.7em 1.4em;
}
body#error h2{
    line-height: 1.25em;
}

/* CONTACT PAGE*/
body#contact section#main article h2 {
  color: rgb(0, 163, 216);
  font-family: "Open Sans Bold";
  font-size: 1em;
  padding-right: 3em;
}
body#contact section#main article > p {
  color: rgb(127, 127, 127);
  font-size: 0.9em;
  line-height: 1.2em;
}
body#contact section#main article ul {
  margin: 1.5em 0 0.5em;
}
body#contact section#main article ul li {
  display: inline-block;
  padding: 0.75em 2.5em 0.75em 0;
  font-family: "Open Sans Bold";
  min-width: 14em;
}
body#contact section#main article ul li p.country {
  font-family: "open sans";
  color: rgb(0, 163, 216);
  text-transform: uppercase;
  font-size: 0.85em;
}
body#contact section#main article ul li p.phone {
  font-size: 1.15em;
  color: #4C4C4C;
}
body#contact section#main article ul li p.phone span.prefix {
  color: #BBBBBB;
  font-size: 0.85em;
  margin-right: 0.2em;
}
body#contact section#main article ul li.world {
  font-size: 1.8em;
  text-align: center;
}
body#contact section#main article ul li.world p.country {
  margin-bottom: 0.5em;
  font-size: 0.5em;
}
body#contact section#main article p.note {
  font-size: 0.75em;
  text-align: center;
}

/* HELP ACCES PAGE */
body#helpacces section#main article h2 {
  color: rgb(0, 163, 216);
  font-family: "Open Sans Bold";
  font-size: 1em;
  padding-right: 3em;
}
body#helpacces section#main article p {
  color: rgb(127, 127, 127);
  font-size: 0.9em;
  line-height: 1.2em;
  padding-bottom: 0.3em;
}
body#helpacces section#main article p.action {
  margin-top: 1.8em;
  text-align: center;
}

/* MEDIA QUERIES */
@media only screen and (min-width: 20em) {
  section#main article {
    -webkit-border-radius: 0.3em 0.3em 0 0;
    -moz-border-radius: 0.3em 0.3em 0 0;
    -ms-border-radius: 0.3em 0.3em 0 0;
    -o-border-radius: 0.3em 0.3em 0 0;
    border-radius: 0.3em 0.3em 0 0;
    font-size: 1em;
    min-width: 20em;
  }
  body section#main article {
    width: 20em;
  }
  body#codes section#main article.unique div.content{
    -webkit-border-radius: 0.3em 0.3em 0 0;
    -moz-border-radius: 0.3em 0.3em 0 0;
    -ms-border-radius: 0.3em 0.3em 0 0;
    -o-border-radius: 0.3em 0.3em 0 0;
    border-radius: 0.3em 0.3em 0 0;  
  }  
  body#home section#main article form.login fieldset #num1 {
    width: 20%;
    display: inline-block;
  }
  body#home section#main article form.login fieldset #num2 {
    width: 100%;
    display: inline-block;
  }
  body#home section#main article form.login fieldset a.separator {
    width: 5%;
    text-align: center;
    display: inline-block;
  }
  footer#home nav {
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    background-clip: padding-box;
    margin: 0 auto;
  }
  body#codes .other_trips {
    width: 20em;
    margin: 0 auto;
    -webkit-border-radius: 0 0 0.3em 0.3em;
    -moz-border-radius: 0 0 0.3em 0.3em;
    -ms-border-radius: 0 0 0.3em 0.3em;
    -o-border-radius: 0 0 0.3em 0.3em;
    border-radius: 0 0 0.3em 0.3em;
  }
  body#codes section#main article #nav, #nav ul {
    -webkit-border-radius: 0.3em 0.3em 0 0;
    -moz-border-radius: 0.3em 0.3em 0 0;
    -ms-border-radius: 0.3em 0.3em 0 0;
    -o-border-radius: 0.3em 0.3em 0 0;
    border-radius: 0.3em 0.3em 0 0;
  }
  footer#footer {
    margin: 1em auto;
  }
  footer#footer nav {
    border-top: 0;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.6);
    margin: 0 auto;
    max-width: 20em;
  }
  footer#footer nav ul li a {
    color: #fff;
  }
  footer#footer nav ul li a:hover {
    color: #4FD3FF;
  }
  footer#footer p.copyright {
    background-color: rgba(0, 0, 0 ,0);
    color: #fff;
    border-top: 0;
  }
}
@media only screen and (min-width: 31.25em) {
  header#header {
    margin: 0 0 1.7em 0;
  }
  body section#main article {
    min-width: 26.1em;
    padding: 1.8em;
  }
  body#home section#main article {
    font-size: 1em;
    min-width: 22.1em;
    padding: 2em;
  }
  body#home section#main article a.insert {
    font-size: 1.1em;
    margin-bottom: 1em;
    padding: 0;
  }
  body#home section#main article form.login fieldset label {
    font-size: 0.83em;
  }
  footer#home {
    margin: 2.6em auto;
  }
  footer#home nav{
    max-width: 22.1em;
  }
  body#codes section#main article {
    min-width: 26.1em;
    padding: 0;
  }
  body#codes section#main article .content {
	  padding: 1.25em 2em 2em 2em;
  }
  body#codes .other_trips {
    width: 26.1em;
  }
  body#error section#main article .description, body#ok section#main article .description {
    margin-bottom: 1.7em;
    padding-bottom: 2em;
    font-size: 1.2em;
  }
  body#error section#main article h1, body#ok section#main article h1 {
    font-size: 2.6em;
  }
  footer#footer {
    margin: 2.6em auto;
  }
  footer#footer nav{
    max-width: 26.1em;
  }
  footer#footer nav ul li {
    padding: 0 1.6em 1em 1.6em;
    text-align: center;
  }
}
@media only screen and (min-width: 48em) {
  header#header {
    width: 34.9em;
    margin: 0 0 2.5em 4.5em;
    text-align: left;
  }
  header#header a.logo {
    text-align: left;
  }
  header#header a.welcome {
    text-align: left;    
    font-size: 1em;
    margin-top: 1em;
  }
  header#header form select#language {
	float: right;
    margin-top: 1.3em;
    width: 8em;
  }
  body section#main article {
    margin-left: 4.5em;
    min-width: 34.9em;
  }
  body#home section#main article {
    font-size: 1em;
    min-width: 23.1em;
	  padding: 2.6em;
  }
  body#home section#main article form.login fieldset label {
    color: #FFFFFF;
    display: block;
    font-size: 0.9em;
    padding: 0 0 0.3em;
    text-transform: uppercase;
  }
  body#home section#main article form.login fieldset.booking_num div.help {
    font-size: 0.7em;
    width: 25.6em;
  }
  body#codes section#main article ul.code_list li div.detail form.email div.buttons .button {
    font-size: 0.75em;
  }
  body#home section#main {
    display: inline-block;
    margin-left: 11.25em;
  } 
  body#home section#main article a.insert {
    font-size: 1.2em;
    padding: 0;
  }
  footer#home {
    display: block;
    margin: 4em 0 0 4.5em;
    width: 34.9em;
  }
  footer#home nav{
    min-width: 34.9em;
  }
  body#codes section#main {
    display: inline-block;
  } 
  body#codes section#main article {
    min-width: 34.9em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;
  }
  body#codes section#main article .content .arrival_date {
    font-size: 1.2em;
  }
  body#codes section#main article .content .details {
    background-color: #fff;
    padding: 0;
  }
  body#codes section#main article .content .details .fromTo {
    font-size: 1.1em;
    display: inline;
  }
  body#codes section#main article .content .details .fromTo:after,
  body#codes section#main article .content .details .fromTo.expanded:after {
    display: none;
  }
  body#codes section#main article .content .details .fromTo span.point#destiny {
    display: block;
  }
  body#codes section#main article .content .details .fromTo span.airline {
    display: inline-block;   
  }
  body#codes section#main article .content .details .fromTo span.flight_num{
    padding: 0.25em 4.87em 0 0;
    display: inline-block;
  }
  body#codes section#main article .content .details .fromTo span.transport_details {
    border-width: 0.2em 0 0.2em 0;
    display: block;
  }
  body#codes section#main article .content .details .fromTo span.transport_details a.product_type,
  body#codes section#main article .content .details .fromTo.expanded span.transport_details a.product_type {
    margin-top: 0.14em;
  }
  body#codes section#main article .content .details .fromTo img.vehicle,
  body#codes section#main article .content .details .fromTo.expanded img.vehicle {
    float: right;
    padding: 0 4em;
    width: 13em;
  }
  body#codes section#main article .button.secondary {
    width: 47%;
  }
  body#codes section#main article .content .buttons a.separator  {
    display: inline-block;
    width:6%;
  }
  body#codes .other_trips {
    width: 34.9em;
    margin: 0 0 0 4.5em;
  }
  body#codes .overlay .box{
    top: 28%;
    margin-left: 13em;
  }
  body#error section#main article h1,
  body#ok section#main article h1 {
    font-size: 2.9em;    
    margin: 0.8em 0 0.5em;
  }    
  body#error section#main article .description, body#ok section#main article .description {
    padding-bottom: 2.5em;
    margin-bottom: 1.5em;
    font-size: 1.4em;
  }
  footer#footer {
    display: block;
    margin: 2em 0 0 4.5em;
	  width: 34.9em;
  }
  footer#footer nav{
    max-width: 34.9em;
  }
  footer#footer nav ul li {    
    text-align: center;
    padding: 0 1.6em 1em 1.6em;
  }
}
@media only screen and (min-width: 65em) {
  body#codes section#main article .content {
    -webkit-border-radius: 0 0 0.3em 0.3em;
    -moz-border-radius: 0 0 0.3em 0.3em;
    -ms-border-radius: 0 0 0.3em 0.3em;
    -o-border-radius: 0 0 0.3em 0.3em;
    border-radius: 0 0 0.3em 0.3em;
  }
  body#codes section#main article.unique div.content {
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;
  }
  body#codes .other_trips {
    background-color: rgba(255, 255, 255, 0);
    border: 0;
    display: inline-block;
    width: 20em;
    margin: 0 0 0 2.5em;
    padding: 0; 
  }
  body#codes .other_trips p.title {
    color: #fff;
  }
  body#codes .other_trips .box {
    color: #4C4C4C;
    background-color: rgba(255, 255, 255, 0.7);
    border:0;
  }
}
  .hidden{display:none;}

.waiting_pickupTime {
	padding-left: 10px;
    margin: 10px 0;
    font-size: 14px;
    list-style-type: circle;
    list-style-position: inside;
}
  
.exampleform_fill {
	    font-size: small;
    padding-bottom: 10px;
    color: #999;
}