.glyphicon{top:3px;}
            .room_home{margin:0; display:inline-block; color:#475a20; cursor:pointer;}
            .room_home:hover{color:#475a20; text-decoration:none;}
            .inner_res .home_collapse {top: 50px;}
            .sign_bg{background:none;}
            .MT_5{ margin-top:-6px}
            .wide_cal{ width: 93%;}
            @media screen and (min-width: 320px) and (max-width: 1199px) {
            .mobiletop-box-divs{display:block !important;}
            }
            @media screen and (min-width: 320px) and (max-width: 767px) {
            .reservation label, .panel-body{ color:#475a20;}
            }
.paragraph, .rich-text p {color: #7b7b7b; margin-bottom: 20px; line-height: 25px; text-align: justify;}
.artsculture_map{position:relative; padding:30px 0px;}

.map_head{padding:10px 30px; background:rgba(255, 255, 255, 0.7); position:absolute; bottom:50px; left:0; right:0; margin:0 auto; text-align:center; max-width:500px; }
.map_head  .map_text{font-size:22px; margin:0; padding:0; text-transform:uppercase;}

/* Accordion */
.artcult_accordion{position:relative; padding-bottom:20px;}

.artcult_accordion .panel-heading { border-radius: 0; background: #ffffff !important;border:transparent;background-image:none !important;padding:0;}
.artcult_accordion .panel-group .panel {margin-bottom: 0; border-radius: 4px; border: 0 !important; box-shadow: none !important;}
.artcult_accordion .panel_no {
    padding: 0 20px;
}
.artcult_accordion .panel-title{ padding:10px 15px 10px 10px; background:#ebebeb; min-height:50px;}
.artcult_accordion .panel-title {color:var(--primary);line-height:30px; text-transform:uppercase; font-weight:700; font-size:18px;}
.artcult_accordion a .panel-title:before {color: #000;float: right !important; 
font-family: FontAwesome; content:"\f077";padding-right: 0; width: 50px; 
text-align: center; position: absolute; right: 0;line-height:32px;
 height: 50px;}
.artcult_accordion a.collapsed > .panel-title:before { float: right !important; content:"\f078";}
.artcult_accordion .panel-title > a:hover, 
.artcult_accordion .panel-title > a:active, 
.artcult_accordion .panel-title > a:focus  { text-decoration:none;}
.artcult_accordion .panel-body{margin-bottom: 5px;border:2px solid #ebebeb !important; padding:20px 0px !important; margin-top:5px;}
.artcult_accordion .artculture_content {
    color: #000000;
    /*margin-bottom: 20px;*/
    margin-top: 20px;
	padding-top: 20px;
    /*padding-bottom: 30px;*/
	text-align: center;
	background:url(../images/art-bg-img.png) no-repeat scroll center;
    box-shadow: 0 0 7px 0px rgb(214, 214, 214, 0.96);
	transition: all 0.5s ease;
    border: 1px solid transparent;  height:100%
}
.artcult_accordion .artculture_content span{display:block; margin-bottom:2px;}
.artcult_accordion .artcult_title {
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.artcult_accordion .artcont_title .artcont_no {
    display: block;
    text-align: center;
}
.artcult_accordion .artcult_headings{padding-left:55px;}
.artcult_accordion  .desctext{color:#7b7b7b; font-size: 15px; line-height: 22px;}
.artcult_accordion  .desctext ul{margin-bottom:0;}
.artcult_accordion  .desctext .fa{color:#fac217;}
[aria-expanded=true] h4.panel-title {
    background: transparent;
    border: 1px solid var(--primary);
}

.artculture_content:hover {border-color: var(--primary);}

.artculture_content:hover h5.artcult_title {
    color: var(--primary);
}

h4.artcult_title {
    transition: all .5s ease;
}

/* Force table to not be like tables anymore */
.artculture_content table, .artculture_content thead, .artculture_content tbody, .artculture_content th, .artculture_content td, .artculture_content tr {display: block;}
.artculture_content thead tr {position: absolute;top: -9999px;left: -9999px;}
.artculture_content tr { margin: 0 0 1rem 0; }
.artculture_content td {border: none;position: relative;padding-left: 30%;}
.artculture_content td:before {position: absolute;top: 0;left: 55px;width: 20%;padding-right: 10px;white-space: nowrap;}
	/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/
.artculture_content td:nth-of-type(1):before { content: "RATING:"; color: #0563ae; font-weight: 700;text-transform: uppercase; font-size: 15px; line-height: 22px;}
.artculture_content td:nth-of-type(2):before { content: "PHONE NUMBER:"; color: #0563ae; font-weight: 700;text-transform: uppercase; font-size: 15px; line-height: 22px;}
.artculture_content td:nth-of-type(3):before { content: "ADDRES:"; color: #0563ae; font-weight: 700;text-transform: uppercase; font-size: 15px; line-height: 22px;}
.artculture_content td:nth-of-type(4):before { content: "OPENING AND CLOSING HOURS:"; color: #0563ae; font-weight: 700;text-transform: uppercase; font-size: 15px; line-height: 22px;}

.modal-header .close {
    margin-top: 0;
    color: #000;
    opacity: 1;
    top: 0;
    position: absolute;
    right: 10px;
    font-size: 35px;
}

.modal-header h5 {
    font-size: 18px;
    font-weight: bold;
}

.modal-content{border-radius: 0px;}

@media (min-width: 768px){
.modal-dialog {
    width: 450px;
}}

@media screen and (min-width:1024px) and (max-width: 1366px){
	.artculture_content td:before{width:30%;}
	.artculture_content td{padding-left:35%;}
}

@media screen and (min-width:768px) and (max-width: 991px){
	.artculture_content td:before{width:40%;}
	.artculture_content td{padding-left:45%;}
}
@media screen and (min-width:320px) and (max-width: 767px){
	.artcult_accordion .artcult_title{font-size:15px;}
	.artcult_accordion .artcont_title .artcont_no{width:20px;}
	.artculture_content td:before{position:relative;left: 0px !important; width: 100%;}
	.artculture_content td{padding-left:5%;}
}




.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
    margin-left: -50px;
    color: #000;
    font-size: 52px;
}
.carousel-showmanymoveone .carousel-control{
    top: 35%;
}
.carousel-showmanymoveone .carousel-control.right {
	color: #000;
    font-size: 52px;
	margin-right: -50px;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+1) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.carousel-showmanymoveone .carousel-control.right {
		margin-right: -35px;
	}
	.carousel-showmanymoveone .carousel-control.left {
		margin-left: -35px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.carousel-showmanymoveone .carousel-control.right {
		margin-right: -20px;
	}
	.carousel-showmanymoveone .carousel-control.left {
		margin-left: -20px;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.carousel-showmanymoveone .carousel-control.right {
		margin-right: -15px;
	}
	.carousel-showmanymoveone .carousel-control.left {
		margin-left: -15px;
	}
}

.rating-div {
    margin-top: 20px;
}
.artcult_div {
    margin-bottom: 15px;
}
.rating-div .list-inline>em{
	padding-right: 2px;
    padding-left: 2px;
}
.artculture_content_middle {
    border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.artcult_accordion .panel-group .panel {
    margin-top: 5px;
}

.local-serv-slider .item:after, .local-serv-slider2 .item:after, .local-serv-slider3 .item:after {
    position: absolute;
    content: '';
    right: -15px;
    top: 0px;
    margin: 0 auto;
    text-align: center;
    height: 100%;
    width: 0;
    /*border: 1px solid #d0d0d0;*/
}

.local-serv-slider .item, .local-serv-slider2 .item, .local-serv-slider3 .item {
    padding: 40px 7px;
    position: relative; height:100%
}


.owl-nav span{    font-size: 100px;
    color: #000;}

.owl-nav span:hover {   
    color: #8f8f8f;}

.owl-nav {
    position: absolute;
    top: 30%;
    width: 100%;

}

button.owl-prev {
    left: -60px;
    position: absolute;
}

button.owl-next {
    position: absolute;
    right: -60px;
}

button.owl-next:focus, button.owl-prev:focus{ outline: none;}


span.artcult_subhead_btn {
    transition: all 0.3s ease;
    padding: 10px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    border: 1px solid var(--primary);
}

span.artcult_subhead_btn a {
    color: var(--black);
}

span.artcult_subhead_btn:hover {
    background: transparent;
    border: 1px solid var(--black);
    color: var(--black);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	
.owl-nav {
    position: absolute;
    width: 96%;
    left: 10px;
    top: 40%;
}

.owl-nav span {
    font-size: 60px;}
	
}

@media screen and (max-width:991px) {
	
	.local-serv-slider .item, .local-serv-slider2 .item, .local-serv-slider3 .item {
    padding: 10px 30px;}
	
}


@media screen and (max-width:991px) and (min-width:768px) {

  
.owl-nav {
    top: 30%;
    width: 93%;
    left: 22px;
    margin: 0 auto;
}

.owl-nav span {
    font-size: 70px;}
  
}



@media screen and (max-width: 767px) and (min-width: 320px) {
	
.owl-nav {
    position: absolute;
    top: 30%;
    width: 85%;
    margin: 0 auto;
    left: 25px;
}

.owl-nav span {
    font-size: 70px;}
}
.owl-carousel .owl-stage{display:flex; }