/*-----------------------------------------------------------------------------------
    Product : Ablocate
    Author : Codeninja.pk
    File Name: styles.css
    Version : 0.1
-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
### TABLE OF CONTENT
    1. Global Reset
    2. Typography
    3. Basic Layout Styles
    4. Header
    5. Homepage
    6. Footer
    7. Host
    8. Listing Page
    9. Custom Checkbox
    10. SideBar Listing
    11. Hotel Detail
    12. Customer Information
    13. Thank You Page
    14. FAQS
    15. Privacy Policy
    16. Terms OF Use
    17. User Profile
    18. Carriers
    19. Responsive
     
-----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------
    1. Global Reset
-----------------------------------------------------------------*/

dl,
dt,
dd,
ol,
ul,
li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow: hidden;
}

::selection {
	background: #2c2b37;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #2c2b37;
	color: #FFF;
	text-shadow: none;
}

/*
::-webkit-selection {
    background: #2c2b37;
    color: #FFF;
    text-shadow: none;
}
*/

:active,
:focus {
	outline: none !important;
}

/*----------------------------------------------------------------
    2. Typography
-----------------------------------------------------------------*/

body {
	position: relative;
	color: #2c2b37;
	font-size: 14px;
	line-height: 24px;
	font-family: 'Poppins', sans-serif;
}

a {
	text-decoration: none !important;
	color: #546af1;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}

a:hover {
	color: #1c1c1c;
}

a img {
	border: none;
}

img {
	max-width: 100%;
}

iframe {
	border: none !important;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #2c2b37;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 20px 0;
}

h1,
h2,
h3,
h4 {
	font-family: 'Poppins', sans-serif;
}

h5,
h6 {
	margin-bottom: 10px;
	font-family: 'Poppins', sans-serif;
}

h1 {
	font-size: 60px;
}

h2 {
	font-size: 48px;
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 30px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
}

/*----------------------------------------------------------------
    3. Basic Layout Styles
-----------------------------------------------------------------*/

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
	margin-bottom: 30px;
}

.text-danger {
	color: #b51900 !important;
}

.special-text {
	color: #455678;
	font-size: 110%;
}

.display {
	width: 100%;
	display: inline-block;
}

small {
	font-family: 'Poppins', sans-serif;
}

.accent-gradient-background {
	background: #546af1;
	/* background: -moz-linear-gradient(45deg, #546af1 0%, #2b84eb 47%, #0049ca 100%);
    background: -webkit-linear-gradient(45deg, #546af1 0%, #2b84eb 47%, #0049ca 100%);
    background: linear-gradient(45deg, #546af1 0%, #2b84eb 47%, #0049ca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546af1', endColorstr='#0049ca', GradientType=1); */
}

.overflow-hidden {
	position: relative;
	overflow: hidden !important;
}

#wrapper {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f8f8f9;
	overflow-x: hidden;
}

.inner-wrapper {
	width: 100%;
	float: left;
	height: auto;
	position: relative;
}

.listing_tabs {
	background-color: #fff;
}

.section {
	width: 100%;
	float: left;
	height: auto;
	position: relative;
}

.home-section {
	width: 100%;
	float: left;
	height: auto;
	position: relative;
	padding: 40px 0;
	background-color: #f8f8f8;
}

.section-lg {
	padding: 100px 0;
}

.section-md {
	padding: 70px 0;
}

.section-sm {
	padding: 40px 0;
}

.section-xs {
	padding: 20px 0;
}

.section-title {
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	font-size: 30px;
	line-height: 1.2;
}

.allmargin-sm {
	margin: 20px !important;
}

.leftmargin-sm {
	margin-left: 20px !important;
}

.rightmargin-sm {
	margin-right: 20px !important;
}

.topmargin-sm {
	margin-top: 20px !important;
}

.bottommargin-sm {
	margin-bottom: 20px !important;
}

.pb-6 {
	padding-bottom: 3.55rem !important;
}

.allmargin {
	margin: 50px !important;
}

.leftmargin {
	margin-left: 40px !important;
}

.rightmargin {
	margin-right: 40px !important;
}

.topmargin {
	margin-top: 40px !important;
}

.bottommargin {
	margin-bottom: 40px !important;
}

.allmargin-lg {
	margin: 60px !important;
}

.leftmargin-lg {
	margin-left: 60px !important;
}

.rightmargin-lg {
	margin-right: 60px !important;
}

.topmargin-lg {
	margin-top: 60px !important;
}

.bottommargin-lg {
	margin-bottom: 60px !important;
}

.nomargin {
	margin: 0 !important;
}

.noleftmargin {
	margin-left: 0 !important;
}

.norightmargin {
	margin-right: 0 !important;
}

.notopmargin {
	margin-top: 0 !important;
}

.nobottommargin {
	margin-bottom: 0 !important;
}

.header-stick {
	margin-top: -50px !important;
}

.noborder {
	border: none !important;
}

.noleftborder {
	border-left: none !important;
}

.norightborder {
	border-right: none !important;
}

.notopborder {
	border-top: none !important;
}

.nobottomborder {
	border-bottom: none !important;
}

.fixed-h {
	min-height: 103px !important;
}

.noradius {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}

.nopadding {
	padding: 0 !important;
}

.noleftpadding {
	padding-left: 0 !important;
}

.norightpadding {
	padding-right: 0 !important;
}

.notoppadding {
	padding-top: 0 !important;
}

.nobottompadding {
	padding-bottom: 0 !important;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.pull-none {
	float: none !important;
}

.noabsolute {
	position: relative !important;
}

.noshadow {
	box-shadow: none !important;
}

.hidden {
	display: none !important;
}

.hided,
.hide {
	display: none;
}

.nothidden {
	display: block !important;
}

.inline-block {
	float: none !important;
	display: inline-block !important;
}

.divcenter {
	display: inline-block;
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.accent-color {
	color: #546af1 !important;
}

.accent-border-color {
	border-color: #546af1 !important;
}

.main-color {
	color: #2c2b37 !important;
}

.main-border-color {
	border-color: #2c2b37 !important;
}

.alter-color {
	color: #666766 !important;
}

.alter-border-color {
	border-color: #666766 !important;
}

.nobg {
	background: none !important;
}

.nobgcolor {
	background-color: transparent !important;
}

.t300 {
	font-weight: 300;
}

.t500 {
	font-weight: 500;
}

.t600 {
	font-weight: 600;
}

.t700 {
	font-weight: 700;
}

.titalic {
	font-style: italic !important;
}

.noheight {
	height: 0 !important;
}

.nolineheight {
	line-height: 0 !important;
}

.font-primary {
	font-family: 'Poppins', sans-serif;
}

.font-secondary {
	font-family: 'Poppins', sans-serif;
}

.cursor-pointer {
	cursor: pointer;
}

.btn {
	font-size: 14px;
	padding: 5px 10px;
	line-height: 25px;
	font-weight: 500;
	/*text-transform: uppercase;*/
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor: pointer;
	border-radius: 0;
}

.btn-default {
	color: #2c2b37;
	border: 1px solid #2c2b37;
	background-color: #2c2b37;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn-default:hover {
	border-color: #2c2b37;
	background-color: #2c2b37;
	color: #fff;
}

.btn-primary {
	color: #fff;
	border: 1px solid #546af1;
	background-color: #546af1;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.btn-primary:hover {
	border-color: #2c2b37;
	background-color: #2c2b37;
	color: #fff;
}

.btn-border {
	color: #546af1;
	border: 2px solid #546af1;
	background-color: transparent;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.btn-border:hover {
	border-color: #546af1;
	background-color: #546af1;
	color: #fff;
}

.form-control:focus {
	border-color: #546af1;
	box-shadow: none;
}

.bg-white {
	background-color: #fff !important;
}

.bg-light {
	background-color: #eee !important;
}

/*-----------------------------
   4. Header
-------------------------------*/

.retina_image {
	max-height: 60px;
}

.fb-btn-login {
	background-color: #3b5999;
	width: 80%;
	padding: 10px 15px;
	color: #fff;
	font-size: 18px;
}

.icon_fb_btn {
	font-size: 30px;
}

.login_fb_btn_text {
	font-size: 16px;
}

.header {
	width: 100%;
	height: auto;
	background-color: #fff;
	position: relative;
}

.top-bar {
	width: 100%;
	float: left;
	background-color: #242c33;
	min-height: 0;
}

.social-icons {
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.social-icons li {
	width: 15%;
	float: left;
	text-align: center;
	padding: 5px 0px;
	border-right: 1px solid #fff;
}

.social-icons li:last-child {
	border-right: none;
}

.social-icons li a {
	color: #fff;
	font-size: 16px;
}

.social-icons li a:hover {
	color: #546af1;
}

.right-top-bar {
	width: 70%;
	float: right;
	padding: 15px 0;
	font-weight: 500;
}

.cur-drop {
	width: 81px;
	float: left;
	text-align: center;
	padding-right: 15px;
}

.cur-drop .cur-nav {
	margin-bottom: 0;
}

.cur-drop .cur-nav .dropdown {
	padding: 5px 0;
}

.cur-drop .cur-nav .dropdown .dropdown-toggle::after {
	display: none;
}

.cur-drop .cur-nav .dropdown .dropdown-toggle {
	color: #546af1;
	font-size: 14px;
	width: 100%;
	text-align: center;
	padding: 5px 0;
}

.cur-drop .dropdown-menu .arrow_box_cur .cur-list {
	width: 100%;
	float: left;
}

.cur-flag {
	max-width: 30px;
	max-height: 15px;
	height: 15px;
	float: left;
	padding-right: 5px;
}

.cur-flag img {
	height: 100%;
}

.cur-list li {
	list-style: none;
	width: 33.33%;
	float: left;
	padding: 10px 4px 10px 6px;
	border-bottom: none !important;
}

.cur-list li a {
	font-size: 11px;
	color: #878787;
	font-weight: normal !important;
}

.cur-list li a:hover {
	color: #484848;
}

.cur-drop .dropdown-menu .arrow_box_cur .cur-list li a {
	display: block;
	padding: 7px 15px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #000;
	background-color: #fff !important;
	white-space: nowrap;
	cursor: pointer;
}

.cur-drop .dropdown-menu .arrow_box_cur .cur-list li a:hover {
	background-color: #546af1 !important;
}

.cur-drop .dropdown-menu .arrow_box_cur .cur-list li a:hover .cur-abr {
	color: #fff;
}

.cur-abr {
	color: #484848;
	padding-left: 3px;
	font-weight: bold;
}

.cur-nav #room_selection {
	height: 54px;
	padding: 0;
	padding-top: 5px;
	border: none !important;
	border-radius: 0;
}

.arrow_box_act {
	background-color: #fff;
	height: auto;
	padding: 20px;
	position: relative;
	width: 272px;
	float: left;
}

.highlighted {
	background-color: #546af1;
	padding: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
}

.cur-nav .form-control a {
	position: relative;
	text-align: left !important;
	float: left;
	width: 100%;
	color: #2e333a;
	padding: 0 15px 0 45px;
	font-size: 15px;
	border: none;
	border-radius: 0;
}

.cur-nav .form-control .droper {
	width: 28px;
	height: 15px;
	position: absolute;
	right: 2px;
	top: 35%;
}

.cur-drop .dropdown-menu {
	padding: 0 !important;
	background-color: initial !important;
	border-radius: 0px !important;
	height: 800px;
	overflow-y: scroll;
	position: initial !important;
	border: none;
	display: block;
	box-shadow: none;
}

/* .dropdown-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
} */

.guest-rating-dropdown.show {
	left: -17px !important;
}

span.rooms-label {
	float: left;
	cursor: pointer;
	font-size: 15px;
	user-select: none;
}

span.rooms-label,
span.guests-label {
	font-weight: 600;
}

span.guests-label {
	float: left;
	font-size: 15px;
	cursor: pointer;
	user-select: none;
}

.sign_in_div {
	padding: 5px 0px;
	text-align: center;
	border-left: 1px solid #bbbbbb;
	min-width: 150px;
}

.list_your_property .sign-in-btn,
.cur-drop .cur-nav .dropdown .dropdown-toggle {
	color: #000 !important;
}

.sign_in_div .welcome-user {
	color: #546af1;
	padding-left: 10px;
}

.sign_in_div .dropdown-menu {
	margin: 19px 0 0 0;
	border-radius: 0;
}

.sign_in_div .dropdown-user.animated {
	min-width: 13rem;
	left: -60px;
	padding: 5px;
}

.sign_in_div .dropdown-user.animated:after,
.sign_in_div .dropdown-user.animated:before {
	position: absolute;
	display: inline-block;
	content: '';
	top: -10px;
	right: 35px;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

.sign_in_div .dropdown-user.animated:after {
	border-bottom: 10px solid #fff;
}

.sign_in_div .dropdown-user.animated:before {

	border-bottom: 10px solid rgba(0, 0, 0, 0.15);
	top: -11px;
}

.sign_in_div .dropdown-user.animated {
	animation: detail-popover-fade 0.5s ease;
}

.sign_in_div .dropdown-menu li a {
	line-height: 25px;
	width: 100%;
	float: left;
	color: #2c2b37;
	padding: 7px 10px;
	font-size: 14px;
}

.sign_in_div .dropdown-menu li:hover a {
	color: #fff;
	background-color: #546af1;
}

.sign-in-btn {
	font-size: 14px;
	color: #546af1;
}

.sign-in-btn:hover,
.sign-in-btn:focus {
	color: #546af1;
}

.sign-in-btn i {
	padding-right: 5px;
	font-size: 15px;
}

.create-account>a {
	padding: 5px;
	font-size: 13px;
	text-align: center;
}

.animated_hover_btn {
	color: #546af1;
	border: 1px solid #546af1;
	position: relative;
	overflow: hidden;
	z-index: 1;
	transition: color .5s ease-out;
}

.animated_hover_btn:focus,
.animated_hover_btn:active {
	color: #fff;
}

.animated_hover_btn:hover {
	color: #fff;
}

.animated_hover_btn:after {
	width: 0;
	height: 0;
	padding: 50%;
	border-radius: 50%;
	background-color: #546af1;
	opacity: 1;
	content: '';
	z-index: -1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(0);
	transition: transform .5s ease-out;
}

.animated_hover_btn:hover:after,
.animated_hover_btn:focus:after {
	transition-duration: .5s;
	transform: translate3d(-50%, -50%, 0) scale(1.5);
}

#signinmodal {
	text-align: left;
}

.sign_in_modal {
	width: 100%;
	max-width: 1000px;
}

.image_modal {
	background-color: #ecf6f1;
}

.sign_in_modal .image_modal span {
	font-size: 13px;
	color: rgba(0, 0, 0, 0.6);
}

.login_fb_btn {
	background-color: #4267b2;
	color: #fff;
}

.fb_mdal_icon {
	margin: 8px;
}

.fb_mdal_icon i {
	font-size: 30px;
}

.login_fb_btn .fb_user_name {
	margin: 0 10px;
}

.signin_heading {
	width: 100%;
	display: inline-block;
	font-size: 22px;
	color: #333;
}

.submit_custom,
.forgotten_pwd {
	float: right;
}

.forgotten_pwd:hover {
	color: #546af1 !important;
}

.modal-body input,
.modal-body select {
	height: initial !important;
	border-radius: 0;
	padding: 3px 10px;
	color: #666;
	font-size: 15px;
}

.modal-body label {
	font-weight: 500;
	font-size: 14px;
}

.remember_me {
	font-weight: normal !important;
	font-size: 13px !important;
}

.creat_account {
	width: 170px;
	float: right;
	padding: 10px 0 !important;
	border: none !important;
	border-radius: 0 !important;
	text-transform: none;
	background-color: #546af1 !important;
	font-weight: normal !important;
}

.creat_account:hover {
	opacity: 0.8;
}

.text-muted a {
	color: #546af1;
	font-size: inherit;
}

.text-muted a:hover {
	text-decoration: underline !important;
}

#signinmodal .modal-footer,
#createaccountmodal .modal-footer,
#add-payment_mathod .modal-footer {
	text-align: left;
	display: inline-block;
}

.regpermission {
	font-size: 11px !important;
	font-weight: normal !important;
	line-height: 16px !important;
	margin-top: 0 !important;
	max-height: initial !important;
	padding-left: 25px !important;
}

#signinmodal form {
	margin-bottom: 0;
}

.no_account {
	float: left;
	color: #666;
	font-size: 14px;
	padding-top: 7px;
	text-align: left !important;
}

.submit_custom {
	display: inline-block;
	width: 100%;
	font-weight: normal;
	border-radius: 0 !important;
	margin-top: 15px;
	padding: 5px 0 !important;
	text-transform: none !important;
	background-color: #fff !important;
	border: 1px solid #546af1 !important;
	color: #546af1 !important;
}

.submit_custom:hover {
	background-color: #546af1 !important;
	color: #fff !important;
}

.modal-header .close:hover,
.modal-header .close:focus {
	opacity: 1 !important;
}

.menu-bar {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

/* Navigation */
.navbar-nav {
	margin: 0;
}

.search-bar-tabs .nav-tabs .nav-link {
	padding: .5rem 0;
	margin: 0 .5rem;
}

.navbar .navbar-nav .nav-link {
	float: left;
	padding: 20px 0px;
	margin: 0 10px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.navbar .navbar-nav .nav-link:hover {
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	/*border-bottom: 4px solid #546af1;*/
	padding-bottom: 18px;
	color: #546af1;
}

.navbar .navbar-nav .active>.nav-link {
	/*border-bottom: 4px solid #546af1;*/
	padding-bottom: 18px;
}

#magic-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 4px;
	background: #546af1;
}

.navbar-light .navbar-toggler {
	width: 40px;
	height: 26px;
	padding: 0;
	border: none;
}

.navbar-light .navbar-toggler span {
	width: 100%;
	height: 3px;
	float: left;
	background-color: #2c2b37;
}

.navbar-light .navbar-toggler span+span {
	margin-top: 8px;
}

.telephone-header {
	width: 100%;
	float: right;
	text-align: right;
	padding: 30px 0;
	font-size: 16px;
	color: #242c33;
}

.telephone-header i {
	color: #546af1;
	font-size: 16px;
	padding-left: 10px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: "FlipH";
	-ms-filter: "FlipH";
}

.navbar {
	border-radius: 0;
	border: none;
	padding: 0;
	margin: 0;
}

.navbar-brand {
	padding: .3125rem 0;
	height: auto;
}

/*----------------------------------------------------------------
    5. Homepage
-----------------------------------------------------------------*/

.background-banner {
	width: 100%;
	float: left;
	background: url(../images/banner-top.jpg) no-repeat center;
	background-size: cover;
}

.banner-content {
	text-align: center;
	padding: 60px 0;
	position: relative;
}

.banner-heading {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 15px;
}

.banner-para {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
}

.search-bar-tabs {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
}

.advance_search_options {
	color: #fff;
	padding: 15px 10px;
}

.search-bar-tabs .nav-tabs .nav-link {
	border-radius: 0;
	font-weight: 500;
	border: none;
	border-top: 3px solid transparent;
	color: #fff;
	background-color: transparent;
}

.search-bar-tabs .nav-tabs .nav-link.active {
	border: none;
	border-top: 3px solid #546af1;
}

.star_icon {
	float: left;
	margin-right: 5px;
}

.search-add,
.property-count,
.navbar-right {
	float: right;
}

.search-head {
	float: left;
}

.suggestion_name {
	width: 96%;
	float: left;
}

.blue-count {
	color: #546af1;
}

.suggested_search {
	margin-bottom: 0;
}

.suggested_search .occupancy-selected li a {
	padding: 15px;
	transition: none;
}

.suggested_search .occupancy-selected li a:hover {
	background-color: #546af1;
	color: #fff;
}

.suggested_search .occupancy-selected li a:hover i,
.suggested_search .occupancy-selected li a:hover .blue-count {
	color: #fff;
}

.search-icons {
	width: 23px;
	height: 25px;
	float: left;
	position: absolute;
	left: 3%;
	z-index: 1;
}

.daterange-picker .search-icons {
	top: 30%;
}

.adult-dropdown .search-icons {
	top: 25%;
}

.search-query .search-icons {
	top: 30%;
}

.daterangepicker:before {
	border-bottom-color: #000 !important;
}

.daterange-picker,
.adult-dropdown {
	width: 25%;
	float: left;
	position: relative;
	margin-right: 5px;
}

.daterangepicker {
	max-width: 550px !important;
	border: none !important;
	border-radius: 0 !important;
}

.calendar.right .off.disabled,
td.available.off {
	opacity: 0;
	visibility: hidden;
}

.daterangepicker .calendar {
	margin: 0 !important;
	max-width: 50%;
}

/* .daterangepicker .calendar td {
    padding: 0 4px;
} */

.daterangepicker .calendar td,
.daterangepicker .calendar th {
	width: 40px !important;
}

.daterangepicker .calendar thead td,
.daterangepicker .calendar thead th {
	color: #666766;
	font-size: 12px;
	border-radius: 0;
}

.daterangepicker .calendar td {
	padding: 0px 10px;
}

.daterangepicker .calendar tbody td,
.daterangepicker .calendar tbody th {
	height: 40px;
	line-height: 39px;
	border: 2px solid #fff;
	font-size: 12px;
	font-weight: 600;
	background-color: #eee;
}

.daterangepicker .calendar tbody td.today,
.daterangepicker .calendar tbody th.today {
	border-radius: 999px;
	background-color: #000;
	color: #fff;
}

.daterangepicker .calendar tbody td.active.start-date,
.daterangepicker .calendar tbody th.active.start-date {
	border-top-left-radius: 999px;
	border-bottom-left-radius: 999px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.daterangepicker .calendar tbody td.active.end-date,
.daterangepicker .calendar tbody th.active.end-date {
	border-top-right-radius: 999px;
	border-bottom-right-radius: 999px;
	background-color: #546af1 !important;
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
	text-decoration: none !important;
}

.daterangepicker .daterangepicker_input {
	display: none !important;
}

.daterangepicker .table-condensed thead .month,
.daterangepicker .table-condensed thead .bYear {
	font-size: 15px;
	margin: 0 3px;
	color: #000;
}

.daterangepicker .table-condensed td.in-range {
	background-color: #546af1 !important;
	color: #fff;
}

.cancelBtn {
	border: none !important;
}

.applyBtn {
	background-color: #546af1 !important;
	border-radius: 0 !important;
	border: 1px solid #546af1 !important;
	font-weight: 600;
}

.applyBtn:hover {
	color: #546af1 !important;
	background-color: #fff !important;
}

.calendar.left .table-condensed thead,
.calendar.right .table-condensed thead,
.cancelBtn:hover {
	background-color: #fff !important;
}

.range_inputs .btn-default:hover {
	color: initial !important;
}

.calendar.left .table-condensed,
.calendar.right .table-condensed {
	background-color: #eee;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #546af1 !important;
	color: #fff !important;
	border-color: initial;
}

.daterangepicker td.off.active:hover,
.daterangepicker td.off.available:hover,
.daterangepicker th.off.available:hover,
.daterangepicker .table-condensed td.off.in-range,
.daterangepicker .calendar tbody td.off.active.end-date,
.daterangepicker .calendar tbody th.off.active.end-date,
.daterangepicker .calendar tbody th.off.today {
	background-color: #fff !important;
	border-color: transparent;
	color: #8D99A9 !important;
}

.daterangepicker .calendar tbody td.off.today,
.daterangepicker td.off.active,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range {
	border-color: #fff !important;
}

.daterangepicker .ranges {
	/*display: none;*/
}

.ranges .range_inputs span {
	cursor: auto !important;
}

.search-query {
	width: 36%;
	float: left;
	position: relative;
	margin-right: 5px;
}

.search-query input,
.date-range-search {
	width: 100%;
	float: left;
	text-transform: capitalize;
	cursor: auto;
	border: none;
	padding: 15px 15px 15px 45px;
	color: #2e333a;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
}

.search-query .cur-nav .form-control {
	padding: 0 !important;
	float: left;
	border-radius: 0;
	border: none;
}

.search-query input {
	padding-top: 17px;
}

.search-query .arrow_box_act {
	width: 100%;
	padding: 0;
}

.search-query .dropdown-menu {
	max-width: 100%;
	min-width: 450px;
	border-radius: 0;
	border: none !important;
	padding: 0;
	top: 0 !important;
}

.adult-dropdown .dropdown-menu {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 0;
	top: 5px !important;
	margin: 1px 0 0 0;
	padding: 0;
	border: none;
}

.adult-dropdown input {
	border: none;
	padding: 6px 0px;
}

ul.occ-child-age-select-list.dg-OccupancyChildage-list span.age {
	width: 100%;
	float: left;
}

span.occ-plus,
span.occ-minus {
	height: 28px;
	width: 30px;
	background-color: transparent;
	margin-top: 5px;
	border: 1px solid #546af1;
	padding: 5px;
	padding-top: 4px;
	cursor: pointer;
	text-align: center;
	color: #546af1;
	transition: all 0.5s ease-in-out;
}

span.occ-plus svg,
span.occ-minus svg {
	fill: #546af1;
}

span.occ-plus:hover svg,
span.occ-minus:hover svg {
	fill: #fff;
}

span.occ-plus {
	float: right !Important;
}

span.occ-plus:hover,
span.occ-minus:hover {
	background-color: #546af1;
}

span.occ-plus:hover i,
span.occ-minus:hover i {
	color: #fff;
}

span.occ-plus:active,
span.occ-minus:active {
	background-color: #546af1;
}

span.RoomHeading {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
}



.adults-dec,
.child-dec {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}

.room-dec {
	float: left;
	padding: 0;
	margin: 0;
	width: 98px;
}

ul.occ-child-age-select-list.dg-OccupancyChildage-list li {
	width: 50%;
	float: left;
	border: none;
	text-align: center;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0px;
}

ul.occ-child-age-select-list.dg-OccupancyChildage-list {
	float: left;
	width: 100%;
}

.button-re-do {
	float: right;
}

.homepage_sticky_search {
	display: none;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
}

.homepage_sticky_search.sticky {
	display: block;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
}

select.occ-child-age-select-input.dg-OccupancyChildage-select.dg-OccupancyChildage-dropdownwrapperSelect.dg-Select-input {
	border: none;
	border-bottom: 1px solid #e5e5e5;
}

.oneline-searchbox .arrow_box_act {
	background-color: #fff;
	height: auto;
	padding: 0px;
	position: relative;
	width: 100%;
}

.oneline-searchbox .dropdown-menu {
	margin: 0 -10px;
	box-shadow: 0 -5px 0 0 #ffc106;
	min-width: 290px !important;
}

span.occ-minus,
span.occ-plus {
	float: left !important;
	transition: none;
}

button.reset {
	font-size: 16px;
	background: transparent;
	border: none;
	margin-right: 20px;
}

button.done {
	border: none;
	background: #fec802;
	color: #000;
	padding: 7px 15px;
}

button.done:hover {
	background: #000;
	color: #fff;
}

.roomsCountNo {
	float: left;
	line-height: 36px;
	font-size: 16px;
	width: 145px;
	text-align: center;
	margin: 0 12px;
}

.search-btn {
	width: 12.5%;
	float: left;
}

.search-btn .search {
	width: 100%;
	float: left;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border: none;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	transition: color .5s ease-out;
	overflow: hidden;
}

.search-btn .search:before {
	width: 0;
	height: 0;
	padding: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.1;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(0);
	transition: transform .15s ease-out;
}

.search-btn .search:hover:before,
.search-btn .search:focus:before {
	transition-duration: .3s;
	transform: translate3d(-50%, -50%, 0) scale(1.5);
}

.room-search-home.sticky {
	background-color: #2c2b37;
	padding: 10px;
}

.room-search-home.sticky .container {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.room-search-home>.container {
	padding-left: 0;
	padding-right: 0;
}

.section-heading {
	width: 100%;
	text-transform: capitalize;
	float: left;
	margin: 40px 0;
	font-size: 26px;
	text-align: center;
	color: rgba(0, 0, 0, .75);
}

/* Home Top Deals */
#topDeals {
	display: none;
}

.top_deals_sections {
	width: 100%;
	height: 100%;
	min-height: 300px;
	background-color: #eee;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	transition: transform 0.5s;
	cursor: pointer;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

.top_deals_sections:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
	transition: all .5s ease-in-out;
}

.top-deal-section {
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
	backface-visibility: hidden;
}

.top-deals-list {
	width: 100%;
	height: auto;
	float: left;
}

.top-deal-section-thumb {
	width: 100%;
	height: auto;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.top-deal-section-thumb img {
	width: 100%;
	height: 200px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.top-deal-badge {
	width: 100%;
	max-width: 130px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 2;
	background-color: #b51900;
	text-align: center;
}

.top-deal-badge .badge-discount {
	width: 100%;
	color: #fff;
	padding: 10px 5px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 24px;
	font-size: 20px;
	font-weight: 500;
}

.top-deal-badge .badge-expiry {
	width: 100%;
	background-color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 3px 0;
	font-weight: 400;
	margin: 0;
}

.top-deal-paragraph {
	font-size: 13px;
	margin: 0;
	padding: 10px;
}

.top-deal-coupon-box {
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	bottom: 0;
	backface-visibility: hidden;
	border-top: 2px solid #ccc;
}

.top-deal-coupon-btn {
	color: #546af1;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 10px;
}

.top-deal-coupon-btn:hover {
	background-color: transparent;
	color: #546af1;
}

/* Deals Flip Box */
.top-deal-flip-box {
	display: table;
	height: 100%;
	top: 0;
	width: 100%;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.top-deal-flip-box-inner {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.top_deals_sections .top-deal-flip-box {
	padding: 10px;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.top_deals_sections.flipped {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.top-deal-flip-promo {
	position: relative;
	width: 100%;
}

.top-deal-flip-promo-number {
	text-align: center;
	border: 2px dashed #b51900;
	height: 35px;
	color: #b51900;
	width: 100%;
	padding: 3px;
	font-weight: 600;
	font-size: 16px;
	line-height: 25px;
}

.top-deal-flip-promo-procard {
	white-space: nowrap;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	padding: 6px 0;
	z-index: 2;
	text-align: center;
	transition-delay: .5s;
	background-color: #b51900;
}

.top-deal-flip-promo-procard.revealed {
	width: 0;
	transition: width 3s;
	-webkit-transition: width 3s;
}

.top-deal-flip-promo-procard span {
	font-size: 14px;
	color: #fff;
}

@keyframes width {
	0% {
		width: 100%;
	}

	50% {
		width: 50%;
	}

	100% {
		width: 0;
	}
}

.top-deal-flip-promo-procard.revealed span {
	opacity: 0;
	transition: opacity 4s;
}

@keyframes opacity {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

.top-deal-flip-promo-expiry-head {
	font-size: 13px;
	margin-bottom: 10px;
}

.top-deal-flip-promo-desc {
	font-size: 11px;
	line-height: 1.2;
}

/* Deal More Promo Box */
.more-promo {
	display: table;
	background-color: #eee;
	padding: 20px;
	position: relative;
	height: 100%;
	width: 100%;

}

.more-promo-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.more-promo-heading {
	color: #546af1;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 500;
}

/* Why Us Box */
.why-us-element {
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 30px 15px;
	text-align: center;
}

.why-us-icon {
	width: 120px;
	padding-bottom: 30px;
	margin: auto;
}

.why-us-element h3 {
	text-transform: capitalize;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
}

.why-us-element p {
	font-size: 15px;
	line-height: 25px;
	margin: 0;
}

.video-section {
	width: 100%;
	display: table;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	padding: 120px 30px;
}

.why-video-child,
.recent-child {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.video-header {
	width: 100%;
	display: inline-block;
	font-size: 36px;
	text-transform: capitalize;
	line-height: 58px;
	color: #fff;
	margin-bottom: 50px;
}

.video_modal {
	width: 100%;
	display: inline-block;
}

.playit-btn {
	width: 70px;
	display: inline-block;
	height: 70px;
	background: #fff;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	position: relative;
	cursor: pointer;
}

.playit-btn:before {
	width: 0;
	display: inline-block;
	position: absolute;
	left: 35%;
	top: 20%;
	height: 0;
	content: '';
	border-top: 20px solid transparent;
	border-left: 33px solid #546af1;
	border-bottom: 20px solid transparent;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear
}

.playit-btn:hover {
	background: #546af1;
}

.playit-btn:hover:before {
	border-left-color: #fff !important;
}

/* Popular Destination */

.popular-destination-row {
	margin-right: -10px;
	margin-left: -10px;
}

.popular-destination-row .col-sm-12,
.popular-destination-row .popular-blog-box {
	padding: 0 10px;
	margin-bottom: 20px;
}

.popular-destination-box a {
	overflow: hidden;
	float: left;
	width: 100%;
}

.popular-destination-inner {
	width: 100%;
	height: 260px;
	padding: 30px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #fff;
	-moz-transition: all .5s;
	-webkit-transition: all .8s;
	transition: all .8s;
	overflow: hidden;
	display: table;
	position: relative;
}

.popular-destination-inner:before {
	content: '';
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.popular-destination-inner:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.popular-destination-inner-child {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	z-index: 2;
}

.popular-destination-inner-child h3,
.popular-destination-inner-child h5 {
	font-weight: 500;
	color: #fff;
}

.popular-destination-inner-child h3 {
	font-size: 24px;
}

.popular-destination-inner-child h5 {
	font-size: 18px;
	margin: 0;
}

/* Home Blogs Grid */
.popular-blog-box a {
	overflow: hidden;
	float: left;
	width: 100%;
}

.popular-blog-box .popular-blog-box-content {
	width: 100%;
	position: relative;
	float: left;
}

.popular-blog-box .popular-blog-detail-thumb {
	width: 100%;
	height: 270px;
	position: relative;
	min-height: 270px;
	overflow: hidden;
	-webkit-transition: all ease-in-out .7s;
	transition: all ease-in-out .7s;
}

.popular-blog-box .popular-blog-detail-thumb img {
	width: 100%;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 1;
}

.popular-blog-box .popular-blog-detail {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -85%;
	left: 0;
	padding: 10px 15px;
	z-index: 2;
	color: #fff;
	-webkit-transition: all ease-in-out .7s;
	transition: all ease-in-out .7s;
	background-color: rgba(0, 0, 0, 0.5);
}

.popular-blog-box .popular-blog-detail h3,
.popular-blog-box .popular-blog-detail h1,
.popular-blog-box .popular-blog-detail h2,
.popular-blog-box .popular-blog-detail h4,
.popular-blog-box .popular-blog-detail h5,
.popular-blog-box .popular-blog-detail h6 {
	font-weight: 500;
	color: #fff;
	line-height: 30px;
	font-size: 18px;
	margin-bottom: 0;
}

.popular-blog-box .popular-blog-detail p {
	color: #fff;
	margin: 0;
}

.popular-blog-box .popular-blog-detail p span {
	color: #fff !important;
}

.popular-blog-box .popular-blog-box-content:hover .popular-blog-detail {
	bottom: 0;
}

.popular-blog-box .popular-blog-box-content img {
	-webkit-transition: all ease-in-out .7s;
	transition: all ease-in-out .7s;
}

.popular-blog-box .popular-blog-box-content:hover img {
	-webkit-filter: blur(2px);
	filter: blur(2px);
}

.blog-detail-content p {
	text-align: justify;
}

@media (max-width: 991px) {

	/* Top Deals */
	.top_deals_sections_box {
		margin-bottom: 30px;
	}

	/* Home Blogs Grid */
	.popular-blog-box {
		margin: 15px 0;
	}
}

/*****************************************
    6. Footer
*****************************************/

.footer {
	width: 100%;
	float: left;
	background-color: #fff;
	z-index: 2;
	position: relative;
}

.footer_area {
	padding: 60px 0;
}

.footer_area>li {
	width: 20%;
	float: left;
}

.footer_widget li:first-child {
	margin-bottom: 0;
}

.footer_widget li .footer_widget_heading {
	margin-bottom: 10px;
	color: #2c2b37;
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	margin-right: 0;
	display: block;
}

.footer_widget li:last-child {
	margin-bottom: 0;
}

.footer_widget li a {
	font-size: 14px;
	line-height: 24px;
	color: #666766;
}

.footer_widget li a:hover {
	color: #546af1;
}

.footer_social_widget li {
	width: 46px;
	margin: 0;
	margin-right: 5.7%;
	float: left;
	display: inline-block;
}

.footer_social_widget li .footer_widget_heading {
	text-align: left;
}

.footer_social_widget li:last-child {
	margin-right: 0 !important;
}

.footer_social_widget li:first-child {
	width: 100%;
	margin-right: 0;
}

.footer_social_widget li a {
	padding: 10px;
	color: #fff;
	border: 1px solid #546af1;
	font-size: 22px;
	width: 100%;
	display: inline-block;
	text-align: center;
}

.footer_social_widget li a:hover {
	background: #fff;
	color: #546af1;
}

.copyrights {
	width: 100%;
	float: left;
	text-align: center;
	padding: 30px 0;
	font-size: 12px;
	color: #666766;
}

/********************************************************
    7.    Host
*********************************************************/

.background_image {
	background-image: url("../images/naran.jpg");
	height: 700px;
	background-size: cover;
}

.box .step {
	float: left;
	margin-top: 150px;
}

.box .step .banner-heading {
	margin-bottom: 20px;
}

.hosting_btn>.creat_account,
.list_your_btn>.creat_account {
	width: initial;
	padding: 10px !important;
	float: left;
	border: 1px solid #546af1 !important;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}

.hosting_btn>.creat_account:hover,
.list_your_btn>.creat_account:hover {
	opacity: 1;
	background-color: #fff !important;
	color: #546af1 !important;
}

.listproperty {
	margin: 20px 0;
}

.listproperty .love_heading {
	padding: 0;
	margin: 0;
}

.list_your_btn .creat_account {
	float: right;
}

.properties3 {
	margin: 20px 0;
}

.properties3 .free_para {
	margin-bottom: 20px;
}

.host_no_account {
	width: 100%;
}

.text-description {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
}

.base_host {
	margin-bottom: 30px;
}

.base_host .love_heading {
	width: 100%;
}

.base_host .free {
	font-size: 22px;
}

.base_host .fee_para {
	font-size: 16px;
}

/*************************************
    8. Listing Page
**************************************/

.top-search-background {
	background-color: #2c2b37;
}

.top-search-background form,
.top-search-background ul,
.top-search-background .form-group {
	margin-bottom: 0;
}

.top-search-background .search-area {
	margin: 10px 0;
	float: left;
}

#search_top,
#search_top_home {
	width: 100%;
	height: auto;
	float: left;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	transition: 0.5s all ease;
	z-index: 9;
}

#search_top.sticky,
#search_top_home.sticky,
#mapRatingBar.sticky {
	position: fixed;
	left: 0;
	right: 0;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	z-index: 1008;
	top: -45px;
	transform: translate(0, 45px);
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	transition: 0.5s all ease;
	float: none;
	margin: 0 auto;
}

.map-rating-bar {
	background-color: #f8f8f8;
	width: 100%;
	float: left;

}

.map-rating-bar .border-right,
.map-rating-bar .location-raitng {
	padding-top: 10px;
	padding-bottom: 10px;
}

.map-listing {
	width: 100%;
	height: 148px;
	float: left;
	text-align: center;
	padding: 15px 0;
	background: url(../images/map-lsiting.svg) no-repeat center;
	overflow: hidden;
	background-size: cover;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.border-right {
	border-right: 1px solid #999999 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.map-listing:hover .see-map {
	color: #546af1;
}

.see-map {
	display: block;
	color: #2c2b37;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}

.price-range {
	width: 100%;
	float: left;
}

.per_night,
.hotel-rating {
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}


.map-rating-bar .ranges {
	margin-bottom: 15px !important;
}

#lower-value,
#upper-value {
	font-size: 14px;
	color: #666766;
}

.noUi-horizontal {
	height: 2px !important;
}

.noUi-target {
	border: none !important;
	box-shadow: none !important;
}

.noUi-origin {
	top: initial !important;
}

.noUi-connect {
	background: #000 !important;
}

.noUi-horizontal .noUi-handle {
	width: 20px !important;
	height: 20px !important;
	cursor: pointer;
	top: -10px !important;
}

.guest_rating-slider .noUi-horizontal .noUi-handle {
	top: -12px !important;
}

.noUi-handle {
	border-radius: 50% !important;
	background: #546af1 !important;
	box-shadow: none !important;
	border: none !important;
}

.noUi-handle:before,
.noUi-handle:after {
	display: none !important;
}

.range_slider {
	display: block;
	width: 235px;
}

.hoverable-start {
	width: 100%;
	position: relative;
	float: left;
}

.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.star-rating-bar:after {
	position: absolute;
	bottom: -6%;
	left: 50%;
	color: #2c2b37;
	content: '\f141';
	font-weight: 900;
	font-size: 22px;
	font-family: "Font Awesome 5 Free";
}

.star-rating-bar {
	will-change: max-height;
	z-index: 1;
	transition: all .15s linear;
	max-height: 110px;
	min-height: 110px;
	padding: 0 15px;
	background: #f8f8f8;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.star-rating-bar:hover {
	max-height: 205px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2);
	transition: all .15s linear;
	z-index: 3;
}

.star-rating-bar:hover:after {
	display: none;
}

.ratings li {
	overflow: hidden;
}

.listing_property {
	width: 100%;
	float: right;
}

.sorting_bar {
	width: 100%;
	padding: 0 10px;
	background-color: #f8f8f8;
}

.sorting_bar_section {
	border-right: 1px solid #999999;
	padding: 0 !important;
}

.border-none {
	border: none !important;
}

.sorting_bar_heading,
.filter_heading {
	width: 100%;
	float: left;
	color: #2c2b37;
	font-size: 15px;
	padding: 8px 15px;
}

.sorting_bar_heading a,
.filter_heading a {
	color: #2c2b37;
	font-size: 15px;
	float: left;
	width: 100%;
}

.filter_heading,
.sort_responsive,
.map_resposive {
	display: none;
}

.guest-rating-dropdown>span,
.best-rated {
	font-size: 14px;
	padding: 10px 15px;
	color: #9c9c9c;
}

.sorting_bar_heading.active {
	background-color: #546af1;
}

.sorting_bar_heading.active a {
	color: #fff;
}

.guest-rating-dropdown>a {
	padding: 5px 15px;
}

.guest-rating-dropdown .dropdown-item.active,
.dropdown-item:active {
	background-color: #546af1;
}

.sorting_bar_heading i {
	float: right;
	font-size: 22px;
}

.listing_items {
	width: 100%;
	float: left;
}

.singel_listing_item {
	display: inline-block;
	margin-top: 20px;
	overflow: hidden;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}

.singel_listing_item:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .3);
	transition: all .2s ease-in-out;
}

.listing_item_body {
	min-height: 208px !important;
	float: left;
	height: 208px;
}

.user_bookings_list .listing_item_body {
	border: 1px solid #ccc;
	border-left: none;
}

.absolute_carousel img {
	height: 70px !important;
	max-height: 70px;
	opacity: 0.6;
	min-height: 70px;
}


.absolute_carousel .slick-track .slick-current img {
	opacity: 1;
}

.absolute_carousel .slick-track .slick-slide {
	padding: 5px;
	width: 90px !important;
}

.item_body_inner_left {
	width: 62%;
	float: left;
	padding: 10px 15px;
	padding-right: 0 !important;
}

.listing_heading {
	float: left;
	font-size: 15px;
	font-weight: 600;
	color: #2c2b37;
	line-height: 30px;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: capitalize;
}

.listing_tabs .nav-item a {
	font-weight: 600;
	font-size: 16px;
	color: #2c2b37;
	border-radius: 0;
	border-color: #e9ecef #e9ecef #dee2e6;
}

.listing_tabs .nav-link.active {
	color: #546af1;
	border-top: 2px solid #546af1;
}

.property_listing_location {
	width: 100%;
	float: left;
	font-size: 15px;
	color: #546af1;
	text-transform: capitalize;
}

.property_listing_location i {
	font-size: 16px;
	margin-right: 7px;
}

.property_rating {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

.property_rating .ratings li {
	padding: 0;
}

.listing_options {
	background-color: #546af1;
	float: left;
	color: #fff;
	margin-bottom: 5px;
}

.singular_option {
	padding: 7px 5px;
	font-size: 12px;
	border-right: 1px solid #fff;
}

.listing_options .singular_option:last-child {
	border-right: none;
}

.options_heading {
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 8px;
	text-transform: capitalize;
	position: relative;
}

.options_heading:after {
	height: 25px;
	width: 1px;
	content: '';
	position: absolute;
	background-color: #fff;
	top: -5px;
	right: -2px;
	-ms-transform: rotate(20deg);
	/* IE 9 */
	-webkit-transform: rotate(20deg);
	/* Safari 3-8 */
	transform: rotate(20deg);
}

.no_credit_card {
	color: #2c2b37;
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 12px;
}

.no_credit_card i {
	font-size: 16px;
	margin-right: 5px;
}

.free_cancellation_p {
	color: #00A14B;
	font-size: 12px;
	line-height: 21px;
	float: left;
	width: 100%;
	font-weight: 600;
}

.item_body_inner_right {
	width: 38%;
	border-left: 1px solid #ccc;
	float: right;
	height: 100%;
}

.rating_views {
	min-width: 130px;
	float: right;
	padding: 5px;
	background-color: #546af1;
}

.property_reviews {
	float: left;
}

.property_reviews span {
	font-size: 12px;
	display: block;
	line-height: 18px;
	color: #fff;
	padding-left: 5px;
	font-weight: 400;
}

.rating_count {
	min-width: 35px;
	float: right;
	background-color: #fff;
	color: #546af1;
	text-align: center;
	font-size: 16px;
	padding: 6px 0;
	font-weight: 600;
}

.property_price {
	float: right;
	padding-right: 5px;
	text-align: right;
	;
	font-weight: 600;
}

.price_heading {
	color: #444545;
	margin-top: 5px;
	font-size: 11px;
	line-height: 15px;
	display: block;
	font-weight: normal;
}

.price {
	font-size: 18px;
	color: #546af1;
}

.price>span:first-child {
	font-size: 14px;
	color: #444545;
	padding-right: 5px;
}

.free_cancellation_sec {
	display: inline-block;
	text-align: right;
	padding-right: 5px;
	width: 100%;
}

.free_cancellation_sec.recommend {
	display: none;
}

.free_cancellation_sec span,
.free_cancellation_sec i {
	width: 100%;
	display: block;
	font-size: 11px;
	line-height: 18px;
	font-weight: 600;
	color: #00A14B;
}

.property_price .free_cancellation_sec span,
.property_price .free_cancellation_sec i {
	width: initial !important;
	display: initial !important;
	float: left;
	text-align: left;
}

.property_price .free_cancellation_sec i {
	margin-right: 5px;
}

.book_now {
	width: 120px;
	float: right;
	margin-top: 20px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
}

#map-listing .book_now,
#listing_items .book_now {
	position: absolute;
	right: 15px;
	bottom: 2px;
}

.book_now a,
.book_now button {
	color: #fff;
	display: block;
	padding: 5px 0;
	text-align: center;
	position: relative;
}

.book_now button {
	width: 100%;
	background-color: #546af1;
	border: none;
}

.book_now button:hover {
	background-color: #fff;
}

.book_now a.disabled {
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none;
}

.book_now a:hover,
.book_now button:hover {
	background-color: #fff;
	color: #546af1 !important;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}

.book_now:before,
.book_now:after {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	transition: all 0.2s linear;
	background: #546af1;
}

.book_now a:before,
.book_now a:after,
.book_now button:before,
.book_now button:after {
	content: "";
	width: 1px;
	height: 0;
	position: absolute;
	transition: all 0.2s linear;
	background: #546af1;
}

.book_now:hover:before,
.book_now:hover:after {
	width: 100%;
}

.book_now:hover a:before,
.book_now:hover a:after,
.book_now:hover button:before,
.book_now:hover button:after {
	height: 100%;
}

.book_now:before {
	left: 50%;
	top: -1px;
	transition-duration: 0.4s;
}

.book_now:after {
	left: 50%;
	bottom: 0;
	transition-duration: 0.4s;
}

.book_now a:before,
.book_now button:before {
	left: 0;
	top: 0;
	transition-duration: 0.4s;
}

.book_now a:after,
.book_now button:after {
	right: 0;
	top: 0;
	transition-duration: 0.4s;
}

.book_now:hover:before,
.book_now:hover:after {
	left: 0;
}

.book_now:hover a:before,
.book_now:hover a:after {
	top: 0;
}

.featured_slider .flexslider {
	margin: 0;
	background: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.featured_slider .flex-control-thumbs {
	margin: 0;
}

.featured_slider .flex-control-thumbs img {
	opacity: 1;
}

.featured_slider .flex-control-thumbs li,
.absolute_carousel .slides li {
	width: 23.6%;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.featured_slider .flex-control-thumbs li:last-child {
	margin-right: 0;
}

.featured_slider .flex-control-thumbs,
.hotel_detail_slider .flex-control-thumbs,
.absolute_carousel {
	position: absolute !important;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .5);
}

.absolute_carousel {
	width: 100%;
}

.absolute_carousel .slick-list {
	padding: 0 !important;
}

.fixed_images .slides li {
	position: relative;
	height: 208px;
	min-height: 208px;
	overflow: hidden;
}

.fixed_images .slides img,
.fixed_images img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 1;
}

.popular_heading_area {
	font-size: 13px;
	font-weight: 500;
}

.area_item a {
	border-right: 1px solid #999;
	padding: 0 5px;
	font-size: 13px;
	color: #666;
}

.area_item a:hover {
	color: #546af1;
}

.area_item a:hover .area_icon svg {
	fill: #546af1;
}

.area_item .area_icon svg {
	height: 15px;
	width: 15px;
	vertical-align: middle;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
}

.areas_list .area_item:last-child a {
	border-right: none;
}

/**************************************** 
    9. Base for label styling
        (Custom checkbox)
****************************************/

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
	position: relative;
	padding-left: 25px;
	float: left;
	min-height: 15px !important;
	max-height: 15px;
	cursor: pointer;
	margin-bottom: 0;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #ccc;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
	content: '';
	background: url(../images/tick.png) no-repeat center;
	background-color: #546af1 !important;
	position: absolute;
	top: 3px;
	width: 16px;
	font-weight: 900;
	height: 16px;
	left: 0px;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	font-weight: normal;
	line-height: 0.8;
	color: #fff;
	transition: all .5s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
}

/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

[type="checkbox"]:disabled:checked+label:after {
	color: #999;
}

[type="checkbox"]:disabled+label {
	color: #aaa;
}

.ratings {
	margin-bottom: 0;
}

.ratings li {
	padding-left: 5px;
	padding-bottom: 10px;
}

.location_rating .ratings li {
	padding-bottom: 0;
}

.location_rating .ratings li label {
	font-size: 13px;
}

.ratings li>svg,
.ratings li label svg {
	width: 16px;
	height: 16px;
}

.location-raitng {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.location-raitng .ratings li label {
	font-size: 16px;
}

.location-raitng .ratings li label span {
	font-weight: bold;
}

[type="radio"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
	margin-bottom: 0;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before,
[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 1px;
	width: 18px;
	height: 18px;
	border: 3px solid #cbcccc;
	border-radius: 100%;
	background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #546af1;
	border-color: #546af1;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

[type="radio"]:not(:checked)+label:after,
[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type="radio"]:checked+label:after,
[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/********************************************
    10. SideBar Listing
********************************************/

.listing_body {
	width: 100%;
	float: left;
	margin: 30px 0;
}

.sidebar-parent {
	width: 100%;
	display: inline-block;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	padding: 15px;
}

.sidebar-widget {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.sidebar-widget label {
	font-size: 13px;
}

.sidebar-widget label:hover {
	color: #546af1;
}

.sidebar-widget label:hover:before {
	border-color: #546af1;
}

.sidebar-widget .per_night {
	margin-bottom: 15px;
}

.search-for-peroperty {
	width: 100%;
	float: left;
	padding: 5px 10px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 13px;
}

.hidden-content {
	width: 100%;
	display: none;
	float: left;
	margin: 0;
	padding: 0;
}

.show_more_options {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #546af1;
	cursor: pointer;
	position: relative;
}

.down-caret {
	position: relative;
}

.show_more_options:after {
	content: "\f0d7";
}

.down-caret:after {
	content: '\f0d8';
}

.down-caret:after,
.show_more_options:after {
	position: absolute;
	right: 25%;
	top: 0;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	color: #546af1;
	font-size: 18px;
}

/*---------------------------------------------------
    11. Hotel Detail
----------------------------------------------------*/

.hotel_detail_main {
	width: 100%;
	float: left;
	background-color: #eee;
	padding: 20px 0;
}

.property_title {
	width: 100%;
	float: left;
	background-color: #fff;
	padding-left: 20px;
	padding-bottom: 10px;
}

.property_title_left {
	width: 65%;
	float: left;
	padding-top: 10px;
}

.property_title_slider_sec .property_title_left h1 {
	width: auto;
	float: left;
	color: #2c2b37;
	font-size: 22px;
	text-transform: uppercase;
	margin: 0;
}

.property_title_left .ratings {
	float: left;
	padding-left: 10px;
}

.property_title .property_listing_location {
	font-size: 14px;
}

.property_title_right {
	width: 35%;
	float: right;
}

.hotel_detail_slider {
	width: 100%;
	float: left;
	position: relative;
}

.hotel_detail_slider .flexslider {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}

.hotel_detail_slider .flexslider .slides img {
	height: 600px;
}

.hotel_detail_slider .absolute_carousel .slides img {
	height: 70px;
	min-height: 70px;
	width: 100%;
}

.featured_slider .absolute_carousel {
	display: none !important;
}

.hotel_detail_slider .flex-control-thumbs li {
	width: 10%;
	padding: 5px;
}

.hotel_detail_slider .flex-control-thumbs {
	width: 86%;
	left: 7%;
}

.hotel_detail_slider .flex-control-thumbs img {
	opacity: 1;
}

.hotel_detail_slider .flex-control-thumbs .flex-active {
	border: 2px solid #fff;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear
}

.hotel_detail_slider .flex-control-thumbs li img {
	border: 2px solid transparent;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.6);
}

.flex-direction-nav .flex-prev {
	left: 15px !important;
}

#main-listing .flex-direction-nav .flex-prev {
	left: 0 !important;
}

#main-listing .flex-direction-nav .flex-next {
	right: 0 !important;
}

.flex-direction-nav .flex-next {
	right: 15px !important;
}

.hotel_detail_slider .flexslider:hover .flex-prev,
.hotel_detail_slider .flexslider:hover .flex-next {
	opacity: 1 !important;
}

.hotel_detail_slider .slick-prev,
.hotel_detail_slider .slick-next {
	position: absolute;
	width: 60px;
	height: 60px;
	cursor: pointer;
	border: none;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 25px;
	z-index: 10 !important;
}

.hotel_detail_slider .slick-next {
	right: 15px;
}

.hotel_detail_slider .slick-prev {
	left: 15px;
}

.hotel_detail_slider .slick-slide img {
	width: 100%;
	height: 600px;
}

.hotel_detail_slider .hotel_carousel .flex-active-slide {
	border: 2px solid #fff;
}

.hotel_detail_slider .flex-direction-nav a:before,
.hotel_detail_slider .flex-direction-nav a.flex-next:before {
	font-size: 30px !important;
	padding-left: 15px;
	padding-top: 13px;
}


.flex-direction-nav a:before {
	content: '\f104' !important;
	font-family: "Font Awesome 5 Free";
	color: #fff;
	font-weight: 700;
	font-size: 30px !important;
	padding-left: 13px;
	padding-top: 8px;
}

.flex-direction-nav a.flex-next:before {
	content: '\f105' !important;
	padding-left: 0px;
	padding-right: 15px;
}

.things_you_love {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 15px;
	margin-top: 30px;
}

.love_heading {
	width: auto;
	float: left;
	font-size: 30px;
	color: #2c2b37;
	padding-top: 30px;
}

.loveable_things {
	width: 54%;
	float: right;
}

.single_loveable {
	width: 25%;
	float: left;
	text-align: center;
}

.loveable_svg {
	width: 100%;
	float: left;
	padding-top: 10px;
}

.loveable_svg svg {
	height: 40px;
}

.loveable_title {
	width: 100%;
	display: inline-block;
	font-size: 14px;
	color: #546af1;
}

.room_listing_parent {
	width: 100%;
	float: left;
	border: 1px solid #999999;
	margin-top: 30px;
	background-color: #fff;
}

.list_title_box {
	width: 100%;
	float: left;
	padding: 10px;
	border-bottom: 1px solid #999999;
}

.room_list_title {
	width: 100%;
	float: left;
	margin: 0;
	color: #2c2b37;
	font-size: 18px;
	padding: 10px;
	padding-left: 0;
}

.ask_about_room {
	float: right;
	max-width: 220px;
	text-align: center;
}

.ask_about_room a {
	width: 100%;
	float: right;
	color: #fff;
	background-color: #2c2b37;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
}

.ask_about_room a:hover {
	background-color: #546af1;
}

.room_detail_table {
	padding: 10px;
	background-color: #eee;
}

.right_room_details .bg-white {
	min-height: 300px;
}

.more_detail_image {
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

.more_detail_image img {
	width: 100%;
	max-height: 150px;
}

.see_more_details_btn {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}

.see_more_details_btn a {
	width: 100%;
	float: left;
	background-color: #2c2b37;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 0;
}

.see_more_details_btn a:hover {
	background-color: #546af1;
}

.room_specs {
	padding: 0 10px;
}

.room_amenities li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
}

ul.room_amenities {
	margin: initial !important;
}

.room_amenities li:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	content: '';
	font-size: 14px;
	width: 15px;
	background-color: #546af1;
	height: 2px;
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
}

.single_room_spec {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

.single_svg {
	float: left;
	margin-right: 10px;
}

.single_svg svg {
	height: 20px;
	width: 20px;
}

.room_spec_name {
	font-size: 14px;
	width: auto;
	color: #2c2b37;
}

.featured_room {
	width: 100%;
	float: right;
	position: relative;
	border-bottom: 2px solid #546af1;
}

.border_left {
	border-left: 2px solid #546af1;
}

.featured_room:before {
	width: 100%;
	height: 2px;
	position: absolute;
	content: '';
	top: 24px;
	left: 0;
	background-color: #546af1;
}

.featured_room:after {
	width: 2px;
	height: 93%;
	position: absolute;
	content: '';
	right: 0;
	top: 25px;
	background-color: #546af1;
}

.whats_include_heading {
	font-size: 15px;
	font-weight: 600;
	color: #2c2b37;
	background-color: #eee;
	padding: 0 5px !important;
	white-space: nowrap;
	border: none !important;
}

.price_box .whats_include_heading {
	background-color: initial;
}

.grey_background_content {
	float: left;
	padding: 10px;
	width: 100%;
}

.whats_include_cell {
	min-width: 230px;
}

.capacity_cell {
	min-width: 100px;
}

.price_per_night_cell {
	min-width: 180px;
	max-width: 180px;
}

.room_cell {
	min-width: 100px;
}

.most_booked_cell {
	min-width: 150px;
}

.grey_background_content select:focus {
	border-color: #2c2b37;
	box-shadow: none;
}

.white_border_right {
	border-right: 2px solid #eee;
	min-height: 275px;
}

.benifits_heading {
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 600;
	color: #231F20;
}

.capacity_cell .white_border_right {
	border-left: 2px solid #eee;
	min-height: 275px;
}

.grey_background_content .benifits:last-child {
	margin-bottom: 0;
}

.capacity_cell .benifits {
	font-size: 12px;
	padding: 21px 10px;
	margin-bottom: 0;
}

.form-group-padding {
	padding: 18px 10px;
}

.benifits {
	font-size: 14px;
	width: auto;
	clear: left;
	float: left;
	color: #231F20;
}

.benifits i {
	font-size: 14px;
	color: #2c2b37;
}

.right_room_details .grey_background_content .border-bottom:last-child {
	border-bottom: none !important;
}

.responsive_cancellation .benifits i {
	color: #fcb019;
}

.grey_background_content .fa-info-circle {
	color: #fcb019;
	margin-right: 0;
}

.singular-facility svg {
	width: 20px;
	height: 18px;
	fill: #85C24C;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}

.grey_background_content .property_price {
	width: 100%;
}

.facility-min-height {
	min-height: 140px;
}

.room-left-section {
	width: 25%;
}

.room-right-section {
	width: 74%;
}

.room_listing_parent .table-responsive {
	overflow-x: initial;
}

.grey_background_content .facility-min-height:last-child {
	border-bottom: none !important;
}

.grey_background_content .benifits .singular-facility {
	font-size: 14px;
}

.grey_background_content .form-control {
	height: 30px !important;
	padding: 0 !important;
	color: #2c2b37;
	font-size: 18px;
	border-radius: 0;
	padding-top: 2px;
	border: 1px solid #2c2b37;
	font-weight: 500;
}

.grey_background_content .book_now {
	margin: 0;
	width: 100%;
}


.most_booked_cell .free_cancellation_sec span {
	display: inline-block;
	text-align: center;
	font-weight: normal;
}

.grey_text {
	color: #231F20 !important;
}

.grey_background_content .property_price .price>span {
	color: #546af1;
}

.grey_background_content .property_price .price>span:first-child {
	font-weight: normal;
}

.red_text {
	color: #ED1C24 !important;
}

.what_they_offer,
.guest_policy,
.helpful_facts {
	background-color: #fff;
	padding: 15px !important;
	margin-top: 30px;
	display: inline-block;
}

.property_title_slider_sec {
	float: left;
	width: 100%;
}

.offer_list li:first-child {
	padding: 0 !important;
}

.offer_list li {
	float: left;
	border-right: 2px solid #EEEEEE;
	padding-left: 25px;
}

.offer_list li:last-child {
	border-right: none;
}

.offer_heading {
	width: 100%;
	float: left;
	font-size: 20px;
	color: #2c2b37;
	margin-bottom: 25px;
}

.lang_heading {
	width: auto;
	font-size: 18px;
	font-weight: 600;
	color: #2c2b37;
}

.language_icon i {
	color: #546af1;
	font-size: 18px;
	padding-right: 15px;
}

.what_they_offer_list {
	width: 100%;
	float: left;
	padding-left: 15px;
	margin-top: 25px;
	margin-bottom: 30px;
}

.what_they_offer_list>span {
	width: 100%;
	float: left;
	color: #231F20;
	font-size: 14px;
	margin-bottom: 10px;
}

.what_they_offer_list span:last-child {
	margin-bottom: 0;
}

.what_they_offer_list span i {
	color: #546af1;
	font-size: 13px;
	padding-right: 5px;
}

.guest_policy_paragraph {
	font-size: 14px;
	color: #231F20;
}

.bold {
	font-weight: bold;
}

.map_hotel {
	margin-top: 30px;
}

.modal-header .room_list_title {
	width: auto;
	padding: 0;
}

.modal-body .flexslider {
	height: 500px;
}

.roomdetail_modal .modal-content {
	max-width: 100%;
	margin: auto;
	width: 100%;
	height: auto;
	float: left;
}

.room_detail_table .modal-dialog {
	height: 100%;
	max-width: 100%;
	width: 100%;
	padding: 50px;
	margin: 0;
}

.modal-body .hotel_detail_slider .flex-direction-nav a {
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.modal_additional_info {
	width: 100%;
	float: left;
}

.roomdetail_modal .modal-footer {
	text-align: left;
}

.roomdetail_modal .modal-footer h5 {
	margin: 0;
}

.modal_facilities li {
	font-size: 14px;
	width: 19%;
	float: left;
	margin-right: 7px;
	padding: 10px;
	position: relative;
	color: #231F20;
}

.modal_facilities li .facility_icon {
	width: 25px;
	height: 18px;
	float: left;
	padding-right: 5px;
	padding-top: 3px;
}

.modal_facilities li .facility_icon svg {
	width: 100%;
	fill: #546af1;
	height: 20px;
}

.modal_facilities li .facility_icon i {
	color: #546af1;
	font-size: 18px;
}

.modal_facilities li:last-child {
	margin-right: 0;
}

.hotel-listing-detail-popover {
	width: 300px;
	top: 100%;
	left: 0;
	position: absolute;
	line-height: 25px;
	display: none;
	z-index: 111;
}

.hotel-listing-detail-popover:before {
	content: '';
	width: 0;
	position: absolute;
	height: 0;
	left: 5%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #546af1;
	transform: translateX(-50%);
	bottom: 100%;
}

.popover-inner p {
	font-weight: normal;
	margin: 0;
}

.hotel-listing-detail-popover .popover-inner {
	width: 100%;
	padding: 10px 15px;
	float: left;
	text-align: left !important;
	font-size: 13px;
	color: #fff !important;
	background-color: #546af1 !important;
}

.popover-inner .whats_include_heading {
	color: #fff;
	font-weight: normal;
}

.popover-inner ul {
	padding-left: 15px;
}

.popover-inner ul li {
	width: 100%;
	list-style-type: disc;
}

.tooltips {
	position: relative;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}

.tooltips:hover .hotel-listing-detail-popover {
	display: block;
	animation: detail-popover-fade 0.5s ease;
}

@keyframes detail-popover-fade {
	0% {
		top: calc(20px + 100%);
		opacity: 0;
		z-index: -1;
	}

	100% {
		top: 100%;
		opacity: 1;
		z-index: 1000;
	}
}

/*----------------------------------------------------------------------
    12. Customer Information
-----------------------------------------------------------------------*/

.customer_info_parent,
.booking_summary {
	width: 100%;
	float: left;
}

.customer_info_parent {
	margin: 30px 0;
}

.customer_info_leftbar,
.customer_info_rightbar {
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	float: left;
	padding: 0 15px;
}

.customer_info_rightbar input,
.customer_info_rightbar select {
	border-radius: 0 !important;
}

.booking_summary {
	padding: 10px 0;
	border-bottom: 1px solid #cbd3db;
}

.price-multiple p {
	font-size: 13px;
}

.booking_summary .listing_heading {
	width: 100%;
	line-height: 20px;
	font-size: 13px;
}

.property_featured_img {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.property_featured_img img {
	width: 100%;
}

.cheapest_room {
	background-color: #546af1;
	padding: 5px 10px;
	color: #fff;
	font-size: 14px;
	float: left;
	margin-bottom: 5px;
}

.booking_summary .table {
	margin: 10px 0;
	float: left;
}

.booking_summary .table>thead>tr>th,
.booking_summary .table>tbody>tr>th,
.booking_summary .table>tfoot>tr>th,
.booking_summary .table>thead>tr>td,
.booking_summary .table>tbody>tr>td,
.booking_summary .table>tfoot>tr>td {
	border: none;
}

.booking_summary .table>tbody>tr>th {
	font-weight: normal;
	font-size: 13px;
}

.booking_summary .table>tbody>tr>td {
	font-size: 13px;
}

.change_room {
	float: left;
}

.change_room:hover i {
	color: #000;
}

.change_room,
.change_room i {
	color: #546af1;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}

.free_cancellation_before {
	float: left;
	width: 100%;
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 18px;
}

.free_cancellation_before i {
	padding-right: 5px;
}

.free_cancellation_before>a {
	color: #00A14B;
}

.fade {
	opacity: 1 !important;
}

.free_cancellation_before .fade_in,
.search_model {
	-webkit-animation: fade .5s linear;
	-moz-animation: fade .5s linear;
	-o-animation: fade .5s linear;
	animation: fade .5s linear;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fade {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

.room_benifits {
	float: left;
	margin: 15px 0;
	width: 100%;
}

.benifit_lists {
	width: 100%;
	float: right;
	font-weight: 600;
}

.benifit_lists span {
	font-size: 14px;
	float: left;
	padding-left: 20px;
	width: 100%;
	padding-bottom: 10px;
	position: relative;
}

.benifit_lists span:last-child {
	padding-bottom: 0;
}

.benifit_lists span:before {
	position: absolute;
	content: '\f00c';
	font-weight: 900;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #546af1;
	font-family: "Font Awesome 5 Free";
}

.price_box {
	width: 100%;
	float: left;
	padding: 15px 0;
	border-bottom: 1px solid #cbd3db;
}

.block_div {
	width: 100%;
	display: inline-block;
}

.room_name,
.room_price {
	width: 50%;
	padding-bottom: 5px;
}

.room_name {
	float: left;
	text-align: left;
}

.room_price {
	float: right;
	text-align: right;
}

.blue_free {
	color: #546af1;
}

.boldish {
	font-weight: 600;
	font-size: 16px;
}

.price_note {
	font-size: 11px;
	line-height: 20px;
	float: left;
}

.price_note span {
	font-weight: 600;
}

.price_box i {
	cursor: pointer;
	font-size: 18px;
	color: #fcb019;
}

.you_will_pay {
	font-size: 11px;
	float: left;
	line-height: 20px;
}

.form_customer_info {
	float: left;
	width: 100%;
}

.country_residence {
	font-size: 15px !important;
}

.most_selected {
	font-size: 16px;
	font-weight: 600;
}

.some_one_fields {
	display: none;
	margin-top: 15px;
}

.include_breakfast i {
	color: #546af1;
	font-size: 18px;
	padding-right: 5px;
	float: left;
	margin-top: 3px;
}

.breakfast_block {
	float: left;
	padding-left: 40px;
	margin: 20px 0;
}

.breakfast_block .form-text {
	font-size: 11px;
	margin-top: 0;
	line-height: 20px;
}

.special_request_section,
.special_checks {
	width: 100%;
	float: left;
}

.special_checks {
	border: 1px solid #cbd3db;
	padding: 15px;
	float: left;
	display: none;
}

.special_request {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.special_request a {
	float: left;
	color: #546af1;
	padding-left: 25px;
	font-size: 14px;
	position: relative;
}

.special_request a:before {
	width: 40px;
	height: 40px;
	position: absolute;
	display: inline-block;
	content: '\f055';
	font-weight: 900;
	cursor: pointer;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	left: 0;
	top: 0%;
}

.special_request a.open:before {
	content: '\f056';
}

.special_check_group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #cbd3db;
}

.airport_hidden {
	display: none;
}

#flight_details {
	font-size: 16px;
}

.term_of_user {
	font-size: 12px;
	margin-top: 25px;
	margin-bottom: 10px;
}

.term_of_user a {
	color: #546af1;
}

.modal-header .close {
	background-color: #546af1;
	color: #fff;
	opacity: 1;
	font-size: 25px;
}

.slide_up,
.daterangepicker.dropdown-menu,
.suggested_search .dropdown-menu {
	animation: 1s alternate slide-up;
}

@keyframes slide-up {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.responsive_hotel_room_details,
.responsive_room_title {
	display: none;
}

.modal-content {
	border-radius: 0 !important;
}

.custom_submit {
	width: 100%;
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear
}

/*--------------------------------------------------------
    13.Thank You Page
---------------------------------------------------------*/

.thank_you .cheapest_room {
	margin-top: 15px;
}

.thank_you_note {
	display: inline-block;
	width: 100%;
	padding: 0 15px;
	margin-top: 30px;
}

.thank_you_note .room_list_title {
	font-size: 25px;
	font-weight: 500;
	margin: 0;
}

.thank_instruction_list {
	width: 100%;
	float: left;
	margin: 0;
	padding-left: 15px;
}

.thank_instruction_list li {
	float: left;
	margin-bottom: 5px;
	font-size: 15px;
	color: #2c2b37;
	list-style-type: disc;
}

.thank_instruction_list li:last-child {
	margin-bottom: 0;
}

.thank_instruction_list li a {
	color: #546af1;
}

.thank_instruction_list li a:hover {
	text-decoration: underline !important;
}

.thank_hotel_info .fixed_images img {
	max-height: 100% !important;
	min-height: 100%;
}

.thank_hotel_info .fixed_images .slides li {
	height: 180px;
	min-height: 180px;
}

.hotel_info_table tbody tr th,
.hotel_info_table tbody tr td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.booked_hotel_info .listing_heading {
	margin-top: 0;
}

.booking_details_right {
	padding-left: 15px !important;
}

.book_another_btn {
	width: 100%;
	text-align: center;
}

.book_another_btn .get-coupon-btn {
	width: auto !important;
	padding: 5px 10px;
}

.get_coupn_absolute {
	position: absolute;
	bottom: 0;
	left: 0;
}

/*--------------------------------------------------------------
    14. FAQS
---------------------------------------------------------------*/

.hover-scale-anim {
	-webkit-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.hover-scale-anim:hover {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	overflow: hidden;
}

.page_navigation {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.additional_navigation {
	width: 74%;
	display: inline-block;
}

.additional_navigation li {
	width: 16%;
	position: relative;
	text-align: center;
	float: left;
	line-height: 1.42857;
	padding-top: 2rem;
}

.additional_navigation a {
	font-size: 13px;
	text-align: center;
	padding: 8px;
	color: #0283DF;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 0;
}

.border_box {
	width: 100%;
	border: 1px solid #c1c1c1;
	padding: 15px 30px;
	float: left;
	margin: 30px 0;
}

.question_icon i {
	font-size: 28px;
	padding-right: 5px;
	color: #546af1;
}

.border_box h1 {
	display: inline;
	font-size: 26px;
	color: #546af1;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 700;
}

.border_box .guide {
	color: #666;
	margin: 10px 40px 0;
	display: inline-block;
	font-size: 13px;
	padding-bottom: 1rem;
}

.faq-question {
	display: inline-block;
	width: 100%;
}

.faqs .card {
	border: none !important;
}

.faqs .faq_heading {
	font-family: 'Poppins', sans-serif !important;
	font-size: 17px;
	cursor: pointer;
	padding: 10px;
	text-align: left;
	padding-left: 50px;
	margin: 0;
	border: none;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	display: inline-block;
	background: url("../images/plus.png") no-repeat scroll 1% center;
	font-weight: 700;
	background-color: #fff;
	color: #546af1;
}

.faqs .nested_faq_heading {
	font-size: 14px;
	background-size: 2%;
	font-weight: 500;
}

.nested_faq_heading.open {
	background-size: 2% !important;
}

.faqs .nested_body {
	padding: 0 50px;
	font-size: 14px;
}

.faq_heading:focus {
	box-shadow: none !important;
	background-color: #fff !important;
}

.faq_heading.open {
	background: url(../images/minus-faq.png) no-repeat scroll 1% center;
}

.border_box h4 {
	font-size: 14px;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600;
	margin-bottom: 0;
	padding-top: 24px;
	padding-bottom: 5px;
}

.border_box_faq {
	width: 100%;
	float: left;
}

.border_box_faq i {
	padding-right: 5px;
}

.border_box_faq h5 {
	font-size: medium;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
	padding-left: 10px;
}

.border_box_faq>li {
	margin-bottom: 20px;
	padding: 15px;
	width: 30%;
	float: left;
	margin-right: 2%;
	min-height: 330px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.border_box_faq>li:last-child {
	margin-right: 0;
}

.border_box_faq p {
	font-size: 13px;
	margin: 0 0 9px;
	line-height: 1.42857;
	color: #333;
}

.border_box_faq>li>a {
	text-decoration: underline;
	color: #2F9EED;
	cursor: pointer;
	text-align: left;
	list-style: circle inside;
	line-height: 2;
	letter-spacing: 0;
	font-size: 13px;
}

.border_box_faq>li>ul>li {
	list-style: circle inside;
	padding-left: 15px;
}

.border_box_faq>li>ul>li>a {
	color: #666;
	text-decoration: underline !important;
	font-size: 12px;
}

.border_box_faq li>ul>li>a:hover {
	color: #2F9EED;
	text-decoration: none !important;
}

.border_box_faq li .buttons a {
	color: #2F9EED;
}




.email_button a i {
	color: #fff !important;
}

.email_btn_span {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 5rem;
}

.call_button {
	margin-top: 0;
	display: inline-block;
}


.free_feel {
	width: 100%;
	display: inline-block;
	padding: 0 30px;
}

.question-trigger {
	cursor: pointer;
	text-decoration: none;
	color: #0384e0;
}

.answer-component {
	background: #f8f8f8;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 20px;
}

/*------------------------------------------------------------------
    15. Privacy Policy
-------------------------------------------------------------------*/

.privacy-table {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width: 80%;
}

.privacy-table td {
	border: none;
	border-right: 1px solid #000;
	padding: 10px;
	margin-top: 0;
	min-width: 200px;
}

.privacy-table tr td a {
	font-weight: 600;
}

.privacy-table tr td a:hover {
	color: #546af1;
}

.privacy-table tr th {
	border-right: 1px solid #000;
	padding: 10px;
	background-color: #ccc;
	min-width: 200px;
}

.privacy-table tr {
	padding: 0 10px;
	border-bottom: 1px solid #000;
}

.privacy_table ul li {
	list-style-type: disc;
	margin-left: 2rem;
}

.italic {
	font-style: italic;
}

.front-text {
	text-align: center;
	color: #546af1;
	font-size: 26px;
	font-weight: 700;
	width: 100%;
	display: inline-block;
	margin-bottom: 2rem;
}

.introduction_text {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.42857;
	color: #333;
}

.privacy_table p {
	font-size: 14px;
	margin: 10px 0;
	color: #333;
	text-align: justify;
}

.privacy_table span {
	color: #333;
	font-size: 20px;
	font-weight: 500;
}

/*--------------------------------------------------------------
    16. Terms OF Use
---------------------------------------------------------------*/

.terms_of_use_table {
	width: 100%;
	display: inline-block;
}

.terms_of_use_table span {
	color: #333;
	font-size: 16px;
	font-weight: 700;
}

.header_text {
	color: #0283df;
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	float: left;
}

.introduction_text {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.42857;
	color: #333;
}

.terms_of_use_table p {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333;
	text-align: justify;
}

.terms_of_use_table ul li {
	list-style-type: disc;
	margin-left: 2rem;
}

/*----------------------------------------------------------
    17. User Profile
------------------------------------------------------------*/

.user_profile {
	margin: 40px 0;
}

.user_profile .tab-content {
	background-color: #fff;
	min-height: 353px;
	padding: 10px 15px;
}

.user_profile .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #333;
	background-color: #f8f8f9;
	border-right: 3px solid #546af1;
	transition: initial;
}

.user_profile .nav-pills {
	height: 100%;
	background: linear-gradient(90deg, #f8f8f9, #fff);
	box-shadow: 7px 0 8px #e9ebee;
}

.user_profile .nav-pills .nav-link.active:hover {
	background-color: #f8f8f9;
	color: #333;
}

.user_profile .nav-pills .nav-link.active .profile_icon svg {
	fill: #333;
}

.user_profile .nav-pills .nav-link.active:hover .profile_icon svg {
	fill: #333;
}

.user_profile .nav-pills .nav-link:hover {
	background-color: #546af1;
	color: #fff;
}

.user_profile .nav-pills .nav-link:hover .profile_icon svg {
	fill: #fff;
}

.user_profile .nav-pills .nav-link {
	border-radius: 0;
	font-size: 13px;
	transition: initial;
	font-weight: 500;
	color: #546af1;
	padding: 5px 10px;
}

.user_profile .nav-pills .nav-link:last-child {
	border-bottom: none;
}

.user_profile .profile_icon {
	height: 21px;
}

.user_profile .profile_icon svg {
	height: 21px;
	width: 21px;
	fill: #546af1;
	padding-right: 5px;
}

.no_credit_card .profile_icon svg {
	height: 15px;
	width: 20px;
	fill: #2c2b37;
}

.tab-pane .booking_cancelled {
	margin-bottom: 30px;
}

.no_credit_card .profile_icon {
	padding-top: 3px;
}

.bookings_tab .nav-tabs .nav-link.active,
#sign_in_options_tab .nav-link.active {
	border-bottom: 2px solid #546af1;
	transition: none;
	color: #333 !important;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
}

#sign_in_options_tab .nav-link.active svg {
	fill: #333;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
}

#via_mobile_login .intl-tel-input {
	width: 100%;
}

#via_mobile_login .intl-tel-input .country-list {
	width: 250px;
	white-space: initial;
}

#sign_in_options_tab .nav-link svg {
	height: 25px;
	width: 25px;
	vertical-align: middle;
	fill: #546af1;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
}

.bookings_tab .nav-tabs {
	border-bottom: none;
}

.bookings_tab .nav-tabs .nav-link,
#sign_in_options_tab .nav-link {
	background-color: initial;
	color: #546af1 !important;
	border: none;
	font-size: 16px;
	padding: .5rem 2rem;
	font-weight: 500;
	border-bottom: 2px solid #ededed;
}

#sign_in_options_tab .nav-link {
	width: 50%;
	text-align: center;
	font-size: 17px;
}

.bookings_tab .singel_listing_item {
	margin-top: 25px;
	width: 100%;
	overflow: initial;
	box-shadow: none;
}

.booking_tabdetails .btn-primary {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.no_booking_head {
	font-size: 14px;
	font-weight: 700;
	color: #333;
}

.looking_for_booking {
	font-size: 14px;
	color: #333;
}

.looking_for_booking a {
	color: #546af1 !important;
	background-color: initial !important;
}

.booked_on {
	font-size: 12px;
	color: #959595;
}

.tab-content .featured_image {
	-webkit-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.5);
}

.tab-content .featured_image .bookings_right {
	width: 35%;
	padding: 10px 15px;
	border-left: none;
}

.tab-content .featured_image.item_body_inner_left {
	width: 70%;
}

.booking_spacer {
	display: inline-block;
	margin-left: 20px;
	height: 60px;
	border: 1px solid #ccc;
}

.booking_checkin_head {
	display: block;
	font-size: 10px;
	color: #959595;
	margin-bottom: 3px;
}

.booking_date {
	display: inline-table;
	font-size: 22px;
	margin-right: 5px;
	color: #5a5b5b;
}

.bookin_year_date {
	font-size: 10px;
	margin-top: -2px;
	line-height: 1.7;
	vertical-align: top;
	display: inline-table;
	color: #5a5b5b;
}

.bookings_right .free_cancellation_sec {
	margin-top: 50px;
}

.completed_bookings,
.completed_bookings .completed_img {
	width: 100%;
	margin: 30px 0;
}

.completed_bookings .book_now {
	width: 200px;
	float: initial;
}

.completed_title {
	font-size: 18px;
	margin: 10px 0;
	color: #252525;
	font-weight: 700;
}

.profile_settings .field_section {
	padding: 10px;
}

.profile_settings .field_section .field_name,
.profile_settings .field_section .edit_btn a {
	font-size: 14px;
	color: #333;
	font-weight: 600;
}

.profile_settings .field_section .field_value {
	color: #5a5b5b;
}

.profile_settings .field_section .field_name {
	font-weight: 700;
}

.profile_settings h4 {
	border-bottom: 1px solid #ededed;
}

.modal-header .close {
	padding: 0.5rem 1rem !important;
}

.field_section .verify_mail {
	padding: 6px 10px;
	color: #5a5b5b;
	font-size: 12px;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-left: 5px solid #546af1;
}

.field_section .verify_mail a {
	color: #546af1;
	margin-left: 10px;
}

.field_section .profile_pwd {
	color: #8e9aa9;
	opacity: .5;
	font-size: 17px;
}

.single_social_network a {
	color: #546af1;
	margin-bottom: 10px;
}

.single_social_network a:hover {
	text-decoration: underline !important;
}

.profile_settings .facebook-btn,
.profile_settings .facebook-btn:hover,
.profile_settings .facebook-btn:focus,
.profile_settings .facebook-btn:active:hover,
.profile_settings .facebook-btn:active:focus,
.profile_settings .facebook-btn:active {
	height: 42px;
	font-weight: 400;
	border-color: #3b5998;
	border-radius: 3px;
	font-size: 14px;
	text-transform: initial;
	background-color: #3b5998;
	color: #fff;
	margin-top: 20px;
}

.profile_settings .facebook-btn i {
	font-size: 16px;
	margin-right: 5px;
}

.add_payment_option_block {
	width: 269px;
	height: 160px;
	background-color: #f8f8f9;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
	display: inline-block;
	margin: 0 12px 12px 0;
	padding: 50px 20px 0;
}

.add_payment_option_block .mmb-bf-plus {
	font-size: 40px;
	font-weight: 400;
	color: #546af1;
	text-align: center;
	margin: 3px auto;
}

.add_payment_option_block .new_payment_method {
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	margin-top: 5px;
	letter-spacing: .6px;
	text-align: center;
	color: #546af1;
}

#expiry_month,
#expiry_year {
	width: 107px;
}

.payment_method_imgs span {
	margin-right: 5px;
}

.payment_method_imgs span:last-child {
	margin: 0;
}

/* The switch - the box around the slider */

.onoffswitch3 {
	position: relative;
	width: 70px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch3 [type="checkbox"]:not(:checked)+label:before,
.onoffswitch3 [type="checkbox"]:checked+label:before,
.onoffswitch3 [type="checkbox"]:checked+label:after {
	opacity: 0;
}

.onoffswitch3-checkbox {
	display: none;
}

.onoffswitch3-label {
	display: block;
	overflow: hidden;
	max-height: initial !important;
	width: 100%;
	cursor: pointer;
	padding-left: 0 !important;
	border: 0px solid #999999;
	border-radius: 0px;
}

.onoffswitch3-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch3-inner>span {
	display: block;
	float: left;
	position: relative;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 26px;
	font-size: 12px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch3-inner .onoffswitch3-active {
	padding-left: 10px;
	background-color: #EEEEEE;
	color: #FFFFFF;
}

.onoffswitch3-inner .onoffswitch3-inactive {
	padding-right: 10px;
	background-color: #EEEEEE;
	color: #FFFFFF;
	text-align: right;
}

.onoffswitch3-switch {
	display: block;
	width: 50%;
	margin: 0px;
	text-align: center;
	border: 0px solid #999999;
	border-radius: 0px;
	position: absolute;
	top: 0;
	bottom: 0;
}

.onoffswitch3-active .onoffswitch3-switch {
	background: #546af1;
	left: 0;
}

.onoffswitch3-inactive .onoffswitch3-switch {
	background: #A1A1A1;
	right: 0;
}

.onoffswitch3-checkbox:checked+.onoffswitch3-label .onoffswitch3-inner {
	margin-left: 0;
}

.profile_settings .ratings li {
	float: left;
	width: 25%;
	padding-left: 0;
}

.inbox_table td,
.inbox_table th {
	padding: 5px;
}

.inbox_table td,
.inbox_table td a {
	color: #000;
}

.inbox_table tr:hover td,
.inbox_table tr:hover td a {
	color: #2498f3;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
}

/*----------------------------------------------------------------
    18. Carriers
-----------------------------------------------------------------*/

.job-search-container {
	margin-top: 80px;
	width: 430px;
	float: right;
	background-color: hsla(0, 0%, 100%, .8);
	text-align: center;
	padding: 25px;
}

.job-search-title {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 100;
	font-size: 18px;
	color: #6a4741;
}

.job-search-wrapper {
	position: relative;
}

.follow_div {
	width: 50%;
	float: left;
	text-align: center;
}

.social_li {
	color: #646464;
	width: 100%;
	float: right;
}

.social_icon {
	width: 68%;
	display: inline-block;
	padding: 40px;
}

.banner {
	background: url(../images/banner.jpg) no-repeat center;
	width: 100%;
	background-size: cover;
	background-position: 50%;
	height: 550px;
}

.job-search-title {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
	color: #6a4741;
}

.job-search-title span {
	font-weight: 700;
}

.job-search-container {
	margin-top: 5rem;
	width: 430px;
	float: right;
	background-color: rgba(255, 255, 255, .8);
	text-align: center;
	padding: 25px;
	margin-bottom: 14rem;
}

.job-search-text {
	width: 100%;
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin-bottom: 10px;
	box-shadow: 0 5px 5px 0 rgba(50, 50, 50, .1);
	font-size: 12px;
	display: inline-block;
}

.drop-drown {
	width: 100%;
	border: 1px solid #d1d1d1;
	padding: 10px;
	margin-bottom: 10px;
	box-shadow: 0 5px 5px 0 rgba(50, 50, 50, .1);
	font-size: 12px;
}

.follow-div {
	margin-bottom: 10px;
}

.socialmedia-list {
	text-align: center;
	margin-bottom: 0;
}

.socialmedia-list li {
	display: inline-block;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	background-color: #fff;
	border-radius: 50%;
}

.socialmedia-list li:last-child {
	margin-right: 0;
}

.social_li {
	color: #fff;
	display: inline-block;
	font-size: 12px;
}

.socialmedia-list li a i {
	color: #546af1;
	font-size: 12px;
}

.find-button {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 0;
	background: #546af1;
	text-align: center;
	color: #fff;
	border: none;
	cursor: pointer;
}

.article-text {
	text-align: center;
	width: 100%;
	background-color: #546af1;
	margin-bottom: 3rem;
}

.article-text p {
	color: #fff;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	width: 100%;
}

.article-text h1 {
	color: #fff;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 36px;
	text-transform: capitalize;
}

.section-intro {
	width: 30%;
	text-align: left;
	color: #333;
}

.section-intro h1 {
	color: #333;
	font-size: 25px;
	margin-bottom: .67em;
}

.section-intro p {
	font-size: 14px;
}

.job_button {
	background: #546af1;
	border: 1px solid #546af1;
	text-align: center;
	line-height: 40px;
	font-weight: 300;
	color: #fff;
	padding: 10px 15px;
}

.job_button:hover {
	background-color: #fff;
	color: #546af1;
}

.job_button:hover .job-post-count {
	color: #fff;
	background-color: #546af1;
	transition: all .5s linear;
}

.job-post-count {
	background-color: #fff;
	color: #546af1;
	padding: 0 5px;
	font-weight: 700;
}

.job-list {
	width: 63%;
}

.job-list li {
	width: 47%;
	float: left;
	margin-right: 6%;
	text-align: left;
	margin-bottom: 20px;
}

.job-list li:nth-child(2n) {
	margin-right: 0;
}

.job-header {
	border-left: 4px solid #9436d4;
	padding-left: 10px;
}

.job-link {
	color: #333;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}

.job-title {
	color: #666;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 135%;
	text-align: left;
}

.job-department {
	color: #ababab;
}

.job-image {
	margin: 15px 0;
	height: 170px;
	background-size: cover;
}

.job-image-Recruiter {
	margin: 20px 0;
	height: 150px;
	background-size: cover;
}

.job-image-Senior-Manager {
	margin: 20px 0;
	height: 150px;
	background-size: cover;
}

.job-desc {
	display: block;
	color: #666;
}

.job-meta {
	color: #ababab;
	overflow: hidden;
	margin: 10px 0 0;
	width: 100%;
}

.job_by_department {
	padding-top: 20px;
	text-align: center;
	background: #f6f6f6;
}

.job_by_department h2 {
	margin-top: 0;
	width: 100%;
	display: inline-block;
	font-size: 30px;
	text-transform: capitalize;
}

.department-list {
	width: 100%;
	margin-bottom: 0;
	margin-top: 2rem;
}

.department-list li {
	width: 23.5%;
	margin-right: 2%;
	float: left;
	position: relative;
	padding: 0;
	display: inline-table;
	margin-bottom: 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff;
	text-align: left;
}

.department-list li:hover .department-list-title,
.department-list li:hover .department-list-counter {
	background-color: #546af1;
	color: #fff;
}

.department-list li:nth-child(4n),
.department-list li:last-child {
	margin-right: 0;
}

.department-list li:nth-child(5) {
	margin-left: 150px;
}

.business-development-image {
	height: 150px;
	background-size: cover;
}

.department-list-title {
	padding: 20px 0;
	margin: 0;
	font-size: 16px;
	transition: all .5s linear;
	width: 100%;
	text-align: center;
}

.department-list-counter {
	height: 30px;
	width: 30px;
	top: -5%;
	position: absolute;
	right: -5%;
	transition: all .5s linear;
	line-height: 30px;
	font-size: 14px;
	display: block;
	border-radius: 50%;
	color: #546af1;
	background: #fff;
	box-shadow: 0 0 3px #ccc;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}

.strength-meter {
	width: 100% !important;
	font-weight: 600 !important;
	border-width: 0px 0px 0px 5px !important;
	color: #000 !important;
	font-size: 11px !important;
	padding: 0 10px !important;
}

/*------------------------------------------------------------------------
                        19. Blog
-------------------------------------------------------------------------*/
.related_blogs_parent {
	padding: 10px;
}

.single_related_blog {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.single_related_blog:first-child {
	padding-top: 0;
}

.single_related_blog:last-child {
	border-bottom: none;
}

.blog-detail-content img {
	height: auto;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

.related_blog_thumb {
	height: 95px;
	min-height: auto;
	width: 100%;
	overflow: hidden;
}

.related_blog_thumb img {
	max-width: 100%;
	max-height: 100%;
	height: 100% !important;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 1;
}

.single_related_title {
	font-weight: 500;
	font-size: 14px;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
}

.single_related_content {
	min-height: 95px;
	height: 100%;
}

.single_related_content p,
.single_related_content h1,
.single_related_content h2,
.single_related_content h3,
.single_related_content h4,
.single_related_content h5,
.single_related_content h6 {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 0;
}

.single_related_blog:hover .single_related_title {
	color: #546af1;
}

/*********************************************Phonic-Affects******************************************************************/
.open-dev-radar {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.open-dev-badge {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	background-color: #546af1;
	box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.34);
}

.open-dev-badge svg {
	width: 32px;
	height: 32px;
	vertical-align: middle;

}

.phone_style {
	width: 280px;
	float: right;
	z-index: 10;
	position: fixed;
	right: -70px;
	bottom: 70px;
}

.phone_style_left {
	width: 0;
	float: right;
	background: #546af1;
	padding: 12px 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: -26px;
	right: 190px;
	white-space: nowrap;
	opacity: 0;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}

.phone_style_left:after {
	position: absolute;
	top: 50%;
	right: -15px;
	content: "";
	width: 0;
	margin-top: -12px;
	height: 0;
	border-top: 12px solid transparent;
	border-left: 15px solid #546af1;
	border-bottom: 12px solid transparent;
}

.phone_style a:hover .phone_style_left {
	width: 173px;
	opacity: 1;
}


.gt-dev {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.gt-dev:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	border-radius: 50%;
	border: solid 1px rgba(84, 106, 241, 0.74);
	background-image: -webkit-radial-gradient(circle farthest-corner, rgba(84, 106, 241, 0) 52%, rgba(84, 106, 241, 0.62) 100%);
	background-image: radial-gradient(circle farthest-corner, rgba(84, 106, 241, 0) 52%, rgba(84, 106, 241, 0.62) 100%);
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0;
	filter: alpha(opacity=0);
}

.gt-dev:nth-child(2) {
	width: 90px;
	height: 90px;
}

.gt-dev:nth-child(2):after {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.gt-dev:nth-child(1) {
	width: 100px;
	height: 100px;

}

.gt-dev:nth-child(1):after {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	90% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);

		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0;
		filter: alpha(opacity=0);
	}

	90% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.occ-label,
#signinmodal label,
#createaccountmodal label,
#forgetpwdmodal label,
.daterangepicker .table-condensed thead .month,
.occ-number {
	user-select: none;
}

/* Radio Buttons */

.radio-button-bg {
	position: relative;
}

.radio-button-bg label {
	width: 100%;
	float: left;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin-bottom: 0;
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
}

.radio-button-bg label span {
	user-select: none;
}

.radio-button-bg label input {
	position: absolute;
	top: -20px;
	opacity: 0;
}

.radio-button-bg input:checked+span {
	background-color: #546af1;
	color: #fff;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.alert-danger,
.alert-success,
.form-error {
	width: 100%;
	height: auto;
	min-height: 21px;
	float: left;
	border: none;
	border-radius: 0;
	color: #000;
	display: block;
	border-left: 5px solid #BD362F;
	background-color: rgba(241, 90, 83, 0.15);
	padding: 5px 10px;
	line-height: 16px !important;
	margin: 0px;
	font-size: 11px !important;
	font-weight: 600 !important;
}

.alert-success {
	border-left: 5px solid #155724;
	background-color: #c3e6cb;
}

.user-contact-us-page {
	min-height: 500px;
}

.manage-booking-box {
	padding: 15px;
	border: 1px solid #ced0d4;
}

.customer-service-contact .customer-service-row a.options-sections {
	font-size: 16px;
	border-radius: 5px;
	border-color: #546af1 !important;
}

.customer-service-contact .customer-service-row a.options-sections:hover,
.customer-service-contact .customer-service-row a.options-sections.active {
	background-color: #546af1 !important;
	color: #fff;
}

.customer-service-contact .customer-service-row a.options-sections i {
	font-size: 36px;
	margin-bottom: 10px;
}

.gm-style-iw>div>div {
	overflow: hidden !important;
}

.gm-style-iw+button {
	display: none !important;
}

.map-price.map-infoBox h5 {
	font-size: 14px;
}

.map-price.map-infoBox h6 {
	font-size: 12px;
}

.map-price.map-infoBox {
	position: relative;
}

.map-price.map-infoBox:hover {
	z-index: 9999;
}

.modal-open {
	overflow: hidden !important;
}

.daterangepicker.sticky {
	top: 64px !important;
	position: fixed;
}

.gm-style .gm-style-iw-c {
	width: 250px;
	border-radius: 3px;
	max-width: 250px !important;
	padding: 7px !important;
}

.gm-style .gm-style-iw-d {
	max-width: 250px !important;
	width: 250px !important;
}

#listing_items,
.loader-listing {
	position: relative;
}

.loader-listing {
	min-height: 500px;
}

.loader-listing img {
	position: absolute;
	left: 50%;
	top: 20%;
	width: 100px;
	z-index: 100;
}

#listing_items.filtering:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	z-index: 12;
	background-color: rgba(255, 255, 255, 0.5);
}

.room-detail-slider .slides li {
	position: relative;
	height: 500px;
	min-height: 500px;
	overflow: hidden;
}

.room-detail-slider .slides li img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	height: 100% !important;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 1;
}

/*------------------------------------------------------------------------
                        20. Responsive
-------------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 1199px) {
	.room_listing_parent .table-responsive {
		overflow-x: auto;
	}
}

@media screen and (max-width: 992px) {
	.banner-content {
		padding: 40px 0;
	}

	.banner-heading,
	.banner-para,
	.why-us-element {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1040px) {
	.sign_in_div {
		padding: 5px 7px;
	}
}

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

	/***********************Home page***********************************/
	.social-icons li {
		width: 25%;
	}

	.right-top-bar {
		width: 100%;
	}

	.search-query,
	.daterange-picker,
	.adult-dropdown,
	.search-btn {
		width: 49.5%;
	}

	.adult-dropdown,
	.search-query {
		margin-right: 1%;
	}

	.daterangepicker {
		width: 450px !important;
	}

	.daterangepicker .calendar td {
		padding: 0 8px;
	}

	.daterange-picker {
		margin-right: 0;
	}

	.video-section {
		padding: 70px 0;
	}

	.video-header {
		margin-bottom: 30px;
	}

	.footer_social_widget li {
		margin-right: 10%;
		margin-bottom: 5px;
	}

	/************************property listing**************************/
	.search-query,
	.daterange-picker {
		margin-bottom: 10px;
	}

	.user_bookings_list .featured_slider,
	#listing_items .featured_slider {
		margin-bottom: 0;
	}

	.responsive_listing_body {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		float: left;
	}

	.resonsive_sorting_bar {
		width: 33.33% !important;
		max-width: 33.33% !important;
		flex: 0 0 33.33%;
		float: left;
	}

	.featured_slider .flex-direction-nav a {
		width: 30px;
		height: 30px;
	}

	.map-listing-left .form-control {
		width: 75% !important;
	}

	.map-listing-left .featured_slider {
		margin-bottom: 0;
	}

	.map-listing-left .rating_views {
		position: absolute;
		top: -100%;
		right: 15px;
	}

	.map-listing-left .resposive_padding_left {
		padding-left: 15px !important;
	}

	.featured_slider .flex-direction-nav a:before {
		font-size: 30px !important;
		padding-left: 7px;
		padding-top: 2px;
	}

	.featured_slider .flex-direction-nav a.flex-next:before {
		padding-right: 10px;
	}

	.map_widget {
		border-right: none !important;
	}

	.search_left_bar,
	.free_cancellation_sec span,
	.free_cancellation_p,
	.price_sorting,
	.guest_rating,
	.recommeneded,
	.sortby,
	.map-rating-bar,
	.sorting_bar_section .radio-button-bg,
	.sorting_bar_section .form-group {
		display: none;
	}

	.user_bookings_list .listing_options {
		display: block;
	}

	.listing-with-map .map-rating-bar {
		display: block;
	}

	.filter_heading,
	.sort_responsive,
	.map_resposive {
		display: inline-block;
		text-align: center;
	}

	.featured_slider .flex-control-thumbs li {
		width: 23.3%;
	}

	.featured_slider .flex-control-thumbs li:last-child {
		margin-right: 0;
	}

	.book_now {
		margin-top: 25px;
	}

	.booking_spacer {
		margin-left: 10px;
	}

	.sorting_guest_rating {
		margin-top: 10px;
	}

	.guest_rating_head {
		font-size: 18px;
		text-transform: uppercase;
	}

	.ranges {
		margin-bottom: 20px !important;
	}

	#sortmodal .modal-dialog,
	#filter_modal .modal-dialog {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	#sortmodal .modal-dialog {
		height: 100%;
	}

	#filter_modal #resposiveFilters .sidebar-parent {
		box-shadow: none;
		padding: 0;
	}

	#filter_modal #resposiveFilters .sidebar-parent .sidebar-widget:first-child {
		display: none;
	}

	#sortmodal .modal-dialog .modal-content,
	#filter_modal .modal-dialog .modal-content {
		border: none;
		border-radius: 0;
		height: 100%;
		background-color: #eee;
	}

	#filter_modal .modal-dialog .modal-content .modal-body {
		background-color: #eee;
		margin-top: 10px;
	}

	.down-caret:after,
	.show_more_options:after {
		right: 44%;
	}

	.modal-body .ranges {
		font-size: 1.5rem;
	}

	.modal-header .close {
		background-color: #546af1;
		color: #fff;
		opacity: 1;
		font-size: 25px;
		padding: 5px 10px;
	}

	.sort_responsive svg,
	.filter_heading svg,
	.map_resposive svg {
		float: none;
		width: 20px;
		height: 20px;
		padding-top: 5px;
		padding-right: 5px;
	}

	.sortmodaltitle {
		font-size: 25px;
	}

	/********************Hotel Details****************************/
	.property_title_slider_sec .property_title_left h1 {
		font-size: 24px;
	}

	.property_title_left {
		width: 80%;
	}

	.property_title_right {
		width: 20%;
	}

	.property_title_left .ratings {
		padding-top: 5px;
		padding-left: 5px;
	}

	.property_title .property_listing_location {
		font-size: 13px;
		padding-top: 5px;
	}

	.rating_views {
		margin-bottom: 0px;
	}

	.hotel_detail_slider .absolute_carousel {
		width: 100%;
	}

	.hotel_detail_slider .flex-direction-nav a {
		width: 50px;
		height: 50px;
		top: 40%;
		opacity: 1 !important;
	}

	.hotel_detail_slider .slick-slide img {
		height: 450px;
	}

	.hotel_detail_slider .absolute_carousel img {
		height: initial !important;
		width: 100%;
		min-height: 45px !important;
	}

	.hotel_detail_slider .slick-prev,
	.hotel_detail_slider .slick-next {
		width: 60px;
		height: 55px;
		font-size: 30px;
		top: 86%;
	}

	.love_heading {
		font-size: 25px;
		padding-top: 10px;
	}

	.loveable_svg svg {
		height: 25px;
	}

	.loveable_things {
		width: 60%;
	}

	.loveable_title {
		font-size: 13px;
	}

	.ask_about_room a {
		font-size: 12px;
	}

	.room_list_title {
		font-size: 18px;
	}

	.right_room_details {
		display: none;
	}

	.room_spec_name {
		font-size: 13px;
	}

	.room_specs {
		display: none;
	}

	.responsive_hotel_room_details {
		display: block;
	}

	.responsive_benifits {
		width: 60%;
		float: left;
	}

	.resposive_capacity {
		width: 40%;
		float: right;
	}

	.capacity_mob {
		color: #546af1;
		font-size: 15px;
		float: left;
	}

	.capacity_mob svg {
		height: 20px;
		fill: #546af1;
		padding-top: 5px;
		padding-right: 5px;
	}

	.capacity_mob span {
		float: right;
		font-weight: bold;
	}

	.capacity_mob span:hover {
		color: #546af1;
	}

	.responsive_benifits .benifits i {
		font-size: 14px;
	}

	.resposive_capacity .property_price {
		width: 100%;
		margin-top: 0;
		padding-right: 0;
		display: inline-block;
	}

	.price_modal_left {
		width: 50%;
		float: left;
		text-align: left;
	}

	.price_modal_right {
		width: 50%;
		float: right;
		text-align: right;
	}

	.modal-body .price {
		font-size: 14px;
	}

	#priceres_modal .modal-footer {
		text-align: left;
		justify-content: flex-start;
	}

	#priceres_modal .modal-footer strong {
		padding-right: 5px;
	}

	.resposive_capacity .property_price .limited {
		font-size: 11px;
		color: #546af1;
		display: block;
	}

	.responsive_hotel_room_details .free_cancellation_sec {
		padding-right: 0;
		width: 52%;
		float: right;
	}

	.responsive_hotel_room_details .free_cancellation_sec .book_now {
		margin-top: 0;
		width: 100%;
	}

	.see_more_details_btn {
		margin-bottom: 0;
	}

	.resposive_capacity .price .icon-info i {
		color: #546af1;
	}

	.modal-body .flexslider {
		height: auto;
	}

	.modal-body .hotel_detail_slider .flex-direction-nav a {
		height: 45px;
		width: 45px;
		top: 94.5%;
	}

	.modal_facilities li {
		width: 32%;
	}

	.modal_additional_info {
		margin-top: 15px;
	}

	.responsive_hotel_room_details .room-dec {
		padding: 0;
		margin: 0;
		width: 163px;
		text-align: center;
		display: inline-block;
	}

	.responsive_hotel_room_details .room-dec .benifits {
		text-align: left;
		margin-bottom: 0;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus,
	.responsive_hotel_room_details .room-dec span.occ-minus {
		height: auto;
		width: 35px;
		background-color: #eeeff3;
		padding: 5px 10px !important;
		margin-top: 0;
		float: left;
		text-align: center;
		color: #55607a;
		transition: all 0.5s ease-in-out;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus:hover i,
	.responsive_hotel_room_details .room-dec span.occ-minus:hover i {
		color: #55607a !important;
	}

	.responsive_hotel_room_details .room-dec span.occ-minus {
		float: left !important;
	}

	.responsive_hotel_room_details .room-dec .btn-grey {
		font-size: 26px;
		color: #000;
		font-weight: 100;
		cursor: pointer;
		width: 38px;
		height: 36px;
	}

	.responsive_hotel_room_details .room-dec .roomsCountNo {
		float: left;
		font-size: 16px;
		margin: 0;
		width: 54%;
	}

	.responsive_hotel_room_details .room-dec .roomsCountNo input {
		margin-top: 7px;
		padding: 5px 0px 5px;
		font-size: 16px;
		color: #59617e;
		border: none;
		margin-left: 5px;
		width: 94% !important;
		float: left;
		margin-top: 0;
		text-align: center;
		border: 1px solid #55607a;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 1.5;
		color: #59617e;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus {
		float: right !important;
	}

	.responsive_hotel_room_details .room-dec span.occ-minus i,
	span.occ-plus i {
		position: relative;
		float: left;
		font-size: 14px;
	}

	.responsive_cancellation .blue_free,
	.rooms_booknow_responsive .benifits,
	.responsive_benifits .benifits {
		margin-bottom: 0;
	}

	.rooms_booknow_responsive .benifits {
		margin-right: 20px;
	}

	.rooms_booknow_responsive {
		width: 100%;
		float: left;
		margin-top: 32px;
	}

	/*****************Customer Information***********************/
	.booking_summary .listing_heading {
		font-size: 16px;
		line-height: 25px;
	}

	.room_price {
		width: 100%;
		text-align: left;
	}

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

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	/***********************Home******************************/
	.social-icons li {
		width: 25%;
	}

	.right-top-bar {
		width: 100%;
	}

	.create-account a {
		font-size: 12px;
	}

	.right-bar-mobi {
		padding: 0 !important
	}

	.navbar-right {
		width: 100%;
	}

	.mob-right-bar {
		float: right;
		margin-bottom: 10px;
	}

	.daterangepicker {
		width: 400px !important;
	}

	.daterangepicker .calendar td {
		padding: 0px 5px;
	}

	.image_modal {
		display: none;
	}

	.modal_left {
		width: 100%;
	}

	.search-query,
	.daterange-picker,
	.adult-dropdown,
	.search-btn {
		width: 49.3%;
	}

	.search-query,
	.adult-dropdown {
		margin-right: 1.4%;

	}

	.daterange-picker,
	.search-bt {
		margin-right: 0;
	}

	.footer_social_widget li {
		margin-bottom: 5px;
	}

	.footer_widget li .footer_widget_heading {
		font-size: 13px;
	}

	/************************property listing**************************/
	.search-query,
	.daterange-picker {
		margin-bottom: 10px;
	}

	.user_bookings_list .featured_slider,
	#listing_items .featured_slider {
		margin-bottom: 0;
	}

	.map_widget {
		border-right: none !important;
	}

	.search_left_bar,
	.listing_options,
	.free_cancellation_sec span,
	.free_cancellation_p,
	.price_sorting,
	.guest_rating,
	.recommeneded,
	.sortby,
	.map-rating-bar,
	.sorting_bar_section .radio-button-bg,
	.sorting_bar_section .form-group {
		display: none;
	}

	.filter_heading,
	.sort_responsive,
	.map_resposive {
		display: inline-block;
		text-align: center;
	}

	.featured_slider .flex-control-thumbs li {
		width: 23.3%;
	}

	.featured_slider .flex-control-thumbs li:last-child {
		margin-right: 0;
	}

	/* .fixed_images .slides li {
        max-height: 158px;
        height: 158px;
        min-height: 158px;
    } */

	.listing_item_body {
		min-height: 158px !important;
	}

	.map-listing-left .featured_slider {
		padding-right: 15px !important;
		margin-bottom: 0;
	}

	.map-listing-left .item_body_inner_right {
		padding-top: 20px;
	}

	.map-listing-left .rating_views {
		position: absolute;
		top: -100%;
		right: 15px;
	}

	.map-listing-left .resposive_padding_left {
		padding-left: 15px !important;
	}

	.absolute_carousel {
		display: none;
	}

	.book_now {
		margin-top: 25px;
	}

	.user_bookings_list .book_now {
		margin-top: 15px;
	}

	.user_bookings_list .booking_spacer {
		display: none;
	}

	.user_bookings_list .listing_options {
		display: block;
	}

	.tab-pane .user_bookings_list .booking_cancelled {
		margin-bottom: 0px;
	}

	.user_bookings_list .bookings_right .free_cancellation_sec {
		margin-top: 10px;
	}

	.user_bookings_list .booking_checkin,
	.user_bookings_list {
		width: 100%;
	}

	.sorting_guest_rating {
		margin-top: 10px;
	}

	.guest_rating_head {
		font-size: 18px;
		text-transform: uppercase;
	}

	.ranges {
		margin-bottom: 20px !important;
	}

	#sortmodal .modal-dialog,
	#filter_modal .modal-dialog {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	#sortmodal .modal-dialog {
		height: 100%;
	}

	#sortmodal .modal-dialog .modal-content,
	#filter_modal .modal-dialog .modal-content {
		border: none;
		border-radius: 0;
		height: 100%;
		background-color: #eee;
	}

	#filter_modal .modal-dialog .modal-content .modal-body {
		background-color: #eee;
		margin-top: 10px;
	}

	#filter_modal #resposiveFilters .sidebar-parent {
		box-shadow: none;
		padding: 0;
	}

	#filter_modal #resposiveFilters .sidebar-parent .sidebar-widget:first-child {
		display: none;
	}

	.down-caret:after,
	.show_more_options:after {
		right: 44%;
	}

	.modal-body .ranges {
		font-size: 1.5rem;
	}

	.modal-header .close {
		color: #fff;
		opacity: 1;
		font-size: 25px;
		padding: 5px 10px;
	}

	.sort_responsive svg,
	.filter_heading svg,
	.map_resposive svg {
		float: none;
		width: 20px;
		height: 20px;
		padding-top: 5px;
		padding-right: 5px;
	}

	.sortmodaltitle {
		font-size: 25px;
	}

	/********************Hotel Details****************************/
	.property_title_slider_sec .property_title_left h1 {
		font-size: 24px;
	}

	.property_title_left {
		width: 80%;
	}

	.property_title_right {
		width: 20%;
	}

	.property_title_left .ratings {
		padding-top: 5px;
		padding-left: 5px;
	}

	.property_title .property_listing_location {
		font-size: 13px;
		padding-top: 5px;
	}

	.rating_views {
		margin-bottom: 0px;
	}

	.hotel_detail_slider .flex-direction-nav a {
		width: 50px;
		height: 50px;
		top: 94.5%;
	}

	.flex-direction-nav a:before {
		font-size: 40px !important;
		padding-left: 15px;
		padding-top: 10px;
	}

	.flex-direction-nav a.flex-next:before {
		padding-right: 15px;
	}

	.love_heading {
		font-size: 25px;
		padding-top: 10px;
	}

	.loveable_svg svg {
		height: 25px;
	}

	.loveable_things {
		width: 60%;
	}

	.loveable_title {
		font-size: 13px;
	}

	.ask_about_room a {
		font-size: 12px;
	}

	.room_list_title {
		font-size: 18px;
	}

	.right_room_details {
		display: none;
	}

	.room_spec_name {
		font-size: 13px;
	}

	.room_specs {
		display: none;
	}

	.responsive_hotel_room_details {
		display: block;
	}

	.responsive_benifits {
		width: 60%;
		float: left;
	}

	.resposive_capacity {
		width: 40%;
		float: right;
	}

	.capacity_mob {
		color: #546af1;
		font-size: 15px;
		float: left;
	}

	.capacity_mob svg {
		height: 20px;
		fill: #546af1;
		padding-top: 5px;
		padding-right: 5px;
	}

	.capacity_mob span {
		float: right;
		font-weight: bold;
	}

	.capacity_mob span:hover {
		color: #546af1;
	}

	.responsive_benifits .benifits i {
		font-size: 14px;
	}

	.resposive_capacity .property_price {
		width: 100%;
		margin-top: 0;
		padding-right: 0;
		display: inline-block;
	}

	.price_modal_left {
		width: 50%;
		float: left;
		text-align: left;
	}

	.price_modal_right {
		width: 50%;
		float: right;
		text-align: right;
	}

	.modal-body .price {
		font-size: 14px;
	}

	#priceres_modal .modal-footer {
		text-align: left;
		justify-content: flex-start;
	}

	#priceres_modal .modal-footer strong {
		padding-right: 5px;
	}

	.resposive_capacity .property_price .limited {
		font-size: 11px;
		color: #546af1;
		display: block;
	}

	.responsive_hotel_room_details .free_cancellation_sec {
		padding-right: 0;
		width: 56%;
		float: right;
	}

	.responsive_hotel_room_details .free_cancellation_sec .book_now {
		margin-top: 0;
		width: 100%;
	}

	.see_more_details_btn {
		margin-bottom: 0;
	}

	.resposive_capacity .price .icon-info i {
		color: #666;
	}

	.modal-body .flexslider {
		height: auto;
	}

	.modal-body .hotel_detail_slider .flex-direction-nav a {
		height: 45px;
		width: 45px;
		top: 94.5%;
	}

	.modal_facilities li {
		width: 32%;
	}

	.modal_additional_info {
		margin-top: 15px;
	}

	.responsive_hotel_room_details .room-dec {
		padding: 0;
		margin: 0;
		width: 163px;
		text-align: center;
		display: inline-block;
	}

	.responsive_hotel_room_details .room-dec .benifits {
		text-align: left;
		margin-bottom: 0;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus,
	.responsive_hotel_room_details .room-dec span.occ-minus {
		height: auto;
		width: 35px;
		background-color: #eeeff3;
		padding: 4px 10px !important;
		margin-top: 0;
		float: left;
		text-align: center;
		color: #55607a;
		transition: all 0.5s ease-in-out;
	}

	.hotel_detail_slider .slick-slide img {
		height: 400px;
	}

	.hotel_detail_slider .absolute_carousel img {
		height: initial !important;
		width: 100%;
		min-height: 45px !important;
	}

	.hotel_detail_slider .slick-prev,
	.hotel_detail_slider .slick-next {
		width: 60px;
		height: 54px;
		font-size: 30px;
		top: 84.5%;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus:hover i,
	.responsive_hotel_room_details .room-dec span.occ-minus:hover i {
		color: #55607a !important;
	}

	.responsive_hotel_room_details .room-dec span.occ-minus {
		float: left !important;
	}

	.responsive_hotel_room_details .room-dec .btn-grey {
		font-size: 26px;
		color: #000;
		font-weight: 100;
		cursor: pointer;
		width: 38px;
		height: 36px;
	}

	.responsive_hotel_room_details .room-dec .roomsCountNo {
		float: left;
		font-size: 16px;
		margin: 0;
		width: 54%;
	}

	.responsive_hotel_room_details .room-dec .roomsCountNo input {
		margin-top: 7px;
		padding: 5px 0px 5px;
		font-size: 16px;
		color: #59617e;
		border: none;
		margin-left: 5px;
		width: 94% !important;
		float: left;
		margin-top: 0;
		text-align: center;
		border: 1px solid #55607a;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 1.5;
		color: #59617e;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus {
		float: right !important;
	}

	.responsive_hotel_room_details .room-dec span.occ-minus i,
	span.occ-plus i {
		position: relative;
		float: left;
		font-size: 14px;
	}

	.responsive_cancellation .blue_free,
	.rooms_booknow_responsive .benifits,
	.responsive_benifits .benifits {
		margin-bottom: 0;
	}

	.rooms_booknow_responsive {
		width: 100%;
		float: left;
		margin-top: 45px;
	}

	.offer_list li {
		padding: 0;
	}

	.offer_list li:nth-child(2) {
		border-right: none;
	}

	.what_they_offer_list {
		margin-bottom: 25px;
	}

	/*****************Customer Information***********************/
	.booking_summary .listing_heading {
		font-size: 16px;
		line-height: 25px;
	}

	.room_price {
		width: 100%;
		text-align: left;
	}

	/***********************Thank You Page****************************/
	.customer_info_leftbar {
		margin-bottom: 15px;
	}

	.book_another_btn {
		margin: 15px 0;
		display: inline-block;
	}

	.booking-detail-table .change_room {
		width: 100%;
	}
}

@media only screen and (min-width: 100px) and (max-width: 767px) {

	/**************************Home******************************/
	.menu {
		width: 100% !important;
		float: right;
	}

	.navbar .navbar-right {
		float: left;
		width: 100%;
		margin-bottom: 5px;
		margin-top: 10px;
	}

	.social-icons {
		text-align: center;
		margin-bottom: 15px;
		border-bottom: 1px solid #fff;
	}

	.social-icons li {
		float: none;
	}

	.right-top-bar {
		width: 100%;
		margin-bottom: 15px;
	}

	.cur-drop {
		width: 100px;
		margin-right: 20px;
	}

	.menu-bar {
		position: relative;
	}

	.phone_number {
		width: 100%;
	}

	.why-ablocate .why-us-list li {
		margin-bottom: 15px;
	}

	.daterangepicker {
		width: 500px !important;
	}

	.daterangepicker.show-calendar .calendar {
		float: left;
	}

	.phone_style {
		display: none;
	}

	.daterangepicker .calendar td {
		padding: 0px 9px;
	}

	.telephone-header {
		text-align: center;
		font-size: 17px;
		padding: 15px 0;
	}

	.search-query .dropdown-menu {
		min-width: 520px;
	}

	.navbar-light .navbar-toggler {
		padding: 0;
		border: none;
	}

	.navbar-toggler-icon {
		width: 40px;
		height: 40px;
	}

	.navbar-light .navbar-toggler-icon {
		background-image: none;
	}

	.navbar .navbar-nav .nav-link {
		width: 100%;
		padding: 10px 0 !important;
		text-align: center;
		border-bottom: 1px solid #acacac;
	}

	.navbar .navbar-nav .active>.nav-link {
		background-color: #546af1;
		color: #fff;
		margin: 0;
		border: none;
	}

	#magic-line {
		display: none;
	}

	.banner-content {
		padding: 55px 0;
	}

	.banner-heading {
		font-size: 30px;
		margin-bottom: 25px;
	}

	.banner-para {
		margin-bottom: 25px;
		font-size: 22px;
	}

	.search-area .form-group {
		margin-bottom: 0;
	}

	.search-query,
	.daterange-picker,
	.adult-dropdown,
	.search-btn {
		width: 100%;
		margin: 0;
		margin-bottom: 15px;
	}

	.suggestion_name {
		width: 96%;
	}

	.search-query .dropdown-menu {
		margin-top: 0;
	}

	.search-query .cur-nav .form-control {
		padding: 0 !important
	}

	.search-query .dropdown-menu input {
		padding: 15px;
		padding-left: 40px;
	}

	.search-icons {
		left: 3%;
	}

	.arrow_box_act {
		width: 100%;
	}

	.why-us-icon,
	.why-us-list li:nth-child(3) .why-us-icon {
		width: 20%;
	}

	.why-us-list li:nth-child(2) .why-us-icon {
		width: 16%;
	}

	.roomsCountNo {
		width: 82%;
		margin: 0;
	}

	.recent-veiwed-property li {
		margin-bottom: 10px;
	}

	.video-header {
		font-size: 41px;
		margin-bottom: 20px;
	}

	.playit-btn {
		width: 50px;
		height: 50px;
	}

	.video-section {
		padding: 50px 0px;
	}

	.playit-btn:before {
		border-top: 15px solid transparent;
		border-left: 23px solid #546af1;
		border-bottom: 15px solid transparent;
	}

	.section-heading {
		margin: 50px 0;
		font-size: 40px;
	}

	.recent-location {
		margin-bottom: 50px;
	}

	.footer_area>li {
		width: 100%;
		margin: 0;
	}

	.footer_social_widget {
		margin-bottom: 0 !important;
		text-align: center;
	}

	.footer_social_widget li {
		text-align: center;
		float: initial;
	}

	.footer_social_widget li a {
		width: auto;
		text-align: center;
	}

	.footer_widget {
		margin-bottom: 15px;
	}

	.footer_widget li .footer_widget_heading {
		margin-bottom: 10px;
	}

	.footer_area {
		padding: 30px 15px;
	}

	#createaccountmodal,
	#signinmodal,
	#forgetpwdmodal {
		overflow-y: scroll !important;
	}

	/********************Hotel Details****************************/
	#search_top,
	#search_top_home {
		position: inherit;
	}

	.hotel_detail_main {
		padding-top: 50px;
	}

	.property_title_slider_sec .property_title_left h1 {
		font-size: 24px;
		width: 100%;
	}

	.property_listing_location i {
		float: left;
		padding-top: 5px;
		margin-bottom: 5px;
	}

	.property_title_left {
		width: 80%;
	}

	.property_title_right {
		width: 20%;
	}

	.property_title_left .ratings {
		padding-top: 5px;
		padding-left: 0 !important;
	}

	.property_title_left .ratings li {
		padding-left: 0 !important;
		padding-bottom: 0;
	}

	.property_title .property_listing_location {
		font-size: 14px;
		padding-top: 5px;
	}

	.rating_views {
		margin-bottom: 0px;
		position: absolute;
		top: -125%;
		right: 15px;
	}

	/* .property_price
    {
        margin-top: 10px;
    } */

	.hotel_detail_slider .slick-slide img {
		height: 400px;
	}

	.hotel_detail_slider .absolute_carousel img {
		height: initial !important;
		width: 100%;
		min-height: 40px !important;
	}

	.hotel_detail_slider .slick-prev,
	.hotel_detail_slider .slick-next {
		width: 60px;
		height: 50px;
		font-size: 30px;
		top: 85.6%;
	}

	.love_heading {
		font-size: 25px;
		padding-top: 0;
		margin-bottom: 25px;
		width: 100%;
	}

	.loveable_svg svg {
		height: 25px;
	}

	.loveable_things {
		width: 100%;
	}

	.loveable_title {
		font-size: 14px;
	}

	.ask_about_room a {
		font-size: 12px;
	}

	.list_title_box .room_list_title {
		display: none;
	}

	.responsive_room_title {
		display: block;
	}

	.right_room_details {
		display: none;
	}

	.room_spec_name {
		font-size: 13px;
	}

	.lang_heading {
		font-size: 15px;
	}

	.room_specs {
		margin-top: 10px;
	}

	.responsive_hotel_room_details {
		display: block;
	}

	.responsive_benifits {
		width: 60%;
		float: left;
	}

	.resposive_capacity {
		width: 40%;
		float: right;
	}

	.capacity_mob {
		color: #546af1;
		font-size: 15px;
		float: left;
	}

	.capacity_mob svg {
		height: 20px;
		fill: #546af1;
		padding-top: 5px;
		padding-right: 5px;
	}

	.capacity_mob span {
		float: right;
		font-weight: bold;
	}

	.capacity_mob span:hover {
		color: #546af1;
	}

	.responsive_benifits .benifits i {
		font-size: 14px;
	}

	.resposive_capacity .property_price {
		width: 100%;
		margin-top: 0;
		padding-right: 0;
		display: inline-block;
	}

	.price_modal_left {
		width: 50%;
		float: left;
		text-align: left;
	}

	.price_modal_right {
		width: 50%;
		float: right;
		text-align: right;
	}

	.modal-body .price {
		font-size: 14px;
	}

	#priceres_modal .modal-footer {
		text-align: left;
		justify-content: flex-start;
	}

	#priceres_modal .modal-footer strong {
		padding-right: 0;
		margin: 0;
	}

	.resposive_capacity .property_price .limited {
		font-size: 11px;
		color: #546af1;
		display: block;
	}

	.responsive_hotel_room_details .free_cancellation_sec {
		padding-right: 0;
		width: 50%;
		float: right;
	}

	.responsive_hotel_room_details .free_cancellation_sec .book_now {
		margin-top: 0;
		width: 100%;
	}

	.see_more_details_btn {
		margin-bottom: 0;
	}

	.resposive_capacity .price .icon-info i {
		color: #fcb019;
	}

	.modal-body .flexslider {
		height: auto;
	}

	.modal-body .hotel_detail_slider .flex-direction-nav a {
		height: 30px;
		width: 30px;
		top: 97%;
	}

	.modal_facilities li {
		width: 49%;
	}

	.modal_facilities li:nth-child(2n) {
		margin-right: 0;
	}

	.modal_additional_info {
		margin-top: 15px;
	}

	.responsive_hotel_room_details .room-dec {
		padding: 0;
		margin: 0;
		width: 163px;
		text-align: center;
		display: inline-block;
	}

	.responsive_hotel_room_details .room-dec .benifits {
		text-align: left;
		margin-bottom: 0;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus,
	.responsive_hotel_room_details .room-dec span.occ-minus {
		height: auto;
		width: 35px;
		background-color: #eeeff3;
		padding: 4px 9px !important;
		margin-top: 0;
		float: left;
		text-align: center;
		color: #55607a;
		transition: all 0.5s ease-in-out;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus:hover i,
	.responsive_hotel_room_details .room-dec span.occ-minus:hover i {
		color: #55607a !important;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus:hover svg,
	.responsive_hotel_room_details .room-dec span.occ-minus:hover svg {
		fill: #55607a !important;
	}

	.responsive_hotel_room_details .room-dec span.occ-minus {
		float: left !important;
	}

	.responsive_hotel_room_details .room-dec .btn-grey {
		font-size: 26px;
		color: #000;
		font-weight: 100;
		cursor: pointer;
		width: 38px;
		height: 36px;
	}

	.responsive_hotel_room_details .room-dec .roomsCountNo {
		float: left;
		font-size: 16px;
		margin: 0;
		width: 54%;
	}

	.responsive_hotel_room_details .room-dec .roomsCountNo input {
		margin-top: 7px;
		padding: 5px 0px 6px;
		font-size: 16px;
		color: #59617e;
		border: none;
		margin-left: 5px;
		width: 94% !important;
		float: left;
		margin-top: 0;
		text-align: center;
		border: 1px solid #55607a;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 1.5;
		color: #59617e;
	}

	.responsive_hotel_room_details .room-dec span.occ-plus {
		float: right !important;
	}

	.responsive_hotel_room_details .room-dec span.occ-minus i,
	span.occ-plus i {
		position: relative;
		float: left;
		font-size: 14px;
	}

	.responsive_cancellation .blue_free,
	.rooms_booknow_responsive .benifits,
	.responsive_benifits .benifits {
		margin-bottom: 0;
	}

	.rooms_booknow_responsive {
		width: 100%;
		float: left;
	}

	.rooms_booknow_responsive .benifits {
		width: 100%;
	}

	.ask_about_room {
		max-width: 100%;
	}

	.room_detail_table {
		padding-right: 10px;
	}

	.more_detail_image img {
		max-height: inherit;
	}

	.offer_list li {
		border: none;
		padding: 0;
	}

	.resnopadding {
		padding: 0 !important;
	}

	.slide_up .modal-dialog {
		padding: 0;
		display: inline;
	}

	.slide_up .container {
		padding: 0;
		margin: 0;
		max-width: 100%;
	}

	.roomdetail_modal .modal-header {
		padding-left: 0;
	}

	/*.roomdetail_modal .modal-body {
        padding-right: 0;
        padding-left: 0;
    }*/

	.slide_up .modal-content {
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	.collapse.show,
	.search-bar-tabs .tab-pane.show,
	.cur-nav .show {
		background-color: initial;
	}

	.search-area .adult-dropdown .cur-nav .show {
		min-width: 100%;
	}

	.search-area .adult-dropdown .cur-nav .show,
	.show {
		background-color: #fff;
	}

	.image_modal {
		display: none;
	}

	.modal_left {
		float: initial !important;
	}

	.resonsive_padding_modal {
		padding-right: 15px !important;
	}

	/************************property listing**************************/
	.search-query,
	.daterange-picker,
	.featured_slider {
		margin-bottom: 10px;
	}

	.listing_body {
		margin: 20px 0;
	}

	#filter_modal #resposiveFilters .sidebar-parent {
		box-shadow: none;
		padding: 0;
	}

	#filter_modal #resposiveFilters .sidebar-parent .sidebar-widget:first-child {
		display: none;
	}

	.resposive_padding_left {
		padding-left: 15px !important;
	}

	.map_widget {
		border-right: none !important;
	}

	.fixed_images .slides li {
		height: 260px;
		min-height: 260px;
	}

	.search_left_bar,
	.listing_options,
	.free_cancellation_sec span,
	.free_cancellation_p,
	.price_sorting,
	.guest_rating,
	.recommeneded,
	.sortby,
	.map-rating-bar,
	.absolute_carousel,
	.sorting_bar_section .radio-button-bg,
	.sorting_bar_section .form-group {
		display: none;
	}

	.filter_heading,
	.sort_responsive,
	.map_resposive {
		display: inline-block;
		text-align: center;
	}

	.featured_slider .flex-control-thumbs li {
		width: 14%;
	}

	.featured_slider .flex-control-thumbs li:last-child {
		margin-right: 0;
	}

	.featured_slider {
		margin-bottom: 0;
	}

	.book_now {
		margin-top: 25px;
	}

	.sorting_guest_rating {
		margin-top: 10px;
	}

	.guest_rating_head {
		font-size: 18px;
		text-transform: uppercase;
	}

	.ranges {
		margin-bottom: 20px !important;
	}

	#sortmodal .modal-dialog,
	#filter_modal .modal-dialog {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	#sortmodal .modal-dialog {
		height: 100%;
	}

	#sortmodal .modal-dialog .modal-content,
	#filter_modal .modal-dialog .modal-content {
		border: none;
		border-radius: 0;
		height: 100%;
		background-color: #eee;
	}

	#filter_modal .modal-dialog .modal-content .modal-body {
		background-color: #eee;
		margin-top: 10px;
	}

	.down-caret:after,
	.show_more_options:after {
		right: 44%;
	}

	.modal-body .ranges {
		font-size: 1.5rem;
	}

	.modal-header .close {
		background-color: #546af1;
		color: #fff;
		opacity: 1;
		font-size: 25px;
		padding: 5px 10px;
	}

	.sort_responsive svg,
	.filter_heading svg,
	.map_resposive svg {
		float: none;
		width: 20px;
		height: 20px;
		padding-top: 5px;
		padding-right: 5px;
	}

	#filter_modal .modal-header {
		display: inline-block;
	}

	.sortmodaltitle {
		float: left;
	}

	.listing_item_body {
		border-left: 1px solid #ccc !important;
		border-bottom: none !important;
		border-top: none !important;
		min-height: initial !important;
	}

	.user_bookings_list .listing_item_body {
		height: initial;
	}

	.user_bookings_list .item_body_inner_left,
	.tab-content .user_bookings_list .featured_image .bookings_right {
		width: 100%;
	}

	.tab-content .user_bookings_list .featured_image .bookings_right {
		padding-left: 15px !important;
	}

	.user_bookings_list .item_body_inner_left {
		padding-right: initial;
	}

	.singel_listing_item {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	}

	/**************Customer Information******************/
	.customer_info_rightbar {
		margin-top: 20px;
	}

	.change_room {
		width: 100%;
	}

	.price_box .hotel-listing-detail-popover {
		left: 65%;
	}

	.price_box .hotel-listing-detail-popover:before {
		display: none;
	}

	/***********************Thank You Page****************************/
	.customer_info_leftbar {
		margin-bottom: 15px;
	}

	.thank_hotel_info .singel_listing_item {
		box-shadow: none;
	}

	.book_another_btn {
		margin: 15px 0;
		display: inline-block;
	}

	.booking-detail-table .change_room {
		width: 100%;
	}

	.map-listing-left {
		display: none;
	}

	.listing-map-parent-box {
		padding-bottom: 0 !important;
		height: 550px;
	}

	.map-listing-right {
		position: initial;
	}

	/**************************Date range calender*********************************/
	.daterangepicker.dropdown-menu {
		background-color: #fff !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		position: fixed !important;
		margin: 0 !important;
		z-index: 3001 !important;
		padding: 50px 0 70px !important;
		overflow-y: auto !important;
		border: 0 !important;
	}

	.daterangepicker.dropdown-menu:before {
		content: 'Select Date';
		width: 100%;
		height: auto;
		padding: 10px 55px;
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		display: block !important;
		opacity: 1 !important;
		text-align: center;
		z-index: 3;
		border: 0 !important;
		background-color: #000 !important;
		margin: 0;
		line-height: 30px;
		font-size: 20px;
		font-weight: 700;
		cursor: default;
		color: #fff !important;
	}

	.daterangepicker.dropdown-menu .calendar {
		width: 100% !important;
		margin: 10px 0 !important;
		float: left;
		max-width: 100% !important;
		border-bottom: 2px solid #999 !important;
	}

	.daterangepicker .calendar.right {
		border: none !important;
	}

	.daterangepicker .calendar.left {
		padding-bottom: 20px;
	}

	.daterangepicker.dropdown-menu .ranges {
		width: 100% !important;
		height: 50px;
		position: fixed;
		left: 0;
		bottom: 0;
		margin: 0 !important;
		text-align: center !important;
		padding: 0 !important;
		border: 0 !important;
		background-color: #546af1 !important;
	}

	.daterangepicker.dropdown-menu .range_inputs {
		float: left;
		width: 100%;
	}

	.daterangepicker.dropdown-menu span.cancelBtn.btn.btn-sm.btn-default {
		position: absolute;
		z-index: 2;
		width: 100%;
		left: 0;
		top: 5px;
		color: #fff !important;
		background: initial !important;
	}

	.daterangepicker .calendar tbody td.today,
	.daterangepicker .calendar tbody th.today,
	.daterangepicker .calendar tbody td.active.start-date,
	.daterangepicker .calendar tbody th.active.start-date,
	.daterangepicker .calendar tbody td.active.end-date,
	.daterangepicker .calendar tbody th.active.end-date {
		border-radius: 0 !important;
	}
}

@media only screen and (min-width: 100px) and (max-width: 630px) {
	.create-account>.animated_hover_btn {
		display: none;
	}
}

@media only screen and (min-width: 100px) and (max-width: 600px) {
	.mob_menu {
		margin-top: 40px;
	}

	.search-query .dropdown-menu {
		min-width: 100%;
	}

	.roomsCountNo {
		width: 80%;
	}

	/***************************Hotel Details*******************************/
	.rating_count {
		min-width: 100%;
	}

	.rating_views {
		min-width: 120px;
	}

	.property_reviews {
		text-align: center;
		float: initial;
		margin-bottom: 5px;
	}

	.rating_count {
		padding: 0;
		font-size: 14px;
	}

	.property_listing_location i {
		float: left;
		padding-top: 5px;
		margin-bottom: 5px;
	}

	.responsive_hotel_room_details .free_cancellation_sec {
		width: 100%;
		margin-top: 10px;
	}

	/*    .roomdetail_modal .modal-body {
        padding: 0;
    }
*/
	.roomdetail_modal .modal-header {
		padding-left: 0;
	}

	.modal_facilities li {
		width: 100%;
		margin-right: 0;
	}

	.modal-header .close {
		font-size: 20px;
		padding: 5px 5px;
	}

	.sorting_bar_section {
		border-right: none;
		border-bottom: 1px solid #999;
	}
}

@media only screen and (min-width: 100px) and (max-width: 480px) {
	.list_your_property {
		display: none;
	}

	.creat_account,
	.forgotten_pwd {
		width: 100%;
		margin-top: 10px;
	}

	.sign_in_div {
		padding-left: 40px;
	}

	.cur-drop .dropdown-menu {
		overflow-x: scroll;
	}

	.suggested_search .occupancy-selected li a {
		padding: 10px;
	}

	.suggestion_name {
		width: 95%;
		float: right;
		padding-bottom: 5px;
	}

	.cur-list li {
		width: 37%;
	}

	.section-heading {
		font-size: 30px;
		line-height: 35px;
	}

	.banner-heading {
		font-size: 30px;
		margin-bottom: 18px;
	}

	.banner-para {
		margin-bottom: 25px;
		font-size: 20px;
	}

	.cur-nav .form-control {
		height: 50px;
	}

	.adult-dropdown .search-icons,
	.search-query .search-icons {
		top: 25%;
	}

	.search-btn .search {
		padding: 10px;
	}

	.roomsCountNo {
		width: 67%;
	}

	.video-header {
		font-size: 25px;
	}

	.video-section {
		padding: 50px 0;
		margin: 40px 0 20px;
	}

	.video-header {
		margin-bottom: 20px;
		line-height: 40px;
	}

	.most-popular .recent-child {
		padding: 0;
	}

	/*********************Listing page start***************************/
	.listing_heading {
		font-size: 17px;
		line-height: 25px;
	}

	.item_body_inner_left {
		padding: 0 10px 15px;
	}

	.rating_views {
		min-width: 120px;
		margin-bottom: 10px;
	}

	.property_reviews {
		text-align: center;
		width: 100%;
	}

	.item_body_inner_right {
		border: none;
	}

	.listing_tabs .nav-link {
		padding: .5rem 0.75rem;
	}

	.rating_count {
		min-width: 100%;
	}

	.book_now {
		margin-top: 5px;
		width: 100%;
		right: 0;
	}

	.fixed_images .slides img {
		height: 250px;
	}

	/*******************Hotel Detail****************************/
	.property_title_left,
	.property_title_right,
	.property_title_right .rating_views,
	.resposive_capacity,
	.responsive_benifits {
		width: 100%;
	}

	.property_title_right .rating_views {
		background-color: transparent;
		padding: 0;
		margin-top: 10px;
		margin-bottom: 0;
	}

	.property_title_right .rating_views .property_reviews {
		text-align: left !important;
		margin-bottom: 0;
	}

	.property_title_right .rating_views .property_reviews span {
		color: #666;
		padding-left: 0;
	}

	.property_title_right .rating_views .rating_count {
		background-color: transparent;
		text-align: left;
	}

	.property_title_slider_sec .property_title_left h1 {
		font-size: 22px;
	}

	.property_title .property_listing_location {
		font-size: 12px;
	}

	.hotel_detail_slider .slick-slide img {
		height: 200px;
	}

	.hotel_detail_slider .hotel_carousel,
	.things_you_love,
	.hotel_detail_slider .slick-prev,
	.hotel_detail_slider .slick-next {
		display: none !important;
	}

	.modal-header .room_list_title,
	.lang_heading {
		font-size: 16px;
	}

	#loader {
		width: 100px !important;
		height: 100px !important;
	}

	.modal-body .room_list_title {
		font-size: 15px;
	}

	.hotel_detail_slider .flex-control-thumbs {
		display: none;
	}

	.language_icon {
		margin-bottom: 10px;
		float: left;
		padding-top: 3px;
	}

	/****************Cutomer Information********************/
	.price_box .hotel-listing-detail-popover {
		left: 100%;
	}
}

@media (min-width: 594px) {
	/*    .daterangepicker {
        max-width: 300px !important;
    }*/
}

.page-toaster {
	width: 100%;
	height: auto;
	max-width: 400px;
	right: 30px;
	bottom: 30px;
	position: fixed;
	z-index: 9999;
	display: none;
}

.page-toaster .style-msg,
.page-toaster .style-msg2 {
	margin-bottom: 0;
}

.alertmsg {
	background: #FCE0B6;
	color: #975E06;
}

.style-msg,
.style-msg2 {
	position: relative;
	display: block;
	color: #444;
	margin-bottom: 20px;
}

.successmsg {
	background: #C5EBD4;
	color: #184B21;
}

.errormsg {
	background: #FFCCCC;
	color: #740D0A;
}

.infomsg {
	background: #B9DFF4;
	color: #124F70;
}

.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {
	display: block;
	padding: 15px;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}

.alert i,
.sb-msg i,
.msgtitle i {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 5px;
}