@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
	font-family:"vodka", Helvetica, sans-serif;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
 
 
 
 
 
 
 
 
 
 

 
 @font-face {
  font-family: "vodka";
  src: url("../fonts/bandoengsche-webfont.eot");
  src: url('../fonts/bandoengsche-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url("../fonts/bandoengsche-webfont.woff") format("woff"),
    url("../fonts/bandoengsche-webfont.svg") format("svg");
  }
 
 
 
 
 
 
 
 
 

.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}

h3{
	font-size:60px;
	color:#000;
	font-family:"vodka", Helvetica, sans-serif;
	text-transform:uppercase;
}
p{
	font-size: 20px;
	font-weight:bold;
}
.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 20px;
	
}
.section{
	text-align:center;
}
#menu li {
	margin: 10px;
	color: #fff;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #fff;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 200px;
	padding: 0;
	margin:0;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}


.main-font{
	font-family:"vodka", Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
}




#scroll{
	width:100%; height:300px; margin:0 auto; overflow: scroll;-webkit-overflow-scrolling: touch; overflow-x:hidden; border:1px dotted #201f5e; padding:0px 0px 20px 0px; float:left; margin-bottom:50px;
}











/* Demos Menu
 * --------------------------------------- */
 #demosMenu{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 999;
 }




#hide{
	display:none;
}




.buy-now{
	width: 200px;
	height: 150px;
	top: 30px;
	right: 30px;
	display: block;
	position: absolute;
	/*background-image:url(../imgs/untamed-vodka-buy-now.png);*/
 background-image:url(../imgs/shop-online.png);
	background-size:contain;
	background-repeat:no-repeat;
	-webkit-transition: width 0.3s, height 0.3s, -webkit-transform 0.3s; 
	-moz-transition: width 0.3s, height 0.3s, -moz-transform 0.3s; 
	-o-transition: width 0.3s, height 0.3s, -o-transform 0.3s; 
    transition: width 0.3s, height 0.3s, transform 0.3s;
}

#winning{
	width: 300px;
	height: 200px;
	top: 35px;
	right: 100px;
	display: block;
	position: absolute;
	/*background-image:url(../imgs/untamed-vodka-awards.png);*/
 background-image:url(../imgs/vodkaawards.png);
	background-size:contain;
	background-repeat:no-repeat;
}


.buy-now:hover{
	width:200px;
	-webkit-transform: rotate(10deg); 
	-moz-transform: rotate(10deg); 
	-o-transform: rotate(10deg); 
    transform: rotate(10deg);
}



form{
	width:500px;
	margin:0 auto;
}




textarea{
	height:150px;
}

label{
	float:left;
	font-size:17px;
}

.con-send{
	width: 100%;
  height: 50px;
  background-color: transparent;
  border: 4px solid #000;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}

select{
	float:right;
}





#news-btn a, #news-btn1 a{
	margin:0px;
	padding:0px;
}



.news-btn{
	padding:10px 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#section0 { background-image:url(../imgs/vodka-home-bg.jpg); background-size:cover}
#section1 {background-image:url(../imgs/cocktails-untamed-vodka.jpg); background-size:cover}
#section11 {background-image:url(../imgs/vodka-home-bg.jpg); background-size:cover}
#section3 { background-image:url(../imgs/vodka-recipe.jpg); background-size:cover}
#section4 { background-image:url(../imgs/contact-us.jpg); background-size:cover}
#section2 { background-image:url(../imgs/vodka-storys-bg.jpg); background-size:cover; background-position:0 -10px; background-repeat:no-repeat;}


footer{
	width:100%;
	height:37px;
	background-image:url(../imgs/footer.jpg);
	background-repeat:repeat;
	background-color:#000;
	position:fixed;
	bottom:0px;
	z-index:1000;
	color:#FFF;
	font-size:10px;
	text-align:center;
	line-height:45px;
	z-index:9999;
}
	
	
footer a{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
	
	
	


.logo{
	width:265px;
	height:195px;
	background-image:url(../imgs/untamed-irish-vodka-logo.png);
	position:fixed;
	top:30px;
	left:25px;
	z-index:9999;
	background-size:cover;
	border-bottom: 1px dotted #000;
	background-repeat:no-repeat;
	background-size: 85%;
  	background-position: center top;
}



.logo-age{
	max-width:225px;
	height:180px;
	background-image:url(../imgs/untamed-irish-vodka-logo.png);
	z-index:9999;
	background-size:cover;
	margin:0 auto;
}


.menu-wrap ul{
	margin-top:226px;
	text-align:center;
}


#news-btn, #news-btn1{
	width:50px;
	/*height:396px;*/
	position:fixed;
	right:0px;
	bottom:150px;
	display:block;
 z-index: 9999
}


#news-btn a, #news-btn1 a{
	margin:0px;
	padding:0px;
	clear:both;
	}
	
	#news-btn img, #news-btn1 img{
	margin:0px;
	padding:0px;
	clear:both;
	}


.drink-wrap{
	width:960px;
	margin:0 auto;
	bottom:0px;
	height:700px;
	position:relative;
	bottom:0px
}

.drink {
	width:550px; 
	float:left;
	height:100%;
	}


#drink2{
	height:80%;
	margin-top:20%;
}

#drink3{
	height:55%;
	margin-top:45%;
}

#drink4{
	height:65%;
	margin-top:35%;
}


.drink-box {
	width:400px; 
	float:left;
	color:#000;
	margin-top:30%;
	font-size:18px;
	}
	
.drink-box ul{
	list-style:circle; text-align: left; margin-left: 90px; margin-top: 20px;
	}	
	
	
.desc{
	width:200px;
	
}

#mobile-contact{
	display:none;
	font-size:60px;
	color:#000
}

#mobile-contact a{
	color:#000;
	padding:30px 40px 20px 40px;
}

#mobile-contact a:first-child{
	border-right:8px solid #000;
	margin-top:10px;
}

#line{
	margin-top:-10px;
}



.h3-side{
	margin-left:23% !important; width:695px!important; margin-top:-300px;
}

.p-side{
	margin-left:23%!important; width:695px!important;
	background-image:url(../imgs/seventy.png)!important;;
	text-align:center !important;
	background-repeat:repeat;
	padding:15px;
	clear:both;
}

.h3-side-two{
	margin-right:10%!important; width:680px!important; padding-left:0px!important; float:right!important;
}

.p-side-two{
	margin-right:10%!important; width:680px!important;
	background-image:url(../imgs/forty.png)!important;;
	background-repeat:repeat;
	padding:15px;
	clear:both;
}





/* Sections
		 * --------------------------------------- */
		
		#section1 img{
		width:100%;
		float:right;
		}
		
		#section0 #home-wings{
		height: 100%;
		margin: 20px 0 0 0;
		width:auto;
		}
		
		#section0 #mobile-section0{
		display:none;
		}
		
		
		
		
		
		
		
		#section2 img{
			margin: 20px 0 0 52px;
		}
		#section3 img{
			margin-top:30px;
			width:100%;
		}
		.intro p{
			width: 50%;
			margin: 10px auto;
			
		}
		
		
		
		
		
		#myVideo{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		z-index: 10;
		background-size: 100% 100%;
  		background-image:url(../imgs/vodka-video.jpg);
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
	}

		/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section4.1 .layer{
		position: absolute;
		z-index: 2;
		width: 100%;
		left: 0;
		top: 43%;
		height: 100%;
	}









#play-vid{
	background-image:url(../imgs/vodka-video.jpg); 
	background-size:cover; 
	width:100%;
	height:100%
}











/*CONTACT FORM
		 * --------------------------------------- */

#contact-form{
	width:700px;
	margin-top:30px;
	

}
		 
		 
#left-contact{
	width:340px;
	height:250px;
	float:left;
}

	 
#left-contact input{
	width:100%;
	height:35px;
}


#right-contact{
	width:340px;
	height:270px;
	float:left;
	margin-left:20px;
}

#right-contact textarea{
	width:100%;
}



#d-one{margin-top:105px}
#d-two{margin-top:50px}
#d-three{margin-top:160px}


		 
	


@media screen and (max-height: 900px) { 




/* DRINKS PAGE
	* --------------------------------------- */
.drink-wrap{
	width:780px;
	height:440px;
}


.drink{
	width:340px;
}

.drink-box{
	width:400px;
	margin-top:150px;
	margin-right:20px;
}

.drink{
	height:100%;	
}

#drink3{
	margin-top:35%;
}
#drink4{
	margin-top:25%;
}

#drink2{
	margin-top:15%;
}


#d-one{margin-top:65px}
#d-two{margin-top:38px}
#d-three{margin-top:100px}

#news-btn, #news-btn1{
	width:40px;
	bottom:80px;
	height:320px;
}
#news-btn img, #news-btn1 img{
	margin:0px;
}


.intro p{
			font-size:17px;
		}
		






		
.p-side {
  margin-left: 26%!important;
  width:595px !important
}
.h3-side {
  margin-left: 26% !important;
  width: 595px!important;
  margin-top: -150px;
}





.logo {
  width: 236px;
  height: 180px;
}

.menu-button {
  top: 225px !important;
  left: 110px!important;
}

.menu-wrap ul {
  margin-top: 214px;
}

#section0 #home-wings {
  margin: 5px 0 0 0;
}


.fp-controlArrow.fp-prev {
  width: 30px;
  height: 50px;
}

.fp-controlArrow.fp-next {
  width: 30px;
  height: 50px;
}
.fp-controlArrow {
  top: 50%;
  margin-top:0px;
}



#scroll {
  width: 710px;
  float:none;
  margin-left:33%;
}



.news-btn{
	margin-left:170px;
}

#mob-push{
	padding-left:170px;
}


#section3 {
  background-position: 100px;
  background-repeat: no-repeat;
}


.p-side-two{
  	margin-right:5% !important;
	width:550px !important;
}

.h3-side-two{
	margin-right:5% !important;
	width:550px !important;
}



}


@media only screen and (max-width: 1599px) {
	
	.p-side{
		margin-left:25% !important;
	}
	
	
	.p-side-two{
  	margin-right:5% !important;
	width:595px !important;
}

.h3-side-two{
	margin-right:5% !important;
	width:595px !important;
}
	
}


@media only screen and (max-width: 1199px) {
	
	
	h3{
		font-size:45px;
	}
	
	.intro p{
			font-size:17px;
		}
		
	

.h3-side-two{
	margin-right:5% !important;
	width:550px !important;
}


.menu-wrap ul {
  margin-top: 170px;
}


.logo{
	top:20px;
	left:20px;
	width: 210px;
	height: 155px;
}



#myVideo{
	display:none;
}



.menu-button{
		left:94px !important;
		top:187px !important;
	}



.buy-now{
	width: 150px;
	height: 130px;
	top:20px;
	right:20px;
	-webkit-transition: none; 
	-moz-transition: none; 
	-o-transition: none; 
    transition: none;
}


.buy-now:hover{
	width:150px;
	-webkit-transform: none; 
	-moz-transform: none; 
	-o-transform: none; 
    transform: none;
}

#section0 img{
	margin-top:30px;
}



#section3 {
	background-position:80px;
	background-repeat:no-repeat; 
}
#section2 {
	background-position:80%; 
}



/* DRINKS PAGE
	* --------------------------------------- */
.drink-wrap{
	width:600px;
	height:330px;
}


.drink{
	width:250px;
}
.drink-box{
	width:330px;
	margin-top:100px;
	margin-right:20px;
	font-size:18px;
}

.drink{
	height:97%;	
}
#drink3{
	margin-top:35%;
}
#drink4{
	margin-top:25%;
}

#drink2{
	margin-top:15%;
}



#winning{
	width: 230px;
	height: 130px;
	top: 20px;
	right: 20px;	
}



#news-btn, #news-btn1{
	width:40px;
	bottom:80px;
	height:320px;
}
#news-btn img, #news-btn1 img{
	margin:0px;
}



#scroll{
	height:200px;
}



#mob-push{
	margin-top:50px;
}

.p-side {
  margin-left: 30% !important;
}

.h3-side {
  margin-left: 30% !important;
  margin-top: -100px;
}


.p-side-two {
  margin-right: 5% !important;
  width: 370px !important;
}

.h3-side-two {
  margin-right: 5% !important;
  width: 370px !important;
}


.drink-box ul {
  list-style: circle;
  text-align: left;
  margin-left: 50px;
  margin-top: 20px;
}


#scroll {
  width: 530px;
  float: none;
  margin-left: 33%;
}

}




























@media only screen and (max-width: 900px) {
	
#play-vid{
	background-position:100%;
}
	
	
	
#section0 #home-wings{
		display:none;
		}
		
		#section0 #mobile-section0{
		height: 99%;
		margin: 5px auto 0 auto;
		width:auto;
		display:block;
		}	
	
#section3 {
  background-position: 145px;
}	
	
	
h3{
	font-size:40px;
	padding-left:0px;
}
	
.logo{
	left:0px;
	top:10px;
	margin-left:0px;
	width: 100px;
	height: 75px;
	border-bottom:none;		
}

.intro p{
	width:90%;
	font-size:15px;
}




#hide{
	display:block;
}
#winning{
	display:none;
}



.buy-now{
	width:120px;
	height:100px;
	top: 125px;
	right: 15px;
	
}

.buy-now:hover{
	width:140px;
}



.drink-box{
	display:none;
}

.drink-wrap{
	width:250px;
	height:400px;
}

.drink img{
	margin:0 auto;
	display:block;
	float:none !important;
}



#uuu{
	margin:30px auto !important;
}


#drink4{
	margin-top:160px;
}

#drink3{
	margin-top:190px;
}

#drink2{
	margin-top:100px;
}


.drink{
	margin-top:50px;
}



footer{
	font-size:5.5px;
	z-index:1;
}



#right-contact{
	height:195px;
	
}


.fp-controlArrow.fp-next{
	width:35px !important;
	height:35px !important;
}
.fp-controlArrow.fp-prev{
	width:35px !important;
	height:35px !important;
}




/* CONTACT MOBILE
	* --------------------------------------- */

#contact-form{
	max-width:270px;
}


#left-contact input{
	height:28px;
}
#left-contact{
	width:100%;
}

#right-contact textarea{
	height:80px;
	float: none;
	margin-left: 0px;
	margin:0 auto;
}

#right-contact{
	margin-left:0px;
	width:100%;
}

#left-contact {
	margin:0 auto;
	float:none;
	height:150px;
}

#promo-c{
	margin-top:0px !important;
	margin-bottom:10px;
}

#element_7{
	margin-top:0px !important;
}



#section4 h3{
	display:none;
}

#buy-contact{
	width:90px;
	height:90px;
}

.h3-side{
	margin:100px auto 10px auto !important; width:70%!important; text-align:center!important;
}

.p-side{
	margin:0 auto!important; width:70%!important; text-align:center!important;
	background-image: url(../imgs/eighty.png)!important;
}

.h3-side-two{
	margin:0 auto!important; width:70%!important; text-align:center!important; float:none!important;
}

.p-side-two{
	margin:0 auto!important; width:70%!important; text-align:center!important;
	background-image: url(../imgs/eighty.png)!important;
}



#news-btn, #news-btn1{
	display:none;
}



#contact-form{
	display:none;
}

#mobile-contact{
	display:block;
}

#buy-contact{
	display:none;
}



#scroll {
  width: 255px;
  margin:0px auto;
  height:250px;
  margin-bottom:30px;
}

.news-btn {
  margin-left: -10px;
}
#mob-push {
  padding-left: 0px;
}



}

.flash-img img {max-width: 130px; animation: blink 1s;    animation-iteration-count: infinite;}

.flash-img {
  position: absolute;
  z-index: 9;
  left: 85px;
  bottom: 150px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}