/*   
Theme Name: Law
Version: 2.2
Author: INMEDIA Design Ibiza
Author URI: https://inmedia-design.com
*/

/* Styles.less is where you should start wrinting your css and them complie it to css and past in in here.
Would recomend to use this online converter off less http://less2css.org/
----------------------------------------------------------------------------------------------------*/
/* Slider */
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#cn-notice-text a {color: red !important}

.activeurl a{
	
	 padding:20px; 
	 background-color:rgba(89, 18, 128, 0.8);
	 color:white;
	 font-weight:bold;
	
}

.gfx-nav li  a:hover{
	
		 padding:20px; 
	 background-color:rgba(89, 18, 128, 0.5);
	 color:white;
	 font-weight:bold;
}



.desctxt h3 {
	color: #4c0a68;
	font-family: 'Special Elite', cursive;
    font-size: 2.5em;
}

.desctxt p {
	font-weight: bold;
}


.col-md-12 p{ font-size:14px;}

@media(min-width:1200px){
	

		.col-md-12 p{ font-size:18px;}
	
}
.logo img {margin-top:-20px;}


.page-title h2 {
	font-family: 'Special Elite', cursive;
    font-size:39px;
}


.columns h2{ margin-bottom:50px;}
		.columns h2{ padding-top:10%;}

@media(min-width:1200px){



		.columns .page-title.firstline  h2{ padding-top:0%;}
		
					
			
		.page-title h2{
			
			font-size:75px;
		}
			
	
	
	
}

@media(max-width:1000px){
	

.footer_rnk{
	
max-width:100px !important;
}	
}

.list-inline{ padding-bottom:20px;}

.qtranxs_language_chooser li a { color:black;}









.homeimage{
	
	height:100vh; padding-top: 59px; background-size:100%;
	
	
}




/** BOTANICALS **/
.botanicals_top_image{height:auto;padding-top: 190px; background-position: 50% 50%;}

.juniper{min-height:auto;   background-repeat: no-repeat;	}


.freshlemon{min-height:auto;   background-position: 50% 50%; background-repeat: no-repeat;}
.exotic{min-height:auto; background-repeat: no-repeat;}


.greenpepper{min-height:auto;  background-repeat: no-repeat;}

.salines{min-height:auto;background-repeat: no-repeat;}

.herstellung{min-height:auto;background-repeat: no-repeat;}

.luna{min-height:auto;background-repeat: no-repeat; }

.distillery{min-height:auto;background-repeat: no-repeat;}


.whylaw{min-height:auto;background-repeat: no-repeat;}

.perfectserve{min-height:auto;background-repeat: no-repeat;}

.homeimage{min-height:auto;padding-top: 59px; }
	
	.homeimage .parallax {
    background-position: 73% 50% !important;
    background-attachment: scroll;
}


@media(max-width:1100px){
		.logo-light img{ width:300px;}

	
}
 

@media(max-width:992px ) {
	
			.logo-light img{ width:320px;}

.logo img{
		
		 margin:30px; margin-left:0px;  max-width:60px;
		}


		.goldbtm{
			position:fixed; bottom:20px; right:10px;z-index:15;
		max-width:75px;
		}

}

@media(min-width:992px){
	
	
	.goldbtm{
			position:fixed; bottom:20px; right:40px;z-index:15;

	}


	
}


@media(max-width:640px){
	
	.logo img{
		
		 margin:30px; margin-left:0px; 
		}
}

@media(min-width:1124px)

{
	
.homeimage{height:100vh;padding-top: 59px; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat;}
	
	
	
/** BOTANICALS **/
	
				
			.botanicals_top_image{height:80vh;padding-top: 59px; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat;}
			.juniper{ min-height:450px; background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat;}
			.freshlemon{min-height:450px; background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat;}
			.exotic{min-height:450px; background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat;}
			.greenpepper{min-height:450px; background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat;}
			.salines{min-height:450px; background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat;}
			
			
			
			.herstellung{height:80vh;padding-top: 59px; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat;}
			.distillery{min-height:450px; background-attachment: fixed; background-position: 50% 226px; background-repeat: no-repeat;}
			
			
			.whylaw{height:80vh;padding-top: 59px; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat;}
			
			
			.luna{height:80vh;padding-top: 59px; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat;}
			.perfectserve{height:80vh;padding-top: 59px; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat;}
			
				.contact{
					height:80vh;padding-top: 59px; background-attachment: fixed; background-position: 50% 0px; background-repeat: no-repeat;
					
					
				}
}

.page-title h2{ color:white; text-shadow:5px 0px  8px black}

.page-title  h2.lila{ color:#623d97;text-shadow:none;}
.lila{ }


.header-wrapper.header-main-scrolled{background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 20%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 20%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 20%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 20%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 20%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
position:fixed; }

@media only screen and (max-width: 768px){

			
			.parallax {
			    background-position: 75% 50% !important;
			    background-attachment: scroll;
			}

}





.credits {
	position: absolute; left: -50px; font-size:11px; bottom: 40em; -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
	transform: rotate(270deg);
}



@media(min-width:992px) {

	.credits {
		
		position: absolute; 
		left: 2em; 
		bottom: 20em; 

		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
	
	}
}



@media(max-width:992px){
	
	.firstline  h2.lila{

		font-size:18px !important;

	}
}



/* cocktails */

	.cocktail-tile {
		font-size:1rem;
		position: relative;
		margin-bottom: 1.5em;
	}
	.cocktail-tile-content {
		margin-bottom: 1.5em;
	}

	.cocktail-tile img {
		margin-bottom: 1.5em;
	}

	.cocktail-tile h3 {
		font-family: 'Special Elite', cursive;
		font-size:1em;
		text-align-last: center;
	}
	.cocktail-tile h3 > a {
		font-size: 3em;
	}


/* coctail-single */

	.cocktail-recipe {
		
	}

	.tit-cocktail-recipe {
		font-size: 1rem;
		margin-bottom: 1.5em;
		font-family: 'Special Elite', cursive;
	}
	.tit-cocktail-recipe > span {
		font-size: 3em;
	}

	.cont-cocktail-recipe {

	}


	.cocktail-recipe.affix {
	  position: fixed !important;
	  top: 40%;
	  width: 293px;
	  
	  /*margin-top: -40px;*/
	}

	@media (min-width: 1200px) {
		.cocktail-recipe.affix {
			width: 360px;
		}
	}

	.mb-3 {
		margin-bottom: 30px;
	}

	.mb-6 {
		margin-bottom: 60px;
	}