/*google-fonts*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*fonts*/
@font-face {
    font-family: 'Aldo';
    src: url('fonts/Aldo-SemiBold.eot');
    src: url('fonts/Aldo-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Aldo-SemiBold.woff2') format('woff2'),
        url('fonts/Aldo-SemiBold.woff') format('woff'),
        url('fonts/Aldo-SemiBold.svg#Aldo-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*general*/
body{font-family: 'Arial', sans-serif; background-color: #000000;}
/* .wow { visibility: hidden; } */
h2,h3,h4,h5{}
h1{font-size: 50px;line-height: 1.216; font-weight: 600;}
h2{font-size: 38px; line-height: 1.216;}
h3{font-size: 36px; line-height: 1.216;}
h4{font-size: 28px; line-height: 1.216;}
h5{font-size: 22px; line-height: 1.216;}
h6{font-size: 18px; line-height: 1.216;}
p{font-size: 16px; font-weight: 400; line-height: 1.6;}
.white-color{color: #ffffff!important;}
.white-bg{background-color: #ffffff!important;}
.off-white-bg{background-color: #e0e0e0;}
.black-bg{background-color: #000000;}
.black-color{color: #000000;}
.red-bg{background-color: #ec202d;}
.red-color{color: #ec202d;}
.orange-bg{background-color: #ff5a00;}
.orange-color{color: #ff5a00;}
.offwhite-bg{background-color: #f3f3f3;}
.gray-color{color: #404040;}
.gray-bg{background-color: #404040;}
.dark-gray-bg{background-color:#1e1e1e;}
.fb-bg{background-color: #4267b2;}
.insta-bg{background-color: #dd2a7b;}
.extrathin-text{font-weight: 100;}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.bold-text{font-weight: 700;}
.extrabold-text{font-weight: 900;}
a,a:hover, a:focus, button, button:hover, button:focus{border:none; outline: none; text-decoration: none;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} 
.img-cover{object-fit: cover;}
.img-contain{object-fit: contain;}
.img-center{object-position: center;}
.black-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.45);}
.black-overlay-hard{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.75);}

.font-aldo{font-family: 'Aldo';}
.pre-heading, .post-heading{letter-spacing: 28px; font-size: 34px; display: block;}
.heading{font-size: 132px; margin: 0;}

/*btn*/
.btn-solid{ text-align: center; padding: 0.5rem; font-size: inherit; font-weight: inherit; line-height: 1; border-radius: 50px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer;}
.btn-solid:hover{ filter: grayscale(50%); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer;}

/*scroll-top-btn*/
.scroll-top-btn{position: fixed; right: 1rem; bottom: 1rem; width: 60px; height: 60px; border-radius: 50%; z-index: 999; font-size: 24px; bottom: -5rem; text-align: center;  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15));}
.scroll-top-btn i{line-height: 60px;}

/*home-menu*/
.home-menu{margin: 0; padding: 0; margin-top: 40px;}
.home-menu li{display: inline-block; padding: 5px; position: relative;}
.home-menu li:after{content: ''; position:absolute; width: 1px; height: 80%; background-color: #ffffff; right: 0; top: 10%;}
.home-menu li:first-child:after{display: none;}
.home-menu li:last-child:after{display: none;}
.home-menu li a{font-size: 14px; background-color: #ec202d; color: #ffffff; border-radius: 16px; padding: 8px 20px; text-transform: uppercase;} 
.home-menu li.branches a{font-size: 14px; background-color: transparent;} 
.home-menu li a:hover{color: #ffffff; }
.copyright{font-size: 12px; margin-top: 50px;}
.filter-drop-shadow{filter: drop-shadow(16px 16px 6px rgba(0,0,0,0.5));}

/*slider*/
.slider h2{font-size: 18px;}
.slider h3{font-size: 32px;}
.home-logo {width: 180px;}

/*menu-button*/
.menu-button{position: fixed; cursor: pointer; top: -8rem; right: 1.2rem; width: 60px; height: 60px; border-radius: 50%; z-index: 99999; font-size: 1.5rem; bottom: -5rem; text-align: center;  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.15)); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer;}
.menu-button i.bar { position: absolute; height: 3px; width: 35px; left: 13px; top: 27px; background-color: #fff; display: block; z-index: 999; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.menu-button i.bar:before {position: absolute;content: '';height: 3px;width: 30px;background-color: #fff;left: 0;top: -10.5px;z-index: 999;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.menu-button i.bar:after {position: absolute; content: ''; height: 3px; width: 20px; background-color: #fff; left: 0; bottom: -10.5px; z-index: 999; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.menu-button.close-menu i.bar { background-color: transparent; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.menu-button.close-menu i.bar:after { width: 35px; bottom: -.5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.menu-button.close-menu i.bar:before {width: 35px;top: -.5px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}

/*header*/
.header{ background-color: rgba(0,0,0,0); position: fixed;  width: 100%; top: 0; z-index: 999; padding: 30px 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.header .links{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header .page-menu{margin-left: auto; margin-bottom: 0;}
.header .page-menu>li{padding-right: 0.8rem; display: inline-block; list-style: none; position: relative;}
.header .page-menu>li:after{content: ''; width: 1px; height: 50%; position:absolute; right: 0.2rem; top: 50%; transform: translateY(-50%); background-color:#ec202d; }
.header .page-menu>li:last-child{padding-right:0;}
.header .page-menu>li:last-child:after{display: none;}
.header .page-menu>li a{font-size: 16px; line-height: 1; font-weight: 400; color: #ffffff; text-transform: uppercase; padding: 0.8rem 0.5rem;}
.header .page-menu>li a:hover, .menu .navbar-nav>li a:focus, .menu .navbar-nav>li.ubermenu-current-menu-item a{color: #e92530; }

.header .page-menu>li .sub-menu { background-color: #000000; display: block; left: 0; top: 100%; list-style: none; margin: 20px 0 0; opacity: 0; padding: 0px; position: absolute; visibility: hidden; width: 220px; z-index: 10; }
.header .page-menu>li:hover>.sub-menu{ opacity: 1; visibility: visible; margin-top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.header .page-menu>li .sub-menu li { position: relative; text-transform: none; }
.header .page-menu>li .sub-menu li a { color: #ffffff; display: block; font-size: 14px; padding: 7px 20px; font-weight: 400; border-left:0px solid transparent;   -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;   }
.header .page-menu>li .sub-menu li:hover>a { color: #ffffff; background-color: #232323; }
.header .page-menu>li .sub-menu li:last-child { border-bottom: 0px; }

.header-hidden{  top: -8rem; opacity: 0; background-color: #000000; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header-hidden .logo{width: 80px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.header-visible{top: 0;  opacity: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header-visible .links{margin-top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.home{height: 100vh;}
.top-logo{display: block; position: fixed; top: 10px; left: 15px; z-index: 99999; width: 120px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.top-logo.scrolled{ width: 70px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

/*page-top*/
.page-top {padding-top: 160px!important;}

/*about-us*/
.panel.dark-transparent-bg{background-color: rgba(0,0,0,0.65);}
.panel.dark-transparent-bg .content{margin: 120px 0;}
.panel.dark-transparent-bg .content p{font-size: 20px;}

.restaurants .panel{height: 240px; position: relative; background-size: cover; background-position: center;}
.restaurants .panel a{color: inherit; position: absolute; top:0; right:0; bottom: 0; left: 0; display: block;}
.restaurants .panel .right-bottom{position: absolute; top:0; right:0; bottom: 0; left: 0;}
.restaurants .panel .right-bottom h2{position: absolute; right: 16px; bottom: 16px;}
.restaurants .panel .left-bottom{position: absolute; top:0; right:0; bottom: 0; left: 0;}
.restaurants .panel .left-bottom h2{position: absolute; left: 16px; bottom: 16px; font-size: 42px;}
.restaurants .panel .middle{position: absolute; top:0; right:0; bottom: 0; left: 0;}
.restaurants .panel .middle h2{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.reviews .links li{display: inline-block; list-style: none; padding-right: 15px;}
.reviews .links li:last-child{padding-right: 0;}
.reviews .links li a {font-size: 40px;}
.reviews .links li a .icon{display: inline-block; width: 34px; }
.reviews .panel{position: relative;}
.reviews .panel .quote-up img{width: 50px; height:50px; position:absolute; top: -30px; left: -30px;filter: none;}
.reviews .panel .quote-down img{width: 50px;height:50px; font-size: 200px; position:absolute; bottom: -30px; right: -30px; transform: scaleX(-1); filter: none;}
.reviews .review-carousel .item p{font-size: 16px; text-align: center;}
.reviews .review-carousel .item .author{font-family: 'Aldo'; font-size: 18px;}

.left-image-right-content p{font-size: 18px;}
.left-image-right-content-dark img{width: 150px;}
.left-image-right-content-dark .dark-transparent-bg{background-color: rgba(0,0,0,0.65);}

/*footer*/
.footer h2{font-size: 20px; line-height: 1.8;}
.footer .links{margin: 0; padding: 0;}
.footer .links li{display:inline-block; padding-right: 15px;}
.footer .links li:last-child{padding-right: 0;}
.footer .links li a{font-size: 34px; color: inherit;}
.footer img{width: 135px;}
.copyright{font-size: 12px;}
.footer .footer-branch-contact a{color: #ffffff; font-size: 18px;}

/*restaurant*/
.restaurant-banner{height: 100vh; position: relative;}
.restaurant-banner img{width: 340px;}
.restaurant-banner h1{font-size: 100px;}
.restaurant-banner .bottom-part{position: absolute; right: 0; bottom: 0; left: 0;}
.restaurant-banner .bottom-part i{font-size: 44px;}
.restaurant-banner .bottom-part a{color: inherit;}

.kojo-special h2{font-size: 88px;}
.kojo-special p{font-size: 22px;}
.kojo-special .rounded-edge-btn{border: solid #ec202d 1px; border-radius: 30px; font-size: 22px; display: inline-block;}

.gallery #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item{filter: drop-shadow(16px 16px 6px rgba(0,0,0,0.5));}

.contact-feedback .feedback-form label{font-size: 12px; line-height:1; margin: 0;} 
.contact-feedback .feedback-form input, .contact-feedback .feedback-form textarea{background-color: transparent; width: 100%; border: none; border-bottom: solid 2px #ffffff; margin-bottom: 15px; color: #ffffff;} 
.contact-feedback .feedback-form input:focus, .contact-feedback .feedback-form textarea:focus{background-color: transparent; border: none; box-shadow: none; outline: none; border-bottom: solid 2px #ec202d;} 
.contact-feedback .feedback-form .red-btn{border-radius: 30px;}

/*Food Menu*/
.tax-branches h1.menu{font-size: 80px;}
.tax-branches h1.inner-menu{font-size: 70px;}
.food-category .panel{position:relative;}
.food-category .panel img{height: 320px; position:relative;}
.food-category .panel h2{position: absolute; right: 8px; bottom: 8px; left: 8px; font-size: 42px; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));}
.food-category .panel a{color: inherit;}

.food-item .panel {position: relative;}
.food-item .panel img{height: 280px; width: 100%;}
.food-item .panel h2{font-size: 22px;}
.food-item .panel h3{font-size: 18px;}
.food-item .panel p{font-size: 14px;}
.food-item .food-category-menu {border: solid 2px #010101; padding: 15px;}
.food-item .food-category-menu h2{font-size:28px;}
.food-item .food-category-menu ul{margin: 0; padding: 0;}
.food-item .food-category-menu ul li{list-style: none; padding: 0; margin: 0; margin-bottom: 12px; }
.food-item .food-category-menu ul li a{color: #ffffff; }

/*franchising*/
.franchising h2{font-size: 60px;}
.franchising-form .red-btn{border-radius: 30px;}
.franchising-form .input-label input,
.es_txt_email{position: relative; color: #ffffff; width: 100%; border: none; border-bottom: solid 1.5px #ffffff; background: transparent; display: block; height: 48px; margin-bottom: 12px; border-radius: 0;}
.franchising-form .input-label input::placeholder,
.es_txt_email:placeholder{color: #ffffff; font-size: 14px;}
.franchising-form .input-label input:focus,
.es_txt_email:focus{background-color: transparent; outline: none; box-shadow: none; border: none; border-bottom: solid 1.5px red;} 
.franchising-form .input-label input:-internal-autofill-selected {background-color: transparent;}

/*blog*/
.blog h1{font-size: 82px!important;}
.blog .panel{height: 250px;}
.blog .panel h2{font-size: 18px;}
.blog .panel .date{font-size: 14px;}
.blog .panel .line-clamp-2 p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.blog .panel p{font-size: 14px;}
.blog .red-btn{border-radius: 30px;}
.blog .red-btn i{font-size: 30px; vertical-align: middle;}
.blog .panel a{color: inherit; position:absolute; top:0; right:0; bottom: 0; left: 0;}
.blog-inner h1{font-size: 22px;}
.blog-inner .border-left-red {border-left: solid 2px #ec202d;}
.blog-inner a{color: #ec202d;}

.es_txt_email{ text-align: center; }
.es-field-wrap label{ display: block; }
.es_submit_button{margin: 0 auto; display: block; padding: 10px 30px; background: #ec202d; border-radius: 50px; box-shadow: none; border: none; color: #fff; }
#subscribe .close{opacity: 1; box-shadow: none; outline: none; color: #e92530; text-shadow: none; }

/*contactform7*/
.ajax-loader{display:none!important;}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7 form.sent .wpcf7-response-output{color: #bcff75; background-color: transparent; font-size: 16px; text-align: center;}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, .wpcf7 form .wpcf7-response-output{color:#ec202d; background-color: transparent; font-size: 16px; text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{border: none;}{border: none;}
.wpcf7-form label.error {color: #ec202d!important;}


.addtoany_share_save_container{position: absolute; top: 15px; right: 50px;}
.a2a_kit a { cursor: pointer;}
.a2a_kit a:after { content: "Share"; position: absolute; padding-left: 10px; font-size: 14px; text-transform: uppercase; color: #ffffff;}

/*MEDIA SCREEN*/
@media (max-width: 992px){
	.p-20{padding: 20px!important;}
	.mobmenur-container i {line-height: 0; font-size: 48px;}
	.top-logo, .top-logo.scrolled{ width: 70px;}

    .menu-button{display: none; }
	.mobmenur-container .mobmenu-right-bt { display: block; border-radius: 50%; background: #000000; height: 50px; width: 50px; line-height: 50px;}
	.mobmenur-container .mobmenu-right-bt i { line-height: 50px; margin: auto; text-align: center; width: 100%; margin-left: 4px;}
	
	.home .filter-drop-shadow{height: calc(100vh - 40px);}
    .home-menu li{padding: 8px; display: block;}
    .home-menu li.branches{display: block; padding: 4px 8px;}
    .home-menu li.branches a{padding: 1px;}
    .home-menu li:after{display: none;}
	.menu-button{display: none;}
    .heading{font-size: 50px;}
    .pre-heading, .post-heading{letter-spacing: 8px; font-size: 15px;}
    .page-top{padding-top: 70px!important;}
    .panel.dark-transparent-bg .content{margin : 15px 0;}
	.panel.dark-transparent-bg .content p {font-size: 16px;}
    .reviews .panel .quote-up img{left: 0;}
    .reviews .panel .quote-down img{right: 0;}
	.reviews .links {margin-bottom: 30px!important;}
	.restaurants .panel .middle h2{font-size: 30px}
	.restaurant-banner .align-self-center{position: absolute; top: 40%; transform: translatey(-50%); width: calc(100% - 30px);}	
    .restaurant-banner img{width: 80%;}
    .restaurant-banner h1{font-size: 30px;}
	.restaurant-banner .bottom-part {bottom: 40px;}
    .restaurant-banner .bottom-part i{font-size: 20px;}
	.restaurant-banner .col-6{margin-bottom: 30px;}
	.feedback-form h2{margin-top: 20px;}
    .kojo-special h2{font-size: 44px;}
	.kojo-special p {font-size: 16px;}
	.kojo-special .rounded-edge-btn{font-size: 16px!important;}
	.footer img{margin-bottom: 20px;}
    .footer h2{ font-size:14px; margin-bottom: 10px!important;}
	.footer br{display: contents; }
	.left-image-right-content p {font-size: 16px; text-align:center;}
	.copyright {font-size: 8px;}
    .tax-branches h1.menu{font-size: 50px; margin-top: 15px;}
    .tax-branches h1.inner-menu{font-size: 50px;}
	.addtoany_share_save_container{position: relative; right: unset; top: unset;}
	.blog h1 {font-size: 50px!important;}
	.blog-inner .border-left-red{border: none;}
	.filter-drop-shadow {filter: drop-shadow(6px 6px 2px rgba(0,0,0,0.7));}
	.franchising{padding-right: 20px!important; padding-left:20px!important; padding-bottom: 20px!important;}
	.franchising.page-top{padding-top: 85px!important;}
	.gallery #rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item{filter: drop-shadow(6px 6px 2px rgba(0,0,0,0.7));}
	.food-menu .food-item .col-lg-4{order: 0;}
	.food-menu .food-item .col-lg-4.order-mob-last{padding: 20px 0!important; order:1; border: none; background: #202020;}
	.food-menu .food-item .col-lg-4.order-mob-last .food-category-menu {padding: 0!important; border: none;}
	.food-item .food-category-menu ul li{border-bottom: solid 1px #555555; margin-bottom: 0; padding: 10px 0; }
}	


@media (max-width: 768px){
	.wow{animation: none;}
}

.rl-basicgrid-gallery .rl-gallery-item {
	height: 320px!important;
}
.rl-basicgrid-gallery .rl-gallery-item img{
	object-fit: cover!important;
	object-position: center!important;
}
.rl-basicgrid-gallery .rl-gallery-item a{
	height: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    border: none;
    margin: 0;
    padding: 0;
    text-align: left;
}