body {
	opacity: 1;
	transition: opacity 0.1s;
}

body.loading {
	opacity: 0;
}

*:focus {
    outline: none;
}

body:not(.frontpage) h1 {
color: var(--secondary);
border-bottom: 4px solid var(--primary);
display: inline-block;
/*line-height: .6em;*/
text-transform: uppercase;
padding-top: .2em;
}

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

ul li:not([class]):not([role]) {
padding-left: 30px;
position: relative;
margin-bottom: 20px;
}

ul li:not([class]):not([role])::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 12px;
width: 16px;
height: 2px;
background-color: var(--primary);
}

.sitemap ul.map-level-1 li {
margin-bottom: 0!important;
}

svg {
fill: currentcolor;
}

#top-logo {
width: 100%;
}

.bg-lightblue {
	background-color: var(--lightblue);
}

.bg-lightgray {
	background-color: var(--lightgray);
}

.block {
padding: 6em 0;
}

.arr-down {
position: relative;
bottom: -40px;
}

#trapecia {
position: absolute;
left: 0;
top: 0;
width: 40%;
}

.slider-wrapper {
height: 500px;
}

.top-treug-white {
position: absolute;
height: 100%;
left: unset;
z-index: 1;
}

.clear-both {
clear: both;
width: 100%;
display: block;
}

.frontpage .top-treug-white {
left: -15px;
}

.z-2 {
	z-index: 2;
}

.three-column {
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
   }

.top-gradient {
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 20%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 20%);
background: linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 20%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.video {
min-width: 100%;
min-height: 100%;
position: relative;
top: 50%;
transform: translateY(-50%);
}

.icon-sm {
width: 1.7em;
height: 1.4em;
margin-bottom: .2em;
}

.icon.logo {
width: 181px;
height: 94px;
position: relative;
left: -44px;
color: #222;
}

.top-links-inner {
background-color: white;
display: flex;
position: absolute;
top: 0;
right: 0;
padding: 25px 20px;
z-index: 10;
}

.top-links-inner .icon-sm {
width: 1.5em;
}

.top-links-inner a,
.top-links-inner div {
	padding: 5px 10px;
	color: initial;
}


.top-links a,
.top-links div {
color: inherit;
margin-left: 3em;
font-weight: bold;
font-size: 14px;
display: inline-block;
cursor: pointer;
}

.top-links a:hover {
text-decoration: none;
}

.icon.gamburger {
width: 1.5em;
}



.frontpage-top {
	position: relative;
}

#top-sliders {
margin-left: auto;
height: 500px;
width: 75%;
}

.absolute {
position: absolute;
top: 0;
width: 100%;
height: 100%;
/*z-index: 1;*/
}

.top-links {
position: relative;
z-index: 1;
}




.left-white-box {
position: absolute;
height: 100%;
width: 60%;
background-color: white;
z-index: 1;
}

.left-white-box::after {
background: #fff;
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
clip-path: polygon(100% 0, 0 0, 0 100%);
position: absolute;
display: block;
width: 120px;
height: 100%;
top: 0;
content: "";
left: 100%;
}

.frontpage .left-white-box::after {
width: 240px;
}

footer .left-white-box::after {
width: 200px!important;
}

.treug {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
color: white;
left: 0;
}

.icon-treug {
	width: 100%;
}

.bg-points {
position: absolute;
bottom: 2em;
}

.frontpage .frontpage-top .bg-points {
position: absolute;
bottom: 4em;
left: 0;
width: 20%;
transform: none;
top: unset;
}

.frontpage-top .bg-points {
transform: translateX(-70%);
top: 150px;
position: absolute;
left: 0;
}

.date-event {
color: var(--secondary);
text-transform: lowercase;
}

.bluebox {
color: var(--lightblue);
position: absolute;
right: 0;
top: -1px;
width: 300px;
height: 37px;
}

.whitebox {
color: white;
position: absolute;
right: 0;
top: -1px;
width: 300px;
height: 37px;
}


.iconz {
width: 60px;
height: 60px;
}


.circloid {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4ODQuNSA4OTIuMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODg0LjUgODkyLjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGN0ZDRkUiIHN0cm9rZS13aWR0aD0iMS4xNzkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE1OS4yLDI4NS4xQzIzNS42LDE1NC4zLDM4OS45LDk3LjIsNTI5LDEzOC41CgkgTTY5NS42LDI1NC4zYzUxLjksNjkuNCw3My45LDE1Ny42LDYwLjQsMjQzLjQgTTcyNC43LDU5NGMtMi44LDUuNC01LjcsMTAuNy04LjgsMTZjLTYwLjEsMTAzLTE2OC42LDE2MC4zLTI3OS45LDE1OS45IE0yNzUuMSw3MjYKCUMxOTEsNjc2LjgsMTM3LjMsNTk1LjUsMTIwLjcsNTA2LjcgTTQzOS41LDE1Mi41YzE0MC42LDAsMjU4LjYsOTcsMjkwLjYsMjI3LjggTTcxNS4xLDU2OGMtMzEuMyw3NC4xLTkxLjcsMTMzLTE2Ni45LDE2Mi4zCgkgTTQ1Ni40LDc1MC4yYy01LjYsMC4zLTExLjIsMC41LTE2LjksMC41Yy0xMTAuNywwLTIwNy40LTYwLjEtMjU5LjEtMTQ5LjUgTTE0MC40LDQ1MS42YzAtOTAuNCw0MC4xLTE3MS40LDEwMy41LTIyNi4zIi8+CjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZEQ0ZGNiIgc3Ryb2tlLXdpZHRoPSIwLjc4NiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNTMuNiwyMjEuNUMxNTkuMiw0MC41LDM3Mi42LTM4LjQsNTY0LjksMTguNwoJIE03OTUuMiwxNzguOWM3MS44LDk2LDEwMi4yLDIxNy45LDgzLjUsMzM2LjYgTTgzNS40LDY0OC41Yy0zLjgsNy40LTcuOCwxNC44LTEyLjEsMjIuMWMtODMuMSwxNDIuNC0yMzMuMSwyMjEuNy0zODcsMjIxLjEKCSBNMjEzLjgsODMwLjlDOTcuNSw3NjMsMjMuNCw2NTAuNiwwLjQsNTI3LjgiLz4KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkRDRkY2IiBzdHJva2Utd2lkdGg9IjAuNzIxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0zMS43LDUxNy4xQy0xLjgsMzI3LjgsMTAwLjcsMTQ2LDI2OSw3MS44CgkgTTUyNS4yLDQ3LjJDNjMyLjQsNzEuOCw3MjYsMTM5LDc4My40LDIzMy4xIE04MzIsMzUxLjljMS44LDcuNSwzLjMsMTUsNC43LDIyLjdjMjYuNCwxNDktMzEuNSwyOTMuNC0xMzkuNSwzODQuMyBNNTA1LjQsODQ4LjMKCWMtMTIxLjcsMjEuNS0yNDAuMy0xMy4xLTMyOS4yLTg1LjQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
}

.arrow-down {
color: var(--secondary);
width: 60px;
height: 32px;
}

.jumbotron.cta-block {
background: url('/img/back-rostov.jpg') 50% 50% no-repeat;
background-size: cover;
background-attachment: fixed;
}

.bg-dark-opacity {
background-color: rgba(0,0,0,0.2);
}

footer {
font-size: smaller;
}

footer .bg-points {
transform: translateX(-70%);
position: absolute;
top: unset;
bottom: 3em;
}

footer .socials a {
color: var(--primary);
}

.icon-social {
width: 28px;
height: 28px;
}

footer .contacts a {
color: inherit;
}

.icon-email {
width: 20px;
height: 15px;
color: var(--primary);
}

.icon-phone {
width: 20px;
height: 17px;
color: var(--primary);
}

footer .absolute {
top: -40px;
height: calc(100% + 42px);
}

footer .left-white-box {
width: 25%;
z-index: 0;
}


.services-img-right {
top: -92px;
float: right;
position: relative;
margin-left: 2em;
}

.services-img-left {
 top: -82px; 
/* float: left; */
position: relative;
margin-right: 2em;
/* margin-top: 1em; */
}

.services-img-right,
.services-img-left {
align-self: center;
}


#accordeon_modal .card {
border: none;
width: 100%;
}

#accordeon_modal .btn {
width: intrinsic;
}

font.notetext {
color: inherit!important;
}


@media (max-width: 520px) {
	
	.frontpage-top .bg-points {
		top: 20px;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 1.75rem;
	}
	body:not(.frontpage) h2 {;
	font-size: 1.5em;
	}
	body.frontpage h2 {;
	font-size: 2.5em;
	}
	h3 {;
	font-size: 1.25em;
	}
	.bg-points {
	position: absolute;
	bottom: 1em;
	transform: translateX(-72%);
	}

	.absolute {
	position: static;
	}

	.icon.logo {
	 left: unset; 
	width: 150px;
	height: 80px;
	}
	#top-sliders {
	margin-left: 0;
	width: 100%;
	height: unset;
	}
	.slider-wrapper {
	height: 350px;
	}

	.top-top-mini {
	position: fixed;
	top: 0;
	z-index: 100;
	padding-right: 0;
	}

	.top-top-mini a,
	.top-top-mini .gamb_menu {
	margin-left: 0;
	padding: 10px;
	background-color: white;
	}

	.top-top-mini a.gamb_menu{
	padding-right: 20px;
	}

	.top-top-mini a .icon-sm {
		margin: 0!important;
	}
	.lead {
		font-size: 1rem;
	}

	.display-4 {
		font-size: 2em;
	}

	.all-them {
		position: static;
	}
	.whitebox, .bluebox {
	width: 200px;
	height: 25px;
	}

	.cards-party .card-text,
	.cards-partners .card-text {
	font-size: smaller;
	}

	.cards-party .card-img-top,
	.cards-partners .card-img-top {
	padding: 1em 1em 0;
	}

	.cards-party .card-body,
	.cards-partners .card-body {
		padding: 1rem;
	}
	.block {
	padding: 3em 0;
	}

	.top-treug {
		position: relative;
	}
	
	.top-treug::before {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
	clip-path: polygon(100% 0, 0 0, 0 100%);
	z-index: 1;
	}

	.all-them-wrapper {
	text-align: center;
	}

	.top-gradient {
	background: white;
	}

	.left-white-box::after { display: none; }

	body:not(.frontpage) footer,
	body:not(.frontpage) .top-treug::before {
	background-color: var(--lightblue);
	}

	body:not(.frontpage) footer:before {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	position: absolute;
	top: -20px;
	left: 0;
	background: var(--lightblue);
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
	clip-path: polygon(100% 100%, 0 0, 0 100%);
	z-index: 1;
	}

	body.frontpage footer:before {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	position: absolute;
	top: -20px;
	left: 0;
	background: white;
	-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
	clip-path: polygon(100% 100%, 0 0, 0 100%);
	z-index: 1;
	}

	.services-img-wrap {
		width: 100%;
		overflow: hidden;
		height: 300px;
		margin-bottom: 2em;
		display: flex;
	}

	.services-img-wrap img {
		width: 100%;
		object-fit: cover;
		margin: 0;
	}

}

@media (max-width: 991px) {
	.container.treug-bottom {
	margin: 0;
	padding: 0;
	max-width: 100%;
	}
	.treug-bottom {
	position: relative;
	left: -35px;
	}

	.services-img-right,
	.services-img-left {
		width: 50%;
		top: 0;
		margin-bottom: 1em;
	}

	.services-img-left {
		top: 0;
	}
}


@media (min-width: 1600px) {
	.top-gradient {
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 25%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 25%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 25%);
	}
	footer .left-white-box {
	width: 30%;
	}
}

@media (min-width: 1800px) {
	.top-gradient {
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 25%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 25%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 25%);
	}

	#top-sliders {
	margin-left: 30%;
	}
	footer .left-white-box {
	width: 32.5%;
	}
}

@media (min-width: 2000px) {
	footer .left-white-box {
	width: 35%;
	}
}

@media (min-width: 2200px) {
	.top-gradient {
	background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 30%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 30%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 30%);
	}
}