/*************** Normal styling here ***************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
     font-family: 'proxima_novabold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    overflow-x: hidden;
}
.main{display:block; float:left; width:100%; position:relative;}
.wrapper {
    overflow: hidden;
}


.container {
    max-width: 1920px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    margin: 0 auto;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}



header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9999;
	
}

header.fixed{
	background:rgba(0,0,0,0.3)
}

.header-wrapper{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:25px 0;
	position:relative;
}


.header-wrapper .logo{
	width:29%;
	padding-right:20px;
}

.header-wrapper .logo img{width:210px;}

.banner-section{
	
	position:relative;
	overflow:hidden;
}

.banner-section .desktop-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top center;
}

.nav{
	display:block;
}

.nav ul{
	display:flex;
	align-items:center;
}

.nav ul li{
	margin-right:35px;
}

.nav ul li a{
	padding:8px;
	display:block;
	color:#000000;
	text-transform:uppercase;
	font-size:22px;
	font-family: 'bebas_neueregular', Arial, Helvetica, sans-serif;
	
}

.nav ul li.active a, .nav ul li a:hover{
	background:#ffffff;
}

.nav-toggle{
	display:none; 
}

.bar1, .bar2, .bar3 {
  width: 25px;
  height: 2px;
  background-color: #ffffff;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-7px, -7px);
  transform: rotate(45deg) translate(-7px, -7px);
}

.mobile-content{
	display:none;
	padding:0 15px;
	padding-top:70px;
	
}

.content, .mobile-content img{
	position:relative;
	z-index:99;
}

.milk-icon{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    max-width: 60%;
	display:none;
}

.packshot{
	margin-bottom:15px;
}

.divider{
	width:30px;
	height:3px;
	background:#ffffff;
	margin:0 auto;
	margin-bottom:15px;
}
.owl-prev{   position: fixed;
    left: 0;
    top: 50%;
    font-size: 40px !important;
    color:#ffffff!important;
    background: #257a01!important;
    padding: 10px!important;
    width:25px;
}
	.owl-next{    position: fixed;
    right: 0;
    top: 50%;
    font-size: 40px!important;
    color:#ffffff!important;
    background: #257a01!important;
    padding: 10px!important;
    width:25px;
}
	.owl-item .banner{width:100%;}
	.owl-item{width:100%;}
	.item{width:100%;}
	.item img{
    display: block;
    width: 100%;
    height: auto;
}
.owl-carousel .owl-item {
  min-height: 600px;
 
  background: #11c0ef !important;
}


/**** 3 May 2024 ****/
.banner .blue-btn {position: fixed;right:0!important;top:30%;width: 70px;}
#button {
  display: inline-block;
  background-color: #233871;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  display: none;
  
}

#button a{color: #ffffff;font-family:'proxima_nova', Arial, Helvetica, sans-serif;letter-spacing: 1px;font-size:16px;}

#button.show {
  opacity: 1;
  visibility: visible;
}
/**** 3 May 2024 ****/
/* 25th April 2025*/
.page-content,.page-footer{
  margin:150px auto 0 auto;
  max-width:1200px;
  padding:0 20px 0 20px;
}
.page-content h2{
  margin:0 0 24px 0;
  font-size:32px;
  line-height:40px;
}
.page-content p{
  margin:0 0 16px 0;
  font-size:16px;
  line-height:24px;
  font-weight:400;
  font-family: "Roboto", sans-serif;    
  font-style: normal;
}
.page-footer{
  margin-top:0;
  padding:0;
  text-align:right;
  /* border-top:1px solid #000; */
}
.page-footer ul{
  list-style-type: none;
  margin:0;
  padding:16px 0;
 
}
.page-footer ul li{
  display:inline-block;
  margin-left:16px;
}
.page-footer ul li a{
  color:#000;
  font-size:16px;
  line-height:24px;
  font-weight:400;
  font-family: "Roboto", sans-serif;    
  font-style: normal;
}
.page-footer ul li a:hover,.page-footer ul li a:focus,.page-footer ul li a:active{
  border-bottom:1px solid #000;
}
/* 25th April 2025*/