/* CSS Document */
* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding: 62px;
}

body {
	margin:0;
	font-family: 'Raleway', sans-serif;
	text-align:center;
    background-color: #205082;
}

header {
	position:fixed;
	margin: 0;
	left: 0;
	right: 0;
	top: 0;
	height: 45px;
	background-color: rgb(32, 80, 100);
	z-index: 200;
}

h1 {
	margin-bottom: 1.5em;
}

nav {
	float: right;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav li {
	display: inline-block;
	margin: 0.6em 0.25em;
}

nav a {
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.6rem;
	padding: 0.5em;
	color: #FFF;
}

nav a:hover, nav a:focus {
	color: #DDD;
}

.logo_txt {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 1rem;
	color: dodgerblue;
	float:left;
	margin: 0.8em 0.4em;
}

.logo_part2 {
	color:#ffcd07;
}

.logo_txt a {
	color: dodgerblue;
	text-decoration: none;
}

.logo_part2 a {
	color:#ffcd07;
}

.scrolled_header {
	background-color: rgb(32, 80, 100);
}

section::after {
	content: '';
	display: block;
	clear: both;
}

.text-block {
    color: white;
    margin-top: 1em;
    text-align: left;
    padding: 1em;
}

.text-block a {
    color: white;
}

.text-block a:hover {
    color: dodgerblue;
}


.button {
	display:inline-block;
	font-size: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
	border-width: 2px;
	border-style: solid;
	padding: 0.5em 1.7em;
}

.button-accent {
	color: dodgerblue;
	border-color: dodgerblue;
	font-weight: 700;
}

.button-accent:hover, .button-accent:focus{
	background: dodgerblue;
	color: white;
}

.button-small {
	font-size: 0.8rem;
	font-weight: 700;
}

.button_big {
	color: white;
	border-color: white;
	font-weight: 700;
	font-size: 1.6rem;
}

.button-simple {
	color: white;
	border-color: white;
	font-weight: 700;
	font-size: 0.8rem;
	background-color: #205082;
}

.button-simple_r {
	margin-left: 1em;
	padding: 0.5em 2.9em;
}

.button-menu {
	font-size: 0.6rem;
	font-weight: 700;
	padding: 0.4em 1.3em;
	border: none;
	background: dodgerblue;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.buttons_block {
	text-align: center;
	padding: 1em;
}

.tterms {
	text-align: left;
}

.first_block {
	margin-top: 3em;
}

.smalltext_block {
	font-size: 0.8rem;
	margin: 1em auto;
	color:white;
	text-align:left;
	padding:1em;
}

@media (min-width: 320px) {
	.logo_txt {
		font-size: 1.2rem;
		margin: 0.6em 0.3em;
	}
	
	.button-menu {
		font-size: 0.7rem;
	}
	
	nav li {
		margin: 0.6em 0.35em;
	}
	
	nav a {
		font-size: 0.7rem;
	}
}

@media (min-width: 460px) {
	header {
		height: 53px;
	}
	.top-block-mobile {
		margin-top: 53px;
	}
	.logo_txt {
		font-size: 1.7rem;
		margin: 0.4em;
	}

	nav ul {
		margin: 0.2em;
	}

	nav a {
		font-size: 0.9rem;
	}

	.button-menu {
		font-size: 0.9rem;
	}

}

@media (min-width: 1000px) {
	header {
        height: 62px;
        padding: 0.45em 0.8em;
    }

	.logo_txt {
		font-size: 2.5rem;
		margin: 0;
	}

	nav li {
		margin: 0.25em 1em;
	}
	
	nav a {
		font-weight: 700;
		font-size: 1rem;
		padding: 0.2em;
	}
	
	.button-menu {
		font-size: 1rem;
	}

	.button-simple {
		font-size: 1.2rem;
	}

	.buttons_block {
		padding: 2em;
	}

	.first_block {
		margin-top: 5em;
	}

}

@media (min-width: 62rem) {

    .pg_container {
        max-width: 62rem;
        margin: 0 auto;
    }
		
}

@media (min-width: 1200px) {
	header {
		background-color: rgb(32, 80, 100, 0.25);
		transition: all 0.3s linear;
	}
	
}

/* FOOTER ==============*/

footer {
	color: white;
	background-color: #205082;
	text-align: left;
	padding: 1em;
    margin-bottom: 2em;
    overflow: hidden;
}

footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer a {
	color: white;
	text-decoration: none;
}

footer a:hover {
	color: dodgerblue;
	text-decoration: underline;
}

.footer_block1 {
	width: 100%;
	margin-bottom: 1em;
}

.footer_block2 {
	width: 100%;
}

@media (min-width: 1000px) {

	footer {
		padding: 1.6em;
		font-size: 0.9em;
	}

	footer ul {
		padding: 0 1em;
	}

	.footer_block1 {
		width: 50%;
		float: left;
		padding-right: 0.5em;
	}

	.footer_block2 {
		width: 25%;
		float: left;
		padding-left: 1em;
	}

}




@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: dark;
	}

	body,
	.button-simple,
	footer {
		background-color: #0f253f;
	}

	header,
	.scrolled_header {
		background-color: #0a1f3d;
	}

	.logo_txt,
	.logo_txt a,
	.text-block a:hover,
	.button-accent,
	footer a:hover {
		color: #2563eb;
	}

	.button-accent {
		border-color: #2563eb;
	}

	.button-accent:hover,
	.button-accent:focus,
	.button-menu {
		background: #2563eb;
	}
}

@media (prefers-color-scheme: dark) and (min-width: 1200px) {
	header {
		background-color: rgb(10, 31, 61, 0.25);
	}
}

textarea,
input[type="text"] {
	background-color: #fff;
	color: #000;
	color-scheme: light;
}