@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');




.wrapper{padding: 10px 0px;}


/* =================== itenery gallery ================== */



.wm-model-gb{background-color: #ffffff;}



.tiled_galler_section .gallery_grid {



    display: grid;



    grid-template-columns: repeat(5, 1fr);



    grid-gap: 5px



}







.exclusionsContent_box {



    padding-left: 28px;



}







.sidebarForm {



    margin-bottom: 20px;



    display: flex;



}







.tiled_galler_section .gallery_item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius : 5px;

}







.tiled_galler_section .gallery_item:nth-child(1) {



    grid-row-start: 1;



    grid-row-end: 3;



    grid-column-start: 1;



    grid-column-end: 4;



    height: 465px



}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}



/* 

.tiled_galler_section .gallery_item:nth-child(2) {



    grid-column-start: 4;



    grid-column-end: 6;



    grid-row-start: 1



} */







.tiled_galler_section .gallery_item {



    height: 230px



}







#gallery_modal .gal_tab {



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    grid-gap: 4px;



    padding-top: 15px;



    max-height: 380px;



    overflow: hidden;



    overflow-y: auto



}







#gallery_modal .col-md-8.gallery_view {



    border-left: 1px solid #d8d8d8



}







#gallery_modal .gallery_content {



    padding-top: 15px;



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    grid-gap: 4px



}







#gallery_modal .gallery_view {



    height: 417px;



    overflow: hidden;



    overflow-y: auto



}







#gallery_modal .gal_view_catainer {



    position: absolute;



    top: 0;



    left: 0;



    height: auto;



    display: none;



    width: 100%



}







#gallery_modal .gal_view_catainer_main {



    position: absolute;



    top: 0;



    left: 0;



    height: auto;



    display: none;



    width: 100%



}







#gallery_modal .owl-carousel {



    max-width: 630px;



    margin: 0 auto



}







.gallery_slider.owl-loaded.owl-drag {



    max-width: 500px;



    margin: 0 auto



}







#gallery_modal .col-md-8.gallery_view {



    position: relative



}







div#gallery_modal .modal-content {



    width: 100% !important



}







.gal_lenght_num {



    position: absolute;



    right: 10px;



    top: 10px;



    color: #fff;



    z-index: 9



}







.gal_lenght_num {



    position: absolute;



    right: 10px;



    top: 10px;



    color: #fff;



    z-index: 9



}







button.gal_grid_button {



    position: absolute;



    left: 6px;



    top: 7px;



    z-index: 2;



    padding: 4px;



    background: #fff;



    box-sizing: border-box;



    border-radius: 8px



}







button.gal_grid_button:hover {



    background: 0 0;



    color: #fff



}







button.gal_grid_button:hover svg {



    fill: #fff



}







#gallery_modal .gal_tab .tab_item {



    height: 100%



}







#gallery_modal .gal_tab .tab_item img {



    height: 100%;



    object-fit: cover



}







#gallery_modal .gal_tab .tab_item.active {



    box-shadow: 0 0 15px rgba(0 0 0/15%);



    border: 2px solid #3a78c9



}







#gallery_modal .gallery_content .tab_content_item {



    height: 100%



}







#gallery_modal .gallery_content .tab_content_item img {



    height: 100%;



    object-fit: cover



}







.modal-open #gallery_modal .modal-dialog {



    max-width: 630px;



    top: 5%



}







#gallery_modal .owl-carousel button.owl-prev {



    position: absolute;



    top: 50%;



    left: -52px;



    width: 40px;



    height: 40px;



    border-radius: 50%;



    transition: .4s all;



    color: #0350a8;



    font-size: 27px;



    transform: translateY(-50%)



}







#gallery_modal .owl-carousel button svg {



    fill: #121212



}







#gallery_modal .owl-carousel button:hover {



    background: #fff !important



}







#gallery_modal .owl-carousel button:hover svg {



    fill: #000



}







#gallery_modal .owl-carousel button.owl-next {



    position: absolute;



    top: 50%;



    right: -52px;



    width: 40px;



    height: 40px;



    border-radius: 50%;



    transition: .4s all;



    color: #000;



    font-size: 27px;



    transform: translateY(-50%);
    
    background-color: #fff;




}







#gallery_modal .gal_view_catainer:before,



#gallery_modal .gal_view_catainer_main:before {



    content: '';



    background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .53) 48%, rgba(0, 0, 0, 0));



    height: 56px;



    position: absolute;



    top: 0;



    transition: var(--_GBzVC87U);



    width: 100%;



    z-index: 2



}







#gallery_modal .gal_view_catainer:after,



#gallery_modal .gal_view_catainer_main:after {



    content: '';



    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .53) 48%, rgba(0, 0, 0, .6));



    height: 78px;



    position: absolute;



    bottom: 10px;



    transition: var(--_GBzVC87U);



    width: 100%;



    z-index: 2



}







.olaviajes_gallery_container {



    position: relative



}







button.ola_modal_open {



    position: absolute;



    bottom: 20px;



    right: 20px;



    align-items: center;



    backdrop-filter: blur(2px);



    background: #ffffff;



    border: 2px solid var(--white-color);



    color: var(--white-color);



    display: inline-flex;



    font-size: 2rem;



    font-weight: 500;



    line-height: 1.25rem;



    padding: 9px 24px;



    z-index: 1;



    border-radius: 5rem;



}



button.ola_modal_open:hover{



    background: transparent;



    border-color: #dcdfe4;



    color: #dcdfe4;



}



button.ola_modal_open .mdi {



    margin-right: 4px;



}



#gallery_modal .gal_tab .tab_item {



    position: relative



}







#gallery_modal .gal_tab .tab_item .tab_item_meta {



    position: absolute;



    bottom: 0;



    color: #fff;



    padding: 8px 10px;



    width: 100%;



    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0px, rgba(0, 0, 0, 0));



    text-shadow: transparent 1px 0 0;



    min-height: 57px;



    display: flex;



    flex-direction: column;



    justify-content: end



}







#gallery_modal .gal_tab .tab_item .tab_item_meta span {



    display: block;



    line-height: 1.1;



    font-size: 12px



}







#gallery_modal .gal_tab .tab_item .tab_item_meta {



    position: absolute;



    bottom: 0;



    color: #fff;



    padding: 8px 10px;



    width: 100%;



    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0px, rgba(0, 0, 0, 0));



    text-shadow: transparent 1px 0 0;



    min-height: 57px;



    display: flex;



    flex-direction: column;



    justify-content: end



}







.tiled_galler_section .gallery_item {



    transition: .5s;



    cursor: pointer



}







.tiled_galler_section .gallery_item:hover {



    opacity: .8



}







h4.albumes {



    margin-bottom: 0;



    padding-top: 15px;



    font-size: 14px



}







div#gallery_modal .modal-header {



    padding: 28px



}







.modal-open #gallery_modal .modal-dialog .modal-content {



    border-radius: 8px



}







#gallery_modal .owl-carousel.product_zoom {



    height: 420px;



    margin-bottom: 10px



}







#gallery_modal .owl-carousel.product_zoom .item img {



    height: 100% !important;



    object-fit: cover;
border-radius: 9px;
    padding: 5px;


}







#gallery_modal .owl-carousel.product_zoom .item {



    height: 100%



}







#gallery_modal .owl-carousel.product_zoom .owl-item {



    height: 100% !important



}







#gallery_modal .owl-carousel.product_zoom .owl-stage {



    height: 100%



}







#gallery_modal .owl-carousel.product_zoom .owl-stage-outer {



    height: 100%



}







#gallery_modal div#product_zoom {



    height: 98px



}







#gallery_modal div#product_zoom .owl-stage-outer {



    height: 100%



}







#gallery_modal div#product_zoom .owl-item {



    height: 100% !important



}







#gallery_modal div#product_zoom .item {



    height: 100%



}







#gallery_modal div#product_zoom .item img {



    height: 100%;



    object-fit: cover



}







#gallery_modal div#product_zoom .owl-stage-outer .owl-stage {



    height: 100%



}







.modal-open #gallery_modal .modal-dialog .modal-content {



    background: 0 0 !important



}







.dismissed_modal {



    position: absolute;



    top: 20px;



    right: 20px;



    color: #fff;



    font-size: 38px;



    cursor: pointer;



    height: 45px;



    width: 45px;



    line-height: 35px;



    display: flex;



    justify-content: center;



    align-items: center;



    border: 1px solid #fff;



    border-radius: 50%;



}



.modal-backdrop.fade.show {



    background:#000000d9;



    opacity:1;



}







@media(max-width: 767px) {



    div#gallery_modal {



        display: block !important;



        position: initial !important;



        width: 100%;



        opacity: 1;



    }







    .olaviajes_gallery_container {



        display: none



    }







    #gallery_modal .owl-carousel button.owl-prev {



        left: 0;



        background: #fff;



        color: #000



    }







    #gallery_modal .owl-carousel button.owl-next {



        right: 0;



        background: #fff;



        color: #000



    }







    #gallery_modal div#product_zoom {



        display: none



    }







    #gallery_modal .owl-carousel.product_zoom {



        height: 315px;



        margin-bottom: 0



    }







    #gallery_modal .owl-carousel button svg {



        fill: #3a78c9;



        width: 16px



    }







    #gallery_modal .owl-carousel .owl-dots {



        position: absolute;



        bottom: 10px;



        left: 50%;



        transform: translateX(-50%)



    }







    #gallery_modal .owl-theme .owl-nav {



        margin-top: 0



    }



}