

.container {
    max-width:1300px;
}



#tablist1-panel2{

}

#tablist1-panel2 ul,#tablist1-panel3 ul,#tablist1-panel4 ul{
    margin-top: 0;
    color: #444;
    font-weight: 400;
    list-style: none;
    margin-bottom: 15px;
}

#tablist1-panel1 h3, #tablist1-panel2 h3,#tablist1-panel3 h3,#tablist1-panel4 h3{
    font-size: 22px !important;!i;!;
    font-weight: 600 !important;!i;!;
    letter-spacing: 0px;
    margin-bottom: 25px;
    /* text-wrap: nowrap; */
}

#tablist1-panel2 ul li,#tablist1-panel3 ul li,#tablist1-panel4 ul li{
    margin-bottom: 10px;
    line-height: 1.7em;
    font-size: 14px;
    text-align: justify;
}


/*#tablist1-panel2 ul li > ul > li ,#tablist1-panel3 ul li > ul > li ,#tablist1-panel4 ul li > ul > li {
    margin-bottom: 10px;
    line-height: 1.7em;
    font-size: 14px;
    text-align: justify;
}*/


#tablist1-panel2 li > ul ,#tablist1-panel3 li > ul ,#tablist1-panel4 li > ul {

  margin: 10px 0 0 20px; /* Margen y sangría adicionales */
  padding: 0;
}

/* Estilos para el primer nivel de <ul> */
.tourdetails ul {
  list-style-type: disc;
  margin: 0;
  padding: 0 0 20px 20px;
}

/* Estilos para el segundo nivel de <ul> */
.tourdetails li > ul {
  list-style-type: circle; 
  margin: 10px 0 0 20px; 
  padding: 0;
}

/* Opcional: Estilos para los <li> dentro del segundo nivel */
.tourdetails li > ul > li {
   margin-bottom: 10px;
    line-height: 1.7em;
    font-size: 14px;
    text-align: justify;
 
}







#tablist1-panel2 ul li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    margin: 0 5px 0 -13px;
    color: #62ab00;
    font-weight: 900;
}

#tablist1-panel3 ul li:before {
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    margin: 0 5px 0 -13px;
    color: #ba0101;
}


#tablist1-panel4 ul li:before {
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    margin: 0 5px 0 -13px;
    color: #F3C651;
}


blockquote {
    background: #edfbef;
    border-radius: 5px;
    border: 1px solid #b9f1c1 !important;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 20px 0px;
    font-size: 13px;
    font-weight: 400;
    text-indent: 0;
}

blockquote p {
    color: #089920 !important;
    font-size: 14px !important;
    position: relative;
    padding-left: 40px;
    line-height: 1.5em !important;
    font-style: normal !important;
}

blockquote p:before {
    content: "\f075";
    font-family: 'font awesome 5 free';
    font-weight: 600;
    background: #23c93b;
    font-size: 20px;
    height: 30px;
    width: 30px;
    padding: 4px 6px;
    border-radius: 4px;
    position: absolute;
    left: -5px;
    color: white;
}


.responsive-tabs ul.responsive-tabs__list {
    margin: 10px 0!important;
    overflow: hidden;
    background: none
}

.responsive-tabs .responsive-tabs__list__item {
    font-weight: 600;
    background: #fff!important;
    color: #203165!important;
    margin: 0 2px!important;
    border-radius: 5px!important;
    padding: 13px 10px!important;
    font-size: 15px!important;
    text-transform: uppercase!important;
    border: solid 2px #203165!important;
    margin-bottom: 5px!important
}

.responsive-tabs .responsive-tabs__list__item--active,.responsive-tabs .responsive-tabs__list__item--active:hover {
    background: #203165!important;
    top: 0!important;
    color: #fff!important
}

.responsive-tabs .responsive-tabs__panel {
        background: #fff;
        border: 1px solid #f4f4f4;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        /* border-top: none; */
        margin: 0;
        padding: 0 20px;
        padding-top: 20px;
        border-radius: 10px;
        margin-bottom: 1rem;
}




img.stars-white {
    height: 20px !important;
}
img.stars-white.w-auto.pointer.entered.lazyloaded {
    height: 20px !important;
}

.idiomasrm ul {
    display: flex;
    margin-bottom: 0;
    margin-left: -24px;
}

.idiomasrm ul li a {
    font-size: 11px;
    margin-left: -10px;
    color: #888;
    transition: .5s;
    width: 45px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.idiomasrm ul li a img {
    width: 30px !important;
    height: 20px !important;
}
/***************Acordeon ------------------------------------****/
/* Ocultar la imagen original de la bandera */
.lang-item.lang-item-en img,
.lang-item.lang-item-es img,
.lang-item.lang-item-ko img {
    display: none; /* Oculta la imagen original */
}

/* Mostrar la nueva imagen de fondo para la bandera inglesa */
.lang-item.lang-item-en a,
.lang-item.lang-item-es a,
.lang-item.lang-item-ko a {
    margin-right: 1rem;
    width: 30px; /* Ajusta el tamaño del contenedor */
    height: 20px;
    background-size: cover; /* Asegura que la imagen cubra todo el contenedor */
    background-position: center;
}

/* Especificar las imágenes de fondo para cada idioma */
.lang-item.lang-item-en a {
    background-image: url('https://roundtriptravel.com/wp-content/themes/richardlg/img/gb.png');
}

.lang-item.lang-item-es a {
    background-image: url('https://roundtriptravel.com/wp-content/themes/richardlg/img/es.png');
}

.lang-item.lang-item-ko a {
    background-image: url('https://roundtriptravel.com/wp-content/themes/richardlg/img/kr.png');
}

/* Media query para pantallas pequeñas */
@media (max-width: 600px) {
    .lang-item.lang-item-en a,
    .lang-item.lang-item-es a,
    .lang-item.lang-item-ko a {
        width: 35px; /* Ajusta el tamaño del contenedor para móviles */
        height: 25px !important;
        margin-right: 1rem; /* Ajusta el margen para móviles */
    }
}



/* Opcional: Estilos para el hover */
/*.lang-item.lang-item-en a:hover {
    transform: scale(1.1); /* Aumenta el tamaÃ±o al pasar el 
    border-color: #333; /* Cambia el color del borde al pasar 
}*/


.tato_titulo {
    font-family: "Roboto", Sans-serif;
    font-size: 1.3333333333333rem;
    color: #fff;
    background-color: #431258; 
    padding: 0.5rem;
    /* min-height: 3.2rem; */
}

.tato_titulo h5{
   font-family: "Roboto", Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    
    text-transform: uppercase;


}

.card-body {
    flex: 1 1 auto;
    padding: 0px !important;
}


.listservicesrm{

}

.listservicesrm ul{
      padding: 10px;
}

.listservicesrm ul li{
  margin-bottom: 0.1rem !important;
  color: #333;
}

.titulo-precio {
    font-family: "Roboto", Sans-serif;
    font-size: 1.3333333333333rem;
    color: #431258;
    line-height: initial;
    padding: 10px;
}.myPricing {
    --text: 'PROMOCION';
    --first-color: #BC182E;
    --second-color: #8C06D6;
}
.myPricing .myRibbon {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 10;
}

.myPricing .myRibbon {
   
  
    width: 150%;
    height: 40px;
    background: var(--first-color);
    transform: rotate(-45deg) translateY(-20px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.1em;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}


.myPricing .myRibbon::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: var(--second-color);
    z-index: -1;
    box-shadow: 140px -140px var(--second-color);
}
img.img-rm{
  width:100%;
  height:100%;
  border-radius: 10px 10px 0 0;
}

img.imgsinglerm{
   width:100%;
  height:100%;
}



.contentrm  h3 {
   color: #000;
   margin: 25px 0 25px  0;
   font-size: 19px;
   /* margin-left: 0.5rem; */
   /* position: relative; */
   text-transform: uppercase;
   font-weight: 700;
}


/***************Acordeon ------------------------------------****/

.su-accordion .su-spoiler {
    margin-bottom: 0.5em;
    border-left: 10px solid var(--richardlg1);
    box-shadow: 0 3px 0 -3px rgb(0 0 0 / 16%), 0 3px 14px 0 rgb(0 0 0 / 12%);
    margin-bottom: 10px;
    padding-left: 10px;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
        border-bottom: solid 1px #f3f3f3;
    padding-top: 10px;
    padding-bottom: 10px;

}

.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 7px 7px 7px 34px;
    font-weight: 700;
    font-size: 18px !important;
    margin-bottom: 0;
    font-weight: 700 !important;
}



.su-spoiler-icon {
    position: relative !important;
    margin-right: 10px !important;
    float: right !important;
    top: 0 !important;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: inherit;
    font-size: 14px;
    font-family: ShortcodesUltimateIcons;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}



INPUT:not(:-webkit-autofill), SELECT:not(:-webkit-autofill), TEXTAREA:not(:-webkit-autofill) {
    animation-name: onautofillcancel;
}



/******************************* Table  Rm *****************************************/




table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

table, th, td {
    border: none;
}

table {
    width: 100%;
    display: table;
}

/*Table border css*/
table.bordered > thead > tr,
table.bordered > tbody > tr {
    border-bottom: 1px solid #d0d0d0;
}

/*Table striped css*/
table.striped > tbody > tr:nth-child(odd) {
    background-color: #f3989b;
}

table.striped > tbody > tr > td {
    border-radius: 0;
}

/*Table highlight css*/
table.highlight > tbody > tr {
    transition: background-color .25s ease;
}

table.highlight > tbody > tr:hover {
    background-color: rgba(243, 152, 155, 0.56);
}

/*Table centered css*/
table.centered thead tr th, table.centered tbody tr td {
    text-align: center;
}

thead {
    border-bottom: 1px solid #d0d0d0;
}

td, th {
    padding: 15px 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
}

/*Table Responsive Css*/
@media only screen and (max-width: 786px) {
    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
        /* sort out borders */
    }

    table.responsive-table td:empty:before {
        content: '\00a0';
    }

    table.responsive-table th,
    table.responsive-table td {
        margin: 0;
        vertical-align: top;
    }

    table.responsive-table th {
        text-align: left;
    }

    table.responsive-table thead {
        display: block;
        float: left;
    }

    table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0;
    }

    table.responsive-table thead tr th::before {
        content: "\00a0";
    }

    table.responsive-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top;
    }

    table.responsive-table th {
        display: block;
        text-align: right;
    }

    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }

    table.responsive-table tr {
        padding: 0 10px;
    }

    table.responsive-table thead {
        border: 0;
        border-right: 1px solid #d0d0d0;
    }

    table.responsive-table.bordered th {
        border-bottom: 0;
        border-left: 0;
    }

    table.responsive-table.bordered td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    table.responsive-table.bordered tr {
        border: 0;
    }

    table.responsive-table.bordered tbody tr {
        border-right: 1px solid #d0d0d0;
    }
}

/*Custome CSS*/
.customtable{
    width:90%;
    margin:0 auto;
}

table, td, th {
    border: 1px solid #dddddd;
}
/****************************************************************************************/


.pricesrm23{

  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    border-radius: 10px 10px 10px 10px;
      padding: 15px 15px 15px 15px;

/*
padding: 15px 15px 15px 15px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1), 0px 10px 15px -3px rgba(0,0,0,0.1);*/
}
.pricesrm231{
 box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    border-radius: 10px 10px 10px 10px;
      padding: 15px 15px 15px 15px;
}

.pricesrm23 p{
    margin-top: 1rem;
}

.pricesrm23 h4{
  color: #F9F9F9 !important;
  margin: 0px 0px 0px 0px;
  text-transform: uppercase;
  padding: 10px 10px 10px 10px;
  background-color: var(--richardlg1);
  box-shadow: 0px 0px 10px 0px rgba(107.21355056762697, 57.75191428901315, 93.74153136586857, 0.5);
  font-size: 1rem !important;!i;!;
}
.pricesrm231 h4{
  color: #F9F9F9 !important;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  background-color: #bf1305;
  box-shadow: 0px 0px 10px 0px rgba(107.21355056762697, 57.75191428901315, 93.74153136586857, 0.5);
}

.pricesrm231 p{    margin-top: 1rem;
  }




.su-spoiler-style-default>.su-spoiler-content{


}


.su-spoiler-style-default>.su-spoiler-content h3:before{
  display:none !important;
  
}





.su-spoiler-style-default>.su-spoiler-content h3:nth-of-type(1):after {
     display:none !important;
  
}

.su-spoiler-style-default>.su-spoiler-content h3:after {
      display:none !important;
}

ul.si,ul.no,ul.re{
    margin-bottom:10px;
}


.si li {
    font-size: 17px;
    text-align: justify;
    font-weight: 400;
    line-height: 26px;
    background: url(//www.pureqtours.com/wp-content/themes/richardlarotagnew/css/../images/icn-incluye.webp) 10px center no-repeat;
    background-size: 18px auto;
    padding: 10px 0 10px 35px;
    color: #4c4c4c;
    background-position: 10px 13px;
}
.no li {
    font-size: 17px;
    text-align: justify;
    font-weight: 400;
    line-height: 26px;
    background: url(//www.pureqtours.com/wp-content/themes/richardlarotagnew/css/../images/icn-no-incluye.webp) 10px center no-repeat;
    background-size: 18px auto;
    padding: 10px 0 10px 35px;
    color: #4c4c4c;
    background-position: 10px 13px;
}

.re li {
    font-size: 17px;
    text-align: justify;
    font-weight: 400;
    line-height: 26px;
    background: url(//www.pureqtours.com/wp-content/themes/richardlarotagnew/css/../images/icn-que-llevar.webp) 10px center no-repeat;
    background-size: 18px auto;
    padding: 5px 0 5px 35px;
    color: #4c4c4c;
}

ul.no {
    font-size: 15px;
    text-align: justify;
    font-weight: 300;
    line-height: 24px;
}



label.screen-reader-text {
    display: none!important;
}


#lang_choice_polylang-3 {
    width: 60px;
    font-size: 15px;
    background: 0 0;
    border: 1px solid silver;
    border-radius: 5px;
    padding: 4px 5px
}


/************************************************************* **************************/







.menu {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logo-menu {
    margin: auto 0;
    display: none
}

.logo-menu img {
    width: 92px
}

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

.menu .nav li .sub-menu li a:hover {
    color: var(--color-amarillo)!important
}

.mega-menu {
    position: absolute;
    width: 100%!important;
    left: 0;
    padding: 15px 0
}

.mega-menu h3:nth-last-child(2) {
    padding-left: 0!important
}

.mega-menu h3 {
    color: var(--color-0);
    font-weight: 600;
    font-size: 15px;
    padding-top: 1.5rem;
    padding-left: 20px;
    text-transform: uppercase
}

.mega-menu p {
    font-size: 15px;
    padding-top: 10px
}

.menu .nav li a {
    display: flex;
    padding: 19px 0;
    margin: 0 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #2e3233;
    align-items: center;
    justify-content: flex-end;
    text-transform: uppercase;
    /* font-family: bold; */
}

.menu .nav .sub-menu li a {
    color: #000;
    display: block;
    padding: 12px 0 12px 0;
    margin: 0 20px 4px 20px;
    font-size: 12px;
    text-transform: capitalize;
    border-bottom: 1px solid #888;
    font-weight: 600;
    /* font-family: semi; */
}

.menu ul li>a:first-child {
    padding-left: 0
}

.menu ul li a i {
    padding-left: 5px;
    font-size: 20px;
    font-weight: 700
}

.menu ul .sub-menu li a i {
    float: right
}

#navbaresponsive .menu ul li a {
    color: #000
}

.menu-animacion {
    top: 0!important;
    transition: top .8s!important;
    display: block!important;
    animation: opa .7s
}

.menu-animacion .opa {
    position: fixed
}

@keyframes opa {
    0% {
        opacity: 0;
        top: 0!important;
        transition: 2s
    }

    100% {
        opacity: 1;
        transition: 2s;
        top: -150px!important
    }
}

.cart_count {
    position: absolute;
    top: -4px;
    right: 3px;
    font-size: 9px;
    border-radius: 50px;
    background: #1ec6b6;
    color: #fff;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-weight: 600;
    text-align: center
}

.menu-animacion .nav.menu-principal {
    margin: initial!important
}

.menu-animacion .menu li a {
    color: #000;
    font-size: 12px;
    padding: 18px 0
}

.menu-animacion .menu li a i {
    font-size: 12px
}

.menu-animacion .menu .logo {
    width: 130px
}

.menu-animacion .menu .nav .sub-menu li a {
    font-size: 13px
}

.nav li ul {
    flex-direction: column;
    display: none;
    box-shadow: 0 5px 40px rgb(0 0 0 / 15%);
    position: absolute;
    background: #fff;
    min-width: 225px;
    max-width: 325px;
    z-index: 9;
    border-radius: 5px
}

.nav li ul li:last-child>a {
    border-bottom: 0!important
}

.nav li:hover>ul {
    display: block;
    animation: fade-out .2s ease-out
}

.nav li .sub-menu li:hover ul {
    display: block;
    animation: fade-out2 .7s
}

.nav li ul li {
    position: relative
}

.nav li ul li ul {
    left: 100%;
    top: 0
}

.nav li ul li ul:nth-child(3) {
    background: red!important
}

.nav>li ul ul.sub-menu-right {
    left: auto!important;
    right: 100%!important
}

.boton-quote {
    border: none;
    background-color: #e00d4e;
    font-size: 12px!important;
    border-radius: 20px;
    padding: 7px 23px!important;
    margin-left: 10px!important;
    margin-right: 0!important;
    font-weight: 500!important;
    letter-spacing: -.025em;
    color: #fff!important
}

.boton-quote:hover {
    color: #fff!important
}

@keyframes fade-out {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes fade-out2 {
    0% {
        opacity: 0;
        left: 95%
    }

    100% {
        opacity: 1;
        left: 100%
    }
}

#menu2 {
    left: 0;
    background-color: #fff;
    position: fixed;
    top: -350px;
    width: 100%;
    transition: top 0s;
    z-index: 99;
    -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 8%),0 2px 10px 0 rgb(0 0 0 / 2%)
}

.logo-menu-2 .custom-logo-link img {
    width: 65px;
    height: auto
}

.menu-responsive-logo img {
    width: 88px;
    height: auto
}

.opa {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
    left: 0;
    top: 55px;
    opacity: 0;
    visibility: hidden
}

.opanone {
    opacity: 0;
    visibility: hidden;
    transition: .1s!important
}

.opablock {
    opacity: 1;
    visibility: visible;
    transition: 1s!important
}

.light {
    background: 0 0
}

@keyframes opa {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
        -moz-transition: opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;
        transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s
    }

    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s;
        -moz-transition: opacity .3s 0s,visibility 0s 0s,-moz-transform .3s 0s;
        transition: opacity .3s 0s,visibility 0s 0s,transform .3s 0s
    }
}



.menu-ui header {
    transform: translateY(0);
    transition: .3s;
    visibility: visible;
    opacity: 1
}

.dropdown-item {
    white-space: inherit!important
}

.menu-bars {
    width: 2rem;
    height: 30px;
    right: 20px;
    top: 15px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    z-index: 999;
    cursor: pointer;
    margin-left: 5px
}

.bar1,.bar2,.bar3 {
    background: #000;
    border-radius: 5px;
    height: 4px;
    transition: .5s all ease
}

.menu-bars .bar1 {
    width: 15px
}

.bar2 {
    width: 100%
}

.bar3 {
    width: 15px;
    margin-left: 17px
}

.menu-ui .bar1 {
    transform: rotate(138deg) translate3d(3px,13%,0);
    width: 38px;
    margin-top: 10px
}

.menu-ui .bar2 {
    transform: rotate(-138deg) translate3d(5.5px,32%,0);
    bottom: 0;
    width: 38px
}

.menu-ui .bar3 {
    transform: rotate(45deg) translate3d(-8px,35%,0);
    margin-left: 18px;
    width: 21px;
    opacity: 0;
    visibility: hidden
}

.idioma-banderas {
    display: flex;
    justify-content: end;
    align-items: center
}

.idioma-banderas img {
    height: 15px;
    width: 21px
}

.idioma-banderas a {
    font-size: 11px;
    margin-left: 10px;
    color: #888;
    transition: .5s;
    width: 35px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.idioma-banderas a:hover {
    color: var(--color-primario)
}

.idioma-banderas i {
    font-size: 17px
}

.logo-content {
    text-align: center
}

.logo-content img {
    width: auto;
    height: 110px
}





/*******************************  Responsive *****************************/

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

    .st-menu-mobile {
    display: none;
}

}



.st-menu-mobile {
    -webkit-box-shadow: 0 0 6px rgba(255,255,255,.5);
    box-shadow: 0 0 6px rgba(255,255,255,.5);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #228b22;
    z-index: 99
}

.st-menu-mobile__bar {
    background-color: #fff;
    z-index: 999;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

.st-menu-mobile__bar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 4.1rem;
}

.st-menu-mobile .main-logo {
    height: 3rem;
    display: block;
    overflow: hidden
}

.st-menu-mobile .main-logo img {
    height: 100%;
    width: auto
}

.cta-mobile-popup__button-group,.itinerary-glance .day-header,.st-menu-mobile .upper-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.8rem;
}

.st-menu-mobile .upper-links li {
    border-left: 1px solid #eee;
    text-align: center
}

.st-menu-mobile .upper-links .menu-icon {
    width: 4rem
}

.st-menu-mobile .upper-links a {
    font-size: 1.4rem;
    color: #ccc;
    display: block;
    height: 3rem;
    line-height: 3rem
}

.st-menu-mobile__navigation {
    width: 100%;
    background-color: #fff;
    height: calc(100vh - 70px);
    position: fixed;
    top: 64px;
    right: 0;
    left: 0;
    -webkit-transform: translateY(7rem);
    transform: translateY(7rem);
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 101;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center;
    visibility: hidden;
    opacity: 0
}

.st-menu-mobile__navigation.active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1
}

.st-menu-mobile__list {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
}

#toggle,.st-menu-mobile__sub-list {
    display: -webkit-box;
    display: -ms-flexbox
}

.st-menu-mobile__list a {
    display: block;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: Poppins,sans-serif;
    color: #888;
    text-decoration: none;
    border-bottom: 0.1px solid #ddd;
}

.st-menu-mobile__list>li {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: #fff
}

.brochure-icon,.card-highlight,.daily-description,.day-tour,.form-control .custom-select,.gives-back-box__image,.itinerary-days-container,.itinerary-page-section .section-title.upper-line-2,.package-card__heading,.salkantay-section .section-title.upper-line-backup,.salkantay-section .upper-line,.salkantay-section .upper-line-white,.sized,.st-menu-mobile__list>li.has-children>a,.tabs-content,.tour-card__heading {
    position: relative
}

.st-menu-mobile__list>li.has-children>a::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2rem;
    line-height: 5rem;
    position: absolute;
    right: 1rem;
    top: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.st-menu-mobile__list>li.has-children.active-menu-item>a {
    color: var(--richardlg1);
}

.st-menu-mobile__list>li.has-children.active-menu-item>a::after,.tab-button-item.active .tab-button::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.st-menu-mobile__list>li>a {
    line-height: 4rem;
}

.box-info--price,.btn-salkantay.solid-primary,.custom-pill.primary,.floating-sidebar-menu ul li.active::before,.floating-sidebar-menu ul li:hover::before,.itinerary-page-section.primary,.st-menu-mobile__list>li.cta-enquire {
    background-color: #f60
}

.footer-menu .footer-menu__block,.info-box2.salkantay-numbers.inverse .subtitle,.salkantay-section .section-presentation.inverse,.salkantay-section .section-presentation.inverse .section-title,.st-menu-mobile__list>li.cta-enquire a {
    color: #fff
}

.st-menu-mobile__list.dark {
    background-color: green
}

.bg-dark,.btn-salkantay.solid-black,.cta-link.alt2,.footer-menu,.footer-update,.itinerary-page-section.black,.st-menu-mobile__list.dark>li {
    background-color: #000
}

.btn-salkantay.solid-dark,.st-menu-mobile__list.dark>li:hover {
    background-color: #333
}

.st-menu-mobile__sub-list {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f8f8f8;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0;
}

.st-menu-mobile__sub-list>li {
    font-size: 0.9rem;
    text-transform: none;
    padding: 0;
}

.card-image-link+.card-image-link,.card-link-alt+.card-link-alt,.itinerary-presentation .tour-label2,.sidebar-container a+.presentation-card2,.sidebar-container div+.presentation-card2,.sidebar-container ul+.presentation-card2,.st-menu-mobile__sub-list>li:first-child,div+.card-link-alt,p+.card-link-alt,ul+.card-link-alt {
    margin-top: 1rem;
}

.form-group-2>*,.payment-container>div:not(:last-child),.salkantay-useful-information p,.sidebar-container .presentation-card2,.st-menu-mobile__sub-list>li:last-child,.tabs>li>div,.whatsapp-panel_members ul li:not(:last-child) {
    margin-bottom: 1rem
}

.btn-salkantay.circle i,.btn-salkantay.circle span,.st-menu-mobile__sub-list>li>a {
    line-height: 3.5rem;
}

.st-menu-mobile__contact {
    display: block;
    text-transform: none;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 400;
    width: 100%
}

.st-menu-mobile__contact>li {
    font-family: Roboto,sans-serif;
    padding: 1rem 0;
    width: 100%
}

.st-menu-mobile__contact>li a.cta-phone {
    font-family: Poppins,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    width: 100%;
    color: #888
}

.st-menu-mobile__contact>li a.cta-phone span {
    position: relative;
    display: inline-block;
    padding-left: 2rem
}

.st-menu-mobile__contact>li a.cta-phone span::before {
    content: "\f879";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f60;
    left: 0
}

.st-menu-mobile__contact>li.label {
    font-weight: 400
}

.icons>div {
    position: relative;
    border-left: 1px solid rgba(255,255,255,.5);
    width: 4.5rem
}

#toggle {
    width: 3.2rem;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1rem
}

#toggle .hamburger-icon {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #333;
    -webkit-transition: .3s;
    transition: .3s
}

#toggle .hamburger-icon::after,#toggle .hamburger-icon::before {
    position: absolute;
    background-color: #333;
    content: "";
    -webkit-transform-origin: center center;
    transform-origin: center center;
    border-radius: 2px;
    height: 2px;
    width: 100%;
    right: 0;
    -webkit-transition: .3s;
    transition: .3s
}

#toggle .hamburger-icon::before {
    top: -6px
}

#toggle .hamburger-icon::after {
    top: 6px
}

#toggle .hamburger-icon.active {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

#toggle .hamburger-icon.active::after,#toggle .hamburger-icon.active::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-links {
    display: none;
    position: relative
}

.mobile-links a {
    font-family: var(--font3);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff
}

.mobile-links.open {
    display: block;
    position: relative
}

.mobile-links>li {
    display: block;
    background: rgba(0,0,0,.9);
    border-bottom: 1px solid #fff
}

.mobile-links>li:last-child,.why-us-item:last-child,li.active li:last-child {
    border-bottom: none
}

.mobile-links>li>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 1.6rem
}

li.active li a {
    display: block;
    padding: 1rem 2.5rem;
    font-size: 1.4rem;
    letter-spacing: 1;
    color: #fff
}


.next.page-numbers, .prev.page-numbers, .screen-reader-text {
    display: none !important;
}

#lang_choice_polylang-4 {
    width: 48px;
    font-size: 15px;
    background: 0 0;
    border: 1px solid silver;
    border-radius: 5px;
    padding: 4px 5px;
}

.galeria1 {
    width: 53%;
    padding: 2px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.galeria2 {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    box-sizing: border-box;
}

.galeria2 div {
    width: 50%;
    padding: 2px;
    box-sizing: border-box;
}
#galeria{width:100%;min-height:300px;position: relative;line-height: 0;display: flex;}
#galeria .item{position: relative;overflow: hidden;}
#galeria .galeria1 img{width:100%;object-fit:cover;min-height: 500px;/* animation: zoomeffect 30s infinite; */border-radius: 5px;}
#galeria .galeria2 img{border-radius: 5px;object-fit: cover;min-height: 248px;}
#galeria .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%; opacity:0; transition:all .3s .1s;}
#galeria:hover .owl-nav{opacity:1}
#galeria .owl-nav div{position:absolute;top:50%;transform:translateY(-50%);font-size: 30px;display:flex;width: 50px;height: 50px;background-color: RGBA(0,0,0,0.5);color: #FFF;border-radius:50%;justify-content:center;align-items:center;box-sizing: border-box;transition:all .3s .1s;}
#galeria .owl-nav div:hover{background-color:#FFF;color:#222}
#galeria .owl-prev{left:40px;padding-right: 3px;}
#galeria .owl-next{right:40px;left:auto;padding-left: 3px;}



.galeria2 .item:nth-child(n+5) {
    display: none;
}


@media (max-width: 768px) {

     .galeria2 .item:nth-child(n+5) {
        display: none;
    }

     .galeria2 .item {
        display: block;
    }

    .galeria2 .item {
        display: block;
    }

.galeria1,.galeria2 {
    width: 100%;
    
}

    #galeria {
        display: block;
    }

 #galeria .galeria1 img, #galeria .galeria2 img {
        min-height: 140px;
    }

.responsive-tabs .responsive-tabs__panel
{
    padding:15px !important;
}


}

