/* ========= MAIN SLIDER =========*/

/* ----------- Main Slider Left ------------ */

#MainSlider .Left .Left-Content {
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    width:100%;
    height:400px;
    border-radius:15px 15px;
}

#MainSlider .Left .Left-Content a{
    text-decoration:none;
}

#MainSlider .Left .Left-Content a .Icon1{
    width:40px;
}

#MainSlider .Left .Left-Content a .Slogan{
    font-size: 24px;
    font-weight:600;
    font-family:'Open Sans', sans-serif;
    color:#28374f;
    margin-top:20px;
}

#MainSlider .Left .Left-Content a .Date {
    font-size: 16px;
    font-weight:bold;
    font-family:'Open Sans', sans-serif;
    color:#28374f;
    margin-top:25px;
}

#MainSlider .Left .Left-Content a .Date .Icon2 {
    width:22px;
}

#MainSlider .Left .Left-Content a .Description{
    font-size: 16px;
    font-weight:400;
    font-family:'Open Sans', sans-serif;
    color:#28374f;
    margin-top:30px;
}

/* ----------- Main Slider Right ------------ */

#MainSlider .Right .item-content {
    width:100%;
    height:400px;
}

#MainSlider .Right .item-content img{
    border-radius:15px 15px;
    width:100%;
    /*height:100%;*/
    object-fit:cover
}


@media only screen and (max-width: 680px) {

    #MainSlider {
        padding-top:10px !important;
    }

#MainSlider .Right .item-content {
    width:100%;
    height:230px;
}

#MainSlider .Right .item-content img{
    border-radius:5px 5px;
    width:100%;
    object-fit: fill;
}

#MainSlider .Right button{
   display: none;
}

#MainSlider .container{
    padding-left: 7px !important;
    padding-right: 7px !important;
}

}


/* ========= MAIN POPULAR HOLIDAY OPTIONS =========*/

.MainPopularHoliday .card {
    width: 100%;
    border-radius:8px;
}

.MainPopularHoliday .card img{
    border-radius:8px;
    height:141px;
    width: 100%;
    object-fit: cover;
    object-position: top;

}

.MainPopularHoliday h1 {
    font-size: 1.5rem;
    font-weight:bold;
    font-family:'Open Sans', sans-serif;
    color:#28374f;
}
.MainPopularHoliday .title {
    font-size: 1.0rem;
    font-weight:bold;
    font-family:'Open Sans', sans-serif;
    color:#0065b8;
    min-height: 50px;
}
.MainPopularHoliday h5 {
    font-family:'Open Sans', sans-serif;
     font-size:1em;
     font-weight:600;
     color:#28374f;
    min-height: 70px;
}

.MainPopularHoliday a {
    font-size:14px;
    color:#0065b8;
    text-decoration: none;
}


.MainPopularHoliday .PopularBanner {
    width: 100%;
    height:160px;
    border-radius:8px ;
}


.MainPopularHoliday .PopularBanner img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius:8px;
}

@media only screen and (max-width: 680px) {
    .MainPopularHoliday .container {
        padding-top: 1px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .MainPopularHoliday .container .col-md-12 {
        padding-bottom: 4px !important;
    }

    .MainPopularHoliday h1 {
        font-size: 1.1rem;
        color:#122264;
    }

    .MainPopularHoliday .card img{
        border-radius:4px;
        height:180px;
        width: 100%;
        object-fit: cover;
        object-position: top;
    }

    .MainPopularHoliday .card .card-body{
        padding-left: 10px !important;
        padding-top: 10px !important;
    }

    .MainPopularHoliday h5 {
         font-size:0.9em;
         font-weight: 700;
    }

    .MainPopularHoliday .col-md-6 {
       padding-top:15px;
    }

    .MainPopularHoliday .PopularBanner {
        width: 100%;
        height:100px;
        border-radius:4px ;
    }


    .MainPopularHoliday .PopularBanner img{
        width:100%;
        height:100%;
        object-fit: cover;
        border-radius:4px;
    }
}


/* ========= MAIN HIGHLIGHTS  =========*/

#MainHighlights h1 {
    font-size: 1.5rem;
    font-weight:bold;
    font-family:'Open Sans', sans-serif;
    color:#28374f;
}

#MainHighlights .Card a {
    text-decoration: none;
}

#MainHighlights .Card .Card-Content {
    width: 100%;
    height:340px;
    border-radius:10px;
}

#MainHighlights .Card .Card-Content img{
     height:100%;
     width:100%;
     object-fit:cover;
     border-radius:10px;
}

@media only screen and (max-width: 680px) {

    #MainHighlights .container {
        padding-left: 6px;
        padding-right: 6px;
    }

    #MainHighlights h1 {
        font-size: 1.1rem;
        padding-top: 10px;
        color:#122264
    }

    #MainHighlights .Card .Card-Content {
        width: 100%;
        height:150px;
        border-radius:6px;
    }

    #MainHighlights .Card .Card-Content img{

         width:100%;
         object-fit:fill;
         border-radius:6px;
    }

    #MainHighlights .col-6 {
       padding-left: 8px;
       padding-right: 8px;
       margin-bottom: 18px;
    }
}


.last-searches {
    display: block;
    width: 100%;
    margin-top: 15px
}

.last-searches-content h2.title {font-size: 1.5rem;font-weight: bold; font-family: 'Open Sans', sans-serif; color: #28374f;}

.last-searches .item {
    border-radius: 8px;
    background: #e9ecf2;
    display: inline-block;
    width: 100%;
    padding: 6px;
    min-height: 62px;
    padding-left: 66px;
    position: relative;
    transition: all 250ms ease-in-out;
    text-decoration: none;
}

.last-searches .item .icon-bg {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: block;
    position: absolute;
    left: 6px;
    /*top: 6px;*/
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.last-searches .item .title {
    font-size: 16px;
    font-weight: 600;
    color: #122264;
    line-height: normal;
    display: block;
    padding-right: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.last-searches .item .date-rooms {
    font-size: 14px;
    line-height: normal;
    color: #3f3f4f;
    display: block;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.last-searches .item:hover {
    box-shadow: 0 1px 4px 0 rgba(18,34,100,0.2)
}

.last-searches .icon-bg {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 8px
}

.last-searches .icon-bg .icon {
    color: #096aba
}

.last-searches .icon.icon-right-arrow {
    font-size: 12px;
    color: #122264;
    position: absolute;
    right: 19px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold
}
.remove-recent-searches {
    font-size: 16px;
    color: #3394ed;
    font-weight: normal;
    line-height: 18px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 6px;
    border: solid 1px #efefef;
    background-color: white;
    text-align: center;
    min-width: 76px;
    padding: 4px 0;
    float: right;
    margin-top: -2px
}






#MainLastViewHotel .mySwiperLastHotel {}
#MainLastViewHotel .swiper-slide {height: auto;}
#MainLastViewHotel .swiper-button-prev {width: 44px;background: #0065B8;border-radius: 50%; left:-32px;}
#MainLastViewHotel .swiper-button-prev::after {color: #fff; font-size: 12px;}
#MainLastViewHotel .swiper-button-next { width: 44px; background: #0065B8; border-radius: 50%; right:-32px;}
#MainLastViewHotel .swiper-button-next::after {color: #fff; font-size: 12px;}
#MainLastViewHotel .TourCard {
    background-color: #fff;
    padding:6px 10px;
    margin:16px 8px;
    border-radius: 8px;
    width: 100%;
   }

   #MainLastViewHotel .TourCard .Left .Photo{
      width: 100%;
      min-height: 100%;
      border-radius: 4px;
      image-rendering: pixelated;
   }

   #MainLastViewHotel .TourCard .Right{
    position:relative;
   }

   #MainLastViewHotel .TourCard .Right .Info{
  text-align: left;
 }

   #MainLastViewHotel .TourCard .Right .Info .RecomendOne{
    border: 1px solid #0065ff;
    border-radius: 0px;
    color: #1f1c1c;
    background: none;
    font-weight: bold;
    display: inline;
    font-size: 0.75em;
    padding:2px 5px 2px 5px;
 }

 #MainLastViewHotel .TourCard .Right .Info .RecomendOne i{
  color: #0065ff;
 }

 #MainLastViewHotel .TourCard .Right .Info .Name{
  font-size: 1em;
  font-weight: 600;
  line-height: 1.38;
  color: #1f1c1c;
  margin-top: 5px;
  margin-bottom: 0;
 }

 #MainLastViewHotel .TourCard .Right .Info .Location{
  display: block;
  font-size: .85em;
  color: #999;
  font-weight: 500;
  margin-top: 2px;
 }

 #MainLastViewHotel .TourCard .Right .Info .Ultra{
  line-height: normal;
  font-size: 14px;
  width: auto;
  display: table;
  margin-top: 3px;
  color: #2fa252 !important;
 }

 #MainLastViewHotel .TourCard .Right .Info .Ultra .CountUltra{
  border:1px solid #2fa252;
  padding: 1px 3px;
  opacity: 0.7;
  margin-left: 3px;
  color: #2fa252 !important;
 }

 #MainLastViewHotel .TourCard .Right .Info .Cancel{
  display: block;
  background-color: #eef9f1;
  color: #2fa252;
  border: none;
  padding: 3px 5px;
  border-radius: 6px;
  font-weight: 600;
  width: 80%;
  font-size: 0.85em;
  margin-top: 6px;
 }

 #MainLastViewHotel .TourCard .Right .Info .PayLater img{width: 18px;height: auto;}

 #MainLastViewHotel .TourCard .Right .Info .PayLater{
  display: block;
  font-weight: 600;
  width: 80%;
  font-size: 0.85em;
  margin-top: 5px;
  color: #1f1c1c;
  padding: 3px 5px;
  border-radius: 6px;
  background-color: #fef5e7;
 }

 #MainLastViewHotel .TourCard .Right .Info .Installment{
  line-height: normal;
  font-size: 0.9em;
  margin-top: 5px;
  color: #2fa252;
 }

 #MainLastViewHotel .TourCard .Right .Info .RecomendTwo{
  background: #f1f9ff;
  color: #0065ff;
  border: 0px;
  line-height: 20px;
  padding: 2px 10px 2px 2px;
  font-weight: 500;
  font-size: 0.8em;
 }


 #MainLastViewHotel .TourCard .Right .Summary {
  margin-top: 110px;
  position:relative;
 }

 #MainLastViewHotel .TourCard .Right .Description {
   position:absolute;
   bottom: 0;
   left: 0;
   font-size: 0.85em;
   line-height: 1.38;
   color: #505162;
 }

 #MainLastViewHotel .TourCard .Right .Price {
  position:absolute;
  bottom: 0;
  right:0;
}

#MainLastViewHotel .TourCard .Right .Price .Discount {
  background: #fff1f1;
color: #e94343;
font-weight: 700;
padding: 2px 5px;
font-size: 0.70em;
margin-top: 5px;
display: block;
float: right;
clear: both;
border-radius: 4px 0 0 4px;
margin-right: -8px;
}


#MainLastViewHotel .TourCard .Right .Price .OldPrice {
margin-top: 5px;
display: block;
clear: both;
font-size: 14px;
color: #9696b4;
display: inline-block;
text-align: right;
text-decoration: line-through;
width: 100%;
}

#MainLastViewHotel .TourCard .Right .Price .CurrentPrice {


display: block;
float: right;
clear: both;
font-size: 24px;
font-weight: bold;
text-align: right;
color: #2fa252;
}


#MainLastViewHotel .TourCard .Right .priceCt {
    border-radius: 8px;
    background-color: #f1f3f7;
    padding: 13px 10px;
    overflow: hidden;
    height: 44px
}

#MainLastViewHotel .TourCard .Right .priceCt.false {
    display: none
}

#MainLastViewHotel .TourCard .Right .priceCt .night {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #28374f;
    float: left;
    text-align: left;
}

#MainLastViewHotel .TourCard .Right .priceCt .night em {
    display: block;
    font-size: 10px;
    font-weight: 600;
    padding-bottom: 2px;
    font-style: normal;
}

#MainLastViewHotel .TourCard .Right .priceCt .night.false {
    margin-top: -4px
}

#MainLastViewHotel .TourCard .Right .priceCt .night.true em {
    display: none
}

#MainLastViewHotel .TourCard .Right .priceCt .price {
    float: right;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: normal;
    text-align: right;
    color: #0fba54;
    position: Relative;
    padding-right: 15px
}

#MainLastViewHotel .TourCard .Right .priceCt .price:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    vertical-align: middle;
    display: inherit;
    font-size: 12px;
    font-size: .75rem;
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -4px
}

#MainLastViewHotel .TourCard .Right .priceCt .price small {
    font-size: 12px;
    font-size: .75rem
}

.flatpickrHotelMobile {display: none;}
.flatpickrPlaneMobile {display: none;}
.flatpickrBusMobile {display: none;}
.flatpickrCultureMobile {display: none;}

@media only screen and (max-width: 680px) {

.flatpickrHotel {display: none;}
.flatpickrPlane {display: none;}
.flatpickrBus {display: none;}
.flatpickrCulture {display: none;}

.flatpickrHotelMobile {display: block;}
.flatpickrPlaneMobile {display: block;}
.flatpickrBusMobile {display: block;}
.flatpickrCultureMobile {display: block;}

.last-searches-content {margin-top: 15px;}
.last-searches-content h2.title {font-size: 18px;}
#MainLastViewHotel .swiper-button-prev {left: 0;}
#MainLastViewHotel .swiper-button-next {right: 0;}
#MainLastViewHotel .TourCard .Right .Summary {margin-top: 15px !important;}
    #MainLastViewHotel .group-title
    {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 680px) {
    .MainPopularHoliday .group-title
    {
        margin-left: 10px;
    }
    .MainPopularHoliday .theme-item
    {
        margin: 5px 0;
        padding: 0 20px;
    }
}