/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

:root {
    --ff-1: "Poppins", sans-serif;

    --clr-white: #ffffff;
    --clr-white-50: rgba(255,255,255,.5);
    --clr-black: #0f0d0d;
    --clr-black-80: rgba(0,0,0,.8);
    --clr-dark-blue: #001D4B;
    --clr-social: #01315F;
    --clr-hover: #038eff;

    --bg-1: #F0F5FE;

    --rd-1: 15px;
    --rd-2: 6px;

    --transition: .2s;
}

/*--------------------*/
/*  General           */
/*--------------------*/
body {line-height: 1.8 !important;}
.uppercase, h6, span.widget-title, th {letter-spacing: 0;}
.is-uppercase, .uppercase {line-height: inherit;}
.h1, .h2, h1, h2 {line-height: 1.2;}
.subtitle {font-weight: 600;}
.subtitle:last-child p {margin-bottom: 0;}
ul:has(.bullet-star) {margin-bottom: 0;}
ul li.bullet-star {border: none;padding: 0 0 0 39px;opacity: 0;transform: translateY(10px);}
ul li.bullet-star.animate {-webkit-animation: fadeInUp 0.6s ease forwards;animation: fadeInUp 0.6s ease forwards;}
ul li.bullet-star+* {margin-top: .5em;}
ul li.bullet-star::before {top: 7px;font-size: 0;width: 18px;height: 20px;background: url("img/icons/icon-star.svg") no-repeat 0 0;}
.flickity-page-dots .dot {border-color: var(--fs-color-primary);}
.slider-nav-dots-simple .flickity-page-dots .dot {background-color: var(--fs-color-primary);}
.section+.row:not(.row-collapse) {margin-top: 0 !important;}
/*--------------------*/
/*  Header            */
/*--------------------*/
.nav>li.html {font-size: 1em;}
.nav-small.nav>li.html {font-size: 1rem;font-weight: 500;color: var(--clr-dark-blue);}
.nav-spacing-xlarge>li {margin-inline: 25px;}
.flex-right .nav-spacing-xlarge>li {margin-inline: 33px;}
.nav-size-medium>li>a {font-size: 1rem;}
.header-top .html {display: flex;align-items: center;justify-content: center;gap: .9375em;text-align: center;line-height: 1.2;padding-block: .5em;}
.flex-col:has(.header-bottom-nav) {width: 100%;}
.header-bottom-nav {justify-content: space-between;flex-wrap: nowrap;}
.has-dropdown .icon-angle-down {opacity: 1;margin-left: .5em;top: .1em;}
.has-dropdown .icon-angle-down::before {content: '';display: block;width: 12px;height: 8px;background: url("img/icons/icon-chevron-down.svg") no-repeat 0 0;}
li.current-dropdown:last-child>.nav-dropdown {left: auto;right: 0;}
.nav-line-bottom>li>a::before {background-color: var(--clr-white);bottom: 3px;}
@media (max-width: 1536px) {
    .flex-right .nav-spacing-xlarge > li {margin-inline: 10px;}
    .header-bottom-nav>li>a {font-size: 15px;}
}
@media (max-width: 1199px) {
    .logo-center .logo {order: 1;margin-inline: 0;}
    .logo-center .logo img {margin-inline: 0;}
    .header .hide-for-medium {display: none;}
	.header .show-for-medium {display: block !important;}
	.medium-logo-center .flex-left {order: 1;flex: 1 1 0;}
	.medium-logo-center .flex-right {flex: 1 1 0;order: 3;}
    .plain:has(.header-phone) {padding: 0 !important;}
    .nav > li > a {color: var(--clr-dark-blue);}
}
@media (max-width: 549px) {
    .nav-small.nav>li.html {font-size: 14px;}
}
/*--------------------*/
/*  Hero banner       */
/*--------------------*/
@media (min-width: 850px) and (max-width: 1366px) {
    .hero-banner .section {padding-block: 75px !important;}
    .hero-banner .text:has(h1) {font-size: 1.6rem !important;}
    .hero-banner .text:has(h2) {font-size: 1.7rem !important;}
}
/*--------------------*/
/*  Button            */
/*--------------------*/
.header-button .button:not(.is-outline), .btn:not(.is-outline) {border: none !important;}
.header-button .button {overflow: hidden;position: relative;z-index: 1;}
.wave {width: 220px;height: 200px;position: absolute;left: 0;top: -80px;z-index: -1;transition: 0.4s;opacity: .6;}
.wave::before, .wave::after {width: 200%;height: 200%;content: "";position: absolute;top: 0;left: 50%;transform: translate(-50%, -75%);}
.wave::before {border-radius: 45%;height: 210%;background-color: #01315F;-webkit-animation: wave 5s linear infinite;animation: wave 5s linear infinite;}
.wave::after {border-radius: 40%;background-color: var(--clr-hover);-webkit-animation: wave 10s linear infinite;animation: wave 10s linear infinite;}
.header-button .button, .btn {padding-inline: 1.67em;min-height: 3.421em;line-height: 3.421em;font-family: var(--ff-1);font-weight: 600;letter-spacing: 0;transition: var(--transition);}
.header-button .button:hover, .btn:hover {box-shadow: none;background-color: var(--clr-hover);}
.header-button .button:hover .wave::after {background-color: var(--fs-color-primary);}
.btn.white {border-color: var(--clr-white-50);}
.btn.white:hover {color: var(--fs-color-primary) !important;}
.btn.is-outline {border-width: 1px;line-height: 3.3em;}
@media (min-width: 1200px) and (max-width: 1279px) {
    .header-button .button {font-size: 1rem;}
}
@media (max-width: 549px) {
    .header-button .button {width: 100%;}
}
/*--------------------*/
/*  Form elements     */
/*--------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--fs-color-secondary);opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color: var(--fs-color-secondary);opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color: var(--fs-color-secondary);opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--fs-color-secondary);opacity: 1;}
.input {box-shadow: none !important;border-radius: var(--rd-2) !important;margin-bottom: 10px;padding-inline: 29px !important;font-weight: 600;font-size: 18px;color: var(--fs-color-secondary) !important;}
.input:not(.wpcf7-not-valid) {border-color: transparent !important;}
.input:not(.wpcf7-not-valid):focus {border-color: var(--fs-color-secondary) !important;}
.input:not(textarea) {height: 60px !important;}
.input.color2 {background-color: var(--bg-1) !important;}
textarea.input {resize: vertical;min-height: 100px;padding-top: 15px !important;}
.wpcf7-form {margin-bottom: 0 !important;}
.wpcf7-form .row-small {margin-inline: -5px !important;}
.wpcf7-form .row-small>.col {padding-inline: 5px !important;}
.wpcf7-form select {background-image: url("img/icons/icon-chevron-down-dark.svg");background-size: auto 8px;background-position: right 30px top 50%;}
.wpcf7-form select.wpcf7-not-valid {border-color: var(--fs-color-alert);}
.wpcf7-submit {font-size: 18px;font-weight: 600;background-color: var(--fs-color-secondary) !important;text-transform: none !important;border-radius: var(--rd-2) !important;height: 60px;margin: 0 !important;box-shadow: none !important;}
.wpcf7-submit:hover {background-color: var(--clr-hover) !important;}
.wpcf7 p:has(.wpcf7-submit) {position: relative;display: inline-block;margin-top: 20px;}
.wpcf7-spinner {top: 50%;transform: translateY(-50%);position: absolute;right: -30px;margin: 0;visibility: hidden;}
.wpcf7 .processing::before {display: none !important;}
.wpcf7-not-valid-tip, .wpcf7-response-output {display: none !important;}
@media (max-width: 549px) {
    .wpcf7 .col:has(.wpcf7-submit) {text-align: center;}
}
/*--------------------*/
/*  Icon box          */
/*--------------------*/
.icon-box-img img, .icon-box-img svg {padding-top: 0;overflow: visible;}
.header-phone, .benefits .icon-box {align-items: center;}
.header-phone .icon, .benefits .icon, .benefits2 .icon {position: relative;padding-top: 100%;}
.header-phone .icon-inner, .benefits .icon-inner, .benefits2 .icon-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.header-phone .icon-box-img {border: 1px solid var(--fs-color-primary);border-radius: 100%;}
.header-phone .icon-box-img img, .header-phone .icon-box-img svg, .benefits .icon-box-img img, .benefits .icon-box-img svg, .benefits2 .icon-box-img img, .benefits2 .icon-box-img svg, .benefits3 .icon-box-img img, .benefits3 .icon-box-img svg {width: auto;height: auto;}
.header-phone .icon-box-img svg path {transition: var(--transition);}
.header-phone.icon-box-left .icon-box-img+.icon-box-text {padding-left: .95em;}
.header-phone .text+.text {margin-top: 6px;}
.plain:hover .header-phone img {-webkit-animation-name: trin;animation-name: trin;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.benefits .icon-box+.icon-box {margin-top: 40px;}
.benefits .icon-box-img {background-color: var(--bg-1);border-radius: 100%;-webkit-animation: pulse-animation 6s infinite;animation: pulse-animation 6s infinite;}
.benefits .delay-1 .icon-box-img {-webkit-animation-delay: 0s;animation-delay: 0s;}
.benefits .delay-2 .icon-box-img {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.benefits .delay-3 .icon-box-img {-webkit-animation-delay: 2s;animation-delay: 2s;}
.benefits .delay-4 .icon-box-img {-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}
.benefits .text p {margin-bottom: 0;}
.benefits .icon-box-left .icon-box-img+.icon-box-text {padding-left: 1.67em;}
.benefits2.row-small {margin-bottom: -19.6px !important;}
.benefits2 .col-inner::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: inherit;-webkit-animation: pulseScale 6s infinite;animation: pulseScale 6s infinite;}
.benefits2 .col:nth-child(1) .col-inner::before {-webkit-animation-delay: 0s;animation-delay: 0s;}
.benefits2 .col:nth-child(2) .col-inner::before {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.benefits2 .col:nth-child(3) .col-inner::before {-webkit-animation-delay: 2s;animation-delay: 2s;}
.benefits2 .col:nth-child(4) .col-inner::before {-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}
.benefits2 .icon-box {position: relative;z-index: 2;}
.benefits2 .icon-box-img {background-color: var(--clr-white);border-radius: 100%;margin-bottom: 19px;}
.benefits2 .text+* {margin-top: 6px;}
.benefits2 .text p {margin-bottom: 0;}
.benefits2 .uppercase {letter-spacing: .05em;}
.benefits3 .icon-box+.icon-box {margin-top: 20px;}
.benefits3 .icon-box-img {background-color: var(--bg-1);border-radius: var(--rd-1);display: flex;align-items: center;justify-content: center;}
.benefits3 .icon-box-left .icon-box-img+.icon-box-text {padding-left: 1.67em;}
.benefits3 .icon-box-text .text+* {margin-top: 6px;}
.benefits3 .icon-box-text .text>* {margin-bottom: 0;}
@media (max-width: 849px) {
    .benefits .icon-box+.icon-box {margin-top: 30px;}
}
@media (max-width: 549px) {
    .benefits .icon-box-img {width: 80px !important;}
    .benefits .icon-box-left .icon-box-img+.icon-box-text {padding-left: 1em;}
}
/*--------------------*/
/*  Image box         */
/*--------------------*/
.img.is-radius .img-inner, .img-box .box-image {border-radius: var(--rd-1);}
.img-box .box-text {max-width: 800px;border-radius: var(--rd-1);left: auto !important;right: 0 !important;transform: translateY(-50%);}
.img-box .box-text .text {letter-spacing: .03em;}
.img-box .box-text p {margin-block: 0;}
.img-box.box-overlay.dark .box-text {text-shadow: none;}
@media (max-width: 549px) {
    .img-box .box-text {transform: none;position: relative !important;margin-top: 10px;}
}
/*--------------------*/
/*  Services          */
/*--------------------*/
.services .image-cover {border-radius: var(--rd-1);}
.services .box-text {font-size: 1em;}
.services .box-text::before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;margin-inline: auto;width: 47px;height: 47px;background: var(--clr-white) url("img/shul-works-logo-small.svg") no-repeat center 7px;border-radius: 100%;transform: translateY(-16px);pointer-events: none;}
.services .box-text p {margin-block: 0;}
.services .box-text-inner {position: relative;z-index: 2;}
@media (min-width: 850px) {
    .services .col {padding-bottom: 40px;}
}
/*--------------------*/
/*  Steps             */
/*--------------------*/
.steps {margin-bottom: -20px;}
.steps .icon {position: relative;padding-top: 100%;background-color: var(--clr-white);border-radius: 100%;}
.steps .icon-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.steps .icon-box-img {margin-bottom: 23px;}
.steps .icon-box-img img, .steps .icon-box-img svg {width: auto;height: auto;}
.steps .icon-box-text .text>* {margin-bottom: 0;}
.steps .icon-box-text .text:first-child {margin-bottom: 10px;}
.steps .icon-box-text .text:nth-child(2) {margin-bottom: 6px;}
.steps .uppercase {letter-spacing: .05em;}
/*--------------------*/
/*  CTA               */
/*--------------------*/
.cta {margin-top: 0 !important;}
.cta .section {border-radius: var(--rd-1);overflow: hidden;}
/*--------------------*/
/*  Contact info      */
/*--------------------*/
.contact-form {border-radius: var(--rd-1);overflow: hidden;padding-inline: 0 !important;}
.cnt-info {margin-bottom: -30px;}
.cnt-info .icon-box {align-items: center;}
.cnt-info .icon {position: relative;padding-top: 100%;background-color: var(--clr-white);border-radius: 100%;}
.cnt-info .icon-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.cnt-info .icon-box-text .text+.text {margin-top: 3px;}
.cnt-info .icon-box-text .text>* {margin-bottom: 0;}
.cnt-info .icon-box-text strong {font-weight: 600;}
.cnt-info .icon-box-img img, .cnt-info .icon-box-img svg {width: 37.5%;height: 37.5%;}
.cnt-info .plain:hover .icon-box img {-webkit-animation-name: trin;animation-name: trin;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@media (max-width: 549px) {
    .cnt-info .icon-box-img {width: 60px !important;}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.box-blog-post .image-cover {border-radius: var(--rd-1);}
.box-blog-post .box-text a:not(.button), .box-blog-post .box-text p {margin-block: 0;}
.box-blog-post .post-title {font-size: 18px;line-height: 1.8;margin-bottom: 7px;}
.box-blog-post .post-title a {line-height: inherit;}
.box-blog-post .post-title a:hover {color: var(--fs-color-primary);}
.box-blog-post .is-divider {display: none;}
.box-blog-post .is-link {line-height: 1.8;min-height: 0;margin-top: 12px;}
.box-blog-post .is-link.is-large {font-size: 18px;}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion-item {--acc-padd: 70px;background-color: var(--bg-1);border-radius: var(--rd-1);}
.accordion-item+.accordion-item {margin-top: 2px;}
.accordion-title {border: none;font-size: 20px;font-weight: 600;color: var(--clr-black);letter-spacing: .05em;padding: 1.3em var(--acc-padd);line-height: 1.4;}
.accordion-title::before {content: '';display: block;position: absolute;left: 30px;top: 50%;width: 18px;height: 20px;background: url("img/icons/icon-star.svg") no-repeat center;transform: translateY(-50%);transition: var(--transition);}
.accordion-item:has(.accordion-title.active) {background-color: var(--fs-color-primary);color: var(--clr-white);}
.accordion-title.active {background-color: transparent;color: inherit;}
.accordion-inner {padding-block: 0 24px;padding-inline: var(--acc-padd);}
.accordion-inner>*:last-child {margin-bottom: 0;}
.accordion .toggle {--toggle-size: 12px;left: auto;right: 30px;top: 34px;margin: 0;border-radius: 0;border: none;width: var(--toggle-size);min-width: var(--toggle-size);min-height: var(--toggle-size);height: var(--toggle-size);background: url("img/icons/icon-chevron-down-dark.svg") no-repeat center;opacity: 1;}
.accordion .active .toggle, .accordion-title.active::before {-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.accordion .toggle .icon-angle-down::before {content: '';}
@media (max-width: 849px) {
    .accordion-item {--acc-padd: 40px;}
    .accordion-title {font-size: 18px;}
    .accordion-title::before {left: 12px;}
    .accordion .toggle {right: 20px;}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer-wrapper .col {padding-bottom: 0;}
.footer-contacts {position: relative;z-index: 10;transform: translateY(50%);}
.footer-contacts .header-phone {width: auto;flex-wrap: nowrap;}
.footer-contacts .header-phone.icon-box-left .icon-box-text {flex: 0 0 auto;}
.footer-contacts .header-phone .icon-box-img {border: none;background-color: var(--bg-1);}
.footer-contacts .dark p {color: var(--clr-white);}
.footer-logo {max-width: 174px;}
.footer-nav {flex-direction: row;gap: 2.6vw;}
.footer-nav .ux-menu-link__link {min-height: 0;padding-block: 0;text-transform: uppercase;font-weight: 500;font-size: 1rem;}
.social-icons {--button-size: 60px;}
.social-icons .button.icon {margin: 0;border: none;min-width: var(--button-size);height: var(--button-size);line-height: var(--button-size);}
.social-icons .button.icon:not(:last-child) {margin-right: 5px;}
.social-icons .button.icon:not(.is-outline) {background-color: var(--clr-social) !important;}
.social-icons .button.icon:not(.is-outline):hover {box-shadow: none !important;background-color: var(--clr-hover) !important;}
.footer-wrapper .text p {margin-bottom: 0;}
.footer-wrapper .text p+p {margin-top: 1em;}
.footer-wrapper .text p a {color: var(--clr-black);transition: var(--transition);}
.col:last-child .footer-nav {justify-content: flex-end;}
.absolute-footer {padding-block: .9375em;font-size: 1rem;color: var(--clr-black-80);}
.absolute-footer a {color: inherit;transition: var(--transition);}
.absolute-footer a:hover, .footer-nav .ux-menu-link__link:hover, .footer-wrapper .text p a:hover {color: var(--fs-color-primary);}
.footer-secondary {padding-block: 0;}
@media (max-width: 1536px) {
    .social-icons {--button-size: 54px;}
}
@media (min-width: 850px) and (max-width: 1280px) {
    .social-icons {--button-size: 50px;}
    .stack:has(.header-phone)>* {--stack-gap: 1rem !important;}
    .footer-contacts .header-phone .icon-box-img {width: 54px !important;}
    .footer-contacts .header-phone .text:last-child {font-size: 1rem !important;}
}
@media (max-width: 1199px) {
    .footer-contacts {transform: none;margin-bottom: 30px;}
    .footer-contacts .col+.col {margin-top: 20px;}
    .footer-contacts .stack:has(.header-phone) {justify-content: space-between;}
    .footer-contacts .stack:has(.header-phone)>* {flex: 1;}
    .footer-contacts+.section .row:has(.text) .col:nth-child(n+3) {margin-top: 20px;}
}
@media (min-width: 850px) and (max-width: 1199px) {
    .footer-contacts .col {max-width: 100%;flex-basis: auto;}
    .footer-contacts .stack {justify-content: center;}
    .footer-contacts+.section .gap-element:first-child {padding-top: 30px !important;}
    .footer-contacts+.section .row:has(.text) .col {max-width: 50%;flex-basis: 50%;}
    .footer-contacts+.section .text {text-align: center !important;}
}
@media (max-width: 849px) {
    .footer-contacts .icon-box {flex-direction: column;}
    .footer-contacts .icon-box-left .icon-box-img + .icon-box-text {padding-left: 0;margin-top: 20px;text-align: center;}
    .footer-nav {justify-content: flex-end;}
    .col:last-child .footer-nav {justify-content: flex-start;}
}
@media (max-width: 549px) {
    .footer-nav {justify-content: center !important;}
}
/*--------------------*/
/*  Marquee           */
/*--------------------*/
.marquee {overflow: hidden;}
.marquee p {font-size: clamp(1.875rem, -2.5rem + 14vi, 6.25rem);font-weight: 700;text-transform: uppercase;line-height: 1;color: var(--fs-color-primary);opacity: .3;margin-bottom: 0;}
/*--------------------*/
/*  Logo slider       */
/*--------------------*/
.logo-slider .slider-show-nav .flickity-prev-next-button {transform: translateY(-50%) !important;bottom: auto;top: 50%;}
.logo-slider .flickity-page-dots {position: static;}
@media (min-width: 550px) {
    .logo-slider .flickity-page-dots {display: none;}
}
/*--------------------*/
/*  Animation         */
/*--------------------*/
@-webkit-keyframes trin {from{transform: rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{transform: rotate3d(0,0,1,-15deg);}80%{transform:rotate3d(0,0,1,0deg);}}
@keyframes trin {from{transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{transform: rotate3d(0,0,1,-15deg);}80%{transform:rotate3d(0, 0, 1, 0deg);}}
@-webkit-keyframes pulse-animation {0% {box-shadow: 0 0 0 0px rgba(2, 95, 190, 0.3);} 100% {box-shadow: 0 0 0 15px rgba(2, 95, 190, 0);}}
@keyframes pulse-animation {0% {box-shadow: 0 0 0 0px rgba(2, 95, 190, 0.3);} 100% {box-shadow: 0 0 0 15px rgba(2, 95, 190, 0);}}
@-webkit-keyframes fadeInUp {from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0);}}
@keyframes fadeInUp {from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0);}}
@-webkit-keyframes wave {0%{transform: translate(-50%,-75%) rotate(0deg);}100%{transform: translate(-50%,-75%) rotate(360deg);}}
@keyframes wave {0%{transform: translate(-50%,-75%) rotate(0deg);}100%{transform: translate(-50%,-75%) rotate(360deg);}}
@-webkit-keyframes pulseScale {
0%,100% {
background-color: transparent;
}
50% {
background-color: #d8e5fc;
}
}
@keyframes pulseScale {
0%,100% {
background-color: transparent;
}
50% {
background-color: #d8e5fc;
}
}

@media (min-width: 850px) {
    #container{
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adef', endColorstr='#0076e5',GradientType=1 );
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        width: 50%;
        margin: 0px auto;
        padding: 0;
        border-radius: 0 999px 999px 0;
        opacity: .6;
    }

    #container-inside {
        position: relative;
        min-width: 960px;
        max-width: 1280px;
        height: auto;
        min-height: 100%;
        margin: 0px auto;
        padding: 0px auto;
        overflow: visible;
    }

    #circle-small {
        -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
        animation: circle-small-scale 3s ease-in-out infinite alternate;
        -webkit-animation-timing-function: cubic-bezier(.6, 0, .4, 1);
                animation-timing-function: cubic-bezier(.6, 0, .4, 1);
        -webkit-animation-delay: 0s;
                animation-delay: 0s;
        position: absolute;
        top: 200px;
        left: -150px;
        background: #fff;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        opacity: 0.4;
    }

    #circle-medium {
        -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
        animation: circle-small-scale 3s ease-in-out infinite alternate;
        -webkit-animation-timing-function: cubic-bezier(.6, 0, .4, 1);
                animation-timing-function: cubic-bezier(.6, 0, .4, 1);
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
        position: absolute;
        top: 50px;
        left: -300px;
        background: #fff;
        width: 600px;
        height: 600px;
        border-radius: 50%;
        opacity: 0.3;
    }

    #circle-large {
        -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
        animation: circle-small-scale 3s ease-in-out infinite alternate;
        -webkit-animation-timing-function: cubic-bezier(.6, 0, .4, 1);
                animation-timing-function: cubic-bezier(.6, 0, .4, 1);
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s;
        position: absolute;
        top: -100px;
        left: -450px;
        background: #fff;
        width: 900px;
        height: 900px;
        border-radius: 50%;
        opacity: 0.2;
    }

    #circle-xlarge {
        -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
        animation: circle-small-scale 3s ease-in-out infinite alternate;
        -webkit-animation-timing-function: cubic-bezier(.6, 0, .4, 1);
                animation-timing-function: cubic-bezier(.6, 0, .4, 1);
        -webkit-animation-delay: 0.9s;
                animation-delay: 0.9s;
        position: absolute;
        top: -250px;
        left: -600px;
        background: #fff;
        width: 1200px;
        height: 1200px;
        border-radius: 50%;
        opacity: 0.1;
    }

    #circle-xxlarge {
        -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
        animation: circle-small-scale 3s ease-in-out infinite alternate;
        -webkit-animation-timing-function: cubic-bezier(.6, 0, .4, 1);
                animation-timing-function: cubic-bezier(.6, 0, .4, 1);
        -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s;
        position: absolute;
        top: -400px;
        left: -750px;
        background: #fff;
        width: 1500px;
        height: 1500px;
        border-radius: 50%;
        opacity: 0.05;
    }
}

@-webkit-keyframes circle-small-scale {
    0% {
        -webkit-transform: scale(1.0);
    }
    100% {
        -webkit-transform: scale(1.1);
    }
}

@keyframes circle-small-scale {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
    }
}

.logo-decor {
    overflow: hidden;
}
.logo-decor::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    max-width: 1209px;
    width: 62.96875vw;
    height: 100%;
    background: url("img/logo-decor.svg") no-repeat right center;
    background-size: 85% auto;
    pointer-events: none;
    transform: translateY(-50%);
}
@media (max-width: 849px) {
    .logo-decor::after {
        top: auto;
        bottom: 0;
        transform: translate(23%,40%);
        width: 188%;
        height: auto;
        aspect-ratio: 1 / 1;
		opacity: .1;
    }
}