/*Company Begin*/


.topBanner_vineyards{
	height: 240px;

	background-image: url('../media/banner_vineyards.jpg');

    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    
}

.vineyardsContainer {
	position: relative;
	z-index: 10;
	
   
    background-image: url('../media/v_banner_img_2.png'), url('../media/v_banner_img_1.png');
   
    background-repeat: no-repeat;	
    background-position-x: -460px, calc(100% + 460px);
    background-position-y: bottom, bottom;
    background-size: auto 70%, auto 70%;
    transition:background-position 3s ease;
}

.vineyardsContainer.show {
	background-position-x: -100px, calc(100% + 100px);
}

.bottomBanner_vineyards{
	height: 430px;

	background-image: url('../media/vineyards_bottom.jpg');  
	
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;	
}

.vineyardsContainer::before, 
.vineyardsContainer::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  bottom: -10px;
  z-index: -1;
  background-color: #FFFFFF;
}
.vineyardsContainer::before {
  right: 50%;
  transform: skew(0, 22.5deg);
}
.vineyardsContainer::after {
  left: 50%;
  transform: skew(0, -22.5deg);
}

.bgRight,
.bgLeft{
	display: none;
}

@media (max-width: 1700px){
	.vineyardsContainer.show {
		background-position-x: -200px, calc(100% + 200px);
	}
	
}

@media (max-width: 1400px){
	.vineyardsContainer.show {
		background-position-x: -300px, calc(100% + 300px);
	}
	
}

@media (max-width: 1200px){
	.vineyardsContainer{
		background-image: none;
	}
	
	.topBanner_vineyards {
		background-size: unset;
	}
	
}

@media (max-width: 1024px){
	
	.bottomBanner_vineyards{
		background-attachment: local;
		background-size: cover;
	}

	.bgRight,
	.bgLeft{
		display: unset;
		
		background-repeat: no-repeat;
			
	    background-size: contain;

		width: 100%;
		height: 100%;
	}
	
	.bgRight{
		background-image: url('../media/v_banner_img_1.png');
	    background-position-x: 250%;
	    background-position-y: center;
	    transition:background-position 2s ease;
	}

	.bgLeft{
		background-image: url('../media/v_banner_img_2.png');
	    background-position-x: -250%;
	    background-position-y: bottom;
	    transition:background-position 2s ease;
	}

.bgLeft.show{background-position-x: -50px;}
.bgRight.show{background-position-x: calc(100% + 50px);}

}


/*Company End*/

/*Animation*/
.animationObserver img.zoomImage{
	transition: transform 2s ease;
	transform: scale(0);	
}
.animationObserver.show img.zoomImage{
	transform: scale(1);
}

.animationObserver img.slideFromLeft{
	transition: left 2s ease;
	left: -100%;
	position: relative;	
}
.animationObserver.show img.slideFromLeft{
	left: 0;
	position: relative;	
}
.animationObserver img.slideFromRight{
	transition: right 2s ease;
	right: -100%;
	position: relative;	
}
.animationObserver.show img.slideFromRight{
	right: 0;
	position: relative;	
}