.space-introsection {
  margin-top: 52px; }

/*
0-600px:phone
600-900px:Tablet portrait
900-1200px:Tablet Landscape
[1200-1800] is where our normal styles apply
1800px +:Big desktop
*/
/*
$breakpoint arguement choices
-phone
-tab-part
-tab-land
-big-desktop
1em=16px

*/
@media (max-width: 120em) {
  html {
    font-size: 62.5%; } }

@media (max-width: 36em) {
  html {
    font-size: 56.25%; } }

@media (max-width: 24em) {
  html {
    font-size: 50%; } }

body {
  font-size: 1.6rem; }

a,
a:visited {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: 0;
  font-family: 'Poppins', sans-serif;
  color: inherit; }

a:hover {
  text-decoration: none;
  color: inherit; }

a:focus {
  text-decoration: none;
  outline: 0;
  color: inherit; }

.section-spacing {
  margin-top: 5rem; }

.spacing-dxl {
  margin-top: 10rem; }

.block-img {
  width: 100%;
  height: 400px; }

.box-shadow-1 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }

.box-shadow-2 {
  border-bottom: 1px solid #EBDBDB; }

.input-data img:hover {
  cursor: pointer;
  transition: all .2s ease-out;
  transform: scale(1.1); }

.payment-item {
  width: 200px;
  height: 100px; }
  @media (max-width: 36em) {
    .payment-item {
      display: block;
      margin: auto; } }

.currency-link {
  font-family: "poppins_medium";
  margin-bottom: .5em; }

.mobile-login {
  font-size: 1em;
  font-family: "quicksandbold";
  margin-right: 3.5em; }

.heading-1 {
  font-family: "poppins_medium";
  font-size: 3rem;
  margin-bottom: 3rem; }

.heading-des {
  max-width: 570px;
  text-align: center;
  font-family: "poppins_regular";
  font-size: 1.6rem;
  line-height: 2.5888rem;
  margin: 0 auto;
  padding-bottom: 3rem; }
  .heading-des:after {
    content: '';
    width: 40px;
    height: 4px;
    background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9);
    display: block;
    margin: auto;
    margin-top: .5em; }

.text-1_danger h2 {
  color: #ed1a3b; }

.text-1_danger a {
  background-color: #ed1a3b;
  margin-bottom: 3rem; }

.text-1_primary h2 {
  color: #15A8D8; }

.text-1_primary a {
  background-color: #15A8D8; }

.text-1 h2 {
  font-size: 3rem;
  font-family: "poppins_semibold";
  letter-spacing: 1px;
  margin-bottom: 2rem; }

.text-1 p {
  font-family: "poppins_medium";
  font-size: 1.6rem;
  color: #242223; }

.text-1 a {
  font-size: 1.6rem;
  font-family: "poppins_semibold";
  color: white;
  line-height: 35px;
  width: 130px;
  height: 45px; }

.text-2 {
  padding: 8rem 0; }
  .text-2 h2 {
    font-size: 3.2rem;
    font-family: "poppins_semibold";
    line-height: 4.8rem; }
  .text-2 p {
    font-family: "poppins_regular";
    font-size: 1.8rem;
    margin-top: 2rem;
    margin-bottom: 0; }
  .text-2 img {
    margin-top: 3rem; }

.roomModal-heading {
  font-family: "poppins_medium";
  margin-bottom: .5rem; }

.roomModal-list {
  font-family: "open_sans_lightregular"; }

.roomModal-amenitieslist {
  list-style: none;
  margin: 0;
  padding: 0; }
  .roomModal-amenitieslist li {
    margin-bottom: .5em;
    font-size: 1.4rem; }
    .roomModal-amenitieslist li i {
      width: 30px; }
    .roomModal-amenitieslist li span {
      font-family: "open_sans_lightregular"; }

.navbar-mobile_menu {
  background: white;
  border-bottom-right-radius: 100px; }
  @media (max-width: 36em) {
    .navbar-mobile_menu {
      margin-bottom: 4rem; } }

.navbar-mobile_toggler {
  margin-top: 2rem; }
  .navbar-mobile_toggler:hover {
    cursor: pointer; }

.navbar-desktop {
  font-family: "quicksandbold";
  font-size: 1.6rem; }
  .navbar-desktop .nav-item {
    cursor: pointer; }
    .navbar-desktop .nav-item:not(:last-child) {
      margin-right: 1.5em; }
  .navbar-desktop_dropdown {
    border-radius: 10px;
    font-size: 1.5rem;
    width: 17em;
    padding: 15px 0; }
    .navbar-desktop_dropdown:before {
      content: "";
      border: 10px solid transparent;
      border-left-color: #fff;
      border-top-color: #fff;
      position: absolute;
      border-radius: 3px;
      top: -8px;
      right: 45px;
      -webkit-box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
      box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: 1002; }
    .navbar-desktop_dropdown .dropdown-item {
      padding: 0.6em 20px; }
    .navbar-desktop_dropdown i {
      width: 40px;
      color: #746E6E; }
    .navbar-desktop_dropdown .dropdown-text {
      font-family: "quicksandbold"; }

.navbar-logo {
  padding-left: 30px; }

.navbar-usericon {
  margin-right: 3.5em; }
  .navbar-usericon img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: red;
    border: 4px solid white;
    -webkit-box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.2);
    box-shadow: 0 5px 10px 0 rgba(43, 43, 43, 0.2); }

.header-home {
  background-image: url("../img/header-background.png");
  background-size: cover;
  padding: 7rem 0; }
  @media (max-width: 36em) {
    .header-home {
      padding-top: 0; } }

.header-mobile {
  background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9);
  padding-bottom: 32px; }
  .header-mobile .hsearchbox {
    margin-right: 2rem;
    position: relative; }
    .header-mobile .hsearchbox input {
      width: 100%;
      height: 40px;
      border-radius: 5px;
      outline: none;
      border: none;
      border: 2px solid rgba(116, 110, 110, 0.2);
      padding: .5em .4em .6em 2.8em;
      margin-bottom: 2rem;
      color: #242223;
      font-family: "poppins_medium";
      font-size: 1.6rem; }
      .header-mobile .hsearchbox input:focus ~ label {
        color: #1976d2; }
      .header-mobile .hsearchbox input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #746E6E;
        font-family: "poppins_regular"; }
      .header-mobile .hsearchbox input::-moz-placeholder {
        /* Firefox 19+ */
        color: #746E6E;
        font-family: "poppins_regular"; }
      .header-mobile .hsearchbox input:-ms-input-placeholder {
        /* IE 10+ */
        color: #746E6E;
        font-family: "poppins_regular"; }
      .header-mobile .hsearchbox input:-moz-placeholder {
        /* Firefox 18- */
        color: #746E6E;
        font-family: "poppins_regular"; }
    .header-mobile .hsearchbox label {
      position: absolute;
      top: .6em;
      left: 1em;
      color: #4b4749; }
      @media (max-width: 75em) {
        .header-mobile .hsearchbox label {
          font-size: 1.3rem; } }
      @media (max-width: 62em) {
        .header-mobile .hsearchbox label {
          font-size: 1.6rem; } }
      @media (max-width: 36em) {
        .header-mobile .hsearchbox label {
          font-size: 2rem; } }
  .header-mobile .filteractive {
    background-color: white;
    text-align: center;
    border-radius: 10px;
    height: 40px;
    width: 60px; }
    .header-mobile .filteractive img {
      display: block;
      margin: 0 auto; }

.header-text h1 {
  font-size: 4.5rem;
  color: white;
  font-family: "poppins_bold";
  line-height: 1.2; }

.header-text p {
  font-size: 1.6rem;
  color: white;
  font-family: "poppins_medium"; }

.section-video {
  background-image: url("../img/bg-video.png");
  background-size: cover; }

.section-hotels {
  padding-top: 2rem; }

.section-headsearch {
  background-color: #fbfbfb; }
  .section-headsearch .form-search_input {
    margin-bottom: 0; }
    @media (max-width: 62em) {
      .section-headsearch .form-search_input {
        margin-bottom: 1rem; } }
  .section-headsearch .filter_toggler {
    height: 45px;
    border: 1px solid #242223;
    padding: 0 1.5rem;
    font-family: "poppins_medium"; }
    .section-headsearch .filter_toggler:hover {
      cursor: pointer;
      background-color: white; }

.section-hotelinfo-included {
  text-align: left; }
  .section-hotelinfo-included .heading {
    font-family: "open_sans_semiboldregular";
    font-size: 2.4rem;
    line-height: 3.8832rem;
    margin-bottom: 12px; }
  .section-hotelinfo-included .subheading {
    font-family: "poppins_medium";
    font-size: 1.8rem;
    line-height: 2.9124rem;
    color: #242223; }
  .section-hotelinfo-included .des {
    font-family: "poppins_regular";
    font-size: 1.4rem;
    line-height: 2.2652rem; }
  .section-hotelinfo-included ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .section-hotelinfo-included ul li {
      color: #1976d2;
      text-transform: capitalize;
      padding: .5rem 0;
      font-weight: 500;
      color: #746E6E; }
      .section-hotelinfo-included ul li i {
        margin-right: 1rem;
        color: #1976d2; }
      .section-hotelinfo-included ul li span {
        font-size: 1.5rem;
        text-align: center;
        font-family: "quicksandbold"; }

@media (max-width: 62em) {
  .hotel-header {
    margin-top: 32px; } }

.hotel-header .htitle {
  font-size: 2.8rem;
  font-family: "quicksandbold";
  line-height: 4.5304rem; }

.hotel-header .hdes {
  border: 1px solid #d8d8d8;
  border-left: none;
  border-right: none;
  padding: 12px 0; }
  @media (max-width: 24em) {
    .hotel-header .hdes {
      display: block !important; } }
  .hotel-header .hdes .hprice {
    font-family: "open_sansbold";
    font-size: 2.4rem;
    color: #1976d2; }
    .hotel-header .hdes .hprice span {
      font-family: "quicksandbold";
      font-size: 1.6rem;
      color: #d8d8d8; }
  .hotel-header .hdes .hrating-group {
    color: #ED8A19; }
  .hotel-header .hdes .hrating-des {
    color: #d8d8d8;
    font-family: "poppins_regular";
    font-size: 1.4rem; }

.hotel-header .hcontent {
  padding: 12px 0; }
  .hotel-header .hcontent-heading {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: "open_sansbold";
    margin-bottom: 12px; }
  .hotel-header .hcontent-brief {
    font-size: 1.4rem;
    font-family: "open_sans_lightregular";
    margin-bottom: 12px; }

.hotel-header .htab .nav-item:not(:last-child) {
  margin-right: 2rem; }

.hotel-header .htab .nav-item .nav-link {
  font-family: "open_sansbold";
  font-size: 1.8rem;
  text-transform: uppercase;
  line-height: 2.9124rem;
  color: #746E6E; }
  @media (max-width: 24em) {
    .hotel-header .htab .nav-item .nav-link {
      font-size: 1.4rem; } }
  .hotel-header .htab .nav-item .nav-link.active {
    border-top: none;
    border-right: none;
    border-left: none;
    color: #000;
    position: relative; }
    .hotel-header .htab .nav-item .nav-link.active:after {
      content: '';
      width: 100px;
      height: 6px;
      background-color: #15A8D8;
      display: block;
      position: absolute;
      bottom: -4px;
      border-radius: 100px; }
      @media (max-width: 24em) {
        .hotel-header .htab .nav-item .nav-link.active:after {
          width: 30px; } }

.hotel-header .htab .tab-description {
  font-family: "quicksandregular";
  font-size: 1.6rem;
  padding: 20px 0;
  line-height: 2.5888rem; }

.hotel-header .htab .tab-amenities {
  padding: 20px 0; }
  .hotel-header .htab .tab-amenities ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .hotel-header .htab .tab-amenities ul li {
      font-size: 1.6rem;
      font-family: "quicksandmedium"; }
      .hotel-header .htab .tab-amenities ul li i {
        margin-right: .8rem;
        color: #d8d8d8; }

.hotel-header .htab .tab-review {
  padding: 20px 0; }
  .hotel-header .htab .tab-review .reviewer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .hotel-header .htab .tab-review .reviewer ul li {
      margin-bottom: 20px; }
    .hotel-header .htab .tab-review .reviewer ul .expand, .hotel-header .htab .tab-review .reviewer ul .showmore {
      display: block;
      text-align: right;
      font-family: "open_sans_semiboldregular";
      cursor: pointer; }
      .hotel-header .htab .tab-review .reviewer ul .expand:hover, .hotel-header .htab .tab-review .reviewer ul .showmore:hover {
        text-decoration: underline;
        text-decoration-color: #1976d2;
        color: #1976d2; }
  .hotel-header .htab .tab-review .reviewer-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    margin: 0 auto; }
    @media (max-width: 24em) {
      .hotel-header .htab .tab-review .reviewer-img {
        width: 40px;
        height: 40px; } }
  .hotel-header .htab .tab-review .reviewer-heading {
    line-height: 2.5888rem; }
    .hotel-header .htab .tab-review .reviewer-heading_name {
      font-family: "poppins_medium";
      margin-right: .8rem;
      font-size: 1.6rem; }
    .hotel-header .htab .tab-review .reviewer-heading_date {
      font-family: "open_sans_lightregular";
      color: #746E6E; }
  .hotel-header .htab .tab-review .reviewer-des {
    font-size: 1.4rem;
    line-height: 2.2652rem; }

.filter_addon {
  background-color: #fbfbfb;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 21;
  padding: 20px 0; }
  .filter_addon_btn button {
    font-size: 1.6rem; }
  .filter_addon .heading {
    font-family: "poppins_medium";
    font-size: 1.6rem;
    margin-bottom: .5rem; }
  .filter_addon .filter-group label {
    cursor: pointer;
    font-size: 1.4rem;
    font-family: "poppins_medium"; }
  .filter_addon .filter-group input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    width: 1em; }
    .filter_addon .filter-group input[type="checkbox"]:checked:before {
      content: url("../img/checkbox.svg");
      width: 1em; }
    .filter_addon .filter-group input[type="checkbox"]:before {
      content: url("../img/echeckbox.svg");
      width: 1em;
      display: inline-block;
      margin-right: 5px; }

.section-theme2-background {
  background-color: #0066b3;
  padding: 2.4rem 0; }
  .section-theme2-background h1 {
    font-family: "poppins_semibold";
    margin-bottom: 0; }
  .section-theme2-background p {
    margin-top: 1.6rem;
    font-family: "poppins_regular";
    font-size: 1.4rem;
    line-height: 23px; }

.footer-copyright {
  border-left: none;
  border-right: none;
  padding: 20px 0; }
  .footer-copyright-text {
    font-family: "poppins_medium";
    color: #242223;
    text-align: right; }
    @media (max-width: 48em) {
      .footer-copyright-text {
        text-align: center; } }

.footer-socialicons {
  text-align: center; }
  @media (max-width: 48em) {
    .footer-socialicons {
      text-align: right; } }
  .footer-socialicons a {
    color: inherit;
    display: inline-block;
    margin-right: 1rem;
    font-size: 2.2rem; }
    .footer-socialicons a.facebook {
      color: #3b579d; }
    .footer-socialicons a.twitter {
      color: #2caae1; }
    .footer-socialicons a.linkedin {
      color: #0177b5; }
    .footer-socialicons a:hover {
      cursor: pointer; }

.footer-desktop {
  padding: 20px 0;
  border-top: 2px solid rgba(216, 216, 216, 0.2);
  background-color: #1976d2;
  color: white; }
  .footer-desktop_content {
    color: white; }
    .footer-desktop_content h1 {
      font-family: "poppins_bold";
      font-size: 2.4rem;
      margin-bottom: 1rem;
      line-height: 4.854rem; }
    .footer-desktop_content p {
      font-family: "open_sansregular";
      font-size: 1.4rem;
      line-height: 2.2652rem; }

.contact_ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .contact_ul li {
    font-family: "open_sansregular";
    font-size: 1.4rem; }
    .contact_ul li .fas {
      color: white; }
    .contact_ul li:not(:last-child) {
      margin-bottom: 16px; }

.foot_about {
  margin-top: 20px;
  margin-bottom: 20px; }

.img_store {
  height: 50px;
  margin-bottom: 8px; }

.section-about {
  background-image: linear-gradient(to right top, #0066b3, #0066b3, #0066b3, #0066b3, #0066b3);
  padding: 32px 0;
  margin-top: 20px;
  margin-bottom: 20px; }

.help_ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .help_ul li {
    font-family: "open_sansregular";
    font-size: 1.4rem;
    margin-bottom: 8px;
    border-bottom: 2px solid rgba(216, 216, 216, 0.16); }

.card-why {
  border-radius: 10px;
  padding: 3rem 0; }
  .card-why a {
    color: inherit; }
  @media (max-width: 120em) {
    .card-why {
      margin-bottom: 2.5em; } }
  .card-why img {
    height: 50px; }
    @media (max-width: 62em) {
      .card-why img {
        height: 40px; } }
  .card-why p {
    font-family: "poppins_medium";
    font-size: 1.8rem;
    color: white;
    margin-top: 3rem; }
    @media (max-width: 62em) {
      .card-why p {
        font-size: 1.3rem; } }
    @media (max-width: 36em) {
      .card-why p {
        font-size: 1.6rem; } }
  .card-why_1 {
    background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9); }
  .card-why_2 {
    background-image: linear-gradient(to right top, #ec9243, #f38647, #f87a4e, #fd6e57, #ff6161); }
  .card-why_3 {
    background-image: linear-gradient(to right top, #ed1a3b, #ed1a3b, #ed1a3b, #ed1a3b, #ed1a3b); }
  .card-why_4 {
    background-image: linear-gradient(to right top, #0066b3, #0066b3, #0066b3, #0066b3, #0066b3); }

.card-properties {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
  margin-bottom: 4rem; }
  .card-properties figure {
    height: 240px; }
    .card-properties figure .figimg {
      background-size: cover;
      height: 100%;
      width: fit-content; }
  .card-properties_details {
    padding: 8px; }
    .card-properties_details .prop_name {
      font-size: 1.6rem;
      font-family: "poppins_medium";
      margin-bottom: 0;
      text-transform: capitalize; }
    .card-properties_details .prop_location {
      margin-top: 8px;
      font-family: "poppins_regular";
      font-size: 1.4rem;
      color: #777777; }
      .card-properties_details .prop_location i {
        color: #ed1a3b;
        width: 20px;
        font-size: 1.4rem;
        margin-top: 2px; }
    .card-properties_details .rating {
      margin-top: 4px;
      color: #ED8A19; }
    .card-properties_details .discountmessage {
      margin-top: 4px;
      font-family: "poppins_semibold";
      color: #0066b3;
      font-size: 1.4rem; }
    .card-properties_details .hprice {
      border-top: 1px solid #EBDBDB;
      font-size: 1.6rem;
      font-family: "poppins_semibold";
      margin-top: 8px;
      padding-top: 8px; }
      .card-properties_details .hprice-text {
        color: #746E6E;
        display: block;
        margin-right: 1.6rem; }
      .card-properties_details .hprice-before {
        color: #ed1a3b;
        text-decoration: line-through;
        display: block;
        margin-right: 1.6rem; }
      .card-properties_details .hprice-after {
        display: block;
        color: #0066b3; }

.card-near {
  margin-bottom: 4.8rem; }
  .card-near_hotel {
    border-radius: 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16); }
    @media (max-width: 36em) {
      .card-near_hotel {
        max-width: 300px;
        margin: auto;
        margin-bottom: 3rem; } }
    .card-near_hotel:hover {
      cursor: pointer;
      transition: all .3s ease-in-out;
      box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.1); }
    .card-near_hotel img {
      height: 190px !important; }
      @media (max-width: 36em) {
        .card-near_hotel img {
          height: 220px !important; } }
  .card-near figure {
    position: relative; }
    .card-near figure .figimg {
      background-size: cover;
      width: 100%;
      height: 280px; }
    .card-near figure .pricetag {
      position: absolute;
      background: white;
      right: 0;
      bottom: 1rem;
      font-size: 1.6rem;
      padding: .5rem 1rem;
      font-family: "poppins_medium"; }
      .card-near figure .pricetag span {
        font-size: 1.3rem; }
    .card-near figure .discounttag {
      position: absolute;
      top: 0;
      left: 0;
      background-color: white; }
      .card-near figure .discounttag p {
        padding: .8rem;
        background-color: #ed1a3b;
        color: white;
        font-family: "poppins_regular";
        font-size: 1.8rem;
        margin-bottom: 0; }
      .card-near figure .discounttag .discountmessage {
        padding: 0 .8rem;
        font-family: "open_sansregular";
        font-size: 1.4rem; }
  .card-near .content h6 {
    font-size: 1.6rem;
    font-family: "poppins_medium"; }
  .card-near .content .location {
    font-size: 1.6rem;
    margin: .8rem 0; }
    .card-near .content .location i {
      width: 15px;
      color: #ed1a3b; }
  .card-near .content .rating {
    color: #ED8A19; }
  .card-near .content .ratingtag {
    display: flex;
    width: 100%;
    align-items: center; }
    .card-near .content .ratingtag:hover {
      cursor: pointer;
      transition: all .2s ease-in-out; }
      .card-near .content .ratingtag:hover .ratingtag-text {
        background: linear-gradient(to right top, #04be1d, #00af2a, #00a132, #009237, #0a843a); }
    .card-near .content .ratingtag-text {
      width: 2.2em;
      height: 2.2em;
      background: linear-gradient(to right top, #ec9243, #f38647, #f87a4e, #fd6e57, #ff6161);
      color: white;
      font-family: "poppins_medium";
      text-align: center;
      border-radius: 50%; }
      @media (max-width: 36em) {
        .card-near .content .ratingtag-text {
          width: 2em;
          height: 2em;
          font-size: 1.2rem; } }
    .card-near .content .ratingtag::before {
      content: '';
      background: #d8d8d8;
      flex: 1;
      height: .1em;
      margin: .2em; }
  .card-near .content-1st h6 {
    font-size: 1.6rem;
    font-family: "poppins_semibold";
    margin-bottom: .25em; }
  .card-near .content-1st .locations {
    font-size: 1.2rem;
    line-height: 20px;
    font-family: "open_sans_semiboldregular";
    color: #746E6E; }
  .card-near .content-2nd {
    padding-bottom: 1rem; }
    .card-near .content-2nd .discounted {
      color: #ed1a3b;
      font-family: "poppins_semibold";
      text-decoration: line-through;
      font-size: 1.8rem;
      margin-right: 2rem; }
      @media (max-width: 36em) {
        .card-near .content-2nd .discounted {
          font-size: 1.4rem; } }
    .card-near .content-2nd .price {
      color: #0066b3;
      font-size: 1.8rem;
      font-family: "poppins_semibold"; }
      @media (max-width: 36em) {
        .card-near .content-2nd .price {
          font-size: 1.4rem; } }
  .card-near .content-3rd {
    margin-top: 1rem; }
    .card-near .content-3rd i {
      font-size: 1.6rem;
      color: #746E6E; }
      @media (max-width: 36em) {
        .card-near .content-3rd i {
          font-size: 1.4rem; } }
      .card-near .content-3rd i:hover {
        color: #1bcfb4;
        cursor: pointer; }
  .card-near .content-4th {
    margin-top: .5em; }
    .card-near .content-4th p {
      font-family: "poppins_medium";
      font-size: 1.2rem;
      line-height: 20px; }
      @media (max-width: 36em) {
        .card-near .content-4th p {
          font-size: 1.1rem; } }
  .card-near .content-5th {
    margin: .5em 0;
    font-family: "open_sans_semiboldregular";
    font-size: 1.6rem; }
    .card-near .content-5th i {
      width: 20px; }

.card-search {
  background-color: white;
  border-radius: 20px;
  padding: 2rem;
  padding-bottom: 4px;
  box-shadow: 0 3px 6px rgba(36, 34, 35, 0.16); }
  @media (max-width: 36em) {
    .card-search {
      margin-top: 4rem; } }
  .card-search_title {
    font-family: "poppins_medium";
    font-size: 2rem;
    margin-bottom: 1.5rem; }
    @media (max-width: 36em) {
      .card-search_title {
        font-size: 2.2rem; } }

.card-feature {
  text-align: center;
  padding: 2em 1em;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  margin-bottom: 4rem; }
  .card-feature:hover {
    cursor: pointer;
    transform: translateY(-4px);
    transition: all .4s; }
  .card-feature i {
    font-size: 4rem; }
  .card-feature h6 {
    font-family: "poppins_medium";
    font-size: 2rem;
    line-height: 33px;
    margin-top: 2rem; }
    @media (max-width: 48em) {
      .card-feature h6 {
        font-size: 1.6rem;
        line-height: 26px; } }
  .card-feature p {
    font-size: 1.6rem;
    font-family: "poppins_regular";
    line-height: 26px;
    margin-bottom: 0; }
    @media (max-width: 48em) {
      .card-feature p {
        font-size: 1.4rem;
        line-height: 23px; } }

.card-room {
  border-radius: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0 auto; }
  .card-room_no {
    padding: 0 16px;
    font-family: "poppins_medium";
    font-size: 1.6rem;
    color: #0066b3; }
  .card-room_promotion {
    background-color: #f3f3f3;
    padding: 1rem;
    margin: .5rem 0;
    border-left: 4px solid #1976d2;
    margin-bottom: 1.5rem; }
    .card-room_promotion-text {
      font-family: "poppins_semibold"; }
    .card-room_promotion-rate {
      font-family: "poppins_medium";
      color: #1976d2; }
  .card-room_img {
    height: 220px; }
    .card-room_img img {
      height: 100%;
      width: 100%; }
  .card-room_extra {
    padding: 8px 16px;
    background: #fafafa;
    margin-top: .25em;
    font-family: "poppins_regular"; }
    .card-room_extra div:hover {
      text-decoration: underline;
      color: #1976d2;
      cursor: pointer; }
  .card-room_name {
    padding: 10px 16px;
    font-size: 2rem; }
    .card-room_name .rname {
      font-family: "poppins_semibold";
      font-size: 1.6rem; }
    .card-room_name .rprice {
      font-family: "poppins_semibold";
      font-size: 1.4rem;
      color: #0066b3; }
  .card-room_feature {
    padding: 8px 16px; }
    .card-room_feature .rfeature {
      border: 1px solid #d8d8d8;
      text-align: center;
      padding: 8px 4px;
      border-radius: 8px;
      box-shadow: 0 3px 2px rgba(0, 0, 0, 0.12); }
      .card-room_feature .rfeature i {
        font-size: 2rem;
        padding: 4px 0; }
      .card-room_feature .rfeature_name {
        font-family: "poppins_regular";
        font-size: 1.2rem;
        padding: 4px 0; }
      .card-room_feature .rfeature_des {
        font-family: "poppins_semibold";
        color: #1976d2; }
  .card-room_included {
    padding: 10px 16px; }
    .card-room_included .ititle {
      font-family: "poppins_semibold";
      line-height: 26px;
      font-size: 1.4rem;
      color: #0066b3; }
    .card-room_included .incList {
      font-size: 1.4rem;
      font-family: "poppins_regular";
      margin: 0;
      line-height: 24px; }
      .card-room_included .incList .expand, .card-room_included .incList .showmore {
        display: block;
        text-align: right;
        font-family: "open_sans_semiboldregular";
        cursor: pointer; }
        .card-room_included .incList .expand:hover, .card-room_included .incList .showmore:hover {
          text-decoration: underline;
          text-decoration-color: #1976d2;
          color: #1976d2; }
  .card-room_book {
    padding: 20px 8px; }
  .card-room_btn {
    border: none;
    outline: none;
    border-radius: 100px;
    background-color: #1976d2;
    padding: 8px 24px;
    color: white;
    font-family: "poppins_medium";
    font-size: 1.6rem;
    box-shadow: 0 3px 6px rgba(25, 118, 210, 0.16);
    cursor: pointer; }

.card_popular {
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-bottom: 3.2rem; }
  .card_popular_front {
    position: relative; }
  .card_popular_btn {
    margin: 1rem 3rem 1.6rem 3rem; }
    .card_popular_btn a {
      background-color: #1976d2;
      color: white;
      padding: .8rem 1.6rem;
      font-family: "poppins_medium"; }
  .card_popular_picture {
    background-size: cover;
    object-fit: cover;
    height: 200px;
    background-blend-mode: screen;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .card_popular_picture img {
      height: 100%; }
  .card_popular_heading {
    font-size: 2.4rem;
    font-weight: 300;
    text-transform: uppercase;
    text-align: right;
    color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55%;
    line-height: 50px; }
    .card_popular_heading_span {
      padding: 1rem 1.5rem;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone; }
      .card_popular_heading_span--1 {
        background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9); }
  .card_popular_details {
    padding: 3rem 3rem 1rem 3rem; }
    .card_popular_details ul {
      list-style: none;
      width: 80%; }
      .card_popular_details ul li {
        text-align: center;
        font-size: 1.5rem;
        padding: 1rem; }
        .card_popular_details ul li:not(:last-child) {
          border-bottom: 1px solid gray; }

.morecontent span {
  display: none; }

.morelink {
  display: inline-block;
  color: #1976d2 !important; }

.form-search {
  width: 100%;
  position: relative; }
  .form-search_addon {
    position: absolute;
    top: 52px;
    width: 100%;
    padding: 1rem;
    font-family: "poppins_medium";
    display: none;
    z-index: 1; }
    .form-search_addon:before {
      content: "";
      border: 10px solid transparent;
      border-left-color: #fff;
      border-top-color: #fff;
      position: absolute;
      border-radius: 3px;
      top: -8px;
      right: 45px;
      -webkit-box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
      box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: 1002; }
    .form-search_addon-close {
      margin-top: 2rem;
      font-family: "poppins_medium";
      color: #15A8D8; }
      .form-search_addon-close:hover {
        cursor: pointer;
        text-decoration: underline; }
    .form-search_addon img:hover {
      cursor: pointer; }
  .form-search_location {
    position: absolute;
    top: 52px;
    width: 100%;
    padding: 1rem 1.5rem;
    font-family: "poppins_medium";
    display: none;
    z-index: 1; }
    .form-search_location:before {
      content: "";
      border: 10px solid transparent;
      border-left-color: #fff;
      border-top-color: #fff;
      position: absolute;
      border-radius: 3px;
      top: -8px;
      right: 45px;
      -webkit-box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
      box-shadow: -5px -5px 12px -2px rgba(0, 0, 0, 0.3);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: 1002; }
    .form-search_location ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .form-search_location ul li {
        padding: .3em 0; }
        .form-search_location ul li i {
          color: #746E6E;
          width: 30px; }
  .form-search_input {
    width: 100%;
    border-radius: 5px;
    outline: none;
    border: none;
    border: 2px solid rgba(116, 110, 110, 0.2);
    padding: .5em .4em .6em 2.8em;
    margin-bottom: 2rem;
    color: #242223;
    font-family: "poppins_medium";
    font-size: 1.6rem; }
    @media (max-width: 75em) {
      .form-search_input {
        font-size: 1.3rem; } }
    @media (max-width: 62em) {
      .form-search_input {
        font-size: 1.6rem; } }
    @media (max-width: 36em) {
      .form-search_input {
        font-size: 2rem; } }
    .form-search_input:focus ~ label {
      color: #1976d2; }
    .form-search_input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #746E6E;
      font-family: "poppins_regular"; }
    .form-search_input::-moz-placeholder {
      /* Firefox 19+ */
      color: #746E6E;
      font-family: "poppins_regular"; }
    .form-search_input:-ms-input-placeholder {
      /* IE 10+ */
      color: #746E6E;
      font-family: "poppins_regular"; }
    .form-search_input:-moz-placeholder {
      /* Firefox 18- */
      color: #746E6E;
      font-family: "poppins_regular"; }
  .form-search label {
    position: absolute;
    top: .6em;
    left: 1em;
    color: #4b4749; }
    @media (max-width: 75em) {
      .form-search label {
        font-size: 1.3rem; } }
    @media (max-width: 62em) {
      .form-search label {
        font-size: 1.6rem; } }
    @media (max-width: 36em) {
      .form-search label {
        font-size: 2rem; } }

.form-modal {
  margin-bottom: 2em;
  position: relative; }
  .form-modal-text {
    font-size: 12px;
    font-family: "poppins_regular"; }
  .form-modal_button {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 2em;
    border-radius: 100px;
    background-color: #1976d2;
    color: white;
    font-family: "poppins_medium";
    text-transform: uppercase;
    height: 45px;
    outline: none;
    border: none; }
  .form-modal_input {
    width: 100%;
    height: 45px;
    outline: none;
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    padding-left: 3.5em;
    padding-right: 2.5em;
    font-size: 1.2rem;
    border: 1px solid #d8d8d8;
    font-family: "poppins_medium"; }
    .form-modal_input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #746E6E;
      font-family: "poppins_regular";
      font-size: 1.2rem; }
    .form-modal_input::-moz-placeholder {
      /* Firefox 19+ */
      color: #746E6E;
      font-family: "poppins_regular";
      font-size: 1.2rem; }
    .form-modal_input:-ms-input-placeholder {
      /* IE 10+ */
      color: #746E6E;
      font-family: "poppins_regular";
      font-size: 1.2rem; }
    .form-modal_input:-moz-placeholder {
      /* Firefox 18- */
      color: #746E6E;
      font-family: "poppins_regular";
      font-size: 1.2rem; }
    .form-modal_input:focus ~ label {
      color: #1976d2; }
  .form-modal label {
    position: absolute;
    top: .8em;
    left: 1em; }

.btns-search {
  padding: .6em .2em .8em .2em;
  width: 100%;
  border-radius: 5px;
  font-family: "poppins_medium";
  outline: none;
  border: none;
  background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9);
  color: white; }

.btns-list {
  background-image: linear-gradient(to right top, #ed1a3b, #ed1a3b, #ed1a3b, #ed1a3b, #ed1a3b);
  color: white;
  border-radius: 3px; }
  .btns-list:active, .btns-list:hover, .btns-list:link, .btns-list:visited {
    color: white; }

.btns-more {
  background-color: #1976d2;
  padding: 1.6rem 2.4rem;
  color: white !important;
  font-family: "poppins_medium";
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
  border-radius: 100px; }

.modal-signuptext {
  font-size: 1.6rem;
  font-family: "poppins_semibold";
  color: #777777; }
  .modal-signuptext a {
    color: #0066b3; }

.modal-register-content {
  border-radius: 0; }

.modal-register-body {
  padding: 0 3rem; }

.modal-register-dialog {
  max-width: 400px; }

.modal-register-header .modal-title {
  font-family: "poppins_medium";
  font-size: 2rem; }

.modal-register-header .close {
  font-size: 2rem; }

.modal-register-body .form-check-input {
  margin-right: 5px; }

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  max-width: 39em; }
  .sidenav_search {
    background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9); }
  .sidenav_close_1 {
    position: absolute;
    right: 0;
    top: 0;
    background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9);
    border-bottom-left-radius: 100px;
    padding: 1rem 2rem 2rem 3rem;
    z-index: 1; }
  .sidenav-header_1 {
    position: relative; }
  .sidenav-header_2 {
    padding: .5em 1em;
    border-bottom: 1px solid #e9ecef;
    font-size: 2em;
    background-image: linear-gradient(to right top, #32c8f6, #26c1f6, #1cb9f5, #1ab2f4, #1faaf2, #16a1ef, #1398eb, #188fe7, #0883e0, #0077d9, #036bd1, #0e5fc9);
    color: white; }
    @media (max-width: 24em) {
      .sidenav-header_2 {
        font-size: 1.4em; } }
    .sidenav-header_2 .heading {
      font-family: "poppins_medium"; }
  .sidenav_userimg {
    position: absolute;
    bottom: -40px;
    left: 30px; }
    .sidenav_userimg img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      border: 5px solid white;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); }
  .sidenav-content_1 {
    padding-top: 3.5em;
    background-image: linear-gradient(to bottom, #f4f4f4, #e4e4e9); }
    .sidenav-content_1 .heading {
      font-family: "open_sansbold";
      font-size: 1.4em;
      padding: .7em 20px .3em 20px; }
    .sidenav-content_1 .sidenav-item {
      padding: .7em 20px;
      font-size: 1.4em;
      font-family: "poppins_medium";
      background-color: white;
      margin-bottom: 1px;
      display: block;
      color: inherit; }
      .sidenav-content_1 .sidenav-item i {
        width: 40px;
        color: #746E6E; }
  .sidenav-content_2 {
    padding: .7em 20px .3em 20px; }
    .sidenav-content_2 button {
      border: none;
      outline: none;
      background-color: none;
      font-family: "poppins_medium";
      font-size: 1.2em;
      border: 1px solid #242223;
      padding: .5em; }
    .sidenav-content_2 .heading {
      font-family: "open_sansbold";
      font-size: 1.4em;
      margin-bottom: .5em; }
      @media (max-width: 24em) {
        .sidenav-content_2 .heading {
          font-size: 1.2em; } }
    .sidenav-content_2 .filter-group label {
      cursor: pointer;
      font-size: 1.4rem;
      font-family: "poppins_medium"; }
      @media (max-width: 24em) {
        .sidenav-content_2 .filter-group label {
          font-size: 1.2rem; } }
    .sidenav-content_2 .filter-group input[type="checkbox"] {
      -webkit-appearance: none;
      appearance: none;
      outline: none; }
      .sidenav-content_2 .filter-group input[type="checkbox"]:checked:before {
        content: url("../img/checkbox.svg");
        width: 1em; }
      .sidenav-content_2 .filter-group input[type="checkbox"]:before {
        content: url("../img/echeckbox.svg");
        width: 1em;
        display: inline-block;
        margin-right: 5px; }