html{
scroll-behavior:smooth !important;
}
body{
margin:0;
}
.coffee-kkz-theme-header{
position:fixed;
top:0;
right:0;
left:0;
width:100%;
padding:20px;
z-index:999;
background-color:#3c462d;
}
.coffee-kkz-theme-header .row{
display:flex;
align-items:Center;
justify-content:space-between;
}
.coffee-kkz-theme-header .row .left-header-coffee img{
width:100%;
height:100%;
max-width:130px;
max-height:55px;
}
.coffee-kkz-theme-header .row .left-header-coffee{
display:flex;
align-items:center;
padding-left:0;
justify-content:flex-end;
}
.coffee-kkz-theme-header .row .right-header-coffee{
display:flex;
align-items:center;
padding-right:0;
justify-content:flex-start;
}
.coffee-kkz-theme-header .row .right-header-coffee svg{
fill:#FFF;
width:35px;
height:35px;
transition:all .3s;
cursor:pointer;
}
.coffee-kkz-theme-header .row .right-header-coffee svg:hover{
fill:#000;
}
.coffee-kkz-theme-header .row .right-header-coffee .dropdown-menu{
visibility: visible;
position: absolute;
top: -26px !important;
padding:15px !important;
bottom: 0 !important;
width: 300px !important;
z-index: 999 !important;
background: #FFF !IMPORTANT;
overflow-y: auto !important;
height: 100vh !important;
transform: translateX(120%);
opacity: 1;
margin: 0 !important;
min-width:initial !important;
left: unset;
right: unset;
transition:transform .3s;
}
.coffee-kkz-theme-header .row .right-header-coffee .basketdiv.open .dropdown-menu{
transform: translateX(20px);
}
.basketdiv{
position:unset;
}
.coffee-kkz-theme-header .row .right-header-coffee .dropdown-menu .cart-class-translate{
width:100%;
display:Flex;
align-items:Center;
justify-content:space-between;
border:2px solid #c8c8c8;
border-radius:7px;
padding:0 10px;
}
.coffee-kkz-theme-header .row .right-header-coffee .dropdown-menu .cart-class-translate i{
font-size:30px;
color:#000;
vertical-align:middle;
}
.coffee-kkz-theme-header .row .right-header-coffee .dropdown-menu .text-center{
font-size:20px;
color:#bfbfbf !important;
font-weight:600;
}
.kkz-coffee-theme-footer{
background:#252525;
padding:60px 0 0 0;
}
.kkz-coffee-theme-footer h1{
color:#FFF;
font-size:30px;
text-align:center;
margin:0 0 30px 0;
}
.kkz-coffee-theme-footer .col-lg-4 h1{
color:#fff;
margin:0 0 10px 0;
font-size:15px;
width:100%;
padding-bottom:10px;
border-bottom:1px solid #fff;
}
.kkz-coffee-theme-footer .col-lg-4 p{
color:#d7d7d7;
margin:0;
font-size:15px;
}
.kkz-coffee-theme-footer .footer-kkz-midcol{
display:Flex;
align-items:Center;
justify-content:Center;
flex-direction:column;
}
.kkz-coffee-theme-footer .footer-kkz-midcol div{
color:#d7d7d7;
font-size:15px;
text-align:center;
margin-bottom:10px;
}
.kkz-coffee-theme-footer .footer-kkz-midcol div:last-child{
margin-bottom:0;
}
.kkz-coffee-theme-footer .footer-kkz-midcol div a{
color:#d7d7d7 !important;
}
.footer-socialclass-kkz ul{
display:flex;
align-items:center;
justify-content:center;
padding:0;
margin:0;
}
.footer-socialclass-kkz ul li{
margin-left:10px;
}
.footer-socialclass-kkz ul li:last-child{
margin-left:0;
}
.footer-socialclass-kkz li a{
display:flex;
align-items:center;
justify-content:Center;
border:2px solid #fff;
background:#000;
transition:.3s ease-out;
border-radius:50%;
width:50px;
height:50px;
}
.footer-socialclass-kkz li a i{
font-size:25px;
color:#FFF;
}
.footer-socialclass-kkz li a:hover{
background:#3c462d;
}
.footer-copyright-kkz-coffee{
text-align:center;
width:100%;
margin-top:30px;
padding:25px 0;
background:#3c462d;
color:#fff !important;
font-size:17px;
}
.footer-copyright-kkz-coffee a{
color:#fff !important;
font-size:17px;
}
#common-home{
/*margin-top:15px !important;*/
}
.section-theme-coffee-kkz-cols{
padding:50px 0;
position:RElative;
}
.section-theme-coffee-kkz-cols .coffee-col-12-title{
border-bottom:2px solid #FFF;
margin-bottom:25px;
text-align:Center;
}
.section-theme-coffee-kkz-cols .coffee-col-12-title span{
color:#3c462d;
font-size:15px;
font-weight:600;
border-radius:8px;
padding:5px 10px;
text-align:center;
background:#FFF;
display:inline-block;
margin-bottom:1px;
}
.coffee-col-inner-class-keeper{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:10px;
border-radius:5px;
background:#3c462d;
}
.coffee-col-inner-class-keeper .left-coffee-col-inner{
width:140px;
height:140px;
border-radius:5px;
display: flex;
align-items: center;
}
.coffee-col-inner-class-keeper .left-coffee-col-inner img{
width:100%;
/*height:100%;*/
/*border-right:2px solid #eaeaea;*/
border-radius:5px;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner{
width:65%;
height:140px;
display:flex;
justify-content:space-around;
flex-direction:Column;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner h1{
margin:0;
color:#FFF;
text-align:center;
font-size:18px;
font-weight:600;
line-height:normal;
display:block;
width:100%;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner a{
color:#FFF !important;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner h3{
color:#fff;
text-align:left;
font-size:19px;
margin:0;
line-height:normal;
font-weight:700;
}
.right-coffee-col-inner h4 {
color: rgb(255, 255, 255);
text-align: right;
font-size: 20px;
line-height: normal;
font-weight: 700;
margin: 0px;
padding: 0px 5%;
}
.modal-kkz-food .modal-header h5{
text-align:center;
font-size:17px;
font-weight:600;
color:#000;
}
.modal-kkz-food{
padding-top:0;
}
.modal-kkz-food .modal-body h1{
font-size:20px;
color:#000;
margin:0 0 15px 0;
text-align:center;
line-height:1.5;
}
.modal-kkz-food .modal-body h2{
font-size:16px;
color:red;
margin:0 0 20px 0;
text-align:center;
line-height:1.5;
}
.modal-kkz-food .modal-body img{
max-width:445px;
width:100%;
height:auto;
display:block;
margin:auto;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner p{
margin:0;
color:#fff;
font-size:14px;
line-height:1.4;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
text-overflow:ellipsis;
}
.modal-kkz-food .modal-footer p{
margin:0;
color:#000;
line-height:1.4;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
text-align:right;
text-overflow:ellipsis;
font-weight:600;
font-size:16px;
}
.coffee-theme-kkz-main-home-slider{
position:Relative;
width:100%;
/*height:65vh;*/
}
.coffee-theme-kkz-main-home-slider .container-fluid{
height:100%;
padding:0;
}
.coffee-theme-kkz-main-home-slider .row{
height:100%;
margin:0;
}
.coffee-theme-kkz-main-home-slider .col-lg-12{
height:100%;
padding:0;
}
.coffee-theme-kkz-main-home-slider .home-slider-kkz-coffee-thumb{
width:100%;
/*height:100%;*/
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content{
position:absolute;
top:40%;
right:50px;
transform:translateY(-50%);
max-width:50%;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content img{
width: 100%;
height: 100%;
max-width: 130px;
max-height: 55px;
margin-bottom:20px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content h1{
color:#FFF;
font-size:22px;
font-weight:600;
margin:0 0 20px 0;
line-height:1.5;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content h2{
color:#FFF;
font-size:28px;
font-weight:600;
margin:0 0 20px 0;
line-height:1.5;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content p{
margin:0 0 20px 0;
color:#FFF;
font-size:18px;
line-height:1.5;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content p i{
margin-left:10px;
vertical-align:middle;
font-size:22px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content a{
color:#FFF !important;
}
.fix-category-coffee-kkz .swiper {
width: 100%;
height: 100%;
}
.fix-category-coffee-kkz .swiper-slide {
text-align: center;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
padding: 13px 0;
border: 1px solid white;
border-radius: 10px;
box-shadow: rgb(255 255 255) 1px 1px 3px 1px, rgb(145 179 94) 0px 0px 0px 3px, rgb(255 255 255) 0px 0px 0px 5px;
}
.fix-category-coffee-kkz .swiper-slide img {
display: block;
width: 100px;
/*height:100%;*/
object-fit: contain;
margin:auto;
min-height: 45px;
max-height: 100px;
}
.fix-category-coffee-kkz .swiper {
margin-left: auto;
margin-right: auto;
overflow:hidden;
}
.fix-category-coffee-kkz{
position:Relative;
background:#3c462d;
padding:15px 0;
}
.fix-category-coffee-kkz .swiper-slide a{
color:#FFF !important;
font-size:16px;
font-weight:600;
}
.fix-category-coffee-kkz .swiper-slide span{
display:inline-block;
margin-top:5px;
}
@keyframes headerscroll {
0%{
transform:translateY(-100%);
}
100%{
transform:translateY(0);
}
}
.fix-category-coffee-kkz.fixed-catg{
position:fixed;
animation:headerscroll .35s ease-out;
top:95px;
right:0;
left:0;
z-index:333;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
.right-coffee-col-inner h4 p{
font-size: 17px !important;
line-height: normal;
padding: 0px 5%;
}
@media screen and (max-width:575px) {
.coffee-kkz-theme-header{
/*padding:10px;*/
}
.coffee-kkz-theme-header .container-fluid{
padding:0;
}
#common-home{
/*margin-top:75px !important;*/
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content{
max-width:initial;
right:15px;
left:15px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content img{
margin-bottom:10px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content h1{
font-size:17px;
margin:0 0 10px 0;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content h2{
font-size:22px;
margin:0 0 10px 0;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content p{
margin:0 0 10px;
font-size:13px;
}
.right-coffee-col-inner h4 p{
font-size: 15px !important;
line-height: normal;
}
.coffee-theme-kkz-main-home-slider{
/*height:65vh;*/
}
.fix-category-coffee-kkz.fixed-catg{
top:75px;
}
.fix-category-coffee-kkz{
padding:15px 0;
}
.fix-category-coffee-kkz .swiper-slide a{
font-size:13px;
}
.section-theme-coffee-kkz-cols{
padding:15px 0;
}
.section-theme-coffee-kkz-cols .col-lg-4{
margin-bottom:15px;
margin-top: 4%;
padding:0;
}
.section-theme-coffee-kkz-cols .col-lg-4:last-child{
margin-bottom:0;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner{
width:55%;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner h1{
font-size:16px;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner h3{
font-size:18px;
font-weight: 700;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner p{
font-size:13px;
}
.kkz-coffee-theme-footer{
padding:30px 0 0 0;
}
.kkz-coffee-theme-footer h1{
margin:0;
}
.kkz-coffee-theme-footer .col-lg-4 p{
text-align:center;
}
.footer-copyright-kkz-coffee{
margin-top:15px;
padding:10px 15px;
font-size:15px;
}
.footer-copyright-kkz-coffee a{
font-size:15px;
}
#common-home {
/*margin-top: 41px !important; */
}
}
@media screen and (min-width:576px) and (max-width:767px) {
.coffee-kkz-theme-header{
/*padding:15px;*/
}
#common-home{
margin-top:41px !important;
}
.coffee-kkz-theme-header .container-fluid{
padding-left:0;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content{
max-width:initial;
left:25px;
right:25px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content img{
margin-bottom:15px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content h1{
margin-bottom:15px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content h2{
margin-bottom:15px;
}
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content p{
margin-bottom:15px;
}
.coffee-theme-kkz-main-home-slider{
/*height:80vh;*/
}
.fix-category-coffee-kkz{
padding:15px 0;
}
.section-theme-coffee-kkz-cols{
padding:30px 0;
}
.fix-category-coffee-kkz.fixed-catg{
top:85px;
}
.section-theme-coffee-kkz-cols .col-lg-4{
margin-bottom:30px;
}
.section-theme-coffee-kkz-cols .col-lg-4:last-child{
/*margin-bottom:0;*/
}
.kkz-coffee-theme-footer .col-lg-4 p{
text-align:center;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.coffee-theme-kkz-main-home-slider .coffee-home-slider-content{
max-width:80%;
}
.coffee-theme-kkz-main-home-slider{
/*height:75vh;*/
}
.fix-category-coffee-kkz{
padding:20px 0;
}
.section-theme-coffee-kkz-cols .col-sm-6{
margin-bottom:30px;
}
.section-theme-coffee-kkz-cols .col-sm-6:last-child{
margin-bottom:0;
}
.section-theme-coffee-kkz-cols{
padding:30px 15px;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner{
width:52%;
}
.kkz-coffee-theme-footer{
padding:40px 0 0 0;
}
.coffee-col-inner-class-keeper .right-coffee-col-inner h3 {
color: #fff;
text-align: left;
font-size: 16px;
}
.right-coffee-col-inner h4 p {
font-size: 13px !important;
line-height: normal;
padding: 0px 5%;
}
}
@media screen and (min-width:992px) and (max-width:1199px){
.coffee-theme-kkz-main-home-slider{
height:75vh;
}
.section-theme-coffee-kkz-cols .col-md-6{
margin-bottom:30px;
}
.section-theme-coffee-kkz-cols .col-md-6:last-child{
margin-bottom:0;
}
.section-theme-coffee-kkz-cols{
padding:30px 0;
}
.kkz-coffee-theme-footer .col-lg-4 p{
text-align:center;
}
.kkz-coffee-theme-footer{
padding:40px 0 0 0;
}
}
/*lavazemkhanegi*/
.titre-logo-left {
direction: ltr;
float: left;
font-size: 23px;
font-weight: bold;
letter-spacing: 0;
line-height: 20px;
padding-top: 5px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.titre {
background-color: #ffffff;
border-radius: 5px;
color: #ed1b24;
float: left;
padding: 3px;
}
.titre-news {
background-color: none;
border-radius: 5px;
color: #fff;
float: left;
padding: 3px;
position: relative;
/*font-family: Arial;*/
}
.titre-news span {
bottom: -15px;
float: left;
font-size: 9px;
position: absolute;
right: 5px;
color: #fff;
/*font-family: Arial;*/
}
.section-theme-coffee-kkz-cols .row {
margin-top:2%;
}
.mySwiper-food-categorymain .swiper-wrapper {
display: flex;
align-items: center;
}
.next-lavazem {
width: 40px;
height: 40px;
margin-top: -20px;
}
.prev-lavazem {
width: 40px;
height: 40px;
margin-top: -20px;
}
.next-lavazem:hover {
background: none !important;
color: #fff !important;
}
.prev-lavazem:hover {
background: none !important;
color: #fff !important;
}