/**
Theme Name: pravoslav
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pravoslav
Template: astra
*/

img.logo-icon {
    opacity: .97;
    position: relative;
    z-index: 2
}

.holder {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin: 49px 0 0 -5px;
    z-index: 3
}

.holder *,
.holder :after,
.holder :before {
    position: absolute;
    content: ""
}

.candle {
    bottom: 0;
    width: 4px;
    height: 31px
}

.thread {
    width: 3px;
    height: 16px;
    top: -10px;
    left: 50%;
    z-index: 1;
    border-radius: 40% 40% 0 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #121212;
    background: -o-linear-gradient(#d6994a, #4b232c, #121212, #000, #e8bb31 90%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d6994a), color-stop(#4b232c), color-stop(#121212), color-stop(black), color-stop(90%, #e8bb31));
    background: linear-gradient(#d6994a, #4b232c, #121212, #000, #e8bb31 90%)
}

.flame {
    width: 7px;
    height: 16px;
    left: 50%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    border-radius: 50% 50% 20% 20%;
    background: #fff;
    background: -o-linear-gradient(white 80%, transparent);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(transparent));
    background: linear-gradient(white 80%, transparent);
    -webkit-animation: moveFlame 4s linear infinite, enlargeFlame 3s linear infinite;
    animation: moveFlame 4s linear infinite, enlargeFlame 3s linear infinite
}

.flame:before {
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50% 50% 20% 20%;
    -webkit-box-shadow: 0 0 15px 0 rgba(247, 93, 0, .4), 0 -6px 4px 0 rgba(247, 128, 0, .7);
    box-shadow: 0 0 15px 0 rgba(247, 93, 0, .4), 0 -6px 4px 0 rgba(247, 128, 0, .7)
}

.blinking-glow {
    width: 100px;
    height: 180px;
    left: 50%;
    top: -400%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    background: #ff6000;
    -webkit-filter: blur(50px);
    -moz-filter: blur(60px);
    -o-filter: blur(60px);
    -ms-filter: blur(60px);
    filter: blur(60px);
    opacity: .5;
    -webkit-animation: blinkIt .3s infinite;
    animation: blinkIt .3s infinite
}

@media only screen and (min-width: 320px) and (max-width:368.6px) {
    .holder {
        margin: 30px 0 0 -5px
    }
}

@media only screen and (min-width: 369px) and (max-width:395px) {
    .holder {
        margin: 32px 0 0 -5px
    }
}

@media only screen and (min-width: 396px) and (max-width:409.6px) {
    .holder {
        margin: 30px 0 0 -5px
    }
}

@media only screen and (min-width: 410px) and (max-width:440px) {
    .holder {
        margin: 30px 0 0 -6px
    }
}

@media only screen and (min-width: 441px) and (max-width:719.6px) {
    .holder {
        margin: 29px 0 0 -6px
    }
}

@media screen and (min-width: 700px) and (max-width:991.6px) {
    .holder {
        margin: 35px 0 0 -6px
    }
}

@media only screen and (min-width: 1023.6px) {
    .holder {
        margin: 75px 0 0 -5px
    }
}

@media screen and (min-width: 1200px) and (max-width:1359.6px) {
    .holder {
        margin: 87px 0 0 -6px
    }
}

@media screen and (min-width: 1360px) and (max-width:1439.6px) {
    .holder {
        margin: 110px 0 0 -8px
    }
}

@media screen and (min-width: 1440px) {
    .holder {
        margin: 93px 0 0 -6px;
    }
}

@media screen and (min-width: 1559.6px) {
    .holder {
        margin: 110px 0 0 -7px
    }
}

@media screen and (min-width: 1839.6px) {
    .holder {
        margin: 108px 0 0 -8px
    }
}

@media screen and (min-width: 1919.6px) {
    .holder {
        margin: 110px 0 0 -8px
    }
}

.icon-wrap {
    display: inline-block;
    position: relative;
    margin-left: 9px;
    z-index: 4
}

.icon-wrap:before {
    content: "";
    width: 140%;
    height: 140%;
    bottom: 0;
    left: -30%;
    background: #000;
    -webkit-filter: blur(131.5px);
    filter: blur(131.5px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute
}

.icon-wrap:after {
    content: "";
    background: url(/wp-content/uploads/2023/12/glow.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-filter: blur(15px);
    filter: blur(15px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.icon-wrap {
    max-width: 450px;
}

.pp-btn-anim .elementor-button {
    position: relative;
    overflow: hidden
}

.pp-btn-anim .elementor-button:after {
    content: "";
    margin-left: 60px;
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    -webkit-animation-name: slide;
    animation-name: slide;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: .25
}





@-webkit-keyframes moveFlame {

    0%,
    100% {
        -webkit-transform: translateX(-50%) rotate(-2deg);
        transform: translateX(-50%) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(-50%) rotate(2deg);
        transform: translateX(-50%) rotate(2deg)
    }
}

@keyframes moveFlame {

    0%,
    100% {
        -webkit-transform: translateX(-50%) rotate(-2deg);
        transform: translateX(-50%) rotate(-2deg)
    }

    50% {
        -webkit-transform: translateX(-50%) rotate(2deg);
        transform: translateX(-50%) rotate(2deg)
    }
}

@-webkit-keyframes enlargeFlame {

    0%,
    100% {
        height: 15px
    }

    50% {
        height: 25px
    }
}

@keyframes enlargeFlame {

    0%,
    100% {
        height: 15px
    }

    50% {
        height: 25px
    }
}

@-webkit-keyframes blinkIt {
    25% {
        opacity: .5
    }

    50% {
        opacity: .55
    }

    75% {
        opacity: .5
    }
}

@keyframes blinkIt {
    25% {
        opacity: .5
    }

    50% {
        opacity: .55
    }

    75% {
        opacity: .5
    }
}

@-webkit-keyframes slide {
    from {
        left: -30px;
        margin-left: 0
    }

    30% {
        left: 110%;
        margin-left: 80px
    }

    to {
        left: 110%;
        margin-left: 80px
    }
}

@keyframes slide {
    from {
        left: -30px;
        margin-left: 0
    }

    30% {
        left: 110%;
        margin-left: 80px
    }

    to {
        left: 110%;
        margin-left: 80px
    }
}

@-webkit-keyframes BgNoise {
    0% {
        -webkit-transform: translate3d(0, 9rem, 0);
        transform: translate3d(0, 9rem, 0)
    }

    10% {
        -webkit-transform: translate3d(-1rem, -4rem, 0);
        transform: translate3d(-1rem, -4rem, 0)
    }

    20% {
        -webkit-transform: translate3d(-8rem, 2rem, 0);
        transform: translate3d(-8rem, 2rem, 0)
    }

    30% {
        -webkit-transform: translate3d(9rem, -9rem, 0);
        transform: translate3d(9rem, -9rem, 0)
    }

    40% {
        -webkit-transform: translate3d(-2rem, 7rem, 0);
        transform: translate3d(-2rem, 7rem, 0)
    }

    50% {
        -webkit-transform: translate3d(-9rem, -4rem, 0);
        transform: translate3d(-9rem, -4rem, 0)
    }

    60% {
        -webkit-transform: translate3d(2rem, 6rem, 0);
        transform: translate3d(2rem, 6rem, 0)
    }

    70% {
        -webkit-transform: translate3d(7rem, -8rem, 0);
        transform: translate3d(7rem, -8rem, 0)
    }

    80% {
        -webkit-transform: translate3d(-9rem, 1rem, 0);
        transform: translate3d(-9rem, 1rem, 0)
    }

    90% {
        -webkit-transform: translate3d(6rem, -5rem, 0);
        transform: translate3d(6rem, -5rem, 0)
    }

    to {
        -webkit-transform: translate3d(-7rem, 0, 0);
        transform: translate3d(-7rem, 0, 0)
    }
}

@keyframes BgNoise {
    0% {
        -webkit-transform: translate3d(0, 9rem, 0);
        transform: translate3d(0, 9rem, 0)
    }

    10% {
        -webkit-transform: translate3d(-1rem, -4rem, 0);
        transform: translate3d(-1rem, -4rem, 0)
    }

    20% {
        -webkit-transform: translate3d(-8rem, 2rem, 0);
        transform: translate3d(-8rem, 2rem, 0)
    }

    30% {
        -webkit-transform: translate3d(9rem, -9rem, 0);
        transform: translate3d(9rem, -9rem, 0)
    }

    40% {
        -webkit-transform: translate3d(-2rem, 7rem, 0);
        transform: translate3d(-2rem, 7rem, 0)
    }

    50% {
        -webkit-transform: translate3d(-9rem, -4rem, 0);
        transform: translate3d(-9rem, -4rem, 0)
    }

    60% {
        -webkit-transform: translate3d(2rem, 6rem, 0);
        transform: translate3d(2rem, 6rem, 0)
    }

    70% {
        -webkit-transform: translate3d(7rem, -8rem, 0);
        transform: translate3d(7rem, -8rem, 0)
    }

    80% {
        -webkit-transform: translate3d(-9rem, 1rem, 0);
        transform: translate3d(-9rem, 1rem, 0)
    }

    90% {
        -webkit-transform: translate3d(6rem, -5rem, 0);
        transform: translate3d(6rem, -5rem, 0)
    }

    to {
        -webkit-transform: translate3d(-7rem, 0, 0);
        transform: translate3d(-7rem, 0, 0)
    }
}

@-webkit-keyframes finger {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes finger {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}



.progress__circle {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: -5.77842px -5.77842px 14.446px #fff, 5.77842px 5.77842px 14.446px rgba(22, 25, 36, .1), inset -5.77842px -5.77842px 14.446px rgba(255, 255, 255, .5), inset 5.77842px 5.77842px 14.446px rgba(22, 25, 36, .15);
    box-shadow: -5.77842px -5.77842px 14.446px #fff, 5.77842px 5.77842px 14.446px rgba(22, 25, 36, .1), inset -5.77842px -5.77842px 14.446px rgba(255, 255, 255, .5), inset 5.77842px 5.77842px 14.446px rgba(22, 25, 36, .15);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 23px 15px 20px 20px;
    background: #fcfcfc;
    border-radius: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 300px;
    min-height: 300px;
}

.progress__circle canvas {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.progress__circle .progress_circle_inner {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background: -o-linear-gradient(316.87deg, #fcfcfc 47.78%, #f2f2f2 86.98%);
    background: linear-gradient(133.13deg, #fcfcfc 47.78%, #f2f2f2 86.98%);
    -webkit-box-shadow: -2.88921px -2.88921px 2.88921px #fff, 7.22302px 7.22302px 43.3381px rgba(22, 25, 36, .2);
    box-shadow: -2.88921px -2.88921px 2.88921px #fff, 7.22302px 7.22302px 43.3381px rgba(22, 25, 36, .2);
    border-radius: 20px;
    z-index: 1;
}

.progress__circle .progress_circle_inner .progress_circleprice_summ {
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 40px;
    color: #3B4C43;
    position: relative;
    padding-left: 16px
}

.progress__circle .progress_circle_inner .progress_circleprice_summ sup {
    cursor: pointer;
    position: absolute;
    right: 0;
}

.progress__circle .progress_circle_inner .progress_circleprice_summ sup .visibility {
    display: none
}

.progress__circle .progress_circle_inner .progress_circleprice_summ sup:hover .visibility {
    display: block;
    position: absolute;
    font-style: normal;
    font-weight: 100;
    min-width: 165px;
    font-size: 14px;
    line-height: 22px;
    color: #262626;
    background: #fff;
    border-radius: 4px;
    padding: 8px 16px;
    z-index: 2;
    left: -172px;
    top: 30px;
    -webkit-box-shadow: 0 9px 28px 8px rgba(0, 0, 0, .05), 0 3px 6px -4px rgba(0, 0, 0, .12);
    box-shadow: 0 9px 28px 8px rgba(0, 0, 0, .05), 0 3px 6px -4px rgba(0, 0, 0, .12);
    -webkit-filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .08));
    filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .08))
}

.progress__circle .progress_circle_inner .progress_circleprice_summ sup:hover .visibility img {
    margin-right: 6px;
    display: inline-block;
    vertical-align: text-top
}

.progress__circle .progress_circle_inner .progress_circleprice_summ sup:hover .visibility:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -6px;
    left: 174px
}

.progress__circle .progress_circle_inner .progress_circleprice_summ sup img {
    width: 16px;
    height: 16px;
    min-width: 16px
}

.progress__circle .progress_circle_inner .progress_circle_top {
    padding: 18px 0 0;
    text-align: center
}

.progress__circle .progress_circle_inner .progress_circle_top .progress_circle_label {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #a5a8ad;
    width: 140px;
    margin: 0 auto 10px auto;
    position: relative
}

.progress__circle .progress_circle_inner .progress_circle_bottom {
    padding: 8px 15px 0;
    text-align: center
}

.progress__circle .progress_circle_inner .progress_circle_bottom .progress_circle_label {
    margin-bottom: 4px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #a5a8ad;
    position: relative
}

.progress__circle .progress_circle_inner .progress_circle_bottom .report {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #83888f;
    position: relative
}

.progress__circle .progress_circle_inner .progress_circle_bottom .report a {
    color: inherit
}

.progress__circle .progress_circle_inner .progress_circle_bottom .report a:hover {
    text-decoration: underline
}

.progress__circle .progress_circle_inner .progress_circle_top .progress_circle_price {
    margin-top: 4px
}

.progress__circle .progress_circle_inner .progress_circle_price {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    color: #3B4C43;
    position: relative
}

.progress__circle .progress_circle_inner .shadow {
    height: 2px;
    width: 199px;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    background: #dadee4;
    border-radius: 10em;
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    -ms-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
}