/*Importar tipografía*/

@import url(https://fonts.googleapis.com/css?family=Cambay:400,
  400italic,
  700,
  700italic|Crimson + Text:400,
  400italic,
  600italic,
  700,
  700italic,
  600);

/*_________GENERAL__________*/

html {
  -webkit-text-size-adjust: none;
}

body {
  height: 100vh;
}

#root {
  height: calc(100% - 8.45rem);
}

html,
body {
  font-family: 'Cambay', sans-serif;
}

textarea {
  line-height: 1.1rem;
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

:focus {
  outline: none;
}

label {
  cursor: text;
}

table {
  border: 0;
  margin-bottom: 0;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.zeroBottom {
  margin-bottom: 0;
}

#CSTLogoA:hover {
  text-decoration: none !important;
}

/*__________DIV'S OCULTOS__________*/

/*Visible en Desktop*/

.hidden_1 {
  display: none;
}

/*Visible en iPad y móvil horizontal*/

.hidden_2 {
  display: none;
}

/*Visible móvil vertical*/

.hidden_3 {
  display: inherit;
}

/*Visible móvil y iPad*/

.hidden_4 {
  display: inherit;
}

span.hidden_4 {
  display: initial;
}

/*__________CAMBIO_TAMAÑO_COLUMNAS__________*/

/*General*/

.row {
  max-width: 30rem;
}

.row.search-results {
  margin-top: 0.4rem;
}

.large-12.columns.layout-3-6-3,
.large-12.columns.layout-3-4-3,
.large-12.columns.layout-6 {
  padding-left: 0;
  padding-right: 0;
}

/*Under construction*/

.email-content .large-4 {
  width: 33.33333%;
}

.email-content .large-8 {
  width: 66.66667%;
}

.underconstruction_layout.large-12.columns.layout-6 {
  margin-bottom: 1rem;
}

#h2Footer {
  font-size: 18px;
}

/*__________TIPOGRAFÍA__________*/

/*General*/

h1,
h2,
h3,
h4,
h5,
h6,
li {
  font-family: 'Cambay', sans-serif;
}

h2 {
  color: #001a41;
  font-size: 1.28rem;
  font-weight: bold;
  margin-bottom: 0;
}

h3 {
  font-size: 1.13rem;
  color: #561651;
  line-height: 1.6rem;
  font-style: italic;
  margin-bottom: 0;
}

h5 {
  font-weight: bold;
  font-size: 0.95rem;
  color: #561651;
  margin: 0.6rem 0 0 0;
  text-align: center;
}

h6 ul {
  font-size: 1.05rem;
  color: #001a41;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.9rem;
  margin-left: 2.2rem;
}

h6 li {
  font-size: 1.05rem;
  line-height: 1.4rem;
  color: #d09f53;
}

h6 li > span {
  color: #001a41;
}

h6 ul ul {
  margin: 0.24rem 0 0.24rem 1rem;
  list-style: none;
}

h6 ul ul li:before {
  content: '- ';
  color: #84828f;
}

h6 a,
h6 a:hover,
h6 a:focus {
  color: #6a84a1;
  text-decoration: underline;
}

h6 a:visited {
  color: #561651;
}

h6.alignCenter {
  text-align: center;
  margin-top: 1.1rem;
}

/*Back to top*/

h6.backTop {
  text-align: right;
  font-weight: bold;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
}

/*Back to top debajo de "Testimonials"*/

.home_layout .rightArrow + h6.backTop,
.APISservices_layout .rightArrow + h6.backTop,
.flightSCheck_layout .rightArrow + h6.backTop {
  margin-top: 4rem;
}

/*Nota de "Ground Handling*/

h6 span.note {
  font-size: 0.92rem;
  font-style: italic;
}

/*Under construction*/

h6.construction {
  text-align: center;
  color: #0a1334;
  font-size: 1.3rem;
  line-height: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/*__________MENÚ_MÓVIL___________*/

/*Barra superior*/

.tab-bar {
  background: #ffffff;
  height: 10.6rem;
}

/*Elementos el lado izquierdo de la barra superior*/

.left-small {
  border: 0;
  top: 8rem;
}

/*Elementos el lado derecho de la barra superior*/

.right-small {
  border: 0;
  width: 19rem;
  margin-right: 0.7em;
  margin-top: 0.2rem;
  text-align: right;
}

/*Palabra "MENÚ" al lado del icono de hamburguesa*/

.tab-bar .menu-icon {
  color: #0a1334;
  font-family: 'Cambay', sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
  text-indent: 2.75rem;
  line-height: 3rem;
}

/*Icono de hamburguesa*/

.tab-bar .menu-icon span::after {
  box-shadow: 0 0 0 2px #0a1334, 0 7px 0 2px #0a1334, 0 14px 0 2px #0a1334;
  -webkit-box-shadow: 0 0 0 2px #0a1334, 0 7px 0 2px #0a1334,
    0 14px 0 2px #0a1334;
  -moz-box-shadow: 0 0 0 2px #0a1334, 0 7px 0 2px #0a1334, 0 14px 0 2px #0a1334;
  left: 1rem;
  width: 0.95rem;
}

/*Logo central*/
.tab-bar .hide-for-large-up {
  width: 100%;
}

.tab-bar-section.middle {
  top: 3rem;
  margin: auto;
}

.tab-bar-section.middle img {
  width: 6.8rem;
}

/*Home y search*/

.search_small,
.home_small {
  float: right;
  margin-top: 3.8rem;
  line-height: 0;
}

.home_small span,
.search_small span {
  content: url(../img/menu/search_blue.png);
  height: 1.25rem;
}

.home_small span {
  content: url(../img/menu/home_blue.png);
  margin-right: 0.9rem;
}

.search_small_input form {
  height: 100%;
}

.search_small_input input[type='text'] {
  display: none;
  font-size: 0.85rem;
  padding: 0.2rem 0.2rem 0 0.5rem;
  line-height: 1.2rem;
  height: calc(100% - 0.4rem);
  font-family: 'Cambay', sans-serif;
  margin: 0.2rem 0.5rem 0 0;
  -moz-border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  border-radius: 0.4rem;
  width: 100%;
  max-width: 17rem;
  color: #84828f;
}

/*__________GOOGLE__________*/

/*Font de los resultados*/

.gs-title,
.gs-snippet,
.gsc-result-info,
.gsc-orderby-container,
.gsc-results .gsc-cursor {
  font-family: 'Cambay', sans-serif;
  font-size: 1.05rem !important;
  line-height: 1.5rem;
}

.gsc-result-info {
  padding-left: 0 !important;
}

.gsc-results .gsc-cursor {
  font-size: 0.95rem !important;
}

/*Esconde elementos de google*/

.gcsc-branding {
  display: none;
}

.gsc-thumbnail {
  display: none;
}

/*Cambia el estilo de la paginación*/

.gsc-cursor-box.gs-bidi-start-align {
  text-align: center;
  padding-top: 1rem;
  margin-left: -0.4rem !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  background-color: #ffffff;
  color: #84828f !important;
  border: 1px solid #84828f !important;
  padding: 0.2rem 0.4rem 0 0.4rem;
  margin: 0.1rem;
  -moz-border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  border-radius: 0.2rem;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  margin-right: 0.3rem !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: #dedee0 !important;
  border-color: #84828f !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
  text-decoration: none !important;
  background-color: #321130;
  color: #ffffff !important;
  cursor: pointer;
}

/*Cambia el estilo de los enlaces*/

.gs-title a {
  font-size: 1.3rem !important;
}

/*Cambia el estilo del url*/

.gsc-url-top,
.gsc-url-bottom {
  font-size: 0.95rem !important;
  font-family: 'Cambay', sans-serif;
}

/*_________MENÚ_LATERAL_________*/

/*Menú lateral oculto*/

.lateral-menu-mb {
  position: absolute;
  width: 19.6rem;
  z-index: 999999;
  display: none;
}

ul.off-canvas-list li a {
  color: #001a41;
  padding: 0.8rem 1rem 0.3rem 1rem;
  border: 1px solid #84828f;
  border-width: 1px 1px 0 0;
}

ul.off-canvas-list li:last-child a {
  border-width: 1px 1px 1px 0;
}

ul.off-canvas-list li a.active,
ul.off-canvas-list li a:hover {
  color: #eef1f0;
  background: #561651;
}

ul.off-canvas-list li > a {
  padding-left: 2.5rem;
}

ul.off-canvas-list li.has-child > a {
  padding-left: 1.6rem;
}

ul.off-canvas-list li.has-child > ul {
  display: none;
}

ul.off-canvas-list li.has-child > ul li a {
  background-color: #6a84a1;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  padding: 0.6rem 0 0.2rem 2.4rem;
}

#unique {
  font-family: 'Cambay', sans-serif;
  /* font-size: 1.6rem; */
  position: relative;
  top: 0.13rem;
  left: -0.9rem;
  line-height: 0;
  color: #d09f53;
  font-weight: bold;
  font-size: 1.6rem;
}

ul.off-canvas-list li.has-child span {
  font-family: 'Cambay', sans-serif;
  /* font-size: 1.6rem; */
  position: relative;
  top: 0.13rem;
  line-height: 0;
  color: #d09f53;
  font-weight: bold;
  font-style: italic;
  font-size: 0.9rem;
  padding-left: 0.2rem;
}

ul.off-canvas-list li ul {
  list-style: none;
  margin-left: 0;
}

ul.off-canvas-list li a {
  background-color: #eef0f2;
}

ul.off-canvas-list li ul li a {
  background: #eef0f2;
}

ul.off-canvas-list li ul li a {
  padding-left: 2rem;
}

ul.off-canvas-list li ul li a:active,
ul.off-canvas-list li ul li a:hover {
  background-color: #84828f;
  color: #ffffff;
}

/*__________MENÚ_DESKTOP__________*/

/*Barra superior*/

.top-bar {
  height: 9.3rem;
  background: transparent;
  border-bottom: 2px solid #ebebec;
}

/* Chrome 29+ */

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .top-bar {
    height: 6.45rem;
  }
}

/* Chrome 22-28 */

@media screen and(-webkit-min-device-pixel-ratio:0) {
  .top-bar {
    -chrome-: only(; height: 9.45rem;);
  }
}

/* Internet Explorer 10+ */

_:-ms-lang(x),
.top-bar {
  height: 9.45rem;
}

/*Mozilla*/

@-moz-document url-prefix() {
  .top-bar {
    height: 9.45rem;
  }
}

/*Logo*/

.top-bar img {
  height: 4.9rem;
  margin: 0.8rem 0 0 7.3rem;
}

.top-bar .name a:hover {
  border: 0 !important;
}

/*Menú*/

.top-bar-section {
  margin: 0 auto;
}

.top-bar-section ul li {
  background: transparent;
}

.top-bar-section ul li > a {
  color: #84828f;
  font-size: 1.15rem;
  font-family: 'Cambay', sans-serif;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  background: transparent;
}

.top-bar-section ul {
  padding-right: 5.7rem;
}

.top-bar-section ul li {
  margin-right: 1.5rem;
}

.top-bar-section ul li:last-child {
  margin-right: 0;
}

.top-bar-section ul li span {
  color: #d09f53;
  font-weight: bold;
  font-style: italic;
  font-size: 0.9rem;
  margin-left: 10px;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  line-height: 1.45rem;
  padding: 0 0.25rem;
  color: #561651;
}

/*Despliegue*/

.top-bar-section .has-dropdown > a {
  padding-right: 1.3rem !important;
}

.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: transparent;
  color: #001a41;
}

ul.dropdown {
  border-top: 0.13rem solid #e62432;
}

.top-bar-section ul li:hover:not(.has-dropdown) > a,
.top-bar-section li:not(.has-dropdown) a:not(.button):hover {
  background-color: transparent;
  color: #001a41;
  border-bottom: 0.13rem solid #d09f53;
}

/*Home*/

.top-bar-section ul li.home:hover:not(.has-dropdown) > i,
.top-bar-section li.home:not(.has-dropdown) a:not(.button):hover > i {
  content: url(../img/menu/home_hover.png);
}

.top-bar-section ul li:focus:not(.has-dropdown) > a,
.top-bar-section li:not(.has-dropdown) a:not(.button):focus {
  border: 0;
}

/*Flechas que indican existencia de submenú*/

.top-bar-section .has-dropdown > a:after {
  border: inset 0.65rem;
  border-color: rgba(86, 22, 81, 100) transparent transparent transparent;
  top: 0.35rem;
  margin-right: -0.25rem;
  margin-top: -0.15rem;
}

/*Hover flecha del submenú*/

.top-bar-section .has-dropdown.hover > .dropdown,
.top-bar-section .has-dropdown.not-click:hover > a:after {
  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
}

/*Submenú*/

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: #6a84a1;
  color: #eef1f0;
  line-height: 1.6rem;
  padding: 0.3rem 1.2rem 0 1.05rem;
  margin-bottom: 0.18rem;
  box-shadow: -0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
  font-size: 1.2rem;
}

.top-bar-section
  .dropdown
  li:not(.has-form):not(.active):hover
  > a:not(.button) {
  background-color: #561651;
  color: #ffffff;
  border-bottom: 0;
}

.top-bar-section .has-dropdown.hover > .dropdown,
.top-bar-section .has-dropdown.not-click:hover > .dropdown {
  border-top: 0.13rem solid #d09f53;
}

/*AMBOS*/

/*Enlaces*/

.extraMenus {
  text-align: right;
  padding: 0.5rem 6rem 0.9rem 0;
}

.extraMenus a,
.extraMenus a:hover,
.extraMenus a:focus,
.extraMenus span {
  color: #84828f;
  font-family: 'Cambay', sans-serif;
  font-size: 1rem;
}

.extraMenus span {
  margin-right: 1rem;
}

.extraMenus_small {
  text-align: right;
  line-height: 0;
  margin-top: 0.2rem;
}

.extraMenus_small a.button,
.extraMenus_small a.button:hover {
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem 0 0.5rem;
}
