body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.scroll-container {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}

.scroll-container section {
	width: 100%;
	height: 100%;
}

.dots {	
	z-index: 1;
	list-style: none;
	padding: 0;
	position: absolute;	
    top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dots li a {
	padding: 16px 10px;;
/*	width: 4px;
	height: 5px;*/
	display: block;
}

.dots li a:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
		transform: translateX(-50%);
	background: #d8dcdc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;	
	-webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease, background-color 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease, background-color 0.3s ease;
	-o-transition: -o-transform 0.3s ease, background-color 0.3s ease;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.dots li a.active:before {
	content: '';
	background-color: #da251a;
	width: 14px;
	height: 14px;
	margin-top: -4px;
	left: 50%; 
	-webkit-transform: scale(1.0) translateX(-50%);;
	-moz-transform: scale(1.0) translateX(-50%);;
	-ms-transform: scale(1.0) translateX(-50%);;
	-o-transform: scale(1.0) translateX(-50%);;
	transform: scale(1.0) translateX(-50%);
}

/*.dots-right {
	left: 25px;
}*/

.dots-left {
    left: 0px;
    width: 90px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #f2f2f2;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.dots li a::before {
		left: 50%;
	}
	.dots li a.active::before {
    content: "";
    background-color: #da251a;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    left: 50%;
    -ms-transform: scale(1) translateX(-50%);
	}
     .list li a {
	    color: #da251c;
	}
}