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

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

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

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

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

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

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

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

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

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 #fff;
   border-bottom: 3px solid #fff;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg)
}

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
}

.text-decoration{
 text-decoration: underline;	
}

.button-city{
line-height:normal !important; 
}

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

.center{
text-align: center;   
}

.anchorjs-link{
display:none; 
}

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

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

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

.color-white{
color:#fff !important
}

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

.color-red{
color:#f44;	
}

.color-rose{
color:rgba(255,255,255,.6);	
}

.color-blue{
color:#a73afd;	
}

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

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

.color-green{
color: #a73afd
}

.width-100 {
  width: 100%;
}

.bg-white{
background: #fff;
}

.bg-gray{
background: #f5f7f9 !important
}

.bg-black{
background: #000;
}

.bg-red{
background: #f44;
}

.bg-blue{
background: #a73afd !important
}

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

.border-gray{
border: 1px solid #d6dbe0;	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fade{
    0%,45% {
      opacity: 0;
}
    100%{
      opacity: 1;
  }
}

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

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


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

.dstport_item1 {
border:1px solid #f5f7fa;   
background: #f5f7fa;
background-size: cover;
min-height: 300px;
border-radius: 18px;
color: #000;
font-size: 18px;
padding: 45px 25px 25px 45px;
text-align: left;
cursor: pointer;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;}

.dstport_item1:hover {
border-color: #a73afd;
transform: translateY(-8px);
box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
	}
.dstport_item1 img {
display: block;
margin: 0 auto;	}

.dstport_item2 {
background: #a73afd;
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: #a73afd;
transform: translateY(-8px);
box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}
.dstport_item2 img {
display: block;
margin: 0 auto;	
}

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

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

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

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

.opt-products {
   width: 100%
}

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

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

.btn-primary:hover,
.btn-primary:focus {
   color: #fff;
   background-color: #a73afd
}

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

.btn {
   border: 0 solid transparent
}

.btn {
   transition: unset
}

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

#circle-small {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0s;
	position: absolute;
	top: 200px;
	left: 150px;
    background: #f44;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    opacity: 0.4;
}

#circle-medium {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0.3s;
	position: absolute;
	top: 50px;
	left: 0px;
    background: #f44;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    opacity: 0.3;
}

#circle-large {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0.6s;
	position: absolute;
	top: -100px;
	left: -150px;
    background: #f44;
    width: 900px;
    height: 900px;
    border-radius: 50%;
    opacity: 0.2;
}

#circle-xlarge {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0.9s;
	position: absolute;
	top: -250px;
	left: -300px;
    background: #f44;
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    opacity: 0.1;
}

#circle-xxlarge {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 1.2s;
	position: absolute;
	top: -400px;
	left: -450px;
    background: #f44;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    opacity: 0.08;
}

@-webkit-keyframes circle-small-scale {
    0% {
        -webkit-transform: scale(1.0);
    }
    100% {
        -webkit-transform: scale(1.1);
    }
}

@keyframes circle-small-scale {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
    }
}

#circle-small-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0s;
	position: absolute;
	top: 200px;
	left: 150px;
    background: #a73afd;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    opacity: 0.4;
}

#circle-medium-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0.3s;
	position: absolute;
	top: 50px;
	left: 0px;
    background: #a73afd;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    opacity: 0.3;
}

#circle-large-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0.6s;
	position: absolute;
	top: -100px;
	left: -150px;
    background: #a73afd;
    width: 900px;
    height: 900px;
    border-radius: 50%;
    opacity: 0.2;
}

#circle-xlarge-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 0.9s;
	position: absolute;
	top: -250px;
	left: -300px;
    background: #a73afd;
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    opacity: 0.1;
}

#circle-xxlarge-blue {
    -webkit-animation: circle-small-scale 3s ease-in-out infinite alternate;
    animation: circle-small-scale 3s ease-in-out infinite alternate;
	animation-timing-function: cubic-bezier(.6, 0, .4, 1);
	animation-delay: 1.2s;
	position: absolute;
	top: -400px;
	left: -450px;
    background: #a73afd;
    width: 1500px;
    height: 1500px;
    border-radius: 50%;
    opacity: 0.08;
}

.city-modal-title {
        color: #000;
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 24px;
    }
    
    .search-city {
        display: inline-block;
    }
    .search-city .city {
        display: block;
        width: 25%;
        float: left;
        margin-top: 15px;
        color: #000;
        font-size: 17px;;
        border: 0;
        background-color: transparent;
        text-align: left;
    }
    .city-selector-link:hover {
        text-decoration: underline;
        cursor: pointer;
    }

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

.home_banner_area .banner_inner {
   width: 100%
}

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

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

.home_banner_area .banner_inner .banner_content h5 {
   font-size: 17px;;
   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: #a73afd
}

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

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

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

.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: 2px solid #a73afd;
}

.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: 2px solid #a73afd;
   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: #a73afd;
  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: #f5f7f9
}

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

.section_gap_top {
   padding-top: 30px
}

.section_gap_bottom {
   padding-bottom: 30px
}

.section_gap_bottom_dst {
   padding-bottom: 30px
}

.section_gap_black {
   padding-top: 30px;
   padding-bottom: 30px;
   background: #a73afd !important
}

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

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

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

.section_gap_bottom_black {
   padding-bottom: 30px;
   background: #a73afd !important
}

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

.about_area .about_img {
   position: relative
}

.cattitle {
   margin-bottom: 80px
}

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

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

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

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

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

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

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

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

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

.slide-info {
   background-color: #f5f7faeee
}

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

.chatCopyright_505 {
   display: none
}

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

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

.logoIcon_03c {
   display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cart-process {
   background: #fff
}

.cart-header {
   background: #f5f7fa
}

.cart-totals {
   background: #fff
}

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

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

.filter-sorts button {
   background: 0;
   padding: 3px;
   color: rgba(0, 26, 52, .6);
   font-size: 17px;
}

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

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

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

.filter-views .view-change {
   background: 0;
   padding: 3px;
   color: rgba(0, 26, 52, .6);
   font-size: 17px;;
   opacity: .8
}

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

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

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

.product-n {
   padding: 20px;
   height: 500px;
   border: 1px solid #fff;
   margin-bottom: 30px;
   border-radius: 18px;
   background: #fff;
   position: relative;
   transition: all 0.4s ease 0s
}

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

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

.product-n .open-callback {
   color: #000
}

.product-n:hover {
   border: 1px solid #d6dbe0;
   border-radius: 18px;
   padding: 20px;
   transition: all 0.4s ease 0s;
   /* opacity: .9 */
}

.product-n .title {
   overflow: hidden;
   font-size: 17px; !important;
   line-height: 1.38;
   margin-bottom: 6px !important;
   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: #a73afd
}

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

.product-n .info {
   position: relative
}

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

.product-n .price-block .price {
   font-size: 20px;
   font-weight: 700;
   line-height: 26px;
   color: #001a34
}

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

.product-n .old-price {
   font-size: 17px;;
   line-height: 14px;
   color: #001a34;
   position: relative;
   margin-left: 5px
}

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

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

.product-n .sale-sum {
   color: #a73afd;
  background-color: #f4e7ff;
   font-weight: bold;
   position: absolute;
   left: 0;
   bottom: 0;
   flex-shrink: 0;
   padding: 4px 8px;
   font-size: 15px;
   border-radius: 18px;
   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;
    background-size: auto;
  height: 15px;
  width: 0;
}

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

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

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

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

.product-n .slick-list {

}

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

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

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

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

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

.product-n .image {
 
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: 0;
   float: left
}

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

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

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

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

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

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

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

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

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

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

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

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

.all_sum {
   font-size: 17px;;
   font-weight: 500;
   color: rgba(0, 26, 52, .6)
}

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

.color-group {
   display: inline-block
}

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

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

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

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



.slick-slide img {
   margin: 0 auto
}

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

.footer .title-footer {
   color: #fff;
   font-weight: 600;
   font-size: 17px;;
   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: 17px;;
   line-height: 32px;
   color: #fff
}

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

.footer .time-open {
   font-size: 17px;;
   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: 17px;;
   line-height: 38px;
   color: #000
}

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

.footer_market .time-open {
   font-size: 17px;;
   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: 17px;;
   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: 17px;;
   line-height: 32px;
   color: #fff
}

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

.footer_services .time-open {
   font-size: 17px;;
   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: 17px;;
   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: 17px;;
   line-height: 32px;
   color: #fff
}

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

.footer_deposit .time-open {
   font-size: 17px;;
   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: 17px;;
   line-height: 20px;
   display: block;
   max-width: 120px
}

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

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

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

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

.site-logo {
   float: left
}

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

.slide-info b {
   font-size: 17px;;
   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 {
   color: #000;
   font-weight: 700;
   margin-bottom: 10px;
   font-size: 24px
}

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

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

.pagebar {
   text-align: center;
   font-size: 24px;
   font-weight: 600;
   border: 1px solid #d6dbe0;
   padding: 15px;
   border-radius: 18px
}

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

.pagebar a {
   color: #000
}

.pagebar .pagebar_current {
   color: #000;
}

.pagebar_current {
  color: #a73afd !important;
}

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

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

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

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

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

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

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

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

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

.clear {
   clear: both
}

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

.flexMenu-popup a {
   display: block
}

.flexMenu-popup a:hover {
     color: #000;
   display: block
}

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

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

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

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

.dst-order-name {
   margin-top: 20px;
   background: #f5f7fa;
   font-size: 17px;
}

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

.header-site {
   border-bottom: 1px solid #d6dbe0;
   transition: all 3.3s ease-in 0;
   z-index: 10000;
   background: linear-gradient(97.26deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%),linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05))
}

.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: 17px;;
   color: #fff
}

.nav-cats li a:hover {
   text-transform: none;
   font-weight: 500;
   font-size: 17px;;
   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: 17px;;
   padding-right: 5px;
   color: #fff
}

.nav-page2 li a {
   font-size: 17px;;
   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: 0;
   background: #0c0c0c;
   text-align: left;
   right: -46px;
   top: 69px;
   width: 200px
}

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

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

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

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

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

.header-phone {
   color: #fff
}

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

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

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

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

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

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

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

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

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

.flexMenu-popup li a:hover {
  color: #000;
}

.edit_wlinks {
   display: none
}

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

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

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

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

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

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

.variable-radio input:checked+label {
   background-color: #fff;
   border: 2px solid #f44
}

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

.hidden {
   display: none !important
}

.dst-header-index {
   position: relative
}

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

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

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

#search_field {
   margin: 10px 25px
}

.header-small #search_field {
   margin: 0
}

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

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

.sub-cats-black {
   background-color: #000;
   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: 17px;;
   word-wrap: normal;
   transition: all 0.4s ease 0s
}

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

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

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

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

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

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

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

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

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

.direction_active {
  font-weight: 700;
}

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

.docs-status-new {
   color: #fff;
   background: #a73afd;
   padding: 7px 10px;
   border-radius: 18px;
   font-size: 17px;;
   min-width: 80px;
   display: inline-block
}

.dstline {
   border: 3px solid #a73afd;
   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 #f44;
   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: 17px;;
   line-height: 28px;
   font-weight: 500;
   margin-top: 15px;
   margin-bottom: 50px
}

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

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

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

.navbar {
   padding: 0
}

.show_filter {
   display: none
}

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

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

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

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

.main-leftbar {
   order: 2
}

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

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

.nav-tabber a.active {
   color: #000;
   font-size: 17px;
}

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

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

.slide-info2 h3 {
   color: #fff
}

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

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

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

.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: #a73afd;
   font-size: 17px;;
   padding: 7px 25px
}

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

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

.dstloginindex2 {
  color: rgba(0, 26, 52, .6);
  font-size: 17px;;
  line-height: 24px;
}

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

.mini-index-menu a {
   color: rgba(0, 26, 52, .6)
}

.nav-page li a {
   color: rgba(255,255,255,.6);
   font-size: 14px
}

.nav-page2 li a {
   color: rgba(255,255,255,.6);
   font-size: 14px
}

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

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

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

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

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

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

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

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

.line-search .btn {
   background: #a73afd !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: #fff !important;
   margin: 0;
   right: -6px;
   position: absolute;
   color: #c8c8d1 !important;
   height: 100%;
   border-radius: 0 10px 10px 0 !important;
   padding: 0 30px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

.search-input {
   margin: 0 auto;
   width: 100%;
   transition: all 0.4s ease 0s;
   border-radius: 14px;
   border-color: #fff;
   border: 2px solid #fff; 
   background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-cats .dropdown-menu .cat .cat-href,
.dropdown-cats .dropdown-menu .sub-cats a {
   padding: 5px 0;
   margin-bottom: 10px;
   color: #000;
   font-size: 17px;;
   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 {
   margin: 0;
   height: 100%;
   color: #fff !important;
   height: 39px;
   border-radius: 18px;
   padding: 0 15px !important;
   transition: .5s;
   border: 1px solid rgba(255,255,255,.4);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg_menu {
  background-color: #f5f7fa;
  border-radius: 6px;
  text-decoration: none !important;
  transition: 0.5s;
}

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

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

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

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

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

.dropdown-cats-market .dropdown-menu .root-cat .cat.active a {
   color: #000;
   overflow: hidden;
   min-height: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-cats-services .dropdown-menu .cat .cat-href,
.dropdown-cats-services .dropdown-menu .sub-cats a {
   padding: 5px 0;
   margin-bottom: 10px;
   color: #000;
   font-size: 17px;;
   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: 0;
   height: 100%;
   color: #fff !important;
   height: 39px;
   border-radius: 18px;
   padding: 0 10px !important;
   transition: .5s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-site .nav-page li a:hover {
  opacity: 0.8;
}

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

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

.header-site .nav-page2 li a:hover {
   opacity: 0.8;
}

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

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

.dstcartgood {
   background: #fff;
   border: 1px solid #d6dbe0;
   border-radius: 18px
}

.dstcartgoodtext {
   font-size: 17px;;
   text-align: left;
   border: 1px solid #d6dbe0;
   padding: 15px;
   margin: 0 20px 0 20px;
   width: 100%;
   border-radius: 18px;
   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
}

#debug_block {
   display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.post-add {
   display: none
}

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

.widget-club {
   padding: 15px;
   border: 1px solid #d6dbe0;
   border-radius: 18px;
   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: 17px; !important;
   font-weight: normal;
   border-radius: 18px;
   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: 18px;
   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: 17px; !important;
   font-weight: normal;
   border-radius: 18px;
   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: 17px; !important;
   font-weight: 500
}

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

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

.club-center .content h1 {
   color: #000;
   font-size: 17px;;
   font-weight: 500;
   margin-bottom: 20px
}

.club-center .content_datasets ul li {
   font-size: 17px;;
   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: 17px; !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: 17px;;
   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: 17px;
}

.products_new .item .info a {
   color: rgba(0, 26, 52, .6);
   font-weight: 400
}

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

.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 #dfdfdf;
   border: 1px solid #d6dbe0;
   border-radius: 18px
}

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

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

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

.profile-page .user-info>div {
}

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

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

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

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

.profile-page .user-info .city {
   font-size: 14px;
   background: #a73afd;
   max-width: 120px;
   margin: 0 auto;
   margin-bottom: 0;
   border-radius: 24px;
   padding: 3px;
   color: #fff;
   margin-bottom: 10px
}

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

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

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

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

.profile-page .left-panel .menu ul li a span.right {
   float: right;
   font-size: 17px;;
   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: #a73afd;
   color: #fff;
   padding: 12px 45px;
   border-radius: 18px;
   font-size: 17px;
}

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

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

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

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

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

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

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

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

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

.content_list .avatar-colorbox {
   float: left
}

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

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

.discount-card .discount-sum {
   font-weight: 600;
   font-size: 52px;
   color: #000
}

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

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

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

.reviews textarea {
   height: 160px
}

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

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

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

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

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

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

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

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

.btn-orange:hover {
   color: #fff;
   background-color: #a73afd;
   border-color: #a73afd;
   opacity: .7
}

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

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

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

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

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

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

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

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

.block-icon {
   position: relative
}

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

@media all and (max-width: 1200px) {
.header-icon .count,
.nav-item .count {

   top: -7px;

}
}

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

.mini-cart-deposit {
   position: relative
}

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

.ads {
color: #000;
  background: #f5f7fa;
  font-weight: 500;
  padding: 0px 8px;
  font-size: 12px;
  border-radius: 18px;
  display: inline-block;
  position: absolute;
  margin: 8px;
  right: 0;
  opacity: 0.8;
}

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

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

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

.counter-disabled .fas {
   color: red
}

.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: 0 !important;
   height: .4em;
   margin: 10px 0
}

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

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

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

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

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

.show-all-filter {
   margin-top: 5px;
   color: #a73afd;
  font-weight: 600;
}

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

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

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

.searchBox .load-page,
.search_full .load-page {
   text-align: center;
   background: #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: #f5f7fa
}

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

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

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

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

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

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

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

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

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

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

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

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

.notification-count {
   position: relative
}

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

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

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

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

.ac-container label {
   padding: 20px;
   position: relative;
   z-index: 1;
   display: block;
   height: auto;
   cursor: pointer;
   color: #000;
   font-size: 18px;
   font-weight: 600;
   background: #fff;
   border-radius: 18px;
   margin-bottom: 15px;
   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: 40px;
   height: 40px;
   right: 18px;
   top: 15px;
   background: transparent url(/templates/default/images/arrow_down.png) no-repeat center center;
   border-radius: 50px;
   border: 1px solid #d6dbe0;
   padding: 10px
}

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

.ac-container input {
   display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert-delivery-free .free {
   border-radius: 18px;
   background: #f44;
   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: 17px;;
   color: #000;
   display: block;
   border-bottom: 1px solid #000
}

.btn-cart,
.btn-cart:hover,
.btn-cart:focus,
.btn-cart.focus {
   background: #a73afd;
   width: 280px;
   display: inline-block;
   height: 50px;
   color: #fff;
   border: 0;
   box-shadow: unset;
   border-radius: 18px;
   transition: unset;
   font-size: 17px;;
   line-height: 1.5rem;
   font-weight: 600;
   transition: all .3s ease-in
}

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

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

.btn-cart-dst,
.btn-cart-dst:hover,
.btn-cart-dst:focus,
.btn-cart-dst.focus {
   background: #a73afd;
   width: 280px;
   display: inline-block;
   height: 50px;
   color: #fff;
   border: 0;
   box-shadow: unset;
   border-radius: 18px;
   transition: unset;
   font-size: 17px;;
   line-height: 1.5rem;
   font-weight: 600;
   transition: all .3s ease-in
}

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

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

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

   100% {
      opacity: 1
   }
}

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

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

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

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

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

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

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

.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:hover {
   opacity: .9;
   transition: all .3s ease-in
}

.product-cart-block .counter-one-click {
   color: #000;
   font-size: 17px; !important
}

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

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

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

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

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

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

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

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

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

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

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

.modal .close span {
   color: #fff
}

.open-callback {
   cursor: pointer
}

.cart-buttom-fixed {
   display: none
}

.cart-buttom-fixed .btn-cart,
.cart-buttom-fixed .btn-cart:hover,
.cart-buttom-fixed .btn-cart:focus,
.cart-buttom-fixed .btn-cart.focus {
   background-color: #a73afd;
   display: inline-block;
   color: #fff;
   border: 0;
   width: 100%;
   box-shadow: unset;
   border-radius: 18px 18px 0px 0px !important;
   transition: unset;
   margin: 0 !important;
   font-size: 1.25rem;
   font-weight: 600;
   transition: all .3s ease-in;
   height: auto
}

.cart-buttom-fixed .btn-cart-dst,
.cart-buttom-fixed .btn-cart-dst:hover,
.cart-buttom-fixed .btn-cart-dst:focus,
.cart-buttom-fixed .btn-cart-dst.focus {
   background-color: #a73afd;
   display: inline-block;
   color: #fff;
   border: 0;
   width: 100%;
   box-shadow: unset;
   border-radius: 0;
   transition: unset;
   margin: 0 !important;
   font-size: 1.25rem;
   font-weight: 600;
   transition: all .3s ease-in;
   height: auto
}

.dst-map a {
   position: relative;
   color: rgba(255,255,255,.6)
}

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

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

.field-title {
   font-size: 17px;
   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: 30px
}

#breadcrumbs {
   color: #000;
   height: 30px;
   position: relative
}

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

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

#breadcrumbs::after {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   width: 40px;
   height: 100%;
   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: 17px;;
   display: contents;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   margin: 0;
   padding: 0;
   border-spacing: 0;
   vertical-align: middle;
   float: left;
   color: #a73afd
}

#breadcrumbs ul li a {
   color: rgba(0, 26, 52, .6)
}

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

.product-info-mini {
   border: 0;
   margin: 0;
   font-size: 17px;
}

.product-info {
   font-size: 17px;
}

.product-title {
   font-size: 28px
}

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

.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: 17px; !important
}

.fs-12 {
   font-size: 17px; !important
}

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

.line.delivery svg {
   flex-shrink: 0;
   -webkit-box-flex: 0;
   flex-grow: 0;
   vertical-align: initial;
   margin-right: 5px
}

.line.delivery .content {
   display: inline-block
}

.line.counter-enable svg {
   vertical-align: middle
}

.line.btn-gray {
   color: #a73afd;
  background-color: #f4e7ff;
   min-height: 56px;
   padding: 16px 24px;
   font-size: 17px;;
   line-height: 1.25;
   border-radius: 18px
}

.line.btn-gray:hover {
   background-color: #eaedef
}

.line.btn-blue {
   color: #a73afd;
   background-color: rgba(0, 150, 255, .08);
   min-height: 56px;
   padding: 16px 24px;
   font-size: 17px;;
   line-height: 1.25;
   border-radius: 18px;
   transition: all .3s ease-in
}

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

.form-checks .hide {
   display: none
}

.form-checks.show .hide {
   display: block !important
}

.form-checks .hide {
   display: none
}

.form-checks.show-all .hide {
   display: block !important
}

.features-overview .content-header {
   padding: 0 0 60px;
   text-align: center
}

.customer-designation,
.section-subtitle {
   font-weight: 400
}

.mojoostocks {
   transition: .3s;
   border-radius: 18px
}

.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: 17px;;
   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: 17px;;
   line-height: 26px;
   text-align: left;
   height: 90px
}

.textactmojoo {
   color: #000 !important;
   font-size: 17px;;
   line-height: 28px;
   text-align: center
}

.textactmojoodark {
   color: #fff !important;
   font-size: 17px;;
   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: 18px;
   font-size: 17px;;
   font-weight: 500;
   line-height: 34px;
   color: rgba(0, 26, 52, .6)
}

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

.productpr .buys:hover {
   opacity: .8
}

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

.mojoopromo {
   margin-top: 40px
}

.PageTitle__middleText {
   display: inline-block;
   white-space: nowrap;
   color: #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: 17px;;
   color: #97a3be;
   font-weight: 500;
   transition: color .5s ease-in-out
}

.align-items-center {
   align-items: center !important
}

html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
   opacity: 1;
   -webkit-transform: none;
   transform: none
}

.stretch-card .card {
   width: 100%;
   min-width: 100%
}

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

.card:hover {
  border-color: #a73afd;
  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: rgba(0, 150, 255, .08)
}

.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: #a73afd;
   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: #f44;
   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: 17px;;
   font-weight: 400;
   line-height: 28px;
   text-align: left
}

.cif2 a {
   color: #000
}

.cif3 {
   font-size: 17px;;
   font-weight: 600;
   line-height: 36px;
   text-align: left;
   height: 130px
}

.cif4 {
   font-size: 17px;;
   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: #a73afd;
   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: 18px;
   padding: 20px;
   margin-right: 10px;
   min-height: 350px;
   margin-bottom: 60px;
   background: #fff;
   transition: .5s
}

.mojoogarant:hover {
   background: #f5f7fa;
   transition: .5s
}

.mojoogarant2 {
   border-radius: 18px;
   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: #a73afd;
   display: inline-block;
   line-height: 28px;
   color: #fff;
   margin: 10px 0;
   font-size: 17px;;
   font-weight: 500;
   transition: all .3s ease-in;
   border-radius: 18px;
   text-align: center;
   padding: 8px 40px
}

.productpr2 .buys2:hover {
   opacity: .8
}

.productpr2 {
   text-align: center
}

.productpr3 .buys3 {
   background: #000;
   width: 280px;
   display: inline-block;
   height: 36px;
   line-height: 36px;
   color: #fff;
   margin: 10px 0;
   font-size: 17px;;
   font-weight: 600;
   transition: all .3s ease-in;
   border-radius: 18px;
   text-align: center
}

.mojootex {
   margin-left: 30px
}

.justify-content-around {
   justify-content: space-around !important
}

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

.mojootex {
   margin-left: 0
}

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

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

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

.product-block-title {
   font-size: 28px;
   transition: all 0.4s ease 0s;
   color: #000;
   text-transform: none;
   font-weight: 700;
   display: inline-block;
   margin-bottom: 20px;
   line-height: 38px;
}

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

.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: 17px;;
   background: #fff;
   position: relative;
   display: inline-flex;
   align-items: flex-start
}

.char-item-name-content {
   font-size: 17px;;
   height: 40px
}

.fs {
   font-size: 17px;
}

.reviews_widget,
#reviews_widget {
   margin: 0
}

.cart-page .cart-info {
   padding: 30px 30px;
   border-radius: 18px;
   box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
   cursor: pointer;
   background: #fff
}

.cart-header-dst {
   background: #fff;
   padding: 15px 0;
   margin-bottom: 30px;
   border-radius: 18px
}

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

.cart-page .cart-header-items {
   background: #f5f7fa;
   font-weight: 500;
   font-size: 17px;;
   border-radius: 18px;
   padding: 15px 25px;
   margin: 5px 17px
}

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

.cart-page .cart-info .info {
   border-bottom: 1px solid #d6dbe0;
   font-size: 17px;;
   font-weight: normal !important;
   padding-bottom: 10px
}

.h3 {
   font-size: 25px;
   font-weight: bold
}

.cart-page .cart-item img {
   max-height: 100px
}

@media(max-width:1000px) {
.cart-page .cart-item img {
max-height: 300px;
  margin-bottom: 15px;
}	
}	

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

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

.btn-green {
   background-color: #a73afd !important;
   color: #fff !important
}

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

#reviews_add_form textarea,
#reviews_add_form .emojionearea {
   background: #fff;
   font-size: 17px;
}

#reviews_add_form .actions a {
   font-size: 17px;;
   color: #333
}

.brand_area {
   padding-bottom: 60px
}

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

.features_area_dst {
   padding-bottom: 10px
}

.feature_item {
   border-radius: 18px;
   padding: 45px 25px;
   background: #fff;
   text-align: center;
   border: 1px solid #d6dbe0;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s
}

.feature_item img {
   margin-bottom: 35px;
   height: 45px;
   display: block;
   border: 2px solid #555;
   padding: 5px 15px;
   border-radius: 18px
}

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

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

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

.feature_itemdst {
   border-radius: 18px;
   padding: 35px 20px;
   background: #fff;
   min-height: 350px;
   text-align: center;
   border: 1px solid #d6dbe0;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s
}

.feature_itemdst img {
   margin-bottom: 35px;
   height: 50px;
   transition: all 0.4s ease 0s
}

.feature_itemdst img:hover {
   margin-bottom: 35px;
   filter: blur(1px);
   transition: all 0.4s ease 0s
}

.feature_itemdst h4 {
   font-size: 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: 0;
   min-height: 100px
}

.feature_itemdst:hover {
   box-shadow: 0 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: 18px;
   border: 1px solid #d6dbe0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   transition: all 0.4s ease 0s
}

.swiper-slide:hover {
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
   background: #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: 17px;;
   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: 18px;
	width: 60px;
    color: #a73afd;
}

.note-dst {
    color: #a73afd;
}

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

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

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

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

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

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

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

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

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

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

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

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

.dst-comiss-buy-front {
   color: #fff;
   background: #a73afd;
   padding: 5px 10px;
   border-radius: 12px;
   font-size: 14px;
   min-width: 80px;
   display: inline-block;
   font-weight: 600;
   margin-left: 5px;
   transition: all 0.4s ease 0s
}

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

.dst-comiss-buy-front2 {
   color: #fff;
   background: #a73afd;
   padding: 5px 10px;
   border-radius: 12px;
   font-size: 14px;
   min-width: 80px;
   display: inline-block;
   font-weight: 600;
   margin-left: 5px;
   transition: all 0.4s ease 0s
}

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

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

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

.dst-button-buy-green {
   color: #fff;
   background: #a73afd;
   padding: 5px 10px;
   border-radius: 12px;
   font-size: 14px;
   min-width: 110px;
   display: inline-block;
   margin-right: 10px
}

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

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

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

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

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

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

.dst-summ-skid-green-front-discount {
  color: #a73afd;
   padding: 4px 10px;
   border-radius: 12px;
   font-size: 28px;
   min-width: 50px;
   font-weight: 600;
   border: #a73afd 1px solid;
  display: block;
  max-width: 100px;
  margin: 0 auto;
  margin-top: 20px;
}

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

.dst-summ-admin-total {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: rgba(0, 150, 255, .08);
   background-clip: border-box;
   border-radius: 12px
}

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

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

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

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

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

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

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

@media only screen and (min-width:980px) and (max-width:1506px) {
   .nav-page li a {
      padding-left: 4px
   }

   .nav-page2 li a {
      padding-left: 4px
   }
}

@media only screen and (min-width:1300px) and (max-width:1450px) {

   .product-n .actions a,
   .product-n .actions btn {
      padding: 6px 35px
   }
}

@media only screen and (min-width:1000px) and (max-width:1400px) {
   .primary_btn3 {
      display: none
   }

   .primary_btnblue {
      display: none
   }
}

@media only screen and (min-width:990px) and (max-width:1300px) {
   .features_area {
      padding-bottom: 50px
   }

   .features_area_dst {
      padding-bottom: 50px
   }

   .feature_item {
      border: 1px solid #d6dbe0;
      border-radius: 18px;
      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: 17px;
   }

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

   .client-info .smll {
      text-align: left;
      color: #000;
      font-family: "Styrene A Web", sans-serif;
      font-size: 17px;;
      margin-left: 0
   }

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

}

@media only screen and (min-width:1200px) and (max-width:1300px) {

   .btn-cart-dst,
   .btn-cart-dst:hover,
   .btn-cart-dst:focus,
   .btn-cart-dst.focus {
      width: 240px
   }
}

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

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

@media only screen and (min-width:1000px) and (max-width:1200px) {
   .brand-carousel .single-brand-item {
      height: 100px;
      width: 140px
   }

   .line.btn-gray {
      font-size: 14px;
      padding: 16px 10px
   }

   .btn-cart-dst,
   .btn-cart-dst:hover,
   .btn-cart-dst:focus,
   .btn-cart-dst.focus {
      width: 180px !important;
      font-size: 17px;
   }
}

@media(max-width:1200px) {
   .features_area {
      padding-bottom: 50px
   }

   .features_area_dst {
      padding-bottom: 50px
   }

   .brand_area {
      padding-bottom: 60px
   }

   .home_banner_area .banner_inner {
      padding: 100px 0
   }

   .header_area .navbar .primary_btn {
      margin-left: 40px
   }

   .home_banner_area .banner_inner .banner_content h2 br {
      display: none;
      font-size: 28px
   }

   .home_banner_area .banner_inner .banner_content h2 {
      font-size: 28px;
      line-height: 45px
   }

   .single-brand-item {
      width: 170px !important
   }

   .single-brand-item img {
      max-width: 130px !important
   }
   .profile-page .user-info .avatar .avatar-colorbox {
      height: 60px !important;
      width: 60px !important;
      float: left;
      display: inline
   }

   .profile-page .user-info .avatar {
      text-align: left
   }

   .profile-page .left-panel {
      min-height: 0;
   }

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

@media(max-width:1100px) {
   .features-overview .features-width {
      flex-basis: 100%
   }

   .containerclub {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px 0 15px
   }
}

@media(max-width:1024px) {
   .home_banner_area .banner_inner .banner_content h1 {
      font-size: 50px;
      line-height: 60px
   }

   .product-n .actions a,
   .product-n .actions btn {
      padding-left: 10px;
      padding-right: 10px
   }

   .product-n .special-label {
      font-size: 14px
   }
}

@media only screen and (min-width:300px) and (max-width:1000px) {
   .feature_item p {
      margin-bottom: 0;
      min-height: 112px
   }

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

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

   .dstswfeature_item h4 {
      font-size: 17px;;
      margin-bottom: 20px;
      min-height: 110px
   }

   .dstmain_title h2 {
      font-size: 35px;
      line-height: 40px
   }
}

@media(max-width:991px) {
   .navbar-toggler {
      border: 0;
      border-radius: 0;
      padding: 0;
      cursor: pointer;
      margin-top: 27px;
      margin-bottom: 23px
   }

   .header_area .navbar {
      background: #fff;
      box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
      position: fixed
   }

   .navbar-toggler[aria-expanded="false"] span:nth-child(2) {
      opacity: 1
   }

   .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
      opacity: 0
   }

   .navbar-toggler[aria-expanded="true"] span:first-child {
      transform: rotate(-45deg);
      position: relative;
      top: 7.5px
   }

   .navbar-toggler[aria-expanded="true"] span:last-child {
      transform: rotate(45deg);
      bottom: 6px;
      position: relative
   }

   .navbar-toggler span {
      display: block;
      width: 25px;
      height: 3px;
      background: #000;
      margin: auto;
      margin-bottom: 4px;
      transition: all 400ms linear;
      cursor: pointer
   }

   .navbar .container {
      padding-left: 15px;
      padding-right: 15px
   }

   .nav {
      padding: 0
   }

   .header_area+section,
   .header_area+row,
   .header_area+div {
      margin-top: 117px
   }

   .header_top .nav {
      padding: 0
   }

   .header_area .navbar .nav .nav-item .nav-link {
      line-height: 40px;
      margin-right: 0;
      display: block;
      border-bottom: 1px solid #ededed33;
      border-radius: 0;
      color: #000
   }

   .header_area .navbar .search {
      margin-left: 0
   }

   .header_area .navbar-collapse {
      overflow-y: hidden;
      height: auto;
      padding-bottom: 30px
   }

   .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
      padding: 0 15px;
      font-size: 14.5px;
      font-weight: 300
   }

   .header_area .navbar .nav .nav-item {
      margin-right: 0
   }

   .header_area+section,
   .header_area+row,
   .header_area+div {
      margin-top: 0
   }

   .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
      line-height: 40px;
      color: #fff
   }

   .header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
      line-height: 40px;
      color: #fff
   }

   .header_area.white_menu .navbar .nav .nav-item .nav-link {
      color: #222
   }

   .home_banner_area {
      margin-top: 0
   }

   .home_right_img {
      display: none
   }

   .categories_post img {
      width: 100%
   }

   .categories_post {
      max-width: 360px;
      margin: 0 auto
   }

   .blog_categorie_area .col-lg-4 {
      margin-top: 30px
   }

   .blog_area {
      padding-bottom: 80px
   }

   .single-post-area .blog_right_sidebar {
      margin-top: 30px
   }

   .contact_info {
      margin-bottom: 50px
   }

   .home_banner_area .donation_inner {
      margin-bottom: -30px
   }

   .home_banner_area .dontation_item {
      max-width: 350px;
      margin: auto
   }

   .home_banner_area .banner_inner .home_left_img {
      display: none
   }

   .header_area .navbar .primary_btn {
      display: none
   }

   .left_side_text {
      margin-bottom: 50px
   }

   .price_item {
      max-width: 360px;
      margin: 0 auto 30px
   }

   .price_inner {
      margin-bottom: -30px
   }

   .tr-bg-none {
      display: none !important
   }
}

@media only screen and (min-width:300px) and (max-width:990px) {
   .cif {
      font-size: 28px;
      line-height: 48px
   }
}

@media(max-width:990px) {
   .alert-delivery-free .method {
      float: unset;
      margin-bottom: 6px
   }
}

@media(max-width:980px) {
   .cart-buttom-fixed {
      display: block;
      position: fixed;
      bottom: 65px;
      text-align: center;
      height: 65px;
      line-height: 50px;
      z-index: 3;
      width: 100%;
   }

   .cart-buttom-fixed button {
      height: 100% !important
   }

   .product-cart-block .btn-cart {
      display: none
   }

   .btn-cart-dst {
      display: none
   }


}

@media(max-width:972px) {
   #breadcrumbs ul {
      margin-bottom: 5px
   }

   .product-info-mini {
      display: contents
   }
}

@media(max-width:767px) {
   .home_banner_area {
      min-height: 300px
   }

   .home_banner_area .banner_inner {
      min-height: 300px;
      padding-top: 70px;
      padding-bottom: 80px
   }

   .home_banner_area .banner_inner .banner_content {
      margin-top: 0
   }

   .home_banner_area .banner_inner .banner_content .primary_btn {
      margin-right: 15px
   }

   .primary_btn.tr-bg {
      display: none
   }

   .primary_btn4.tr-bg {
      display: none
   }

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

   .single-brand-item {
      height: 100px;
      width: 140px
   }

   .single-brand-item img {
      max-width: 100px
   }
}

@media only screen and (min-width:300px) and (max-width:750px) {
   .dstshipp {
      font-size: 38px;
      line-height: 46px
   }

   .desc.h4 {
      font-size: 17px;
   }

   .home_banner_area .banner_inner .banner_content h1 {
      font-size: 28px;
      line-height: 42px
   }

   .mainbrands2 {
      font-size: 28px;
      line-height: 42px
   }
}

@media(max-width:700px) {
   .cart-totals .sum {
      display: inherit;
      font-size: 17px;;
      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: 17px;
   }

   .containertext {
      font-size: 14px
   }
}

@media only screen and (min-width:300px) and (max-width:650px) {
   h5 {
      font-size: 38px;
      line-height: 46px
   }

   .mojootxtpr {
      font-size: 38px;
      line-height: 46px
   }
}

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

   .product-n .special-label {
     margin: 0; /* Убираем внешний отступ */
    -webkit-line-clamp: 2; /* Число отображаемых строк */
    display: -webkit-box; /* Включаем флексбоксы */
    -webkit-box-orient: horizontal; /* Вертикальная ориентация */
    overflow: hidden; /* Обрезаем всё за пределами блока */
     white-space: nowrap; /* Текст не переносится */
     max-width:100%; 
     text-overflow: ellipsis; /* Добавляем многоточие */
      font-size: 13px
   }
   
   .dst-container-mobil-cart:nth-child(1n) {
  padding-left: 15px !important;
padding-right: 5px !important;
  }

.dst-container-mobil-cart:nth-child(2n) {
  padding-right: 15px !important;
  padding-left: 5px !important;
  }

   .product-n .buy {
      padding: 7px 10px
   }
}

@media only screen and (min-width:300px) and (max-width:576px) {
   .feature_item2 h4 {
      font-size: 26px !important;
      color: #fff
   }

   .product-n .rating .stars-count {
      margin-left: 6px;
      font-size: 14px;
      line-height: 1.29;
      color: 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: 17px;;
      line-height: 34px
   }

   .swiper-slide {
      text-align: center;
      font-size: 17px;
   }
}

@media(max-width:575px) {

   .header_area+section,
   .header_area+row,
   .header_area+div {
      margin-top: 0
   }

   .home_banner_area .banner_inner .banner_content h2 {
      font-size: 17px;;
      line-height: 38px
   }

   .home_banner_area {
      min-height: 450px
   }

   .home_banner_area .banner_inner {
      min-height: 450px
   }

   .home_banner_area .banner_inner .banner_content img {
      display: none
   }

   .home_banner_area .banner_inner .banner_content h5 {
      margin-top: 0
   }

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

   .main_title h2 {
      font-size: 25px
   }

   .sample-text-area {
      padding: 70px 0 70px 0
   }

   .generic-blockquote {
      padding: 30px 15px 30px 30px
   }

   .blog_details h2 {
      font-size: 17px;;
      line-height: 30px
   }

   .footer-area {
      padding: 70px 0
   }

   .news_widget {
      padding-left: 0 !important
   }

   .pad_top {
      padding-top: 70px
   }

   .pad_btm {
      padding-bottom: 70px
   }

   .cart-page .cart-header-items {
      font-size: 17px;
   }

   .all_sum {
      font-size: 17px;
   }

   .cart-totals .sum {
      font-size: 17px;
   }

   .cart-page .btn-to-confirm {
      font-size: 17px;
   }
}

@media(max-width:500px) {
   .single-brand-item {
      height: 90px !important;
      width: 130px !important
   }

   .single-brand-item img {
      max-width: 100px !important
   }
}

@media(max-width:480px) {
	
   .drop-menu-call {
      display:none;
   }
	
   .header_area .navbar-collapse {
      padding-bottom: 30px
   }

   .home_banner_area .banner_inner .banner_content {
      padding: 30px 15px;
      margin-top: 0
   }

   .home_banner_area .banner_inner .banner_content h3 {
      font-size: 17px;
   }

   .banner_area .banner_inner .banner_content h2 {
      font-size: 28px
   }

   .comments-area .thumb {
      margin-right: 10px
   }

   .testi_item .media .d-flex {
      padding-right: 0
   }

   .testi_item .media .d-flex img {
      width: auto;
      margin-bottom: 15px
   }

   .testi_item .media {
      display: block
   }

   .product-n .rating .stars-count {
      display: none
   }

   .cart-page .btn-to-confirm {
      font-size: 17px;
   }
}

@media(max-width:450px) {
   .alert-delivery-free {
      background: #3529f5;
      color: #fff;
      padding: 5px;
      font-size: 14px;
      border-radius: 0;
      margin: 0;
      border-color: #3529f5;
      font-weight: 600;
      display: grid;
      transition: all 0.4s ease 0s
   }

   .alert-delivery-free .free {
      border-radius: 18px;
      background: #f44;
      padding: 2px 4px;
      margin-left: 5px
   }

   .containertext {
      font-size: 14px
   }

   .nav-cats2 li a {
      font-size: 1.2rem
   }

   .single-brand-item {
      height: 80px !important;
      width: 110px !important
   }

   .single-brand-item img {
      max-width: 90px !important
   }

   .mainbrands2 {
      font-size: 20px !important;
      line-height: 36px !important
   }

   .mainbrands5 {
      font-size: 17px; !important;
      line-height: 24px !important
   }

   .dstport {
      font-size: 20px !important;
      line-height: 32px !important
   }

   .dstport3 {
      font-size: 17px; !important
   }

   .dstportdark {
      font-size: 20px !important;
      line-height: 32px !important
   }

   .shipping-carousel .item .title {
      font-size: 17px; !important
   }

   .shipping-carousel .item .desc {
      font-size: 17px; !important
   }

   .feature_item2 p {
      font-size: 17px; !important
   }

   .feature_item2 h4 {
      font-size: 20px !important
   }

   .feature_item4 h4 {
      font-size: 20px !important
   }

   .feature_item4 p {
      font-size: 17px; !important;
      line-height: 24px !important
   }

   .dstfeature_item2 h4 {
      font-size: 20px !important
   }

   .dstfeature_item2 p {
      font-size: 17px; !important
   }

   .primary_btn {
      font-size: 14px !important;
      line-height: 40px !important
   }

   .primary_btn span {
      padding: 0 8px !important
   }

   .primary_btn5 {
      font-size: 14px !important;
      line-height: 40px !important
   }

   .primary_btn5 span {
      padding: 0 8px !important
   }

   .primary_btn6 {
      font-size: 14px !important;
      line-height: 40px !important
   }

   .primary_btn6 span {
      padding: 0 8px !important
   }

   .dstlink {
      font-size: 20px !important;
      line-height: 36px !important
   }

   .main_title h2 {
      font-size: 20px !important;
      line-height: 36px !important
   }

   .main_title p {
      font-size: 17px; !important;
      line-height: 24px !important
   }

   .contact_info .info_item p {
      font-size: 17px; !important;
      line-height: 24px !important
   }

   .contact_form .form-group .form-control {
      font-size: 17px; !important
   }

   .footer_deposit .social-links img {
      width: 19px !important;
      height: 19px !important;
      padding: 2px !important
   }

   .nav-page2 li a {
      padding-left: 0 !important;
      padding-right: 0 !important
   }

   .tab-items .nav-item a {
      font-size: 20px !important
   }

   h1 {
      font-size: 28px !important
   }

   h2 {
      font-size: 20px !important
   }

   .cif {
      font-size: 28px !important
   }

   .text-muted {
      font-size: 14px !important;
      line-height: 24px !important
   }

   .product-block-title {
      font-size: 20px !important
   }

   .product-n .title {
      font-size: 17px;
   }

   .home_banner_area .banner_inner2 .banner_content h5 {
      font-size: 17px;
   }

   .dstmain_title2 h2 {
      font-size: 17px;
   }

   .dstmain_title2 h2 {
      font-size: 28px !important
   }

   .cart_items {
      font-size: 17px;
   }

   .cart-totals .sum {
      font-size: 17px; !important
   }

   .cart-info-dst-buy {
      font-size: 17px;
   }

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

@media(max-width:430px) {
   .cart-buttom-fixed {
      font-size: 20px !important
   }
}

@media(max-width:400px) {
   .alert-delivery-free {
      background: #3529f5;
      color: #fff;
      padding: 5px;
      font-size: 9px;
      border-radius: 0;
      margin: 0;
      border-color: #3529f5;
      font-weight: 600;
      display: grid;
      transition: all 0.4s ease 0s
   }

   .single-brand-item {
      height: 100px !important;
      width: 220px !important
   }

   .single-brand-item img {
      max-width: 130px !important
   }

   .cart-page .cart-info .info {
      font-size: 17px;;
      font-weight: normal !important
   }

   .small {
      line-height: 20px
   }

   small,
   .small {
      font-size: 70%
   }

   .footer-mobile .name {
      font-size: 11px !important
   }

   .dstport {
      font-size: 18px !important;
      line-height: 26px !important
   }

   .dstportdark {
      font-size: 18px !important;
      line-height: 26px !important
   }

   .feature_item2 h4 {
      font-size: 18px !important;
      line-height: 26px !important
   }

   .feature_item4 h4 {
      font-size: 18px !important;
      line-height: 26px !important
   }
}

@media(max-width:370px) {
   .btn {
      font-size: 1rem;
      padding: 0rem .3rem
   }

   .btn-primary {
      font-size: 14.5px !important;
      padding: 6px 35px !important
   }

   .btn {
      padding: .375rem .75rem !important
   }

   .nav-cats2 li a {
      font-size: 1rem
   }

   .all_sum {
      font-size: 14px
   }
}

@media(max-width:330px) {
   .product-n .actions .mr-2 {
      margin-right: 3px !important
   }
}

.footer-mobile .header-icon svg {
   fill: #a73afd;
   color: #a73afd;
   height: 45px
}

.footer-mobile .header-icon-margin {
   margin-top: 5px
}

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

.product-n .actions a,
.product-n .actions btn {
line-height: 28px;
  padding: 6px 20px;
  font-size: 17px;;
}

.controller-deposit .product-n {
   height: 525px
}

.controller-farmer .product-n {
   height: auto
}

.product-n-dst .sale-sum {
   color: #fff;
   background-color: #f44;
   font-weight: bold;
   padding: 4px 8px;
   font-size: 17px;;
   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: rgba(0, 26, 52, .6);
   font-size: 14px !important
}

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

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

.availability-partner {
  color: #fff;
  background: linear-gradient(135deg,#00a3ff,#5e45ff 50%,#bd00ff);
  font-weight: 500;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 18px;
  display: inline-block;
}

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

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

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

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

.brands-widgets {
   line-height: 21px;
   font-size: 17px;;
   font-weight: 600;
   margin-top: 10px
}

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

.cart-header {
   font-size: 18px;
   text-align: center;
   color: #000
}

.deldel {
   font-size: 14px;
   color: #000
}

.cart_items {
   text-align: center;
   font-size: 17px;
}

.cart-total {
   color: #000;
   padding: 1.3rem 0;
   border-radius: 18px 8px 0 0;
   border-bottom: 1px solid #d6dbe0
}

.box-total-cart {
   background: #fff;
   border-radius: 18px;
   transition: all 0.4s ease 0s
}

.free-develery a {
   color: #fff;
   text-decoration: underline
}

.free-develery span {
   background: #fff;
   color: #a73afd
}

.cart-process .cart-process-title {
   font-weight: 700;
   font-size: 18px
}

@media(max-width:450px) {
   .cart-process .cart-process-title {
      font-size: 20px !important
   }
}

.cart-buttons {
   margin: 0 auto
}

.add_order {
   margin: 0 auto
}

#ordercomfirm {
   margin: 0 auto
}

.cart-buttons .cart-button {
   font-size: unset;
   border: 1px solid #d6dbe0;
   font-size: 17px;;
   margin-bottom: 7.5px;
   margin-top: 7.5px;
   padding: 10px 10px;
   cursor: pointer;
   border-radius: 18px
}

.errors-pays-types {
   color: #f91155
}

.cart-buttons .cart-button:hover {
   opacity: .7
}

.cart-buttons .cart-button .title {
   display: block;
   text-transform: none
}

.cart-buttons .cart-button .commit {
   display: block;
   color: color:rgba(0, 26, 52, .6);
   font-weight: normal;
   text-transform: none;
   font-size: 14px
}

.cart-totals {
   text-align: center;
   font-weight: 20px
}

.cart-totals .sum {
   font-size: 18px;
   margin-right: 25px;
   font-weight: 600
}

.cart-totals .sum .value {
   color: #0f9d58
}

.cart-save {
   text-align: center
}

.cart-item {
   border-bottom: 1px solid #d6dbe0
}

.cart-item img {
   max-width: 100%;
   max-height: auto;
   border-radius: 18px;
   transition: all .3s ease-in
}

.cart-item img:hover {
   max-height: auto;
   opacity: .8;
   transition: all .3s ease-in
}

.cart-button.disabled {
   opacity: .3
}

#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: 17px;;
   transition: all 0.4s ease 0s;
   border: 1px solid #efefef
}

.map .items-list .item:hover {
   opacity:0.8;
   background: #efefef;
   transition: all 0.4s ease 0s;
}

.map .items-list .item a {
   color: #000
}

.map .items-list .item.active .title {
   color: #009029;
   font-weight: bold
}

.map .items-list .item .payments {
   margin-top: 5px
}

.map .items-list .item .payments img {
   display: inline-block;
   width: 11px;
   margin-top: -4px
}

.map .items-list .item .payments span {
	color: rgba(0, 26, 52, .6);
   display: inline
}

.map .items-list .item.active {
   border: 1px solid #fa5
}

.map .items-list .item.active .title {
   color: #009029
}

.time {
   margin-top: 5px;
   color: rgba(0, 26, 52, .6);
   display: none
}

.oversized {
   color: #db4437;
   text-align: left;
   font-size: 14px
}

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

.map .city-search-box {
   height: 380px;
   overflow-y: auto
}

.setPvz {
   height: 584px !important
}

.sklad-icon-title {
   color: #000;
   font-weight: bold;
   position: absolute;
   left: 40px;
   background: #fff;
   padding: 5px;
   border-radius: 5px;
   top: -15px;
   width: 150px;
   text-align: left
}

.kd-form input, .kd-form .dropdown-toggle {
    border-radius: 5px;
    background-color: #fff;
} 

.dropdown-toggle {
   border-radius: 5px;
   background-color: #eaedef
}

.kd-time .dropdown-toggle {
   color: color:rgba(0, 26, 52, .6);
   border: 1px solid #d6dbe0;
   color: color:rgba(0, 26, 52, .6)666;
   border-color: #ccc
}

.kd-time .dropdown-toggle::after {
   position: absolute;
   right: 10px;
   top: 17px
}

.kd-time .dropdown-menu {
   width: 100%
}

.kd-time .dropdown-item {
   display: block;
   float: left;
   border: 1px solid #d6dbe0;
   width: auto;
   clear: unset;
   margin: 5px;
   padding: 0 20px;
   cursor: pointer;
   text-align: center
}

.oversized {
   margin-bottom: 20px
}

.kd-time .dropdown-item.active {
   border-color: #ff9329
}

.develery-item span.total {
   border-radius: 5px;
   margin: 0;
   padding: 0 7px
}

@media(max-width:650px) {
   .map .city-search-box {
      height: 250px;
      overflow-y: auto
   }

   .setPvz .map .items-list {
      height: 200px;
      overflow-y: auto
   }

   .setPvz {
      height: 250px !important
   }

   #map,
   .map {
      width: 100%;
      min-height: 250px
   }
}

.payments_text {
   margin-bottom: 20px;
   color: #db4437;
   text-align: left;
   font-size: 14px
}

.count-input {
   border: 1px solid #d6dbe0;
   display: inline-flex;
   width: auto;
   border-radius: 16px
}

.count-input .input-nu {
   border: 0;
   margin: 0;
   background: 0;
   color: #555;
   font-weight: 600
}

.count-input .btn-number {
   background: 0
}

.count-input .btn-number:hover .fa {
   color: #a73afd
}

.count-input .btn-number .fa {
   color: #b9b9b9;
   font-size: 14px
}

@media(max-width:1092px) and (min-width:1000px) {
   .cart-page .btn-to-confirm {
      font-size: 17px;
   }
}

.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;
  display: inline-block;
  margin-top: 15px;
}

.product-cart .image {
   text-align: center;
   max-height: 192px;
   min-height: 192px
}

.product-cart .image img {
   max-height: 192px;
   border-radius: 18px
}

.product-cart .open-callback {
   color: #000
}

.product-cart:hover {
   opacity: .8
}

.product-cart .title {
   overflow: hidden;
   font-size: 17px;;
   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: #a73afd
}

.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: #a73afd;
   font-weight: 600
}

.product-cart .old-price {
   font-size: 17px;;
   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: #f44;
   transform: rotate(-3deg)
}

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

.product-cart .sale-sum {
   color: #fff;
   background-color: #a73afd;
   font-weight: bold;
   position: absolute;
   left: 0;
   bottom: 0;
   flex-shrink: 0;
   padding: 4px 8px;
   font-size: 17px;;
   border-radius: 18px;
   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: 17px;;
   line-height: 1.29;
   color: rgba(0, 26, 52, .6)
}

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

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

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

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

.club-item-tags a {
   background: #f5f7fa;
   color: #000;
   border-radius: 15px;
   line-height: 33px;
   margin-right: 10px;
   padding: 10px 19px;
   height: 35px;
   font-size: 17px;
}

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

.club-item-user .info .cat {
   color: rgba(0, 26, 52, .6)
}

.club-item-user .info .date {
   color: rgba(0, 26, 52, .6)
}

.video-box {
   position: relative;
border-radius: 0px 0px 80px 80px;
overflow: hidden;
}

.video-box video {
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   z-index: -1
}

.video-content {
   position: relative
}

.video-content:before {
   z-index: -1;
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .4
}

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

.primary_btn.tr-bg:hover {
   opacity: .9;
   color: #000;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #a73afd, #a73afd);
   border: 2px solid #a73afd;
   color: #a73afd;
   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: 17px;;
   line-height: 44px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 18px
}

.primary_btn2 span {
   padding: 0 24px
}

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

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

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

.primary_btn3.tr-bg:hover {
   opacity: .9;
   color: #000;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #a73afd, #a73afd);
   border: 2px solid #a73afd;
   color: #f44;
   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: 17px;;
   line-height: 42px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 18px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background-image: linear-gradient(to right, #a73afd 0, #a73afd 100%), radial-gradient(circle at top left, #a73afd, #a73afd);
   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: #a73afd;
   letter-spacing: 0;
   font-weight: 500;
   font-size: 17px;;
   line-height: 42px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 18px;
   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, #a73afd, #a73afd)
}

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

.primary_btn5:hover {
   color: #a73afd;
   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: 17px;;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 18px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background: #a73afd;
   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: #a73afd
}

.primary_btn6.tr-bg:hover {
   opacity: .9;
   color: #fff;
   border: 2px solid #fff;
   color: #a73afd;
   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: 17px;;
   line-height: 36px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 18px
}

.primary_btnblue span {
   padding: 0 20px
}

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

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

.shipping-header .h1 {
   color: #fff;
   font-size: 60px
}

.shipping-header .info {
   color: #fff;
   line-height: 1.7
}

.shipping-header2 .h1 {
   color: #fff;
   font-size: 60px
}

.shipping-header2 .info {
   color: #fff;
   line-height: 1.7
}

.shipping-header3 .h1 {
   color: #fff;
   font-size: 60px
}

.shipping-header3 .info {
   color: #fff;
   line-height: 1.7
}

.shipping-header4 .h1 {
   color: #a73afd;
   font-size: 60px
}

.shipping-header4 .info {
   color: #001a34;
   line-height: 1.7;
   font-size: 24px
}

.shipping-header5 .h1 {
   color: #ce96c3;
   font-size: 60px
}

.shipping-header5 .info {
   color: #001a34;
   line-height: 1.7;
   font-size: 24px
}

.shipping-header6 .h1 {
   color: #ce96c3;
   font-size: 60px
}

.shipping-header6 .info {
   color: #001a34;
   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: #a73afd;
   font-size: 200px;
   text-align: center;
   font-weight: 900;
   padding-bottom: 100px;
   padding-top: 80px
}

.col-3 {
   max-width: 25%;
   flex: 0 0 25%
}

.page-shipping .shipping-h2 {
   font-size: 60px;
   line-height: 1.1;
   color: #4385f5;
   margin-top: 20px
}

.shipping-h2 span {
   border-bottom: 3px solid #4385f5;
   line-height: 36px
}

.desc.h4 {
   font-size: 24px
}

.info-line {
   border: 1px solid #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: 18px;
   margin: 5px;
   transition: .3s
}

.info-item:hover {
   background: #f5f7fa;
   transition: .3s
}

.shipping-carousel .item {
   float: left;
   line-height: 32px;
   background: #fff;
   border-radius: 18px;
   padding: 30px;
  height: 500px;
  width: 420px;
   text-align: left;
   margin-left: 15px;
   transition: .3s;
   margin-bottom: 20px;
   cursor: pointer;
   border:2px solid #fff;
}

.shipping-carousel .item:hover {
   background: #f3f4f5;
   transition: .3s;
   border:2px solid #a73afd;
}

.shipping-carousel .item .title {
   font-size: 24px;
   font-weight: 700;
   height: 100px;
   margin-top: 20px;
   color: #a73afd
}

.shipping-carousel .item .icon {
   height: 40px
}

.shipping-carousel .item .icon img {
   height: 100% !important
}

.shipping-carousel .item .desc {
   font-size: 24px;
   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: 18px;
   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: 18px;
   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: 17px;
}

.shipping-carousel-zadachi .owl-dots {
   display: none
}

.widget-pvz {
	border-radius: 18px;
   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
}

.page-shipping .time {
   margin-top: 5px;
   color: #999
}

.contesttimeact {
   margin-bottom: 6rem !important
}

@media(max-width:480px) {
   .shipping-carousel .item .title {
      font-size: 18px
   }

   .shipping-carousel .item .desc {
      font-size: 14px;
      line-height: 22px
   }

   .shipping-carousel .item {
      padding: 25px;
      width: 255px;
      height: 380px
   }

   .shipping-carousel-zadachi .item {
      padding: 25px;
      width: 220px;
      height: 320px
   }
}

.dst-svg {
   width: 40px;
   float: right;
   opacity: .8;
   top: 275px;
   position: relative
}

.team-item0 {
   min-height: 300px;
   width: 200px !important;
   text-align: center;
   margin: 0 auto;
   background: #a73afd;
   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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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%), #a73afd 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: 17px;;
   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: 17px;;
   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: #a73afd;
   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: #a73afd;
   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: 30px;
   background: #fff;
   cursor: pointer;
   min-height: 300px;
   border-radius: 18px;
   font-size: 18px
}

.block-dst-pic3{
max-width: 190px;
  position: absolute;
  right: 20px;
  bottom: 0px;
}

.block-dst3 h4 {
   font-size: 24px;
   color: #000;
}

.block-dst3:hover {
   box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

.block-dst-pic-condition{
max-width: 380px;
  position: absolute;
  right: 20px;
  bottom: 0px;
}

.block-pic {
  max-width: 300px;
  position: absolute;
  left: 0px;
  bottom: -50px;
}


.logofront {
   margin-top: 50px;
   cursor: pointer
}

.search-frontpage {
   border-radius: 24px;
   border-color: #999;
   border: 1px solid #d6dbe0
}

.search-frontpage .btn {
   background: transparent !important;
   color: #bbb !important;
   left: 0;
   padding: 0 15px !important;
   float: left;
   text-align: left
}

.search-frontpage .search-input {
   margin-left: 30px
}

.fadst {
   color: #a73afd;
   display: inline-block;
   font: 16px/1 FontAwesome;
   margin-left: 10px;
   margin-top: 10px;
   position: relative;
   text-rendering: auto
}

.list {
   list-style: none;
   margin: 0;
   padding: 0
}

.dstcontacts {
   margin-bottom: 40px
}

a {
   text-decoration: none;
   transition: all .3s ease-in-out
}

a:hover,
a:focus {
   text-decoration: none;
   outline: 0
}

button:focus {
   outline: 0;
   box-shadow: none
}

.dstcif {
   color: #a73afd;
   font-size: 17px;;
   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
}

.dstcontainer {
   margin-top: 30px;
   margin-bottom: 10px
}

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

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

.dstlinkall:hover {
   color: #a73afd
}

.footer {
   background: #a73afd;
   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%
}

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

@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: 18px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: #a73afd -webkit-linear-gradient(100deg, #ef3124 20%, #a73afd 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: 17px;;
   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: 18px;
   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: 17px;;
   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: 18px;
   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: 17px;;
   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: 18px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: #a73afd -webkit-linear-gradient(100deg, #8a2c34 10%, #a73afd 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: 17px;;
   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: 18px;
   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: 17px;;
   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: 18px;
   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: 17px;;
   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: 18px;
   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: 17px;;
   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: 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
}

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

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

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

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

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

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

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

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

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

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

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

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

.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: #a73afd;
   border-radius: 18px;
   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: 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
}

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

.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: #a73afd;
   border-radius: 18px;
   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: 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
}

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

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

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

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

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

.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: #a73afd;
   border-radius: 18px;
   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: 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
}

.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 #d6dbe0;
   background: #f5f7fa;
   background-size: cover;
   min-height: 465px;
   border-radius: 18px;
   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: 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
}

.dstport_item img {
   margin-bottom: 35px;
   display: block
}

.dstport_item3 {
   padding-bottom: 10px
}

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

.dstport_item3 {
   border: 1px solid #d6dbe0;
   background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
   background-size: cover;
   min-height: 460px;
   border-radius: 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_item3: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
}

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

.dstport_item4 {
   padding-bottom: 10px
}

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

.dstport_item4 {
   border: 0 solid #f5f7fa;
   background: url(/img/dst27.jpg) no-repeat top center;
   background-size: cover;
   min-height: 464px;
   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_item4: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
}

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

.dstport_item5 {
   padding-bottom: 10px
}

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

.dstport_item5 {
   border: 0 solid #f5f7fa;
   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: 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
}

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

.dstport_item6 {
   padding-bottom: 10px
}

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

.dstport_item6 {
   background: url(/img/00.gif) no-repeat top center;
   background-size: cover;
   min-height: 350px;
   border-radius: 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_item6: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
}

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

.dstport_item7 {
   padding-bottom: 10px
}

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

.dstport_item7 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner11.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   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_item7: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
}

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

.dstport_item8 {
   padding-bottom: 10px
}

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

.dstport_item8 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner10.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_item8: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
}

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

.dstport_item9 {
   padding-bottom: 10px
}

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

.dstport_item9 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner13.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_item9: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
}

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

.dstport_item10 {
   padding-bottom: 10px
}

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

.dstport_item10 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner14.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_item10: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
}

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

.dstport_item11 {
   padding-bottom: 10px
}

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

.dstport_item11 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner3.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_item11: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
}

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

.dstport_item12 {
   padding-bottom: 10px
}

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

.dstport_item12 {
 background: #a73afd;
    background-size: auto;
  background-size: contain;
  min-height: 400px;
  border-radius: 18px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  margin-bottom: 30px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

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

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

.dstport_item15 {
   padding-bottom: 10px
}

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

.dstport_item15 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner42.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_item15: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
}

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

@media only screen and (min-width:300px) and (max-width:700px) {
   .dstport_item15 {
      background: url(/templates/default/images/banner42.jpg) no-repeat -180px -40px
   }
}

.dstport_item16 {
   padding-bottom: 10px
}

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

.dstport_item16 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner43.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_item16: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
}

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

@media only screen and (min-width:300px) and (max-width:700px) {
   .dstport_item16 {
      background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.3) 0), url(/templates/default/images/banner43.jpg) no-repeat -270px -40px
   }
}

.dstport_item17 {
   padding-bottom: 10px
}

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

.dstport_item17 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner44.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_item17: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
}

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

.dstport_item18 {
   padding-bottom: 10px
}

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

.dstport_item18 {
   border: 0 solid #f5f7fa;
   background: url(/templates/default/images/banner45.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_item18: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
}

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

.dstport_item_dark {
   padding-bottom: 10px
}

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

.dstport_item_dark {
background: #f5f7fa;
  min-height: 400px;
  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_item_dark: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
}

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

@media only screen and (min-width:300px) and (max-width:700px) {
   .dstport_item_dark {
      background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.3) 0), url(/templates/default/images/banner43.jpg) no-repeat -270px -40px
   }
}

.dstport_item_prim {
   padding-bottom: 10px
}

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

.dstport_item_prim {
   border: 1px solid #d6dbe0;
   background: #f5f7fa;
   min-height: 350px;
   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_item_prim: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
}

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

.dstsummary {
   position: relative;
   color: #b6bcc3;
   margin-bottom: 50px
}

details,
summary {
   display: inline
}

details[open] {
   display: contents
}

details[open]::after {
   display: block;
   content: "\00a0"
}

summary {
   color: rgba(0, 26, 52, .6);
   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: 18px;
   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: 18px
}

.dstswfeature_item h4 {
   font-size: 17px;
   margin-bottom: 20px;
   min-height: 110px
}

.dstswfeature_item p {
   margin-bottom: 0;
   min-height: 150px
}

.dstitem {
   margin-bottom: 10px;
   color: #a73afd;
   font-size: 64px;
   font-weight: 700;
   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: 18px
}

.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 {
   opacity: .9
}

.feature_item6 {
   border-radius: 18px;
   padding: 45px 60px;
   text-align: left;
   background: url(/templates/default/images/40.png) 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: #f44;
   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: #a73afd;
   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: #a73afd;
   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: #a73afd;
   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: #a73afd;
   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: #a73afd;
   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: 0;
   padding-right: 0
}

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

.dstmain_title p {
   margin-bottom: 20px;
   color: #b6bcc3;
   font-size: 17px;;
   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: .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: 40px;
  line-height: 48px;
  margin-bottom: 25px;
}

.main_title-page-dst h2 {
   margin-top: 20px;
   font-size: 40px;
   line-height: 48px;
   margin-bottom: 25px
}

@media(max-width:991px) {
   .main_title h2 br {
      display: none
   }
}

@media(max-width:767px) {
   .main_title h2 {
      font-size: 24px;
      line-height: 34px
   }
}

.main_title p {
   margin-bottom: 0
}

@media(max-width:991px) {
   .main_title p br {
      display: none
   }
}

.main_title.white h2 {
   color: #fff
}

.main_title.white p {
   color: #fff;
   opacity: .6
}

.border-gradient {
   border-image: -webkit-linear-gradient(90deg, #a73afd 0, #a73afd 100%);
   border-image: -moz-linear-gradient(90deg, #a73afd 0, #a73afd 100%);
   border-image: -o-linear-gradient(90deg, #a73afd 0, #a73afd 100%);
   border-image: linear-gradient(90deg, #a73afd 0, #a73afd 100%)
}

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

.gradient-color,
.contact_info .info_item i {
   background: -webkit-linear-gradient(90deg, #a73afd 0, #a73afd 100%);
   background: -moz-linear-gradient(90deg, #a73afd 0, #a73afd 100%);
   background: -o-linear-gradient(90deg, #a73afd 0, #a73afd 100%);
   background: linear-gradient(90deg, #a73afd 0, #a73afd 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent
}

.overlay {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%
}

.header_area {
   position: absolute;
   width: 100%;
   z-index: 9999
}

.header_area .menu_nav {
   width: 100%
}

.header_area .navbar {
   background: transparent;
   padding: 0;
   border: 0;
   border-radius: 18px;
   width: 100%;
   border-bottom: 0 solid #f5f7fa;
   transition: all 300ms ease-in
}

.header_area .navbar:hover {
   box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
   transition: all 300ms ease-in
}

.header_area .navbar .nav .nav-item {
   margin-right: 30px
}

.header_area .navbar .nav .nav-item .nav-link {
   color: #000;
   padding: 0;
   display: inline-block
}

.header_area .navbar .nav .nav-item .nav-link:after {
   display: none
}

.header_area .navbar .nav .nav-item:hover .nav-link,
.header_area .navbar .nav .nav-item.active .nav-link {
   color: #a73afd
}

.header_area .navbar .nav .nav-item.submenu {
   position: relative
}

.header_area .navbar .nav .nav-item.submenu ul {
   border: 0;
   padding: 0;
   border-radius: 18px;
   box-shadow: none;
   margin: 0;
   background: #fff
}

@media(min-width:1000px) {
   .header_area .navbar .nav .nav-item.submenu ul {
      position: absolute;
      top: 120%;
      left: 0;
      min-width: 275px;
      text-align: left;
      opacity: 0;
      transition: all 300ms ease-in;
      visibility: hidden;
      display: block;
      border: 0;
      padding: 0;
      border-radius: 18px;
      box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1)
   }
}

.header_area .navbar .nav .nav-item.submenu ul:before {
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 10px 10px 0 10px;
   border-color: #f5f7fa transparent transparent transparent;
   position: absolute;
   right: 24px;
   top: 45px;
   z-index: 3;
   opacity: 0;
   transition: all 400ms linear
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item {
   display: block;
   float: none;
   margin-right: 0;
   border-bottom: 1px solid #ededed;
   margin-left: 0;
   transition: all .4s linear
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
   line-height: 45px;
   color: #000;
   padding: 0 30px;
   transition: all 150ms linear;
   display: block;
   font-size: 14.5px;
   margin-right: 0
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
   border-bottom: 0
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
   color: #a73afd
}

@media(min-width:1000px) {
   .header_area .navbar .nav .nav-item.submenu:hover ul {
      visibility: visible;
      opacity: 1;
      top: 100%
   }
}

.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
   margin-top: 0
}

.header_area .navbar .nav .nav-item:last-child {
   margin-right: 0
}

.header_area.navbar_fixed .main_menu {
   position: fixed;
   width: 100%;
   top: -70px;
   left: 0;
   right: 0;
   background: #fff;
   transform: translateY(70px);
   transition: transform 500ms ease, background 500ms ease;
   -webkit-transition: transform 500ms ease, background 500ms ease;
   box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1)
}

.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
   line-height: 70px
}

@media(min-width:1000px) {
   .header_area.white_menu .navbar .navbar-brand img {
      display: none
   }

   .header_area.white_menu .navbar .navbar-brand img+img {
      display: inline-block
   }
}

@media(max-width:991px) {
   .header_area.white_menu .navbar .navbar-brand img {
      display: inline-block
   }

   .header_area.white_menu .navbar .navbar-brand img+img {
      display: none
   }
}

.header_area.white_menu .navbar .nav .nav-item .nav-link {
   color: #fff
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {
   display: inline-block
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img+img {
   display: none
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
   line-height: 70px;
   color: #000
}

.owl-carousel.off {
   display: -ms-flexbox;
   display: flex
}

.home_banner_area {
   z-index: 1;
   background-size: cover
}

.home_banner_area .banner_inner {
   width: 100%
}

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

@media(max-width:1480px) {
   .home_banner_area .banner_inner .home_right_img img {
      max-width: 100%;
      height: auto
   }
}

@media(max-width:991px) {
   .home_banner_area .banner_inner .home_right_img {
      display: none
   }
}

.home_banner_area .banner_inner .col-lg-7 {
   vertical-align: middle;
   align-self: center
}

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

@media(max-width:991px) {
   .home_banner_area .banner_inner .banner_content {
      margin-top: 0
   }
}

.home_banner_area .banner_inner .banner_content h3 {
   font-size: 40px;
   margin-bottom: 20px;
   position: relative
}

.home_banner_area .banner_inner .banner_content h3:after {
   content: '';
   width: 410px;
   height: 2px;
   position: absolute;
   top: 50%;
   left: 23%;
   background: #000
}

@media(max-width:575px) {
   .home_banner_area .banner_inner .banner_content h3:after {
      display: none
   }
}

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

.home_banner_area .banner_inner .banner_content .primary_btn {
   margin-right: 20px
}

.banner_area {
   position: relative;
   z-index: 1;
   min-height: 485px
}

@media(max-width:1199px) {
   .banner_area {
      min-height: 350px
   }
}

.banner_area .banner_inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   min-height: 485px;
   background: url(../img/banner/common-banner.png) no-repeat right bottom;
   background-size: 90% 85%;
   width: 98%;
   z-index: 1
}

@media(max-width:1199px) {
   .banner_area .banner_inner {
      min-height: 350px
   }
}

@media(max-width:991px) {
   .banner_area .banner_inner {
      background: #a73afd;
      width: 100%
   }
}

.banner_area .banner_inner .banner_content {
   margin-left: 50px;
   margin-top: 100px
}

@media(max-width:991px) {
   .banner_area .banner_inner .banner_content {
      margin-left: 0;
      margin-top: 50px
   }
}

.banner_area .banner_inner .banner_content h2 {
   color: #fff;
   font-size: 50px;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 700
}

@media(max-width:991px) {
   .banner_area .banner_inner .banner_content h2 {
      font-size: 24px
   }
}

.banner_area .banner_inner .banner_content .page_link a {
   font-size: 17px;;
   color: #fff;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   margin-right: 20px;
   position: relative
}

.banner_area .banner_inner .banner_content .page_link a:before {
   content: "-";
   position: absolute;
   right: -14px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%)
}

.banner_area .banner_inner .banner_content .page_link a:last-child {
   margin-right: 0
}

.banner_area .banner_inner .banner_content .page_link a:last-child:before {
   display: none
}

.blog_btn {
   border: 1px solid #d6dbe0;
   background: #f9f9ff;
   padding: 0 32px;
   font-size: 17px;;
   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: #a73afd;
   border-color: #a73afd;
   color: #fff
}

.white_bg_btn {
   background: #fff;
   display: inline-block;
   color: #000;
   line-height: 40px;
   padding: 0 28px;
   font-size: 17px;;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   font-weight: 500;
   text-transform: uppercase;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   border: 0
}

.white_bg_btn:hover {
   background: #a73afd;
   color: #fff
}

.causes_slider .owl-dots {
   text-align: center;
   margin-top: 80px
}

.causes_slider .owl-dots .owl-dot {
   height: 14px;
   width: 14px;
   background: #f5f7fa;
   display: inline-block;
   margin-right: 7px
}

.causes_slider .owl-dots .owl-dot:last-child {
   margin-right: 0
}

.causes_slider .owl-dots .owl-dot.active {
   background: #a73afd
}

.causes_item {
   background: #fff
}

.causes_item .causes_img {
   position: relative
}

.causes_item .causes_img .c_parcent {
   position: absolute;
   bottom: 0;
   width: 100%;
   left: 0;
   height: 3px;
   background: rgba(255, 255, 255, 0.5)
}

.causes_item .causes_img .c_parcent span {
   width: 70%;
   height: 3px;
   background: #a73afd;
   position: absolute;
   left: 0;
   bottom: 0
}

.causes_item .causes_img .c_parcent span:before {
   content: "75%";
   position: absolute;
   right: -10px;
   bottom: 0;
   background: #a73afd;
   color: #fff;
   padding: 0 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: 18px;
   font-weight: 600;
   margin-bottom: 15px;
   cursor: pointer
}

.causes_item .causes_text h4:hover {
   color: #a73afd
}

.causes_item .causes_text p {
   font-size: 17px;;
   line-height: 24px;
   color: #777;
   font-weight: 300;
   margin-bottom: 0
}

.causes_item .causes_bottom a {
   width: 50%;
   border: 1px solid #a73afd;
   text-align: center;
   float: left;
   line-height: 50px;
   background: #a73afd;
   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: 17px;;
   font-weight: 500
}

.causes_item .causes_bottom a+a {
   border-color: #f5f7fa;
   background: #fff;
   font-size: 17px;;
   color: #000
}

.single-recent-blog-post {
   margin-bottom: 30px
}

.single-recent-blog-post .thumb {
   overflow: hidden
}

.single-recent-blog-post .thumb img {
   transition: all .7s linear
}

.single-recent-blog-post .details {
   padding-top: 30px
}

.single-recent-blog-post .details .sec_h4 {
   line-height: 24px;
   padding: 10px 0 13px;
   transition: all .3s linear
}

.single-recent-blog-post .details .sec_h4:hover {
   color: #777
}

.single-recent-blog-post .date {
   font-size: 17px;;
   line-height: 24px;
   font-weight: 400
}

.single-recent-blog-post:hover img {
   transform: scale(1.23) rotate(10deg)
}

.tags .tag_btn {
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   border: 1px solid #d6dbe0;
   display: inline-block;
   padding: 1px 18px;
   text-align: center;
   color: #000
}

.tags .tag_btn:before {
   background: #a73afd
}

.tags .tag_btn+.tag_btn {
   margin-left: 2px
}

.blog_categorie_area {
   padding-bottom: 60px
}

.categories_post {
   position: relative;
   text-align: center;
   cursor: pointer
}

.categories_post img {
   max-width: 100%
}

.categories_post .categories_details {
   position: absolute;
   top: 20px;
   left: 20px;
   right: 20px;
   bottom: 20px;
   background: rgba(34, 34, 34, 0.8);
   color: #fff;
   transition: all .3s linear;
   display: flex;
   align-items: center;
   justify-content: center
}

.categories_post .categories_details h5 {
   margin-bottom: 0;
   font-size: 18px;
   line-height: 26px;
   text-transform: uppercase;
   color: #fff;
   position: relative
}

.categories_post .categories_details p {
   font-weight: 300;
   font-size: 17px;;
   line-height: 26px;
   margin-bottom: 0;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s
}

.categories_post .categories_details .border_line {
   margin: 10px 0;
   background: #fff;
   width: 100%;
   height: 1px
}

.categories_post:hover .categories_details {
   background: rgba(68, 88, 220, 0.85)
}

[data-tooltip] {
   position: relative;
   z-index: 10
}

[data-tooltip]:before,
[data-tooltip]:after {
   position: absolute;
   visibility: hidden;
   opacity: 0;
   left: 50%;
   bottom: calc(100%+5px);
   pointer-events: none;
   transition: .2s;
   will-change: transform
}

[data-tooltip]:before {
   content: attr(data-tooltip);
   padding: 10px 18px;
   min-width: 50px;
   max-width: 300px;
   width: max-content;
   width: -moz-max-content;
   border-radius: 18px;
   font-size: 17px;;
   background-color: rgba(59, 72, 80, 0.9);
   background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44));
   box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
   color: #fff;
   text-align: center;
   white-space: pre-wrap;
   transform: translate(-50%, -5px) scale(0.5)
}

[data-tooltip]:after {
   content: '';
   border-style: solid;
   border-width: 5px 5px 0 5px;
   border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
   transition-duration: 0;
   transform-origin: top;
   transform: translateX(-50%) scaleY(0)
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
   visibility: visible;
   opacity: 1
}

[data-tooltip]:hover:before {
   transition-delay: .3s;
   transform: translate(-50%, -5px) scale(1)
}

[data-tooltip]:hover:after {
   transition-delay: .5s;
   transition-duration: .2s;
   transform: translateX(-50%) scaleY(1)
}

.la2,
.las2 {
   color: #fff;
   font-size: 65px;
   line-height: 100px;
   transition: all 0.4s ease 0s
}

.la2,
.las2:hover {
   color: #fff;
   font-size: 75px;
   line-height: 100px;
   transition: all 0.4s ease 0s
}

.la2,
.las2 {
   font-family: 'Line Awesome Free';
   font-weight: 900
}

.la2,
.lab2,
.lad2,
.lal2,
.lar2,
.las2 {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto
}

.blog_item {
   margin-bottom: 40px
}

.blog_info {
   padding-top: 30px
}

.blog_info .post_tag {
   padding-bottom: 20px
}

.blog_info .post_tag a {
   font: 300 14px/21px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   color: #000
}

.blog_info .post_tag a:hover {
   color: #777
}

.blog_info .post_tag a.active {
   color: #a73afd
}

.blog_info .blog_meta li a {
   font: 300 14px/20px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   color: #777;
   vertical-align: middle;
   padding-bottom: 12px;
   display: inline-block
}

.blog_info .blog_meta li a i {
   color: #000;
   font-size: 17px;;
   font-weight: 600;
   padding-left: 15px;
   line-height: 20px;
   vertical-align: middle
}

.blog_info .blog_meta li a:hover {
   color: #a73afd
}

.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 .3s linear
}

.blog_details h2:hover {
   color: #a73afd
}

.blog_details p {
   margin-bottom: 26px
}

.view_btn {
   font-size: 17px;;
   line-height: 36px;
   display: inline-block;
   color: #000;
   font-weight: 500;
   padding: 0 30px;
   background: #fff
}

.blog_right_sidebar {
   border: 1px solid #d6dbe0;
   background: #fafaff;
   padding: 30px
}

.blog_right_sidebar .widget_title {
   font-size: 18px;
   line-height: 25px;
   text-align: center;
   color: #fff;
   padding: 8px 0;
   margin-bottom: 30px
}

.blog_right_sidebar .search_widget .input-group .form-control {
   position: relative;
   font-size: 17px;;
   line-height: 29px;
   width: 100%;
   font-weight: 300;
   color: #777;
   padding-left: 20px;
   border-radius: 45px;
   z-index: 0;
   border: double 2px transparent;
   background-image: linear-gradient(white, white), radial-gradient(circle at top left, #a73afd, #a73afd);
   background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #a73afd, #a73afd);
   background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #a73afd, #a73afd);
   background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #a73afd, #a73afd);
   background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #a73afd, #a73afd);
   background-origin: border-box;
   background-clip: content-box, border-box;
   padding: 0;
   text-indent: 20px
}

.blog_right_sidebar .search_widget .input-group .form-control.placeholder {
   color: #777;
   text-transform: uppercase;
   font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {
   color: #777;
   text-transform: uppercase;
   font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {
   color: #777;
   text-transform: uppercase;
   font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {
   color: #777;
   text-transform: uppercase;
   font-size: 14px
}

.blog_right_sidebar .search_widget .input-group .form-control:focus {
   box-shadow: none
}

.blog_right_sidebar .search_widget .input-group .btn-default {
   position: absolute;
   right: 20px;
   background: transparent;
   border: 0;
   box-shadow: none;
   font-size: 17px;;
   color: #000;
   font-weight: 600;
   padding: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 1
}

.blog_right_sidebar .author_widget {
   text-align: center
}

.blog_right_sidebar .author_widget h4 {
   font-size: 18px;
   line-height: 20px;
   color: #000;
   margin-bottom: 5px;
   margin-top: 30px
}

.blog_right_sidebar .author_widget p {
   margin-bottom: 0
}

.blog_right_sidebar .author_widget .social_icon {
   padding: 7px 0 15px
}

.blog_right_sidebar .author_widget .social_icon a {
   font-size: 17px;;
   color: #000;
   transition: all .2s linear
}

.blog_right_sidebar .author_widget .social_icon a+a {
   margin-left: 20px
}

.blog_right_sidebar .author_widget .social_icon a:hover {
   color: #a73afd
}

.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: 17px;;
   line-height: 20px;
   color: #000;
   margin-bottom: 4px;
   transition: all .3s linear
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
   color: #a73afd
}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
   font-size: 14px;
   line-height: 21px;
   margin-bottom: 0
}

.blog_right_sidebar .popular_post_widget .post_item+.post_item {
   margin-top: 20px
}

.blog_right_sidebar .post_category_widget .cat-list li {
   border-bottom: 2px dotted #f5f7fa;
   transition: all 0.4s ease 0s;
   padding-bottom: 12px
}

.blog_right_sidebar .post_category_widget .cat-list li a {
   font-size: 17px;;
   line-height: 20px;
   color: #777
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
   margin-bottom: 0
}

.blog_right_sidebar .post_category_widget .cat-list li+li {
   padding-top: 15px
}

.blog_right_sidebar .post_category_widget .cat-list li:hover a {
   color: #a73afd
}

.blog_right_sidebar .post_category_widget .cat-list li:hover {
   border-color: #a73afd
}

.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: 18px;
   vertical-align: top;
   font-size: 14px;
   line-height: 36px;
   padding: 0 0 0 15px;
   border: 1px solid #d6dbe0;
   border-right: 0
}

.blog_right_sidebar .newsletter_widget .form-control {
   font-size: 14px;
   line-height: 24px;
   color: #ccc;
   border: 1px solid #d6dbe0;
   border-left: 0;
   border-radius: 18px
}

.blog_right_sidebar .newsletter_widget .form-control.placeholder {
   color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {
   color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
   color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
   color: #ccc
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
   outline: 0;
   box-shadow: none
}

.blog_right_sidebar .newsletter_widget .bbtns {
   color: #fff;
   font-size: 14px;
   line-height: 38px;
   display: inline-block;
   font-weight: 500;
   padding: 0 24px 0 24px;
   border-radius: 0
}

.blog_right_sidebar .newsletter_widget .text-bottom {
   font-size: 14px
}

.blog_right_sidebar .tag_cloud_widget ul li {
   display: inline-block
}

.blog_right_sidebar .tag_cloud_widget ul li a {
   display: inline-block;
   border: 1px solid #d6dbe0;
   background: #fff;
   padding: 0 13px;
   margin-bottom: 8px;
   transition: all 0.4s ease 0s;
   color: #000;
   font-size: 14px
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
   color: #fff
}

.blog_right_sidebar .br {
   width: 100%;
   height: 1px;
   background: #f5f7fa;
   margin: 30px 0
}

.blog-pagination {
   padding-top: 25px;
   padding-bottom: 95px
}

.blog-pagination .page-link {
   border-radius: 0
}

.blog-pagination .page-item {
   border: 0
}

.page-link {
   background: transparent;
   font-weight: 400
}

.blog-pagination .page-item.active .page-link {
   border-color: transparent;
   color: #fff
}

.blog-pagination .page-link {
   position: relative;
   display: block;
   padding: .5rem .75rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #8a8a8a;
   border: 0
}

.blog-pagination .page-link .lnr {
   font-weight: 600
}

.blog-pagination .page-item:last-child .page-link,
.blog-pagination .page-item:first-child .page-link {
   border-radius: 0
}

.blog-pagination .page-link:hover {
   color: #fff;
   text-decoration: none;
   border-color: #f5f7fa
}

.single-post-area .social-links {
   padding-top: 10px
}

.single-post-area .social-links li {
   display: inline-block;
   margin-bottom: 10px
}

.single-post-area .social-links li a {
   color: #ccc;
   padding: 7px;
   font-size: 17px;;
   transition: all .2s linear
}

.single-post-area .social-links li a:hover {
   color: #a73afd
}

.single-post-area .blog_details {
   padding-top: 26px
}

.single-post-area .blog_details p {
   margin-bottom: 10px
}

.single-post-area .quotes {
   margin-top: 20px;
   margin-bottom: 30px;
   padding: 24px 35px 24px 30px;
   background-color: white;
   box-shadow: -20.84px 21.58px 30px 0 rgba(176, 176, 176, 0.1);
   font-size: 17px;;
   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 #d6dbe0;
   padding-top: 30px;
   margin-top: 60px
}

.single-post-area .navigation-area p {
   margin-bottom: 0
}

.single-post-area .navigation-area h4 {
   font-size: 18px;
   line-height: 25px;
   color: #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: 0
   }
}

.comments-area {
   background: #fafaff;
   border: 1px solid #d6dbe0;
   padding: 50px 30px;
   margin-top: 50px
}

@media(max-width:414px) {
   .comments-area {
      padding: 50px 8px
   }
}

.comments-area h4 {
   text-align: center;
   margin-bottom: 50px;
   color: #000;
   font-size: 18px
}

.comments-area h5 {
   font-size: 17px;;
   margin-bottom: 0
}

.comments-area a {
   color: #000
}

.comments-area .comment-list {
   padding-bottom: 48px
}

.comments-area .comment-list:last-child {
   padding-bottom: 0
}

.comments-area .comment-list.left-padding {
   padding-left: 25px
}

@media(max-width:413px) {
   .comments-area .comment-list .single-comment h5 {
      font-size: 14px
   }

   .comments-area .comment-list .single-comment .date {
      font-size: 14px
   }

   .comments-area .comment-list .single-comment .comment {
      font-size: 10px
   }
}

.comments-area .thumb {
   margin-right: 20px
}

.comments-area .date {
   font-size: 17px;;
   color: #ccc;
   margin-bottom: 13px
}

.comments-area .comment {
   color: #777;
   margin-bottom: 0
}

.comments-area .btn-reply {
   background-color: #fff;
   color: #000;
   border: 1px solid #d6dbe0;
   padding: 2px 18px;
   font-size: 14px;
   display: block;
   font-weight: 600;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s
}

.comments-area .btn-reply:hover {
   border: transparent;
   color: #fff
}

.comment-form {
   background: #fafaff;
   text-align: center;
   border: 1px solid #d6dbe0;
   padding: 47px 30px 43px;
   margin-top: 50px;
   margin-bottom: 40px
}

.comment-form h4 {
   text-align: center;
   margin-bottom: 50px;
   font-size: 18px;
   line-height: 22px;
   color: #000
}

.comment-form .name {
   padding-left: 0
}

@media(max-width:767px) {
   .comment-form .name {
      padding-right: 0;
      margin-bottom: 1rem
   }
}

.comment-form .email {
   padding-right: 0
}

@media(max-width:991px) {
   .comment-form .email {
      padding-left: 0
   }
}

.comment-form .form-control {
   padding: 8px 20px;
   background: #fff;
   border: 0;
   border-radius: 18px;
   width: 100%;
   font-size: 17px;;
   color: #777;
   border: 1px solid transparent
}

.comment-form .form-control:focus {
   box-shadow: none;
   border: 1px solid #d6dbe0
}

.comment-form textarea.form-control {
   height: 140px;
   resize: none
}

.comment-form ::-webkit-input-placeholder {
   font-size: 17px;;
   color: #777
}

.comment-form ::-moz-placeholder {
   font-size: 17px;;
   color: #777
}

.comment-form :-ms-input-placeholder {
   font-size: 17px;;
   color: #777
}

.comment-form :-moz-placeholder {
   font-size: 17px;;
   color: #777
}

.mapBox {
   height: 420px;
   margin-top: 80px
}

.contact_info .info_item {
   position: relative;
   padding-left: 45px
}

.contact_info .info_item i {
   position: absolute;
   left: 0;
   top: 0;
   font-size: 17px;;
   line-height: 24px;
   font-weight: 600
}

.contact_info .info_item h6 {
   font-size: 18px;
   line-height: 28px;
   font-weight: bold;
   margin-bottom: 0;
   color: #000
}

.contact_info .info_item h6 a {
   color: #000
}

.contact_info .info_item p {
   font-size: 17px;;
   line-height: 24px;
   padding: 2px 0
}

.contact_form .form-group {
   margin-bottom: 10px
}

.contact_form .form-group .form-control {
   font-size: 17px;;
   line-height: 8px;
   color: rgba(0, 26, 52, .6);
   border: 1px solid #d6dbe0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
   border-radius: 18px;
   padding-left: 20px
}

.contact_form .form-group .form-control:focus {
   box-shadow: none;
   outline: 0
}

.contact_form .form-group .form-control.placeholder {
   color: rgba(0, 26, 52, .6)
}

.contact_form .form-group .form-control:-moz-placeholder {
   color: rgba(0, 26, 52, .6)
}

.contact_form .form-group .form-control::-moz-placeholder {
   color: rgba(0, 26, 52, .6)
}

.contact_form .form-group .form-control::-webkit-input-placeholder {
   color: rgba(0, 26, 52, .6)
}

.contact_form .form-group textarea {
   resize: none
}

.contact_form .form-group textarea.form-control {
   height: 250px;
   line-height: 26px
}

.contact_form .primary_btn {
   margin-top: 20px
}

.contact_form .form-group .form-control {
   display: block;
   width: 100%;
   height: calc(3.25rem+3px);
   padding: 1.375rem .75rem;
   padding-left: .75rem
}

.modal-message .modal-dialog {
   position: absolute;
   top: 36%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%) !important;
   margin: 0;
   max-width: 500px;
   width: 100%
}

.modal-message .modal-dialog .modal-content .modal-header {
   text-align: center;
   display: block;
   border-bottom: 0;
   padding-top: 50px;
   padding-bottom: 50px
}

.modal-message .modal-dialog .modal-content .modal-header .close {
   position: absolute;
   right: -15px;
   top: -15px;
   padding: 0;
   color: #fff;
   opacity: 1;
   cursor: pointer
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
   display: block;
   text-align: center;
   color: #a73afd;
   padding-bottom: 10px;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.modal-message .modal-dialog .modal-content .modal-header p {
   display: block
}

.mb-20 {
   margin-bottom: 20px
}

.mb-30 {
   margin-bottom: 30px
}

.sample-text-area {
   padding: 100px 0
}

.sample-text-area .title_color {
   margin-bottom: 30px
}

.sample-text-area p {
   line-height: 26px
}

.sample-text-area p b {
   font-weight: bold;
   color: #a73afd
}

.sample-text-area p i {
   color: #a73afd;
   font-style: italic
}

.sample-text-area p sup {
   color: #a73afd;
   font-style: italic
}

.sample-text-area p sub {
   color: #a73afd;
   font-style: italic
}

.sample-text-area p del {
   color: #a73afd
}

.sample-text-area p u {
   color: #a73afd
}

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

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

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

.link-border:before {
   background: #a73afd
}

.radius {
   border-radius: 18px
}

.circle {
   border-radius: 20px
}

.arrow span {
   padding-left: 5px
}

.e-large {
   line-height: 50px;
   padding-top: 0;
   padding-bottom: 0
}

.large {
   line-height: 45px;
   padding-top: 0;
   padding-bottom: 0
}

.medium {
   line-height: 30px;
   padding-top: 0;
   padding-bottom: 0
}

.small {
   line-height: 25px;
   padding-top: 0;
   padding-bottom: 0
}

.general {
   line-height: 38px;
   padding-top: 0;
   padding-bottom: 0
}

.generic-banner {
   margin-top: 60px;
   text-align: center
}

.generic-banner .height {
   height: 600px
}

@media(max-width:767.98px) {
   .generic-banner .height {
      height: 400px
   }
}

.generic-banner .generic-banner-content h2 {
   line-height: 1.2em;
   margin-bottom: 20px
}

@media(max-width:991.98px) {
   .generic-banner .generic-banner-content h2 br {
      display: none
   }
}

.generic-banner .generic-banner-content p {
   text-align: center;
   font-size: 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 #f5f7fa
}

.switch-wrap {
   margin-bottom: 10px
}

.switch-wrap p {
   margin: 0
}

.sample-text-area {
   padding: 100px 0 70px 0
}

.sample-text {
   margin-bottom: 0
}

.text-heading {
   margin-bottom: 30px;
   font-size: 17px;
}

.typo-list {
   margin-bottom: 10px
}

@media(max-width:767px) {
   .typo-sec {
      margin-bottom: 30px
   }
}

@media(max-width:767px) {
   .element-wrap {
      margin-top: 30px
   }
}

.button-area .border-top-generic {
   padding: 70px 15px;
   border-top: 1px dotted #f5f7fa
}

.button-group-area .genric-btn {
   margin-right: 10px;
   margin-top: 10px
}

.button-group-area .genric-btn:last-child {
   margin-right: 0
}

.circle {
   border-radius: 20px
}

.genric-btn {
   display: inline-block;
   outline: 0;
   line-height: 40px;
   padding: 0 30px;
   font-size: .8em;
   text-align: center;
   text-decoration: none;
   font-weight: 500;
   cursor: pointer;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s
}

.genric-btn:focus {
   outline: 0
}

.genric-btn.e-large {
   padding: 0 40px;
   line-height: 50px
}

.genric-btn.large {
   line-height: 45px
}

.genric-btn.medium {
   line-height: 30px
}

.genric-btn.small {
   line-height: 25px
}

.genric-btn.radius {
   border-radius: 18px
}

.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: #000;
   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: #000;
   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: #000;
   background: #f9f9ff;
   text-decoration: underline;
   border: 1px solid transparent
}

.genric-btn.link:hover {
   color: #000;
   border: 1px solid #f9f9ff;
   background: #fff
}

.genric-btn.link-border {
   color: #000;
   border: 1px solid #f9f9ff;
   background: #fff;
   text-decoration: underline
}

.genric-btn.link-border:hover {
   color: #000;
   background: #f9f9ff;
   border: 1px solid transparent
}

.genric-btn.disable {
   color: #000;
   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 0 30px 0;
   min-width: 800px
}

.progress-table .serial {
   width: 11.83%;
   padding-left: 30px
}

.progress-table .country {
   width: 28.07%
}

.progress-table .visit {
   width: 19.74%
}

.progress-table .percentage {
   width: 40.36%;
   padding-right: 50px
}

.progress-table .table-head {
   display: flex
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
   color: #000;
   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: 18px;
   background: transparent
}

.progress-table .table-row .percentage .progress .progress-bar {
   height: 5px;
   line-height: 5px
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
   background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
   background-color: #e66686
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
   background-color: #f09359
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
   background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
   background-color: #73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
   background-color: #6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
   background-color: #a367e7
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
   background-color: #e66686
}

.single-gallery-image {
   margin-top: 30px;
   background-repeat: no-repeat !important;
   background-position: center center !important;
   background-size: cover !important;
   height: 200px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s
}

.single-gallery-image:hover {
   opacity: .8
}

.list-style {
   width: 14px;
   height: 14px
}

.unordered-list li {
  position: relative;
  padding-left: 30px;
  line-height: 1.82em !important; }

.unordered-list li:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid #f8b600;
  background: #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: #000; }

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

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

.single-input {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px; }

.single-input:focus {
  outline: none; }

.input-group-icon {
   position: relative
}

.input-group-icon .icon {
   position: absolute;
   left: 20px;
   top: 0;
   line-height: 40px;
   z-index: 3
}

.input-group-icon .icon i {
   color: #797979
}

.input-group-icon .single-input {
   padding-left: 45px
}

.single-textarea {
   display: block;
   width: 100%;
   line-height: 40px;
   border: 0;
   outline: 0;
   background: #f9f9ff;
   padding: 0 20px;
   height: 100px;
   resize: none
}

.single-textarea:focus {
   outline: 0
}

.single-input-primary {
   display: block;
   width: 100%;
   line-height: 40px;
   border: 1px solid transparent;
   outline: 0;
   background: #f9f9ff;
   padding: 0 20px
}

.single-input-primary:focus {
   outline: 0;
   border: 1px solid #f8b600
}

.single-input-accent {
   display: block;
   width: 100%;
   line-height: 40px;
   border: 1px solid transparent;
   outline: 0;
   background: #f9f9ff;
   padding: 0 20px
}

.single-input-accent:focus {
   outline: 0;
   border: 1px solid #eb6b55
}

.single-input-secondary {
   display: block;
   width: 100%;
   line-height: 40px;
   border: 1px solid transparent;
   outline: 0;
   background: #f9f9ff;
   padding: 0 20px
}

.single-input-secondary:focus {
   outline: 0;
   border: 1px solid #f09359
}

.default-switch {
   width: 35px;
   height: 17px;
   border-radius: 8.5px;
   background: #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 .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
   cursor: pointer
}

.default-switch input:checked+label {
   left: 19px
}

.single-element-widget {
   margin-bottom: 30px
}

.primary-switch {
   width: 35px;
   height: 17px;
   border-radius: 8.5px;
   background: #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 .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s
}

.primary-switch input+label:after {
   content: "";
   position: absolute;
   top: 1px;
   left: 1px;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #fff;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
   cursor: pointer
}

.primary-switch input:checked+label:after {
   left: 19px
}

.primary-switch input:checked+label:before {
   background: #f8b600
}

.confirm-switch {
   width: 35px;
   height: 17px;
   border-radius: 8.5px;
   background: #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 .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   cursor: pointer
}

.confirm-switch input+label:after {
   content: "";
   position: absolute;
   top: 1px;
   left: 1px;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #fff;
   -webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
   cursor: pointer
}

.confirm-switch input:checked+label:after {
   left: 19px
}

.confirm-switch input:checked+label:before {
   background: #4cd3e3
}

.primary-checkbox {
   width: 16px;
   height: 16px;
   border-radius: 18px;
   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: 18px;
   cursor: pointer;
   border: 1px solid #f5f7fa
}

.single-defination h4 {
   color: #000
}

.primary-checkbox input:checked+label {
   background: url(../img/elements/primary-check.png) no-repeat center center/cover;
   border: 0
}

.confirm-checkbox {
   width: 16px;
   height: 16px;
   border-radius: 18px;
   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: 18px;
   cursor: pointer;
   border: 1px solid #f5f7fa
}

.confirm-checkbox input:checked+label {
   background: url(../img/elements/success-check.png) no-repeat center center/cover;
   border: 0
}

.disabled-checkbox {
   width: 16px;
   height: 16px;
   border-radius: 18px;
   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: 18px;
   cursor: pointer;
   border: 1px solid #f5f7fa
}

.disabled-checkbox input:disabled {
   cursor: not-allowed;
   z-index: 3
}

.disabled-checkbox input:checked+label {
   background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
   border: 0
}

.primary-radio {
   width: 16px;
   height: 16px;
   border-radius: 18px;
   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: 18px;
   cursor: pointer;
   border: 1px solid #f5f7fa
}

.primary-radio input:checked+label {
   background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
   border: 0
}

.confirm-radio {
   width: 16px;
   height: 16px;
   border-radius: 18px;
   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: 18px;
   cursor: pointer;
   border: 1px solid #f5f7fa
}

.confirm-radio input:checked+label {
   background: url(../img/elements/success-radio.png) no-repeat center center/cover;
   border: 0
}

.disabled-radio {
   width: 16px;
   height: 16px;
   border-radius: 18px;
   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: 18px;
   cursor: pointer;
   border: 1px solid #f5f7fa
}

.disabled-radio input:disabled {
   cursor: not-allowed;
   z-index: 3
}

.unordered-list {
  list-style: none;
  padding: 0px;
  margin: 0px; }

.ordered-list {
  list-style: none;
  padding: 0px; }

.disabled-radio input:checked+label {
   background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
   border: 0
}

.default-select {
   height: 40px
}

.default-select .nice-select {
   border: 0;
   border-radius: 18px;
   height: 40px;
   background: #fff;
   padding-left: 20px;
   padding-right: 40px
}

.default-select .nice-select .list {
   margin-top: 0;
   border: 0;
   border-radius: 18px;
   box-shadow: none;
   width: 100%;
   padding: 10px 0 10px 0
}

.default-select .nice-select .list .option {
   font-weight: 300;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   line-height: 28px;
   min-height: 28px;
   font-size: 14px;
   padding-left: 20px
}

.default-select .nice-select .list .option.selected {
   color: #f8b600;
   background: transparent
}

.default-select .nice-select .list .option:hover {
   color: #f8b600;
   background: transparent
}

.default-select .current {
   margin-right: 50px;
   font-weight: 300
}

.default-select .nice-select::after {
   right: 20px
}

@media(max-width:991px) {
   .left-align-p p {
      margin-top: 20px
   }
}

.form-select {
   height: 40px;
   width: 100%
}

.form-select .nice-select {
   border: 0;
   border-radius: 18px;
   height: 40px;
   background: #f9f9ff !important;
   padding-left: 45px;
   padding-right: 40px;
   width: 100%
}

.form-select .nice-select .list {
   margin-top: 0;
   border: 0;
   border-radius: 18px;
   box-shadow: none;
   width: 100%;
   padding: 10px 0 10px 0
}

.mt-10 {
   margin-top: 10px
}

.form-select .nice-select .list .option {
   font-weight: 300;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   line-height: 28px;
   min-height: 28px;
   font-size: 14px;
   padding-left: 45px
}

.form-select .nice-select .list .option.selected {
   color: #f8b600;
   background: transparent
}

.form-select .nice-select .list .option:hover {
   color: #f8b600;
   background: transparent
}

.form-select .current {
   margin-right: 50px;
   font-weight: 300
}

.form-select .nice-select::after {
   right: 20px
}

.about_area {
   position: relative
}

.about_area .main_title {
   margin-bottom: 0
}

.about_area .main_title p {
   margin-bottom: 20px
}

.about_area .primary_btn .primary_btn6 {
   margin-top: 20px
}

.about_area .about_img {
   position: relative
}

@media(max-width:1480px) {
   .about_area .about_img {
      right: 0
   }

   .about_area .about_img img {
      max-width: 100%;
      height: auto
   }
}

@media(max-width:991px) {
   .about_area .about_img {
      text-align: center;
      margin-bottom: 40px;
      margin-top: 40px
   }
}

.about_area {
   position: relative
}

.about_area .main_title {
   margin-bottom: 0
}

.about_area .main_title p {
   margin-bottom: 20px
}

.about_area .primary_btn .primary_btn6 {
   margin-top: 20px
}

.about_area .about_img2 {
   position: absolute
}

@media(max-width:1480px) {
   .about_area .about_img2 {
      right: 0
   }

   .about_area .about_img2 img {
      max-width: 100%;
      height: auto
   }
}

@media(max-width:991px) {
   .about_area .about_img2 {
      text-align: center;
      position: relative;
      margin-bottom: 40px;
      margin-top: 40px
   }
}

.brand_area {
   padding-bottom: 60px
}

@media(max-width:1199px) {
   .brand_area {
      padding-bottom: 60px
   }
}

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

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

.features_area_dst2 {
   background: #000
}

.features_area_dst3 {
   background: #a73afd
}

.features_area_dst4 {
  background: #f44;
}

.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: 18px;
      padding: 45px 25px;
      background: #fff;
      text-align: center;
      border: 1px solid #d6dbe0;
      cursor: pointer;
      margin-bottom: 30px;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s
   }

   .feature_item img {
      margin-bottom: 35px;
      height: 45px;
      display: block;
      border: 2px solid #555;
      padding: 5px 15px;
      border-radius: 18px
   }

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

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

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

   .feature_itemdst {
      border-radius: 18px;
      padding: 35px 20px;
      background: #fff;
      min-height: 300px;
      text-align: left;
      border: 1px solid #d6dbe0;
      cursor: pointer;
      margin-bottom: 30px;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s
   }

   .feature_itemdst img {
      margin-bottom: 35px;
      height: 50px;
      width: auto;
      transition: all 0.4s ease 0s
   }

   .feature_itemdst img:hover {
      margin-bottom: 35px;
      filter: blur(1px);
      transition: all 0.4s ease 0s
   }

   .feature_itemdst h4 {
      font-size: 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: 0;
      min-height: 100px
   }

   .feature_itemdst:hover {
      box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
      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: 18px;
      border: 1px solid #d6dbe0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      transition: all 0.4s ease 0s
   }

   .swiper-slide:hover {
      box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .05);
      background: #fff;
      transition: all 0.4s ease 0s
   }

   .single-brand-item {
      width: 100%;
      height: 100px;
      cursor: pointer;
      margin-bottom: 30px;
      border: 1px solid #d6dbe0;
      border-radius: 18px;
      box-shadow: none;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s
   }

   .single-brand-item .d-table-cell {
      vertical-align: middle
   }

   .single-brand-item img {
      max-width: 170px;
      margin: 0 auto;
      -webkit-filter: grayscale(0.9);
      filter: grayscale(0.9);
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s
   }

   .single-brand-item:hover {
      border: 1px solid transparent;
      box-shadow: 0 8px 30px rgba(118, 85, 225, 0.15)
   }

   .single-brand-item:hover img {
      -webkit-filter: grayscale(0.1);
      filter: grayscale(0.1);
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s
   }

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

   @media only screen and (min-width:1000px) and (max-width:1480px) {
      .dstpreim3 {
         margin-top: 80px
      }
   }

   @media only screen and (max-width:991px) {
      .client-info {
         margin-top: 50px
      }

      .dstpreim {
         background: #000
      }

      .dstpreim2 {
         padding-top: 40px
      }

      .dstpreim3 {
         padding-top: 60px
      }
   }

   @media(max-width:575px) {
      .client-info {
         padding-top: 50px
      }
   }

   .client-info:before {
      content: '';
      position: absolute;
      top: -25px;
      left: -50px;
      height: 175px;
      width: 175px
   }

   @media(max-width:575px) {
      .client-info:before {
         background: 0
      }
   }

   @media(max-width:575px) {
      .client-info .d-flex {
         -ms-flex-align: center;
         align-items: center
      }
   }

   .client-info .lage {
      color: #a73afd;
      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: 0
      }
   }

   @media(max-width:480px) {
      .call-now h3 {
         font-size: 17px;
      }
   }

   .call-now p {
      color: color:rgba(0, 26, 52, .6);
      font-size: 17px;;
      margin-bottom: 5px
   }

   .call-now span {
      font-size: 60px;
      font-weight: 700;
      color: color:rgba(0, 26, 52, .6)
   }

   .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: 17px;;
      font-weight: 500;
      text-transform: uppercase;
      color: #000;
      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: #a73afd
   }

   @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: 0
   }

   .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: #fff;
      cursor: pointer
   }

   .single_portfolio:hover .overlay {
      background: rgba(77, 87, 222, 0.5)
   }

   .single_portfolio:hover .icon {
      opacity: 1;
      visibility: visible;
      top: 50%;
      left: 50%
   }

   .portfolio_details_inner .row {
      margin-bottom: 65px
   }

   @media(max-width:480px) {
      .portfolio_details_inner .row {
         margin-bottom: 30px
      }
   }

   .portfolio_details_inner p {
      margin-bottom: 30px;
      font-size: 17px;
   }

   .portfolio_details_inner p:last-child {
      margin-bottom: 0
   }

   .portfolio_details_inner .portfolio_right_text {
      margin-top: 50px
   }

   .portfolio_details_inner .portfolio_right_text h4 {
      font-size: 17px;;
      margin-bottom: 18px
   }

   .portfolio_details_inner .portfolio_right_text p {
      margin-bottom: 25px;
      font-size: 17px;
   }

   .portfolio_details_inner .portfolio_right_text .list li {
      margin-bottom: 7px;
      font-weight: normal;
      font-size: 17px;
   }

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

   .portfolio_details_inner .portfolio_right_text .list li i {
      color: #f1cd09
   }

   .testimonial_area .owl-carousel .owl-dots {
      display: block !important;
      text-align: center
   }

   .testimonial_area .owl-carousel .owl-dots .owl-dot {
      height: 10px;
      width: 10px;
      background: #d8d8d8;
      border-radius: 17px;
      display: inline-block;
      margin-right: 10px;
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s
   }

   .testimonial_area .owl-carousel .owl-dots .owl-dot.active {
      height: 12px;
      width: 12px;
      background: #a73afd
   }

   @media(max-width:991px) {
      .testimonial_area .owl-carousel .owl-dots {
         display: none !important
      }
   }

   .testimonial_area .owl-carousel .owl-item img {
      width: auto !important
   }

   .testi_item {
      padding: 50px 55px;
      margin-bottom: 200px;
      margin-left: 10px;
      margin: 0 10px 80px;
      box-shadow: 0 15px 30px 0 rgba(221, 221, 221, 0.3);
      -webkit-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s
   }

   @media(max-width:991px) {
      .testi_item {
         margin-bottom: 0
      }
   }

   @media(max-width:575px) {
      .testi_item {
         padding: 30px 20px
      }
   }

   .testi_item img {
      border-radius: 18px
   }

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

   .testi_item:hover {
      box-shadow: 0 10px 20px 0 rgba(118, 85, 225, 0.1)
   }

   .newsletter_area {
      color: #fff
   }

   .subscription_box {
      background: url(../img/subscribe-bg.png) no-repeat center;
      padding: 150px 0
   }

   @media(max-width:767px) {
      .subscription_box {
         padding: 50px 20px
      }
   }

   .subscription_box h2 {
      font-weight: 700;
      margin-bottom: 20px
   }

   @media(max-width:767px) {
      .subscription_box h2 {
         font-size: 24px
      }
   }

   .subscription_box p {
      margin-bottom: 0
   }

   .subscription_box .subscription input {
      min-width: 380px;
      max-width: 380px;
      line-height: 48px;
      padding: 0 25px;
      border: 1px solid #fff;
      background: transparent;
      font-weight: 400;
      border-radius: 18px;
      color: #fff
   }

   .subscription_box .subscription input:focus {
      outline: 0
   }

   @media(max-width:420px) {
      .subscription_box .subscription input {
         min-width: 250px
      }
   }

   .subscription_box .subscription input.placeholder {
      color: #fff;
      font-weight: 400
   }

   .subscription_box .subscription input:-moz-placeholder {
      color: #fff;
      font-weight: 400
   }

   .subscription_box .subscription input::-moz-placeholder {
      color: #fff;
      font-weight: 400
   }

   .subscription_box .subscription input::-webkit-input-placeholder {
      color: #fff;
      font-weight: 400
   }

   .subscription_box .primary-btn {
      margin-left: 10px;
      background: #fff;
      text-transform: uppercase;
      color: #000;
      border-radius: 18px;
      line-height: 48px;
      font-size: 17px;;
      padding: 0 38px;
      cursor: pointer
   }

   @media(max-width:767px) {
      .subscription_box .primary-btn {
         margin-top: 20px
      }
   }

   .subscription_box .subcribe-form {
      margin-top: 45px
   }

   .subscription .info {
      color: #fff;
      width: 100%;
      font-size: 14px;
      background: transparent
   }

   .subscription .info.valid {
      color: green
   }

   .subscription .info.error {
      color: #f91155
   }

   .blog_info.text-right {
      text-align: left !important;
      margin-bottom: 10px
   }

   .home_banner_area .banner_inner .banner_content h3 {
      font-size: 24px
   }

   .home_banner_area .banner_inner .banner_content p br {
      display: none
   }

   .home_banner_area .banner_inner .banner_content h3 span {
      line-height: 45px;
      padding-bottom: 0;
      padding-top: 0
   }

   .made_life_inner .nav.nav-tabs li {
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 15px
   }

   .made_life_inner .nav.nav-tabs {
      margin-bottom: -15px
   }

   .made_life_area.made_white .left_side_text {
      margin-bottom: 0;
      margin-top: 30px
   }

   @media only screen and (min-width:1250px) and (max-width:1600px) {
      .col-8r-custom {
         width: 12.5%;
         flex: 0 0 12.5%
      }

      .col-xs-8r,
      .col-sm-8r,
      .col-md-8r,
      .col-lg-8r,
      .col-xl-8r {
         position: relative;
         min-height: 1px;
         padding-right: 15px;
         padding-left: 15px
      }

      .col-xs-8r {
         width: 12.5%;
         float: left;
         flex: 0 0 12.5%
      }

      .col-sm-8r {
         width: 12.5%;
         float: left;
         flex: 0 0 12.5%
      }

      .col-md-8r {
         width: 12.5%;
         float: left;
         flex: 0 0 12.5%
      }

      .col-lg-8r {
         width: 12.5%;
         float: left;
         flex: 0 0 12.5%
      }

      .col-xl-8r {
         width: 12.5%;
         float: left;
         flex: 0 0 12.5%
      }
   }

   .col-4r-custom {
      width: 25%;
      flex: 0 0 25%
   }

   .col-xs-4r,
   .col-sm-4r,
   .col-md-4r,
   .col-lg-4r,
   .col-xl-4r {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px
   }

   .col-xs-4r {
      width: 25%;
      float: left;
      flex: 0 0 25%
   }

   .col-sm-4r {
      width: 25%;
      float: left;
      flex: 0 0 25%
   }

   .col-md-4r {
      width: 25%;
      float: left;
      flex: 0 0 25%
   }

   .col-lg-4r {
      width: 25%;
      float: left;
      flex: 0 0 25%
   }

   .col-xl-4r {
      width: 25%;
      float: left;
      flex: 0 0 25%
   }

   @media(max-width:450px) {
      .feature_item2 {
         padding: 30px !important
      }

      .feature_item4 {
         padding: 30px !important
      }
   }

.fields_help{
background: #f5f7fa;
border: 1px solid #f5f7fa;
  padding: 30px;
  border-radius: 18px;
  cursor:pointer;
  transition: all 0.4s ease 0s;
}

.fields_help:hover {
   border-color: #a73afd;
   transform: translateY(-8px);
   transition: all 0.4s ease 0s;
   box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

@media(min-width:1200px) {
.box-dst:nth-child(3n) {
    padding-right: 0px !important
}
}

.gradient-text {
margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 27vw;
  letter-spacing: 1vw;
  position: relative;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  background: #111 url("/templates/default/images/37.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: 18px;
   font-size: 17px;
}

.callout-block2 {
   padding: 1.5rem;
   background: #a73afd;
   margin-top: 2rem;
   margin-bottom: 1rem;
   border-radius: 18px;
   color: #fff;
   font-size: 17px;
}

.callout-block3 {
   padding: 1.5rem;
   background: #f15045;
   margin-top: 2rem;
   margin-bottom: 1rem;
   border-radius: 18px;
   color: #fff;
   font-size: 17px;
}

.callout-block code {
   background: #fff
}

.callout-block .callout-title {
   font-size: 18px;
   color: #0b1f35;
   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: #0b1f35
}

.callout-block.callout-block-info3 {
   background: #f15045
}

.callout-block.callout-block-info .callout-title {
   color: #a73afd
}

.callout-block.callout-block-info2 .callout-title {
   color: #fff
}

.callout-block.callout-block-info a {
   color: #0b1f35;
   text-decoration: underline
}

.callout-block.callout-block-success {
   border-color: #5cb377;
   background: #e7f4eb
}

.callout-block.callout-block-success .callout-title {
   color: #3e8554
}

.callout-block.callout-block-success a {
   color: #3e8554
}

.callout-block.callout-block-warning {
   border-color: #eebf41;
   background: #fdf6e5
}

.callout-block.callout-block-warning .callout-title {
   color: #d09c13
}

.callout-block.callout-block-warning a {
   color: #d09c13
}

.callout-block.callout-block-danger {
   border-color: #d26d69;
   background: #fbf3f2
}

.callout-block.callout-block-danger .callout-title {
   color: #b73c37
}

.callout-block.callout-block-danger a {
   color: #b73c37
}

.product-block-title-pos{
overflow: hidden;
  font-size: 17px; !important;
  line-height: 1.38;
  margin-bottom: 6px !important;
  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;
}

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

.content_list.tiled .tile .photo .note {
  color: #FFF;
  font-size: 13px;
}

.content_list.tiled .tile .photo .note{
position: absolute;
  padding: 3px 10px;
  background: #32bf7b;
  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: #f44;
  color: #fff;
  font-size: 13px;
  left: 0;
  top: 0;
  z-index: 1;
  margin: 10px;
  border-radius: 18px;
}

.note3{
position: relative;
  padding: 2px 10px;
  background: #f44;
  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;
}	
}

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

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

#pills-tab{
  padding-bottom: 15px;
}

.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: 18px;
  box-shadow: 0 20px 12px -16px rgba(0, 30, 85, .1), 0 8px 24px 18px rgba(0, 30, 85, .02);
}

.right-panel-dst-box2{
  background: #f5f7fa;
  padding: 25px;
}

@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;
}
.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: 18px;
  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: #a73afd 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;
                                        }  										
    	
/*============ blog_left_sidebar css ==============*/

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

.material-container{
  background:#eaedef;
  border-radius:18px;
  padding:0px 0px 5px 0px;
  margin-bottom: 30px;
}

.product-n .ordered-product-button a{
   display: block !important;
   background:#f44 !important;
   line-height: 28px !important;
   padding: 6px 20px !important;
   font-size: 17px; !important;
   border-radius: 8px !important;
   cursor: pointer !important;
   transition: all .3s ease-in !important;
}
.product-n .ordered-product-button a:hover{
   color:#fff !important;
}


   .ordered-link-mobile, .ordered-item-link {
      display: flex !important;
      justify-content: center !important;
      align-items:center !important;
      background-color:#f44 !important;
      margin: 0 auto;
   }
   @media screen and (max-width:980px){
      .ordered-item-link {
         display: none !important;
      }
}


.searchBox .product .cart:has(.search-ordered-item){
   max-width:unset !important;
}


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

.video-box2 {
  width: auto; /* Ширина будет зависеть от видео */
  height: 550px; /* Фиксированная высота контейнера */
  display: flex;        /* Включаем flexbox */
  justify-content: center; /* Горизонтальное центрирование */
  align-items: center;    /* Вертикальное центрирование */
  overflow: hidden;      /* Обрезаем вылезающие части */
}

.video-box2 video {
  width: auto;   /* Ширина подстраивается под высоту */
  height: 550px;  /* Высота равна высоте контейнера */
  object-fit: cover; /* Видео заполняет контейнер, обрезая края, если нужно */
}

.product-block-title-slider {
  font-size: 28px;
  transition: all 0.4s ease 0s;
  color: #000;
  text-transform: none;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 38px;
}

@media (max-width: 450px) {
  .product-block-title-slider {
    font-size: 20px !important;
  }
}

.video-box-item {
 background: #a73afd;
    background-size: auto;
  background-size: contain;
  min-height: 400px;
  border-radius: 18px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  margin-bottom: 30px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

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

.video-box3 {
  width: auto;          /* Ширина будет зависеть от видео */
  height: 400px;         /* Фиксированная высота контейнера */
  position: relative;    /* Важно: делаем контейнер опорным для позиционирования */
  display: flex;
  justify-content: center; /* Горизонтальное центрирование видео и контента */
  align-items: center;    /* Вертикальное центрирование видео и контента */
  overflow: hidden;     
  border-radius: 18px;
}

.video-box3 video {
 width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 18px;
}

.video-content3 {
  position: absolute;    
  top: 0;
  left: 0;
  width: 100%;           /* Занимает всю ширину контейнера */
  height: 100%;          /* Занимает всю высоту контейнера */
  display: flex;          /* Flexbox для центрирования контента внутри */
  flex-direction: column; /* Расположение элементов в колонку */
  justify-content: center; /* Центрирование по вертикали */
  align-items: center;    /* Центрирование по горизонтали */
  color: #fff;             /* Цвет текста по умолчанию */
  z-index: 2;              /* Убеждаемся, что контент поверх видео */
  text-align: center;      /* Центрируем текст */
}

.video-content3:before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  border-radius: 0;      
}

.dst-action-proc-video {
  font-size: 2em;         
  margin-top: 10px;        
}

.dstbut-video {
  margin-top: 20px;    
}