:root {
         --main-rojo: #ce1617;
         --main-naranja: #ec6519;
         --main-amarillo: #f8a815;
         --main-azul-claro: #36b8bf;
         --main-azul: #184f9d;
     }
     
     @font-face {
         font-family: "Anisver";
         src: url("../fonts/anisver/Anisver Font.ttf") format("truetype");
     }
     /* HEADER */
     
     .navbar .navbar-brand img {
         width: 30%;
     }
     
     .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
         font-family: 'Anisver', sans-serif;
         font-weight: 600;
         font-size: 18px;
     }
     
     .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover {
         color: var(--main-amarillo);
     }
     
     .ftco-navbar-light.scrolled .nav-item.active>a {
         color: var(--main-azul-claro);
     }
     /* INICIO */
     
     .slider-text h1 {
         font-family: 'Anisver', sans-serif;
         /* color: var(--main-azul-claro); */
         color: var(--main-amarillo);
         /* text-shadow: 2px 2px 3px rgba(26, 72, 74, 0.8); */
         text-shadow: 2px 2px 5px rgba(240, 240, 240, 0.8);
     }
     
     .slider-text p a {
         font-family: "Josefin Sans", sans-serif;
         font-size: 32px;
         text-shadow: 1px 1px 3px rgba(6, 6, 6, 0.5);
         color: white;
     }
     
     .slider-text p a:hover {
         color: rgba(240, 240, 240, 0.9);
     }
     
     .services {
         border-radius: 15px;
     }
     
     .services .icon span,
     .services .media-body h3 {
         /* color: var(--main-amarillo); */
         color: var(--main-azul-claro);
     }
     
     .services:hover {
         /* background-color: var(--main-amarillo); */
         background-color: var(--main-azul-claro);
         color: white;
     }
     
     .services h3 {
         font-family: 'Anisver', sans-serif;
         font-weight: 600;
         font-size: 22px;
     }
     
     .services:hover h3 {
         color: white;
     }
     
     .block-6 .media-body p {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 18px;
     }
     
     .ftco-section .heading-section {
         text-align: center;
     }
     
     .heading-section h2 strong {
         font-family: 'Anisver', sans-serif;
         font-weight: 500;
         font-size: 42px;
         color: var(--main-amarillo);
     }
     
     .destination .img-2 {
         /* border-radius: 15px 2px; */
         border-radius: 15px 15px 0px 0px;
     }
     
     .destination .text {
         border-radius: 0px 0px 15px 15px;
     }
     
     .destination .text .rate i {
         color: var(--main-azul-claro);
     }
     
     .destination .text h3 a {
         font-family: 'Josefin Sans', sans-serif;
         font-weight: 400;
         font-size: 22px;
     }
     
     .destination .text .rate span {
         font-family: 'Anisver', sans-serif;
         font-size: 14px;
     }
     
     .destination .text .days span {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 18px;
     }
     
     .destination .text .bottom-area span:last-child a {
         font-family: 'Anisver', sans-serif;
         font-size: 20px;
         background-color: var(--main-amarillo);
     }
     
     .destination .text .bottom-area span:last-child a:hover {
         background-color: var(--main-naranja);
     }
     
     #section-counter:after {
         background: linear-gradient(225deg, var(--main-azul-claro) 30%, var(--main-azul) 100%);
     }
     
     .heading-section.heading-section-white h2 {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 52px;
     }
     
     .heading-section.heading-section-white .subheading {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 28px;
     }
     
     .ftco-counter .text strong.number {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 34px;
     }
     
     .block-18 .text span {
         font-family: 'Anisver', sans-serif;
         font-size: 26px;
     }
     
     .heading-section .subheading {
         font-family: 'Anisver', sans-serif;
         font-size: 23px;
     }
     
     .ftco-section .heading-section p {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 18px;
     }
     
     .img-banner-index {
         border-radius: 15px;
     }
     
     .ftco-section .heading-section p a {
         border-color: var(--main-amarillo)!important;
         color: var(--main-amarillo)!important;
     }
     
     .ftco-section .heading-section p a:hover {
         color: white!important;
         background-color: var(--main-amarillo)!important;
     }
     /* NOSOTROS */
     
     .img {
         border-radius: 15px;
     }
     
     .ftco-section .nav-pills .nav-link {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 20px;
     }
     
     .ftco-section .nav-pills .nav-link:hover {
         color: var(--main-azul-claro);
     }
     
     .ftco-section .tab-content .tab-pane h2 {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 24px;
         color: var(--main-amarillo);
     }
     
     .tab-content p {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 20px;
     }
     /* DESTINOS */
     /* TOUR (DETALLES) */
     
     .hotel-img {
         border-radius: 15px;
     }
     
     .sidebar-wrap {
         border-radius: 15px;
     }
     
     .sidebar-wrap .heading {
         color: var(--main-amarillo);
         font-family: 'Anisver', sans-serif;
         font-size: 22px;
         font-weight: 600;
     }
     
     .form-control {
         border-radius: 10px;
         font-family: 'Josefin Sans', sans-serif;
     }
     
     .form-group p {
         font-family: 'Josefin Sans', sans-serif;
     }
     
     .sidebar-wrap .form-group .btn {
         border-radius: 10px;
         background-color: var(--main-azul-claro);
     }
     
     .sidebar-wrap .form-group .btn:hover {
         color: white;
         background-color: var(--main-azul);
     }
     
     .rate i {
         color: var(--main-azul-claro);
     }
     
     .hotel-single .star i {
         color: var(--main-amarillo);
     }
     
     .hotel-single h2 {
         color: var(--main-azul);
         font-family: 'Josefin Sans', sans-serif;
         font-size: 30px;
     }
     
     .hotel-single p {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 20px;
         text-align: justify;
     }
     
     .detalles-precios .days {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 20px;
     }
     
     .detalles-precios .days .price {
         color: var(--main-naranja);
         font-weight: 400;
     }
     
     #accordion .card,
     #accordion .card .card-header {
         border-radius: 10px!important;
     }
     
     #accordion .card .card-header a span i {
         color: var(--main-amarillo);
     }
     
     #accordion .card .card-header a {
         font-family: 'Anisver', sans-serif;
     }
     
     .hotel-single ul li {
         font-family: 'Josefin Sans', sans-serif;
         font-size: 18px;
     }
     
     #carouselExampleIndicators2 .carousel-item img {
         border-radius: 15px;
     }
     /* FOOTER */
     
     .ftco-footer {
         background-color: var(--main-azul);
         padding-bottom: 4em;
     }
     
     .ftco-footer-widget img {
         width: 100%;
     }
     
     .ftco-footer p,
     .ftco-footer .ftco-footer-widget h2 {
         font-family: "Josefin Sans", sans-serif;
         font-size: 22px;
         font-weight: 400;
     }
     
     .block-23 ul li .text {
         font-family: "Josefin Sans", sans-serif;
         font-size: 18px;
         font-weight: 400;
     }
     
     .ftco-footer a,
     .block-23 ul li a span.text {
         /* color: var(--main-azul-claro)!important; */
         color: var(--main-azul-claro)!important;
     }
     
     .ftco-footer a:hover,
     .block-23 ul li a span:hover {
         /* color: rgb(54, 184, 191, 0.8)!important; */
         color: var(--main-amarillo)!important;
     }
     
     .ftco-footer .text-center {
         font-family: "Josefin Sans", sans-serif;
         font-size: 20px;
         font-weight: 300;
         color: white;
     }