/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*************** NEW ADD CUSTOM CSS HERE.   ***************/

.top-banners-2 {
margin-top:-70px !important;
background-color:white!important;
}

h3.slogan {
text-transform: uppercase !important;
	margin:4% 0 7% 0;
	
}

.main-button {
padding:7px 20px !important;
border:2px solid #9aaa8c !important;	
color:#45482d !important;
font-weight:500 !important;
font-size:110% !important;
}
.main-button:hover{
color:white !important;
}

.about-button {
padding:7px 20px !important;
border:2px solid #9aaa8c !important;	
color:#45482d !important;
font-weight:500 !important;
font-size:110% !important;
}
.about-button:hover{
color:white !important;
}

.banqet-button-white {
padding:7px 20px !important;
border:2px solid #9aaa8c !important;	
color:#45482d !important;
font-weight:500 !important;
font-size:110% !important;
width:300px;
white-space:nowrap!important;
margin-right:100px;
}
.banqet-button-white:hover{
color:white !important;
}

.banqet-button {
padding:7px 20px !important;
border:2px solid #7a193a !important;	
color:#f5f3e0 !important;
font-weight:500 !important;
font-size:110% !important;
background-color:#7a193a!important;
width:300px;

}
.banqet-button:hover{
color:#7a193a !important;
background-color:#f5f3e0!important;
}

.delivery-button {
padding:7px 20px !important;
border:2px solid #647636 !important;	
color:#f5f3e0 !important;
font-weight:500 !important;
font-size:110% !important;
background-color:#647636!important;
width:300px;

}
.delivery-button:hover{
color:#647636 !important;
background-color: rgba(237, 242, 236, .5)!important;
}





.title-about{
font-weight:400 !important;
font-size:4.3em !important;
color:#7b1e3d !important;
}
.title-menu{
font-weight:400 !important;
font-size:4.3em !important;
color:#687b58 !important;
}

.title-news{
font-weight:400 !important;
font-size:3.6em !important;
color:#687b58 !important;
}

.title-terms{
font-weight:400 !important;
font-size:2.3em !important;
color:#687b58 !important;
}

.title-menu-page{
font-weight:400 !important;
font-size:3.3em !important;
color:#687b58 !important;
}
.menu-image img{
border:2px solid #edf4e7 !important;	
}

.title-banquet{
font-weight:400 !important;
font-size:1.75em !important;
color:#687b58 !important;
white-space: nowrap;
}


.container-menu {
	text-align:right;
	width:100%;
	height:AUTO;
}
.fon-menu{
z-index:2!important;
position:relative!important;
}
.fon-menu img{
width:33vw;
}

	.mfp-arrow-left {margin-left:0px !important; zoom:2.5!important; mix-blend-mode: normal !important;}
	.mfp-arrow-right {margin-right:10px !important; zoom:2.5!important; mix-blend-mode: normal !important;}
.mfp-img {margin-top:-10% !important;}

ul.slide-menu{list-style: none; text-transform: uppercase !important; 
	font-size:120%;	color:#121212; text-decoration:underline; font-weight:100 !important; z-index:99999!important;}
li.slide-menu{
    padding: 10px;
    margin: 0px;
}
.tooltip span {
    visibility: hidden;
    position: absolute;
}

.tooltip:hover{
color:#687b58 !important;
}
.tooltip:hover span{
visibility: visible;
  opacity: 0;
  animation: ani .8s forwards;
}

.menu-1, .menu-2, .menu-3, .menu-4, .menu-5, .menu-6, .menu-7 {
width:33vw;
margin-left:35px;
position: realive;
text-align:left !important;
}

.menu-1{
margin-top:-150px;
visibility: visible;
  opacity: 0;
  animation: ani .5s forwards;
}
.menu-2{
margin-top:-192px;
}
.menu-3{
margin-top:-234px;
}
.menu-4{
margin-top:-276px;
}
.menu-5{
margin-top:-318px;
}
.menu-6{
margin-top:-360px;
}
.menu-7{
margin-top:-402px;
}
@keyframes ani {
  0% {opacity: 0;}
  100% {opacity: 1;}
}


.twig-about{
	background-size: contain !important;
background-position: top right;	
    background-image: url(/wp-content/uploads/2021/12/about-twig-01.png) !important;
	background-repeat: no-repeat;
	background-color: rgb(245, 235, 224)!important;
}

.twig-about-2{
	background-size: contain !important;
	background-position: top 50px right;	
    background-image: url(/wp-content/uploads/2021/12/about-twig-01.png) !important;
	background-repeat: no-repeat;
	background-color: rgb(245, 235, 224, .2)!important;
	padding-top:40px;
}

.twig-menu{
	background-size: contain !important;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/12/twig-menu-01.png);
	background-repeat: no-repeat;
}

.twig-banqet{
	background-size: contain !important;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/12/twig-banqet.png);
	background-repeat: no-repeat;
}

.twig-banqet-form{
	background-size: contain;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/12/twig-banqet.png);
	background-repeat: no-repeat;
	background-color:#f5f3e0!important;
}

.twig-delivery {
	background-size: contain;
background-position: top left;	
    background-image: url(/wp-content/uploads/2022/01/twig-delivery-2-1.png);
	background-repeat: no-repeat;
}

.twig-gallery {
	background-size: cover;
background-position: top left;	
    background-image: url(/wp-content/uploads/2022/01/twig-delivery-2-1.png);
	background-repeat: no-repeat;
}

.banquet-form {
max-width:400px;
}

.banquet-form>.wpcf7-submit {
padding:7px 20px !important;
border:2px solid #647636 !important;	
color:#f5f3e0 !important;
font-weight:500 !important;
font-size:110% !important;
background-color:#647636!important;
width:400px;
border-radius:15px !important;
clear: both !important;
}
.banquet-form>.wpcf7-submit:hover{
color:white !important;
background-color: #7a193a !important;
}

.banquet-form>.wpcf7-form-control-wrap{
margin:10px 0 10px 0!important;
	
}
.banquet-form>.wpcf7-form-control-wrap>input{
	border:1px solid #9aaa8c!important;
	border-radius:15px !important;
	padding:25px;
	width:400px;
}

.list-time-reserve{
	border:1px solid #9aaa8c!important;
	border-radius:15px !important;
	padding:10px 25px 10px 25px;
	height:50px;
	width:40%;
	float:left;
}
.list-guest-count {
	border:1px solid #9aaa8c!important;
	border-radius:15px !important;
	padding:10px 25px 10px 25px;
	height:50px;
	width:58%;
	float:left;
	margin-left:2%;
}

.list-inline span {
	display: inline !important;
	float:left;
}
.swal2-title {
color:#5a6c4b!important;
font-size:1.3em !important;
}
.wpcf7-not-valid-tip {
width:fit-content !important;
	border:1px solid #cfcfcf !important;
}

.reserve-table {
display:block; margin:3px 0 0 5px; background-image: url(/wp-content/uploads/2021/08/icon-reservation.png); background-size: contain; background-position: top left; background-repeat: no-repeat; width:100%; height:20px; vertical-align: middle; padding-left:23px;
}
.reserve-table:hover{text-decoration:underline;}

.header-block-block-1 {
width:100%!important;
margin:0px;
}
.social-links {
margin:10px 0 0px 0px;
}
.button.icon.circle {
margin-left:5px;
}

.contacts-map{
margin-top:3%;
}
.contacts-map iframe {
width:100%!important;
}

/*************** END NEW ADD CUSTOM CSS HERE.   ***************/

.woocommerce-MyAccount-navigation-link--downloads {display:none !important;}
.woocommerce-MyAccount-navigation-link--dashboard {display:none !important;}







.banket-back-box{
width:500px; 
height:650px; 
position:absolute; 
top:-50px; 
left:0; 
z-index:0; 
background:rgba(246, 228, 204, 0.99);
}

.food-circle-1, .food-circle-2, .food-circle-3, .food-circle-4, .food-circle-5, .food-circle-6, .food-circle-7{
  border-radius: 50%;
width:400px;
	height:400px;
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
	margin:250px;
}
.food-circle-1 {
	background-size: 100%;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/08/157138105_262713801991965_6824765800434731299_n.jpg);
	background-repeat: no-repeat;
  transform: rotate(15deg);
}
.food-circle-2 {
	background-size: 100%;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/08/food-4.jpg);
	background-repeat: no-repeat;	
  transform: rotate(15deg);

}
.food-circle-3 {
	background-size: 100%;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/08/food-5.jpg);
	background-repeat: no-repeat;	
  transform: rotate(15deg);

}

.food-circle-4 {
	background-size: 100%;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/08/food-6.jpg);
	background-repeat: no-repeat;	
  transform: rotate(15deg);

}

.food-circle-5 {
	background-size: 100%;
background-position: top left;	
    background-image: url(/wp-content/uploads/2021/08/food-7.jpg);
	background-repeat: no-repeat;	
  transform: rotate(15deg);

}
.food-circle-1:hover, .food-circle-2:hover, .food-circle-3:hover, .food-circle-4:hover , .food-circle-5:hover , .food-circle-6:hover , .food-circle-7:hover{
 -webkit-transform: scale(1.15) rotate(17deg);
 -moz-transform: scale(1.15) rotate(17deg);
 -o-transform: scale(1.15) rotate(17deg);	
}

.food-box{
  overflow: hidden;
width:100vw;
	height:600px;
	margin-left:-42vw;
}

.food-box-45{
  transform: rotate(-15deg);
		margin-left:-15vw;
}

.bottom-gradient{
position:absolute;
bottom:0px;
left:0px;
width:500px;
height:700px;
background: linear-gradient(75deg, rgba(98,58,73,1) 60%, rgba(255,255,255,0) 90%);
z-index:2;
}
.arc {

	
}

.food-box .flickity-slider .is-selected{
 transform: scale(1.20) translateY(-15%); 
-moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}
.food-box .flickity-slider {
 transform: translateY(22%) scale(0.5); 
-moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}


.back-to-top.circle.active{
background:rgba(255, 255, 255, 0.5);
zoom:1.2;
	
}


.smm-link {
padding-top:12px;
}

.bottom-contacts li{
list-style-type: none;
font-size:.8em;
}

.bottom-list li{
list-style-type: square;
font-size:.8em;
}

.reserved {
display:block; background-image: url(/wp-content/uploads/2021/08/icon-reservation.png); background-size: contain; background-position: top left; background-repeat: no-repeat; width:100%; height:20px; vertical-align: middle; padding-left:23px;
}
.reserved:hover{text-decoration:underline;}
.delivery{
display:block; background-image: url(/wp-content/uploads/2021/08/icon-delivery.png); background-size: contain; background-position: top left; background-repeat: no-repeat; width:100%; height:23px; vertical-align: middle; padding:2px 0 0 25px; margin:0 0 -15px 20px; 
}

.delivery:hover{ 
background-image: url(/wp-content/uploads/2021/08/icon-delivery-hover.png);
	text-decoration:underline;
}




@media only screen and (max-width: 1024px) {
	
.list-time-reserve{
	width:40%;
}
.list-guest-count {
	width:58%;
}
	
.twig-about-2{
	background-image: url(/wp-content/uploads/2021/12/about-twig-01.png), 
		url(/wp-content/uploads/2022/01/twig-mob.png) !important;
	background-position: bottom right, top 30px left !important;
	background-size: auto, auto !important;
}

	
.title-menu-page{
font-weight:400 !important;
font-size:2.8em !important;
color:#687b58 !important;
}
	
.title-banquet{
font-size:1.75em !important;
white-space: normal;
}
	
.menu-list {margin-top:-50px;}	

.twig-menu {padding-top: 50vw !important;}

.menu-1{
margin-top:-20px;
}
.menu-2{
margin-top:-54px;
}
.menu-3{
margin-top:-90px;
}
.menu-4{
margin-top:-120px;
}
.menu-5{
margin-top:-155px;
}
.menu-6{
margin-top:-192px;
}
.menu-7{
margin-top:-220px;
}	
	

	
}

@media only screen and (max-width: 801px) {
	
.menu-list {margin-top:0px;}	

.twig-menu {padding-top: 50vw !important;}
	
	.mfp-arrow-left {margin-left:-18px !important; margin-top:-15% !important; zoom:2.5!important; mix-blend-mode: normal !important;}
	.mfp-arrow-right {margin-right:-12px !important; margin-top:-15% !important; zoom:2.5!important; mix-blend-mode: normal !important;}
	.mfp-img {margin-top:0 !important;}

.banqet-button-white {
margin-right:20px;
}
	
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
.twig-about{
	background-size: 150%;
background-position: top left;	
}

.banket-back-box{
width:270px; 
height:650px; 
position:absolute; 
top:-50px; 
left:0; 

}	
	
	
.food-box{
width:150vw;
	height:400px;
	margin-left:-60vw;
}

	
.food-circle-1, .food-circle-2, .food-circle-3, .food-circle-4, .food-circle-5, .food-circle-6, .food-circle-7{
width:300px;
height:300px;
margin:240px;
}
.bottom-gradient{display:none;}	
}

@media only screen and (max-width: 450px) {
/*************** ADD NEW MOBILE ONLY CSS HERE  ***************/
	
	.twig-banqet-form{
		background-size: cover;
	}

	.slogan {
		font-size:130% !important;
		margin-top:20px !important;
	}
	.main-button {
	left:20px!important;
	}
	
	.mfp-arrow-left {margin-left:-18px !important; margin-top:-20% !important; zoom:2.5!important; mix-blend-mode: normal !important;}
	.mfp-arrow-right {margin-right:-12px !important; margin-top:-20% !important; zoom:2.5!important; mix-blend-mode: normal !important;}
	.mfp-img {margin-top:0 !important;}
	
/*************** END NEW MOBILE ONLY CSS HERE  ***************/	
	
	
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.header-button-1 {
display:block; background-image: url(/wp-content/uploads/2021/08/mob-callback-new.png); background-size: contain; background-position: center center; background-repeat: no-repeat; width:20px; height:20px; vertical-align: middle;	font-size:0 !important;
}

	
.food-box{
border:2px soled red;
width:130vw;
	height:400px;
	margin-left:0;
}

.food-circle-1, .food-circle-2, .food-circle-3, .food-circle-4, .food-circle-5 {
width:90% !important;
padding:45vw !important;
margin:0 20px 0 20px !important;
}
	
.food-box .flickity-slider .is-selected{
 transform: scale(1.20) translateY(-15%); 
margin-left:30px;
}
	
.mob-menu-slider ol.flickity-page-dots {position:relative; top:-10px!important; left:0px;}


	.twig-menu {padding-top: 375px !important;}
	.menu-list {margin-top:10px;}	
	
.twig-about{
	background-size: 180%;
background-position: top left;	
}

.twig-delivery {background-size: cover;}
	
.tooltip:hover span{
display: none !important;
}
.menu-1, .menu-2, .menu-3, .menu-4, .menu-5, .menu-6, .menu-7{
display: none !important;
	}
}