/******************************************************************
  Template Name: Directing
  Description:  Directing directory listing HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

@font-face {
	font-family: 'Droid Sans';
	src: url('font/DroidSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }
  

html,
body {
	height: 100%;
	font-family: "Droid Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Droid Sans", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Droid Sans", sans-serif;
	color: #707070;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}


/* Estilos del héroe */
.listing-hero {
    padding: 60px 0;
    position: relative;
    color: #fff;
}

.listing-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.profile-thumbnail img {
    width: 200px;
    height: 200px;
    border-radius: 10%;
    border: 5px solid #fff;
    object-fit: cover;
}

.profile-info h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

.profile-info p, .profile-info h2 {
	color: #fff;
}

.rating {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.rating .icon_star, .rating .icon_star_alt {
    color: #ffc107;
    margin-right: 2px;
}

.rating .rating-score {
    margin-left: 10px;
    font-weight: bold;
}

.rating .num-reviews {
    margin-left: 5px;
    color: #fff;
}

.location {
    font-size: 16px;
    margin-top: 10px;
}

.price-label {
    font-size: 24px;
    color: #fff;
}

.price {
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px;
	color: #fff;
}

@media (max-width: 768px) {
    .profile-info h2 {
        font-size: 28px;
    }

    .price-info {
        margin-top: 20px;
    }
}



input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

/*a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}*/

ul,
ol {
	padding: 0;
	margin: 0;
}


/*   Mio      */

#section-perfil{
  	width: 100%;
	/* background-image: linear-gradient(rgb(51 51 51 / 63%),rgb(0 0 0 / 82%)), url(../../imagenes//fondo/2.jpg); */
	background-color: #202023;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    /*background-position: center;*/
}


em.error {
	color: red;
	/* font-size: 12px; */
	display: block;
	margin-top: 5px;
  }
  
  div.error {
	color: red;
	margin-top: 5px;
  }
  
  font.error {
	color: red;
	margin-top: 5px;
  }
  


/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/

a.aFaq:hover, a.aFaq:focus {
    text-decoration: none;
    outline: none;
    color: #007bff !important;
}
a.aFaq {
    color: #343a40 !important;
}



.faq {
  padding: 60px 0;
}

.faq .faq-list {
  padding: 0;
  list-style: none;
}

.faq .faq-list li {
  padding: 0 0 20px 25px;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: #007bff;
  font-size: 18px;
  font-weight: 500;
}

.faq .faq-list i {
  font-size: 18px;
  position: absolute;
  left: -25px;
  top: 6px;
}

.faq .faq-list p {
  margin-bottom: 20px;
  font-size: 15px;
}

.faq .faq-list a.collapse {
  color: #007bff;
}

.faq .faq-list a.collapsed {
  color: #343a40;
}

.faq .faq-list a.collapsed:hover {
  color: #007bff;
}

.faq .faq-list a.collapsed i::before {
  content: "\eab2" !important;
}



/*********************/

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 40px;
	text-align: center;
}

.section-title h2 {
	font-size: 40px;
	font-weight: 700;
	color: #323232;
	margin-bottom: 10px;
}

.section-title P {
	color: #707070;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 12px 30px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #f03250;
	border-radius: 2px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #f03250;
	border: none;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

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

.header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}

.header.header--normal {
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	position: fixed;
}

.header.header--normal .headermenu ul li a {
	color: #323232;
}

.header.header--normal .login-btn {
	color: #707070;
	border-color: #e1e1e1;
}

.headerlogo {
	padding: 30px 0;
}

.headernav {
	text-align: right;
	padding: 30px 0;
}

.headermenu {
	display: inline-block;
}

.headermenu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 55px;
	position: relative;
}

.headermenu ul li:hover .dropdown {
	top: 32px;
	opacity: 1;
	visibility: visible;
}

.headermenu ul li:hover .dropdown li a {
	color: #ffffff;
}

.headermenu ul li:hover .dropdown li a:after {
	display: none;
}

.headermenu ul li:hover>a:after {
	opacity: 1;
	width: 100%;
}

.headermenu ul li.active a:after {
	opacity: 1;
	width: 100%;
}

.headermenu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 50px;
	width: 180px;
	background: #222222;
	text-align: left;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
	visibility: hidden;
	padding: 5px 0;
}

.headermenu ul li .dropdown li {
	margin-right: 0;
	display: block;
}

.headermenu ul li .dropdown li a {
	padding: 6px 15px;
	font-weight: 400;
	font-size: 14px;
}

.headermenu ul li a {
	font-size: 15px;
	color: #ffffff;
	font-weight: 600;
	padding: 5px 0;
	display: block;
	position: relative;
}

.headermenu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0%;
	background: #f03250;
	content: "";
	opacity: 0;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.headermenuright {
	display: inline-block;
}

.headermenuright .primary-btn {
	margin-right: 15px;
}

.headermenuright .login-btn {
	font-size: 20px;
	color: #ffffff;
	height: 42px;
	width: 42px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	line-height: 38px;
	text-align: center;
	display: inline-block;
}

.slicknav_menu {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	padding: 300px 0;
}

.herotext .section-title h2 {
	color: #ffffff;
}

.herotext .section-title p {
	color: #A8A8A8;
}

.herotext .herocategoriestags {
	text-align: center;
}

.herotext .herocategoriestags li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}

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

.herotext .herocategoriestags li a {
	font-size: 15px;
	color: #ffffff;
	padding: 10px 25px 10px 20px;
	display: block;
	border: 1px solid #ebebeb;
	margin-bottom: 10px;
}

.herotext .herocategoriestags li a img {
	margin-right: 5px;
}

.herosearchform {
	margin-bottom: 30px;
	background: rgba(255, 255, 255, 0.1);
	padding: 20px;
	border-radius: 5px;
}

.herosearchform form input {
	width: 40%;
	float: left;
	font-size: 15px;
	color: #A8A8A8;
	padding-left: 30px;
	height: 54px;
	border: none;
}

.herosearchform form input::-webkit-input-placeholder {
	color: #A8A8A8;
}

.herosearchform form input::-moz-placeholder {
	color: #A8A8A8;
}

.herosearchform form input:-ms-input-placeholder {
	color: #A8A8A8;
}

.herosearchform form input::-ms-input-placeholder {
	color: #A8A8A8;
}

.herosearchform form input::placeholder {
	color: #A8A8A8;
}

.herosearchform form .selectoption {
	position: relative;
	width: 22.5%;
	float: left;
	height: 54px;
}

.herosearchform form .selectoption:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #eeeeee;
	content: "";
	z-index: 1;
}

.herosearchform form .selectoption .nice-select {
	width: 100%;
	border: none;
	border-radius: 0;
	height: 54px;
	line-height: 56px;
}

.herosearchform form .selectoption .nice-select span {
	font-size: 15px;
	color: #323232;
}

.herosearchform form .selectoption .nice-select .list {
	border-radius: 0;
	margin-top: 0;
	width: 100%;
}

.herosearchform form .selectoption .nice-select:after {
	border-right: 7px solid #183456;
	border-top: 7px solid transparent;
	height: 6px;
	margin-top: 0;
	right: 18px;
	width: 10px;
	border-bottom: none;
	top: 40%;
}

.herosearchform form button {
	width: 15%;
	height: 54px;
	border: none;
	font-size: 14px;
	font-weight: 700;
	background: #f03250;
	color: #ffffff;
	text-transform: uppercase;
}

/*---------------------
  Most Search Tab
-----------------------*/

.most-search {
	padding-bottom: 70px;
}

.mostsearchtab {
	text-align: center;
	border-bottom: 2px solid #e1e1e1;
	margin-bottom: 50px;
}

.mostsearchtab .nav {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

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

.mostsearchtab .nav-tabs .nav-item {
	margin-bottom: 0;
	margin-right: 40px;
}

.mostsearchtab .nav-tabs .nav-item:last-child {
	margin-right: 0;
}

.mostsearchtab .nav-tabs .nav-link {
	font-size: 15px;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	color: #a8a8a8;
	padding: 0 10px;
	position: relative;
}

.mostsearchtab .nav-tabs .nav-link:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 2px;
	width: 100%;
	background: #f03250;
	content: "";
	opacity: 0;
}

.mostsearchtab .nav-tabs .nav-link.active {
	color: #f03250;
}

.mostsearchtab .nav-tabs .nav-link.active:after {
	opacity: 1;
}

.mostsearchtab .nav-tabs .nav-link span {
	margin-right: 3px;
}

/*---------------------
  Work section
-----------------------*/

.work {
	padding-bottom: 70px;
	padding-top: 90px;
	background: #f9f9f9;
}

.work.work-about {
	background: transparent;
}

.workitem {
	text-align: center;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
	padding: 80px 30px 40px 30px;
	border-radius: 5px;
	margin-bottom: 30px;
	background: #ffffff;
}

.workitem h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	margin-top: 35px;
	margin-bottom: 15px;
}

.workitem p {
	font-size: 15px;
	color: #707070;
	margin-bottom: 0;
}

.workitemnumber {
	font-size: 60px;
	font-weight: 700;
	color: #f03250;
	opacity: 0.1;
	position: absolute;
	left: -16px;
	top: -2px;
}

/*---------------------
  Feature Location
-----------------------*/

.feature-location {
	padding-bottom: 70px;
	padding-top: 90px;
}

.featurelocationitem {
	height: 270px;
	margin-bottom: 30px;
	border-radius: 5px;
	position: relative;
	display: block;
}

.featurelocationitem.large-item {
	height: 570px;
}

.featurelocationitem.large-item .featurelocationitemtext h5 {
	margin-bottom: 6px;
}

.featurelocationitem.large-item .featurelocationitemtext ul li {
	list-style: none;
	font-size: 14px;
	color: #a8a8a8;
	display: inline-block;
	margin-right: 20px;
}

.featurelocationitemtext {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	padding: 0 30px;
}

.featurelocationitemtext h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial .section-title {
	position: relative;
	margin-bottom: 60px;
	z-index: 1;
}

.testimonial .section-title:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -58px;
	margin: 0 auto;
	font-family: "FontAwesome";
	content: "";
	color: #f03250;
	opacity: 0.2;
	font-size: 60px;
	z-index: -1;
}

.testimonial .section-title h2 {
	color: #ffffff;
}

.testimonial .section-title p {
	color: #ffffff;
}

.testimonialslider.owl-carousel .owl-item img {
	width: auto;
	display: inline-block;
}

.testimonialslider.owl-carousel .owl-nav button {
	height: 50px;
	width: 50px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	font-size: 20px;
	color: #ffffff;
	line-height: 55px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	position: absolute;
	top: 30px;
	left: 0;
}

.testimonialslider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 0;
}

.testimonialslider.owl-carousel .owl-nav button:hover {
	background: #f03250;
}

.testimonialitem {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.testimonialitem p {
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
	line-height: 28px;
	margin-bottom: 30px;
}

.testimonialitem span {
	font-size: 15px;
	color: #f03250;
	font-weight: 600;
}

.testimonialitemauthor {
	margin-bottom: 25px;
}

.testimonialitemauthor a {
	display: inline-block;
	margin-right: 10px;
}

.testimonialitemauthor a img {
	opacity: 0.5;
	width: 55px;
	height: 55px;
	border-radius: 80px;
}

.testimonialitemauthor a:last-child {
	margin-right: 0;
}

.testimonialitemauthor a.active img {
	width: 70px;
	height: 70px;
	opacity: 1;
}

.testimonialitemauthortext {
	margin-bottom: 8px;
}

.testimonialitemauthortext h5 {
	color: #ffffff;
	display: inline-block;
}

.testimonialitemauthortext .testimonialitemauthorrating {
	display: inline-block;
}

.testimonialitemauthortext .testimonialitemauthorrating i {
	font-size: 18px;
	color: #f09d17;
	margin-right: -3px;
}

/*---------------------
  Newalatter 
-----------------------*/

.newslatter {
	background: #f9f9f9;
	padding: 50px 0 40px;
}

.newslattertext h3 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 8px;
}

.newslattertext p {
	font-size: 15px;
	color: #707070;
	margin-bottom: 0;
}

.newslatterform {
	position: relative;
}

.newslatterform input {
	width: 100%;
	height: 50px;
	font-size: 15px;
	color: #a8a8a8;
	padding-left: 30px;
	border: none;
	background: #ffffff;
	border-radius: 2px;
}

.newslatterform input:last-child {
	color: #a8a8a8;
}

.newslatterform button {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	background: #f03250;
	display: inline-block;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 28px;
	border-radius: 2px;
}

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

.footer {
	padding-top: 70px;
	padding-bottom: 0;
}

.footerabout {
	margin-bottom: 30px;
}

.footerabout p {
	font-size: 15px;
	line-height: 25px;
}

.footeraboutlogo {
	margin-bottom: 20px;
}

.footeraboutlogo a {
	display: inline-block;
}

.footeraddress ul li {
	list-style: none;
	width: 50%;
	float: left;
	margin-bottom: 25px;
}

.footeraddress ul li span {
	font-size: 15px;
	color: #707070;
	display: block;
	margin-bottom: 5px;
}

.footeraddress ul li p {
	font-size: 15px;
	color: #323232;
	margin-bottom: 0;
	font-weight: 600;
}

.footeraddress ul li .footersocial a {
	display: inline-block;
	font-size: 15px;
	color: #707070;
	margin-right: 18px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.footeraddress ul li .footersocial a:hover {
	color: #f03250;
}

.footeraddress ul li .footersocial a:last-child {
	margin-right: 0;
}

.footerwidget {
	overflow: hidden;
	margin-bottom: 30px;
}

.footerwidget ul {
	width: 50%;
	float: left;
}

.footerwidget ul li {
	list-style: none;
}

.footerwidget ul li a {
	font-size: 15px;
	color: #707070;
	line-height: 32px;
}

.footercopyright {
	background: #ffffff;
	border-top: 1px solid #e1e1e1;
	padding: 25px 0 20px;
	overflow: hidden;
	margin-top: 10px;
}

.footercopyrighttext {
	font-size: 15px;
	color: #707070;
	float: left;
}

.footercopyrighttext span,
.footercopyrighttext i,
.footercopyrighttext a {
	color: #f03250;
}

.footercopyrightlinks {
	float: right;
}

.footercopyrightlinks a {
	display: inline-block;
	font-size: 15px;
	color: #707070;
	margin-right: 20px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.footercopyrightlinks a:hover {
	color: #f03250;
}

.footercopyrightlinks a:last-child {
	margin-right: 0;
}

/*---------------------
  Filter
-----------------------*/

.filter {
	position: fixed;
	left: 0;
	top: 0;
	width: 270px;
	height: 100%;
	background: #ffffff;
	padding: 30px 34px 30px 30px;
	overflow-y: auto;
	-webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.1);
	z-index: 99;
	padding-top: 100px;
}

.ov-hid {
	overflow: hidden;
	padding-left: 270px;
}

.filtertitle h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
}

.filtertitle h5 i {
	margin-right: 5px;
}

.filtersearch {
	background: #ffffff;
	margin-bottom: 12px;
}

.filtersearch input {
	margin-top: 10px;
	width: 100%;
	color: #323232;
	font-size: 15px;
	/*border: none;*/
	/*height: 46px;*/
	/*border-bottom: 2px solid #f7f7f7;*/
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.filtersearch input:focus {
	border-color: #f03250;
}

.filtersearch input::-webkit-input-placeholder {
	color: #323232;
}

.filtersearch input::-moz-placeholder {
	color: #323232;
}

.filtersearch input:-ms-input-placeholder {
	color: #323232;
}

.filtersearch input::-ms-input-placeholder {
	color: #323232;
}

.filtersearch input::placeholder {
	color: #323232;
}

.filterselect {
	border-bottom: 2px solid #f7f7f7;
	margin-bottom: 18px;
}

.filterselect .nice-select {
	width: 100%;
	border: none;
	border-radius: 0;
	height: 50px;
	line-height: 52px;
	float: none;
	padding-left: 0;
}

.filterselect .nice-select span {
	font-size: 15px;
	color: #323232;
}

.filterselect .nice-select .list {
	border-radius: 0;
	margin-top: 0;
	width: 100%;
}

.filterselect .nice-select:after {
	border-right: 7px solid #183456;
	border-top: 7px solid transparent;
	height: 6px;
	margin-top: 0;
	right: 0;
	width: 10px;
	border-bottom: none;
	top: 40%;
}

.filterlocation {
	background: #ffffff;
	margin-bottom: 26px;
	position: relative;
}

.filterlocation input {
	width: 100%;
	color: #707070;
	font-size: 15px;
	border: none;
	height: 46px;
	border-bottom: 2px solid #f7f7f7;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.filterlocation input:focus {
	border-color: #f03250;
}

.filterlocation input::-webkit-input-placeholder {
	color: #323232;
}

.filterlocation input::-moz-placeholder {
	color: #323232;
}

.filterlocation input:-ms-input-placeholder {
	color: #323232;
}

.filterlocation input::-ms-input-placeholder {
	color: #323232;
}

.filterlocation input::placeholder {
	color: #323232;
}

.filterlocation i {
	font-size: 20px;
	color: #f03250;
	position: absolute;
	right: 0;
	bottom: 17px;
}

.filterradius {
	position: relative;
	margin-bottom: 30px;
}

.filterradius p {
	font-size: 15px;
	color: #707070;
}

.filterradius .ui-widget.ui-widget-content {
	border: none;
	height: 5px;
	background: #f5f5f5;
}

.filterradius .ui-slider-horizontal .ui-slider-range-min {
	background: #f03250;
}

.filterradius .ui-slider .ui-slider-handle {
	height: 10px;
	width: 10px;
	display: inline-block;
	background: #f03250;
	cursor: pointer;
	border: 1.5px solid #fff;
	border-radius: 50%;
	z-index: 9;
}

.filterradius .ui-slider-horizontal .ui-slider-handle {
	top: -3px;
	margin-left: -8px;
}

.filterradius .price-input {
	position: absolute;
	left: 55px;
	top: 0;
}

.filterradius .price-input input {
	color: #f03250;
	font-weight: 600;
	font-size: 15px;
	width: 50px;
	background: transparent;
	border: none;
}

.filterprice {
	position: relative;
	margin-bottom: 30px;
}

.filterprice p {
	font-size: 15px;
	color: #707070;
}

.filterprice .ui-widget.ui-widget-content {
	border: none;
	height: 5px;
	background: #f5f5f5;
}

.filterprice .ui-slider .ui-slider-range {
	background: #f03250;
}

.filterprice .ui-slider .ui-slider-handle {
	height: 10px;
	width: 10px;
	display: inline-block;
	background: #f03250;
	cursor: pointer;
	border: 1.5px solid #fff;
	border-radius: 50%;
	z-index: 9;
}

.filterprice .ui-slider-horizontal .ui-slider-handle {
	top: -3px;
	margin-left: -8px;
}

.filterprice .price-input {
	position: absolute;
	left: 42px;
	top: 0;
}

.filterprice .price-input:after {
	position: absolute;
	right: 44px;
	top: 12px;
	height: 2px;
	width: 4px;
	background: #f03250;
	content: "";
}

.filterprice .price-input input {
	color: #f03250;
	font-weight: 600;
	font-size: 15px;
	width: 35px;
	background: transparent;
	border: none;
}

.filtertags {
	margin-bottom: 30px;
}

.filtertags h6 {
	font-size: 15px;
	color: #323232;
	margin-bottom: 20px;
}

.filtertags label {
	font-size: 15px;
	color: #323232;
	position: relative;
	display: block;
	padding-left: 24px;
	cursor: pointer;
	margin-bottom: 15px;
}

.filtertags label input {
	position: absolute;
	visibility: hidden;
}

.filtertags label input:checked~.checkmark {
	background: #a8a8a8;
}

.filtertags label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 14px;
	width: 14px;
	border: 2px solid #a8a8a8;
	content: "";
	border-radius: 4px;
}

.filterbtns button {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	background: #f03250;
	border: none;
	border-radius: 2px;
	width: 100%;
	padding: 14px 0 12px;
}

.filterbtns button.filterreset {
	background: #d0d0d0;
	color: #323232;
	margin-top: 15px;
}

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

.nice-scroll {
	height: 100%;
	overflow-y: hidden;
}

.listingtexttop {
	overflow: hidden;
	margin-bottom: 25px;
	margin-left: 10px;
}

.listingtexttopleft {
	float: left;
}

.listingtexttopleft h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	display: inline-block;
	margin-right: 15px;
}

.listingtexttopleft span {
	font-size: 15px;
	color: #707070;
	display: inline-block;
}

.listingtexttopright {
	font-size: 15px;
	color: #323232;
	float: right;
}

.listingtexttopright i {
	font-size: 16px;
	margin-left: 6px;
}

.listing {
	/*width: 55%;*/
	height: 100%;
	padding: 0 40px;
	padding-top: 140px;
	overflow-y: auto;
	float: left;
}

.listing .listinglist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -30px;
}

.listing .listinglist .listingitem {
	max-width: calc(33% - 30px);
	float: left;
	margin-right: 30px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 100%;
	height: 100%;
}

.listingitem {
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

.listingitempic {
	height: 260px;
	position: relative;
}

.listingitempic img {
	position: absolute;
	width: 60px;
	height: 60px;
	left: 30px;
	bottom: -30px;
	border-radius: 50%;
}

.listingitempictag {
	font-size: 12px;
	color: #ffffff;
	background: #f03250;
	font-weight: 600;
	display: inline-block;
	padding: 5px 15px 5px 10px;
	border-radius: 2px;
	position: absolute;
	left: 20px;
	top: 20px;
}

.listingitempictag.top_rate {
	background: #00a7ea;
}

.listingitempictag.hot_deal {
	background: #D9D137;
}

.listingitempicbtns {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 1;
}

.listingitempicbtns a {
	font-size: 13px;
	color: #ffffff;
	height: 34px;
	width: 34px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	line-height: 34px;
	text-align: center;
	display: inline-block;
	margin-right: 6px;
}

.listingitempicbtns a:last-child {
	margin-right: 0;
}

.listingitemtext {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 40px;
}

.listingitemtextinside h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	margin-bottom: 6px;
}

.listingitemtextinside ul {
	margin-bottom: 20px;
}

.listingitemtextinside ul li {
	font-size: 15px;
	color: #323232;
	list-style: none;
	line-height: 25px;
	position: relative;
	padding-left: 25px;
}

.listingitemtextinside ul li span {
	color: #A8A8A8;
	position: absolute;
	left: 0;
	top: 5px;
}

.listingitemtextrating {
	overflow: hidden;
	margin-bottom: 15px;
}

.listingitemtextrating .listingitemratingstar {
	float: left;
}

.listingitemtextrating .listingitemratingstar span {
	font-size: 14px;
	color: #F09D17;
	margin-right: -3px;
}

.listingitemtextrating .listingitemratingstar span:last-child {
	margin-right: 0;
}

.listingitemtextrating h6 {
	font-size: 15px;
	color: #f03250;
	font-weight: 600;
	float: right;
}

.listingitemtextinfo {
	padding: 10px 30px;
	border-top: 1px solid #e1e1e1;
	overflow: hidden;
	margin-left: -30px;
	margin-right: -30px;
}

.listingitemtextinfoleft {
	float: left;
}

.listingitemtextinfoleft img {
	display: inline-block;
	margin-right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
}

.listingitemtextinfoleft span {
	font-size: 14px;
	color: #323232;
	font-weight: 600;
}

.listingitemtextinforight {
	float: right;
	font-size: 14px;
	color: #50D437;
	font-weight: 700;
	padding-top: 4px;
}

.listingitemtextinforight.closed {
	color: #f03250;
}

.listingmap {
	height: 100%;
	width: 45%;
	margin-top: 105px;
	float: left;
}

.listingmap iframe {
	width: 100%;
	height: 100%;
}

/*---------------------
  Listing Hero
-----------------------*/

.listing-hero {
	padding-top: 90px;
	padding-bottom: 40px;
}

.listingheroicon {
	float: left;
	margin-right: 30px;
}

.listingherotext {
	overflow: hidden;
}

.listingherotext h2 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 6px;
}

.listingherotext p {
	font-size: 15px;
	color: #E1DEDE;
}

.listingherotext p span {
	color: #a8a8a8;
	margin-right: 5px;
}

.listingherowidget .listingherowidgetrating {
	display: inline-block;
	margin-right: 40px;
	position: relative;
	margin-bottom: 15px;
}

.listingherowidget .listingherowidgetrating:before {
	position: absolute;
	right: -27px;
	top: 11px;
	height: 1px;
	width: 4px;
	background: #ffffff;
	content: "";
}

.listingherowidget .listingherowidgetrating span {
	font-size: 15px;
	color: #F09D17;
	margin-right: -3px;
	display: inline-block;
}

.listingherowidget div {
	font-size: 15px;
	color: #E1DEDE;
	display: inline-block;
}

.listingherobtns {
	/*text-align: center;*/
	padding-top: 85px;
}

.listingherobtns .primary-btn {
	font-size: 15px;
}

.listingherobtns .primary-btn.share-btn {
	background: rgba(255, 255, 255, 0);
	margin-right: 6px;
}

.listingherobtns .primary-btn i {
	margin-right: 5px;
}

/*---------------------
  Listing Details
-----------------------*/

.listingdetailsabout {
	margin-bottom: 35px;
}

.listingdetailsabout h4 {
	color: #323232;
	font-weight: 600;
	margin-bottom: 18px;
}

.listingdetailsabout p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 0;
}

.listingdetailsgallery {
	/* border-top: 1px solid #e1e1e1; */
	padding-top: 12px;
	margin-bottom: 50px;
}

.listingdetailsgallery h4 {
	color: #323232;
	font-weight: 600;
	margin-bottom: 18px;
}

.listingdetailsgalleryitem {
	margin-bottom: 20px;
	position: relative;
}

.listingdetailsgalleryitem span {
	display: block;
	font-size: 15px;
	color: #ffffff;
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.listingdetailsgalleryitem span i {
	margin-right: 5px;
}

.listingdetailsgalleryitemlarge {
	min-width: 100%;
}

.listingdetailsgalleryslider img {
	cursor: pointer;
}

.listingdetailsamenities {
	border-top: 1px solid #e1e1e1;
	padding-top: 12px;
	margin-bottom: 20px;
}

.listingdetailsamenities h4 {
	color: #323232;
	font-weight: 600;
	margin-bottom: 28px;
}

.listingdetailsamenitiesitem {
	text-align: center;
	margin-bottom: 30px;
}

.listingdetailsamenitiesitem h6 {
	font-size: 15px;
	color: #293A54;
	margin-top: 6px;
}

.listingdetailsrating {
	margin-bottom: 50px;
	border-top: 1px solid #e1e1e1;
	padding-top: 12px;
}

.listingdetailsrating h4 {
	color: #323232;
	font-weight: 600;
	margin-bottom: 28px;
}

.listingdetailsratingoverall {
	text-align: center;
	float: left;
	margin-right: 75px;
}

.listingdetailsratingoverall h2 {
	font-size: 50px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 5px;
}

.listingdetailsratingoverall .listingdetailsratingstar {
	margin-bottom: 6px;
}

.listingdetailsratingoverall .listingdetailsratingstar span {
	font-size: 16px;
	color: #F09D17;
	margin-right: -2px;
	display: inline-block;
}

.listingdetailsratingoverall span {
	font-size: 15px;
	color: #707070;
}

.listingdetailsratingbar {
	overflow: hidden;
}

.listingdetailsratingbaritem {
	margin-bottom: 5px;
}

.listingdetailsratingbaritem span {
	font-size: 15px;
	color: #323232;
	display: inline-block;
}

.listingdetailsratingbaritem span.right {
	float: right;
}

.listingdetailsratingbaritem .barfiller {
	display: inline-block;
	width: 460px;
	margin-bottom: 0;
	height: 8px;
	border-radius: 50px;
	border: none;
	border-radius: 50px;
	background: #efefef;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	margin-left: 10px;
}

.listingdetailsratingbaritem .barfiller .fill {
	border-radius: 50px;
}

.listingdetailscomment {
	border-top: 1px solid #e1e1e1;
	padding-top: 12px;
}

.listingdetailscomment h4 {
	color: #323232;
	font-weight: 600;
	margin-bottom: 35px;
}

.listingdetailscommentitem {
	margin-bottom: 40px;
}

.listingdetailscommentitempic {
	float: left;
	margin-right: 25px;
}

.listingdetailscommentitempic img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}

.listingdetailscommentitemtext {
	overflow: hidden;
	position: relative;
}

.listingdetailscommentitemtext .listingdetailscommentitemrating {
	position: absolute;
	right: 0;
	top: 0;
}

.listingdetailscommentitemtext .listingdetailscommentitemrating i {
	font-size: 16px;
	color: #E9AA13;
	margin-left: -2px;
}

.listingdetailscommentitemtext span {
	font-size: 13px;
	color: #f03250;
}

.listingdetailscommentitemtext h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 15px;
}

.listingdetailscommentitemtext ul li {
	list-style: none;
	display: inline-block;
	font-size: 15px;
	color: #323232;
	margin-right: 30px;
}

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

.listingdetailscommentitemtext ul li i {
	color: #a8a8a8;
	margin-right: 3px;
}

.listingdetailsreview {
	border-top: 1px solid #e1e1e1;
	padding-top: 12px;
}

.listingdetailsreview h4 {
	color: #323232;
	font-weight: 600;
	margin-bottom: 35px;
}

.listingdetailsreview form input {
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	background: transparent;
	font-size: 15px;
	color: #a8a8a8;
	border-radius: 2px;
	margin-bottom: 20px;
}

.listingdetailsreview form input::-webkit-input-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form input::-moz-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form input:-ms-input-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form input::-ms-input-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form input::placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form textarea {
	width: 100%;
	height: 100px;
	padding-left: 20px;
	padding-top: 12px;
	border: 1px solid #e1e1e1;
	background: transparent;
	font-size: 15px;
	color: #a8a8a8;
	border-radius: 2px;
	resize: none;
	margin-bottom: 24px;
}

.listingdetailsreview form textarea::-webkit-input-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form textarea::-moz-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form textarea:-ms-input-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form textarea::-ms-input-placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form textarea::placeholder {
	color: #a8a8a8;
}

.listingdetailsreview form button {
	text-transform: none;
	font-size: 15px;
	border-radius: 2px;
	padding: 13px 38px 12px;
}

/*---------------------
  Listing Sidebar
-----------------------*/

.listingsidebarcontact {
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
	background: #ffffff;
	margin-bottom: 44px;
}

.listingsidebarcontactmap {
	height: 200px;
	position: relative;
}

.listingsidebarcontactmap iframe {
	width: 100%;
}

.listingsidebarcontactmap img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-13.5px, -18.5px);
	-ms-transform: translate(-13.5px, -18.5px);
	transform: translate(-13.5px, -18.5px);
}

.listingsidebarcontacttext {
	padding: 34px 30px 30px 30px;
}

.listingsidebarcontacttext h4 {
	color: #333333;
	font-weight: 600;
	margin-bottom: 16px;
}

.listingsidebarcontacttext ul {
	margin-bottom: 20px;
}

.listingsidebarcontacttext ul li {
	list-style: none;
	font-size: 15px;
	color: #323232;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
}

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

.listingsidebarcontacttext ul li span {
	color: #a8a8a8;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 4px;
}

.listingsidebarcontactsocial a {
	display: inline-block;
	font-size: 20px;
	color: #ffffff;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background: #3D589F;
	border-radius: 50%;
	margin-right: 6px;
}
.listingsidebarcontactsocial a:hover {
color: #e5e5e5 !important;
}

.listingsidebarcontactsocial a:last-child {
	margin-right: 0;
}

.listingsidebarcontactsocial a.linkedin {
	background: #64ADF3;
}

.listingsidebarcontactsocial a.twitter {
	background: #D34B32;
}

.listingsidebarcontactsocial a.google {
	background: #2A79B9;
}

.listingsidebarworkinghours {
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
	padding: 30px 30px 20px 30px;
}

.listingsidebarworkinghours h4 {
	color: #333333;
	font-weight: 600;
	margin-bottom: 16px;
}

.listingsidebarworkinghours ul li {
	font-size: 15px;
	list-style: none;
	color: #323232;
	line-height: 32px;
}

.listingsidebarworkinghours ul li span {
	float: right;
	font-size: 18px;
}

.listingsidebarworkinghours ul li span.opening {
	color: #50D437;
}

.listingsidebarworkinghours ul li span.closed {
	color: #f03250;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-area {
	padding-top: 200px;
	padding-bottom: 120px;
}

.breadcrumbtext h2 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.breadcrumboption a {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	font-weight: 600;
	margin-right: 20px;
	position: relative;
}

.breadcrumboption a i {
	color: #f03250;
}

.breadcrumboption a:after {
	position: absolute;
	right: -15px;
	top: 0;
	font-family: "FontAwesome";
	color: #ffffff;
	content: "";
}

.breadcrumboption span {
	display: inline-block;
	font-size: 15px;
	color: #a8a8a8;
	font-weight: 600;
}

/*---------------------
  Checkout
-----------------------*/

.categories {
	padding-bottom: 70px;
	background: #f9f9f9;
	overflow: hidden;
}

.categoriesitemlist {
	margin-right: -16px;
}

.categoriesitem {
	width: calc(20% - 16px);
	float: left;
	text-align: center;
	margin-right: 16px;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	padding-top: 40px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-radius: 5px;
	background: #ffffff;
}

.categoriesitem h5 {
	color: #323232;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 4px;
}

.categoriesitem span {
	font-size: 14px;
	color: #707070;
	display: block;
	font-weight: 600;
}

/*---------------------
  Blog
-----------------------*/

.blogitem {
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.blogitempic {
	height: 210px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.blogitempic .play-btn {
	height: 50px;
	width: 50px;
	background: #f03250;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 22px;
	display: inline-block;
	color: #ffffff;
}

.blogitemtext {
	padding: 20px 30px 25px;
}

.blogitemtext .blogitemtags {
	margin-bottom: 5px;
}

.blogitemtext .blogitemtags li {
	list-style: none;
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 15px;
	color: #f03250;
	position: relative;
	font-size: 12px;
}

.blogitemtext .blogitemtags li:after {
	position: absolute;
	right: -12px;
	top: 6px;
	height: 4px;
	width: 4px;
	background: #f03250;
	border-radius: 50%;
	content: "";
}

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

.blogitemtext .blogitemtags li:last-child:after {
	display: none;
}

.blogitemtext .blogitemtags li i {
	color: #707070;
	margin-right: 5px;
}

.blogitemtext h5,
.blogitemtext h3 {
	margin-bottom: 10px;
}

.blogitemtext h5 a,
.blogitemtext h3 a {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
	line-height: 30px;
}

.blogitemtext .blogitemwidget li {
	list-style: none;
	display: inline-block;
	font-size: 15px;
	color: #a8a8a8;
	margin-right: 30px;
}

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

.blogitemtext .blogitemwidget li i {
	margin-right: 5px;
}

.news-post {
	padding-top: 90px;
	padding-bottom: 70px;
}

.blogitemlarge {
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
	border-radius: 5px;
	background: #ffffff;
}

.blogitemlarge .blogitempic {
	height: 390px;
	border-radius: 5px 5px 0 0;
}

.blogitemlarge .blogitemtext {
	padding: 25px 30px 40px;
}

.blogitemlarge .blogitemtext .blogitemtags {
	margin-bottom: 10px;
}

.blogitemlarge .blogitemtext .blogitemtags li {
	font-size: 14px;
}

.blogitemlarge .blogitemtext h3 a {
	font-size: 30px;
}

.blogitemlarge .blogitemtext .blogitemwidget {
	margin-bottom: 25px;
}

.blogitemlarge .blogitemtext p {
	margin-bottom: 0;
}

.blogpagination {
	margin-top: 20px;
}

.blogpagination a {
	font-size: 15px;
	color: #707070;
	display: inline-block;
	padding: 12px 20px 10px;
	border: 1px solid #e4e4e4;
	margin-right: -5px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blogpagination a:hover {
	background: #f03250;
	color: #ffffff;
	border-color: #f03250;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blogsidebarsearch {
	margin-bottom: 50px;
}

.blogsidebarsearch form {
	position: relative;
}

.blogsidebarsearch form input {
	width: 100%;
	height: 43px;
	border-radius: 2px;
	font-size: 15px;
	color: #a8a8a8;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
}

.blogsidebarsearch form input::-webkit-input-placeholder {
	color: #a8a8a8;
}

.blogsidebarsearch form input::-moz-placeholder {
	color: #a8a8a8;
}

.blogsidebarsearch form input:-ms-input-placeholder {
	color: #a8a8a8;
}

.blogsidebarsearch form input::-ms-input-placeholder {
	color: #a8a8a8;
}

.blogsidebarsearch form input::placeholder {
	color: #a8a8a8;
}

.blogsidebarsearch form button {
	font-size: 15px;
	color: #323232;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0 15px;
}

.blogsidebarrecent {
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background: #ffffff;
	padding: 30px 30px 10px 30px;
	margin-bottom: 50px;
}

.blogsidebarrecent h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	margin-bottom: 22px;
}

.blogsidebarrecentitem {
	display: block;
	margin-bottom: 20px;
}

.blogsidebarrecentitempic {
	float: left;
	margin-right: 15px;
}

.blogsidebarrecentitempic img {
	border-radius: 2px;
}

.blogsidebarrecentitemtext {
	overflow: hidden;
}

.blogsidebarrecentitemtext span {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	color: #f03250;
	margin-bottom: 10px;
}

.blogsidebarrecentitemtext span i {
	font-size: 14px;
	color: #707070;
	margin-right: 2px;
}

.blogsidebarrecentitemtext h6 {
	font-size: 15px;
	color: #323232;
	font-weight: 600;
	margin-bottom: 5px;
}

.blogsidebarrecentitemtext p {
	font-size: 15px;
	color: #a8a8a8;
	margin-bottom: 0;
}

.blogsidebarrecentitemtext p i {
	margin-right: 2px;
}

.blogsidebarcategories {
	background: #ffffff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	padding: 30px 30px 20px 30px;
	margin-bottom: 50px;
}

.blogsidebarcategories h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	margin-bottom: 22px;
}

.blogsidebarcategories ul li {
	list-style: none;
}

.blogsidebarcategories ul li a {
	font-size: 15px;
	color: #323232;
	line-height: 36px;
}

.blogsidebarcategories ul li a span {
	font-weight: 600;
	float: right;
}

.blogsidebartags {
	padding: 30px 30px 20px 30px;
	background: #ffffff;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.blogsidebartags h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	margin-bottom: 22px;
}

.blogsidebartags a {
	font-size: 11px;
	color: #a8a8a8;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 6px 15px 3px;
	background: #f2f2f2;
	border-radius: 2px;
	margin-right: 6px;
	margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
	padding-top: 170px;
	padding-bottom: 30px;
}

.blogherotext .label {
	font-size: 13px;
	color: #ffffff;
	background: #f03250;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	padding: 4px 15px 4px;
	border-radius: 2px;
}

.blogherotext h2 {
	font-size: 42px;
	color: #ffffff;
	font-weight: 700;
	line-height: 50px;
	margin-top: 25px;
	margin-bottom: 15px;
}

.blogherotext ul li {
	list-style: none;
	display: inline-block;
	font-size: 15px;
	color: #a8a8a8;
	margin-right: 30px;
}

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

.blogherotext ul li i {
	margin-right: 5px;
}

.blog-details {
	overflow: hidden;
}

.blogdetailstext {
	margin-bottom: 70px;
}

.blogdetailstext p {
	line-height: 27px;
}

.blogdetailstext h5 {
	font-size: 20px;
	font-weight: 600;
	color: #323232;
	margin-top: 32px;
	margin-bottom: 12px;
}

.blogdetailstext img {
	border-radius: 5px;
	margin-top: 16px;
	margin-bottom: 30px;
}

.blogdetailsvideo {
	height: 400px;
	border-radius: 5px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px;
}

.blogdetailsvideo .play-btn {
	height: 60px;
	width: 60px;
	background: #f03250;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	display: inline-block;
	color: #ffffff;
}

.blogdetailstags {
	margin-bottom: 40px;
}

.blogdetailstags span {
	font-size: 15px;
	color: #323232;
	font-weight: 600;
	display: inline-block;
	margin-right: 18px;
}

.blogdetailstags a {
	font-size: 11px;
	color: #707070;
	font-weight: 600;
	padding: 6px 18px 3px 15px;
	background: #f2f2f2;
	border-radius: 2px;
	margin-right: 6px;
	display: inline-block;
	text-transform: uppercase;
}

.blogdetailsshare {
	margin-right: -34px;
	overflow: hidden;
	margin-bottom: 40px;
}

.blogdetailsshareitem {
	display: inline-block;
	background: #37589C;
	border-radius: 2px;
	padding: 10px 10px 8px 16px;
	width: calc(25% - 34px);
	float: left;
	margin-right: 34px;
	margin-bottom: 25px;
}

.blogdetailsshareitem.twitter {
	background: #54ADF0;
}

.blogdetailsshareitem.google {
	background: #DC4C39;
}

.blogdetailsshareitem.linkedin {
	background: #0179B6;
}

.blogdetailsshareitem i {
	font-size: 18px;
	color: #ffffff;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	padding-right: 15px;
	display: inline-block;
}

.blogdetailsshareitem span {
	font-size: 15px;
	color: #ffffff;
	font-weight: 600;
	display: inline-block;
	margin-left: 10px;
}

.blogdetailsnewpost {
	margin-bottom: 35px;
}

.blogdetailsnewposttitle,
.blogdetailscommenttitle {
	margin-bottom: 30px;
	text-align: center;
}

.blogdetailsnewposttitle h4,
.blogdetailscommenttitle h4 {
	color: #323232;
	font-weight: 700;
}

.blogdetailscommentform form .input-list {
	margin-right: -20px;
}

.blogdetailscommentform form .input-list .input-item {
	width: calc(33.33% - 20px);
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}

.blogdetailscommentform form .input-list .input-item p {
	color: #323232;
	margin-bottom: 10px;
}

.blogdetailscommentform form .input-list .input-item input {
	width: 100%;
	height: 46px;
	font-size: 15px;
	color: #323232;
	border-radius: 2px;
	border: 1px solid #e1e1e1;
	padding-left: 20px;
	padding-right: 5px;
}

.blogdetailscommentform form .input-comment {
	margin-bottom: 24px;
}

.blogdetailscommentform form .input-comment p {
	color: #323232;
	margin-bottom: 10px;
}

.blogdetailscommentform form .input-comment textarea {
	width: 100%;
	height: 265px;
	font-size: 15px;
	color: #323232;
	border-radius: 2px;
	border: 1px solid #e1e1e1;
	resize: none;
	padding-left: 20px;
	padding-top: 12px;
	padding-right: 5px;
}

.blogdetailscommentform form button {
	text-transform: none;
	border-radius: 2px;
	font-size: 15px;
	padding: 13px 38px 12px;
}

/*---------------------
  About
-----------------------*/

.abouttitle h2 {
	font-size: 40px;
	font-weight: 700;
	color: #323232;
	line-height: 54px;
	margin-bottom: 26px;
}

.abouttext h5 {
	font-size: 20px;
	color: #323232;
	line-height: 34px;
	margin-bottom: 16px;
}

.abouttext p {
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 0;
}

.aboutvideo {
	height: 600px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.aboutvideo .play-btn {
	height: 90px;
	width: 90px;
	background: #f03250;
	border-radius: 50%;
	line-height: 92px;
	text-align: center;
	font-size: 34px;
	display: inline-block;
	color: #ffffff;
}

/*---------------------
  Team
-----------------------*/

.team {
	padding-bottom: 70px;
}

.teamitem {
	text-align: center;
	margin-bottom: 30px;
}

.teamitem img {
	border-radius: 2px;
	margin-bottom: 20px;
}

.teamitem span {
	font-size: 13px;
	color: #f03250;
	font-weight: 600;
	display: block;
	text-transform: uppercase;
}

.teamitem h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 12px;
}

.teamitem .teamitemsocial a {
	display: inline-block;
	height: 38px;
	width: 38px;
	background: #344973;
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	margin-right: 6px;
}

.teamitem .teamitemsocial a:last-child {
	margin-right: 0;
}

.teamitem .teamitemsocial a.twitter {
	background: #2C83AE;
}

.teamitem .teamitemsocial a.google {
	background: #DD4437;
}

.teamitem .teamitemsocial a i {
	font-size: 15px;
	color: #ffffff;
}

/*---------------------
  Contact
-----------------------*/

.contactmap {
	height: 550px;
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	margin-bottom: 90px;
	border-radius: 15px;
}

.contactmap iframe {
	width: 100%;
}

.contactwidgetaddress,
.contactwidgettime {
	margin-bottom: 45px;
}

.contactwidgetaddress h4,
.contactwidgettime h4 {
	color: #323232;
	font-weight: 700;
	margin-bottom: 18px;
}

.contactwidgetaddress ul li,
.contactwidgettime ul li {
	list-style: none;
	font-size: 18px;
	color: #323232;
	line-height: 34px;
}

.contactwidgetaddress ul li i,
.contactwidgettime ul li i {
	color: #a8a8a8;
	margin-right: 5px;
}

.contactform input {
	width: 100%;
	height: 50px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	padding-left: 24px;
	padding-right: 5px;
	font-size: 15px;
	color: #777C81;
	margin-bottom: 20px;
}

.contactform input::-webkit-input-placeholder {
	color: #777C81;
}

.contactform input::-moz-placeholder {
	color: #777C81;
}

.contactform input:-ms-input-placeholder {
	color: #777C81;
}

.contactform input::-ms-input-placeholder {
	color: #777C81;
}

.contactform input::placeholder {
	color: #777C81;
}

.contactform textarea {
	width: 100%;
	height: 110px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	padding-left: 24px;
	padding-right: 5px;
	font-size: 15px;
	color: #777C81;
	margin-bottom: 34px;
	padding-top: 14px;
}

.contactform textarea::-webkit-input-placeholder {
	color: #777C81;
}

.contactform textarea::-moz-placeholder {
	color: #777C81;
}

.contactform textarea:-ms-input-placeholder {
	color: #777C81;
}

.contactform textarea::-ms-input-placeholder {
	color: #777C81;
}

.contactform textarea::placeholder {
	color: #777C81;
}

.contactform button {
	font-size: 15px;
	font-weight: 600;
	border-radius: 2px;
	padding: 13px 42px 12px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
	.header {
		padding: 0 60px;
	}
}

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.headermenu ul li {
		margin-right: 26px;
	}
	.listing {
		padding-left: 270px;
	}
	.listing .listinglist {
		display: block;
		margin-right: 0;
	}
	.listing .listinglist .listingitem {
		max-width: 100%;
	}
	.listingherobtns .primary-btn {
		padding: 12px 22px 10px;
	}
	.listingdetailsratingbaritem .barfiller {
		width: 340px;
	}
}


@media screen and (min-width: 1199px) {
	.listing {
		padding-left: 270px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.headermenuright .primary-btn {
		display: none;
	}
	.headermenu ul li {
		margin-right: 25px;
	}
	.herosearchform form input {
		width: 50%;
	}
	.herosearchform form .selectoption {
		width: 50%;
	}
	.herosearchform form button {
		width: 50%;
	}
	.categoriesitem {
		width: calc(33.33% - 16px);
	}
	.mostsearchtab .nav-tabs .nav-item {
		margin-right: 15px;
	}
	.listing {
		padding-left: 270px;
	}
	.listing .listinglist {
		display: block;
		margin-right: 0;
	}
	.listing .listinglist .listingitem {
		max-width: 100%;
	}
	.listingitemtext {
		padding-left: 15px;
		padding-right: 15px;
	}
	.listingherobtns {
		text-align: center;
		padding-top: 30px;
	}
	.filter {
		width: 240px;
	}
	.ov-hid {
		overflow: hidden;
		padding-left: 240px;
	}
	.listingdetailsratingbaritem .barfiller {
		width: 425px;
	}
	.listingsidebar {
		padding-top: 50px;
	}
	.blogsidebar {
		padding-top: 50px;
	}
	.listingtexttopleft {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.listingtexttopright {
		float: none;
		text-align: center;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.header .container-fluid {
		position: relative;
	}
	.headermenu {
		display: none;
	}
	.headernav {
		text-align: right;
		padding: 30px 0;
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		display: block;
	}
	.headermenuright {
		display: none;
	}
	.slicknav_nav {
		background: #222;
	}
	.slicknav_nav ul {
		margin: 5px 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 10px 25px;
		margin: 0;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #f03250;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #f03250;
	}
	.slicknav_btn {
		margin: 0;
		border-radius: 0;
		background: #f03250;
		position: absolute;
		right: 15px;
		top: 40px;
	}
	.herosearchform form input {
		width: 100%;
	}
	.herosearchform form .selectoption {
		width: 100%;
	}
	.herosearchform form button {
		width: 100%;
	}
	.categoriesitem {
		width: calc(50% - 16px);
	}
	.mostsearchtab .nav-tabs .nav-item {
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.newslattertext {
		margin-bottom: 30px;
	}
	.ov-hid {
		overflow: visible;
		padding-left: 0;
	}
	.filter {
		position: relative;
		width: auto;
		height: auto;
		padding: 30px 34px 30px 30px;
		overflow-y: auto;
		padding-top: 140px;
	}
	.listing {
		width: 100%;
		height: auto;
		padding-top: 45px;
	}
	.listing .listinglist {
		display: block;
		margin-right: 0;
	}
	.listing .listinglist .listingitem {
		max-width: 100%;
	}
	.listingmap {
		height: 100%;
		width: 100%;
		margin-top: 40px;
		float: left;
	}
	.listingherobtns {
		text-align: center;
		padding-top: 30px;
	}
	.listingsidebar {
		padding-top: 50px;
	}
	.blogsidebar {
		padding-top: 50px;
	}
	.listingdetailsratingbaritem .barfiller {
		width: 180px;
	}
	.blogdetailsshareitem {
		width: calc(33.33% - 34px);
	}
	.blogdetailscommentform form .input-list .input-item {
		width: 100%;
		margin-right: 0;
	}
	.abouttitle {
		margin-bottom: 30px;
	}
	.testimonialslider.owl-carousel .owl-nav {
		text-align: center;
	}
	.testimonialslider.owl-carousel .owl-nav button {
		position: relative;
		top: 20px;
		left: 0;
		margin-right: 10px;
	}
	.testimonialslider.owl-carousel .owl-nav button:last-child {
		margin-right: 0;
	}
	.footercopyright {
		text-align: center;
	}
	.footercopyrighttext {
		float: none;
		margin-bottom: 10px;
	}
	.footercopyrightlinks {
		float: none;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.headerlogo {
		padding: 38px 0 30px;
		max-width: 140px;
	}
	.categoriesitemlist {
		margin-right: 0;
	}
	.categoriesitem {
		width: 100%;
		margin-right: 0;
	}
	.herosearchform form .selectoption:before {
		display: none;
	}
	.listingheroicon {
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.listingherobtns .primary-btn {
		padding: 12px 20px 10px;
	}
	.listingdetailsratingoverall {
		text-align: left;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.blogherotext h2 {
		font-size: 30px;
		line-height: normal;
	}
	.blogdetailsshareitem {
		width: calc(50% - 34px);
	}
	.listingtexttopleft {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.listingtexttopright {
		float: none;
		text-align: center;
	}
	.listingdetailscommentitempic {
		float: none;
		margin-bottom: 15px;
	}
	.blogdetailstags a {
		margin-bottom: 5px;
	}
}