@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
body {
	color:#4D4C57;
	background:#557DFF;
}
img {
	display:block; 
	max-width:100%;
}
a, button {
	cursor:pointer;
	outline:none;
}
a {
	color:#557DFF;
	text-decoration:none;
}
a:hover {
	border-bottom:none;
	text-decoration:none;
}
*, *:after, *:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.text-white {
	color:#fff;
}
.height-100 {
	height:100vh;
}
.uppercase {
	text-transform:uppercase;
}
.container-fluid {
	max-width:1680px;
}
.p-relative {
	position:relative;
}
body.overflow-hidden {
	overflow:hidden;
}
.collapse {
	display:block;
	clear:both;
	}
.menu-block {
	z-index:20000;
	position:absolute;
	-webkit-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
}
@media (min-width:480px) {
	
}
@media (max-width:479px) {
	.menu-block {
		top:0;
	}
}
@media (min-width:1800px) {
	.menu-block {
		top:30px;
		right:60px;
	}
}
@media screen and (min-width:1560px) and (max-width:1799px) {
	.menu-block {
		top:30px;
		right:60px;
	}
}
@media screen and (min-width:1134px) and (max-width:1559px) {
	.menu-block {
		top:30px;
		right:60px;
	}
}
@media screen and (min-width:960px) and (max-width:1133px) {
	.menu-block {
		top:30px;
		right:55px;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.menu-block {
		top:30px;
		right:45px;
	}
}
@media (max-width:767px) {
	.menu-block {
		top:10px;
		right:45px;
	}
}
.cd-container {
	width:90%;
	max-width:768px;
	margin:0 auto;
}
.cd-container:after {
	content:"";
	display:table;
	clear:both;
}
.cd-header {
	position:absolute;
	height:56px;
	width:56px;
	z-index:30000;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	transition:background-color 0.3s;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	box-shadow:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.cd-header.menu-is-open {
	left:-14px;
}
.cd-primary-nav-trigger {
	width:64px;
	height:64px;
	border-radius:50%;
	padding-left:0;
	padding-right:0;
	background-color:rgba(70,115,225,0);
	z-index:20000;
	position:absolute;
	right:0;
	top:0;
	text-decoration:none;
	border-bottom:none;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.cd-primary-nav-trigger:hover {
	background-color:rgba(70,115,225,1);
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	transition:background-color 0.3s;
	padding-left:0;
	padding-right:0;
}
.cd-primary-nav-trigger .cd-menu-icon {
	display:inline-block;
	position:absolute;
	left:auto;
	right:0;
	top:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	width:32px;
	height:0;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon::after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	-webkit-transition:-webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition:-moz-transform .3s, top .3s, background-color 0s;
	transition:transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
	top:-5px;
	width:32px;
	height:2px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
	top:5px;
	width:32px;
	height:2px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
	top:0;
	-webkit-transform:rotate(-45deg); /*translateY(-2px)*/
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	top:0;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.cd-primary-nav {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:21000;
	margin:0;
	text-align:center;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:auto;-webkit-overflow-scrolling:touch;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 10ms linear, visibility 0s linear 10ms;-o-transition:opacity 10ms linear, visibility 0s linear 10ms;
	-webkit-transition:opacity 10ms linear, visibility 0s linear;
	-webkit-transition-delay:0s, 10ms;
	transition:opacity 10ms linear, visibility 0s linear 10ms;
}
@media (min-width:1280px) {
	.cd-primary-nav {
		padding:0;
	}
	.cd-header {
		top:15px;
		left:-2px;
	}
}
@media screen and (min-width:768px) and (max-width:1279px) {
	.cd-primary-nav {
		padding:0;
	}
	.cd-header {
		top:10px;
		left:-12px;
	}
}
@media screen and (min-width:480px) and (max-width:767px) {
	.cd-primary-nav {
		padding:0 50px;
	}
	.cd-header {
		top:10px;
		left:-12px;
	}
}
@media (max-width:479px) {
	.cd-primary-nav {
		padding:0 50px;
	}
	.cd-header {
		top:10px;
		left:-12px;
	}
}
.cd-primary-nav ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}
.cd-primary-nav li {
	padding-left:0;
	text-align:center;
}
@media (min-width:1134px) {
	.cd-primary-nav li {
		margin:0 auto 1em auto;
	}
}
@media screen and (min-width:959px) and (max-width:1133px) {
	.cd-primary-nav li {
		margin:0 auto 0.95em auto;
	}
}
@media screen and (min-width:768px) and (max-width:959px) {
	.cd-primary-nav li {
		margin:0 auto 0.9em auto;
	}
}
@media (max-width:767px) {
	.cd-primary-nav li {
		margin:0 auto 0.75em auto;
	}
}
.cd-primary-nav a {
	color:#fff;
}
.cd-primary-nav a:hover {
	color:#59C8FF;
}
.no-touch .cd-primary-nav a:hover, .cd-primary-nav a:hover  {
	text-decoration:none;
	border-bottom:0;
}
.cd-primary-nav.is-visible {
	opacity:0.96;
	visibility:visible;
	-moz-transition:opacity 15ms linear, visibility 0s linear;
	-o-transition:opacity 15ms linear, visibility 0s linear;
	-webkit-transition:opacity 15ms linear, visibility 0s linear;
	transition:opacity 15ms linear, visibility 0s linear;
}
.sf-menu-wrapper {
	margin-bottom:20px;
}
.sf-menu-wrapper li {
	color:#59C8FF;
}
.sf-menu-wrapper i {
	margin-left:5px;
}
.sf-menu-wrapper h3 {
	color:#fff;
	margin-bottom:20px;
}
.cd-header {
	background:rgba(255,255,255,0);
}
.cd-header.menu-is-open {
	background-color:rgba(255,255,255,0);
}
.cd-primary-nav-trigger .cd-menu-icon {
	background-color:rgb(255,255,255);
}
.cd-primary-nav-trigger .cd-menu-icon::before, 
.cd-primary-nav-trigger .cd-menu-icon::after {
	background-color:rgb(255,255,255);
}
.cd-primary-nav-trigger:hover .cd-menu-icon.is-clicked::before, 
.cd-primary-nav-trigger:hover .cd-menu-icon.is-clicked::after,  
.cd-primary-nav-trigger:hover .cd-menu-icon,  
.cd-primary-nav-trigger:hover .cd-menu-icon::before.cd-primary-nav-trigger:hover .cd-menu-icon::after {
	background-color:rgb(70,115,225);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, 
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
	background-color:rgb(255,255,255);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
	background-color:transparent;
}
.cd-primary-nav {
	background-color:rgba(70,115,225,0.95);
}
.cd-primary-nav.is-visible {
	background-color:rgba(70,115,225,1);
}
.back-to-top {
	position: fixed; 
	display: none; 
	width: 56px; 
	height: 56px; 
	border: 1.5px solid rgba(77,76,87,0.75);
	border-radius: 50%; 
	right: 20px; 
	bottom: 20px; 
	z-index: 1100;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
	mix-blend-mode: difference;
}
.back-to-top img {
	opacity:0.5;
}
.back-to-top:hover {
	border: 1.5px solid rgba(58,58,66,0.95);
}
.back-to-top:hover img {
	opacity:0.75;
}
@media (max-width: 768px) {
	.back-to-top {
		bottom: 15px;
	}
}
footer {
	padding-top:50px;
	padding-bottom:40px;
}
footer span {
	color:#fff; 
}
footer .social-media a {
	width:48px; 
	height:48px; 
	transition:.4s ease;
	border-bottom:0;
	text-decoration:none;
	border-radius:50%; 
}
footer .social-media a i {
	color:#fff; 
	font-size:1.2rem; 
	line-height:48px;
}
footer .social-media a:hover {
	background:#4773E3;
}
footer .social-media a:hover i {
	color:#fff;
}
.social-network {
	position:relative;
}
.social-network .vkontakte:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/vk.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .youtube:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/youtube.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .tiktok:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/tiktok.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .telegram:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/telegram.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}
.social-network .ok:before {
	position:absolute; 
	left:0; 
	top:0; 
	content:''; 
	width:48px; 
	height:48px; 
	background-image:url(../img/icons/ok.svg); 
	background-repeat:no-repeat; 
	background-size:auto 48px;
}

