/*
---------------------------------
Grid
---------------------------------
*/
:root{
	--media-margin-left:30px;
	--media-margin-bottom:400px;
	--media-width: calc(100vw - (var(--media-margin-left) * 2));
	/*--media-height: calc(100vh - var(--media-margin-bottom));*/
	--media-height: calc(var(--media-width) * 0.7);
	--gutter-slider:100px;
	--txt-padding:0px;
}

@media only screen and (min-width:600px){
	:root{
		--media-margin-left:calc(30px + (200 - 30) * ((100vw - 600px) / (1399 - 600)));
		--media-margin-bottom:calc(400px + (250 - 400) * ((100vw - 600px) / (1399 - 600)));
		--txt-padding:calc(0px + (160 - 0) * ((100vw - 600px) / (1399 - 600)));
	}
}
@media only screen and (min-width:1400px){
	:root{
		--media-width:1000px;
		--media-margin-left:calc((100vw - var(--media-width)) / 2);
		--media-margin-bottom:250px;
		--txt-padding:160px;
	}
}
/*test*/
.container-wide{
	width:100vw;
	/*min-height:100vh;*/
	margin-bottom: 80px;
	position:relative;
}
@media only screen and (min-width:600px){
	.container-wide{
		margin-bottom: 120px;
	}
}
@media only screen and (min-width:1400px){
	.container-wide{
		margin-bottom: 140px;
	}
}
.container-content{
	position:relative;
	width:var(--media-width);
	margin-left:var(--media-margin-left);
}
.container-media{
	width:var(--media-width);
	height:var(--media-height);
	margin-bottom:10px;
	margin-bottom:0;
	padding-bottom:0;
}
.container-video{
	position:absolute;
	top:0;
	left:0;
}
.main-carousel{
	width:var(--media-width);
	height:var(--media-height);
}
.carousel-cell{
	width:var(--media-width);
	height:var(--media-height);
	margin-right: var(--gutter-slider);
	/*background-color: yellow;*/
}
.container-media img,
.carousel-cell img,
.container-media picture,
.carousel-cell picture,
.container-media video,
.carousel-cell video,
.container-media iframe{
	object-fit:contain;
	object-position:bottom;
	width:var(--media-width);
	height:var(--media-height);
}
.pager-slider{
	width:var(--media-width);
	text-align: center;
	padding-top: 0;
	margin-top: 0;
}
/*
---------------------------------
Text
---------------------------------
*/

.txt-container{
	padding-top: 12px;
	width:var(--media-width);
}
.txt-container .txt-more{
	display:none;
}

.txt-container h3,
.txt-container p{
	padding-left: var(--txt-padding);
	padding-right: var(--txt-padding);
}
.txt-container h3{
	font-weight: 700;
}
.txt-container p{
	font-weight: 500;
}
/*
---------------------------------
Button
---------------------------------
*/
.buttonTxt{
	color:var(--color-link);
	background:none;
	border:none;
	padding:0;
	text-decoration: underline;
	cursor: pointer;
}


/*
---------------------------------
Video
---------------------------------
*/
.buttonVideo{
	position:absolute;
	color:var(--color-link);
	background-color: white;
	border:none;
	width:160px;
	height:48px;
	border-radius: 24px;
	left:calc((var(--media-width) / 2) - 80px);
	top:calc((var(--media-height) / 1) - 140px);;
}

.container-video,
.buttonVideoPause,
.buttonVideoPlay,
.buttonVideoReplay{
  display:none;
}
.txt-container{
  text-align:center;
}
.txt-more{
  margin-left: 0;
}