/*Breadcrumb Location and search rx*/

.breadcrumb_rx_searchbutton{float: left;width: 100%;padding: 10px 0 20px;}
.breadcrumb_location{float: left;width: 60%;margin: 25px 0 0;}
.breadcrumb_location span{float: left;margin: 0 5px 0 0;font-size: 15px;color: #6c6c6c;}
.breadcrumb_location span a{color: #6c6c6c;}
.breadcrumb_location span a:hover{color: #fe714e;font-weight: 600;}
.breadcrumb_location span a .fa-home{float: left;margin: 0 3px 0 10px;}
.restaurant_search_button{float: right;width: 32%;position: relative;}
.restaurant_search_button input[type="text"]{float: right;width: 93%;padding:15px 0 15px 6%;color: #6c6c6c;border:  1px solid #c0c0c0;font-size: 17px;border-radius: 30px;}
.restaurant_search_button button{font-size: 26px;border: none;background: none;color: #ccc;position: absolute;right: 18px;top: 11px;cursor: pointer;}
.restaurant_search_button button:hover{color: #48c479;}

.oz_offer_area{float:left;width:40%;}
.oz_offer_area h3{text-align:center;font-size:21px;text-shadow:1px 1px 0px rgba(0,0,0,0.3);color:#4b4747;width:400px;margin:0 auto;float:none;display:block;}
.oz_offer_area h3 span{color:#e43841;}
.oz_offer_area p{width:280px;margin:0 auto;float:none;display:block;text-align:right;}

.oz_offer_area .tooltip_offer {position: relative;display: inline-block;color:#000;margin:0 10px;}
.oz_offer_area .tooltip_offer .tooltip_content {visibility: hidden;width: 240px;background-color: black; color: #fff;border-radius: 6px;padding: 10px;line-height: 20px;position: absolute;z-index: 1;top: 24px;right: -110px;text-align:left;}
.oz_offer_area .tooltip_offer:hover .tooltip_content {visibility: visible;}

/* Restaurant Detail Section */
.restaurant_detail_header_section{float: left;width: 100%;padding: 30px 0;background: rgba(246,247,248,0.4);}
.restaurant_detail_header_section .restaurant_detail_header_sec1{float: left;width: 22%;}
.restaurant_detail_header_section .restaurant_detail_header_sec1 img.rx-image{float: none;display: block;margin: 0 auto;}
.restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec{float: left;width: 100%;text-align: center;margin: 15px 0 0 0;}
.restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec h4{color: #7e808c;font-size: 20px;}
.restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec h4 .fas{color: #f8d540;}
.restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec p{font-size: 14px;color: #7e808c;}

.restaurant_detail_header_section .restaurant_detail_header_sec2{float: left;width: 56%;margin: 0 0 0 3%;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 h1{text-align: left;font-size: 22px;font-weight: 600;margin: 0 0 2px;color: #4b4747;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 h5{font-size: 13px;font-weight: 500;color: #4b4747;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 ul{float: left;width: 100%;margin: 20px 0;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 ul li{float: left;padding: 20px;border: 1px dotted #c3c2c2;text-align: center;height: 39px;margin: 0 0% 0 0;color: #898992;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 ul li.restaurant_detail_header_del_pic{font-size: 12px;line-height: 18px;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 ul li.restaurant_detail_header_min_del {font-size:12px;line-height: 18px;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer h3{font-size:16px;color: #e43841;float: left;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer h3 img{float: left;margin: -1px 5px 0 0;width: 23px;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer h5{font-size: 13px;font-family: 'ubuntumedium';clear: both;margin: 3px 0 0 0;width: 100%;color:#898992;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer .rx_offer_more{position:absolute;bottom:30px;right:10px;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_cuisine{float: left;width: 100%;font-size: 16px;background: url(../../images/restaurants/oz-restaurant-cuisine-details.png) no-repeat scroll top left/contain;color: #54555b;padding: 9px 0px 0 35px;background-position: 0px -2px;font-family: 'ubuntumedium';}

.restaurant_detail_header_section .restaurant_detail_header_sec3{float: right;width: 18%;}
.restaurant_detail_header_section .restaurant_detail_header_sec3 h3{text-align: center;margin: 0 0 5px;color: #54555b;}

.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer{cursor: pointer;position: relative;padding:20px 18px 20px 20px;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer_list{float: left;width: 300px;background: #fff;box-shadow: 5px 5px 6px rgba(0,0,0,0.3);position: absolute;padding: 20px;border-radius: 5px;padding: 20px;left: -80px;top: 65px;cursor: auto;border-top: 3px solid #fe714e;display: none;z-index:1000;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer:hover .restaurant_detail_header_offer_list{display: block;-webkit-transition: opacity .3s ease, top .25s ease;-moz-transition: opacity .3s ease, top .25s ease;-ms-transition: opacity .3s ease, top .25s ease;-o-transition: opacity .3s ease, top .25s ease;transition: opacity .3s ease, top .25s ease;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer p{float: left;width: 100%;text-align: left;font-size: 13.5px;margin: 0 0 10px;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer p.rx_offer_title{ font-family: 'ubuntumedium';font-size: 15px;background: url(../../images/restaurants/oz-restaurant-special-offer.png) no-repeat scroll 0 1px /19px;padding: 0 0 0 9%;width: 90%;margin: 10px 0;}
.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer p .fas{color: #2cad1c;}

/*Loader*/
.loader_out{position:relative;}
.inner_loader{position:fixed;top:50%;left:50%;margin:-24px 0 0 -15px;width:55px;}
.loader {border: 14px solid #f3f3f3;border-radius: 50%;border-top: 14px solid #f2be14;border-bottom: 14px solid #f2be14;width: 80px;height: 80px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;position: fixed;top: 50%;left: 50%;margin-top: -50px;margin-left: -40px;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/*Image Gallary*/

.rx_gallry_section .rx_gallery:after {content: "";display: table;clear: both;}
/* The Modal (background) */
.rx_gallry_section .modal {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%; overflow: auto;background-color: black;}
/* Modal Content */
.rx_gallry_section .modal_content {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 90%;max-width: 600px;}
/* The Close Button */
.rx_gallry_section .close {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.rx_gallry_section .close:hover, .close:focus {color: #999;text-decoration: none;cursor: pointer;}
.rx_gallry_section .modal.mySlides {display: none;}
.rx_gallry_section .cursor {cursor: pointer;}
/* Next & previous buttons */
.rx_gallry_section .prev, .rx_gallry_section .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white;font-weight: bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}
/* Position the "next button" to the right */
.rx_gallry_section .next {right: 0;border-radius: 3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.rx_gallry_section .prev:hover, .rx_gallry_section .next:hover {background-color: rgba(0, 0, 0, 0.8);}
.rx_gallry_section img {margin-bottom: -4px;}
.rx_gallry_section .demo {opacity: 0.6;}
.rx_gallry_section .active, .rx_gallry_section .demo:hover {opacity: 1;}
.rx_gallry_section img.hover-shadow {transition: 0.3s;width: 100%;}
.rx_gallry_section .hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

@media screen and (max-width:1170px)
{
    .breadcrumb_rx_searchbutton{width:98%;padding:10px 1% 20px;}
	.restaurant_search_button{margin: 0 1% 0 0;}
	.breadcrumb_location span{font-size: 15px;}
	.restaurant_detail_header_section{width:98%;padding:30px 1%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec1{width:20%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2{width:60%;margin:0 0 0 2%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 ul li{padding:16px;}
}

@media screen and (max-width:980px)
{
	.restaurant_search_button{width: 30%;}
	.restaurant_search_button input[type="text"]{font-size: 15px;}
	.breadcrumb_rx_searchbutton{width:98%;margin:0 1%;}
	.restaurant_search_button input[type="text"]{padding:12px 0 12px 6%;}
	.restaurant_search_button button{font-size:22px;top:10px;}
}

@media screen and (max-width:959px)
{
	.breadcrumb_location{width: 100%;}
	.restaurant_search_button{width: 70%;margin: 20px 15% 0;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 ul li{width:47%;padding:16px 0;margin:0 1%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer{margin:7px 1%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer h3{width:100%;}
}

@media screen and (max-width:767px)
{
	.breadcrumb_location{display: none;}
	.restaurant_detail_header_section .restaurant_detail_header_sec3{display:none;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2{width:71%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec1{width:22%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 ul{margin:10px 0 0;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 h1{font-size:20px;}
}

@media screen and (max-width:599px)
{
    .restaurant_detail_header_section .restaurant_detail_header_sec2 ul li.restaurant_detail_header_del_pic, .restaurant_detail_header_section .restaurant_detail_header_sec2 ul li.restaurant_detail_header_min_del{font-size:11px;}
    .restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_offer h3, .restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_cuisine{font-size:14px;}
    .restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec h4{font-size:15px;}
    .restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec p{font-size:12px;}
    .restaurant_detail_header_section .restaurant_detail_header_sec2 h1{font-size:17px;}
    .restaurant_detail_header_section .restaurant_detail_header_sec2{width:68%;}
    .restaurant_detail_header_section .restaurant_detail_header_sec2 ul{display:none;}
}

@media screen and (max-width:479px)
{
	.restaurant_search_button{width: 98%;margin: 10px 1%;}
	.restaurant_detail_header_section{padding:15px 1% 10px;}
	.restaurant_detail_header_section .restaurant_detail_header_sec1{width:20%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2{width:68%;margin:0px 2%;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 h1{font-size:15px;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 h5{font-size:11px;}
	.restaurant_detail_header_section .restaurant_detail_header_sec2 .restaurant_detail_header_cuisine{font-size:12px;}
	.restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec h4{font-size:13px;}
	.restaurant_detail_header_section .restaurant_detail_header_sec1 .restaurant_detail_header_review_sec p{font-size:11px;}
	
}