.section-special {
	height:600px;
}

.section-special .section__inner{
	height: calc(100% - 30px);
}

.section-special .container{
	position: absolute;
    height: calc(100% - 20px);
    width: 100%;
    max-width: 100vw;
}

.section-special .block, .section-special .block__main{
	position: absolute;
	height: 100%;
	width: 100%;
}

.section-special .special_bg_video {
	width: 100%;
	object-fit: cover;
	position: absolute;
	z-index:1;
}
.section-special .special_bg_image {
		width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 0;
}

.section-special .special_middle {
	width: 100%;
	height: 100%;
	max-width: 100vw;
	text-align: center;
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.section-special .special_middle .special_text, .section-special .special_middle .special_image-mid{
	position: absolute;
} 

.section-special .special_middle .special_text{
	/*font-size: 30px;*/
	z-index:3;
	width: 100%;
	margin-top: 6%;
	margin-left: 5%;
}

.section-special .special_middle .special_text .first {
	font-family:'Playfair Display', serif;
	font-size: 200%;
	line-height: 18px;
	margin-left: 7px;
}

.section-special .special_middle .special_text .second {
	font-family:'Playfair Display', serif;
	font-style: italic;
	font-size: 170%;
	min-height: 40px;
}

.section-special .special_middle .special_text .third {
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
    font-size: 100%;
    line-height: 17px;
}

.section-special .special_middle .special_image-mid{
	z-index:2;
	width: 97%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}


.section-special .special-mg{
	position: absolute;
}

.section-special img {
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
  	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
}

.section-special .special-mg img{
	width: 100%;
	object-fit: contain;
}

.section-special .special_balls{
	z-index: 2;
}

.section-special .special_stick{
	z-index: 3;
}


.section-special .big_balls{
	top: 7%;
	left: 21%;
	width: 40%;
	height: auto;
}

.section-special .stick_left {
	top: 7%;
    left: 4%;
    width: 30%;
}


.section-special .mid_balls{
	bottom: 6%;
	right: 11%;
	width: 30%;
}

.section-special .small_balls{
	bottom: 15%;
	left: 17%;
	width: 15%;
}

.section-special .stick_right{
	bottom: 10%;
    right: 8%;
    width: 13%;
}

a.special_link .special_image-mid img {
    transform: scale(1);  
    transition: 1s transform;  
}

a.special_link:hover .special_image-mid img {
	transform: scale(1.02);
}


/* ANIMATIONS */

.section-special .big_balls img {

	animation-name: ball_1;
	animation-duration: 16s;
	animation-iteration-count: infinite;

}

.section-special .mid_balls img {

	animation-name: ball_2;
	animation-duration: 18s;
	animation-iteration-count: infinite;
	animation-delay: -4s;

}

.section-special .small_balls img {

	animation-name: ball_3;
	animation-duration: 13s;
	animation-iteration-count: infinite;
	animation-delay: -4s;

}


@media only screen and (min-width:1024px){
	.section-special .small_balls img {

		animation-name: ball_4;

	}
}




/*KEYFRAMES*/

@keyframes ball_1 {
  0% {
    /* Starting state */
    animation-timing-function: ease;
    margin-left:0%;
    margin-top:0%;
  }
  
  25% {
    /* First keyframe */
    animation-timing-function: ease;
    margin-left:2%;
    margin-top:-10%;
  }
  
  63% {
    margin-left:-10%;
    margin-top:3%;
    animation-timing-function: ease;
  }

  100% {
    /* End state */
    animation-timing-function: ease;
    margin-left:0%;
    margin-top:0%;
  }
}


@keyframes ball_2 {
  0% {
    /* Starting state */
    animation-timing-function: ease;
    margin-left:0%;
    margin-bottom:0%;
  }
  
  25% {
    /* First keyframe */
    animation-timing-function: ease;
    margin-left:-6%;
    margin-bottom:10%;
  }
  
  50% {
    margin-left:5%;
    margin-bottom:-6%;
    animation-timing-function: ease;
  }

   75% {
    margin-left:-24%;
    margin-bottom:-2%;
    animation-timing-function: ease;
  }

  100% {
    /* End state */
    animation-timing-function: ease;
    margin-left:0%;
    margin-top:0%;
  }
}


@keyframes ball_3 {
  0% {
    /* Starting state */
    animation-timing-function: ease;
    margin-left:0%;
    margin-bottom:0%;
  }
  
  25% {
    /* First keyframe */
    animation-timing-function: ease;
    margin-left:6%;
    margin-bottom:-24%;
  }
  
  63% {
    margin-left:-24%;
    margin-bottom:12%;
    animation-timing-function: ease;
  }

  100% {
    /* End state */
    animation-timing-function: ease;
    margin-bottom:0%;
    margin-top:0%;
  }
}


@keyframes ball_4 {
  0% {
    /* Starting state */
    animation-timing-function: ease;
    margin-left:0%;
    margin-top:0%;
  }
  
  25% {
    /* First keyframe */
    animation-timing-function: ease;
    margin-left:6%;
    margin-top:-24%;
  }
  
  63% {
    margin-left:-24%;
    margin-top:12%;
    animation-timing-function: ease;
  }

  100% {
    /* End state */
    animation-timing-function: ease;
    margin-left:0%;
    margin-top:0%;
  }
}




/*MEDIA QUERIES*/

@media only screen and (min-width:280px){

	.section-special .special_middle .special_text .first {
		font-family:'Playfair Display', serif;
		font-size: 210%;
		line-height: 18px;
		margin-left: 7px;
	}

	.section-special .special_middle .special_text .second {
		font-family:'Playfair Display', serif;
		font-style: italic;
		font-size: 180%;
	}

	.section-special .special_middle .special_text .third {
		font-family:'Open Sans', sans-serif;
		font-weight: 400;
	    font-size: 105%;
	    line-height: 17px;
	}

}

@media only screen and (min-width:370px){
	.section-special .special_middle .special_text .first {
		font-size: 50px;
		line-height: 18px;
		margin-left: 7px;
	}

	.section-special .special_middle .special_text .second {
		font-style: italic;
		font-size: 45px;
	}

	.section-special .special_middle .special_text .third {
		font-weight: 400;
	    font-size: 20px;
	    line-height: 17px;
	}
}

@media only screen and (min-width:400px){
	.section-special {
		height:680px;
	}

	.section-special .big_balls{
		top: 7%;
		left: 21%;
		width: 35%;
		height: auto;
	}

	.section-special .stick_left {
		top: 7%;
	    left: 4%;
	    width: 25%;
	}


	.section-special .mid_balls{
		bottom: 6%;
		right: 11%;
		width: 25%;
	}

	.section-special .small_balls{
		bottom: 15%;
		left: 17%;
		width: 15%;
	}

	.section-special .stick_right{
		bottom: 10%;
	    right: 8%;
	    width: 10%;
	}
}


@media only screen and (min-width:450px){
	.section-special {
		height:680px;
	}

	.section-special .big_balls{
		top: 5%;
		left: 21%;
		width: 33%;
		height: auto;
	}

	.section-special .stick_left {
		top: 7%;
	    left: 4%;
	    width: 25%;
	}


	.section-special .mid_balls{
		bottom: 6%;
		right: 11%;
		width: 22%;
	}

	.section-special .small_balls{
		bottom: 13%;
		left: 17%;
		width: 13%;
	}

	.section-special .stick_right{
		bottom: 10%;
	    right: 8%;
	    width: 10%;
	}
}

@media only screen and (min-width:500px){
	.section-special .special_middle .special_image-mid{
		width: 80%;
		left: 10%;
	}

	.section-special .big_balls{
		top: 5%;
		left: 21%;
		width: 30%;
		height: auto;
	}

	.section-special .stick_left {
		top: 7%;
	    left: 4%;
	    width: 22%;
	}


	.section-special .mid_balls{
		bottom: 6%;
		right: 11%;
		width: 19%;
	}

	.section-special .small_balls{
		bottom: 13%;
		left: 17%;
		width: 10%;
	}

	.section-special .stick_right{
		bottom: 9%;
	    right: 9%;
	    width: 9%;
	}
}

@media only screen and (min-width:550px) and (min-height:700px){
	.section-special {
		height:730px;
	}

	.section-special .big_balls{
		width: 28%;
	}
	.section-special .stick_left {
	    top: 9%;
	    left: 5%;
	}
}

@media only screen and (min-width:600px){

	.section-special .special_middle .special_text .first {
		font-size: 60px;
		line-height: 18px;
		margin-left: 7px;
	}

	.section-special .special_middle .special_text .second {
		font-style: italic;
		font-size: 55px;
	}

	.section-special .special_middle .special_text .third {
		font-weight: 400;
	    font-size: 30px;
	    line-height: 17px;
	}
}

@media only screen and (min-width:650px) and (min-height:750px){
	.section-special {
		height:680px;
	}

	.section-special .big_balls{
		width: 26%;
	}

	.section-special .stick_left {
		top: 9%;
	    left: 6%;
	    width: 20%;
	}

}

@media only screen and (min-width:700px) and (min-height:800px){
	.section-special {
		height:830px;
	}

	.section-special .big_balls{
		width: 23%;
	}

	.section-special .mid_balls{
		bottom:3%;
	}

	.section-special .stick_left {
		top: 9%;
	    left: 6%;
	    width: 18%;
	}

	.section-special .special_middle .special_text .first {
		font-size: 70px;
		line-height: 18px;
		margin-left: 7px;
	}

	.section-special .special_middle .special_text .second {
		font-style: italic;
		font-size: 65px;
	}

	.section-special .special_middle .special_text .third {
		font-weight: 400;
	    font-size:40px;
	    line-height: 17px;
	}
}

@media only screen and (min-width:600px) and (max-height:600px){
	.section-special {
		height:430px;
	}

	.section-special .special_middle .special_image-mid{
		width: 50%;
		left: 25%;
	}

	.section-special .big_balls{
		top: 5%;
		left: 10%;
		width: 20%;
		height: auto;
	}

	.section-special .stick_left {
		top: 7%;
	    left: 4%;
	    width: 12%;
	}


	.section-special .mid_balls{
		bottom: 6%;
		right: 8%;
		width: 14%;
	}

	.section-special .small_balls{
		bottom: 13%;
		left: 17%;
		width: 5%;
	}

	.section-special .stick_right{
		bottom: 13%;
	    right: 7%;
	    width: 6%;
	}


}

@media only screen and (min-width:750px){
	.section-special .special_middle .special_image-mid{
		width: 76%;
		left: 12%;
	}
}

@media only screen and (min-width:800px) and (min-height:900px){
	.section-special {
		height:930px;
	}
}

@media only screen and (min-width:900px) and (min-height:950px){
	.section-special .special_middle .special_image-mid{
		width: 70%;
		left: 15%;
	}
	.section-special {
		height:980px;
	}
}

@media only screen and (min-width:950px){
	.section-special .special_middle .special_image-mid{
		width: 60%;
		left: 20%;
	}

}

@media only screen and (min-width:1024px){
	.section-special {
		height:530px;
	}

	.section-special .special_middle .special_image-mid{
		width: 50%;
		left: 25%;
	}

	.section-special .big_balls{
		top: 5%;
		left: 8%;
		width: 19%;
		height: auto;
	}

	.section-special .stick_left {
		top: 8%;
	    left: 4%;
	    width: 12%;
	}


	.section-special .mid_balls{
		bottom: 10%;
		right: 8%;
		width: 16%;
	}

	.section-special .small_balls{
		top: 20%;
		right: 17%;
		width: 5%;
		left: auto;
	}

	.section-special .stick_right{
		bottom: 23%;
	    right: 8%;
	    width: 6%;
	}

}

@media only screen and (min-width:1150px){
	.section-special {
		height:630px;
	}
}


@media only screen and (min-width:1280px){
	.section-special .special_middle .special_image-mid{
		max-width: 1280px;
	}
	.section-special {
		height:680px;
	}
}

@media only screen and (min-width:1400px){
	.section-special {
		height:730px;
	}

	.section-special .special_middle .special_image-mid{
		width: 40%;
		left: 30%;
	}
}

@media only screen and (min-width:1600px){
	.section-special {
		height:730px;
	}

	.section-special .special_middle .special_text .first {
		font-size: 80px;
		line-height: 25px;
		margin-left: 7px;
	}

	.section-special .special_middle .special_text .second {
		font-style: italic;
		font-size: 75px;
	}

	.section-special .special_middle .special_text .third {
		font-weight: 400;
	    font-size:50px;
	    line-height: 21px;
	}
}

@media only screen and (min-width:2000px){
	.section-special {
		height:930px;
	}

	.section-special .special_middle .special_text .first {
		font-size: 90px;
		line-height: 25px;
		margin-left: 7px;
	}

	.section-special .special_middle .special_text .second {
		font-style: italic;
		font-size: 85px;
	}

	.section-special .special_middle .special_text .third {
		font-weight: 400;
	    font-size:60px;
	    line-height: 21px;
	}
}

@media only screen and (min-width:2500px){
	.section-special {
		height:1030px;
	}

	.section-special .big_balls{
		top: 5%;
		left: 8%;
		width: 13%;
		height: auto;
	}

	.section-special .stick_left {
		top: 8%;
	    left: 4%;
	    width: 8%;
	}


	.section-special .mid_balls{
		bottom: 10%;
		right: 8%;
		width: 9%;
	}

	.section-special .small_balls{
		top: 20%;
		right: 17%;
		width: 3%;
		left: auto;
	}

	.section-special .stick_right{
		bottom: 23%;
	    right: 8%;
	    width: 4%;
	}

	.section-special .special_middle .special_text .first {
		font-size: 110px;
		line-height: 35px;
		margin-left: 7px;
	}

	.section-special .special_middle .special_text .second {
		font-style: italic;
		font-size: 105px;
	}

	.section-special .special_middle .special_text .third {
		font-weight: 400;
	    font-size:80px;
	    line-height: 30px;
	}
}





/*Special HP Slider*/


.section-special .special_roll-brown {
    position: absolute;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}


.section-special .special_roll-brown .style_special_slide {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0.5em;
}


.section-special .special_roll-brown .style_special_slide.advanced{
	margin:0.5em 0;
}

.section-special .special_roll-brown .style_special_slide.advanced .special_roll{
	margin:2px 5px;
}

.section-special .special_roll-brown .style_special_slide .special_roll {
	display: inline;
	margin:2px;
	font-size: 30px;
	white-space: nowrap;
}


.section-special .special_roll-brown .style_special_slide .roll_1 {
	font-family:'Playfair Display', serif;
}

.section-special .special_roll-brown .style_special_slide .roll_2 {
	font-family:'Playfair Display', serif;
	font-style: italic;
}

.section-special .special_roll-brown .style_special_slide .roll_3 {
	font-family:'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 49px;
}

.section-special .special_roll-brown .style_special_slide .roll_4 {
	font-weight: 900;
	line-height: 40px;
	font-style: italic;
	display: flex;
    align-items: end;
    justify-content: end;
}


.section-special .special_roll-brown.slick-initialized.slick-slider {
    height: fit-content;
}

.section-special .special_roll-brown .slick-list.draggable {
    height: fit-content;
    width: 100%;
}

.special_roll-brown .slick-slide img {
    height: 40px;
    width: auto;
    margin-right: 1em;
    box-shadow: none;
}