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

[ Body ]
[ Header / header ]
[ Slideshow / .slideshow ]
[ commontop / .commontop ]
[ order / .order ]
[ about / .about ]
[ menu / .menu ]
[ dish / .dish ]
[ reservation / .reservation ]
[ gallery / .gallery ]
[ blog / .blog ]
[ newsletter / .newsletter ]
[ footer / .footer ]
[ header2 / .header2 ]
[ bread-crumb / .bread-crumb ]
[ banner / .banner ]
[ pagination / .pagination ]
[ abouts / .abouts ]
[ login / .login ]
[ thanks / .thanks ]
[ reserved / .reserved ]
[ service / .service ]
[ team / .team ]
[ contactus / .contactus ]
[ blog-detail / .blog-detail ]
[ testinner / .testinner ]
[ shop / .shop ]
[ shopdetail / .shopdetail ]
[ Mycart / .mycart ]
[responsive]
-------------------------------------------------------------------*/


/*@font-face {
	font-family: 'segoeui';
	font-style: normal;
	font-weight: normal;
	src: local('segoeui'), url('../fonts/segoeui.woff') format('woff');
}*/
/*----------
[ Body ]
-------------*/
body{
	/*font-family: 'segoeui';*/
	font-weight:400;
}
a:hover{
	text-decoration:none;
}
a:focus{
	outline:none;
}
.btn-link:hover, .btn-link:focus {
    text-decoration: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none ; 
    outline-offset: none;
	box-shadow:none;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none ;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: none ;
}
.owl-wrapper-outer{
	background:none ;
	box-shadow:none ;
	border:none ;
	border-radius:0px ;
}
.owl-carousel, .owl-controls{
	background:none ;
	margin:0 ;
}
.paddleft{
	padding-left:0px;
}
.padd0{
	padding:0px;
}
.paddright{
	padding-right:0;
}
.mar-b{
	margin-bottom:80px;
}
/*.btn-primary{
	background:transparent;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
	border-radius:4px;
	border:1px solid #fff; 
	height:50px;
}*/
.btn-primary {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    border-radius: 4px;
    height: 50px;
    margin: 20px 0;
    padding: 12px 20px;    
    display: inline-block;
    text-align: center;
}
.des{
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:24px;
}
.bottom-top:hover .icofont{
	color:#fff;
}
.bottom-top:hover {
	transition-duration: 1s;
    transition-timing-function: linear;
}
.bottom-top {
	display: none;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	border-radius:4px;
	padding:8px;
}
.bottom-top .icofont{
	font-size:20px;
	color:#fff;
}

/*--------------------
[ Header / header ]
---------------------*/
header{
	background: rgba(0, 0, 0, 0.45);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    top: 0;	
}
.top{
	border-bottom:1px solid #63625E;
}
.top .icon{
	margin:0;
}
.top .icon{
	padding:10px 0;
}
.top .icon li{
	line-height:14px;
	padding:0 22px 0 0;
}
.top .icon li i{
	margin-right:8px;
}
.top .icon li a{
	color:#fff;
	font-size:13px;
}
.button-top {
    text-align:right;
}
#form-language .btn-link {
    padding: 0;
    color: #fff;
    font-size: 13px;
    line-height: 14px;
}
header #logo{
	margin:15px 0;
}
#menu .navbar{
	margin:40px 0;
	min-height:0;
	border: 0px solid transparent;
}
#menu .nav > li{
	margin:0 34px 0 0;
}
#menu .nav > li:last-child{
	margin:0 0px 0 0;
}
#menu .nav > li > a{
	background-color: transparent;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding:0;
	line-height: 14px;
	text-transform:uppercase;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
}
#menu .nav > li > a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 100%;
	right: 0;
	top: 20px;
	height: 4px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#menu .nav > li > a:hover:before,#menu .nav > li > a:focus:before,#menu .nav > li > a:active:before {
	left: 0;
}
/*--------------------------------- 
[ Slideshow / .slideshow ]
----------------------------------- */
.slide{
	position:relative;
}
.slideshow img{
	width:100%;
}
.slide-detail{
	left: 0;
    position: absolute;
    right: 0;
	z-index:1;
	top:auto;
	bottom:7%;
	text-align:center;	
}
    .slide-detail img:not(.ordernow) {
        margin: 0 auto;
        /*width: 85%;*/
		height:270px;
    }
.slide-detail h1{
	font-size:50px;
	color:#fff;
	font-weight:700;
	margin:10px 0;
	text-transform:uppercase;
}
	.slide-detail h2 {
		font-size: 16px;
		color: #fff;
		margin: 0 10% 25px;
		line-height: 1.42857143;
	}
.ordernow {
	margin: 5px;
}
.slideshow .owl-pagination {
	top: auto;
	bottom: 3px;
	position: absolute;
	right: 0;
	left: 0;
}
.slideshow .owl-controls .owl-page{
	margin:0;
	padding:0 6px;
	text-align:center;
}
.slideshow .owl-controls .owl-page span {
    background: #fff;
	border:3px solid transparent;
	height:10px; 
	width:10px;
	box-shadow:none;
}
.slideshow .owl-controls .owl-page.active span {
    background: transparent;
	border:3px solid #fff;
	width:12px;
	height:12px;
}
.slide .owl-controls{
	margin:0 auto;
	max-width:1140px;
}
.slideshow .owl-buttons .owl-prev{
	left:60px; 
}
.slideshow .owl-buttons .owl-next{
	right:60px;
}
.slideshow .owl-buttons .owl-prev, .slideshow .owl-buttons .owl-next{
	color:#fff;
}
.slideshow .owl-buttons .owl-prev i, .slideshow .owl-buttons .owl-next i{
	font-size:60px;
	margin:0;
}
.slideshow .owl-buttons div {
    opacity:1 ;
}
/*--------------------------------- 
[ commontop / .commontop ]
----------------------------------- */
.commontop h3,
.commontop h4{
	font-size:24px;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
	margin:50px 0 24px;
}
.commontop p{
	font-size:14px;
	font-weight:400;
	color:#686868;
	margin:0 10% 24px;
}
.commontop hr{
    border-width:2px 0 0 0;
    border-style:solid;
	margin:0 auto 50px;
	width:100px;
}
/*--------------------------------- 
[ order / .order ]
----------------------------------- */
.order ul{
	margin:50px 0 50px;
}
.order ul li{
	padding:0 125px 0 0;
}
.order ul li:last-child{
	padding:0 0px 0 0;
}
.order ul li i{
	font-size:36px;
	color:#686868;
}
.order ul li p{
	font-size:16px;
	color:#686868;
	margin:15px 0 0 0; 
	font-style:italic;
}
.order .img-responsive {
    margin: 0 auto 80px;
}
/*--------------------- 
[ about / .about ]
----------------------- */
.about{
	background:url(../images/about_bg.jpg) center center no-repeat;
	width:100%;
	height:700px;
}
.about .commontop p{
	margin:0 0 14px;
}
.about .commontop hr{
	margin:0 0 30px;
}
.about .des{
	margin:0 0 50px;
	color: #686868;
}
/*--------------------------------
[ gallery / .gallery ]
---------------------------------- */
.gallery .product-thumb {
	margin-bottom:30px;
	overflow: hidden;
    position: relative;
}
.gallery .product-thumb .image{
	position:relative;
}
.gallery .product-thumb .image img{
	border-radius:4px;
}
.gallery .product-thumb .image .hoverbox{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.48);
	opacity:0;
	top:0;
	cursor:pointer;
}
.gallery .product-thumb:hover .hoverbox{
	-webkit-transition:all 1.5s ease;
	-moz-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
	-ms-transition:all 1.5s ease;
	transition:all 1.5s ease;
	opacity:1;
}

.gallery .product-thumb .image .show{
	position:absolute;
	text-align:center;
	left:0;
	right:0;
	top:40%;
}
.gallery .product-thumb .image .show i {	
	font-size:60px;
	cursor:pointer;
	transition: transform 0.35s ease 0s;
}
.gallery #myModal{
	background: rgba(0, 0, 0, 0.70) none repeat scroll 0 0;
}
.gallery #myModal .controls{
	position: absolute;
	font-size: 18px; 
	color: #fff; 
	top:50%;
}
.gallery #myModal .previous{
	left:-50px;
	font-size:36px;
}
.gallery #myModal .next{
	right:-50px;
	font-size:36px;
}
.gallery #myModal .modal-body{
	padding:0px;
}	
.gallery #myModal .modal-body img{
	width:100%;
}	
.gallery #myModal button.close {
   position:absolute;
   top:-5%;
   right:0;
   font-size:24px;
   color:#fff;
   opacity:100;
}
/*-----------------------------
[ newsletter / .newsletter ]
------------------------------- */
#newsletter{	
	padding:26px 0;
}
#newsletter .news{
	float:left;
	font-size:36px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	margin: 5px 0 0 0;
}
#newsletter p{
	margin:0 0 0 38%;
	font-size:14px;
	font-weight:400;
	color:#fff;
	border-left:1px solid #D88100;
	padding: 10px 0 15px 26px;
}
#newsletter .form-group{
	margin:7px 0;
}
#newsletter .input-group{
	width:100%;
}
#newsletter .input-group input{
	width:75%;
	height:50px;
	font-size:14px;
	border:0;
	border-radius:4px;
	padding:16px;
}
#newsletter .input-group .btn-news{
	background:#D88100;
	color:#fff;
	font-size:16px;
	font-weight:600;
	border-radius:4px;
	margin-left:10px;
	padding:12px 26px;
}
/*----------------------
[ footer / .footer ]
------------------------ */
footer{
	background:url(../images/footer_bg.jpg) center center no-repeat;
}
footer .inner{
	padding:100px 0 80px;
}
footer .inner h5{
	color:#fff;
	font-size:20px;
	font-weight:600;
	margin:0 0 42px;
	text-transform:uppercase;
	line-height:12px;
}
footer .inner ul{
	margin:0;
}
footer .inner li{
	padding:0 0 20px;
}
footer .inner li:last-child{
	padding:0 0 0px;
}
footer .inner li a, footer .inner li{
	font-size:14px;
	color:#fff;
	line-height:14px;
}
footer .inner .contact li a{
	line-height:22px;
}
footer .inner .contact li i{
	margin-right:15px;
	/*float:left;*/
	line-height: 24px;
}
footer .inner .contact li:first-child i{
	margin-bottom: 40px;
}
footer .powered{
	padding:0 0 25px;
}
footer .powered hr{
	border-top:1px solid rgba(255, 255, 255, 0.25);
	margin:0 0 44px;
}
footer .powered p{
	color:#fff;
	font-size:14px;
	margin:22px 0 0 ;
}
footer .powered .social{
	margin:22px 0 0;
}
footer .powered .social li{
	padding:0 20px 0 0;
	line-height:14px;
}
footer .powered .social li:last-child{
	padding:0 0px 0 0;
}
footer .powered .social li a{
	color:#fff;
	font-size:16px;
}
/*-----------------FACEBOOK-------------------*/
.fb-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #0054a6;
    cursor: pointer;
    color: white;
    font-size: 30px;
    font-weight: bold;
}

.fb-side {
    width: 800px;
    position: fixed;
    top: 110px;
    right: -500px;
    display: flex;
    z-index:100;
}

.fb-btn {
    width: 300px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.fb-panel {
    width: 500px;
    height: 50px;
}

    .fb-panel.sh {
        height: 700px;
    }

.fb-link-txt {
    padding: 0 15px 0 5px;
}

/*----------------
[responsive]
------------------*/
@media (max-width:1920px) and  (min-width:1200px){
	.slideshow .owl-buttons .owl-prev{
		left:20.5%; 
	}
	.slideshow .owl-buttons .owl-next{
		right:20.5%;
	}
}
@media (max-width:1680px) and  (min-width:1050px){
	.slideshow .owl-buttons .owl-prev{
		left:16%; 
	}
	.slideshow .owl-buttons .owl-next{
		right:16%;
	}
}
@media (max-width:1600px) and  (min-width:900px){
	.slideshow .owl-buttons .owl-prev{
		left:14%; 
	}
	.slideshow .owl-buttons .owl-next{
		right:14%;
	}
}
@media (max-width:1440px) and  (min-width:900px){
	.slideshow .owl-buttons .owl-prev{
		left:10%; 
	}
	.slideshow .owl-buttons .owl-next{
		right:10%;
	}
}
@media (max-width:1366px) and  (min-width:768px){
	.slideshow .owl-buttons .owl-prev{
		left:8%; 
	}
	.slideshow .owl-buttons .owl-next{
		right:8%;
	}
}
@media (max-width:1280px){
	header #logo {
		margin: 5px 0;
	}
	.button-top .btn-primary{
		margin: 12px 0;
	}
	#menu .navbar{
		margin:30px 0;
	}
	.top .icon {
		padding: 5px 0 7px;
	}
	.slide-detail h4{
		font-size:40px;
	}
    .slide-detail img:not(.ordernow) {
        width: 85%;
		height: auto;
    }
}
@media (max-width:1180px){
	.slideshow .owl-buttons .owl-prev{
		left:93px; 
	}
	.slideshow .owl-buttons .owl-next{
		right:93px;
	}
	#menu .nav > li {
		margin: 0 15px 0 0;
	}
	.button-top .btn-primary{
		font-size:13px;
	}
	.order ul li {
		padding: 0 66px 0 0;
	}
	.menu .nav-tabs > li {
		padding: 0 7px 0 0;
	}
	.menu .box .caption .des {
		font-size: 10px;
    }
	.slide-detail img:not(.ordernow) {
		width: 85%;
		height: auto;
	}
    .slide-detail h4 {
		font-size: 40px;
    }
    #newsletter .news {
		font-size: 28px;
    }
    #newsletter p {
		font-size: 13px;
    }
    footer .inner li a, footer .inner li {
		font-size: 14px;
    }
    footer .powered .social li {
		padding: 0 15px 0 0;
    }
    #newsletter .input-group input {
		width: 70%;
    }
    .about .des {
		font-size: 14px;
	}
}
@media (max-width:1024px) and  (min-width:800px){
	.slideshow .owl-buttons .owl-prev{
		left:3.5%; 
	}
	.slideshow .owl-buttons .owl-next{
		right:3.5%;
	}
}


@media (max-width:1000px){
	.slideshow .owl-buttons .owl-prev{
		left:102px; 
	}
	.slideshow .owl-buttons .owl-next{
		right:102px;
	}
	.top .icon li {
		padding: 0 10px 0 0;
	}
	.top .icon li a {
		font-size: 10px;
	}
	.top .icon li i {
		margin-right: 2px;
	}
    #menu .nav > li {
		margin: 0 10px 0 0;
	}
    #menu .nav > li > a {
		font-size: 11px;
    }
    .button-top .btn-primary {
		font-size: 10px;
	}
	.slide-detail h4 {
		font-size: 36px;
		margin:0;
	}
	.slide-detail p {
		font-size: 13px;
		margin: 0 8% 10px;
    }
	.slide-detail img:not(.ordernow) {
		width: 85%;
		height: auto;
	}
    .commontop p {
		font-size: 14px;
    }
    .order ul li {
		padding: 0 50px 0 0;
	}
	.order ul li p {
		font-size: 14px;
    }
    .about .commontop h4 {
		font-size: 16px;
    }
	.about .commontop p {
		font-size:11px;
	}	
	.about .des {
		font-size: 10px;
	}
	#newsletter .news {
		font-size: 22px;
	}
	#newsletter p {
		font-size: 9px;
	}
	#newsletter .input-group input {
		width: 61%;
	}
	footer .inner h5 {
		font-size: 16px;
    }
    footer .inner li a, footer .inner li {
		font-size: 10px;
	}
	footer .powered p {
		font-size: 11px;
    }
    footer .powered .social li {
		padding: 0 7px 0 0px;
	}
	footer .inner {
		padding: 90px 0 80px;
	}
	.btn-primary{
		height:auto;
	}
	header #logo {
		width:80%;
		margin:5px 0 0;
	}
	.button-top .btn-primary {
		margin: 5px 0;
	}
	#menu .navbar {
		margin: 18px 0;
	}
}
@media (max-width:900px){
	.slideshow .owl-buttons .owl-prev{
		left:62px; 
	}
	.slideshow .owl-buttons .owl-next{
		right:62px;
	}
}	
@media (max-width:800px){
	.slideshow .owl-buttons .owl-prev{
		left:18px; 
	}
	.slideshow .owl-buttons .owl-next{
		right:18px;
	}
}	
@media (max-width:767px){
	.slideshow .owl-buttons .owl-prev i, .slideshow .owl-buttons .owl-next i{
		font-size:25px;
	}
	.slide-detail h4{
		font-size:16px;
		margin:0;
	}
	.slide-detail p {
		font-size: 13px;
		line-height: 15px;
		margin:0 5px 5px;
	}
	.about {
		background: url(../images/about_bg.jpg) -183px 0px no-repeat;
		width: 100%;
		height: auto;
		padding: 0 0 20px;
	}
	.commontop h4{
		font-size: 14px;
		margin: 30px 0 20px;
	}
	.commontop hr,.order img {
		margin:0 auto 30px;
	}
	.order ul {
		margin: 0px 0 0;
	}
	header {
		position: relative;
		background:#000;
    }
	.top .icon li a {
		font-size: 14px;
	}
	.top .pull-left, .top .pull-right{
		float:none ;
		text-align:center;
	}
	.top .icon li {
		padding: 0px 6px 0 0;
	}
	header #logo img{
		margin: 0 0;
	}
	.paddleft {
		padding-left: 15px;
	}
	#menu .navbar {
		margin: 20px 0;
    }
	#menu .menutext {
		float: left;
		padding: 17px;
		font-size: 16px;
		color: #fff;
	}	
	#menu .navbar-toggle{
		color:#fff;
		border-width:1px;
        border-style:solid;
	}
	#menu .navbar-nav {
		margin: 7.5px 0;
		text-align: left;
	}
	#menu .nav > li {
		margin: 16px 0;
	}
	#menu .nav > li > a {
		font-size: 14px;
	}
	.padd0{
		padding:0 15px;
	}
	.slideshow .owl-buttons .owl-prev, .slideshow .owl-buttons .owl-next {
		top: 23% ;
	}
	.slide-detail {
		padding:5px 0 15px 0;
		top:0%;
    }
    .button-top {
       display:none;
    }
	.btn-primary {
		font-size: 16px;
        width:100%;
	}
	.about .des, .about .commontop p {
		font-size: 14px;
	}
	.about .commontop h4 {
		font-size: 14px;
	}
	.about .commontop hr {
		margin: 0 0 20px;
	}
	.commontop p {
		margin: 0 0 24px;
	}
	.gallery .product-thumb .image img {
		margin: 0 auto;
		width:100%;
	}
	.reservation {
		background: #000;
		height: auto;
		padding:0 0 50px;
	}
	#newsletter .news {
		float: none;
		font-size: 30px;
	}
	footer .inner {
		padding: 30px 0;
	}
	#newsletter p{
		margin: 0;
		font-size: 14px;
	}
	footer {
		background: #000;
		height: auto;
	}
	footer .inner h5 {
		font-size: 20px;
		margin: 30px 0;
	}
	footer .inner li a, footer .inner li, footer .powered p {
		font-size: 14px;
	}
	footer .powered .text-right, footer .powered .text-center{
		text-align:left; 	
	}
	.order ul li p{
		margin:0px 0 0 0;
	}
	.commontop p{
		font-size: 14px;
	}
	.gallery #myModal .next {
		right: 0;
    }	
	.gallery #myModal .previous {
		left: 0;
    }
	.gallery #myModal button.close {
		z-index: 1;
		top:0;
	}	
	.order ul li {
		padding: 0 0 0 0;
	}
	footer .inner .contact li:first-child i {
		margin-bottom: 15px;
	}
	.top .icon li .dropdown-menu{
		left:0;
	}

	.slide-detail {
		position: unset;
		background-color: #000;
	}

	.fb-link-txt {
		display:none;
	}
	.fb-btn {
		width: auto;
	}
	.fb-side {
		right: 0;
		display: inline-block;
		width: auto;
		top:50px;
	}
	.fb-panel {
		left: 0;
		width: 100vw;
		display:none;
	}
	.fb-panel.sh {
		display:flex;
		justify-content:center;
	}
}



@media (min-width:320px) and  (max-width:670px){
	.top .icon li a, #form-language .btn-link {
		font-size: 9px;
	}
}
@media (min-width:320px) and  (max-width:414px){
	.slide-detail {
		top: -12%;
	}
	.slide-detail p {
		height: 29px;
		overflow: hidden;
	}
	.ordernow {
		max-width:calc(100% - 10px);
	}
	/*.about .des {
		height: 150px;
		overflow: hidden;
	}*/
}
