/**
 * importer.scss
 *
 * By default, new Sails projects are configured to compile this file
 * from SASS to CSS.  Unlike CSS files, SASS files are not compiled and
 * included automatically unless they are imported below.
 *
 * The SASS files imported below are compiled and included in the order
 * they are listed.  Mixins, variables, etc. should be imported first
 * so that they can be accessed by subsequent SASS stylesheets.
 *
 * (Just like the rest of the asset pipeline bundled in Sails, you can
 * always omit, customize, or replace this behavior with SASS, SCSS,
 * or any other Grunt tasks you like.)
 */
 @import "bootstrap.min.css";
 @import "skins.min.css";
 .blog-slidesec {
   display: flex;
   align-items: center;
   height: 450px;
   width: 100%;
   background: url(https://c.myholidays.com/cms/images/theme/citybanner.webp)
     no-repeat center bottom;
   background-size: cover;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .blog-slidesec {
     height: 350px;
   }
 }
 @media screen and (max-width: 767px) {
   .blog-slidesec {
     height: auto;
     padding: 15px 0 50px;
   }
 }
 
 #blog-slider {
   background: rgba(185, 26, 82, 0.7);
   padding: 25px 5%;
   color: #fff;
   min-height: 260px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   #blog-slider {
     margin-top: -25px;
   }
 }
 @media screen and (max-width: 767px) {
   #blog-slider {
     min-height: 230px;
   }
 }
 #blog-slider h4 {
   font-family: "robotobold";
   font-size: 30px;
   line-height: 40px;
   margin: 0 0 15px;
 }
 @media screen and (max-width: 767px) {
   #blog-slider h4 {
     font-size: 18px;
     line-height: 25px;
     margin: 0 0 10px;
   }
 }
 #blog-slider p {
   font-size: 18px;
   line-height: 25px;
 }
 @media screen and (max-width: 767px) {
   #blog-slider p {
     font-size: 15px;
     line-height: 20px;
   }
 }
 #blog-slider .readmore {
   background: #fff;
   color: #b91a52;
   font-size: 16px;
   line-height: 20px;
   padding: 10px 25px;
   border-radius: 3px;
   display: inline-block;
   margin: 15px 0 0;
 }
 @media screen and (max-width: 767px) {
   #blog-slider .readmore {
     font-size: 15px;
     padding: 8px 15px;
     margin: 10px 0 0;
   }
 }
 #blog-slider .carousel-indicators {
   bottom: -50px;
 }
 #blog-slider .carousel-indicators li {
   width: 15px;
   height: 15px;
 }
 @media screen and (max-width: 767px) {
   #blog-slider .carousel-indicators li {
     width: 12px;
     height: 12px;
   }
 }
 #blog-slider .carousel-indicators li.active {
   width: 17px;
   height: 17px;
 }
 @media screen and (max-width: 767px) {
   #blog-slider .carousel-indicators li.active {
     width: 14px;
     height: 14px;
   }
 }
 
 @media screen and (max-width: 767px) {
   .bloglisting {
     padding: 0 30px;
   }
 }
 .bloglisting .box {
   margin: 0 -2px 30px;
   float: none;
   display: inline-block;
   vertical-align: top;
 }
 @media screen and (max-width: 767px) {
   .bloglisting .box {
     margin: 0 0 15px;
   }
 }
 @media screen and (min-width: 567px) and (max-width: 767px) {
   .bloglisting .box {
     margin: 0 -2px 20px;
     width: 50%;
   }
 }
 .bloglisting .box .details {
   background: #fff;
   padding: 25px 7%;
   box-shadow: 0 0 5px #ddd;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .bloglisting .box .details {
     padding: 15px 8% 10px;
   }
 }
 @media screen and (max-width: 767px) {
   .bloglisting .box .details {
     padding: 15px 5% 5px;
   }
 }
 .bloglisting .box .details .profile {
   margin: 0 0 30px;
   display: inline-block;
   width: 100%;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .bloglisting .box .details .profile {
     margin: 0 0 15px;
   }
 }
 @media screen and (max-width: 767px) {
   .bloglisting .box .details .profile {
     margin: 0 0 10px;
   }
 }
 .bloglisting .box .details .profile img {
   width: 70px;
   margin-right: 15px;
   float: left;
   border-radius: 50%;
   height: 70px;
 }
 @media screen and (max-width: 991px) {
   .bloglisting .box .details .profile img {
     width: 50px;
     height: 50px;
     margin-right: 10px;
   }
 }
 .bloglisting .box .details .profile span {
   display: block;
 }
 .bloglisting .box .details .profile span.name {
   color: #222;
   font-size: 15px;
   line-height: 20px;
   margin: 10px 0 5px;
 }
 @media screen and (max-width: 767px) {
   .bloglisting .box .details .profile span.name {
     margin: 2px 0 5px;
   }
 }
 .bloglisting .box .details .profile span.date {
   color: #878787;
   font-size: 14px;
   line-height: 20px;
 }
 .bloglisting .box .details h3 {
   font-family: "robotobold";
   font-size: 25px;
   line-height: 35px;
   margin: 0 0 25px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .bloglisting .box .details h3 {
     font-size: 17px;
     line-height: 24px;
     margin: 0 0 15px;
   }
 }
 @media screen and (max-width: 767px) {
   .bloglisting .box .details h3 {
     font-size: 15px;
     line-height: 22px;
     margin: 0 0 5px;
     font-family: "robotomedium";
   }
 }
 .bloglisting .box .details h3 a {
   color: #333;
 }
 .bloglisting .box .details h3 a:hover {
   text-decoration: none;
 }
 .bloglisting .box .details p {
   color: #818181;
   font-size: 16px;
   line-height: 28px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .bloglisting .box .details p {
     font-size: 14px;
     line-height: 24px;
   }
 }
 @media screen and (max-width: 767px) {
   .bloglisting .box .details p {
     font-size: 14px;
     line-height: 23px;
   }
 }
 .bloglisting .box .details .readmore {
   display: inline-block;
   font-family: "robotomedium";
   color: #333;
 }
 
 .blog-sidebar {
   background: #fff;
   box-shadow: 0 0 10px #ccc;
   padding: 20px 5%;
 }
 @media screen and (max-width: 767px) {
   .blog-sidebar {
     margin: 0 15px;
     padding: 15px 4%;
   }
 }
 .blog-sidebar h4 {
   font-family: "robotobold";
   font-size: 22px;
   line-height: 30px;
   margin: 0 0 15px;
   color: #111;
 }
 .blog-sidebar .box {
   margin: 0 0 20px;
 }
 .blog-sidebar .posts {
   font-family: "robotomedium";
 }
 .blog-sidebar .posts li {
   padding: 15px 0;
   border-top: 1px solid #ddd;
 }
 .blog-sidebar .posts .postimg {
   float: left;
   width: 100px;
   margin: 0 15px 0 0;
 }
 .blog-sidebar .posts .date {
   font-size: 17px;
   line-height: 25px;
   color: #919191;
   margin: 0 0 5px;
   display: block;
 }
 .blog-sidebar .posts h5 {
   font-size: 16px;
   line-height: 22px;
   margin: 0 0 5px;
 }
 .blog-sidebar .posts h5 a {
   color: #333;
 }
 .blog-sidebar .posts .comment {
   font-size: 17px;
   line-height: 25px;
   color: #919191;
   text-decoration: none;
 }
 .blog-sidebar .newsbox {
   background: #b91a52;
   padding: 20px 8% 30px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .blog-sidebar .newsbox {
     padding: 15px 6% 20px;
   }
 }
 .blog-sidebar .newsbox form {
   position: relative;
 }
 .blog-sidebar .newsbox h3 {
   font-size: 22px;
   line-height: 25px;
   color: #fff;
   font-family: "robotomedium";
   margin: 0 0 15px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .blog-sidebar .newsbox h3 {
     font-size: 18px;
     line-height: 22px;
   }
 }
 .blog-sidebar .newsbox .error_align {
   position: absolute;
   top: 40px;
   color: #ff0;
   left: 0;
 }
 .blog-sidebar .newsbox .error_align.green_color {
   position: absolute;
   bottom: -26px;
   background: green;
   color: #fff;
   padding: 1px 10px;
   width: 100%;
   left: 0;
   top: auto;
 }
 .blog-sidebar .newsbox .error_align.green_color:empty {
   display: none;
 }
 .blog-sidebar .newsbox input[type="text"],
 .blog-sidebar .newsbox input[type="email"] {
   border: none;
   background: #fff;
   width: 100%;
   height: 40px;
   padding: 2px 10px;
   margin: 0 0 20px;
   font-size: 15px;
   line-height: 20px;
 }
 .blog-sidebar .newsbox input[type="submit"],
 .blog-sidebar .newsbox button {
   border: none;
   background: #048089;
   width: 100%;
   color: #fff;
   padding: 10px 0;
   font-size: 16px;
   line-height: 20px;
 }
 
 .blogdetail-sec {
   background: #fff;
   box-shadow: 0 0 10px #ccc;
   padding: 25px 3%;
   color: #818181;
   font-size: 15px;
   line-height: 24px;
 }
 @media screen and (max-width: 767px) {
   .blogdetail-sec {
     padding: 15px 4%;
     margin: -5px 15px 15px;
     box-shadow: none;
   }
 }
 .blogdetail-sec p,
 .blogdetail-sec p * {
   color: #696767 !important;
   font-size: 15px !important;
   line-height: 24px !important;
   font-family: "robotoregular" !important;
 }
 @media screen and (max-width: 767px) {
   .blogdetail-sec p,
   .blogdetail-sec p * {
     font-size: 14px !important;
     line-height: 21px !important;
   }
 }
 .blogdetail-sec ol {
   margin: 0;
   padding: 0;
 }
 .blogdetail-sec h3 {
   font-family: "robotobold";
   font-size: 30px;
   line-height: 35px;
   margin: 0 0 20px;
   color: #222;
 }
 @media screen and (max-width: 767px) {
   .blogdetail-sec h3 {
     font-size: 18px;
     line-height: 25px;
     margin: 0 0 10px;
   }
 }
 .blogdetail-sec .fullimg {
   margin: 0 0 20px;
 }
 .blogdetail-sec img {
   max-width: 100%;
   height: auto !important;
 }
 .blogdetail-sec .highlist {
   border-left: 2px solid #b91a52;
   padding-left: 20px;
   color: #b91a52;
 }
 .blogdetail-sec p {
   margin: 0 0 20px !important;
 }
 @media screen and (max-width: 767px) {
   .blogdetail-sec p {
     margin: 0 0 10px !important;
   }
 }
 .blogdetail-sec p b {
   color: #222 !important;
   font-size: 17px !important;
   line-height: 25px !important;
   margin: 0 0 -15px !important;
 }
 @media screen and (max-width: 767px) {
   .blogdetail-sec p b {
     font-size: 15px !important;
     margin: 0 0 -5px !important;
   }
 }
 .blogdetail-sec .social-bar {
   padding: 15px 0;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   display: none;
   justify-content: space-between;
   font-size: 15px;
   line-height: 20px;
 }
 .blogdetail-sec .social-bar .icons li {
   font-size: 20px;
   margin: 0 20px 0 0;
 }
 .blogdetail-sec .social-bar .icons li a {
   color: #333;
 }
 .blogdetail-sec .social-bar .icons li a i {
   font-family: "Font Awesome 5 Brands";
 }
 .blogdetail-sec .social-bar .share li {
   font-size: 14px;
   margin: 0 0 0 20px;
 }
 .blogdetail-sec .social-bar .share li a {
   color: #888;
 }
 .blogdetail-sec .social-bar li {
   display: inline-block;
 }
 .blogdetail-sec .userbar {
   padding: 25px 0;
   border-bottom: 1px dashed #ccc;
 }
 .blogdetail-sec .userbar .user {
   display: inline-block;
   width: 100px;
   vertical-align: top;
   margin-right: 20px;
 }
 .blogdetail-sec .userbar .info {
   display: inline-block;
   vertical-align: top;
   width: calc(100% - 125px);
 }
 .blogdetail-sec .userbar .info h4 {
   color: #333;
   font-size: 17px;
   line-height: 20px;
   margin: 0 0 5px;
   font-family: "robotomedium";
 }
 .blogdetail-sec .userbar .info p {
   margin: 0 0 10px;
 }
 .blogdetail-sec .userbar .info ul li {
   display: inline-block;
   margin: 0 15px 0 0;
 }
 .blogdetail-sec .userbar .info ul li a {
   color: #333;
 }
 .blogdetail-sec .userbar .info ul li a i {
   font-family: "Font Awesome 5 Brands";
 }
 .blogdetail-sec .pagination {
   display: flex;
   justify-content: space-between;
   margin: 20px 0 0;
 }
 .blogdetail-sec .pagination a {
   color: #444;
   font-size: 15px;
   line-height: 20px;
 }
 .blogdetail-sec .pagination i {
   width: 40px;
   height: 40px;
   background: #f1f1f1;
   border-radius: 50%;
   vertical-align: middle;
   text-align: center;
   line-height: 40px;
 }
 .blogdetail-sec .pagination i.fa-angle-left {
   margin-right: 10px;
 }
 .blogdetail-sec .pagination i.fa-angle-right {
   margin-left: 10px;
 }
 
 @media screen and (max-width: 767px) {
   .blog_listing_page_pagination .pagination {
     margin: 5px 0 15px;
   }
 }
 .blog_listing_page_pagination li {
   margin-right: 10px;
   display: inline-block;
 }
 .blog_listing_page_pagination li a,
 .blog_listing_page_pagination li span {
   border-radius: 0 !important;
 }
 .blog_listing_page_pagination li.active span {
   background: #b91a52;
   border-color: #b91a52;
   color: #fff;
 }
 .blog_listing_page_pagination li.active span:hover {
   background: #a50d42;
 }
 
 body {
   font-family: "robotoregular";
 }
 body.overlay {
   position: relative;
 }
 body.overlay:after {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: rgba(0, 0, 0, 0.6);
 }
 
 .flex-dark-greenbg {
   background: #036169;
 }
 
 .container {
   width: 70%;
 }
 @media only screen and (min-width: 1401px) and (max-width: 1550px) {
   .container {
     width: 85%;
   }
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   .container {
     width: 90%;
   }
 }
 @media only screen and (max-width: 1199px) {
   .container {
     width: 100%;
   }
 }
 
 ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 header {
   width: 100%;
 }
 header .top-header {
   padding: 10px 0;
   background: #048089;
   color: #ffffff;
 }
 @media only screen and (max-width: 767px) {
   header .top-header .row {
     display: flex;
     justify-content: space-between;
   }
 }
 @media only screen and (max-width: 767px) {
   header .top-header .row .col-md-6 {
     padding: 0 0;
   }
 }
 header .top-header ul.left li:first-child {
   padding-left: 0;
 }
 header .top-header ul.right li:last-child {
   padding-right: 0;
 }
 header .top-header ul li {
   padding: 0 5px;
   display: inline-block;
   color: #fff;
   font-size: 14px;
   line-height: 20px;
   font-family: "robotomedium";
 }
 @media only screen and (max-width: 767px) {
   header .top-header ul li {
     padding: 0 4px;
     font-size: 13px;
   }
 }
 header .top-header ul li a {
   color: #ffffff;
 }
 header .main-header {
   padding: 18px 0;
   margin-bottom: -15px;
 }
 @media only screen and (max-width: 767px) {
   header .main-header {
     padding: 10px 0;
   }
 }
 header .right-header ul {
   margin: 6px 0;
 }
 header .right-header ul li {
   display: inline-block;
   margin-left: 25px;
 }
 @media only screen and (max-width: 767px) {
   header .right-header ul li {
     margin: 0 0;
   }
 }
 header .right-header ul li a {
   color: #222;
   font-size: 16px;
 }
 @media only screen and (max-width: 767px) {
   header .right-header ul li a {
     font-size: 0;
   }
 }
 @media only screen and (min-width: 1025px) {
   header .right-header ul li a.call {
     pointer-events: none;
   }
 }
 header .right-header ul li a i {
   width: 35px;
   height: 35px;
   display: inline-block;
   vertical-align: middle;
   background: #048089;
   color: #ffffff;
   line-height: 35px;
   text-align: center;
   margin: 0 5px 0 0;
   font-size: 20px;
   border-radius: 50%;
 }
 @media only screen and (max-width: 767px) {
   header .right-header ul li a i {
     font-size: 15px;
     background: #0fa9b2;
   }
 }
 
 .banner_sec,
 .flex-bg {
   position: relative;
   min-height: 400px;
   padding: 15px 0 0px;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_sec,
   .flex-bg {
     min-height: 500px;
   }
 }
 @media only screen and (max-width: 767px) {
   .banner_sec,
   .flex-bg {
     min-height: 10px;
     padding: 0;
     background: none;
   }
 }
 .banner_sec h1.banner-title,
 .flex-bg h1.banner-title {
   font-size: 40px;
   position: absolute;
   width: 100%;
   top: 20px;
   line-height: 50px;
   text-align: center;
   margin: 45px 0;
   color: #ffffff;
   text-shadow: 2px 2px 2px #555;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   .banner_sec h1.banner-title,
   .flex-bg h1.banner-title {
     margin: 30px 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .banner_sec h1.banner-title,
   .flex-bg h1.banner-title {
     font-size: 30px;
     line-height: 40px;
     margin: 25px 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .banner_sec h1.banner-title,
   .flex-bg h1.banner-title {
     font-size: 20px;
     line-height: 25px;
     margin: 5px 25px 15px;
     display: none;
   }
 }
 .banner_sec h1.banner-title span,
 .flex-bg h1.banner-title span {
   font-family: "robotobold";
 }
 .banner_sec .banner-details,
 .flex-bg .banner-details {
   width: 100%;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   .banner_sec .banner-details,
   .flex-bg .banner-details {
     top: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .banner_sec .banner-details,
   .flex-bg .banner-details {
     position: static;
   }
 }
 
 .flex-bg .flex-container {
   display: block;
 }
 @media only screen and (max-width: 767px) {
   .flex-bg .flex-container {
     overflow: visible;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .search-widget .tabs {
     display: none;
   }
 }
 .search-widget .tabs li {
   display: inline-block;
   margin: 0 15px 0 0;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tabs li {
     flex: 1;
     margin: 0;
   }
 }
 .search-widget .tabs li.active a {
   background: #fdfdfd;
   color: #b91a52;
 }
 .search-widget .tabs li a {
   display: inline-block;
   vertical-align: top;
   width: 180px;
   line-height: 30px;
   padding: 10px;
   background: #b91a52;
   color: #edb8ca;
   text-align: center;
   font-family: "robotobold";
   cursor: pointer;
   font-size: 16px;
   border-radius: 2px 2px 0 0;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tabs li a {
     width: auto;
     display: block;
     padding: 10px 20px;
   }
 }
 .search-widget .tabs li a:hover {
   text-decoration: none;
 }
 .search-widget .tabs li:last-child {
   display: none;
 }
 .search-widget .whitebox {
   background: #fdfdfd;
   padding: 15px 15px 5px;
   border-radius: 0 0 2px 2px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .whitebox {
     display: inline-block;
     padding: 15px;
   }
 }
 @media screen and (max-width: 767px) {
   .search-widget .whitebox {
     padding: 0;
   }
 }
 .search-widget .tab-content {
   display: none;
 }
 .search-widget .tab-content.active {
   display: block;
 }
 .search-widget .tab-content .triptype {
   margin: 0 0 18px;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .triptype {
     margin: 0 0 15px;
     background: #048089;
     display: flex;
   }
 }
 .search-widget .tab-content .triptype li {
   display: inline-block;
   margin: 0 75px 0 0;
   font-size: 15px;
   color: #b91a52;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .triptype li {
     margin: 0;
     flex: 1;
   }
 }
 .search-widget .tab-content .triptype li label {
   position: relative;
   padding: 0 0 0 27px;
   margin: 0;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .triptype li label {
     display: block;
     padding: 12px 0;
     text-align: center;
     color: #59cdd6;
     font-size: 16px;
     font-weight: 700;
   }
 }
 .search-widget .tab-content .triptype li label small {
   font-size: 100%;
 }
 .search-widget .tab-content .triptype li label span {
   width: 18px;
   height: 18px;
   display: inline-block;
   border: 1px solid #ccc;
   position: absolute;
   left: 0;
   margin-top: -9px;
   top: 50%;
   border-radius: 50%;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .triptype li label span {
     width: 100%;
     height: 5px;
     border: none;
     background: #04828a;
     margin-top: 0;
     top: auto;
     bottom: 0;
   }
 }
 .search-widget .tab-content .triptype li input {
   margin: 4px 7px 0 -25px;
   opacity: 0;
 }
 .search-widget .tab-content .triptype li input:checked + span:after {
   position: absolute;
   left: 3px;
   top: 3px;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #b91a52;
   content: "";
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .triptype li input:checked + span:after {
     width: 100%;
     height: 5px;
     left: 0;
     bottom: 0;
     top: auto;
     border-radius: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .triptype li input:checked ~ small {
     color: #fff;
   }
 }
 .search-widget .tab-content .form-content {
   display: inline-flex;
   width: calc(100% - 165px);
   vertical-align: top;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .search-widget .tab-content .form-content {
     width: calc(100% - 125px);
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content {
     width: 100%;
     flex-wrap: wrap;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content {
     width: 100%;
     flex-wrap: wrap;
     padding: 0 10px;
   }
 }
 .search-widget .tab-content .form-content .repeatable {
   display: flex;
   flex: 5;
   flex-direction: column;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .repeatable {
     flex: 0 0 100%;
     margin: 0 0 15px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .repeatable {
     flex: 0 0 100%;
   }
 }
 .search-widget .tab-content .form-content .repeatable .common-row {
   display: flex;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .repeatable .common-row {
     flex-wrap: wrap;
   }
 }
 .search-widget
   .tab-content
   .form-content
   .repeatable
   .common-row
   ~ .common-row {
   margin-top: 15px;
 }
 .search-widget
   .tab-content
   .form-content
   .repeatable
   .common-row
   ~ .common-row
   .box.date
   input {
   border-right: 1px solid #cacac9;
   border-radius: 0 4px 4px 0;
 }
 .search-widget .tab-content .form-content .box {
   position: relative;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box {
     margin: 0 0 20px;
   }
 }
 .search-widget .tab-content .form-content .box:after {
   position: absolute;
   top: 30px;
   height: 40px;
   border-left: 1px solid #cacac9;
   content: "";
   left: 0;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box:after {
     height: 27px;
     display: none;
   }
 }
 .search-widget .tab-content .form-content .box:first-child input {
   border-radius: 2px 0 0 2px;
   border-left: 1px solid #cacac9;
   padding-right: 20px;
 }
 .search-widget .tab-content .form-content .box:first-child:after {
   display: none;
 }
 @media only screen and (min-width: 767px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .box:last-child input {
     border-right: 1px solid #cacac9;
     border-radius: 0 2px 2px 0;
   }
 }
 .search-widget .tab-content .form-content .box:last-child select {
   border-right: 1px solid #cacac9;
   border-radius: 0 2px 2px 0;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box:last-child select {
     border-right: 0;
   }
 }
 .search-widget .tab-content .form-content .box .error-msg {
   position: absolute;
   left: 0;
   font-size: 12px;
   line-height: 15px;
   color: #ff0000;
 }
 .search-widget .tab-content .form-content .box .error-msg.mobile {
   display: none;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box .error-msg.mobile {
     display: block;
   }
 }
 .search-widget .tab-content .form-content .box .error-msg.desktop {
   display: block;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box .error-msg.desktop {
     display: none;
   }
 }
 .search-widget .tab-content .form-content .box .swapcity {
   position: absolute;
   height: 22px;
   width: 22px;
   background: url(https://c.myholidays.com/cms/images/theme/search-sprite.webp)
     no-repeat -210px -10px;
   right: -11px;
   top: 38px;
   z-index: 1;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box .swapcity {
     transform: rotate(90deg);
     right: 10px;
     top: 35px;
     margin-right: -11px;
   }
 }
 .search-widget .tab-content .form-content .box[disabled] label {
   opacity: 0.5;
 }
 .search-widget .tab-content .form-content .box[disabled] input {
   pointer-events: none;
   color: #bdb9b9;
 }
 .search-widget .tab-content .form-content .box[disabled]:before {
   opacity: 0.5;
 }
 .search-widget .tab-content .form-content .box.city {
   flex: 1.5;
 }
 .search-widget .tab-content .form-content .box.city:before {
   position: absolute;
   left: 10px;
   top: 36px;
   width: 20px;
   height: 25px;
   background: url(https://c.myholidays.com/cms/images/theme/search-sprite.webp)
     no-repeat -5px -10px;
   content: "";
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .box.city:before {
     left: 6px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.city:before {
     top: 8px;
     left: 0;
     width: 28px;
     height: 22px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.city.source:before {
     background-position: -8px -72px;
   }
 }
 .search-widget .tab-content .form-content .box.city.destination input {
   padding: 0 5px 5px 47px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .box.city.destination input {
     padding: 0 3px 5px 32px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.city.destination input {
     padding: 0 0 0 0;
     border: none;
     border-bottom: 1px solid #cacac9;
     border-radius: 0;
   }
 }
 .search-widget .tab-content .form-content .box.city.destination:before {
   left: 20px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .box.city.destination:before {
     left: 12px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.city.destination:before {
     left: 0;
     background-position: -109px -69px;
     height: 25px;
     top: 5px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.city label {
     display: none;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.city input {
     border-radius: 0;
     border: 0;
     border-bottom: 1px solid #c5bfbf;
     padding: 0 0 0 0;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .box.city {
     flex: 1;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.city {
     flex: 0 0 100%;
     margin: 0 0 25px;
   }
 }
 .search-widget .tab-content .form-content .box.date {
   flex: 1;
 }
 .search-widget .tab-content .form-content .box.date:before {
   position: absolute;
   left: 10px;
   top: 36px;
   width: 22px;
   height: 25px;
   background: url(https://c.myholidays.com/cms/images/theme/search-sprite.webp)
     no-repeat -430px -10px;
   content: "";
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.date:before {
     top: 21px;
     left: 3px;
     background-position: -216px -69px;
   }
 }
 @media only screen and (min-width: 1200px) {
   .search-widget .tab-content .form-content .box.date {
     max-width: 125px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.date {
     flex: 0 0 100%;
   }
 }
 .search-widget .tab-content .form-content .box.date input {
   cursor: pointer;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.date.departdate input {
     padding: 0;
     border-radius: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.date.returndate input {
     border-radius: 0;
     padding: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.full {
     flex: 0 0 100%;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.full input {
     border-radius: 0 !important;
   }
 }
 @media only screen and (min-width: 1200px) {
   .search-widget .tab-content .form-content .box.traveller {
     max-width: 125px;
   }
 }
 .search-widget .tab-content .form-content .box.traveller:before {
   position: absolute;
   left: 10px;
   top: 36px;
   width: 20px;
   height: 25px;
   background: url(https://c.myholidays.com/cms/images/theme/search-sprite.webp)
     no-repeat -534px -10px;
   content: "";
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.traveller:before {
     top: 21px;
     left: 3px;
     background-position: -433px -70px;
     width: 22px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.traveller:after {
     display: none;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .box.traveller .viewvalue {
     border-left: 1px solid #cacac9;
     border-radius: 2px 0 0 2px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.traveller select {
     border-left: 1px solid #cacac9;
     border-radius: 4px 0 0 4px;
   }
 }
 @media only screen and (min-width: 1200px) {
   .search-widget .tab-content .form-content .box.classtype {
     max-width: 115px;
   }
 }
 .search-widget .tab-content .form-content .box.classtype:before {
   position: absolute;
   left: 10px;
   top: 36px;
   width: 20px;
   height: 25px;
   background: url(https://c.myholidays.com/cms/images/theme/search-sprite.webp)
     no-repeat -629px -10px;
   content: "";
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.classtype:before {
     top: 21px;
     left: 15px;
     background-position: -540px -68px;
     width: 22px;
     height: 27px;
   }
 }
 .search-widget .tab-content .form-content .box.classtype .viewvalue {
   border-right: 1px solid #cacac9;
   border-radius: 0 4px 4px 0;
 }
 .search-widget .tab-content .form-content .box.classtype .dropdown {
   padding: 5px 10px;
 }
 .search-widget .tab-content .form-content .box.classtype .dropdown li {
   border: 1px solid #ccc;
   border-radius: 4px;
   margin: 10px 0;
   padding: 5px 10px;
   justify-content: center;
   cursor: pointer;
 }
 .search-widget .tab-content .form-content .box.classtype .dropdown li:hover {
   background: #b91a52;
   color: #fff;
   border-color: #b91a52;
 }
 .search-widget .tab-content .form-content .box.dropdown {
   flex: 1;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box.dropdown {
     flex: 0 0 50%;
   }
 }
 .search-widget .tab-content .form-content .box .viewvalue {
   display: block;
   border-top: 1px solid #cacac9;
   border-bottom: 1px solid #cacac9;
   height: 53px;
   width: 100%;
   padding: 0 5px 5px 40px;
   font-size: 15px;
   line-height: 48px;
   cursor: pointer;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box .viewvalue {
     height: 30px;
     line-height: 30px;
     border: none;
     border-bottom: 1px solid #cacac9;
     border-radius: 0;
     padding: 0;
     width: calc(100% - 45px);
     float: right;
   }
 }
 .search-widget .tab-content .form-content .box .dropdown {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
   background: #fff;
   border-radius: 0 0 4px 4px;
   position: absolute;
   z-index: 2;
   left: 0;
   top: 100%;
   width: 100%;
   display: none;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box .dropdown {
     left: auto;
     right: 0;
     width: calc(100% - 45px);
   }
 }
 .search-widget .tab-content .form-content .box .dropdown li {
   border-bottom: 1px solid #ada5a5;
   padding: 0 0 0 5px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .search-widget .tab-content .form-content .box .dropdown li .years {
   font-size: 14px;
   line-height: 20px;
   color: #111;
   min-width: 60px;
 }
 .search-widget .tab-content .form-content .box .dropdown li .years small {
   display: block;
   font-size: 11px;
   line-height: 15px;
   color: #666;
 }
 .search-widget .tab-content .form-content .box .dropdown li .num {
   font-size: 16px;
   line-height: 20px;
   margin: 0 10px;
   font-weight: 600;
 }
 .search-widget .tab-content .form-content .box .dropdown li .calculate {
   width: 30px;
 }
 .search-widget .tab-content .form-content .box .dropdown li .calculate a {
   display: block;
   font-size: 12px;
   color: #333;
   text-align: center;
   line-height: 30px;
   border: 1px solid #ccc;
   border-radius: 0;
 }
 .search-widget .tab-content .form-content .box .dropdown li .calculate a.plus {
   border-top: 0;
 }
 .search-widget .tab-content .form-content .box .dropdown li .calculate a.minus {
   border-bottom: 0;
   border-top: 0;
 }
 .search-widget .tab-content .form-content .box label {
   display: block;
   color: #048089;
   font-size: 14px;
   line-height: 18px;
   font-family: "robotomedium";
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box label {
     font-size: 13px;
     font-family: "robotoregular";
     padding: 0 0 0 45px;
     margin: 0;
   }
 }
 .search-widget .tab-content .form-content .box input {
   height: 53px;
   border-top: 1px solid #cacac9;
   border-bottom: 1px solid #cacac9;
   border-left: 0;
   border-right: 0;
   width: 100%;
   padding: 0 5px 5px 36px;
   font-family: "robotoregular";
   font-size: 15px;
   background: #fff;
 }
 .search-widget .tab-content .form-content .box input:focus {
   outline: none;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .form-content .box input {
     font-size: 14px;
     padding: 0 3px 5px 30px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box input {
     height: 30px;
     padding-bottom: 2px;
     border: none;
     border-bottom: 1px solid #c5bfbf;
     width: calc(100% - 45px);
     float: right;
   }
 }
 .search-widget .tab-content .form-content .box select {
   background: none;
   height: 53px;
   border-top: 1px solid #cacac9;
   border-bottom: 1px solid #cacac9;
   border-left: 0;
   border-right: 0;
   width: 100%;
   padding: 0 5px 5px 40px;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   font-family: "robotoregular";
   font-size: 15px;
   cursor: pointer;
 }
 .search-widget .tab-content .form-content .box select:focus {
   outline: none;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .form-content .box select {
     height: 30px;
     padding: 0;
     width: calc(100% - 45px);
     float: right;
     border: none;
     border-bottom: 1px solid #cacac9;
   }
 }
 .search-widget .tab-content .search-btn {
   margin: 22px 0 0 10px;
   width: 150px;
   display: inline-block;
   vertical-align: top;
   border-radius: 2px;
   background: linear-gradient(#cc2368, #9a0234);
   height: 53px;
   border: none;
   color: #ffffff;
   font-size: 20px;
   position: relative;
   font-weight: 700;
   -webkit-animation: searchstrip 2s linear infinite;
   animation: searchstrip 2s linear infinite;
 }
 .search-widget .tab-content .search-btn:hover {
   background: linear-gradient(#9a0234, #cc2368);
 }
 .search-widget .tab-content .search-btn.progress {
   background: -webkit-linear-gradient(
       -45deg,
       rgba(255, 255, 255, 0.6) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.6) 50%,
       rgba(255, 255, 255, 0.6) 75%,
       transparent 75%,
       transparent
     ),
     -webkit-linear-gradient(top, #b81a52, #e1165e);
   background-size: 15px 15px, 100% 100%;
   outline: none;
   box-shadow: none;
 }
 .search-widget .tab-content .search-btn:after {
   position: absolute;
   content: "";
   background: url(https://c.myholidays.com/cms/images/theme/braces.webp)
     no-repeat 0 0;
   width: 13px;
   height: 22px;
   right: 10px;
   top: 16px;
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .search-btn:after {
     top: 10px;
     right: 10px;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .search-widget .tab-content .search-btn {
     width: 100px;
     padding: 0 15px 0 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .search-btn {
     float: right;
     margin: 15px 0 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .search-btn {
     font-size: 16px;
     margin: 0 0 0 15px;
     padding: 10px 30px 10px 20px;
     width: calc(100% - 185px);
     height: auto;
   }
 }
 .search-widget .tab-content .advance-search {
   display: inline-block;
   margin: 15px 0 10px;
   color: #048089;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .search-widget .tab-content .advance-search {
     margin: 30px 0 10px;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .advance-search {
     float: left;
     margin: 0 0 0 15px;
     width: 145px;
     background: url(https://c.myholidays.com/cms/images/theme/search-sprite.webp)
       no-repeat -633px -62px;
     padding: 0 0 0 35px;
     color: #b91a52;
     position: relative;
   }
 }
 @media only screen and (max-width: 767px) {
   .search-widget .tab-content .advance-search i {
     position: absolute;
     left: 0;
     top: 8px;
     font-size: 22px;
   }
 }
 .search-widget .tab-content .advance-search.toggle i:before {
   content: "\f056";
 }
 .search-widget .default-autosuggest {
   position: absolute;
   left: 0;
   top: 100%;
   background: #fff;
   min-width: 500px;
   z-index: 2;
   border: 1px solid #ccc;
   display: none;
 }
 .search-widget .default-autosuggest h4 {
   background: #b91a52;
   padding: 7px 15px;
   color: #fff;
   margin: 0;
   font-size: 15px;
   line-height: 20px;
 }
 .search-widget .default-autosuggest h4 i {
   margin-right: 5px;
 }
 .search-widget .default-autosuggest ul li {
   padding: 5px 10px;
   border-top: 1px solid #d1d1d1;
   line-height: 25px;
 }
 .search-widget .default-autosuggest ul li span {
   color: #787878;
 }
 .search-widget .default-autosuggest .bottombar {
   padding: 10px;
   background: #e5e5e5;
   justify-content: flex-end;
   display: flex;
 }
 .search-widget .default-autosuggest .bottombar .closebtn {
   padding: 6px 15px;
   background: #b91a52;
   color: #fff;
   border-radius: 2px;
   border: none;
 }
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   form[name="hotelSearchForm"] .tab-content .form-content .repeatable {
     flex: 0 0 75%;
     margin: 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   form[name="hotelSearchForm"] .tab-content .form-content .traveller:after {
     display: none;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .advance-search-widget {
     padding: 10px;
   }
 }
 .advance-search-widget .choose-section {
   display: inline-block;
   vertical-align: top;
   margin: 0 10% 0 0;
 }
 .advance-search-widget .choose-section label {
   display: block;
   font-size: 15px;
   line-height: 20px;
   margin: 0 0 12px;
 }
 .advance-search-widget .choose-section label input {
   margin: 0 8px 0 0;
 }
 .advance-search-widget .airline-section {
   display: inline-block;
   vertical-align: top;
   width: 25%;
   margin: -30px 0 0;
 }
 @media only screen and (max-width: 767px) {
   .advance-search-widget .airline-section {
     width: 100%;
     margin: 0;
   }
 }
 .advance-search-widget .airline-section label {
   display: block;
   margin: 0 0 10px;
   font-size: 16px;
 }
 .advance-search-widget .airline-section .preferd {
   position: relative;
   padding: 0;
 }
 .advance-search-widget .airline-section .preferd i {
   position: absolute;
   left: 0;
   top: 0;
   font-size: 16px;
   color: #888080;
   width: 30px;
   height: 35px;
 }
 .advance-search-widget .airline-section .preferd i:before {
   display: none;
 }
 .advance-search-widget .airline-section input {
   width: 100%;
   border: 1px solid #cacac9;
   height: 35px;
   padding: 0 0 0 30px;
 }
 .advance-search-widget .airline-section input:focus {
   outline: none;
   box-shadow: none;
 }
 
 .hotel-advanced-search {
   position: fixed;
   right: 0;
   width: 350px;
   height: 100%;
   background: #fff;
   top: 0;
   z-index: 2;
   transform: translateX(350px);
   transition: 0.5s;
   overflow-y: auto;
 }
 .hotel-advanced-search.slide {
   transform: translateX(0);
 }
 .hotel-advanced-search h4 {
   background: #b91a52;
   color: #fff;
   padding: 10px 15px;
   margin: 0;
   display: flex;
   justify-content: space-between;
   font-size: 16px;
   line-height: 25px;
 }
 .hotel-advanced-search h4 i {
   cursor: pointer;
 }
 .hotel-advanced-search .padding-box {
   padding: 15px;
 }
 .hotel-advanced-search h5 {
   color: #b91a52;
   font-size: 15px;
   line-height: 20px;
   margin: 0 0 5px;
 }
 .hotel-advanced-search h5 i {
   font-size: 20px;
   color: #444;
   margin-right: 5px;
 }
 .hotel-advanced-search ul li {
   display: inline-block;
   vertical-align: top;
   width: 49%;
   font-size: 15px;
   line-height: 20px;
   margin: 0 0 5px;
 }
 .hotel-advanced-search ul li input[type="checkbox"] {
   margin-right: 10px;
 }
 .hotel-advanced-search .rating {
   padding: 0 0 0 15px;
 }
 .hotel-advanced-search .rating i {
   font-size: 15px;
   color: #c1c1c1;
   line-height: 15px;
   margin-right: 5px;
 }
 .hotel-advanced-search input[type="submit"] {
   display: inline-block;
   background: #b91a52;
   color: #fff;
   border: none;
   font-size: 14px;
   line-height: 20px;
   border-radius: 4px;
   padding: 10px 20px;
 }
 
 .main-white-container {
   background: #fff;
   margin: -110px 0 30px;
   box-shadow: 0 0 10px #ccc, 0 5px 5px #ece9e9;
   position: relative;
   z-index: 1;
 }
 @media only screen and (max-width: 767px) {
   .main-white-container {
     margin: 0;
   }
 }
 
 .welcome-text {
   flex-basis: 35%;
   background: #f8f8f8;
   padding: 55px 5% 35px;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   .welcome-text {
     padding: 30px 3%;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .welcome-text {
     padding: 30px 5% 25px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .welcome-text {
     padding: 30px 7% 20px;
   }
 }
 @media only screen and (max-width: 767px) {
   .welcome-text {
     padding: 30px 5% 15px;
   }
 }
 .welcome-text h2 {
   text-transform: uppercase;
   font-size: 30px;
   line-height: 35px;
   margin: 0 0 15px;
 }
 @media only screen and (min-width: 992px) and (max-width: 1400px) {
   .welcome-text h2 {
     font-size: 25px;
     line-height: 30px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .welcome-text h2 {
     font-size: 18px;
     line-height: 25px;
     margin: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .welcome-text h2 {
     font-size: 20px;
     line-height: 25px;
     text-align: center;
     margin: 0 0 5px;
   }
 }
 .welcome-text h2 span {
   color: #b91a52;
   text-transform: none;
 }
 @media only screen and (max-width: 767px) {
   .welcome-text h2 span {
     font-size: 20px;
   }
 }
 .welcome-text .subtitle {
   color: #8c8c8c;
   font-size: 17px;
   line-height: 20px;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .welcome-text .subtitle {
     font-size: 15px;
   }
 }
 .welcome-text p {
   line-height: 32px;
   font-size: 15px;
   color: #373737;
   position: relative;
   padding: 30px 0 0;
   margin: 30px 0 0;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .welcome-text p {
     font-size: 14px;
     line-height: 25px;
     padding: 15px 0 0;
     margin: 20px 0 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .welcome-text p {
     margin: 20px 0 0;
     padding: 10px 0 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .welcome-text p {
     font-size: 14px;
     line-height: 22px;
     margin: 10px 0 0;
     padding: 15px 0 0;
   }
 }
 .welcome-text p:after {
   position: absolute;
   left: 0;
   top: 0;
   width: 150px;
   height: 3px;
   background: #b91a52;
   content: "";
 }
 @media only screen and (max-width: 767px) {
   .welcome-text p:after {
     left: 50%;
     margin-left: -75px;
   }
 }
 
 .why-book li:hover i {
   transform: translateY(-5px);
 }
 .why-book li:hover i:after {
   opacity: 1;
 }
 .why-book p {
   font-size: 16px;
   color: #3c3c3c;
   line-height: 20px;
   margin: 0;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .why-book p {
     font-size: 14px;
   }
 }
 @media only screen and (max-width: 767px) {
   .why-book p {
     font-size: 14px;
     line-height: 18px;
   }
 }
 .why-book i {
   color: #048089;
   font-size: 45px;
   margin: 0 0 20px;
   transition: 0.5s;
   position: relative;
 }
 .why-book i:after {
   background: radial-gradient(
       ellipse at center center,
       rgba(0, 0, 0, 0.35) 0,
       rgba(0, 0, 0, 0) 80%
     )
     rgba(0, 0, 0, 0);
   opacity: 0;
   position: absolute;
   content: "";
   transition-property: transform, opacity;
   transition-duration: 0.3s;
   height: 5px;
   left: 50%;
   pointer-events: none;
   top: 120%;
   width: 100px;
   z-index: -1;
   margin-left: -50px;
 }
 .why-book.normal {
   padding: 40px 0;
   display: flex;
 }
 @media only screen and (max-width: 767px) {
   .why-book.normal {
     padding: 10px 0;
   }
 }
 .why-book.normal ul {
   width: 100%;
 }
 .why-book.normal li {
   float: left;
   width: 25%;
   text-align: center;
 }
 @media only screen and (max-width: 767px) {
   .why-book.normal li {
     width: 50%;
     margin: 10px 0;
   }
 }
 .why-book.bordered {
   flex-basis: 65%;
   display: flex;
   position: relative;
   height: 100%;
 }
 .why-book.bordered ul {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
 }
 .why-book.bordered ul li {
   flex: 0 0 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   border-bottom: 1px solid #eaeeee;
   border-right: 1px solid #eaeeee;
   margin: 0 -1px;
 }
 .why-book.bordered ul li:nth-child(even) {
   border-right: 0;
 }
 @media only screen and (max-width: 767px) {
   .why-book.bordered ul li {
     padding: 15px 0;
     border: none;
   }
 }
 
 .breadcrumb {
   margin: 0;
   background: none;
   padding: 15px 6%;
 }
 @media only screen and (max-width: 767px) {
   .breadcrumb {
     padding: 10px 3%;
     font-size: 13px;
   }
 }
 .breadcrumb li {
   color: #5d5d5d;
 }
 .breadcrumb li + li:before {
   content: ">";
 }
 .breadcrumb li a {
   color: #5d5d5d;
   font-family: "robotoregular";
 }
 .breadcrumb li:last-child {
   font-family: "robotomedium";
 }
 
 .common-title {
   text-align: left;
   background: 0 0;
   font-size: 28px;
   margin-bottom: 10px;
   padding-bottom: 0;
   color: #00575e;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .common-title {
     font-size: 30px;
     line-height: 35px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .common-title {
     font-size: 25px;
     line-height: 30px;
   }
 }
 @media only screen and (max-width: 767px) {
   .common-title {
     font-size: 20px;
     line-height: 30px;
     padding: 0 0 15px;
     margin: 0 0 15px;
   }
 }
 
 .popular_destination {
   padding: 50px 0 0;
   position: relative;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .popular_destination .top_cities .box .details {
     padding: 26% 0 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .popular_destination {
     padding: 15px 0 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .popular_destination .top_cities .col-md-4 {
     width: 50%;
     float: left;
     padding: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .popular_destination .top_cities .col-md-4:last-child {
     display: none;
   }
 }
 @media only screen and (max-width: 767px) {
   .popular_destination .top_cities .box a > img {
     width: 100%;
   }
 }
 .popular_destination .top_cities .box img {
   width: 100%;
 }
 @media screen and (max-width: 767px) {
   .popular_destination .top_cities .box .details h4 {
     font-size: 20px;
     line-height: 29px;
   }
 }
 @media screen and (max-width: 767px) {
   .popular_destination .mobile_view_align {
     display: flex;
     flex-wrap: wrap;
   }
   .popular_destination .mobile_view_align .col-md-3.col-sm-3 {
     flex: 0 0 50%;
     order: 1;
     padding: 0;
   }
   .popular_destination .mobile_view_align .col-md-6.col-sm-6 {
     order: 3;
   }
 }
 .popular_destination .box {
   margin: 0 0 30px;
   position: relative;
   overflow: hidden;
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box {
     margin: 0;
   }
   .popular_destination .box img {
     width: 100%;
   }
 }
 .popular_destination .box .details {
   position: absolute;
   width: 100%;
   height: 100%;
   bottom: 0;
   left: 0;
   background: url(https://c.myholidays.com/cms/images/theme/shadow.webp)
     no-repeat bottom center;
   text-align: center;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   transition: 0.5s ease-in-out;
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box .details {
     height: 100%;
   }
 }
 .popular_destination .box .details h4 {
   font-size: 30px;
   line-height: 35px;
   margin: 20px 0;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .popular_destination .box .details h4 {
     font-size: 24px;
     line-height: 35px;
     margin: 40px 0;
   }
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box .details h4 {
     font-size: 20px;
     line-height: 25px;
     display: none;
   }
 }
 .popular_destination .box .hoverbox {
   position: absolute;
   width: 100%;
   height: 100%;
   bottom: 0;
   left: 0;
   overflow: hidden;
   text-align: center;
   z-index: 1;
   color: #fff;
   padding: 32% 0 0;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .popular_destination .box .hoverbox {
     padding: 15% 0 0;
   }
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box .hoverbox {
     padding: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
   }
 }
 .popular_destination .box .hoverbox.fixed {
   padding: 12% 0 0;
   left: auto;
   right: 0;
   width: 50%;
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box .hoverbox.fixed {
     padding: 0;
   }
 }
 .popular_destination .box .hoverbox.fixed:before {
   height: 100%;
 }
 .popular_destination .box .hoverbox.fixed h4 {
   opacity: 1;
   margin-top: 0;
 }
 .popular_destination .box .hoverbox.fixed span {
   opacity: 1;
   margin: 15px 0;
 }
 .popular_destination .box .hoverbox.fixed .book {
   opacity: 1;
   margin-top: 0;
 }
 .popular_destination .box .hoverbox.fixed .book:hover {
   text-decoration: none;
 }
 .popular_destination .box .hoverbox h4 {
   font-size: 30px;
   line-height: 35px;
   transition: 0.4s ease;
   opacity: 0;
   margin-top: -30px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .popular_destination .box .hoverbox h4 {
     font-size: 22px;
     line-height: 24px;
   }
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box .hoverbox h4 {
     font-size: 18px;
     opacity: 1;
     margin: 0;
   }
 }
 .popular_destination .box .hoverbox span {
   font-size: 25px;
   line-height: 30px;
   display: block;
   margin: -15px 0 15px;
   transition: 0.4s ease;
   opacity: 0;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .popular_destination .box .hoverbox span {
     font-size: 20px;
     line-height: 18px;
   }
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box .hoverbox span {
     font-size: 16px;
     line-height: 15px;
     opacity: 1;
     margin: 10px 0 15px;
   }
 }
 .popular_destination .box .hoverbox .book {
   background: #fff;
   padding: 5px 20px;
   color: #333;
   line-height: 30px;
   font-size: 16px;
   border-radius: 3px;
   display: inline-block;
   transition: 0.4s ease;
   opacity: 0;
   margin-top: -20px;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .popular_destination .box .hoverbox .book {
     padding: 3px 15px;
     font-size: 14px;
   }
 }
 @media screen and (max-width: 767px) {
   .popular_destination .box .hoverbox .book {
     padding: 3px 8px;
     line-height: 27px;
     font-size: 14px;
     opacity: 1;
     margin: 0;
   }
 }
 .popular_destination .box .hoverbox:hover:before {
   height: 100%;
 }
 .popular_destination .box .hoverbox:hover h4 {
   opacity: 1;
   margin-top: 0;
 }
 .popular_destination .box .hoverbox:hover span {
   opacity: 1;
   margin: 15px 0;
 }
 .popular_destination .box .hoverbox:hover .book {
   opacity: 1;
   margin-top: 0;
 }
 .popular_destination .box .hoverbox:hover .book:hover {
   text-decoration: none;
 }
 .popular_destination .box .hoverbox:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 0;
   content: "";
   background: rgba(185, 26, 82, 0.8);
   transition: 0.5s ease-in-out;
   z-index: -1;
 }
 .popular_destination .box:hover .details {
   bottom: -20%;
   overflow: hidden;
 }
 .popular_destination .box.fix:hover .hoverbox h4 {
   color: #222;
 }
 .popular_destination .box.fix:hover .hoverbox span {
   color: #222;
 }
 .popular_destination .box.fix:hover .hoverbox .book {
   background: #b91a52;
   color: #fff;
 }
 .popular_destination .box.fix:hover .hoverbox:before {
   height: 0;
 }
 .popular_destination .box.fix.white:hover .hoverbox h4 {
   color: #fff;
 }
 .popular_destination .box.fix.white:hover .hoverbox span {
   color: #fff;
 }
 
 .our-support {
   margin: 30px 0;
   display: flex;
   box-shadow: 0 -5px 5px #eee, 0 5px 5px #eee;
   align-items: center;
   position: relative;
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .our-support img {
     max-width: 100%;
   }
 }
 @media screen and (max-width: 767px) {
   .our-support img {
     max-width: 85px;
   }
 }
 @media screen and (max-width: 767px) {
   .our-support {
     margin: 0;
     padding: 10px 0 15px;
     box-shadow: none;
   }
 }
 .our-support span {
   font-size: 18px;
   line-height: 20px;
   color: #048089;
 }
 @media screen and (max-width: 767px) {
   .our-support span {
     font-size: 15px;
     padding: 10px 0 0;
     display: block;
   }
 }
 .our-support h3 {
   font-size: 55px;
   line-height: 65px;
   font-family: "robotobold";
   color: #202746;
   margin: 15px 0 20px;
 }
 @media screen and (min-width: 992px) and (max-width: 1400px) {
   .our-support h3 {
     font-size: 45px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 991px) {
   .our-support h3 {
     font-size: 35px;
     line-height: 40px;
   }
 }
 @media screen and (max-width: 767px) {
   .our-support h3 {
     font-size: 20px;
     line-height: 25px;
     margin: 10px 0 5px;
   }
 }
 .our-support p {
   font-size: 16px;
   line-height: 26px;
   margin: 0 0 20px;
 }
 @media screen and (max-width: 767px) {
   .our-support p {
     font-size: 12px;
     line-height: 20px;
     margin: 0 0 10px;
   }
 }
 .our-support .callbtn {
   background: linear-gradient(#cc2368, #9a0234);
   display: inline-block;
   width: 150px;
   line-height: 30px;
   padding: 10px;
   text-align: center;
   color: #fff;
   font-size: 18px;
   border-radius: 3px;
 }
 @media screen and (max-width: 767px) {
   .our-support .callbtn {
     font-size: 14px;
     line-height: 22px;
     padding: 5px 15px;
     width: auto;
   }
 }
 @media screen and (min-width: 1025px) {
   .our-support .callbtn {
     pointer-events: none;
     display: none;
   }
 }
 .our-support .callbtn:hover {
   background: linear-gradient(#9a0234, #cc2368);
   text-decoration: none;
 }
 
 .topdeals_sec {
   padding: 30px 0 0;
   clear: both;
   position: relative;
 }
 @media only screen and (max-width: 767px) {
   .topdeals_sec {
     padding: 15px 10px 0;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .topdeals_sec .row {
     display: flex;
     margin: 0 -5px;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .topdeals_sec .row .col-md-4 {
     padding: 0 5px;
   }
 }
 .topdeals_sec .box {
   position: relative;
   padding: 10px;
 }
 @media only screen and (max-width: 767px) {
   .topdeals_sec .box {
     margin: 0 0 10px;
   }
 }
 .topdeals_sec .box > img {
   width: 100%;
 }
 .topdeals_sec .box:hover .details {
   background: rgba(185, 26, 82, 0.8);
 }
 .topdeals_sec .box:hover .details .book-btn {
   background: #048089;
   color: #fff;
 }
 .topdeals_sec .box .details {
   position: absolute;
   width: 65%;
   right: 10px;
   height: 160px;
   top: 50%;
   margin-top: -80px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: rgba(185, 26, 82, 0.9);
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .topdeals_sec .box .details {
     height: 100px;
     margin-top: -50px;
     width: 70%;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .topdeals_sec .box .details {
     height: 110px;
     margin-top: -55px;
     width: 85%;
   }
 }
 .topdeals_sec .box .details h4 {
   color: #ffffff;
   font-size: 25px;
   line-height: 30px;
   margin: 0 0 10px;
   font-family: "robotomedium";
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .topdeals_sec .box .details h4 {
     font-size: 16px;
     line-height: 20px;
   }
 }
 @media only screen and (max-width: 767px) {
   .topdeals_sec .box .details h4 {
     font-size: 20px;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .topdeals_sec .box .details h4 {
     font-size: 14px;
     margin: 0;
   }
 }
 .topdeals_sec .box .details p {
   color: #ffffff;
   font-size: 17px;
   line-height: 22px;
   margin: 0;
   font-family: "robotomedium";
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .topdeals_sec .box .details p {
     font-size: 13px;
     line-height: 15px;
   }
 }
 @media only screen and (max-width: 767px) {
   .topdeals_sec .box .details p {
     font-size: 15px;
     line-height: 20px;
   }
 }
 .topdeals_sec .box .details .book-btn {
   background: #fff;
   padding: 5px 20px;
   color: #333;
   line-height: 30px;
   font-size: 16px;
   border-radius: 3px;
   margin: 10px 0 0;
   display: inline-block;
   transition: 0.1s;
 }
 .topdeals_sec.innerpage {
   padding: 50px 0;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .topdeals_sec.innerpage {
     padding: 20px 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .topdeals_sec.innerpage {
     padding: 10px;
   }
 }
 
 .newsletter_sec {
   margin: -80px 0 0;
   padding: 120px 0 60px;
   background: #515151;
   position: relative;
   width: 100%;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .newsletter_sec {
     padding: 120px 0 30px;
   }
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec {
     padding: 15px 4% 30px;
     margin: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec .flex-container {
     overflow: visible;
   }
 }
 .newsletter_sec .flex-row {
   padding: 0 5%;
   align-items: center;
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec .flex-row {
     flex-direction: row;
     flex-wrap: wrap;
   }
 }
 .newsletter_sec h3 {
   color: #fff;
   font-size: 28px;
   line-height: 35px;
   margin: 0;
 }
 @media only screen and (min-width: 992px) and (max-width: 1400px) {
   .newsletter_sec h3 {
     font-size: 25px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .newsletter_sec h3 {
     font-size: 20px;
     line-height: 25px;
   }
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec h3 {
     font-size: 17px;
     line-height: 22px;
     margin: 0 0 10px;
   }
 }
 .newsletter_sec h3 span {
   font-size: 40px;
   color: #5ef3ff;
 }
 @media only screen and (min-width: 992px) and (max-width: 1400px) {
   .newsletter_sec h3 span {
     font-size: 30px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .newsletter_sec h3 span {
     font-size: 25px;
   }
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec h3 span {
     font-size: 20px;
   }
 }
 .newsletter_sec .emailbox {
   width: 36%;
   margin: 0 15px 0 10%;
   position: relative;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .newsletter_sec .emailbox {
     width: 32%;
     margin: 0 15px 0 5%;
   }
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec .emailbox {
     width: calc(100% - 140px);
     margin: 0 10px 0 0;
   }
 }
 .newsletter_sec .emailbox i {
   position: absolute;
   left: 14px;
   top: 14px;
   color: #8d8d8d;
   font-size: 18px;
 }
 .newsletter_sec .emailbox .error_align {
   position: absolute;
   top: 50px;
   left: 0;
   color: #ff0;
 }
 .newsletter_sec .emailbox .error_align.green_color {
   position: absolute;
   top: 50px;
   left: 0;
   padding: 2px 15px;
   background: green;
   color: #fff;
 }
 .newsletter_sec .emailbox .error_align.green_color:empty {
   display: none;
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec .emailbox .error_align.green_color {
     font-size: 13px;
     padding: 2px 10px;
   }
 }
 .newsletter_sec input[type="email"] {
   height: 45px;
   width: 100%;
   border: none;
   padding: 5px 10px 5px 40px;
 }
 .newsletter_sec input[type="email"]:focus {
   outline: none;
 }
 .newsletter_sec input[type="submit"],
 .newsletter_sec button {
   height: 45px;
   border: 1px solid #fff;
   border-radius: 4px;
   width: 135px;
   text-align: center;
   font-family: "robotomedium";
   font-size: 17px;
   background: linear-gradient(#65f4fe, #42bcca);
 }
 .newsletter_sec input[type="submit"]:focus,
 .newsletter_sec button:focus {
   outline: none;
   box-shadow: none;
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec input[type="submit"],
   .newsletter_sec button {
     width: 100px;
     border-radius: 0;
     font-size: 15px;
   }
 }
 .newsletter_sec.normal {
   margin: 0;
   padding: 35px 0;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .newsletter_sec.normal {
     padding: 20px 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .newsletter_sec.normal {
     padding: 15px 4%;
   }
 }
 
 /* .testimonial_sec {
   padding: 50px 10%;
   text-align: center;
   position: relative;
 }
 @media only screen and (max-width: 767px) {
   .testimonial_sec {
     padding: 10px 12%;
   }
 } */
 .testimonial_sec.notoppad {
   padding-top: 0;
 }
 .testimonial_sec #client-slider h4 {
   font-family: "robotobold";
   font-size: 25px;
   line-height: 30px;
 }
 @media only screen and (max-width: 767px) {
   .testimonial_sec #client-slider h4 {
     font-size: 16px;
     line-height: 20px;
   }
 }
 .testimonial_sec #client-slider p {
   font-size: 16px;
   line-height: 30px;
   min-height: 90px;
 }
 @media only screen and (max-width: 767px) {
   .testimonial_sec #client-slider p {
     font-size: 14px;
     line-height: 20px;
     min-height: 100px;
   }
 }
 .testimonial_sec #client-slider span {
   font-size: 16px;
   line-height: 30px;
   color: #a5a8a5;
   font-family: "robotolight";
 }
 .testimonial_sec #client-slider .carousel-control {
   width: 23px;
   height: 20px;
   top: 150px;
 }
 .testimonial_sec #client-slider .carousel-control.left {
   background: url(https://c.myholidays.com/cms/images/theme/left-arrow.webp)
     no-repeat 0 0;
   left: -60px;
 }
 @media only screen and (max-width: 767px) {
   .testimonial_sec #client-slider .carousel-control.left {
     left: -30px;
   }
 }
 .testimonial_sec #client-slider .carousel-control.right {
   background: url(https://c.myholidays.com/cms/images/theme/right-arrow.webp)
     no-repeat 0 0;
   right: -60px;
 }
 @media only screen and (max-width: 767px) {
   .testimonial_sec #client-slider .carousel-control.right {
     right: -30px;
   }
 }
 .testimonial_sec .item img {
   display: inline-block;
   width: 70px;
   height: 70px;
   border-radius: 50%;
 }
 
 .country_sec {
   padding: 30px 0;
 }
 @media only screen and (max-width: 767px) {
   .country_sec {
     padding: 10px;
   }
 }
 .country_sec.innerpage {
   margin: 50px 0 0;
   background: #f1f1f1;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .country_sec.innerpage {
     margin: 30px 0 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .country_sec.innerpage {
     margin: 15px 0 0;
   }
 }
 
 footer {
   background: #048089;
   position: relative;
   width: 100%;
 }
 footer .main-footer {
   padding: 60px 0 90px;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   footer .main-footer {
     padding: 50px 0 40px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .main-footer {
     padding: 30px 0;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .main-footer {
     padding: 15px 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .main-footer .col-md-2:nth-child(2) {
     padding-right: 0;
   }
 }
 footer .main-footer .col-md-2:nth-child(3) {
   padding-right: 0;
 }
 footer .main-footer h4 {
   color: #ffffff;
   font-size: 23px;
   line-height: 30px;
   margin: 0 0 10px;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   footer .main-footer h4 {
     font-size: 20px;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   footer .main-footer h4 {
     font-size: 18px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .main-footer h4 {
     font-size: 20px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .main-footer h4 {
     font-size: 18px;
     line-height: 22px;
     margin: 15px 0;
   }
 }
 footer .main-footer p {
   color: #fff;
 }
 footer .main-footer p span {
   display: inline-block;
   vertical-align: top;
   width: calc(100% - 30px);
 }
 footer .main-footer p a {
   color: #ffffff;
 }
 footer .main-footer p i {
   font-size: 18px;
   margin: 0 5px 0 0;
 }
 footer .main-footer p i.address {
   width: 20px;
   height: 20px;
   display: inline-block;
 }
 footer .main-footer .links li {
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 10px;
 }
 @media only screen and (max-width: 767px) {
   footer .main-footer .links li {
     font-size: 13px;
     line-height: 18px;
     margin: 0 0 3px;
   }
 }
 footer .main-footer .links li a {
   color: #ffffff;
   transition: 0.4s;
 }
 footer .main-footer .links li a i {
   margin-right: 15px;
 }
 @media only screen and (min-width: 768px) and (max-width: 1400px) {
   footer .main-footer .links li a i {
     margin-right: 10px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .main-footer .links li a i {
     margin-right: 5px;
   }
 }
 footer .main-footer .links li a:hover {
   text-decoration: none;
   margin-left: 5px;
 }
 footer .main-footer .about {
   font-size: 14px;
   line-height: 25px;
   margin: 10px 0 20px;
 }
 @media only screen and (max-width: 767px) {
   footer .main-footer .about {
     font-size: 13px;
     line-height: 20px;
     margin: 10px 0 15px;
   }
 }
 footer .main-footer strong {
   color: #ffffff;
   font-size: 40px;
   line-height: 55px;
   font-weight: 400;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   footer .main-footer strong {
     font-size: 40px;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   footer .main-footer strong {
     font-size: 35px;
     line-height: 45px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .main-footer strong {
     font-size: 20px;
     line-height: 25px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .main-footer strong {
     font-size: 20px;
     line-height: 25px;
   }
 }
 footer .main-footer strong a {
   color: #fff;
 }
 footer .main-footer strong a:hover {
   text-decoration: none;
 }
 @media only screen and (min-width: 1025px) {
   footer .main-footer strong a {
     pointer-events: none;
   }
 }
 footer .main-footer strong i {
   font-size: 35px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .main-footer strong i {
     font-size: 15px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .main-footer strong i {
     font-size: 17px;
   }
 }
 footer .main-footer .social-icons {
   margin-left: 28px;
 }
 footer .main-footer .social-icons li {
   display: inline-block;
   font-size: 15px;
   margin: 0 10px 0 0;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .main-footer .social-icons li {
     margin: 0 5px 0 0;
   }
 }
 footer .main-footer .social-icons li a {
   width: 37px;
   height: 37px;
   display: inline-block;
   background: url(https://c.myholidays.com/cms/images/theme/social_sprite.webp?v0.1)
     no-repeat 0 0;
   transition: 0.4s;
 }
 footer .main-footer .social-icons li a.facebook {
   background-position: -3px -1px;
 }
 footer .main-footer .social-icons li a.facebook:hover {
   background-position: -3px -50px;
 }
 footer .main-footer .social-icons li a.insta {
   background-position: -57px -1px;
 }
 footer .main-footer .social-icons li a.insta:hover {
   background-position: -57px -50px;
 }
 footer .main-footer .social-icons li a.linked {
   background-position: -170px -1px;
 }
 footer .main-footer .social-icons li a.linked:hover {
   background-position: -170px -50px;
 }
 footer .main-footer .social-icons li a.twitter {
   background-position: -113px -1px;
 }
 footer .main-footer .social-icons li a.twitter:hover {
   background-position: -113px -50px;
 }
 footer .main-footer .social-icons li a i {
   font-family: "Font Awesome 5 Brands";
 }
 footer .bottom-footer {
   padding: 25px 0;
   background: #036169;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer {
     padding: 20px 0 15px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer {
     padding: 10px 0 8px;
   }
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   footer .bottom-footer .flex-container {
     width: calc(90% + 10px);
   }
 }
 footer .bottom-footer .flex-row {
   padding: 0 2%;
   justify-content: space-between;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   footer .bottom-footer .flex-row {
     padding: 0;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   footer .bottom-footer .flex-row {
     padding: 0 0;
     flex-direction: column;
     align-items: center;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer .flex-row {
     padding: 0 2%;
     flex-direction: column;
     align-items: center;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer .flex-row {
     padding: 0 8px;
     display: block;
     margin: 0;
     text-align: center;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   footer .bottom-footer .left {
     margin: 0 0 5px;
   }
 }
 footer .bottom-footer .left li {
   display: inline-block;
   vertical-align: top;
   margin: 0 5px 0 0;
   height: 40px;
   border-radius: 4px;
   background: url("https://c.myholidays.com/cms/images/theme/footer_sprite.webp")
     no-repeat 0 0;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   footer .bottom-footer .left li {
     margin: 0;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   footer .bottom-footer .left li {
     margin: 0 2px 0 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer .left li {
     max-width: calc(25% - 10px);
     background-size: auto 38px;
     height: 32px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer .left li {
     margin: 0 1px 5px;
     max-width: 160px;
     background-size: auto 35px;
     height: 26px;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   footer .bottom-footer .left li {
     max-width: 150px;
   }
 }
 footer .bottom-footer .left li.verify {
   background-position: -40px -4px;
   width: 218px;
   cursor: pointer;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer .left li.verify {
     background-position: -33px -4px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer .left li.verify {
     background-position: -29px -4px;
   }
 }
 footer .bottom-footer .left li.certify {
   background-position: -360px -4px;
   width: 170px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer .left li.certify {
     background-position: -265px -4px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer .left li.certify {
     background-position: -243px -4px;
   }
 }
 footer .bottom-footer .left li.accrediet {
   background-position: -655px -4px;
   width: 170px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer .left li.accrediet {
     background-position: -501px -4px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer .left li.accrediet {
     background-position: -461px -4px;
   }
 }
 footer .bottom-footer .left li.trip {
   background-position: -955px -4px;
   width: 170px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer .left li.trip {
     background-position: -737px -4px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer .left li.trip {
     background-position: -679px -4px;
   }
 }
 footer .bottom-footer .left li a {
   display: block;
   height: 40px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   footer .bottom-footer .right {
     margin: 10px 0 0;
   }
 }
 footer .bottom-footer .right li {
   display: inline-block;
   vertical-align: top;
   margin: 0 0 0 5px;
   height: 40px;
   background: url("https://c.myholidays.com/cms/images/theme/footer_sprite.webp")
     no-repeat 0 0;
 }
 @media only screen and (min-width: 1200px) and (max-width: 1400px) {
   footer .bottom-footer .right li {
     margin: 0;
   }
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   footer .bottom-footer .right li {
     margin: 0 0 0 2px;
   }
 }
 @media only screen and (max-width: 767px) {
   footer .bottom-footer .right li {
     margin: 0 5px;
   }
 }
 footer .bottom-footer .right li.visa {
   background-position: -1280px -4px;
   width: 51px;
 }
 footer .bottom-footer .right li.master {
   background-position: -1404px -4px;
   width: 56px;
 }
 footer .bottom-footer .right li.american {
   background-position: -1530px -4px;
   width: 56px;
 }
 footer .bottom-footer .right li.pay {
   background-position: -1654px -4px;
   width: 50px;
 }
 footer .bottom-footer .right li.net {
   background-position: -1768px -4px;
   width: 57px;
 }
 footer .copyright-bar {
   padding: 5px 0;
 }
 footer .copyright-bar p {
   margin: 0;
   color: #ffffff;
   font-size: 12px;
   line-height: 20px;
   font-family: "robotomedium";
 }
 footer .copyright-bar p a {
   color: #ffffff;
 }
 footer .copyright-bar p a:hover {
   text-decoration: none;
 }
 
 .gray-reviews-sec {
   padding: 40px 6% 60px;
   background: #f8f8f8;
   display: inline-block;
   vertical-align: top;
   width: 100%;
   position: relative;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .gray-reviews-sec {
     padding: 40px 4% 40px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .gray-reviews-sec {
     padding: 20px 2%;
   }
 }
 @media only screen and (max-width: 767px) {
   .gray-reviews-sec {
     padding: 15px 10px 0;
   }
 }
 .gray-reviews-sec .common-title {
   color: #048089;
 }
 
 .airfare-deals {
   padding: 40px 0 60px 5%;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .airfare-deals {
     padding: 25px 0 40px 2%;
   }
 }
 @media only screen and (max-width: 767px) {
   .airfare-deals {
     padding: 20px 3% 0;
   }
 }
 .airfare-deals .textbox {
   background: #fff;
   border: 1px solid #eee;
   padding: 5px 10px;
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 10px;
   color: #7d7a7a;
 }
 .airfare-deals .textbox p {
   margin: 0;
 }
 
 .calendar-sec {
   background: #fff;
   box-shadow: 0 0 5px #ddd;
 }
 .calendar-sec table thead th {
   border-bottom: 0 !important;
 }
 .calendar-sec table thead .arrow {
   display: block;
   text-align: center;
   color: #969292;
   font-size: 25px;
   line-height: 30px;
   cursor: pointer;
 }
 @media only screen and (max-width: 767px) {
   .calendar-sec table thead .arrow {
     font-size: 20px;
   }
 }
 .calendar-sec table thead .month {
   color: #b91a52;
   text-align: center;
   text-transform: uppercase;
   font-size: 20px;
   line-height: 25px;
   margin: 0;
 }
 .calendar-sec table .week td .bg {
   height: 35px;
   text-align: center;
   padding: 8px 10px;
   font-family: "robotomedium";
 }
 .calendar-sec table .week td .bg:hover,
 .calendar-sec table .week td .bg.active {
   background: #6f6f70;
   color: #fff;
 }
 .calendar-sec table td {
   padding: 2px !important;
   border: none !important;
 }
 .calendar-sec table td .bg {
   display: block;
   background: #f8f8f8;
   height: 100px;
   padding: 10px;
   font-size: 16px;
   line-height: 20px;
 }
 .calendar-sec table td .bg:hover {
   background: #b91a52;
   color: #fff;
 }
 .calendar-sec table td .bg:hover .price {
   color: #fff;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .calendar-sec table td .bg {
     font-size: 15px;
     padding: 5px;
   }
 }
 @media only screen and (max-width: 767px) {
   .calendar-sec table td .bg {
     font-size: 13px;
     line-height: 18px;
     padding: 5px;
     height: 60px;
   }
 }
 .calendar-sec table td .bg .price {
   color: #048089;
   font-weight: 600;
   display: block;
   text-align: center;
   margin: 15px 0;
 }
 @media only screen and (max-width: 767px) {
   .calendar-sec table td .bg .price {
     margin: 10px 0;
   }
 }
 
 .reviews-sec {
   padding: 40px 12% 40px 0;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .reviews-sec {
     padding: 25px 2% 40px 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .reviews-sec {
     padding: 10px 3%;
   }
 }
 .reviews-sec ul {
   background: #fff;
   border: 1px solid #eee;
   padding: 35px 10px 0;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .reviews-sec ul {
     padding: 20px 10px 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .reviews-sec ul {
     background: none;
     border: none;
     padding: 0;
   }
 }
 .reviews-sec ul li {
   margin: 0 0 21px;
 }
 .reviews-sec ul li img {
   display: inline-block;
   vertical-align: top;
   width: 45px;
   margin: 0 10px 0 0;
   border-radius: 50%;
 }
 .reviews-sec ul li .details {
   display: inline-block;
   vertical-align: top;
   width: calc(100% - 60px);
 }
 .reviews-sec ul li .details p {
   font-style: italic;
   font-size: 14px;
   line-height: 20px;
   color: #6d6969;
   margin: 0 0 10px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .reviews-sec ul li .details p {
     font-size: 13px;
   }
 }
 .reviews-sec ul li .details p strong {
   display: inline-block;
 }
 .reviews-sec ul li .details p strong:first-child {
   margin-right: 5px;
 }
 .reviews-sec ul li .details p strong:last-child {
   margin-left: 5px;
 }
 .reviews-sec ul li .details span {
   color: #a5a5a5;
   font-size: 15px;
   line-height: 20px;
 }
 
 .gray-text-container {
   background: #f8f8f8;
   padding: 35px 5% 15px;
   text-align: center;
   position: relative;
 }
 @media only screen and (max-width: 767px) {
   .gray-text-container {
     padding: 15px 4% 1px;
   }
 }
 .gray-text-container p {
   color: #272727;
   font-size: 15px;
   line-height: 25px;
   margin: 0 0 20px;
   text-align: left;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .gray-text-container p {
     font-size: 14px;
     line-height: 24px;
   }
 }
 @media only screen and (max-width: 767px) {
   .gray-text-container p {
     font-size: 14px;
     line-height: 25px;
     margin: 0 0 10px;
     text-align: left;
   }
 }
 
 .related-post {
   padding: 30px 0;
   position: relative;
 }
 @media only screen and (max-width: 767px) {
   .related-post {
     padding: 15px 10px;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .related-post .row {
     display: flex;
     margin: 0 -5px;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .related-post .row .col-md-4 {
     padding: 0 5px;
   }
 }
 .related-post .content {
   padding: 10px 15px;
 }
 .related-post .content h4 {
   color: #444444;
   margin: 0 0 10px;
   font-size: 16px;
   line-height: 22px;
   font-family: "robotomedium";
 }
 @media only screen and (max-width: 991px) {
   .related-post .content h4 {
     font-size: 14px;
     line-height: 20px;
     margin: 0 0 5px;
   }
 }
 .related-post .content h4 a {
   color: #444444;
 }
 .related-post .content h4 a:hover {
   text-decoration: none;
 }
 .related-post .content p {
   font-size: 14px;
   line-height: 20px;
   color: #5e5e5e;
   margin: 0;
 }
 @media only screen and (max-width: 767px) {
   .related-post .content p {
     font-size: 13px;
   }
 }
 .related-post .content .readmore {
   float: right;
   color: #359fa7;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .related-post .content .readmore {
     float: none;
     display: block;
     margin: 5px 0 0;
   }
 }
 
 .interlinking-sec {
   display: inline-block;
   width: 100%;
   position: relative;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .interlinking-sec {
     padding: 15px 3% 10px;
   }
 }
 @media only screen and (max-width: 767px) {
   .interlinking-sec {
     padding: 30px 4% 0;
   }
   .interlinking-sec:first-child{
    padding-top: 15px;
   }
 }



.flights_text {
    font-size: 28px;
    color: #00575e;
    font-weight: 400;
}
 @media only screen and (max-width: 767px) {
   .interlinking-sec h4 {
     font-size: 15px;
     line-height: 20px;
     margin: 0 0 5px;
   }
 }
 .interlinking-sec ul {
   list-style: disc;
   list-style-position: inside;
   color: #c2c2c1;
   display: inline-block;
   width: 100%;
   margin: 0 0 20px;
 }
 @media only screen and (max-width: 991px) {
   .interlinking-sec ul {
     margin: 0 0 10px;
   }
 }
 .interlinking-sec ul li {
   float: left;
   width: 33.33%;
   margin: 0 0 7px;
   font-size: 15px;
   line-height: 20px;
 }
 @media only screen and (max-width: 767px) {
   .interlinking-sec ul li {
     width: 100%;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .interlinking-sec ul li {
     width: 50%;
   }
 }
 .interlinking-sec ul li a {
   color: #4d4d4d;
 }
 .interlinking-sec.gray {
   background: #f8f8f8;
 }
 
 .fact_sec {
   padding: 50px 5% 20px;
   position: relative;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .fact_sec {
     padding: 25px 4% 20px;
   }
 }
 @media only screen and (max-width: 767px) {
   .fact_sec {
     padding: 15px 10px 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .fact_sec .row {
     margin: 0;
   }
 }
 
 .top-airlines {
   background: #f8f8f8;
   text-align: center;
   padding: 15px 0 10px;
 }
 @media only screen and (max-width: 767px) {
   .top-airlines {
     margin: 0 0 10px;
   }
 }
 .top-airlines h4 {
   font-size: 20px;
   line-height: 25px;
   margin: 0 0 15px;
 }
 .top-airlines h4 span {
   display: block;
   color: #048089;
 }
 .top-airlines ul {
   display: inline-block;
 }
 .top-airlines ul li {
   margin: 0 0 10px;
 }
 .top-airlines ul li a {
   display: inline-block;
   vertical-align: top;
   background: url(https://c.myholidays.com/cms/images/theme/airlines.webp)
     no-repeat 0 0;
   width: 181px;
   height: 59px;
 }
 .top-airlines ul li a.american {
   background-position: -1px -2px;
 }
 .top-airlines ul li a.sprite {
   background-position: -1px -72px;
 }
 .top-airlines ul li a.delta {
   background-position: -1px -142px;
 }
 
 @media only screen and (max-width: 767px) {
   .airlines-info {
     padding: 0;
   }
 }
 
 .highlight-sec {
   background: #f8f8f8;
   padding: 20px;
   margin: 0 0 10px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .highlight-sec {
     padding: 15px;
   }
 }
 .highlight-sec .top {
   display: inline-block;
   vertical-align: middle;
 }
 .highlight-sec .top li {
   display: inline-block;
   color: #b91a52;
   font-family: "robotomedium";
   font-size: 45px;
   line-height: 50px;
   margin: 0 70px 0 0;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .highlight-sec .top li {
     font-size: 30px;
     line-height: 40px;
     margin: 0 30px 0 0;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .highlight-sec .top li {
     font-size: 35px;
     line-height: 45px;
     margin: 0 25px 0 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .highlight-sec .top li {
     font-size: 30px;
     line-height: 40px;
     margin: 0 5px;
   }
 }
 .highlight-sec .top li small {
   font-size: 25px;
 }
 @media only screen and (max-width: 767px) {
   .highlight-sec .top li small {
     font-size: 15px;
   }
 }
 .highlight-sec .top li span {
   font-size: 14px;
   line-height: 18px;
   display: inline-block;
   vertical-align: middle;
 }
 @media only screen and (max-width: 767px) {
   .highlight-sec .top li span {
     font-size: 12px;
     line-height: 15px;
   }
 }
 .highlight-sec .tempreture {
   display: inline-block;
   vertical-align: middle;
 }
 .highlight-sec .tempreture li {
   font-size: 15px;
   line-height: 20px;
   margin: 2px 0;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .highlight-sec .tempreture li {
     font-size: 14px;
   }
 }
 @media only screen and (max-width: 767px) {
   .highlight-sec .tempreture li {
     font-size: 14px;
     margin: 0;
   }
 }
 .highlight-sec .tempreture li.blue {
   color: #59bbd1;
 }
 .highlight-sec .tempreture li.yellow {
   color: #e39c53;
 }
 .highlight-sec .tempreture li.green {
   color: #5a9558;
 }
 
 .factlists {
   background: #f8f8f8;
   padding: 20px 20px 10px;
 }
 @media only screen and (max-width: 991px) {
   .factlists {
     padding: 15px 15px 5px;
   }
 }
 .factlists li {
   display: inline-block;
   width: 48%;
   font-size: 15px;
   line-height: 20px;
   margin: 0 0 10px;
   color: #535353;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .factlists li {
     font-size: 13px;
     margin: 0 0 5px;
   }
 }
 @media only screen and (max-width: 767px) {
   .factlists li {
     font-size: 14px;
   }
 }
 
 .farechart-sec {
   background: #f8f8f8;
   position: relative;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .farechart-sec {
     padding: 35px 3%;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
  
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec {
     padding: 15px 10px 5px;
   }
 }
 .farechart-sec .farebox {
  width: 100%!important;
  display: flex;
  flex-direction: row;
  margin-left: 0;
  margin-right: 0;
  border: 0;
  border-radius: 5px;
  margin-bottom: 10px;
  justify-content: space-between;
    vertical-align: top;
    width: calc(50% - 25px);
    align-items: center;
    height: 70px;
    background: #fff;
    position: relative;
    overflow: hidden;
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec .farebox {
     width: 100%;
     margin: 0 0 10px !important;
     border: 1px dotted #b7b4b6;
   }
 }
 .farechart-sec .farebox .country {
   width: 30%;
   padding: 0 0 0 10px;
   font-size: 18px;
   line-height: 22px;
   color: #5f5f5f;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .farechart-sec .farebox .country {
     width: 26%;
   }
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec .farebox .country {
     width: 28%;
     font-size: 14px;
   }
 }
 .farechart-sec .farebox .country small {
   display: block;
   font-size: 13px;
   line-height: 15px;
   white-space: nowrap;
 }
 @media only screen and (max-width: 991px) {
   .farechart-sec .farebox .country small {
     white-space: normal;
     font-size: 12px;
   }
 }
 .farechart-sec .farebox .arrow {
   margin-right: 0;
   align-self: flex-start;
   position: absolute;
   left: 17%;
   top: 20px;
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec .farebox .arrow {
     margin-right: 0;
   }
 }
 .farechart-sec .farebox .datetime {
   font-size: 13px;
   line-height: 15px;
   font-family: "robotomedium";
   margin-right: 10px;
   width: 80px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .farechart-sec .farebox .datetime {
     width: 22%;
     margin: 0;
   }
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec .farebox .datetime {
     width: 22%;
     font-size: 12px;
   }
 }
 .farechart-sec .farebox .datetime span {
   display: block;
 }
 .farechart-sec .farebox .price {
   width: auto;
   background: #048089;
   align-self: stretch;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   font-size: 20px;
   padding-left: 5px;
   padding-right: 5px;
 }
 .farechart-sec .farebox .price:hover,
 .farechart-sec .farebox .price:focus {
   text-decoration: none;
   background: #094e56;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .farechart-sec .farebox .price {
     font-size: 17px;
   }
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec .farebox .price {
     width: 25%;
     font-size: 17px;
   }
 }
 .farechart-sec .farebox .price strong {
   margin-left: 5px;
 }
 .farechart-sec .farebox .price strong .dec_point {
   font-size: 16px;
   line-height: 20px;
   display: inline-block;
   margin: -5px 0 0;
   vertical-align: top;
   overflow: hidden;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .farechart-sec .farebox .price strong .dec_point {
     font-size: 14px;
     width: 20px;
   }
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec .farebox .price strong .dec_point {
     font-size: 13px;
     width: 19px;
   }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .farechart-sec.singlecolumn {
     padding: 25px 0 40px 2%;
   }
 }
 @media only screen and (max-width: 767px) {
   .farechart-sec.singlecolumn {
     padding: 20px 10px 0;
   }
 }
 .farechart-sec.singlecolumn .farebox {
   width: 100%;
   margin: 0 0 15px;
 }
 
 .ui-datepicker .ui-widget-header {
   background: #b91a52;
 }
 .ui-datepicker .ui-widget-header span.ui-datepicker-month,
 .ui-datepicker .ui-widget-header span.ui-datepicker-year {
   color: #fff;
 }
 .ui-datepicker .ui-state-active {
   background: #b91a52;
 }
 .ui-datepicker .ui-state-hover {
   background: #b91a52;
   color: #fff !important;
 }
 .ui-datepicker .range-identifire a {
   background: #b91a52 !important;
   border: 1px solid #b91a52 !important;
 }
 .ui-datepicker .ui-state-highlight .ui-state-default {
   border: 1px solid #b91a52;
 }
 
 .ui-autocomplete {
   margin-top: -2px;
   max-height: 308px;
   overflow-y: auto;
 }
 @media only screen and (min-width: 768px) {
   .ui-autocomplete {
     min-width: 400px;
   }
 }
 .ui-autocomplete li {
   border-bottom: 1px solid #aaaaaa;
   padding: 8px 10px !important;
   text-transform: capitalize;
   min-height: 40px;
 }
 .ui-autocomplete li:last-child {
   border-bottom: 0;
 }
 .ui-autocomplete li:hover {
   background: #f2f2f2;
 }
 .ui-autocomplete li.sub-airport {
   padding: 0 10px 0 40px !important;
   min-height: 40px;
 }
 .ui-autocomplete li.sub-airport:after {
   position: absolute;
   left: 10px;
   top: 12px;
   content: "";
   width: 20px;
   height: 18px;
 }
 .ui-autocomplete li.sub-airport p {
   margin: 0;
   float: left;
   width: calc(100% - 55px);
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 .ui-autocomplete li.sub-airport p small {
   color: #7d7d7d;
   font-size: 12px;
   display: block;
   position: absolute;
   bottom: 2px;
   left: 40px;
 }
 .ui-autocomplete li.sub-airport span {
   margin-top: 8px;
 }
 .ui-autocomplete li b {
   font-weight: normal;
   color: #b91a52;
 }
 .ui-autocomplete li span {
   float: right;
   border-radius: 10px;
   padding: 1px 5px;
   border: 1px solid #d1d1d1;
   background: #eaeaea;
   font-size: 13px;
   width: 50px;
   text-align: center;
 }
 .ui-autocomplete li span b {
   font-weight: normal;
   color: #b91a52;
 }
 @media only screen and (max-width: 767px) {
   .ui-autocomplete ~ .ui-autocomplete {
     max-width: calc(100% - 65px);
   }
 }
 
 .editbtn-pen {
   position: absolute;
   right: 15px;
   top: 10px;
   color: #fff;
   background: #b91a52
     url(https://c.myholidays.com/cms/images/theme/edit_icon.webp) no-repeat
     center center;
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   z-index: 98;
   text-align: center;
   font-size: 20px;
   cursor: pointer;
 }
 
 .signup_pop_up_overlay {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9999;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
 }
 .signup_pop_up_overlay#placeholderDiv .main_innner_section {
   margin-top: 0;
   margin-bottom: 20px;
 }
 .signup_pop_up_overlay#placeholderDiv .main_innner_section .cke {
   min-width: 100%;
 }
 .signup_pop_up_overlay#placeholderDiv .main_wrapper_signup_pop {
   display: block;
 }
 .signup_pop_up_overlay#placeholderDiv .main_wrapper_signup_pop .signup-btn {
   background: #b91a52;
   padding: 5px 10px;
   font-size: 15px;
   line-height: 20px;
   margin-right: 10px;
   color: #fff;
   font-weight: bold;
   cursor: pointer;
 }
 .signup_pop_up_overlay#placeholderDiv .main_wrapper_signup_pop .header_pop_up {
   justify-content: flex-end;
   margin-bottom: 15px;
 }
 @media screen and (max-width: 991px) {
   .signup_pop_up_overlay {
     display: none;
   }
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop {
   max-width: 800px;
   width: 90%;
   display: flex;
   flex-direction: column;
   padding: 15px;
   background: #fff;
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop .header_pop_up {
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin-bottom: 30px;
   align-items: center;
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop .header_pop_up .pop_logo {
   height: 40px;
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop .main_innner_section {
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: center;
   margin-top: 30px;
   margin-bottom: 30px;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .main_innner_section
   .left_girl_pic
   img {
   border-radius: 50%;
   border: 2px solid #333;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .main_innner_section
   .content_section_pop {
   margin-left: 50px;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .main_innner_section
   .content_section_pop
   h3 {
   font-size: 30px;
   color: #002246;
   font-family: "Lato", sans-serif;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .main_innner_section
   .content_section_pop
   p {
   font-size: 24px;
   color: #002246;
   margin-top: 10px;
   font-family: "Lato", sans-serif;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .main_innner_section
   .content_section_pop
   p
   span {
   font-size: 45px;
   font-weight: 600;
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop .signup_section {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-bottom: 15px;
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop .signup_section h5 {
   font-size: 20px;
   width: 100%;
   display: flex;
   justify-content: center;
   font-family: "Lato", sans-serif;
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop .signup_section form {
   position: relative;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   form
   .successmsg {
   position: absolute;
   width: 100%;
   left: 0;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   .form_signup_container {
   width: 100%;
   display: flex;
   justify-content: center;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   .form_signup_container
   > div {
   max-width: 280px;
   width: 100%;
   margin-right: 15px;
   position: relative;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   .form_signup_container
   > div:last-child {
   width: auto;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   .form_signup_container
   > div
   > .error-msg {
   position: absolute;
   left: 0;
   width: 100%;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   .form_signup_container
   .signup-btn {
   padding: 8px 15px;
   background: #b91a52;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   .form_signup_container
   input {
   padding: 8px 15px;
   width: 100%;
   border-radius: 0;
   border: 1px solid #aaa;
 }
 .signup_pop_up_overlay .main_wrapper_signup_pop .signup_section .thanks_msg {
   color: green;
   margin: 3px 0 0;
   display: inline-block;
 }
 .signup_pop_up_overlay
   .main_wrapper_signup_pop
   .signup_section
   .error_msg_sign {
   padding-left: 0;
 }
 
 .publish-btn-common {
   position: fixed;
   z-index: 9999;
   background: #b91a52;
   color: #fff;
   left: 50%;
   font-size: 17px;
   font-weight: 600;
   line-height: 25px;
   padding: 7px 15px;
   vertical-align: middle;
   width: 125px;
   border-radius: 0 0 5px 5px;
   text-align: center;
   margin-left: -61px;
   top: 0;
   cursor: pointer;
 }
 .publish-btn-common:hover {
   text-decoration: none;
   color: #fff;
 }
 
 .editbtn-pen i {
   display: none;
 }
 
 .confirmation_popup {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 99;
 }
 .confirmation_popup .whitebox {
   background: #fff;
   width: 500px;
   max-width: 95%;
   padding: 0;
   position: relative;
   box-shadow: 0 0 10px #333;
   margin: 0;
 }
 .confirmation_popup .whitebox .title {
   background: #e8e8e8;
   padding: 15px 20px;
   position: relative;
   font-size: 18px;
   font-weight: 600;
 }
 .confirmation_popup .whitebox .details {
   padding: 25px;
   text-align: center;
   font-size: 15px;
   line-height: 25px;
 }
 .confirmation_popup .whitebox .details p {
   margin-bottom: 25px;
 }
 .confirmation_popup .whitebox .details .loader {
   opacity: 0;
   vertical-align: top;
   width: 35px;
 }
 .confirmation_popup .whitebox .closebtn {
   position: absolute;
   right: 15px;
   top: 15px;
   color: #556080;
   line-height: 20px;
   font-size: 20px;
   cursor: pointer;
 }
 .confirmation_popup .whitebox button {
   margin: 0 10px;
   background: #00adef;
   color: #fff;
   padding: 6px 20px;
   border: none;
   border-radius: 0;
   font-size: 16px;
   cursor: pointer;
   transition: 0.4s;
 }
 .confirmation_popup .whitebox button i {
   margin-right: 5px;
 }
 .confirmation_popup .whitebox button.yes {
   background: #01c17b;
 }
 .confirmation_popup .whitebox button.no {
   background: #eb7474;
 }
 .confirmation_popup .whitebox button:hover {
   background: #556080;
   color: #fff;
 }
 
 .flag-section {
   padding: 30px 0 20px;
   color: #fff;
   font-family: "Muli";
 }
 @media only screen and (max-width: 767px) {
   .flag-section {
     padding: 15px 5%;
   }
 }
 .flag-section h3 {
   margin: 0;
   font-size: 20px;
   line-height: 25px;
 }
 @media only screen and (max-width: 767px) {
   .flag-section h3 {
     font-size: 17px;
     margin: 0 0 10px;
   }
 }
 .flag-section .links li {
   float: left;
   width: 33.33%;
   margin: 0 0 12px;
   letter-spacing: 0.3px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .flag-section .links li {
     width: 50%;
   }
 }
 @media only screen and (max-width: 767px) {
   .flag-section .links li {
     width: 100%;
     font-size: 13px;
     margin: 0 0 7px;
   }
 }
 @media only screen and (min-width: 567px) and (max-width: 767px) {
   .flag-section .links li {
     width: 50%;
   }
 }
 .flag-section .links li a {
   color: #fff;
 }
 .flag-section .links li a i {
   float: left;
   width: 22px;
   height: 15px;
   margin-top: 3px;
   border-radius: 2px;
   margin-right: 20px;
 }
 .flag-section .links li a i.it {
   background-position: -1px -1px;
 }
 .flag-section .links li a i.fr {
   background-position: -29px -1px;
 }
 .flag-section .links li a i.es {
   background-position: -57px -1px;
 }
 .flag-section .links li a i.sa {
   background-position: -84px -1px;
 }
 .flag-section .links li a i.ae {
   background-position: -136px -1px;
 }
 .flag-section .links li a i.qa {
   background-position: -110px -1px;
 }
 .flag-section .links li a i.uk {
   background-position: -163px -1px;
 }
 .flag-section .links li a i.us {
   background-position: -1px -20px;
 }
 .flag-section .links li a i.de {
   background-position: -29px -20px;
 }
 .flag-section .links li a i.au {
   background-position: -57px -20px;
 }
 .flag-section .links li a i.za {
   background-position: -84px -20px;
 }
 .flag-section .links li a i.ca {
   background-position: -110px -20px;
 }
 .flag-section .links li a i.sg {
   background-position: -136px -20px;
 }
 .flag-section .links li a i.rs {
   background-position: -163px -20px;
 }
 .flag-section .links li a i.kw {
   background-position: -1px -39px;
 }
 .flag-section .links li a i.in {
   background-position: -29px -39px;
 }
 .flag-section .links li a i.il {
   background-position: -1px -59px;
 }
 .flag-section .links li a i.th {
   background-position: -29px -59px;
 }
 .flag-section .links li a i.nz {
   background-position: -57px -59px;
 }
 .flag-section .links li a i.my {
   background-position: -84px -59px;
 }
 .flag-section .links li a i.ph {
   background-position: -110px -59px;
 }
 .flag-section .links li a i.hk {
   background-position: -136px -59px;
 }
 .flag-section .links li a i.ar {
   background-position: -163px -59px;
 }
 .flag-section .links li a i.mx {
   background-position: -1px -78px;
 }
 .flag-section .links li a i.pe {
   background-position: -29px -78px;
 }
 .flag-section .links li a i.co {
   background-position: -57px -78px;
 }
 .flag-section .links li a i.ch {
   background-position: -83px -78px;
 }
 .flag-section .links li a i.ie {
   background-position: -110px -78px;
 }
 @media only screen and (min-width: 768px) and (max-width: 1199px) {
   .flag-section .links li a i {
     margin-right: 10px;
   }
 }
 
 .login-page {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9;
   display: none;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
 }
 
 .login-page .whitebox {
   margin: 0;
   width: 400px;
   max-width: 100%;
   background: #fff;
 }
 
 .login-page .whitebox .titlebar {
   background: #b81a52;
   color: #fff;
   display: flex;
   justify-content: space-between;
   padding: 5px 15px 5px 55px;
   align-items: center;
   position: relative;
   height: 45px;
 }
 
 .login-page .whitebox .titlebar h2 {
   font-weight: normal;
   margin: 0;
   font-size: 15px;
   line-height: 18px;
 }
 
 .login-page .whitebox .titlebar h2 .fa-user {
   position: absolute;
   left: 0;
   top: 0;
   background: #008089;
   width: 45px;
   height: 45px;
   line-height: 45px;
   margin-right: 10px;
   text-align: center;
 }
 
 .whitebox .titlebar .fa-close {
   font-size: 20px;
   font-weight: 100;
   cursor: pointer;
 }
 
 .login-page .maindetails {
   display: flex;
   position: relative;
   padding: 20px 0 10px;
 }
 
 .login-page .seprator {
   position: absolute;
   left: 50%;
   height: 100%;
   border-left: 1px solid #ccc;
   top: 0;
 }
 
 .login-page .seprator span {
   display: inline-block;
   vertical-align: top;
   width: 30px;
   height: 30px;
   background: #fff;
   border-radius: 50%;
   border: 1px solid #ccc;
   margin: -15px 0 0 -15px;
   text-align: center;
   line-height: 30px;
   font-size: 13px;
 }
 
 .login-page h3 {
   font-weight: normal;
   font-size: 14px;
   line-height: 18px;
   margin: 0 0 15px;
 }
 
 .login-page label {
   font-weight: normal;
   font-size: 13px;
 }
 
 .login-page .form-group {
   margin-bottom: 10px;
 }
 
 .login-page button {
   background: #b81a52;
   color: #fff;
   padding: 8px 25px;
   border: none;
   font-size: 14px;
   line-height: 18px;
   margin: 5px 0 10px;
 }
 
 .login-page button:hover {
   background: #8e0938;
   color: #fff;
 }
 
 .login-page .socialbtn {
   display: none;
   color: #fff;
   margin: 0 0 15px;
 }
 
 .login-page .socialbtn:hover {
   text-decoration: none;
 }
 
 .login-page .socialbtn.facebook {
   background: #3b5998;
 }
 
 .login-page .socialbtn.google {
   background: #dc4a38;
 }
 
 .login-page .socialbtn i {
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   margin-right: 25px;
 }
 
 .login-page .socialbtn.facebook i {
   background: #2b4988;
 }
 
 .login-page .socialbtn.google i {
   background: #ca1313;
 }
 
 .login-page .links {
   color: #333;
 }
 
 .login-page .links a {
   font-size: 12px;
   line-height: 15px;
 }
 
 .login-page .links .signup-link {
   color: #00a9f8;
 }
 
 .login-page .links .forget-link {
   color: #f00000;
 }
 
 .login-page .form-group .error-msg {
   position: absolute;
   color: #ff0000;
   font-size: 11px;
   line-height: 12px;
 }
 
 @media only screen and (max-width: 540px) {
   .login-page .whitebox {
     margin: 15px;
     max-height: calc(100% - 30px);
     overflow-y: auto;
     overflow-x: hidden;
   }
   .login-page .maindetails {
     flex-direction: column;
   }
   .login-page .seprator {
     position: static;
     border-left: 0;
     border-top: 1px solid #ccc;
     width: 100%;
     text-align: center;
     margin: 15px 0px 5px;
   }
   .login-page .col-xs-6 {
     width: 100%;
   }
 }
 @-webkit-keyframes searchstrip {
   from {
     background-position: 0 0;
   }
   to {
     background-position: 40px 0;
   }
 }
 @keyframes searchstrip {
   from {
     background-position: 0 0;
   }
   to {
     background-position: 40px 0;
   }
 }
 .ng-cloak,
 .x-ng-cloak,
 [data-ng-cloak],
 [ng-cloak],
 [x-ng-cloak] {
   display: none !important;
 }
 
 .newfare-deals {
   margin: 0 0 1px;
 }
 .newfare-deals.next {
   margin: -9px 0 0;
 }
 .newfare-deals .row {
   margin-left: -5px;
   margin-right: -5px;
   display: flex;
   flex-wrap: wrap;
 }
 .newfare-deals .col-md-4 {
   padding-left: 5px;
   padding-right: 5px;
 }
 @media only screen and (max-width: 767px) {
   .newfare-deals .col-md-4 {
     width: 100%;
     padding-left: 0;
     padding-right: 0;
   }
 }
 .newfare-deals .box {
   position: relative;
   margin: 10px 0 0;
 }
 .newfare-deals .box > img {
   width: 100%;
 }
 .newfare-deals .box .details {
   position: absolute;
   background: rgba(0, 0, 0, 0.5);
   padding: 10px 15px;
   bottom: 0;
   color: #fff;
   left: 0;
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .newfare-deals .box .details .country {
   font-size: 18px;
   line-height: 25px;
   font-family: "robotomedium";
   width: 25%;
 }
 .newfare-deals .box .details .country span {
   display: block;
   font-size: 14px;
   line-height: 18px;
 }
 .newfare-deals .box .details .price {
   font-size: 22px;
   line-height: 25px;
   font-family: "robotobold";
 }
 .newfare-deals .box .details .price span {
   display: block;
   font-family: "robotoregular";
   color: #df89a8;
   font-size: 13px;
   line-height: 18px;
 }
 .newfare-deals .box .details .arrowbtn {
   color: #1fadb9;
   font-family: "robotolight";
   font-size: 25px;
   line-height: 25px;
   font-weight: 700;
 }
 .newfare-deals .box.solidbox {
   background: #b91a52;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   height: calc(100% - 10px);
   flex-direction: column;
 }
 .newfare-deals .box.solidbox h3 {
   font-size: 35px;
   line-height: 40px;
   margin: 0;
 }
 @media only screen and (max-width: 767px) {
   .newfare-deals .box.solidbox h3 {
     font-size: 20px;
     line-height: 25px;
   }
 }
 .newfare-deals .box.solidbox h4 {
   font-size: 25px;
   line-height: 30px;
   margin: 15px 0;
 }
 @media only screen and (max-width: 767px) {
   .newfare-deals .box.solidbox h4 {
     font-size: 16px;
     line-height: 20px;
     margin: 5px 0;
   }
 }
 .newfare-deals .box.solidbox span {
   font-size: 20px;
   line-height: 25px;
   margin: 0;
 }
 @media only screen and (max-width: 767px) {
   .newfare-deals .box.solidbox span {
     font-size: 15px;
     line-height: 20px;
   }
 }
 @media only screen and (max-width: 767px) {
   .newfare-deals .box.solidbox {
     padding: 15px 0;
   }
 } /*# sourceMappingURL=importer.css.map */
 
 
 .accordion_content ul , .accordion_content ol{
   padding-left: 20px!important;
   list-style: disc!important;
   }