@charset "UTF-8";
/***!  /templates/shaper_helix3/css/custom.css  !***/

.sp-contact-info {
    float: none !important;
    text-align: center;
}
#sp-top-bar {
    background: #081f47; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(8, 31, 71, 1) 0%, rgba(0, 14, 38, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(8, 31, 71, 1) 0%, rgba(0, 14, 38, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(8, 31, 71, 1) 0%, rgba(0, 14, 38, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ce2', endColorstr='#1f47a1', GradientType=0); /* IE6-9 */
    color: #fff !important;
}
#sp-top-bar a {
    color: #fff;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 13px;
    padding: 0 6px;
}
.sp-page-title {
    padding: 15px 0 10px !important;
}
@media (max-width: 767px) {
    #sp-bottom2 .sp-module .sp-module-title, #sp-bottom3 .sp-module .sp-module-title {
        margin-top: 30px;
    }
}
.sp-module ul > li {
    border-bottom: none !important;
    padding-bottom: 6px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    padding: 5px 5px 5px 10px !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 0;
}
#sp-header {
    background: #202020 none repeat scroll 0 0;
    border-bottom: 2px solid #fff;
}
#sp-header .logo a {
    display: block;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > a, #offcanvas-toggler > i {
    color: #ffffff;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a, #offcanvas-toggler > i:hover {
    color: #c2c2c2;
}
.site #sp-bottom {
    background-color: #000000;
    background-image: url(https://ritual-maletski.by/images/bgLight.png);
    color: #fff;
}
.site #sp-bottom a {
    color: #fff;
}
.site #sp-bottom .sp-module ul > li > a {
    line-height: 30px;
}
section#sp-main-body {
    background-image: url(https://ritual-maletski.by/images/bg.png);
    background-color: #fcfcfc;
}
#sp-footer, #sp-header, .sp-page-title {
    background-image: url(https://ritual-maletski.by/images/bgLight.png);
}
.site #sp-bottom {
    background-image: url(https://ritual-maletski.by/images/bgMiddle.png);
}
#sp-page-builder .sppb-section-title {
    margin-bottom: 20px;
}
#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {
    font-weight: 600;
    font-size: 20px;
}
#sp-header.menu-fixed {
    z-index: 1000;
}
.sp-page-builder .page-content .ourWorks .sppb-section-title h1.sppb-title-heading {
    line-height: 34px !important;
}
input.joomly-contactus-checkbox {
    margin-left: 10px;
}
div[id^="wk-grid"] > .uk-grid-margin.uk-first-column {
    margin-left: auto;
}
div[id^="wk-grid"] .uk-grid-margin:last-child {
    margin-right: auto;
}
#order {
    position: relative;
    border-top: 120px solid transparent;
    margin-top: -120px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
#order:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
}
.offcanvas-inner {
    padding-top: 70px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
    padding: 0 30px;
}
.offcanvas-inner .awesomplete {
    width: 100%;
}
.com-finder > * + * {
    margin-top: auto;
}
/* Иконка телефона
================================================*/
div.contactus-button-toggle {
    cursor: pointer;
    position: fixed;
    z-index: 99999999;
    height: 150px;
    width: 150px;
}
.contactus-button.img-circle {
    background-color: #081f47;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.contactus-button.circlephone {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 2px solid #081f47;
    width: 150px;
    height: 150px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -moz-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -ms-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -o-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.contactus-button.circle-fill {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: #081f47;
    width: 100px;
    height: 100px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.contactus-button.img-circle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 72px;
    height: 72px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
}
.contactus-button.img-circleblock {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 72px;
    height: 72px;
    background-position: center center;
    background-repeat: no-repeat;
    animation-name: contactus-tossing;
    -webkit-animation-name: contactus-tossing;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.contactus-button.img-circle:hover {
    opacity: 1;
}
@keyframes contactus-tossing {
    0% {
        transform: rotate(-8deg);
    }
    50% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}
@keyframes contactus-tossing {
    0% {
        -webkit-transform: rotate(-8deg);
    }
    50% {
        -webkit-transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(-8deg);
    }
}
@keyframes contactus-circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }
    30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}
@keyframes contactus-circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .1;
    }
    30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: .5;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}
@keyframes contactus-circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .1;
    }
    30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: .5;
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}
@keyframes contactus-circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
    }
    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1;
    }
}
@keyframes contactus-circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
@keyframes contactus-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
@keyframes contactus-circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
@keyframes contactus-circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
div.contactus-button-toggle.align-left {
    left: 0;
}
div.contactus-button-toggle.align-right {
    right: 0;
    bottom: 7%;
    cursor: pointer;
    position: fixed;
    z-index: 99999999;
    height: 150px;
    width: 150px;
}
.contactus-button.circlephone {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 2px solid #081f47;
    width: 150px;
    height: 150px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -moz-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -ms-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -o-animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    animation: contactus-circle-anim 2.4s infinite ease-in-out !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.contactus-button.circle-fill {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: #081f47;
    width: 100px;
    height: 100px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    animation: contactus-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.contactus-button.img-circle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 72px;
    height: 72px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
}
.contactus-118.contactus-button.fas.fa-phone.fa-3x.img-circleblock {
    width: 85px;
}
.contactus-button.img-circle:hover {
    opacity: 1;
}
div.contactus-button.fa-envelope, div.contactus-button.fa-phone {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contactus-button.img-circleblock {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 72px;
    height: 72px;
    background-position: center center;
    background-repeat: no-repeat;
    animation-name: contactus-tossing;
    -webkit-animation-name: contactus-tossing;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
div.contactus-button.fa-envelope:before, div.contactus-button.fa-phone:before {
    color: white;
}
.fa-phone:before {
    content: "\f095";
}
@media screen and (max-width: 480px) {
    button.contactus-button.sliding {
        padding: 12px 20px;
    }
    div.contactus-button-toggle {
        height: 70px;
        width: 70px;
    }
    div.contactus-button.circlephone {
        display: none;
    }
    div.contactus-button.circle-fill {
        width: 66px;
        height: 66px;
    }
    div.contactus-button.img-circle {
        width: 48px;
        height: 48px;
    }
    div.contactus-button.img-circleblock {
        width: 48px;
        height: 48px;
    }
    div.contactus-button.img-circleblock.fa-3x {
        font-size: 2em;
    }
    .contactus-118.contactus-button.fas.fa-phone.fa-3x.img-circleblock {
        width: 56px;
    }
}
/*============================================*/
.eb-inst .eb-header {
    background-color: #081f47;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
    padding: 11px 15px;
    opacity: 1;
}
div#cf_3 {
    margin: 0 15px;
}

.scrollup {
    bottom: 20px;
}

#sp-main-body {
    padding: 50px 0;
}

#sp-top3{
    display: flex;
    align-items: center;
}
#sp-top3 .sp-column{
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
#sp-top3 .sp-column .sp-module{
    margin-top: 0;
}
.logo{
    display: flex !important;
    align-items: center;
}

/*===========================================================*/

i._access-icon.material-icons._access {
    bottom: 110px !important;
}
.site-accessibility-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid #081f47;
    background: #fff;
    color: #081f47;
    cursor: pointer;
}
/* Наведение */
.site-accessibility-btn:hover img,
.site-accessibility-btn:focus img {
    filter:
            brightness(0)
            saturate(100%)
            invert(13%)
            sepia(62%)
            saturate(1878%)
            hue-rotate(208deg)
            brightness(91%)
            contrast(101%);
}


.site-accessibility-btn:hover,
.site-accessibility-btn:focus {
    border-color: #0b285c;
    color: #ffffff;
    outline: none;
}

.site-accessibility-btn__icon {
    font-family: "Material Icons";
    font-size: 32px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
}
._access-menu.left.bottom {
    left: auto;
    right: 0;
}
/* Скрываем стандартную кнопку Joomla Accessibility */
i._access-icon.material-icons._access {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* gTranslate dropdown widget */
.gtranslate-dropdown {
    position: relative;
    display: inline-block;
}

.gtranslate-toggle {
    background-color: #081f47;
    color: #fff;
    border: 1px solid #081f47;
    border-radius: 50%;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 40px;
    height: 40px;
}

.gtranslate-toggle:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(8, 31, 71, 0.2);
}
.gtranslate-toggle:hover{
    background-color: #0b285c;
    color: #fff;
}

.gtranslate-toggle .gtranslate-icon {
    font-family: inherit;
    font-weight: 700;
    text-transform: none;
}

.gtranslate-menu {
    flex-direction: column;
    gap: 4px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: calc(100% + 6px);
    /*background: #006a82;*/
    /*border: 1px solid #014555;*/

    /*box-shadow: 0 6px 18px rgba(9, 40, 69, 0.12);*/
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 99999;
}

.gtranslate-menu.open {
    display: flex;
    /*background-color: #006a82;*/
    overflow: hidden;
}

#sp-top3 .gtranslate-item {
    padding: 0;
    margin: 0;
    margin-bottom: 0 !important;
    background: transparent;

}

#sp-top3 .gtranslate-item a {
    background-color: #081f47;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 10px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
    width: 40px;
    height: 40px;

}
#sp-top3 .sp-module ul > li > a:before{
    display: none;
}
#sp-top3 .gtranslate-item a:hover,
#sp-top3 .gtranslate-item a:focus {
    border-radius: 50%;
    background-color: #0b285c;
    color: #fff !important;
}

.gtranslate-dropdown .gtranslate-caret {
    font-size: 12px;
}

/* Скрываем возможные лишние стили у исходного списка */
.glink.notranslate {
    white-space: nowrap;
    color: #fff;
}


@media (max-width: 992px) {
    #sp-top3 .sp-column{
        gap: 4px;
    }
    #sp-menu{
        order: 1;
    }
}
.cf-control-group[data-type="recaptchaaio"] {
    display: none;
}
.max-file-size, .drag-and-drop-text{
    display: none;
}