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


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

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: #3faa34 ;
    border: 2px solid #3faa34 ;
}

input.filter-item[type="radio"]:checked + label:before {
    background-color: #3faa34 ;
    border: 2px solid #3faa34 ;
}

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: 3px;
    top: 4px;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    -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;
}

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

.admin-menu-load a{
color: #fff; 
  background: #3faa34 ;
  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: #f5f3f1 ;
  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: #3faa34 ;
}

.color-blue{
   color: #3faa34;
}

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

.bg-black{
background: #000;
}

.bg-red{
background: #3faa34 ;
}

.bg-blue{
background: #3faa34;
}

.bg-sea{
background: #f5f3f1 ;
}

.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;
}
.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: #f5f3f1 ;
    transition: 0.3s;
    padding: 30px 30px 0px 30px;
    border-radius: 8px
}

.custom-podbor:hover{
    background-color: #f5f3f1 ;
    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;

}

.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: #f5f3f1 ;
    border-radius:18px;
    margin-top:15px;
    margin-bottom:15px;
    overflow: hidden;
    border: 2px solid #fff;
}

.brands-widget .item{
    background: #fff;
}

.sub-cats-widget .item:hover {
    opacity: 0.8;
    border: 2px solid #000 ;
    transition: 0.5s;
}

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

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

.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;
    padding: 0px 12px;
}
.sub-cats-widget .item i, .item span {
    display: inherit;
}

.sub-cats-widget .item.active {
    background-color: #f5f3f1 ;
}
.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;
    height: 270px; 
    margin-bottom: 25px;
}

.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: #ddd 1px solid;
    border-radius:18px;
    margin-top:15px;
    margin-bottom:15px;
    overflow: hidden;
}

.brands-widget .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}
.brands-widget .item:visited {
    color: #000;
}

.brands-widget img {
    height: 110px;
    padding: 0px;
    margin: 0px;
}

.brands-widget .owl-dots {
    display: none;
}
.brands-widget .item span {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
}
.brands-widget .item i, .item span {
    display: inherit;
}

.brands-widget .item.active {
    background-color: #f5f3f1 ;
}
.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: #f5f3f1 ;
}

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

.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: #f5f3f1 ;
}
.news-post-widget .item:hover .active > a {
    color: rgba(0,26,52,.6);
}

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

.collections-widget .item{
    background-color: #f5f3f1 ;
    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: #3faa34 !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 #3faa34 !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, #3faa34 , #3faa34 );
}
.indexbut2.tr-bg:hover {
    opacity: 0.9;
    color: #000;
    background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #3faa34 , #3faa34 );
    border: 2px solid #3faa34 ;
    color: #3faa34 ;
    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: #f5f3f1 ;
}

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

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

.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; */
  height: auto;
  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 #f5f3f1 ;   
background: #f5f3f1 ;
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: #3faa34 ;
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 #f5f3f1 eee;
background: #3faa34;
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: #3faa34 ;
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;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background: #3faa34 ;
   border: double 2px transparent;
   box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s
}

.primary_btn span {
   padding: 0 24px;
   transition: all 0.4s ease 0s
}

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

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

.primary_btn2 span {
   padding: 0 24px
}

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

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

.primary_btn3 {
   display: inline-block;
   color: #fff;
   letter-spacing: 0;
   font-weight: 500;
   font-size: 16px;
   line-height: 44px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background: #3faa34;
   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, #3faa34 , #3faa34 )
}

.primary_btn3.tr-bg:hover {
   opacity: .9;
   color: #000;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #3faa34 , #3faa34 );
   border: 2px solid #3faa34 ;
   color: #3faa34 ;
   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, #3faa34  0, #3faa34  100%), radial-gradient(circle at top left, #3faa34 , #3faa34 );
   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, #3faa34 , #3faa34 )
}

.primary_btn5.tr-bg:hover {
   opacity: .9;
   color: #fff;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #3faa34 , #3faa34 );
   border: 2px solid #3faa34 ;
   /* color: #3faa34 ; */
   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: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background: #3faa34 ;
   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: #3faa34 
}

.primary_btn6.tr-bg:hover {
   opacity: .9;
   color: #fff;
   border: 2px solid #fff;
   color: #3faa34 ;
   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, #3faa34 , #3faa34 );
   border: 2px solid transparent;
   color: #000;
   box-shadow: none
}

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

.product-n-dst .sale-sum {
    color: #fff;
    background-color: #3faa34;
    font-weight: bold;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 12px;
}

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

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

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

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

.availability-#2fbf6f {
   color: #fff;
   background-color: #3faa34;
   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;
    background-color: #3faa34 ;
}
.btn-light:hover, .btn-light:focus {
    color: #3faa34 ;
    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: #3faa34
}

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

.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 #3faa34;
}

.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 #3faa34;
   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: #3faa34;
  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: #f5f3f1 ;
}
.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: #f5f3f1 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:130px;
transition: all 0.3s ease-in 0s;
}

.header-image:hover {
	opacity:0.9;
	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 {
    padding: 20px;
    height: 532px;
    /* border: 1px solid #fff; */
    margin-bottom: 30px;
    border-radius: 12px;
    background: #fff;
    position: relative;
    transition: all 0.4s ease 0s;

    /* Имитация границы через box-shadow */
    box-shadow: 0 0 0 0.8px #ffffff;
    -webkit-box-shadow: 0 0 0 0.8px #ffffff;
 }

 .product-n:hover {
    /* border: 1px solid #d6dbe0; */
    box-shadow: 0 0 0 0.8px #bbbbbb;
    -webkit-box-shadow: 0 0 0 0.8px #bbbbbb;
    border-radius: 12px;
    padding: 20px;
    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: 300px;
    min-height: 300px;
}

.product-n .image img {
    max-height: 300px;
    border-radius: 12px;
    height: 100vh;
    /* object-fit: cover; */
    object-fit:contain;
}
.product-n .image img, .product-n .image video  {
    max-height: 300px;
    border-radius: 12px;
    height: 100vh;
    object-fit: cover;
 }
 .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: #000
}

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

.dropdown-open-call:hover{
background-color: #f5f3f1  !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: #3faa34 ;
}

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

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

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

@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: 400px) {
    .btn-cart-v2 .btn-cart-base {
        padding: 6px 12px !important;
    }
  
    .product-n .image, .product-n .image img, .product-n .image video, #banner-image img {
        max-height: 228px!important;
        min-height: 228px!important;
    }
    .product-n, .banner-free .pbc_inner, .baner_type_2 {
        max-height: 456px !important;
        min-height: 456px!important;
    }
    .banner-href a{
        font-size: 12px!important;
    }
    .row2.product-items .dst-container-mobil-cart:nth-child(1n) {
        padding-left: 0px !important;
    }
    .row2.product-items .dst-container-mobil-cart:nth-child(2n) {
        padding-right: 0px !important;
    }
    .slick-slide a{
        border-radius: 12px!important;
    }
}

@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, .group-product-info .price-block{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.product-n  .price-block .price , .group-product-info .price-block .price{
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #3faa34 ;
}
.product-n .price-block .price.price-sale, .group-product-info .price-block .price.price-sale{
    color: #3faa34 ;
}

.product-n  .old-price , .group-product-info .old-price{
    font-size: 16px;
    line-height: 14px;
    color: #000;
    position: relative;
    margin-left: 5px;
}
.product-n  .old-price:before , .group-product-info .old-price:before{
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    display: block;
    background: #3faa34 ;
    transform: rotate(-3deg);
}

.old-price.cart {
    font-size: 16px;
    line-height: 14px;
    color: #000;
    position: relative;
    margin-left: 5px;
    text-decoration: line-through #3faa34;
 }
 
 /* .old-price.cart:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    display: block;
    background: #3faa34;
 } */

.product-n .image {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 12px;
}
.product-n .sale-sum {
    color: #fff;
    background-color: #3faa34 ;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    flex-shrink: 0;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 12px;
    margin-right: 8px;
    display: flex;
    justify-content: space-between
 }
.product-n .sale-sum span {
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
}

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


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

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


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


.product-n .stiker {
    width: 48px;
    background: #3faa34 ;
    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;
}

.product-n .slick-prev.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;
    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 {
right: 10px;
  position: absolute;
  top: 10px;
  z-index: 1;
}
.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: #3faa34 ;
}
.product-n .add-favorite .is_add svg  {
    color: #3faa34;
}

.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: #f5f3f1;
  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 #3faa34 ;
}

.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 #f5f3f1 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;
    width: 25px;
    height: 11px;
    content: ' ';
    background: transparent url(/templates/default/shop/images/arrow-preview.svg) 0 -11px no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px;
}


.slick-prev.slick-arrow {
    margin-bottom: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0 0;
    background-size: 25px auto;
    width: 100px;
    height: 20px;
    position: relative;
}
.slick-next.slick-arrow {
    margin-top: 10px;
    border: 0;
    color: #fff;
    display: block;
    opacity: 1;
    background: 0 0;
    background-size: 25px auto;
    width: 100px;
    height: 20px;
    position: relative;
}
.slick-next.slick-arrow:before {
    display: block;
    width: 25px;
    height: 11px;
    content: ' ';
    background: transparent url(/templates/default/shop/images/arrow-preview.svg) -25px -11px no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -12px;
}

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

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

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

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

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

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

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: #3faa34  !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: #3faa34 ;
}

.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.active > a, .flexMenu-viewMore > a:hover {
  /*background-color: #FF7400;*/
}

.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: #3faa34;
   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: #ffffff;
}

#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: #000;
    margin: 0;
}
.flexMenu-popup li a {
    padding: 10px;
}
.flexMenu-popup li a:hover{
    background-color: #000;
}
.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: 2px;
    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 #3faa34  ;
}

.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: #3faa34 ;
	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: #f5f3f1 ;
   padding: 7px 10px;
   border-radius: 8px;
   font-size: 16px;
   min-width: 80px;
   display: inline-block
}

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

.dstline {
   border: 3px solid #3faa34;
   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 #3faa34;
   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: 999px) {
#right-sidebar.show {
    display: block;
    width: 100%;
    background: #f5f3f1 ;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 24px 24px;
}
.main-leftbar{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
}

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

.nav-page2 li a {
    color: #000;
    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: #3faa34;
    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: #3faa34 !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: #3faa34  !important;
    margin: 0px;
    right: -6px;
    position: absolute;
    color: #fff !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: #3faa34;
    border: 2px solid #3faa34 ;
}

.dropdown-cats .dropdown-toggle{
    background: #3faa34  !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: #3faa34  !important;
    margin: 0px;
    height: 100%;
    color: #fff !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: #3faa34 ;
	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: #3faa34 ;
}

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

.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 #f5f3f1 ;
   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: #3faa34 ;
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: #3faa34 ;
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="#ffffff" 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: #3faa34 ;
}

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

    .reviews .form .stars .starrating > input:checked ~ label{ 
        color: #F4B400;
    }

    .reviews .form .stars .starrating > input:hover ~ label{ 
        color: #F4B400;
    }
    
    .btn-orange {
      color: #fff;
      background-color: #3faa34 ;
      border-color: #3faa34 ;
    }

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

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

    .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: #3faa34;
        color: #fff;
        font-size: 13px;
        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;
    }

    .nav-item .count {
        right: -1px;
    }
    .mini-cart-deposit {
        position: relative;
    }
    .mini-cart-deposit .cart-count {
        border-radius: 50%;
        background: #3faa34 ;
        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: #3faa34 ;
        border-color: #3faa34 ;
        opacity: 0.3
    }
    .btn-orange:hover:disabled {
        color: #fff;
        background-color: #3faa34 ;
        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: #3faa34 !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: #3faa34;
        border-radius: 1em;
        cursor: ew-resize;
        outline: 0;
        top: -.3em;
        margin-left: 0;
    }


    .show-all-filter {
        margin-top: 5px;
        color: #3faa34;
    }

    .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, .search_full .load-page  {
        text-align: center;
        background: #f9f9f9;
        padding: 15px;
        cursor: pointer;
    }
    .searchBox .search-all, .search_full .search-all  {
        text-align: center;
        background: #f9f9f9;
        padding: 15px;
        cursor: pointer;
        color: #000;
    }
    
    .searchBox .load-page:hover, .search_full .load-page:hover, .searchBox .search-all:hover {
        background: #f1f1f1;
    }
    .searchBox .items .item, .search_full .items .item  {
        border-bottom: 1px solid #e6e8ea;
        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 .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: #3faa34 ;
        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: #f5f3f1 ;
    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: #3faa34 ;
        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: #ffffff;
	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: #f5f3f1 ;
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: #3faa34 ;
        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:#3faa34 ;
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:#3faa34;
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-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: #3faa34;
    background-color: #adebc9;
    min-height: 56px;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 12px;
    transition: all .3s ease-in;
}
.line.btn-blue:hover {
    opacity: .8;
    transition: all .3s ease-in;
}
     
.product-cart-block {
    border: 0 solid #d6dbe0;
    border-radius: 18px;
    padding: 0 20px;
    overflow: hidden;
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    cursor: pointer;
    transition: all .3s ease-in;
}

.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;
    background: #666;
    z-index: 5;
}
.modal .close span{
    color: #fff;
    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: #3faa34 ;
    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: #3faa34 ;
    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: #f5f3f1;
    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: #000;
    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: #000;
    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: #000;
    background-color: #3faa34 ;
    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.8;
}

.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: #3faa34 ;
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;
  cursor: pointer;
  min-height: 200px;
}

.card:hover {
  border-color: #3faa34 ;
  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: #f5f3f1 ;
}

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

.dst-char-item {
font-size: 16px;
background: #3faa34 ;
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: #f5f3f1 ;
    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: #f5f3f1 ;
    color: #1f2930;
    font-weight: bold;
    font-size: 18px;
    box-shadow: none !important;
}
.btn-#2fbf6f {
    background-color: #3faa34  !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: #fff;
    font-size: 18px;
}
#reviews_add_form .actions a {
    font-size: 16px;
    color: #000
}

.brand_area {
  padding-bottom: 60px; }
 
.features_area {
  padding-bottom: 10px; 
  background: #f5f3f1 ;}
   
.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: #3faa34 ;
}

.note-dst {
    color: #3faa34 ;
}

.dst-inline {
min-height: 90px;
background: #f5f3f1 ;
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: #f5f3f1 ;
border-radius: 18px;
padding: 0px 30px 5px 30px;
margin-bottom: 30px;
}

.section_gap_bottom_dst {
    padding-bottom: 30px;
}

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

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

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

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


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

.dst-code-sku {
color: rgba(0, 26, 52, .6);
background: #f5f3f1 ;
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: #f5f3f1 ;
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: #3faa34  1px solid;
color: #3faa34 ;
cursor: pointer;
font-size: 16px;
padding: 7px 16px;
text-decoration: none;
display: inline-block;
border-radius: 8px;   
}

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

.dst-comiss-buy {
color: #fff;
background: #3faa34 ;
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: #3faa34;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 14px;
    min-width: 80px;
    display: inline-block;
    font-weight: 600;
    margin-left: 0px;
		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: #3faa34 ;
    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: #3faa34 ;
    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: #3faa34 ;
    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: #f5f3f1 ;
padding: 5px 10px;
border-radius: 8px;
font-size: 14px;
min-width: 120px;
display: inherit;
}

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

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

.dst-summ-partner {
color: rgba(0, 26, 52, .6);
background: #f5f3f1 ;
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-#3faa34-front {
   color: #3faa34 ;
   padding: 4px 10px;
   border-radius: 8px;
   font-size: 16px;
   min-width: 50px;
   display: inline-block;
   font-weight: 600;
   border: #3faa34  1px solid
}

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

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

.dst-summ-skid-#2fbf6f-front {
color: #3faa34 ;
padding: 4px 10px;
border-radius: 8px;
font-size: 14px;
min-width: 50px;
display: inline-block;
font-weight: 600;
border: #3faa34  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: #f5f3f1 ;
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: #3faa34 ;
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: #3faa34 ;
    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: #3faa34 ;
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;
}

.product-cart-block {
    margin-top: 30px;
}

 .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: #3faa34 ;
    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 {
    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: #3faa34 ;
    color: #3faa34 ;
    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: #ffffff;
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: #f5f3f1 ;
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: #3faa34 ;
    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: #3faa34 -webkit-linear-gradient(100deg, #ef3124 20%, #3faa34 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: #3faa34 -webkit-linear-gradient(100deg, #8a2c34 10%, #3faa34 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: #3faa34;
   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: #3faa34;
   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: #3faa34;
   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 #f5f3f1 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: #3faa34 ;
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 #f5f3f1 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: #3faa34 ;
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: #3faa34;
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: 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: 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;	
widthh: 20px;
}

.user-avatar-q img{
height: 20px;	
widthh: 20px;
}

.callout-block {
   padding: 1.5rem;
   background: #f5f5f5;
   margin-top: 2rem;
   margin-bottom: 1rem;
   border-radius: 12px;
   font-size: 16px
}

.callout-block2 {
   padding: 1.5rem;
   background: #3faa34;
   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: #3faa34
}

.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: #ffffff;
    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 #f5f3f1 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: 40vh;
    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: #3faa34 !important;
}

.mobile-app {
    padding: 0 8px;
    color: #4d5f71;
    border-radius: 8px;
    background-color: #e5efff;
}
.flexMenu-popup a{
    color: #fff !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: #3faa34  !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: #3faa34 ; 
}

.dstrow {
    margin-bottom: 30px;
}

.contact_infodst .info_itemdst {
    position: relative;
    margin-top: 30px;
	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 #f5f3f1 ;
    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: #3faa34;
    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: #3faa34 ;
    /*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: #3faa34 ;
	margin-top: 20px;
}
.shipping-h2 span {
    border-bottom: 3px solid #3faa34 ;
    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: #3faa34
}

.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: #3faa34;
   text-align: left;
   font-size: 14px
}

.cart-buttons .active,
.pays-types .active {
   border: 1px solid #3faa34;
   color: #3faa34
}

.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: #3faa34 -webkit-linear-gradient(100deg, #ea4235 10%, #3faa34 100%) repeat scroll 0 0;
    }
	
	.service-service .icon {
        background: #3faa34 repeat scroll 0 0;
    }
	
	
		.service-marketing .icon {
        background: #d6dbe0 repeat scroll 0 0;
    }
	
	
		
	
.service-market .icon {
background: #3faa34 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: #3faa34 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-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: #f5f3f1 ;
}

.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: #f5f3f1 ;
}
.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: #3faa34;
}

.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: #f5f3f1 ;
    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: #f5f3f1 ;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 140px;
    height: 180px;
    color: #fff;
    border: 2px solid #f5f3f1 ;
    border-radius: 18px;
}

.collections-widget-dst2 .item:hover{
border: 2px solid #3faa34;
}

.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: #f5f3f1 ;
}
.sub-cats-mobilmenu .item:hover .active > a {
    color: rgba(0,26,52,.6);
}

.product-block-title-pos{
    height:45px;
  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%;
  font-weight: 500;
  display: -webkit-box;
  -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: #3faa34
}

.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: #3faa34;
   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: #3faa34;
   transform: rotate(-3deg)
}

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

.product-cart .sale-sum {
   color: #fff;
   background-color: #3faa34;
   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-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: #3faa34;
   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: #3faa34
}

.product-cart .add-favorite .is_add svg {
   color: #3faa34
}

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

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

.club-item-tags a {
   background: #f5f3f1 ;
   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: #f5f3f1 ;
border: 1px solid #f5f3f1 ;
  padding: 30px;
  border-radius: 18px;
  cursor:pointer;
  min-height: 290px;
  transition: all 0.4s ease 0s;
}

.fields_help:hover {
   border-color: #3faa34;
   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: #f5f3f1 ;
  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: #3faa34;
  color: #fff;
  font-size: 13px;
  left: 0;
  top: 0;
  z-index: 1;
  margin: 10px;
  border-radius: 18px;
}

.note3{
position: relative;
  padding: 2px 10px;
  background: #3faa34;
  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;
   margin-right: 5px;
}
.color-fields .form-check-label{
   width: 60px;
   height: 75px;
}
.color-fields .form-check-label::before {
   width: 40px !important;
   height: 40px !important;
}
.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: #3faa34
}

.dstlinkall {
   color: color:rgba(0, 26, 52, .6);
   text-align: center;
   display: block;
   font-size: 16px
}

.dstlinkall:hover {
   color: #3faa34
}

.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: #3faa34;
   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: #3faa34;
   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: #3faa34;
    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="#FFFFFF",
      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 #3faa34;
    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="#FFFFFF",
      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: #3faa34;
   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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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%), #3faa34 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: #3faa34;
   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: #3faa34;
   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: -48px;
} 
 
 .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: #3faa34;
    display: inline-block;
    font: 16px/1 FontAwesome;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    text-rendering: auto;
}

.dstline {
    border: 3px solid #3faa34;
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 {
  position: absolute;  
  bottom: 0;
  left: 0;
}
summary::before {
  content: "Смотреть ещё";
}
details[open] summary::before {
  content: "Свернуть";
  top: 20px;
    position: relative; 
}
summary::-webkit-details-marker {
  display: none;
}
			
.dstswfeatures_area {
   padding-bottom: 10px
}

@media(max-width:1199px) {
   .dstswfeatures_area {
      padding-bottom: 50px
   }
}

.dstswfeature_item {
   min-height: 250px;
   border-radius: 12px;
   color: 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: #3faa34;
   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: #3faa34;
   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: #3faa34;
   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: #3faa34;
   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: #3faa34;
   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: #3faa34;
   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: #3faa34;
   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: #3faa34 !important
}

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

.section_gap_top_black {
   padding-top: 30px;
   background: #3faa34 !important
}

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

.section_gap_bottom_black {
   padding-bottom: 30px;
   background: #3faa34 !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, #3faa34 0%, #3faa34 100%);
  border-image: -moz-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  border-image: -o-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  border-image: linear-gradient(90deg, #3faa34 0%, #3faa34 100%); }

.gradient-bg2 {
  background: -webkit-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  background: -moz-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  background: -o-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  background: linear-gradient(90deg, #3faa34 0%, #3faa34 100%); }

.gradient-color, .contact_info .info_item i {
  background: -webkit-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  background: -moz-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  background: -o-linear-gradient(90deg, #3faa34 0%, #3faa34 100%);
  background: linear-gradient(90deg, #3faa34 0%, #3faa34 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: #3faa34; }
      .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: #3faa34; }
        @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: #ffffff;
    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: #3faa34;
        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: #3faa34;
    border-color: #3faa34;
    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: #3faa34;
    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: #3faa34; }

.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: #3faa34;
        position: absolute;
        left: 0px;
        bottom: 0px; }
        .causes_item .causes_img .c_parcent span:before {
          content: "75%";
          position: absolute;
          right: -10px;
          bottom: 0px;
          background: #3faa34;
          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: #3faa34; }
    .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 #3faa34;
    text-align: center;
    float: left;
    line-height: 50px;
    background: #3faa34;
    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: #3faa34; }
  .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: #3faa34; }
  .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: #3faa34; }

.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: #3faa34; }
  .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, #3faa34, #3faa34);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #3faa34, #3faa34);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #3faa34, #3faa34);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #3faa34, #3faa34);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #3faa34, #3faa34);
    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: #3faa34; }
  .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: #3faa34; }
    .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: #3faa34; }
    .blog_right_sidebar .post_category_widget .cat-list li:hover {
      border-color: #3faa34; }
  .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: #3faa34; }
.single-post-area .blog_details {
  padding-top: 26px; }
  .single-post-area .blog_details p {
    margin-bottom: 10px; }
.single-post-area .quotes {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 24px 35px 24px 30px;
  background-color: white;
  box-shadow: -20.84px 21.58px 30px 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: 138px; 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: #3faa34;
      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: #3faa34; }
    .sample-text-area p i {
      color: #3faa34;
      font-style: italic; }
    .sample-text-area p sup {
      color: #3faa34;
      font-style: italic; }
    .sample-text-area p sub {
      color: #3faa34;
      font-style: italic; }
    .sample-text-area p del {
      color: #3faa34; }
    .sample-text-area p u {
      color: #3faa34; }

/*============== 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 #3faa34;
  color: #3faa34; }
  .link-border:before {
    background: #3faa34; }

.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: #f5f3f1;}
  @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: #3faa34
}

.features_area_dst4 {
  background: #3faa34;
}

.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: #3faa34;
    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: #3faa34; }
      @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: #ffffff;
      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: #3faa34; }
  @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: #ffffff; }

.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 #ffffff;
    background: transparent;
    font-weight: 400;
    border-radius: 8px;
    color: #ffffff; }
    .subscription_box .subscription input:focus {
      outline: none; }
    @media (max-width: 420px) {
      .subscription_box .subscription input {
        min-width: 250px; } }
    .subscription_box .subscription input.placeholder {
      color: #ffffff;
      font-weight: 400; }
    .subscription_box .subscription input:-moz-placeholder {
      color: #ffffff;
      font-weight: 400; }
    .subscription_box .subscription input::-moz-placeholder {
      color: #ffffff;
      font-weight: 400; }
    .subscription_box .subscription input::-webkit-input-placeholder {
      color: #ffffff;
      font-weight: 400; }
  .subscription_box .primary-btn {
    margin-left: 10px;
    background: #ffffff;
    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: #3faa34 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; */
  top: 0;
  font-size: 13px;
  /* float: right; */
   float: left;
   margin-bottom: 8px;
}

.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: #005bff !important;
   border: #005bff !important;
}
.ai-dots .dot1,.ai-dots .dot2,.ai-dots .dot3 {
   background-color: #fff;
}
.dot1, .dot2, .dot3 {
   background-color: #005bff;
   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;
   }
 }

.ai-generate{
    background-color: #3faa34 !important;
}
 
/**/

/**/
.searchBoxGroupProducts .item:not(.searchBoxGroupProducts .item:last-child){
    border-bottom: 1px solid #d6dbe0;
    padding: 5px 0
}

.searchBoxGroupProducts .product .image{
text-align: center
}

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

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

.searchBoxGroupProducts .product .title,
.searchBoxGroupProducts .product .price{
padding-top: 13px
}
.searchBoxGroupProducts .product .cart:hover {
background-color: rgba(0, 150, 255, .08)
}

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

.searchBoxGroupProducts .product .cart {
    text-align: center
}

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

.searchBoxGroupProducts span {
    color: rgba(0, 26, 52, .6);
    float: left;
    margin-left: 10px;
    padding-right: 20px;
    font-size: 16px;
    min-width: 80px
}


.group-delete, .group-add {
    font-size: 24px !important;
    width: 50px;
    padding: 0 !important;                        
}
.group-products-hero{
    max-width: 1400px;
}
.group-hint{
    color: #6d7986;
    font-size: 15px;
}
.group-add-product {
    max-width: 150px;
}
.group-add-product .group-add{
    display: block;
}        
.cloned.group-add-product .group-add{
    display: none;
}
.group-add-product .group-delete{
    display: none;
}        
.cloned.group-add-product .group-delete{
    display: block;
}        
.group-box img {
    border-radius: 12px;
    width: 100%;
    max-width: 60px;
    margin: 0 auto;
}
.group-box .item {
    font-size: 16px;
}
.group-box .storie-add-product a{
    font-size: 14px;
    padding: 5px 10px;

}
.group-box{
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
.group-box  .remove-storie-product {
    text-decoration: underline !important;
    cursor: pointer;
}
.group-box .storie-product-wrapper {
    background-color: #f5f7fa;
    border-color: #eee;
    border-radius: 12px;  
    padding: 10px 25px; 
}  
.add-group-wrapper {
    display: none !important;
    background-color: #EEF1F9 !important;
}

.add-group-wrapper.show {
    display: flex !important;
}                                    
@media screen and (max-width:600px) {
    .group-box .product .image {
        padding-right: 0 !important;
    }
    .group-box .product .title {
        padding-right: 0 !important;
    }
    .group-box .product .storie-add-product {
        padding-left: 0 !important;
    }      
}  
.group-products-hero>.card {
    margin-bottom: 20px;
}
.group-products-hero .card {
    min-height: unset !important;
}
.group-products-hero .message_error  {
    display: none;
}


.product-block-title {
    font-size: 24px;
    color: #000;
    display: inline-block;
    margin-bottom: 20px;
}
    .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);
}

.color-field {
    min-width: 55px;
    margin-right: 5px;
 }
 .color-fields .form-check-label{
    width: 60px;
    height: 75px;
 }
 .color-fields .form-check-label::before {
    width: 40px !important;
    height: 40px !important;
 }
 .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;
 }


 .group-products img:not( .group-product-info img){
    border-radius: 15px;
    height: 87px !important;
    width: auto;
    object-fit: cover;
 }
 .group-product-info img {
    width: auto;
    border-radius: 10px;
    height: auto;
 }
 .group-product-info {
    display: none;
    top: 98px;
    z-index: 10;
    background: #fff;
    width: 181px;
    border-radius: 15px;
    box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
    right: -59px;
 }