/*------------------------------
    PRELOADER
-------------------------------*/

body{background:#f1f1f1;} 

Select {webkit-appearance:none;}

.preeloader {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999999;
}

.preloader-spinner {
    -webkit-animation: 1s ease-out 0s normal none infinite running pulsate;
    animation: 1s ease-out 0s normal none infinite running pulsate;
    border: 5px solid #87c0bd;
    border-radius: 40px;
    display: block;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 10;
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}


/*----------------------------------
    LARGE LAYOUT: 1920px
-----------------------------------*/

@media only screen and (min-width: 1920px) {

    .welcome-text h1 {
        font-size: 60px;
    }
       ul#nav{
     margin-right:40% !important;
   }
   .navbar-brand{

     margin-top:10% !important;
   }


} 
    .blog-details{
    width: 18.5em !important;
}


/*----------------------------------
    LARGE LAYOUT: 1250-1900px
-----------------------------------*/

@media only screen and (min-width: 1250px) {

    .welcome-text h1 {
        font-size: 60px;
    }
       ul#nav{
     margin-right:30% !important;
   }
    .blog-details{
    width: 18.5em !important;
}

/*----------------------------------
    MEDIUM LAYOUT: 1280px
-----------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-header {
        margin-top: 2px;
    }
    
    
    ul#nav li a {
        padding: 30px 10px;
    }
    .is-sticky ul#nav li a {
        padding: 22px 10px;
    }
    .welcome-text h1 {
        font-size: 45px;
    }
    .search-and-language-bar {
        margin-top: 20px;
    }

    .service-content h2 {
        font-size: 28px;
    }
    .area-title h2 {
        font-size: 36px;
    }
    .about-details-menu li a {
        font-size: 16px;
        padding: 10px 20px;
    }
    .single-service-two {
        padding: 20px 20px 20px 100px;
    }
    

  
}

/*----------------------------------
    TABLET LAYOUT: 768px
------------------------------------*/

@media (min-width: 760px) and (max-width: 991px) {
    .section-padding {
        padding: 30px 10px;
        
    }

    .blog-details{
        width: 15.75em !important;
    }

   .todoImg{margin-left: 0%; margin-top:2%;}
    .orden2{padding: 25px}
    .orden{padding: 25px;}
    .nosotros{margin-top: 8%;}
    .nosotros2{margin-top: 5%;}
    .service-details{
        margin-top: 10%;
    }
    .padding-top {
        padding-top: 30px;
        
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse,
    .navbar-toggle {
        
        border-radius: 0;
        display: block !important;
    }
    .navbar-toggle .icon-bar {
        
    }
    .navbar-header {
       width: 100%;
        
    }
    .navbar-header {
        
        margin: 0;
        padding: 10px 0;
    }
    ul#nav {
        margin-left: 500px;
        width: 100%;
        margin-top: -8%;
        max-height: 15em;
        
    }
      .is-sticky  ul#nav {
        width: 100%;
        margin-top: -4%;
    }
    ul#nav li {
        float: none;
    }
    .is-sticky .navbar-header {
        margin: 0;
        padding: 0px 0;
    }
    .navbar-brand {
        margin-left: 80%;
        margin-top: -3%;
        
    }
    .imgResponsive{
        height: 3em;
        width: 3em;
        margin-top: 15%;
    }
    
    .is-sticky .imgResponsive{
        height: 4em;
        width: 8em;
        margin-top: 02%;
    }
    .is-sticky .navbar-brand {
        margin-top: -20px;
        
    }
    .mainmenu-area {
        background: #44393d none repeat scroll 0 0;
    }
    ul#nav li a{
                color: #f1f1f1;
        padding:1px 1px;
        margin-left: 0em;
        
    }
    .is-sticky ul#nav li a {
        color: #f1f1f1;
        padding:1px 1px;
        margin-left: 2em;
        }
    ul#nav li a::after {
        display: none;
    }

    /*-----------------*/
    .welcome-text {
        text-align: center;
    }
    .welcome-text h1 {
        font-size: 42px;
        letter-spacing: 2px;
    }
    .search-and-language-bar {
        display: none;
    }
    .single-blog {
        margin-bottom: 100px;
    }
    .blog-area .row > div:last-child .single-blog {
        margin-bottom: 50;
    }
    .home-two .blog-area .row > div:last-child .single-blog {
        margin-top: 0;
    }
    .blog-image img {
        width: 100%;
    }
    .quote-form-area {
        margin-bottom: 50px;
    }
    .service-content {
        margin-bottom: 50px;
    }
    .service-catalouge-content-area {
        margin-bottom: 50px;
    }
    .service-bottom-area-bg::after {
        width: 100%;
    }
    .service-bottom-area-bg2::after {
        width: 100%;
    }
    .service-icon-hexagon {
        left: 0;
    }
    .promo-top-area {
        background: inherit;
    }
    .about-left-content-area {
        margin-bottom: 50px;
    }
    .faqs-left-img {
        margin-bottom: 50px;
    }
    .faqs-left-img img {
        width: 100%;
    }
    .about-details-menu li a {
        font-size: 14px;
        padding: 10px;
    }
    .promo-img img {
        width: 100%;
    }
    .about-history-content img {
        width: 100%;
    }
    .annual-reports-image {
        margin-bottom: 30px;
    }
    .annual-reports-image img {
        width: 100%;
    }
    .service-area-three.section-padding {
        padding-bottom: 50px;
    }
    .about-history-content.history-list {
        margin-bottom: 0;
    }
    .footer-copyright-area {
        padding: 15px 0;
    }
    .footer-copyright-area,
    .footer-social-bookmark {
        text-align: center;
    }
    .footer-social-bookmark {
        margin-top: 19px;
    }
    .quote-form .width-half input {
        width: 48.5%;
    }

    .contact-form {
        margin-bottom: 50px;
    }
    .contact-image {
        text-align: center;
    }
    .service-menu {
        margin-top: 50px;
        
    }

}


/*----------------------------------
    MOBILE LAYOUT: 320px
-----------------------------------*/

@media only screen and (max-width: 759px) {
    .section-padding {
        padding: 50px 0;
    }
     .tab-content{
      width: 100% !important;
      padding: -1px;
       margin-top: -120px !important;
    margin-left:0px !important;
    }
    .menu-toggle{margin-top: 0px;
                  margin-left:0px;
                    }
     .nosotros{margin-top: 8%;}
    .todoImg{margin-left: 0%; margin-top: 3%;}
        .orden2{padding: 25px}
    .nosotros2{margin-top: 5%;}
    
    
    .service-details{
        margin-top: 10;
    }
    .area-title {
        margin-bottom: 50px;
    }
    .area-title h2 {
        font-size: 26px;
    }
    .padding-top {
        padding-top: 50px;
    }
    .navbar-header {
        margin: 0;
        padding: 0px ;
        height: 0px;
    }
    .stellarnav{
        margin-left: 000px;
    }
    ul#nav {
        margin-top: 0%;
        width: 95%;
        max-height:400px;
        z-index:999999 !important;
    }
    ul#nav li {
        margin-top:0px;
        float: none;
        margin-left: 3em;
    }
    .navbar-brand {
        margin-top: -65px;
        padding: 6px;
        margin-left: 50%;
    }
    .is-sticky .navbar-brand {

        display: none;
    }
    
    .imgResponsive{
    height: 5em;
    }
    .mainmenu-area {
        background: #44393d none repeat scroll 0 0;
        width:100% !important;
        padding:5px;
        display:hidden;
    }
    ul#nav li a{
              color: #fff;
        padding: 10px 15px;
        margin-left: 250px;  
    }
    .is-sticky ul#nav li a {
        color: #fff;
        padding: 10px 15px;
        margin-left: 70px;
    }
    ul#nav li a::after {
        display: none;
    }
    .is-sticky .navbar-brand > img {
        max-width: 100%;
    }
    .is-sticky .menu-toggle.full {
        top: 15px;        margin-top: 10px !important; 
    }

    .imgresp{

    }
    /*-----------------*/
    .flex-v-center {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        display: inherit;
    }
    .welcome-text {
        text-align: center;
    }
    .welcome-text h1 {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .home-button {
        display: none;
    }
    .search-and-language-bar {
        display: none;
    }
    .blog-details{
        width: 259px !important;
}
    .stickyfloat_element{display:none;}

    
    .single-blog {
      margin-top: 300px;
    }
    .blog-area .row > div:last-child .single-blog {
        margin-bottom: 0;
    }
    .blog-image img {
        width: 100%;
    }
    .about-count {
        margin-top: 40px;
    }
    .quote-form-area {
        margin-bottom: 50px;
    }
    .service-content {
        margin-bottom: 50px;
    }
    .service-catalouge-content-area {
        margin-bottom: 50px;
    }
    .service-bottom-area-bg::after {
        width: 100%;
    }
    .service-bottom-area-bg2::after {
        width: 100%;
    }
    .service-icon-hexagon {
        left: 0;
    }
    .promo-top-area {
        background: inherit;
    }
    .about-left-content-area {
        margin-bottom: 50px;
    }
    .faqs-left-img {
        margin-bottom: 50px;
    }
    .faqs-left-img img {
        width: 100%;
    }
    .about-details-menu li a {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 8px;
    }
    .promo-img img {
        width: 100%;
    }
    .about-history-content img {
        width: 100%;
    }
    .annual-reports-image {
        margin-bottom: 30px;
    }
    .annual-reports-image img {
        width: 100%;
    }
    .service-area-three.section-padding {
        padding-bottom: 50px;
    }
    .about-history-content.history-list {
        margin-bottom: 0;
    }
    .footer-copyright-area {
        padding: 15px 0;
    }
    .footer-copyright-area,
    .footer-social-bookmark {
        text-align: center;
    }
    .footer-social-bookmark {
        margin-top: 19px;
    }
    .quote-form .width-half input {
        width: 48.5%;
    }

    .about-content h2 {
        font-size: 26px;
    }
    .service-content h2 {
        font-size: 26px;
    }
    .single-promo {
        margin-bottom: 15px;
    }
    .single-promo h3 {
        font-size: 18px;
    }
    .promo-area .row > div:last-child .single-promo {
        margin-bottom: 0;
    }
    .promo-bottom-content h2 {
        font-size: 20px;
    }
    .single-service-two {
        border: 1px solid #ddd;
        margin-bottom: -1px;
    }
    .subscribe-content h2 {
        font-size: 26px;
    }
    .subsriber-form {
        height: 40px;
    }
    .subsriber-form input {
        width: 60%;
    }
    .subsriber-form button {
        width: auto;
    }
    .home-two .welcome-area {
        padding-bottom: 0;
    }
    .home-two .blog-area .single-blog {
        margin-top: 0;
    }
    .home-two .blog-area .row > div:first-child .single-blog {
        margin-top: 50px;
    }

    .contact-form {
        margin-bottom: 50px;
    }
    .contact-image {
        text-align: center;
    }
    .comments-area ul li:nth-child(2n) {
        margin-left: 30px;
    }
    .service-menu {
        margin-top: 50px;
    }

    .single-blog2{
        margin-top: 20px;
    }

}


/*----------------------------------
    WIDE MOBILE LAYOUT: 480px
-----------------------------------*/

@media only screen and (max-width: 480px) and (min-width: 100px) {
     #main-nav{width:100% !important;}
    #nav{display:none;}
    .single-blog2{
        margin-top: 20px;
    }
    .section-padding {
        padding: 0px 0;
    }
    
    .menu-toggle{margin-top: 0px; display:hidden;}

    .service-details{
        margin-top: 80%;
        margin-left: -80px !important;
    }
    .texto7{
        margin-top: -25px !important;
        margin-left: -0px !important;
     }
    .texto77{
         margin-left: -0px !important;
                margin-top: -60px !important;
    }
     
    .area-title {
        margin-bottom: 50px;
    }
    .area-title h2 {
        font-size: 26px;
    }
    .padding-top {
        padding-top: 50px;
    }

    .navbar-header {
        margin: 0;
        padding: 10px ;
        height: 1em;
        margin-top: -0em;
    }
    ul#nav {
        margin-top: -0em;
        width: 100%;
        max-height:500px;
     }
    ul#nav li {
        margin-top:10px;
        float: none;
        margin-left: -10em;
    }
    .navbar-brand {
        margin-top: -60px;
        padding: 5px;
        margin-left: 50%;
       
    }
    .is-sticky .navbar-brand {
        display:none;

    }

    .imgResponsive{
    height: 4em;
    }
    .mainmenu-area {
        background: #44393d none repeat scroll 0 0;
    }
 
        ul#nav li{
                margin-right: -330px;
                padding: 10px;
    }

    ul#nav li a{
        margin-top:-20px;
                margin-left: 420px;
    }
    #main-nav{
        width:100%;
         width:40em;
     }
    .is-sticky ul#nav li a {
        color: #fff;
        padding: 5px 15px;
        margin-left: 250px;
;
    }
    ul#nav li a::after {
        display: none;
    }
    .is-sticky .navbar-brand > img {
        max-width: 100%;
    }
    .is-sticky .menu-toggle.full {
        top: 15px;
    }
    #nav ul{
        margin-left: 10em;
    }
    
    .is-sticky ul{
        margin-left: 10em;
    }
    .blog-image{
        margin-top:0px;
    }
    
    .single-blog {
      margin-top: 00px;
    }
    .stickyfloat_element{
        display: none;
    }
    .colorFooter{
    margin-left: 10%;
    }
    .service-details{margin-bottom: 50%;}

    .searc-btn-7{padding: 3px;  margin-left:35% !important;   }
    
 .tab-content{
      width: 100% !important;
      padding: -0px;
       margin-top: -120px !important;
    margin-left:0px !important;
    }
        .blog-details{
        width: 258px !important;
      
    }
    .single-blog2{
        margin-left:16% !important;
    }
    .hotels-form{margin-top: -350px !important; }
        
            .tabbased-search-area .tab-content .hotels-form .hotel-input-4,
            .tabbased-search-area .tab-content .flights-form .hotel-input-4 {
              width: 100% !important;
              padding: 1px;
               margin-top: -0px !important;;
              float: none !important;
            
}
@media only screen and (max-width: 300px) and (min-width: 100px) {

            .blog-details{
        width: 100% !important;}
    .service-details{margin-bottom: 50%;}
    .custom-select{display:none;}
    .searc-btn-7{display:none   }

     .tab-content{
      width: 100% !important;
      padding: -0px;
       margin-top: -120px !important;
    margin-left:0px !important;}

         #main-nav{width:100% !important;
        }

    #nav{display:none;}
    
    .single-blog2{
        margin-top: 20px;
    }
    .section-padding {
        padding: 0px 0;
    }
    
    .menu-toggle{margin-top: 0px; display:hidden;}

    .service-details{
        margin-top: 80%;
        margin-left: -80px !important;
    }
    .texto7{
        margin-top: -25px !important;
        margin-left: -0px !important;
     }
    .texto77{
         margin-left: -0px !important;
                margin-top: -60px !important;
    }
     
    .area-title {
        margin-bottom: 50px;
    }
    .area-title h2 {
        font-size: 26px;
    }
    .padding-top {
        padding-top: 50px;
    }

    .navbar-header {
        margin: 0;
        padding: 10px ;
        height: 1em;
        margin-top: -0em;
    }
    ul#nav {
        margin-top: -0em;
        width: 100%;
        max-height:500px;
     }
    ul#nav li {
        margin-top:10px;
        float: none;
        margin-left: -10em;
    }
    .navbar-brand {
        margin-top: -60px;
        padding: 5px;
        margin-left: 30%;
       
    }
    .is-sticky .navbar-brand {
        display:none;

    }

    .imgResponsive{
    height: 4em;
    }
    .mainmenu-area {
        background: #44393d none repeat scroll 0 0;
    }
    ul#nav li a{
   
                margin-left: 430px;
                padding: 3px 10px;

    }
    #main-nav{
        width:100%;
         width:40em;
     }
    .is-sticky ul#nav li a {
        color: #fff;
        padding: 5px 15px;
        margin-left: 250px;
;
    }
    ul#nav li a::after {
        display: none;
    }
    .is-sticky .navbar-brand > img {
        max-width: 100%;
    }
    .is-sticky .menu-toggle.full {
        top: 15px;
    }
    #nav ul{
        margin-left: 10em;
    }
    
    .is-sticky ul{
        margin-left: 10em;
    }
    .blog-image{
        margin-top:0px;
    }
    
    .single-blog {
      margin-top: 00px;
    }
    .stickyfloat_element{
        display: none;
    }
    .colorFooter{
    margin-left: 10%;
    }
    .service-details{margin-bottom: 50%;}
}
}
}

/* ========================== OPORTUNIDADES DE INVERSIÓN ========================== */

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .queBuscas h2 {
        font-size: 26px !important;
        line-height: 1.3;
    }
    .queBuscas h4 {
        font-size: 18px !important;
        line-height: 1.4;
    }
    #oportunidades h3 {
        font-size: 22px !important;
        line-height: 1.3;
    }
    #oportunidades p {
        font-size: 16px !important;
        line-height: 1.4;
    }
    .blog-details h3 {
        font-size: 18px !important;
    }
    .blog-details p {
        font-size: 14px !important;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .queBuscas h2 {
        font-size: 22px !important;
        line-height: 1.3;
    }
    .queBuscas h4 {
        font-size: 16px !important;
        line-height: 1.4;
    }
    #oportunidades h3 {
        font-size: 20px !important;
        line-height: 1.3;
    }
    #oportunidades p {
        font-size: 16px !important;
        line-height: 1.4;
    }
    .blog-details h3 {
        font-size: 16px !important;
    }
    .blog-details p {
        font-size: 14px !important;
    }
}

/* ========================== TABBASED SEARCH AREA - TABLET ========================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tabbased-search-area {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        margin-top: 0;
        z-index: auto !important;
        padding: 10px 15px;
        background-color: #65c0bc;
    }

    .tabbased-search-area .tab-content2 {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .tabbased-search-area .hotel-input-4,
    .tabbased-search-area .hotel-input-1,
    .tabbased-search-area .hotel-input-4-23,
    .tabbased-search-area .searc-btn-7 {
        float: none !important;
        width: 100% !important;
        border-right: none !important;
        margin-bottom: 10px;
    }

    .tabbased-search-area .searc-btn-7 button {
        width: 100% !important;
    }

    .tab-content {
        margin-left: 0 !important;
    }
}


/* ========================== TABBASED SEARCH AREA - MOBILE ========================== */
@media only screen and (max-width: 767px) {
    .tabbased-search-area {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding: 20px 10px;
        background-color: #65c0bc;
    }

    .tabbased-search-area .tab-content,
    .tabbased-search-area .tab-content .hotels-form,
    .tabbased-search-area .tab-content .flights-form {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        font-size: 12px;
        line-height: 1.3;
    }

    .tabbased-search-area .hotel-input-4,
    .tabbased-search-area .searc-btn-7,
    .tabbased-search-area .owl-item {
        width: 100% !important;
        margin-bottom: 10px;
        display: block !important;
    }

    .tabbased-search-area .owl-carousel .owl-item {
        width: 100% !important;
        margin: 0 0 10px 0;
    }

    .tabbased-search-area .searc-btn-7 button {
        width: 100% !important;
    }

    /* Fix: que los dropdowns no se salgan en móviles */
    .tabbased-search-area .custom-select {
        position: relative !important;
        width: 100% !important;
    }

    .tabbased-search-area .custom-select ul {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
    }

    .tabbased-search-area .custom-select li {
        width: 100% !important;
    }
}