@font-face {font-family:"Font Body";src:url("font-body.woff")}
@font-face {font-family:"Font Headline";src:url("font-headline.woff")}
@font-face {font-family:"Font Button";src:url("font-button.woff")}
:root{
--font-main:"Font Body", sans-serif;
--font-headline:"Font Headline", sans-serif;
--font-button:"Font Button", sans-serif;
--color-primary:#FFF;
--color-secondary:#D2D1D4;
--color-brand:#5A347E;
--color-brandd:#EFD87A;
--color-box:rgba(90,52,126,0.8);
--color-warning:#FF0000;
--color-success:#008000;
--color-pending:#F1C232;
--font-size:20px;
--font-size-small:15px;
--font-size-mobile:18px;
--radius:15px;
--radius-form:5px;
--radius-btn:50px;
}
*{padding:0px;margin:0px;scroll-behavior:smooth;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html{background:no-repeat fixed center center;background-position:center;background-size:cover;background-image:url("background.jpg");cursor:url("icon-cursor-normal.svg"), auto}
body{font-family:var(--font-main);margin:0px auto;padding:auto;min-height:100vh;color:var(--color-primary);font-size:var(--font-size);font-weight:400;line-height:1.7;background-color:var(--color-box)}
body .container{margin:0px auto;padding:0px 10px;max-width:1150px}
body a,body a:hover,body a:active,body a:focus{color:var(--color-primary);text-decoration:none;transition:0.5s;cursor:url("icon-cursor-hover.svg"), auto}
body button,body .btn{font-family:var(--font-button);background-color:var(--color-brand);color:var(--color-primary);font-size:var(--font-size-small);padding:16px 20px 13px;border:2px solid var(--color-primary);border-radius:var(--radius-btn);outline:none;box-shadow:-0px 0px var(--color-primary)}
body button,body header .navbar .nav-toggler label{cursor:url("icon-cursor-hover.svg"), auto}
body img{vertical-align:middle;border-style:none;max-width:100%;height:auto}
body p{margin-bottom:20px}
body p:last-child{margin-bottom:0px}
body .clearfix::after{content:"";display:block;clear:both}
body .margin-auto{margin:auto 0px}
body .text-center{text-align:center!important}
body .text-left{text-align:left!important}
body .text-right{text-align:right!important}
body .text-justify{text-align:justify!important}
body .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px -10px}
body .row .col-auto,body .row .col-half,body .row .col-full{position:relative;width:100%;padding:0px 10px}
@media (min-width:768px){
	body .row .col-last{order:2!important}
	body .row .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
	body .row .col-half{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	body .row .col-full{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
body header{background-color:transparent;padding:25px 0px;z-index:1000}
body header .navbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
body header .navbar .nav-logo img{height:80px}
body header .navbar .nav-toggler{order:1}
body header .navbar .nav-inquiry{margin:0px 15px 0px auto}
body header .navbar .nav-toggler label{display:block;background:url("icon-nav-toggler.png") no-repeat scroll center center;width:51px;height:51px}
body header .navbar #nav-toggler-check{display:none}
body header .navbar #nav-toggler-check:not(:checked) ~ .nav-menu-box{height:0px}
body header .navbar #nav-toggler-check:checked ~ .nav-menu-box{display:block;position:fixed;top:0%;left:0%;height:100vh;overflow:hidden;z-index:999;transition:0.5s}
body header .navbar .nav-menu-box{display:none;background-color:var(--color-brand);width:100%;height:100%;overflow:hidden}
body header .navbar .nav-menu-box .nav-menu{font-family:var(--font-headline);font-size:25px;text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
body header .navbar .nav-menu-box .nav-menu li{display:block;margin-bottom:15px}
body header .navbar .nav-menu-box .nav-menu li:last-child{background-color:var(--color-primary);padding:6px 20px;margin-bottom:0px;border-radius:var(--radius-btn)}
body header .navbar .nav-menu-box .nav-menu li:last-child a{color:var(--color-brand)}
html:has(#nav-toggler-check:checked) body{max-height:100vh;overflow:hidden}
body header .navbar #nav-toggler-check:checked ~ .nav-toggler label{background:url("icon-nav-toggler-close.png") no-repeat scroll center center;width:32px;height:36px}
body header .navbar .nav-logo,body header .navbar .nav-toggler{z-index:1000}
body footer{background-color:var(--color-box);font-size:var(--font-size-small);padding:25px 0px}
body footer .copyright{float:left}
body footer .social-media{float:right}
body footer .social-media li{display:inline-block;margin-right:12px}
body footer .social-media li:last-child{margin-right:0px}
body footer .social-media li img{height:25px}
@media (max-width:768px){
	body header{padding:15px 0px}
	body header .navbar .nav-logo img{height:65px}
	body header .navbar .nav-inquiry{display:none}
	body footer .copyright,body footer .social-media{text-align:center;float:none}
	body footer .social-media{margin-bottom:30px}
}
body .error-404{height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
body .content{margin:100px 0px}
body .content-headline{margin:60px auto 0px;max-width:750px;background:url("content-headline.png") center bottom no-repeat;background-size:350px;padding-bottom:30px}
body .headline{font-family:var(--font-headline);font-size:45px;text-align:center;line-height:1.2;text-shadow:2px 2px 3px var(--color-brand);margin-bottom:25px}
body .headline span{color:var(--color-brandd)}
body .headline-quote{font-family:var(--font-button);font-size:25px;text-align:center;line-height:1.4;text-shadow:2px 2px 3px var(--color-brand);margin-bottom:20px}
body .headline-sub{margin:0px auto 70px;max-width:800px;color:var(--color-secondary);text-align:center;font-style:italic}
body .hero{padding:100px 0px 0px;text-align:center;background:no-repeat fixed center center;background-position:center;background:url("hero.svg")}
body .hero .headline{font-size:70px;margin:0px auto;max-width:950px}
body .hero .headline span{background:repeat fixed left center;background-image:linear-gradient(var(--color-box)),url("hero-headline.gif");padding:0px 20px;text-transform:uppercase;text-shadow:2px 2px 3px var(--color-secondary);border:1px solid var(--color-brandd);border-radius:var(--radius)}
body .hero p{font-family:var(--font-button);color:var(--color-brandd);margin:60px auto 0px;max-width:750px}
body .hero p{background:url("hero-underline.png") center bottom no-repeat;padding-bottom:100px}
body .content-text .headline{text-align:left;margin-bottom:40px}
body .content-text .link-btn{margin-top:35px}
body .content-text .link-btn .btn:after{content:"→";margin-left:10px}
body .content-text .about-img img{border:2px solid var(--color-brand);border-radius:var(--radius)}
body .flavours{-webkit-column-count:4;-moz-column-count:4;column-count:4;text-align:center}
body .flavours li{list-style:none;margin-bottom:30px;width:100%}
body .flavours li img{border:2px solid var(--color-brandd);border-radius:var(--radius)}
body .enquiry{padding:60px 20px;background:repeat fixed left center;background-image:linear-gradient(var(--color-box)),url("background-enquiry.gif");border:2px solid var(--color-brandd);border-radius:var(--radius)}
body .enquiry form{margin:0px auto;max-width:700px}
body .grievance{margin:50px 0px}
body .contact-us li{list-style:none;margin-bottom:40px}
body .contact-us li:last-child{margin-bottom:0px}
body .contact-us li span{display:block;font-family:var(--font-button);font-size:25px;color:var(--color-brandd);margin-bottom:5px}
body form .form-group{position:relative;margin-bottom:25px}
body form .form-group label{display:block;margin:0px 2px 3px}
body form .form-group label span{color:var(--color-warning);margin-left:5px}
body form .form-control{font-family:var(--font-main);background-color:var(--color-primary);color:var(--color-brand);font-size:var(--font-size);width:100%;padding:15px 16px;border:1px solid var(--color-brand);border-radius:var(--radius-form);outline:none;box-shadow:none}
body form .form-control::placeholder{color:var(--color-secondary)}
body form button.form-control{font-family:var(--font-button);background-color:var(--color-brandd);color:var(--color-brand);text-transform:uppercase;border-color:var(--color-brand);border-radius:var(--radius-btn)}
body .modal{background-color:var(--color-box);position:fixed;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;opacity:0;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:1000}
body .modal.modal-open{visibility:visible;opacity:1}
body .modal .modal-content{background-color:var(--color-primary);color:var(--color-brand);max-width:800px;width:90%;border-radius:var(--radius)}
body .modal .modal-content .modal-top{font-family:var(--font-button);background-color:var(--color-warning);color:var(--color-primary);padding:12px 15px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-radius:var(--radius) var(--radius) 0px 0px}
body .modal .modal-content .modal-top button{background:url("icon-nav-toggler-close.png") no-repeat scroll center center;width:32px;height:36px;background-size:20px;border:none;padding:0px}
body .modal .modal-content .modal-text{padding:25px 30px;font-size:var(--font-size-small)}
body .modal .modal-content .modal-text span{text-decoration: underline}
body .modal .modal-content .modal-text span.alert{color:var(--color-warning)}
body .modal .modal-content .modal-text p{margin-bottom:10px}
body .modal .modal-content .modal-text .issued-by{}
@media (max-width:768px){
	body{font-size:var(--font-size-mobile)}
	body header .navbar .nav-menu-box .nav-menu{font-size:20px}
	body .content{margin:80px 0px}
	body .content-headline{background-size:250px;padding-bottom:20px}
	body .headline{font-size:40px;line-height:1.3}
	body .hero{padding:80px 0px 0px}
	body .hero .headline{font-size:50px}
	body .flavours{-webkit-column-count:2;-moz-column-count:2;column-count:2}
	body form .form-control{font-size:var(--font-size-mobile)}
	body .about-img img{margin-top:50px}
	body .modal .modal-content{height:90%;overflow:hidden}	
	body .modal .modal-content .modal-text{height:85%;overflow:auto;padding:15px 12px}
}