@charset "UTF-8";


/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------

	01. Import Section ...................... Imported variables.

	02. Layout Components ................... Generic layout elements.
		# Forms Reset & Styles
		# Header
		# Sticky Header
		# Navigation
		# User Menu
		# jPanel mobile menu
		# Sort by custom select
		# Custom Chosen Dropdown
		# Input with dropdown
		# Panel Dropdown
		# Single Listing Page
		# Listing Item Layout Style
		# Small Category Boxes
		# Titlebar

	03. Shortcodes .......................... Template elements.
		# Buttons
		# Tables
		# List Styles
		# Tabs
		# Login Register
		# Social Icons
		# Custom Checkboxes

	04. Dashboard ........................... User panel styles
		# Dashboard Navigation
		# Dashboard Titlebar
		# Dashboard Stats Boxes
		# Dashboard Pagination
		# Dashboard List Box
		# Add Listing
		# Opening Hours

	05. Others .............................. CSS helper classes etc.
		# Common Styles
		# Offsets

	06. Media Queries ....................... Mobile style sheets.

*/


/* ------------------------------------------------------------------- */
/* 01. Import Section
---------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600,700');



/* ------------------------------------------------------------------- */
/*  02. Layout Components
---------------------------------------------------------------------- */
/* ---------------------------------- */
/* Forms Reset & Styles
------------------------------------- */
input,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select,
.bootstrap-select .btn.dropdown-toggle {
	height: 51px;
	line-height: 1.5;
	padding: 0 20px;
	outline: none;
	font-size: 15px;
	color: #808080;
	margin: 0 0 15px 0;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	display: block;
	background-color: transparent;
	border: 1px solid #dbdbdb;
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
	font-weight: 500;
	opacity: 1;
	border-radius: 3px;
}

select {
	padding: 15px 18px;
	cursor: pointer;
}

input {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
	color: #808080;
	transition: box-shadow 0.2s !important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
	border: 1px solid #d8d8d8;
	opacity: 1;
}

input[type="submit"] {
  border: none;
  padding: 11px 18px;
  width: auto;
}

input[type="checkbox"] { display: inline; }

.checkbox-block input[type="checkbox"] {
	display: none;
}

input[type="radio"] {
	width: 15px;
	height: 15px;
	cursor: pointer;
	box-shadow: none;
}

/* Input Placeholder Color */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #888;
	opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #888;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #888;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #888;
	opacity: 1;
}

textarea {
	height: auto;
	line-height: 27px;
	padding: 20px;
	min-height: 130px;
	transition: none !important;
	min-width: 100%;
}

label,
legend {
	display: block;
	font-weight: bold;
	font-size: 15px; 
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1.5;
}


label span,
legend span {
	font-weight: normal;
	font-size: 14px;
	color: #444;
}

fieldset {
    padding: 0;
    border: none;
}


a, button { outline: none !important; }
a:focus,
a:hover { text-decoration: none; color: #333;}
img { max-width: 100%; }


/* ---------------------------------- */
/* Header
------------------------------------- */


#header {
	position: relative;
	z-index: 999;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
	font-size: 16px;
	background: #333;
}

/* Header Widget */
.header-widget {
	position: relative;
	top: 4px;
	height: 54px;
}

.header-widget .button,
.header-widget .button.border {
	margin-right: 0;
	min-width: 130px;
	text-align: center;
	position: relative;
	line-height: 26px;
	font-weight: 500;
}

.header-widget .button.border i {
	font-size: 17px;
	padding: 0px 0 0 4px;
	top: 2px;
	display: inline-block;
	position: relative;
}

.header-widget .sign-in {
	position: relative;
	color: #333;
	margin-right: 25px;
	top: 10px;
	display: inline-block;
	vertical-align: top;
}

.header-widget .sign-in i { padding-right: 4px; font-size: 15px; }
.header-widget .sign-in:hover { color: #66676b; }


/* Full Width Header */

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

.right-side {
	float: right;
	width: 35%;
	display: inline-block;
}

#logo{padding-top: 7px;}

#logo,
#navigation { float: left; }

.header-widget { text-align: right; }


/* ---------------------------------- */
/* Sticky Header
------------------------------------- */
#header.cloned {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
}

#header.cloned { background-color: #fff; }

/* Sticky header styles */
#header.cloned #logo img { transform: translate3d(0,0,0); max-width: 120px; margin-top: 1px; }
#header.cloned { padding: 18px 0 7px 0; }

.sticky-logo { display: none; }

#header.cloned.unsticky {
	opacity: 1;
	visibility: hidden;
    pointer-events: none;
	transform: translate(0,-100%) scale(1);
	transition: 0.3s;
}

#header.cloned.sticky {
	opacity: 1;
	visibility: visible;
	transform: translate(0,0) scale(1);
	transition: 0.3s;
}


/*----------------------------------- */
/* Footer
------------------------------------- */

/* Footer Bottom */
.copyrights {
	color: #707070;
	border-top: 1px solid rgba(0,0,0,0.09);
	margin-top: 60px;
	text-align: center;
	padding: 40px 0;
	display: inline-block;
	width: 100%;
}

#footer.alt .copyrights { 
	margin-top:0;
	border: none;
	padding: 25px;
}

.copyrights a { color: #707070; }




/* ---------------------------------- */
/* Navigation
------------------------------------- */

#navigation {
	position: relative;
	display: block;
}

#navigation ul {
	list-style: none;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#navigation ul a {
	display: block;
	text-decoration: none;
}

#navigation ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0
}

#navigation ul li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 110%;
	left: 0;
	padding: 0;
	z-index: 99999;
}

#navigation ul ul li { float: none; }

#navigation ul ul ul {
	top: 0;
	left: 100%;
	margin: 0;
}

#navigation ul ul {
	margin: 1px 0 0 15px;
}

#navigation ul ul:before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
	background: rgba(255,255,255,0);
	width: 100%;
	height: 10px;
}

#navigation ul ul ul:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 100%;
	left: -10px;
	top: 0;
	opacity: 0;
}

#navigation ul li:hover > ul {
	opacity: 1;
	visibility: visible;
}

/* Indicator Arrow */
#navigation ul li a:after,
#navigation ul ul li a:after {
	font-family: "FontAwesome";
	opacity:1;
}

#navigation ul li a:after { content: '\f107'; padding-left: 7px; } 
#navigation ul ul li a:after {
	content: '\f105';
	position: absolute;
	right: 15px;
	top: 7px;
} 

#navigation ul li a:only-child:after { content: ''; padding: 0; } 
#navigation ul ul li a:only-child:after { content: '';}     


/* Dropdown Styles
------------------------------------- */
#navigation ul ul {
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	border-radius:0 0px 4px 4px;
	font-size: 15px;
}

#navigation ul ul li { border-radius: 4px; }
#navigation ul ul li:last-child { border-bottom: none; }

#navigation ul li:hover ul a,
#navigation ul ul a {
	line-height: 27px !important;
	padding: 7px 40px 7px 15px !important;
	line-height: 24px !important;
}

body #navigation ul ul {
	padding: 3px 10px;
	box-sizing: border-box;
}

#navigation ul ul li { width:208px; }

#navigation ul ul li:hover {
	border-radius: 0;
}

#navigation ul ul li:first-child { border-radius: 4px 4px 0 0; }
#navigation ul ul li:last-child { border-radius: 0 0 4px 4px; }

#navigation ul ul {
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s;
	transform: translate3d(0,15px,0);
}

#navigation ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
}


/* Menu Style 1
------------------------------------- */
#navigation.style-1 .current {
	background-color: transparent;
	color: #66676b;
}

#navigation.style-1 { margin-top: 1px; }

#navigation.style-1 .current:after { opacity: 1; }

#navigation.style-1 ul li {
	transition: all 0.25s;
}

#navigation.style-1 ul li a { color: #fff; cursor: pointer; }
#navigation.style-1 ul li:hover a, #navigation.style-1 ul > li.active a{ color: #fe8800; }

#navigation.style-1 ul ul li a { color: #444 !important; }

#navigation.style-1 ul ul li { opacity: 0.8; border-bottom:1px dashed #ccc;  }

#navigation.style-1 ul ul li:last-child{border: none;} 
#navigation.style-1 ul ul li:hover { opacity: 1; }
#navigation.style-1 ul ul li a:hover{color: #fe8800!important}

#navigation.style-1 ul a {
	padding: 20px 18px;
}

#navigation.style-1 ul li { margin: 0 5px; }

#navigation.style-1 ul ul li { margin: 0; border-radius: 0; }

#navigation.style-1 ul ul li:first-child { border-radius: 4px 4px 0 0; }
#navigation.style-1 ul ul li:last-child { border-radius: 0 0 4px 4px; } 

/* Indicator Arrow */
#navigation ul ul li a:after {
	opacity: 1;
	transition: all 0.25s;
	transform: translateX(-5px);
}

#navigation ul ul li:hover a:after {
	opacity: 1;
	transform: translateX(0);
}


/* ---------------------------------- */
/* User Menu
------------------------------------- */
.user-menu {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-right: 25px;
	top: 9px;
	vertical-align: top;
	padding-left: 25px;
	margin-left: 25px;
}

.user-menu .user-name { transition: 0.2s; }
 
.user-menu .user-name:after {
	content: "\f107";
	font-family: "FontAwesome";
	transition: 0.2s;
	transform: rotate(0deg);
	display: inline-block;
	margin-left: 6px;
	color: #aaa;
}

.user-menu.active .user-name:after,
.user-menu:hover .user-name:after,
.user-menu.active .user-name,
.user-menu:hover .user-name {
	color: #66676b;
}

.user-menu.active .user-name:after { transform: rotate(180deg); }

/* Avatar */
.user-name span img {
	width: 100%;
	display: inline-block;
	border-radius: 50%;
}

.user-name span {
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-right: 10px;
	border-radius: 50%;
	position: absolute;
	left: -22px;
	top: -5px;
	background: rgba(0, 0, 0, 0.09);
}

.user-menu ul {
	float: left;
	text-align: left;
	position: absolute;
	top: 45px;
	right: 0;
	list-style: none;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	border-radius: 4px;
	display: inline-block;
	width: 180px;
	font-size: 15px;
	transform: translate3d(0,15px,0);
	padding: 12px 10px;
	box-sizing: border-box;
	transition: 0.25s;
	visibility: hidden;
	opacity: 0;
	z-index: 110;
}

.user-menu ul li a {
	padding: 6px 15px;
	line-height: 22px;
	display: inline-block;
	color: #696969;
	transition: 0.2s;
}

.user-menu ul li a:hover {
	color: #444;
}

.user-menu ul li a i {
	width: 20px;
	position: relative;
	display: inline-block;
}

.user-menu.active ul {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0,0,0);
}


/* ---------------------------------- */
/* jPanel mobile menu
------------------------------------- */
.menu-responsive,
#jPanelMenu-menu { display: none; }

body[data-menu-position="closed"] #jPanelMenu-menu { width: 0 !important; visibility: hidden !important; } 
body[data-menu-position="open"] #jPanelMenu-menu { width: 250px !important; visibility: visible !important; }

@media only screen and (max-width: 1100px) {
	#navigation ul{float: right;}
	#navigation.style-1 ul a{padding: 20px 10px;}
}

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

	.menu {max-height: none;}
	#responsive { display: none; }

	#jPanelMenu-menu,
	.menu-responsive  { display: block !important }

	.menu-responsive {
		color: #777;
		display: block;
		float: left;
		position: relative;
		width: 100%;
		margin: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border-radius: 4px;
	}

	#main-header {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.menu-responsive i {
		padding: 14px 20px;
		margin: 0;
		font-size: 18px;
		font-weight: 500;
		cursor: pointer;
		width: 100%;
		background: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%, transparent);
		background-color: #f0f0f0;
		border-radius: 5px;
		margin: 8px 0 10px 0;
	}

	.menu-responsive i.menu-trigger { width: 100%; }

	body .menu-responsive i.menu-trigger:after {
		content: "Menu";
		font-size: 16px;
		top: 0;
		font-weight: 600;
		position: relative;
		left: 10px;
	}

	
	/* Header Responsive Styles */
	.responsive-search input:focus { border: none; color: #fff; }

	#header-container.header-style-2 .left-side,
	#header-container.header-style-2 .right-side,
	.right-side,
	.left-side { width: 100%; }

	#top-bar .right-side .social-icons { float: left; position: relative; z-index: 9; } 

	#header-container.header-style-2 .header-widget { float: left; margin-top: 35px; margin-bottom: -5px }

	.header-widget { text-align: left; }

	ul.top-bar-menu { z-index: 99; position: relative; }

	.header-style-2 .menu-responsive { width: 750px; margin-left: auto; margin-right: auto; float: none; padding: 0 15px; }

	#header-container.header-style-2 .header-widget { width: calc(100%);  border-top: 1px solid #e0e0e0; padding-top: 30px; }
}


@media (max-width: 767px) {

	.header-style-2 .menu-responsive { width: auto; margin-left: auto; margin-right: auto; float: none; padding: 0 15px; }

	#header-container.header-style-2 #header .container { width: 100%; }

	#header-container.header-style-2 .header-widget li .button { margin-left: 0; }

	#header-container.header-style-2 .header-widget li:after { display: none; }
	#header-container.header-style-2 .header-widget li { width: 100%; padding: 10px 0; margin: 0; }
	#header-container.header-style-2 .header-widget li i { width: 50px; margin: 0 0 0 0px; display: inline-block; text-align: left; top: 3px;}

	.header-widget { text-align: left; margin: 0 0 15px 0;}
}


.fa.fa-search.active:before { content:"\f00d"; }
body[data-menu-position="open"] .menu-responsive i.fa.fa-reorder:before { content:"\f00d"; }
body[data-menu-position="closed"] .menu-responsive i.fa.fa-reorder:before { content:"\f0c9"; }

#jPanelMenu-menu a.current:after,
#jPanelMenu-menu .with-ul:after { display: none; }

body #jPanelMenu-menu li a {
	display:block;
	padding: 10px 20px;
	background-color: #262626;
	color: #eaeaea;
	font-weight: 500;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	outline: none;
	text-transform: none;
	text-shadow: none;
}

body #jPanelMenu-menu li li a {
	background-color: #363636;
	padding-left: 30px;
	text-transform: none;
	font-weight: 500;
}

body #jPanelMenu-menu li li li a {
	padding-left: 48px;
	position: relative;
}

body #jPanelMenu-menu li li li a:before {
	height: 1px;
	width: 8px;
	background: rgba(255,255,255,0.3);
	padding: 0;
	position: absolute;
	content: "";
	display: block;

	top: 50%;
	margin-top: -2px;
	margin-left: -17px;
}


#jPanelMenu-menu li.cart-icon,
#jPanelMenu-menu li.search,
#jPanelMenu-menu .cart-counter,
#jPanelMenu-menu .hidden-on-mobile,
#jPanelMenu-menu .mega-headline { display: none; }

#jPanelMenu-menu,
#jPanelMenu-menu ul { list-style: none; padding-left: 0;}

#jPanelMenu-menu ul li a i { padding-right: 7px; }

#jPanelMenu-menu .mega-content {
    display: inline-block;
}

#jPanelMenu-menu .mega-section {
	display: inline-block;
	float: none;
	width: 100%;
	border-right: none;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	box-shadow: none;
}



.breadcrumb-wrapper.dash-bread{margin-top: 74px; padding: 8px 0;}

.breadcrumb-wrapper.dash-bread .breadcrumb > li + li:before, .breadcrumb-wrapper.dash-bread .breadcrumb>li+li:before{content:"";}

/* Input With Icon */
.input-with-icon {
	position: relative;
}

.input-with-icon i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	padding: 0 0 0 19px;
	color: #999;
	transition: 0.2s;
	pointer-events: none;
}

.input-with-icon input { padding-left: 47px !important }
.input-with-icon.location input { padding-left: 20px !important }

.input-with-icon.location a i {
	position: absolute;
	right: 1px;
	left: auto;
	top: 50%;
	transform: translateY(-50%);
	color: #999;
	padding: 15px 20px 15px 15px;
	background: #fff;
	pointer-events: all
}

.input-with-icon.location a i:hover {
	color: #66676b;
}


/* ---------------------------------- */
/* Sort by custom select
------------------------------------- */
.sort-by {
	position: relative;
	top: 9px;

}
.sort-by label,
.sort-by .sort-by-select {
	display: inline-block;
	float: right;
}


.sort-by-select select {
	border-radius: 5px;
	color: #777;
	border: none;
	background-color: #f0f0f0;
	height: auto;
	padding: 7px 7px 7px 15px;
	line-height: 22px;
	box-shadow: none;
}

.sort-by label {
	line-height: 40px;
	margin-top: 1px;
	padding: 0;
}

.sort-by .chosen-container-single .chosen-single {
    height: 36px;
    line-height: 34px;
    border: 1px solid #fff;
    background-color: #fff;
    width: 100%;
    display: inline-block;
    padding: 0 14px 0 16px;
    box-shadow: none;
    color: #666;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50px;
    transition: all 0.3s;
    display: inline-block;
}

.sort-by .chosen-container-active .chosen-choices,
.sort-by .chosen-container-active.chosen-with-drop .chosen-single,
.sort-by .chosen-single:hover {
    background: #f3f3f3;
}

.sort-by .chosen-container .chosen-drop {
	padding-top: 10px;
    border: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-radius: 3px;
    width: 200px;
    margin-left: 10px;
    background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
	z-index: 999;
}


.sort-by .chosen-container.chosen-with-drop .chosen-drop,
.sort-by .chosen-container .chosen-drop {left: auto; right: -1px; }

.sort-by .chosen-container-single .chosen-single div:after {
	color: #66676b;
	right: 0;
}

.sort-by .chosen-container-single .chosen-default { color: #66676b; }

.sort-by .chosen-container-single .chosen-single span {
	margin-right: 0px;
	color: #666;
	font-weight: 600;
	transition: all 0.2s;
}

.sort-by .chosen-container-single .chosen-single div {
    position: relative;
    line-height: 33px;
    top: 0;
	margin-left: 0;
    display: inline-block;
}

.sort-by .chosen-container-single .chosen-single span {
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
}




/* ---------------------------------- */
/* Input with dropdown
------------------------------------- */
.select-input {
	position: relative;
}

.select-input input { position: relative; z-index: 101; }

.select-input .select {
	position: absolute;
	top: -8px;
}

.select-hidden {
	display: none;
	visibility: hidden;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 15px;
	color: #fff;
	width: 100%;
	height: 51px;
}

.select-styled { opacity: 0; }

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 990;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	padding: 0 4px;
	padding-top: 8px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-sizing: border-box;
}

.select-list-container {
	padding: 0 4px;
	max-height: 300px;
	overflow: auto;
	display: inline-block;
	width: 100%
}

ul.select-options li {
	margin: 0;
	padding: 0;
	transition: all 0.15s ease-in;
	color: #888;
	margin: 0;
	padding: 10px 10px;
	list-style: none;
	line-height: 15px;
	border-radius: 4px;
}

.select-options li:hover {
	color: #fff;
	background-color: #66676b;
}

.select-options li[rel="hide"] {
  display: none;
}

.select-options ::-webkit-scrollbar { width: 10px; }
 
.select-options ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.05);
    border-radius: 10px;
}
 
.select-options ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,0.2);
}
 
 .select-options ::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    background-color: rgba(0,0,0,0.3);
}





/* ---------------------------------- */
/* Panel Dropdown
------------------------------------- */
.panel-dropdown {
	position: relative;
	display: inline-block
}

.panel-dropdown a {
	color: #666;
	font-weight: 600;
	font-size: 15px;
	border-radius: 50px;
	padding: 3px 14px;
	transition: all 0.3s;
	display: inline-block;
}

.panel-dropdown.active a,
.panel-dropdown a:hover {
	background: #f3f3f3;
}

.panel-dropdown a:after {
	content: "\f107";
	font-family: "FontAwesome";
	font-size: 16px;
	color: #66676b;
	font-weight: 500;
	padding-left: 0;
	transition: all 0.3s;
	margin-left: 6px;
	display: inline-block;
}

.panel-dropdown.active a:after { transform: rotate(180deg); }


.panel-dropdown .panel-dropdown-content {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	position: absolute;
	top: 44px;
	left: 0px;
	z-index: 110;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.18);
	border-radius: 4px;
	box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
	padding: 20px 24px;
	overflow-y: auto;
	white-space: normal;
	width: 460px;
}

.panel-dropdown.wide .panel-dropdown-content { width: 570px; }

.panel-dropdown.active .panel-dropdown-content {
	opacity: 1;
	visibility: visible;
}

.listings-container {
	opacity: 1;
	transition: all 0.3s;
}

.fs-inner-container.content.faded-out .listings-container {
	opacity: 0.2;
	background: #fff;
	pointer-events: none;
}


.fs-inner-container.content.faded-out{
	background-color: #fcfcfc;
}

.panel-dropdown .checkboxes label { margin-bottom: 10px; display: block; }
.panel-dropdown-content.checkboxes { padding: 28px; }

.panel-dropdown .row { margin-left: -10px; margin-right: -10px; }

button.panel-cancel,
button.panel-apply {
	background: none;
	padding: 5px 16px;
	display: block;
	outline: none;
	border: none;
	font-weight: 600;
	float: right;
	margin: 0;
	font-size: 15px;
	border-radius: 50px;
	background-color: #66676b;
	color: #fff;
	transition: all 0.3s;
}

button.panel-apply:hover {
	opacity: 0.9;
}

button.panel-apply:active {
	transform: translateY(-2px);
}

button.panel-cancel {
	float: left;
	background-color: #f0f0f0;
	color: #666;
	opacity: 1;
}

button.panel-cancel:hover { background-color: #e9e9e9; }
button.panel-cancel:active { transform: translateY(-2px); }

.panel-buttons {
	width: 100%;
	margin-top: 13px;
}

/* Float Right */
.panel-dropdown.float-right {
	float: right;
}

.panel-dropdown.float-right .panel-dropdown-content {
	left: auto;
	right: 0;
}



/* Float Right */
.fullwidth-filters .panel-dropdown { margin-left: 3px }


/* Styles for filters for full-width layout */
.fullwidth-filters {
	display: inline-block;
	width: 100%;
	position: relative;
	top: 15px;
}

.fullwidth-filters .sort-by {
	top: -1px;
	right: -1px;
}


/* More Search Options For Sidebar
------------------------------------- */
.more-search-options.relative {
	position: relative;
	margin-top:0;
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
	transition: none;
	display: none;
}

.more-search-options.relative.active { transform: translate3d(0,0,0); }

/* Trigger */
.more-search-options-trigger {
	color: #666;
	font-weight: 500;
	font-size: 15px;
	border-radius: 3px;
	padding: 3px 0;
	transition: all 0.3s;
	display: inline-block
}

.more-search-options-trigger:before { content: attr(data-open-title); }
.more-search-options-trigger.active:before { content: attr(data-close-title); }

.more-search-options-trigger:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 16px;
    color: #66676b;
    font-weight: 500;
    padding-left: 0;
    transition: all 0.3s;
    margin-left: 6px;
    display: inline-block;
}

.more-search-options-trigger.active:after { transform: rotate(180deg); }

.more-search-options-trigger:hover {
   	color: #444;
}


/* Layout Switcher Buttons
------------------------------------- */
.layout-switcher a {
	width: 39px;
	height: 39px;
	background-color: #eee;
	display: inline-block;
	color: #9d9d9d;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	transition: all 0.4s;
	border-radius: 50%;
	font-weight: 500;
	overflow: hidden;
	position: relative;
	margin-right: 1px;
}

.layout-switcher a.active {
	color: #66676b;
	background-color: #fff;
	border: 1px solid #66676b;
	line-height: 38px;
}

.layout-switcher a i {
	position: relative;
	z-index: 11;
}

.layout-switcher a:hover {
	color: #fff;
	background-color: #66676b;
}


/*----------------------------------- */
/* Half Screen Map
------------------------------------- */
.fs-container {
	height: 100%;
	width: 100%;
}

.fs-container #map-container {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 990;
	margin-bottom: 0px;
}

.fs-content {
	max-height: 100%;
	padding: 0;
}

.fs-container section.search {
	padding: 45px 40px;
	background-color: #fff;
}

.fs-container .fs-listings {
	padding: 0 25px;
	margin: 0;
}

.fs-switcher {
	padding: 0 25px;
	margin: 0;
}


/* Inner Containers */
.fs-inner-container {
	width: 50%;
	float: left;
	display: inline-block;
}

.fs-inner-container.content {
	width: 55%;
	background-color: #f7f7f7;
	z-index: 995;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
	position: relative;
	padding-top: 80px;
}

.fs-inner-container {
	width: 45%;
	background-color: #fff;
	z-index: 10;
}

.fs-container .copyrights { padding: 30px 0; font-size: 15px; }

#header-container.fixed {
	position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100;
    background-color: #fff;
}

.fs-inner-container.map-fixed { height: 100vh; position: fixed; top: 0; padding-top: 80px }


button.fs-map-btn.button {
	position: relative;
	float: right;
	top: 6px;
	padding: 10px 40px;
	margin: 0;
}

.fs-container .more-search-options-trigger {
	position: relative;
	top: 10px;
}

.showing-results {
	color: #888;
	font-weight: 500;
	margin: 5px 0 25px 0;
}


.listings-container.fs-listings {
	left: 0;
	width: 100%;
	position: relative;
}

.listings-container.fs-listings.grid-layout {
	left: 0;
	width: 100%;
	position: relative;
}

.listings-container.fs-listings.list-layout {
	padding: 0 40px;
}



.listings-container.fs-listings.list-layout .listing-content { flex: 4; }
.listings-container.fs-listings.list-layout .listing-img-container { flex: 0 auto; max-width: 300px; }


/* Grid layout below 1366px screens */
@media (max-width:1365px) {
	.listings-container.fs-listings.grid-layout .listing-item {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.listings-container.fs-listings.grid-layout { padding: 0 40px; }

	.listings-container.fs-listings.list-layout .listing-item { display: block; }
	.listings-container.fs-listings.list-layout .details.button.border { display: none; }
	.listings-container.fs-listings.list-layout .listing-img-container { max-width: 100%; }

	.fs-switcher .layout-switcher { display: none; }

}

/* Forms Grid */
.col-fs-12,
.col-fs-11,
.col-fs-10,
.col-fs-9,
.col-fs-8,
.col-fs-7,
.col-fs-6,
.col-fs-5,
.col-fs-4,
.col-fs-3,
.col-fs-2,
.col-fs-1   {
	float: left;
	padding: 0 10px;
}


.col-fs-12  { width: 100% }
.col-fs-11  { width: 91.66666667% }
.col-fs-10  { width: 83.33333333% }
.col-fs-9   { width: 75% }
.col-fs-8   { width: 66.66666667% }
.col-fs-7   { width: 58.33333333% }
.col-fs-6   { width: 50% }
.col-fs-5   { width: 41.66666667% }
.col-fs-4   { width: 33.33333333% }
.col-fs-3   { width: 25% }
.col-fs-2   { width: 16.66666667% }
.col-fs-1   { width: 8.33333333% }

@media (max-width:1599px) {
	.col-fs-12 ,
	.col-fs-11,
	.col-fs-10,
	.col-fs-9,
	.col-fs-8,
	.col-fs-7,
	.col-fs-6   { width: 100% }
	
	.col-fs-5,
	.col-fs-4,
	.col-fs-3,
	.col-fs-2,
	.col-fs-1   { width: 50% }
}

@media (max-width: 992px) {
	.col-fs-12 ,
	.col-fs-11,
	.col-fs-10,
	.col-fs-9,
	.col-fs-8,
	.col-fs-7,
	.col-fs-6,
	.col-fs-5,
	.col-fs-4,
	.col-fs-3,
	.col-fs-2,
	.col-fs-1   { width: 100% }

	.overflow-hidden { overflow: hidden; }
}


/* Alignment */
.row.with-forms input,
.row.with-forms input[type="text"],
.row.with-forms input[type="password"],
.row.with-forms input[type="email"],
.row.with-forms input[type="number"],
.row.with-forms textarea,
.row.with-forms input,
.row.with-forms select,
.row.with-forms .chosen-container {
	margin-bottom: 18px;
}

.row.with-forms {
	margin-left: -10px;
	margin-right: -10px;
}

.with-forms .col-xs-1, .with-forms .col-sm-1, .with-forms .col-md-1, .with-forms .col-lg-1,
.with-forms .col-xs-2, .with-forms .col-sm-2, .with-forms .col-md-2, .with-forms .col-lg-2,
.with-forms .col-xs-3, .with-forms .col-sm-3, .with-forms .col-md-3, .with-forms .col-lg-3,
.with-forms .col-xs-4, .with-forms .col-sm-4, .with-forms .col-md-4, .with-forms .col-lg-4,
.with-forms .col-xs-5, .with-forms .col-sm-5, .with-forms .col-md-5, .with-forms .col-lg-5,
.with-forms .col-xs-6, .with-forms .col-sm-6, .with-forms .col-md-6, .with-forms .col-lg-6,
.with-forms .col-xs-7, .with-forms .col-sm-7, .with-forms .col-md-7, .with-forms .col-lg-7,
.with-forms .col-xs-8, .with-forms .col-sm-8, .with-forms .col-md-8, .with-forms .col-lg-8,
.with-forms .col-xs-9, .with-forms .col-sm-9, .with-forms .col-md-9, .with-forms .col-lg-9,
.with-forms .col-xs-10, .with-forms .col-sm-10, .with-forms .col-md-10, .with-forms .col-lg-10,
.with-forms .col-xs-11, .with-forms .col-sm-11, .with-forms .col-md-11, .with-forms .col-lg-11,
.with-forms .col-xs-12, .with-forms .col-sm-12, .with-forms .col-md-12, .with-forms .col-lg-12 {
	padding: 0 10px;
}


/* ---------------------------------- */
/* Single Listing Page
------------------------------------- */


/* Listing Page Sidebar
------------------------------------- */
#titlebar.listing-titlebar span a,
#titlebar.listing-titlebar span {
	font-size: 17px;
	color: #888;
	margin-top: 0;
	display: inline-block;
}

#titlebar.listing-titlebar span a i {
	margin-right: 5px;
}


#titlebar.listing-titlebar span a:hover {
	color:  #666;
}

#titlebar.listing-titlebar h1,
#titlebar.listing-titlebar h2 {
	font-size: 28px;
	line-height: 36px;
	margin: 1px 0;
}

#titlebar.listing-titlebar span.listing-tag {
	margin: 0;
	padding: 8px 16px;
	line-height: 15px;
	letter-spacing: 2.5px;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: #fff;
	border: 1px solid #66676b;
	color: #66676b;
	font-size: 10px;
	font-weight: 500;
	position: relative;
	top: -6px;
	margin-left: 8px;
}

.rating-counter a { color: #909090; }
.star-rating .rating-counter a:hover { color: #66676b; }
.numerical-rating .rating-counter a:hover { color: #888; }

#titlebar.listing-titlebar .numerical-rating {
	display: block;
	margin: 2px 0 0 0;
}

#titlebar.listing-titlebar {
	background: #fff;
	background-color: #fff;
	margin: 2px 0 0 0;
}

/* add review btn */
a.button.add-review-btn {
	min-width: 160px;
	text-align: center;
}

a.button.add-review-btn i {
	font-size: 14px;
	position: relative;
	line-height: 0;
	top: 0;
	margin-right: 0;
	letter-spacing: 0;
}


/* back to listings button */
.back-to-listings {
	height: 60px;
	width: 60px;
	background-color: #eee;
	color: #a6a6a6;
	border-radius: 50%;
	display: inline-block;
	float: left;
	position: relative;
	top: 6px;
	margin: 0 25px 0 0;
	text-align: center;
	transition: all 0.4s;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -5px;
	transform: translate(0,-50%);
}

.back-to-listings:before {
	font-family: "simple-line-icons";
	content: "\e605";
	font-size: 20px;
	line-height: 60px;
	left: -1px;
	position: relative;
}

.back-to-listings:hover {
	color: #a6a6a6;
	transform: translate(-4px,-50%);
}

/* titlebar right content */
.titlebar-right-content {
	position: absolute;
	right: 15px;
	display: inline-block;
	top: 50%;
	transform: translateY(-49%);
	text-align: right;
}


/* Fullwidth Property Slider */
.listing-slider .item {
	position: relative;
	background-size: cover;
	background-position: 50%;
	height: 40vh;
	min-height: 400px;
}

.listing-slider,
.listing-slider .item {
	height: 40vh;
	min-height: 400px;
}

a.mfp-gallery { cursor: zoom-in ;}

.listing-slider { background-color: #fff; }

.listing-slider .slick-next:hover,
.listing-slider .slick-prev:hover,
.listing-slider .slick-next,
.listing-slider .slick-prev {
    background-color: rgba(20,20,20,0.45);
    color: #fff;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    transition: 0.4s;

}

.listing-slider .slick-next:hover,
.listing-slider .slick-next {
	right: 15%;
    transform: translate(50px, -50%);
}

.listing-slider .slick-prev:hover,
.listing-slider .slick-prev {
	left: 15%;
    transform: translate(-50px, -50%);
}

.listing-slider:hover .slick-next { transform: translate(60px, -50%);  }
.listing-slider:hover .slick-prev { transform: translate(-60px, -50%); }

.listing-slider .slick-next:hover:before,
.listing-slider .slick-prev:hover:before,
.listing-slider .slick-prev::before,
.listing-slider .slick-next::before {
    font-size: 20px;
    line-height: 60px;
    position: relative;
    color: #fff;
}

.listing-slider .slick-prev::before { left: -1px; }
.listing-slider .slick-next::before { left: 1px; }


/* Hover */
.listing-slider .slick-next:hover{ transform: translate(64px, -50%); }
.listing-slider .slick-prev:hover { transform: translate(-64px, -50%); }

.listing-slider .item.slick-slide:before {
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	content: "";
	background: #222;
	z-index: 100;
	visibility: visible;
	opacity: 0.1;
	transition: 0.3s ease-in-out;
}

.listing-slider .item.slick-slide:hover:before,
.listing-slider .slick-next,
.listing-slider .slick-prev {
	opacity: 0;
	visibility: hidden;
}

.listing-slider:hover .slick-next,
.listing-slider:hover .slick-prev {
	opacity: 1;
	visibility: visible;
}

.listing-slider .slick-next:hover,
.listing-slider .slick-prev:hover {
    background-color: #66676b;
    color: #fff;
}


/* Listing Sidebar Details */
.listing-details-sidebar {
	padding: 0;
	list-style: none;
	font-size: 15px;
	margin-bottom: -5px;
	position: relative;
	display: block;
}

.listing-details-sidebar li {
	display: block;
	padding-left: 26px;
	position: relative;
	margin-bottom: 5px;
	line-height: 24px;
}

.listing-details-sidebar li a {
	color: #66676b;
	transition: 0.3s;
}

.listing-details-sidebar li i {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 16px;
	color: #888;
}


.listing-details-sidebar.social-profiles { margin-top: 20px; }
.listing-details-sidebar.social-profiles li { line-height: 22px;  padding-left: 23px;  }
.listing-details-sidebar.social-profiles li i { top: 4px;}

.listing-details-sidebar li a.facebook-profile i,
.listing-details-sidebar li a.facebook-profile { color: #3b5998; }

.listing-details-sidebar li a.twitter-profile i,
.listing-details-sidebar li a.twitter-profile { color: #1da1f2; }

.listing-details-sidebar li a.gplus-profile i,
.listing-details-sidebar li a.gplus-profile { color: #dd4b39; }
.listing-details-sidebar li a.gplus-profile { padding-left: 4px; }


/* Boxed Widget */
.boxed-widget {
	background-color: #f9f9f9;
	border-radius: 3px;
	padding: 32px;
	transform: translate3d(0,0,0);
}

.boxed-widget h3 {
	font-size: 20px;
	padding: 0 0 20px;
	margin: 0 0 20px 0;
	display: block;
	border-bottom: 1px solid #e8e8e8;
}

.boxed-widget h3 i { margin-right: 4px; }
.boxed-widget h3 i.sl-icon-clock { position: relative; top: 1px; }
.boxed-widget h3 i.fa-calendar-check-o { position: relative; top: -1px; }

/* Send Message Button */
a.send-message-to-owner.button {
	font-size: 13px;
	font-weight: 500;
	padding: 4px 20px;
	margin-top: 20px;
	margin-bottom: -5px;
}

/* Opening Hours */
.opening-hours {
	position: relative;
	overflow: hidden;
}

.opening-hours ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.opening-hours ul li {
	width: 100%;
	font-weight: 600;
	color: #888;
	margin: 2px 0;
	transition: 0.2s;
	cursor: default;
}

.opening-hours ul li:hover { color: #444; }
.opening-hours ul li span { float: right; font-weight: 400; }


/* Listing Share Buttons */
.listing-share {
	text-align: center;
	position: relative;
}

.listing-share .share-buttons li {
    margin: 0 3px 8px 0;
}

.listing-share.with-border {
	border-top: 1px solid #eee;
	padding-top: 35px;
}

.listing-share span {
	display: block;
	font-size: 15px;
	color: #888;
}


/* Like Button */
.like-button {
	outline: none;
	border: none;
	color: #444;
	font-weight: 600;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	padding: 10px 25px;
	line-height: 24px;
	margin-bottom: 9px;
	transition: 0.3s;
	cursor: pointer;
}

.like-button:hover {
	background-color: #fafafa;
	border: 1px solid #ddd;
}

.listing-share .like-icon::before,
.listing-share .like-icon::after {
	top: 0;
}

.listing-share .social-icons li {
	text-align: center;
	float: none;
	padding: 0;
	margin: 0;
}

.like-button .like-icon:hover,
.like-button .like-icon.liked {
    background-color: transparent;
	color: #f3103c;
}

.like-button .like-icon {
	position: relative;
	height: 20px;
	display: inline-block;
	line-height: 30px;
	right: auto;
	bottom: 3px;
	background: transparent;
	color: #f3103c;
	font-weight: 500;
	float: left;
	width: 20px;
	margin-right: 8px;
	font-size: 18px;
}



/* Listing Page Content
------------------------------------- */
.listing-nav {
	width: 100%;
	padding: 0;
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 17px;
	font-weight: 400;
	background-color: #fff;
	margin-bottom: 35px;
}


/* Sticky */
.listing-nav-container.cloned {
	position: fixed;
	top: 0;
	margin: 0 auto;
	z-index: 1010;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
	transform: translateY(-100%);
	border-bottom: 1px solid #e0e0e0;
}


.listing-nav-container.cloned.stick {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	background-color: #fff;
}

.listing-nav-container.cloned .listing-nav { 
	border-bottom: none;
	margin: 0 auto;
}

.listing-nav-container.cloned .listing-nav a { padding: 15px 0; }

.listing-nav-container.cloned .listing-nav li:first-child a {
	color: #666;
	border-color: #e0e0e0;
}

/* Other styles */
.listing-nav li {
	display: inline-block;
	margin-right: 15px;
}

.listing-nav li a {
	display: inline-block;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	bottom: -1px;
	transition: 0.3s;
	color: #666;
	padding-bottom: 15px;
}


.listing-nav-container.cloned .listing-nav li:first-child a.active,
.listing-nav-container.cloned .listing-nav li:first-child a:hover,
.listing-nav li:first-child a,
.listing-nav li a.active,
.listing-nav li a:hover {
	border-color: #66676b;
	color: #66676b;
}

.listing-desc-headline {
	font-size: 22px;
	margin-bottom: 25px;
	margin-top: 45px;
	display: block;
} 

.listing-desc-headline span { color: #888;  }

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

/* Property Map */
#singleListingMap {
	height: 400px;
	border-radius: 3px;
}

#singleListingMap-container {
	height: auto;
	position: relative;
	padding-top: 5px;
	display: block;
}


/* Listing features */
.listing-features {
	width: 100%;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 3;
	font-size: 16px;
	-webkit-columns: 3;
	-moz-columns: 3;
}

.listing-features.checkboxes li {
	color: #333;
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}

.listing-features li:last-child { margin: 0; }

.listing-features li span,
.listing-features.checkboxes li {
	color: #707070;
}

.listing-features.checkboxes li:before {
	display: inline-block;
	width: 19px;
	height: 19px;
	position: relative;
	content: "\f00c";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	background-color: #66676b;
	border: 2px solid transparent;
	transition: border-color 0s;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 3px;
}


/* Pricing Menu List
------------------------------------- */
.pricing-list-container h4 {
	color: #66676b;
	background-color: #fff;
	border-bottom: 1px solid #66676b;
	width: 100%;
	padding: 30px;
	border-radius: 4px 4px 0 0;
	position: relative;
	z-index: 10;
	margin: 5px 0 0 0;
	display: block;
	font-weight: 500;
}


.pricing-list-container h4:after {
	width: 100%;
	height: 100%;
	border-radius: 4px 4px 0 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-color: #66676b;
	opacity: 0.05;
	z-index: 9;
}

.pricing-list-container ul {
	list-style: none;
	padding: 0;
	margin-bottom: 35px;
}

.pricing-list-container ul:last-child { margin-bottom: 25px; }

.pricing-list-container ul li {
	padding: 30px;
	padding-right: 70px;
	position: relative;
}

.pricing-list-container ul li:last-child { border-radius: 0 0 4px 4px; }
.pricing-list-container ul li:nth-child(2n+2) { background-color: #f9f9f9; }

.pricing-list-container p,
.pricing-list-container h5 {
	padding: 0;
	font-size: 15px;
	margin: 0;
	display: inline-block;
	width: 100%;
}

.pricing-list-container h5 {
	font-size: 18px;
	margin-bottom: 1px;
}

.pricing-list-container p {
	color: #777;
	line-height: 24px;
	margin-top: 3px;
}

.pricing-list-container span {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	font-size: 18px;
	color: #777;
}


/* Show more */
.show-more {
	height: 450px;
	overflow: hidden;
	position: relative;
	transition: margin 0.4s;
}

.show-more:after {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 180px;
	display: block;
	background: linear-gradient(rgba(255,255,255,0), #fff 88%);
	z-index: 9;
	opacity: 1;
	visibility: visible;
	transition: 0.8s;
}

.show-more.visible { margin-bottom: 20px; }
.show-more.visible:after { opacity: 0; visibility: hidden; }

.show-more-button {
	position: relative;
	font-weight: 600;
	font-size: 15px;
	left: 0;
	margin-left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	text-align: center;
	display: inline-block;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s;
	padding: 5px 20px;
	color: #666;
	background-color: #f2f2f2;
	border-radius: 50px;
	top: -10px;
	min-width: 140px;
}

.show-more-button:before { content: attr(data-more-title); }
.show-more-button.active:before { content: attr(data-less-title); }

.show-more-button i {
	margin-left: 6px;
	color: #66676b;
	font-weight: 500;
	transition: 0.2s;
}

.show-more-button.active i {
	transform: rotate(180deg);
}


/* Comments
------------------------------------- */
.comments { margin: -10px 0 0 0; }

.comments h4 {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 500;
	color: #333;
}

.comments h4 span { display: inline-block; font-size: inherit; }

.comment { font-size: 20px; }

.comments .button {
	margin: 0 0 10px  0;
	padding: 7px 15px;
}

.comments.reviews .button { margin: 0; }

.comments ul {padding-left: 0;}
.comments ul li { display: block; width: 100%; }

.comments ul li,
.comments ul li ul li,
.comments ul li ul li ul li,
.comments ul li ul li ul li {
	margin: 50px 0 0 0px;
}

.comments ul li ul { margin: 0 0 0 100px; }

.comment-content p {
	margin: 3px 0 0 0;
	line-height: 26px;
}

.comment-content {
	color: #666;
	padding: 0 0 0 100px;
}

.comments ul li ul {
	border-left: 1px solid #e0e0e0;
	padding-left: 35px;
}

.comments ul li ul li:before {
	content: "";
	width: 15px;
	height: 1px;
	background-color: #e0e0e0;
	display: inline-block;
	position: absolute;
	top: 30px;
	left: -35px;
}

.comments ul li { position: relative; }

.comment-content strong {
	padding-right: 5px;
	color: #666;
}

.comment-content span { color: #888; }
body .comment-content p { padding: 5px 0; font-size: 15px; }

.comments-amount { color: #888; font-weight: 500; }

.avatar {
	display: inline-block;
	float: left;
	padding: 0 20px 0 0;
	position: absolute;
	left: 0px;
}

.avatar img {
	max-width: 80px;
	border-radius: 50%;
}

.comment-by {
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
	font-weight: 500;
	color: #333;
	display: inline-block;
	width: 100%;
}

.comment-by h5 { margin: 0 0 7px 0; }

.comment-by a.reply,
.comment-by a.reply i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.comment-by a.reply {
	display: inline;
	background-color: #f0f0f0;
	padding: 5px 16px;
	line-height: 22px;
	font-size: 13px;
	color: #333;
	font-weight: 500;
	position: absolute;
	right: 0;
	top: 15px;
	border-radius: 50px;
}

.comment-by a.reply i {
	font-size: 12px;
	margin-right: 1px;
}

.comment-by .numerical-rating {
	margin: 4px 0 0 0;
}

.comment-by .numerical-rating,
.comment-by .star-rating {
	position: inherit;
	right: 0;
	top: 0;
}

.comment-by a.reply:hover { background-color: #66676b; }
.comment-by a.reply:hover,
.comment-by a.reply:hover i {
	color: #fff;
}

.comment-by span.date {
	color: #888;
	font-weight: 300;
	margin: 0px 0 0 0;
	float: none;
	display: block;
	text-align: left;

}


/* Listing Reviews */
.listing-reviews ul li {
	padding-bottom: 45px;
	margin-top: 40px;
	border-bottom: 1px solid #e8e8e8;
}

/* Review Images */
.review-images {
	display: flex;
	margin-top: 20px;
	margin-bottom: 5px;
}

.review-images a {
	flex: 4;
	max-width: 25%;
	margin-right: 15px;
	border-radius: 3px;
}

.review-images a img {border-radius: 4px; }


/* Add Comment */
.add-review-box {
	border-radius: 4px;
	background-color: #f9f9f9;
	padding: 36px;
	padding-bottom: 40px;
	margin-bottom: 55px;
	margin-top: 70px;
	display: inline-block;
	width: 100%;
	position: relative;
}

.add-review-box h3 { margin-top: 5px }


.add-comment label span { color: #e24747; }

.add-comment input {
	margin: 0 0 25px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.add-comment textarea,
.add-comment input {
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.05)
}

.add-comment textarea {
	margin: 0 0 30px 0;
	width: 100%;
	min-width: 100%;
	min-height: 220px;
	resize: vertical;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.add-comment .button { min-width: 160px; }


/* Leave Rating */
.leave-rating {
	height: 24px;
	float: left;
}

.leave-rating:hover input[type="radio"]:checked ~ label { color: #dadada; }

.leave-rating input[type="radio"] { display: none; }

.leave-rating input[type="radio"]:checked ~ label { color: #ffc600; }

.leave-rating label {
	font-size: 24px;
	float: right;
	letter-spacing: 4px;
	color: #dadada;
	cursor: pointer; 
	transition: 0.3s;
}

.leave-rating label:hover,
.leave-rating label:hover ~ label {
	color: #ffc600 !important;
}

.leave-rating-title {
	display: block;
	margin: 35px 0 7px 0;
}


/* Upload Photos Button */
.add-review-photos {
	font-weight: 600;
	padding: 6px 7px;
	color: #666;
	background-color: #ededed;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	font-size: 14px;
	width: auto;
	transition: 0.3s;
	cursor: pointer;
	line-height: 20px;
	float: right;
	top: -25px;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
	cursor: pointer;
}

.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.add-review-photos:hover {
	color: #fff;
	background-color: #66676b; 
}

.add-review-photos i {
	color: #66676b;
	margin-right: 3px;
	transition: 0.3s;
	font-size: 16px;
	position: relative;
	top: 2px;
}

.add-review-photos:hover i { color: #fff; }

/* Helpfup Review */
a.rate-review {
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	font-size: 13px;
	color: #666;
	font-weight: 500;
	padding: 5px 20px;
	margin-top: 20px;
	display: inline-block;
	transition: 0.3s;
}

a.rate-review span {
	border-left: 1px solid #e0e0e0;
	line-height: 20px;
	padding-left: 10px;
	margin-left: 5px;
	transition: 0.3s;
	color: #666;
}

a.rate-review i { padding-right: 3px; }

a.rate-review:hover span { border-color: #d0d0d0 }

a.rate-review:hover {
	border-color: #d0d0d0;
	background-color: #fafafa;
}


/* ---------------------------------- */
/* Pagination
------------------------------------- */
.pagination-container{margin-top: 15px; text-align: center;}

.dash-list .pagination-container, .dash-list .pagination{margin: 0; text-align: center;}

.pagination {
	margin: 9px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.pagination-next-prev {
	position: relative;
	top: -66px;
}

.pagination ul{background: transparent!important;}

.pagination ul li {
	display: inline-block;
	margin: 0;
	padding: 0!important;
	border: none!important;
}

.pagination ul li:hover{background: transparent!important;}


.pagination ul li a,
.pagination-next-prev ul li a {
	padding: 12px 0;
	border-bottom: none;
	display: inline-block;
	color: #333;
	background-color: #fff;
	font-weight: 700;
	margin:0;
	line-height: 22px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	font-size: 14px;
}

.pagination ul li a {
	border-radius: 50%;
	width: 52px;
	height: 52px;
	padding: 0;
	line-height: 52px;
}

.pagination ul li a i {
	line-height: 52px;
}

.pagination ul li.blank {
	color: #a0a0a0;
	padding: 0 6px;
}

.pagination ul li a.current-page,
.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
	background-color: #f2f2f2;
	color: #333;
}

.pagination-next-prev a.next { float: right; }
.pagination-next-prev a.prev { float: left; }

.pagination-next-prev ul li a {
	color: #333;
	padding: 12px 16px;
	text-transform: uppercase;
}

.pagination ul,
.pagination-next-prev ul {	padding: 0; list-style-type: none;}


/* Listings Pagination */
.fs-listings .pagination ul li a,
.fs-listings .pagination-next-prev ul li a {
	background-color: transparent;
}

.fs-listings .pagination ul li a.current-page,
.fs-listings .pagination .current,
.fs-listings .pagination ul li a:hover,
.fs-listings .pagination-next-prev ul li a:hover {
	background-color: #e8e8e8;
	color: #333;
}





/* ------------------------------------------------------------------- */
/*  03. Shortcodes
---------------------------------------------------------------------- */

/* ---------------------------------- */
/* Buttons
------------------------------------- */

button.button,
input[type="button"],
input[type="submit"],
a.button.border,
a.button {
	background-color: #66676b;
	top: 0;
	padding: 9px 20px;
	color: #fff;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	margin-right: 6px;
	overflow: hidden;
	border: none;
	border-radius: 5px;
}


input[type="button"],
input[type="submit"] {
	line-height: 32px;
}

button.button:before,
a.button:before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	background-color: #fff;
position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.2s;
}


button.button:hover:before,
a.button:hover:before {
	opacity: 0.1;
}

a.button.white {
	background-color: #fff;
	color: #333;
}

button.button { line-height: 26px; }

/* Border Button Style */
a.button.border:before { display: none; }

a.button.border {
	background-color: transparent;
	color: #66676b;
	border: 1px solid #66676b;
	padding: 9px 21px;
}

a.button.border:hover {
	background-color: #66676b;
	color: #fff;
	opacity: 1;
}

a.button.border.white {
	border-color: #fff;
	color: #fff;
}

a.button.border.white:hover {
	background-color: #fff;
	color: #66676b;
}

/* Full Width Button */
button.button.fullwidth,
a.button.fullwidth {
	width: 100%;
	text-align: center;
}

a.button.white.border:hover { color: #333; }

.button i { padding-right: 4px; }

.centered-content { text-align: center; }
.centered-content .button { min-width: 130px;  }

a.button.border { font-weight:500; }

/* Icon Box #2
------------------------------------- */
.icon-box-2 {
	text-align: center;
	margin-top: 45px;
	position: relative;
}

.icon-box-2 i {
	width: 120px;
	height: 80px;
	background-color: #fff;
	border-radius: 50%;
	line-height: 80px;
	font-size: 60px;
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
	color: #66676b;
	position: relative;
	z-index: 11;
}

.icon-box-2 span {
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.icon-box-2 h4 {
	margin: 4px 0;
	line-height: 26px;
}

.icon-box-2 h3 {
	margin: 4px 0;
	line-height: 26px;
	font-size: 19px;
	font-weight: 500;
}

.icon-box-2 p {
	margin-top: 20px;
	font-style: 16px;
}

.icon-box-2 i.im-icon-Mail-withAtSign {font-size: 58px; top: 2px;}

.icon-box-2.with-line:before {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 40px;
	background: #e9e9e9;
	display: block;
	z-index: 9;
}


/* Icon Box #3
------------------------------------- */
.icon-box-3 {
	text-align: left;
	padding-left: 90px;
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 20px 0;
}

/* Edge Icon Box */
.icon-box-3 h4 {
	font-size: 18px;
	font-weight: 600;
}

.icon-box-3 i {
	font-size: 54px;
	color: #333;
	height: 60px;
	margin: 10px 0;
	display: inline-block;
	height: 100%;
	position: absolute;
	left: 0;
}

.icon-box-3 p {
	color: rgba(51,51,51,0.7);
	margin-top: 3px;
	display: inline-block;
}


/* Rounded */
.icon-box-1.rounded i,
.icon-box-2.rounded i,
.icon-box-3.rounded i {
	width: 110px;
	height: 110px;
	background-color: #666;
	border-radius: 50%;
	color: #fff;
	line-height: 110px;
	font-size: 50px;
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}

.rounded i:before {
	position: relative;
	z-index: 11;
}



/* Background Animation */
.icon-box-1.rounded i,
.icon-box-2.rounded i,
.icon-box-3.rounded i{
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transform: translate3d(0,0,0) rotate(0);
}

body .icon-box-1.rounded:hover i,
body .icon-box-2.rounded:hover i,
body .icon-box-3.rounded:hover i {
	color: #fff;
}


/* Icon Box Shadow Animation*/
.icon-box-1.rounded i:after,
.icon-box-2.rounded i:after,
.icon-box-3.rounded i:after {
	content: "";
	width: 120%;
	height: 0px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	z-index: 8;
	transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
	opacity: 0;
	transform: translate3d(50%,-50%,0) scale(1) rotate(45deg);
}

.icon-box-1.rounded:hover i:after,
.icon-box-2.rounded:hover i:after,
.icon-box-3.rounded:hover i:after { height: 145%; opacity: 0.1; }


/* Dark and Light Icon Box Styles */
.icon-box-1.rounded.dark i,
.icon-box-2.rounded.dark i,
.icon-box-3.rounded.dark i{
	background-color: #222;
}

.icon-box-1.rounded.light i,
.icon-box-2.rounded.light i,
.icon-box-3.rounded.light i{
	color: #333;
	background-color: #f2f2f2;
}

.icon-box-3.rounded {
	padding-left: 120px;
}

.icon-box-3.rounded i {
	width: 90px;
	height: 90px;
	font-size: 40px;
	line-height: 90px;
}

/* White colors */
body .white-text {color: #fff; }

.white-text .icon-box-1 p,
.white-text .icon-box-2 p,
.white-text .icon-box-3 p,
.white-text .icon-box-4 p { color: rgba(255,255,255,0.85); }

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text .icon-box-1 h4,
.white-text .icon-box-2 h4,
.white-text .icon-box-3 h4,
.white-text .icon-box-4 h4,
.white-text .icon-box-1 i,
.white-text .icon-box-2 i,
.white-text .icon-box-3 i,
.white-text .icon-box-4 i { color: #fff; }


@media (max-width: 1659px) {
	.icon-box-3.rounded { padding-left: 110px; }

	.icon-box-3.rounded i {
		width: 80px;
		height: 80px;
		font-size: 38px;
		line-height: 80px;
	}
}

/* ---------------------------------- */
/* Tables
------------------------------------- */
table.basic-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;

}

table.basic-table th {
	background-color: #66676b;
	text-align: left;
	color: #fff;
	vertical-align: top;
	font-weight: 500;
}


table.basic-table th:first-child { border-radius: 4px 0 0 4px; }
table.basic-table th:last-child { border-radius: 0 4px 4px 0; }


table.basic-table th,
table.basic-table td {
	padding: 15px 28px;
}

table.basic-table tr:nth-child(odd) {
	background-color: #f6f6f6
}

table.basic-table { margin-bottom: 0; }



/* ---------------------------------- */
/* List Styles
------------------------------------- */

.list-4,
.list-3,
.list-2,
.list-1 {
	padding: 3px 0 0 0;
	font-size: 16px;
}

.list-4 li,
.list-3 li,
.list-2 li,
.list-1 li {
	list-style: none;
	margin: 14px 0;
	line-height: 27px;
	margin-left: 22px;
	position: relative;
}

.list-1.alt li { margin: 12px 0; margin-left: 22px; }

.list-4 li:first-child,
.list-3 li:first-child,
.list-2 li:first-child,
.list-1 li:first-child {
	margin-top: 0;
}


.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
	font-family: "FontAwesome";
	margin: 0;
	position: relative;
	color: #66676b;
	float: left;
	margin-left: -22px;
	display: block;
}

.list-1.gray li:before {
	color: #777;
}

.list-4 li:before { content: "\f192"; font-size: 14px; top: 1px; }
.list-3 li:before { content: "\f058"; font-size: 15px; top: 1px; }
.list-2 li:before { content: "\f00c"; font-size: 14px; }
.list-1 li:before { content: "\f0c8"; font-size: 8px; }

.list-4 li { margin-left: 27px; }
.list-4 li:before { margin-left: -27px; }


/* Numbered Style */
.numbered ol {
	counter-reset: li;
	list-style: none;
	padding: 0;
	margin-left: 18px;
	display: inline-block;
	font-size: 16px;
}

.numbered ol li {
	display: inline-block;
	padding: 6px 0;
	width: 100%;
}

.numbered ol > li::before {
	content: counter(li);
	counter-increment: li;
	font-size: 16px;
	line-height: 33px;
	width: 36px;
	height: 36px;
	display: inline-block;
	border: 1px solid #333;
	border-radius: 50%;
	text-align: center;
	margin: 0;
	margin-left: 0;
	font-weight: 500;
	color: #333;
	position: relative;
	float: left;
	left: -18px;
	font-size: 15px;
	transform: translateY(-10%);
}

.numbered.color ol > li::before {
	border: 1px solid #66676b;
	color: #66676b;
}

.numbered.color.filled ol > li::before {
	border: 1px solid #66676b;
	color: #fff;
	background-color: #66676b;
}

mark.color {
    background-color: #66676b;
    border-radius: 4px;
}

mark { border-radius: 4px; }

.demo h1, .demo h2, .demo h3, .demo h4, .demo h5, .demo h6 {
    line-height: 40px;
}

/

/* ---------------------------------- */
/* Info Box
------------------------------------- */
.info-box {
	background-color: #fff;
	display: inline-block;
	width: 100%;
	border-radius: 3px;
	padding: 23px 27px;
	border-top: 2px solid #66676b;
	background: linear-gradient(to bottom, rgba(255,255,255,0.98), rgba(255,255,255,0.95));
	background-color: #66676b;
	color: #66676b;
}

.info-box.no-border {
	border: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0.96), rgba(255,255,255,0.93));
	background-color: #66676b;
}

.info-box h4 {
	margin: 0;
	font-size: 19px;
	color: #66676b;
	margin-bottom: 20px;
	margin-top: 0px;
}

.info-box p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 26px;
}

.info-box.large {
	padding: 36px;

}




/* ---------------------------------- */
/* Info Banner
------------------------------------- */
.info-banner {
	display: block;
	width: 100%;
	padding: 90px 0;
	color: #fff;
	margin: 0;
}

.info-banner-content {
	position: relative;
	z-index: 199;
}

.info-banner.centered { text-align: center; }

.info-banner-content a.button {
	margin: 0 20px -15px 20px;
	position: relative;
}

.flip-banner h1,
.flip-banner h2,
.flip-banner h3,
.flip-banner h4,
.flip-banner h5,
.flip-banner h6,
.flip-banner a,
.info-banner-content h1,
.info-banner-content h2,
.info-banner-content h3,
.info-banner-content h4,
.info-banner-content h5,
.info-banner-content h6,
.info-banner-content a,
.info-banner-content {
	color: #fff;
	display: inline-block;
	margin: 0;
	position: relative;
}


/* Styles for info banner with parallax */
.text-content {
	background: transparent;
	padding: 110px 0px;
	font-weight: 500;
	z-index: 999;
	position: relative;
}

.text-content.white-font {
	color: #fff;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
	color: #fff;
}

.text-content.white-font h1,
.text-content.white-font h2,
.text-content.white-font h3,
.text-content.white-font h4,
.text-content.white-font h5 {
	color: #fff;
}

.text-content a.button {
	padding: 10px 26px;
	font-size: 16px;
	font-weight: 600;
}

.text-content.white-font a.button:hover {
	background-color: #fff;
	color: #333;
}

.text-content a.button:before {
	display: none;
}

.text-content p {
	font-size: 18px;
	font-weight: 400;
	line-height: 34px; 
}

.text-content h2 { margin-bottom: 30px; line-height: 46px; font-size: 36px; font-weight: 500; }

.top-1 { position: relative; top: -1px; }
.top-0 { position: relative; }


/* ---------------------------------- */
/* Image Edge
------------------------------------- */
.image-edge {
	background-color: #f8f8f8;
	position: relative;
	overflow: hidden;
	margin: 35px 0 0 0;
	height: 50vw;
	max-height: 640px;
	overflow: hidden;
	padding: 0;
}

.image-edge #googlemaps,
.image-edge .google-map-container { height: 100%; }


.image-edge-content {
	padding: 0;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 50%;
	padding: 0 9%;
}

.image-edge.left .image-edge-content { padding-left: 6%; }

.image-edge-content h3.headline {
	width: 100%;
	display: block;
	margin-top: 0;
}

/* Photo */
.edge-bg {
	position: absolute;
	width: 50%;
	top: 0;
	right: 0px;
	height: 100%;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.edge-bg:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(34,34,34,0.1);
}


/* Left-photo version */
.image-edge.left .image-edge-content { left: 50%;}
.image-edge.left .edge-bg { left:0px; }

.image-edge.left .container {
	transform: translateX(54%);
	-webkit-transform: translateX(54%);
}


/* Styles for dark version  */
.image-edge.dark { background-color: #282828; color: #fff; }

.image-edge.dark h1,
.image-edge.dark h2,
.image-edge.dark h3,
.image-edge.dark h4,
.image-edge.dark h5 { color: #fff;}

.presentation-content h2,
.image-edge h2 {
	line-height: 56px;
	font-weight: 600;
	font-size: 40px;
	letter-spacing: -0.5px;
}

.presentation-content p,
.image-edge p { font-size: 20px; color: #828282; line-height: 34px;}
.image-edge.dark p { color: rgba(255,255,255,0.8);}


/* List */
.image-edge-content ul {
	list-style: none;
	padding: 0;
}

.image-edge-content ul li { margin-bottom: 30px; }
.image-edge-content ul li:last-child { margin-bottom: 0px; }

.image-edge-content h4 i {
	position: relative;
	top: -1px;
	margin-right: 2px;
}

@media (max-width: 767px) {
	.edge-bg {
		position: relative;
		height: 400px;
		width: 100%;
		display: block;
		left: 0;
		right: 0;
	}
}




/* ---------------------------------- */
/* Tabs
------------------------------------- */
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.tabs-nav li a i {
	padding-right: 5px;
	font-size: 16px;
	top: 1px;
	position: relative;
}

.tabs-nav li {
	float: left;
	line-height: 45px;
	padding: 0;
	margin-right: 4px;
	position: relative;
	z-index: 12;
}

.tabs-nav li a,
.tab-reviews {
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.tabs-nav li a {
	border-bottom: 1px solid transparent;
	color: #333;
	display: inline-block;
	outline: none;
	padding: 7px 15px;
	text-decoration: none;
	font-size: 15px;
	z-index: 11;
	position: relative;
	margin-bottom: -1px;
}

.tabs-nav li a:hover { border-color: #66676b; }

.tab-reviews { color: #aaa; }

.tabs-nav li.active .tab-reviews { color: #fff; }
.tabs-nav li a:hover,
.tabs-nav li.active a {
	border-color: #66676b;
	color: #66676b;
	z-index: 11;
}

.tab-content {
	padding: 28px 33px;
	position: relative;
	z-index: 10;
	display: inline-block;
	width: 100%;
}

.tabs-container {
	overflow: hidden;
	width: 100%;
}

.tab-content p:last-child { margin-bottom: 0; }


.style-2 .tabs-container { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 3px; }

/* Tabs Style 1 */
.style-1 .tabs-container .tab-content {
	border: none;
	border-top: 1px solid #e0e0e0;
	padding: 30px 0 0 0;
}

/* Taba Style 3 */
.style-3 .tabs-nav {
	text-align: center;
}

.style-3 .tabs-nav li {
	float: none;
	line-height: 32px;
	padding: 0;
	margin-right: 4px;
	position: relative;
	z-index: 12;
	display: inline-block;
	text-align: center;
}

.style-3 .tabs-nav li a {
	border: none;
	color: #333;
	display: inline-block;
	outline: none;
	padding: 7px 24px;
	text-decoration: none;
	font-size: 14px;
	z-index: 11;
	position: relative;
	margin-bottom: -1px;
	background-color: #fff;
	border-radius: 3px;
	font-size: 13px;
}

.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
	border-color: #66676b;
	background-color: #66676b;
	color: #fff;
	z-index: 11;
}

.style-3 .tabs-container .tab-content {
	border: none;
	padding: 30px 0 0 0;
}


/* Tabs Style 4 */
.style-4 .tabs-nav {
	width: 35%;
	display: table-cell;
}

.style-4 .tabs-container {
	width: 65%;
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}


.style-4 .tabs-container .tab-content {
	border: none;
	padding: 10px 0 0 0;
}


.style-4.tabs { display: table; }

.style-4 .tabs-nav li a {
	float: none;
	width: 90%;
	border: none;
	padding: 0;
	background-color: #fff;
	margin: 0 0 1px 0;
	border: none;
	padding: 9px 24px;
	line-height: 30px;
	border-radius: 3px;
}

.style-4 .tabs-nav li.active a {
	background-color: #66676b;
	color: #fff;
}

.style-4 .tabs-nav li {
	width: 100%;

}

/* Tabs Style 5 */
.style-5 .tabs-nav li {
	width: 33.33%;
}

.stytle-5 .tabs-container .widget-text {
	position: relative;
	top: 50px;
	transform: transitionY(-50%);
	display: inline-block;
}


.style-5 .tabs-nav {
	bottom: 5px;
	position: relative;
}

.style-5 .tabs-nav li a {
	border: none;
	background-color: #f2f2f2;
	color: #333;
	border-radius: 4px;
	padding: 0;
}

.style-5 .tabs-nav li.active a {
	background-color: #66676b;
	color: #fff;
}


.style-5 .tabs-container .tab-content {
	box-shadow: none;
	border: none;
	padding: 20px 0 0 0;
}

input[type=file]{height: auto; padding: 10px;}

.checkbox-block{margin-bottom: 15px;}


/* ---------------------------------- */
/* Add Listing
------------------------------------- */
.add-listing-section {
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	padding: 0 30px 25px 30px;
	margin-bottom: 25px;
}

.add-listing-headline {
	width: calc(100% + 60px);
	left: -30px;
	position: relative;
	padding: 15px 30px;
	margin: 0 0 30px 0;
	border-radius: 4px 4px 0 0;
	background-color: #fcfcfc;
	border-bottom: 1px solid #eaeaea;
}

.add-listing-headline h3 {
	padding: 0;
	margin: 0;
	line-height: 32px;
	font-size: 22px;
	position: relative;
	top: 1px;
}

#add-listing h5 {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 17px;
}

#add-listing h5 span {
	color: #888;
	font-weight: 400;
}

#add-listing h5 i {
	padding-right: 4px;
}

.add-listing-headline i {
	padding-right: 7px;
	display: inline-block;
	position: relative;
	top: 1px;
}

.button.preview {
	font-size: 18px;
	font-weight: 400;
	padding: 11px 26px;
	display: inline-block;
}

.button.preview i { padding: 0; margin: 0 0 0 4px;}

.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms input[type="text"],
.add-listing-section .row.with-forms input[type="password"],
.add-listing-section .row.with-forms input[type="email"],
.add-listing-section .row.with-forms input[type="number"],
.add-listing-section .row.with-forms textarea,
.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms select,
.add-listing-section .row.with-forms .chosen-container {
    margin-bottom: 22px;
}
.add-listing-section textarea { min-height: 200px; margin-bottom: 35px; }

#add-listing h5.fb-input { color: #3b5998; }
#add-listing h5.twitter-input { color: #1da1f2; }
#add-listing h5.gplus-input { color: #dd4b39; }


/* Tips */
.tip {
	font-style: normal;
	position: relative;
	top: -1px;
	left: 2px;
	display: inline-block;
	cursor: help;
	color: #fff;
	font-size: 11px;
	line-height: 0;
	width: 18px;
	height: 18px;
	background: #66676b;
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding: 0 !important;
	font-weight: 500;
}

.tip-content {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 20px));
	-ms-transform: translate(-50%, -100%);
	background: #333;
	color: #fff;
	padding: 13px 15px;
	min-width: 200px;
	max-width: 200px;
	font-size: 13px;
	border-radius: 4px;
	line-height: 19px;
    pointer-events: none;
    z-index: 999;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

.tip:hover .tip-content {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, calc(-100% - 13px));
	-ms-transform: translate(-50%, -115%);
}

.tip:after {
	font-family: "FontAwesome";
	content: "\f128";
	line-height: 19px;
	display: inline-block;
	position: relative;
	text-align: center;
	-moz-transform: translateY(-1px);
}

.tip-content:after {
	font-family: "FontAwesome";
	content:"\f0dd";
	position: absolute;
	bottom: 3px;
	left: 50%;
	font-size: 22px;
	color: #333;
	transform: translate(-50%,50%);
}

/* ---------------------------------- */
/* Opening Hours
------------------------------------- */
.opening-day { margin-bottom: 22px; }
.opening-day h5 { margin-top: 17px; transition: 0.15s; }
.opening-day:hover h5 { color: #66676b !important; }
.opening-day .chosen-container .chosen-results { max-height: 200px; }


/* ---------------------------------- */
/* Pricing
------------------------------------- */
#pricing-list-container {
	width: 100%;
	margin-top: 10px;
}

.pricing-list-item td {
	display: flex;
	width: 100%;
	margin-bottom: 5px;
}

.pricing-list-item td .fm-input,
.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
	flex: 1;
	position: relative;
}

.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
	max-width: 40px;
}

.pricing-list-item td .fm-move {
	cursor: move;
	line-height: 51px;
	color: #666;
	font-size: 17px;
}

.pricing-list-item td .fm-close { text-align: right; }

.pricing-list-item td .fm-close a {
	padding: 10px;
	padding-right: 0;
	color: #ea2828;
	display: inline-block;
}

.pricing-list-item td .fm-input { margin-right: 20px; }

.pricing-list-item td .fm-input.pricing-name { max-width: 350px; }

.pricing-list-item td .fm-input.pricing-price {
	max-width: 150px;
	margin-right: 0;
}

.pricing-submenu { display: block; padding-top: 20px; }
.pricing-submenu input { background-color: #fafafa; }
.pricing-submenu.pricing-list-item td .fm-input { margin-right: 0; }

#pricing-list-container tbody tr:first-child.pricing-list-item.pricing-submenu {
	padding-top: 0;
}


/* Data unit for price input */
.data-unit {
	position: absolute;
	top: 12px;
	right: 19px;
	font-style: normal;
	color: #aaa;
	z-index: 110;
	background-color: transparent;
	outline: 0;
	border: 0;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	pointer-events:none;
	background-color: #fff;
}


/* Add pricing Menu Button */
.add-pricing-submenu.button:before,
.add-pricing-list-item.button:before { display: none; }

.add-pricing-submenu.button,
.add-pricing-list-item.button {
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: #f0f0f0;
	color: #666;
	padding: 8px 22px;
	font-weight: 500;
}

.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover {
	color: #fff;
	background-color: #66676b;
}



.add-listing-section label.switch {
	position: absolute;
	right: 40px;
	top: 30px;
	z-index: 100;
}

.add-listing-section {
	position: relative;
}

.add-listing-section .switcher-content {
	opacity: 0.4;
	pointer-events: none;
	transition: 0.4s;
}

.add-listing-section.switcher-on .switcher-content {
	opacity: 1;
	pointer-events: all;
}

/*----------------------------------- */
/* Custom Checkboxes
------------------------------------- */
.checkboxes {
	list-style: none;
	padding: 0;
}

.checkboxes.in-row label { margin-top: 9px;}
.checkboxes.one-in-row label { margin-top: 9px; width: 100%; }

.checkboxes li { padding: 4px 0; }
.checkboxes li:last-child { margin-bottom: -8px; }

.checkboxes label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 20px;
	margin-bottom: 0;
	line-height: 24px;
	font-size: 16px;
}

.checkboxes label span {
	color: #909090;
}

.checkboxes input[type=checkbox] { display: none; }

.checkboxes label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 3px;
	background-color: #fff;
	border: 2px solid #d0d0d0;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.25s;
	font-family: "FontAwesome";
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 15px;
}

.checkboxes input[type=checkbox]:checked + label:before {
	content: "\f00c";
	background-color: #66676b;
	border: 2px solid #66676b;
}



/* ---------------------------------- */
/* Listing Item Layout Style
------------------------------------- */
.listing-item-container.list-layout {
	background: transparent;
	background-color: #f9f9f9;
	margin-bottom: 25px;
}

.listing-item-container.list-layout:hover {
	transform: translate3d(6px,0,0);
}

.listing-item-container.list-layout .listing-item {
	display: flex;
	background-color: transparent;
	height: 220px;
}

.listing-item-container.list-layout .listing-item:before {
	display: none;
}

.listing-item-container.list-layout .listing-item img {
	border-radius: 0;
}

.listing-item-container.list-layout .listing-item-content {
	flex: 5;
	position: relative;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	z-index: 50;
	box-sizing: border-box;
}

.listing-item-container.list-layout .listing-item-image {
	min-height: 200px;
	flex: 2;
	height: 100%;
	overflow: hidden;
	border-radius: 4px 0 0 4px;
	position: relative;
}

.listing-item-container.list-layout .listing-item-image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	display: block;
	background-color: #272729;
	opacity: 0.2;
}

.listing-item-container.list-layout span.like-icon {
	bottom: 50%;
	transform: translateY(50%);
	background-color: #eee;
	color: #9d9d9d;
	right: 35px;
}

.listing-item-container.list-layout span.like-icon.liked,
.listing-item-container.list-layout span.like-icon:hover {
	background-color: #f3103c;
	color: #fff;
}

.listing-item-container.list-layout .listing-item-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 35px;
	padding-right: 120px;
}

.listing-item-container.list-layout .listing-item-inner h3 { color: #333; }
.listing-item-container.list-layout .listing-item-inner span { color: #808080; }

.listing-item-container.list-layout .star-rating { padding: 8px 0 0 0; }
.listing-item-container.list-layout .numerical-rating { margin: 10px 0 5px 0; display: block; }


.listing-item-container.list-layout .listing-item-details {
    position: absolute;
    bottom: 25px;
   	right: 35px;
   	left: auto;
   	top: auto;
    padding: 0;
    width: auto;
    z-index: 50;
    color: #888;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
}


/* ---------------------------------- */
/* Listing Item
------------------------------------- */

.listing-item-container {
/*	background: linear-gradient(to top, #f4f4f4 0%, #f9f9f9 10%); */
	background-color: #f6f6f6;
	display: block;
	height: 100%;
	width: 100%;
	border-radius: 4px;
	transform: translate3d(0,0,0);
	transition: transform 0.3s;
	margin-bottom: 30px;
}

section.fullwidth .listing-item-container,
.fs-content .listing-item-container { 
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
	background-color: #fff;
	background: #fff;
}

section.fullwidth .listing-item-container.list-layout,
.fs-content .listing-item-container.list-layout { 
	box-shadow: none;
}

.listing-item-container:hover { transform: translate3d(0,-6px,0); }

.listing-item {
	background: #ccc;
	border-radius: 4px 4px 0 0;
	height: 100%;
	display: block;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 265px;
	z-index: 100;
	cursor: pointer;
}

.listing-item img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 4px 4px 0 0;
}


.listing-item:before {
	content: "";
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
	background: linear-gradient(to top, rgba(35,35,37,0.9) 0%, rgba(35,35,37,0.45) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
	background-color: rgba(35,35,37,0.2);
	border-radius: 4px 4px 0 0;
	opacity: 1;
}

.listing-item-content {
	position: absolute;
	bottom: 28px;
	left: 0;
	padding: 0 32px;
	padding-right: 90px;
	width: 100%;
	z-index: 50;
	box-sizing: border-box;
}

.listing-item-content h3 {
	color: #fff;
	font-size: 20px;
	bottom: -1px;
	position: relative;
	font-weight: 500;
	margin: 0;
	line-height: 31px;
}

.listing-item-content span {
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	color: rgba(255,255,255,0.7);
}

.listing-item-container.list-layout span.tag,
.listing-item-content span.tag {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 2.5px;
	font-weight: 60;
	background: rgba(255,255,255,0.3);
	border-radius: 50px;
	padding: 4px 16px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 9px;
}

.listing-item-container.list-layout span.tag {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #66676b;
	margin: 0;
	z-index: 10;
    line-height: 14px;
    padding: 7px 16px;
    margin-right: 20px;
    text-align: center;
}


/* Listing item details */
.listing-item-details {
	position: absolute;
	top: 24px;
	left: 0;
	padding: 0 32px;
	width: 100%;
	z-index: 50;
	color: #fff;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 15px;
}

.listing-item-details ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.listing-item-details ul li {
	display: inline-block;
	margin-right: 6px;
	line-height: 20px;
}

.listing-item-details ul li i {
	display: inline-block;
	margin: 0 3px 0 0;
	position: relative;
	top: 0px;
	font-size: 14px;
}


/* Listing Item Alternative Version*/
.listing-item-container.compact .listing-item { border-radius: 4px; }
.listing-item-container.compact .star-rating { padding: 5px 0 0 0; }

.listing-item-container.compact .rating-counter {
	color: rgba(255,255,255,0.7);
}

.listing-item-container.compact .star-rating .star.empty:before,
.listing-item-container.compact .star-rating .star.half:before { color: rgba(255,255,255,0.3); }

.listing-item-container.compact .listing-item-content span.tag { background-color: #66676b; }

/* Number rating*/
.numerical-rating {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	text-align: center;
	line-height: 26px;
	height: 26px;
	width: 44px;
	display: inline-block;
	font-family: "Open Sans";
	position: relative;
	border-radius: 50px;
	letter-spacing: -0.5px;
	background-color: rgba(255,255,255,0.2);
	margin: 15px 32px;
}

.compact .numerical-rating { margin: 0 0 8px 0; }

.numerical-rating:before {	content: attr(data-rating); }

.numerical-rating.high { background-color: #64bc36; }
.numerical-rating.mid { background-color: #c0c52a; }
.numerical-rating.low { background-color: #ee3535; }

.infoBox .numerical-rating .rating-counter,
.numerical-rating .rating-counter {
	position: absolute;
	top: 0;
	left: 14px;
	width: auto;
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	width: 150px;
	color: #909090;
}

.infoBox .numerical-rating .rating-counter { left: 12px; }

.infoBox .numerical-rating {
	margin: 0;
	font-family: "Open Sans";
}


/* Star Rating */
.star-rating { display: block; font-size: 17px; }

.listing-item-container .star-rating {
	padding: 15px 32px;
}

.star-rating .star {
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 4px;
	position: relative;
}

.rating-counter {
	color: #909090;
	padding-left: 5px;
	display: inline-block;
	font-size: 15px;
}

.star-rating .rating-counter {
	top: -1px;
	position: relative;
}

.infoBox .star-rating .rating-counter {
	font-size: 15px;
	top: -2px;
}

.star-rating .star.half:after,
.star-rating .star:before {
	font-family: "FontAwesome";
	content: "\f005";
	display: block;
	color: #ffc600;
}

.star-rating .star.empty:before { color: #ddd; }

.rating:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.star-rating .star.half:before { color: #ddd; }
.star-rating .star.half:after {
	color: #ffc600;
	position: absolute;
	top:0;
	width: 50%;
	display: block;
	height: 100%;
	overflow: hidden;
}


/* Like Icon */
span.like-icon {
	color: #fff;
	font-size: 19px;
	position: absolute;
	z-index: 101;
	right: 30px;
	bottom: 30px;
	cursor: normal;
	background-color: rgba(24,24,24,0.4);
	display: block;
	height: 44px;
	width: 44px;
	border-radius: 50%;
	transition: all 0.4s;
}

.like-icon:before,
.like-icon:after {
	transition: opacity 0.3s, transform 0.4s cubic-bezier(.0,-.41,.19,2.5);
	font-family: "FontAwesome";
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	top: 9px;
}

.like-icon:before {
	content: "\f08a";
	transform: scale(0.95);
}

.like-icon:after {
	content: "\f004";
	opacity: 0;
	transform: scale(0.5);
}

.like-icon.liked:after {
	opacity: 1;
	transform: scale(0.95);
}

.like-icon:hover,
.like-icon.liked {
	background-color: #f3103c;
}

.like-icon.liked:before{
	opacity: 0;
}

/* Badges */
.listing-item { overflow: hidden; }

.listing-badge {
	background-color: #333;
	float: left;
	position: absolute;
	transform: rotate(45deg);
	right: -64px;
	top: 22px;
	text-align: center;
	width: 200px;
	font-size: 12.5px;
	margin: 0;
	z-index: 999;
	color: #fff;
	font-weight: 500;
	line-height: 28px;
}


.listing-badge.now-open {
	background-color: #54ba1d;
}

.listing-badge.now-closed {
	background-color: #e91721;
}


/* ---------------------------------- */
/* Small Category Boxes
------------------------------------- */
.categories-boxes-container {
	width: calc(100% + 20px);
	left: -20px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.category-small-box { 
	float: left;
	background-color: #f2f2f2;
	border-radius: 4px;
	margin: 20px 0 0 20px;
	padding: 22px 20px;
	text-align: center;
	color: #777;
	transition: 0.4s;
	transform: scale(1);
	vertical-align: top;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Hover Animation */
.category-small-box:hover {
	background-color: #66676b;
	color: #fff;
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.1);
}

.category-small-box:hover h4 {
	font-size: 17px;
}

.category-small-box h4 {
	font-size: 16px;
	color: #333;
	transition: 0.4s;
	line-height: 22px;
	margin-top: 8px;
}

.category-small-box i {
	font-size: 42px;
	height: 40px;
	display: inline-block;
	margin-top: 20px;
}

.category-small-box:hover h4 { color: #fff; }


/* Media Queries For Small Category Boxes */
@media (max-width: 768px) {
	.category-small-box { width: calc(100% * (1/2) - 20px); }
}
@media (min-width: 768px) {
	.category-small-box { width: calc(100% * (1/3) - 20px); }
}
@media (min-width: 992px) {
	.category-small-box { width: calc(100% * (1/3) - 20px); }
}
@media (min-width: 1240px) {
	.category-small-box { width: calc(100% * (1/6) - 20px); }
}



/* ---------------------------------- */
/* Titlebar
------------------------------------- */
#titlebar {
	background-color: #f8f8f8;
	position: relative;
	padding: 70px 0;
	margin-bottom: 65px;
}

#titlebar.gradient {
	background: linear-gradient(to bottom, #f7f7f7 0%, rgba(255,255,255,0.5));
	padding-bottom: 10px;
}

#titlebar span a,
#titlebar span {
	font-size: 20px;
	color: #888;
	margin-bottom: 3px;
	margin-top: 6px;
	display: inline-block;
}

#titlebar #breadcrumbs span {
	font-size: 13px
}

#titlebar h1,
#titlebar h2 {
	font-size: 32px;
	line-height: 40px;
	margin: 1px 0 3px 0;
}

/* Breadcrumbs */
#breadcrumbs {
	position: absolute;
	right: 15px;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	color: #888;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#breadcrumbs ul { margin: 0; }

#breadcrumbs ul li a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #888;
}

#breadcrumbs ul li a:hover { color: #666 }

#breadcrumbs ul li {
	display: inline-block;
	list-style: none;
	margin: 0 0 0 10px;
}

#breadcrumbs ul li:first-child:before { display: none; }

#breadcrumbs ul li:before {
	content: "\f105";
	font-family: "FontAwesome";
	color: #a0a0a0;
	font-size: 14px;
	margin-right: 15px;
}

#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li a,
#titlebar.photo-bg #breadcrumbs ul li:before { color: #fff; }



/* ------------------------------------------------------------------- */
/*  04. Dashboard
---------------------------------------------------------------------- */
#dashboard {
	background-color: #f7f7f7;
	display: flex;
	flex-wrap: wrap;
	padding-top:30px;
}

/* Flexbox Adjustments */
.dashboard-content,
.dashboard-nav { flex: 1; }

.dashboard-content {
	padding: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 10;
	height: 100%;
}


/* Navigation Scrolling */

.messages-container-inner .messages-inbox ul::-webkit-scrollbar { width: 17px; }

@media (max-width: 991px) {
	.dashboard-nav-inner {
	    max-height: 900px;
	    width: calc(100% + 18px);
	}
}
/* Navigation Scrolling - End */



/* Dashboard Footer */
#dashboard .copyrights {
	padding: 15px 0;
	margin:30px 0 0 ;
	display: block;
	text-align: center;
	border-top:1px solid #ccc;
	background-color: #fff;
}

.dashboard #logo a { display: none; }
.dashboard #logo a.dashboard-logo { display: inline-block;}
.dashboard #logo a.dashboard-logo h2{color: #fe8800; padding-top: 4px;}

.dashboard-nav-inner {
    background: #333;
    /*height: 100%;*/
    display: inline-block;
    width: 100%;
    max-height: 100%!important;
}

/* ---------------------------------- */
/* Dashboard Navigation profile
------------------------------------- */

.profile-sec{
	padding:25px 15px 2px;
	background: #333;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.profile-sec .dash-content{padding-bottom: 10px;} 

.profile-sec h3{
	color: #fff;
	margin: 0 0;
}


.profile-sec span{
	font-style: italic;
	color: #f1f1f1;
}

.profile-sec .dash-image {
    border-radius: 50%;
    height: 80px;
    width: 80px;
    overflow: hidden;
    display: inline-block;
    border: 3px solid rgba(255, 255, 255, 0.32);
}

/* ---------------------------------- */
/* Dashboard Navigation
------------------------------------- */
.dashboard-nav {
	background-color: #333;
	display: block;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.12);
	z-index: 11;
}

a.dashboard-responsive-nav-trigger { display: none; }

.dashboard-nav ul {
	list-style: none;
	padding: 0;
}

/* 1st Level */
.dashboard-nav ul li {
	color: #fff;
	display: block;
	border-bottom: 1px solid #11111147;
	transition: 0.3s;
	line-height: 24px;
	font-size: 15px;
}

.dashboard-nav ul li a {
	color: #fff;
	display: block;
	padding: 11px 27px;
	transition: 0.3s;
	cursor: pointer;
}

.dashboard-nav ul li a i {
	padding-right: 8px;
	width: 20px;
}

.dashboard-nav ul li a:hover { color: #fff; } 


/* Nav Tag */
.dashboard-nav ul li span.nav-tag {
	background-color: rgba(255,255,255,0.2);
	font-family: "Open Sans";
	font-weight: 600;
	display: inline-block;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
	padding: 0;
	padding: 0 7px;
	box-sizing: border-box;
	text-align: center;
	min-width: 20px;
	height: 20px;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 50px;
	margin-left: 4px;
}

.dashboard-nav ul li span.nav-tag.messages {top: -2px; position: relative; }
.dashboard-nav ul li span.nav-tag.messages,
.dashboard-nav ul li span.nav-tag.green { background-color: #64bc36; }
.dashboard-nav ul li span.nav-tag.yellow { background-color: #b9be1c; }
.dashboard-nav ul li span.nav-tag.red { background-color: #ee3535; }


/* Dropdown Styles */
.dashboard-nav ul li ul {
	padding: 0;
	margin: 0;
	visibility: hidden;
	max-height: 0;
	opacity: 0;
	line-height: 0;
	transition: 0.2s;
}

.dashboard-nav ul li.active ul {
	visibility: visible;
	padding: 0 0 15px 0;
	line-height: 24px;
	opacity: 1;
	max-height: 300px;
}

.dashboard-nav ul li ul li {
	color: #eee;
	background-color: transparent;
	border: none;
	padding-left: 54px;
	position: relative;
	margin: 0;
}

.dashboard-nav ul li ul li a { padding: 7px 0; }

.dashboard-nav ul li ul li:hover {
	color: #fff;
	border: none;
	background-color: transparent;
}

/* Indicator Arrow */
.dashboard-nav ul li a:after {
	font-family: "FontAwesome";
	content: '\f107';
	right: 27px;
	font-size: 16px;
	position: absolute;
	transition: 0.2s;
	color: rgba(255,255,255,0.5);
}


.dashboard-nav ul li.active a:after { transform: rotate(180deg); }
 
.dashboard-nav ul li ul:before,
.dashboard-nav ul li a:only-child:after { content: ''; display: none; } 

/* Hover State */
.dashboard-nav ul li ul li:hover a { padding-left: 4px; }

.dashboard-nav ul li.active,
.dashboard-nav ul li:hover {
	color: #fff;
	background-color: #0000004d;
}





/* ---------------------------------- */
/* Dashboard Titlebar
------------------------------------- */
#dashboard #titlebar {
    padding: 5px 0px;
    margin: 0 0 20px 0;
    display: block;
    background: transparent;
    border-bottom: 1px solid #eaeaea;
}

#dashboard #titlebar h2 {
	font-size: 28px;
	line-height: 38px;
}


/* ---------------------------------- */
/* Dashboard Stats Boxes
------------------------------------- */
.dashboard-stat {
	display: inline-block;
	padding: 0;
	height: 160px;
	background-color: #444;
	color: #fff;
	border-radius: 4px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	transition: 0.3s;
	cursor: default;
}

.dashboard-stat:hover { transform: translateY(-4px); }

.dashboard-stat-content {
	position: absolute;
	left: 32px;
	top: 50%;
	width: 45%;
	transform: translateY(-50%);
}

.dashboard-stat-content h4 {
	font-size: 42px;
	font-weight: 600;
	padding: 0;
	margin: 0;
	color: #fff;
	font-family: "Open Sans";
	letter-spacing: -1px;
}

.dashboard-stat-content span {
	font-size: 18px;
	margin-top: 4px;
	line-height: 24px;
	font-weight: 300;
	display: inline-block;
}

.dashboard-stat-icon {
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-40%);
	font-size: 80px;
	opacity: 0.3;
}

a.canvasjs-chart-credit{display: none;}

.traffic {
    margin-bottom: 25px;
}



/* Colors */
.dashboard-stat.color-1 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));
	background-color: #64bc36;
}

.dashboard-stat.color-2 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #363841;
}

.dashboard-stat.color-3 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.3));
	background-color: #ffae00; 
}

.dashboard-stat.color-4 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #f3103c;
}


/* ---------------------------------- */
/* Dashboard Pagination
------------------------------------- */
#dashboard .pagination ul li a, 
#dashboard .pagination-next-prev ul li a {
    background-color: transparent;
}

#dashboard .pagination ul li a.current-page,
#dashboard .pagination .current,
#dashboard .pagination ul li a:hover,
#dashboard .pagination-next-prev ul li a:hover {
    background-color: #fff;
}



/* ---------------------------------- */
/* Dashboard List Box
------------------------------------- */
.dashboard-list-box, .dashboard-wrapper{
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	border-radius: 4px;
}

.dashboard-wrapper{margin: 0; background: #fff; padding: 15px;}

/* Button */
.dashboard-list-box .button {
	padding: 6px 15px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
	margin: 0;
}

.dashboard-list-box .button.gray:before { display: none; }
.dashboard-list-box .button.gray {
	background-color: #e9e9e9;
	color: #666;
	transition: all 0.3s ease-in-out;
}

.dashboard-list-box .button.gray:hover {
	background-color: #66676b;
	color: #fff;
	border-color: #e9e9e9;
	transition: all 0.3s ease-in-out;
}

.dashboard-list-box h4 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 25px 25px;
	color: #333;
	background-color: #fff;
	display: block;
	border-bottom: 1px solid #eaeaea;
	border-radius: 4px 4px 0 0;
}

.dashboard-list-box h4.gray {
	background-color: #fbfbfb
}

.dashboard-list-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}

.dashboard-list-box ul li {
	padding: 23px 30px;
	border-bottom: 1px solid #eaeaea;
	transition: 0.3s;
	position: relative;
}


.dashboard-list-box.with-icons ul li { padding-left: 87px; }

.dashboard-list-box ul li:last-child { border: none; }

.dashboard-list-box ul li:hover { background-color: #fbfbfb; }
.dashboard-list-box .numerical-rating { margin: 0 3px; }

.dashboard-list-box ul li i.list-box-icon {
	height: 38px;
	width: 38px;
	color: #777;
	text-align: center;
	line-height: 37px;
	border-radius: 50%;
	transition: 0.3s;
	display: inline-block;
	background-color: #eee;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
}

.dashboard-list-box ul li:hover i.list-box-icon { background-color: #eaeaea; }


/* Static Content */
.dashboard-list-box-static {
	padding: 30px;
	background-color: #fff;
}

.dashboard-list-box-static .button, .button.preview {
	padding: 11px 26px;
	font-size: 16px;
	margin-bottom: 3px;
	background: #fe9317;
}


/* Close List Item */
a.close-list-item {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	opacity: 0;
	padding: 4px;
	color: #ea2828;
	transition: 0.3s;
}

.dashboard-list-box ul li:hover a.close-list-item { opacity: 1; }
 

/* Reset for child ul  */
.dashboard-list-box ul ul { background-color: transparent; }

.dashboard-list-box ul ul li:nth-last-child(2n+1) { background-color: transparent; }
.dashboard-list-box ul ul li {
	padding: 0;
	border: none;
	transition: 0.3s;
	background-color: transparent;
	display: inline-block;
}

.dashboard-list-box ul ul li:hover { background-color: transparent; }

/* Sorting */
.dashboard-list-box .sort-by {
	top: 16px;
	right: 26px;
}

.dashboard-list-box .sort-by .chosen-container-single .chosen-single { background-color: transparent; padding: 0 4px; }
.dashboard-list-box .chosen-container .chosen-results li { border: none; }


/* Invoices
------------------------------------- */
.dashboard-list-box.invoices li { padding: 20px 30px; }
.dashboard-list-box.invoices ul li strong { color: #333; }

.dashboard-list-box.invoices ul ul {
	line-height: 22px;
	padding-bottom: 2px;
	color: #909090;
}

.dashboard-list-box.invoices ul ul li { padding: 0; }

.dashboard-list-box.invoices ul ul li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #e0e0e0;
	position: relative;
	margin: 0 10px;
}

.dashboard-list-box.invoices ul ul li:last-child:after { display: none; }

.paid { color: #64bc36; }
.unpaid { color: #ee3535; }

/* Button to right */
.buttons-to-right,
.dashboard-list-box .button.to-right {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translate3d(0,-49%,0);
	-moz-transform: translate3d(0,-50%,0);
	opacity: 0;
	transition: 0.4s;
	box-shadow: 0px 0px 10px 15px #fbfbfb; 
}


.dashboard-list-box li:hover .buttons-to-right,
.dashboard-list-box li:hover .button.to-right { opacity: 1; }

.buttons-to-right { box-shadow: none; }
.buttons-to-right .button { margin-left: 2px; }

.dashboard-list-box .button i { padding-right: 2px; position: relative; top: 1px; }
.dashboard-list-box .button i.fa-remove { padding-right: 1px; }



/* My Profile Page
------------------------------------- */
.edit-profile-photo img {
	border-radius: 4px;
	max-width: 180px;
	width: 100%;
}

.edit-profile-photo {
	position: relative;
	display: block;
	margin-bottom: 35px;
}

.change-photo-btn {
	font-weight: 600;
	padding: 5px 6px;
	color: #333;
	background-color: #fff;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	font-size: 13px;
	width: auto;
	transition: 0.3s;
	cursor: pointer;
	line-height: 20px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: auto;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
	cursor: pointer;
}

.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.change-photo-btn:hover {
	color: #fff;
	background-color: #66676b; 
}

.change-photo-btn i { margin-right: 2px; }

.my-profile label {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 9px;
}

.my-profile { display: block; }

.my-profile label i { margin-right: 3px; }

.my-profile textarea {
	height: 200px; }


/* List Box Listings
------------------------------------- */

.dashboard-list-box.dash-list{
	box-shadow: none;
}

.dashboard-list-box.dash-list .col-sm-4{
	margin-bottom: 30px;
}

.dashboard-list-box.dash-list .list-box-listing {
	background: #fff;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	border-bottom: 3px solid #999;
	transition: all ease-in-out 0.3s;
}

.dashboard-list-box.dash-list .list-box-listing:hover {
    border-color: #fe8800;
    transition: all ease-in-out 0.3s;
}

.dashboard-list-box.dash-list .list-box-listing-img{max-width: inherit;}

.dashboard-list-box.dash-list  .list-box-listing-img a:before {border-radius: 0px;}


/* Image */

.list-box-listing-img {
	flex: 1;
	max-width: 150px;
	position: relative;
}


.list-box-listing-img a {
	width: 100%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 10;
}


.list-box-listing-img a:before {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(22,22,22,0.2);
	border-radius: 4px;
	z-index: 11;
}

.list-box-listing-img a img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

/* Content */
.list-box-listing-content {
	padding: 0px 15px 15px;
}

.list-box-listing-content a h3{transition: all ease-in-out 0.3s;}

.list-box-listing-content a:hover h3{color: #fe8800; transition: all ease-in-out 0.3s;}

.list-box-listing-content .inner h3 {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}

.list-box-listing-content .inner span {
	font-size: 15px;
	font-weight: 300;
	display: inline-block;
}


.list-box-listing-content .inner .numerical-rating,
.list-box-listing-content .inner .star-rating {
	margin: 5px 0 0 0;
	display: block;
}

.list-box-listing-content .inner p{font-size: 15px; line-height: 1.5; padding-top: 5px;}

.list-box-listing-content a.gray{margin-top: 15px;}

.dashboard-list-box.dash-wish .list-box-listing {
    background: #fff;
    padding:15px 15px 0;
    border-radius: 5px;
}

.dashboard-list-box.dash-wish .list-box-listing-img, .dashboard-list-box.dash-wish  .list-box-listing-content{
	display: inline-block;
	max-width: 100%;
}

.dashboard-list-box.dash-wish .list-box-listing-img{
	line-height: 0px;
}

.dashboard-list-box.dash-wish  .list-box-listing-content{padding: 0px;}

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

.dashboard-list-box.dash-wish .line4{margin-top: 0px;}

.dashboard-list-box.dash-wish .button.gray{margin-top: 28px;}


/* Dashbaord add tours
------------------------------------- */

.dash-add-btn{margin-top: 15px;}

.dashboard-wrapper.dash-add .edit-profile-photo{margin-bottom: 0px;}

.dashboard-wrapper.dash-add .edit-profile-photo img{max-width: 100%;}

.trip-detail{margin-top: 15px;}

/* Dashbaord Reviews
------------------------------------- */
.dashboard-list-box .comments.listing-reviews li {
	margin: 19px 0 10px 0;
}

.dashboard-list-box  a.rate-review {
    border: none;
    color: #666;
    background-color: #eee;
    padding: 4px 18px;
}

.dashboard-list-box  a.rate-review:hover {
    background-color: #66676b;
    color: #fff;
}

.dashboard-list-box .comment-by-listing {
	display: inline-block;
	color: #888;
}

.dashboard-list-box .comment-by-listing.own-comment,
.dashboard-list-box .comment-by-listing.own-comment a { color: #444; }

.dashboard-list-box .comment-by-listing a { color: #888; }
.dashboard-list-box .comment-by-listing a:hover { color: #66676b; }


/* ------------------------------------------------------------------- */
/*  05. History
---------------------------------------------------------------------- */
.history {
    background: #fff;
    padding: 15px;
}

.line4 {
    background: #e8e8e8;
    height: 1px;
    margin: 17px 0 15px 0;
    padding: 0;
    display: block;
}

.bold {
    font-weight: 700;
}


.textright {
    text-align: right;
}

.history .dropdown-menu{padding: 0; left: inherit; right: 0; border-radius: 4px;}

.history a.dropdown-item {
    display: block;
    color: #999;
    padding:5px 10px;
    border-bottom: 1px solid #f7f7f7;
}

.history a.dropdown-item:last-child{border: none;}

.history a.dropdown-item:hover{background: #ccc; color: #fff;} 

.history a.dropdown-item.del {color:#F44336;}

@media(max-width: 767px){
	.history .textright{text-align: left;}

	.dashboard-list-box .button.gray{margin-top: 6px: }
}

/* ------------------------------------------------------------------- */
/*  05. Others
---------------------------------------------------------------------- */

	/* ---------------------------------- */
	/* Common Styles
	------------------------------------- */

	body {
		color: #707070;
		font-size: 15px;
		line-height: 27px;
		background-color: #fff;
	}

	body p { font-size: 16px; line-height: 29px; }

	#wrapper { background-color: #fff; }

	/* Main Font */
	body, h1, h2, h3, h4, h5, h6,  input[type="text"], input[type="password"], input[type="email"],
	textarea, select, input[type="button"], input[type="submit"], button, #tiptip_content, .map-box p, .map-box div,
	.numerical-rating .rating-counter, body .menu-responsive i.menu-trigger:after
	{ text-transform: none; }


	/* Headlines */
	h1, h2, h3, h4, h5, h6 {
	  color: #222;
	}

	h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	  color: #fff;
	}

	h3.headline {
		font-size: 30px;
		line-height: 37px;
		margin: 0 0 30px 0;
	}

	h2.headline {
		font-size: 34px;
		line-height: 40px;
		margin: 0 0 30px 0;
	}

	h2.headline span {
		font-size: 23px;
		line-height: 37px;
	}

	.headline span {
		font-size: 22px;
		line-height: 36px;
		margin-top: 10px;
		color: #888;
		font-weight: 300;
		display: block;
	}

	.headline span i {
		color: #66676b;
		font-style: normal;
	}

	h4.headline {
		font-size: 22px;
		line-height: 32px;
		margin: -5px 0 30px 0;
	}

	.headline.centered { text-align: center; }

	.border-top { border-top: 1px solid #e8e8e8; }
	.icons-container { overflow: hidden; }

	mark { font-weight: 500; }

	/* Icons Demo Styles */
	.glyph {
		font-size: 16px;
		width: 33%;
		display: inline-block;
		transition: 0.3s;
	}

	h4 span.headline-detail { font-size: 15px; margin-top: 5px;}

	.mls {
		font-size: 16px;
		top: -8px;
		display: inline-block;
		position: relative;
	}

	.fs1 { font-size: 32px; }

	.pbs .im { width: 50px; display: inline-block;}

	.unit,
	.unitRight,
	.fs0 { display: none; }

	.pbs { 
		padding: 10px 0 5px 15px;
		border-radius: 4px;
		width: 100%;
		display: inline-block;
		transition: 0.2s;
	}

	.pbs:hover { background-color: #f4f4f4; }
	.sl-icons-demo i { width: 25px;
		display: inline-block; 
		top: 1px;
		position: relative;
	}

	.icons .fa.fa-fw { margin-right: 3px; font-size: 14px; }
	.icons .text-muted { display: none; }


	
/* ------------------------------------------------------------------- */
/* 06. Media Queries
---------------------------------------------------------------------- */

/* Large devices and browsers */
@media (max-width: 1600px) {
	.category-box-btn {
		left: 32px;
		right: auto;
	}

	.category-box-content { bottom: 95px; }

	.category-box-container.half { height: 100%; }
	.fw-carousel-item .category-box-container.half:first-child { display: none; }
	.fullwidth-slick-carousel.category-carousel .slick-slide { height: 350px; }

	.dashboard-stat-icon { font-size: 66px; }
}


/* Laptops */
@media only screen and (max-width: 1366px) and (min-width: 1240px)  {
	.input-with-icon.location a i { padding: 15px 18px 15px 10px; }

	.data-radius-title {
	    margin-top: 7px;
	    line-height: 24px;
	}

	#map-container.fullwidth-home-map { height: 605px; }

	.fs-content .search .row.with-forms .col-fs-6 { width: 50%; }
}


/* Smaller than laptops */
@media (max-width: 1366px) {

	.fullwidth-slick-carousel.category-carousel .slick-slide { height: 320px; }
	.dashboard-stat-icon { font-size: 50px; }
	.main-search-container { height: 600px; }
}


/* Small devices and browsers */
@media only screen and (max-width: 1365px) {

	header.fullwidth.dashboard .container { 
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding: 0 40px;
		width: 100%;
	 }


	.user-menu {  margin: 0 25px 0 25px; }

	.user-menu ul {
		left: -25px;
		right: auto;
	}

}


/* Smaller than standard 1180 (devices and browsers) */
@media (max-width: 1239px) {

	#navigation.style-1 {
		margin: 25px 0 5px -5px;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 0;
		position: relative;
	}

	#navigation.style-1:before {
		position: absolute;
		width: 100%;
		height: 1px;
		display: block;
		top:0;
		left: 5px;
		content: "";
		background: #e8e8e8;
		width: 940px;
	}

	.fullwidth #navigation.style-1:before { background: linear-gradient(to right, #e8e8e8 50%, #fff); }

	.listing-item-container.list-layout .listing-item-image {flex: 3;}

	.listing-slider, .listing-slider .item {
	    height: 30vh;
	    min-height: 400px;
	    max-height: 400px;
	}
	#header.cloned { display: none; }
}


/* Reset for menu */
@media (max-width: 1024px) {
	#navigation.style-1 { margin: 0; padding-top: 0; }
	#navigation.style-1:before { display: none; }
	.header-widget { margin-bottom: 8px; }
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (max-width: 991px) {

	.main-search-container { height: 620px; }

	.main-search-input select,
	.main-search-input select:focus {
		font-size: 16px;
		border: 1px solid #e0e0e0;
		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
		background: #fff;
		height: 55px;
		padding: 12px 18px;
		border-radius: 4px;
	}

		#header{background: #333;}

	.dashboard #logo {
	    background: transparent;
	    margin: 0;
	    padding-top: 10px;
	    top: inherit;
	    width: 100%;
	    text-align: center;
	    display: inherit;
	    position: inherit;
	    left: inherit;
	    max-width: inherit;
	    min-width: inherit;
	}

	.dashboard #logo a img{transform: none; max-height:inherit; width: auto;}
	.breadcrumb-wrapper.dash-bread{margin-top: 0;}

	#dashboard { padding-top: 0 !important; }

	#dashboard .col-sm-9, #dashboard .col-sm-3, #dashboard .col-lg-12.col-sm-12{width: 100%; padding: 0;}

	 #dashboard .col-lg-12.col-sm-12{padding: 0 5px;}

	/* Dashboard Nav */
	.dashboard-nav {
		margin: 0 29px;
		border-radius: 0 0 4px 4px;
		position: relative;
		min-height: auto;
		opacity: 1;
		visibility: hidden;
		max-height: 0;
		padding: 0;
		transition: all 0.3s;
	}

	.dashboard-nav.active ul,
	.dashboard-nav.active {
		opacity: 1;
		visibility: visible;
		max-height: 900px;
	}
	
	.dashboard-nav ul,
	.dashboard-nav.active ul li ul,
	.dashboard-nav ul li ul {
	    visibility: hidden;
	    opacity: 0;
	    max-height: 0;
	    transition: all 0.3s;
	}
	
	.dashboard-nav.active ul li.active ul {
	    visibility: visible;
	    opacity: 1;
	    max-height: 300px;
	}

	#header-container.fixed {
	    position: relative;
	    top: 0;
	    width: 100%;
	}

	.dashboard-content {
	    padding: 40px 5%;
	    padding-bottom: 0;
	    height: auto;
	    margin-left: 0px;
	}

	header.fullwidth.dashboard .container {  padding: 0 5%; }
	.main-search-inner { transform: translate(0, -51%); }
	
	/* Trigger */
	a.dashboard-responsive-nav-trigger {
		width: 90%;
		margin: 0 5%;
		margin-top: 40px;
		background-color: #333;
		border-radius: 5px;
		color: #fff;
		padding: 16px 30px;
		font-weight: 600;
		transition: 0.2s;
		display: block;
	}

	a.dashboard-responsive-nav-trigger i {
		margin-right: 5px;
	}

	a.dashboard-responsive-nav-trigger.active {
		border-radius: 4px 4px 0 0;
	}

	.messages-container-inner { display: block;}

	.messages-container-inner .messages-inbox {
	    max-width: 100%;
	    width: 100%;
	    border-right: none;
	    display: none;
	}

	/* Dashboard Nav - END */


	.main-search-input {
	    border-radius: 0;
	    display: block;
	    padding: 0;
	    max-height: 100%;
	    background-color: transparent;
	    box-shadow: none;
	}

	.gray-style.main-search-input { background-color: transparent; }

	.gray-style .main-search-input-item,
	.main-search-input-item {
   		border-color: transparent;
	}

	.main-search-input button.button { margin-top: 10px; }
	.main-search-input-item { margin-bottom: 10px; }

	.main-search-input-item,
	.main-search-input .main-search-input-item:nth-last-child(2) {
	    padding: 0;
	}

	.main-search-input-item .chosen-container-single .chosen-single,
	.main-search-input-item .chosen-single.chosen-container-active,
	.gray-style .main-search-input-item .chosen-container-single .chosen-single,
	.gray-style .main-search-input-item .chosen-single.chosen-container-active,
	.gray-style.main-search-input input,
	.gray-style.main-search-input input:focus,
	.main-search-input input,
	.main-search-input input:focus {
		padding: 0 20px;
		height: 55px;
		line-height: 55px;
		border-radius: 4px;
		background: #fff;
		border: 1px solid #e0e0e0;
		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
	}

	.gray-style.main-search-input input,
	.gray-style.main-search-input input:focus,
	.main-search-input input,
	.main-search-input input:focus {
		padding: 0 20px;
	}

	.gray-style .main-search-input-item.location a { background: #fff; }

	.gray-style .main-search-input-item .chosen-single {
    	border-bottom: 1px solid #e0e0e0;
    	transition: border 0s;
	}

	.main-search-input-item .chosen-container-single .chosen-single,
	.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
		border: 1px solid #e0e0e0;
		box-shadow: none;
		transition:  0s;
 	}

	.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
		border-bottom: 0;
 	}

	.main-search-input-item .chosen-container .chosen-drop {
		border: 1px solid #e0e0e0;
		border-top: 0;
		border-radius: 0 0 4px 4px;
		box-shadow: none;
	}

	.gray-style .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
		border-bottom: none;
	}

	.main-search-input-item .chosen-single::after { display: none; }

	.simple-slick-carousel.slick-dotted.slick-slider { margin-bottom: 0; width: 100%; left: 0; }

	.icon-box-2.with-line::before { display: none; }

	.container .row div.padding-right-30 { padding-right: 15px !important; }


	.listing-item-container.list-layout:hover { transform: none; }
	.listing-item-container.list-layout .listing-item-inner {
		position: relative;
		top: auto;
		transform: none;
		padding: 30px;
		left: 0;
	}

	.listing-item-container.list-layout .listing-item {
	    display: block;
	    height: auto;
	    padding: 0;
	}

	.listing-item-container.list-layout .listing-item .listing-badge {
	    display: none;
	}

	.listing-item-container.list-layout .listing-item-image {min-height: auto; }

	.listing-item-container.list-layout span.like-icon {
	    top: -15px;
	    transform: translateY(-100%);
	    background-color: rgba(32,32,32,0.4);
	    color: #fff;
	    right: 35px;
	}

	.listing-item-container.list-layout .listing-item-details {
	    position: relative;
	    bottom: auto;
	    right: auto;
	    left: 0;
	    top: -15px;
	    margin: 0px 30px 15px 30px;
	    padding: 5px 20px;
	    background-color: #eee;
	    border-radius: 50px;
	    font-size: 14px;
	    width: auto;
	    display: inline-block;
	}

	#titlebar { padding: 60px 0; margin-bottom: 60px; }

	.panel-dropdown {
	    margin-right: 4px;
	    display: block;
	    width: 100%;
	}

	.fullwidth-filters .sort-by {
	    display: block;
	    width: 100%;
	}

	.fullwidth-filters .sort-by label,
	.fullwidth-filters .sort-by .sort-by-select,
	.panel-dropdown {
	    float: left;
	    margin-top: 10px;
	}

	.panel-dropdown a,
	.fullwidth-filters .sort-by .chosen-container-single .chosen-single {
	    background: #f3f3f3;
	}

	.panel-dropdown .panel-dropdown-content,
	.fullwidth-filters .panel-dropdown.float-right .panel-dropdown-content {
	    left: 0;
	    right: auto;
	    width: 400px;
	    max-width: 70vw;
	}


	.fullwidth-filters .sort-by .chosen-container.chosen-with-drop .chosen-drop,
	.fullwidth-filters .sort-by .chosen-container .chosen-drop {
	    left: 0;
	    right: auto;
	    margin-left: 0;
	}

	.listing-item-container:hover { transform: none; }

	/* Map */
	.fs-inner-container.map-fixed {
	    height: 500px;
	    position: relative;
	    top: 0;
	    padding-top: 0 !important;
	    width: 100%;
	}

	.fs-inner-container.content { width: 100%; padding-top: 0 !important }
	.close-list-item { display: none; }

	.buttons-to-right, .dashboard-list-box .button.to-right {
		position: relative;
		transform: none;
		top: 0;
		margin: 10px 0 0 0;
		opacity: 1;
		right: auto;
	}

	.list-box-listing-img {
	    max-width: 168px;
	}

	.add-review-photos {
	    float: left;
	    top: 0;
	}

	.add-review-box {
	    border-radius: 4px;
	    background-color: #f9f9f9;
	    padding: 36px;
	    padding-bottom: 40px;
	    margin-bottom: 55px;
	    margin-top: 70px;
	    display: inline-block;
	    width: 100%;
	    position: relative;
	}


	.listing-slider .slick-next:hover,
	.listing-slider .slick-next { right: 100px}

	.listing-slider .slick-prev:hover,
	.listing-slider .slick-prev { left: 100px}


	.listing-slider, .listing-slider .item {
	    height: 30vh;
	    min-height: 400px;
	    max-height: 400px;
	}

	.listing-nav-container.cloned .listing-nav {
	    display: none;
	}


	.opening-day .chosen-container {
   		vertical-align: initial;
	}

	.dashboard-content .dashboard-list-box-static {
		margin-bottom: 40px;
	}


	.office-address {  padding: 60px 0 !important; }
	#googlemaps { height: 30vh !important; padding-bottom: 0 !important; }

	.contact-map { display: block; }

	.contact-map #singleListingMap-container {
	    flex: 1;
	    position: relative;
	    padding-top: 0;
	    display: block;
	    height: 300px;
	}

	.contact-map .address-box-container { width: 100%; }

	.sidebar-textbox ul.contact-details {
	    margin-bottom: 40px;
	}
}


/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {

	#dashboard .col-lg-12.col-sm-12, #dashboard .list-box-first .col-sm-3{padding: 0 15px;}

	.dashboard-nav{margin: 0 18px;}

	.list-box-first{text-align: center;}

	.dashboard-list-box.dash-wish .button.gray{float: none!important; margin: 15px 0;}

	.listing-features {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	
	.messages-headline h4 { display: block; }

	.message-action {
	    display: inline-block;
	    float: none;
	    margin-top: 15px;
	    background-color: #f2f2f2;
	    border-radius: 50px;
	    padding: 4px 20px;
	    text-align: center;
	}

	.message-bubble .message-text { margin-left: 55px; }
	.message-bubble.me .message-text { margin-right: 55px; }

	.message-bubble .message-avatar img{
		width: 35px;
		height: 35px;
		margin-top: 8px;
	}

	#backtotop { display: none; }

	.small-dialog-header {
	    width: calc(100% + 60px);
	    left: -30px;
	    padding: 30px;
	}

	#sign-in-dialog, #small-dialog {
		background: #fff;
		padding: 30px;
		padding-top: 0;
    }

	#sign-in-dialog .mfp-close, #small-dialog .mfp-close {
	    top: 24px;
	    right: 30px;
	    width: 40px;
	    height: 40px;
	}

	.list-box-listing { display: block;}

	.list-box-listing-content .inner {
	    position: relative;
	    top: 0;
	    transform: translateY(0);
	    display: inline-block;
	}

	.header-widget {
	    height: auto;
	}

	.list-box-listing-img {
	    max-width: 100%;
	}
	
	.list-box-listing-content { padding-left: 0; padding-top: 10px; }
	.dash-list .list-box-listing-content { padding:15px; }

	#titlebar { padding: 50px 0; margin-bottom: 50px; }

	#map-container.fullwidth-home-map .zoomControlWrapper { top: 15px !important; }


	#titlebar{text-align: center;}

	#breadcrumbs {
	    position: relative;
	    display: block;
	    margin-top: 2px;
	    top: inherit;
	    right: inherit;
	    transform: none;
	}

	#breadcrumbs ul li { margin: 0 10px 0 0; }

	#breadcrumbs ul li:last-child {
    	margin-right: 0px;
	}

	.comment-by .numerical-rating, .comment-by .star-rating {
	    position: relative;
	    right: 0;
	    top: 7px;
	    display: block;
	    width: 100%;
	    float: none;
	    height: 30px;
	}

	.avatar { display: none; }
	.comment-content { padding: 0 ;}

	.small-dialog-header h3 {
	    padding: 0;
	    margin: 0;
	    font-size: 22px;
	    padding-right: 80px;
	    line-height: 30Px;
	}

	#sign-in-dialog, #small-dialog {
	    max-width: 75vw;
	}

	.listing-nav li a {
	    border-bottom: 1px solid #e0e0e0;
	    padding: 15px;
	    width: 100%;
	    display: block;
	    padding-left: 0;
	    border-color:  #e8e8e8;
	}

	.listing-nav li {
	    margin-right: 0;
	    display: block;
	}

	.listing-nav-container .listing-nav li:first-child a {padding-top: 0;}

	.listing-nav-container.cloned .listing-nav li:first-child a.active,
	.listing-nav-container.cloned .listing-nav li:first-child a:hover,
	.listing-nav li:first-child a,
	.listing-nav li a.active,
	.listing-nav li a:hover {
	    border-color: #e8e8e8;
	}

	.dashboard-content .checkboxes label {
    	width: 100%;
	}

	.dashboard-wrapper.dash-add .edit-profile-photo {
    	margin:0 0 15px;
	}

	.trip-detail .col-xs-12.col-sm-6.col-md-6:first-child{margin-bottom: 15px;}

	.about-author img {
	    width: 70px;
	    height: 70px;
	}

	.about-description {
	    margin: 2px 0 0 100px;
	}
	/* Blog styling */
	#posts-nav li {
	    position: relative;
	    width: 100%;
	}

	#posts-nav li a { padding: 0 !important; }
	#posts-nav li a::before { display: none;}
	#posts-nav li.next-post {text-align: left; margin-bottom: 30px;}	.comments ul li ul { margin: 0;  }

	.avatar img {  max-width: 60px;  }
	.comment-content {   padding: 0 0 0 85px; }
	.comments ul li ul li::before { top: 25px; }
	.comment-content {
	    padding: 0;
	}

	.testimonial::after { display: none; }
	.testimonial-box { padding-left: 38px; }

}


@media (max-width: 480px) { 
	.tabs-nav.blog li,
	.tabs-nav.blog li a,
	.tabs-nav li,
	.tabs-nav li a {
		width: 100%;
		padding: 0;
		border-radius: 3px;
		text-align: center;
		border-bottom: none;
	}

	.about-author img {
	    display: none;
	}

	.about-description {
	    margin: 0;
	}
	
	.user-menu {  margin: 10px 0 20px 25px; top: 0; display: block; }

	.header-widget .sign-in {
		position: relative;
		display: block;
		top: 0px;
		margin-bottom: 10px;
		margin-right: 25px;
	}


	.dashboard-list-box .sort-by .sort-by-select {display: none;}

}


/* ------------------------------------------------------------------- */
/* Styles Switcher
---------------------------------------------------------------------- */

	#style-switcher h3 {
		color:#fff;
		font-size:13px;
		margin: 10px 0;
		font-weight: 500;
		text-transform: none;
		letter-spacing: 0;
	}
	
	#style-switcher {
		background: #333;
		width:205px;
		position:fixed;
		top:145px;
		z-index:999;
		left: -205px;
		border-radius: 0 0 4px 0;
	}
	
	#style-switcher ul {
		list-style: none;
		padding: 0;
		margin-bottom: 22px;
	}

	#style-switcher div {
		padding: 6px 18px;
	}
	
	#style-switcher h2 {
		background: #282828;
		color: #fff;
		font-size: 14px;
		line-height: 46px;
		padding: 0 0 0 20px;
		margin-top: 0;
		font-weight: 600;
	}
	
	#style-switcher h2 a {
		background-color: #282828;
		display: block;
		height: 46px;
		position: absolute;
		right: -46px;
		top: 0;
		width: 46px;
		border-radius: 0 4px 4px 0;
		font-size: 22px;
		color: #fff;
		text-align: center;
	}
		
	#style-switcher h2 a i{
		position: relative;
		top: 2px;
	}
	
	.colors {
		list-style:none;
		margin: 0 0px 10px 0;
		overflow: hidden;
	}
	
	.colors li {
		float:left;
		margin: 4px 2px 0 2px;
	}
	
	.colors li a {
		display: block;
		width: 17px;
		height: 17px;
		cursor: pointer;
	} 
	
	div.layout-style {
		padding:0 !important;
	}

	.layout-style select {
		width: 164px;
		padding: 7px;
		color: #aaa;
		cursor: pointer;
		font-size: 14px;
		font-weight: 600;
		margin: 2px 0 25px 0px;
		background-color: #505050;
		border: 0;
		min-height: auto;
	}
	
	.main     { background: #f91941; }
	.green    { background: #00a948; }
	.blue     { background: #004dda; }
	.orange   { background: #fa5b0f; }
	.navy     { background: #495d7f; }
	.yellow   { background: #ffb400; }
	.peach    { background: #fcab55; }
	.red      { background: #f30c0c; }
	.beige    { background: #bfa980; }
	.cyan     { background: #37b6bd; }
	.celadon  { background: #74aea1; }
	.brown    { background: #784e3d; }
	.cherry   { background: #911938; }
	.gray     { background: #555555; }
	.purple   { background: #6441eb; }
	.olive    { background: #b3c211; }

	.colors li a.active { box-shadow: 0 0 0 2px #fff inset }
	.colors li a { border-radius: 3px; }

	#reset {margin: -5px 0 15px 0px;}
	#reset a.button {
		padding: 7px 14px;
		font-weight: 700;
		font-size: 13px; 
	}
	#reset a.button:hover { color: #333; background-color: #fff; }
	
	@media only screen and (max-width: 1024px) {#style-switcher {display: none;}}