/**
* Template Name: Vesperr
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/vesperr-free-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* ==== COLOR VARIABLES ===== */
:root {
	--white-color: #FFFFFF;
	--color-nr1: #4481eb;
	--color-nr2: #fc8c04;
	--bg-color1: #f5f5f5;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

body {
	font-family: "Courier Prime";
	color: #444444;
	letter-spacing: 1px;
}

a {
	color: var(--color-nr2);
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: var(--color-nr2);
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Courier Prime";
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 996;
	background: var(--color-nr2);
	width: 40px;
	height: 40px;
	border-radius: 5px;
	transition: all 0.4s;
}

.back-to-top i {
	font-size: 28px;
	color: #fff;
	line-height: 0;
}

.back-to-top:hover {
	background: var(--color-nr2);
	color: #fff;
}

.back-to-top.active {
	visibility: visible;
	opacity: 1;
}

/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	[data-aos-delay] {
		transition-delay: 0 !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{
	z-index: 997;
	transition: all 0.5s;
	padding: 22px 0;
	background: transparent;
}

#header.header-scrolled {
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	padding: 12px 0;
	background: rgba(42, 44, 57, 1);
}

#header .logo h1 {
	font-size: 30px;
	margin: 0;
	padding: 0;
	line-height: 1;
}

#header .logo h1 a,
#header .logo h1 a:hover {
	color: var(--color-nr2);
	text-decoration: none;
}

#header .logo img {
	padding: 0;
	margin: 0;
	max-height: 40px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
	padding: 0;
}

.navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
}

.navbar li {
	position: relative;
}

.navbar a,
.navbar a:focus {
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
	padding: 10px 0 10px 30px;
	font-size: 15px;
	color: var(--white-color);
	white-space: nowrap;
	transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
	color: var(--color-nr2);
	font-weight: 600;
}

.navbar .dropdown ul {
	display: block;
	position: absolute;
	left: 30px;
	top: calc(100% + 30px);
	margin: 0;
	padding: 10px 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
	border-radius: 2px;
}

.navbar .dropdown ul li {
	min-width: 200px;
}

.navbar .dropdown ul a {
	padding: 10px 20px;
	font-size: 14px;
	color: #484848;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
	color: var(--color-nr2);
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>svg {
	color: var(--color-nr2);
}

.navbar .dropdown:hover>ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

.navbar .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
}

@media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%;
	}

	.navbar .dropdown .dropdown:hover>ul {
		left: -100%;
	}
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
	color: var(--white-color);
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
	color: #fff;
}

@media (max-width: 991px) {
	.mobile-nav-toggle {
		display: block;
	}

	.navbar ul {
		display: none;
	}
}

.navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(9, 9, 9, 0.9);
	transition: 0.3s;
	z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 20px;
	right: 15px;
}

.navbar-mobile ul {
	display: block;
	position: absolute;
	top: 65px;
	bottom: 0px;
	/*right: 15px;
    bottom: 15px;	
    left: 15px;*/
	padding: 10px 0;
	background-color: #fff;
	overflow-y: auto;
	transition: 0.3s;
	width: 100%;
}

.navbar-mobile li {
	border-bottom: 1px solid #dee2e6;
}

.navbar-mobile li:last-child {
	border-bottom: 0;
}

.navbar-mobile a,
.navbar-mobile a:focus {
	padding: 10px 20px;
	font-size: 20px;
	color: #222222;
}

.navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 20px;
	padding: 10px 0;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	width: 50%;
}

.navbar-mobile .dropdown ul li {
	min-width: 200px;
}

.navbar-mobile .dropdown ul a {
	padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
	font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
	color: var(--color-nr2);
}

.navbar-mobile .dropdown>.dropdown-active {
	display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
	width: 100%;
	min-height: 100vh;
	background-color: rgba(42, 44, 57, 0.9);
	background-image: url("../img/hero-bg-min.png");
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 120px 0 60px 0;
	color: rgba(255, 255, 255, 0.8);
}

.hero h2 {
	margin-bottom: 20px;
	padding: 0;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}

@media (max-width: 575px) {
	.hero h2 {
		font-size: 30px;
	}
}

.hero p {
	font-size: 15px;
	margin-bottom: 10px;
}

.hero form {
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}

.hero form .form-control {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
	margin-right: 10px;
	border: none !important;
	background: none !important;
}

.btn-track {
	color: #fff;
	background: var(--color-nr2);
	border-color: var(--color-nr2);
}

.hero form .form-control:hover,
.hero form .form-control:focus {
	outline: none;
	box-shadow: none;
}

.hero form .btn-primary {
	padding: 20px 30px;
	display: flex;
	margin-block: auto;
}

.hero svg {
	margin-block: auto;
}

.hero form .btn-primary:hover {
	background-color: var(--color-nr2);
	border-color: var(--color-nr2);
}

.hero .stats-item {
	padding: 30px;
	width: 100%;
}

.hero .stats-item span {
	font-size: 32px;
	display: block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
	color: var(--color-nr2);
}

.hero .stats-item span:after {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 3px;
	background: var(--white-color);
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.hero .stats-item p {
	padding: 0;
	margin: 0;
	font-size: 15px;
}

.hero .getstarted,
.hero .getstarted:focus {
	background: var(--color-nr2);
	padding: 18px 25px;
	border-radius: 5px;
	color: #fff;
}

.hero .getstarted:hover,
.hero .getstarted:focus:hover {
	color: #fff;
	background: var(--color-nr2);
}

#hero .animated {
	animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (min-width: 1024px) {
	#hero {
		background-attachment: fixed;
	}
}

@media (max-width: 991px) {
	#hero {
		height: 100vh;
	}

	#hero .animated {
		animation: none;
	}

	#hero .hero-img {
		text-align: center;
	}

	#hero .hero-img img {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.hero {
		padding: 0 0 60px 0;
	}

	#hero h1 {
		font-size: 28px;
		line-height: 36px;
	}

	#hero h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	#hero .hero-img img {
		width: 70%;
	}
}

@media (max-width: 575px) {
	#hero .hero-img img {
		width: 80%;
	}
}

@keyframes up-down {
	0% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-10px);
	}
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
	padding: 60px 0;
	overflow: hidden;
}

.section-bg {
	background-color: #f7fbfe;
}

.section-title {
	padding-bottom: 40px;
}

.section-title h2 {
	font-size: 2rem;
	padding: 0;
	line-height: 1px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	color: #aaaaaa;
}

.section-title h2::after {
	content: "";
	width: 120px;
	height: 2px;
	display: inline-block;
	background: var(--color-nr2);
	margin: 6px 10px;
}

.section-title p {
	margin: 0;
	font-size: 36px;
	text-transform: uppercase;
	color: #2a2c39;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.Services .content {
	background-color: var(--bg-color1);
	padding: 40px;
}

.Services h3 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.Services-title h2 {
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
	color: var(--color-nr);
}

.Services p {
	margin: 15px 0 30px 0;
	line-height: 24px;
	color: #777777;
}

.Services .btn-read-more {
	line-height: 0;
	padding: 18px 40px;
	border-radius: 5px;
	transition: 0.5s;
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);
}

.Services .btn-read-more span {
	font-size: 16px;
}

.Services .btn-read-more svg {
	margin-left: 5px;
	transition: 0.3s;
	width: 20px;
	height: 20px;
	rotate: 180deg;
}

.Services .btn-read-more:hover svg {
	transform: translateX(-5px);
}

@media (max-width: 768px) {
	.Services .content {
		padding: 10px;
	}
}

/*--------------------------------------------------------------
#Reservar-Vuelo
--------------------------------------------------------------*/
.Reservar-Vuelo {
	overflow: hidden;
}

.Reservar-Vuelo .btn-read-more {
	line-height: 0;
	padding: 18px 40px;
	border-radius: 5px;
	transition: 0.5s;
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);
	width: -webkit-fill-available;
	width: -moz-available;
}

.Reservar-Vuelo .btn-read-more span {
	font-size: 16px;
}

.Reservar-Vuelo .btn-read-more svg {
	margin-left: 5px;
	transition: 0.3s;
	width: 20px;
	height: 20px;
}

.Reservar-Vuelo .btn-read-more:hover svg {
	transform: translateX(5px);
}

.Reservar-Vuelo .bi-airplane {
	rotate: 90deg;
}

.Reservar-Vuelo .bi-airplane:hover {
	transform: translateX(-5px);
}

.form-select {
	padding: 1rem 0.75rem;
}

.Reservar-Vuelo p {
	font-size: 15px;
	margin-bottom: 10px;
}

.Reservar-Vuelo form {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	border: var(--bs-border-width) solid var(--bs-border-color);
}

.Reservar-Vuelo form .form-control {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
	margin-right: 10px;
	border: none !important;
	background: none !important;
}

.Reservar-Vuelo .btn-track {
	color: #fff;
	background: var(--color-nr2);
	border-color: var(--color-nr2);
}

.Reservar-Vuelo select .form-select:hover,
.Reservar-Vuelo select .form-select:focus,
.Reservar-Vuelo form .form-control:hover,
.Reservar-Vuelo form .form-control:focus {
	outline: none;
	box-shadow: none;
		box-shadow: transparent;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.Reservar-Vuelo form .btn-primary {
	padding: 20px 30px;
	display: flex;
	margin-block: auto;
}

.Reservar-Vuelo svg {
	margin-block: auto;
}

.Reservar-Vuelo form .btn-primary:hover {
	background-color: var(--color-nr2);
	border-color: var(--color-nr2);
}

.form-check-label {
	font-size: 14px;
}

 /*
 *
 * ==========================================
 * CUSTOM UTIL CLASSES
 * ==========================================
 *
 */
 /* Rounded tabs */
 @media (min-width: 576px) {
 .rounded-nav {
 border-radius: 50rem !important;
 }
 }
 @media (min-width: 576px) {
 .rounded-nav .nav-link {
 border-radius: 50rem !important;
 }
 }
 /* With arrow tabs */
 .Reservar-Vuelo  .nav-link {
 color: #444444;
 } 
 .Reservar-Vuelo .nav-link.active {
 position: relative;
 }
 .Reservar-Vuelo .nav-link.active::after {
 content: '';
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-top: 6px solid;
 border-top-color: var(--color-nr2); 	 
 position: absolute;
 bottom: -6px;
 left: 50%;
 transform: translateX(-50%);
 display: block;
 }
 /* lined tabs */
 .Reservar-Vuelo .nav-link {
 border: none;
 border-bottom: 3px solid transparent;
 width: calc(100% / 2);
 text-align: center;
 }
 .Reservar-Vuelo .nav-link:hover {
 border: none;
 border-bottom: 3px solid transparent;
 }
 .Reservar-Vuelo .nav-link.active {
 background: none;
 color: var(--color-nr2);
 border-color: var(--color-nr2);
 }
 /*
 *
 * ==========================================
 * FOR DEMO PURPOSE
 * ==========================================
 *
 */
 .text-uppercase {
 letter-spacing: 0.1em;
 }
/*--------------------------------------------------------------
# Tipos-de-Carga
--------------------------------------------------------------*/
.Tipos-de-Carga {
	overflow: hidden;
}

.Tipos-de-Carga .nav-tabs {
	border: 0;
}

.Tipos-de-Carga .nav-link {
	border: 0;
	padding: 12px 15px 12px 0;
	transition: 0.3s;
	color: #433f39;
	border-radius: 0;
	border-right: 3px solid #e8e7e4;
	font-size: 15px;
}

.Tipos-de-Carga .nav-link:hover {
	color: var(--color-nr2);
}

.Tipos-de-Carga .tab-pane {
	/*text-align: justify;*/
}

.Tipos-de-Carga .nav-link.active {
	color: var(--color-nr2);
	border-color: var(--color-nr2);
	background: transparent;
	font-weight: 600;
}

.Tipos-de-Carga .tab-pane.active {
	animation: fadeIn 0.5s ease-out;
}

.Tipos-de-Carga .details h3 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #433f39;
}

.Tipos-de-Carga .details p {
	color: #777777;
}

.Tipos-de-Carga .details p:last-child {
	margin-bottom: 0;
}

@media (max-width: 992px) {
	.Tipos-de-Carga .nav-link {
		border: 0;
		padding: 15px;
	}

	.Tipos-de-Carga .nav-link.active {
		color: var(--white-color);
		background: var(--color-nr2);
	}
}


#menu-mobile-iten {
	display: none
}

@media (max-width: 768px) {
	#menu-mobile-iten {
		display: block;
	}

	#menu-mobile-iten .nav-tabs .nav-item {
		width: 100%;
		text-align: left;
	}

	#menu-mobile-iten .nav-link.active {
		color: #fff;
		background: var(--color-nr2);
		border-radius: 0px;
	}

	.mobile-nav a:hover,
	.mobile-nav .active>a,
	.mobile-nav li:hover>a {
		text-decoration: none;
		color: #fff;
		background: var(--color-nr2);
	}
}


.Tipos-de-Carga .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0.9rem;
    padding-bottom: 0.625rem;
}

/*--------------------------------------------------------------
# Tipos-de-Carga
--------------------------------------------------------------*/
/*
.Tipos-de-Carga {
    overflow: hidden;
}

.Tipos-de-Carga .nav-link {
    border: 0;
}

.Tipos-de-Carga .nav-link {
    border: 0;
    padding: 12px 15px 12px 3px;
    transition: 0.3s;
    color: #2c4964;
    border-radius: 0;
    border-right: 2px solid #ebf1f6;
    font-weight: 600;
    font-size: 15px;
}

.Tipos-de-Carga .nav-link:hover {
    color: var(--color-nr2);
}

.Tipos-de-Carga .nav-link.active {
    color: var(--color-nr2);
	background-color: transparent;
    border-color: var(--color-nr2);
}

.Tipos-de-Carga .tab-pane.active {
    -webkit-animation: fadeIn 0.5s ease-out;
    animation: fadeIn 0.5s ease-out;
}

.Tipos-de-Carga .details h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #2c4964;
}

.Tipos-de-Carga .details p {
    color: #777777;
	text-align: justify;
}

.Tipos-de-Carga .details p:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .Tipos-de-Carga .nav-link {
        border: 0;
        padding: 15px;
    }

    .Tipos-de-Carga .nav-link.active {
        color: #fff;
        background: var(--bg-color2);
        border-radius: 5px;
    }
}

#menu-mobile-iten {
    display: none
}

@media (max-width: 768px) {
    #menu-mobile-iten {
        display: block;
    }

    #menu-mobile-iten .nav-tabs .nav-item {
        width: 50%;
        text-align: center;
    }

    #menu-mobile-iten .nav-link.active {
        color: #fff;
        background: var(--bg-color2);
        border-radius: 5px;
    }

    .mobile-nav a:hover,
    .mobile-nav .active > a,
    .mobile-nav li:hover > a {
        text-decoration: none;
        color: var(--color-nr2);
    }
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.contador {
	text-align: center;
	border-right: 1px dashed black;
}

.contador:last-child {
	border-right: 0px solid black;
}

.counter {
	animation-duration: 1s;
	animation-delay: 0s;
}

.contador svg {
	width: 60px;
	height: 60px;
}

.contador h2 .purecounter,
.contador h2 .purecounter1,
.contador h2 .purecounter2,
.contador h2 .purecounter3 {
	color: var(--color-nr2);
	font-weight: bold;
}

@media (max-width: 991px) {
	.contador {
		border: 0px dashed black;
		width: 50%;
		margin: auto auto;
	}

	.contador:last-child {
		border-bottom: 0px dashed black;
	}
}

.icofont-airplane-alt::before,
.icofont-box::before,
.icofont-slightly-smile::before,
.icofont-wall-clock::before {
	font-size: 4rem;
}

/*--------------------------------------------------------------
# Aeronaves
--------------------------------------------------------------*/
.Aeronaves .animated {
	animation: up-down 5s ease-in-out infinite alternate-reverse both;
}

.text-muted {
	color: rgba(102, 106, 109, 0.75) !important;
}

.table {
	margin-bottom: 0px;
}

.table tr {
	border-bottom: 1px solid #dee2e6;
}

.table td {
	padding: .75rem 0rem;
	vertical-align: middle;
	background: transparent;

}

tbody,
td,
tfoot,
th,
thead,
tr {
	border-style: none;
}

.table tr:last-child {
	border-bottom: none;
}

.Aeronaves .btn-read-more {
	line-height: 0;
	padding: 18px 40px;
	border-radius: 5px;
	transition: 0.5s;
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);
	border-color: var(--color-nr2);
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);
	border-color: var(--color-nr2);
}

.Aeronaves .btn-read-more span {
	font-size: 16px;
}

.Aeronaves .btn-read-more svg {
	margin-left: 5px;
	transition: 0.3s;
	width: 20px;
	height: 20px;
}

.Aeronaves .btn-read-more:hover svg {
	transform: translateX(5px);
}

.ContenidoAeronave {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: -100%;
	overflow-x: hidden;
	transition: 0.5s;
	background: var(--bg-color1);
}

.closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	z-index: 9999999;
}

#Contenido-Aeronaves {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	transition: left 1s;
	transition-delay: 800ms;
	background: var(--white-color);
	padding: 1rem;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}


#Contenido-Aeronaves .nav-tabs {
	border: 0;
}

#Contenido-Aeronaves .nav-tabs .nav-link {
	border: 0;
	padding: 12px 15px 12px 3px;
	transition: 0.3s;
	color: #2c4964;
	border-radius: 0;
	border-right: 2px solid #dee2e6;
	font-size: 15px;
}

#Contenido-Aeronaves .nav-tabs .nav-link:hover {
	color: var(--color-nr);
}

#Contenido-Aeronaves .nav-tabs .nav-link.active {
	color: var(--color-nr);
	border-color: var(--color-nr);
	background-color: transparent;
}

#Contenido-Aeronaves .nav-tabs .tab-pane.active {
	-webkit-animation: fadeIn 0.5s ease-out;
	animation: fadeIn 0.5s ease-out;
}

#Contenido-Aeronaves .details h3 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #2c4964;
}

#Contenido-Aeronaves .details p {
	color: #777777;
	text-align: justify;
}

#Contenido-Aeronaves .details p:last-child {
	margin-bottom: 0;
}

@media (max-width: 992px) {
	#Contenido-Aeronaves .nav-tabs .nav-link {
		border: 0;
		padding: 15px;
	}

	#Contenido-Aeronaves .nav-tabs .nav-link.active {
		color: #fff;
		background: var(--bg-color2);
		border-radius: 5px;
	}
}

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
#faq {
	padding: 60px 0;
	overflow: hidden;
}

.accordion-button {
	font-size: 1.3rem;
	padding: 1rem 0rem;
}

.accordion-button:focus {
	border-color: transparent;
	box-shadow: transparent;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	outline: none;
}

#faq .accordion-button,
#faq .accordion-body {
	/* padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);*/
	padding: 1rem 0px;
}

.text-justify {
	text-align: justify;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.logo-contact {
	width: 235px;
	height: 40px;
}

.contact .contact-about h3 {
	font-size: 28px;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1;
	font-weight: 600;
}

.contact .contact-about p {
	line-height: 24px;
	font-family: "Courier Prime";
}

.contact .contact-about a {
	color: var(--color-nr2);
}

.contact .info {
	color: var(--color-nr2);
}

.contact .info i {
	font-size: 32px;
	color: #3498db;
	float: left;
	line-height: 1;
}

.contact .info p {
	padding: 0 0 10px 42px;
	line-height: 28px;
	font-size: 14px;
}

.contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .error-message br+br {
	margin-top: 25px;
}

.contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #18d26e;
	text-align: center;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
}

.contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #18d26e;
	border-top-color: #eee;
	animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
	margin-bottom: 20px;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
	border-radius: 5;
	box-shadow: none;
	font-size: 14px;
	padding: 10px 15px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
	border: var(--bs-border-width) solid var(--bs-border-color);
	padding: 10px 15px;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-1.75rem) translateX(0.15rem);
}

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.contact .php-email-form button[type=submit] {
	background: var(--color-nr2);
	border: 0;
	padding: 10px 24px;
	color: #fff;
	transition: 0.4s;
	border-radius: 5px;
	width: 100%;
	line-height: 2rem;
}

.contact .php-email-form button[type=submit]:hover {
	background: var(--color-nr2);
}

@keyframes animate-loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.form-control {
	line-height: 2;
}

.contact .btn-read-more span {
	font-size: 16px;
}

.contact .btn-read-more svg {
	margin-left: 5px;
	transition: 0.3s;
	width: 20px;
	height: 20px;
	rotate: 180deg;
}

.contact .btn-read-more:hover svg {
	transform: translateX(-5px);
}

/*--------------------------------------------------------------
# subcontact
--------------------------------------------------------------*/
.subcontact {
	background-color: #eee;
	box-shadow: 0 0 0 1px #d8d8d8;
}

.subcontact .nav-link {
	/*color: var(--white-color);*/
	color: #444;
}

.subcontact .btn-read-more {
	line-height: 0;
	/*padding: 15px 40px;*/
	transition: 0.5s;
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);	
    border-radius: 5px;
	border: 0px;
}

.subcontact .btn-read-more span {
	font-weight: 600;
	font-size: 16px;
}

.subcontact .btn-read-more i {
	margin-left: 5px;
	font-size: 18px;
	transition: 0.3s;
}

.subcontact .btn-read-more:hover i {
	transform: translateX(5px);
}

@media (max-width: 991px) {
	.col-lg-2
	.col-lg-3 {
		width: 50%;
		margin: auto auto;
	}
}

.subcontact  form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 5px;
}

.subcontact  form input[type=email] {
    border: 0;
    padding: 4px;
    width: calc(100% - 110px);
}

.subcontact  form input[type=submit] {
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    border: 0;
    font-size: 16px;
    padding: 0 20px;
    background: var(--color-nr2);
    color: var(--white-color);
    transition: 0.3s;
    border-radius: 0 5px 5px 0;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
	/*background: var(--color-nr2);
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);*/
	padding: 15px 0;
	color: var(--white-color);
	font-size: 12px;
	background-color: #827a7a;
	/*border-top: 1px solid #fff;*/
}

#footer .credits {
	font-size: 13px;
	padding-top: 5px;
	color: var(--white-color);
}

#footer .footer-links a {
	color: var(--white-color);
	padding-left: 15px;
}

#footer .footer-links a:first-child {
	padding-left: 0;
}

#footer .footer-links a:hover {
	color: var(--white-color);
}


/*--------------------------------------------------------------
# Extra CSS
--------------------------------------------------------------*/
::-webkit-scrollbar {
	display: none;
}

.bg-color-1 {
	/*<!-- background: var(--bg-color1);-->*/
	--bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.color2 {
	color: var(--color-nr2);
}

.cursor {
	cursor: pointer;
}

.active-idioma {
	color: var(--color-nr2);
	font-weight: 600;
}

.offcanvas.offcanvas-bottom {
	min-height: 50vh;
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: var(--bg-color1);
  -webkit-text-fill-color: #444444;
  -webkit-box-shadow: 0 0 0px 0px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.form-control:focus {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

/*--------------------------------------------------------------
# Extra Offcanvas CSS
--------------------------------------------------------------*/
.offcanvas.offcanvas-end,
.offcanvas.offcanvas-start {
	width: 100%;
}

.offcanvas-title {
    font-weight: bold;
}

/*--------------------------------------------------------------
# Extra Toast CSS
--------------------------------------------------------------*/

.toast-body {
	background: var(--white-color);
	border-radius: 5px;
}

.toast-header {
	color: #fff;
    background: var(--color-nr2);
}

.toast-header .btn-close,
.offcanvas-header .btn-close {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.toast-container .btn-read-more {
	line-height: 0;
	padding: 18px 40px;
	border-radius: 5px;
	transition: 0.5s;
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);
}

.toast-container .btn-read-more span {
	font-weight: 600;
	font-size: 16px;
}

.toast-container .btn-read-more i {
	margin-left: 5px;
	font-size: 18px;
	transition: 0.3s;
}

.toast-container .btn-read-more:hover i {
	transform: translateX(5px);
}

.offcanvas .btn-read-more {
	min-width: 100%;
	line-height: 0;
	padding: 25px 40px;
	border-radius: 5px;
	transition: 0.5s;
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);
	border: 2px solid #fff;
}

.offcanvas .btn-read-more span {
	font-weight: 600;
	font-size: 16px;
}

.offcanvas .btn-read-more i {
	margin-left: 5px;
	font-size: 18px;
	transition: 0.3s;
}

.offcanvas .btn-read-more:hover i {
	transform: translateX(5px);
}

/*--------------------------------------------------------------
# Extra offcanvasRight CSS
--------------------------------------------------------------*/
.calculadora input {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.form-control:focus,
.form-check-input:focus,
input:focus,
select:focus,
select,
input.form-check-label:focus,
input.form-control:focus {

	outline: none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: var(--bs-border-width) solid var(--bs-border-color);
}

.calculadora .btn-read-more {
	line-height: 0;
	padding: 18px 40px;
	border-radius: 5px;
	transition: 0.5s;
	color: #fff;
	background: var(--color-nr2);
	box-shadow: var(--color-nr2);
	width: -webkit-fill-available;
	width: -moz-available;
}

.calculadora .btn-read-more span {
	font-size: 16px;
}

.calculadora .btn-read-more svg {
	margin-left: 5px;
	transition: 0.3s;
	width: 20px;
	height: 20px;
}

.calculadora .btn-read-more:hover svg {
	transform: translateX(5px);
}

#offcanvasRight .accordion-button {
	border-bottom: 1px solid #f2f2f2;
}

#offcanvasRight .accordion-button,
#offcanvasRight .accordion-body {
	/* padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);*/
	padding: 1rem 0px;
}

#offcanvasRight .accordion-button:last-child,
#offcanvasRight .accordion-body:last-child {
	border-bottom: 0px;
}

#wifi {
	float: right;
    width: 25px;
    position: relative;
    right: 10px;
}

.border-bottom-g {
    border-bottom: 1px solid #e1e1e1;
	font-size: 1.3rem;
}
.text-color-contact {
	color: #444;
}

#separador {
	color: #fff;
    background: var(--color-nr2);
}
.bg-gradiente-1 {
	background: linear-gradient(180deg, #D3E2F0 0.01%, #FFFFFF 100.01%);
}
.bg-gradiente-2 {
	background: linear-gradient(180deg, #f8f9fa 0.01%, #FFFFFF 100.01%);
}