body{
     background-color: #ececec;
}


@font-face {
    font-family: 'Druk Wide';
    src: url('../Fonts/Druk-WideMedium.woff2') format('woff2'),
        url('../Fonts/Druk-WideMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/* fullpage flicker fix */
        .wrapper {
-webkit-transform: translate3d(0,0,0);
}
.slide {
-webkit-transform: translate3d(0,0,0);
}
.section {
-webkit-transform: translate3d(0,0,0);
}

/* fullpage  */

.section{
		background-size: cover;
    background-position: center center;
    color: #FFF;		text-align:center;

	}

.section.cocktails{
    background-position: right;
    color: #FFF;		text-align:center;
background-repeat: no-repeat;
		background-size:auto;

	}
	.slide{
		background-size: cover;
	}

.section .row{
	text-align:left;

	}
/*search modal
*/
.modal-header{
/*    border: none;
*/    
}
.modal-content{
/*    background-color: transparent;    border: none;
*/
}
.close{
/*    color: #FFF;
*/        
} 

/* modal left as nav
*/




.modal.left .modal-dialog {

	position:fixed;

	right: 0;

	margin: auto;

	width: 50%;
	max-width: 50%;

	height: 100%;

	-webkit-transform: translate3d(0%, 0, 0);

	-ms-transform: translate3d(0%, 0, 0);

	-o-transform: translate3d(0%, 0, 0);

	transform: translate3d(0%, 0, 0);

}



.modal.left .modal-content {

	height: 100%;

	overflow-y: auto;

}



.modal.right .modal-body {

	padding: 15px 15px 80px;

}



.modal.right.fade .modal-dialog {


	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;

	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;

	-o-transition: opacity 0.3s linear, left 0.3s ease-out;

	transition: opacity 0.3s linear, left 0.3s ease-out;

}



.modal.right.fade.show .modal-dialog {

	right: 0;

}



/* ----- MODAL STYLE ----- */

.modal-content {

	border-radius: 0;

	border: none;

}



.modal-header {

	border-bottom-color: #eeeeee;

	background-color: #fafafa;

}



/**  lazy load stuff  **/
.img-container img, .blog3ImageHolder	img {
				display: block;
				border: 0;
				opacity: 0;
			}
.img-container			img:not(.initial) , .blog3ImageHolder			img:not(.initial) {
				transition: opacity 1s;
			}
	.img-container		img.initial,
	.img-container		img.loaded,
	.img-container		img.error, 	.blog3ImageHolder		img.initial,
	.blog3ImageHolder		img.loaded,
	.blog3ImageHolder		img.erro {
				opacity: 1;
			}

	.blog3ImageHolder		img:not([src]) , 	.img-container		img:not([src]) {
				visibility: hidden;
			}

/**  END lazy load stuff  **/


body{ 
font-style: normal;text-align: center;

}

h1, h2{
        font-family: 'Druk Wide';
text-transform: uppercase;
    letter-spacing: 2px;font-style: normal;
font-weight: normal;

}
h1 {
}
.col4copy h2 {
	margin-bottom: 30px;

}
h3 {  
font-style: normal;
font-weight: normal;
	

}




p strong {
        font-weight: normal;

}


.privacy-policy h4 {  font-family: Roboto;
font-weight: normal;

font-size: 0.8rem;	
font-style: normal;
	margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    letter-spacing: 2px;

}
.privacy-policy h5 {  font-family: Roboto;
font-weight: normal;

font-size: 0.8rem;	
font-style: normal;
	margin: 0px 0px 20px 0px;
    padding: 0px;

}
.privacy-policy h6 {  font-family: Roboto;
font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;

font-size: 0.8rem;	
font-style: normal;
	margin: -10px 0px 20px 0px;
    padding: 0px;

}

.header img{
    height: 25px;
    margin-top: 55px;
}

.modal img{
    height: 25px;
    margin-top: 55px;
        margin-right: 55px;

}
.nav-link{
        font-family: 'Druk Wide';
text-transform: uppercase;
    letter-spacing: 2px;font-style: normal;
font-weight: normal;
text-align: center;
        font-size: 2rem;

}

.vertical-center {
    margin: 0px auto;
  min-height: 80%;  
  min-height: 80vh; 
 
  display: flex;
  align-items: center;
}
.closer{
  position: absolute;
    top: 0;
    right: 0;

}
.menuholder a:hover, .closer a:hover{
cursor: pointer;
}

.menulink a{
    text-align: right;
}
.herbitwelcome-to-the-next-gineration img, .herbitthe-gin img{
width: 50%;    
}

.col4copy{
}
.btn {
        font-family: Roboto;
border: 1px solid #FFF;
    font-size: 0.8rem;
}
.centredtext{
    margin-top: 20px;
font-size: 2rem;
}
.james{
    height: 220px;
}
.our-process, .cat-header{
        margin-top: 200px;

}

.our-process h1{
    color: #1173ad;font-size: 2rem;

}
.stockists h1{
    color: #1173ad;font-size: 1.6rem;
    margin-bottom: 50px;

}


.instagram h1{    margin-top: 80px; margin-bottom: 50px;

    color: #1173ad;font-size: 1.6rem;


}
.stockists a,.stockists a:link{
    text-decoration:underline;
}

.stockists a:hover{
    text-decoration:none;
}


.stockists h2{
     font-family: Roboto;
font-size: 0.9rem;
     letter-spacing: 2px;   color: #1173ad;
}
.stockists h3{
font-family:  "Playfair Display";
font-size: 1.3rem;
      color: #1173ad;    margin-top: 20px;
}
.stockists a{
             color: #1173ad;
}
.stockists p{
     font-family: Roboto;font-size: 0.9rem;
    font-weight: 400;
}

.our-process h2, .scroll-group h2{
    color: #1173ad;
}

.our-process h3, .scroll-group h3{
    color: #1173ad;
}
 .scroll-group h2{
      font-family: Roboto,serif;
font-size: 1rem;
     letter-spacing: normal;
}

 .scroll-group h3{
        font-family: 'Druk Wide';
font-size: 0.9rem;
     height: 40px;
}
 .scroll-group p{
        font-family: Roboto;
font-size: 0.9rem;
}
.our-process .leading {
      margin-bottom: 50px;
}

.scroll-group > .row {
flex-wrap: nowrap;overflow-x: auto

}
.scroll-group > .row > .col-4 {
text-align: center;


}
.scroll-group  .col-4, 
.scroll-group  .col-lg-2 {
    padding: 0px;
}
.g4image img{
    height: 100px;
        
}.g4image {
    height: 130px;
     margin-bottom: 20px;
}
.process0 .g4image{
background-image: url("../images/process-start.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
}
.process1 .g4image, 
.process2 .g4image, 
.process3 .g4image, 
.process4 .g4image{ 
background-image: url("../images/process-middles.svg");
    background-position: bottom center;
    background-repeat: no-repeat;

}
.process5 .g4image{
background-image: url("../images/process-end.svg");
    background-position: bottom center;
    background-repeat: no-repeat;

}
.socials img{
    width: 40px;
    margin-top: -20px;
    margin-right: 20px;
}
.socials i{
    font-size: 40px; color: #1173ad;    margin-right: 20px;

}.footer {
margin-top: 30px;        font-family: Roboto;
    color: #1173ad;

text-align: left;}.footer a {
    color: #1173ad;

}
.g4head{
    padding: 0px 15px;
       
}
.g4intro{ 

    padding: 0px 15px;

}
.transheader{
    background-color: rgba(236,236,236,0.77);
    padding-bottom: 15px;
}
a.wheretobut{
    margin-top: 30px;
    margin-bottom: 30px;
    color:#FFFFFF;
}
#ageModal .modal-content{
    background-color: transparent;
        
}
#ageModal .modal-body{
    background-color: #256eac;
        
}
#ageModal h2{
font-size: 1.2rem;
    padding: 0% 5% 2% 5%;
}
#ageModal h4{
font-size: 1rem;
    padding: 5% 5% 2% 5%;
    font-weight: 400;
}
#ageModal .modal-content img{
height: 100%;        
width: 100%;        
    margin: 0px;
}
#ageModal .modal-content p{
    color:#FFFFFF;       padding: 5% 5% 2% 5%;  font-size: 0.8rem;  font-family: Roboto;
    font-weight: 400;
}
#ageModal a:hover{
    text-decoration: none;    cursor: pointer;

}
#ageModal a{
            font-family: 'Druk Wide';
    letter-spacing: 2px;
font-size: 1.6rem;
    color:#FFFFFF;
}
.leadingfull{
    height: 100vh;
    background-size: cover;
    background-position: center center;
    
}.leadingfull h1{
   width: 100%;
margin: 0 auto; 
}
.g1image{
      background-size: cover;
    background-position: center center;
}
.g1text {
padding: 80px;
    text-align: left;
    color: #FFF;
    
}

.g1leadingtext p{
        color: #FFF;
    padding-top: 20px;    font-size: 1.8rem;
}

.g1text p{
    font-size: 1.4rem;

}
.g1text h2{
    font-size: 1.2rem;
    margin-bottom: 35px;

}.g1text h3{
    font-size: 0.9rem;
   font-family: Roboto;
    letter-spacing: 1px;
}
.g1text h4{
    font-size: 1rem;
    font-weight: 500;
}

.g1text p{
      color: #FFF;


}
.item-page{
        color: #1173ad;
margin-top: 60px;
}.item-page h2{
        color: #1173ad;
}
.blog5{
    text-align: left;
    margin-top: 20px;   

}
.blog5 p{
 
    margin:0px;   font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
   text-indent: 15px;    padding: 0px;
line-height: normal;
} 
 .blog5 ul, .blog5 li{
 
    margin:0px;   font-family: Roboto;
    font-weight: 300;
    font-size: 16px;
     padding: 0px;
line-height: normal;
}

 .blog5 ul, .blog5 li{
 
    margin:0px 0px 0px 10px; 
     padding: 0px;
}


.blog5 strong{
     text-transform: uppercase;
 font-weight: 400; 
}

.blog5 h3{
     font-family: Roboto;  
    margin:15px 0px 0px 0px;
    font-weight: 300;  color: #1173ad;
    font-size: 16px;
    padding: 0px;line-height: normal;

}
.blog5 a{
 color: #1173ad;
 text-decoration: underline;
}

.blog5  h3:first-child {
      margin:0px; 
}
.cat-header.privacy-policy h1{
    color: #1173ad;font-size: 2rem;
    margin-bottom: 50px;

}

.blog3 h4{
       font-weight: 400; 
    font-size: 0.8rem;    margin: 20px 0px 0px 0px;    letter-spacing: 2px;
    text-transform: uppercase;

}
.blog3 h5{
       font-weight: 400; 
    font-size: 0.8rem;
    margin:  0px 0px 0px 0px;
}
.blog3 h6{
       font-weight: 400; 
    margin-top: -15px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
 .col4copy {
padding: 50px 0px;    }




 #logoblock{
-webkit-transition: all 0.5s ease;
}
#logoblock.shrink {
/*	min-height: 135px; 
*/ }

#logoblock.shrink{

margin-top: -150px;
	}


.mod-languages {
     font-family: 'Druk Wide';
text-transform: uppercase;
    letter-spacing: 2px;font-style: normal;
font-weight: normal;
    margin-top: 45px;
}
.lang-inline li:first-child{
    border-right: 1px solid #FFF;
}

.lang-inline li{
padding: 0px 20px 0px 20px;
}