body
{
	font-family: "DM Sans", sans-serif;
	color:#404968;
}

a {
    color: #0d6efd;
    text-decoration: none !important;
}
header .logo
{
	width: 60%;
}
header .navbar-light .navbar-nav .nav-link
{
  color: #000;
  font-size: 16px;
  padding: 10px 15px;
}
header .navbar-light .navbar-nav .nav-link:hover, header .navbar-light .navbar-nav .nav-link.active
{
  color:#fe4137;
}
.login-icon
{
	color: #fe4137 !important;
    font-size: 16px;
	padding-left: 15px;
	position: relative;
}
.login-icon::before {
    content: '';
    background: #333;
    width: 2px;
    position: absolute;
    height: 13px;
    top: 5px;
    left: 0px;
}
.login-icon img
{
	width: 22px;
}
.mobile-login-icon
{
	color: #fe4137 !important;
    font-size: 16px;
	padding-left: 15px;
	position: relative;
}
.mobile-login-icon img
{
	width: 22px;
}
.home-search
{
	position: relative;
    margin-top: -95px;
}
.home-search .card-s
{
	border-radius:10px;
	box-shadow:0px 3px 4px #ccc;
}
.flight-sch
{
	background:#f7f7f7;
	border-radius:10px 0px 0px 10px;
}
.flight-sch.right-box
{
	background:#fff;
	border-radius:0px 10px 10px 0px;
}
.flight-sch h4 img
{
	width:25px;
}
.bor-box {
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    padding: 3px 18px;
	background:#fff;
}
.bor-box label span {
    margin-bottom: 3px;
    display: inline-block;
    color: #55626d;
    font-size: 14px;
}
.bor-box label input {
    font-size: 18px;
    color: #000;
    padding:0px;
    border: none !important;
    font-weight: 600;
}
.flight-sch .form-control:focus, .flight-sch .form-check-input:focus, .flight-sch .form-select:focus {
    box-shadow: none !important;
    border-color: none !important;
}
#frmsrch, #tosrch, #hotelsrch
{
	display: none;
	border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
    left: 0px;
    top: 30px;
    min-height: 316px;
    overflow: hidden;
    z-index:999;	
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #999; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
#frmsrch input, #tosrch input, #hotelsrch input
{
    background: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 11px 10px 11px 30px;
    outline: 0;
    border: 0;
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: 700;
	position: relativel;
}
#frmsrch .fa-search,  #tosrch .fa-search, #hotelsrch .fa-search{
    position: absolute;
    left: 9px;
    top: 17px;
    font-size: 12px;
    color: #7a7979;
}
#frmsrch .list, #tosrch .list, #hotelsrch .list
{
	max-height: 270px;
    overflow-y: auto;
}
#frmsrch .list .list-box, #tosrch .list .list-box, #hotelsrch .list .list-box
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#frmsrch .list .list-box li img, #tosrch .list .list-box li img, #hotelsrch .list .list-box li img
{
	width: 24px;
    height: 24px;
}

.font12 {
    font-size: 12px;
    line-height: 12px;
}
.font14 {
    font-size: 14px;
    line-height: 14px;
}
.font13 {
    font-size: .875rem;
    line-height: 14px;
}
.SwipCircle
{
	width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: -20px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
    cursor: pointer;
	left: 50%;
    top: 10px;
    border: 1px solid #ccc;
}

.check-in label .date-txt, .check-out label .date-txt, .avil-room label .num 
{
	font-size: 18px;
    color: #000;
    font-weight: 600;
	margin-bottom:0px;
}
.check-in label .date-month, .check-in label .date-year, .check-out label .date-month, .check-out label .date-year
{
	font-size: 17px;
	margin-bottom:0px;
}
.check-in label .day
{
	font-size: 12px;
}

.offer-card img
{
	 border-radius: 20px;
}
.offer-card .content
{
	background: rgb(32 32 32);
    background: linear-gradient(90deg, rgb(2 2 2 / 71%) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 100px 25px 20px;
    border-radius: 20px;
	top: 0px;
	bottom: 0;
	width: 100%;
}
.hotel-star img
{
	 border-radius: 10px;
}
.hotel-star .content
{
	background: rgb(32 32 32);
       background: linear-gradient(0deg, rgb(2 2 2) 0%, rgba(0, 0, 0, 0) 100%);
    padding: 40px 12px 20px;
    border-radius: 10px;	
	bottom: 0;
	width: 100%;
}
.offer-sec .owl-nav .owl-prev, .offer-sec .owl-nav .owl-next, .handpicked-sec .owl-nav .owl-prev, .handpicked-sec .owl-nav .owl-next {
    top: 40%;
    position: absolute;
    border-radius: 40px !important;
    color: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
	background:#dee3fd !important;
	box-shadow: 0px 2px 8px #a7a7a7;
}
.offer-sec .owl-nav .owl-prev, .handpicked-sec .owl-nav .owl-prev {
    left: -2%;
}
.offer-sec .owl-nav .owl-next, .handpicked-sec .owl-nav .owl-next {
    right: -2%;
}
.offer-sec .owl-nav .owl-prev i, .offer-sec .owl-nav .owl-next i, .handpicked-sec .owl-nav .owl-prev i, .handpicked-sec .owl-nav .owl-next i {
    color: #061a38;
    font-size: 25px;
    position: relative;
    left: 0px;
}
.offer-sec .owl-nav, .handpicked-sec .owl-nav {
  display: block !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
.tag-sec
{
	background:#ededed;
}
.tag-sec .bg-white img
{
	width:50px;
}
.tag-sec .bg-white .text-danger
{
	color:#d34651 !important;
	font-size:18px;
}
.tag-sec .bg-white .text-warning
{
	color:#e79043 !important;
	font-size:18px;
}
.tag-sec .bg-white .text-success
{
	color:#099f85 !important;
	font-size:18px;
}

.partner_sec
{
    background: linear-gradient(91deg, rgb(0 144 135) 0%, rgb(0 146 97) 100%);
}
.partner_sec .part-img
{
	width: 200px;	
	padding: 14px 10px;	
}


.menu_ul
{
	padding: 0px;
}
.menu_ul li 
{
    list-style: none;
    font-size: 17px;
    margin-bottom: 5px;
}
.menu_ul li a
{
	color: #333;
    font-size: 15px;
}
.social_ul
{
	padding:0px;
}
.social_ul li
{
	display: inline-block;
}
.social_ul li img
{
	width: 45px;
}
footer, .copywrite
{
	background: #f7f7f7;
}
header .offcanvas-start
{
	width: 260px;
}
header .navbar-toggler
{
	padding: 0px;
}
.copywrite p {
    font-size: 14px;
}
.partner_sec .owl-carousel .owl-dots
{
	display:none;
}
.flight-top-banner
{
	background:#e0353b;
	padding-bottom:80px;
}
.secd-2
{
	margin-top: -80px;
}

.secd-2 .sub-btn
{
	position: relative !important;
    top: auto !important;
    background: #00926f;
    color: #fff;
    border: none;
    padding: 12px 18px;
    font-size: 20px;
    border-radius: 8px;
}
.secd-2 .sub-btn:hover
{
	background: #027258;
}
.srch-box .nav-pills .nav-link
{
	color:#fff;
	font-size: 18px;
	border-radius: 0px;
    padding: 3px 0px;
	opacity: 0.6;
}
.srch-box .nav-pills .nav-link img
{
	width:22px;
}
.srch-box .nav-pills .nav-link.active
{
	background-color: inherit;
    color: #fff;
	opacity: 10;
}
.srch-box .tab-content
{
    background: #f7f7f7;
    padding: 25px 20px 7px;
    border-radius: 10px;
    box-shadow: 0px 2px 4px #ccc;
}
.srch-box .bor-box
{
	margin: 0px 5px;
}

.exchange-icon
{
	width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: -17px;
    margin-right: -18px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 30px 0 rgba(0, 0, 0, 0.1);
    z-index: 1;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #525d74;
	top: -8px;
    position: relative;
}
.form-control:focus
{
	box-shadow: none !important;
}

.sortby 
{
    padding: 3px 10px;
    height: 60px;
    width: 220px;
    border-radius: 8px;
}
.sortby span {
   font-size:13px;
}
.sortby .form-select {
    border: none !important;
	padding: 0px;
    height: 33px;
    margin-top: -5px;
}
.form-select:focus 
{
    box-shadow: none !important;
}
.filter-sec ul {
   
    overflow: hidden;
    position: relative;
    padding: 0px;
}
.filter-sec ul li {
    padding: 0 0 8px;
    text-transform: capitalize;
    list-style: none;
}
.filter-sec .checkbox-inline span {
    font-size: 13px;
    color: #161616;
	line-height: 18px;
	margin-bottom: -2px;
}
/*price range*/

#slider {
  margin: 0px 10px 40px 10px;
}
.ui-widget-content
{
	    height: 5px !important;
		    background: #dddddd !important;
			border:none !important;
}
.value {
  position: absolute;
  top: 20px;
  left: 50%;
  margin: 0 0 0 -20px;
  width: 40px;
  text-align: center;
  display: block;
  font-weight: normal; 
  font-size: 12px;
  color: #333;
}

.price-range-both.value {
  width: 100px;
  margin: 0 0 0 -50px;
  top: 26px;
}

.price-range-both {
  display: none;
}

.value i {
  font-style: normal;
}
body div.ui-slider-range.ui-widget-header {
  background: #106ce5;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #2ecaf9 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: #fff !important;
  border-radius: 50%;
  font-size: 21px;
  border: none !important;
  box-shadow: 0 0 7px #d3d3d3;
  &:focus {
    outline: none;
  }
}
span.ui-slider-handle.ui-corner-all.ui-state-default:focus {
  outline: none;
}
.ui-slider-horizontal .ui-slider-handle
{
	top: -0.3em !important;
}
.ui-slider .ui-slider-handle
{
	width: .8em !important;
    height: .8em !important;
}
/*price range*/


.radio-button-label > input { 
	display: none;
}
.radio-button-label
{
	width: 100%;
}
.radio-button-label .radio-button-content {
	cursor: pointer;
    border: 1px solid #ddd;    
    text-align: center;
    border-radius: 7px;
}

.radio-button-label > input:checked + .radio-button-content { 
	border: 1px solid #8c8c8d;
    background: #ededed;
}

.flight-list-label > input { 
	display: none;
}
.flight-list-label
{
	width: 100%;
}
.flight-list-label .flight-list-content {
	cursor: pointer;
    border: 1px solid #ddd; 
    border-radius: 7px;
}

.flight-list-label > input:checked + .flight-list-content { 
	border: 1px solid #438fcb;
    
}
.flight-list-label .from-trip
{
	
	
}
.flight-list-label .flight-departure
{
	padding-bottom:13px;	
}
.flight-list-label .flight-departure p
{
	    line-height: 20px;
}
.flight-list-label .flight-departure .from-name, .flight-list-label .flight-departure .from-date 
{
	font-size:12px;line-height: 16px;
}
.from-trip
{
	padding:13px 13px 0px 13px;
}
.from-trip .flight-duration
{

	text-align:center;
	padding-bottom:13px;
}
.from-trip .flight-duration .dur-time
{
	font-size:12px;
}
.from-trip .flight-duration .dur-line
{
	height: 1px;
    background: #008721;
    width: 108px;
}
.from-trip .flight-duration .dur-line::after
{
	height: 7px;
    width: 7px;
    background: #008721;
    position: absolute;
    content: '';
    border-radius: 30px;
    right: 0px;
	top:-3px;

}
.from-trip .flight-duration .dur-line::before
{
	height: 7px;
    width: 7px;
    background: #008721;
    position: absolute;
    content: '';
    border-radius: 30px;
    left: 0px;
	top:-3px;

}
.from-trip .flight-arrival
{
	
	padding-bottom:13px;
	text-align:right;
}
.from-trip .flight-arrival p
{
	    line-height: 20px;
}
.from-trip .flight-arrival .from-name, .from-trip .flight-arrival .from-date 
{
	font-size:12px;line-height: 16px;
}
.from-trip .flight-price
{
	
	padding-bottom:13px;
	text-align:right;
}
.from-trip .flight-price .price-adule
{
	font-size:12px;line-height: 16px;
}
.offcanvas .btn-close
{
	position: absolute;
    right: 13px;
	width: 7px;
    height: 7px;
}
.box-dur
{
	border-left: 1px solid #008721;
    padding-left: 10px;
}
.box-dur::after
{
	height: 7px;
    width: 7px;
    background: #008721;
    position: absolute;
    content: '';
    border-radius: 30px;
    left: -4px;
	bottom:0px;

}
.box-dur::before
{
	height: 7px;
    width: 7px;
    background: #008721;
    position: absolute;
    content: '';
    border-radius: 30px;
    left: -4px;
	top:-3px;

}
.first-flight h4
{
	font-size: 18px;
}
.login-tag
{
	background: rgb(0,163,138);
	background: linear-gradient(63deg, rgba(0,163,138,1) 0%, rgba(8,131,157,1) 100%);
	border-radius:10px;
	padding:15px;
}
.hotel-scroll
{
	background:#f2f2f2;
	border-radius:15px;
}
.hotel-scroll .nav-tabs .nav-link
{
	font-size:14px;
	color:#333;
}
.hotel-scroll .nav-tabs {
    border-bottom: 1px solid #c7c9cb;
}
.hotel-scroll .nav-tabs .nav-item.show .nav-link, .hotel-scroll .nav-tabs .nav-link.active
{
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1px solid #0055ad;
	color:#0055ad;
}

.nat-sec
{
	border-radius:10px;
}
.nat-sec img
{
	border-radius:10px 10px 0px 0px;
}
.nat-sec .smal
{
	font-size: 12px;
    line-height: 16px;
}
.nat-sec  .star {
       background: #008311;
       color: #fff;
    padding: 2px 4px;
    font-size: 9px;
    width: 34px;
    height: 16px;
}
.hotel-scroll-slid .owl-nav .owl-prev, .hotel-scroll-slid  .owl-nav .owl-next {
    top: 40%;
    position: absolute;
    border-radius: 40px !important;
    color: #ffffff;
    width: 22px;
    height: 22px;
    text-align: center;
	background:#fff !important;
	box-shadow: 0px 1px 5px #5c5c5c;
}
.hotel-scroll-slid .owl-nav .owl-prev {
    left: -1%;
}
.hotel-scroll-slid .owl-nav .owl-next {
    right: -1%;
}
.hotel-scroll-slid .owl-nav .owl-prev i, .hotel-scroll-slid .owl-nav .owl-next i {
    color: #061a38;
    font-size: 16px;
    position: relative;
    left: 0px;
}
.hotel-box
{
	border:1px solid #ccc;
	border-radius:10px;
	padding-right:10px;
}
.hotel-box img
{
	border-radius:10px 0px 0px 10px;
}
.hotel-box h5
{
	font-size: 17px;
}
.hotel-box .hot-des
{
	font-size: 12px;
	color: #404968;
}
.hotel-box .hot-offer
{
	background: #d90303;
    border-radius: 30px;
    padding: 2px 10px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
}
.hotel-box h3 span
{
	text-decoration: line-through;
    font-size: 13px;
}
.hotel-box .klol {
    color: #55626d;
    font-size: 14px;
}
.free-can
{
	padding: 0px;
}
.free-can li
{
	list-style:none;
	color: #009581;
    font-size: 13px;
}
.hotel-box .star {
    background: #008311;
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 11px;
    width: 40px;
}
.hotel-box .smal {
    font-size: 12px;
    line-height: 16px;
	    color: #404968;
}
.spon-hotel
{
	background:#c4e9d9;
	border-radius:10px;
}
.spon-hotel .spon-img
{
	border-radius:0px 10px 10px 0px;
}
.spon-btn
{
	    background: rgb(0, 163, 138);
    background: linear-gradient(63deg, rgba(0, 163, 138, 1) 0%, rgba(8, 131, 157, 1) 100%);
}
.hotel-map
{
	border-radius:10px;
}
.hotel-map img
{
	border-radius:10px 10px 0px 0px;
}
.hotel-photo img
{
	padding:1px;
	border-radius: 5px;
}
.more-pho
{
	right: 6px;
    bottom: 2px;
	font-size: 14px;
}
.hotel-photo .col-md-6 
{
	padding:1px;
}
.hotel-star .star 
{
    background: #008311;
    color: #fff;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 11px;
    width: 40px;	
}
.ament
{
	list-style:none;
	padding:0px;
}
.hotel-gift
{
	border-radius: 10px;
    padding: 15px;
    background: #ffdae1;
}
.font16 
{
    font-size: 14px;
}
.moreless-button
{
	cursor:pointer;
	font-size:14px;
	margin-bottom:20px;
	display: inline-block;
}
@media (min-width: 991px) 
{
	.flight-list-label .from-trip
	{
		width:50%;
		border-right:1px solid #ccc;
	}
	.secd-2 .srch-hotel
	{
        width: 310px;
    }
	.secd-2 .check-in 
	{
        width: 200px;
    }
	.secd-2 .check-out 
	{
        width: 200px;
    }
	 .secd-2 .avil-room 
	{
        width: 250px;
    }
	.book-now-del
	{
		border-left: 1px solid #ccc;
		margin-bottom:20px;
	}
}
@media (max-width: 991px) 
{
	.flight-list-label .from-trip
	{
		border-bottom:1px solid #ccc;
	}
	.from-trip .flight-duration .dur-line
	{
		margin: 0 auto;
	}
    header .navbar-light .navbar-toggler {
        border-color: honeydew;
    }
    header .navbar-toggler:focus {
        box-shadow: none;
    }
	.navbar-brand
	{
		display: contents;
	}
	header .logo {
		width: 15%;
	}
	.home-search
	{
	margin-top: -47px;
    margin-left: 10px;
    margin-right: 10px;
	}
	.flight-sch
	{
		border-radius: 10px 10px 0px 0px;
	}
	.flight-sch.right-box
	{
	border-radius: 0px 0px 10px 10px;
	}
	
    header .navbar-collapse {
        position: absolute;
        width: 100%;
        left: 0px;
        background: rgb(255, 255, 255);
        top: 56px;
        z-index: 9;
		border-top: 2px solid #fe5b30;
    }
	.offer-card .content
	{
		padding: 25px 25px 20px;
	}
	.exchange-icon
	{
		    rotate: -1 1 0 169deg;
    top: 0px;
    left: 50%;
    margin-top: -8px;
    margin-bottom: -8px;
	}
	.search-box
	{
		text-align: right;
	}
	
}
@media (min-width: 767px) 
{
	.from-trip .flight-price
    {
		width:24%;
    }
	.from-trip .flight-arrival
	{
	    width:24%
	}
	.from-trip .flight-duration
	{
		width:28%;
	}
	.flight-list-label .flight-departure
	{
		width:24%;
	}	
}
@media (max-width: 767px) 
{
	.SwipCircle
	{
	rotate: -1 1 0 169deg;
	    top: 50px;
	}
	.from-trip .flight-price, .from-trip .flight-arrival, .from-trip .flight-duration, .flight-list-label .flight-departure
    {
		text-align:center;
    }
	.hotel-box
	{
		padding:10px;
	}
	.hotel-box img 
	{
		border-radius: 10px;
	}
	.spon-hotel
	{
		padding: 20px;
        text-align: center;
	}
	.spon-hotel .spon-img
	{
		border-radius: 10px;
	}
	
	
}