.item-footer{
    padding-right: 15px;
    padding-left: 15px;
}
.btn-header{
	padding: 5px 20px;
}
.text-right {
    text-align: center !important;
}
.service-item {
    margin-right: 200px !important;
    margin-left: 200px !important;
}
.icon-square:hover {
    background-color: var(--pricolor);
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: var(--pricolor);
    border-color: var(--pricolor);
}

.top-nav-collapse .btn-primary {
    color: #fff;
    background-color: var(--pricolor);
    border-color: var(--pricolor);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--seccolor);
    border-color: var(--seccolor);
}
.text-primary{
	color: #fff !important;
}
.dir-ltr{
	direction: ltr;
}
p {
    margin: 0px 0px 10px 0px;
}
.letter-spacing-1{
	letter-spacing: 1px;
}
.footer {
    background-image: url('../img/footer-bg.png');
    background-size: 700px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.item-footer{
    padding-right: 15px;
    padding-left: 15px;
}
.footer-widget ul li a:hover {
    color: var(--seccolor);
}
.footer-title {
    color: #fff;
    margin-bottom: 20px;
}
.header-btn {
    padding-top: 6px;
    padding-right: 18px;
}
#return-to-top i {
    right: 13px;
}
.fa-default {
    color: var(--pricolor);
}
.testimonial-meta{
    line-height: 35px;
}
.vendor-price, .vendor-guest {
    font-size: 11px;
    color: var(--seccolor);
 }
.vendor-text {
    font-size: 14px;
 }
.facilities{
    font-size: 25px;
    font-weight: 300;
    padding: 0px 8px;
    color: #bdc3c7;
}
.facilities-text{
    font-size: 14px;
}
.vendor-content {
    margin-bottom: unset !important;
}
.vendor-facilities {
    padding: 2px 16px 12px 16px !important;
}
.vendor-meta-item{
    padding: 5px ;
}
.post-heading {

    font-size: 20px;
}
.news-content{
    font-size: 12px;
}
.customer-title{
    font-size: 18px;
}
.background-white{
    background-color: white;
}
.post-content {

    border: 1px solid #e5e6e7;
    background-color: #f9f9f9;
}

.dash-secundery {
    padding-bottom: 30px;
    padding-top: 50px;
    position: relative;
    min-height: 600px;
}
.dashboard-content {
    margin-left: 0px;
}

.gal-item{
	overflow: hidden;
	padding: 5px;
}
.gal-item .box{
	height: 100%;
	overflow: hidden;
    border-radius: 5px;
}
.box img{
	height: 100%;
    border-radius: 5px;
	width: 100% ;
	object-fit: cover;
}

.vendor-categories-overlay{
	
	left: 5px;
}
.circle-transparent {
    border: 2px solid rgba(155, 89, 182, .5);
}

.space-medium {
    padding-top: 70px;
}
.vendor-feature-block .feature-icon {
    font-size: 45px;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.border-map{
    border-color: #000;
    border-radius: 5px;
}
.hotel-details{
    margin: 0px 20px 0px 20px;
    line-height: 2;
    padding: 12px 0px;
}
.fixed-header{
    background-color: #333;
}
#navigation>ul>li>a {
    padding: 18px 10px;
    font-size: 14px;
    text-decoration: none;
    color: #252429;
}
.form-row>.col {
    padding-right: 20px;
    padding-left: 20px;
}
.pl-200 {
    padding-left: 200px;
}
.pr-200 {
    padding-right: 200px;
}
.vendor-categories-overlay {
    left: 0px;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    margin: 0px 0px 0px 0px;
        margin-bottom: 0px;
   
}
.vendor-categories-overlay {
    position: absolute;
    border-top: 0px;
    width: 100%;
    padding: 10px;
    background: rgba(37, 35, 40, .4);
}

.carousel-indicators li {
    text-indent: 0px;
    width: 300px !important;
    height: 0px !important; 
}

button.btn {
    margin-left: 10px !important;
}
.hero-section-third .feature-left {
     border-right: 0px !important;
} 
.logo-home {
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
}
.col-xl-8{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 50px;
}
.btn .fa.fa-sm {
font-size: 1rem;
margin-top: -5px;
}
.bgimg1 {
    background-image: url('../img/olddate-bg.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bgimg2 {
    background-image: url('../img/service-bg.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.bgimg3 {
    background-image: url('../img/ats-bg.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.coffeeshop-pageheader {
    background: url(../img/coffeeshop-service.png) no-repeat center;
    background-size: cover;
}
.dashboard-page-header {  
    border-bottom: 0px;
}
.border-gallary {
    background-color: var(--seccolor);
    border-radius: 2px;   
}
.nav-link {
    display: block;
    padding: 1rem 0.5rem;
}
.nav-pills .nav-link {
    color: #f6f5f7;
}  
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff5f5;
    background-color: var(--pricolor);
}
.carousel-indicators li {
    text-indent: 0px;
    width: 30px !important;
    height: 0px !important;
}
.nav > li > a:focus, .nav > li > a:hover {
    background: rgba(255,255,255,.2);
}
.list-inline {

    padding-left: 0;
    list-style: none;
    margin-left: -2px !important;
    margin-right: -40px !important;
}
.gallery-border {

    border-color: #564468 !important;
    max-width: 1000px;
    border-radius: 5px;
}
.vertical {
  position: absolute;
  top: 50%;
  //right: 0;
  transform: translate(-50%, 0); /* (x, y) => position */
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* (x, y)  => position */
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */    
}
.linked-title {
    color: #fff;
}
.service-menu {
    margin: 0px 0px 5px 0px;
}
.service-facilities {
    font-weight: 700;
    font-size: unset;
    padding-left: 5px;
}
.carousel-control-next, .carousel-control-prev {
    width: 6%;
}
#navigation > ul > li:hover > a {
    color: var(--seccolor) !important;
}
#navigation > ul > li:hover > a.btn {
    color: #fff !important;
}
.lan-select {
    top: 8px;
    
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: 0px solid #ddd;
    border-radius: 2px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: right;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: 20px;
    outline: none;
    padding: 6px 30px;
    position: relative;
    text-align: center !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #ffffff;
}
.lan-select:hover { border-color: #dbdbdb; }
.lan-select:active, .lan-select.open, .lan-select:focus { border-color: #999; }
.lan-select:after { 
    border-bottom: 2px solid #fff; 
    border-right: 2px solid #fff; 
    content: ''; 
    display: block; 
    height: 7px; 
    margin-top: -4px; 
    pointer-events: none; 
    position: absolute; 
    right: 14px; 
    top: 50%; 
    -webkit-transform-origin: 66% 66%; 
    -ms-transform-origin: 66% 66%; 
    transform-origin: 66% 66%; 
    -webkit-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg); 
    -webkit-transition: all 0.3s ease-in-out; 
    transition: all 0.3s ease-in-out; 
    width: 7px; }
.lan-select.open:after { 
    -webkit-transform: rotate(-135deg); 
    -ms-transform: rotate(-135deg); 
    transform: rotate(-135deg); }
.lan-select.open .list { 
    opacity: 1; 
    pointer-events: auto; 
    -webkit-transform: scale(1) translateY(0); 
    -ms-transform: scale(1) translateY(0); 
    transform: scale(1) translateY(0); }
.lan-select.disabled { 
    border-color: #ededed; 
    color: #999; 
    pointer-events: none; }
.lan-select.disabled:after { border-color: #cccccc; }
/* .lan-select.wide { width: 60%; } */
.lan-select.wide .list { left: 0 !important; right: 0px !important; }
.lan-select.right { float: right; }
.lan-select.right .list { left: auto; right: 0; }
.lan-select.small { font-size: 12px; height: 36px; line-height: 34px; }
.lan-select.small:after { height: 4px; width: 4px; }
.lan-select.small .option { line-height: 34px; min-height: 34px; }
.lan-select .list { border: 1px solid #999999; 
    background-color: inherit;
    border-radius: 2px; 
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); 
    box-sizing: border-box; 
    margin-top: 0px; 
    opacity: 0; 
    overflow: hidden; 
    padding: 0; 
    pointer-events: none; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    -webkit-transform-origin: 50% 0; 
    -ms-transform-origin: 50% 0; 
    transform-origin: 50% 0; 
    -webkit-transform: scale(0.75) translateY(-21px); 
    -ms-transform: scale(0.75) translateY(-21px); 
    transform: scale(0.75) translateY(-21px); 
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; 
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }
.lan-select .list:hover .option:not(:hover) { 
    background-color: transparent !important; }
.lan-select .option { 
    cursor: pointer; 
    font-weight: 400; 
    line-height: 40px; 
    list-style: none; 
    min-height: 40px; 
    outline: none; 
    padding-left: 18px; 
    padding-right: 29px; 
    text-align: center; 
    -webkit-transition: all 0.2s; 
    transition: all 0.2s; 
    color: #fff; }
.lan-select .option:hover, .lan-select .option.focus, .lan-select .option.selected.focus { background-color: inherit; }
.lan-select .option.selected { font-weight: bold; }
.lan-select .option.disabled { 
    background-color: transparent; 
    color: #343031; 
    cursor: default; }






/* Self */
body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */


  background-image: linear-gradient(
    to bottom, rgba(0,0,0,0) 90%, rgba(0,0,0,1) 100%), url("../img/slide_show.jpg");
  background-position: top;

  /* Full height */
  height: 110%; 

  /* Center and scale the image nicely */
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 592px;
}
.a-icon:hover i,.a-icon:hover h3,.a-icon:hover div {
    color: var(--seccolor) !important;
}

.feature-icon i{
    color: #fff;
}
.a-icon .feature-title{
    margin-top: 10px;
}
@media only screen and (max-width:991px) {
	#navigation>ul>li.has-sub>a { padding-right: 10px; }
}

.tab {
    float: right;
    
    background-color: #fff;
    width: 100%;
    height: auto;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 20px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: #a2a2a2;
    padding: 22px 10px;
    width: 100%;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    font-size: 40px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none;
    border-top: 1px solid #ccc;
    border-radius: 2px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
    color:  var(--seccolor);
}

/* Create an active/current "tab button" class */
.tab button.active {

    border-left: 3px solid;
    border-left-color: var(--seccolor);
    color: var(--seccolor);
}

/* Style the tab content */
.tabcontent {
    float: right;
    padding: 30px 30px 20px 30px;
    border: none;
    width: 100%;
    border-right: none;
    height: auto;
}
.img-fluid {
    border-radius: 5px;
}
.owl-stage-outer {
    border-radius: 5px
}
.text-rooms {
    border-radius: 5px;
    background-color: #fff;
}