@font-face {font-family: 'ActaDisplay_Black';src: url('../fonts/377AED_0_0.eot');src: url('../fonts/377AED_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/377AED_0_0.woff2') format('woff2'),url('../fonts/377AED_0_0.woff') format('woff'),url('../fonts/377AED_0_0.ttf') format('truetype');}
@font-face {font-family: 'Bauer';src: url('../fonts/377AED_1_0.eot');src: url('../fonts/377AED_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/377AED_1_0.woff2') format('woff2'),url('../fonts/377AED_1_0.woff') format('woff'),url('../fonts/377AED_1_0.ttf') format('truetype');}
@font-face {
  font-family: 'Montserrat_Black';
  src: url('../fonts/Montserrat-Black.eot');
  src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
       url('../fonts/Montserrat-Black.woff') format('woff'),
       url('../fonts/Montserrat-Black.ttf') format('truetype'),
       url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg'),
       url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat_Medium';
  src: url('../fonts/Montserrat-Medium.eot');
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
       url('../fonts/Montserrat-Medium.woff') format('woff'),
       url('../fonts/Montserrat-Medium.ttf') format('truetype'),
       url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg'),
       url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat_Light';
  src: url('../fonts/Montserrat-ExtraLight.eot');
  src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
       url('../fonts/Montserrat-ExtraLight.woff') format('woff'),
       url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'),
       url('../fonts/Montserrat-ExtraLight.svg#Montserrat-Medium') format('svg'),
       url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


html
{
	background-color: #fff;
	font-size: 1rem ;
}	

.more_button_text
{
	font-family: 'Bauer';
    transform: skew(20deg);
}
body {
	font-family: 'Montserrat_Medium';
	    letter-spacing: 0.1rem;
	background-color: #fff;
}
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a{
	color:#ffffff;
}
a:hover{
	color:#ffffff;
}

.slide_nr_1
{
	 font-size: 10rem; line-height: 6rem; float: left;
}
.slide_nr_2
{
	font-size: 2rem; line-height: 6rem; float: left;
}
  h2 {
  	font-size: 6.5rem;
        line-height: 7.1rem;
  	padding-top:10%;
  		font-family:ActaDisplay_Black;
  }
  
  .contact_form_introText
{
	    font-size: 1.7rem;
    color: #FFFFFF;
	text-transform: uppercase;
}
  
  .mobile_small_h2
{
	  	font-size: 6rem !important;
    line-height: 6rem !important;
  	padding-top:10%;
}
.mobile_big_h2
{
		  	font-size: 6rem !important;
    line-height: 6rem !important;
	font-family:ActaDisplay_Black;
  	padding-top:10%;
}
.mobile_hidden
{
	display:block;
}
.desktop_hidden
{
	display:none;
}
.modal_content
{
	text-transform:uppercase;
	font-size: 2rem;
    padding: 10%;
	padding-top: 10%;
}
.modal_container
{
	display:none; 
	opacity:0; 
    height: 80vh;
    width: 80vw;
    margin-top: 10vh;
    background: #000000;
    position: fixed;
    z-index: 5000;
    margin-left: 10vw;
	background-repeat: no-repeat;
    background-size: cover;
	    overflow-x: hidden;
    overflow-y: hidden;
}
.start_row{
	   margin-top: 15vh;    height: 70vh; 

	
}
.row_margin_slide
{
		 margin-left: 0;
    margin-right: 0;
}
.pentawardsHolder{
    position: absolute;
    right: 0;
    left: auto;
    top: 30vh;
    height: 20vh;
    z-index: 1000;
    animation-delay: 3s;
    opacity: 0;
}  
.button_text_padding
{
	padding-top:0px;;
}
.text_white
{
	color:#ffffff !important;
}
.text_black
{
	color:#000000 !important;
}
.font_ActaDisplay
{
font-family:ActaDisplay_Black;	
}

.lang_link
{
	color:inherit;
}
.lang_link:hover
{
	color:inherit;
}
.itemPadding
{
	padding-top:5vh;
}
.itemMargin
{
	margin-top:5vh;
}
.slashUl
{
	padding-top:5vh;
}

.close_modal
{
	position: absolute; 
	    right: 2%;
    top: 2%;
	  font-size: 1rem;
	cursor: pointer;
	    z-index: 5008;
}
.close_modal_icon
{
	height: 3rem;	
}

.about_text{
	font-size: 1.5rem;
}
#about_title
{
	font-size:7rem;     line-height: 8rem; padding-top: 10vh;
}
#easy_image
{
	position:relative;
	margin-top: -10vh;
	height: 90vh;
	animation-delay:1.5s;
	animation-duration:2s;
	    top: 0;
    right: 0;
}  



#simply_image
{
    height: 80vh;
    position: relative;
    margin-top: 0;
    animation-delay: 1.5s;
    animation-duration: 2s;
    top: 0;
    right: 0;
}  

#ricola_image
{
    width: 100%;
    position: relative;
    margin-top: 0;
    animation-delay: 1.5s;
    animation-duration: 2s;
    top: 0;
    right: 0;
    height: auto;
	padding-top: 7vh;
}  
#cat_image
{
    width: 100%;
    position: relative;
    margin-top: 0;
    animation-delay: 1.5s;
    animation-duration: 2s;
    top: 0;
    right: 0;
    height: auto;
	left: auto;
}
#bee_image
{
    width: 90%;
    position: relative;
    margin-top: 0;
    animation-delay: 1.5s;
    animation-duration: 2s;
	padding-top:5vh;
    top: 0;
    right: 0;
    height: auto;
	left: auto;
}
#neo_image
{
	    width: 100%;
	    position: absolute;
	    margin-top: 0;
	    animation-delay: 1.5s;
	    animation-duration: 2s;
	    top: 10%;
	    left: -5vw;
	    height: auto;
}


#beer_image
{
		    position: relative;
	   margin-top: -10vh;
	    animation-delay: 1.5s;
	    animation-duration: 2s;
	animation-delay: 3s;
	    left: auto;
	    height: 90vh;
	animation-delay:3s;"
    
}
.chips_image
{
	position: relative;
	width: 100%;
    animation-delay: 3s;
    height: auto;
     padding-top: 5vh;	
}

#isola_image
{
    width: 100%;
    position: relative;
    margin-top: 0;
    animation-delay: 1.5s;
    animation-duration: 2s;
    top: 0;
    right: 0;
    height: auto;
}
.femmanose_image
{
		position: relative;
	width: 80%;
    animation-delay: 3s;
    height: auto;
	padding-top:10vh;;
}
.frey_image
{
			position: relative;
	width: 80%;
    animation-delay: 3s;
    height: auto;
	padding-top:0;
}

#section7
{
	background-image: url('/img/Isola_Background.jpg');
}
#section5
{
	background-image: url('/img/Gallus_Background.jpg');
}
#section3
{
	background-image: url('/img/Cat_mix_Background.jpg');
}

a:hover
{
	text-decoration:none;
}


.bg-transparent
{
	background-color: transparent !important;
}



.float_left
{
	float:left;
}
.float_right
{
	float: right;
}


.animation_delay_0_0{ animation-delay:0s !important;}
.animation_delay_0_1{ animation-delay:0.1s !important;}
.animation_delay_0_2{ animation-delay:0.2s !important;}
.animation_delay_0_3{ animation-delay:0.3s !important;}
.animation_delay_0_4{ animation-delay:0.4s !important;}
.animation_delay_0_5{ animation-delay:0.5s !important;}
.animation_delay_0_6{ animation-delay:0.6s !important;}
.animation_delay_0_7{ animation-delay:0.7s !important;}
.animation_delay_0_8{ animation-delay:0.8s !important;}
.animation_delay_0_9{ animation-delay:0.9s !important;}
.animation_delay_1_0{ animation-delay:1s !important;}
.animation_delay_1_1{ animation-delay:1.1s !important;}
.animation_delay_1_2{ animation-delay:1.2s !important;}
.animation_delay_1_3{ animation-delay:1.3s !important;}
.animation_delay_1_4{ animation-delay:1.4s !important;}
.animation_delay_1_5{ animation-delay:1.5s !important;}
.animation_delay_1_6{ animation-delay:1.6s !important;}
.animation_delay_1_7{ animation-delay:1.7s !important;}
.animation_delay_1_8{ animation-delay:1.8s !important;}
.animation_delay_1_9{ animation-delay:1.9s !important;}
.animation_delay_2_0{ animation-delay:2s !important;}
.animation_delay_2_1{ animation-delay:2.1s !important;}
.animation_delay_2_2{ animation-delay:2.2s !important;}
.animation_delay_2_3{ animation-delay:2.3s !important;}
.animation_delay_2_4{ animation-delay:2.4s !important;}
.animation_delay_2_5{ animation-delay:2.5s !important;}
.animation_delay_2_6{ animation-delay:2.6s !important;}
.animation_delay_2_7{ animation-delay:2.7s !important;}
.animation_delay_2_8{ animation-delay:2.8s !important;}
.animation_delay_2_9{ animation-delay:2.9s !important;}
.animation_delay_3_0{ animation-delay:3s !important;}
.animation_delay_3_1{ animation-delay:3.1s !important;}
.animation_delay_3_2{ animation-delay:3.2s !important;}
.animation_delay_3_3{ animation-delay:3.3s !important;}
.animation_delay_3_4{ animation-delay:3.4s !important;}
.animation_delay_3_5{ animation-delay:3.5s !important;}
.animation_delay_3_6{ animation-delay:3.6s !important;}
.animation_delay_3_7{ animation-delay:3.7s !important;}
.animation_delay_3_8{ animation-delay:3.8s !important;}
.animation_delay_3_9{ animation-delay:3.9s !important;}
.animation_delay_4_0{ animation-delay:4s !important;}
.animation_delay_4_1{ animation-delay:4.1s !important;}
.animation_delay_4_2{ animation-delay:4.2s !important;}
.animation_delay_4_3{ animation-delay:4.3s !important;}
.animation_delay_4_4{ animation-delay:4.4s !important;}
.animation_delay_4_5{ animation-delay:4.5s !important;}
.animation_delay_4_6{ animation-delay:4.6s !important;}
.animation_delay_4_7{ animation-delay:4.7s !important;}
.animation_delay_4_8{ animation-delay:4.8s !important;}
.animation_delay_4_9{ animation-delay:4.9s !important;}
.animation_delay_5_0{ animation-delay:5s !important;}
.animation_delay_5_1{ animation-delay:5.1s !important;}
.animation_delay_5_2{ animation-delay:5.2s !important;}
.animation_delay_5_3{ animation-delay:5.3s !important;}
.animation_delay_5_4{ animation-delay:5.4s !important;}
.animation_delay_5_5{ animation-delay:5.5s !important;}
.animation_delay_5_6{ animation-delay:5.6s !important;}
.animation_delay_5_7{ animation-delay:5.7s !important;}
.animation_delay_5_8{ animation-delay:5.8s !important;}
.animation_delay_5_9{ animation-delay:5.9s !important;}
.animation_delay_6_0{ animation-delay:6s !important;}

.carousel-inner{
	overflow: visible;
}
    

.carousel-fade {
  .carousel-inner {
    .item {
      opacity: 0;
      transition-property: opacity;
    }

    .active {
      opacity: 1;
    }
  }
}
    
.ricola_switch_background_color {
	-webkit-animation: ricola_switch_background_color_animation 1s ease-in-out forwards;
	-moz-animation: ricola_switch_background_color_animation 1s ease-in-out forwards;
	-o-animation: ricola_switch_background_color_animation 1s ease-in-out forwards;
	animation: ricola_switch_background_color_animation 1s ease-in-out forwards;
}

.ricola_green_background{
    background-color:#FFC800 ;
}

@keyframes ricola_switch_background_color_animation {
    0%     {background-color:#FFC800;}
    100.0%  {background-color:#014900;}
}


.float_nav_right{
	float: right !important;
	
}

.hidden-load {visibility: hidden;}
.hidden-load.animated {visibility: visible;}

.parallelogram {
    height: 2.5rem;
    transform: skew(-20deg);
    color: inherit;
    border: 1px solid;
    line-height: 2rem;
    text-align: center;
	line-height: 0;
}
.parallelogram_form {
    transform: skew(-20deg);
    color: inherit;

    text-align: center;
}

.parallelogram_input
{
    border: 1px solid  !important;
    text-align: center;
    background-color: transparent !important;
    margin-bottom: 1.5vh;
    color: #FFFFFF;
	border-radius: 0;
	outline: none;
	width: 100%;
	font-family: 'Montserrat_Light' !important;
	font-size: 1.7rem  !important;
	line-height: 3rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}
#contactForm
{
	    padding-left: 10px;
    padding-top: 10px;
    padding-right: 0;
}
.parallelogram_input_button
{
    width: auto !important;
    float: right !important;
    line-height: 1.7rem !important;
    padding: .375rem .75rem !important;
	letter-spacing: 0.1rem;
}
.insp_button_text
{
	opacity:0;  font-family: 'Bauer';  transform: skew(20deg); 
}
.insp_button
{
	font-size:2.5rem !important;
}

#barLoader {
    position: relative;
    color: rgba(0, 0, 0, 0);
}
#barLoader:before {
    content: attr(data-text);
    position: absolute;
    overflow: hidden;
    max-width: 110%;
    white-space: nowrap;
    color: #fff;
    
}
.barLoader:before{
	animation-delay:0.7s;
	animation: loading 2s linear;
}
@keyframes loading {
    0% {
        max-width: 0;
    }
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFFFFF;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFFFFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFFFFF;
}

.initialHidden
{
	display:none;
}


.outer_textFadeUp {
  float: left;
  overflow: hidden;
  position: relative;
  height: 6rem;
}
.inner_textFadeUp {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
	
	-webkit-animation: moveTop 1s ease-in-out forwards;
	-moz-animation:moveTop 1s ease-in-out forwards;
	-o-animation: moveTop 1s ease-in-out forwards;
	animation: moveTop 1s ease-in-out forwards;
}
@keyframes moveTop{
from { top: 6rem; }
to { top: -6rem; }
}
@-webkit-keyframes moveTop {
from { top: 6rem; }
to { top: -6rem; }
}
@-moz-keyframes moveTop {
from { top: 6rem; }
to { top: -6rem; }
}
@-o-keyframes moveTop {
from { top: 6rem; }
to { top: -6rem; }
}
@keyframes moveTop {
from { top: 6rem; }
to { top: -6rem; }
}


.outer_textFadeUp_list_item {
  float: left;
  overflow: hidden;
  position: relative;
  height: 1.5rem;
}
.inner_textFadeUp_list_item {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
	
	-webkit-animation: moveTop_list_item 1s ease-in-out forwards;
	-moz-animation: moveTop_list_item 1s ease-in-out forwards;
	-o-animation: moveTop_list_item 1s ease-in-out forwards;
	animation: moveTop_list_item 1s ease-in-out forwards;
}
@keyframes moveTop_list_item{
from { top: 1rem; }
to { top: -1.5rem; }
}
@-webkit-keyframes moveTop_list_item {
from { top: 1rem; }
to { top: -1.5rem; }
}
@-moz-keyframes moveTop_list_item {
from { top: 1rem; }
to { top: -1.5rem; }
}
@-o-keyframes moveTop_list_item {
from { top: 1rem; }
to { top: -1.5rem; }
}
@keyframes moveTop_list_item {
from { top: 1rem; }
to { top: -1.5rem; }
}



ul{
	text-transform: uppercase;
	list-style-type: none;
    margin: 0;
    padding: 0;
}



.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.textHolder{
	overflow:hidden;
}

.scale_content_down
{
	-webkit-animation: scale_down 0.5s ease-in-out forwards;
	-moz-animation: scale_down 0.5s ease-in-out forwards;
	-o-animation: scale_down 0.5s ease-in-out forwards;
	animation: scale_down 0.5s ease-in-out forwards;
}

@keyframes scale_down {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(0.8);
    }
}

.scale_content_up
{
	-webkit-animation: scale_up 0.5s ease-in-out forwards;
	-moz-animation: scale_up 0.5s ease-in-out forwards;
	-o-animation: scale_up 0.5s ease-in-out forwards;
	animation: scale_up 0.5s ease-in-out forwards;
}
@keyframes scale_up {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

.showModal
{
display: block !important;
}

.hideModal
{
	display: none !important;
}

@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform:  translate(0, 0);
  }
  40% {
    -webkit-transform:  translate(0, 10px);
  }
  40% {
    -webkit-transform:  translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform:  translate(0, 10px);
  }
  40% {
    transform:  translate(0, 0);
  }
}

@-webkit-keyframes scrollUpAnim {
  0% {
    -webkit-transform:  translate(0, 0);
  }
  40% {
    -webkit-transform:  translate(0, -10px);
  }
  40% {
    -webkit-transform:  translate(0, 0);
  }
}
@keyframes scrollUpAnim {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform:  translate(0, -10px);
  }
  40% {
    transform:  translate(0, 0);
  }
}

.opacityFadeIn
{
	-webkit-animation: opacityOn_anim 1s ease-in-out forwards;
	-moz-animation: opacityOn_anim 1s ease-in-out forwards;
	-o-animation: opacityOn_anim 1s ease-in-out forwards;
	animation: opacityOn_anim 1s ease-in-out forwards;
	opacity:0;
}

.opacityFadeOut
{
	-webkit-animation: opacityOff_anim 1s ease-in-out forwards;
	-moz-animation: opacityOff_anim 1s ease-in-out forwards;
	-o-animation: opacityOff_anim 1s ease-in-out forwards;
	animation: opacityOff_anim 1s ease-in-out forwards;
	opacity: 1;
}


.opacityOn
{
	-webkit-animation: opacityOn_anim 0s ease-in-out forwards;
	-moz-animation: opacityOn_anim 0s ease-in-out forwards;
	-o-animation: opacityOn_anim 0s ease-in-out forwards;
	animation: opacityOn_anim 0s ease-in-out forwards;
	
	animation-delay: 1s;
}

@keyframes opacityOn_anim {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.opacityOff
{
	-webkit-animation: opacityOff_anim 0s ease-in-out forwards;
	-moz-animation: opacityOff_anim 0s ease-in-out forwards;
	-o-animation: opacityOff_anim 0s ease-in-out forwards;
	animation: opacityOff_anim 0s ease-in-out forwards;
	
	animation-delay: 1s;
}
@keyframes opacityOff_anim {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.letterFadeIn {
	animation-delay: 1.5s;
  white-space: nowrap;
  overflow: hidden;
  width: 30em;
  animation: type 4s steps(60, end); 
}

@keyframes type{ 
  from { width: 0; } 
}


.draw-border {
  box-shadow: inset 0 0 0 1px transparent;
  border: 0 solid transparent;
  transition: color 0.25s 0.0833333333s;
  position: relative;
  color: #fff;
}
.draw-border::before, .draw-border::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
}
.draw-border::before {
  border-bottom-width: 1px;
  border-right-width: 1px;
}
.draw-border::after {
  border-top-width: 1px;
  border-left-width: 1px;
}
.draw-border:hover {
  color: #ffffff;
}
.draw-border:hover::before, .draw-border:hover::after {
  border-color: #ffffff;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}
.draw-border:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

.draw-border_black {
  box-shadow: inset 0 0 0 1px transparent;
  border: 0 solid transparent;
  transition: color 0.25s 0.0833333333s;
  position: relative;
  color: #000000;
}
.draw-border_black::before, .draw-border_black::after {
  border: 0 solid transparent;
  box-sizing: border-box;
  content: '';
  pointer-events: none;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
}
.draw-border_black::before {
  border-bottom-width: 1px;
  border-right-width: 1px;
}
.draw-border_black::after {
  border-top-width: 1px;
  border-left-width: 1px;
}
.draw-border_black:hover {
  color: #000000;
}
.draw-border_black:hover::before, .draw-border_black:hover::after {
  border-color: #000000;
  transition: border-color 0s, width 0.25s, height 0.25s;
  width: 100%;
  height: 100%;
}
.draw-border_black:hover::before {
  transition-delay: 0s, 0s, 0.25s;
}
.draw-border_black:hover::after {
  transition-delay: 0s, 0.25s, 0s;
}

.btn {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 0;
	font-family: ActaDisplay_Black;
	font-size: 1.2rem;
  padding: 1em 2em;
  letter-spacing: 0.05rem;
}
.btn:focus {
  outline: 2px dotted #55d7dc;
}

@keyframes heightTo100Percent_anim {
	0% {
		height: 0%;
		}
		100% {
		height: 100%;
	}
}
@keyframes widthTo100Percent_anim {
	0% {
		width: 0%;
		}
		100% {
		width: 100%;
	}
}


.widthTo90vw
{
	
	-webkit-animation: widthTo90vw_anim 1s ease-in-out forwards;
	-moz-animation: widthTo90vw_anim 1s ease-in-out forwards;
	-o-animation: widthTo90vw_anim 1s ease-in-out forwards;
	animation: widthTo90vw_anim 1s ease-in-out forwards;
}
@keyframes widthTo90vw_anim {
	0% {
		right: -82vw;
		}
		100% {
		right: 0vw;
	}
}
.about_holder_mobile_animation
{
		-webkit-animation: about_holder_mobile_anima 1s ease-in-out forwards;
	-moz-animation: about_holder_mobile_anima 1s ease-in-out forwards;
	-o-animation: about_holder_mobile_anima 1s ease-in-out forwards;
	animation: about_holder_mobile_anima 1s ease-in-out forwards;
}

@keyframes about_holder_mobile_anima {
	0% {
		margin-top: 85vh;
		}
		100% {
		margin-top: 15vw;
	}
}


.b_left
{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0%;
	width: 1px;
		
	-webkit-animation: heightTo100Percent_anim 0.5s ease-in-out forwards;
	-moz-animation: heightTo100Percent_anim 0.5s ease-in-out forwards;
	-o-animation: heightTo100Percent_anim 0.5s ease-in-out forwards;
	animation: heightTo100Percent_anim 0.5s ease-in-out forwards;

}

.b_bottom
{
position: absolute;
bottom: 0;
left:0;
width: 0%;
height: 1px;
	
	-webkit-animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
	-moz-animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
	-o-animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
	animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
}

.b_right
{
position: absolute;
right: 0;
bottom: 0;
height: 0%;
width: 1px;
	
	-webkit-animation: heightTo100Percent_anim 0.5s ease-in-out forwards;
	-moz-animation: heightTo100Percent_anim 0.5s ease-in-out forwards;
	-o-animation: heightTo100Percent_anim 0.5s ease-in-out forwards;
	animation: heightTo100Percent_anim 0.5s ease-in-out forwards;
	
	

}
.b_top
{
position: absolute;
top: 0;
left:0;
width: 0%;
height: 1px;
	
	-webkit-animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
	-moz-animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
	-o-animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
	animation: widthTo100Percent_anim 0.5s ease-in-out forwards;
}

.b_left_full
{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 1px;
}

.b_bottom_full
{
position: absolute;
bottom: 0;
left:0;
width: 100%;
height: 1px;
}

.b_right_full
{
position: absolute;
right: 0;
bottom: 0;
height: 100%;
width: 1px;

}
.b_top_full
{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 1px;
}

.b_white
{
	background-color: #FFFFFF;
}
.b_black
{
	background-color: #000;;
}	

.ipad_hidden
{
	display:block;
}
.insp_section
{
	z-index: 8300;
    position: relative;background-image: url('/img/Inspiriert_Background.png');  
    background-repeat:no-repeat; background-size:cover;
}

.row_form_content
{
	    padding-top: 20vh;
    padding-left: 5vw;
	padding-right: 5vw;
}
#barLoader_success_text
{
	    text-align: right;
}


/* 
START SMALL Desktop
 */

@media screen and (max-width: 1440px) {
h2{
	    font-size: 4rem;
    line-height: 4rem;
	padding-top:15px;
}
  .mobile_small_h2
{
	font-size: 2.5rem !important;
    line-height: 2.5rem !important;
	font-family:ActaDisplay_Black;
	padding-top:15px;
}
.mobile_big_h2
{
		  	font-size: 5.5rem !important;
    line-height: 5.5rem !important;
	font-family:ActaDisplay_Black;
  	padding-top:5%;
}

.slide_nr_1
{
	 font-size: 5.5rem; line-height: 3.25rem; float: left;
}
.slide_nr_2
{
	font-size: 2.5rem; line-height: 3rem; float: left;
}

.ipad_hidden
{
	display:none;
}

.modal_content
{
	text-transform:uppercase;
	font-size: 1.3rem;
    padding: 10%;
	padding-top: 15%;
}

	
}

@media screen and (max-width: 1500px) {
	.insp_button
{
	font-size:1.8rem !important;
}
	
}

/* 
START IPAD
 */

@media screen and (max-width: 1366px) {
h2{
	    font-size: 4rem;
    line-height: 4rem;
	padding-top:15px;
}
  .mobile_small_h2
{
	font-size: 2.5rem !important;
    line-height: 2.5rem !important;
	font-family:ActaDisplay_Black;
	padding-top:15px;
}
.mobile_big_h2
{
		  	font-size: 5.5rem !important;
    line-height: 5.5rem !important;
	font-family:ActaDisplay_Black;
  	padding-top:5%;
}

.slide_nr_1
{
	 font-size: 5.5rem; line-height: 3.25rem; float: left;
}
.slide_nr_2
{
	font-size: 2.5rem; line-height: 3rem; float: left;
}

.ipad_hidden
{
	display:none;
}

.modal_content
{
	text-transform:uppercase;
	font-size: 1.3rem;
    padding: 10%;
	padding-top: 15%;
}

  .contact_form_introText
{
	font-size: 1.2rem;
}

.parallelogram_form {
    transform: skew(-20deg);
    color: inherit;

    text-align: center;
}

.parallelogram_input
{
    border: 2px solid  !important;
    text-align: center;
    background-color: transparent !important;
    margin-bottom: 1.5vh;
    color: #FFFFFF;
	border-radius: 0;
	outline: none;
	width: 100%;
	font-size: 1.2rem  !important;
	line-height: 1.9rem;
	font-family: 'Montserrat_Medium' !important;
}

 

}

/* 
START MOBILE
 */
@media screen and (max-width: 768px) {

html
{
	background-color: #fff;
	font-size: 0.7rem;
	
}
#section7
{
	background-image: url('/img/Isola_Background_Mobile.png');
}
#section5
{
	background-image: url('/img/Gallus_Background_Mobile.png');
}
#section3
{
	background-image: url('/img/Catmix_Background_Mobile.png');
}

.insp_section
{
	z-index: 8300;
    position: relative;background-image: url('/img/Inspiriert_Background_Mobile.png');  
    background-repeat:no-repeat; background-size:cover;
}
.row_form_content
{
	    padding-top: 10vh;
    padding-left: 5vw;
	padding-right: 5vw;
}
#barLoader_success_text
{
	    text-align: left;
}

#contactForm
{
	    padding-left: 10px;
    padding-top: 5vh;
    padding-right: 30px;
}
.close_insp_content
{
	padding-top: 3% !important;
    padding-right: 3% !important;
}


.start_row{
	margin-top: 10vh;
    height: 70vh;

}
#about_title
{
	 font-size:5rem;     line-height: 5.5rem;
}
.row_margin_slide
{
		 margin-left: 5vw;
    margin-right: 5vw;
}
.pentawardsHolder{
	position:absolute;
	left: 5vw;
	right:auto;
	top: 64vh;
	height: 12vh;
	z-index: 1000;
	animation-delay:3s;
	opacity:0;
} 
.button_text_padding
{
	padding-top:1px;;
}
h2{
	    font-size: 3rem;
    line-height: 3rem;
	padding-top:15px;
}
  .mobile_small_h2
{
	font-size: 2.5rem !important;
    line-height: 2.5rem !important;
	font-family:ActaDisplay_Black;
	padding-top:15px;
}
.mobile_big_h2
{
		  	font-size: 5.5rem !important;
    line-height: 5.5rem !important;
	font-family:ActaDisplay_Black;
  	padding-top:5%;
}

.slide_nr_1
{
	 font-size: 5rem; line-height: 3rem; float: left;
}
.slide_nr_2
{
	font-size: 1.5rem; line-height: 3rem; float: left;
}
.slashUl
{
	padding-top:3vh;
}

#easy_image
{
     position: absolute;
    right: -3vw;
   top: -42vh;
    height: 65vh;
    animation-delay: 1.5s;
    animation-duration: 2s;
}
#simply_image
{
    position: relative;
        right: -35vw;
    top: auto;
    height: 35vh;
    animation-delay: 1.5s;
    animation-duration: 2s;
}
#ricola_image
{
    position: absolute;
    right: 1px;
    top: auto;
    bottom: 5vh;
	padding-top:0;
    animation-delay: 1.5s;
    animation-duration: 2s;
    left: auto;
    width: auto;
    height: 30vh;
}
#cat_image
{
    position: relative;
    right: 1px;
    top: auto;
	left: 35vw;
    bottom: auto;
    animation-delay: 1.5s;
    animation-duration: 2s;
    
    width: auto;
    height: 30vh;
}
#bee_image
{
    position: relative;
    right: 1px;
    top: -2vh;
	left: 35vw;
    bottom: auto;
    animation-delay: 1.5s;
    animation-duration: 2s;
    padding-top:0;
    width: auto;
	
    height: 35vh;
}
#neo_image
{
    position: relative;
    right: auto;
    top: auto;
    height: auto;
    animation-delay: 1.5s;
    animation-duration: 2s;
    left: auto;
    width: 100%;
}

#beer_image
{
		    position: absolute;
	     margin-top: 4vh;
	    animation-delay: 1.5s;
	    animation-duration: 2s;
	animation-delay: 3s;
	    left: -6vw;
	    height: 60vh;
	animation-delay:3s;
    
}
.chips_image
{
	position: relative;
	width: 100%;
    animation-delay: 3s;
    height: auto;
	padding-top:0;
}

#isola_image
{
    position: absolute;
    right: 1px;
    top: auto;
    bottom: 0;
    animation-delay: 1.5s;
    animation-duration: 2s;
	padding-top:5vh;
    left: auto;
    width: auto;
    height: 35vh;
}
.femmanose_image
{
		position: relative;
	width: 80%;
    animation-delay: 3s;
    height: auto;
	padding-top:0;
}

.frey_image
{
			position: relative;
	width: 80%;
    animation-delay: 3s;
    height: auto;
	padding-top:0;
}

.itemPadding
{
	padding-top:2vh;
}
.itemMargin
{
	margin-top:2vh;
}


.modal_container
{
    display: none;
    opacity: 0;
    height: 83vh;
    width: auto;
    margin-top: 10vh;
    background: #000000;
    position: fixed;
    z-index: 5000;
    margin-left: 5vw;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-right: 5vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.modal_content
{
	text-transform:uppercase;
	font-size: 1.2rem;
    padding: 10%;
	padding-top: 15%;
}
.close_modal
{
	position: absolute; 
	right: 3%; top: 3%;  font-size: 1rem;
	cursor: pointer;
	    z-index: 5008;
}

.mobile_hidden
{
	display:none;
}
.desktop_hidden
{
	display:block;
}

}

@media (min-width: 1500px){
.container {
    max-width: 1540px;
}
}
@media (min-width: 1700px){
.container {
    max-width: 1740px;
}
}