@font-face {
    font-family: 'din';
    src: url('../fonts/din_next-regular.woff2') format('woff2');
    src: url('../fonts/din_next-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/din_next-regular.ttf') format('truetype');
}



html, body{background-color: white;font-family:'din', sans-serif;margin:0;padding:0;width:100%;font-size:13px;scroll-behavior: smooth}

.box_flex_cont{
display:flex;
flex-wrap: wrap;
justify-content:center;
align-items: center;
align-content: center;
position:relative;
height:100%;
width:100%;
opacity:1;    

}

.main_cont{justify-content: flex-start;align-items: flex-start;flex-wrap:nowrap;position:relative;}


.carousel{display: flex;flex-wrap: nowrap;opacity:1;overflow-y:hidden;width:100%;height:100%; justify-content:flex-start;position:relative;text-transform:uppercase; transition:opacity 1.5s .8s, transform 1.5s .8s}

.carousel::-webkit-scrollbar {display:none;}
.caro_content::-webkit-scrollbar {display:none;}

.caro_item{display:flex;justify-content: center;align-items: center; align-content: center; flex-wrap:wrap;
  bottom:0;width:100%; height:100%;position:relative;flex: 0 0 auto; scroll-snap-align:center;overflow-y:hidden;}

.caro_fader{position:absolute;left:0;opacity:0;transition:all 1s}

.caro_content{position:relative;width:100%;height:100%;
display:flex;flex-wrap: nowrap;scroll-behavior: smooth;scroll-snap-type: x mandatory;    overflow-x: scroll;scroll-behavior: smooth}


.banner{font-weight: bold; font-size:14px;height:auto;padding:12px 0;background-color: rgb(2, 63, 133);color:white;position:absolute;top:120px;z-index:200}


.main{width:calc(60% - 40px);margin-top: 140px;margin-left:40px}
.main img{max-width:950px;width:100%;margin-top:0; }

.no_wrap{
flex-wrap: nowrap;
}

.icon_box{width:360px;font-size: 11px; margin-top: -20px;
}
.icons{height:30px;margin:0 20px;width:50px;text-align: center}
img{width:100%;height:100%;object-fit: contain;display:block;margin-bottom:5px}
.center{margin:auto}
.top_nav{position:relative;width:100%;height:40px}

.sm_menu{position:relative;width:100%;}
.menu_item{width:auto;height:30px;margin:0 20px;margin-top:20px;text-transform: uppercase}



.text_title{margin-left:10px}

.title{font-size: 30px}

.search{width:360px;;position:relative;margin-top:-10px}
.search img{width:261px;padding-left:20px;}

.logo{width:20%;z-index:100;position:relative}
.logo img{width:170px;    margin: auto;}

.dets{position:absolute;bottom:0;width:340px;margin:0 auto;left:calc(65% + 2vw);background-color: white;padding:20px;    display: block;}
.dets img{width:340px;}

.dummy{width:40%;height:100%;position:fixed;justify-content: flex-end;}

.content{width:100%;max-width:1500px;position:relative;left:0;right:0;margin:auto}

.header{height:auto;position:fixed;padding-top:30px;top:0;left:0;right:0;z-index:200;background-color: white;  box-shadow: 0px -5px 20px #999999;z-index:500}


.full{margin:0 calc(1000px - 100vw); width:100vw;}

.fixer{position:fixed;top:200px;bottom:auto}

.chat{z-index:900;position:fixed; bottom:30px;right:20px;cursor:pointer}
.chat img{width:70px}

.arrows{height:50%;width:40px;position:absolute;background-color: white;cursor:pointer;display:none}
.arrows img{width:20px;}
.arrows:hover {opacity:.8}
.a_left{left:0}
.a_right{right:0}

a:link, a:visited, a:active {text-decoration: none;color:black}
.order_box a:link, .order_box a:visited, .order_box a:active {text-decoration: none;color:#094488}

.order_box:hover a{color:white !important}

.order_box{z-index:1;margin:auto;left:58px;top:278px;width:78%;height:auto;padding:10px 0;background-color:white;border-radius: 5px;border:solid 1.5px #094488; position:absolute;font-size:16px;text-transform:uppercase;color:#094488;font-weight: bold;cursor:pointer;text-decoration: none; transition:background-color .5s, color .5s}

.order_box:hover{background-color: #094488;color:white;}


.bot_box{width:50%;height:auto;left:-20%;border:solid 1.5px #d9d9d9;position: relative;padding:40px;line-height:24px;font-size: 16px}

.bot_label1{width:200px;height:50px;top:-50px;left:20px;border:solid 1.5px #d9d9d9;border-bottom: none; position: absolute;background-color: white;font-size:14px;text-transform: uppercase}

.bot_label2{width:200px;height:50px;top:-50px;left:220px;border:solid 1.5px #d9d9d9;border-bottom: none; position: absolute;background-color:  #d9d9d9;font-size:14px;text-transform: uppercase}

/* width */
.main::-webkit-scrollbar {
  height: 3px;
    border-radius:2px;
}

/* Track */
.main::-webkit-scrollbar-track {
  background: #d9d9d9; 
}
 
/* Handle */
.main::-webkit-scrollbar-thumb {
  background: black; 
}

/* Handle on hover */
.main::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.footer{height:auto;width:100%;padding:100px 0;flex-wrap:wrap;background-color: #f5f5f5}
.footer img{width:auto;height:50px}
.foot_copy{width:50%;min-width:300px;margin-bottom:10px;height:auto;opacity:.3}

.foot_copy1{width:60%;}

 @media (min-width: 1500px) {
     .search{margin-left:10vw}
     .icon_box{margin-right:10vw}
     .dets{margin-right:-100px;}
}



 @media (max-width: 1000px) {
  .noshow{display:none}
     .show{display:block}
     .icon_box{width:80px}
     .icons{width:40px;margin:0;}
     .icons img{object-fit: cover;}
     .icon_box{padding-right:20px}
     .search{width:60px;height:35px;position:relative;overflow:hidden;}
     .search img{height:60px;object-position:-270px -10px;object-fit: cover}
    .logo{width:auto}
     .full{width:100%;margin:0}

     .main{margin-left:20px;width:calc(100% - 40px);overflow-Y:hidden;overflow-X:scroll;height:calc(100vw - 140px);flex-wrap:nowrap;justify-content: flex-start;align-content: flex-start;align-items: flex-start;scroll-snap-type: x mandatory;margin-bottom: 100px;min-height: 370px;min-width:}
     .main img{margin:0 20%;width:80%;scroll-snap-align:center;}
     .logo img{width:130px;    margin: auto;margin-left:25px;margin-bottom:15px}
     .banner{top:70px}
     .dets{top:0;max-width:450px;width:90%;margin:auto;right:0;left:0;position:relative}
     .dets img{width:100%}
     .main_cont{flex-wrap:wrap}
     .order_box{left:73px;top:370px;padding:15px 0}

    .bot_box{width:calc(100% - 120px);height:auto;left:0;padding:40px;line-height:20px;font-size: 14px}
     
    .bot_label1{width:120px;height:50px;top:-50px;left:20px;border:solid 1.5px #d9d9d9;border-bottom: none; position: absolute;background-color: white;font-size:14px;text-transform: uppercase}

}

 @media (max-width: 500px) {
     
     .order_box{position:relative;    top: -63vw;left: 6vw;padding: 2.7vw 0;}

}


/* desktops */
 @media (min-device-width: 29cm) {
}



/* for phones. */

 @media (max-device-width: 12cm) {

     

}

/* for ipad */

 @media (min-device-width: 12cm) and (max-device-width: 29cm) {
     }