/*!
Theme Name: nake
Theme URI: http://underscores.me/
Author: Designed by TheOurStudio
Author URI: http://SPIVAK
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nake
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

nake is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

* {
	outline: none;
	--color-text: #373737;
	--color-blue: #4490E6;
	--color-dark-blue: #3b77ba;
}

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

a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: var(--color-text);
	-webkit-transition: all ease 0.15s;
	transition: all ease 0.15s;
}
a:focus, a:hover, a:active {
	outline: 0;
}
a:hover, a:active {
	color: var(--color-blue);
}

img {
	max-width: 100%;
	height: auto;
}

button, input, textarea {
	background: none;
	outline: 0 !important;
	border: none;
	padding: 0;
	-webkit-transition: all ease 0.15s;
	transition: all ease 0.15s;
}

button[disabled=disabled] {
	opacity: 0.75;
}

html, body {
	font-family: "PloniM";
	color: var(--color-text);
	font-size: 20px;
	background: #fff;
}

p, h1, h2, h3, h4, h5, h6 {
	color: var(--color-text);
}

p {
	line-height: 1.35;
}

b, strong {
	font-weight: normal;
}

b {
	font-family: "PloniB";
}

strong {
	font-family: "PloniBlack";
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

section {
	padding: 60px 0;
}

.buttons {
	width: 100%;
	max-width: 205px;
	height: 55px;
	background: #4490E6;
	color: #fff;
	font-family: "PloniB";
	border-radius: 50px;
}

.buttons:hover {
	background: #2e75c6;
}

.header {
	position: sticky;
	top: 0;
	background: #fff;
	font-family: "PloniR";
	padding: 25px 0;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
	        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
	z-index: 1001;
}
.header .header-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.header .header-item .header-items.__social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 35px;
}
.header .header-item .header-items.__social a {
	color: #4490E6;
}
.header .header-item .header-items.__social a svg {
	width: 20px;
	height: 20px;
}
.header .header-item .header-items.__social a:hover {
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
}
.header .header-item .header-items.__call a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
}
.header .header-item .header-items.__call a svg {
	width: 20px;
	height: 20px;
	color: #4490E6;
	margin-top: -2px;
}
.header .header-item .header-items.__menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 47px;
}

.home-banner {
	margin-top: 30px;
}
.home-banner .home-banner-item h1 {
	font-size: 48px;
	margin-bottom: 10px;
	font-family: "PloniBlack";
}
.home-banner .home-banner-item p {
	margin-bottom: 0;
}
.home-banner .home-banner-item .buttons {
	margin-top: 24px;
}
.home-banner .home-banner-img {
	position: relative;
	text-align: center;
}
.home-banner .home-banner-img img {
	position: relative;
	z-index: 1;
}
.home-banner .home-banner-img .home-circle-1,
.home-banner .home-banner-img .home-circle-2,
.home-banner .home-banner-img .home-bubble {
	position: absolute;
}
.home-banner .home-banner-img .home-circle-1 circle,
.home-banner .home-banner-img .home-circle-2 circle,
.home-banner .home-banner-img .home-bubble circle {
	-webkit-transform-origin: center;
	        transform-origin: center;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
.home-banner .home-banner-img .home-bubble {
	top: -40px;
	right: 50px;
	width: 93px;
	height: 98px;
}
.home-banner .home-banner-img .home-bubble circle {
	opacity: 0;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(1) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(2) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(3) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(4) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(5) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(6) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(7) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(8) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(9) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(10) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(11) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(12) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(13) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(14) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(15) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(16) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(17) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(18) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(19) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(20) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.home-banner .home-banner-img .home-bubble circle:nth-child(21) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.home-banner .home-banner-img .home-circle-1 .outer-circle-1,
.home-banner .home-banner-img .home-circle-2 .outer-circle-1 {
	-webkit-animation: rotateOuter 30s linear infinite;
	        animation: rotateOuter 30s linear infinite;
}
.home-banner .home-banner-img .home-circle-1 .middle-circle-1,
.home-banner .home-banner-img .home-circle-2 .middle-circle-1 {
	-webkit-animation: rotateMiddle 40s linear infinite;
	        animation: rotateMiddle 40s linear infinite;
}
.home-banner .home-banner-img .home-circle-1 .inner-circle-1,
.home-banner .home-banner-img .home-circle-2 .inner-circle-1 {
	-webkit-animation: rotateInner 25s linear infinite;
	        animation: rotateInner 25s linear infinite;
}
.home-banner .home-banner-img .home-circle-1 .innermost-circle-1,
.home-banner .home-banner-img .home-circle-2 .innermost-circle-1 {
	-webkit-animation: rotateInnermost 15s linear infinite;
	        animation: rotateInnermost 15s linear infinite;
}
.home-banner .home-banner-img .home-circle-1 {
	top: 30px;
	left: 40px;
	-webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
	width: 142px;
	height: 142px;
	-webkit-animation: animHomeCircle1 1.5s ease;
	        animation: animHomeCircle1 1.5s ease;
}
.home-banner .home-banner-img .home-circle-2 {
	top: 50%;
	right: 50px;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	width: 211px;
	height: 211px;
	-webkit-animation: animHomeCircle2 1.5s ease;
	        animation: animHomeCircle2 1.5s ease;
}

.title {
	font-size: 35px;
	margin-bottom: 50px;
	font-family: "PloniBlack";
}

.about {
	position: relative;
}
.about .about-img {
	position: relative;
	max-width: 603px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin-top: 60px;
}
.about .about-img .about-crircle {
	position: absolute;
	top: 10px;
	left: -25px;
	width: 310px;
	height: 310px;
}
.about .about-img .about-crircle circle {
	-webkit-transform-origin: center;
	        transform-origin: center;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
.about .about-img .about-crircle .outer-circle-1 {
	-webkit-animation: rotateOuter 30s linear infinite;
	        animation: rotateOuter 30s linear infinite;
}
.about .about-img .about-crircle .middle-circle-1 {
	-webkit-animation: rotateMiddle 40s linear infinite;
	        animation: rotateMiddle 40s linear infinite;
}
.about .about-img .about-crircle .inner-circle-1 {
	-webkit-animation: rotateInner 25s linear infinite;
	        animation: rotateInner 25s linear infinite;
}
.about .about-img .about-crircle .innermost-circle-1 {
	-webkit-animation: rotateInnermost 15s linear infinite;
	        animation: rotateInnermost 15s linear infinite;
}
.about-card {
	position: relative;
	display: block;
	padding: 8px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, .25);
	transition: all ease .3s;
}
.about-card img {
	border-radius: 20px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aboutSwiper {
	padding: 70px 5px;
}
.aboutSwiper .swiper-slide {
	transition: transform ease .5s;
}
.aboutSwiper .swiper-slide-active {
	transform: scale(1.4);
	z-index: 2;
}
.aboutSwiper .swiper-slide-active .about-card {
	box-shadow: 5px 5px 25px rgba(0, 0, 0, .25);
}
.about .about-instagram {
	text-align: center;
	font-size: 25px;
	font-family: "PloniB";
}
.about .about-instagram svg {
	width: 20px;
	height: 20px;
	color: #4490E6;
}

.services .services-card .services-card__body {
	position: relative;
	min-height: 156px;
	max-height: 156px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
	        box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.15);
	border-radius: 15px;
	cursor: pointer;
}
.services .services-card .services-card__body img {
	position: absolute;
	top: 0;
	left: -20px;
	z-index: 1;
}
.services .services-card .services-card__body .bubble {
	position: absolute;
	top: -13px;
	right: 120px;
	width: 93px;
	height: 98px;
}
.services .services-card .services-card__btn {
	margin-top: 17px;
}
.services .services-card .services-card__btn button {
	font-size: 25px;
	font-family: "PloniB";
}
.services .services-card .services-card__btn button svg {
	width: 14px;
	height: 14px;
	margin-right: 6px;
	-webkit-transition: -webkit-transform ease 0.3s;
	transition: -webkit-transform ease 0.3s;
	transition: transform ease 0.3s;
	transition: transform ease 0.3s, -webkit-transform ease 0.3s;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(1) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(2) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(3) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(4) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(5) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(6) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(7) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(8) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(9) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(10) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(11) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(12) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(13) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(14) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(15) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(16) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(17) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(18) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(19) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(20) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.services .services-card:hover .services-card__body .bubble circle:nth-child(21) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.services .services-card:hover .services-card__btn button {
	color: #4490E6;
}
.services .services-card:hover .services-card__btn button svg {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.gallery .gallery-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 570px;
	margin: 0 auto 40px;
}
.gallery .gallery-header .gallery-header__logo svg {
	width: 125px;
	height: 66px;
}
.gallery .gallery-header .gallery-header-body .title {
	margin-bottom: 5px;
}
.gallery .gallery-header .gallery-header-body p {
	margin-bottom: 0;
	font-size: 16px;
	font-family: "PloniR";
}
.gallery .gallery-slider {
	position: relative;
	background: #1A1A1A;
	border-radius: 15px;
	padding: 0 25px;
}
.gallery .gallery-slider .gallerySwiper {
	max-width: 970px;
	padding: 100px 0;
	border-radius: 15px;
}
.gallery .gallery-slider .gallerySwiper img {
	border-radius: 15px;
	-webkit-transition: all ease 0.4s;
	transition: all ease 0.4s;
}
.gallery .gallery-slider .gallerySwiper .swiper-slide-active {
	z-index: 1;
}
.gallery .gallery-slider .gallerySwiper .swiper-slide-active img {
	-webkit-transform: scale(1.176);
	        transform: scale(1.176);
}
.gallery .gallery-slider .swiper-button-next {
	right: 25px;
}
.gallery .gallery-slider .swiper-button-prev {
	left: 25px;
}

.swiper-button-next,
.swiper-button-prev {
	-webkit-transition: all ease 0.15s;
	transition: all ease 0.15s;
	width: 43px;
	height: 43px;
}
.swiper-button-next svg,
.swiper-button-prev svg {
	width: 43px;
	height: 43px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
	content: none;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
	opacity: 0.8;
}

.about-banner {
	position: relative;
	padding: 30px 0;
	background: radial-gradient(#55B1E7 0%, #007FCA 100%);
	overflow: hidden;
}
.about-banner .about-banner-circle-1,
.about-banner .about-banner-circle-2,
.about-banner .about-banner-circle-3 {
	position: absolute;
}
.about-banner .about-banner-circle-1 circle,
.about-banner .about-banner-circle-2 circle,
.about-banner .about-banner-circle-3 circle {
	-webkit-transform-origin: center;
	        transform-origin: center;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
.about-banner .about-banner-circle-1 .outer-circle-1,
.about-banner .about-banner-circle-2 .outer-circle-1,
.about-banner .about-banner-circle-3 .outer-circle-1 {
	-webkit-animation: rotateOuter 30s linear infinite;
	        animation: rotateOuter 30s linear infinite;
}
.about-banner .about-banner-circle-1 .middle-circle-1,
.about-banner .about-banner-circle-2 .middle-circle-1,
.about-banner .about-banner-circle-3 .middle-circle-1 {
	-webkit-animation: rotateMiddle 40s linear infinite;
	        animation: rotateMiddle 40s linear infinite;
}
.about-banner .about-banner-circle-1 .inner-circle-1,
.about-banner .about-banner-circle-2 .inner-circle-1,
.about-banner .about-banner-circle-3 .inner-circle-1 {
	-webkit-animation: rotateInner 25s linear infinite;
	        animation: rotateInner 25s linear infinite;
}
.about-banner .about-banner-circle-1 .innermost-circle-1,
.about-banner .about-banner-circle-2 .innermost-circle-1,
.about-banner .about-banner-circle-3 .innermost-circle-1 {
	-webkit-animation: rotateInnermost 15s linear infinite;
	        animation: rotateInnermost 15s linear infinite;
}
.about-banner .about-banner-circle-1 {
	width: 144px;
	height: 144px;
	left: -20px;
}
.about-banner .about-banner-circle-2 {
	width: 60px;
	height: 60px;
	top: 30px;
	left: 130px;
}
.about-banner .about-banner-circle-3 {
	width: 36px;
	height: 36px;
	top: 120px;
	left: 140px;
}
.about-banner .about-banner-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 55px;
}
.about-banner .about-banner-item .__logo svg {
	width: 125px;
	height: 66px;
}
.about-banner .about-banner-item .__caption {
	color: #fff;
	max-width: 300px;
}
.about-banner .about-banner-item .__caption .title {
	margin-bottom: 12px;
	color: #fff;
}
.about-banner .about-banner-item .__caption p {
	margin-bottom: 0;
	font-size: 16px;
	font-family: "PloniR";
	color: #fff;
}
.about-banner .about-banner-item .__bubble .bubble {
	width: 145px;
	height: 152px;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(1) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(2) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(3) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(4) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(5) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(6) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(7) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(8) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(9) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(10) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(11) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(12) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(13) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(14) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(15) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(16) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(17) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(18) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(19) {
	-webkit-animation: flicker 0.6s infinite alternate ease;
	        animation: flicker 0.6s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(20) {
	-webkit-animation: flicker 0.8s infinite alternate ease;
	        animation: flicker 0.8s infinite alternate ease;
}
.about-banner .about-banner-item .__bubble .bubble circle:nth-child(21) {
	-webkit-animation: flicker 1s infinite alternate ease;
	        animation: flicker 1s infinite alternate ease;
}
.about-banner .about-banner-item .__btn .buttons {
	background: #fff;
	color: #4490E6;
	min-width: 200px;
}
.about-banner .about-banner-item .__btn .buttons:hover {
	background: #eee;
}

.contacts .contacts-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap: 80px;
	max-width: 870px;
	margin: 0 auto;
}
.contacts .contacts-item .__form {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.contacts .contacts-item .__form form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 30px;
}
.contacts .contacts-item .__form form input, .contacts .contacts-item .__form form textarea {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 calc(50% - 15px);
	        flex: 1 0 calc(50% - 15px);
}
.contacts .contacts-item .__form form button {
	max-width: 170px;
	min-width: 170px;
}
.contacts .contacts-item .__contacts {
	font-family: "PloniR";
}
.contacts .contacts-item .__contacts .title {
	margin-bottom: 30px;
}
.contacts .contacts-item .__contacts svg {
	width: 20px;
	height: 20px;
}
.contacts .contacts-item .__contacts p svg {
	color: #4490E6;
	margin-left: 8px;
}
.contacts .contacts-item .__contacts ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	gap: 40px;
}

.advantages-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.advantages-items {
	text-align: right;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(25% - 10px);
	        flex: 0 0 calc(25% - 10px);
	padding: 0 30px;
}

.advantages-items .numbers {
	font-size: 95px;
	font-family: "PloniBlack";
	background: -o-radial-gradient(#55B1E7 0%, #007FCA 100%);
	background: radial-gradient(#55B1E7 0%, #007FCA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #55B1E7;
	display: table;
	margin-left: auto;
}

.advantages-items--letter .numbers .symbol {
	font-size: 70px;
}

.advantages-items--letter .numbers span {
	font-size: 95px;
}

.advantages-items p {
	font-size: 35px;
	margin: 0;
	font-family: "PloniB";
}

.footer {
	font-family: "PloniR";
}
.footer .footer-item {
	padding: 40px 0 50px;
	border-top: 1px solid #373737;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

input[type=text],
input[type=tel], textarea {
	padding: 0 40px;
	width: 100%;
	height: 63px;
	background: #F2F2F2;
	border-radius: 50px;
	text-align: right;
}

textarea {
	padding: 20px 40px;
	overflow: hidden;
}

.widgets {
	position: fixed;
	left: 1rem;
	bottom: 1rem;
	z-index: 100;
}
.widgets a {
	width: 90px;
	height: 90px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #4490E6;
	color: #fff;
	-webkit-animation: blink infinite 2s;
	        animation: blink infinite 2s;
}
.widgets a svg {
	width: 40px;
	height: 40px;
	-webkit-transition: all ease 0.7s;
	transition: all ease 0.7s;
}
.widgets button:hover {
	background: #2e75c6;
}
.widgets button:hover svg {
	-webkit-transform: rotate(360deg);
	        transform: rotate(360deg);
}

.modal-form {
	padding: 60px 30px 35px 30px;
}
.modal-form .circle-form-1,
.modal-form .circle-form-2 {
	position: absolute;
	pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
}
.modal-form .circle-form-1 {
	top: 0;
	left: 0;
	width: 85px;
	height: 85px;
}
.modal-form .circle-form-2 {
	right: 50px;
	bottom: 0;
	width: 110px;
	height: 54px;
}
.modal-form .btn-close {
	position: absolute;
	top: 25px;
	right: 30px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234490E6'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.modal-form .title {
	text-align: center;
	font-family: "PloniB";
	margin-bottom: 23px;
}
.modal-form .__message {
	text-align: center;
	line-height: 1.2;
}
.modal-form .subtitle {
	font-size: 30px;
	margin: 16px 0;
	font-family: "PloniB";
}
.modal-form .__message-txt {
	font-size: 20px;
	font-family: "PloniM";
}
.modal-form .__message-txt span {
	display: block;
	color: #4490E6;
	margin-top: 1rem;
	font-family: "PloniB";
}
.modal-form form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 30px;
}
.modal-form form.active {
	display: none;
}
.modal-form form input {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 calc(50% - 15px);
	        flex: 1 0 calc(50% - 15px);
}
.modal-form form .dropdown {
	width: 100%;
}
.modal-form form .dropdown .dropdown-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 63px;
	border-radius: 50px;
	background: #F2F2F2;
	padding: 0 40px;
	line-height: 63px;
}
.modal-form form .dropdown .dropdown-toggle::after {
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 0;
	margin-right: auto;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM4.13241 7.27499L6.60729 9.74986C6.75916 9.90173 7.00539 9.90173 7.15726 9.74986C7.30913 9.59799 7.30913 9.35176 7.15726 9.19989L5.34626 7.38889L9.59258 7.38889C9.80736 7.38889 9.98147 7.21478 9.98147 7C9.98147 6.78522 9.80736 6.61111 9.59258 6.61111L5.34626 6.61111L7.15726 4.80011C7.30913 4.64824 7.30913 4.40201 7.15726 4.25014C7.00539 4.09827 6.75916 4.09827 6.60729 4.25014L4.13241 6.72501C3.98054 6.87688 3.98054 7.12312 4.13241 7.27499Z" fill="%234490E6"%3E%3C/path%3E%3C/svg%3E');
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	border: none;
}
.modal-form form button {
	display: block;
	margin: 0 auto;
}

.modal-form.modal-form__links {
	padding-top: 0;
	padding-bottom: 0;
}
.modal-form__logo {
	text-align: center;
	margin-bottom: 27px;
}
.modal-form__logo img {
	width: 110px;
}
.modal-social {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0;
	margin: 40px auto 30px;
	max-width: 265px;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}
.modal-social a {
	color: var(--color-blue);
}
.modal-social svg {
	width: 20px;
	height: 20px;
}
.modal-numbers a {
	display: block;
	height: 50px;
	margin-bottom: 6px;
	background: var(--color-blue);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	padding: 0 20px;
	font-size: 20px;
}
.modal-numbers a:hover {
	background: var(--color-dark-blue);
}
.modal-numbers a svg {
	width: 20px;
	height: 20px;
}
.modal-numbers a span {
	margin: 0 auto;
}
body.page-template-theourstudio {
	padding-top: 40px;
}

.footer-developer {
	margin-top: 45px;
	background: #1D1D1F;
	padding: 9px 0;
}

.modal-footer-copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	font-size: 9px;
	font-family: 'LatoR';
}

.dropdown-item.active, .dropdown-item:active {
	background-color: #4490E6;
}

.modal-content {
	border-radius: 15px;
}

body.loaded .preloader {
	opacity: 0;
	pointer-events: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	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;
	background: rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(16px);
	        backdrop-filter: blur(16px);
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	z-index: 9999;
}

.loader {
	width: 120px;
	height: 150px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ddd), color-stop(51%, #bbb)), -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd)), -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd)), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, rgba(0, 0, 0, 0) 55%), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, rgba(0, 0, 0, 0) 55%), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, rgba(0, 0, 0, 0) 55%);
	background-image: linear-gradient(#ddd 50%, #bbb 51%), linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, rgba(0, 0, 0, 0) 55%), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, rgba(0, 0, 0, 0) 55%), radial-gradient(ellipse at center, #aaa 25%, #eee 26%, #eee 50%, rgba(0, 0, 0, 0) 55%);
	background-position: 0 20px, 45px 0, 8px 6px, 55px 3px, 75px 3px, 95px 3px;
	background-size: 100% 4px, 1px 23px, 30px 8px, 15px 15px, 15px 15px, 15px 15px;
	position: relative;
	border-radius: 6%;
	-webkit-animation: shake 3s ease-in-out infinite;
	        animation: shake 3s ease-in-out infinite;
	-webkit-transform-origin: 60px 180px;
	        transform-origin: 60px 180px;
}

.loader:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 100%;
	width: 7px;
	height: 5px;
	background: #aaa;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 102px 0 #aaa;
	        box-shadow: 102px 0 #aaa;
}

.loader:after {
	content: "";
	position: absolute;
	width: 95px;
	height: 95px;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	background-color: #bbdefb;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2666666667) 0%, rgba(0, 0, 0, 0.2666666667) 49%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, #64b5f6 50%, #607d8b 51%);
	background-size: 30px 100%, 90px 80px;
	border-radius: 50%;
	background-repeat: repeat, no-repeat;
	background-position: 0 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 10px solid #DDD;
	-webkit-box-shadow: 0 0 0 4px #999 inset, 0 0 6px 6px rgba(0, 0, 0, 0.2666666667) inset;
	        box-shadow: 0 0 0 4px #999 inset, 0 0 6px 6px rgba(0, 0, 0, 0.2666666667) inset;
	-webkit-animation: spin 3s ease-in-out infinite;
	        animation: spin 3s ease-in-out infinite;
}

.widget-bvi {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 100;
}

.widget-bvi a {
	padding: 5px 10px 10px 10px;
	background: #4490e6;
	border-radius: 0 3px 3px 0;
	box-shadow: 0 4px 10px rgba(0,0,0,.25);
}

.widget-bvi a:hover {
	background: #2e75c6;
}

.widget-bvi svg {
	width: 20px;
	height: 20px;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
	75% {
		-webkit-transform: rotate(750deg);
		        transform: rotate(750deg);
	}
	100% {
		-webkit-transform: rotate(1800deg);
		        transform: rotate(1800deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
	75% {
		-webkit-transform: rotate(750deg);
		        transform: rotate(750deg);
	}
	100% {
		-webkit-transform: rotate(1800deg);
		        transform: rotate(1800deg);
	}
}
@-webkit-keyframes shake {
	65%, 80%, 88%, 96% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
	50%, 75%, 84%, 92% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	0%, 50%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
}
@keyframes shake {
	65%, 80%, 88%, 96% {
		-webkit-transform: rotate(0.5deg);
		        transform: rotate(0.5deg);
	}
	50%, 75%, 84%, 92% {
		-webkit-transform: rotate(-0.5deg);
		        transform: rotate(-0.5deg);
	}
	0%, 50%, 100% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
}
@-webkit-keyframes blink {
	0% {
		-webkit-box-shadow: 0 0 0 0px rgba(68, 144, 230, 0.3);
		        box-shadow: 0 0 0 0px rgba(68, 144, 230, 0.3);
	}
	70% {
		-webkit-box-shadow: 0 0 0 1.53em rgba(68, 144, 230, 0);
		        box-shadow: 0 0 0 1.53em rgba(68, 144, 230, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(68, 144, 230, 0);
		        box-shadow: 0 0 0 0 rgba(68, 144, 230, 0);
	}
}
@keyframes blink {
	0% {
		-webkit-box-shadow: 0 0 0 0px rgba(68, 144, 230, 0.3);
		        box-shadow: 0 0 0 0px rgba(68, 144, 230, 0.3);
	}
	70% {
		-webkit-box-shadow: 0 0 0 1.53em rgba(68, 144, 230, 0);
		        box-shadow: 0 0 0 1.53em rgba(68, 144, 230, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(68, 144, 230, 0);
		        box-shadow: 0 0 0 0 rgba(68, 144, 230, 0);
	}
}
@-webkit-keyframes animHomeCircle1 {
	from {
		-webkit-transform: translate(60%, 50%);
		        transform: translate(60%, 50%);
	}
	to {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}
@keyframes animHomeCircle1 {
	from {
		-webkit-transform: translate(60%, 50%);
		        transform: translate(60%, 50%);
	}
	to {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}
@-webkit-keyframes animHomeCircle2 {
	from {
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	to {
		-webkit-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}
}
@keyframes animHomeCircle2 {
	from {
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	to {
		-webkit-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}
}
@-webkit-keyframes rotateOuter {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotateOuter {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotateOuter {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateMiddle {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotateMiddle {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateInner {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotateInner {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateInnermost {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotateInnermost {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@-webkit-keyframes flicker {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flicker {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}