@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: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GT Eesti Pro';
    src: local('GT Eesti Pro Display Regular'), local('GT-Eesti-Pro-Display-Regular'),
        url('/templates/default/shop/fonts/GTEestiProDisplay/GT-Eesti-Pro-Display-Regular.woff2') format('woff2');
    font-weight: 400; 
    font-style: normal;
    font-display: swap;
}

body,
html {

    font-display: swap;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}


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: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    border: 2px solid #d6dbe0;
    background-color: var(--white);
}

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

input.filter-item[type="checkbox"]:checked+label:before {
    background-color: var(--blue);
    border: 2px solid var(--blue);
}

input.filter-item[type="radio"]:checked+label:before {
    background-color: var(--blue);
    border: 2px solid var(--blue);
}

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

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 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

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

input.filter-item[type="radio"]:checked+label:after,
input.filter-item[type="radio"]:not(:checked)+label:after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #e145a3;
}

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

#catalogBtn .cats-menu-open,
#catalogBtn.open .cats-menu-close {
    display: flex;
    justify-content: center;
    align-items: center;
}

.admin-menu-load {
    margin: 0px 0px 30px 5px;
}

.admin-menu-load a {
    color: #fff;
    background: #006933;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 120px;
    display: inline-block;
    font-weight: 500;
}

.sub-cats-widget-zakaz .owl-next {
    position: absolute;
    top: 30%;
    right: 0;
}

.sub-cats-widget-zakaz .owl-prev {
    position: absolute;
    top: 30%;
    left: 0;
}

#padding-30 {
    padding: 30px;
}

.padding-30 {
    padding: 30px;
}

.list-style {
    list-style: none;
}

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

.center {
    text-align: center;
}

.anchorjs-link {
    display: none;
}

.gray-block {
    background: #f5f7fa;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    border-radius: 8px;
}

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

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

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

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

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

.color-red {
    color: #006933;
}

.color-blue {
    color: #f5523a;
}

.color-gray {
    color: rgba(0, 26, 52, .6);
}

.color-gray a {
    color: rgba(0, 26, 52, .6);
}

.color-black {
    color: #000;
}

.color-white {
    color: #fff;
}

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #f5f7fa;
}

.bg-black {
    background: #000;
}

.bg-red {
    background: #006933;
}

.bg-blue {
    background: var(--blue);
}

.bg-sea {
    background: #f5f7fa;
}

.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: 700;
}

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

.font-size-24-w {
    font-size: 24px;
    font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


.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;
}

.mb-5 {
    margin-bottom: 40px;
}

.mb-6 {
    margin-bottom: 60px !important;
}

.tab-items .nav-item a {
    color: #b9b9b9 !important;
    background: unset !important;
    font-size: 24px;
    font-weight: 700;
    padding-left: 0px;
    padding-top: 0px;
}

.banner-height {
    height: 100%;
    background-size: cover;
    transition: 0.3s;
    max-height: 935px;
    border-radius: 8px;
}

.banner-height {
    height: 100%;
    background-size: cover;
    transition: 0.3s;
    max-height: 935px;
    border-radius: 8px;
}

@media (max-width: 980px) {
    .banner-mobile {
        display: block !important;
    }

}

@media (min-width: 981px) {
    .banner-pc {
        display: block !important;
    }
}

.category_img img {
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background-color: #f5f7fa;
}

.mojoostocks {
    transition: 0.3s;
}

.mojoostocks:hover {
    filter: brightness(.95);
    transition: 0.3s;
}

.custom-podbor {
    background-color: #f5f7fa;
    transition: 0.3s;
    padding: 30px 30px 0px 30px;
    border-radius: 8px
}

.custom-podbor:hover {
    background-color: #f5f7fa;
    transition: 0.3s;
}

.custom-podbor2 {
    background-color: #fff;
    padding: 30px 0px 60px 0px;
    border-radius: 8px;
    text-align: center;
}

.banner-height:hover {
    filter: brightness(.95);
    transition: 0.3s;
}

.tab-items .nav-item a.active {
    color: #000 !important;

}

.feather-div {
    color: var(--blue);
}

.sub-cats-widget .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.sub-cats-widget .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.sub-cats-widget .owl-nav .disabled {
    opacity: 0;
}

.sub-cats-widget {
    overflow: hidden;
    height: 270px;
    margin-bottom: 25px;
}

.sub-cats-widget .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.sub-cats-widget .item {
    float: left;
    width: 160px;
    height: 240px;
    text-align: center;
    position: relative;
    color: #000;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border: #ddd 1px solid;
    background: #f5f7fa;
    border-radius: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 2px solid #fff;
}

.brands-widget .item {
    background: var(--grey-bg);
}

.sub-cats-widget .item:hover {
    opacity: 0.8;
    border: 2px solid var(--blue);
    transition: 0.5s;
}

.brands-widget .item:hover {
    box-shadow: 4px 4px 12px 0px #e6e8ea;
    border: #ddd 1px solid;
}

.sub-cats-widget .item:visited {
    color: var(--blue);
}

.sub-cats-widget img {
    height: auto;
    padding: 0px;
    margin: 0px;
    background-size: cover;
    min-height: 160px;
}

.brands-widget img {
    min-height: auto;
}

.sub-cats-widget .owl-dots {
    display: none;
}

.sub-cats-widget .item span {
    line-height: 22px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
    overflow: hidden;
    height: 64px;
}

.sub-cats-widget .item i,
.item span {
    display: inherit;
}

.sub-cats-widget .item.active {
    background-color: #f5f7fa;
}

.sub-cats-widget .item:hover .active>a {
    color: rgba(0, 26, 52, .6);
}

.brands-widget .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.brands-widget .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.brands-widget .owl-nav .disabled {
    opacity: 0;
}

.brands-widget .owl-prev,
.brands-widget .owl-next {
    padding: 10px !important;
    color: #fff !important;
    font-size: 28px !important;
}

.brands-widget .owl-prev:hover,
.brands-widget .owl-next:hover {
    background: unset !important;
}

.brands-widget {
    overflow: hidden;
}

.brands-widget .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.brands-widget .item {
    float: left;
    width: 150px;
    height: 200px;
    text-align: center;
    position: relative;
    color: #000;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border: var(--grey-bg) 1px solid;
    border-radius: 15px;
    overflow: hidden;
    padding: 10px;
}

.brands-widget .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}

.brands-widget .item:visited {
    color: #000;
}

.brands-widget img {
    width: 100%;
    height: 130px !important;
    border-radius: 10px;
    margin-bottom: 10px;
    object-fit: cover;
}

.brands-widget .owl-dots {
    display: none;
}

.brands-widget .item span {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
}

.brands-widget .item i,
.item span {
    display: inherit;
}

.brands-widget .item.active {
    background-color: #f5f7fa;
}

.brands-widget .item:hover .active>a {
    color: rgba(0, 26, 52, .6);
}

.action-widget .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.action-widget .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.action-widget .owl-nav .disabled {}

.action-widget .owl-prev:hover,
.action-widget .owl-next:hover {}

.action-widget {
    overflow: hidden;
    height: 250px;
    margin-bottom: 25px;
}

.action-widget .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.action-widget .item {
    float: left;
    width: 240px !important;
    height: 220px !important;
    text-align: center;
    position: relative;
    color: #000;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border-radius: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #f5f7fa;
}

.action-widget .item:hover {
    opacity: 0.9;
    transition: 0.5s;
}

.action-widget .item:visited {}

.action-widget img {
    width: 100%;
    height: 140px;
    background-size: cover;
    border-radius: 18px 8px 0px 0px;
}

.action-widget .owl-dots {
    display: none;
}

.action-widget .item span {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    padding: 0px 12px;
    height: 48px;
    overflow: hidden;
}

.action-widget .item i,
.item span {
    display: inherit;
}

.action-widget .item.active {
    background-color: #f5f7fa;
}

.action-widget .item:hover .active>a {
    color: rgba(0, 26, 52, .6);
}

.news-post-widget .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.news-post-widget .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.news-post-widget .owl-nav .disabled {}

.news-post-widget .owl-prev:hover,
.news-post-widget .owl-next:hover {}

.news-post-widget {
    overflow: hidden;
    height: 250px;
    margin-bottom: 25px;
}

.news-post-widget .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.news-post-widget .item {
    float: left;
    width: 240px !important;
    height: 220px !important;
    text-align: center;
    position: relative;
    color: #000;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border-radius: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #f5f7fa;
}

.news-post-widget .item:hover {
    opacity: 0.9;
    transition: 0.5s;
}

.news-post-widget .item:visited {
    color: #000;
}

.news-post-widget img {
    width: 100%;
    height: 140px;
    background-size: cover;
    border-radius: 18px 8px 0px 0px;
}

.news-post-widget .owl-dots {
    display: none;
}

.news-post-widget .item span {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    padding: 0px 12px;
    height: 48px;
    overflow: hidden;
}

.news-post-widget .item i,
.item span {
    display: inherit;
}

.news-post-widget .item.active {
    background-color: #f5f7fa;
}

.news-post-widget .item:hover .active>a {
    color: rgba(0, 26, 52, .6);
}

.collections-widget .item {
    background-color: #f5f7fa;
    border-radius: 8px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 175px;
    height: 250px;
    color: #fff;
    border-radius: 8px;
}

.collections-widget .item {
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 175px;
    height: 250px;
    color: #fff;
    border-radius: 18px;
}

.collections-widget .item img {
    border-radius: 50%;
    height: 130px;
    margin-bottom: 5px;
    width: 130px;
}

.collections-widget .item span {
    font-weight: normal;
}

.collections-widget .item:hover span {
    font-weight: normal;
    color: #fff;
}

.collections-widget-dst .item {
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 160px;
    height: 190px;
    color: #fff;
    border-radius: 18px;
}

.collections-widget-dst .item img {
    height: 60px;
    margin-bottom: 5px;
    width: 60px;
    margin-top: 30px;
    filter: invert(45%);
}

.collections-widget-dst .item span {
    font-weight: normal;
}

.collections-widget-dst .item:hover span {
    font-weight: normal;
    color: #fff;
}

.custom-podbor .title {
    margin-top: 15px;
    font-size: 16px;
    color: #1a0d05;
    min-height: 65px;
}

.custom-podbor .image {
    border-radius: 8px;
    height: 120px;
    background-size: cover !important;
    width: 100%;
    background: #ccc;
    transition: 0.3s;
}

.custom-podbor .image:hover {
    filter: brightness(.90);
    transition: 0.3s;
}

.owl-contents {}

.owl-contents .item {
    border: 0px;
    width: 200px;
    height: 210px;
    margin-top: 0px;
}

.owl-contents .item .image {
    width: 100%;
    height: 140px;
    background-size: cover;
    border-radius: 8px 8px 0px 0px;
}

.owl-contents .item span {}

.indexbut {
    margin-top: 30px;
    margin-bottom: 30px;
    cursor: pointer;
}

.indexbut2 {
    display: inline-block;
    color: #006933 !important;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 56px !important;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid #006933 !important;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border: double 2px transparent;
    box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s;
}

.indexbut2 span {
    padding: 0 50px !important;
    transition: all 0.4s ease 0s;
}

.indexbut2.tr-bg {
    border: 2px solid #000;
    color: #000;
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933);
}

.indexbut2.tr-bg:hover {
    opacity: 0.9;
    color: #000;
    background-image: linear-gradient(var(--white), var(--white)), radial-gradient(circle at top left, #006933, #006933);
    border: 2px solid #006933;
    color: #006933;
    box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s;
}

.indexbut2:hover {
    color: #ff0000;
    opacity: 0.9;
    box-shadow: none;
    background-clip: border-box;
    transition: all 0.4s ease 0s;
}

.indexicon:hover {
    border-radius: 18px;
    background: #f5f7fa;
}

.logoindexdst {
    padding-bottom: 30px;
    margin-top: 40px;
    height: 56px;
    cursor: pointer;
}

.search-input {
    margin: 0px;
    border: 2px solid #006933;
}

.search-input-market {
    margin: 0px;
}

.search-input-services {
    margin: 0px;
}

.search-input-deposit {
    margin: 0px;
}

.header-site .col-header-icons .header-icon2 {
    padding: 1px;
}

#mini-service-box {
    width: 300px;
    height: 300px;
    background: #fff;
}

#mini-service-box.showes {
    width: 360px;
    height: 610px;
    right: 10px !important;
    background: #fff;
    position: absolute;
    display: block;
    float: right;
    left: -300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 25px 10px 25px;
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    scrollbar-color: var(--oz-neutral)transparent;
    scrollbar-width: thin;
}

#mini-service-box .service-item {
    height: auto;
    display: contents;
}

#mini-service-box .service-item .icon2 {
    height: 65px;
    width: 65px;
}

#mini-service-box .las2 {
    font-size: 25px;
    line-height: 48px;
}

#mini-service-box a {
    height: unset;
    display: block;
}

#mini-service-box .service-item .name {
    color: #000 !important;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    text-overflow: ellipsis;
}

@media (max-width: 650px) {

    .custom-podbor {
        margin-top: 30px;
    }

    .logoindexdst {
        padding-bottom: 30px;
        margin-top: 40px;
        height: 48px;
    }
}

@media (max-width: 415px) {
    #mini-service-box.showes {
        left: -180px;
    }

    #mini-service-box .auth-services .service-item {
        padding: 13px 8px !important;
    }
}

.dropdown-menu.showes {
    display: block;
}

#mini-service-box.full .service-item {
    margin-bottom: 10px;
    display: block;
}

#mini-service-box.full {
    height: auto;
}

#mini-service-box.full .service-item .icon {
    border-radius: 24px;
    height: 90px;
    margin: 15px auto 15px;
    text-align: center;
    width: 90px;
    opacity: 0.95;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 15%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

#mini-service-box.full .service-item .name {
    white-space: inherit;
    font-size: 14px;
}

#mini-service-box .auth-services .service-item {
    background: #f5f7fa;
    border-radius: 18px;
    padding: 13px 2px;
    display: block;
    margin-right: 10px;
}

#mini-service-box.full .auth-services .service-item {
    padding: 20px;
    margin-bottom: 15px;
}

#mini-service-box .auth-services .indexicon:hover {
    border-radius: 18px;
    background: transparent;
    opacity: 0.9;
}

#mini-service-box .auth-services .service-item .name {
    height: 100%;
    display: block;
    margin: auto 0px auto 10px;
    text-align: left;
    line-height: 14px;
    white-space: break-spaces;
    width: 64%;
}

#mini-service-box.full .auth-services .service-item .name {
    height: 100%;
    display: block;
    margin: auto 0px auto 15px;
    text-align: left;
    font-weight: 500;
    line-height: 16px;
}

#mini-service-box .auth-services .service-item a {
    display: flex;
    flex-direction: row;
}

#mini-service-box .auth-services .service-item .icon {
    height: 30px;
    width: 30px;
    margin: 0px;
    border-radius: 10px;
}

#mini-service-box.full .auth-services .service-item .icon {
    height: 50px;
    width: 50px;
    margin: 0px;
    border-radius: 15px;
}

@media (min-width: 1250px) {
    #mini-service-box .auth-services .service-item {
        width: 95%;
    }

    #mini-service-box.full .auth-services .indexicon:nth-child(2n) .service-item {
        float: right;
    }
}

.dstport_item1 {
    border: 1px solid #f5f7fa;
    background: #f5f7fa;
    background-size: cover;
    min-height: 300px;
    border-radius: 18px;
    color: #000;
    font-size: 18px;
    padding: 45px 25px 25px 45px;
    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_item1:hover {
    border-color: var(--blue);
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

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

.dstport_item2 {
    border: 0px solid #f5f7fa;
    background: var(--blue);
    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;
    -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: var(--blue);
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

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

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

.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;
    padding: 0px;
    background: var(--blue);
    border: double 2px transparent;
    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: #000;
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933)
}

.primary_btn.tr-bg:hover {
    opacity: .9;
    color: #000;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933);
    border: 2px solid #006933;
    color: #006933;
    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: #000;
    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, #006933, #006933);
    border: 2px solid transparent;
    color: #000;
    box-shadow: none
}

.primary_btn2.tr-bg2:hover {
    background-image: linear-gradient(to right, #006933 0, #006933 100%), radial-gradient(circle at top left, #006933, #006933);
    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, #006933, #006933);
    border: 2px solid #006933;
    color: #006933;
    box-shadow: none;
    background-clip: border-box
}

.primary_btn3 {
    display: inline-block;
    color: #000;
    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: #fcd006;
    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: #000;
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933)
}

.primary_btn3.tr-bg:hover {
    opacity: .9;
    color: #000;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933);
    border: 2px solid #006933;
    color: #006933;
    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, var(--blue) 0, var(--blue) 100%), radial-gradient(circle at top left, var(--blue), var(--blue));
    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: #000;
    box-shadow: none;
    transition: all 0.4s ease 0s
}

.primary_btn4.tr-bg:hover {
    opacity: .9;
    color: #000;
    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: #000;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 12px;
    background-color: #fff;
    /* 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: #000;
    box-shadow: none;
    transition: all 0.4s ease 0s;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933)
}

.primary_btn5.tr-bg:hover {
    opacity: .9;
    color: #fff;
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933);
    border: 2px solid #006933;
    /* color: #006933 ; */
    box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
    transition: all 0.4s ease 0s
}

.primary_btn5:hover {
    color: #000;
    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: #006933;
    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: #006933
}

.primary_btn6.tr-bg:hover {
    opacity: .9;
    color: #fff;
    border: 2px solid #fff;
    color: #006933;
    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: 8px
}

.primary_btnblue span {
    padding: 0 20px
}

.primary_btnblue.tr-bgblue {
    background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #006933, #006933);
    border: 2px solid transparent;
    color: #000;
    box-shadow: none
}

.primary_btnblue.tr-bgblue:hover {
    background-image: linear-gradient(to right, #006933 0, #006933 100%), radial-gradient(circle at top left, #006933, #006933);
    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, #006933, #006933);
    border: 2px solid #006933;
    color: #006933;
    box-shadow: none;
    background-clip: border-box
}

.box-shadow {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    border: none !important
}

.block-partner {
    position: relative;
    padding: 10px;
    width: 100%;
    border-radius: 18px
}

.dst-copy-txt {
    font-size: 14px;
    color: rgba(0, 26, 52, .6);
    line-height: 18px;
    text-align: left
}

.dst-copy-txt a {
    text-decoration: underline;
    color: #000;
    font-size: 16px !important
}

.dst-copy-txt2 {
    color: rgba(0, 26, 52, .6)
}

.dst-copy-txt-blue a {
    font-size: 16px;
    color: #000;
    line-height: 26px;
    text-align: left;
}

.price-block .sale-sum {
    color: #fff;
    background-color: #006933;
    font-weight: bold;
    padding: 2px 6px;
    font-size: 14px;
    border-radius: 12px;
}

.availability-partner {
    color: #fff;
    background-color: #f5523a;
    font-weight: 500;
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 8px;
    display: inline-block;
}

.availability {
    color: #fff;
    background-color: #f5523a;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 12px;
    display: inline-block;
}

.availability-blue {
    color: #fff;
    background-color: #006933;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    display: inline-block
}

.availability-red {
    color: #fff;
    background-color: #006933;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    display: inline-block
}

.availability-#2fbf6f {
    color: #fff;
    background-color: #006933;
    font-weight: 500;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    display: inline-block
}

.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;
    box-shadow: 0 5px 6px rgb(0 0 0 / 11%), 0 2px 1px rgb(0 0 0 / 5%);
}

.btn-light:hover,
.btn-light:focus {
    color: #006933;
    background-color: #eaedef;
    border: 2px #eaedef;
}

.btn {
    border: 0px solid transparent;
}

.btn {
    transition: unset;
}

.red_background_menu {
    background: #ff0000;
    color: #ff0000;
}

.red_background_menu a {
    background: #ff0000;
    color: #ff0000;
}

.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: #000;
    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: #006933
}

.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 {
    border: 1px solid #fff;
    transition: all 0.4s ease 0s;
    padding: 0 10px 10px 30px;
    cursor: pointer;
    border-radius: 18px
}

.features-width:hover {
    opacity: .8;
    transition: all 0.4s ease 0s;
    border: 1px solid #d6dbe0
}

.features-width-blue {
    border: 1px solid #006933;
    transition: all 0.4s ease 0s;
    padding: 0 10px 10px 30px;
    cursor: pointer;
    border-radius: 18px;
    background: #006933
}

.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: #fff;
    min-height: 560px;
    border: 1px solid #006933;
}

.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: #fff;
    min-height: 560px;
    background: #f5f7fa;
    border: 1px solid #f5f7fa;
}

.features-width-gray-bg:hover {
    border: 1px solid #006933;
    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: #006933;
    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;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    transition: all 0.4s ease 0s
}

.main_titledst:hover {
    cursor: pointer;
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    transition: all 0.4s ease 0s
}

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

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

.section_gap_top {
    padding-top: 60px;
}

.about_area .about_img {
    position: relative;
}

.cattitle {
    margin-bottom: 80px;
}

.mojoospec {
    border-radius: 8px;
    transition: 0.3s;
}

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

.mojootxtpr {
    font-size: 60px;
    line-height: 1.1em;
}

.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: #000;
    line-height: 18px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ddcopy {
    font-size: 14px;
    color: rgba(0, 26, 52, .6);
    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: 8px;
    transition: all 0.3s ease-in 0s;
}

.widget_text_block3:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    transition: all 0.3s ease-in 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: 18px;
    color: #bbb;
    transition: all 0.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: 18px;
    opacity: 0.8;
    transition: all 0.3s ease-in;
}

.slide-info {
    background-color: #f5f7fa eee;
}

.slide-info b {
    font-size: 18px;
}

.chatCopyright_505 {
    display: none;
}

.leaf_3da._bottom_6b8,
.leaf_3da._left_c88,
.leaf_3da._right_00e {
    right: 0;
    top: 0;
    width: 0px;
    border-radius: 0px;
    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.3s ease-in 0s;
}

.chapternav-icon:hover {
    opacity: 0.5;
    transition: all 0.3s ease-in 0s;
}

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

.indexmob:hover {
    margin-top: 20px;
    opacity: 0.8;
    transition: all 0.3s ease-in 0s;
}

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


.indexmob2:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in 0s;
}

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

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

.header-image {
    max-width: 160px;
    transition: all 0.3s ease-in 0s;
}

.header-image:hover {
    opacity: 0.5;
    transition: all 0.3s ease-in 0s;
}

.header-image-big {}

.header-image-big:hover {
    opacity: 0.9;
    transition: all 0.3s ease-in 0s;
}

.mini-logo:hover {
    opacity: 0.9;
    transition: all 0.3s ease-in 0s;
}

.nav-tabber {
    font-size: 18px;
    color: rgba(0, 26, 52, .6);
    font-weight: 600;
}

.nav-tabber a.active {
    font-size: 18px;
    transition: all 0.3s ease 0s;
    color: #000;
}

.nav-tabber a {
    font-size: 18px;
    color: rgba(0, 26, 52, .6);
    text-transform: none;
}

.product-white {
    /*background: #fff;*/
}

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

.cart-process {
    background: #fff;
}

.cart-header {
    background: #fff;
}

.cart-totals {
    background: #fff;
}

.cart-save {
    background: #fff;
}

.carousel-inner {
    transition: all 0.3s ease-in 0s;
}

.carousel-inner:hover {

    transition: all 0.3s ease-in 0s;
}

.filter-sorts {}

.filter-sorts button {
    background: none;
    padding: 3px;
    color: rgba(0, 26, 52, .6);
    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: none;
    padding: 3px;
    color: rgba(0, 26, 52, .6);
    font-size: 16px;
    opacity: 0.8;
}

.filter-views .view-change.active {
    color: #000;
    opacity: 1;
}

.product-n {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 13px;
    height: 100%;
    border-radius: 12px;
    background: var(--grey-bg);
    position: relative;
    transition: all 0.4s ease 0s
}

.product-n.product-card-banner {
    cursor: pointer;
}

.product-n:hover {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    transition: all 0.4s ease 0s;
}

table.products-list .product-n:hover {
    transition: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    background-color: #addb6224;
}

/* @media (max-width: 400px) {
.product-n {
    height: 439px;
}
}
@media (max-width: 475px) {
.product-n {
    height: 430px;
}
}
@media (max-width: 480px) {
.product-n {
    height: 430px;
}
}
@media (max-width: 525px) {
.product-n {
    height: 430px;
} 
}*/

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

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

.product-n .image img,
.product-n .image video {
    max-height: 195px;
    border-radius: 12px;
    height: 100vh;
    object-fit: contain;
    background-color: #fff;
}

.dst-item-table.product-n {
    display: table-row;
    background-color: var(--white);
    transition: background-color 0.3s ease;
}

.dst-item-table.product-n:hover {
    background-color: rgba(30, 71, 150, 0.1) !important;
}

.col-dst-12 .product-n .image video,
.product-n .image video {
    width: 100%;
}

@media screen and (max-width:500px) {
    .product-n .image video {
        width: 100%;
    }
}

.product-n .image video {
    margin: 0 auto;
}

.product-n:has(video:not(.solo-video)) .image:hover video {
    display: none;
}

.product-n:has(video) .image:hover img {
    display: block !important;
}

.review-video-block {
    width: 100px;
    height: 100px;
}

.review-video-block video {
    height: 100%;
    object-fit: cover;
    border: 1px solid #d6dbe0;
    border-radius: 8px;
}

.photo-and-video-container img {
    border-radius: 8px;
}

.review-video-block svg {
    background-color: rgba(7, 7, 7, .48);
    border-radius: 50%;
    color: #fff;
    display: flex;
    left: 50%;
    padding: 8px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    box-sizing: content-box;
}

.comment-video-block {
    width: 72px;
    height: 72px;
}

.photo-and-video-container .img-photos {
    width: 72px;
}

.photo-and-video-container .img-photos .review-video-block {
    width: 72px;
    height: 72px;
}

.more-photo-and-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #0000008f;
    color: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
}

.review-video-block:has(.more-photo-and-video) svg {
    display: none;
}

.review-video-block:has(.more-photo-and-video) img,
.review-video-block:has(.more-photo-and-video) video {
    filter: blur(2px);
}

/*модалка с видео*/
body:has(.photo-and-video) .nyroModalIframe iframe {
    width: 50vw;
    height: 50vh;
}

body:has(.photo-and-video) .nyroModalIframe .nyroModalPrev,
body:has(.photo-and-video) .nyroModalIframe .nyroModalNext {
    height: 100%;
    max-height: unset;
}

.hover_image {
    position: relative;
    display: inline-block;
    border: 1px solid #d6dbe0;
    border-radius: 8px;
}

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

.dropdown-open-call {
    color: #000 !important;
    padding: 6px 15px !important;
    background: #fff !important;
    padding: 6px 20px !important;
}

.dropdown-open-call:hover {
    background-color: #f5f7fa !important;
}

.product-n .title {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 6px;
    position: relative;
    color: #000;
    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: var(--blue);
}

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

.product-n .actions {}

/* .product-n .actions .btn-group{
    width: 100%;
} */
.product-n .actions .btn-group .buy {
    width: 100%;
    padding: 1px 10px !important;
}

@media (max-width: 1400px) {}

@media (max-width: 1350px) {}

@media (max-width: 1300px) {}

@media (max-width: 1250px) {}

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

    .btn {
        padding: 0.375rem 0.60rem;
    }

}


@media (max-width: 1150px) {}

@media (max-width: 1125px) {

    .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;
    }

    .btn {
        padding: 0.375rem 0.60rem;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    .product-n .rating .stars-count {
        display: none;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1400px) {
    .product-n:hover {
        border: 1px solid #fff;
    }
}

@media only screen and (min-width: 300px) and (max-width: 580px) {
    .product-n:hover {
        border: 1px solid #fff;
    }
}

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

    .btn {
        padding: 0.375rem 0.70rem;
    }

}

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

    .btn {
        padding: 0.375rem 0.90rem;
    }

    .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: 600px) {

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

    .btn {
        padding: 0.375rem 0.90rem;
    }
}

@media (max-width: 575px) {
    .type_sale {
        position: static !important;
        font-size: 14px !important;
    }
}

@media (max-width: 550px) {}


@media (max-width: 525px) {

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

    .btn {
        padding: 0.375rem 0.90rem;
    }
}

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

@media (max-width: 500px) {}

@media (max-width: 600px) {
    .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;
    }

    #banner3 {
        padding-left: 0 !important;
    }
}

@media (max-width: 480px) {
    /* .product-n .image, .product-n .image img {
        text-align: center;
        height: 150px;
    } */

    .product-n .rating {
        display: block;
    }

    .product-n .rating a {
        display: block;
        margin: 5px 0px 0px 0px !important;
    }
}

@media (max-width: 480px) {
    .drop-menu-call {
        display: none;
    }
}

@media (max-width: 475px) {

    .btn-primary {
        padding: 8px 10px !important;
        font-size: 14px !important;
    }

    .btn {
        padding: 0.375rem 0.35rem;
    }

}

.product-n .sub-info {
    color: rgb(128, 141, 154);
    display: -webkit-box;
    height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}


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

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

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

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

.product-n .dropdown-toggle::after {
    border: none;
}

.product-n .title a {
    color: #000;
}

.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: 700;
    line-height: 26px;
    color: var(--blue);
}

/* .product-n .price-block .price.price-sale {
    color: #28a745 ;
} */

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

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

.old-price.cart {
    font-size: 16px;
    line-height: 14px;
    color: #000;
    position: relative;
    margin-left: 5px;
    text-decoration: line-through #f5523a;
}

/* .old-price.cart:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    display: block;
    background: #f5523a;
 } */

.product-n .image {
    position: relative;
}

.product-n .sale-sum {
    color: var(--white);
    background-color: #2F9600;
    font-weight: bold;
    flex-shrink: 0;
    padding: 1px 8px;
    font-size: 12px;
    border-radius: 12px;
    margin-right: 8px;
    display: flex;
    justify-content: space-between
}

.special-block {
    position: absolute;
    left: 0;
    bottom: 0;
}

.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: 14px;
    width: 14px;
    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: 16px 14px;
    height: 14px;
}


.product-n .rating .stars-count {
    margin-left: 6px;
    font-size: 14px;
    line-height: 1.29;
    color: rgba(0, 26, 52, .6);
}

.product-n .rating .stars-count:before {
    content: "";
    vertical-align: middle;
    background-color: #9d9da5;
    border-radius: 50%;
    width: 2px;
    height: 2px;
    margin: 0 0px 2px;
    display: inline-block;
}


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

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


.product-n .slick-list {
    margin-left: 30px;
}

.product-n .slick-next.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0 0;
    background-size: 25px auto;
    width: 35px;
    height: 31px;
    position: absolute;
    right: -10px;
    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;
    transform: rotate(0deg);
}

.product-n .slick-prev.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #000000;
    display: block;
    opacity: 1;
    background: 0 0;
    background-size: 25px auto;
    width: 35px;
    height: 31px;
    position: absolute;
    left: 10px;
    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: 20%;
    margin: -6px 0 0 -12px;
}

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

/* .product-n .image {
    margin-top: 15px;
} */

.product-n .favorite {
    display: flex;
    flex-direction: column;
    gap: 13px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 0 10px 0 10px;
}

.product-n .comparison {
    color: rgba(0, 26, 52, .6);
}

.product-n .comparison:hover svg {
    color: var(--blue);
}

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

/* .product-n .add-favorite .not_add svg  {
    color: rgba(0, 26, 52, .6);
} */
.product-n .add-favorite .not_add:hover svg {
    color: var(--blue);
}

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

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

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

.similar-products {
    font-size: 13px;
}

.similar-products .sale-sum {
    font-size: 13px;
}

table.products-list {}

table.products-list thead th {
    border: 0px;
    color: rgba(0, 26, 52, .6);
    font-size: 16px;
}

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

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

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

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

    table.products-list .product-n .image img,
    table.products-list .product-n .image {
        margin: 0px 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: 0px;
}

table.products-list .product-n .slick-prev.slick-arrow {
    left: -4, 8px;
}

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: 0px;
    z-index: 0;
}

table.products-list .product-n .rating {
    margin-bottom: 0px;
    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: #000;
    border-radius: 12px;
    background: #f5f7fa;
    float: left;
    border: 0px !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: 8px;
}

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

.filter-sorts .sort:hover {
    color: #000;
}

.filter-sorts .sort.active {
    font-weight: bold;
    color: #000;
}

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

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

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

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

}

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

.color-field label {
    border: 2px solid #fff;
    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;
    /*margin-right: 10px;*/
    display: block;
    box-sizing: border-box;
    position: relative;
    min-width: 45px;
}


.color-field input:checked+label {
    /* background-color: transparent; */
    border: 2px solid #006933;
}

.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 #f5f7fa eee;
}

.color-field label:hover {
    opacity: 0.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: #ddd;
    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: #000;
    padding: 5px;
    background: none;
    font-weight: bold;
}

.cart-buttom:hover {
    color: #000;
    padding: 5px;
    background: none;
    font-weight: bold;
}

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

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

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

.slick-prev.slick-arrow:before {
    display: block;
    content: ' ';
    background: transparent url(/templates/default/shop/images/arrow-preview.svg) 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 0;
    background-size: 25px auto;
    position: relative;
}

.slick-next.slick-arrow:before {
    display: block;
    content: ' ';
    background: transparent url(/templates/default/shop/images/arrow-preview.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px;
    transform: rotate(180deg);
}

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

.slick-prev.slick-arrow,
.slick-next.slick-arrow {
    width: 30px;
    height: 30px;
    /* квадрат */
}

.slick-prev.slick-arrow:before,
.slick-next.slick-arrow:before {
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    /* ← ТОЧНО ПО ЦЕНТРУ 30x30 */
    filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(92%) contrast(90%);
}

.slick-prev.slick-arrow:hover:before,
.slick-next.slick-arrow:hover:before {
    filter:
        brightness(0) saturate(100%) invert(12%) sepia(85%) saturate(7452%) hue-rotate(239deg) brightness(95%) contrast(92%) brightness(0.8);
}


.slick-slide img {
    margin: 0 auto;
}

.slick-slide>div>a.slick-image {
    background: unset !important;
}


.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: #000;
    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: #000
}

.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: #f5f7fa;
    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: 35px
}

.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
}

.mojoocontent {
    padding: 20px 30px 20px 30px;
    border: 1px solid #e6e8ea;
    border-radius: 8px;
    line-height: 34px;
    background: #f5f7fa;
}

body {
    font-family: GT Eesti Pro, Arial, sans-serif;
    ;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
    /**/
    font-size: 16px;
}

body,
button,
input,
select,
textarea {
    font-family: GT Eesti Pro, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 16px;
    color: #000;
    /* 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;
}

.main-nav {}

.site-logo {
    float: left;
}

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

.main-nav ul li {}

.main-nav ul li a {}

.info-icon {}

.slide-info {}

.slide-info b {
    font-size: 18px;

    font-weight: 500;
}

.slide-info .info-icon .fa {
    font-size: 120px;
    color: #000;
}

.slide-info .info-icon .fa:hover {
    font-size: 120px;
    color: rgba(0, 26, 52, .6);
}

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

h1,
h2,
h3,
h4,
h5 {
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

h6 {
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px
}

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

.pagebar {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    border: 1px solid #e6e8ea;
    padding: 15px;
    border-radius: 8px;
}

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

.pagebar a {
    color: #000;

}

.pagebar .pagebar_current {
    color: #000;
}

.pagebar_current {
    color: var(--blue) !important;
}

.product-char {}

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

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

.product-char .nav-tabber a.active {
    color: #000;
}

.add-cart {
    background-color: #006933;
}

.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.3s ease-in 0s;
}

.mojoomob2:hover {
    opacity: 0.8;
    transition: all 0.3s ease-in 0s;
}


/* General Menu Styles */

.js .menu {
    /* If we have JavaScript enabled and we're just waiting for flexMenu to load and run, hide list items that don't fit on one line. If JavaScript is not enabled, just show 'em all. */
    height: 1.5em;
    overflow: hidden;
}

.menu>li {
    margin: 0 0 0 1.5em;
    float: left;
    /*height: 2em;*/
}

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


.menu a:hover {}

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

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

.clear {
    clear: both;
}

/* flexMenu styles */

.flexMenu-viewMore>a {
    /*background-color: #FF9640;*/
}

.flexMenu-viewMore svg {
    transition: transform 0.3s ease;
    display: inline-block;
}

.flexMenu-viewMore.active>a svg {
    transform: rotate(180deg);
}

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

.lt-ie8 .flexMenu-popup {}

.flexMenu-popup a {
    display: block;
}

.flexMenu-popup a:hover {
    background-color: #006363;
    color: #fff;
    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: #f5f7fa;
    font-size: 16px
}

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

.header-site {
    border-bottom: 1px solid #d6dbe0;
    transition: all 3.3s ease-in 0;
    z-index: 10000;
    background: #fff
}

.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: 980px) {
    .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: 0px;
    background: #0c0c0c;
    text-align: left;
    right: -46px;
    top: 69px;
    width: 200px;
}

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

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

    color: var(--white);
}

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

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

#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: 0px;
    margin-left: -10px;
    height: 25px;
    white-space: nowrap;
}

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

.flexMenu-popup {
    list-style-type: none;
    padding: 5px 20px 15px 10px;
    background-color: var(--white);
    border-radius: 10px !important;
    margin: 0;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

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

.flexMenu-popup li a:hover {
    color: var(--blue) !important;
    background-color: var(--white) !important;
}

.edit_wlinks {
    display: none;
}

button:active,
button:focus {
    outline: none;
}

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

.header-big .search {}

.variable-radio {
    padding: 0px;
    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: #fff;
    border: 2px solid #f5523a;
}

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

.hidden {
    display: none !important;
}

.dst-header-index {
    position: relative;
}

.header-search {}

.polnoe-opisanie {
    position: relative;
    max-width: 100%;
    padding: 2px 8px;
    background: #f6fafd;
    border-radius: 12px;
    top: 7px;
    font-size: 13px;
    float: right;
}

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

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

.typeahead__group-product span {
    padding: 0.2rem 0.75rem;
}

#search_field {
    margin: 10px 25px;
    ;
}

.header-small #search_field {
    margin: 0px 0px 0px 0px;
}

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

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

.sub-cats-black {
    background-color: #222222;
    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.3s ease-in 0s;
}

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

.content-block {}

.content-block .item {}

.content-block .item a {}

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

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

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

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

.dstport {
    font-size: 24px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 700;
    line-height: 34px;
}

.dstport2 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000;
}

.dstport3 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff;
}

.dstport4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000;
}

.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: 700;
    line-height: 34px;
}

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

.dstportdark2 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff;
}

.direction_active {
    font-weight: 700;
}

.docs-status-old {
    color: #000;
    background: #f5f7fa;
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 16px;
    min-width: 80px;
    display: inline-block
}

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

.dstline {
    border: 3px solid var(--blue);
    content: "";
    margin-top: 40px;
    margin-bottom: 25px;
    width: 80px
}

.dstlinetext a {
    font-size: 14px;
    color: rgba(0, 26, 52, .6);
    line-height: 20px;
    text-decoration: none
}

.dstlinetext a:hover {
    font-size: 14px;
    color: rgba(0, 26, 52, .6);
    line-height: 20px;
    text-decoration: underline
}

.dstlinetext {
    font-size: 14px;
    color: rgba(0, 26, 52, .6);
    line-height: 20px
}

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

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

.mainbrands {
    background: #fff
}

.mainbrands2 {
    font-size: 24px;
    transition: all 0.4s ease 0s;
    color: #000;
    font-weight: 700;
    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: 0px;
}


.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: #f5f7fa;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
        border-radius: 0px 0px 24px 24px;
    }
}

.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: #000;
    font-size: 18px;
}

.nav-tabber a {
    color: rgba(0, 26, 52, .6);
    text-transform: none;
}


.slide-info2 {
    background-color: #000;
    color: #fff;
    padding: 5em 0em !important;
}

.slide-info2 h3 {
    color: #fff;
}

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

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

}

.product-info li {
    list-style: none;
    float: left;
    margin-right: 15px;
    color: rgba(0, 26, 52, .6);
}

.product-info .fa {
    color: rgba(0, 26, 52, .6);
}

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

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

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

.login-page {
    background-color: #fff;
}

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

.phone-logo {
    text-align: center;
}

.login-page a {
    color: #000;
}

.login-page .btn-primary {
    background: var(--blue);
    font-size: 16px;
    padding: 7px 25px;
}

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

.dstloginindex {
    color: rgba(0, 26, 52, .6);
    font-size: 14px;
    line-height: 18px;
}

.header-site .header-index-club {
    background-color: #fff;
    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
}

.nav-page li a {
    color: #000000;
    font-size: 14px;
}

.nav-page2 li a {
    color: var(--grey-text);
    font-size: 14px;
}

.header-site .header-cats .nav-cats li {
    /*padding: 5px 5px;*/
    margin: 0px;
    padding: 0px;
}

.header-site .header-cats .nav-cats li.active a {
    color: #000;
}

.header-site .header-cats .nav-cats li a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-left: 10px;
    line-height: 30px;
    transition: all 0.3s ease-in;
    padding: 7px;
}

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

.header-cats .nav-cats .active>a {}


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

.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: 10px;
    border-radius: 8px;
    line-height: 36px;
}

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

.line-search .btn {
    background: #f5523a !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
}

.line-search-market .btn {
    background: var(--blue) !important;
    margin: 0px;
    right: -6px;
    position: absolute;
    color: var(--white) !important;
    height: 100%;
    border-radius: 0 6px 6px 0 !important;
    padding: 0px 30px !important;
}

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

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

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

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

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


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

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

.search-input select {
    border: 0px;
    border-left: 1px solid #afafaf;
    border-radius: 0px;
    box-shadow: none;
    background: transparent none repeat scroll 0 0;
    line-height: 1px;
    padding: 0px;
    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: none;
    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: rgba(0, 26, 52, .6);
    margin: 5px 0 0;
    padding: 0 8px 0 10px;
}

.video-box input {
    color: #fff;
}

.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
}

.search-input {
    margin: 0 auto;
    width: 100%;
    transition: all 0.3s ease 0s;
    border-radius: 12px;
    border-color: var(--blue);
    border: 2px solid var(--blue);
}

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

.dropdown-cats .dropdown-toggle:hover {
    opacity: 0.8;
    transition: 0.5s;
}

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

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

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

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

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

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

.dropdown-cats .dropdown-menu .menu {}

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

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

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


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

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

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

.dropdown-cats .dropdown-menu .cat .cat-href:hover,
.dropdown-cats .dropdown-menu .sub-cats a:hover {
    color: #000;
}

.dropdown-cats .dropdown-menu .root-cat .cat.active a {
    color: #000;
}

.dropdown-cats {
    display: flex;
}

.dropdown-cats-market .dropdown-toggle {
    background: var(--blue) !important;
    margin: 0px;
    height: 100%;
    color: var(--white) !important;
    height: 39px;
    border-radius: 0px;
    padding: 0px 10px !important;
    transition: 0.5s;
}

.dropdown-cats-market .dropdown-toggle:hover {
    opacity: 0.8;
    transition: 0.5s;
}

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

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

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

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

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

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

.dropdown-cats-market .dropdown-menu .menu {}

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

.dropdown-cats-market .dropdown-menu .menu .cat {
    width: 100%;
}

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


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

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

.dropdown-cats-market .dropdown-menu .cat .cat-href,
.dropdown-cats-market .dropdown-menu .sub-cats a {
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.2s ease 0s;
    border: 1px #fff solid;
    width: 100%;
}

.dropdown-cats-market .dropdown-menu .cat .cat-href:hover,
.dropdown-cats-market .dropdown-menu .sub-cats a:hover {
    color: #006933;
    font-weight: 400;
    transition: all 0.2s ease 0s;
    border: 1px #ddd solid;
    border-radius: 8px;
    width: 100%;
}

.dropdown-cats-market .dropdown-menu .root-cat .cat.active a {
    color: #006933;
}

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

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

.dropdown-cats-services .dropdown-toggle:hover {
    opacity: 0.8;
    transition: 0.5s;
}

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

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

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

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

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

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

.dropdown-cats-services .dropdown-menu .menu {}

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

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

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


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

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

.dropdown-cats-services .dropdown-menu .cat .cat-href,
.dropdown-cats-services .dropdown-menu .sub-cats a {
    padding: 5px 0px;
    margin-bottom: 10px;
    color: #000;
    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: #000;
}

.dropdown-cats-services .dropdown-menu .root-cat .cat.active a {
    color: #000;
}

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

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

.dropdown-cats-deposit .dropdown-toggle:hover {
    opacity: 0.8;
    transition: 0.5s;
}

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

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

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

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

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

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

.dropdown-cats-deposit .dropdown-menu .menu {}

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

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

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


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

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

.dropdown-cats-deposit .dropdown-menu .cat .cat-href,
.dropdown-cats-deposit .dropdown-menu .sub-cats a {
    padding: 5px 0px;
    margin-bottom: 10px;
    color: #000;
    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: #000;
}

.dropdown-cats-deposit .dropdown-menu .root-cat .cat.active a {
    color: #000;
}

.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: #000
}

.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(--grey-text);
}

.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;
}

.sub-cats-widget img {
    height: 110px;
    padding: 0px;
    margin: 0px;
    /* transition: all 0.3s ease-in 0s;
  width: 100%; */
}



.dstcartgood {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.dstcartgoodtext {
    font-size: 16px;
    text-align: left;
    border: 1px solid #e6e8ea;
    padding: 15px;
    margin: 0px 20px 0px 20px;
    width: 100%;
    border-radius: 8px;
    color: rgba(0, 26, 52, .6);
}

.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
}


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

}

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

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


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

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

.club-left .widget {
    margin: 0px 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: #000;
    text-decoration: none;
    padding: 18px 10px 10px 60px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}

.club-left .club_menu a:hover {
    opacity: 0.8;
    transition: all 0.3s 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;
}

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

.widget-club {
    padding: 15px;
    border: 1px solid #d6dbe0;
    border-radius: 8px;
    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: rgba(0, 26, 52, .6);
    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: 8px;
    text-transform: none;
    text-decoration: none;
    margin: 0 5px 0 0
}

.widget-club-shadow {
    padding: 10px 30px 20px 30px;
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    border-radius: 8px;
    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: rgba(0, 26, 52, .6);
    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: 8px;
    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: #fff !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: #000;
    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: #000
}

.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: rgba(0, 26, 52, .6);
    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: rgba(0, 26, 52, .6);
    font-size: 13px
}

.banner-right-links a {
    float: left;
    margin-right: 10px;
    font-size: 13px;
    color: rgba(0, 26, 52, .6);
    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: #000;
    font-weight: 500;
    font-size: 16px
}

.products_new .item .info a {
    color: rgba(0, 26, 52, .6);
    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: #000;
    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: #000;
    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 #f5f7fa;
    border: 1px solid #d6dbe0;
    border-radius: 8px
}

.profile-page .left-panel {
    border-right: 1px 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>div {
    margin-bottom: 10px;
}

.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: 0.9;
    transition: all 0.4s ease 0s;
}


.profile-page .user-info .nickname {
    margin-top: 15px;
    color: #000;
    font-weight: 600;
    font-size: 18px;
}

.profile-page .user-info .city {
    font-size: 14px;
    background: #006933;
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 0px;
    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: 0px;
}

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

.profile-page .left-panel .menu ul li.active a span.name {
    color: #000;
}

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


.profile-page .left-panel .menu ul li a span.name {
    color: #000;
    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: #000;
}

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

.profile-page .right-panel .view-all {

    margin-top: 20px;
}

.profile-page .right-panel .view-all a {
    background: var(--blue);
    color: #fff;
    padding: 12px 45px;
    border-radius: 8px;
    font-size: 16px;
}

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

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

.profile-page .right-panel .title {
    font-size: 20px;
    font-weight: 700;
    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.3s ease 0s;
}

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

.avatar-colorbox.user-white {
    background-image: url('data:image/svg+xml;utf8,<svg fill="var(--white)" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}

.avatar-colorbox.user-black {
    background-image: url('data:image/svg+xml;utf8,<svg fill="#222222" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/><path d="M0 0h24v24H0z" 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: #000;
}

.add-favorite .is_add .fa {
    color: #006933;
}

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

.reviews input,
.reviews textarea {
    border-radius: 0px;
    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";
    /* Star */
    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: #000;
}

.reviews .form .stars .starrating>input:hover~label {
    color: #000;
}

.btn-blue {
    color: var(--white);
    background-color: var(--blue);
    border-color: var(--blue);
}

.btn-blue:hover {
    color: var(--white);
}

.btn-orange {
    color: #fff;
    background-color: #006933;
    border-color: #006933;
}

.btn-orange:hover {
    color: #fff;
    background-color: #006933;
    border-color: #006933;
    opacity: 0.7;
}

.btn-orange:focus,
.btn-primary.focus {
    background-color: #006933;
    border-color: #006933;
}

.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: 14px;
}

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

.reviews .review-item .date {
    color: rgba(0, 26, 52, .6);
    font-size: 14px;
}

.reviews .review-item .action a {
    color: rgba(0, 26, 52, .6);
    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: 0.6;
}

.nav-tabber .nav-link.active {
    font-size: 18px;
    transition: all 0.3s ease 0s;
    color: rgba(0, 26, 52, .6);
    text-transform: none;
    font-weight: 600;
}


/* bootstrap hack: fix content width inside hidden tabs */
.tab-content>.tab-pane,
.pill-content>.pill-pane {
    display: block;
    /* undo display:none          */
    height: 0;
    /* height:0 is also invisible */
    overflow: hidden;
}

.tab-content>.active,
.pill-content>.active {
    height: auto;
    /* let the content decide it  */
    overflow: unset;
}

/* bootstrap hack end */


.header-icon a,
.nav-item a {
    position: relative;
    text-decoration: none;
}

.block-icon {
    position: relative;
}

.header-icon .count,
.nav-item .count {
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    line-height: 14px;
    height: 16px;
    right: -8px;
    position: absolute;
    top: -5px;
    min-width: 15px;
    text-align: center;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {

    .header-icon .count,
    .nav-item .count {
        top: 5px;
    }
}

.mini-cart-deposit {
    position: relative;
}

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

.count-messages {}

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


.btn-orange:disabled {
    color: #fff;
    background-color: var(--blue);
    border-color: var(--blue);
    opacity: 0.3
}

.btn-orange:hover:disabled {
    color: #fff;
    background-color: var(--blue);
    opacity: 0.3
}

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

.counter-disabled .fas {
    color: #ff0000;
}

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

.counter-one-click {
    cursor: pointer;
}

.counter-one-click .fas {
    color: #000;
}

#shareModal ul {
    width: 79%;
}

#shareModal li {
    margin-bottom: 5px;
}



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


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

.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: #fff;
    border-width: 3px;
    border-style: solid;
    width: 15px;
    height: 15px;
    top: -5px;
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    border-color: #000;
    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: rgba(0, 26, 52, .6);
    font-size: 14px;
}

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

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

.searchBox .load-page:hover,
.search_full .load-page:hover,
.searchBox .search-all:hover {
    background: #f1f1f1;
}

.searchBox .items .item,
.search_full .items .item {
    border-bottom: none;
    padding: 5px 0px;
}

.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: 8px;
}

.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 .buttonsWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    line-height: 25px;
}

.searchBox .button {
    background-color: var(--grey-bg);
    border-radius: 6px;
    padding: 10px;
    color: #000000;
}

.searchBox .product .cart {
    padding-top: 3px;
}

.searchBox .product .title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px
        /* fallback; */
    ;
    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: #006933;
    font-size: 18px;
    transition: all 0.3s ease-in;
    padding: 10px;
}

.searchBox .product .cart .fa:hover {
    color: #0d8e4f;
    font-size: 18px;
    transition: all 0.3s ease-in;
    background: #f5f7fa;
    border-radius: 50%;
    padding: 10px;
}

.searchBox span {
    color: rgba(0, 26, 52, .6);
    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: #006933;
    color: #fff;
    font-size: 14px;
    padding: 0px 1px 0px 0px;
    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: 15px 20px 15px 20px;
    position: relative;
    z-index: 1;
    display: block;
    height: auto;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    background: var(--white);
    border-radius: 8px;
    border: 1px solid #d6dbe0;
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked+label,
.ac-container input:checked+label:hover {
    background: #fff;
    color: #000;

}

.ac-container label:hover:after,
.ac-container input:checked+label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 15px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}

.ac-container input:checked+label:hover:after {
    background-image: url(../images/arrow_up.png);
}

.ac-container input {
    display: none;
}

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

.ac-container article p {
    padding: 20px;
    transition: all 0.5s ease 0s;
    margin: 10px 20px 0px 20px;
    margin-bottom: 0px;
    background: #f5f7fa;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
}

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

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

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

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


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

.alert-delivery-free:hover {
    opacity: 0.9 !important;
    transition: all 0.3s ease-in 0s !important;
}


.alert-delivery-free .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.2rem 0.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: 8px;
    background: #006933;
    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 rgba(0, 26, 52, .6);
    background: #FFF;
    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: #000;
}

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


.btn-cart,
.btn-cart:hover,
.btn-cart:focus,
.btn-cart.focus {
    background: #006933;
    width: 280px;
    display: inline-block;
    height: 50px;
    color: #fff;
    border: 0;
    box-shadow: unset;
    border-radius: 8px;
    transition: unset;
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: 600;
    transition: all 0.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: 0.8;
    transition: all 0.3s ease-in;
}

.btn-cart-dst,
.btn-cart-dst:hover,
.btn-cart-dst:focus,
.btn-cart-dst.focus {
    background: var(--blue);
    color: var(--white);
    width: 280px;
    display: inline-block;
    height: 50px;
    border: 0;
    box-shadow: unset;
    border-radius: 8px;
    transition: unset;
    font-size: 16px;
    line-height: 1.5rem;
    font-weight: 600;
    transition: all 0.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: 0.8;
    transition: all 0.3s ease-in;
}


.animation {}

.header-index {}

@-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: #000;
    background: #fff;
}

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

.line.btn-blue {
    color: var(--white);
    background-color: var(--blue);
    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;
}

.product-cart-block {
    border: 0 solid #d6dbe0;
    border-radius: 18px;
    padding: 0 20px;
    overflow: hidden;
    transition: all .3s ease-in;
    background-color: var(--grey-bg);
}

.product-cart-block .counter-one-click {
    color: #000;
    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 #e6e8ea;
    padding-bottom: 5px;
    display: flex;
}

.product-cart-block .grey {
    color: rgba(0, 26, 52, .6);
}

.product-cart-block .line .title {}

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


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

.tooltip-city {
    position: absolute;
    background: #fff;
    top: 32px;
    z-index: 2;
    padding: 13px;
    font: 14px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.17);
    -moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.17);
    border-radius: 8px;
    box-shadow: 0px 0px 7px 0px 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: #666 none repeat scroll 0 0;
    box-shadow: unset;
}

.modal .close {
    right: 7px;
    position: absolute;
    top: 7px;
    line-height: 24px;
    font-weight: 100;
    border-radius: 50%;
    font-size: 26px;
    padding: 6px;
    z-index: 5;
    background-color: var(--white);
}

.modal .close span {
    color: #000000;
    font-size: 33px;
    line-height: 1px;
}

.open-callback {
    cursor: pointer;
    color: rgba(0, 26, 52, .6)
}

.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: #006933;
    display: inline-block;
    color: #fff;
    border: 0;
    width: 100%;
    box-shadow: unset;
    border-radius: 0;
    transition: unset;
    margin: 0px !important;
    font-size: 1.25rem;
    font-weight: 600;
    transition: all 0.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: #006933;
    display: inline-block;
    color: #fff;
    border: 0;
    width: 100%;
    box-shadow: unset;
    border-radius: 0;
    transition: unset;
    margin: 0px !important;
    font-size: 1.25rem;
    font-weight: 600;
    transition: all 0.3s ease-in;
    height: auto;
}


.menu-cats-block a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0 5px 10px;

    transition: 0.5s;
}

.menu-cats-block a:hover {
    display: block;
    font-size: 16px;
    font-weight: 700;
    background: #f5f7fa;
    padding: 5px 0 5px 10px;
    transition: 0.5s;
    border-radius: 12px;
}

.field-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 16px;
    cursor: pointer;
    color: #000;
}

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

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

#breadcrumbs {
    color: var(--grey-text);
    height: 30px;
    position: relative;
}

#breadcrumbs ul {
    overflow: hidden;
    position: relative;
    margin: 0px;
    margin-bottom: 30px;

}

#breadcrumbs {
    white-space: nowrap;
    overflow: hidden;
}

#breadcrumbs::after {
    content: '';
    /* Выводим элемент */
    position: absolute;
    /* Абсолютное позиционирование */
    right: 0;
    top: 0;
    /* Положение элемента */
    width: 40px;
    /* Ширина градиента*/
    height: 100%;
    /* Высота родителя */
    /* Градиент */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%);
}


#breadcrumbs ul li {
    font-size: 14px;
    color: var(--grey-text) !important;
    display: contents;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    vertical-align: middle;
    float: left;
}

#breadcrumbs ul li.sep {
    margin: 0 4px 0 8px;
    vertical-align: top;
    height: 16px;
    width: 16px;
    color: rgba(0, 26, 52, .6);
    margin-top: 1px;
}

#breadcrumbs ul li.sep svg {
    overflow: visible;
    vertical-align: baseline;
}

h1 {
    font-size: 26px;
}

.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: bold;
    font-size: 16px;
}

.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(--white);
    background-color: var(--blue);
    min-height: 56px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    border-radius: 8px;
}

.line.btn-gray:hover {
    opacity: 0.9;
    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: 0px 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: #000 !important;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    padding-right: 30px
}

.text-muted2 {
    color: #000 !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: #000 !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: #000;
    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: rgba(0, 26, 52, .6)
}

.productpr .buys {
    background: #006933;
    display: inline-block;
    line-height: 28px;
    color: #fff;
    margin: 10px 0px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease-in;
    border-radius: 8px;
    text-align: center;
    padding: 8px 40px;
}

.productpr .buys:hover {
    opacity: 0.8;
}

.grid-margin {
    margin-bottom: 80px;
}

.mojoopromo {
    margin-top: 40px;
}

.PageTitle__middleText {
    display: inline-block;
    white-space: nowrap;
    color: #000;
    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: 14px;
    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%;
}

.item-list-brands img {
    max-height: 100px;
    max-width: 100px;
}

.brands-widgets {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

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

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #dcdcdd;
    border-radius: 18px;
    transition: all 0.15s;
    padding: 15px;
    min-height: 200px;
}

.card:hover {
    border-color: var(--blue);
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
}

.card-title-dst {
    font-size: 18px;
    font-weight: 600;
}

.card-text-dst {
    border-color: rgba(0, 26, 52, .6);
    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: #f5f7fa;
}

.bg-primary {
    background-color:
        #000637 !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: #006933;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    text-align: left
}

.cif-white {
    color: #fff;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    text-align: left
}

.cif-red {
    color: #f5523a;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    text-align: left
}

.cif-cloud {
    color: #4ff;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    text-align: left;
}

.cif2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: left
}

.cif2 a {
    color: #000
}

.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: #006933;
    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: #fff;
    transition: .5s
}

.mojoogarant:hover {
    background: #f5f7fa;
    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: #f5f7fa;
    transition: .5s
}

.productpr2 .buys2 {
    background: #006933;
    display: inline-block;
    line-height: 28px;
    color: #fff;
    margin: 10px 0px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease-in;
    border-radius: 8px;
    text-align: center;
    padding: 8px 40px;
}

.productpr2 .buys2:hover {
    opacity: 0.8;
}

.productpr2 {
    text-align: center;
}

.productpr3 .buys3 {
    background: #000;
    width: 280px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin: 10px 0px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease-in;
    border-radius: 8px;
    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 #e6e8ea;
    border-radius: 8px;
    line-height: 1.2em;
    color: #006933;
    font-size: 18px;
    font-weight: 700;
}


.mojootex {
    margin-left: 0px;
}

.mojootit {
    padding: 20px 20px 20px 30px;
    width: 100%;
    border: 1px solid #e6e8ea;
    border-radius: 8px;
    line-height: 1.2em;
    color: #006933;
    font-size: 18px;
    font-weight: 700;
}


.product-info-mini {
    border: 0px;
    margin: 0px;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
}

.filter-product .form-check {
    padding-left: 0px;
}

.product-block-title {
    font-size: 24px;
    transition: all 0.3s ease 0s;
    color: #000;
    text-transform: none;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px;

}

.product-block-desc {
    font-size: 24px;
    transition: all 0.3s ease 0s;
    color: #000;
    text-transform: none;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px;

}

.dst-char-item {
    font-size: 16px;
    background: #006933;
    color: #fff;
    max-width: 60px;
    display: block;
    margin-left: 12px;
    border-radius: 8px;
    line-height: 26px;
    height: 28px;
}

.char-item {}

.char-item .char-name {
    color: rgba(0, 26, 52, .6);
    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;
    background: #fff;
    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: 0px;
}

.cart-page {}

.cart-page .cart-info {
    border: 1px solid #d6d6d6;
    padding: 30px 30px;
    border-radius: 8px;
}

.cart-page .cart-header-items {
    background: #f5f7fa;
    font-weight: 500;
    font-size: 16px;
    border-radius: 8px;
}

.cart-page .cart-box-items {
    padding-right: 30px;
}

.cart-page .cart-info .info {
    border-bottom: 1px solid #e6e8ea;
    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;
}

.cart-page .btn-to-confirm {
    min-height: 56px;
    padding: 16px 24px;
    font-size: 18px;
    line-height: 1.25;
    border-radius: 8px;
}

.cart-page .btn-submit-order,
.btn-submit-order:active {
    padding: 12px 50px;
    background-color: #f5f7fa;
    color: #1f2930;
    font-weight: bold;
    font-size: 18px;
    box-shadow: none !important;
}

.btn-#2fbf6f {
    background-color: #006933 !important;
    color: #fff !important;
}

.btn-#2fbf6f:hover,
.btn-#2fbf6f:focus,
.btn-#2fbf6f:active {
    background-color: #2fbf6f !important;
    box-shadow: none !important;
    color: #fff;
}

#reviews_add_form textarea,
#reviews_add_form .emojionearea {
    background-color: var(--grey-bg);
    border-radius: 10px;
    border: none;
    font-size: 18px;
}

#reviews_add_form .actions a {
    font-size: 16px;
    color: #000
}

.brand_area {
    padding-bottom: 60px;
}

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

.features_area_dst {
    padding-bottom: 10px;
}

.feature_item {
    border-radius: 8px;
    padding: 45px 25px;
    background: #fff;
    text-align: center;
    border: 1px solid #e6e8ea;
    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 #000;
    padding: 5px 15px;
    border-radius: 8px;
}

.feature_item h4 {
    font-size: 18px;
    margin-bottom: 20px;
    min-height: 90px;
}

.feature_item p {
    margin-bottom: 0px;
    min-height: 110px;
}

.feature_item:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    background: #f3f4f5;
    transition: all 0.4s ease 0s;
}

.feature_itemdst {
    border-radius: 8px;
    padding: 35px 20px;
    background: #fff;
    min-height: 350px;
    text-align: center;
    border: 1px solid #f3f4f5;
    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: 18px;
    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: 0px;
    min-height: 100px;
}

.feature_itemdst:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.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: 18px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e6e8ea;
    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 15px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
    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: rgba(0, 26, 52, .6);
}

.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: 8px;
    width: 60px;
    color: var(--blue);
}

.note-dst {
    color: var(--blue);
}

.dst-inline {
    min-height: 90px;
    background: #f5f7fa;
    font-size: 16px;
    transition: all 0.4s ease 0s;
    cursor: pointer;
    padding: 30px;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}

.dst-action-proc {
    font-size: 47px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 700;
}

.discount-card-dst-prog {
    background: #f5f7fa;
    border-radius: 18px;
    padding: 0px 30px 5px 30px;
    margin-bottom: 30px;
}

.section_gap_bottom_dst {
    padding-bottom: 30px;
}

/* 
============================================================================================ */
/* ADMIN
============================================================================================ */

.dst-admin-filter {
    background: #f5f7fa;
    border-radius: 8px;
    padding: 20px 20px;
}

.dst-admin-user {
    font-size: 14px;
    color: rgba(0, 26, 52, .6);
}

.dst-variable-no {
    color: #fff;
    background: #006933;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 30px;
    display: inherit;
}


.dst-variable-yes {
    color: #fff;
    background: #006933;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 30px;
    display: inherit;
}

.dst-code-sku {
    color: rgba(0, 26, 52, .6);
    background: #f5f7fa;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 120px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
}

.dst-code-sku-admin {
    color: rgba(0, 26, 52, .6);
    background: #f5f7fa;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 120px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
}

.btn-primary-red {
    border: #006933 1px solid;
    color: #006933;
    cursor: pointer;
    font-size: 16px;
    padding: 7px 16px;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
}

.dst-comiss {
    color: #fff;
    background: #006933;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 60px;
    display: inherit;
}

.dst-comiss-buy {
    color: #fff;
    background: #006933;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
}

.dst-comiss-buy-front {
    color: #fff;
    background: var(--blue);
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
    margin-left: 15px;
    text-align: center;
    transition: all 0.4s ease 0s;
}

.dst-comiss-buy-front:hover {
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

.dst-comiss-buy-front2 {
    color: #fff;
    background: var(--blue);
    padding: 5px 10px;
    border-radius: 8px;
    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: 0.9;
    transition: all 0.4s ease 0s;
}

.dst-comiss-buy-front2 a {
    color: #fff;
    font-weight: 400;
}


.dst-button-buy {
    color: #fff;
    background: var(--blue);
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
}

.dst-button-buy-#2fbf6f {
    color: #fff;
    background: var(--blue);
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 110px;
    display: inline-block;
    margin-right: 10px;
}

.dst-summ {
    color: rgba(0, 26, 52, .6);
    background: #f5f7fa;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 120px;
    display: inherit;
}

.dst-summ-skid-green {
    color: #006933;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    border: #006933 1px solid;
}

.dst-summ-skid-blue {
    color: var(--blue);
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    text-align: center;
    border: var(--blue) 1px solid;
}

.dst-summ-skid-green-front {
    color: #006933;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    border: #006933 1px solid;
}

.dst-summ-partner {
    color: rgba(0, 26, 52, .6);
    background: #f5f7fa;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 160px;
    display: inherit;
}

.dst-summ-admin {
    color: #000;
    background: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 120px;
    display: inline;
    margin-left: 5px;
}

.dst-summ-skid-#006933-front {
    color: #006933;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 16px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    border: #006933 1px solid
}

.dst-summ-skid {
    color: var(--blue);
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 120px;
    display: inline;
    margin-left: 5px;
    border: var(--blue) 1px solid;
}

.dst-summ-skid-#2fbf6f {
    color: #006933;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    margin-right: 10px;
    border: #006933 1px solid;
}

.dst-summ-skid-#2fbf6f-front {
    color: #006933;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 50px;
    display: inline-block;
    font-weight: 600;
    border: #006933 1px solid;
}

.dst-summ-skid-gray {
    color: rgba(0, 26, 52, .6);
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 140px;
    display: inline-block;
    margin-left: 5px;
    border: 1px solid #e6e8ea;
}

.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: #f5f7fa;
    background-clip: border-box;
    border-radius: 8px;
}

.dst-product-admin {
    color: rgba(0, 26, 52, .6);
    border: 1px solid #d6dbe0;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 500;
    margin-right: 10px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.dst-product-admin a {
    color: rgba(0, 26, 52, .6);
    text-decoration: none;
}

.dst-product-admin:hover {
    opacity: 0.9;
    transition: all 0.3s ease 0s;
}

.dst-code-sku-price {
    color: #fff;
    background: #006933;
    padding: 8px 8px 0px 10px;
    border-radius: 8px;
    font-size: 16px;
    min-width: 30px;
    margin-bottom: 10px;
    min-height: 36px;
    font-weight: 600;
    max-width: 90px;
}

.dst-code-sku-price-old {
    color: rgba(0, 26, 52, .6);
    border: #2FC26E 1px solid;
    padding: 7px 8px 0px 10px;
    border-radius: 8px;
    font-size: 16px;
    min-width: 30px;
    margin-bottom: 10px;
    min-height: 36px;
    font-weight: 500;
    max-width: 90px;
}

.filter-sorts button {
    background: none;
    padding: 3px;
    color: rgba(0, 26, 52, .6);
    font-size: 16px;
    border: 0px;
    margin-bottom: 8px;
    cursor: pointer;
}

/* 
============================================================================================ */
/* 1619px
============================================================================================ */

@media (max-width: 1619px) {
    .header_area .navbar .search {
        margin-left: 40px;
    }

}

/* 
============================================================================================ */
/* 980px - 1506px
============================================================================================ */

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

/* 
============================================================================================ */
/* 992px - 1400px
============================================================================================ */

@media only screen and (min-width: 992px) and (max-width: 1400px) {

    .primary_btn3 {
        display: none;
    }

    .primary_btnblue {
        display: none;
    }
}


/* 
============================================================================================ */
/* 990px - 1300px
============================================================================================ */

@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 #e6e8ea;
        border-radius: 8px;
        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: 18px;
    }


    .client-info {
        padding: 25px 0px;
        text-align: center;
        position: relative;
        margin-top: 25px;
    }

    .client-info .smll {
        text-align: left;
        color: #000;
        font-size: 18px;
        margin-left: 0px;
    }


    .feature_item img {
        margin-bottom: 25px;
        height: 40px;
        display: block;
    }

    .cif {
        font-size: 50px;
        line-height: 60px;
    }

}

/* 
============================================================================================ */
/* 1300px - 1200px
============================================================================================ */

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

/* 
============================================================================================ */
/* 1245px
============================================================================================ */

@media (max-width: 1245px) {
    .phone-cart-line {
        font-size: 14px;
    }

    .phone-cart-line a {
        font-size: 14px !important;
    }
}

/* 
============================================================================================ */
/* 992px - 1200px
============================================================================================ */

@media only screen and (min-width: 992px) 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;
    }

}

/* 
============================================================================================ */
/* 1200px
============================================================================================ */

@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 0px;
    }

    .header_area .navbar .primary_btn {
        margin-left: 40px;
    }

    .home_banner_area .banner_inner .banner_content h2 br {
        display: none;
        font-size: 36px;
    }

    .home_banner_area .banner_inner .banner_content h2 {
        font-size: 36px;
        line-height: 45px;
    }

    .single-brand-item {
        width: 170px !important;
    }

    .single-brand-item img {
        max-width: 130px !important;
    }

    .hide-mobile {
        display: none;
    }

    .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 {
        border-right: 0px solid #dbdbdb;
        min-height: 0px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
    }

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

}

/* 
============================================================================================ */
/* 1200px
============================================================================================ */

@media (max-width: 1100px) {
    .features-overview .features-width {
        flex-basis: 100%;
    }

    .containerclub {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0px 30px 0px 30px;
    }
}

/* 
============================================================================================ */
/* 1024px
============================================================================================ */

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

}



/* 
============================================================================================ */
/* 300px - 992px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 992px) {
    .dstimg6feature_item {
        background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.6) 0), url(/img/img9.jpg) no-repeat top center;
        background-size: cover;
    }

    .dstimg7feature_item {
        background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.6) 0), url(/img/img11.jpg) no-repeat top center;
        background-size: cover;
    }

    .dstimg8feature_item {
        background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.7) 0), url(/img/img13.jpg) no-repeat top center;
        background-size: cover;
    }

    .feature_item p {
        margin-bottom: 0px;
        min-height: 112px;
    }

    .feature_item h4 {
        font-size: 18px;
        margin-bottom: 20px;
        min-height: 87px;
    }

    .feature_item img {
        margin-bottom: 20px;
        height: 40px;
        display: block;
    }

    .dstswfeature_item h4 {
        font-size: 18px;
        margin-bottom: 20px;
        min-height: 110px;
    }

    .dstmain_title h2 {
        font-size: 35px;
        line-height: 40px;
    }

}


/* 
============================================================================================ */
/* 991px
============================================================================================ */


@media (max-width: 991px) {
    .navbar-toggler {
        border: none;
        border-radius: 0px;
        padding: 0px;
        cursor: pointer;
        margin-top: 27px;
        margin-bottom: 23px;
    }

    .header_area .navbar {
        background: #fff;
        box-shadow: 0px 3px 16px 0px 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: 0px 0px;
    }

    .header_area+section,
    .header_area+row,
    .header_area+div {
        margin-top: 117px;
    }

    .header_top .nav {
        padding: 0px;
    }

    .header_area .navbar .nav .nav-item .nav-link {
        line-height: 40px;
        margin-right: 0px;
        display: block;
        border-bottom: 1px solid #ededed33;
        border-radius: 0px;
        color: #000;
    }

    .header_area .navbar .search {
        margin-left: 0px;
    }

    .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: 0px 15px;
        font-size: 14.5px;
        font-weight: 300;
    }

    .header_area .navbar .nav .nav-item {
        margin-right: 0px;
    }

    .header_area+section,
    .header_area+row,
    .header_area+div {
        margin-top: 0px;
    }

    .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: 0px auto 30px;
    }

    .price_inner {
        margin-bottom: -30px;
    }

    .actionmojoo {
        font-size: 26px;
        font-weight: 600;
        line-height: 75px;
        text-align: center;
        color: #fff;
        background: #006933;
        padding: 20px;
        border-radius: 28%;
        width: 110px;
        height: 110px;
        margin: 0 auto;
        transition: all 0.3s ease 0s;
        cursor: pointer;
    }

    .actionmojoo:hover {
        opacity: 0.9;
        font-size: 18px;
        font-weight: 600;
        line-height: 75px;
        text-align: center;
        color: #fff;
        background: #006933;
        padding: 20px;
        border-radius: 28%;
        width: 110px;
        height: 110px;
        margin: 0 auto;
        transition: all 0.3s ease 0s;
    }

    .tr-bg-none {
        display: none !important;
    }

}

/* 
============================================================================================ */
/* 300px - 990px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 990px) {
    .cif {
        font-size: 36px;
        line-height: 48px;
    }
}

/* 
============================================================================================ */
/* 990px
============================================================================================ */

@media (max-width: 990px) {
    .alert-delivery-free .method {
        float: unset;
        margin-bottom: 6px;
    }
}

/* 
============================================================================================ */
/* 980px
============================================================================================ */

@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%;
        box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.3);
    }

    .cart-buttom-fixed button {
        height: 100% !important;
    }

    .product-cart-block .btn-cart {
        display: none;
    }

    .btn-cart-dst {
        display: none;
    }

}


/* 
============================================================================================ */
/* 972px
============================================================================================ */

@media (max-width: 972px) {
    #breadcrumbs ul {
        margin-bottom: 5px;
    }

    .product-info-mini {
        display: contents;
    }
}


/* 
============================================================================================ */
/* 300px - 768px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .feature_item2 {
        background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.7) 0), url(/img/0.gif) no-repeat top center;
    }



    .dstport_item5 {
        background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.5) 0), url(/img/dst25.jpg) no-repeat left center;
    }

    .dstport_item9 {
        background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 0), url(/img/dst85.jpg) no-repeat top center;
    }

    .dstport_item10 {
        background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 0), url(/img/dst86.jpg) no-repeat top center;
    }

}

/* 
============================================================================================ */
/* 767px
============================================================================================ */

@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: 0px;
    }

    .home_banner_area .banner_inner .banner_content .primary_btn {
        margin-right: 15px;
    }

    .primary_btn.tr-bg {
        display: none;
    }

    .primary_btn4.tr-bg {
        display: none;
    }

    .single-brand-item {
        height: 100px;
        width: 140px;
    }

    .single-brand-item img {
        max-width: 100px;
    }

}

/* 
============================================================================================ */
/* 300px - 750px
============================================================================================ */

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

}

/* 
============================================================================================ */
/* 700px
============================================================================================ */

@media (max-width: 700px) {
    .cart-totals .sum {
        display: inherit;
        font-size: 18px;
        margin-right: 25px;
    }

    .cart-item {
        text-align: center;
    }


    .widget_text_block2 {
        overflow: hidden;
        background: #f2f6fa;
        margin-top: 50px;
        display: none;
        color: rgba(0, 26, 52, .6);
        font-size: 16px;
    }

    .containertext {
        font-size: 14px;
    }

}


/* 
============================================================================================ */
/* 300px - 650px
============================================================================================ */

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

}


/* 
============================================================================================ */
/* 600px
============================================================================================ */

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

    .product-n .special-label {
        font-size: 14px;
    }

    .product-n .buy {
        padding: 7px 10px;
    }
}


/* 
============================================================================================ */
/* 300px - 576px
============================================================================================ */

@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: rgba(0, 26, 52, .6);
    }

    .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: 18px;
        line-height: 34px;
    }

    .swiper-slide {
        text-align: center;
        font-size: 14px;
    }
}


/* 
============================================================================================ */
/* 575px
============================================================================================ */

@media (max-width: 575px) {

    .header_area+section,
    .header_area+row,
    .header_area+div {
        margin-top: 0px;
    }

    .home_banner_area .banner_inner .banner_content h2 {
        font-size: 18px;
        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: 0px;
    }

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

    .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: 18px;
        line-height: 30px;
    }

    .footer-area {
        padding: 70px 0px;
    }

    .news_widget {
        padding-left: 0 !important;
    }

    .pad_top {
        padding-top: 70px;
    }

    .pad_btm {
        padding-bottom: 70px;
    }

    .cart-page .cart-header-items {
        font-size: 14px;
    }

    .all_sum {
        font-size: 14px;
    }

    .cart-totals .sum {
        font-size: 18px;
    }

    .cart-page .btn-to-confirm {
        font-size: 16px;
    }

}


/* 
============================================================================================ */
/* 500px
============================================================================================ */

@media (max-width: 500px) {

    .single-brand-item {
        height: 90px !important;
        width: 130px !important;
    }

    .single-brand-item img {
        max-width: 100px !important;
    }

}

/* 
============================================================================================ */
/* 480px
============================================================================================ */

@media (max-width: 480px) {
    .header_area .navbar-collapse {
        padding-bottom: 30px;
    }

    .home_banner_area .banner_inner .banner_content {
        padding: 30px 15px;
        margin-top: 0px;
    }

    .home_banner_area .banner_inner .banner_content h3 {
        font-size: 18px;
    }

    .banner_area .banner_inner .banner_content h2 {
        font-size: 28px;
    }

    .comments-area .thumb {
        margin-right: 10px;
    }

    .testi_item .media .d-flex {
        padding-right: 0px;
    }

    .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: 14px;
    }

}


/* 
============================================================================================ */
/* 450px
============================================================================================ */

@media (max-width: 450px) {
    .alert-delivery-free {
        background: #3529f5;
        color: #fff;
        padding: 5px;
        font-size: 14px;
        border-radius: 0px;
        margin: 0px;
        border-color: #3529f5;
        font-weight: 600;
        display: grid;
        transition: all 0.3s ease-in 0s;
    }

    .alert-delivery-free .free {
        border-radius: 8px;
        background: #006933;
        padding: 2px 4px;
        margin-left: 5px;
    }

    .containertext {
        font-size: 14px;
    }

    .btn {
        font-size: 1.2rem;
        padding: 0rem 0.5rem;
    }

    .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: 24px !important;
        line-height: 36px !important;
    }

    .mainbrands5 {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .dstport {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .dstport3 {
        font-size: 16px !important;
    }


    .dstportdark {
        font-size: 24px !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: 24px !important;
    }

    .feature_item4 h4 {
        font-size: 24px !important;
    }

    .feature_item4 p {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .dstfeature_item2 h4 {
        font-size: 24px !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: 24px !important;
        line-height: 36px !important;
    }

    .main_title h2 {
        font-size: 24px !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: 0px !important;
        padding-right: 0px !important;
    }

    .tab-items .nav-item a {
        font-size: 24px !important;
    }

    h1 {
        font-size: 28px !important;
    }

    h2 {
        font-size: 24px !important;
    }

    .cif {
        font-size: 28px !important;
    }

    .text-muted {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .product-block-title,
    .product-block-title {
        font-size: 24px !important;
    }

    .product-n .title {
        font-size: 14px;
    }

    .product-n .price-block .price {
        font-size: 16px;
    }


    .home_banner_area .banner_inner2 .banner_content h5 {
        font-size: 16px;
    }

    .dstmain_title2 h2 {
        font-size: 18px;
    }

    .dstmain_title2 h2 {
        font-size: 28px !important;
    }

    .cart_items {
        font-size: 14px;
    }

    .cart-totals .sum {
        font-size: 16px !important;
    }

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

    .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;
    }
}

/* 
============================================================================================ */
/* 430px
============================================================================================ */

@media (max-width: 430px) {

    .cart-buttom-fixed {
        font-size: 24px !important;
    }

    .btn-primary {
        padding: 8px 8px !important;
        font-size: 14px !important;
    }

    .btn {
        padding: 0.175rem 0.15rem;
    }

}

/* 
============================================================================================ */
/* 400px
============================================================================================ */

@media (max-width: 400px) {
    .alert-delivery-free {
        background: #3529f5;
        color: #fff;
        padding: 5px;
        font-size: 9px;
        border-radius: 0px;
        margin: 0px;
        border-color: #3529f5;
        font-weight: 600;
        display: grid;
        transition: all 0.3s ease-in 0s;
    }

    .btn-primary {
        padding: 6px 6px !important;
        font-size: 14px !important;
    }

    .btn {
        padding: 0.115rem 0.10rem;
    }

    .single-brand-item {
        height: 100px !important;
        width: 220px !important;
    }

    .single-brand-item img {
        max-width: 130px !important;
    }



    .cart-page .cart-info .info {
        font-size: 14px;
        font-weight: normal !important;
    }

    .small {
        line-height: 20px;
    }

    small,
    .small {
        font-size: 70%;
    }

    .footer-mobile .name {
        font-size: 14px !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;
    }

}


/* 
============================================================================================ */
/* 370px
============================================================================================ */

@media (max-width: 370px) {

    .btn {
        font-size: 1rem;
        padding: 0rem 0.3rem;
    }

    .btn-primary {
        font-size: 14.5px !important;
        padding: 6px 35px !important;
    }

    .btn {
        padding: 0.375rem 0.75rem !important;
    }


    .nav-cats2 li a {
        font-size: 1rem;

    }

    /* .col-dst-12 {
    max-width: 100%;
  } */
    .col-dst-center-12 {
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
    }


    .all_sum {
        font-size: 14px;
    }

}


/* 
============================================================================================ */
/* 300px 
============================================================================================ */

@media (max-width: 330px) {
    .product-n .actions .mr-2 {
        margin-right: 3px !important;
    }
}

.footer-mobile .header-icon {}

.footer-mobile .header-icon svg {
    fill: #006933;
    color: #006933;
    height: 45px;
}

.footer-mobile .header-icon-margin {
    margin-top: 5px;
}

.product-n .actions a,
.product-n .actions btn {
    line-height: 28px;
    padding: 6px 20px;
    font-size: 16px;
}

@media only screen and (min-width: 1400px) and (max-width: 1475px) {

    .product-n .actions a,
    .product-n .actions btn {
        padding: 6px 10px;
    }
}

.controller-deposit .product-n {
    height: 525px;
}

.controller-farmer .product-n {
    height: auto;
}


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

.ac-container label {
    padding: 26px 20px 26px 20px;
    position: relative;
    z-index: 1;
    display: block;
    height: auto;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    background: var(--white);
    border-radius: 8px;
    border: 2px solid #F5F6FA;
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked+label,
.ac-container input:checked+label:hover {
    background: #fff;
    color: #000;

}

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

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

.ac-container input {
    display: none;
}

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

.ac-container article p {
    padding: 30px 30px;
    transition: all 0.5s ease 0s;
    margin: 10px 20px 0px 20px;
    margin-bottom: 0px;
    background: #f5f7fa;
    border-radius: 8px;
    font-size: 18px;
    line-height: 24px;
}

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

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

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

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

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

.slick-initialized .slick-slide {
    display: block;
}

.slider-image {
    height: 100%;
}

.product-n .slick-list {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.autocomplete-suggestions {
    z-index: 10002 !important;
}


/* Start Features Area css
============================================================================================ */
.dstfeatures_area {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstfeatures_area {
        padding-bottom: 50px;
    }
}

.dstfeature_item {
    min-height: 380px;
    border-radius: 18px;
    color: #000;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #f5f7fa;
    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: #000;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #f5f7fa;
    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: #000;
    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: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    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: #006933 -webkit-linear-gradient(100deg, #ef3124 20%, #006933 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: 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
}

.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: 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
}

.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 #f5f7fa;
    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: 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
}

.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 #f5f7fa;
    min-height: 350px;
    border-radius: 12px;
    color: #fff;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #006933 -webkit-linear-gradient(100deg, #8a2c34 10%, #006933 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: 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
}

.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 #f5f7fa;
    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: 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
}

.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 #f5f7fa;
    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: 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
}

.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 #f5f7fa;
    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: 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
}

.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: #000;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #f5f7fa;
    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: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    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: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    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: #000;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #fff;
    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: 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
}

.dstdarkfeature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstdarkfeature_item h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    padding: 45px 25px 25px 25px;
    text-align: left;
    background: #fff;
    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: 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
}

.dstdark2feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstdark2feature_item h4 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.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: #000;
    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: 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
}

.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: 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
}

.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: 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
}

.dstimg4feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg4feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.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: #000;
    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: 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
}

.dstimg6feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg6feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.dstimg7feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg7feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.dstimg8feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg8feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.dstimg9feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg9feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.dstimg10feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg10feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.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: #000;
    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: 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
}

.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: #006933;
    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: #000;
    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: 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
}

.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: #000;
    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: 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
}

.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: #006933;
    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: #000;
    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: 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
}

.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: #000;
    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: 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
}

.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: #000;
    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: 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
}

.dstimg17feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg17feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.dstimg18feature_item img {
    margin-bottom: 35px;
    height: 60px;
    display: block
}

.dstimg18feature_item h4 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #000
}

.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: #000;
    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: 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
}

.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: #000;
    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: 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
}

.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: #006933;
    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: #000;
    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: 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
}

.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 #e6e8ea;
    background: #f9f9fd;
    background-size: cover;
    min-height: 465px;
    border-radius: 8px;
    color: #000;
    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 15px 30px rgba(0, 0, 0, 0.1);
    background: hsla(0, 0%, 89.4%, .3);
    transition: all 0.4s ease 0s;
}

.dstport_item img {
    margin-bottom: 35px;
    display: block;
}


/* Start Features Area css
============================================================================================ */
.dstport_item3 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item3 {
        padding-bottom: 50px;
    }
}

.dstport_item3 {
    border: 1px solid #e6e8ea;
    background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
    background-size: cover;
    min-height: 460px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item4 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item4 {
        padding-bottom: 50px;
    }
}

.dstport_item4 {
    border: 0px solid #f3f4f5;
    background: url(/img/dst27.jpg) no-repeat top center;
    background-size: cover;
    min-height: 464px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item5 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item5 {
        padding-bottom: 50px;
    }
}

.dstport_item5 {
    border: 0px solid #f3f4f5;
    background: url(/img/dst25.jpg) no-repeat top center;
    background-size: cover;
    min-height: 487px;
    border-radius: 18px;
    color: #000;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.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: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item7 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item7 {
        padding-bottom: 50px;
    }
}

.dstport_item7 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner11.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    color: #000;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item8 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item8 {
        padding-bottom: 50px;
    }
}

.dstport_item8 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner10.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item9 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item9 {
        padding-bottom: 50px;
    }
}

.dstport_item9 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner13.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item10 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item10 {
        padding-bottom: 50px;
    }
}

.dstport_item10 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner14.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item11 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item11 {
        padding-bottom: 50px;
    }
}

.dstport_item11 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner27.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item12 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item12 {
        padding-bottom: 50px;
    }
}

.dstport_item12 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner26.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 18px;
    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_item12:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item15 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item15 {
        padding-bottom: 50px;
    }
}

.dstport_item15 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner42.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.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;
    }
}

/* Start Features Area css
============================================================================================ */
.dstport_item16 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item16 {
        padding-bottom: 50px;
    }
}

.dstport_item16 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner43.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.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;
    }
}

/* Start Features Area css
============================================================================================ */
.dstport_item17 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item17 {
        padding-bottom: 50px;
    }
}

.dstport_item17 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner44.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

/* Start Features Area css
============================================================================================ */
.dstport_item18 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item18 {
        padding-bottom: 50px;
    }
}

.dstport_item18 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner45.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

.dstport_item-boxberry {
    border: 0px solid #f5f7fa eee;
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 0), url(/templates/default/images/boxberry.jpg) no-repeat center center;
    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;
    -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-boxberry:hover {
    border-color: #006933;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.dstport_item-boxberry img {
    display: block;
    margin: 0 auto;
}

.dstport_item-robokassa {
    border: 0px solid #f5f7fa eee;
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 0), url(/templates/default/images/robokassa.jpg) no-repeat center center;
    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;
    -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-robokassa:hover {
    border-color: #006933;
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.dstport_item-robokassa img {
    display: block;
    margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item_dark {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item_dark {
        padding-bottom: 50px;
    }
}

.dstport_item_dark {
    background: #f5523a;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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_dark:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.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;
    }
}

/* Start Features Area css
============================================================================================ */
.dstport_item_prim {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item_prim {
        padding-bottom: 50px;
    }
}

.dstport_item_prim {
    border: 1px solid #e6e8ea;
    background: #f9f9fd;
    ;
    min-height: 350px;
    border-radius: 8px;
    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 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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


.gradient-text {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 27vw;
    letter-spacing: 1vw;
    position: relative;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    color: var(--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: 23vw;
    }
}

@media(min-width:1900px) {
    .gradient-text {
        font-size: 17vw;
    }
}

@media(min-width:2600px) {
    .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: var(--white);
    background: #fff 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;
    width: 20px;
}

.user-avatar-q img {
    height: 20px;
    width: 20px;
}

.callout-block {
    padding: 1.5rem;
    background: #f5f5f5;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    font-size: 16px
}

.callout-block2 {
    padding: 1.5rem;
    background: var(--blue);
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    color: #fff;
    font-size: 16px
}

.callout-block3 {
    padding: 1.5rem;
    background: #f15045;
    margin-top: 2rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    color: #fff;
    font-size: 16px
}

.callout-block code {
    background: #fff
}

.callout-block .callout-title {
    font-size: 18px;
    color: #000;
    font-weight: 700
}

.callout-block2 .callout-title {
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.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: 700
}

.callout-block3 a {
    color: #fff !important;
    text-decoration: underline
}

.callout-block.callout-block-info {
    border: 1px solid #d6dbe0;
    background: #fff
}

.callout-block.callout-block-info2 {
    background: #000
}

.callout-block.callout-block-info3 {
    background: #f15045
}

.callout-block.callout-block-info .callout-title {
    color: var(--blue);
}

.callout-block.callout-block-info2 .callout-title {
    color: #fff
}

.callout-block.callout-block-info a {
    color: #000;
    text-decoration: none
}

.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
}

.site-header {
    color: #3a3a3a;
}

.secondary-navigation {
    padding-left: 275px;
    padding-top: 15px;
    margin: 0 auto;
    text-align: center;
}

.main-navigation .main-nav ul li a,
.main-navigation .mobile-bar-items a,
.menu-toggle {
    line-height: 40px;
    /*margin-top: 20px;*/
    padding-left: 20px;
    padding-right: 20px;
}

.main-navigation a,
.menu-toggle {
    text-transform: uppercase;
    padding-left: 50px;
    margin: 0 auto;
    text-align: center;
}

.main-navigation .navigation-logo img {
    top: -12px;
}

.main-navigation .navigation-logo {
    display: block;
    margin-right: 70px;

}

.inside-navigation {
    width: 90%;
    margin: 0 auto;
}

.secondary-navigation .main-nav ul li[class*="current-menu-"]>a,
.secondary-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
.secondary-navigation .main-nav ul li.sfHover[class*="current-menu-"]>a {
    background-color: #0c0c0c;
    color: #fff;
}


.main-navigation .main-nav ul li>a:hover,
.main-navigation .main-nav ul li>a:focus,
.main-navigation .main-nav ul li.sfHover>a {
    background-color: #0c0c0c;
    color: #ccc;
}

.main-navigation.navigation-clone {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
    margin-top: -20px;
}

.ninav1 {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px;
}

.ninav2 {
    font-size: 14px;
    color: #bbb;
}

.contacts {
    float: right;
    display: inline-block;
    clear: none;
    padding: 0px;
    position: absolute;
    left: 75%;
    line-height: 18px;
}

.woocommerce ul.products li.product .price {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.woocommerce-loop-product__title {
    color: #000;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
}

.woocommerce .products ul li,
.woocommerce ul.products li {
    list-style: outside none none;
    text-align: center;
}

.woocommerce ul.products li.product .price {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #fff;
    background-image: none;
    border: 0 none;
    border-radius: 8px;
    box-shadow: none;
    color: #2b7ccd;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    left: auto;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0.618em 1em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
}


.woocommerce .woocommerce-result-count {
    display: none;
    margin: 0;
}


.woocommerce .quantity .qty {
    border: 1px solid #ddd;
    height: 45px;
    text-align: center;
    width: 45px;
}

.woocommerce-loop-product__title {
    font-size: 18px;
    font-weight: 300;
    overflow-wrap: break-word;
    text-align: center;
    text-transform: uppercase;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    font-size: 1.2em;
    height: 97px;
    margin: 0;
    overflow: hidden;
    padding: 0.5em 0;
}

.wpmenucartli {
    margin-left: 50px;
}

@media (max-width: 1460px) {

    .main-navigation .main-nav ul li a,
    .main-navigation .mobile-bar-items a,
    .menu-toggle {
        line-height: 40px;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (max-width: 1380px) {

    .main-navigation .main-nav ul li a,
    .main-navigation .mobile-bar-items a,
    .menu-toggle {
        line-height: 40px;
        margin-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .wpmenucartli {
        margin-left: 40px;
    }

}

@media (max-width: 1250px) {

    .main-navigation .main-nav ul li a,
    .main-navigation .mobile-bar-items a,
    .menu-toggle {
        line-height: 40px;
        margin-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .wpmenucartli {
        margin-left: 20px;
    }

    .menu-item-88 {
        display: none;
    }

    .menu-item-99 {
        display: none;
    }

    .contacts {
        clear: none;
        display: inline-block;
        float: right;
        left: 70%;
        line-height: 18px;
        margin-left: -50px;
        padding: 5px;
        position: absolute;
    }

    .ninav1 {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        margin-top: 5px;
    }

    .secondary-navigation .main-nav ul li a,
    .secondary-navigation .menu-toggle {
        color: var(--white);
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-navigation .main-nav ul li a,
    .main-navigation .mobile-bar-items a,
    .menu-toggle {
        font-size: 14px;
        line-height: 40px;
        margin-top: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }

}

@media (max-width: 1130px) {

    .menu-item-84 {
        display: none;
    }

    .menu-item-100 {
        display: none;
    }


    .menu-item-86 {
        display: none;
    }


}


@media (max-width: 1100px) {

    .menu-item-101 {
        display: none;
    }

    .menu-item-85 {
        display: none;
    }


}



.site-logo {
    margin-top: -16px;
}


.gender-field input {
    display: none !important;
}

.gender-field {
    padding-left: 0px;
    float: left;
}

.gender-field span {
    display: inherit;
    color: #000555;
    text-align: center;
}

.gender-field {
    padding-left: 0px;
    float: left;

}

.shop-filter .color-group {
    display: inline-block;
}

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

.gender-field {
    margin-bottom: 5px;
}

.gender-field {
    float: left;
    /*margin-right: 10px;*/
    display: block;
    box-sizing: border-box;
    position: relative;
    min-width: 45px;
}

.gender-field:first-child {
    border-right: 0px solid #d6d6d6;
}



.gender-field input:checked+label {
    /* background-color: transparent; */
    border: 2px solid #ff7448;
}

.gender-field label:before {
    content: "";
    display: block;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-size: 30px;
    border: 2px solid #f5f7fa eee;
}

.gender-field label:hover {
    opacity: 0.85;
}

.filter-container .form-group {
    display: inline-block;
}

.main-leftbar .loader {
    position: absolute;
    background: rgba(242, 246, 250, 0.9);
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
}

.main-leftbar .loader .loader-img {
    top: 150px;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    display: table;
    width: -moz-max-content;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
}

.header-icon {
    text-align: center;
    padding: 0px 1px;
}

.header-icon a {

    height: 56px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    color: #F15045;
}

.header-icon svg {
    display: block;
    margin-bottom: 5px;
    margin-top: 2px;
    text-align: center;
}

.header-icon a:hover,
.header-icon a:hover svg {
    color: var(--blue) !important;
}

.mobile-app {
    padding: 0 8px;
    color: #4d5f71;
    border-radius: 8px;
    background-color: #e5efff;
}

.flexMenu-popup a {
    color: #000000 !important;
}

#right-sidebar .widget>.body {
    padding: 10px;
    line-height: 20px;

}

.list-cats-right a {
    font-size: 16px;
    line-height: 26px;
    transition: 0.5s;
}

.list-cats-right .show-all-filter {
    color: #006933 !important;
}

/* Start Features Area css
============================================================================================ */
.dstport_item13 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item13 {
        padding-bottom: 50px;
    }
}

.dstport_item13 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner3.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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_item13:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

@media only screen and (min-width: 300px) and (max-width: 700px) {
    .dstport_item13 {
        background: url(/templates/default/images/banner3.jpg) no-repeat center left;
    }
}

/* Start Features Area css
============================================================================================ */
.dstport_item14 {
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .dstport_item14 {
        padding-bottom: 50px;
    }
}

.dstport_item14 {
    border: 0px solid #f3f4f5;
    background: url(/templates/default/images/banner4.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    border-radius: 8px;
    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;
}

@media only screen and (min-width: 300px) and (max-width: 700px) {
    .dstport_item14 {
        background: url(/templates/default/images/banner4.jpg) no-repeat center left;
    }
}

.dstport_item14:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    opacity: 0.9;
    transition: all 0.4s ease 0s;
}

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

.dstport_item7 {
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.2) 0), url(/templates/default/images/banner11.jpg) no-repeat top left;
}

.dstport_item8 {
    background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 0), url(/templates/default/images/banner10.jpg) no-repeat top left;
}

.dstbtn {
    margin-top: 30px;
}

.dstbut {
    margin-top: 30px;
}

.dstbut2 {
    margin-top: 20px;
}

.dstlink {
    color: #006933;
}

.dstrow {
    margin-bottom: 30px;
}

.contact_infodst .info_itemdst {
    position: relative;
    color: #000;
}

.contact_infodst .info_itemdst h6 {
    font-size: 18px;
    line-height: 24px;
    color: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
}

.contact_infodst .info_itemdst h6 a {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

.special-label {
    font-size: 13px;
    /* height: 20px; */
    overflow: hidden;
}

.nyroModalCont {
    margin: 70px;
    overflow: hidden !important;
}

#comments_add_form {
    display: none;
}

.comments .form .stars .starrating>label:before {
    font-size: 1em;
}

.comments .form .stars .starrating>label {
    margin: 0px;
}

#redactor_modal {
    z-index: 10010 !important;
}

.comments .form .redactor_box {
    background: unset;

}

.comments .form .redactor_toolbar {
    background: unset;
    box-shadow: none;
}

#comments_add_form_sub {
    display: none;
}

.comments .form .qq-upload-button {
    display: none;
}

.comments .form .widget_image_single .block,
.comments .form .widget_image_multi .block {
    height: auto;
}

.redactor_editor {
    min-height: 150px !important;
}

.comments .redactor_editor {
    min-height: 100px !important;
}

#comments_add_link a {
    color: #fff !important;
}

.comments .text p {
    margin-bottom: 5px;
}

.comments .links {
    padding-top: 5px !important;
}

.images-review img {
    width: 64px;
}

.comments .redactor_box {
    position: relative;
}

#comments_list .review .content .links a {
    font-size: 14px;
    border: 1px solid #f5f7fa;
    padding: 5px 10px;
    border-radius: 8px;
    display: inline-block;
}

#comments_list .review .content .links a:hover {
    opacity: 0.8;
}

.comments .images img {
    width: 86px;
}

.comments .images .show-all {
    padding-top: 20px;
    width: 86px;
    height: 86px;
    font-size: 16px;
    background: #f1f1f1;
    display: inline-block;
    text-align: center;
}

.color-black {
    color: #fff !important;
}

.images-comments .item {
    float: left;
    margin-bottom: 10px;
}

.images-comment .item img {
    width: 150px;

}

.images-comments .owl-item {
    margin: 0px !important;
}

.comments-load {
    color: #f5523a;
    font-weight: 700;
    border-top: 2px solid rgba(0, 26, 52, .09);
    padding-top: 24px;
    text-align: center;
    cursor: pointer;
}

#comments_widget #reviews_add_form .author_data .field .input {
    background: #fff;
}

#comments_widget .tabs-menu {
    margin: 0px;
}

#comments_widget .tabs-menu ul {
    border: 0px;
}

.tabbed.content_news_comments_tab {
    display: none;
}

.fa-file {
    display: none;
}

.sidebar-cat-widget {
    margin-top: 25px;
}

.icon-cat-sidebar {
    height: 36px;
}

.icon-cat-sidebar3 {
    height: 50px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 11px;
}

.icon1 {
    background: url('/templates/default/images/icons/laptop.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon1b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon13 {
    background: url('/templates/default/images/icons/laundry.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon13b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon3 {
    background: url('/templates/default/images/icons/perfume.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon3b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon4 {
    background: url('/templates/default/images/icons/t-shirt.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon4b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon5 {
    background: url('/templates/default/images/icons/bear.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon5b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon6 {
    background: url('/templates/default/images/icons/home.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon6b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon7 {
    background: url('/templates/default/images/icons/armchair.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon7b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon8 {
    background: url('/templates/default/images/icons/color-palette.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon8b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon9 {
    background: url('/templates/default/images/icons/healthy-food.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon9b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon10 {
    background: url('/templates/default/images/icons/medicine.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon10b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon11 {
    background: url('/templates/default/images/icons/pawprint.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon11b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon12 {
    background: url('/templates/default/images/icons/question.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon12b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon13 {
    background: url('/templates/default/images/icons/15.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon13b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon14 {
    background: url('/templates/default/images/icons/16.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon14b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon15 {
    background: url('/templates/default/images/icons/17.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon15b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon16 {
    background: url('/templates/default/images/icons/18.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon16b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.icon17 {
    background: url('/templates/default/images/icons/19.png') no-repeat left center;
    background-size: contain;
    width: 20px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 30px;

}

.icon17b {
    content: '';
    width: 100%;
    margin: 0px 0px 0px 0px;
    display: block;
    font-size: 16px;
}

.shipping-header {
    background-color: #006933;
    /*height: 950px;*/
    background-image: url('/templates/default/images/texture2.jpg');
}

.shipping-header2 {
    /*height: 950px;*/
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 0), url(/templates/default/images/bg40.jpg) no-repeat top center;
    min-height: 800px;
}

.shipping-header3 {
    background-color: #eda238;
    /*height: 950px;*/
    background-image: url('/images/tran21.jpg');
    background-size: cover;
}

.shipping-header4 {
    background-color: #fff;
    /*height: 950px;*/
    background-image: url('/images/contest2.gif');
}

.shipping-header5 {
    background-color: #cf97c4;
    /*height: 950px;*/
    background-image: url('/images/contest3.gif');
}

.shipping-header6 {
    background-color: #000;
    /*height: 950px;*/
    background-image: url('/images/tran7.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.shipping-header6:hover {
    background-image: url('/images/tran8.jpg');
    background-repeat: repeat;
    transition: 0.5s;
    opacity: 0.9;
}

.mojooshipping {
    transition: 0.5s;
}

.dstshipping {
    margin-top: 270px;
}

.mojoocontactlessdelivery {
    transition: 0.5s;
    text-align: center;
    padding-top: 50px;
}

.mojoocontactlessdelivery:hover {
    transition: 0.5s;
    opacity: 0.9;
}

.mojooshipping:hover {
    background-image: url('/images/tran2.png');
    background-repeat: repeat;
    transition: 0.5s;
    opacity: 0.9;
}


.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: #4285F4;
    font-size: 60px;

}

.shipping-header4 .info {
    color: #000;
    line-height: 1.7;
    font-size: 24px;
}

.shipping-header5 .h1 {
    color: #ce96c3;
    font-size: 60px;

}

.shipping-header5 .info {
    color: #000;
    line-height: 1.7;
    font-size: 24px;
}

.shipping-header6 .h1 {
    color: #ce96c3;
    font-size: 60px;

}

.shipping-header6 .info {
    color: #000;
    line-height: 1.7;
    font-size: 24px;
}

.mojoocontest {
    background: #fff;
    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: #4285F4;
    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: #006933;
    margin-top: 20px;
}

.shipping-h2 span {
    border-bottom: 3px solid #006933;
    line-height: 36px;
}

.desc.h4 {
    font-size: 24px
}

.info-line {
    border: 1px solid #f5f7fa;
    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: #f5f7fa;
    transition: .3s
}

.shipping-carousel .item {
    float: left;
    line-height: 28px;
    background: #fff;
    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: #f3f4f5;
    transition: .3s;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1)
}

.shipping-carousel .item .title {
    font-size: 24px;
    font-weight: 700;
    height: 100px;
    margin-top: 20px;
    color: #006933
}

.shipping-carousel .item .icon {
    height: 40px
}

.shipping-carousel .item .icon img {
    height: 100% !important
}

.shipping-carousel .item .desc {
    font-size: 18px;
    color: rgba(0, 26, 52, .6)
}

.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: #fff;
    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: #f3f4f5;
    transition: .3s;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1)
}

.shipping-carousel-zadachi .item .title {
    font-size: 24px;
    font-weight: 700;
    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-radius: 12px;
    border: 1px solid #f5f7fa
}

.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
}

#map,
.map {
    width: 100%;
    min-height: 600px;
}

.map .items-list {
    height: 487px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.map .items-list .item {
    padding: 15px;
    font-size: 16px;
    transition: all 0.4s ease 0s;
    border: 1px solid #efefef
}

.map .items-list .item:hover {
    opacity: 0.8;
    background: #efefef;
    transition: all 0.4s ease 0s;
}

.map .items-list .item a {
    color: #000
}

.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 {
    color: rgba(0, 26, 52, .6);
    display: inline
}

.map .items-list .item.active {
    border: 1px solid #fa5
}

.map .items-list .item.active .title {
    color: #009029
}

.time {
    margin-top: 5px;
    color: rgba(0, 26, 52, .6);
    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: #000;
    font-weight: bold;
    position: absolute;
    left: 40px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    top: -15px;
    width: 150px;
    text-align: left
}

.kd-form input,
.kd-form .dropdown-toggle {
    border-radius: 5px;
    background-color: #fff;
}

.dropdown-toggle {
    border-radius: 5px;
    background-color: #eaedef
}

.kd-time .dropdown-toggle {
    color: color:rgba(0, 26, 52, .6);
    border: 1px solid #d6dbe0;
    color: color:rgba(0, 26, 52, .6)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
    }
}









.page-shipping .time {
    margin-top: 5px;
    color: #999
}

.contesttimeact {
    margin-bottom: 6rem !important
}

@media (max-width: 800px) {

    .shipping-header2 {
        /*height: 950px;*/
        background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 0), url(/templates/default/images/bg40.jpg) no-repeat top center;
        min-height: 800px;
    }

    .mojoobannerdost {
        display: none;
    }

}


@media (max-width: 650px) {
    .page-shipping .shipping-h2 {
        font-size: 38px;
        line-height: 46px;
    }

    .shipping-header .h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .shipping-header2 .h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .shipping-header3 .h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .shipping-header3 {
        background-color: #eda238;
        background-image: url('/images/tran.jpg');
        background-size: cover;
    }

    .shipping-header4 .h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .shipping-header4 {
        background-color: #eda238;
        background-image: url('/images/tran.jpg');
        background-size: cover;
    }

    .shipping-header5 .h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .shipping-header5 {
        background-color: #eda238;
        background-image: url('/images/tran.jpg');
        background-size: cover;
    }

    .shipping-header6 .h1 {
        font-size: 38px;
        line-height: 46px;
    }

    .shipping-header6 {
        background-color: #eda238;
        background-image: url('/images/texture5.jpg');
        background-size: cover;
    }

    .mojoocontactlessdelivery {
        transition: 0.5s;
        text-align: center;
        padding-top: 50%;
    }

    .section-background {
        height: 700px;
    }

}

@media only screen and (min-width: 300px) and (max-width: 750px) {

    .dstshipp {
        font-size: 38px;
        line-height: 46px;
    }

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

/* 
  ============================================================================================ */
/* 480px
  ============================================================================================ */

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

    .dstitem {
        margin-bottom: 5px;
        font-size: 48px;
    }

    .shipping-carousel .item .icon {
        height: 30px;
    }

}


.service-item {
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 250px;
}

.service-item:hover {
    opacity: 0.9;
    transition: all 0.3s ease 0s;
}

.service-item .icon {
    border-radius: 24px;
    height: 100px;
    margin: 15px auto 15px;
    text-align: center;
    width: 100px;
    opacity: 0.95;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.service-item .icon:hover {
    transition: all 0.3s ease 0s;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.service-item-big .icon {
    border-radius: 24px;
    height: 180px;
    margin: 15px auto 15px;
    text-align: center;
    width: 150px;
    opacity: 0.95;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.service-item-big .icon:hover {
    transition: all 0.3s ease 0s;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.service-item-big {
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 250px;
}




.service-item-mobil .icon {
    border-radius: 24px;
    height: 170px;
    margin: 15px auto 15px;
    text-align: center;
    width: 130px;
    opacity: 0.95;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.service-item-mobil .icon:hover {
    transition: all 0.3s ease 0s;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.service-item-mobil {
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 260px;
    margin-right: 20px;
}


.start-page .icons .service-item a:hover {
    opacity: 0.9;
    text-decoration: none;
    transition: opacity 0s ease 0s, transform 2s ease 0s;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.service-item a:hover {
    opacity: 0.95;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.service-item a .icon {
    transition: all 0.3s ease 0s;
}

.icons .service-item a:hover .icon {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease 0s;
}

.service-bookmark .icon {
    background: #5b88bd;
}

.service-item .name {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.service-item .icon .fa {
    color: #fff;
    font-size: 80px;
    line-height: 150px;
    transition: all 0.3s ease 0s;
}

.service-item .icon .fa:hover {
    font-size: 85px;
    transition: all 0.3s ease 0s;
}

.fa-envelope2 {
    color: #5b88bd;
    font-size: 55px;
    line-height: 100px;
}

.service-profile .icon {
    background: #006933 -webkit-linear-gradient(100deg, #ea4235 10%, #006933 100%) repeat scroll 0 0;
}

.service-service .icon {
    background: #f5523a repeat scroll 0 0;
}


.service-marketing .icon {
    background: #d6dbe0 repeat scroll 0 0;
}




.service-market .icon {
    background: #006933 url(/templates/default/images/servicelogo1.png) no-repeat center center;
    background-size: 50%;
    transition: all 0.3s ease 0s;
}

.service-market .icon:hover {
    background-size: 55%;
    transition: all 0.3s ease 0s;
}


.service-service .icon {
    background: #f5523a url(/upload/7.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.service-service .icon:hover {
    background-size: 110%;
    transition: all 0.3s ease 0s;
}

.service-ratep .icon {
    background: #000 url(/templates/default/images/2.svg) no-repeat center center;
    background-size: 70%;
    transition: all 0.3s ease 0s;
}

.service-ratep .icon:hover {
    background-size: 75%;
    transition: all 0.3s ease 0s;
}

.service-marketing .icon {
    background: #d6dbe0 url(/templates/default/images/3.svg) no-repeat center center;
    background-size: 140%;
    transition: all 0.3s ease 0s;
}

.service-marketing .icon:hover {
    background-size: 150%;
    transition: all 0.3s ease 0s;
}

.service-rating .icon {
    background: #ddd url(/templates/default/images/dstplatform27.webp) no-repeat center center;
    background-size: 80%;
    transition: all 0.3s ease 0s;
}

.service-rating .icon:hover {
    background-size: 85%;
    transition: all 0.3s ease 0s;
}


.service-news .icon {
    background: #B6BCC3 url(/templates/default/images/servicelogo4.png) no-repeat center center;
    background-size: 70%;
    transition: all 0.3s ease 0s;
}

.service-news .icon:hover {
    background-size: 80%;
    transition: all 0.3s ease 0s;
}


.service-club .icon {
    background: #6D7986 url(/templates/default/images/servicelogo2.png) no-repeat center center;
    background-size: 55%;
    transition: all 0.3s ease 0s;
}

.service-club .icon:hover {
    background-size: 60%;
    transition: all 0.3s ease 0s;
}

.service-forum .icon {
    background: #f5f7fa url(/templates/default/images/forum.png) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.service-forum .icon:hover {
    background-size: 110%;
    transition: all 0.3s ease 0s;
}


.service-tenders .icon {
    background: #eee url(/templates/default/images/tender.webp) no-repeat center center;
    background-size: 80%;
    transition: all 0.3s ease 0s;
}

.service-tenders .icon:hover {
    background-size: 85%;
    transition: all 0.3s ease 0s;
}

.service-question .icon {
    background: #f5f7fa url(/templates/default/images/servicelogo10.png) no-repeat center center;
    background-size: 70%;
    transition: all 0.3s ease 0s;
}

.service-question .icon:hover {
    background-size: 75%;
    transition: all 0.3s ease 0s;
}



.service-positions .icon {
    background: #eee url(/templates/default/images/positions.webp) no-repeat center center;
    background-size: 80%;
    transition: all 0.3s ease 0s;
}

.service-positions .icon:hover {
    background-size: 85%;
    transition: all 0.3s ease 0s;
}

.service-support .icon {
    background: #e5efff url(/templates/default/images/servicelogo9.png) no-repeat center center;
    background-size: 90%;
    transition: all 0.3s ease 0s;
}

.service-support .icon:hover {
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.service-help .icon {
    background: #ebf7ff url(/templates/default/images/4.svg) no-repeat center center;
    background-size: 60%;
    transition: all 0.3s ease 0s;
}

.service-help .icon:hover {
    background-size: 65%;
    transition: all 0.3s ease 0s;
}

.more-service {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 15px;
    color: #000 !important;
    font-weight: 500;
    font-size: 16px;
    border-top: 1px solid #e7e8ec;
    cursor: pointer;
}

.more-icon-box {
    border-top: 1px solid #e7e8ec;
}


/*============ blog_left_sidebar css ==============*/

.service-item {
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 220px;
}

.service-item:hover {
    opacity: 0.9;
    transition: all 0.3s ease 0s;
}

.service-item .icon2 {
    border-radius: 16px;
    height: 100px;
    margin: 15px auto 15px;
    text-align: center;
    width: 100px;
    opacity: 0.95;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.service-item .icon2:hover {
    transition: all 0.3s ease 0s;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.start-page .icon2s .service-item a:hover {
    opacity: 0.9;
    text-decoration: none;
    transition: opacity 0s ease 0s, transform 2s ease 0s;
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.service-item a:hover {
    opacity: 0.95;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.service-item a .icon2 {
    transition: all 0.3s ease 0s;
}

.icon2s .service-item a:hover .icon2 {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease 0s;
}

.service-bookmark .icon2 {
    background: #5b88bd;
}

.service-item .name {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.service-item .icon2 .fa {
    color: #fff;
    font-size: 80px;
    line-height: 150px;
    transition: all 0.3s ease 0s;
}

.service-item .icon2 .fa:hover {
    font-size: 85px;
    transition: all 0.3s ease 0s;
}

.fa-envelope2 {
    color: #5b88bd;
    font-size: 55px;
    line-height: 100px;
}

.more-service {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 15px;
    color: #000 !important;
    font-weight: 500;
    font-size: 16px;
    border-top: 1px solid #e7e8ec;
    cursor: pointer;
}

.more-icon2-box {
    border-top: 1px solid #e7e8ec;
}

.service-my-blog .icon2 {
    background: #6D7986 -webkit-linear-gradient(100deg, #6D7986 30%, #B6BCC3 100%) repeat scroll 0 0;
}

.service-my-groups .icon2 {
    background: #00bfbf none repeat scroll 0 0;
}

.service-my-video .icon2 {
    background: #567d68;
}

.service-my-channels .icon2 {
    background: #d6dbe0 -webkit-linear-gradient(100deg, #000 10%, #d6dbe0 100%) repeat scroll 0 0;
}

.service-my-channels2 .icon2 {
    background: #d6dbe0 -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
}

.service-my-purchases .icon2 {
    background: #943f46 none repeat scroll 0 0;
}

.service-my-shop .icon2 {
    background: #557d7c none repeat scroll 0 0;
}


.action-widget-qa .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.action-widget-qa .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.action-widget-qa .owl-nav .disabled {}

.action-widget-qa .owl-prev,
.action-widget .owl-next {}

.action-widget-qa .owl-prev:hover,
.action-widget .owl-next:hover {}

.action-widget-qa {
    overflow: hidden;
    height: 180px;
    margin-bottom: 25px;
}

.action-widget-qa .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.action-widget-qa .item {
    float: left;
    width: 240px !important;
    height: 160px !important;
    position: relative;
    color: #000;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border-radius: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #f5f7fa;
}

.action-widget-qa .item:hover {
    opacity: 0.9;
    transition: 0.5s;
}

.action-widget-qa .item:visited {}

.action-widget-qa img {
    width: 100%;
    height: 140px;
    background-size: cover;
    border-radius: 18px 8px 0px 0px;
}

.action-widget-qa .owl-dots {
    display: none;
}

.action-widget-qa .item span {
    line-height: 26px;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    padding: 0px 20px;
    height: 130px;
    overflow: hidden;
}

.action-widget-qa .item i,
.item span {
    display: inherit;
}

.action-widget-qa .item.active {
    background-color: #f5f7fa;
}

.action-widget-qa .item:hover .active>a {
    color: rgba(0, 26, 52, .6);
}

/* 
============================================================================================ */
/* Карусель акций
============================================================================================ */

.action-widget-support .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.action-widget-support .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.action-widget-support .owl-nav .disabled {
    opacity: 0;
}

.action-widget-support .owl-prev,
.action-widget .owl-next {
    display: none !important;
}

.action-widget-support .owl-prev:hover,
.action-widget .owl-next:hover {}

.action-widget-support {
    overflow: hidden;
    height: 180px;
    margin-bottom: 25px;
}

.action-widget-support .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.action-widget-support .item {
    float: left;
    width: 240px !important;
    height: 160px !important;
    position: relative;
    color: #fff;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border-radius: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #006933;
}

.action-widget-support .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}

.action-widget-support .item:visited {}

.action-widget-support img {
    width: 100%;
    height: 140px;
    background-size: cover;
    border-radius: 18px 8px 0px 0px;
}

.action-widget-support .owl-dots {
    display: none;
}

.action-widget-support .item span {
    line-height: 26px;
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;
    padding: 0px 20px;
    height: 130px;
    overflow: hidden;
}

.action-widget-support .item i,
.item span {
    display: inherit;
}

.action-widget-support .item.active {
    background-color: #f5f7f9;
}

.action-widget-support .item:hover .active>a {
    color: rgba(0, 26, 52, .6);
}


/* 
============================================================================================ */
/* Коллекции
============================================================================================ */

.collections-widget2 .item {
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 175px;
    height: 250px;
    color: #fff;
    border-radius: 18px;
}

.collections-widget2 .item img {
    border-radius: 50%;
    height: 130px;
    margin-bottom: 5px;
    width: 130px;
}

.collections-widget2 .item span {
    font-weight: normal;
}

.collections-widget .item:hover span {
    font-weight: normal;
    color: #fff;
}

.collections-widget-dst2 .item {
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 140px;
    height: 180px;
    color: #fff;
    border: 2px solid #f5f7fa;
    border-radius: 18px;
}

.collections-widget-dst2 .item:hover {
    border: 2px solid #f5523a;
}

.collections-widget-dst2 .item img {
    height: 60px;
    margin-bottom: 5px;
    width: 60px;
    margin-top: 30px;
    filter: invert(45%);
}

.collections-widget-dst2 .item span {
    font-weight: normal;
}

.collections-widget-dst2 .item:hover span {
    font-weight: normal;
    color: #fff;
}

/* 
============================================================================================ */
/* Карусель субкатегорий
============================================================================================ */

.sub-cats-mobilmenu .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.sub-cats-mobilmenu .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.sub-cats-mobilmenu .owl-nav .disabled {
    opacity: 0;
}

.sub-cats-mobilmenu {
    overflow: hidden;
    height: 230px;
    margin-bottom: 25px;
}

.sub-cats-mobilmenu .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.sub-cats-mobilmenu .item {
    float: left;
    width: 160px;
    height: 200px;
    text-align: center;
    position: relative;
    color: #000;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border-radius: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}

.sub-cats-mobilmenu .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}

.sub-cats-mobilmenu .item:visited {
    color: #000;
}

.sub-cats-mobilmenu img {
    height: auto;
    padding: 0px;
    margin: 0px;
    background-size: cover;
    min-height: 160px;
}

.sub-cats-mobilmenu .owl-dots {
    display: none;
}

.sub-cats-mobilmenu .item span {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    overflow: hidden;
    height: 48px;
    padding: 0px 12px;
}

.sub-cats-mobilmenu .item i,
.item span {
    display: inherit;
}

.sub-cats-mobilmenu .item.active {
    background-color: #f5f7fa;
}

.sub-cats-mobilmenu .item:hover .active>a {
    color: rgba(0, 26, 52, .6);
}

.product-block-title-pos {
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 0;
    color: #000;
    max-width: 100%;
    overflow-wrap: break-word;
    width: 100%;
    font-weight: 500;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.banner-right-links {
    color: rgba(0, 26, 52, .6);
    font-size: 13px
}

.banner-right-links a {
    float: left;
    margin-right: 10px;
    font-size: 13px;
    color: rgba(0, 26, 52, .6);
    text-decoration: underline
}

.content-dst-club {}

.product-cart {
    padding: 0;
    height: 0;
    border: 0 solid #fff;
    margin-bottom: 25px;
    border-radius: 0;
    background: #fff;
    position: relative;
    transition: all 0.4s ease 0s
}

.product-cart .image {
    text-align: center;
    max-height: 192px;
    min-height: 192px
}

.product-cart .image img {
    max-height: 192px;
    border-radius: 8px
}

.product-cart .open-callback {
    color: #000
}

.product-cart:hover {
    opacity: .8
}

.product-cart .title {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 6px;
    position: relative;
    color: #000;
    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: #f5523a
}

.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: #000
}

.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: #f5523a;
    font-weight: 600
}

.product-cart .old-price {
    font-size: 16px;
    line-height: 14px;
    color: #001a34;
    position: relative;
    margin-left: 5px
}

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

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

.product-cart .sale-sum {
    color: #fff;
    background-color: #006933;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    flex-shrink: 0;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 8px;
    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-n .rating .stars-count:before {
    content: "";
    vertical-align: middle;
    background-color: #9d9da5;
    border-radius: 50%;
    width: 2px;
    height: 2px;
    margin: 0 0px 2px;
    display: inline-block;
}

.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: rgba(0, 26, 52, .6)
}

.product-cart .stiker {
    width: 48px;
    background: #f5523a;
    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: rgba(0, 26, 52, .6)
}

.product-cart .add-favorite .not_add:hover svg {
    color: #f5523a
}

.product-cart .add-favorite .is_add svg {
    color: #f5523a
}

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

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

.club-item-tags a {
    background: #f5f7fa;
    color: #000;
    border-radius: 15px;
    line-height: 33px;
    margin-right: 10px;
    padding: 10px 19px;
    height: 35px;
    font-size: 14px
}

.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: rgba(0, 26, 52, .6)
}

.club-item-user .info .date {
    color: rgba(0, 26, 52, .6)
}

.time {
    margin-top: 5px;
    color: rgba(0, 26, 52, .6);
    display: none;
}

.fields_help {
    background: #f5f7fa;
    border: 1px solid #f5f7fa;
    padding: 30px;
    border-radius: 18px;
    cursor: pointer;
    min-height: 290px;
    transition: all 0.4s ease 0s;
}

.fields_help:hover {
    border-color: #006933;
    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
    }
}




.ads {
    color: #000;
    background: #f5f7fa;
    font-weight: 500;
    padding: 0px 8px;
    font-size: 12px;
    border-radius: 8px;
    display: inline-block;
    position: absolute;
    margin: 8px;
    right: 0;
    opacity: 0.8;
}

.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;
}

.whatsapp-top,
.whatsapp-top:visited {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    z-index: 10;
    transition: opacity .3s ease-in-out;
}

.whatsapp {
    width: 50px;
    height: 50px;
}

@media all and (max-width: 1200px) {

    .whatsapp-top,
    .whatsapp-top:visited {
        display: none;
    }
}

.content_list.tiled .tile .photo .note {
    color: #FFF;
    font-size: 13px;
}

.content_list.tiled .tile .photo .note {
    position: absolute;
    padding: 3px 10px;
    background: #000;
    color: #FFF;
    font-size: 13px;
    left: 0;
    bottom: 0;
    z-index: 1;
    margin: 10px;
    border-radius: 18px;
}


.content_list.tiled .tile .photo .note2 {
    color: #fff;
    font-size: 13px;
}

.content_list.tiled .tile .photo .note2 {
    position: absolute;
    padding: 3px 10px;
    background: #f5523a;
    color: #fff;
    font-size: 13px;
    left: 0;
    top: 0;
    z-index: 1;
    margin: 10px;
    border-radius: 18px;
}

.note3 {
    position: relative;
    padding: 2px 10px;
    background: #f5523a;
    color: #FFF;
    font-size: 13px;
    bottom: 0px;
    z-index: 1;
    max-height: 24px;
    border-radius: 18px;
    max-width: 220px;
}

@media all and (max-width: 1200px) {
    .note3 {
        left: 15px;
    }
}

#pills-tab {
    padding-bottom: 15px;
}

.e2 {
    background-color: #fff;
    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;
}


.ads {
    color: #000;
    background: #f5f7fa;
    font-weight: 500;
    padding: 0px 8px;
    font-size: 12px;
    border-radius: 12px;
    display: inline-block;
    position: absolute;
    margin: 8px 15px 0px 0px;
    right: 0;
    opacity: 0.8;
}

.dst-flag-ads,
.dst-flag-ads-green {
    color: #fff;
    background: #108953;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 13px;
    margin-left: 5px;
    transition: all 0.4s ease 0s;
}

.dst-flag-ads-red {
    color: #fff;
    background: #ff4053;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 13px;
    margin-left: 5px;
    transition: all 0.4s ease 0s;
}

.dst-ads-banners {
    color: #fff;
    background: #108953;
    padding: 0px 10px;
    border-radius: 18px;
    font-size: 13px;
    margin-left: 5px;
    transition: all 0.4s ease 0s;
    display: inline-block;
    margin-right: 10px;
}

.dst-ads-banners-gray {
    background: #eee;
    padding: 0px 10px;
    border-radius: 18px;
    font-size: 13px;
    margin-left: 5px;
    transition: all 0.4s ease 0s;
    display: inline-block;
    margin-right: 10px;
}

.board-title-banner {
    color: #0af;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

.board-title-banner a {
    padding-top: 10px;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

.ads-padding {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.ads-padding-dst-block {
    padding: 0px 0px 0px 8px;
}

.ads-blue-dst-block {
    color: #000;
    background: #fff;
    padding: 2px 10px;
    border-radius: 8px;
}

.banner-position-dst-ad {
    color: #bbb;
    font-size: 15px;
    padding: 10px;
}

.banner-position-color-gray {
    color: #bbb;
    font-size: 15px;
    padding: 40px;
}

.banner-right-links {
    color: rgba(0, 26, 52, .6);
    font-size: 13px
}

.banner-right-links a {
    float: left;
    margin-right: 10px;
    font-size: 13px;
    color: rgba(0, 26, 52, .6);
    text-decoration: underline
}

.board .image {
    background: #f5f7fa;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    border-radius: 12px;
}

@media (max-width: 991px) {
    .board .image {
        height: 250px !important;
    }
}

.board .image a {
    width: 100%;
    height: 100%;
    display: block;
}

.board.full .info {
    margin-bottom: 30px;
}


.board.full .info-footer {
    font-weight: 500;
    position: absolute;
    bottom: 0px;
    color: #000;
    font-size: 15px;
}

.board .info-like {
    position: absolute;
    top: 0%;
    right: 0px;
}

.board .info-like-cat {
    position: absolute;
    top: 0px;
    right: 0px;
}

.board.mini .image {
    width: 100%;
    height: 250px;
    border-radius: 12px 12px 0px 0px;
}

.board.mini .header-block,
.board.mini .footer-block {
    border: 1px solid transparent;
    font-size: 14px;
    padding: 10px 0px 0px 8px;
    color: rgba(0, 26, 52, .6);
    border-radius: 0px 0px 6px 6px;
    max-height: 130px;
}


.board.mini .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px !important;
    line-height: 20px;
    width: 90%;
    overflow: hidden;
    min-height: 45px;
}

.board.mini .info {
    margin-bottom: 20px;
    font-size: 15px;
}

.board.mini .info .info-block {}

.board.mini .first-block span {
    font-weight: bold;
    color: #000;
}

.board.mini .info-footer {
    font-weight: bold;
    color: #000;
    font-size: 12px;
}

.color-field {
    min-width: 55px;
}

.color-fields .form-check-label {
    border: 1px solid rgb(40%, 38%, 38%, 0.2);
    width: 50px;
    height: 50px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.color-fields .form-check-label::before {
    width: 50px !important;
    height: 50px !important;
    margin: 0;
    z-index: -1;

}

.color-fields .form-check-label,
.color-fields .form-check-label::before {
    border-radius: 10px !important;
}

.color-fields .form-check-label img {
    border-radius: 8px !important;
    height: 70px;
    object-fit: cover;
}

.color-fields .form-check-label:has(img)::before {
    display: none;
}

.menu.admin-menu-load {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.menu.admin-menu-load li {
    margin: 0 !important;
}

.partner-page .rating-sum-icon {
    font-size: 18px !important;
}

.dstmamail {
    background: rgba(0, 150, 255, .08)
}

.dstbtn {
    margin-top: 30px
}

.dstlink {
    color: #000
}

.dstlinetextcopy {
    font-size: 14px;
    color: #f5f7fa;
    line-height: 18px;
    text-align: left
}

.dstlink:hover {
    color: #006933
}

.dstlinkall {
    color: color:rgba(0, 26, 52, .6);
    text-align: center;
    display: block;
    font-size: 16px
}

.dstlinkall:hover {
    color: #006933
}

.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: #006933;
    font-size: 16px;
    font-weight: 700;
    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
}

.footer {
    background: #006933;
    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: #f5f7fa;
    color: #000
}

.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%
}

.right-panel-dst-box2 {
    background: #f5f7fa;
    padding: 25px;
}

@media (max-width: 1200px) {
    .right-panel-dst-box2 {
        background: #f5f7fa;
        padding: 0;
    }
}

.stories img {
    border-radius: 50%;
    width: 78px;
}

.stories .add-btn-wrapper {
    border-radius: 50%;
    background-color: #fff;
    width: 24px;
    height: 24px;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stories .add-btn {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #006933;
    display: flex;
    justify-content: center;
    align-items: center;
}

.storie-item {
    cursor: pointer;
}

.storie-item a:hover {
    color: var(--text-color);
}

.storie-item a .add-btn {
    color: #fff;
}

.storie-item a:hover .add-btn {
    color: #fff;
}

.modal-content {
    margin-top: 160px;
}

.storie-item a {
    color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#Storie .modal-dialog {
    height: 100%;
}

#Storie .modal-content {
    height: calc(100% - 180px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#Storie .modal-body {
    padding: 0 !important;
}

#Storie .modal-content video,
#Storie .modal-content img {
    width: 100%;
}

.storie-media-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.storie-top {
    top: 0;
    left: 0;
    padding-top: 18px;
    z-index: 2;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.63) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.63) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.63) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#665E5E",
            endColorstr="var(--white)",
            GradientType=0);
    color: #fff;
    border-radius: 16px 16px 0 0;
}

.storie-user-container .user-info img {
    width: 40px !important;
    border-radius: 50%;
}

/* #Storie .modal-content {
    background-color: #212328 !important;
 } */
.storie-left-nav {
    top: 0;
    left: 0;
    height: 70%;
}

.storie-right-nav {
    top: 0;
    right: 0;
    height: 70%;
}

.user-storie-item img {
    width: 59px;
    height: 59px;
    object-fit: contain;
}

.user-storie-item .img-box {
    border-radius: 50%;
    border: 3px solid #006933;
    padding: 0;
    width: 78px;
    height: 78px;
    align-items: center;
    justify-content: center;
}

.storie-progress-bar {
    background-color: #fff;
}

.storie-info-container {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.storie-title,
.storie-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.storie-title {
    -webkit-line-clamp: 1;
    font-weight: 600;
    color: #fff;
}

.storie-description {
    -webkit-line-clamp: 2;
    color: #fff !important;
}

.toggle-btn {
    color: #aeaeae;
    font-size: 14px;
}

.storie-info-container.expanded {
    max-height: 30%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.storie-info-container.expanded::-webkit-scrollbar {
    display: none;
}

.storie-info-container {
    cursor: pointer;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.63) 0%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.63) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.63) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#665E5E",
            endColorstr="var(--white)",
            GradientType=0);
    color: #fff;
    width: 100%;
    border-radius: 0 0 16px 16px;
}

.storie-info-container:has(.story-content-empty) {
    background: unset;
}

.storie-info-container.expanded .storie-title,
.storie-info-container.expanded .storie-description {
    -webkit-line-clamp: unset;
    overflow: visible;
}

.storie-action-box {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.storie-action-container svg path,
.storie-mob-btn svg polyline,
.storie-action-container svg circle {
    color: #fff !important;
}

.storie-mob-btn button {
    padding: 0;
    background-color: unset;
}

.storie-action-container a:hover svg circle,
.storie-action-container a:hover svg {
    color: #fff !important;
}

.storie-action-btn svg path {
    fill: #fff !important;
}

.storie-action-box a {
    color: #000 !important;
}

.storie-action-container {
    gap: 10px;
}

.storie-mob-btn {
    display: none;
}

.light-theme #Storie .modal-content {
    background-color: #B6BCC3 !important;
}

#Storie .modal-content {
    background-size: cover !important;
    background-position: center !important;
    border: unset !important;
}

#Storie .storie-media-container {
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
}

#Storie,
#Storie .modal-dialog,
#Storie .modal-content,
#Storie .modal-body,
#Storie .storie-media-container {
    border-radius: 16px !important;
}

#Storie .background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
    border-radius: 16px;
}

@media screen and (max-width:1200px) {

    #Storie,
    #Storie .modal-dialog,
    #Storie .modal-content,
    #Storie .modal-body,
    #Storie .storie-media-container,
    .storie-info-container,
    .storie-top,
    #Storie .background-video {
        border-radius: 0px !important;
    }

    #Storie .modal-content {
        height: 100vh;
        height: 100dvh;
        width: 100vw;
        margin: 0;
        border-radius: 0;
    }

    #Storie {
        z-index: 9999999999999;
    }

    #Storie .modal-dialog {
        margin: 0;
    }

    .storie-mob-btn {
        display: block;
    }
}

.header-mobile.modal-mobile {
    color: var(--text-color);
}

.cats span,
.name {
    color: var(--text-color) !important;
}

#storie-searchBox img {
    border-radius: 12px;
}

#storie-searchBox .item {
    font-size: 16px;
}

#storie-searchBox .storie-add-product a {
    font-size: 14px;
    padding: 5px 10px;

}

#storie-searchBox {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

#addStorie .remove-storie-product {
    text-decoration: underline !important;
    cursor: pointer;
}

#addStorie .storie-product-wrapper {
    background-color: #f5f7fa;
    border-color: #eee;
    border-radius: 12px;
    padding: 10px 25px;
}

#Storie .product-info {
    height: 70px;
    /* background-color: var(--card-bg); */
    background-color: #fff;
    border-radius: 12px;
    padding: 2px;
    border-bottom: unset;
}

#Storie .product-item-wrapper {
    gap: 10px;
    align-items: center;
    color: #000;
    width: 100%;
}

#Storie .product-item-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 11px;
    object-fit: cover;
}

#Storie .storie-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#Storie .product-item-img {
    width: 66px;
    min-width: 66px;
}

#Storie .storie-product-item .old-price {
    color: #808d9a;
    font-size: 12px;
    text-decoration: line-through;
    padding-top: 1px;
}

#Storie img,
#Storie video {
    height: 100%;
    border-radius: 16px;
    object-fit: contain;
}

@media screen and (max-width:600px) {
    #addStorie .product .image {
        padding-right: 0 !important;
    }

    #addStorie .product .title {
        padding-right: 0 !important;
    }

    #addStorie .product .storie-add-product {
        padding-left: 0 !important;
    }
}

#Storie .storie-toolbar {
    height: 3px;
}

.dst-svg {
    width: 40px;
    float: right;
    opacity: .8;
    top: 182px;
    position: relative
}

.team-item0 {
    min-height: 300px;
    width: 200px !important;
    text-align: center;
    margin: 0 auto;
    background: #006933;
    border: 1px solid #d6dbe0;
    border-radius: 18px
}

.team-item {
    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%), #006933 url(/templates/default/images/10.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    background-size: cover
}

.team-item2 {
    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%), #006933 url(/templates/default/images/11.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    background-size: cover
}

.team-item3 {
    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%), #006933 url(/templates/default/images/12.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    background-size: cover
}

.team-item4 {
    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%), #006933 url(/templates/default/images/13.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    background-size: cover
}

.team-item5 {
    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%), #006933 url(/templates/default/images/14.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    background-size: cover
}

.team-item6 {
    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%), #006933 url(/templates/default/images/15.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    background-size: cover
}

.team-item7 {
    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%), #006933 url(/templates/default/images/16.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    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%), #006933 url(/templates/default/images/17.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    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%), #006933 url(/templates/default/images/18.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    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%), #006933 url(/templates/default/images/19.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    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%), #006933 url(/templates/default/images/20.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    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%), #006933 url(/templates/default/images/21.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    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%), #006933 url(/templates/default/images/22.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    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%), #006933 url(/templates/default/images/23.svg) no-repeat center center;
    border: 1px solid #d6dbe0;
    border-radius: 18px;
    background-size: cover
}

.team-advatages-item {
    display: inline-block;
    text-align: left;
    margin-bottom: 24px;
    padding: 24px;
    border-radius: 18px;
    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: 700;
    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: 700;
    background: #f8f8f8;
    border-radius: 50px;
    max-width: 350px;
    min-height: 350px
}

.map-container-dst {
    border: 1px solid #d6dbe0;
    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: #000
}

.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: #000
}

.map-container-dst2:hover {
    transition: all 0.4s ease 0s;
    opacity: 0.8;
}

.dst-value {
    font-size: 15px;
    font-weight: 700
}

.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: 55%
}

.map-container .turquia {
    top: 21%;
    left: 57%
}

.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: #fff
}

.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: #fff
}

.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: #fff
}

.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: #fff
}

.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: #fff
}

.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: #fff;
    font-size: 18px
}

.block-dst h4 {
    font-size: 20px
}

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

.text-block-dst {
    color: rgba(0, 26, 52, .6);
    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: #006933;
    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: #fff;
    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: #000;
}

.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: #808d9a;
    border: 1px solid #ddd;
}

.search-frontpage .btn {
    background: transparent !important;
    color: #bbb !important;
    left: 0px;
    padding: 0 15px !important;
    float: left;
    text-align: left;
}

.search-frontpage .search-input {
    margin-left: 30px;
}

.fadst {
    color: #0F9D58;
    display: inline-block;
    font: 16px/1 FontAwesome;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    text-rendering: auto;
}

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

.dstlinetext a {
    font-size: 13px;
    color: #808d9a;
    line-height: 20px;
    text-decoration: none;
}

.dstlinetext a:hover {
    font-size: 13px;
    color: #808d9a;
    line-height: 20px;
    text-decoration: underline;
}

.dstlinetext {
    font-size: 13px;
    color: #808d9a;
    line-height: 20px;
}

.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: #6D7986;
    cursor: pointer;
    text-decoration: underline;
    font-size: 17px;
    line-height: 46px;
}

details[open] summary:not(table.table summary) {
    position: absolute;
    bottom: 0;
    left: 0;
}

summary:not(table.table summary)::before {
    content: "Смотреть ещё";
}

details[open] summary:not(table.table summary)::before {
    content: "Свернуть";
    top: 20px;
    position: relative;
}

summary:not(table.table 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: color:rgba(0, 26, 52, .6);
    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: #006933;
    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: #f5f7fa;
    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: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item3 p {
    margin-bottom: 0;
    min-height: 50px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.feature_item3:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    opacity: .9
}

.feature_item6 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/24.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: #f5f7fa;
    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: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item6 p {
    margin-bottom: 0;
    min-height: 50px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.feature_item6:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    opacity: .9
}

.feature_item7 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/25.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: #f5f7fa;
    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: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item7 p {
    margin-bottom: 0;
    min-height: 50px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.feature_item7:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    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: #f5f7fa;
    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: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item8 p {
    margin-bottom: 0;
    min-height: 50px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.feature_item8:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    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: #f5f7fa;
    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: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item9 p {
    margin-bottom: 0;
    min-height: 50px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.feature_item9:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    opacity: .9
}

.feature_item10 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/28.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: #f5f7fa;
    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: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item10 p {
    margin-bottom: 0;
    min-height: 50px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.feature_item10:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    opacity: .9
}

.feature_item11 {
    border-radius: 18px;
    padding: 45px 60px;
    text-align: left;
    background: url(/templates/default/images/29.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: #f5f7fa;
    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: #000;
    line-height: 38px;
    margin-bottom: 20px;
}

.feature_item11 p {
    margin-bottom: 0;
    min-height: 50px;
    color: #000;
    font-size: 18px;
    line-height: 28px
}

.feature_item11:hover {
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    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: #f5523a;
    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: #006933;
    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: #006933;
    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: #006933;
    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: url(/templates/default/images/38.svg) no-repeat 700px 30px;
    background-size: contain;
    background-color: #006933;
    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: #006933;
    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_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: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    opacity: .9
}

.mt-25 {
    margin-top: 25px;
}

.p0 {
    padding-left: 0px;
    padding-right: 0px;
}

.white_bg {
    background: #fff !important;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.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: #006933 !important
}

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

.section_gap_top_black {
    padding-top: 30px;
    background: #006933 !important
}

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

.section_gap_bottom_black {
    padding-bottom: 30px;
    background: #006933 !important
}

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

.dstmain_title p {
    margin-bottom: 20px;
    color: #b6bcc3;
    font-size: 16px;
    line-height: 28px
}

.dstmain_title h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 48px;
    color: #fff
}

.dstmain_title2 h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 48px;
    color: #000
}

.dstmain_title h3 {
    font-size: 28px;
    font-weight: 700;
    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: 0.9;
    transition: all 0.4s ease 0s;
}

.dstmain_titleimages p {
    margin-bottom: 30px;
    color: #fff;
}

.dstmain_titleimages h2 {
    font-size: 80px;
    font-weight: 700;
    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: 30px;
        line-height: 34px;
    }
}

.main_title p {
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .main_title p br {
        display: none;
    }
}

.main_title.white h2 {
    color: #fff;
}

.main_title.white p {
    color: #fff;
    opacity: .6;
}

/* End Main Title Area css
============================================================================================ */
/* Start Gradient Area css
============================================================================================ */
.gradient-bg,
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link,
.blog_right_sidebar .widget_title,
.blog_right_sidebar .newsletter_widget .bbtns,
.blog_right_sidebar .tag_cloud_widget ul li a:hover,
.blog-pagination .page-item.active .page-link,
.blog-pagination .page-link:hover,
.comments-area .btn-reply:hover {}

.border-gradient {
    border-image: -webkit-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    border-image: -moz-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    border-image: -o-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    border-image: linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
}

.gradient-bg2 {
    background: -webkit-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    background: -moz-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    background: -o-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    background: linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
}

.gradient-color,
.contact_info .info_item i {
    background: -webkit-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    background: -moz-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    background: -o-linear-gradient(90deg, #0F9D58 0%, #0F9D58 100%);
    background: linear-gradient(90deg, #0F9D58 0%, #0F9D58 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: 0px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
    border-bottom: 0px solid #f3f4f5;
    transition: all 300ms ease-in;
}

.header_area .navbar:hover {
    box-shadow: 0px 10px 30px 0px 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: #000;
    padding: 0px;
    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: #0F9D58;
}

.header_area .navbar .nav .nav-item.submenu {
    position: relative;
}

.header_area .navbar .nav .nav-item.submenu ul {
    border: none;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
    background: #fff;
}

@media (min-width: 992px) {
    .header_area .navbar .nav .nav-item.submenu ul {
        position: absolute;
        top: 120%;
        left: 0px;
        min-width: 275px;
        text-align: left;
        opacity: 0;
        transition: all 300ms ease-in;
        visibility: hidden;
        display: block;
        border: none;
        padding: 0px;
        border-radius: 0px;
        box-shadow: 0px 10px 30px 0px 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: #f3f4f5 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: 0px;
    border-bottom: 1px solid #ededed;
    margin-left: 0px;
    transition: all 0.4s linear;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
    line-height: 45px;
    color: #000;
    padding: 0px 30px;
    transition: all 150ms linear;
    display: block;
    font-size: 14.5px;
    margin-right: 0px;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
    border-bottom: none;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
    color: #0F9D58;
}

@media (min-width: 992px) {
    .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: 0px;
}

.header_area .navbar .nav .nav-item:last-child {
    margin-right: 0px;
}

.header_area.navbar_fixed .main_menu {
    position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: var(--white);
    transform: translateY(70px);
    transition: transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}

.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
    line-height: 70px;
}

@media (min-width: 992px) {
    .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: #000;
}

.owl-carousel.off {
    display: -ms-flexbox;
    display: flex;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Home Banner Area css
============================================================================================ */
.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: 0px;
    }
}


.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: 17px;
    margin-bottom: 20px;
    color: #000;
    line-height: 28px;
    margin-top: 20px;
    font-weight: 400;
}

.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: #0F9D58;
        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: 0px;
        margin-top: 50px;
    }
}

.banner_area .banner_inner .banner_content h2 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

@media (max-width: 991px) {
    .banner_area .banner_inner .banner_content h2 {
        font-size: 30px;
    }
}

.banner_area .banner_inner .banner_content .page_link a {
    font-size: 15px;
    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: 0px;
}

.banner_area .banner_inner .banner_content .page_link a:last-child:before {
    display: none;
}

/* End Home Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Latest Blog Area css
============================================================================================ */
/* End Latest Blog Area css
============================================================================================ */
.blog_btn {
    border: 1px solid #e6e8ea;
    background: #f9f9ff;
    padding: 0px 32px;
    font-size: 13px;
    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: #000;
    line-height: 34px;
    display: inline-block;
}

.blog_btn:hover {
    background: #0F9D58;
    border-color: #0F9D58;
    color: #fff;
}

.white_bg_btn {
    background: #fff;
    display: inline-block;
    color: #000;
    line-height: 40px;
    padding: 0px 28px;
    font-size: 15px;
    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: none;
}

.white_bg_btn:hover {
    background: #0F9D58;
    color: #fff;
}

/* Causes Area css
============================================================================================ */
.causes_slider .owl-dots {
    text-align: center;
    margin-top: 80px;
}

.causes_slider .owl-dots .owl-dot {
    height: 14px;
    width: 14px;
    background: #f3f4f5;
    display: inline-block;
    margin-right: 7px;
}

.causes_slider .owl-dots .owl-dot:last-child {
    margin-right: 0px;
}

.causes_slider .owl-dots .owl-dot.active {
    background: #0F9D58;
}

.causes_item {
    background: #fff;
}

.causes_item .causes_img {
    position: relative;
}

.causes_item .causes_img .c_parcent {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
}

.causes_item .causes_img .c_parcent span {
    width: 70%;
    height: 3px;
    background: #0F9D58;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.causes_item .causes_img .c_parcent span:before {
    content: "75%";
    position: absolute;
    right: -10px;
    bottom: 0px;
    background: #0F9D58;
    color: #fff;
    padding: 0px 5px;
}

.causes_item .causes_text {
    padding: 30px 35px 40px 30px;
}

.causes_item .causes_text h4 {
    color: #000;
    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: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    cursor: pointer;
}

.causes_item .causes_text h4:hover {
    color: #0F9D58;
}

.causes_item .causes_text p {
    font-size: 15px;
    line-height: 24px;
    color: #777777;
    font-weight: 300;
    margin-bottom: 0px;
}

.causes_item .causes_bottom a {
    width: 50%;
    border: 1px solid #0F9D58;
    text-align: center;
    float: left;
    line-height: 50px;
    background: #0F9D58;
    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: 15px;
    font-weight: 500;
}

.causes_item .causes_bottom a+a {
    border-color: #f3f4f5;
    background: #fff;
    font-size: 15px;
    color: #000;
}

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
.single-recent-blog-post {
    margin-bottom: 30px;
}

.single-recent-blog-post .thumb {
    overflow: hidden;
}

.single-recent-blog-post .thumb img {
    transition: all 0.7s linear;
}

.single-recent-blog-post .details {
    padding-top: 30px;
}

.single-recent-blog-post .details .sec_h4 {
    line-height: 24px;
    padding: 10px 0px 13px;
    transition: all 0.3s linear;
}

.single-recent-blog-post .details .sec_h4:hover {
    color: #777777;
}

.single-recent-blog-post .date {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}

.single-recent-blog-post:hover img {
    transform: scale(1.23) rotate(10deg);
}

.tags .tag_btn {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    border: 1px solid #e6e8ea;
    display: inline-block;
    padding: 1px 18px;
    text-align: center;
    color: #000;
}

.tags .tag_btn:before {
    background: #0F9D58;
}

.tags .tag_btn+.tag_btn {
    margin-left: 2px;
}

/*========= blog_categorie_area css ===========*/
.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 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories_post .categories_details h5 {
    margin-bottom: 0px;
    font-size: 17px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}

.categories_post .categories_details p {
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0px;
    -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 0px;
    background: #fff;
    width: 100%;
    height: 1px;
}

.categories_post:hover .categories_details {
    background: rgba(68, 88, 220, 0.85);
}


/* 
Tooltip
*/
[data-tooltip] {
    position: relative;
    z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    bottom: calc(100% + 5px);
    pointer-events: none;
    transition: 0.2s;
    will-change: transform;
}

/* The actual tooltip with a dynamic width */
[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: 8px;
    font-size: 15px;
    /*   font-size: 0.73rem; */
    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: 0px 0px 24px rgba(0, 0, 0, 0.2);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
    content: '';
    border-style: solid;
    border-width: 5px 5px 0px 5px;
    border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
    transition-duration: 0s;
    /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
    transform-origin: top;
    /* Orientation setting for the
                              slide-down effect */
    transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
    transition-delay: 0.3s;
    transform: translate(-50%, -5px) scale(1);
}

/* Slide down effect only on mouseenter (NOT on mouseleave) */
[data-tooltip]:hover:after {
    transition-delay: 0.5s;
    /* Starting after the grow effect */
    transition-duration: 0.2s;
    transform: translateX(-50%) scaleY(1);
}


/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start About Us Area css
============================================================================================ */

.la2,
.las2 {
    color: #fff;
    font-size: 65px;
    line-height: 100px;
    transition: all 0.3s ease 0s;
}

.la2,
.las2:hover {
    color: #fff;
    font-size: 75px;
    line-height: 100px;
    transition: all 0.3s 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: #000;
}

.blog_info .post_tag a:hover {
    color: #777777;
}

.blog_info .post_tag a.active {
    color: #0F9D58;
}

.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: #777777;
    vertical-align: middle;
    padding-bottom: 12px;
    display: inline-block;
}

.blog_info .blog_meta li a i {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    padding-left: 15px;
    line-height: 20px;
    vertical-align: middle;
}

.blog_info .blog_meta li a:hover {
    color: #0F9D58;
}

.blog_post img {
    max-width: 100%;
}

.blog_post .primary_btn {
    line-height: 38px;
}

.blog_details {
    padding-top: 20px;
}

.blog_details h2 {
    font-size: 17px;
    line-height: 36px;
    color: #000;
    font-weight: 600;
    transition: all 0.3s linear;
}

.blog_details h2:hover {
    color: #0F9D58;
}

.blog_details p {
    margin-bottom: 26px;
}

.view_btn {
    font-size: 15px;
    line-height: 36px;
    display: inline-block;
    color: #000;
    font-weight: 500;
    padding: 0px 30px;
    background: #fff;
}

.blog_right_sidebar {
    border: 1px solid #e6e8ea;
    background: #fafaff;
    padding: 30px;
}

.blog_right_sidebar .widget_title {
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    padding: 8px 0px;
    margin-bottom: 30px;
}

.blog_right_sidebar .search_widget .input-group .form-control {
    position: relative;
    font-size: 15px;
    line-height: 29px;
    width: 100%;
    font-weight: 300;
    color: #777777;
    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, #0F9D58, #0F9D58);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #0F9D58, #0F9D58);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #0F9D58, #0F9D58);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #0F9D58, #0F9D58);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #0F9D58, #0F9D58);
    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: #777777;
    text-transform: uppercase;
    font-size: 13px;
}

.blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {
    color: #777777;
    text-transform: uppercase;
    font-size: 13px;
}

.blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {
    color: #777777;
    text-transform: uppercase;
    font-size: 13px;
}

.blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {
    color: #777777;
    text-transform: uppercase;
    font-size: 13px;
}

.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: 0px;
    box-shadow: none;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    padding: 0px;
    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: 17px;
    line-height: 20px;
    color: #000;
    margin-bottom: 5px;
    margin-top: 30px;
}

.blog_right_sidebar .author_widget p {
    margin-bottom: 0px;
}

.blog_right_sidebar .author_widget .social_icon {
    padding: 7px 0px 15px;
}

.blog_right_sidebar .author_widget .social_icon a {
    font-size: 15px;
    color: #000;
    transition: all 0.2s linear;
}

.blog_right_sidebar .author_widget .social_icon a+a {
    margin-left: 20px;
}

.blog_right_sidebar .author_widget .social_icon a:hover {
    color: #0F9D58;
}

.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: 15px;
    line-height: 20px;
    color: #000;
    margin-bottom: 4px;
    transition: all 0.3s linear;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
    color: #0F9D58;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 0px;
}

.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 #f3f4f5;
    transition: all 0.3s ease 0s;
    padding-bottom: 12px;
}

.blog_right_sidebar .post_category_widget .cat-list li a {
    font-size: 15px;
    line-height: 20px;
    color: #777;
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
    margin-bottom: 0px;
}

.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: #0F9D58;
}

.blog_right_sidebar .post_category_widget .cat-list li:hover {
    border-color: #0F9D58;
}

.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: #fff;
    border-radius: 0px;
    vertical-align: top;
    font-size: 13px;
    line-height: 36px;
    padding: 0px 0px 0px 15px;
    border: 1px solid #e6e8ea;
    border-right: 0px;
}

.blog_right_sidebar .newsletter_widget .form-control {
    font-size: 13px;
    line-height: 24px;
    color: #cccccc;
    border: 1px solid #e6e8ea;
    border-left: 0px;
    border-radius: 0px;
}

.blog_right_sidebar .newsletter_widget .form-control.placeholder {
    color: #cccccc;
}

.blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {
    color: #cccccc;
}

.blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
    color: #cccccc;
}

.blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
    color: #cccccc;
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
    outline: none;
    box-shadow: none;
}

.blog_right_sidebar .newsletter_widget .bbtns {
    color: #fff;
    font-size: 13px;
    line-height: 38px;
    display: inline-block;
    font-weight: 500;
    padding: 0px 24px 0px 24px;
    border-radius: 0;
}

.blog_right_sidebar .newsletter_widget .text-bottom {
    font-size: 13px;
}

.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 #f3f4f5;
    background: #fff;
    padding: 0px 13px;
    margin-bottom: 8px;
    transition: all 0.3s ease 0s;
    color: #000;
    font-size: 13px;
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
    color: #fff;
}

.blog_right_sidebar .br {
    width: 100%;
    height: 1px;
    background: #f3f4f5;
    margin: 30px 0px;
}

.blog-pagination {
    padding-top: 25px;
    padding-bottom: 95px;
}

.blog-pagination .page-link {
    border-radius: 0;
}

.blog-pagination .page-item {
    border: none;
}

.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: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #8a8a8a;
    border: none;
}

.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: #f3f4f5;
}

/*============ Start Blog Single Styles  =============*/
.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: #cccccc;
    padding: 7px;
    font-size: 15px;
    transition: all 0.2s linear;
}

.single-post-area .social-links li a:hover {
    color: #0F9D58;
}

.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: var(--white);
    box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1);
    font-size: 15px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

.single-post-area .arrow {
    position: absolute;
}

.single-post-area .arrow .lnr {
    font-size: 17px;
    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 #f3f4f5;
    padding-top: 30px;
    margin-top: 60px;
}

.single-post-area .navigation-area p {
    margin-bottom: 0px;
}

.single-post-area .navigation-area h4 {
    font-size: 17px;
    line-height: 25px;
    color: #000;
}

.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: 0px;
    }
}

.comments-area {
    background: #fafaff;
    border: 1px solid #f3f4f5;
    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: #000;
    font-size: 17px;
}

.comments-area h5 {
    font-size: 17px;
    margin-bottom: 0px;
}

.comments-area a {
    color: #000;
}

.comments-area .comment-list {
    padding-bottom: 48px;
}

.comments-area .comment-list:last-child {
    padding-bottom: 0px;
}

.comments-area .comment-list.left-padding {
    padding-left: 25px;
}

@media (max-width: 413px) {
    .comments-area .comment-list .single-comment h5 {
        font-size: 13px;
    }

    .comments-area .comment-list .single-comment .date {
        font-size: 13px;
    }

    .comments-area .comment-list .single-comment .comment {
        font-size: 10px;
    }
}

.comments-area .thumb {
    margin-right: 20px;
}

.comments-area .date {
    font-size: 13px;
    color: #cccccc;
    margin-bottom: 13px;
}

.comments-area .comment {
    color: #777777;
    margin-bottom: 0px;
}

.comments-area .btn-reply {
    background-color: #fff;
    color: #000;
    border: 1px solid #f3f4f5;
    padding: 2px 18px;
    font-size: 13px;
    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 #f3f4f5;
    padding: 47px 30px 43px;
    margin-top: 50px;
    margin-bottom: 40px;
}

.comment-form h4 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 17px;
    line-height: 22px;
    color: #000;
}

.comment-form .name {
    padding-left: 0px;
}

@media (max-width: 767px) {
    .comment-form .name {
        padding-right: 0px;
        margin-bottom: 1rem;
    }
}

.comment-form .email {
    padding-right: 0px;
}

@media (max-width: 991px) {
    .comment-form .email {
        padding-left: 0px;
    }
}

.comment-form .form-control {
    padding: 8px 20px;
    background: #fff;
    border: none;
    border-radius: 0px;
    width: 100%;
    font-size: 15px;
    color: #777777;
    border: 1px solid transparent;
}

.comment-form .form-control:focus {
    box-shadow: none;
    border: 1px solid #f3f4f5;
}

.comment-form textarea.form-control {
    height: 140px;
    resize: none;
}

.comment-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #777;
}

.comment-form ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
    color: #777;
}

.comment-form :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #777;
}

.comment-form :-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #777;
}

/*============ End Blog Single Styles  =============*/


.partnersrating_list .partner_place {
    margin-right: 30px;
    font-weight: 700;
    background: #f5f7fa;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partnersrating_list .photo {
    margin-right: 30px;
}

.partnersrating_list .photo img {
    border-radius: 18px;
    transition: .3s;
    max-width: 200px;
}

.partnersrating_list .content_list_item:hover img {
    scale: 1.03;
}

.partnersrating_list .content_list_item .ft_text,
.partnersrating_list .content_list_item .f_title {
    max-width: 490px;
}

.partnersrating_list .content_list_item .item-go {
    margin-left: auto;
}

.partnersrating_list .content_list_item .item-go a {
    line-height: 28px;
    padding: 12px 25px;
    background: #0055b0;
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s ease-in;
    margin-right: 40px;
    color: #fff;
    display: flex;
    align-items: center;
}

.partnersrating_list .content_list_item .item-go a:after {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-top: .12rem solid #fff;
    border-right: .12rem solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: .9rem;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
}

@media screen and (max-width:1040px) {
    .partnersrating_list_item {
        flex-direction: column;
    }

    .partnersrating_list_item .photo img {
        width: 100%;
        max-width: 450px;
        margin-top: 10px;
    }

    .partnersrating_list_item .photo {
        flex-direction: column;
        align-items: start !important;
        margin: 0;
    }

    .partnersrating_list_item .photo a {
        width: 100%;
    }

    .partnersrating_list .content_list_item .item-go {
        margin-left: 0;
    }

    .partnersrating_list .fields-container {
        margin: 30px 0;
    }

    .partnersrating_list .content_list_item .fields {
        margin-bottom: 10px;
    }

    .partnersrating_list .content_list_item .partner_place {
        font-size: 24px;
        color: #000 !important;
    }
}

.pr-search {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    /* max-width: 610px; */
    margin-left: auto;
}

#queryCT {
    width: 100%;
    height: 44px;
    display: block;
    border-radius: 8px;
}

.pr-search svg {
    position: absolute;
    right: 30px;
    top: 9px;
    color: rgba(0, 26, 52, .6);
}

.pre-search-res {
    display: none;
    width: 100%;
    /* max-width:820px; */
    max-height: 500px;
    overflow-y: auto;
}

.pre-search-res .search-item:not(:last-child) {
    margin-bottom: 15px;
}

.pre-search-res .search-item-title {
    justify-content: space-between;
}

.pre-search-res .search-item-title a {
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.pre-search-res .desc {
    color: rgba(0, 26, 52, .6);
}

.pre-search-res .search-item-title div {
    gap: 5px;
    align-items: center;
}

@media screen and (max-width:550px) {
    .pre-search-res .search-item-title div {
        flex-direction: column;
        gap: 0;
        align-items: start;
    }
}



/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== contact_area css ================*/
.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: 17px;
    line-height: 24px;
    font-weight: 600;
}

.contact_info .info_item h6 {
    font-size: 17px;
    line-height: 24px;
    color: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: bold;
    margin-bottom: 0px;
    color: #000;
}

.contact_info .info_item h6 a {
    color: #000;
}

.contact_info .info_item p {
    font-size: 17px;
    line-height: 24px;
    padding: 2px 0px;
}




.contact_infodst .info_itemdst {
    position: relative;
}

.contact_infodst .info_itemdst i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
}

.contact_infodst .info_itemdst h6 {
    font-size: 17px;
    line-height: 24px;
    color: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: bold;
    margin-bottom: 0px;
    color: #000;
}

.contact_infodst .info_itemdst h6 a {
    color: #000;
}

.contact_infodst .info_itemdst p {
    font-size: 15px;
    line-height: 24px;
    padding: 2px 0px;
}



.contact_form .form-group {
    margin-bottom: 10px;
}

.contact_form .form-group .form-control {
    font-size: 17px;
    line-height: 8px;
    color: #6D7986;
    border: 1px solid #e6e8ea;
    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: 8px;
    padding-left: 20px;
}

.contact_form .form-group .form-control:focus {
    box-shadow: none;
    outline: none;
}

.contact_form .form-group .form-control.placeholder {
    color: #6D7986;
}

.contact_form .form-group .form-control:-moz-placeholder {
    color: #6D7986;
}

.contact_form .form-group .form-control::-moz-placeholder {
    color: #6D7986;
}

.contact_form .form-group .form-control::-webkit-input-placeholder {
    color: #6D7986;
}

.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: 0.75rem;
}

/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0px;
    max-width: 500px;
    width: 100%;
}

.modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: none;
    padding-top: 50px;
    padding-bottom: 50px;
}

.modal-message .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 0px;
    color: #fff;
    opacity: 1;
    cursor: pointer;
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
    display: block;
    text-align: center;
    color: #0F9D58;
    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;
}

/* End Contact Success and error Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== Elements Area css ================*/
.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.sample-text-area {
    padding: 100px 0px;
}

.sample-text-area .title_color {
    margin-bottom: 30px;
}

.sample-text-area p {
    line-height: 26px;
}

.sample-text-area p b {
    font-weight: bold;
    color: #0F9D58;
}

.sample-text-area p i {
    color: #0F9D58;
    font-style: italic;
}

.sample-text-area p sup {
    color: #0F9D58;
    font-style: italic;
}

.sample-text-area p sub {
    color: #0F9D58;
    font-style: italic;
}

.sample-text-area p del {
    color: #0F9D58;
}

.sample-text-area p u {
    color: #0F9D58;
}

/*============== End Elements Area css ================*/
/*==============Elements Button Area css ================*/
.elements_button .title_color {
    margin-bottom: 30px;
    color: #000;
}

.title_color {
    color: #000;
}

.button-group-area {
    margin-top: 15px;
}

.button-group-area:nth-child(odd) {
    margin-top: 40px;
}

.button-group-area:first-child {
    margin-top: 0px;
}

.button-group-area .theme_btn {
    margin-right: 10px;
}

.button-group-area .link {
    text-decoration: underline;
    color: #000;
    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;
}

.info {}

.info:before {}

.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: #fff;
    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 #0F9D58;
    color: #0F9D58;
}

.link-border:before {
    background: #0F9D58;
}

.radius {
    border-radius: 8px;
}

.circle {
    border-radius: 20px;
}

.arrow span {
    padding-left: 5px;
}

.e-large {
    line-height: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.large {
    line-height: 45px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.medium {
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.small {
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.general {
    line-height: 38px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*==============End Elements Button Area css ================*/
/* =================================== */
/*  Elements Page Styles
/* =================================== */
/*---------- Start Elements Page -------------*/
.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: 17px;
}

@media (max-width: 991.98px) {
    .generic-banner .generic-banner-content p br {
        display: none;
    }
}

.generic-content h1 {
    font-weight: 600;
}

.about-generic-area {
    background: #fff;
}

.about-generic-area p {
    margin-bottom: 20px;
}

.white-bg {
    background: #fff;
}

.section-top-border {
    padding: 50px 0;
    border-top: 1px dotted #f3f4f5;
}

.switch-wrap {
    margin-bottom: 10px;
}

.switch-wrap p {
    margin: 0;
}

/*---------- End Elements Page -------------*/
.sample-text-area {
    padding: 100px 0 70px 0;
}

.sample-text {
    margin-bottom: 0;
}

.text-heading {
    margin-bottom: 30px;
    font-size: 17px;
}

.typo-list {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .typo-sec {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .element-wrap {
        margin-top: 30px;
    }
}

b,
sup,
sub,
u,
del {}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    color: #777777;
}

.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #f3f4f5;
}

.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: none;
    line-height: 40px;
    padding: 0 30px;
    font-size: .8em;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.genric-btn:focus {
    outline: none;
}

.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: 8px;
}

.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: #222222;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.default:hover {
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.default-border {
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.default-border:hover {
    color: #222222;
    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: #fff;
}

.genric-btn.primary-border {
    color: #f8b600;
    border: 1px solid #f8b600;
    background: #fff;
}

.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: #fff;
}

.genric-btn.success-border {
    color: #4cd3e3;
    border: 1px solid #4cd3e3;
    background: #fff;
}

.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: #fff;
}

.genric-btn.info-border {
    color: #38a4ff;
    border: 1px solid #38a4ff;
    background: #fff;
}

.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: #fff;
}

.genric-btn.warning-border {
    color: #f4e700;
    border: 1px solid #f4e700;
    background: #fff;
}

.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: #fff;
}

.genric-btn.danger-border {
    color: #f44a40;
    border: 1px solid #f44a40;
    background: #fff;
}

.genric-btn.danger-border:hover {
    color: #fff;
    background: #f44a40;
    border: 1px solid transparent;
}

.genric-btn.link {
    color: #222222;
    background: #f9f9ff;
    text-decoration: underline;
    border: 1px solid transparent;
}

.genric-btn.link:hover {
    color: #222222;
    border: 1px solid #f9f9ff;
    background: #fff;
}

.genric-btn.link-border {
    color: #222222;
    border: 1px solid #f9f9ff;
    background: #fff;
    text-decoration: underline;
}

.genric-btn.link-border:hover {
    color: #222222;
    background: #f9f9ff;
    border: 1px solid transparent;
}

.genric-btn.disable {
    color: #222222;
    background: #f9f9ff;
    border: 1px solid transparent;
    cursor: not-allowed;
}

.generic-blockquote {
    padding: 30px 50px 30px 30px;
    background: #fff;
    border-left: 2px solid #f8b600;
}

@media (max-width: 991px) {
    .progress-table-wrap {
        overflow-x: scroll;
    }
}

.progress-table {
    background: #fff;
    padding: 15px 0px 30px 0px;
    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: #222222;
    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: 0px;
    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.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s 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: #fff;
    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: #777777;
}

.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: #777777;
}

.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: #777777;
}

.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: none;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
    height: 100px;
    resize: none;
}

.single-textarea:focus {
    outline: none;
}

.single-input-primary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-primary:focus {
    outline: none;
    border: 1px solid #f8b600;
}

.single-input-accent {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-accent:focus {
    outline: none;
    border: 1px solid #eb6b55;
}

.single-input-secondary {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid transparent;
    outline: none;
    background: #f9f9ff;
    padding: 0 20px;
}

.single-input-secondary:focus {
    outline: none;
    border: 1px solid #f09359;
}

.default-switch {
    width: 35px;
    height: 17px;
    border-radius: 8.5px;
    background: #fff;
    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 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px 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: #fff;
    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 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.primary-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px 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: #fff;
    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 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

.confirm-switch input+label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0px 4px 5px 0px 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: 8px;
    background: #fff;
    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: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.single-defination h4 {
    color: #000;
}

.primary-checkbox input:checked+label {
    background: url(../img/elements/primary-check.png) no-repeat center center/cover;
    border: none;
}

.confirm-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    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: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.confirm-checkbox input:checked+label {
    background: url(../img/elements/success-check.png) no-repeat center center/cover;
    border: none;
}

.disabled-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    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: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.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: none;
}

.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    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: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.primary-radio input:checked+label {
    background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
    border: none;
}

.confirm-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    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: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.confirm-radio input:checked+label {
    background: url(../img/elements/success-radio.png) no-repeat center center/cover;
    border: none;
}

.disabled-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #fff;
    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: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.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: none;
}

.default-select {
    height: 40px;
}

.default-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #fff;
    padding-left: 20px;
    padding-right: 40px;
}

.default-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px;
}

.default-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 13px;
    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: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff !important;
    padding-left: 45px;
    padding-right: 40px;
    width: 100%;
}

.form-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px;
}

.mt-10 {
    margin-top: 10px;
}

.form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 13px;
    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;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start About Us Area css
============================================================================================ */
.about_area {
    position: relative;
}

.about_area .main_title {
    margin-bottom: 0px;
}

.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;
    }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start About Us Area css
============================================================================================ */
.about_area {
    position: relative;
}

.about_area .main_title {
    margin-bottom: 0px;
}

.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;
    }
}

/* End About Us Area css
============================================================================================ */
/* Start Barand Area css
============================================================================================ */
.brand_area {
    padding-bottom: 60px;
}

@media (max-width: 1199px) {
    .brand_area {
        padding-bottom: 60px;
    }
}

/* End Barand Area css
============================================================================================ */
/* Start Features Area css
============================================================================================ */
.features_area {
    padding-bottom: 30px;
    background: #f5f7fa;
}

@media (max-width: 1199px) {
    .features_area {
        padding-bottom: 50px;
    }
}

.features_area_dst {
    padding-bottom: 10px;
    background: #e8f2fe;
}

@media (max-width: 1199px) {
    .features_area_dst {
        padding-bottom: 50px;
    }
}

.features_area_dst2 {
    background: #000
}

.features_area_dst3 {
    background: #006933
}

.features_area_dst4 {
    background: #f5523a;
}

.features_area_dst6 {
    background: #d5edff;
}

.features_area_dst {
    padding-bottom: 10px;
    background: #f5f7fa;
    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: 8px;
    padding: 45px 25px;
    background: #fff;
    text-align: center;
    border: 1px solid #e6e8ea;
    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: 8px;
}

.feature_item h4 {
    font-size: 17px;
    margin-bottom: 20px;
    min-height: 90px;
}

.feature_item p {
    margin-bottom: 0px;
    min-height: 110px;
}

.feature_item:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    background: #f3f4f5;
    transition: all 0.4s ease 0s;
}

.feature_itemdst {
    border-radius: 8px;
    padding: 35px 20px;
    background: #fff;
    min-height: 300px;
    text-align: center;
    border: 1px solid #f3f4f5;
    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: 17px;
    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: 0px;
    min-height: 100px;
}

.feature_itemdst:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.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: 17px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e6e8ea;
    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 15px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: all 0.4s ease 0s;
}


/* End Features Area css
============================================================================================ */
/* Start Brand Area css
============================================================================================ */
.single-brand-item {
    width: 220px;
    height: 100px;
    cursor: pointer;
    margin-bottom: 30px;
    border: 1px solid #e6e8ea;
    border-radius: 8px;
    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: 0px 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: 992px) 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: none;
    }
}

@media (max-width: 575px) {
    .client-info .d-flex {
        -ms-flex-align: center;
        align-items: center;
    }
}

.client-info .lage {
    color: #0F9D58;
    font-size: 64px;
    padding-right: 5px;
    font-weight: 700;
    line-height: 60px;
    position: relative;
    z-index: 9;
}

.client-info .smll {
    text-align: left;
    color: #000;
    font-size: 17px;
    margin-left: 20px;
}

.call-now {
    padding-top: 50px;
    text-align: left;
    margin-bottom: 40px;
}

@media (max-width: 575px) {
    .call-now {
        padding-top: 0px;
    }
}

@media (max-width: 480px) {
    .call-now h3 {
        font-size: 17px;
    }
}

.call-now p {
    color: #808d9a;
    font-size: 17px;
    margin-bottom: 5px;
}

.call-now span {
    font-size: 60px;
    font-weight: 700;
    color: #808d9a;
}

/* End Brand Area css
============================================================================================ */
/* Start Portfolio Area css
============================================================================================ */
.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: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #222222;
    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: #0F9D58;
}

@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: 17px;
    margin-bottom: 0px;
}

.portfolio_box .short_info h4 a {
    color: #000;
}

.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: var(--white);
    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: 15px;
}

.portfolio_details_inner p:last-child {
    margin-bottom: 0px;
}

.portfolio_details_inner .portfolio_right_text {
    margin-top: 50px;
}

.portfolio_details_inner .portfolio_right_text h4 {
    font-size: 17px;
    margin-bottom: 18px;
}

.portfolio_details_inner .portfolio_right_text p {
    margin-bottom: 25px;
    font-size: 15px;
}

.portfolio_details_inner .portfolio_right_text .list li {
    margin-bottom: 7px;
    font-weight: normal;
    font-size: 15px;
}

.portfolio_details_inner .portfolio_right_text .list li span {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    width: 97px;
    display: inline-block;
}

.portfolio_details_inner .portfolio_right_text .list li:last-child {
    margin-bottom: 0px;
}

.portfolio_details_inner .portfolio_right_text .list li i {
    color: #f1cd09;
}

/* End Portfolio Area css
============================================================================================ */
/* Start Testimonial Area css
============================================================================================ */
.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: #0F9D58;
}

@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: 0px 10px 80px;
    box-shadow: 0px 15px 30px 0px 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: 0px;
    }
}

@media (max-width: 575px) {
    .testi_item {
        padding: 30px 20px;
    }
}

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

.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: 17px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.testi_item .testi_text p {
    margin-bottom: 0px;
}

.testi_item:hover {
    box-shadow: 0px 10px 20px 0px rgba(118, 85, 225, 0.1);
}

/* End Testimonial Area css
============================================================================================ */
/* Start Newsletter Area css
============================================================================================ */
.newsletter_area {
    color: var(--white);
}

.subscription_box {
    background: url(../img/subscribe-bg.png) no-repeat center;
    padding: 150px 0px;
}

@media (max-width: 767px) {
    .subscription_box {
        padding: 50px 20px;
    }
}

.subscription_box h2 {
    font-weight: 700;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .subscription_box h2 {
        font-size: 30px;
    }
}

.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 var(--white);
    background: transparent;
    font-weight: 400;
    border-radius: 8px;
    color: var(--white);
}

.subscription_box .subscription input:focus {
    outline: none;
}

@media (max-width: 420px) {
    .subscription_box .subscription input {
        min-width: 250px;
    }
}

.subscription_box .subscription input.placeholder {
    color: var(--white);
    font-weight: 400;
}

.subscription_box .subscription input:-moz-placeholder {
    color: var(--white);
    font-weight: 400;
}

.subscription_box .subscription input::-moz-placeholder {
    color: var(--white);
    font-weight: 400;
}

.subscription_box .subscription input::-webkit-input-placeholder {
    color: var(--white);
    font-weight: 400;
}

.subscription_box .primary-btn {
    margin-left: 10px;
    background: var(--white);
    text-transform: uppercase;
    color: #222222;
    border-radius: 8px;
    line-height: 48px;
    font-size: 15px;
    padding: 0px 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: 13px;
    background: transparent;
}

.subscription .info.valid {
    color: green;
}

.subscription .info.error {
    color: red;
}


/* Blog Page Area css
  ============================================================================================ */
.blog_info.text-right {
    text-align: left !important;
    margin-bottom: 10px;
}

/* End Blog Page Area css
  ============================================================================================ */
.home_banner_area .banner_inner .banner_content h3 {
    font-size: 30px;
}

.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: 0px;
    padding-top: 0px;
}

/* End End Footer Area css
  ============================================================================================ */
.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: 0px;
    margin-top: 30px;
}



/* Start 
  ============================================================================================ */
@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%;
    }
}

/* Start 
  ============================================================================================ */
.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;
    }
}

.profile-dst-avatar2 {
    /* background: #000;
padding: 15px 25px;
border-radius: 18px;
width: 100%;
box-shadow: 0px 10px 20px rgba(115, 137, 255, 0.1); */
    color: #fff;
    /* margin: 0px 10px; */
}

.profile-dst-avatar2 a {
    color: #000;
}

.polnoe-opisanie {
    position: relative;
    max-width: 100%;
    padding: 2px 8px;
    background: #f6fafd;
    border-radius: 12px;
    top: 7px;
    font-size: 13px;
    float: right;
}

.polnoe-opisanie-svg {
    color: rgba(0, 26, 52, .6);
}

/*============ blog_left_sidebar css ==============*/

.category42 .icon {
    background: #7c69ef url(/templates/default/images/category42.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category42 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category43 .icon {
    background: #006933 url(/templates/default/images/category43.webp) no-repeat center center;
    background-size: 95%;
    transition: all 0.3s ease 0s;
}

.category43 .icon:hover {
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category44 .icon {
    background: #7c69ef url(/templates/default/images/category44.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category44 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category45 .icon {
    background: #7c69ef url(/templates/default/images/category45.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category45 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category46 .icon {
    background: #7c69ef url(/templates/default/images/category46.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category46 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category47 .icon {
    background: #7c69ef url(/templates/default/images/category47.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category47 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category48 .icon {
    background: #7c69ef url(/templates/default/images/category48.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category48 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category49 .icon {
    background: #7c69ef url(/templates/default/images/category49.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category49 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category50 .icon {
    background: #7c69ef url(/templates/default/images/category50.webp) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category50 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category51 .icon {
    background: #7c69ef url(/templates/default/images/category51.png) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category51 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category52 .icon {
    background: #7c69ef url(/templates/default/images/category52.png) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category52 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}

.category53 .icon {
    background: #7c69ef url(/templates/default/images/category53.jpg) no-repeat center center;
    background-size: 100%;
    transition: all 0.3s ease 0s;
}

.category53 .icon:hover {
    background-size: 105%;
    transition: all 0.3s ease 0s;
}


.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: #fff;
    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: #fff;
    padding: 15px 25px 25px 25px;
    border-radius: 12px;
}

.right-panel-dst-box2 {
    background: #fff;
    padding: 0px;
}

@media (max-width: 1200px) {
    .profile-dst-avatar {
        background: #fff;
        padding: 15px 25px;
        border-radius: 18px;
        width: 100%;
        box-shadow: 0px 10px 20px rgba(115, 137, 255, 0.1);
        margin: 0px 10px;
    }

    .page-message:has(#pm_window) .profile-dst-avatar {
        /*можно и отображать но нужно будет делать перерасчет высоты блока чата (а именно отнять 100px)*/
        display: none;
    }

    .profile-dst-avatar2 {
        background: #000;
        padding: 15px 25px;
        border-radius: 18px;
        width: 100%;
        box-shadow: 0px 10px 20px rgba(115, 137, 255, 0.1);
        color: #fff;
        margin: 0px 10px;
    }

    .profile-dst-avatar2 a {
        color: #fff;
    }
}

.polnoe-opisanie {
    position: relative;
    max-width: 100%;
    padding: 2px 8px;
    background: #f6fafd;
    border-radius: 12px;
    top: 7px;
    font-size: 13px;
    float: right;
}

.polnoe-opisanie-svg {
    color: rgba(0, 26, 52, .6);
}



.light-theme {
    --bg-color: #f5f7fa;
    --link-color: #000;
    --text-color: #000;
    --header-bg-color: #ff9901;
    --card-bg: #fff;
    --card-bg-ai: #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;
    --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);
    --msg-info-bg: #F4FAFC;
    --dsw-alias-label-primary: #0f1115;
    --dsw-alias-button-elevated-fill: #fff;
    --dsw-specific-sidebar-nav-item-active-accent: #e4edfd;
    --dsw-alias-brand-primary-invert: #3964fe;
    --dsw-alias-label-primary: #0f1115;
    --dsw-specific-bubble: #edf3fe;
    --dsw-alias-border-l2-darkmode-thin: rgba(0, 0, 0, .1);
    --dsw-alias-button-primary-fill: #3964fe;
    --dsw-specific-input-major: #fff;
    --dsw-specific-sidebar-fill: #f9fafb;
    --dsw-alias-border-l1: rgba(0, 0, 0, .04);
    --mask-base-color: 241, 243, 245;
    --ds-dropdown-menu-color: #fff;
    --ds-dropdown-menu-option-text-color: #0f1115;
    --mask-sel-base-color: 228, 237, 253;
    --dsw-specific-sidebar-nav-item-hover: #f1f3f5;
    --dsw-alias-label-tertiary: #81858c;
}

.dark-theme {
    --dsw-alias-label-tertiary: #adb2b8;
    --dsw-specific-sidebar-nav-item-hover: #2c2c2e;
    --mask-sel-base-color: 53, 54, 56;
    --ds-dropdown-menu-color: #353638;
    --ds-dropdown-menu-option-text-color: #f9fafb;
    --mask-base-color: 44, 44, 46;
    --dsw-alias-border-l1: rgba(255, 255, 255, .06);
    --dsw-specific-sidebar-fill: #1b1b1c;
    --dsw-specific-input-major: #2c2c2e;
    --dsw-alias-button-primary-fill: #5686fe;
    --dsw-alias-border-l2-darkmode-thin: rgba(0, 0, 0, .1);
    --dsw-alias-label-primary: #f9fafb;
    --dsw-specific-bubble: #2c2c2e;
    --dsw-specific-sidebar-nav-item-active-accent: #353638;
    --dsw-alias-brand-primary-invert: #fff;
    --dsw-alias-label-primary: #f9fafb;
    --dsw-alias-button-elevated-fill: #43454a;
    --msg-info-bg: #212328;
    --bg-color: #141518;
    --link-color: #fff;
    --text-color: #fff;
    --header-bg-color: #ff9901;
    --card-bg: #212328;
    --card-bg-ai: #222222;
    --footer-bg-color: #212328;
    --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: transparent;
    --tr-color: transparent;
    --mes-winhead-bg: #212328;
    --mes-contsel-bg: #262d39;
    --spectext-color: #8b8b8b;
    --features-bg: #141518;
    --features-area-bg: #212328;
    --more-info-container: #36373d;
    --card-body-bg: #212328;
}


.ai-generate {
    background-color: #006933 !important;
    border: #006933 !important;
}

.ai-dots .dot1,
.ai-dots .dot2,
.ai-dots .dot3 {
    background-color: #fff;
}

.dot1,
.dot2,
.dot3 {
    background-color: #006933;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    float: left;
}

.dot1 {
    animation-name: dots1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-name: dots1;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
}

.dot2 {
    animation-name: dots2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-name: dots2;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
}

.dot3 {
    animation-name: dots3;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-name: dots3;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
}

@keyframes dots1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes dots1 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes dots2 {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes dots2 {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes dots3 {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes dots3 {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}




/* новая верстка карточек товара */

@media(max-width:600px) {
    .dst-container-mobil-cart:nth-child(1n) {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .dst-container-mobil-cart:nth-child(2n) {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .product-n .price-block .price {
        font-size: 18px;
    }
}


.tab-pane .row:has(.product-n),
.banner-position .banner-grid-spec,
.with-this-product,
.product-items,
.category-widget .banner-position .banner-grid-spec,
.watched-it-recently,
.similar_products {
    grid-template-columns: repeat(2, calc(50% - 4px)) !important;
    grid-auto-flow: dense;
    gap: 24px 8px;
    display: grid;
    padding: 0 15px;
}

/* .product-n{
    max-height: 452px!important;
} */
.product-n .image {
    border-radius: 12px 12px;
    overflow: hidden;
}

.banner-grid-spec {
    padding: 0 !important;
}


@media (min-width: 768px) {

    .tab-pane .row:has(.product-n),
    .with-this-product,
    .banner-position .banner-grid-spec,
    .watched-it-recently,
    .similar_products {
        grid-template-columns: repeat(3, calc(33% - 6px)) !important;
    }
}

@media (min-width: 1024px) {

    .tab-pane .row:has(.product-n),
    .with-this-product,
    .banner-position .banner-grid-spec,
    .watched-it-recently,
    .similar_products {
        grid-template-columns: repeat(4, calc(25% - 24px)) !important;
    }
}

@media (min-width: 1280px) {

    .tab-pane .row:has(.product-n),
    .with-this-product,
    .banner-position .banner-grid-spec,
    .watched-it-recently,
    .similar_products {
        grid-template-columns: repeat(5, calc(20% - 25.6px)) !important;
        gap: 32px !important;
    }
}

@media (min-width: 1504px) {

    .tab-pane .row:has(.product-n),
    .with-this-product,
    .banner-position .banner-grid-spec,
    .watched-it-recently,
    .similar_products {
        grid-template-columns: repeat(6, calc(16.6667% - 26.6667px)) !important;
    }
}




@media (min-width: 768px) {

    .products-cat,
    .products-cat .banner-position .banner-grid-spec,
    .product-items-partner {
        grid-template-columns: repeat(3, calc(33% - 6px)) !important;
    }
}

@media (min-width: 1200px) {

    .products-cat,
    .products-cat .banner-position .banner-grid-spec,
    .product-items-partner {
        grid-template-columns: repeat(4, calc(25% - 24px)) !important;
        gap: 32px !important;
    }
}

@media (min-width: 1280px) {

    .products-cat,
    .products-cat .banner-position .banner-grid-spec,
    .product-items-partner {
        grid-template-columns: repeat(4, calc(25% - 25.6px)) !important;
    }
}

@media (min-width: 1504px) {

    .products-cat,
    .products-cat .banner-position .banner-grid-spec,
    .product-items-partner {
        grid-template-columns: repeat(5, calc(20% - 26.6667px)) !important;
    }
}

.row:has(.products-list) {
    grid-template-columns: 1fr !important;
}

.products-list .sale-sum {
    top: 8px;
}

@media(max-width:380px) {

    .product-n .image img,
    .product-n .image video {
        max-height: 200px;
    }

    .product-n .image {
        max-height: 200px;
        min-height: 200px;
    }

    /* .product-n {
        max-height: 376px !important;
    } */
}




.product-n:has(.slick-dots) .slide-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: none;
}

@media screen and (min-width:1001px) {
    .product-n:has(.slick-dots) .slick-arrow {
        display: none !important;
    }
}

/* .product-n:has(.slick-dots) {
    max-height: 462px !important;
 } */
@media (max-width: 380px) {
    /* .product-n:has(.slick-dots) {
        max-height: 376px !important;
    } */
}

.product-n .image .slick-dots {
    position: absolute;
    bottom: -15px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    transition: unset !important;
}

.product-n .image {
    overflow: unset !important;
}

.product-n .image .slick-dots li {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 2px !important;
    padding: 0;
    cursor: pointer;
}

.product-n .image .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 5px;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #d8d8d8;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.product-n .image .slick-dots li.slick-active button {
    background: var(--blue);
}

.product-n .image .slick-dots li button:hover {
    background: var(--blue);
    opacity: 0.7;
}

html,
body {
    overflow-x: hidden;
    text-wrap: pretty;
}

.centered-block {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.bg-about {
    background-color: var(--light-blue-bg);
    padding-top: 100px;
    margin-bottom: 100px;
}

.main-about {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: auto;
    color: var(--white);
    width: min(100vw, 100%);
    position: relative;
    align-items: center;
}

.main-about img {
    display: block;
    max-width: 80%;
    margin: 0 auto;
}

.main-about .main-header {
    display: block;
    max-width: 1600px;
    position: absolute;
    left: 15%;
    top: 5%;
    line-height: 1.2;
}

.company-header {
    text-transform: uppercase;
    color: var(--blue);
    font-weight: 600;
    font-size: var(--fs-header);
    line-height: 1.2;
    white-space: pre-line;
}

.main-about .main-header .main-header-bottom {
    color: var(--primary);
    font-size: clamp(18px, 1.7vw, 32px);
    white-space: pre-line;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
}

.about-numbers {
    width: 80%;
    margin: 0 auto;
}

.about-numbers .company-header,
.extra-service .company-header {
    margin: 50px auto;
}

.about-categories {
    background-color: var(--grey-bg);
    border-radius: 20px;
    padding: 30px 50px;
    margin-block: 20px;
}

.about-categories-header {
    text-transform: uppercase;
    color: var(--blue);
    font-weight: 600;
    font-size: var(--fs-heading-sm);
    white-space: pre-line;
    line-height: 1.2;
}

.about-categories-numbers {
    display: flex;
    width: 60%;
    margin: 0 auto;
    line-height: normal;
    height: fit-content;
    max-width: fit-content;
}

.about-grid-item .about-categories-numbers {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}

.about-big-number {
    display: grid;
    align-content: center;
    text-transform: uppercase;
    color: var(--blue);
    font-weight: 600;
    font-size: clamp(40px, 4vw, 52px);
    margin-right: 10px;
}

.about-desc-text {
    color: var(--primary);
    font-size: var(--fs-text);
    white-space: pre-line;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.about-categories-blocks {
    width: 80%;
    display: flex;
    flex-flow: wrap;
    gap: 15px;
    justify-content: flex-start;
    margin: 20px auto;
}

.categories-block {
    background-color: var(--white);
    width: fit-content;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: var(--fs-text);
    flex-grow: 1;
}

.go-button {
    padding: 20px 35px;
    font-size: var(--fs-button);
    line-height: normal;
    color: var(--white);
}

.about-grid {
    display: flex;
    flex-direction: column;
}

.about-grid-row {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.about-grid-item {
    flex: 1;
}

.about-grid-item.about-planet {
    position: relative;
    aspect-ratio: 15 / 10;
}

.about-grid-item.about-planet img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 70%;
    border-radius: 0 0 20px 0;
}

.about-grid-item-element {
    display: flex;
    gap: 15px;
    margin-block: 30px;
    margin-top: 65px;
}

.about-brand {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 20px 15px;
    border-radius: 20px;
    width: clamp(100px, 6.7vw, 130px);
}

.extra-service {
    background-color: var(--grey-bg);
    width: min(100vw, 100%);
    display: flex;
    flex-direction: column;
    margin-top: 100px;
    padding-block: 50px 70px;
}

.extra-service.company-service {
    margin-top: 50px;
}

.extra-service .company-header {
    margin: 0 auto;
}

.extra-block {
    width: 80%;
    margin: 40px auto 0 auto;
    background-color: var(--white);
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}

.extra-block-img {
    flex: 1;
    display: flex;
    padding-right: 20px;
}

.extra-block-img.right-image img {
    margin-left: auto;
    margin-right: 50px;
}

.extra-block-img.left-image img {
    margin-right: auto;
    margin-left: 0;
}

.extra-block-img img {
    object-fit: cover;
}

.extra-block-text {
    flex: 1;
    height: fit-content;
    margin: auto;
    padding: 30px 70px;
}

.extra-block-text .about-categories-header {
    display: block;
    width: fit-content;
    margin-bottom: 10px;
}

.specialties {
    margin-block: 50px;
}

.specialties-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    width: 80%;
    margin: 40px auto;
}

.specialties-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.specialties-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.specialties-item-header {
    padding: 20px 30px;
    text-transform: uppercase;
    white-space: pre-line;
    color: var(--white);
    font-weight: 600;
    font-size: var(--fs-heading-sm);
    background-color: var(--blue);
    border-radius: 20px 20px 0 0;
}

.specialties-item-text {
    padding: 20px 30px;
    color: var(--primary);
    font-size: var(--fs-text);
    background-color: var(--grey-bg);
    border-radius: 0 0 20px 20px;
    flex-grow: 1;
}

.specialties-item-text .go-button {
    margin-block: 20px 0;
    font-size: var(--fs-button);
    padding: 15px 30px;
}

.join-us {
    background-color: var(--grey-bg);
    padding-block: 50px;
}

.join-us .go-button {
    margin: 20px 0;
    padding: 15px 30px;
}

.seller-main {
    padding: 50px 0 50px 10%;
    margin-bottom: 0;
    display: flex;
    min-height: 500px;
}

.main-about .seller-header {
    max-width: none;
    position: unset;
}

.seller-head {
    min-width: 600px;
    z-index: 1;
}

.seller-auth-form {
    background-color: var(--white);
    box-shadow: 0px 0px 20px 0px #00000020;
    border-radius: 20px;
    padding: 30px 20px;
    max-width: 500px;
    margin-top: 50px;
}
.seller-auth-form hr {
    margin-block: 30px;
}
.seller-auth-form h1 {
    font-size: clamp(18px, 2vw, 28px);
    margin-bottom: 20px;
}
.seller-auth-text {
    color: var(--primary);
    font-size: 16px;
    width: 80%;
    margin-bottom: 20px;
}
.seller-auth-form .primary_btn {
    width: 100%;
}

.seller-auth-form .primary_btn:focus,
.seller-auth-form .primary_btn:hover {
    background: var(--blue);
    opacity: .9;
}

.seller-auth-form .form-control {
    border: none;
    line-height: 30px;
    height: auto;
}

.seller-auth-form .invalid-ajax {
    color: var(--error);
    margin-top: 5px;
}

.seller-auth-form .text-right a {
    color: var(--grey-text);
}

.seller-auth-form .email {
    margin-bottom: 10px;
}

.seller-main img {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}

.full-width-bg {
    background-image: url('/static/images/main-block-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: auto;
    color: var(--white);
    width: 100vw;
    position: relative;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    display: flex;
    align-items: center;
}

.main-header {
    color: var(--blue);
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.2;
}

.welcome-header-top {
    font-size: 52px;
}

.welcome-header-bottom {
    font-size: 32px;
}

.welcome-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100%;
}

.welcome-wrapper img {
    flex: 1;
    max-width: 50%;
    height: auto;
    object-fit: contain;
}

.welcome-grid {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.welcome-grid-row {
    display: flex;
    gap: 20px;
}

.welcome-grid-item {
    flex: 1;
    background-color: var(--white);
    padding: 30px 20px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.last-welcome-grid-item {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.last-welcome-grid-item .welcome-grid-item-header {
    margin: 0;
}

.last-welcome-grid-item .welcome-grid-item-text {
    display: grid;
    align-content: center;
    line-height: 1;
}

.welcome-grid-item-header {
    color: var(--blue);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70px;
    line-height: 1;
    margin-bottom: 5px;
}

.welcome-grid-item-text {
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.to-be-seller-blocks .extra-block-text {
    background-color: var(--grey-bg);
    border-radius: 40px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 100px 70px;
    margin: unset;
    height: auto;
}

.to-be-seller-blocks .extra-block {
    width: auto;
    gap: 100px;
    border-radius: 0;
}

.to-be-seller-blocks .extra-block-img {
    flex: none;
}

.to-be-seller-blocks .about-categories-header {
    margin-bottom: 30px;
}

.to-be-seller-blocks .about-desc-text {
    line-height: 1.2;
}

.to-be-seller-blocks .about-categories-header img {
    margin: 0 10px 10px 0;
    width: 40px;
    display: none;
}

.to-be-seller-blocks li {
    font-size: var(--fs-text);
    margin-left: 30px;
}

.categories-section {
    background-color: var(--grey-bg);
    padding-block: 50px 70px;
}

.categories-section:has(.categories-carousel) {
    padding-bottom: 30px;
}

.categories-section + .categories-section {
    padding-block: 0;
}

.categories-section-container .main-header {
    margin-bottom: 0;
}

.specialties-blocks.categories-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 20px;
    padding: 0;
    background-color: unset;
}

.categories-block .specialties-item-header {
    font-size: clamp(18px, 1.7vw, 25px);
    font-weight: 400;
    text-transform: none;
}

.categories-block .specialties-item-text {
    padding-block: 0;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-color: var(--white);
}

.categories-carousel-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.carousel-arrow {
    display: none;
    background-color: unset;
    color: var(--grey-text);
    width: 40px;
    height: 40px;
    font-size: 50px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: opacity 0.2s;
}

.carousel-arrow:hover,
.carousel-arrow:focus {
    opacity: 0.8;
    background-color: unset;
}

.extra-categories {
    width: 100%;
    margin: 0 auto;
    color: var(--grey-text);
    font-size: clamp(18px, 1.7vw, 25px);
}

.seller-service {
    margin-top: 0;
    padding-top: 0;
}

.seller-service .about-desc-text {
    display: block;
    white-space: pre-line;
}

.seller-service .highlited-extra {
    text-transform: uppercase;
    color: var(--blue);
    font-weight: 600;
    font-size: var(--fs-heading-sm);
}

.seller-service .go-button {
    text-transform: uppercase;
    font-weight: 600;
    font-size: clamp(16px, 1.5vw, 25px);
    margin-top: 70px;
}

@media (max-width: 1199px) {
    .welcome-header-top {
        font-size: 42px;
    }

    .welcome-header-bottom {
        font-size: 26px;
    }

    .welcome-grid-item-header {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .welcome-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .welcome-wrapper img {
        max-width: 100%;
    }

    .welcome-grid {
        width: 100%;
        gap: 10px;
    }

    .welcome-grid-row {
        gap: 10px;
    }

    .welcome-header-top {
        font-size: 34px;
    }

    .welcome-header-bottom {
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .welcome-header-top {
        font-size: 26px;
    }

    .welcome-header-bottom {
        font-size: 16px;
    }

    .welcome-grid-item {
        padding: 15px;
    }

    .welcome-grid-item-header {
        font-size: 34px;
    }

    .welcome-grid-item-text {
        font-size: 16px;
    }

}

@media (max-width: 1350px) {
    .about-brand:nth-last-child(-n+2) {
        display: none;
    }
}

@media (min-width: 2000px) {
    .about-grid-item.about-planet {
        max-height: 550px;
    }
}

@media (max-width: 1200px) {
    .main-about {
        padding-top: 20px;
        padding-inline: 10px;
    }
    .main-about .main-header {
        position: unset;
        text-align: center;
        margin-bottom: 30px;
    }
    .bg-about {
        margin-bottom: 0;
    }
    .about-numbers {
        width: 90%;
    }
    .about-numbers .company-header {
        margin: 30px auto;
    }
    .about-categories {
        padding: 20px 15px;
        margin-block: 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .about-categories-header {
        margin-bottom: 10px;
    }
    .about-grid-row {
        flex-direction: column;
        gap: 0;
    }
    .about-big-number {
        width: min-content;
        font-size: 55px;
        align-items: center;
    }
    .about-categories-numbers {
        width: max-content;
    }
    .about-categories-numbers .about-big-number {
        text-align: center;
        align-items: center;
    }
    .about-categories .about-categories-blocks {
        gap: 10px;
        width: 100%;
        margin: 20px auto;
    }
    .about-grid {
        gap: 0;
    }
    .about-desc-text {
        width: fit-content;
    }
    .about-grid-item-element {
        width: 100%;
        justify-content: center;
    }
    .about-brand {
        width: 180px;
    }
    .about-grid-item.about-planet {
        align-items: flex-start;
    }
    .extra-service {
        margin-top: 30px !important;
        padding: 30px 20px;
        text-align: center;
    }
    .extra-service .about-desc-text {
        margin-top: 10px;
    }
    .extra-service.seller-service {
        margin-top: 0 !important;
    }
    .extra-blocks {
        margin-top: 20px;
    }
    .extra-block {
        width: unset;
        margin: 10px auto;
        flex-direction: column;
    }
    .extra-block-text {
        padding: 20px;
        order: 1;
    }
    .extra-block-img {
        order: 2;
    }
    .extra-block-text .about-categories-header {
        width: 100%;
        margin: 0 0 10px 0;
        text-align: left;
    }
    .extra-block-text .about-desc-text {
        width: 100%;
        margin: 0;
        text-align: left;
    }
    .extra-categories {
        width: 90%;
        margin-top: 20px;
    }
    .specialties {
        margin-block: 30px;
    }
    .specialties-blocks {
        margin: 30px 20px 20px 20px;
        width: auto;
        gap: 10px;
        grid-template-columns: 1fr;
    }
    .join-us {
        padding-block: 30px;
    }
    .join-us .extra-blocks {
        margin-top: 30px;
        margin-inline: 20px;
    }
    .join-us .go-button {
        margin: 20px 0;
    }
    .go-button {
        font-size: 18px !important;
        padding: 10px 20px !important;
    }
    .seller-main {
        flex-direction: column;
        padding: 40px 0 0 0;
    }
    .seller-head {
        min-width: auto;
        margin-inline: 10px;
    }
    .full-width-bg {
        margin-bottom: 10px;
    }
    .home_banner_area {
        margin-bottom: 10px;
    }
    .seller-header {
        margin-bottom: 20px;
    }
    .seller-auth-text {
        width: 100%;
    }
    .seller-auth-form {
        margin-top: 0;
        margin-bottom: 20px;
        margin-inline: auto;
    }
    .seller-main img {
        position: unset;
        width: auto;
        height: min-content;
        max-width: 100%;
    }
    .to-be-seller-blocks .extra-block-text {
        padding: 20px;
        border-radius: 20px;
    }
    .to-be-seller-blocks .about-categories-header img {
        display: inline;
    }
    .to-be-seller-blocks .extra-block-img {
        display: none;
    }
    .specialties-blocks.categories-block {
        display: block;
    }
    .categories-carousel .specialties-item {
        display: flex;
        flex-direction: column;
    }
    .carousel-arrow {
        display: flex;
    }
    .categories-carousel-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 20px;
    }
    .categories-carousel-wrapper .categories-carousel {
        width: 0;
        flex: 1;
        margin: 0;
    }
    .categories-section {
        padding-block: 70px;
    }
    .categories-section:has(.categories-carousel) {
        padding-block: 40px 0;
    }
    .categories-section + .categories-section {
        padding-top: 1px;
    }
    .seller-service .go-button {
        margin-block: 30px 10px;
    }
}

@media (max-width: 900px) {
    .about-grid-item.about-planet {
        aspect-ratio: 17 / 10;
    }
    .about-planet {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .about-planet .about-big-number {
        height: fit-content;
    }
    .about-planet .about-desc-text {
        width: 100%;
        align-items: flex-start;
    }
    .about-planet img {
        width: 50%;
    }
}