/* === XS === */

body.home .container-slider {
	position:      relative;
	max-height:    460px;
	margin-bottom: 200px;
}

body.home .container-slider .master-slider-fullsize {
	position:          relative;
	width:             100vw;
	max-width:         1920px;
	height:            100%;
	top:               0;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
}

#frontSliderContent {
	position:          absolute;
	width:             100vw;
	max-width:         1280px;
	height:            180px;
	top:               100%;
	left:              50%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
}

#frontSliderContent .ms-slide-info {
	width:  100% !important;
	height: 100%;
	top:    0;
	left:   0;
}

#frontSliderContent .ms-info {
	display: block;
	padding: 24px;
	height:  160px;

}

#frontSliderContent .slideContent {
	position:          relative !important;
	width:             100%;
	top:               50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
}

#frontSliderContent .slideContent .header {
	font-weight: 700;
	font-size:   25px;
}

#frontSliderContent .slideContent .content {
	font-weight: 400;
	font-size:   15px;
	hyphens:     none;
	line-height: 1.3;
}

.ms-bullet-selected::before,
.ms-bullet {
	position:         relative;
	width:            8px !important;
	height:           8px !important;
	background-color: #fff !important;
	border-radius:    50%;
	opacity:          0.5;
}

.ms-bullet-selected {
	opacity: 1;
}

.ms-bullet-selected::before {
	content:  '';
	position: absolute;
	width:    12px !important;
	height:   12px !important;
	margin:   -2px;
	opacity:  1;
}

.container-image.fullwidth-responsive {
	margin-inline: -24px;
	width:        100vw;
	max-width:    none;

	max-height:   460px;
	overflow:     hidden;
	position:     relative;
}
@media screen and (min-width: 1248px) {
	.container-image.fullwidth-responsive {
		margin-inline: calc(50% - 50vw);
	}
}

.container-image.fullwidth-responsive .embed-responsive {
	position:       static;
	width:          100vw;
	height:         100%;
	padding-bottom: 56.5vw;
}

body.single-post .container-image.fullwidth-responsive .embed-responsive {
	padding-bottom: 66.5vw;
}

.container-image.fullwidth-responsive .embed-responsive img {
	position:          absolute;
	top:               0;
	height:            100%;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
	width:             auto;
	left:              50%;
}

.container-image.fullwidth-responsive .embed-responsive-3by2 img {
	position:          absolute;
	height:            auto;
	width:             100%;
	left:              0;
	top:               50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);

}

/* === SM === */

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

	#frontSliderContent .slideContent .content {
		font-weight: 500;
		font-size:   18px;
	}

	.container-image.fullwidth-responsive .embed-responsive {
		padding-bottom: 46.5vw;
	}

	body.single-post .container-image.fullwidth-responsive .embed-responsive {
		padding-bottom: 56.5vw;
	}

}

/* === MD === */

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

	body.home .container-slider {
		margin-bottom: 52px;
	}

	#frontSliderContent {
		position:          absolute;
		width:             100vw;
		max-width:         1280px;
		height:            100%;
		top:               0;
		left:              50%;
		-webkit-transform: translateX(-50%);
		-moz-transform:    translateX(-50%);
		-ms-transform:     translateX(-50%);
		-o-transform:      translateX(-50%);
		transform:         translateX(-50%);
	}


	#frontSliderContent .slideContent {
		position:          absolute !important;
		width:             calc(100% - 56px);
		top:               50%;
		-webkit-transform: translateY(-50%);
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-o-transform:      translateY(-50%);
		transform:         translateY(-50%);
	}

	#frontSliderContent .ms-slide-info {
		width:  420px !important;
		height: 100%;
		top:    0;
		left:   40px;
	}

	#frontSliderContent .ms-info {
		display: block;
		padding: 28px;
		height:  calc(100% - 56px);
	}

	#xxxxfrontSliderContent .ms-slide-info {
		width:  516px !important;
		height: 100%;
		top:    0;
		left:   12px;
	}

	#frontSliderContent .slideContent .header {
		font-size: 30px;
	}

	#frontSliderContent .slideContent .content {
		font-size: 20px;
		line-height: 1.5;
	}

	.container-image.fullwidth-responsive .embed-responsive {
		padding-bottom: 36.5vw;
	}

	body.single-post .container-image.fullwidth-responsive .embed-responsive {
		padding-bottom: 46.5vw;
	}

	.container-image.fullwidth-responsive .embed-responsive img {
		position:          absolute;
		height:            auto;
		width:             100%;
		max-width:         1920px;
		left:              50%;
		top:               50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform:    translate(-50%, -50%);
		-ms-transform:     translate(-50%, -50%);
		-o-transform:      translate(-50%, -50%);
		transform:         translate(-50%, -50%);

	}
	
	.single-post.postid-1073 .container-image.fullwidth-responsive .embed-responsive img {
		top: 0;
		transform: translateX(-50%);
	}

}

/* === LG === */

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

	body:not(.home) .xxxxcontainer-content-header .ms-view,
	body:not(.home) .xxxxcontainer-content-header .ms-mask-frame,
	body:not(.home) .xxxxcontainer-content-header .ms-slide {
		height: unset;
	}

	body:not(.home) .container-content-header .ms-slide .ms-slide-bgcont img {
		height: auto !important;

	}

	#frontSliderContent .ms-slide-info {
		width:  516px !important;
		height: 100%;
		top:    0;
		left:   12px;
	}
}