@charset "UTF-8";

@font-face {
    font-family: 'GT Eesti Pro';
    src: local('GT Eesti Pro Display Bold'), local('GT-Eesti-Pro-Display-Bold'),
        url('/templates/default/shop/fonts/GTEestiProDisplay-Bold.woff2') format('woff2'),
        url('/templates/default/shop/fonts/GTEestiProDisplay-Bold.woff') format('woff'),
        url('/templates/default/shop/fonts/GTEestiProDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GT Eesti Pro';
    src: local('GT Eesti Pro Text Book'), local('GT-Eesti-Pro-Text-Book'),
        url('/templates/default/shop/fonts/GTEestiProText-Book.woff2') format('woff2'),
        url('/templates/default/shop/fonts/GTEestiProText-Book.woff') format('woff'),
        url('/templates/default/shop/fonts/GTEestiProText-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

input.filter-item[type="checkbox"]:checked,
input.filter-item[type="checkbox"]:not(:checked),
input.filter-item[type="radio"]:checked,
input.filter-item[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

input.filter-item[type="checkbox"]:checked+label,
input.filter-item[type="checkbox"]:not(:checked)+label,
input.filter-item[type="radio"]:checked+label,
input.filter-item[type="radio"]:not(:checked)+label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    line-height: 18px;
    cursor: pointer
}

input.filter-item[type="checkbox"]:checked+label:before,
input.filter-item[type="checkbox"]:not(:checked)+label:before,
input.filter-item[type="radio"]:checked+label:before,
input.filter-item[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #d6dbe0;
background-color: var(--card-bg)
}

.form-check input.filter-item[type="checkbox"]:not(:checked)+label:hover:before,
.form-check input.filter-item[type="radio"]:checked+label:hover:before,
.form-check input.filter-item[type="radio"]:not(:checked)+label:hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #d6dbe0;
    background-color: #99bdff
}

.form-check input.filter-item[type="checkbox"]:checked+label:before {
    background-color: #005bff;
    border: 2px solid #005bff;
}

input.filter-item[type="checkbox"]:checked+label:before,
input.filter-item[type="checkbox"]:not(:checked)+label:before {
    border-radius: 12px
}

input.filter-item[type="radio"]:checked+label:before,
input.filter-item[type="radio"]:not(:checked)+label:before {
    border-radius: 100%
}

input.filter-item[type="checkbox"]:checked+label:after,
input.filter-item[type="checkbox"]:not(:checked)+label:after,
input.filter-item[type="radio"]:checked+label:after,
input.filter-item[type="radio"]:not(:checked)+label:after {
    content: "";
    position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.form-check input.filter-item[type="checkbox"]:checked+label:after,
.form-check input.filter-item[type="checkbox"]:not(:checked)+label:after {
    left: 3px;
    top: 4px;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form-check input.filter-item[type="radio"]:checked+label:after,
.form-check input.filter-item[type="radio"]:not(:checked)+label:after {
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
}


input.filter-item[type="checkbox"]:not(:checked)+label:after,
input.filter-item[type="radio"]:not(:checked)+label:after {
    opacity: 0;
}

input.filter-item[type="checkbox"]:checked+label:after,
input.filter-item[type="radio"]:checked+label:after {
    opacity: 1;
    background: #7191ff;
}

.min-width-200 {
    min-width: 200px;
}

.bottom {
    bottom: 0px;
    position: absolute;
}

.center {
    text-align: center;
}

.anchorjs-link {
    display: none;
}

.gray-block {
    background: var(--card-bg);
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    border-radius: 12px;
}

.display-inline-block {
    display: inline-block;
}

.line-gray {
    border-bottom: 1px solid #d6dbe0;
    width: 100%;
}

.box-shadow-liner {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
}

.color-white {
    color: #fff;
}

.color-red {
    color: #ff528b;
}

.color-blue {
    color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) !important
}

.color-blue2 {
    color: #005bff !important
}

.color-black {
    color: var(--text-color) !important
}

.color-gray {
    color: var(--text-copy-color) !important;
}

.color-gray a {
    color: var(--text-copy-color) !important;
}

#main .bg-white {
    background: var(--card-bg) !important;
}

.bg-gray {
    background: var(--card-bg) !important;
}

.bg-black {
    background: #000;
}

.bg-red {
    background: #ff528b;
}

.bg-blue {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
}

.bg-sea {
    background: rgba(0, 150, 255, .08);
}

.border-radius-8 {
    border-radius: 8px;
}

.border-radius-18 {
    border-radius: 18px;
}

.border-radius-32 {
    border-radius: 32px;
}

.border-radius-80 {
    border-radius: 80px;
}

.font-size-300 {
    font-size: 300px;
}

.font-size-300-w {
    font-size: 300px;
    font-weight: 900;
}

.font-size-70-w {
    font-size: 70px;
    font-weight: 600;
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-24 {
    font-size: 24px !important
}

.font-size-24-w {
    font-size: 24px !important;
    font-weight: 600;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-20-w {
    font-size: 20px;
    font-weight: 600;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-18 a {
    font-size: 18px !important;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-16-w {
    font-size: 16px;
    font-weight: 600;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-12 {
    font-size: 12px;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.line-height-28 {
    line-height: 28px !important;
}

.line-height-32 {
    line-height: 32px !important;
}

.line-height-34 {
    line-height: 34px !important;
}

.box-shadow {
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.2);
}

.overflow-x {
    overflow-x: auto;
    scrollbar-color: var(--oz-neutral)transparent;
    scrollbar-width: thin;
    width: 100%;
}

.overflow-y {
    overflow-y: auto;
    scrollbar-color: var(--oz-neutral)transparent;
    scrollbar-width: thin;
    width: 100%;
}

.slidedst {
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
    min-height: 170px;
}

.nametag-dst {
    position: relative;
    min-height: 500px;
}

.nametag {
    position: absolute;
    font-size: 80px;
    line-height: 80px;
    text-align: left;
    font-weight: 900;
    color: #fff;
}

.nametag:nth-child(1) {
    animation-name: fade;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 15s;
    animation-direction: alternate-reverse;
}

.nametag:nth-child(2) {
    animation-name: fade;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 15s;
    animation-direction: alternate;
}

@keyframes fade {

    0%,
    45% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media(max-width:1200px) {
    .nametag {
        font-size: 60px;
        line-height: 60px;
    }
}

@media(max-width:650px) {
    .nametag {
        font-size: 40px;
        line-height: 40px;
    }
}


#gradient {
    width: 100%;
    max-height: 100%;
    padding: 0px;
    margin: 0px;
}

.dstport_item1 {
    border: 1px solid var(--bg-color);
    background: var(--card-bg);
    background-size: cover;
    min-height: 300px;
    border-radius: 18px;
    color: var(--text-color);
    font-size: 18px;
    padding: 45px 25px 25px 45px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.1);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.dstport_item1:hover {
    border-color: #005bff;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.dstport_item1 img {
    display: block;
    margin: 0 auto;
}

.dstport_item2 {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    background-size: cover;
    min-height: 300px;
    border-radius: 18px;
    color: #fff;
    font-size: 18px;
    padding: 45px 25px 25px 45px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.3);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.dstport_item2:hover {
    border-color: #005bff;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.dstport_item2 img {
    display: block;
    margin: 0 auto;
}

.background-slide-high {
    transition: all 0.3s ease-in 0s;
    cursor: pointer;
}

.background-slide-high:hover {
    opacity: 0.9;

}

.dst-flaer {
    margin-bottom: 15px;
    position: relative;
    margin-top: 80px;
    text-align: center;
    color: #7b8190
}

.dst-flaer-text {
    text-align: center;
    color: #7b8190
}

.opt-products {
    width: 100%
}

.btn:focus,
.btn.focus {
    box-shadow: unset
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: unset
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.btn-light:hover,
.btn-light:focus {
    color: #005bff;
    background-color: var(--line-btn-hover);
    border: 2px #eaedef
}

.btn {
    border: 0 solid transparent
}

.btn {
    transition: unset
}

#container-circle {
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: 0px 0px 80px 80px
}

#circle-small {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0s;
    position: absolute;
    top: 200px;
    left: 150px;
    background: #ff528b;
    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;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0.3s;
    position: absolute;
    top: 50px;
    left: 0px;
    background: #ff528b;
    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;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0.6s;
    position: absolute;
    top: -100px;
    left: -150px;
    background: #ff528b;
    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;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0.9s;
    position: absolute;
    top: -250px;
    left: -300px;
    background: #ff528b;
    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;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 1.2s;
    position: absolute;
    top: -400px;
    left: -450px;
    background: #ff528b;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    opacity: 0.08;
}

@-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);
    }
}

#circle-small-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0s;
    position: absolute;
    top: 200px;
    left: 150px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    opacity: 0.4;
}

#circle-medium-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0.3s;
    position: absolute;
    top: 50px;
    left: 0px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    width: 600px;
    height: 600px;
    border-radius: 50%;
    opacity: 0.3;
}

#circle-large-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0.6s;
    position: absolute;
    top: -100px;
    left: -150px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    width: 900px;
    height: 900px;
    border-radius: 50%;
    opacity: 0.2;
}

#circle-xlarge-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 0.9s;
    position: absolute;
    top: -250px;
    left: -300px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    opacity: 0.1;
}

#circle-xxlarge-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation-timing-function: cubic-bezier(.6, 0, .4, 1);
    animation-delay: 1.2s;
    position: absolute;
    top: -400px;
    left: -450px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    opacity: 0.08;
}

.city-modal-title {
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
}

.search-city {
    display: inline-block;
}

.search-city .city {
    display: block;
    width: 25%;
    float: left;
    margin-top: 15px;
    color: var(--text-color);
    font-size: 16px;
    border: 0;
    background-color: transparent;
    text-align: left;
}

.city-selector-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.home_banner_area .banner_inner .home_right_img {
    padding-top: 197px
}

.home_banner_area .banner_inner {
    width: 100%
}

.home_banner_area .banner_inner .banner_content {
    text-align: left
}

.home_banner_area .banner_inner .banner_content h1 {
    margin-top: 20px;
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 20px
}

.home_banner_area .banner_inner .banner_content h5 {
    font-size: 16px;
    margin-bottom: 20px;
    color: var(--text-color);
    line-height: 24px;
    margin-top: 20px
}

.home_banner_area .banner_inner .home_right_img {
    padding-top: 197px
}

.home_banner_area .banner_inner2 .home_right_img {
    padding-top: 80px
}

.home_banner_area .banner_inner2 {
    width: 100%;
    padding-top: 60px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.home_banner_area .banner_inner2 .banner_content {
    text-align: left
}

.home_banner_area .banner_inner2 .banner_content h1 {
    margin-top: 20px;
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 20px
}

.home_banner_area .banner_inner2 .banner_content h5 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 20px
}

.home_banner_area .banner_inner2 .home_right_img {
    padding-top: 120px
}

.dstcontainer {
    margin-top: 50px;
    margin-bottom: 60px
}

.features-width {
    background: linear-gradient(90deg, #005bff 0%, rgb(112, 151, 255) 53%, rgb(116, 186, 255) 100%);
    transition: all 0.4s ease 0s;
    padding: 0 10px 10px 30px;
    cursor: pointer;
    border-radius: 18px;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.6);
    min-height: 190px;
}

.features-width:hover {
    opacity: .9;
    transition: all 0.4s ease 0s;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.8);
}

.features-width-blue {
    border: 1px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    transition: all 0.4s ease 0s;
    padding: 0 10px 10px 30px;
    cursor: pointer;
    border-radius: 18px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.features-width-blue:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.features-width-blue-size {
    transition: all 0.4s ease 0s;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 18px;
    background: rgba(0, 150, 255, .08);
    min-height: 480px;
}

.features-width-blue-size:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.features-width-blue-line {
    transition: all 0.4s ease 0s;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 18px;
    background: var(--card-bg);
    min-height: 560px;
    border: 1px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
}

.features-width-blue-line:hover {
    opacity: .8;
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
    transition: all 0.4s ease 0s
}

.features-width-gray-bg {
    transition: all 0.4s ease 0s;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 18px;
    background: var(--card-bg);
    min-height: 560px;
    background: var(--bg-color);
    border: 1px solid var(--bg-color);
}

.features-width-gray-bg:hover {
    border: 1px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    opacity: .8;
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
    transition: all 0.4s ease 0s
}

.features-width-blue-bg {
    transition: all 0.4s ease 0s;
    padding: 10px 30px;
    cursor: pointer;
    border-radius: 18px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    min-height: 560px;
}

.features-width-blue-bg:hover {
    opacity: .8;
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
    transition: all 0.4s ease 0s
}


.features-width-slim {
    background: rgba(0, 150, 255, .28);
    transition: all 0.4s ease 0s;
    padding: 0 10px 10px 30px;
    cursor: pointer;
    border-radius: 18px;
}

.features-width-slim:hover {
    opacity: .8;
    transition: all 0.4s ease 0s;
}

.main_title {
    text-align: left;
    margin-bottom: 30px
}

.main_titledst {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    background: var(--card-bg);
    border-radius: 24px;
    transition: all 0.4s ease 0s;
}

.main_titledst:hover {
    cursor: pointer;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    transition: all 0.4s ease 0s
}

.main_title h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 48px
}

.features_area {
    padding-bottom: 10px;
    background: #f5f7f9
}

.section_gap {
    padding-top: 30px;
    padding-bottom: 30px
}

.section_gap_top {
    padding-top: 30px
}

.section_gap_bottom {
    padding-bottom: 30px
}

.section_gap_bottom_dst {
    padding-bottom: 30px
}

.section_gap_black {
    padding-top: 30px;
    padding-bottom: 30px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) !important
}

@media(max-width:1199px) {
    .section_gap_black {
        padding: 30px 0
    }
}

.section_gap_top_black {
    padding-top: 30px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) !important
}

@media(max-width:1199px) {
    .section_gap_top_black {
        padding-top: 30px
    }
}

.section_gap_bottom_black {
    padding-bottom: 30px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) !important
}

@media(max-width:1199px) {
    .section_gap_bottom_black {
        padding-bottom: 30px
    }
}

.about_area .about_img {
    position: relative
}

.cattitle {
    margin-bottom: 80px
}

.mojoospec {
    border-radius: 12px;
    transition: .3s
}

.mojoospec:hover {
    filter: brightness(.95);
    transition: .3s
}

.logoIcon_1U {
    display: none;
    width: 51px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain
}

.chatCopyright_3s .text_30 {
    display: none;
    color: #9fabb7;
    line-height: 30px !important
}

.mojoolinetextcopy {
    font-size: 14px;
    color: var(--text-copy-color);
    line-height: 18px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px
}

.ddcopy {
    font-size: 14px;
    color: var(--text-copy-color);
    line-height: 16px;
    text-align: left;
    margin-left: 20px;
    width: 150px
}

.widget_text_block2 {
    overflow: hidden;
    background: #f2f6fa;
    margin-top: 40px;
    margin-bottom: 10px
}

.widget_text_block3 {
    border-radius: 12px;
    transition: all 0.4s ease 0s
}

.widget_text_block3:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    transition: all 0.4s ease 0s
}

.bannercat {
    background: #f2f6fa;
    margin-top: 20px;
    margin-bottom: 20px
}

.fa8 {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    font-size: 16px;
    color: #bbb;
    transition: all .3s ease-in
}

.fa8:hover {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    font-size: 16px;
    opacity: .8;
    transition: all .3s ease-in
}

.slide-info {
    background-color: var(--bg-color)eee
}

.slide-info b {
    font-size: 16px
}

.chatCopyright_505 {
    display: none
}

.leaf_3da._bottom_6b8,
.leaf_3da._left_c88,
.leaf_3da._right_00e {
    right: 0;
    top: 0;
    width: 0;
    border-radius: 0;
    display: none
}

.leaf_da6._bottom_809,
.leaf_da6._left_9c8,
.leaf_da6._right_617 {
    display: none
}

.logoIcon_03c {
    display: none
}

.label_69d._bottom_4b5._pad100_131,
.label_69d._left_2e0._pad100_131,
.label_69d._right_8f7._pad100_131 {
    right: 30px;
    left: auto;
    display: none
}

.chapternav-icon {
    transition: all 0.4s ease 0s
}

.chapternav-icon:hover {
    opacity: .5;
    transition: all 0.4s ease 0s
}

.indexmob {
    margin-top: 20px;
    transition: all 0.4s ease 0s
}

.indexmob:hover {
    margin-top: 20px;
    opacity: .8;
    transition: all 0.4s ease 0s
}

.indexmob2 {
    margin: 0 auto;
    transition: all 0.4s ease 0s;
    margin-bottom: 70px;
    margin-top: 10px
}

.indexmob2:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.header-image {
    max-width: 45px;
    transition: all 0.4s ease 0s
}

.header-image:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.header-image-big:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.mini-logo:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.nav-tabber {
    font-size: 16px;
    color: var(--text-copy-color);
    font-weight: 600
}

.nav-tabber a.active {
    font-size: 16px;
    transition: all 0.4s ease 0s;
    color: var(--text-color)
}

.nav-tabber a {
    font-size: 16px;
    color: var(--text-copy-color);
    text-transform: none
}

.cart-info-dst-buy {
    font-size: 18px;
    font-weight: 600
}

.cart-process {
    background: var(--card-bg)
}

.cart-header {}

.cart-totals {
    background: var(--card-bg)
}

.carousel-inner {
    transition: all 0.4s ease 0s
}

.carousel-inner:hover {
    transition: all 0.4s ease 0s
}

.filter-sorts button {
    background: 0;
    padding: 3px;
    color: var(--text-copy-color);
    font-size: 16px
}

.filter-sorts button .fas {
    display: none
}

.filter-sorts button.active.asc .fa-sort-up {
    display: inline-block;
    vertical-align: sub
}

.filter-sorts button.active.desc .fa-sort-down {
    display: inline-block;
    vertical-align: top
}

.filter-views .view-change {
    background: 0;
    padding: 3px;
    color: var(--text-copy-color);
    font-size: 16px;
    opacity: .8
}

.filter-views .view-change.active {
    color: var(--text-color);
    opacity: 1
}

.dropdown-open-call {
    color: var(--text-color) !important;
    padding: 6px 15px !important;
    background: var(--card-bg) !important;
    padding: 6px 20px !important;
}

.dropdown-open-call:hover {
    background-color: var(--bg-color) !important;
}

.product-n {
   padding: 20px;
   height: 515px;
   border: 1px solid var(--card-bg);
   margin-bottom: 20px;
   border-radius: 20px;
   background: var(--card-bg);
   position: relative;
   box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.2);
   transition: all 0.4s ease 0s
}

.product-n .image {
    text-align: center;
    max-height: 250px;
    min-height: 250px
}

.product-n .image img {
    max-height: 250px;
    border-radius: 12px;
    height: 100vh;
    object-fit: cover;
}

.product-n .open-callback {
    color: var(--text-color)
}

.product-n:hover {
    border: 1px solid var(--service-bg);
    padding: 20px;
    transition: all 0.4s ease 0s;
}

.product-n .title {
    overflow: hidden;
    font-size: 16px !important;
    line-height: 1.38;
    margin-bottom: 6px !important;
    position: relative;
    color: var(--text-color);
    max-width: 100%;
    word-break: break-word;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.product-n .title:hover {
    cursor: pointer;
    color: #005bff
}

.product-n .btn-toolbar {
    position: relative
}

.product-n .actions {
    position: absolute;
    bottom: -5px;
}

.product-n .product-labels {
    z-index: 1;
    position: absolute !important;
    left: 10px;
    top: 10px;
}

table.products-list .product-n .product-labels {
    z-index: 1;
    position: relative !important;
    left: 0px;
    top: 0px;
}

.product-n .product-labels span {
    padding: 4px 10px;
    background: var(--service-bg);
    font-size: 11px;
    color: var(--text-color);
    border-radius: 16px;
}



@media(max-width:1200px) {
    .btn-primary {
        padding: 6px 20px;
        font-size: 16px
    }
}

@media(max-width:1125px) {
    .product-n .rating .stars-count {
        font-size: 14px !important
    }

    .btn-cart-dst,
    .btn-cart-dst:hover,
    .btn-cart-dst:focus,
    .btn-cart-dst.focus {
        width: 200px !important
    }
}

@media(max-width:1100px) {
    .btn-primary {
        padding: 6px 20px;
        font-size: 16px
    }
}

@media(max-width:1050px) {
    .btn-primary {
        padding: 6px 25px;
        font-size: 16px
    }
}

@media(max-width:600px) {
    .btn-primary {
        padding: 6px 15px !important;
        font-size: 16px
    }

    .btn-primary-red {
        padding: 6px 15px !important;
        font-size: 16px
    }

    .product-n .rating .stars-count {
        font-size: 14px !important
    }

    .btn-cart-dst,
    .btn-cart-dst:hover,
    .btn-cart-dst:focus,
    .btn-cart-dst.focus {
        width: 280px !important
    }
}

@media(max-width:991px) {
    .product-n .rating .stars-count {
        font-size: 14px !important
    }

    .btn-cart-dst,
    .btn-cart-dst:hover,
    .btn-cart-dst:focus,
    .btn-cart-dst.focus {
        width: 280px !important
    }
}



.product-n .sub-info {
    color: #808d9a;
    display: -webkit-box;
    height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-top: 5px;
}

.product-n .cart-other.show {
    position: initial
}

.product-n .cart-other .dropdown-menu {
    border: 0;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%)
}

.product-n .cart-other .dropdown-menu.show {
    display: block;
    transform: translate3d(0, 40px, 0) !important
}

.product-n .dropdown-toggle::after {
    display: none
}

.product-n .dropdown-toggle::after {
    border: 0
}

.product-n .title a {
    color: var(--text-color)
}

.product-n .info {
    position: relative
}

.product-n .price-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.product-n .price-block .price {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: var(--mm-link-color)
}

.product-n .price-block .price.price-sale {
    color: #ff528b
}

.product-n .old-price {
    font-size: 16px;
    line-height: 14px;
    color: var(--mm-link-color);
    position: relative;
    margin-left: 5px
}

.product-n .old-price:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    display: block;
    background: #ff528b;
    transform: rotate(-3deg)
}

.product-n .image {
    position: relative;
    margin-bottom: 10px
}

.product-n .sale-sum {
    color: var(--text-color);
    background-color: var(--service-bg);
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    flex-shrink: 0;
    padding: 4px 8px;
    font-size: 13px;
    margin-left: 5px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between
}

.product-n .sale-sum span {
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis
}

.product-n .rating {
    min-height: 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.product-n .rating .stars {
    height: 18px;
    width: 96px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMid'%20viewBox='0%200%2015%2015'%3E%3Cpath%20class='st0'%20fill='%23d6dbe0'%20d='M7.5%200l2.3%204.9%205.2.8-3.7%203.8.9%205.4-4.6-2.6L2.9%2015l.9-5.4L0%205.7l5.2-.8L7.5%200z'/%3E%3C/svg%3E") repeat-x 0
}

.product-n .rating .stars .stars-active {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23ffc107' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0;
    background-size: auto;
    height: 15px;
    width: 0;
}

.product-n .rating .stars .stars-active,
.product-n .rating .stars {
    background-size: 20px 16px;
    height: 18px
}

.product-n .rating .stars-count {
    margin-left: 6px;
    font-size: 14px;
    line-height: 1.29;
    color: var(--text-copy-color)
}

.product-n .stiker {
    width: 48px;
    background: #ff528b;
    display: inherit;
    border-radius: 25px;
    position: absolute;
    height: 48px;
    right: 0;
    bottom: 2px;
    transition: all 0.4s ease 0s
}

.product-n .stiker:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease 0s
}

.product-n .slick-list {}

.product-n .slick-next.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0;
    background-size: 25px auto;
    width: 35px;
    height: 31px;
    position: absolute;
    right: 0px;
    top: 30%
}

.product-n .slick-next.slick-arrow:before {
    display: block;
    width: 25px;
    height: 31px;
    content: ' ';
    background: transparent url(/templates/default/images/next-image.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px
}

.product-n .slick-prev.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0;
    background-size: 25px auto;
    width: 35px;
    height: 31px;
    position: absolute;
    left: 0px;
    top: 30%;
    z-index: 2
}

.product-n .slick-prev.slick-arrow:before {
    display: block;
    width: 25px;
    height: 31px;
    content: ' ';
    background: transparent url(/templates/default/images/prev-image.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px
}

.product-n .image .slick-prev,
.product-n .image .slick-next {
    opacity: 0
}

.product-n .favorite {
    right: 10px;
    position: absolute;
    top: 10px;
    z-index: 1;
}

.product-n .add-favorite {
    color: #ccc
}

.product-n .add-favorite .not_add svg {
    color: var(--text-copy-color)
}

.product-n .add-favorite .not_add:hover svg {
    color: #ff528b
}

.product-n .add-favorite .is_add svg {
    color: #ff528b
}

.product-n .image:hover .slick-prev {
    opacity: 1
}

.product-n .image:hover .slick-next {
    opacity: 1
}

table.products-list thead th {
    border: 0;
    color: var(--text-copy-color);
    font-size: 16px
}

table.products-list .product-n,
table.products-list .product-n:hover {
    height: auto;
    border: 0
}

table.products-list .product-n .image img,
table.products-list .product-n .image {
    margin: 0 auto;
    height: 132px
}

table.products-list .image,
table.products-list .slick-slider {
    width: 180px;
    overflow: hidden
}

@media only screen and (min-width:1000px) and (max-width:1100px) {

    table.products-list .product-n .image img,
    table.products-list .product-n .image {
        margin: 0 auto;
        height: 100%;
        max-height: 100px
    }

    table.products-list .image,
    table.products-list .slick-slider {
        width: 110px;
        overflow: hidden
    }
}

table.products-list .product-n .slick-list {
    margin: 0;
    z-index: 0
}

table.products-list .product-n .favorite {
    position: absolute;
    right: 10px;
    z-index: 1
}

table.products-list .product-n .slick-arrow {
    margin: 0
}

table.products-list .product-n .slick-prev.slick-arrow {
    left: -10px
}

table.products-list .product-n .slick-prev.slick-arrow {
    left: -10px
}

table.products-list .product-n .slick-next.slick-arrow {
    right: -10px
}

table.products-list .product-n .sale-sum {
    position: relative;
    display: block;
    width: max-content
}

table.products-list .product-n .title,
table.products-list .product-n .price-block {
    margin: 0;
    z-index: 0
}

table.products-list .product-n .rating {
    margin-bottom: 0;
    margin-top: 10px
}

table.products-list td {
    vertical-align: middle
}

table.products-list .cart-counter {
    width: 120px
}

table.products-list .cart-counter input,
table.products-list .cart-counter input:active,
table.products-list .cart-counter input:focus {
    width: 45px;
    padding: 5px 5px;
    text-align: center;
    color: var(--text-color);
    border-radius: 12px;
    background: var(--input-bg);
    float: left;
    border: 0 !important;
    box-shadow: unset;
    transition: unset;
    margin-right: 12px
}

table.products-list .cart-counter .btn {
    float: left;
    height: calc(2.25rem+2px);
    line-height: 1.8rem;
    margin-left: -4px;
    padding: 5px 20px;
    border-radius: 12px
}

table.products-list .cart-counter .btn-primary:hover {
    opacity: 1
}

.filter-sorts .sort:hover {
    color: var(--text-color)
}

.filter-sorts .sort.active {
    font-weight: bold;
    color: var(--text-color)
}

.color-field input {
    display: none !important
}

.color-field {
    padding-left: 0;
    float: left
}

.color-field span {
    height: 36px;
    display: inherit;
    width: 36px;
    border-radius: 10px;
    margin-right: 5px
}

.color-field {
    padding-left: 0;
    float: left
}

.filter-product .color-group {
    display: inline-block
}

.color-field label {
    border: 2px solid #efefef;
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    transition: border-color .2s ease
}

.color-field {
    margin-bottom: 5px
}

.color-field {
    float: left;
    display: block;
    box-sizing: border-box;
    position: relative;
    min-width: 45px
}

.color-field input:checked+label {
    border: 2px solid #005bff;
}

.color-field label:before {
    content: "";
    display: block;
    height: 30px !important;
    width: 30px !important;
    border-radius: 50% !important;
    margin-top: 3px;
    margin-left: 3px;
    background-size: 30px;
    border: 2px solid var(--bg-color)eee
}

.color-field label:hover {
    opacity: .85
}

.sub-cats .chapternav-icon {
    margin-bottom: 6px
}

.sub-cats .chapternav-icon {
    background: center bottom no-repeat;
    display: block;
    margin: 0 auto 6px;
    height: 64px
}

.product-sticky {
    background-color: #dee2e6;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 55;
    box-shadow: 0 10px 20px 20px rgba(0, 0, 0, 0.3)
}

.cart-buttom {
    color: var(--text-color);
    padding: 5px;
    background: 0;
    font-weight: bold
}

.cart-buttom:hover {
    color: var(--text-color);
    padding: 5px;
    background: 0;
    font-weight: bold
}

.all_sum {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-copy-color)
}

.btn-a {
    color: #fff !important
}

.color-group {
    display: inline-block
}

.slick-prev.slick-arrow:before {
    display: block;
    width: 25px;
    height: 11px;
    content: ' ';
    background: transparent url(/templates/default/images/preview.svg) 0 -11px no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px
}

.slick-prev.slick-arrow {
    margin-bottom: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0;
    background-size: 25px auto;
    width: 100px;
    height: 20px;
    position: relative
}

.slick-next.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0;
    background-size: 25px auto;
    width: 100px;
    height: 20px;
    position: relative
}

.slick-next.slick-arrow:before {
    display: block;
    width: 25px;
    height: 11px;
    content: ' ';
    background: transparent url(/templates/default/images/preview.svg) -25px -11px no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px
}



.slick-slide img {
    margin: 0 auto
}

.footer .border-bottom {
    border-bottom: 0 solid #e6e6e6
}

.footer .title-footer {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px
}

.footer .social-links {
    border-top: 0 solid #e6e6e6;
    display: inline-block
}

.footer .social-links img {
    width: 20px;
    height: 20px;
    padding: 3px;
    transition: all 0.4s ease 0s
}

.footer .social-links img:hover {
    width: 20px;
    height: 20px;
    padding: 3px;
    opacity: .8;
    transition: all 0.4s ease 0s
}

.footer .footer-menu {
    padding: 0;
    margin: 0
}

.footer .footer-menu li a {
    font-size: 16px;
    line-height: 32px;
    color: #fff
}

.footer .footer-menu li a:hover {
    text-decoration: underline
}

.footer .time-open {
    font-size: 16px;
    font-weight: 400
}

.footer .phone-soc {
    margin-right: 60px
}

.footer .subline {
    background-color: #0d8e4f
}

.footer_market .border-bottom {
    border-bottom: 0 solid #e6e6e6
}

.footer_market .title-footer {
    color: var(--text-color);
    font-weight: 600;
    font-size: 18px;
    line-height: 30px
}

.footer_market .social-links {
    border-top: 0 solid #e6e6e6;
    display: inline-block
}

.footer_market .social-links img {
    width: 20px;
    height: 20px;
    padding: 3px;
    transition: all 0.4s ease 0s;
    filter: invert(45%)
}

.footer_market .social-links img:hover {
    width: 20px;
    height: 20px;
    padding: 3px;
    opacity: .8;
    transition: all 0.4s ease 0s
}

.footer_market .footer-menu {
    padding: 0;
    margin: 0
}

.footer_market .footer-menu li a {
    font-size: 16px;
    line-height: 38px;
    color: var(--text-color);
    text-decoration: none;
}

.footer_market .footer-menu li a:hover {
    text-decoration: underline
}

.footer_market .time-open {
    font-size: 16px;
    font-weight: 400
}

.footer_market .phone-soc {
    margin-right: 60px
}

.footer_market .subline {
    background-color: var(--footer-bg-color);
    border-top: 1px solid #d6dbe0
}

.footer_services .title-footer {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px
}

.footer_services .social-links {
    border-top: 0 solid #e6e6e6;
    display: inline-block
}

.footer_services .social-links img {
    width: 20px;
    height: 20px;
    padding: 3px;
    transition: all 0.4s ease 0s
}

.footer_services .social-links img:hover {
    width: 20px;
    height: 20px;
    padding: 3px;
    opacity: .8;
    transition: all 0.4s ease 0s
}

.footer_services .footer-menu {
    padding: 0;
    margin: 0
}

.footer_services .footer-menu li a {
    font-size: 16px;
    line-height: 32px;
    color: #fff
}

.footer_services .footer-menu li a:hover {
    text-decoration: underline
}

.footer_services .time-open {
    font-size: 16px;
    font-weight: 400
}

.footer_services .phone-soc {
    margin-right: 60px
}

.footer_services .subline {
    background-color: #dd7808
}

.footer_deposit .border-bottom {
    border-bottom: 0 solid #e6e6e6
}

.footer_deposit .title-footer {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px
}

.footer_deposit .social-links {
    border-top: 0 solid #e6e6e6;
    display: inline-block
}

.footer_deposit .social-links img {
    width: 20px;
    height: 20px;
    padding: 3px;
    transition: all 0.4s ease 0s
}

.footer_deposit .social-links img:hover {
    width: 20px;
    height: 20px;
    padding: 3px;
    opacity: .8;
    transition: all 0.4s ease 0s
}

.footer_deposit .footer-menu {
    padding: 0;
    margin: 0
}

.footer_deposit .footer-menu li a {
    font-size: 16px;
    line-height: 32px;
    color: #fff
}

.footer_deposit .footer-menu li a:hover {
    text-decoration: underline
}

.footer_deposit .time-open {
    font-size: 16px;
    font-weight: 400
}

.footer_deposit .phone-soc {
    margin-right: 60px
}

.footer_deposit .subline_deposit {
    background-color: #661773;
    border-top: #dee2e6 0 solid
}

.dstlogo {
    margin-bottom: 15px;
    float: left
}

.dstlogo img {
    height: 60px
}

.dstlogo2 {
    height: 80px;
    margin-left: 80px;
    font-size: 16px;
    line-height: 20px;
    display: block;
    max-width: 120px
}

.dstlogo2 a {
    font-size: 14px;
    text-decoration: underline;
    line-height: 20px;
    display: block;
    max-width: 120px
}

.social-links img {
    width: 20px;
    height: 20px;
    padding: 3px;
    transition: all 0.4s ease 0s;
    filter: invert(45%)
}

.social-links img:hover {
    width: 20px;
    height: 20px;
    padding: 3px;
    opacity: .8;
    transition: all 0.4s ease 0s
}

body,
button,
input,
select,
textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" font-weight:400;
    text-transform: none;
    font-size: 16px
}

.site-logo {
    float: left
}

.main-nav ul {
    float: left;
    margin: 0
}

.slide-info b {
    font-size: 16px;
    font-weight: 500
}

.slide-info .info-icon .fa {
    font-size: 120px;
    color: var(--text-color)
}

.slide-info .info-icon .fa:hover {
    font-size: 120px;
    color: var(--text-copy-color)
}

.wpmenucartli {
    margin-left: 50px;
    position: absolute !important;
    right: 230px
}

h1,
h2,
h3,
h4 {
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px
}

h6 {
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 20px
}

.main-leftbar {
    border-right: 0 solid #d6d6d6
}

.pagebar {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding: 15px;
    border-radius: 12px;
    background: var(--card-bg);
}

.pagebar .pagebar_notice,
.pagebar .pagebar_nav {
    display: none
}

.pagebar a {
    color: var(--text-color)
}

.pagebar .pagebar_current {
    color: var(--text-color);
}

.pagebar_current {
    color: #005bff !important;
}

.product-char .tab-content {
    margin: 0 auto
}

.product-char .name {
    margin-right: 20px
}

.product-char .nav-tabber a.active {
    color: var(--text-color)
}

.add-cart {
    background-color: #ff528b
}

.mojoomob {
    text-align: center;
    margin: 0 auto;
    display: inline;
    width: 500px
}

.mojoomob2 {
    text-align: center;
    margin: 0 auto;
    display: inline;
    float: left;
    transition: all 0.4s ease 0s
}

.mojoomob2:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.js .menu {
    height: 1.5em;
    overflow: hidden
}

.menu>li {
    margin: 0 0 0 1.5em;
    float: left
}

.menu>li:first-child {
    margin-left: 0
}

.flex-multi {
    float: left;
    width: 45%;
    margin-bottom: 100px
}

.flex-multi+.flex-multi {
    float: right
}

.clear {
    clear: both
}

.flexMenu-popup {
    z-index: 9;
    list-style-type: none;
    padding: 0;
    background-color: #5ccccc;
    margin: 0
}

.flexMenu-popup a {
    display: block
}

.flexMenu-popup a:hover {
    color: var(--text-color);
    display: block
}

#primary-menu {
    margin-top: 5px
}

#menu-pages li a {
    text-transform: lowercase
}

.dstwhite {
    font-size: 16px;
    color: #fff;
    margin-top: 20px
}

.dstwhite a {
    font-size: 16px;
    color: #fff
}

.dst-order-name {
    margin-top: 20px;
    background: var(--bg-color);
    font-size: 16px
}

.dstshipp {
    font-size: 60px;
    line-height: 1.1;
    color: #005bff;
    margin-top: 20px
}

.header-site {
    transition: all 3.3s ease-in 0;
    z-index: 10000;
    background: var(--bg-color);
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
}

.nav-page li a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 10px
}

.nav-page2 li a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 10px
}

.nav-cats li a {
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    color: #fff
}

.nav-cats li a:hover {
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    color: #dee2e6
}

.nav-cats2 li a {
    text-transform: none;
    font-weight: 500;
    font-size: 1.5rem;
    color: #fff
}

.nav-cats2 li a:hover {
    text-transform: none;
    font-weight: 500;
    color: #dee2e6
}

.header {
    margin: 0 auto
}

.nav-cats {
    display: table;
    margin: 0;
    overflow: hidden
}

.nav-cats2 {
    display: table;
    margin: 0;
    overflow: hidden
}

.menu li,
.mobile-menu li {
    list-style: none
}

.nav-page li a {
    font-size: 16px;
    padding-right: 5px;
    color: #fff
}

.nav-page2 li a {
    font-size: 16px;
    padding-right: 5px;
    color: #fff
}

@media(min-width:981px) {
    .header-small {
        display: none !important
    }
}

@media(max-width:1200px) {
    .header-big {
        display: none !important
    }
}

.mobile-menu li {
    margin: 0 0 0 1.5em;
    float: left
}

.mobile-menu li .sub-cats {
    display: none
}

.mobile-menu li:hover .sub-cats {
    position: absolute;
    margin: 0;
    background: #0c0c0c;
    text-align: left;
    right: -46px;
    top: 69px;
    width: 200px
}

#mobile-cats {
    background: #000;
    top: 67px;
    margin: 0 -20px 0 -20px
}

#mobile-cats li a {
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    color: #fff
}

#mobile-cats .sub-cats {
    display: block;
    list-style: none;
    margin: 0
}

#mobile-cats .sub-cats li {
    border-bottom: 1px solid #111
}

#mobile-cats .sub-cats li a {
    padding: 8px 10px;
    width: 100%;
    display: inline-block
}

.header-phone {
    color: #fff
}

.stiker .fa {
    font-weight: 900;
    line-height: 46px;
    color: #fff
}

.mobile-menu li button,
.mobile-menu li button:hover {
    color: #fff
}

.header-site .cart {
    white-space: nowrap
}

.header-site .phone {
    white-space: nowrap
}

.header-site .nav-cats {
    white-space: nowrap
}

.header-site .nav-page {
    margin: 0;
    margin-left: -10px;
    height: 25px;
    white-space: nowrap
}

.header-site .nav-page2 {
    margin: 0;
    margin-left: -10px;
    height: 25px;
    white-space: nowrap
}

.flexMenu-popup {
    list-style-type: none;
    padding: 5px 20px 15px 10px;
background-color: var(--card-bg);
    margin: 0;
    color: var(--text-color);
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 12px 12px;
}

.flexMenu-popup li a {
    padding: 10px
}

.flexMenu-popup li a:hover {
    color: var(--text-color);
}

.edit_wlinks {
    display: none
}

button:active,
button:focus {
    outline: 0
}

button::-moz-focus-inner {
    border: 0
}

.variable-radio {
    padding: 0;
    display: inline-block
}

.variable-radio .variable_value {
    display: none !important
}

.variable-radio span {
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
    display: block;
    box-sizing: border-box
}

.variable-radio span label {
    text-align: center;
    font-size: 16px
}

.variable-radio input:checked+label {
background-color: var(--card-bg);
    border: 2px solid #ff528b
}

.variable-radio label {
    display: block;
    text-align: center;
    font-size: 16px;
background-color: var(--card-bg);
    border: 2px solid #e6e6e6;
    border-radius: 12px;
    padding: 10.5px 10px;
    line-height: 15px;
    cursor: pointer;
    transition: border-color .2s ease
}

.hidden {
    display: none !important
}

.dst-header-index {
    position: relative
}

.typeahead__group-product .image img {
    height: 48px;
    width: 48px
}

.typeahead__group-product {
    display: block;
    padding: 0
}

.typeahead__group-product span {
    padding: .2rem .75rem
}

#search_field {
    margin: 10px 25px
}

.header-small #search_field {
    margin: 0
}

.header-small .typeahead__field {
    margin-top: 0
}

.sub-cats-orange {
    background-color: #ff528b;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
    display: none
}

.sub-cats-black {
    background-color: var(--text-color);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
    display: none
}

.sub-cats-orange a,
.sub-cats-black a {
    color: #fff;
    font-size: 16px;
    word-wrap: normal;
    transition: all 0.4s ease 0s
}

.sub-cats-orange a,
.sub-cats-black a:hover {
    color: #fff;
    transition: all 0.4s ease 0s
}

.content-block .item a img {
    width: 100%
}

#right-sidebar .widget {
    background: 0;
    margin-top: 35px
}

.titfil {
    border-top: 1px solid #d6dbe0;
    padding: 10px 0
}

.titfil2 {
    border-top: 1px solid #d6dbe0;
    padding: 10px 0
}

.dstline-preim-white {
    font-size: 18px;
    color: #fff
}

.dstport {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 32px;
    font-weight: 600
}

.dstport-white {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #fff
}

.dstportdark {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 32px;
}

.direction_active {
    font-weight: 600;
}

.docs-status-old {
    color: var(--text-color);
    background: var(--bg-color);
    padding: 7px 10px;
    border-radius: 12px;
    font-size: 16px;
    min-width: 80px;
    display: inline-block
}

.docs-status-new {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 7px 10px;
    border-radius: 12px;
    font-size: 16px;
    min-width: 80px;
    display: inline-block
}

.dstline {
    border: 3px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    content: "";
    margin-top: 40px;
    margin-bottom: 25px;
    width: 80px
}

.dstlinetext a {
    font-size: 14px;
    color: var(--text-copy-color);
    line-height: 20px;
    text-decoration: none
}

.dstlinetext a:hover {
    font-size: 14px;
    color: var(--text-copy-color);
    line-height: 20px;
    text-decoration: underline
}

.dstlinetext {
    font-size: 14px;
    color: var(--text-copy-color);
    line-height: 20px
}

.dstline-white {
    border: 3px solid #fff;
    content: "";
    margin-top: 40px;
    margin-bottom: 25px;
    width: 80px
}

.dstline-red {
    border: 3px solid #ff528b;
    content: "";
    margin-top: 40px;
    margin-bottom: 25px;
    width: 80px
}

.mainbrands {
    background: var(--card-bg)
}

.mainbrands2 {
    font-size: 24px;
    transition: all 0.4s ease 0s;
    color: var(--text-color);
    font-weight: 600;
    line-height: 38px
}

.mainbrands3 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 50px
}

.mainbrands4 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 5px
}

.mainbrands5 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 30px
}

.mainbrands5-white {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 30px;
    color: #fff
}

.navbar {
    padding: 0
}

.show_filter {
    display: none
}

@media(max-width:1000px) {
    .show_filter {
        display: inline-block
    }

    #right-sidebar {
        order: 1;
        display: none
    }
}

#right-sidebar.show {
    display: block;
    width: 100%
}

@media(max-width:767px) {
    #right-sidebar.show {
        display: block;
        width: 100%;
        background: var(--card-bg);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
        border-radius: 0 0 24px 24px;
        max-height: 540px;
        overflow: scroll;
    }
}

.main-leftbar {
    order: 2
}

.sub-cats .chapternav-icon {
    background: rgba(0, 0, 0, 0) none no-repeat scroll center bottom;
    display: block;
    height: 40px;
    margin: 0 auto 6px;
    width: 60px
}

.sub-cats-orange a,
.sub-cats-black a {
    color: #fff;
    font-size: 14px;
    overflow-wrap: normal
}

.nav-tabber a.active {
    color: var(--text-color);
    font-size: 16px
}

.nav-tabber a {
    color: var(--text-copy-color);
    text-transform: none
}

.slide-info2 {
    background-color: var(--text-color);
    color: #fff;
    padding: 5em 0 !important
}

.slide-info2 h3 {
    color: #fff
}

.slide-info2 p {
    font-size: 16px
}

.product-info {
    margin: 0;
    font-size: 14px
}

.product-info li {
    list-style: none;
    float: left;
    margin-right: 15px;
    color: var(--text-copy-color)
}

.product-info .fa {
    color: var(--text-copy-color)
}

.product-desc {
    font-size: 16px
}

.counter {
    margin-top: 10px;
    font-size: 14px
}

.consultant {
    font-size: 14px;
    margin-top: 10px;
    text-align: center
}

.login-page {}

.login-page .container {
    max-width: 1400px
}

.phone-logo {
    text-align: center
}

.login-page a {
    color: var(--text-color)
}

.login-page .btn-primary {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    font-size: 16px;
    padding: 7px 25px
}

.login-page .form-control {
    border-radius: 12px
}

.dstloginindex {
    color: var(--text-copy-color);
    font-size: 14px;
    line-height: 18px
}

.dstloginindex2 {
    color: var(--text-copy-color);
    font-size: 16px;
    line-height: 24px;
}

.header-site .header-index-club {
background-color: var(--card-bg);
    max-width: 1260px;
    margin: 0 auto
}

.header-site .avatar-colorbox,
.header-mini .avatar-colorbox {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 5px;
    margin-top: 2px;
    text-align: center;
    line-height: 24px !important;
    font-size: 10px !important
}

.header-mini .avatar-colorbox {
    margin-bottom: 0;
    margin-top: 4px
}

.header-mini .avatar-colorbox.letter {
    margin-bottom: 0;
    margin-top: 3px
}

.header-site .avatar-colorbox2,
.header-mini .avatar-colorbox2 {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 11px;
    margin-top: 9px;
    text-align: center;
    line-height: 24px !important;
    font-size: 10px !important
}

.header-mini .avatar-colorbox2 {
    margin-bottom: 0;
    margin-top: 4px
}

.header-mini .avatar-colorbox2.letter {
    margin-bottom: 0;
    margin-top: 3px
}

.mini-index-menu a {
    color: var(--text-copy-color) !important
}

.nav-page li a {
    color: var(--text-color);
    font-size: 0.875rem
}

.nav-page2 li a {
    color: var(--text-color);
    font-size: 0.875rem
}

.header-site .header-cats .nav-cats li {
    margin: 0;
    padding: 0
}

.header-site .header-cats .nav-cats li.active a {
    color: var(--text-color)
}

.header-site .header-cats .nav-cats li a {
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
    margin-left: 10px;
    line-height: 30px;
    transition: all .3s ease-in;
    padding: 7px
}

.header-site .header-cats .nav-cats li a:hover {
    font-size: 16px;
    color: #005bff;
    margin-left: 10px;
    line-height: 30px;
    transition: all .3s ease-in;
    padding: 7px
}

.header-site .search-line {
    margin-top: 7px
}

.header-site .search-line .line {
    float: left
}

.header-site .search-line .line-cats {
    text-align: left;
    float: left;
    height: 100%;
    text-transform: none;
    font-size: 16px !important;
    text-transform: none;
    font-weight: 600 !important;
    margin-right: 15px;
    border-radius: 12px;
    line-height: 36px
}

.header-site .search-line .line-search {
    width: 80%;
    position: relative
}

.line-search .btn {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) !important;
    margin: 0;
    right: -6px;
    position: absolute;
    color: #fff !important;
    height: 100%;
    border-radius: 0;
    padding: 0 30px !important
}

.header-site .search-line .line-search-market {
    width: 100%;
    position: relative
}

.header-site .search-line .line-search-market:hover {
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
}

.line-search-market .btn {
    margin: 0;
    right: -18px;
    position: absolute;
    color: #ccc !important;
    height: 100%;
    border-radius: 0 6px 6px 0 !important;
    padding: 0 30px !important
}

.header-site .search-line .line-search-services {
    width: 80%;
    position: relative
}

.line-search-services .btn {
    background: #ee8108 !important;
    margin: 0;
    right: -6px;
    position: absolute;
    color: #fff !important;
    height: 100%;
    border-radius: 0;
    padding: 0 30px !important
}

.header-site .search-line .line-search-deposit {
    width: 80%;
    position: relative
}

.line-search-deposit .btn {
    background: #731982 !important;
    margin: 0;
    right: -6px;
    position: absolute;
    color: #fff !important;
    height: 100%;
    border-radius: 0;
    padding: 0 30px !important
}

.search-input input {
    background: transparent none repeat scroll 0 0 !important
}

.search-input input:active,
.search-input input:focus {
    background: transparent none repeat scroll 0 0 !important;
    outline: 0;
    box-shadow: none
}

.search-input .form-group {
    margin: 0;
    font-size: 14px
}

.search-input select {
    border: 0;
    border-left: 1px solid #afafaf;
    border-radius: 0;
    box-shadow: none;
    background: transparent none repeat scroll 0 0;
    line-height: 1px;
    padding: 0;
    height: 27px;
    margin-top: 6px;
    padding-left: 24px;
    text-transform: none;
    font-size: 16px !important;
    text-transform: none;
    font-weight: 500 !important
}

.search-input select:hover {
    border-left: 1px solid #afafaf
}

.search-input select:active,
.search-input select:focus {
    background: transparent none repeat scroll 0 0;
    outline: 0;
    box-shadow: none
}

.search-input input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    font-size: 16px
}

.search-input button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: var(--text-copy-color);
    margin: 5px 0 0;
    padding: 0 8px 0 10px
}

.search-input {
    margin: 0 auto;
    width: 100%;
    transition: all 0.4s ease 0s;
    border-radius: 12px;
    background: var(--card-bg);
}

.dropdown-cats .dropdown-toggle {
    background: #91c94e !important;
    margin: 0;
    height: 100%;
    color: #fff !important;
    height: 39px;
    border-radius: 12px;
    padding: 0 10px !important;
    transition: .5s
}

.dropdown-cats .dropdown-toggle:hover {
    opacity: .8;
    transition: .5s
}

.dropdown-cats .dropdown-toggle::after {
    display: none
}

.dropdown-cats .btn {
    background: no-repeat;
    font-size: 16px;
    color: #535257;
    padding: 0
}

.dropdown-cats .btn:active,
.dropdown-cats .btn:focus {
    outline: 0;
    box-shadow: none
}

.dropdown-cats .btn::-moz-focus-inner {
    border: 0
}

.dropdown-cats .dropdown-menu {
    margin-top: 5px;
    border-radius: 12px;
    border: 0;
    box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    border-radius: 12px
}

.dropdown-cats .dropdown-menu .menu {
    display: grid;
    margin: 0
}

.dropdown-cats .dropdown-menu .menu li {
    margin-left: 5px;
    width: 100%;
    font-size: 14px;
    text-transform: none;
    padding: 5px 0
}

.dropdown-cats .dropdown-menu .menu .cat {
    width: 250px
}

.dropdown-cats .dropdown-menu .subcats-block {
    border-left: #dee2e6 1px solid
}

.dropdown-cats .dropdown-menu .subcats {
    display: none;
    opacity: 0;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats .dropdown-menu .subcats.view {
    display: block;
    opacity: 1;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats .dropdown-menu .cat .cat-href,
.dropdown-cats .dropdown-menu .sub-cats a {
    padding: 5px 0;
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500
}

.dropdown-cats .dropdown-menu .cat .cat-href:hover,
.dropdown-cats .dropdown-menu .sub-cats a:hover {
    color: var(--text-color)
}

.dropdown-cats .dropdown-menu .root-cat .cat.active a {
    color: var(--text-color)
}

.dropdown-cats {
    display: flex
}

.dropdown-cats-market .dropdown-toggle {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) !important;
    margin: 0;
    height: 100%;
    color: #fff !important;
    height: 39px;
    border-radius: 12px;
    padding: 0 10px !important;
    transition: .5s
}

.dropdown-cats-market .dropdown-toggle:hover {
    opacity: .8;
    transition: .5s
}

.dropdown-cats-market .dropdown-toggle::after {
    display: none
}

.dropdown-cats-market .btn {
    background: no-repeat;
    font-size: 16px;
    color: #535257;
    padding: 0
}

.dropdown-cats-market .btn:active,
.dropdown-cats-market .btn:focus {
    outline: 0;
    box-shadow: none
}

.dropdown-cats-market .btn::-moz-focus-inner {
    border: 0
}

.dropdown-cats-market .dropdown-menu {
    margin-top: 5px;
    border-radius: 12px;
    border: 0;
    box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    border-radius: 12px
}

.dropdown-cats-market .dropdown-menu .menu {
    display: grid;
    margin: 0
}

.dropdown-cats-market .dropdown-menu .menu li {
    display: flex;
    justify-content: space-between;
}

.dropdown-cats-market .dropdown-menu .menu li {
    margin-left: 5px;
    width: 100%;
    font-size: 14px;
    text-transform: none;
    padding: 5px 0
}

.dropdown-cats-market .dropdown-menu .menu li {
    margin-left: 5px;
    padding: 0 10px !important;
}

.dropdown-cats-market .dropdown-menu .menu .cat {
    width: 98% !important;
    height: 40px;
    margin-bottom: 10px;
    transition: 0.5s;
}

.dropdown-cats-market .dropdown-menu .subcats-block {
    border-left: #dee2e6 1px solid;
}

#dropdownMenu2 {
    max-height: calc(-100px + 100vh);
    scrollbar-width: thin;
    overflow-y: scroll
}

.bg_menu {
    background-color: var(--bg-color);
    border-radius: 6px;
    text-decoration: none !important;
    transition: 0.5s;
}

.dropdown-cats-market .dropdown-menu .subcats {
    display: none;
    opacity: 0;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats-market .dropdown-menu .subcats.view {
    display: block;
    opacity: 1;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats-market .dropdown-menu .cat .cat-href,
.dropdown-cats-market .dropdown-menu .sub-cats a {
    padding: 5px 0px;
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    min-height: 40px;
}

.dropdown-cats-market .dropdown-menu .cat .cat-href:hover,
.dropdown-cats-market .dropdown-menu .sub-cats a:hover {
    color: var(--text-color);
}

.sub-cats a:hover {
    text-decoration: underline
}

.dropdown-cats-market .dropdown-menu .root-cat .cat.active a {
    color: var(--text-color);
    overflow: hidden;
    min-height: 40px;
}

.dropdown-cats-market {
    display: flex;
}

.dropdown-cats-services .dropdown-toggle {
    background: #ee8108 !important;
    margin: 0;
    height: 100%;
    color: #fff !important;
    height: 39px;
    border-radius: 12px;
    padding: 0 10px !important;
    transition: .5s
}

.dropdown-cats-services .dropdown-toggle:hover {
    opacity: .8;
    transition: .5s
}

.dropdown-cats-services .dropdown-toggle::after {
    display: none
}

.dropdown-cats-services .btn {
    background: no-repeat;
    font-size: 16px;
    color: #535257;
    padding: 0
}

.dropdown-cats-services .btn:active,
.dropdown-cats-services .btn:focus {
    outline: 0;
    box-shadow: none
}

.dropdown-cats-services .btn::-moz-focus-inner {
    border: 0
}

.dropdown-cats-services .dropdown-menu {
    margin-top: 5px;
    border-radius: 12px;
    border: 0;
    box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    border-radius: 12px
}

.dropdown-cats-services .dropdown-menu .menu {
    display: grid;
    margin: 0
}

.dropdown-cats-services .dropdown-menu .menu li {
    margin-left: 5px;
    width: 100%;
    font-size: 14px;
    text-transform: none;
    padding: 5px 0
}

.dropdown-cats-services .dropdown-menu .menu .cat {
    width: 250px
}

.dropdown-cats-services .dropdown-menu .subcats-block {
    border-left: #dee2e6 1px solid
}

.dropdown-cats-services .dropdown-menu .subcats {
    display: none;
    opacity: 0;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats-services .dropdown-menu .subcats.view {
    display: block;
    opacity: 1;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats-services .dropdown-menu .cat .cat-href,
.dropdown-cats-services .dropdown-menu .sub-cats a {
    padding: 5px 0;
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500
}

.dropdown-cats-services .dropdown-menu .cat .cat-href:hover,
.dropdown-cats-services .dropdown-menu .sub-cats a:hover {
    color: var(--text-color)
}

.dropdown-cats-services .dropdown-menu .root-cat .cat.active a {
    color: var(--text-color)
}

.dropdown-cats-services {
    display: flex
}

.dropdown-cats-deposit .dropdown-toggle {
    background: #731982 !important;
    margin: 0;
    height: 100%;
    color: #fff !important;
    height: 39px;
    border-radius: 12px;
    padding: 0 10px !important;
    transition: .5s
}

.dropdown-cats-deposit .dropdown-toggle:hover {
    opacity: .8;
    transition: .5s
}

.dropdown-cats-deposit .dropdown-toggle::after {
    display: none
}

.dropdown-cats-deposit .btn {
    background: no-repeat;
    font-size: 16px;
    color: #535257;
    padding: 0
}

.dropdown-cats-deposit .btn:active,
.dropdown-cats-deposit .btn:focus {
    outline: 0;
    box-shadow: none
}

.dropdown-cats-deposit .btn::-moz-focus-inner {
    border: 0
}

.dropdown-cats-deposit .dropdown-menu {
    margin-top: 5px;
    border-radius: 12px;
    border: 0;
    box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.17);
    border-radius: 12px
}

.dropdown-cats-deposit .dropdown-menu .menu {
    display: grid;
    margin: 0
}

.dropdown-cats-deposit .dropdown-menu .menu li {
    margin-left: 5px;
    width: 100%;
    font-size: 14px;
    text-transform: none;
    padding: 5px 0
}

.dropdown-cats-deposit .dropdown-menu .menu .cat {
    width: 250px
}

.dropdown-cats-deposit .dropdown-menu .subcats-block {
    border-left: #dee2e6 1px solid
}

.dropdown-cats-deposit .dropdown-menu .subcats {
    display: none;
    opacity: 0;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats-deposit .dropdown-menu .subcats.view {
    display: block;
    opacity: 1;
    -webkit-transition: .25s linear opacity
}

.dropdown-cats-deposit .dropdown-menu .cat .cat-href,
.dropdown-cats-deposit .dropdown-menu .sub-cats a {
    padding: 5px 0;
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500
}

.dropdown-cats-deposit .dropdown-menu .cat .cat-href:hover,
.dropdown-cats-deposit .dropdown-menu .sub-cats a:hover {
    color: var(--text-color)
}

.dropdown-cats-deposit .dropdown-menu .root-cat .cat.active a {
    color: var(--text-color)
}

.dropdown-cats-deposit {
    display: flex
}

.header-site .nav-page {
    height: 24px;
    display: inline-block;
    margin-top: 5px
}

.header-site .nav-page li {
    margin: 0;
    line-height: 20px;
    font-size: 16px
}

.header-site .nav-page li a:hover {
    color: var(--text-color)
}

.header-site .nav-page2 {
    height: 24px;
    display: inline-block;
    margin-top: 5px
}

.header-site .nav-page2 li {
    margin: 0;
    line-height: 20px;
    font-size: 16px
}

.header-site .nav-page2 li a:hover {
    color: var(--text-color)
}

.phone-cart-line {
    margin-top: 13px;
    margin-left: 16px;
    float: right
}

.phone-cart a {
    font-size: 16px !important;
    text-transform: none;
    font-weight: 600 !important
}

.dstcartgood {
    background: var(--card-bg);
    border: 1px solid #d6dbe0;
    border-radius: 12px
}

.dstcartgoodtext {
    font-size: 16px;
    text-align: left;
    border: 1px solid #d6dbe0;
    padding: 15px;
    margin: 0 20px 0 20px;
    width: 100%;
    border-radius: 12px;
    color: var(--text-copy-color)
}

.mini-logo {
    margin: 0;
    display: none
}

.header-cats .nav-cats {
    line-height: 48px;
    overflow: hidden
}

.header-cats.mini-logo-view .mini-logo {
    display: inline-block;
    margin-left: 14px;
    overflow: hidden;
    line-height: 40px;
    float: left
}

.header-cats.mini-logo-view .mini-logo img {
    height: 24px;
    margin-top: 6px
}

.header-cats.mini-logo-view .nav-cats {
    display: inline-block;
    float: left;
    height: 50px;
    width: 95%
}

.flexMenu-popup {
    right: 0
}

.header-index {
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -webkit-transition: all 1s linear
}

#debug_block {
    display: none
}

.header-club,
.header-club:hover {
    box-shadow: none;
    border-bottom: 1px solid #e7e8ec
}

.header-club .small-logo-name {
    border-left: 0 solid #e7e8ec;
    padding-left: 0;
    margin-left: 5px;
    transition: all 0.4s ease 0s;
    height: 50%
}

.header-club .small-logo-name:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.club-left .club_menu {
    margin: -15px
}

.club-left .club_menu {
    margin: -15px
}

.club-left .widget {
    margin: 0 15px
}

.club-left .club_menu .fas {
    color: #55677d;
    display: inline-block;
    line-height: 1;
    margin-left: 12px;
    margin-top: 8px;
    position: absolute;
    text-rendering: auto;
    font-size: 28px
}

.club-left .club_menu a {
    overflow: hidden;
    display: block;
    color: var(--text-color);
    text-decoration: none;
    padding: 18px 10px 10px 60px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.4s ease 0s
}

.club-left .club_menu a:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.club_menu .comments .fas {
    color: #e3001b
}

.club_menu .cubes .fas {
    color: #fabb22
}

.club_menu .book .fas {
    color: #009136
}

.club_menu .microphone .fas {
    color: #009de0
}

.club_menu .paint-brush .fas {
    color: #f37f02
}

.club_menu .question-circle .fas {
    color: #790197
}

.club_menu .hourglass-start .fas {
    color: #3429f5
}

.club_menu .puzzle-piece .fas {
    color: #e2001a
}

.club_menu .sun .fas {
    color: #fabb22
}

.club_menu .birthday-cake .fas {
    color: #019038
}

.club_menu .graduation-cap .fas {
    color: #009ee0
}

.club_menu .smile .fas {
    color: #f37f02
}

.post-add {
    display: none
}

.widget_scroll {
    overflow-y: scroll;
    scrollbar-width: thin;
    max-height: 630px
}

.widget-club {
    padding: 15px;
    border: 1px solid #d6dbe0;
    border-radius: 12px;
    margin-bottom: 30px
}

.widget-club>.body {
    padding: 0
}

.widget-club>.title {
    padding-left: 15px;
    height: 47px;
    line-height: 47px;
    background: 0;
    font-weight: 600;
    font-size: 18px;
    color: var(--text-copy-color);
    text-transform: none;
    margin: 0 0 2px 0
}

.widget-club .links a,
.post-add a {
    display: inline;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px !important;
    font-weight: normal;
    border-radius: 12px;
    text-transform: none;
    text-decoration: none;
    margin: 0 5px 0 0
}

.widget-club-shadow {
    padding: 10px 30px 20px 30px;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    border-radius: 12px;
    margin-bottom: 30px
}

.widget-club-shadow>.body {
    padding: 0
}

.widget-club-shadow>.title {
    padding: 0;
    height: 47px;
    line-height: 47px;
    background: 0;
    font-weight: 600;
    font-size: 18px;
    color: var(--text-copy-color);
    text-transform: none;
    margin: 0 0 20px 0
}

.widget-club-shadow .links a,
.post-add a {
    display: inline;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px !important;
    font-weight: normal;
    border-radius: 12px;
    text-transform: none;
    text-decoration: none;
    margin: 0 5px 0 0
}

.club_news .item {
    float: left;
    margin-bottom: 15px;
    width: calc(33% - 15px) !important;
    margin-right: 15px;
    box-sizing: border-box
}

.club_news .item .image a {
background-color: var(--card-bg) !important
}

.club_news .item .info {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px !important;
    font-weight: 500
}

.header-margin {
    margin-top: 50px
}

.containerclub {
    max-width: 1300px;
    margin: 0 auto
}

.club-center .content h1 {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px
}

.club-center .content_datasets ul li {
    font-size: 16px;
    text-transform: none;
    color: #676767
}

.club-center .content_datasets ul .active {
    color: var(--text-color)
}

.club-center h1+.content_datasets {
    margin: 0
}

.club-center .content_list .info_bar {
    display: block;
    padding: 10px
}

.club-center .content_list_item .info_bar .bi_rating {
    background: 0
}

.club-page .mini-footer {
    border-top: 1px solid #e7e8ec;
    padding-top: 20px;
    margin: 0
}

.club-page .mini-footer a {
    color: var(--text-copy-color);
    font-size: 14px;
    margin-left: 7px
}

.club-page .mini-footer img {
    width: 40%;
    float: left;
    margin-right: 10px
}

.club-page .mini-footer img:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.club-page .read-more {
    display: none !important
}

.club-page .posts_list .f_content {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 5px 20px 5px 20px
}

.club-page .posts_list .user-avatar img {
    border-radius: 50%
}

.club-page .f_title h2 {
    font-size: 16px !important;
    font-weight: 500
}

.club-page .widget_comments_list .item {
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #d6dbe0;
    padding-bottom: 15px
}

.banner-right-links {
    color: var(--text-copy-color);
    font-size: 13px
}

.banner-right-links a {
    float: left;
    margin-right: 10px;
    font-size: 13px;
    color: var(--text-copy-color);
    text-decoration: underline
}

.products_new .item {
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid #d6dbe0;
    padding-bottom: 15px;
    min-height: 90px
}

.products_new .item .title {
    margin-bottom: 5px
}

.products_new .item .image {
    padding-right: 0
}

.products_new .item img {
    max-height: 85px
}

.products_new .item .title a {
    color: var(--text-color);
    font-weight: 500;
    font-size: 16px
}

.products_new .item .info a {
    color: var(--text-copy-color);
    font-weight: 400
}

.view-all {
    text-align: center;
    font-size: 16px
}

/* .header-club .nav-page {
   overflow: hidden;
   height: 29px;
   display: inline-block;
   vertical-align: text-top
}

.header-club .nav-page .fas {
   color: var(--text-color);
   font-size: 24px;
   transition: all 0.4s ease 0s
}

.header-club .nav-page .fas:hover {
   opacity: .8;
   transition: all 0.4s ease 0s
}

.header-club .nav-page li {
   margin: 0;
   padding-left: 14px
}

.header-club .nav-page2 {
   overflow: hidden;
   height: 29px;
   display: inline-block;
   vertical-align: text-top
}

.header-club .nav-page2 .fas {
   color: var(--text-color);
   font-size: 24px;
   transition: all 0.4s ease 0s
}

.header-club .nav-page2 .fas:hover {
   opacity: .8;
   transition: all 0.4s ease 0s
}

.header-club .nav-page2 li {
   margin: 0;
   padding-left: 14px
} */

.profile-page .container {
    max-width: 1200px;
    box-shadow: 0 0 0 0 #dfdfdf;
    border: 1px solid #d6dbe0;
    border-radius: 12px
}

.profile-page .left-panel {
    border-right: 0px solid #d6dbe0;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    scrollbar-color: var(--oz-neutral)transparent;
    scrollbar-width: thin;
}

@media screen and (max-width: 1200px) {
    .profile-page .left-panel {
        position: inherit;
        height: auto;
    }

    .profile-page .left-panel {
        overflow-y: unset;
    }
}

.profile-page .user-info {
    text-align: center;
    margin-top: 25px
}

.profile-page .user-info .avatar {
    width: 100px;
    text-align: center;
    margin: 0 auto;
    height: 100px
}

.profile-page .user-info .avatar img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    transition: all 0.4s ease 0s
}

.profile-page .user-info .avatar img:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.profile-page .user-info .nickname {
    margin-top: 15px;
    color: var(--text-color);
    font-weight: 600;
    font-size: 16px
}

.profile-page .user-info .city {
    font-size: 14px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 0;
    border-radius: 24px;
    padding: 3px;
    color: #fff;
    margin-bottom: 10px
}

.profile-page .left-panel .menu {
    margin-top: 30px;
    margin-bottom: 100px
}

.profile-page .left-panel .menu ul {
    margin: 0
}

.profile-page .left-panel .menu ul li {
    margin-bottom: 20px
}

.profile-page .left-panel .menu ul li.active a span.name {
    color: var(--text-color)
}

.profile-page .left-panel .menu ul li a {
    display: inherit;
    padding-right: 12px;
}

.profile-page .left-panel .menu ul li a span.name {
    color: var(--text-color);
    font-weight: 600;
    font-size: 16px
}

.profile-page .left-panel .menu ul li a span.right {
    float: right;
    font-size: 16px;
    padding-top: 4px;
    color: var(--text-color)
}

.profile-page .right-panel .content {
    padding: 0px 10px
}

.profile-page .right-panel .view-all {
    margin-top: 20px
}

.profile-page .right-panel .view-all a {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #fff;
    padding: 12px 45px;
    border-radius: 12px;
    font-size: 16px
}

.profile-page .right-panel .view-all a:hover {
    opacity: .9
}

.profile-page .right-panel .orders a {
    color: #3a3a3a
}

.profile-page .right-panel .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px
}

.avatar-colorbox {
    margin: 0;
    padding: 0;
    background: no-repeat center;
    background-size: 1em;
    float: left;
    border-radius: 50%
}

.avatar-colorbox.letter {
    position: relative;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%
}

.avatar-colorbox.letter:before {
    content: attr(data-letter);
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.4s ease 0s
}

.avatar-colorbox.letter:hover {
    transition: all 0.4s ease 0s;
    opacity: .8
}

.avatar-colorbox.user-white {
    background-image: url('data:image/svg+xml;utf8,<svgfill="#ffffff"height="24"viewBox="002424"width="24"xmlns="http://www.w3.org/2000/svg"><pathd="M1212c2.2104-1.794-4s-1.79-4-4-4-41.79-441.79444zm02c-2.670-81.34-84v2h16v-2c0-2.66-5.33-4-8-4z"/><pathd="M00h24v24H0z"fill="none"/></svg>')
}

.avatar-colorbox.user-black {
    background-image: url('data:image/svg+xml;utf8,<svgfill="#000"height="24"viewBox="002424"width="24"xmlns="http://www.w3.org/2000/svg"><pathd="M1212c2.2104-1.794-4s-1.79-4-4-4-41.79-441.79444zm02c-2.670-81.34-84v2h16v-2c0-2.66-5.33-4-8-4z"/><pathd="M00h24v24H0z"fill="none"/></svg>')
}

.content_list .avatar-colorbox {
    float: left
}

.content_list_item .ft_caption .value {
    line-height: 29px
}

.profile_info .avatar-colorbox {
    margin: 0 auto
}

.discount-card .discount-sum {
    font-weight: 600;
    font-size: 52px;
    color: var(--text-color)
}

.add-favorite .is_add .fa {
    color: #ff528b
}

.reviews .form,
.reviews .items {
    margin: 0 auto
}

.reviews input,
.reviews textarea {
    border-radius: 0;
    resize: none;
    background: unset
}

.reviews textarea {
    height: 160px
}

.reviews .form .stars {
    text-align: center
}

.reviews .reviews-list {
    text-align: center
}

.reviews .form .stars .starrating>input {
    display: none
}

.reviews .form .stars .starrating>label:before {
    content: "\f005";
    margin: 2px;
    font-size: 4em;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-weight: 600
}

.reviews .form .stars .starrating>label {
    cursor: pointer;
    color: #f4b400
}

.reviews .form .stars .starrating>input:checked~label {
    color: var(--text-color)
}

.reviews .form .stars .starrating>input:hover~label {
    color: var(--text-color)
}

.btn-red {
    background: #ff528b;
}

.btn-red:hover {
    opacity: .7
}

.btn-orange {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
}

.btn-orange:hover {
    opacity: .7
}

.btn-orange:focus,
.btn-primary.focus {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
}

.btn-orange.disabled,
.btn-primary:disabled {
    color: #fff
}

.reviews .load-page {
    cursor: pointer;
    text-align: center
}

.reviews-list .review-item {
    margin: 0 auto;
    text-align: left;
    background: unset;
    border-radius: 0;
    border: 0
}

.reviews .add-commit textarea {
    height: 80px
}

.reviews .add-commit input,
.reviews .add-commit textarea {
    padding: 5px;
    font-size: 16px
}

.reviews .review-item .text {
    padding: 5px 0
}

.reviews .review-item .date {
    color: var(--text-copy-color);
    font-size: 14px
}

.reviews .review-item .action a {
    color: var(--text-copy-color);
    font-size: 14px
}

.review-item-commit .avatar-colorbox {
    height: 32px !important;
    width: 32px !important;
    font-size: 14px !important;
    line-height: 34px !important
}

.confirmation-buttons a {
    color: #fff;
    font-size: 14px
}

.cart-item-disabled {
    opacity: .6
}

.nav-tabber .nav-link.active {
    font-size: 16px;
    transition: all 0.4s ease 0s;
    color: var(--text-copy-color);
    text-transform: none;
    font-weight: 600
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: block;
    height: 0;
    overflow: hidden
}

.tab-content>.active,
.pill-content>.active {
    height: auto;
    overflow: unset
}

.header-icon a,
.nav-item a {
    position: relative
}

.block-icon {
    position: relative
}

.header-icon .count,
.nav-item .count {
    border-radius: 50%;
    background: #ff528b;
    color: #fff;
    font-size: 12px;
    padding: 0;
    line-height: 18px;
    height: 16px;
    right: -6px;
    position: absolute;
    top: -3px;
    min-width: 15px;
    text-align: center;
    z-index: 1;
}

.nav-item .count {
    right: -9px
}

.mini-cart-deposit {
    position: relative
}

.mini-cart-deposit .cart-count {
    border-radius: 50%;
    background: #ff528b;
    color: #fff;
    font-size: 14px;
    padding: 0;
    line-height: 18px;
    height: 16px;
    left: 33px;
    position: absolute;
    top: -3px;
    min-width: 15px;
    text-align: center
}

.ads {
    color: var(--text-color);
    background: var(--bg-color);
    padding: 0px 8px;
    font-size: 12px;
    border-radius: 12px;
    display: inline-block;
    position: absolute;
    margin: 8px;
    right: 0;
    opacity: 0.8;
}

.phone-cart-line .fa {
    font-size: 16px;
    margin-right: 4px
}

.btn-orange:disabled {
    color: #fff;
    background-color: #ff528b;
    border-color: #ff528b;
    opacity: .3
}

.counter-enable .fas {
    color: #008000
}

.counter-disabled .fas {
    color: #ff528b
}

.counter-enable .fas {
    color: #008000
}

.counter-one-click {
    cursor: pointer
}

.counter-one-click .fas {
    color: var(--text-color)
}

#shareModal ul {
    width: 79%
}

#shareModal li {
    margin-bottom: 5px
}

.filter-product .ui-slider {
    border: 0 !important;
    height: .4em;
    margin: 10px 0
}

.filter-product .ui-widget-content {
    background: #dee2e6
}

.filter-product .ui-slider .ui-slider-handle:last-child {
    margin-left: -15px
}

.filter-product .slider {
    margin-bottom: 1rem
}

.filter-product .filter-slide .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    background: #000 !important
}

.filter-product .filter-slide .ui-slider-handle {
    background: var(--card-bg);
    border-width: 3px;
    border-style: solid;
    width: 15px;
    height: 15px;
    top: -5px;
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    border-color: var(--text-color);
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
    top: -.3em;
    margin-left: 0
}

.show-all-filter {
    margin-top: 5px
}

.filter-product .form-checks {
    display: inline-grid
}

.filter-product .year .form-checks {
    display: none
}

.filter-product .slider-text {
    color: var(--text-copy-color);
    font-size: 16px
}

.searchBox {
    width: 100%;
    margin: 0;
    padding: 0
}

.searchBox .items {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden
}

.searchBox .load-page,
.search_full .load-page {
    text-align: center;
    background: var(--search-bottom-bg);
    padding: 15px;
    cursor: pointer;
    border-radius: 0 0 0 15px;
}

.searchBox .search-all,
.search_full .search-all {
    text-align: center;
    background: var(--search-bottom-bg);
    padding: 15px;
    cursor: pointer;
    color: var(--text-color);
    border-radius: 0 0 15px 0;
}

.searchBox .load-page:hover,
.search_full .load-page:hover,
.searchBox .search-all:hover {
    background: var(--bg-color)
}

.searchBox .items .item,
.search_full .items .item {
    border-bottom: 1px solid #d6dbe0;
    padding: 5px 0
}

.searchBox .product .image,
.search_full .product .image {
    height: 44px;
    text-align: center
}

.searchBox .product .image img,
.search_full .product .image img {
    height: 100%;
    border-radius: 12px
}

.searchBox .product .price {
    text-align: left;
    font-weight: bold
}

.searchBox .product .title,
.searchBox .product .price,
.search_full .product .title,
.search_full .product .price,
.search_full .product .cart {
    padding-top: 13px
}

.searchBox .product .cart {
    max-width: 50px;
    padding: 10px 5px;
    border-radius: 50px
}

.searchBox .product .cart:hover {
    background-color: rgba(0, 150, 255, .08)
}

.searchBox .product .title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    font-weight: 400;
    font-size: 16px
}

.searchBox .product .cart,
.search_full .product .cart {
    text-align: center
}

.searchBox .product .cart .fa,
.search_full .product .cart .fa {
    color: #005bff;
    font-size: 16px;
    transition: all .3s ease-in;
    padding: 10px
}

.searchBox .product .cart .fa:hover {
    color: #0d8e4f;
    font-size: 16px;
    transition: all .3s ease-in;
    background: rgba(0, 150, 255, .08);
    border-radius: 50%;
    padding: 10px
}

.searchBox span {
    color: var(--text-copy-color);
    float: left;
    margin-left: 10px;
    padding-right: 20px;
    font-size: 16px;
    min-width: 80px
}

.notification-count {
    position: relative
}

.notification-count .counter {
    top: 20px
}

.notification-count .counter {
    border-radius: 50%;
    background: #ff528b;
    color: #fff;
    font-size: 14px;
    padding: 0 1px 0 0;
    line-height: 18px;
    height: 16px;
    left: 18px;
    position: absolute;
    top: -15px;
    min-width: 15px;
    text-align: center;
    font-weight: 500
}

.slider-mobile {
    margin: -50px -15px 15px -15px
}

.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left
}

.ac-container label {
    padding: 20px;
    position: relative;
    z-index: 1;
    display: block;
    height: auto;
    cursor: pointer;
    color: var(--text-color);
    font-size: 18px;
    font-weight: 600;
    background: var(--card-bg);
    border-radius: 18px;
    margin-bottom: 15px;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
}

.ac-container label:hover {
    background: var(--card-bg)
}

.ac-container input:checked+label,
.ac-container input:checked+label:hover {
    background: var(--card-bg);
    color: var(--text-color)
}

.ac-container label:hover:after,
.ac-container input:checked+label:hover:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    right: 18px;
    top: 15px;
    background: transparent url(/templates/default/images/arrow_down.png) no-repeat center center;
    border-radius: 50px;
    border: 1px solid #d6dbe0;
    padding: 10px
}

.ac-container input:checked+label:hover:after {
    background-image: url(/templates/default/images/arrow_up.png);
    transition: all 0.4s ease 0s;
}

.ac-container input {
    display: none
}

.ac-container article {
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 1;
    -webkit-transition: height .3s ease-in-out, box-shadow .6s linear;
    -moz-transition: height .3s ease-in-out, box-shadow .6s linear;
    -o-transition: height .3s ease-in-out, box-shadow .6s linear;
    -ms-transition: height .3s ease-in-out, box-shadow .6s linear;
    transition: height .3s ease-in-out, box-shadow .6s linear
}

.ac-container article p {
    padding: 20px;
    transition: all .5s ease 0;
    margin: 10px 20px 0 20px;
    margin-bottom: 0;
    background: var(--card-bg);
    border-radius: 18px;
    font-size: 18px;
    line-height: 26px
}

.ac-container input:checked~article {
    -webkit-transition: height .5s ease-in-out, box-shadow .1s linear;
    -moz-transition: height .5s ease-in-out, box-shadow .1s linear;
    -o-transition: height .5s ease-in-out, box-shadow .1s linear;
    -ms-transition: height .5s ease-in-out, box-shadow .1s linear;
    transition: height .5s ease-in-out, box-shadow .1s linear
}

.ac-container input:checked~article.ac-small {
    height: auto;
    transition: all .5s ease 0;
    margin-bottom: 15px
}

.ac-container input:checked~article.ac-medium {
    height: auto;
    transition: all .5s ease 0;
    margin-bottom: 15px
}

.ac-container input:checked~article.ac-large {
    height: auto;
    transition: all .5s ease 0;
    margin-bottom: 15px
}

.number-dst {
    font-size: 14px;
    display: inline-block;
    color: #fff;
    background: #ff528b;
    border-radius: 4px;
    padding: 0 10px;
    line-height: 20px;
    margin-left: 10px;
    font-weight: 500
}

.alert-delivery-free {
    background: #0d8e4f !important;
    color: #fff !important;
    padding: 5px 30px 0 20px !important;
    font-size: 5px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border-color: #0d8e4f !important;
    font-weight: 400 !important;
    display: grid !important;
    transition: all 0.4s ease 0s !important
}

.alert-delivery-free:hover {
    opacity: .9 !important;
    transition: all 0.4s ease 0s !important
}

.alert-delivery-free .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .2rem .2rem;
    color: inherit
}

.alert-delivery-free .close:hover {
    background: unset;
    color: #fff
}

.alert-delivery-free .close:hover span {
    background: unset;
    color: #fff
}

.alert-delivery-free span {
    margin-right: 5px
}

.alert-delivery-free .free {
    border-radius: 12px;
    background: #ff528b;
    padding: 2px 5px;
    margin-left: 10px
}

.alert-delivery-free .methods {
    margin: 0 auto
}

.alert-delivery-free .method {
    float: left
}

.develery-item {
    margin-bottom: 5px;
    font-weight: 600
}

.search-line .dropdown {
    position: unset
}

.read_more {
    text-align: center
}

.button_1O {
    display: none !important
}

.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--text-copy-color);
    background: var(--card-bg);
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64)
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-no-suggestion {
    padding: 2px 5px
}

.autocomplete-selected {
    background: #f0f0f0
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: var(--text-color)
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: var(--text-color);
    display: block;
    border-bottom: 1px solid #000
}

.btn-cart,
.btn-cart:hover,
.btn-cart:focus,
.btn-cart.focus {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    width: 280px;
    display: inline-block;
    height: 50px;
    color: #fff;
    border: 0;
    box-shadow: unset;
    border-radius: 12px;
    transition: unset;
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: 600;
    transition: all .3s ease-in
}

.btn-cart:not(:disabled):not(.disabled):active:focus,
.btn-cart:not(:disabled):not(.disabled).active:focus {
    box-shadow: unset;
    background-color: unset;
    border-color: unset
}

.btn-cart:hover {
    opacity: .8;
    transition: all .3s ease-in
}

.btn-cart-dst,
.btn-cart-dst:hover,
.btn-cart-dst:focus,
.btn-cart-dst.focus {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    width: 280px;
    display: inline-block;
    height: 50px;
    color: #fff;
    border: 0;
    box-shadow: unset;
    border-radius: 12px;
    transition: unset;
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: 600;
    transition: all .3s ease-in
}

.btn-cart-dst:not(:disabled):not(.disabled):active:focus,
.btn-cart-dst:not(:disabled):not(.disabled).active:focus {
    box-shadow: unset;
    background-color: unset;
    border-color: unset
}

.btn-cart-dst:hover {
    opacity: .8;
    transition: all .3s ease-in
}

@-webkit-keyframes anim {
    0 {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.header-index.hidden-header {
    max-height: 0;
    transition: max-height .25s ease-out;
    overflow: hidden
}

.header-index {
    max-height: 500px;
    transition: max-height .5s ease-in;
    overflow: unset
}

.flexMenu-popup {
    -webkit-animation: anim .5s
}

.header-site {
    transition: all .2s ease
}

.search_full .product-n .slick-list {
    text-align: center
}

.btn-white,
.btn-white:hover {
    color: var(--text-color);
    background: var(--card-bg)
}

.btn-white.active {
    color: #fff;
    background: #000
}

.product-cart-block {
    border: 0 solid #d6dbe0;
    border-radius: 18px;
    padding: 0 20px;
    overflow: hidden;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    cursor: pointer;
    background: var(--card-bg);
    transition: all .3s ease-in
}

.product-cart-block:hover {
    opacity: .9;
    transition: all .3s ease-in
}

.product-cart-block .counter-one-click {
    color: var(--text-color);
    font-size: 16px !important
}

.product-cart-block .line {
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 16px;
    text-align: left
}

.product-info {
    border-bottom: 1px solid #d6dbe0;
    padding-bottom: 5px;
    display: flex
}

.product-cart-block .grey {
    color: var(--text-copy-color)
}

.product-cart-block .line .content {
    font-size: 16px;
    padding-top: 1px
}

.product-white .read_more {
    margin-top: 5px;
    text-align: left;
    display: block;
    color: var(--text-color);
    text-decoration: underline;
    font-size: 16px
}

.tooltip-city {
    position: absolute;
    background: var(--card-bg);
    top: 32px;
    z-index: 2;
    padding: 13px;
    font: 14px;
    -webkit-box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.17);
    -moz-box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.17);
    border-radius: 12px;
    box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.17)
}

.tooltip-city:after {
    content: '\A';
    position: absolute;
    top: -19px;
    left: calc(50% - 78px);
    border-width: 10px 15px;
    border-style: solid;
    border-color: transparent transparent #fff
}

.tooltip-city .close {
    position: absolute;
    right: 9px;
    top: 6px;
    font-size: 16px
}

.tooltip-city button {
    margin-top: 7px;
    font-size: unset;
    padding: 4px 21px
}

.tooltip-city .btn-primary:active,
.tooltip-city .btn-primary:focus {
    background: #000 none repeat scroll 0 0;
    box-shadow: unset
}

.modal .close {
    right: 7px;
    position: absolute;
    top: 7px;
    line-height: 14px;
    font-weight: 100;
    border-radius: 50%;
    font-size: 26px;
    padding: 6px;
    background: #000;
    z-index: 5
}

.modal .close span {
    color: #fff
}

.open-callback {
    cursor: pointer
}

.cart-buttom-fixed {
    display: none
}

.cart-buttom-fixed .btn-cart,
.cart-buttom-fixed .btn-cart:hover,
.cart-buttom-fixed .btn-cart:focus,
.cart-buttom-fixed .btn-cart.focus {
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    display: inline-block;
    color: #fff;
    border: 0;
    width: 100%;
    box-shadow: unset;
    border-radius: 18px 18px 0px 0px !important;
    transition: unset;
    margin: 0 !important;
    font-size: 1.25rem;
    font-weight: 600;
    transition: all .3s ease-in;
    height: auto
}

.cart-buttom-fixed .btn-cart-dst,
.cart-buttom-fixed .btn-cart-dst:hover,
.cart-buttom-fixed .btn-cart-dst:focus,
.cart-buttom-fixed .btn-cart-dst.focus {
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    display: inline-block;
    color: #fff;
    border: 0;
    width: 100%;
    box-shadow: unset;
    border-radius: 0;
    transition: unset;
    margin: 0 !important;
    font-size: 1.25rem;
    font-weight: 600;
    transition: all .3s ease-in;
    height: auto
}

.dst-map a {
    position: relative;
    color: var(--text-color) !important
}

.menu-cats-block a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0 5px 10px;
    transition: .5s
}

.menu-cats-block a:hover {
    display: block;
    font-size: 16px;
    font-weight: 600;
    background: rgba(0, 150, 255, .08);
    padding: 5px 0 5px 10px;
    transition: .5s;
    border-radius: 12px
}

.field-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 16px;
    cursor: pointer;
    color: var(--text-color)
}

#right-sidebar .widget {
    margin-top: 0
}

#right-sidebar .widget:first-child {
    margin-top: 30px
}

#breadcrumbs {
    color: var(--text-color);
    height: 30px;
    position: relative
}

#breadcrumbs ul {
    overflow: hidden;
    position: relative;
    margin: 0;
    margin-bottom: 30px
}

#breadcrumbs {
    white-space: nowrap;
    overflow: hidden
}

#breadcrumbs::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
}

#breadcrumbs ul li {
    font-size: 16px;
    display: contents;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    vertical-align: middle;
    float: left;
    color: #005bff
}

#breadcrumbs ul li a {
    color: #005bff;
    text-decoration: none;
}

#breadcrumbs ul li.sep {
    margin: 0 4px 0 8px;
    vertical-align: top;
    height: 16px;
    width: 16px;
    color: var(--text-copy-color);
    margin-top: 1px
}

#breadcrumbs ul li.sep svg {
    overflow: visible;
    vertical-align: baseline
}

.product-info-mini {
    border: 0;
    margin: 0;
    font-size: 16px
}

.product-info {
    font-size: 15px
}

.product-title {
    font-size: 26px
}

.open-callback {
    color: var(--text-copy-color)
}

.security-payment {
    border-top: 1px solid #d6dbe0;
    padding-top: 14px;
    padding-bottom: 0;
    margin-top: 17px !important;
    display: -webkit-box;
    display: flex;
    width: 100%
}

.fs-14 {
    font-size: 16px !important
}

.fs-12 {
    font-size: 16px !important
}

.line .title {
    font-weight: 600;
    font-size: 18px
}

.line.delivery svg {
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    vertical-align: initial;
    margin-right: 5px
}

.line.delivery .content {
    display: inline-block
}

.line.counter-enable svg {
    vertical-align: middle
}

.line.btn-gray {
    color: var(--text-color);
    background-color: var(--bg-color);
    min-height: 56px;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 12px
}

.line.btn-gray:hover {
    background-color: var(--line-btn-hover)
}

.line.btn-blue {
    color: #005bff;
    background-color: rgba(0, 150, 255, .08);
    min-height: 56px;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 12px;
    transition: all .3s ease-in
}

.line.btn-blue:hover {
    opacity: .8;
    transition: all .3s ease-in
}

.form-checks .hide {
    display: none
}

.form-checks.show .hide {
    display: block !important
}

.form-checks .hide {
    display: none
}

.form-checks.show-all .hide {
    display: block !important
}

.features-overview .content-header {
    padding: 0 0 60px;
    text-align: center
}

.customer-designation,
.section-subtitle {
    font-weight: 400
}

.mojoostocks {
    transition: .3s;
    border-radius: 12px
}

.discount-text {
    text-align: left;
    padding: 20px
}

.text-muted {
    color: var(--text-color) !important;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    padding-right: 30px
}

.text-muted2 {
    color: var(--text-color) !important;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    height: 90px
}

.text-muted-white {
    color: #fff !important;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    padding-right: 30px
}

.text-muted-white2 {
    color: #fff !important;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    height: 90px
}

.textactmojoo {
    color: var(--text-color) !important;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

.textactmojoodark {
    color: #fff !important;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

.textactmojoodark2 {
    color: #fff !important;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    display: inline
}

.textop {
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px;
    padding-top: 20px;
    padding-bottom: 20px
}

.textopblack {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-top: 20px;
    padding-bottom: 20px
}

.mojoocontent {
    padding: 20px 10px 20px 10px;
    border: 1px solid #d6dbe0;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    color: var(--text-copy-color)
}

.productpr .buys {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    display: inline-block;
    line-height: 28px;
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in;
    border-radius: 12px;
    text-align: center;
    padding: 8px 40px
}

.productpr .buys:hover {
    opacity: .8
}

.grid-margin {
    margin-bottom: 80px
}

.mojoopromo {
    margin-top: 40px
}

.PageTitle__middleText {
    display: inline-block;
    white-space: nowrap;
    color: var(--text-color);
    background-color: rgba(73, 134, 204, .08)
}

.justify-content-start {
    justify-content: flex-start !important;
    width: 100%;
    padding: 15px
}

.justify-content-center {
    justify-content: center !important;
    width: 100%;
    padding: 15px
}

.justify-content-end {
    justify-content: flex-end !important;
    width: 100%;
    padding: 15px
}

.features-overview .features-width {
    flex-basis: 85%
}

.features-overview .img-icons {
    transition: all .4s ease-in-out
}

.features-overview .readmore-link {
    font-size: 16px;
    color: #97a3be;
    font-weight: 500;
    transition: color .5s ease-in-out
}

.align-items-center {
    align-items: center !important
}

html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.stretch-card .card {
    width: 100%;
    min-width: 100%
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    transition: all 0.15s;
    padding: 15px;
    cursor: pointer;
    border-radius: 18px;
    background: var(--card-bg);
    min-height: 200px;
    border: none;
}

.card:hover {
    border-color: #005bff;
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
}

.card-title-dst {
    font-size: 18px;
    font-weight: 600;
}

.card-text-dst {
    border-color: var(--text-copy-color);
    font-size: 18px;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-attr-dst {
    margin-bottom: 15px
}

.card-attr-dst2 {
    margin-bottom: 15px;
    background-color: rgba(0, 150, 255, .08)
}

.bg-primary {
    background-color: var(--text-color)637 !important
}

.case-studies .bg-violet {
    background: #bbbbf2
}

.bg-warning {
    background-color: #ffad00 !important
}

.bg-success {
    background-color: #5ed6b3 !important
}

.case-studies .case-studies-card-img {
    height: 106px
}

.case-studies .card-desc-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 51, 204, .8);
    transition: all .8s ease-in-out;
    opacity: 0
}

.case-studies .color-cards .btn {
    padding: 6px 14px;
    font-size: 14px
}

.align-items-center {
    align-items: center !important
}

.cif {
    color: #005bff;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    text-align: left
}

.cif-white {
    color: #fff;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    text-align: left
}

.cif-red {
    color: #ff528b;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    text-align: left
}

.cif-cloud {
    color: #4ff;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    text-align: left;
}

.cif2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left
}

.cif2 a {
    color: var(--text-color)
}

.cif3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    height: 130px
}

.cif4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    height: 150px
}

.actionmojoo {
    font-size: 40px;
    font-weight: 600;
    line-height: 135px;
    text-align: center;
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border-radius: 28px;
    width: 135px;
    height: 135px;
    transition: all 0.4s ease 0s;
    cursor: pointer
}

.actionmojoo:hover {
    opacity: .9;
    font-size: 45px;
    transition: all 0.4s ease 0s;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.mojooiconpng {
    text-align: center;
    width: 200px;
    margin: auto;
    padding: 50px
}

.mojoogarant {
    border-radius: 12px;
    padding: 20px;
    margin-right: 10px;
    min-height: 350px;
    margin-bottom: 60px;
    background: var(--card-bg);
    transition: .5s
}

.mojoogarant:hover {
    background: var(--bg-color);
    transition: .5s
}

.mojoogarant2 {
    border-radius: 12px;
    padding: 30px 30px 40px 40px;
    margin-right: 10px;
    min-height: 280px;
    margin-bottom: 60px;
    background: #f5f7f9;
    transition: .5s;
    margin-top: 60px
}

.mojoogarant2:hover {
    background: var(--bg-color);
    transition: .5s
}

.productpr2 .buys2 {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    display: inline-block;
    line-height: 28px;
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in;
    border-radius: 12px;
    text-align: center;
    padding: 8px 40px
}

.productpr2 .buys2:hover {
    opacity: .8
}

.productpr2 {
    text-align: center
}

.productpr3 .buys3 {
    background: #000;
    width: 280px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease-in;
    border-radius: 12px;
    text-align: center
}

.mojootex {
    margin-left: 30px
}

.justify-content-around {
    justify-content: space-around !important
}

.mojootit {
    padding: 20px 20px 20px 30px;
    width: 20%;
    border: 1px solid #d6dbe0;
    border-radius: 12px;
    line-height: 1.2em;
    color: #005bff;
    font-size: 16px;
    font-weight: 600
}

.mojootex {
    margin-left: 0
}

.mojootit {
    padding: 20px 20px 20px 30px;
    width: 100%;
    border: 1px solid #d6dbe0;
    border-radius: 12px;
    line-height: 1.2em;
    color: #005bff;
    font-size: 16px;
    font-weight: 600
}

.product-info-mini {
    border: 0;
    margin: 0;
    font-size: 16px;
    position: relative;
    top: 0;
    right: 0
}

.filter-product .form-check {
    padding-left: 0
}

.product-block-title {
    font-size: 24px;
    transition: all 0.4s ease 0s;
    color: var(--text-color);
    text-transform: none;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px
}

.dst-char-item {
    font-size: 16px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #fff;
    max-width: 60px;
    display: block;
    margin-left: 12px;
    border-radius: 12px;
    line-height: 26px;
    height: 28px
}

.char-item .char-name {
    color: var(--text-copy-color);
    position: relative;
    margin-bottom: 8px
}

.char-item .char-name:before {
    content: "";
    display: block;
    left: 0;
    bottom: .2em;
    position: absolute;
    width: 100%;
    border-bottom: 1px dotted #d6dbe0
}

.char-item .char-name .name {
    padding-right: 3px;
    font-size: 16px;
    position: relative;
    display: inline-flex;
    align-items: flex-start
}

.char-item-name-content {
    font-size: 16px;
    height: 40px
}

.fs {
    font-size: 16px
}

.reviews_widget,
#reviews_widget {
    margin: 0
}

.cart-page .cart-info {
    padding: 30px 30px;
    border-radius: 18px;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    cursor: pointer;
    background: var(--card-bg)
}

.cart-header-dst {
    background: var(--card-bg);
    padding: 15px 0;
    margin-bottom: 30px;
    border-radius: 18px
}

.cart-page .cart-info:hover {
    opacity: .9;
    transition: all .3s ease-in
}

.cart-page .cart-header-items {
    background: var(--bg-color);
    font-weight: 500;
    font-size: 16px;
    border-radius: 12px;
    padding: 15px 25px;
    margin: 5px 17px
}

.cart-page .cart-box-items {
    padding-right: 30px
}

.cart-page .cart-info .info {
    border-bottom: 1px solid #d6dbe0;
    font-size: 16px;
    font-weight: normal !important;
    padding-bottom: 10px
}

.h3 {
    font-size: 25px;
    font-weight: bold
}

.cart-page .cart-item img {
    max-height: 100px
}

@media(max-width:1000px) {
    .cart-page .cart-item img {
        max-height: 300px;
        margin-bottom: 15px;
    }
}

.cart-page .btn-to-confirm {
    min-height: 56px;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 12px;
    font-weight: 600
}

.cart-page .btn-submit-order,
.btn-submit-order:active {
    padding: 12px 50px;
    background-color: var(--bg-color);
    color: var(--cart-confirm-btn);
    font-weight: bold;
    font-size: 16px;
    box-shadow: none !important
}

.btn-green {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #fff !important
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active {
    background-color: #2fbf6f !important;
    box-shadow: none !important;
    color: #fff
}

#reviews_add_form textarea,
#reviews_add_form .emojionearea {
    background: var(--card-bg);
    font-size: 16px
}

#reviews_add_form .actions a {
    font-size: 16px;
    color: #333
}

.brand_area {
    padding-bottom: 60px
}

.features_area {
    padding-bottom: 10px;
    background: #f5f7f9
}

.features_area_dst {
    padding-bottom: 10px
}

.feature_item {
    border-radius: 12px;
    padding: 45px 25px;
    background: var(--card-bg);
    text-align: center;
    border: 1px solid #d6dbe0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item img {
    margin-bottom: 35px;
    height: 45px;
    display: block;
    border: 2px solid #555;
    padding: 5px 15px;
    border-radius: 12px
}

.feature_item h4 {
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 90px
}

.feature_item p {
    margin-bottom: 0;
    min-height: 110px
}

.feature_item:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    background: var(--bg-color);
    transition: all 0.4s ease 0s
}

.feature_itemdst {
    border-radius: 12px;
    padding: 35px 20px;
    background: var(--card-bg);
    min-height: 350px;
    text-align: center;
    border: 1px solid #d6dbe0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_itemdst img {
    margin-bottom: 35px;
    height: 50px;
    transition: all 0.4s ease 0s
}

.feature_itemdst img:hover {
    margin-bottom: 35px;
    filter: blur(1px);
    transition: all 0.4s ease 0s
}

.feature_itemdst h4 {
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 60px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    line-height: 28px
}

.feature_itemdst p {
    margin-bottom: 0;
    min-height: 100px
}

.feature_itemdst:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    background: var(--card-bg)
}

.swiper-container {
    width: 100%;
    height: 100%;
    max-height: 450px;
    min-width: 300px;
    max-width: 1920px;
    margin-bottom: 20px;
    padding-bottom: 50px
}

.swiper-slide {
    text-align: center;
    font-size: 16px;
    background: var(--card-bg);
    border-radius: 12px;
    border: 1px solid #d6dbe0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all 0.4s ease 0s
}

.swiper-slide:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    background: var(--card-bg);
    transition: all 0.4s ease 0s
}

.avatar-block {
    display: block;
    margin: 0 auto
}

.avatar-block.xy120 img,
.avatar-block.xy120 .avatar-colorbox {
    width: 120px !important;
    height: 120px !important;
    line-height: 110px !important
}

.avatar-block.xy150 img,
.avatar-block.xy150 .avatar-colorbox {
    width: 150px !important;
    height: 150px !important;
    line-height: 140px !important
}

.avatar-block.xy150 img,
.avatar-block.xy150 .avatar-colorbox {
    border-radius: 50%;
    float: unset !important;
    margin: 0 auto
}

.partner-item {
    display: grid;
    text-align: center
}

.partner-item .name {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -ms-line-clamp: 1;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    display: -webkit-box;
    display: box;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical
}

.rating-user {
    min-height: 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.rating-user .stars .stars-active,
.rating-user .stars {
    background-size: 20px 16px;
    height: 18px
}

.rating-user .stars {
    height: 18px;
    width: 96px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMid'%20viewBox='0%200%2015%2015'%3E%3Cpath%20class='st0'%20fill='%23d6dbe0'%20d='M7.5%200l2.3%204.9%205.2.8-3.7%203.8.9%205.4-4.6-2.6L2.9%2015l.9-5.4L0%205.7l5.2-.8L7.5%200z'/%3E%3C/svg%3E") repeat-x 0;
}

.rating-user .stars .stars-active {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23ffc107' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0;
    height: 15px;
    width: 0;
}

.rating-user .stars .stars-active,
.rating-user .stars {
    background-size: 20px 16px;
    height: 18px
}

.rating-user .stars-count {
    margin-left: 6px;
    font-size: 16px;
    line-height: 1.29;
    color: var(--text-copy-color)
}

.rating-user.d-grid {
    display: grid
}

.rating-user.text-left {
    align-items: left;
    justify-content: left
}

.rating-user.d-grid .stars-count {
    margin-left: 0
}

.feature-dst-icon {
    margin-bottom: 35px;
    height: 60px;
    display: block;
    padding: 5px 15px;
    border-radius: 12px;
    width: 60px;
    color: #005bff;
}

.note-dst {
    color: #005bff;
}

.dst-inline {
    min-height: 90px;
    background: rgba(0, 150, 255, .08);
    font-size: 16px;
    transition: all 0.4s ease 0s;
    cursor: pointer;
    padding: 30px;
    border-radius: 12px;
    font-size: 16px;
    text-align: center;
    font-weight: 600
}

.dst-action-proc {
    font-size: 47px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600
}

.discount-card-dst-prog {
    background: var(--card-bg);
    border-radius: 18px;
    padding: 0 30px 5px 30px;
    margin-bottom: 30px
}

.dst-admin-filter {
    background: var(--card-bg);
    border-radius: 18px;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.2);
    margin-bottom: 30px;
    padding: 20px 20px
}

.dst-admin-user {
    font-size: 16px;
    color: var(--text-copy-color)
}

.dst-variable-no {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 30px;
    display: inherit
}

.dst-variable-yes {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 30px;
    display: inherit
}

.dst-code-sku {
    color: var(--text-copy-color);
    background: var(--bg-color);
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 120px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px
}

.dst-code-sku-admin {
    color: var(--text-copy-color);
    background: var(--bg-color);
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 120px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px
}

.btn-primary-#ff528b {
    border: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 1px solid;
    color: #005bff;
    cursor: pointer;
    font-size: 16px;
    padding: 7px 16px;
    text-decoration: none;
    display: inline-block;
    border-radius: 12px
}

.dst-comiss {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 60px;
    display: inherit
}

.dst-comiss-buy {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 600
}

.dst-comiss-buy-front {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
    transition: all 0.4s ease 0s
}

.dst-comiss-buy-front:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dst-comiss-buy-front2 {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
    transition: all 0.4s ease 0s
}

.dst-comiss-buy-front2:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dst-comiss-buy-front2 a {
    color: #fff;
    font-weight: 400
}

.dst-button-buy {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px
}

.dst-button-buy-green {
    color: #fff;
    background: linear-gradient(90deg, rgba(40, 167, 69, 1) 0%, rgba(37, 182, 69, 1) 53%, rgba(41, 197, 69, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 110px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px
}

.dst-button-buy-red {
    color: #fff;
    background: linear-gradient(90deg, rgba(255, 82, 139, 1) 0%, rgba(252, 97, 139, 1) 53%, rgba(255, 112, 139, 1) 100%);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px
}

.dst-summ {
    color: var(--text-copy-color);
    background: var(--bg-color);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 120px;
    display: inherit
}

.dst-summ-partner {
    color: var(--text-copy-color);
    background: var(--bg-color);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 160px;
    display: inherit
}

.dst-summ-admin {
    color: var(--text-color);
    background: var(--card-bg);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 120px;
    display: inline;
    margin-left: 5px
}

.dst-summ-skid {
    color: #005bff;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 120px;
    display: inline;
    margin-left: 5px;
    border: #005bff 1px solid;
}

.dst-summ-skid-green {
    color: #005bff;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    border: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 1px solid
}

.dst-summ-skid-green-front {
    background: linear-gradient(90deg, #005bff 0%, rgb(112, 151, 255) 53%, rgb(116, 186, 255) 100%);
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    color: #fff;
}


.dst-summ-skid-green-front-discount {
    background: linear-gradient(90deg, #005bff 0%, rgb(112, 151, 255) 53%, rgb(116, 186, 255) 100%);
    padding: 4px 10px;
    border-radius: 18px;
    font-size: 28px;
    min-width: 50px;
    display: block;
    font-weight: 600;
    color: #fff;
    max-width: 100px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 20px;
}

.dst-summ-skid-gray {
    color: var(--text-copy-color);
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 140px;
    display: inline-block;
    margin-left: 5px;
    border: #dee2e6 1px solid
}

.dst-summ-admin-total {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(0, 150, 255, .08);
    background-clip: border-box;
    border-radius: 12px
}

.dst-product-admin {
    color: var(--text-copy-color);
    border: 1px solid #d6dbe0;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
    text-decoration: none;
    transition: all 0.4s ease 0s
}

.dst-product-admin a {
    color: var(--text-copy-color);
    text-decoration: none
}

.dst-product-admin:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dst-code-sku-price {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    padding: 8px 8px 0 10px;
    border-radius: 12px;
    font-size: 16px;
    min-width: 30px;
    margin-bottom: 10px;
    min-height: 36px;
    font-weight: 600;
    max-width: 90px
}

.dst-code-sku-price-old {
    color: var(--text-copy-color);
    border: #2fc26e 1px solid;
    padding: 7px 8px 0 10px;
    border-radius: 12px;
    font-size: 16px;
    min-width: 30px;
    margin-bottom: 10px;
    min-height: 36px;
    font-weight: 500;
    max-width: 90px
}

.filter-sorts button {
    background: 0;
    padding: 3px;
    color: var(--text-copy-color);
    font-size: 16px;
    border: 0;
    margin-bottom: 8px;
    cursor: pointer
}

@media(max-width:1619px) {
    .header_area .navbar .search {
        margin-left: 40px
    }
}

@media only screen and (min-width:980px) and (max-width:1506px) {
    .nav-page li a {
        padding-left: 4px
    }

    .nav-page2 li a {
        padding-left: 4px
    }
}

@media only screen and (min-width:1300px) and (max-width:1450px) {

    .product-n .actions a,
    .product-n .actions btn {
        padding: 6px 35px
    }
}

@media only screen and (min-width:1000px) and (max-width:1400px) {
    .primary_btn3 {
        display: none
    }

    .primary_btnblue {
        display: none
    }
}

@media only screen and (min-width:990px) and (max-width:1300px) {
    .features_area {
        padding-bottom: 50px
    }

    .features_area_dst {
        padding-bottom: 50px
    }

    .feature_item {
        border: 1px solid #d6dbe0;
        border-radius: 12px;
        padding: 25px 20px;
        text-align: center;
        background: #f9f9fd;
        cursor: pointer;
        margin-bottom: 30px;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s
    }

    .primary_btn span {
        padding: 0 38px
    }

    .primary_btn span {
        font-size: 16px
    }

    .client-info {
        padding: 25px 0;
        text-align: center;
        position: relative;
        margin-top: 25px
    }

    .client-info .smll {
        text-align: left;
        color: var(--text-color);
        font-family: "Styrene A Web", sans-serif;
        font-size: 16px;
        margin-left: 0
    }

    .feature_item img {
        margin-bottom: 25px;
        height: 40px;
        display: block
    }

}

@media only screen and (min-width:1200px) and (max-width:1300px) {

    .btn-cart-dst,
    .btn-cart-dst:hover,
    .btn-cart-dst:focus,
    .btn-cart-dst.focus {
        width: 240px
    }
}

@media(max-width:1245px) {
    .phone-cart-line {
        font-size: 14px
    }

    .phone-cart-line a {
        font-size: 11px !important
    }
}

@media only screen and (min-width:1000px) and (max-width:1200px) {
    .brand-carousel .single-brand-item {
        height: 100px;
        width: 140px
    }

    .line.btn-gray {
        font-size: 14px;
        padding: 16px 10px
    }

    .btn-cart-dst,
    .btn-cart-dst:hover,
    .btn-cart-dst:focus,
    .btn-cart-dst.focus {
        width: 180px !important;
        font-size: 16px
    }
}

@media(max-width:1200px) {
    .features_area {
        padding-bottom: 50px
    }

    .features_area_dst {
        padding-bottom: 50px
    }

    .brand_area {
        padding-bottom: 60px
    }

    .home_banner_area .banner_inner {
        padding: 100px 0
    }

    .header_area .navbar .primary_btn {
        margin-left: 40px
    }

    .home_banner_area .banner_inner .banner_content h2 br {
        display: none;
        font-size: 28px
    }

    .home_banner_area .banner_inner .banner_content h2 {
        font-size: 28px;
        line-height: 45px
    }

    .single-brand-item {
        width: 170px !important
    }

    .single-brand-item img {
        max-width: 130px !important
    }

    .profile-page .user-info .avatar .avatar-colorbox {
        height: 60px !important;
        width: 60px !important;
        float: left;
        display: inline
    }

    .profile-page .user-info .avatar {
        text-align: left
    }

    .profile-page .left-panel {
        min-height: 0;
    }

    .profile-page .right-panel .content {
        padding: 0
    }
}

@media(max-width:1100px) {
    .features-overview .features-width {
        flex-basis: 100%
    }

    .containerclub {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px 0 15px
    }
}

@media(max-width:1024px) {
    .home_banner_area .banner_inner .banner_content h1 {
        font-size: 50px;
        line-height: 60px
    }

    .product-n .actions a,
    .product-n .actions btn {
        padding-left: 10px;
        padding-right: 10px
    }

    .product-n .special-label {
        font-size: 14px
    }
}

@media only screen and (min-width:300px) and (max-width:1000px) {
    .feature_item p {
        margin-bottom: 0;
        min-height: 112px
    }

    .feature_item h4 {
        font-size: 16px;
        margin-bottom: 20px;
        min-height: 87px
    }

    .feature_item img {
        margin-bottom: 20px;
        height: 40px;
        display: block
    }

    .dstswfeature_item h4 {
        font-size: 16px;
        margin-bottom: 20px;
        min-height: 110px
    }

    .dstmain_title h2 {
        font-size: 35px;
        line-height: 40px
    }
}

@media(max-width:991px) {
    .navbar-toggler {
        border: 0;
        border-radius: 0;
        padding: 0;
        cursor: pointer;
        margin-top: 27px;
        margin-bottom: 23px
    }

    .header_area .navbar {
        background: var(--card-bg);
        box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
        position: fixed
    }

    .navbar-toggler[aria-expanded="false"] span:nth-child(2) {
        opacity: 1
    }

    .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
        opacity: 0
    }

    .navbar-toggler[aria-expanded="true"] span:first-child {
        transform: rotate(-45deg);
        position: relative;
        top: 7.5px
    }

    .navbar-toggler[aria-expanded="true"] span:last-child {
        transform: rotate(45deg);
        bottom: 6px;
        position: relative
    }

    .navbar-toggler span {
        display: block;
        width: 25px;
        height: 3px;
        background: #000;
        margin: auto;
        margin-bottom: 4px;
        transition: all 400ms linear;
        cursor: pointer
    }

    .navbar .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .nav {
        padding: 0
    }

    .header_area+section,
    .header_area+row,
    .header_area+div {
        margin-top: 117px
    }

    .header_top .nav {
        padding: 0
    }

    .header_area .navbar .nav .nav-item .nav-link {
        line-height: 40px;
        margin-right: 0;
        display: block;
        border-bottom: 1px solid #ededed33;
        border-radius: 0;
        color: var(--text-color)
    }

    .header_area .navbar .search {
        margin-left: 0
    }

    .header_area .navbar-collapse {
        overflow-y: hidden;
        height: auto;
        padding-bottom: 30px
    }

    .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
        padding: 0 15px;
        font-size: 14.5px;
        font-weight: 300
    }

    .header_area .navbar .nav .nav-item {
        margin-right: 0
    }

    .header_area+section,
    .header_area+row,
    .header_area+div {
        margin-top: 0
    }

    .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
        line-height: 40px;
        color: #fff
    }

    .header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
        line-height: 40px;
        color: #fff
    }

    .header_area.white_menu .navbar .nav .nav-item .nav-link {
        color: #222
    }

    .home_banner_area {
        margin-top: 0
    }

    .home_right_img {
        display: none
    }

    .categories_post img {
        width: 100%
    }

    .categories_post {
        max-width: 360px;
        margin: 0 auto
    }

    .blog_categorie_area .col-lg-4 {
        margin-top: 30px
    }

    .blog_area {
        padding-bottom: 80px
    }

    .single-post-area .blog_right_sidebar {
        margin-top: 30px
    }

    .contact_info {
        margin-bottom: 50px
    }

    .home_banner_area .donation_inner {
        margin-bottom: -30px
    }

    .home_banner_area .dontation_item {
        max-width: 350px;
        margin: auto
    }

    .home_banner_area .banner_inner .home_left_img {
        display: none
    }

    .header_area .navbar .primary_btn {
        display: none
    }

    .left_side_text {
        margin-bottom: 50px
    }

    .price_item {
        max-width: 360px;
        margin: 0 auto 30px
    }

    .price_inner {
        margin-bottom: -30px
    }

    .tr-bg-none {
        display: none !important
    }
}

@media only screen and (min-width:300px) and (max-width:990px) {
    .cif {
        font-size: 28px;
        line-height: 48px
    }
}

@media(max-width:990px) {
    .alert-delivery-free .method {
        float: unset;
        margin-bottom: 6px
    }
}

@media(max-width:980px) {
    .cart-buttom-fixed {
        display: block;
        position: fixed;
        bottom: 65px;
        text-align: center;
        height: 65px;
        line-height: 50px;
        z-index: 3;
        width: 100%;
    }

    .cart-buttom-fixed button {
        height: 100% !important
    }

    .product-cart-block .btn-cart {
        display: none
    }

    .btn-cart-dst {
        display: none
    }


}

@media(max-width:972px) {
    #breadcrumbs ul {
        margin-bottom: 5px
    }

    .product-info-mini {
        display: contents
    }
}

@media(max-width:767px) {
    .home_banner_area {
        min-height: 300px
    }

    .home_banner_area .banner_inner {
        min-height: 300px;
        padding-top: 70px;
        padding-bottom: 80px
    }

    .home_banner_area .banner_inner .banner_content {
        margin-top: 0
    }

    .home_banner_area .banner_inner .banner_content .primary_btn {
        margin-right: 15px
    }

    .primary_btn.tr-bg {
        display: none
    }

    .primary_btn4.tr-bg {
        display: none
    }

    .product-cart-block {
        margin-top: 30px
    }

    .single-brand-item {
        height: 100px;
        width: 140px
    }

    .single-brand-item img {
        max-width: 100px
    }
}

@media only screen and (min-width:300px) and (max-width:750px) {
    .dstshipp {
        font-size: 38px;
        line-height: 46px
    }

    .desc.h4 {
        font-size: 16px
    }

    .home_banner_area .banner_inner .banner_content h1 {
        font-size: 28px;
        line-height: 42px
    }

    .mainbrands2 {
        font-size: 28px;
        line-height: 42px
    }
}

@media(max-width:700px) {
    .cart-totals .sum {
        display: inherit;
        font-size: 16px;
        margin-right: 25px
    }

    .cart-item {
        text-align: center
    }

    .widget_text_block2 {
        overflow: hidden;
        background: #f2f6fa;
        margin-top: 50px;
        display: none;
        color: var(--text-copy-color);
        font-size: 16px
    }

    .containertext {
        font-size: 14px
    }
}

@media only screen and (min-width:300px) and (max-width:650px) {
    h5 {
        font-size: 38px;
        line-height: 46px
    }

    .mojootxtpr {
        font-size: 38px;
        line-height: 46px
    }
}

@media(max-width:600px) {
    .product-n .cart-other .dropdown-menu.show {
        display: block;
        transform: translate3d(-25px, 40px, 0) !important
    }

    .product-n .special-label {
        margin: 0;
        /* Убираем внешний отступ */
        -webkit-line-clamp: 2;
        /* Число отображаемых строк */
        display: -webkit-box;
        /* Включаем флексбоксы */
        -webkit-box-orient: horizontal;
        /* Вертикальная ориентация */
        overflow: hidden;
        /* Обрезаем всё за пределами блока */
        white-space: nowrap;
        /* Текст не переносится */
        max-width: 100%;
        text-overflow: ellipsis;
        /* Добавляем многоточие */
        font-size: 13px
    }

    .dst-container-mobil-cart:nth-child(1n) {
        padding-left: 15px !important;
        padding-right: 5px !important;
    }

    .dst-container-mobil-cart:nth-child(2n) {
        padding-right: 15px !important;
        padding-left: 5px !important;
    }

    .product-n .buy {
        padding: 7px 10px
    }
}

@media only screen and (min-width:300px) and (max-width:576px) {
    .feature_item2 h4 {
        font-size: 26px !important;
        color: #fff
    }

    .product-n .rating .stars-count {
        margin-left: 6px;
        font-size: 14px;
        line-height: 1.29;
        color: var(--text-copy-color)
    }

    .home_banner_area .banner_inner .banner_content h1 {
        font-size: 28px;
        line-height: 42px
    }

    .home_banner_area .banner_inner2 .banner_content h1 {
        font-size: 28px;
        line-height: 42px
    }

    .main_title h2 {
        font-size: 16px;
        line-height: 34px
    }

    .swiper-slide {
        text-align: center;
        font-size: 16px
    }
}

@media(max-width:575px) {

    .header_area+section,
    .header_area+row,
    .header_area+div {
        margin-top: 0
    }

    .home_banner_area .banner_inner .banner_content h2 {
        font-size: 16px;
        line-height: 38px
    }

    .home_banner_area {
        min-height: 450px
    }

    .home_banner_area .banner_inner {
        min-height: 450px
    }

    .home_banner_area .banner_inner .banner_content img {
        display: none
    }

    .home_banner_area .banner_inner .banner_content h5 {
        margin-top: 0
    }

    .section_gap {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .main_title h2 {
        font-size: 25px
    }

    .sample-text-area {
        padding: 70px 0 70px 0
    }

    .generic-blockquote {
        padding: 30px 15px 30px 30px
    }

    .blog_details h2 {
        font-size: 16px;
        line-height: 30px
    }

    .footer-area {
        padding: 70px 0
    }

    .news_widget {
        padding-left: 0 !important
    }

    .pad_top {
        padding-top: 70px
    }

    .pad_btm {
        padding-bottom: 70px
    }

    .cart-page .cart-header-items {
        font-size: 16px
    }

    .all_sum {
        font-size: 16px
    }

    .cart-totals .sum {
        font-size: 16px
    }

    .cart-page .btn-to-confirm {
        font-size: 16px
    }
}

@media(max-width:500px) {
    .single-brand-item {
        height: 90px !important;
        width: 130px !important
    }

    .single-brand-item img {
        max-width: 100px !important
    }
}

@media(max-width:480px) {

    .drop-menu-call {
        display: none;
    }

    .header_area .navbar-collapse {
        padding-bottom: 30px
    }

    .home_banner_area .banner_inner .banner_content {
        padding: 30px 15px;
        margin-top: 0
    }

    .home_banner_area .banner_inner .banner_content h3 {
        font-size: 16px
    }

    .banner_area .banner_inner .banner_content h2 {
        font-size: 28px
    }

    .comments-area .thumb {
        margin-right: 10px
    }

    .testi_item .media .d-flex {
        padding-right: 0
    }

    .testi_item .media .d-flex img {
        width: auto;
        margin-bottom: 15px
    }

    .testi_item .media {
        display: block
    }

    .product-n .rating .stars-count {
        display: none
    }

    .cart-page .btn-to-confirm {
        font-size: 16px
    }
}

@media(max-width:450px) {
    .alert-delivery-free {
        background: #3529f5;
        color: #fff;
        padding: 5px;
        font-size: 14px;
        border-radius: 0;
        margin: 0;
        border-color: #3529f5;
        font-weight: 600;
        display: grid;
        transition: all 0.4s ease 0s
    }

    .alert-delivery-free .free {
        border-radius: 12px;
        background: #ff528b;
        padding: 2px 4px;
        margin-left: 5px
    }

    .containertext {
        font-size: 14px
    }

    .nav-cats2 li a {
        font-size: 1.2rem
    }

    .single-brand-item {
        height: 80px !important;
        width: 110px !important
    }

    .single-brand-item img {
        max-width: 90px !important
    }

    .mainbrands2 {
        font-size: 20px !important;
        line-height: 36px !important
    }

    .mainbrands5 {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .dstport {
        font-size: 20px !important;
        line-height: 32px !important
    }

    .dstport3 {
        font-size: 16px !important
    }

    .dstportdark {
        font-size: 20px !important;
        line-height: 32px !important
    }

    .shipping-carousel .item .title {
        font-size: 16px !important
    }

    .shipping-carousel .item .desc {
        font-size: 16px !important
    }

    .feature_item2 p {
        font-size: 16px !important
    }

    .feature_item2 h4 {
        font-size: 20px !important
    }

    .feature_item4 h4 {
        font-size: 20px !important
    }

    .feature_item4 p {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .dstfeature_item2 h4 {
        font-size: 20px !important
    }

    .dstfeature_item2 p {
        font-size: 16px !important
    }

    .primary_btn {
        font-size: 14px !important;
        line-height: 40px !important
    }

    .primary_btn span {
        padding: 0 8px !important
    }

    .primary_btn5 {
        font-size: 14px !important;
        line-height: 40px !important
    }

    .primary_btn5 span {
        padding: 0 8px !important
    }

    .primary_btn6 {
        font-size: 14px !important;
        line-height: 40px !important
    }

    .primary_btn6 span {
        padding: 0 8px !important
    }

    .dstlink {
        font-size: 20px !important;
        line-height: 36px !important
    }

    .main_title h2 {
        font-size: 20px !important;
        line-height: 36px !important
    }

    .main_title p {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .contact_info .info_item p {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .contact_form .form-group .form-control {
        font-size: 16px !important
    }

    .footer_deposit .social-links img {
        width: 19px !important;
        height: 19px !important;
        padding: 2px !important
    }

    .nav-page2 li a {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .tab-items .nav-item a {
        font-size: 20px !important
    }

    h1 {
        font-size: 28px !important
    }

    h2 {
        font-size: 20px !important
    }

    .cif {
        font-size: 28px !important
    }

    .text-muted {
        font-size: 14px !important;
        line-height: 24px !important
    }

    .product-block-title {
        font-size: 20px !important
    }

    .product-n .title {
        font-size: 16px
    }

    .home_banner_area .banner_inner2 .banner_content h5 {
        font-size: 16px
    }

    .dstmain_title2 h2 {
        font-size: 16px
    }

    .dstmain_title2 h2 {
        font-size: 28px !important
    }

    .cart_items {
        font-size: 16px
    }

    .cart-totals .sum {
        font-size: 16px !important
    }

    .cart-info-dst-buy {
        font-size: 16px
    }

    .product-info {
        font-size: 14px !important
    }

    .col-dst-brand-12 {
        max-width: 100%
    }

    .col-dst-brand-center-12 {
        max-width: 100%;
        text-align: center;
        margin: 0 auto
    }

    .line.btn-gray {
        font-size: 14px;
        padding: 16px 10px
    }

    .cart-page .btn-submit-order,
    .btn-submit-order:active {
        font-weight: 500;
        font-size: 16px
    }
}

@media(max-width:430px) {
    .cart-buttom-fixed {
        font-size: 20px !important
    }
}

@media(max-width:400px) {
    .alert-delivery-free {
        background: #3529f5;
        color: #fff;
        padding: 5px;
        font-size: 9px;
        border-radius: 0;
        margin: 0;
        border-color: #3529f5;
        font-weight: 600;
        display: grid;
        transition: all 0.4s ease 0s
    }

    .single-brand-item {
        height: 100px !important;
        width: 220px !important
    }

    .single-brand-item img {
        max-width: 130px !important
    }

    .cart-page .cart-info .info {
        font-size: 16px;
        font-weight: normal !important
    }

    .small {
        line-height: 20px
    }

    small,
    .small {
        font-size: 70%
    }

    .footer-mobile .name {
        font-size: 11px !important
    }

    .dstport {
        font-size: 18px !important;
        line-height: 26px !important
    }

    .dstportdark {
        font-size: 18px !important;
        line-height: 26px !important
    }

    .feature_item2 h4 {
        font-size: 18px !important;
        line-height: 26px !important
    }

    .feature_item4 h4 {
        font-size: 18px !important;
        line-height: 26px !important
    }
}

@media(max-width:370px) {
    .btn {
        font-size: 1rem;
        padding: 0rem .3rem
    }

    .btn-primary {
        font-size: 14.5px !important;
        padding: 6px 35px !important
    }

    .btn {
        padding: .375rem .75rem !important
    }

    .nav-cats2 li a {
        font-size: 1rem
    }

    .all_sum {
        font-size: 14px
    }
}

@media(max-width:330px) {
    .product-n .actions .mr-2 {
        margin-right: 3px !important
    }
}

.footer-mobile .header-icon svg {
    fill: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #005bff;
    height: 45px
}

.footer-mobile .header-icon-margin {
    margin-top: 5px
}

.block-partner {
    position: relative;
    padding: 10px;
    width: 100%;
    border-radius: 18px
}

.product-n .actions a,
.product-n .actions btn {
    line-height: 28px;
    padding: 6px 45px;
    font-size: 16px;
}

.controller-deposit .product-n {
    height: 525px
}

.controller-farmer .product-n {
    height: auto
}

.product-n-dst .sale-sum {
    color: var(--text-color);
    background-color: var(--service-bg);
    font-weight: bold;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 12px
}

.dst-copy-txt {
    font-size: 14px;
    color: var(--text-copy-color);
    line-height: 18px;
    text-align: left
}

.dst-copy-txt a {
    text-decoration: underline;
    color: var(--text-copy-color);
    font-size: 14px !important
}

.dst-copy-txt2 {
    color: var(--text-copy-color)
}

.dst-copy-txt-blue a {
    font-size: 14px;
    color: #005bff;
    line-height: 26px;
    text-align: left
}

.availability-partner {
    color: #fff;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) !important;
    font-weight: 500;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 12px;
    display: inline-block;
}

.availability {
    color: #fff;
    background-color: #ff528b;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 12px;
    display: inline-block
}

.availability-blue {
    color: #fff;
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    font-weight: 500;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 12px;
    display: inline-block
}

.availability-red {
    color: #fff;
    background-color: #ff528b;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 12px;
    display: inline-block
}

.availability-green {
    color: #fff;
    background-color: var(--service-bg);
    font-weight: 500;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 12px;
    display: inline-block
}

.brands-widgets {
    line-height: 21px;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px
}

.item-list-brands img {
    max-height: 80px;
    max-width: 80px
}

.cart-header {
    font-size: 18px;
    text-align: center;
    color: var(--text-color)
}

.deldel {
    font-size: 14px;
    color: var(--text-color)
}

.cart_items {
    text-align: center;
    font-size: 16px
}

.cart-total {
    color: var(--text-color);
    padding: 1.3rem 0;
    border-radius: 12px 8px 0 0;
    border-bottom: 1px solid #d6dbe0
}

.box-total-cart {
    background: var(--card-bg);
    border-radius: 18px;
    transition: all 0.4s ease 0s
}

.free-develery a {
    color: #fff;
    text-decoration: underline
}

.free-develery span {
    background: var(--card-bg);
    color: #005bff
}

.cart-process .cart-process-title {
    font-weight: 600;
    font-size: 18px
}

@media(max-width:450px) {
    .cart-process .cart-process-title {
        font-size: 20px !important
    }
}

.cart-buttons {
    margin: 0 auto
}

.add_order {
    margin: 0 auto
}

#ordercomfirm {
    margin: 0 auto
}

.cart-buttons .cart-button {
    font-size: unset;
    border: 1px solid #d6dbe0;
    font-size: 16px;
    margin-bottom: 7.5px;color
    margin-top: 7.5px;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 12px;
    position: relative;
}

.errors-pays-types {
    color: #ff528b
}

.cart-buttons .cart-button:hover {
    opacity: .7
}

.cart-buttons .cart-button .title {
    display: block;
    text-transform: none
}

.cart-buttons .cart-button .commit {
    display: block;
    color:var(--text-copy-color);
    font-weight: normal;
    text-transform: none;
    font-size: 14px
}

.cart-totals {
    text-align: center;
    font-weight: 20px
}

.cart-totals .sum {
    font-size: 18px;
    margin-right: 25px;
    font-weight: 600
}

.cart-totals .sum .value {
    color: #0f9d58
}

.cart-save {
    text-align: center
}

.cart-item {
    border-bottom: 1px solid #d6dbe0
}

.cart-item img {
    max-width: 100%;
    max-height: auto;
    border-radius: 12px;
    transition: all .3s ease-in
}

.cart-item img:hover {
    max-width: 100px;
    max-height: auto;
    border-radius: 12px;
    opacity: .8;
    transition: all .3s ease-in
}

.cart-button.disabled {
    opacity: .3
}

#map,
.map {
    width: 100%;
    min-height: 400px
}

.map .items-list {
    height: 380px;
    overflow-y: auto
}

.map .items-list .item {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #fff
}

.map .items-list .item a {
    color: var(--text-color)
}

.map .items-list .item.active .title {
    color: #009029;
    font-weight: bold
}

.map .items-list .item .payments {
    margin-top: 5px
}

.map .items-list .item .payments img {
    display: inline-block;
    width: 11px;
    margin-top: -4px
}

.map .items-list .item .payments span {
    display: inline
}

.map .items-list .item.active {
    border: 1px solid #fa5
}

.map .items-list .item.active .title {
    color: #009029
}

.time {
    margin-top: 5px;
    color: var(--text-copy-color);
    display: none
}

.oversized {
    color: #db4437;
    text-align: left;
    font-size: 14px
}

.cart-buttons .active,
.pays-types .active {
    border: 1px solid #0f9d58;
    color: #0f9d58
}

.map .city-search-box {
    height: 380px;
    overflow-y: auto
}

.setPvz {
    height: 584px !important
}

.sklad-icon-title {
    color: var(--text-color);
    font-weight: bold;
    position: absolute;
    left: 40px;
    background: var(--card-bg);
    padding: 5px;
    border-radius: 5px;
    top: -15px;
    width: 150px;
    text-align: left
}

.kd-form input,
.kd-form .dropdown-toggle {
    border-radius: 5px;
background-color: var(--card-bg);
}

.dropdown-toggle {
    border-radius: 5px;
    background-color: var(--line-btn-hover)
}

.kd-time .dropdown-toggle {
    color:var(--text-copy-color);
    border: 1px solid #d6dbe0;
    color:var(--text-copy-color)666;
    border-color: #ccc
}

.kd-time .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 17px
}

.kd-time .dropdown-menu {
    width: 100%
}

.kd-time .dropdown-item {
    display: block;
    float: left;
    border: 1px solid #d6dbe0;
    width: auto;
    clear: unset;
    margin: 5px;
    padding: 0 20px;
    cursor: pointer;
    text-align: center
}

.oversized {
    margin-bottom: 20px
}

.kd-time .dropdown-item.active {
    border-color: #ff9329
}

.develery-item span.total {
    border-radius: 5px;
    margin: 0;
    padding: 0 7px
}

@media(max-width:650px) {
    .map .city-search-box {
        height: 250px;
        overflow-y: auto
    }

    .setPvz .map .items-list {
        height: 200px;
        overflow-y: auto
    }

    .setPvz {
        height: 250px !important
    }

    #map,
    .map {
        width: 100%;
        min-height: 250px
    }
}

.payments_text {
    margin-bottom: 20px;
    color: #db4437;
    text-align: left;
    font-size: 14px
}

.count-input {
    border: 1px solid #d6dbe0;
    display: inline-flex;
    width: auto;
    border-radius: 16px
}

.count-input .input-nu {
    border: 0;
    margin: 0;
    background: 0;
    color: var(--count-input);
    font-weight: 600
}

.count-input .btn-number {
    background: 0
}

.count-input .btn-number:hover .fa {
    color: #005bff
}

.count-input .btn-number .fa {
    color: #b9b9b9;
    font-size: 14px
}

@media(max-width:1092px) and (min-width:1000px) {
    .cart-page .btn-to-confirm {
        font-size: 16px
    }
}

.product-cart {
    padding: 0;
    height: 0;
    border: 0 solid #fff;
    margin-bottom: 25px;
    border-radius: 0;
    background: var(--card-bg);
    position: relative;
    transition: all 0.4s ease 0s;
    display: inline-block;
    margin-top: 15px;
}

.product-cart .image {
    text-align: center;
    max-height: 192px;
    min-height: 192px
}

.product-cart .image img {
    max-height: 192px;
    border-radius: 12px
}

.product-cart .open-callback {
    color: var(--text-color)
}

.product-cart:hover {
    opacity: .8
}

.product-cart .title {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 6px;
    position: relative;
    color: var(--text-color);
    max-width: 100%;
    word-break: break-word;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.product-cart .title:hover {
    cursor: pointer;
    color: #005bff
}

.product-cart .btn-toolbar {
    position: relative
}

.product-cart .actions {
    position: absolute;
    bottom: 0
}

.product-cart .sub-info {
    color: #808d9a;
    display: -webkit-box;
    height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.product-cart .cart-other.show {
    position: initial
}

.product-cart .cart-other .dropdown-menu {
    border: 0;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%)
}

.product-cart .cart-other .dropdown-menu.show {
    display: block;
    transform: translate3d(0, 40px, 0) !important
}

.product-cart .dropdown-toggle::after {
    display: none
}

.product-cart .dropdown-toggle::after {
    border: 0
}

.product-cart .title a {
    color: var(--text-color)
}

.product-cart .info {
    position: relative
}

.product-cart .price-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.product-cart .price-block .price {
    font-size: 20px
}

.product-cart .price-block .price.price-sale {
    color: #005bff;
    font-weight: 600
}

.product-cart .old-price {
    font-size: 16px;
    line-height: 14px;
    color: var(--mm-link-color);
    position: relative;
    margin-left: 5px
}

.product-cart .old-price:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    display: block;
    background: #ff528b;
    transform: rotate(-3deg)
}

.product-cart .image {
    position: relative;
    margin-bottom: 10px
}

.product-cart .sale-sum {
    color: #fff;
    background-color: var(--service-bg);
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    flex-shrink: 0;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 12px;
    margin-right: 8px;
    display: flex;
    justify-content: space-between
}

.product-cart .sale-sum span {
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis
}

.product-cart .rating {
    min-height: 18px;
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.product-cart .rating .stars {
    height: 18px;
    width: 96px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMid'%20viewBox='0%200%2015%2015'%3E%3Cpath%20class='st0'%20fill='%23d6dbe0'%20d='M7.5%200l2.3%204.9%205.2.8-3.7%203.8.9%205.4-4.6-2.6L2.9%2015l.9-5.4L0%205.7l5.2-.8L7.5%200z'/%3E%3C/svg%3E") repeat-x 0
}

.product-cart .rating .stars .stars-active {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'preserveAspectRatio='xMinYMid'viewBox='001515'%3E%3Cpathclass='st0'fill='%23ffc107'd='M7.50l2.34.95.2.8-3.73.8.95.4-4.6-2.6L2.915l.9-5.4L05.7l5.2-.8L7.50z'/%3E%3C/svg%3E") repeat-x 0;
    height: 15px;
    width: 0
}

.product-cart .rating .stars .stars-active,
.product-cart .rating .stars {
    background-size: 20px 16px;
    height: 18px
}

.product-cart .rating .stars-count {
    margin-left: 6px;
    font-size: 16px;
    line-height: 1.29;
    color: var(--text-copy-color)
}

.product-cart .stiker {
    width: 48px;
    background: #ff528b;
    display: inherit;
    border-radius: 25px;
    position: absolute;
    height: 48px;
    right: 0;
    bottom: 2px;
    transition: all 0.4s ease 0s
}

.product-cart .stiker:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease 0s
}

.product-cart .slick-list {
    margin-left: 30px
}

.product-cart .slick-next.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0;
    background-size: 25px auto;
    width: 35px;
    height: 31px;
    position: absolute;
    right: -10px;
    top: 30%
}

.product-cart .slick-next.slick-arrow:before {
    display: block;
    width: 25px;
    height: 31px;
    content: ' ';
    background: transparent url(/templates/default/images/next-image.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px
}

.product-cart .slick-prev.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0;
    background-size: 25px auto;
    width: 35px;
    height: 31px;
    position: absolute;
    left: 10px;
    top: 30%;
    z-index: 2
}

.product-cart .slick-prev.slick-arrow:before {
    display: block;
    width: 25px;
    height: 31px;
    content: ' ';
    background: transparent url(/templates/default/images/prev-image.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px
}

.product-cart .image .slick-prev,
.product-cart .image .slick-next {
    opacity: 0
}

.product-cart .image {
    margin-top: 15px
}

.product-cart .favorite {
    float: right
}

.product-cart .add-favorite {
    color: #ccc
}

.product-cart .add-favorite .not_add svg {
    color: var(--text-copy-color)
}

.product-cart .add-favorite .not_add:hover svg {
    color: #ff528b
}

.product-cart .add-favorite .is_add svg {
    color: #ff528b
}

.product-cart .image:hover .slick-prev {
    opacity: 1
}

.product-cart .image:hover .slick-next {
    opacity: 1
}

.club-item-tags a {
    background: var(--service-bg);
    color: var(--text-copy-color);
    border-radius: 15px;
    line-height: 33px;
    margin-right: 10px;
    padding: 10px 19px;
    height: 35px;
    font-size: 16px;
    text-decoration: none;
}

.club-item-tag {
    margin-bottom: 15px;
    display: inline-block;
    transition: all .3s
}

.club-item-tag:hover {
    opacity: .7;
    transition: all .3s
}

.club-item-user .nickname {
    font-weight: 600
}

.club-item-user .info {
    font-weight: 500;
    font-size: 16px
}

.club-item-user .info .cat {
    color: var(--text-copy-color)
}

.club-item-user .info .date {
    color: var(--text-copy-color)
}

.video-box {
    position: relative;
    border-radius: 0px 0px 80px 80px;
    overflow: hidden;
}

.video-box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.video-content {
    position: relative
}

.video-content:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4
}

.primary_btn {
    display: inline-block;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 44px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border: none;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn span {
    padding: 0 24px;
    transition: all 0.4s ease 0s
}

.primary_btn.tr-bg {
    border: 2px solid #000;
    color: var(--text-color);
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%))
}

.primary_btn.tr-bg:hover {
    opacity: .9;
    color: var(--text-color);
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: 2px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #005bff;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn:hover {
    color: #fff;
    opacity: .9;
    box-shadow: none;
    background-clip: border-box;
    transition: all 0.4s ease 0s
}

.primary_btn2 {
    display: inline-block;
    border: 2px solid #000;
    color: var(--text-color);
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 44px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px
}

.primary_btn2 span {
    padding: 0 24px
}

.primary_btn2.tr-bg2 {
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: 2px solid transparent;
    color: var(--text-color);
    box-shadow: none
}

.primary_btn2.tr-bg2:hover {
    background-image: linear-gradient(to right, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: double 2px transparent;
    color: #fff;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3)
}

.primary_btn2:hover {
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: 2px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #005bff;
    box-shadow: none;
    background-clip: border-box
}

.primary_btn3 {
    display: inline-block;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 44px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background: #ff528b;
    border: double 2px transparent;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn3 span {
    padding: 0 24px;
    transition: all 0.4s ease 0s
}

.primary_btn3.tr-bg {
    border: 2px solid #000;
    color: var(--text-color);
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%))
}

.primary_btn3.tr-bg:hover {
    opacity: .9;
    color: var(--text-color);
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: 2px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #ff528b;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn3:hover {
    color: #fff;
    opacity: .9;
    box-shadow: none;
    background-clip: border-box;
    transition: all 0.4s ease 0s
}

.primary_btn4 {
    display: inline-block;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(to right, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: double 2px transparent;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn4 span {
    padding: 0 30px;
    transition: all 0.4s ease 0s
}

.primary_btn4.tr-bg {
    background: rgba(11, 31, 53, .1);
    border: 2px solid transparent;
    color: var(--text-color);
    box-shadow: none;
    transition: all 0.4s ease 0s
}

.primary_btn4.tr-bg:hover {
    opacity: .9;
    color: var(--text-color);
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn4:hover {
    color: #fff;
    opacity: .9;
    box-shadow: none;
    background-clip: border-box;
    transition: all 0.4s ease 0s
}

.primary_btn5 {
    display: inline-block;
    color: #005bff;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(to right, #fff 0, #fff 100%), radial-gradient(circle at top left, #fff, #fff);
    border: double 2px transparent;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn5 span {
    padding: 0 30px;
    transition: all 0.4s ease 0s
}

.primary_btn5.tr-bg {
    border: 2px solid #000;
    color: var(--text-color);
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%))
}

.primary_btn5.tr-bg:hover {
    opacity: .9;
    color: #005bff;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: 2px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #005bff;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn5:hover {
    color: #005bff;
    opacity: .9;
    box-shadow: none;
    background-clip: border-box;
    transition: all 0.4s ease 0s
}

.about_area .primary_btn5 {
    margin-top: 20px
}

.primary_btn6 {
    display: inline-block;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 56px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border: 2px solid #fff;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn6 span {
    padding: 0 50px;
    transition: all 0.4s ease 0s
}

.primary_btn6.tr-bg {
    border: 2px solid #fff;
    color: #fff;
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.primary_btn6.tr-bg:hover {
    opacity: .9;
    color: #fff;
    border: 2px solid #fff;
    color: #005bff;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn6:hover {
    color: #fff;
    opacity: .9;
    box-shadow: none;
    background-clip: border-box;
    transition: all 0.4s ease 0s
}

.primary_btnblue {
    display: inline-block;
    border: 2px solid #fff;
    color: #fff;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px
}

.primary_btnblue span {
    padding: 0 20px
}

.primary_btnblue.tr-bgblue {
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: 2px solid transparent;
    color: var(--text-color);
    box-shadow: none
}

.primary_btnblue.tr-bgblue:hover {
    background-image: linear-gradient(to right, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: double 2px transparent;
    color: #fff;
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3)
}

.primary_btnblue:hover {
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    border: 2px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #005bff;
    box-shadow: none;
    background-clip: border-box
}

.shipping-header .h1 {
    color: #fff;
    font-size: 60px
}

.shipping-header .info {
    color: #fff;
    line-height: 1.7
}

.shipping-header2 .h1 {
    color: #fff;
    font-size: 60px
}

.shipping-header2 .info {
    color: #fff;
    line-height: 1.7
}

.shipping-header3 .h1 {
    color: #fff;
    font-size: 60px
}

.shipping-header3 .info {
    color: #fff;
    line-height: 1.7
}

.shipping-header4 .h1 {
    color: #005bff;
    font-size: 60px
}

.shipping-header4 .info {
    color: var(--mm-link-color);
    line-height: 1.7;
    font-size: 24px
}

.shipping-header5 .h1 {
    color: #ce96c3;
    font-size: 60px
}

.shipping-header5 .info {
    color: var(--mm-link-color);
    line-height: 1.7;
    font-size: 24px
}

.shipping-header6 .h1 {
    color: #ce96c3;
    font-size: 60px
}

.shipping-header6 .info {
    color: var(--mm-link-color);
    line-height: 1.7;
    font-size: 24px
}

.mojoocontest {
    background: var(--card-bg);
    border-radius: 25px;
    padding: 30px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15)
}

.gifmojoocontest {
    height: 90px;
    text-align: center;
    overflow: hidden
}

.gifmojoocontest2 {
    height: 50px;
    text-align: center;
    overflow: hidden;
    margin-top: 40px
}

.iconcontest {
    color: #005bff;
    font-size: 200px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 100px;
    padding-top: 80px
}

.col-3 {
    max-width: 25%;
    flex: 0 0 25%
}

.page-shipping .shipping-h2 {
    font-size: 60px;
    line-height: 1.1;
    color: #4385f5;
    margin-top: 20px
}

.shipping-h2 span {
    border-bottom: 3px solid #4385f5;
    line-height: 36px
}

.desc.h4 {
    font-size: 24px
}

.info-line {
    border: 1px solid var(--bg-color);
    font-size: 18px;
    border-radius: 5px;
    color: #828291
}

.info-item {
    background-color: #f5f7f9;
    min-height: 250px;
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    border-radius: 12px;
    margin: 5px;
    transition: .3s
}

.info-item:hover {
    background: var(--bg-color);
    transition: .3s
}

.shipping-carousel .item {
    float: left;
    line-height: 28px;
    background: var(--card-bg);
    border-radius: 18px;
    padding: 20px 30px;
    height: 400px;
    width: 320px;
    text-align: left;
    margin-left: 15px;
    transition: .3s;
    margin-bottom: 20px;
    cursor: pointer
}

.shipping-carousel .item:hover {
    background: var(--table-thead);
    transition: .3s;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1)
}

.shipping-carousel .item .title {
    font-size: 24px;
    font-weight: 600;
    height: 100px;
    margin-top: 20px;
    color: #005bff
}

.shipping-carousel .item .icon {
    height: 40px
}

.shipping-carousel .item .icon img {
    height: 100% !important
}

.shipping-carousel .item .desc {
    font-size: 18px;
    color: var(--text-copy-color)
}

.shipping-carousel .owl-dots {
    display: none
}

.shipping-carousel2 .item {
    float: left;
    line-height: 26px;
    padding: 35px;
    border: unset !important;
    height: 430px;
    width: 360px !important;
    text-align: left;
    margin-left: 25px;
    transition: .5s;
    border-radius: 12px;
    color: #fff
}

.shipping-carousel2 .item:hover {
    transition: .5s;
    opacity: .8
}

.shipping-carousel2 .item .title {
    font-size: 26px;
    font-weight: bold;
    height: 60px
}

.shipping-carousel2 .item .icon {
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
    height: 100px
}

.shipping-carousel2 .item .icon img {
    height: 100% !important
}

.shipping-carousel2 .item .desc {
    font-size: 18px
}

.shipping-carousel2 .owl-dots {
    display: none
}

.shipping-carousel-zadachi .item {
    float: left;
    line-height: 28px;
    background: var(--card-bg);
    border-radius: 12px;
    border: 1px solid #d6dbe0;
    padding: 30px;
    height: 300px;
    width: 240px;
    text-align: left;
    margin-left: 15px;
    transition: .3s;
    margin-bottom: 20px;
    cursor: pointer
}

.shipping-carousel-zadachi .item:hover {
    background: var(--table-thead);
    transition: .3s;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1)
}

.shipping-carousel-zadachi .item .title {
    font-size: 24px;
    font-weight: 600;
    height: 60px;
    font-family: "Styrene A Web", sans-serif
}

.shipping-carousel-zadachi .item .icon {
    margin-top: 20px;
    height: 100px
}

.shipping-carousel-zadachi .item .icon img {
    height: 100% !important
}

.shipping-carousel-zadachi .item .desc {
    font-size: 16px
}

.shipping-carousel-zadachi .owl-dots {
    display: none
}

.widget-pvz {
    border: 1px solid var(--bg-color)
}

.section-background {
    height: 1000px;
    background-position-x: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.section-background-left {
    height: 1000px;
    background-position-x: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.page-shipping .map-change-city {
    font-weight: bold
}

.page-shipping #map,
.page-shipping .map {
    width: 100%;
    min-height: 400px
}

.page-shipping .map .items-list {
    height: 487px;
    overflow-y: auto
}

.page-shipping #map {
    height: 550px
}

.page-shipping .map .items-list .item {
    padding: 10px;
    font-size: 14px
}

.page-shipping .map .items-list .item a {
    color: #262626
}

.page-shipping .map .items-list .item.active .title {
    color: #009029;
    font-weight: bold
}

.page-shipping .map .items-list .item .payments {
    margin-top: 5px
}

.page-shipping .map .items-list .item .payments img {
    display: inline-block;
    width: 11px;
    margin-top: -4px
}

.page-shipping .map .items-list .item .payments span {
    display: inline
}

.page-shipping .map .items-list .item.active {
    border: 1px solid #fa5
}

.page-shipping .map .items-list .item.active .title {
    color: #009029
}

.page-shipping .map .items-list .item .time i {
    float: left;
    margin-right: 5px;
    line-height: 19px
}

.page-shipping .time {
    margin-top: 5px;
    color: #999
}

.contesttimeact {
    margin-bottom: 6rem !important
}

@media(max-width:480px) {
    .shipping-carousel .item .title {
        font-size: 18px
    }

    .shipping-carousel .item .desc {
        font-size: 14px;
        line-height: 22px
    }

    .shipping-carousel .item {
        padding: 25px;
        width: 255px;
        height: 380px
    }

    .shipping-carousel-zadachi .item {
        padding: 25px;
        width: 220px;
        height: 320px
    }
}

.dst-svg {
    width: 40px;
    float: right;
    opacity: .8;
    top: 182px;
    position: relative
}

.team-item-video {
    min-height: 400px;
    width: 600px !important;
    text-align: center;
    margin: 0 auto;
    border-radius: 18px
}

@media(max-width:650px) {
    .team-item-video {
        min-height: 310px !important;
        width: 310px !important;
    }
}

.team-item0 {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border: 1px solid #d6dbe0;
    border-radius: 18px
}

.team-item {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.1) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/academy40.webp) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 32px;
    background-size: cover
}

.team-item2 {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.1) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/academy41.webp) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 32px;
    background-size: cover
}

.team-item3 {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.1) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/academy42.webp) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 32px;
    background-size: cover
}

.team-item4 {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.1) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/academy43.webp) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 32px;
    background-size: cover
}

.team-item5 {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.1) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/academy44.webp) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 32px;
    background-size: cover
}

.team-item6 {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.1) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/academy45.webp) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 32px;
    background-size: cover
}

.team-item7 {
    min-height: 540px;
    width: 540px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.1) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/academy46.webp) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 32px;
    background-size: cover
}

.team-item8 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/17.svg) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 18px;
    background-size: cover
}

.team-item9 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/18.svg) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 18px;
    background-size: cover
}

.team-item10 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/19.svg) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 18px;
    background-size: cover
}

.team-item11 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/20.svg) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 18px;
    background-size: cover
}

.team-item12 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/21.svg) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 18px;
    background-size: cover
}

.team-item13 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/22.svg) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 18px;
    background-size: cover
}

.team-item14 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: linear-gradient(to bottom, transparent 65%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) url(/templates/default/images/23.svg) no-repeat center center;
    box-shadow: 0px 15px 30px rgba(115, 137, 255, 0.1);
    border-radius: 18px;
    background-size: cover
}

@media(max-width:650px) {
    .team-item {
        min-height: 310px !important;
        width: 310px !important;
    }
}

@media(max-width:650px) {
    .team-item2 {
        min-height: 310px !important;
        width: 310px !important;
    }
}

@media(max-width:650px) {
    .team-item3 {
        min-height: 310px !important;
        width: 310px !important;
    }
}

@media(max-width:650px) {
    .team-item4 {
        min-height: 310px !important;
        width: 310px !important;
    }
}

@media(max-width:650px) {
    .team-item5 {
        min-height: 310px !important;
        width: 310px !important;
    }
}

@media(max-width:650px) {
    .team-item6 {
        min-height: 310px !important;
        width: 310px !important;
    }
}

@media(max-width:650px) {
    .team-item7 {
        min-height: 310px !important;
        width: 310px !important;
    }
}

.team-advatages-item {
    display: inline-block;
    text-align: left;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 32px;
    flex-direction: column;
    text-decoration: none;
    transition: all .15s;
    cursor: pointer;
    width: 100%;
    transition: all 0.4s ease 0s
}

.team-advatages-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
    transition: all 0.4s ease 0s
}

a.team-advatages-item:hover {
    box-shadow: 0 10px 40px rgb(0 0 0 / 8%)
}

.team-advatages-item-more {
    align-self: flex-start;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.1px;
    color: #0b1f35;
    margin-top: 8px;
    text-decoration: none
}

.team-advatages-item-text-wrapper {
    flex: 1 0 1%
}

.team-advatages-item:last-child {
    margin-bottom: 0
}

.team-advatages-item-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25;
    color: #141414;
    margin-bottom: 8px
}

.team-advatages-item-ico {
    width: 24px;
    height: 24px;
    flex: none;
    margin-right: 8px;
    font-size: 0
}

.team-advatages-item-text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.1px;
    color: #a6a6a6
}

.team-advatages-item__item {
    margin-bottom: 0;
    padding: 32px 24px
}

.team-advatages-item-title {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 28px
}

._sublist .team-advatages-item-title {
    margin-bottom: 16px
}

._sublist .team-advatages-item {
    padding-bottom: 24px
}

.team-advatages-item {
    padding: 0
}

.team-clent-item img {
    border-radius: 50%;
    height: 120px;
    width: 120px !important;
    text-align: center;
    margin: 0 auto 20px
}

.team-client-title-text {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-top: 225px
}

.team-client-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 12px
}

.team-client-vse {
    font-size: 16px;
    color: #a6a6a6;
    font-weight: 600;
    background: #f8f8f8;
    border-radius: 50px;
    max-width: 350px;
    min-height: 350px
}

.map-container-dst {
    border: 1px solid #333;
    border-radius: 18px;
    padding: 10px 10px 10px 30px;
    transition: all 0.4s ease 0s;
    cursor: pointer;
    color: #fff
}

.map-container-dst:hover {
    transition: all 0.4s ease 0s;
    background: #e6e8ea;
    color: var(--text-color)
}

.map-container-dst2 {
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    padding: 10px 10px 10px 30px;
    transition: all 0.4s ease 0s;
    cursor: pointer;
    background: #e6e8ea;
    color: var(--text-color)
}

.map-container-dst2:hover {
    transition: all 0.4s ease 0s;
    opacity: 0.8;
}

.dst-value {
    font-size: 18px;
    font-weight: 500;
}

.map-container {
    padding: 3.2rem .8rem;
    position: relative;
    display: inline-block
}

.map-container img {
    width: 100%
}

.map-container .point {
    cursor: pointer;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #f15045;
    border-radius: 50%;
    transition: all .3s ease;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 rgba(0, 172, 193, 0.4);
    animation: pulse 3s infinite
}

.map-container .point:hover {
    animation: none;
    transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.map-container .venezuela {
    top: 54%;
    left: 24%
}

.map-container .brasil {
    top: 64%;
    left: 28%
}

.map-container .argentina {
    top: 77%;
    left: 27%
}

.map-container .colombia {
    top: 55%;
    left: 21%
}

.map-container .panama {
    top: 51%;
    left: 18%
}

.map-container .mexico {
    top: 38%;
    left: 12%
}

.map-container .usa {
    top: 26%;
    left: 17%
}

.map-container .arabia {
    top: 21%;
    left: 51%;
}

.map-container .turquia {
    top: 23%;
    left: 66%;
}

.map-container .rusia {
    top: 24%;
    left: 56%
}

.map-container .china {
    top: 20%;
    left: 61%
}

.map-container .japon {
    top: 22%;
    left: 66%
}

.map-container .australia {
    top: 72%;
    left: 86%
}

@keyframes pulse {
    0 {
        box-shadow: 0 0 0 0 rgba(11, 31, 53, 0.5)
    }

    70% {
        box-shadow: 0 0 0 25px rgba(11, 31, 53, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(11, 31, 53, 0)
    }
}

.tippy-touch {
    cursor: pointer !important
}

.tippy-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

.tippy-popper {
    max-width: 400px;
    -webkit-perspective: 800px;
    perspective: 800px;
    z-index: 9999;
    outline: 0;
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.tippy-popper.html-template {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] [x-arrow] {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 9px
}

.tippy-popper[x-placement^=top] [x-arrow].arrow-small {
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px
}

.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
    border-top: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px
}

.tippy-popper[x-placement^=top] [x-circle] {
    -webkit-transform-origin: 0 33%;
    transform-origin: 0 33%
}

.tippy-popper[x-placement^=top] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -55%);
    transform: scale(1) translate(-50%, -55%);
    opacity: 1
}

.tippy-popper[x-placement^=top] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -50%);
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
background-color: var(--card-bg)
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
    border-top: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-top: 5px solid rgba(0, 0, 0, .7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-top: 10px solid rgba(0, 0, 0, .7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] [x-arrow] {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 9px
}

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
    border-bottom: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px
}

.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
    border-bottom: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px
}

.tippy-popper[x-placement^=bottom] [x-circle] {
    -webkit-transform-origin: 0 -50%;
    transform-origin: 0 -50%
}

.tippy-popper[x-placement^=bottom] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -45%);
    transform: scale(1) translate(-50%, -45%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -5%);
    transform: scale(.15) translate(-50%, -5%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
background-color: var(--card-bg)
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-bottom: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
    border-bottom: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-bottom: 5px solid rgba(0, 0, 0, .7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-bottom: 10px solid rgba(0, 0, 0, .7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=left] [x-arrow] {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 6px 0
}

.tippy-popper[x-placement^=left] [x-arrow].arrow-small {
    border-left: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px
}

.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
    border-left: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    right: -10px
}

.tippy-popper[x-placement^=left] [x-circle] {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=left] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -50%);
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
background-color: var(--card-bg)
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-left: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
    border-left: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-left: 5px solid rgba(0, 0, 0, .7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-left: 10px solid rgba(0, 0, 0, .7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] [x-arrow] {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 6px 0
}

.tippy-popper[x-placement^=right] [x-arrow].arrow-small {
    border-right: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px
}

.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
    border-right: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -10px
}

.tippy-popper[x-placement^=right] [x-circle] {
    -webkit-transform-origin: -50% 0;
    transform-origin: -50% 0
}

.tippy-popper[x-placement^=right] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -50%);
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
background-color: var(--card-bg)
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
    border-right: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
    border-right: 5px solid rgba(0, 0, 0, .7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
    border-right: 10px solid rgba(0, 0, 0, .7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}

.tippy-popper .tippy-tooltip.transparent-theme {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
    background-color: transparent
}

.tippy-popper .tippy-tooltip.light-theme {
    color: #26323d;
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2);
background-color: var(--card-bg)
}

.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .95rem;
    padding: .4rem .8rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333;
    pointer-events: none
}

.tippy-tooltip--small {
    padding: .25rem .5rem;
    font-size: .8rem
}

.tippy-tooltip--big {
    padding: .6rem 1.2rem;
    font-size: 1.2rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-interactive] {
    pointer-events: auto
}

.tippy-tooltip[data-inertia] {
    -webkit-transition-timing-function: cubic-bezier(.53, 1, .36, .85);
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-tooltip [x-arrow] {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-tooltip [x-circle] {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 130%;
    width: calc(110%+2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: all ease;
    transition: all ease
}

.tippy-tooltip [x-circle]:before {
    content: "";
    padding-top: 90%;
    float: left
}

@media(max-width:450px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

.block-dst {
    border: 1px solid #d6dbe0;
    transition: all .15s;
    padding: 0 10px 10px 30px;
    cursor: pointer;
    min-height: 250px;
    border-radius: 18px;
    background: var(--card-bg);
    font-size: 18px
}

.block-dst h4 {
    font-size: 20px
}

.block-dst:hover {
    border-color: #005bff;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.text-block-dst {
    color: var(--text-copy-color);
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    padding-right: 30px
}

.block-dst2 {
    transition: all .15s;
    padding: 0 10px 10px 30px;
    cursor: pointer;
    min-height: 250px;
    border-radius: 18px;
    background: rgba(0, 150, 255, .28);
    font-size: 18px
}

.block-dst2 h4 {
    font-size: 20px;
    color: #4ff;
}

.block-dst2:hover {
    border-color: #005bff;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.text-block-dst2 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    padding-right: 30px
}

.block-dst3 {
    transition: all .15s;
    padding: 0 10px 10px 30px;
    background: var(--card-bg);
    cursor: pointer;
    min-height: 250px;
    border-radius: 18px;
    font-size: 18px
}

.block-dst-pic3 {
    max-width: 190px;
    position: absolute;
    right: 20px;
    bottom: 0px;
}

.block-dst3 h4 {
    font-size: 24px;
    color: var(--text-color);
}

.block-dst3:hover {
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.block-dst-pic-condition {
    max-width: 380px;
    position: absolute;
    right: 20px;
    bottom: 0px;
}

.block-pic {
    max-width: 300px;
    position: absolute;
    left: 0px;
    bottom: -50px;
}


.logofront {
    margin-top: 50px;
    cursor: pointer
}

.search-frontpage {
    border-radius: 24px;
    border-color: #999;
    border: 1px solid #d6dbe0
}

.search-frontpage .btn {
    background: transparent !important;
    color: #bbb !important;
    left: 0;
    padding: 0 15px !important;
    float: left;
    text-align: left
}

.search-frontpage .search-input {
    margin-left: 30px
}

.fadst {
    color: #005bff;
    display: inline-block;
    font: 16px/1 FontAwesome;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    text-rendering: auto
}

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

.dstcontacts {
    margin-bottom: 40px
}

a {
    text-decoration: none;
    transition: all .3s ease-in-out
}

a:hover,
a:focus {
    text-decoration: none;
    outline: 0
}

button:focus {
    outline: 0;
    box-shadow: none
}

.dstcif {
    color: #005bff;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    padding-bottom: 20px
}

#dst404 {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.dstcontainer {
    margin-top: 30px;
    margin-bottom: 10px
}

.dstmamail {
    background: rgba(0, 150, 255, .08)
}

.dstbtn {
    margin-top: 30px
}

.dstlink {
    color: var(--text-color)
}

.dstlink:hover {
    color: #005bff
}

.dstlinkall {
    color:var(--text-copy-color);
    text-align: center;
    display: block;
    font-size: 16px
}

.dstlinkall:hover {
    color: #005bff
}

.footer {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #fff
}

.footer a {
    color: #fff;
    font-size: 18px;
    line-height: 30px
}

.footer a:hover {
    text-decoration: underline
}

.footer .phone {
    font-size: 28px;
    font-weight: 600
}

.footer_market {
    background: var(--footer-bg-color);
    color: var(--text-color)
}

.footer_market .phone {
    font-size: 28px;
    font-weight: 600
}

.footer_services {
    background: #ee8108;
    color: #fff
}

.footer_services a {
    color: #fff;
    font-size: 18px;
    line-height: 30px
}

.footer_services a:hover {
    text-decoration: underline
}

.footer_services .phone {
    font-size: 28px;
    font-weight: 600
}

.footer_deposit {
    background: #731982;
    color: #fff
}

.footer_deposit a {
    color: #fff;
    font-size: 18px;
    line-height: 30px
}

.footer_deposit a:hover {
    text-decoration: underline
}

.footer_deposit .phone {
    font-size: 28px;
    font-weight: 600
}

.phone a {
    font-size: 28px;
    font-weight: 600;
    color: #fff
}

.dstpreim {
    background: url(/templates/default/images/bgagra.jpg) no-repeat top center
}

.dstpreim2 {
    padding-top: 80px
}

.dstpreim3 {
    padding-top: 0
}

.dstimages {
    background: url(/img/img10.jpg) no-repeat top center;
    padding-top: 60px;
    padding-bottom: 60px
}

.dstco {
    padding-bottom: 60px
}

.dstco2 {
    margin-bottom: 60px
}

.dstco3 {
    padding: 30px 50px 0 20px
}

.dstbesttitle {
    width: 50%
}

.dstfeatures_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_area {
        padding-bottom: 50px
    }
}

.dstfeature_item {
    min-height: 380px;
    border-radius: 18px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: var(--card-bg);
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_item:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.dstfeature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_item h4 {
    font-size: 24px;
    margin-bottom: 20px
}

.dstfeature_item p {
    margin-bottom: 0;
    min-height: 100px;
    font-size: 18px;
}

.dstfeature_item2 {
    min-height: 380px;
    border-radius: 18px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: var(--card-bg);
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_item2:hover {
    opacity: .8;
    transition: all 0.4s ease 0s
}

.dstfeature_item2 img {
    margin-bottom: 35px;
    height: 50px;
    width: auto;
    display: block
}

.dstfeature_item2 h4 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 32px
}

.dstfeature_item2 p {
    margin-bottom: 0;
    min-height: 100px;
    font-size: 18px
}

.dstfeature_item3 {
    border: 1px solid #d6dbe0;
    min-height: 380px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.1) 0), url(/templates/default/images/45.png) no-repeat 290px 10px;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-size: contain
}

.dstfeature_item3:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    transition: all 0.4s ease 0s
}

.dstfeature_item3 img {
    margin-bottom: 35px;
    height: 50px;
    width: auto;
    display: block
}

.dstfeature_item3 h4 {
    font-size: 20px;
    margin-bottom: 20px
}

.dstfeature_item3 p {
    margin-bottom: 0;
    min-height: 100px;
    font-size: 16px
}

@media(max-width:700px) {
    .dstfeature_item3 {
        background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.1) 0), url(/templates/default/images/45.png) no-repeat 120px 0;
        background-size: cover
    }
}

.dstfeatures_areadig {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_areadig {
        padding-bottom: 50px
    }
}

.dstfeature_itemdig {
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) -webkit-linear-gradient(100deg, #ef3124 20%, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%) repeat scroll 0 0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_itemdig h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff
}

.dstfeature_itemdig p {
    margin-bottom: 0;
    min-height: 100px
}

.dstfeatures_areadig2 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_areadig2 {
        padding-bottom: 50px
    }
}

.dstfeature_itemdig2 {
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig2:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig2 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_itemdig2 h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff
}

.dstfeature_itemdig2 p {
    margin-bottom: 0;
    min-height: 100px
}

.dstfeatures_areadig3 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_areadig3 {
        padding-bottom: 50px
    }
}

.dstfeature_itemdig3 {
    border: 0 solid var(--bg-color);
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: url(/img/000.gif) no-repeat top center;
    cursor: pointer;
    margin-bottom: 30px;
    background-size: cover;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig3:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig3 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_itemdig3 h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff
}

.dstfeature_itemdig3 p {
    margin-bottom: 0;
    min-height: 100px
}

.dstfeatures_areadigb {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_areadigb {
        padding-bottom: 50px
    }
}

.dstfeature_itemdigb {
    border: 0 solid var(--bg-color);
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) -webkit-linear-gradient(100deg, #8a2c34 10%, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%) repeat scroll 0 0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdigb:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdigb img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_itemdigb h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff
}

.dstfeature_itemdigb p {
    margin-bottom: 0;
    min-height: 100px
}

.dstfeatures_areadig2b {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_areadig2b {
        padding-bottom: 50px
    }
}

.dstfeature_itemdig2b {
    border: 0 solid var(--bg-color);
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig2b:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig2b img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_itemdig2b h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff
}

.dstfeature_itemdig2b p {
    margin-bottom: 0;
    min-height: 100px
}

.dstfeatures_areadig4b {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_areadig4b {
        padding-bottom: 50px
    }
}

.dstfeature_itemdig4b {
    border: 0 solid var(--bg-color);
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.5) 0), url(/img/0000.gif) no-repeat top center;
    cursor: pointer;
    margin-bottom: 30px;
    background-size: cover;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig4b:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig4b img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_itemdig4b h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff
}

.dstfeature_itemdig4b p {
    margin-bottom: 0;
    min-height: 100px
}

.dstfeatures_areadig5b {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstfeatures_areadig5b {
        padding-bottom: 50px
    }
}

.dstfeature_itemdig5b {
    border: 0 solid var(--bg-color);
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.5) 0), url(/img/01.gif) no-repeat top center;
    cursor: pointer;
    margin-bottom: 30px;
    background-size: cover;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig5b:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstfeature_itemdig5b img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstfeature_itemdig5b h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff
}

.dstfeature_itemdig4b p {
    margin-bottom: 0;
    min-height: 100px
}

.dstrufeatures_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstrufeatures_area {
        padding-bottom: 50px
    }
}

.dstrufeature_item {
    border: 1px solid #d6dbe0;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstrufeature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    background: hsla(0, 0, 89.4%, .3);
    transition: all 0.4s ease 0s
}

.dstrufeature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstrufeature_item h4 {
    font-size: 16px;
    margin-bottom: 20px
}

.dstrufeature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstrufeature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    background: #efefef;
    transition: all 0.4s ease 0s
}

.dstdarkfeatures_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstdarkfeatures_area {
        padding-bottom: 50px
    }
}

.dstdarkfeature_item {
    border: 1px solid #d6dbe0;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: var(--card-bg);
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstdarkfeature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstdarkfeature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstdarkfeature_item h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstdarkfeature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstdark2features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstdark2features_area {
        padding-bottom: 50px
    }
}

.dstdark2feature_item {
    border: 1px solid #d6dbe0;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: var(--card-bg);
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstdark2feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstdark2feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstdark2feature_item h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstdark2feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimgfeatures_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimgfeatures_area {
        padding-bottom: 50px
    }
}

.dstimgfeature_item {
    border: 1px solid #d6dbe0;
    background: url(/img/img4.jpg) no-repeat top center;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimgfeature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimgfeature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimgfeature_item h4 {
    font-size: 28px;
    margin-bottom: 20px
}

.dstimgfeature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg2features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg2features_area {
        padding-bottom: 50px
    }
}

.dstimg2feature_item {
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.5) 0), url(/templates/default/images/43.jpg) no-repeat top center;
    background-size: auto, auto;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg2feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg2feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg2feature_item h4 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 32px
}

.dstimg2feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg3features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg3features_area {
        padding-bottom: 50px
    }
}

.dstimg3feature_item {
    border: 1px solid #d6dbe0;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.7) 0), url(/templates/default/images/45.jpeg) no-repeat top center;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg3feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg3feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg3feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg3feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg4features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg4features_area {
        padding-bottom: 50px
    }
}

.dstimg4feature_item {
    border: 1px solid #d6dbe0;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.6) 0), url(/templates/default/images/46.jpg) no-repeat top center;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg4feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg4feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg4feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg4feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg5features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg5features_area {
        padding-bottom: 50px
    }
}

.dstimg5feature_item {
    border: 1px solid #d6dbe0;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.6) 0), url(/templates/default/images/50.jpg) no-repeat top center;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg5feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg5feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg5feature_item h4 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg5feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg6features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg6features_area {
        padding-bottom: 50px
    }
}

.dstimg6feature_item {
    border: 1px solid #d6dbe0;
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.1) 0), url(/templates/default/images/55.jpg) no-repeat top center;
    background-size: auto, auto;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg6feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg6feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg6feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg6feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg7features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg7features_area {
        padding-bottom: 50px
    }
}

.dstimg7feature_item {
    border: 1px solid #d6dbe0;
    background: url(/img/img11.jpg) no-repeat top right;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg7feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg7feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg7feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg7feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg8features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg8features_area {
        padding-bottom: 50px
    }
}

.dstimg8feature_item {
    border: 1px solid #d6dbe0;
    background: url(/img/img13.jpg) no-repeat top right;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg8feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg8feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg8feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg8feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg9features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg9features_area {
        padding-bottom: 50px
    }
}

.dstimg9feature_item {
    border: 1px solid #d6dbe0;
    background: url(/img/img15.png) no-repeat top right;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg9feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg9feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg9feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg9feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg10features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg10features_area {
        padding-bottom: 50px
    }
}

.dstimg10feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg10feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg10feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg10feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg10feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg11features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg11features_area {
        padding-bottom: 50px
    }
}

.dstimg11feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg11feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg11feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg11feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg11feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg12features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg12features_area {
        padding-bottom: 50px
    }
}

.dstimg12feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg12feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg12feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg12feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg12feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstporttext_item {
    padding: 5px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border-radius: 12px;
    color: #fff;
    font-size: 11px
}

.dstimg13features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg13features_area {
        padding-bottom: 50px
    }
}

.dstimg13feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg13feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg13feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg13feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff;
    margin-top: 140px
}

.dstimg13feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg14features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg14features_area {
        padding-bottom: 50px
    }
}

.dstimg14feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg14feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg14feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg14feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg14feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstporttext_item {
    padding: 5px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border-radius: 12px;
    color: #fff;
    font-size: 11px
}

.dstimg15features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg15features_area {
        padding-bottom: 50px
    }
}

.dstimg15feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg15feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg15feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg15feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg15feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg16features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg16features_area {
        padding-bottom: 50px
    }
}

.dstimg16feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg16feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg16feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg16feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg16feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg17features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg17features_area {
        padding-bottom: 50px
    }
}

.dstimg17feature_item {
    border: 1px solid #d6dbe0;
    background: url(/img/img27.jpg) no-repeat top center;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg17feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg17feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg17feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg17feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg18features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg18features_area {
        padding-bottom: 50px
    }
}

.dstimg18feature_item {
    background: url(/img/img30.jpg) no-repeat top left;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg18feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg18feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg18feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: var(--text-color)
}

.dstimg18feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg19features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg19features_area {
        padding-bottom: 50px
    }
}

.dstimg19feature_item {
    border: 1px solid #d6dbe0;
    background: url(/img/img29.jpg) no-repeat top center;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg19feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg19feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg19feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg19feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstimg20features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg20features_area {
        padding-bottom: 50px
    }
}

.dstimg20feature_item {
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg20feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg20feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg20feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #fff
}

.dstimg20feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstporttext_item {
    padding: 5px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border-radius: 12px;
    color: #fff;
    font-size: 11px
}

.dstimg21features_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstimg21features_area {
        padding-bottom: 50px
    }
}

.dstimg21feature_item {
    border: 1px solid #d6dbe0;
    background: url(/img/img39.jpg) no-repeat top center;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstimg21feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstimg21feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg21feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px
}

.dstimg21feature_item p {
    margin-bottom: 0;
    min-height: 100px
}

.dstport_item {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item {
        padding-bottom: 50px
    }
}

.dstport_item {
    border: 1px solid #d6dbe0;
    background: var(--bg-color);
    background-size: cover;
    min-height: 465px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 10px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    background: hsla(0, 0, 89.4%, .3);
    transition: all 0.4s ease 0s
}

.dstport_item img {
    margin-bottom: 35px;
    display: block
}

.dstport_item3 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item3 {
        padding-bottom: 50px
    }
}

.dstport_item3 {
    border: 1px solid #d6dbe0;
    background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
    background-size: cover;
    min-height: 460px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item3:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item3 img {
    display: block;
    margin: 0 auto
}

.dstport_item4 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item4 {
        padding-bottom: 50px
    }
}

.dstport_item4 {
    border: 0 solid var(--bg-color);
    background: url(/img/dst27.jpg) no-repeat top center;
    background-size: cover;
    min-height: 464px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item4:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item4 img {
    display: block;
    margin: 0 auto
}

.dstport_item5 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item5 {
        padding-bottom: 50px
    }
}

.dstport_item5 {
    border: 0 solid var(--bg-color);
    background: url(/img/dst25.jpg) no-repeat top center;
    background-size: cover;
    min-height: 487px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item5:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item5 img {
    display: block;
    margin: 0 auto
}

.dstport_item6 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item6 {
        padding-bottom: 50px
    }
}

.dstport_item6 {
    background: url(/img/00.gif) no-repeat top center;
    background-size: cover;
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item6:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item6 img {
    display: block;
    margin: 0 auto
}

.dstport_item7 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item7 {
        padding-bottom: 50px
    }
}

.dstport_item7 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner11.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item7:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item7 img {
    display: block;
    margin: 0 auto
}

.dstport_item8 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item8 {
        padding-bottom: 50px
    }
}

.dstport_item8 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner10.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item8:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item8 img {
    display: block;
    margin: 0 auto
}

.dstport_item9 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item9 {
        padding-bottom: 50px
    }
}

.dstport_item9 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner13.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item9:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item9 img {
    display: block;
    margin: 0 auto
}

.dstport_item10 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item10 {
        padding-bottom: 50px
    }
}

.dstport_item10 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner14.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item10:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item10 img {
    display: block;
    margin: 0 auto
}

.dstport_item11 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item11 {
        padding-bottom: 50px
    }
}

.dstport_item11 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner3.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item11:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item11 img {
    display: block;
    margin: 0 auto
}

.dstport_item12 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item12 {
        padding-bottom: 50px
    }
}

.dstport_item12 {
    background: linear-gradient(90deg, #005bff 0%, rgb(112, 151, 255) 53%, rgb(116, 186, 255) 100%);
    background-size: auto;
    background-size: contain;
    min-height: 400px;
    border-radius: 18px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.1);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.dstport_item12:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item12 img {
    display: block;
    margin: 0 auto
}

.dstport_item15 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item15 {
        padding-bottom: 50px
    }
}

.dstport_item15 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner42.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item15:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item15 img {
    display: block;
    margin: 0 auto
}

@media only screen and (min-width:300px) and (max-width:700px) {
    .dstport_item15 {
        background: url(/templates/default/images/banner42.jpg) no-repeat -180px -40px
    }
}

.dstport_item16 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item16 {
        padding-bottom: 50px
    }
}

.dstport_item16 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner43.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item16:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item16 img {
    display: block;
    margin: 0 auto
}

@media only screen and (min-width:300px) and (max-width:700px) {
    .dstport_item16 {
        background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.3) 0), url(/templates/default/images/banner43.jpg) no-repeat -270px -40px
    }
}

.dstport_item17 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item17 {
        padding-bottom: 50px
    }
}

.dstport_item17 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner44.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item17:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item17 img {
    display: block;
    margin: 0 auto
}

.dstport_item18 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item18 {
        padding-bottom: 50px
    }
}

.dstport_item18 {
    border: 0 solid var(--bg-color);
    background: url(/templates/default/images/banner45.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item18:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item18 img {
    display: block;
    margin: 0 auto
}

.dstport_item_dark {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item_dark {
        padding-bottom: 50px
    }
}

.dstport_item_dark {
    background: var(--card-bg);
    min-height: 400px;
    border-radius: 18px;
    color: var(--text-color);
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.1);
}

.dstport_item_dark:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item_dark img {
    display: block;
    margin: 0 auto
}

@media only screen and (min-width:300px) and (max-width:700px) {
    .dstport_item_dark {
        background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.3) 0), url(/templates/default/images/banner43.jpg) no-repeat -270px -40px
    }
}

.dstport_item_prim {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstport_item_prim {
        padding-bottom: 50px
    }
}

.dstport_item_prim {
    border: 1px solid #d6dbe0;
    background: var(--bg-color);
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstport_item_prim:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstport_item_prim img {
    display: block;
    margin: 0 auto
}

.dstsummary {
    position: relative;
    color: #b6bcc3;
    margin-bottom: 50px
}

details,
summary {
    display: inline
}

details[open] {
    display: contents
}

details[open]::after {
    display: block;
    content: "\00a0"
}

summary {
    color: var(--text-copy-color);
    cursor: pointer;
    text-decoration: underline;
    font-size: 16px;
    line-height: 46px
}

details[open] summary {
    position: absolute;
    bottom: 0;
    left: 0
}

summary::before {
    content: "Смотреть ещё"
}

details[open] summary::before {
    content: "Свернуть";
    top: 20px;
    position: relative
}

summary::-webkit-details-marker {
    display: none
}

.dstswfeatures_area {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .dstswfeatures_area {
        padding-bottom: 50px
    }
}

.dstswfeature_item {
    min-height: 250px;
    border-radius: 12px;
    color:var(--text-copy-color);
    padding: 45px 30px 0 30px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstswfeature_item:hover {
    opacity: .95;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.dstswfeature_item img {
    margin-bottom: 35px;
    height: 45px;
    display: block;
    border: 2px solid #555;
    padding: 5px 15px;
    border-radius: 12px
}

.dstswfeature_item h4 {
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 110px
}

.dstswfeature_item p {
    margin-bottom: 0;
    min-height: 150px
}

.dstitem {
    margin-bottom: 10px;
    color: #005bff;
    font-size: 64px;
    font-weight: 600;
    line-height: 64px;
    text-align: left
}

.dsticon_item {
    text-align: left;
    width: 65px
}

.dsticon_item img {
    margin-bottom: 35px;
    height: 45px;
    display: block;
    border: 2px solid #555;
    padding: 5px 15px;
    border-radius: 12px
}

.features_area2 {
    padding-bottom: 10px
}

@media(max-width:1199px) {
    .features_area2 {
        padding-bottom: 50px
    }
}

.feature_item3 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/5.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item3 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item3 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item3 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item3:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item6 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/86.svg) no-repeat 700px 10px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item6 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item6 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item6 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item6:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item7 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/89.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item7 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item7 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item7 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item7:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item8 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/26.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item8 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item8 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item8 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item8:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item9 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/27.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item9 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item9 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item9 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item9:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item10 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/90.webp) no-repeat 700px 30px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item10 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item10 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item10 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item10:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item11 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/91.webp) no-repeat 700px 30px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item11 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item11 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item11 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item11:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item2 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/7.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: #ff528b;
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item4 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/6.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    cursor: pointer;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item4 h4 {
    font-size: 28px;
    color: #fff;
    line-height: 38px;
}

.feature_item4 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item5 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/8.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item12 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/37.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item13 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: #7493ff url(/templates/default/images/38.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item14 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/39.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item15 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/94.webp) no-repeat 780px 30px;
    background-size: contain;
    background-color: var(--bg-color);
    cursor: pointer;
    margin-bottom: 30px;
    min-height: 430px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item15 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item15 h4 {
    font-size: 28px;
    color: var(--text-color);
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item15 p {
    margin-bottom: 0;
    min-height: 50px;
    color: var(--text-color);
    font-size: 18px;
    line-height: 28px
}

.feature_item15:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.feature_item2 h4,
.feature_item5 h4,
.feature_item12 h4,
.feature_item13 h4,
.feature_item14 h4 {
    font-size: 28px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item2,
.feature_item5,
.feature_item12,
.feature_item13,
.feature_item14 img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.feature_item2,
.feature_item4,
.feature_item5,
.feature_item12,
.feature_item13,
.feature_item14 p {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

.feature_item2,
.feature_item4,
.feature_item5,
.feature_item12,
.feature_item13,
.feature_item14:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    opacity: .9
}

.mt-25 {
    margin-top: 25px
}

.p0 {
    padding-left: 0;
    padding-right: 0
}

.white_bg {
    background: var(--card-bg) !important
}

.mb-50 {
    margin-bottom: 50px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.mt-50 {
    margin-top: 50px
}

.dstmain_title p {
    margin-bottom: 20px;
    color: #b6bcc3;
    font-size: 16px;
    line-height: 28px
}

.dstmain_title h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 48px;
    color: #fff
}

.dstmain_title2 h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 48px;
    color: var(--text-color)
}

.dstmain_title h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 38px;
    color: #fff
}

.proctitle {
    margin-bottom: 30px;
    margin-top: 30px;
    transition: all 0.4s ease 0s;
    cursor: pointer
}

.proctitleimg:hover {
    opacity: .9;
    transition: all 0.4s ease 0s
}

.dstmain_titleimages p {
    margin-bottom: 30px;
    color: #fff
}

.dstmain_titleimages h2 {
    font-size: 80px;
    font-weight: 600;
    margin-top: 30px;
    line-height: 80px;
    color: #fff;
    min-height: 800px;
    text-transform: uppercase
}

.dstlogo {
    margin-bottom: 15px
}

.main_title {
    text-align: left;
    margin-bottom: 30px
}

.main_title h2 {
    margin-top: 20px;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 25px
}

.main_title-page-dst h2 {
    margin-top: 20px;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 25px
}

@media(max-width:991px) {
    .main_title h2 br {
        display: none
    }
}

@media(max-width:767px) {
    .main_title h2 {
        font-size: 24px;
        line-height: 34px
    }
}

.main_title p {
    margin-bottom: 0
}

@media(max-width:991px) {
    .main_title p br {
        display: none
    }
}

.main_title.white h2 {
    color: #fff
}

.main_title.white p {
    color: #fff;
    opacity: .6
}

.border-gradient {
    border-image: -webkit-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    border-image: -moz-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    border-image: -o-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    border-image: linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%)
}

.gradient-bg2 {
    background: -webkit-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    background: -moz-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    background: -o-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    background: linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%)
}

.gradient-color,
.contact_info .info_item i {
    background: -webkit-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    background: -moz-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    background: -o-linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    background: linear-gradient(90deg, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 0, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.header_area {
    position: absolute;
    width: 100%;
    z-index: 9999
}

.header_area .menu_nav {
    width: 100%
}

.header_area .navbar {
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 12px;
    width: 100%;
    border-bottom: 0 solid var(--bg-color);
    transition: all 300ms ease-in
}

.header_area .navbar:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    transition: all 300ms ease-in
}

.header_area .navbar .nav .nav-item {
    margin-right: 30px
}

.header_area .navbar .nav .nav-item .nav-link {
    color: var(--text-color);
    padding: 0;
    display: inline-block
}

.header_area .navbar .nav .nav-item .nav-link:after {
    display: none
}

.header_area .navbar .nav .nav-item:hover .nav-link,
.header_area .navbar .nav .nav-item.active .nav-link {
    color: #005bff
}

.header_area .navbar .nav .nav-item.submenu {
    position: relative
}

.header_area .navbar .nav .nav-item.submenu ul {
    border: 0;
    padding: 0;
    border-radius: 12px;
    box-shadow: none;
    margin: 0;
    background: var(--card-bg)
}

@media(min-width:1000px) {
    .header_area .navbar .nav .nav-item.submenu ul {
        position: absolute;
        top: 120%;
        left: 0;
        min-width: 275px;
        text-align: left;
        opacity: 0;
        transition: all 300ms ease-in;
        visibility: hidden;
        display: block;
        border: 0;
        padding: 0;
        border-radius: 12px;
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1)
    }
}

.header_area .navbar .nav .nav-item.submenu ul:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: var(--bg-color) transparent transparent transparent;
    position: absolute;
    right: 24px;
    top: 45px;
    z-index: 3;
    opacity: 0;
    transition: all 400ms linear
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item {
    display: block;
    float: none;
    margin-right: 0;
    border-bottom: 1px solid #ededed;
    margin-left: 0;
    transition: all .4s linear
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
    line-height: 45px;
    color: var(--text-color);
    padding: 0 30px;
    transition: all 150ms linear;
    display: block;
    font-size: 14.5px;
    margin-right: 0
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
    border-bottom: 0
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
    color: #005bff
}

@media(min-width:1000px) {
    .header_area .navbar .nav .nav-item.submenu:hover ul {
        visibility: visible;
        opacity: 1;
        top: 100%
    }
}

.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
    margin-top: 0
}

.header_area .navbar .nav .nav-item:last-child {
    margin-right: 0
}

.header_area.navbar_fixed .main_menu {
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: var(--card-bg);
    transform: translateY(70px);
    transition: transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1)
}

.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
    line-height: 70px
}

@media(min-width:1000px) {
    .header_area.white_menu .navbar .navbar-brand img {
        display: none
    }

    .header_area.white_menu .navbar .navbar-brand img+img {
        display: inline-block
    }
}

@media(max-width:991px) {
    .header_area.white_menu .navbar .navbar-brand img {
        display: inline-block
    }

    .header_area.white_menu .navbar .navbar-brand img+img {
        display: none
    }
}

.header_area.white_menu .navbar .nav .nav-item .nav-link {
    color: #fff
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {
    display: inline-block
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img+img {
    display: none
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
    line-height: 70px;
    color: var(--text-color)
}

.owl-carousel.off {
    display: -ms-flexbox;
    display: flex
}

.home_banner_area {
    z-index: 1;
    background-size: cover
}

.home_banner_area .banner_inner {
    width: 100%
}

.home_banner_area .banner_inner .home_right_img {
    padding-top: 197px
}

@media(max-width:1480px) {
    .home_banner_area .banner_inner .home_right_img img {
        max-width: 100%;
        height: auto
    }
}

@media(max-width:991px) {
    .home_banner_area .banner_inner .home_right_img {
        display: none
    }
}

.home_banner_area .banner_inner .col-lg-7 {
    vertical-align: middle;
    align-self: center
}

.home_banner_area .banner_inner .banner_content {
    text-align: left
}

@media(max-width:991px) {
    .home_banner_area .banner_inner .banner_content {
        margin-top: 0
    }
}

.home_banner_area .banner_inner .banner_content h3 {
    font-size: 40px;
    margin-bottom: 20px;
    position: relative
}

.home_banner_area .banner_inner .banner_content h3:after {
    content: '';
    width: 410px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 23%;
    background: #000
}

@media(max-width:575px) {
    .home_banner_area .banner_inner .banner_content h3:after {
        display: none
    }
}

.home_banner_area .banner_inner .banner_content h5 {
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--text-color);
    line-height: 28px;
    margin-top: 20px;
    font-weight: 500
}

.home_banner_area .banner_inner .banner_content .primary_btn {
    margin-right: 20px
}

.banner_area {
    position: relative;
    z-index: 1;
    min-height: 485px
}

@media(max-width:1199px) {
    .banner_area {
        min-height: 350px
    }
}

.banner_area .banner_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 485px;
    background: url(../img/banner/common-banner.png) no-repeat right bottom;
    background-size: 90% 85%;
    width: 98%;
    z-index: 1
}

@media(max-width:1199px) {
    .banner_area .banner_inner {
        min-height: 350px
    }
}

@media(max-width:991px) {
    .banner_area .banner_inner {
        background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
        width: 100%
    }
}

.banner_area .banner_inner .banner_content {
    margin-left: 50px;
    margin-top: 100px
}

@media(max-width:991px) {
    .banner_area .banner_inner .banner_content {
        margin-left: 0;
        margin-top: 50px
    }
}

.banner_area .banner_inner .banner_content h2 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600
}

@media(max-width:991px) {
    .banner_area .banner_inner .banner_content h2 {
        font-size: 24px
    }
}

.banner_area .banner_inner .banner_content .page_link a {
    font-size: 16px;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    margin-right: 20px;
    position: relative
}

.banner_area .banner_inner .banner_content .page_link a:before {
    content: "-";
    position: absolute;
    right: -14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner_area .banner_inner .banner_content .page_link a:last-child {
    margin-right: 0
}

.banner_area .banner_inner .banner_content .page_link a:last-child:before {
    display: none
}

.blog_btn {
    border: 1px solid #d6dbe0;
    background: #f9f9ff;
    padding: 0 32px;
    font-size: 16px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    color: var(--text-color);
    line-height: 34px;
    display: inline-block
}

.blog_btn:hover {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    border-color: #005bff;
    color: #fff
}

.white_bg_btn {
    background: var(--card-bg);
    display: inline-block;
    color: var(--text-color);
    line-height: 40px;
    padding: 0 28px;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border: 0
}

.white_bg_btn:hover {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #fff
}

.causes_slider .owl-dots {
    text-align: center;
    margin-top: 80px
}

.causes_slider .owl-dots .owl-dot {
    height: 14px;
    width: 14px;
    background: var(--bg-color);
    display: inline-block;
    margin-right: 7px
}

.causes_slider .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.causes_slider .owl-dots .owl-dot.active {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.causes_item {
    background: var(--card-bg)
}

.causes_item .causes_img {
    position: relative
}

.causes_item .causes_img .c_parcent {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.5)
}

.causes_item .causes_img .c_parcent span {
    width: 70%;
    height: 3px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    position: absolute;
    left: 0;
    bottom: 0
}

.causes_item .causes_img .c_parcent span:before {
    content: "75%";
    position: absolute;
    right: -10px;
    bottom: 0;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #fff;
    padding: 0 5px
}

.causes_item .causes_text {
    padding: 30px 35px 40px 30px
}

.causes_item .causes_text h4 {
    color: var(--text-color);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    cursor: pointer
}

.causes_item .causes_text h4:hover {
    color: #005bff
}

.causes_item .causes_text p {
    font-size: 16px;
    line-height: 24px;
    color: #777;
    font-weight: 300;
    margin-bottom: 0
}

.causes_item .causes_bottom a {
    width: 50%;
    border: 1px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    text-align: center;
    float: left;
    line-height: 50px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 16px;
    font-weight: 500
}

.causes_item .causes_bottom a+a {
    border-color: var(--bg-color);
    background: var(--card-bg);
    font-size: 16px;
    color: var(--text-color)
}

.single-recent-blog-post {
    margin-bottom: 30px
}

.single-recent-blog-post .thumb {
    overflow: hidden
}

.single-recent-blog-post .thumb img {
    transition: all .7s linear
}

.single-recent-blog-post .details {
    padding-top: 30px
}

.single-recent-blog-post .details .sec_h4 {
    line-height: 24px;
    padding: 10px 0 13px;
    transition: all .3s linear
}

.single-recent-blog-post .details .sec_h4:hover {
    color: #777
}

.single-recent-blog-post .date {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.single-recent-blog-post:hover img {
    transform: scale(1.23) rotate(10deg)
}

.tags .tag_btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #d6dbe0;
    display: inline-block;
    padding: 1px 18px;
    text-align: center;
    color: var(--text-color)
}

.tags .tag_btn:before {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.tags .tag_btn+.tag_btn {
    margin-left: 2px
}

.blog_categorie_area {
    padding-bottom: 60px
}

.categories_post {
    position: relative;
    text-align: center;
    cursor: pointer
}

.categories_post img {
    max-width: 100%
}

.categories_post .categories_details {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(34, 34, 34, 0.8);
    color: #fff;
    transition: all .3s linear;
    display: flex;
    align-items: center;
    justify-content: center
}

.categories_post .categories_details h5 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    position: relative
}

.categories_post .categories_details p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.categories_post .categories_details .border_line {
    margin: 10px 0;
    background: var(--card-bg);
    width: 100%;
    height: 1px
}

.categories_post:hover .categories_details {
    background: rgba(68, 88, 220, 0.85)
}

[data-tooltip] {
    position: relative;
    z-index: 10
}

[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    bottom: calc(100%+5px);
    pointer-events: none;
    transition: .2s;
    will-change: transform
}

[data-tooltip]:before {
    content: attr(data-tooltip);
    padding: 10px 18px;
    min-width: 50px;
    max-width: 300px;
    width: max-content;
    width: -moz-max-content;
    border-radius: 12px;
    font-size: 16px;
    background-color: rgba(59, 72, 80, 0.9);
    background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44));
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    transform: translate(-50%, -5px) scale(0.5)
}

[data-tooltip]:after {
    content: '';
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
    transition-duration: 0;
    transform-origin: top;
    transform: translateX(-50%) scaleY(0)
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1
}

[data-tooltip]:hover:before {
    transition-delay: .3s;
    transform: translate(-50%, -5px) scale(1)
}

[data-tooltip]:hover:after {
    transition-delay: .5s;
    transition-duration: .2s;
    transform: translateX(-50%) scaleY(1)
}

.la2,
.las2 {
    color: #fff;
    font-size: 65px;
    line-height: 100px;
    transition: all 0.4s ease 0s
}

.la2,
.las2:hover {
    color: #fff;
    font-size: 75px;
    line-height: 100px;
    transition: all 0.4s ease 0s
}

.la2,
.las2 {
    font-family: 'Line Awesome Free';
    font-weight: 900
}

.la2,
.lab2,
.lad2,
.lal2,
.lar2,
.las2 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto
}

.blog_item {
    margin-bottom: 40px
}

.blog_info {
    padding-top: 30px
}

.blog_info .post_tag {
    padding-bottom: 20px
}

.blog_info .post_tag a {
    font: 300 14px/21px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    color: var(--text-color)
}

.blog_info .post_tag a:hover {
    color: #777
}

.blog_info .post_tag a.active {
    color: #005bff
}

.blog_info .blog_meta li a {
    font: 300 14px/20px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    color: #777;
    vertical-align: middle;
    padding-bottom: 12px;
    display: inline-block
}

.blog_info .blog_meta li a i {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
    padding-left: 15px;
    line-height: 20px;
    vertical-align: middle
}

.blog_info .blog_meta li a:hover {
    color: #005bff
}

.blog_post img {
    max-width: 100%
}

.blog_post .primary_btn {
    line-height: 38px
}

.blog_details {
    padding-top: 20px
}

.blog_details h2 {
    font-size: 16px;
    line-height: 36px;
    color: var(--text-color);
    font-weight: 600;
    transition: all .3s linear
}

.blog_details h2:hover {
    color: #005bff
}

.blog_details p {
    margin-bottom: 26px
}

.view_btn {
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    color: var(--text-color);
    font-weight: 500;
    padding: 0 30px;
    background: var(--card-bg)
}

.blog_right_sidebar {
    border: 1px solid #d6dbe0;
    background: #fafaff;
    padding: 30px
}

.blog_right_sidebar .widget_title {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    padding: 8px 0;
    margin-bottom: 30px
}

.blog_right_sidebar .search_widget .input-group .form-control {
    position: relative;
    font-size: 16px;
    line-height: 29px;
    width: 100%;
    font-weight: 300;
    color: #777;
    padding-left: 20px;
    border-radius: 45px;
    z-index: 0;
    border: double 2px transparent;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%), linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%));
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 0;
    text-indent: 20px
}

.blog_right_sidebar .search_widget .input-group .form-control.placeholder {
    color: #777;
    text-transform: uppercase;
    font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {
    color: #777;
    text-transform: uppercase;
    font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {
    color: #777;
    text-transform: uppercase;
    font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {
    color: #777;
    text-transform: uppercase;
    font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control:focus {
    box-shadow: none
}

.blog_right_sidebar .search_widget .input-group .btn-default {
    position: absolute;
    right: 20px;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    color: var(--text-color);
    font-weight: 600;
    padding: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.blog_right_sidebar .author_widget {
    text-align: center
}

.blog_right_sidebar .author_widget h4 {
    font-size: 18px;
    line-height: 20px;
    color: var(--text-color);
    margin-bottom: 5px;
    margin-top: 30px
}

.blog_right_sidebar .author_widget p {
    margin-bottom: 0
}

.blog_right_sidebar .author_widget .social_icon {
    padding: 7px 0 15px
}

.blog_right_sidebar .author_widget .social_icon a {
    font-size: 16px;
    color: var(--text-color);
    transition: all .2s linear
}

.blog_right_sidebar .author_widget .social_icon a+a {
    margin-left: 20px
}

.blog_right_sidebar .author_widget .social_icon a:hover {
    color: #005bff
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
    justify-content: center;
    align-self: center;
    padding-left: 20px
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
    font-size: 16px;
    line-height: 20px;
    color: var(--text-color);
    margin-bottom: 4px;
    transition: all .3s linear
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
    color: #005bff
}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0
}

.blog_right_sidebar .popular_post_widget .post_item+.post_item {
    margin-top: 20px
}

.blog_right_sidebar .post_category_widget .cat-list li {
    border-bottom: 2px dotted var(--bg-color);
    transition: all 0.4s ease 0s;
    padding-bottom: 12px
}

.blog_right_sidebar .post_category_widget .cat-list li a {
    font-size: 16px;
    line-height: 20px;
    color: #777
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
    margin-bottom: 0
}

.blog_right_sidebar .post_category_widget .cat-list li+li {
    padding-top: 15px
}

.blog_right_sidebar .post_category_widget .cat-list li:hover a {
    color: #005bff
}

.blog_right_sidebar .post_category_widget .cat-list li:hover {
    border-color: #005bff
}

.blog_right_sidebar .newsletter_widget {
    text-align: center
}

.blog_right_sidebar .newsletter_widget .form-group {
    margin-bottom: 8px
}

.blog_right_sidebar .newsletter_widget .input-group-prepend {
    margin-right: -1px
}

.blog_right_sidebar .newsletter_widget .input-group-text {
    background: var(--card-bg);
    border-radius: 12px;
    vertical-align: top;
    font-size: 14px;
    line-height: 36px;
    padding: 0 0 0 15px;
    border: 1px solid #d6dbe0;
    border-right: 0
}

.blog_right_sidebar .newsletter_widget .form-control {
    font-size: 14px;
    line-height: 24px;
    color: #ccc;
    border: 1px solid #d6dbe0;
    border-left: 0;
    border-radius: 12px
}

.blog_right_sidebar .newsletter_widget .form-control.placeholder {
    color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {
    color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
    color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
    color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
    outline: 0;
    box-shadow: none
}

.blog_right_sidebar .newsletter_widget .bbtns {
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    display: inline-block;
    font-weight: 500;
    padding: 0 24px 0 24px;
    border-radius: 0
}

.blog_right_sidebar .newsletter_widget .text-bottom {
    font-size: 14px
}

.blog_right_sidebar .tag_cloud_widget ul li {
    display: inline-block
}

.blog_right_sidebar .tag_cloud_widget ul li a {
    display: inline-block;
    border: 1px solid #d6dbe0;
    background: var(--card-bg);
    padding: 0 13px;
    margin-bottom: 8px;
    transition: all 0.4s ease 0s;
    color: var(--text-color);
    font-size: 14px
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
    color: #fff
}

.blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: var(--bg-color);
    margin: 30px 0
}

.blog-pagination {
    padding-top: 25px;
    padding-bottom: 95px
}

.blog-pagination .page-link {
    border-radius: 0
}

.blog-pagination .page-item {
    border: 0
}

.page-link {
    background: transparent;
    font-weight: 400
}

.blog-pagination .page-item.active .page-link {
    border-color: transparent;
    color: #fff
}

.blog-pagination .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #8a8a8a;
    border: 0
}

.blog-pagination .page-link .lnr {
    font-weight: 600
}

.blog-pagination .page-item:last-child .page-link,
.blog-pagination .page-item:first-child .page-link {
    border-radius: 0
}

.blog-pagination .page-link:hover {
    color: #fff;
    text-decoration: none;
    border-color: var(--bg-color)
}

.single-post-area .social-links {
    padding-top: 10px
}

.single-post-area .social-links li {
    display: inline-block;
    margin-bottom: 10px
}

.single-post-area .social-links li a {
    color: #ccc;
    padding: 7px;
    font-size: 16px;
    transition: all .2s linear
}

.single-post-area .social-links li a:hover {
    color: #005bff
}

.single-post-area .blog_details {
    padding-top: 26px
}

.single-post-area .blog_details p {
    margin-bottom: 10px
}

.single-post-area .quotes {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 24px 35px 24px 30px;
    background-color: white;
    box-shadow: -20.84px 21.58px 30px 0 rgba(176, 176, 176, 0.1);
    font-size: 16px;
    line-height: 24px;
    color: #777;
    font-style: italic
}

.single-post-area .arrow {
    position: absolute
}

.single-post-area .arrow .lnr {
    font-size: 16px;
    font-weight: 600
}

.single-post-area .thumb .overlay-bg {
    background: rgba(0, 0, 0, 0.8)
}

.single-post-area .navigation-area {
    border-top: 1px solid #d6dbe0;
    padding-top: 30px;
    margin-top: 60px
}

.single-post-area .navigation-area p {
    margin-bottom: 0
}

.single-post-area .navigation-area h4 {
    font-size: 18px;
    line-height: 25px;
    color: var(--text-color)
}

.single-post-area .navigation-area .nav-left {
    text-align: left
}

.single-post-area .navigation-area .nav-left .thumb {
    margin-right: 20px;
    background: #080d13
}

.single-post-area .navigation-area .nav-left .thumb img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single-post-area .navigation-area .nav-left .lnr {
    margin-left: 20px;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single-post-area .navigation-area .nav-left:hover .lnr {
    opacity: 1
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
    opacity: .5
}

@media(max-width:767px) {
    .single-post-area .navigation-area .nav-left {
        margin-bottom: 30px
    }
}

.single-post-area .navigation-area .nav-right {
    text-align: right
}

.single-post-area .navigation-area .nav-right .thumb {
    margin-left: 20px;
    background: #080d13
}

.single-post-area .navigation-area .nav-right .thumb img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single-post-area .navigation-area .nav-right .lnr {
    margin-right: 20px;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single-post-area .navigation-area .nav-right:hover .lnr {
    opacity: 1
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
    opacity: .5
}

@media(max-width:991px) {
    .single-post-area .sidebar-widgets {
        padding-bottom: 0
    }
}

.comments-area {
    background: #fafaff;
    border: 1px solid #d6dbe0;
    padding: 50px 30px;
    margin-top: 50px
}

@media(max-width:414px) {
    .comments-area {
        padding: 50px 8px
    }
}

.comments-area h4 {
    text-align: center;
    margin-bottom: 50px;
    color: var(--text-color);
    font-size: 18px
}

.comments-area h5 {
    font-size: 16px;
    margin-bottom: 0
}

.comments-area a {
    color: var(--text-color)
}

.comments-area .comment-list {
    padding-bottom: 48px
}

.comments-area .comment-list:last-child {
    padding-bottom: 0
}

.comments-area .comment-list.left-padding {
    padding-left: 25px
}

@media(max-width:413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 14px
    }

    .comments-area .comment-list .single-comment .date {
        font-size: 14px
    }

    .comments-area .comment-list .single-comment .comment {
        font-size: 10px
    }
}

.comments-area .thumb {
    margin-right: 20px
}

.comments-area .date {
    font-size: 16px;
    color: #ccc;
    margin-bottom: 13px
}

.comments-area .comment {
    color: #777;
    margin-bottom: 0
}

.comments-area .btn-reply {
background-color: var(--card-bg);
    color: var(--text-color);
    border: 1px solid #d6dbe0;
    padding: 2px 18px;
    font-size: 14px;
    display: block;
    font-weight: 600;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.comments-area .btn-reply:hover {
    border: transparent;
    color: #fff
}

.comment-form {
    background: #fafaff;
    text-align: center;
    border: 1px solid #d6dbe0;
    padding: 47px 30px 43px;
    margin-top: 50px;
    margin-bottom: 40px
}

.comment-form h4 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 22px;
    color: var(--text-color)
}

.comment-form .name {
    padding-left: 0
}

@media(max-width:767px) {
    .comment-form .name {
        padding-right: 0;
        margin-bottom: 1rem
    }
}

.comment-form .email {
    padding-right: 0
}

@media(max-width:991px) {
    .comment-form .email {
        padding-left: 0
    }
}

.comment-form .form-control {
    padding: 8px 20px;
    background: var(--card-bg);
    border: 0;
    border-radius: 12px;
    width: 100%;
    font-size: 16px;
    color: #777;
    border: 1px solid transparent
}

.comment-form .form-control:focus {
    box-shadow: none;
    border: 1px solid #d6dbe0
}

.comment-form textarea.form-control {
    height: 140px;
    resize: none
}

.comment-form ::-webkit-input-placeholder {
    font-size: 16px;
    color: #777
}

.comment-form ::-moz-placeholder {
    font-size: 16px;
    color: #777
}

.comment-form :-ms-input-placeholder {
    font-size: 16px;
    color: #777
}

.comment-form :-moz-placeholder {
    font-size: 16px;
    color: #777
}

.mapBox {
    height: 420px;
    margin-top: 80px
}

.contact_info .info_item {
    position: relative;
    padding-left: 45px
}

.contact_info .info_item i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.contact_info .info_item h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 0;
    color: var(--text-color)
}

.contact_info .info_item h6 a {
    color: var(--text-color)
}

.contact_info .info_item p {
    font-size: 15px;
    line-height: 24px;
    padding: 2px 0
}

.contact_form .form-group {
    margin-bottom: 10px
}

.contact_form .form-group .form-control {
    font-size: 16px;
    line-height: 8px;
    color: var(--text-copy-color);
    border: 1px solid #d6dbe0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    border-radius: 12px;
    padding-left: 20px
}

.contact_form .form-group .form-control:focus {
    box-shadow: none;
    outline: 0
}

.contact_form .form-group .form-control.placeholder {
    color: var(--text-copy-color)
}

.contact_form .form-group .form-control:-moz-placeholder {
    color: var(--text-copy-color)
}

.contact_form .form-group .form-control::-moz-placeholder {
    color: var(--text-copy-color)
}

.contact_form .form-group .form-control::-webkit-input-placeholder {
    color: var(--text-copy-color)
}

.contact_form .form-group textarea {
    resize: none
}

.contact_form .form-group textarea.form-control {
    height: 250px;
    line-height: 26px
}

.contact_form .primary_btn {
    margin-top: 20px
}

.contact_form .form-group .form-control {
    display: block;
    width: 100%;
    height: calc(3.25rem+3px);
    padding: 1.375rem .75rem;
    padding-left: .75rem
}

.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0;
    max-width: 500px;
    width: 100%
}

.modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px
}

.modal-message .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 0;
    color: #fff;
    opacity: 1;
    cursor: pointer
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
    display: block;
    text-align: center;
    color: #005bff;
    padding-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.modal-message .modal-dialog .modal-content .modal-header p {
    display: block
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.sample-text-area {
    padding: 100px 0
}

.sample-text-area .title_color {
    margin-bottom: 30px
}

.sample-text-area p {
    line-height: 26px
}

.sample-text-area p b {
    font-weight: bold;
    color: #005bff
}

.sample-text-area p i {
    color: #005bff;
    font-style: italic
}

.sample-text-area p sup {
    color: #005bff;
    font-style: italic
}

.sample-text-area p sub {
    color: #005bff;
    font-style: italic
}

.sample-text-area p del {
    color: #005bff
}

.sample-text-area p u {
    color: #005bff
}

.elements_button .title_color {
    margin-bottom: 30px;
    color: var(--text-color)
}

.title_color {
    color: var(--text-color)
}

.button-group-area {
    margin-top: 15px
}

.button-group-area:nth-child(odd) {
    margin-top: 40px
}

.button-group-area:first-child {
    margin-top: 0
}

.button-group-area .theme_btn {
    margin-right: 10px
}

.button-group-area .link {
    text-decoration: underline;
    color: var(--text-color);
    background: transparent
}

.button-group-area .link:hover {
    color: #fff
}

.button-group-area .disable {
    background: transparent;
    color: #007bff;
    cursor: not-allowed
}

.button-group-area .disable:before {
    display: none
}

.primary {
    background: #52c5fd
}

.primary:before {
    background: #2faae6
}

.success {
    background: #4cd3e3
}

.success:before {
    background: #2ebccd
}

.warning {
    background: #f4e700
}

.warning:before {
    background: #e1d608
}

.danger {
    background: #f54940
}

.danger:before {
    background: #e13b33
}

.primary-border {
    background: transparent;
    border: 1px solid #52c5fd;
    color: #52c5fd
}

.primary-border:before {
    background: #52c5fd
}

.success-border {
    background: transparent;
    border: 1px solid #4cd3e3;
    color: #4cd3e3
}

.success-border:before {
    background: #4cd3e3
}

.info-border {
    background: transparent;
    border: 1px solid #38a4ff;
    color: #38a4ff
}

.info-border:before {
    background: #38a4ff
}

.warning-border {
    background: var(--card-bg);
    border: 1px solid #f4e700;
    color: #f4e700
}

.warning-border:before {
    background: #f4e700
}

.danger-border {
    background: transparent;
    border: 1px solid #f54940;
    color: #f54940
}

.danger-border:before {
    background: #f54940
}

.link-border {
    background: transparent;
    border: 1px solid linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    color: #005bff
}

.link-border:before {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.radius {
    border-radius: 12px
}

.circle {
    border-radius: 20px
}

.arrow span {
    padding-left: 5px
}

.e-large {
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0
}

.large {
    line-height: 45px;
    padding-top: 0;
    padding-bottom: 0
}

.medium {
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0
}

.small {
    line-height: 25px;
    padding-top: 0;
    padding-bottom: 0
}

.general {
    line-height: 38px;
    padding-top: 0;
    padding-bottom: 0
}

.generic-banner {
    margin-top: 60px;
    text-align: center
}

.generic-banner .height {
    height: 600px
}

@media(max-width:767.98px) {
    .generic-banner .height {
        height: 400px
    }
}

.generic-banner .generic-banner-content h2 {
    line-height: 1.2em;
    margin-bottom: 20px
}

@media(max-width:991.98px) {
    .generic-banner .generic-banner-content h2 br {
        display: none
    }
}

.generic-banner .generic-banner-content p {
    text-align: center;
    font-size: 16px
}

@media(max-width:991.98px) {
    .generic-banner .generic-banner-content p br {
        display: none
    }
}

.generic-content h1 {
    font-weight: 600
}

.about-generic-area {
    background: var(--card-bg)
}

.about-generic-area p {
    margin-bottom: 20px
}

.white-bg {
    background: var(--card-bg)
}

.section-top-border {
    padding: 50px 0;
    border-top: 1px dotted var(--bg-color)
}

.switch-wrap {
    margin-bottom: 10px
}

.switch-wrap p {
    margin: 0
}

.sample-text-area {
    padding: 100px 0 70px 0
}

.sample-text {
    margin-bottom: 0
}

.text-heading {
    margin-bottom: 30px;
    font-size: 16px
}

.typo-list {
    margin-bottom: 10px
}

@media(max-width:767px) {
    .typo-sec {
        margin-bottom: 30px
    }
}

@media(max-width:767px) {
    .element-wrap {
        margin-top: 30px
    }
}

.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted var(--bg-color)
}

.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px
}

.button-group-area .genric-btn:last-child {
    margin-right: 0
}

.circle {
    border-radius: 20px
}

.genric-btn {
    display: inline-block;
    outline: 0;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.genric-btn:focus {
    outline: 0
}

.genric-btn.e-large {
    padding: 0 40px;
    line-height: 50px
}

.genric-btn.large {
    line-height: 45px
}

.genric-btn.medium {
    line-height: 30px
}

.genric-btn.small {
    line-height: 25px
}

.genric-btn.radius {
    border-radius: 12px
}

.genric-btn.circle {
    border-radius: 20px
}

.genric-btn.arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.genric-btn.arrow span {
    margin-left: 10px
}

.genric-btn.default {
    color: var(--text-color);
    background: #f9f9ff;
    border: 1px solid transparent
}

.genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: var(--card-bg)
}

.genric-btn.default-border {
    border: 1px solid #f9f9ff;
    background: var(--card-bg)
}

.genric-btn.default-border:hover {
    color: var(--text-color);
    background: #f9f9ff;
    border: 1px solid transparent
}

.genric-btn.primary {
    color: #fff;
    background: #f8b600;
    border: 1px solid transparent
}

.genric-btn.primary:hover {
    color: #f8b600;
    border: 1px solid #f8b600;
    background: var(--card-bg)
}

.genric-btn.primary-border {
    color: #f8b600;
    border: 1px solid #f8b600;
    background: var(--card-bg)
}

.genric-btn.primary-border:hover {
    color: #fff;
    background: #f8b600;
    border: 1px solid transparent
}

.genric-btn.success {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent
}

.genric-btn.success:hover {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: var(--card-bg)
}

.genric-btn.success-border {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: var(--card-bg)
}

.genric-btn.success-border:hover {
    color: #fff;
    background: #4cd3e3;
    border: 1px solid transparent
}

.genric-btn.info {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent
}

.genric-btn.info:hover {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: var(--card-bg)
}

.genric-btn.info-border {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: var(--card-bg)
}

.genric-btn.info-border:hover {
    color: #fff;
    background: #38a4ff;
    border: 1px solid transparent
}

.genric-btn.warning {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent
}

.genric-btn.warning:hover {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: var(--card-bg)
}

.genric-btn.warning-border {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: var(--card-bg)
}

.genric-btn.warning-border:hover {
    color: #fff;
    background: #f4e700;
    border: 1px solid transparent
}

.genric-btn.danger {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent
}

.genric-btn.danger:hover {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: var(--card-bg)
}

.genric-btn.danger-border {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: var(--card-bg)
}

.genric-btn.danger-border:hover {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent
}

.genric-btn.link {
    color: var(--text-color);
    background: #f9f9ff;
    text-decoration: underline;
    border: 1px solid transparent
}

.genric-btn.link:hover {
    color: var(--text-color);
    border: 1px solid #f9f9ff;
    background: var(--card-bg)
}

.genric-btn.link-border {
    color: var(--text-color);
    border: 1px solid #f9f9ff;
    background: var(--card-bg);
    text-decoration: underline
}

.genric-btn.link-border:hover {
    color: var(--text-color);
    background: #f9f9ff;
    border: 1px solid transparent
}

.genric-btn.disable {
    color: var(--text-color);
    background: #f9f9ff;
    border: 1px solid transparent;
    cursor: not-allowed
}

.generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: var(--card-bg);
    border-left: 2px solid #f8b600
}

@media(max-width:991px) {
    .progress-table-wrap {
        overflow-x: scroll
    }
}

.progress-table {
    background: var(--card-bg);
    padding: 15px 0 30px 0;
    min-width: 800px
}

.progress-table .serial {
    width: 11.83%;
    padding-left: 30px
}

.progress-table .country {
    width: 28.07%
}

.progress-table .visit {
    width: 19.74%
}

.progress-table .percentage {
    width: 40.36%;
    padding-right: 50px
}

.progress-table .table-head {
    display: flex
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
    color: var(--text-color);
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500
}

.progress-table .table-row {
    padding: 15px 0;
    border-top: 1px solid #edf3fd;
    display: flex
}

.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
    display: flex;
    align-items: center
}

.progress-table .table-row .country img {
    margin-right: 15px
}

.progress-table .table-row .percentage .progress {
    width: 80%;
    border-radius: 12px;
    background: transparent
}

.progress-table .table-row .percentage .progress .progress-bar {
    height: 5px;
    line-height: 5px
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
    background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
    background-color: #e66686
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
    background-color: #f09359
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
    background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
    background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
    background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
    background-color: #a367e7
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
    background-color: #e66686
}

.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 200px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single-gallery-image:hover {
    opacity: .8
}

.list-style {
    width: 14px;
    height: 14px
}

.unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em !important;
}

.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #f8b600;
    background: var(--card-bg);
    top: 4px;
    left: 0;
    border-radius: 50%;
}

.ordered-list {
    margin-left: 30px;
}

.ordered-list li {
    list-style-type: decimal-leading-zero;
    color: #f8b600;
    font-weight: 500;
    line-height: 1.82em !important;
}

.ordered-list li span {
    font-weight: 300;
    color: var(--text-color);
}

.ordered-list-alpha li {
    margin-left: 30px;
    list-style-type: lower-alpha;
    color: #f8b600;
    font-weight: 500;
    line-height: 1.82em !important;
}

.ordered-list-alpha li span {
    font-weight: 300;
    color: var(--text-color);
}

.ordered-list-roman li {
    margin-left: 30px;
    list-style-type: lower-roman;
    color: #f8b600;
    font-weight: 500;
    line-height: 1.82em !important;
}

.ordered-list-roman li span {
    font-weight: 300;
    color: var(--text-color);
}

.single-input {
    display: block;
    width: 100%;
    line-height: 40px;
    border: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input:focus {
    outline: none;
}

.input-group-icon {
    position: relative
}

.input-group-icon .icon {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 40px;
    z-index: 3
}

.input-group-icon .icon i {
    color: #797979
}

.input-group-icon .single-input {
    padding-left: 45px
}

.single-textarea {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 0;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none
}

.single-textarea:focus {
    outline: 0
}

.single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px
}

.single-input-primary:focus {
    outline: 0;
    border: 1px solid #f8b600
}

.single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px
}

.single-input-accent:focus {
    outline: 0;
    border: 1px solid #eb6b55
}

.single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: 0;
    background: #f9f9ff;
    padding: 0 20px
}

.single-input-secondary:focus {
    outline: 0;
    border: 1px solid #f09359
}

.default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.default-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.default-switch input+label {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f8b600;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.default-switch input:checked+label {
    left: 19px
}

.single-element-widget {
    margin-bottom: 30px
}

.primary-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.primary-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.primary-switch input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.primary-switch input+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    cursor: pointer;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.primary-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--card-bg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.primary-switch input:checked+label:after {
    left: 19px
}

.primary-switch input:checked+label:before {
    background: #f8b600
}

.confirm-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.confirm-switch input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.confirm-switch input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.confirm-switch input+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border-radius: 8.5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.confirm-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--card-bg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.confirm-switch input:checked+label:after {
    left: 19px
}

.confirm-switch input:checked+label:before {
    background: #4cd3e3
}

.primary-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.primary-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.primary-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid var(--bg-color)
}

.single-defination h4 {
    color: var(--text-color)
}

.primary-checkbox input:checked+label {
    background: url(../img/elements/primary-check.png) no-repeat center center/cover;
    border: 0
}

.confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.confirm-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.confirm-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid var(--bg-color)
}

.confirm-checkbox input:checked+label {
    background: url(../img/elements/success-check.png) no-repeat center center/cover;
    border: 0
}

.disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.disabled-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.disabled-checkbox input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid var(--bg-color)
}

.disabled-checkbox input:disabled {
    cursor: not-allowed;
    z-index: 3
}

.disabled-checkbox input:checked+label {
    background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
    border: 0
}

.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.primary-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.primary-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid var(--bg-color)
}

.primary-radio input:checked+label {
    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
    border: 0
}

.confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.confirm-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.confirm-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid var(--bg-color)
}

.confirm-radio input:checked+label {
    background: url(../img/elements/success-radio.png) no-repeat center center/cover;
    border: 0
}

.disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background: var(--card-bg);
    position: relative;
    cursor: pointer
}

.disabled-radio input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.disabled-radio input+label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid var(--bg-color)
}

.disabled-radio input:disabled {
    cursor: not-allowed;
    z-index: 3
}

.unordered-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.ordered-list {
    list-style: none;
    padding: 0px;
}

.disabled-radio input:checked+label {
    background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
    border: 0
}

.default-select {
    height: 40px
}

.default-select .nice-select {
    border: 0;
    border-radius: 12px;
    height: 40px;
    background: var(--card-bg);
    padding-left: 20px;
    padding-right: 40px
}

.default-select .nice-select .list {
    margin-top: 0;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0
}

.default-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 14px;
    padding-left: 20px
}

.default-select .nice-select .list .option.selected {
    color: #f8b600;
    background: transparent
}

.default-select .nice-select .list .option:hover {
    color: #f8b600;
    background: transparent
}

.default-select .current {
    margin-right: 50px;
    font-weight: 300
}

.default-select .nice-select::after {
    right: 20px
}

@media(max-width:991px) {
    .left-align-p p {
        margin-top: 20px
    }
}

.form-select {
    height: 40px;
    width: 100%
}

.form-select .nice-select {
    border: 0;
    border-radius: 12px;
    height: 40px;
    background: #f9f9ff !important;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%
}

.form-select .nice-select .list {
    margin-top: 0;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0
}

.mt-10 {
    margin-top: 10px
}

.form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 14px;
    padding-left: 45px
}

.form-select .nice-select .list .option.selected {
    color: #f8b600;
    background: transparent
}

.form-select .nice-select .list .option:hover {
    color: #f8b600;
    background: transparent
}

.form-select .current {
    margin-right: 50px;
    font-weight: 300
}

.form-select .nice-select::after {
    right: 20px
}

.about_area {
    position: relative
}

.about_area .main_title {
    margin-bottom: 0
}

.about_area .main_title p {
    margin-bottom: 20px
}

.about_area .primary_btn .primary_btn6 {
    margin-top: 20px
}

.about_area .about_img {
    position: relative
}

@media(max-width:1480px) {
    .about_area .about_img {
        right: 0
    }

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

@media(max-width:991px) {
    .about_area .about_img {
        text-align: center;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.about_area {
    position: relative
}

.about_area .main_title {
    margin-bottom: 0
}

.about_area .main_title p {
    margin-bottom: 20px
}

.about_area .primary_btn .primary_btn6 {
    margin-top: 20px
}

.about_area .about_img2 {
    position: absolute
}

@media(max-width:1480px) {
    .about_area .about_img2 {
        right: 0
    }

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

@media(max-width:991px) {
    .about_area .about_img2 {
        text-align: center;
        position: relative;
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.brand_area {
    padding-bottom: 60px
}

@media(max-width:1199px) {
    .brand_area {
        padding-bottom: 60px
    }
}

.features_area {
    padding-bottom: 30px;
    background: var(--bg-color)
}

@media(max-width:1199px) {
    .features_area {
        padding-bottom: 50px
    }
}

.features_area_dst2 {
    background: #000
}

.features_area_dst3 {
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

.features_area_dst4 {
    background: #ff528b;
}

.features_area_dst6 {
    background: #d5edff;
}

.features_area_dst {
    padding-bottom: 10px;
    background: var(--bg-color);
    transition: all .15s;
    cursor: pointer;
}

.features_area_dst:hover {
    transform: translateY(-8px);
    transition: all .15s;
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

@media(max-width:1199px) {
    .features_area_dst {
        padding-bottom: 50px
    }
}

.feature_item {
    border-radius: 12px;
    padding: 45px 25px;
    background: var(--card-bg);
    text-align: center;
    border: 1px solid #d6dbe0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_item img {
    margin-bottom: 35px;
    height: 45px;
    display: block;
    border: 2px solid #555;
    padding: 5px 15px;
    border-radius: 12px
}

.feature_item h4 {
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 90px
}

.feature_item p {
    margin-bottom: 0;
    min-height: 110px
}

.feature_item:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    background: var(--bg-color);
    transition: all 0.4s ease 0s
}

.feature_itemdst {
    border-radius: 12px;
    padding: 35px 20px;
    background: var(--card-bg);
    min-height: 300px;
    text-align: left;
    border: 1px solid #d6dbe0;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.feature_itemdst img {
    margin-bottom: 35px;
    height: 50px;
    width: auto;
    transition: all 0.4s ease 0s
}

.feature_itemdst img:hover {
    margin-bottom: 35px;
    filter: blur(1px);
    transition: all 0.4s ease 0s
}

.feature_itemdst h4 {
    font-size: 16px;
    margin-bottom: 20px;
    min-height: 60px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    line-height: 28px
}

.feature_itemdst p {
    margin-bottom: 0;
    min-height: 100px
}

.feature_itemdst:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    background: var(--card-bg)
}

.swiper-container {
    width: 100%;
    height: 100%;
    max-height: 450px;
    min-width: 300px;
    max-width: 1920px;
    margin-bottom: 20px;
    padding-bottom: 50px
}

.swiper-slide {
    text-align: center;
    font-size: 16px;
    background: var(--card-bg);
    border-radius: 12px;
    border: 1px solid #d6dbe0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all 0.4s ease 0s
}

.swiper-slide:hover {
    box-shadow: 0px 20px 30px rgba(115, 137, 255, 0.2);
    background: var(--card-bg);
    transition: all 0.4s ease 0s
}

.single-brand-item {
    width: 100%;
    height: 100px;
    cursor: pointer;
    margin-bottom: 30px;
    border: 1px solid #d6dbe0;
    border-radius: 12px;
    box-shadow: none;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single-brand-item .d-table-cell {
    vertical-align: middle
}

.single-brand-item img {
    max-width: 170px;
    margin: 0 auto;
    -webkit-filter: grayscale(0.9);
    filter: grayscale(0.9);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single-brand-item:hover {
    border: 1px solid transparent;
    box-shadow: 0 8px 30px rgba(118, 85, 225, 0.15)
}

.single-brand-item:hover img {
    -webkit-filter: grayscale(0.1);
    filter: grayscale(0.1);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.client-info {
    padding: 25px 30px;
    text-align: center;
    position: relative;
    margin-top: 125px
}

@media only screen and (min-width:1000px) and (max-width:1480px) {
    .dstpreim3 {
        margin-top: 80px
    }
}

@media only screen and (max-width:991px) {
    .client-info {
        margin-top: 50px
    }

    .dstpreim {
        background: #000
    }

    .dstpreim2 {
        padding-top: 40px
    }

    .dstpreim3 {
        padding-top: 60px
    }
}

@media(max-width:575px) {
    .client-info {
        padding-top: 50px
    }
}

.client-info:before {
    content: '';
    position: absolute;
    top: -25px;
    left: -50px;
    height: 175px;
    width: 175px
}

@media(max-width:575px) {
    .client-info:before {
        background: 0
    }
}

@media(max-width:575px) {
    .client-info .d-flex {
        -ms-flex-align: center;
        align-items: center
    }
}

.client-info .lage {
    color: #005bff;
    font-size: 64px;
    padding-right: 5px;
    font-weight: 600;
    line-height: 60px;
    position: relative;
    z-index: 9
}

.client-info .smll {
    text-align: left;
    color: var(--text-color);
    font-size: 16px;
    margin-left: 20px
}

.call-now {
    padding-top: 50px;
    text-align: left;
    margin-bottom: 40px
}

@media(max-width:575px) {
    .call-now {
        padding-top: 0
    }
}

@media(max-width:480px) {
    .call-now h3 {
        font-size: 16px
    }
}

.call-now p {
    color:var(--text-copy-color);
    font-size: 16px;
    margin-bottom: 5px
}

.call-now span {
    font-size: 60px;
    font-weight: 600;
    color:var(--text-copy-color)
}

.portfolio_area {
    padding-bottom: 120px
}

@media(max-width:991px) {
    .portfolio_area {
        padding-bottom: 50px
    }
}

.portfolio_area .filters ul {
    padding-left: 0;
    margin-bottom: 50px
}

@media(max-width:991px) {
    .portfolio_area .filters ul {
        margin-bottom: 20px
    }
}

.portfolio_area .filters ul li {
    display: inline-block;
    margin-right: 50px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--text-color);
    cursor: pointer;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.portfolio_area .filters ul li:hover,
.portfolio_area .filters ul li.active {
    color: #005bff
}

@media(max-width:767px) {
    .portfolio_area .filters ul li {
        margin-right: 20px
    }
}

.portfolio_box {
    margin-bottom: 80px
}

@media(max-width:767px) {
    .portfolio_box {
        margin-bottom: 35px
    }
}

.portfolio_box .short_info {
    margin-top: 30px
}

@media(max-width:767px) {
    .portfolio_box .short_info {
        margin-top: 20px
    }
}

.portfolio_box .short_info h4 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0
}

.portfolio_box .short_info h4 a {
    color: var(--text-color)
}

.single_portfolio {
    position: relative
}

.single_portfolio .overlay {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single_portfolio .icon {
    position: absolute;
    top: 25%;
    left: 25%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.single_portfolio .icon span {
    font-size: 100px;
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    color: #fff;
    cursor: pointer
}

.single_portfolio:hover .overlay {
    background: rgba(77, 87, 222, 0.5)
}

.single_portfolio:hover .icon {
    opacity: 1;
    visibility: visible;
    top: 50%;
    left: 50%
}

.portfolio_details_inner .row {
    margin-bottom: 65px
}

@media(max-width:480px) {
    .portfolio_details_inner .row {
        margin-bottom: 30px
    }
}

.portfolio_details_inner p {
    margin-bottom: 30px;
    font-size: 16px
}

.portfolio_details_inner p:last-child {
    margin-bottom: 0
}

.portfolio_details_inner .portfolio_right_text {
    margin-top: 50px
}

.portfolio_details_inner .portfolio_right_text h4 {
    font-size: 16px;
    margin-bottom: 18px
}

.portfolio_details_inner .portfolio_right_text p {
    margin-bottom: 25px;
    font-size: 16px
}

.portfolio_details_inner .portfolio_right_text .list li {
    margin-bottom: 7px;
    font-weight: normal;
    font-size: 16px
}

.portfolio_details_inner .portfolio_right_text .list li span {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 500;
    width: 97px;
    display: inline-block
}

.portfolio_details_inner .portfolio_right_text .list li:last-child {
    margin-bottom: 0
}

.portfolio_details_inner .portfolio_right_text .list li i {
    color: #f1cd09
}

.testimonial_area .owl-carousel .owl-dots {
    display: block !important;
    text-align: center
}

.testimonial_area .owl-carousel .owl-dots .owl-dot {
    height: 10px;
    width: 10px;
    background: #d8d8d8;
    border-radius: 17px;
    display: inline-block;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.testimonial_area .owl-carousel .owl-dots .owl-dot.active {
    height: 12px;
    width: 12px;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%)
}

@media(max-width:991px) {
    .testimonial_area .owl-carousel .owl-dots {
        display: none !important
    }
}

.testimonial_area .owl-carousel .owl-item img {
    width: auto !important
}

.testi_item {
    padding: 50px 55px;
    margin-bottom: 200px;
    margin-left: 10px;
    margin: 0 10px 80px;
    box-shadow: 0 15px 30px 0 rgba(221, 221, 221, 0.3);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

@media(max-width:991px) {
    .testi_item {
        margin-bottom: 0
    }
}

@media(max-width:575px) {
    .testi_item {
        padding: 30px 20px
    }
}

.testi_item img {
    border-radius: 12px
}

.testi_item .col-lg-8 {
    vertical-align: middle;
    align-self: center
}

@media(max-width:991px) {
    .testi_item .testi_text {
        margin-top: 50px
    }
}

.testi_item .testi_text h4 {
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.testi_item .testi_text p {
    margin-bottom: 0
}

.testi_item:hover {
    box-shadow: 0 10px 20px 0 rgba(118, 85, 225, 0.1)
}

.newsletter_area {
    color: #fff
}

.subscription_box {
    background: url(../img/subscribe-bg.png) no-repeat center;
    padding: 150px 0
}

@media(max-width:767px) {
    .subscription_box {
        padding: 50px 20px
    }
}

.subscription_box h2 {
    font-weight: 600;
    margin-bottom: 20px
}

@media(max-width:767px) {
    .subscription_box h2 {
        font-size: 24px
    }
}

.subscription_box p {
    margin-bottom: 0
}

.subscription_box .subscription input {
    min-width: 380px;
    max-width: 380px;
    line-height: 48px;
    padding: 0 25px;
    border: 1px solid #fff;
    background: transparent;
    font-weight: 400;
    border-radius: 12px;
    color: #fff
}

.subscription_box .subscription input:focus {
    outline: 0
}

@media(max-width:420px) {
    .subscription_box .subscription input {
        min-width: 250px
    }
}

.subscription_box .subscription input.placeholder {
    color: #fff;
    font-weight: 400
}

.subscription_box .subscription input:-moz-placeholder {
    color: #fff;
    font-weight: 400
}

.subscription_box .subscription input::-moz-placeholder {
    color: #fff;
    font-weight: 400
}

.subscription_box .subscription input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 400
}

.subscription_box .primary-btn {
    margin-left: 10px;
    background: var(--card-bg);
    text-transform: uppercase;
    color: var(--text-color);
    border-radius: 12px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 38px;
    cursor: pointer
}

@media(max-width:767px) {
    .subscription_box .primary-btn {
        margin-top: 20px
    }
}

.subscription_box .subcribe-form {
    margin-top: 45px
}

.subscription .info {
    color: #fff;
    width: 100%;
    font-size: 14px;
    background: transparent
}

.subscription .info.valid {
    color: green
}

.subscription .info.error {
    color: #ff528b
}

.blog_info.text-right {
    text-align: left !important;
    margin-bottom: 10px
}

.home_banner_area .banner_inner .banner_content h3 {
    font-size: 24px
}

.home_banner_area .banner_inner .banner_content p br {
    display: none
}

.home_banner_area .banner_inner .banner_content h3 span {
    line-height: 45px;
    padding-bottom: 0;
    padding-top: 0
}

.made_life_inner .nav.nav-tabs li {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px
}

.made_life_inner .nav.nav-tabs {
    margin-bottom: -15px
}

.made_life_area.made_white .left_side_text {
    margin-bottom: 0;
    margin-top: 30px
}

@media only screen and (min-width:1250px) and (max-width:1600px) {
    .col-8r-custom {
        width: 12.5%;
        flex: 0 0 12.5%
    }

    .col-xs-8r,
    .col-sm-8r,
    .col-md-8r,
    .col-lg-8r,
    .col-xl-8r {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xs-8r {
        width: 12.5%;
        float: left;
        flex: 0 0 12.5%
    }

    .col-sm-8r {
        width: 12.5%;
        float: left;
        flex: 0 0 12.5%
    }

    .col-md-8r {
        width: 12.5%;
        float: left;
        flex: 0 0 12.5%
    }

    .col-lg-8r {
        width: 12.5%;
        float: left;
        flex: 0 0 12.5%
    }

    .col-xl-8r {
        width: 12.5%;
        float: left;
        flex: 0 0 12.5%
    }
}

.col-4r-custom {
    width: 25%;
    flex: 0 0 25%
}

.col-xs-4r,
.col-sm-4r,
.col-md-4r,
.col-lg-4r,
.col-xl-4r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-4r {
    width: 25%;
    float: left;
    flex: 0 0 25%
}

.col-sm-4r {
    width: 25%;
    float: left;
    flex: 0 0 25%
}

.col-md-4r {
    width: 25%;
    float: left;
    flex: 0 0 25%
}

.col-lg-4r {
    width: 25%;
    float: left;
    flex: 0 0 25%
}

.col-xl-4r {
    width: 25%;
    float: left;
    flex: 0 0 25%
}

@media(max-width:450px) {
    .feature_item2 {
        padding: 30px !important
    }

    .feature_item4 {
        padding: 30px !important
    }
}

.fields_help {
    background: var(--card-bg);
    border: 1px solid #fff;
    padding: 30px;
    border-radius: 18px;
    cursor: pointer;
    transition: all 0.4s ease 0s;
}

.fields_help:hover {
    border-color: #005bff;
    transform: translateY(-8px);
    transition: all 0.4s ease 0s;
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

@media(min-width:1200px) {
    .box-dst:nth-child(3n) {
        padding-right: 0px !important
    }
}

.gradient-text {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 34vw;
    letter-spacing: 1vw;
    position: relative;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    background: #111 url("/templates/default/images/50.png");
    background-size: auto 200%;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 8s linear infinite;
}

.gradient-text:nth-child(2) {
    top: 50vh;
}

@media(min-width:1600px) {
    .gradient-text {
        font-size: 26vw;
    }
}

@media(min-width:1900px) {
    .gradient-text {
        font-size: 26vw;
    }
}

@media(min-width:2450px) {
    .gradient-text {
        display: none;
    }
}

.gradient-text2 {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 10vw;
    line-height: 130px;
    letter-spacing: 1vw;
    position: relative;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    background: var(--card-bg) url("/templates/default/images/29.png");
    background-size: auto;
    background-clip: border-box;
    background-size: auto 200%;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 8s linear infinite;
    text-transform: uppercase;
}

.gradient-text2:nth-child(2) {
    top: 50vh;
}

@media(max-width:1000px) {
    .gradient-text2 {
        font-size: 13vw;
        line-height: 100px;
    }
}

@media(min-width:1600px) {
    .gradient-text2 {
        font-size: 10vw;
        line-height: 160px;
    }
}

@media(min-width:1900px) {
    .gradient-text2 {
        font-size: 10vw;
        line-height: 160px;
    }
}

@media(min-width:2100px) {
    .gradient-text2 {
        font-size: 7vw;
        line-height: 160px;
    }
}

@keyframes shine {
    from {
        background-position: center 0;
    }

    to {
        background-position: center 200%;
    }
}

.user-avatar-q {
    height: 20px;
    widthh: 20px;
}

.user-avatar-q img {
    height: 20px;
    widthh: 20px;
}

.callout-block {
    padding: 1.5rem;
    background: #f5f5f5;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-radius: 18px;
    font-size: 16px
}

.callout-block2 {
    padding: 1.5rem;
    background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-radius: 18px;
    color: #fff;
    font-size: 16px
}

.callout-block3 {
    padding: 1.5rem;
    background: #f15045;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-radius: 18px;
    color: #fff;
    font-size: 16px
}

.callout-block code {
    background: var(--card-bg)
}

.callout-block .callout-title {
    font-size: 18px;
    color: #0b1f35;
    font-weight: 600
}

.callout-block2 .callout-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600
}

.callout-block2 a {
    color: #fff;
    text-decoration: underline
}

.callout-block3 a {
    color: #fff;
    text-decoration: underline
}

.callout-block2 .callout-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600
}

.callout-block3 a {
    color: #fff !important;
    text-decoration: underline
}

.callout-block.callout-block-info {
    background: var(--card-bg)
}

.callout-block.callout-block-info2 {
    background: #0b1f35
}

.callout-block.callout-block-info3 {
    background: #f15045
}

.callout-block.callout-block-info .callout-title {
    color: #005bff
}

.callout-block.callout-block-info2 .callout-title {
    color: #fff
}

.callout-block.callout-block-info a {
    color: #0b1f35;
    text-decoration: underline
}

.callout-block.callout-block-success {
    border-color: #5cb377;
    background: #e7f4eb
}

.callout-block.callout-block-success .callout-title {
    color: #3e8554
}

.callout-block.callout-block-success a {
    color: #3e8554
}

.callout-block.callout-block-warning {
    border-color: #eebf41;
    background: #fdf6e5
}

.callout-block.callout-block-warning .callout-title {
    color: #d09c13
}

.callout-block.callout-block-warning a {
    color: #d09c13
}

.callout-block.callout-block-danger {
    border-color: #d26d69;
    background: #fbf3f2
}

.callout-block.callout-block-danger .callout-title {
    color: #b73c37
}

.callout-block.callout-block-danger a {
    color: #b73c37
}

.product-block-title-pos {
    overflow: hidden;
    font-size: 16px !important;
    line-height: 1.38;
    margin-bottom: 6px !important;
    position: relative;
    color: var(--text-color);
    max-width: 100%;
    word-break: break-word;
    width: 100%;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 40px;
}

.dst-item-table {
    text-align: center;
    max-height: 140px;
    min-height: 140px;
}

.dst-item-table .image {
    text-align: center;
    max-height: 140px;
    min-height: 140px;
}

.dst-logo-index-page {
    font-size: 0.875rem;
    max-width: 270px;
    color: var(--text-copy-color);
}

.e2 {
background-color: var(--card-bg);
    border-radius: 50%;
    bottom: -6px;
    position: absolute;
    right: -6px;
    transition: color .15s ease-in-out, background .15s ease-in-out, opacity .3s ease-in-out;
    z-index: 100;
}

.wi0_23 {
    align-self: stretch;
}

.wi_23 {
    margin-bottom: 4px;
}

.e605-a {
    margin-bottom: 4px;
}

.i9v_23 {
    color: #070707;
}

.v9i_23 {
    cursor: pointer;
}

.iv6_23 {
    font-size: 14px;
}

.a305-a1 {
    font-size: medium;
    white-space: normal;
}

.a305-a2 .a305-a4 {
    font-size: 0;
    white-space: nowrap;
}

.b7 {
    --margin-size: var(--gap);
}

.e605-a5 .e605-a4 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
}

.e605-a5 .e605-a0 {
    width: 148px;
}

.e605-a0 {
    border-radius: 2px;
    height: 4px;
    position: relative;
}

.e605-a0 .e605-a1 {
    background: #b3bcc5;
    background-color: rgb(179, 188, 197);
    width: 100%;
}

.e605-a0 .e605-a1,
.e605-a0 .e605-a2 {
    border-radius: 2px;
    height: 4px;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 0;
}

.e605-a0 .e605-a2 {
    background: #ff528b;
    background-color: #ff528b;
}

.e605-a0 .e605-a1,
.e605-a0 .e605-a2 {
    border-radius: 2px;
    height: 4px;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 0;
}

.e605-a0 .e605-a1 {
    background: #b3bcc5;
    background-color: rgb(179, 188, 197);
    width: 100%;
}

.features-width-feed {
    border: 1px solid #d6dbe0;
    transition: all 0.15s;
    padding: 0px 10px 10px 20px;
    cursor: pointer;
    min-height: 96px;
    border-radius: 18px;
    background: var(--card-bg);
}

.features-width-feed:hover {
    border-color: #ddd;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
}

.dstlinetextcopy {
    font-size: 12px;
    color: #B6BCC3;
    line-height: 18px;
    text-align: left;
}

.dstlinetextcopy2 {
    font-size: 13px;
    color: #6d7986;
    line-height: 18px;
    text-align: left;
    margin-top: 20px;
}

.dstlinetextcopy2 a {
    color: #6d7986;
    text-decoration: underline;
}

.dstlinetextcopy3 {
    font-size: 12px;
    color: #B6BCC3;
    line-height: 18px;
    margin-top: 20px;
}

.dstlinetextcopy3 a {
    color: #B6BCC3;
    text-decoration: underline;
}

.category_img img {
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background-color: var(--bg-color);
}

/* 
============================================================================================ */
/* НОВЫЕ
============================================================================================ */

.menu-svg-icon-block {
    background: var(--service-bg);
    padding: 4px;
    border-radius: 16px;
    min-width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.padding-cart-block {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

#pills-tab {
    padding-bottom: 15px;
}

#page {
    background: var(--bg-color)
}

.dropdstdown {
    position: relative;
    display: inline-block;
}

.dropdstbtn {
    padding: 0px 5px 15px 5px;
    cursor: pointer;
    color: rgb(214, 219, 224);
}

.dropdstdown-content {
    display: none;
    position: absolute;
    right: 0;
background-color: var(--card-bg);
    min-width: 200px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    z-index: 10000;
    padding: 15px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.dropdstdown-content a {
    display: block;
}

.dropdstdown:hover .dropdstdown-content {
    display: block;
}

.right-panel-dst-box {
    background: var(--bg-color);
    padding: 15px;
    border-radius: 8px;
}

.right-panel-dst-box2 {
    background: var(--bg-color);
    padding: 5px;
}

@media (max-width: 1200px) {
    .profile-dst-avatar {
        background: var(--card-bg);
        padding: 15px;
        border-radius: 18px;
        width: 100%;
    }

    .profile-dst-avatar2 {
        background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
        padding: 15px;
        border-radius: 18px;
        width: 100%;
    }

    .profile-dst-avatar2 a {
        color: #fff;
    }

    .profile-dst-avatar-svg {
        color: #fff;
    }
}

.canal_img img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
}

.product_price {
    color: #ff528b;
    font-weight: 600;
    font-size: 18px;
}

.white_bg {
    background-color: white;
}

.canal_percent,
.canal_look {
    padding: 10px 15px;
    background-color: var(--service-bg);
    border-radius: 12px;
    width: auto;
}

.canal_price {
    color: #005bff;
    font-weight: 600;
    font-size: 18px;
}

.canal_look {
    background: linear-gradient(90deg, rgb(115, 136, 255) 0%, rgb(112, 151, 255) 53%, rgb(116, 186, 255) 100%);
    color: #fff;
}

.seller_links a,
.seller_links {
    color: var(--text-copy-color);
}

.block-partner-canal {
    background: var(--spec-bg);
    padding: 20px;
    border-radius: 18px;
}

.partner-canal-iamges-bg {
    max-width: 100px;
    border-radius: 18px;
}

@media (max-width: 380px) {
    .partner-canal-iamges-bg {
        max-width: 60px;
        border-radius: 12px;
    }
}

.polnoe-opisanie {
    position: relative;
    max-width: 100%;
    padding: 2px 8px;
    background: var(--card-bg);
    border-radius: 12px;
    top: 7px;
    font-size: 13px;
    float: right;
}

.polnoe-opisanie-svg {
    color: var(--text-copy-color);
}

.favoritetab-link {
    display: block;
    color: #fff;
}

.favoritetab-link:hover,
.favoritetab-link:focus {
    color: #fff;
}

.favoritetab-tabs .favoritetab-link.active,
.favoritetab-tabs .favoritetab-item.show .favoritetab-link {
    display: inline-block;
    color: #005bff;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(to right, #fff 0, #fff 100%), radial-gradient(circle at top left, #fff, #fff);
    border: double 2px transparent;
    transition: all 0.4s ease 0s;
}

.logo-shipping {
    height: 48px;
    position: relative;
    width: 48px;
    display: inline-block;
}

.video-box-item {
    background: #0055b0;
    background-size: auto;
    background-size: contain;
    min-height: 400px;
    border-radius: 18px;
    color: #fff;
    text-align: left;
    cursor: pointer;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.video-box-item:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    opacity: .9;
    transition: all 0.4s ease 0s
}

.video-box3 {
    width: auto;
    /* Ширина будет зависеть от видео */
    height: 400px;
    /* Фиксированная высота контейнера */
    position: relative;
    /* Важно: делаем контейнер опорным для позиционирования */
    display: flex;
    justify-content: center;
    /* Горизонтальное центрирование видео и контента */
    align-items: center;
    /* Вертикальное центрирование видео и контента */
    overflow: hidden;
    border-radius: 18px;
}

.video-box3 video {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 18px;
}

.video-content3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* Занимает всю ширину контейнера */
    height: 100%;
    /* Занимает всю высоту контейнера */
    display: flex;
    /* Flexbox для центрирования контента внутри */
    flex-direction: column;
    /* Расположение элементов в колонку */
    justify-content: center;
    /* Центрирование по вертикали */
    align-items: center;
    /* Центрирование по горизонтали */
    color: #fff;
    /* Цвет текста по умолчанию */
    z-index: 2;
    /* Убеждаемся, что контент поверх видео */
    text-align: center;
    /* Центрируем текст */
}

.video-content3:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    border-radius: 0;
}

.dst-action-proc-video {
    font-size: 2em;
    margin-top: 10px;
}

.dstbut-video {
    margin-top: 20px;
=======
display: inline-block;
  color: #005bff;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 42px;
  outline: none !important;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  background-origin: border-box;
  background-clip: content-box, border-box;
  background-image: linear-gradient(to right, #fff 0, #fff 100%), radial-gradient(circle at top left, #fff, #fff);
  border: double 2px transparent;
  transition: all 0.4s ease 0s;
}

.logo-shipping{
   height: 48px;
   position: relative;
   width: 48px;
   display: inline-block;  
}

.item-sales-status-marketplace {
    font-size: 0.82em;
    margin-bottom: 5px;
}
.item-sales-status-marketplace-enabled {
   color:green;
}

.sales-status-marketplace {
    font-size: 14px;
    color: #fff;
    padding: 4px 8px;
    border-radius: 12px;
    display: inline-block;
}

.sales-status-marketplace-disabled {
   background: #ff528b;
}

.sales-status-marketplace-enabled {
   background: green;
}

/*update*/


.theme-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

.switch-track {
    position: relative;
    width: 52px;
    height: 26px;
    border-radius: 13px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease, border-color 0s;
    -o-transition: all 0.3s ease, border-color 0s;
    transition: all 0.3s ease, border-color 0s;
}

.switch-track {
    background: var(--switch-track);
    border : 1px solid var(--switch-track-border);
}

#theme-toggle a {
    height: auto;
}
.header-icon .switch-track svg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#theme-toggle {
    display: flex;
    height: 100%;
    align-items: center;
}
.switch-thumb {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 22px;
    height: 22px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: -webkit-transform 0.25s ease !important;    
    -o-transition: -o-transform 0.25s ease !important;  
    transition: transform .25s !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

body.dark-theme .switch-thumb {
    -o-transform: translate(26px);
    -webkit-transform: translate(26px);
    transform: translate(26px);
    background: #000;
}

.sun-icon, .moon-icon {
    transition: .15s !important;
}

body.light-theme .sun-icon {
    display: block;
}

body.light-theme .moon-icon {
    display: none;
}

body.dark-theme .moon-icon {
    display: block;
    color: #fff;
}

body.dark-theme .sun-icon {
    display: none;
}

#theme-toggle a {
    text-decoration: none;
    color: inherit;
}

#theme-toggle a::after {
    content: none !important;
}
.e605-a4   {
    color: var(--third-gray) !important;
}
.product-n {
    color: var(--text-color);
}
.header-icon .mini-service svg{
    fill: var(--text-color);
}
.dropdown-menu {
    background-color: var(--card-bg) !important;
    color: var(--text-color);
}
.old-price {
    color: var(--old-price) !important;
}
body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
}
.text-body {
    color: var(--text-body) !important;
}
.no-theme-transitions,
.no-theme-transitions * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.no-theme-transitions .switch-track,
.no-theme-transitions .switch-thumb,
.no-theme-transitions .sun-icon,
.no-theme-transitions .moon-icon {
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}
.cart-item a {
    color: var(--text-color) !important;
}
.modal-content {
    background-color: var(--card-bg);
}
a.add-favorite span,a.remove-cart-item {
    color: var(--cart-action-link) !important;
}
.cart-price-info {
    color: var(--cart-action-link) !important;
}
.form-check-label{
    color: var(--text-color) !important;
}
.products.help-center{
    background: var(--bg-color);
}
.widget {
    background: var(--card-bg);
}
#main .right-panel-dst-box .bg-white{
    background-color: var(--card-bg) !important;
}
.table {
   background-color: var(--card-bg) !important;
   color:var(--text-color);
}
#main table.table tbody tr {
   background-color: unset !important;
}
table.table tbody tr td.more-info-column .more-info-container{
    background-color: var(--more-info-container) !important;
}
table.table tbody td .more-info-button svg path {
    fill:var(--text-color);
}
.card_tariff {
    background-color: var(--bg-color) !important;
    color: var(--text-color);
}
#main .card_tariff .term {
    color: var(--text-color);
}
.card_tariff .list-group-item-light  {
    background-color: var(--list-bg);
    color: var(--list-text-color) !important;
}
.card_tariff .list-group-item-light .text-dark {
    color: var(--text-color) !important;
}
.card_tariff .list-group-item-light:has(.text-dark) svg{
    stroke: var(--text-color);
}
.dstport, .dstport2 {
    color: var(--text-color) !important;
}
.chosen-container-single .chosen-single {
    background-color: var(--spec-bg) !important;
}
.chosen-container .chosen-drop {
    background-color: var(--card-bg) !important;
}
.chosen-container .chosen-results {
    color: var(--text-chosen-color) !important;
}
.categories-list li a {
    background-color: var(--club-category) !important;
 }
 #comments_add_form .block {
    background-color: var(--card-bg) !important;
    border-radius: 15px;
 }
 .header-icon:not(#theme-toggle) svg{
    fill:var(--text-color)  !important;
    color: var(--text-color) !important;
 }
 .dstfeature_item2 h4{
    color: var(--text-color) !important;
 }
 .form-control {
    background-color: var(--card-bg) !important;
    color: var(--form-control-color) !important;
 }
 .sub-cats-mobilmenu .item svg{
    color: var(--footer-svg);
 }
 .sub-cats-mobilmenu .item .mob-services svg path{
    fill: var(--footer-svg);
 }
 .stocks_item .products{
    background-color: var(--bg-color) !important;
 }
 .features_area_dst6 {
    background-color: var(--features-bg);
 }
body:has(.controller-help) .header-index{
    background-color: var(--bg-color) !important;
}
body:has(.controller-help) #right-sidebar {
    background-color: var(--bg-color);
}
.docs-approved {
    background-color: var(--docs-approved) !important;
}
.generate-back-to-top, .generate-back-to-top:visited {
    background-color: var(--to-top-bg);
}
.prof-bg {
    background: var(--bg-color) !important;
}
.prof-bg .right-panel {
    background-color: var(--bg-color) !important;
}
.block-stat-item h3, .block-stat-item .total-count-value{
    color: #000 !important;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: var(--table-secondary) !important;
}
.partner-details-stats .table thead th{
    background: var(--table-thead) !important;
}
.redactor_editor{
    color: #000 !important;
}
.content-products .nav a {
    color: var(--text-color) !important;
}
.controller-partner .left-panel a{
    color: var(--text-color) !important;
}
.dstlogo2 a {
    color: var(--text-color) !important;
}
.select2-dropdown {
    background-color: var(--card-bg)  !important;
}
.redactor_toolbar li a {
    color: #333 !important;
}
.light-theme {
    --bg-color: #f6fafd;
    --link-color: #000;
    --text-color: #000;
    --third-gray: rgb(7, 7, 7);
    --header-bg-color: #ff9901;
    --card-bg: #fff;
    --footer-bg-color: #fff;
    --text-copy-color: rgba(0, 26, 52, .6);
    --ads-bg: #f5f7fa;
    --text-black: #000;
    --profile-bg-color: #fff;
    --text-white:#fff;
    --mm-link-color: #001a34;
    --profile-lp-bg:linear-gradient(180deg, rgb(255, 152, 2), rgb(254, 98, 0));
    --card-notify-bg:#f5f7fa;
    --spec-bg:#f5f7fa;
    --spec-sec-bg: #fff;
    --spec-third-bg: #f5f7fa;
    --spec-another-bg: #fff;
    --tr-color:#F0F0F0;
    --mes-winhead-bg: #f0f2f5;
    --mes-contsel-bg: #f0f2f5;
    --spectext-color: #3a3a3a;
    --features-bg :#d5edff;
    --features-area-bg: #f5f7fa;
    --more-info-container: #f4f4f4; 
    --card-body-bg: rgba(0, 150, 255, .08);
    --switch-track: rgba(142, 150, 170, .14);
    --switch-track-border: #c2c2c4;
    --service-bg: #c9e9ff;
    --mini-service-bg: #f5f7fa;
    --indexicon-hover-bg: #e8f2fe;
    --search-bottom-bg: var(--search-bottom-bg);
    --mega-menu-cat-item: #e5f1ff;
    --old-price: rgb(0, 26, 52);
    --text-body: #212529;
    --input-bg: #f8f9fa;
    --cart-action-link: rgba(0,26,52,.6);
    --count-input: #555;
    --cart-confirm-btn: #1f2930;
    --line-btn-hover: #eaedef;
    --tariff-tab-bg : #d3e4ff;
    --list-bg: #f6fafd;
    --list-text-color: #636464;
    --text-color-50: rgba(0, 0, 0, 0.5) !important;
    --text-chosen-color: #444;
    --club-category:#f2f2f2;
    --other-post-link:#14171a;
    --block-bg: #f3f7fb;
    --table-title: #4e5e6a;
    --form-control-color: #495057;
    --footer-svg:rgba(0, 26, 52, 0.6);
    --mess-sec-bg: #f0f2f5;
    --docs-approved: #f0eff5;
    --to-top-bg: #ddd;
    --table-secondary: #d6d8db;
    --table-thead: #f3f4f5;
    --deposit-bg: #f8f9fa;
    --deposit-bg-selected: #f0f7ff;
 }

 .dark-theme{
    --bg-color: #1b1b1f;
    --link-color: #fff;
    --text-color: #fff;
    --third-gray: #8b8b8b;
    --header-bg-color: #875314;
    --card-bg: #32363f;
    --footer-bg-color: #161618;
    --text-copy-color: #8b8b8b;
    --ads-bg: #212328;
    --text-black: #000;
    --profile-bg-color: #141518;
    --text-white:#fff;
    --mm-link-color:#fff;
    --profile-lp-bg:linear-gradient(180deg, #875314, rgb(254, 98, 0));
    --card-notify-bg:#212328;
    --spec-bg: #32363f;
    --spec-sec-bg: #32363f;
    --spec-another-bg: #1b1b1f;
    --spec-third-bg: #1b1b1f;
    --tr-color:transparent;
    --mes-winhead-bg: #1b1b1f;
    --mes-contsel-bg: #262d39;
    --spectext-color: #8b8b8b;
    --features-bg :#1b1b1f;
    --features-area-bg: #212328;
    --more-info-container: #1b1b1f; 
    --card-body-bg: #212328;
    --switch-track: #32363f;
    --switch-track-border: #3c3f44;
    --service-bg: #32363f;
    --mini-service-bg: #000;
    --indexicon-hover-bg: #000;
    --search-bottom-bg: #1b1b1f;
    --mega-menu-cat-item: #32363f;
    --old-price: rgb(203 203 203);
    --text-body: #fff;
    --input-bg: #000;
    --cart-action-link: #8b8b8b;
    --count-input: #ffffff;
    --cart-confirm-btn: #fff;    
    --line-btn-hover: #1b1b1f;
    --tariff-tab-bg : #1b1b1f;
    --list-bg: #1b1b1f;
    --list-text-color: #636464;
    --text-color-50: rgba(255, 255, 255, 0.5) !important;
    --text-chosen-color: #fff;
    --club-category:#32363f;
    --other-post-link:#fff;
    --block-bg: #f3f7fb;
    --table-title: #8b8b8b;
    --form-control-color: #fff;
    --footer-svg: #fff;
    --mess-sec-bg: #32363f;
    --docs-approved: #32363f;
    --to-top-bg: #32363f;
    --table-secondary: #1b1b1f;
    --table-thead: #32363f;
    --deposit-bg: #32363f;
    --deposit-bg-selected: #32363f;
 }