.pg_text {
	text-align: left;
}
@media screen and (min-width : 768px) {
	.pg_text { padding: 0 10px; }
}

#images_header {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 20px;
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#images_header { width: 460px; height: 242px; }
}
@media screen and (min-width : 768px) and (max-width : 1009px) {
	#images_header { width: 720px; height: 378px; margin-bottom: 30px; }
}
@media screen and (min-width : 1010px) and (max-width : 1259px) {
	#images_header { width: 960px; height: 504px; margin-bottom: 30px; }
}
@media screen and (min-width : 1260px) {
	#images_header { width: 960px; height: 504px; margin-bottom: 30px; }
}

	.header_img {
		width: 100%;
		height: auto;
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.header_img { width: 460px; height: 242px; }
	}
	@media screen and (min-width : 768px) and (max-width : 1009px) {
		.header_img { width: 720px; height: 378px; }
	}
	@media screen and (min-width : 1010px) and (max-width : 1259px) {
		.header_img { width: 960px; height: 504px; }
	}
	@media screen and (min-width : 1260px) {
		.header_img { width: 960px; height: 504px; }
	}
	
	
	
	.cookie_sett_container {
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	.active_box {
		display: flex;
		justify-content: space-between;
		width: 250px;
		margin: auto;
		margin-bottom: 10px;
		align-items: center;
	}
	.neces_box {
		pointer-events: none;
	}
	
	.active_label {
		cursor: pointer;
	}
	
	.save_cookie_prefs {
		display: inline-block;
		margin-top: 10px;
	}
	

/* The switch - the box around the slider  // https://www.w3schools.com/howto/howto_css_switch.asp */
/*.switch_box {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 25px;
	
	margin-left: 10px;
	
	-webkit-touch-callout: none; /* iOS Safari * /
     -webkit-user-select: none; /* Safari * /
      -khtml-user-select: none; /* Konqueror HTML * /
        -moz-user-select: none; /* Old versions of Firefox * /
         -ms-user-select: none; /* Internet Explorer/Edge * /
             user-select: none;
}*/

.switch_box {
	position: relative;
	display: inline-block;
	min-width: 45px;
	height: 25px;
	margin-left: 10px;
	font-size: 13px;
	line-height: 24px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide default HTML checkbox */
.switch_box input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.switch_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	/*border-radius: 34px;*/
	border-radius: 25px;
}

.switch_slider:before {
	position: absolute;
	content: "";
	/*height: 26px;
	width: 26px;*/
	height: 17px;
	width: 17px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.switch_box input:checked + .switch_slider {
	background-color: var(--first_color);
}

.switch_box input:focus + .switch_slider {
	box-shadow: 0 0 1px var(--first_color);
}

.switch_box input:checked + .switch_slider:before {
	/*-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);*/
	-webkit-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
}