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

@font-face {
	font-family: 'Manrope';
	src: url('/templates/default/shop/fonts/manrope_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('/templates/default/shop/fonts/manrope_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/templates/default/shop/fonts/Manrope-VariableFont_wght.ttf') format('truetype'), /* Safari, Android, iOS */

}

@font-face {
	font-family: 'Manrope Bold';
	src: url('/templates/default/shop/fonts/manrope_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('/templates/default/shop/fonts/manrope_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/templates/default/shop/fonts/manrope_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/templates/default/shop/fonts/manrope_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/templates/default/shop/fonts/manrope_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/templates/default/shop/fonts/manrope_bold.svg#manrope_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'Manrope Light';
	src: url('/templates/default/shop/fonts/manrope_light.eot'); /* IE 9 Compatibility Mode */
	src: url('/templates/default/shop/fonts/manrope_light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/templates/default/shop/fonts/manrope_light.woff2') format('woff2'), /* Super Modern Browsers */
		url('/templates/default/shop/fonts/manrope_light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/templates/default/shop/fonts/manrope_light.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/templates/default/shop/fonts/manrope_light.svg#manrope_light') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'Manrope Medium';
	src: url('/templates/default/shop/fonts/manrope_medium.eot'); /* IE 9 Compatibility Mode */
	src: url('/templates/default/shop/fonts/manrope_medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/templates/default/shop/fonts/manrope_medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('/templates/default/shop/fonts/manrope_medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/templates/default/shop/fonts/manrope_medium.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/templates/default/shop/fonts/manrope_medium.svg#manrope_medium') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'Manrope Regular';
	src: url('/templates/default/shop/fonts/manrope_regular.eot'); /* IE 9 Compatibility Mode */
	src: url('/templates/default/shop/fonts/manrope_regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/templates/default/shop/fonts/manrope_regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/templates/default/shop/fonts/manrope_regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/templates/default/shop/fonts/manrope_regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/templates/default/shop/fonts/manrope_regular.svg#manrope_regular') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'Manrope Semibold';
	src: url('/templates/default/shop/fonts/manrope_semibold.eot'); /* IE 9 Compatibility Mode */
	src: url('/templates/default/shop/fonts/manrope_semibold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/templates/default/shop/fonts/manrope_semibold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/templates/default/shop/fonts/manrope_semibold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/templates/default/shop/fonts/manrope_semibold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/templates/default/shop/fonts/manrope_semibold.svg#manrope_semibold') format('svg'); /* Chrome < 4, Legacy iOS */
}

@font-face {
	font-family: 'Manrope Thin';
	src: url('/templates/default/shop/fonts/manrope_thin.eot'); /* IE 9 Compatibility Mode */
	src: url('/templates/default/shop/fonts/manrope_thin.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/templates/default/shop/fonts/manrope_thin.woff2') format('woff2'), /* Super Modern Browsers */
		url('/templates/default/shop/fonts/manrope_thin.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/templates/default/shop/fonts/manrope_thin.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/templates/default/shop/fonts/manrope_thin.svg#manrope_thin') format('svg'); /* Chrome < 4, Legacy iOS */
}

body,
html {

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.center {
  text-align: center;
}

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

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

.color-white {
   color: #fff;
}

.color-red {
   color: #cc242c;
}

.color-blue {
   color: #364397;
}

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

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

.color-black {
   color: #000 !important;
}

.color-black a{
   color: #000;
}

.bg-white {
   background: #fff;
}

.bg-gray {
   background: #f2f1f0 !important;
}

.bg-black {
   background: #292929;
}

.bg-red {
   background: #cc242c;
}

.bg-blue {
   background: #364397;
}

.bg-sea {
   background: rgb(204, 236, 255);
}

.bg-yellow {
   background:#ffedd5
}


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

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

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

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

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

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

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

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

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

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

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

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

.font-size-12 a{
   font-size:12px !important;
   text-decoration: underline !important;
}

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

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

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

.text-align-left{
   text-align: left;
}

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

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

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

.padding-left-dst {
   padding-left: 15px;
   padding-right: 10px;
}

.padding-center-dst {
   padding-left: 5px;
   padding-right: 5px;
}

.padding-center2-dst {
   padding-left: 10px;
   padding-right: 5px;
}

.header-mini {
   padding-top: 6px;
   height: 45px;
   background: #292929;
   color: #fff;
   margin: 0 auto;
}

.header-site .search-line .line-cats {
   font-size: 15px !important;
}

.header-site .search-line {
   position: relative;
   margin-right: 0px !important;
}

.select-city {
   margin: 0px;
   border-radius: 8px !important;
   color: #000;
   border-radius: 8px;
   line-height: 30px;
}

.btn-link {
   border: 2px solid transparent;
}

.btn-link-orange {
   border: 2px solid #364397;
   background: #364397 !important;
   border-radius: 8px;
}

.btn-link-orange-border {
   border: 2px solid #364397;
   border-radius: 8px;
}

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


.btn-link-orange:hover {
   opacity: 0.8;
}

.btn-link-orange-border:hover {
   opacity: 0.8;
}

.btn-link-orange a {
   color: #fff;
}

.search-line .dropdown-menu.dropdown-menu-cats {
   height: 450px;
   width: 1000px !important;
}

.search-line .dropdown-menu.dropdown-menu-cats .root-cat,
.search-line .dropdown-menu .subcats-block {
   height: 400px;
   overflow-y: auto;
}

.search-line .dropdown-menu.dropdown-menu-cats .root-cat .cat.active {
   text-decoration: underline;
}

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

.block-icon {
   position: relative;
   margin-right: 2px;
}


.block-icon svg {
   height: 24px;
   width: 24px;
}

.block-icon .count {
   border-radius: 50%;
   background: #cc242c;
   color: #fff;
   font-size: 10px;
   padding: 0px 0px 0px 0px;
   line-height: 16px;
   height: 16px;
   right: -5px;
   position: absolute;
   top: -4px;
   min-width: 15px;
   width: 16px;
   text-align: center;

}

.menu.mini {
   display: inline-block;
   margin: 0px;
}

.menu.mini li {
   margin: 0px;
   line-height: 20px;
   font-size: 15px;
   margin-left: 15px;
}

.menu.mini li a {
   color: #fff;
   fill: #fff;
   font-size: 15px;
   padding: 3px 8px;
   text-decoration: none;
}

.menu.mini li a:hover {
   opacity: 0.8;
}

.btn-orange1 {
   background: #364397;
   color: #fff;
   border-radius: 8px;
   padding: 8px 21px !important;
   min-width: 130px;
}

.btn-orange1:hover {
   opacity: 0.8;
}

.btn-orange2 {
   background: #364397;
   color: #fff;
   border-radius: 8px;
   padding: 4px 10px !important;
}

.btn-orange2:hover {
   opacity: 0.8;
}

.btn-orange3 {
   border: #364397 2px solid !important;
   color: #364397;
   border-radius: 8px;
   padding: 8px 21px !important;
   min-width: 130px;
}

.btn-orange3:hover {
   opacity: 0.8;
}

.nav-pills {
   margin-bottom: 16px;
   margin-top: 4px;
}

.component-block {
   text-align: left;
   margin-bottom: 40px;
   margin-top: 8px;
}

.component-block .title,
.controller-shop .tab-items a {
   color: #b9b9b9 !important;
   background: unset !important;
   font-size: 20px;
   font-weight: 900;
   padding-left: 0px;
   padding-top: 0px;
   margin-bottom: 20px;
}

.controller-shop .tab-items a {
   margin-bottom: 0;
   padding: 0px;
}

.component-block .content {}

.card-full,
.card-full:hover {
   background-color: transparent !important;
   border: 0;
   box-shadow: none;
}

.ratio_110-77,
.ratio_115-80,
.ratio_160-112 {
   padding-bottom: 69.5%;
}

.card-full .card-body {
   padding: 0;
   padding-top: 1rem;
}

.card-news-mini .card-title {
   font-size: .875rem;
}

.card-news-mini {
   margin-bottom: 0px !important;
   height: 70px;
}

.video-prev {
   width: 100%;
   height: 200px;
   background: #f2f1f0;
   background-size: cover;
   background-position-x: center;
   background-position-y: center;
}

.video-item.full .video-prev {
   width: 100%;
   height: 400px;
   background: #f2f1f0;
   background-size: cover;
   background-position-x: center;
   background-position-y: center;
}

.video-prev a {
   display: flex;
   height: 100%;
}

.video-prev .icon {
   height: 64px;
   width: 64px;
   display: block;
   margin: auto auto;
}

.video-prev .icon svg {
   color: #fff;
   fill: #fff;
}

.video-prev:hover .icon {
   height: 96px;
   width: 96px;
   display: block;
   margin: auto auto;
}

.video-prev:hover .icon svg {
   color: #fff;
   fill: #fff;
}


.btn {
   border-radius: 20px;
}

.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,
.btn-primary:hover,
.btn-primary:focus {
   color: #fff;
   background-color: #364397;
   /* font-size: 16px; */
}

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

.btn {
   border: 0px solid transparent;
   border-radius: 8px;
}

.btn {
   transition: unset;
}

.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: 48px;
   line-height: 60px;
   margin-bottom: 25px;
}

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

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

.home_banner_area .banner_inner2 .banner_content h1 {
   margin-top: 20px;
   font-size: 48px;
   line-height: 60px;
   margin-bottom: 25px;
}

.home_banner_area .banner_inner2 .banner_content h5 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #000;
   line-height: 24px;
   margin-top: 20px;
}

.home_banner_area .banner_inner2 .home_right_img {
   padding-top: 197px;
}

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

.features-width {
   background: #f2f1f0;
   transition: all 0.4s ease 0s;
   padding: 10px;
   cursor: pointer;
   border-radius: 8px;
   transition: all 0.15s;
   min-height: 245px;
   min-width: 236px;
}

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

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

.main_titledst {
   font-size: 15px;
   font-weight: 500;
   line-height: 28px;
}

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

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

.section_gap_top {
   padding-top: 60px;
}

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

.about_area .about_img {
   position: relative;
}

.cattitle {
   margin-bottom: 80px;
}

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

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

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

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

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

.mojoolinetextcopy {
   font-size: 12px;
  color: rgba(0, 26, 52, .6);
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.ddcopy {
   font-size: 14px;
   color: rgba(0, 26, 52, .6);
   line-height: 16px;
   text-align: left;
   margin-left: 20px;
   width: 150px;
}

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

.widget_text_block3 {
   border-radius: 8px;
   transition: all 0.3s ease-in 0s;
}

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

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

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

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

.slide-info {
   background-color: #f2f1f0eee;
}

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

.chatCopyright_505 {
   display: none;
}

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

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

.logoIcon_03c {
   display: none;
}

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

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

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

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

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

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


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

.index-text-dst {
   font-size: 15px;
   color: #000;
   font-weight: 600;
}

.index-text-dst2 {
   font-size: 15px;
   color: #000;
   font-weight: bold;
}

.header-image {
   max-height: 110px;
   margin-top: 4px;
   transition: all 0.3s ease-in 0s;
}

.hleba-header-main-row {
   align-items: center;
}

.hleba-header-logo-col {
   display: flex;
   align-items: center;
   flex: 0 0 250px;
   max-width: 250px;
   padding-right: 18px;
}

.hleba-header-search-col {
   min-width: 0;
}

.hleba-header-brand {
   display: flex;
   align-items: center;
   margin: 0;
   width: 100%;
   min-height: 72px;
}

.hleba-header-logo-link {
   display: flex !important;
   align-items: center;
   justify-content: flex-start;
   width: 100%;
   max-width: 250px;
   min-height: 0;
   line-height: 0;
   background: none;
}

.hleba-header-logo-fallback {
   display: block;
   width: 100%;
   height: auto;
   max-width: 250px;
   max-height: 72px;
   margin: 0;
   opacity: 1;
   pointer-events: auto;
}

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

.header-image-big {}

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

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

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

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

.nav-tabber a {
   font-size: 15px;
   color: #000;
   text-transform: none;
}

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

.cart-info-dst-buy {
   font-size: 15px;
   font-weight: 900;
}

.cart-process {
   background: #fff;
}

.cart-header {
   background: #fff;
}

.cart-totals {
   background: #fff;
}

.cart-save {
   background: #fff;
}

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

.carousel-inner:hover {

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

.filter-sorts {}

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

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

}

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

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

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

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

.product-n {
   padding: 20px;
   height: 475px;
   transition: all 0.3s ease-in 0s;
   border: 1px solid #fff;
   margin-bottom: 20px;
   border-radius: 8px;
   background: #fff;
   position: relative;
   transition: all 0.3s ease-in 0s;
}

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

.product-n .image img {
   max-height: 192px;
}

.product-n .open-callback {
   color: #212529;
}

.product-n:hover {
   border: 1px solid #f2f1f0;
   border-radius: 8px;
   padding: 20px;
   transition: all 0.3s ease-in 0s;
   opacity: 0.9;
}

.product-n .title {
   overflow: hidden;
   font-size: 15px;
   line-height: 1.38;
   margin-bottom: 6px;
   position: relative;
   color: #001a34;
   max-width: 100%;
   word-break: break-word;
   width: 100%;
   display: -webkit-box;
   font-weight: bold;
   margin: 10px 0px;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   min-height: 44px;
}

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


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

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

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

@media (max-width: 1400px) {
.product-n .actions {
    bottom: 0px;
}
}

@media (max-width: 1350px) {
.product-n .actions {
    bottom: 0px;
}
}

@media (max-width: 1300px) {
.product-n .actions {
    bottom: 0px;
}
}

@media (max-width: 1250px) {
.product-n .actions {
    bottom: 50px;
}

}*/

@media (max-width: 1200px) {

   .btn-primary {
      padding: 6px 20px;
      font-size: 15px;
   }

   .btn {
      padding: 0.375rem 0.60rem;
   }

}


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

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

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

@media (max-width: 1100px) {
   .product-n .actions {
      bottom: 0px;
   }

   .btn-primary {
      padding: 6px 20px;
      font-size: 15px;
   }

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

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

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

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

@media (max-width: 1050px) {
   .product-n .actions {
      bottom: 100px;
   }

   .btn-primary {
      padding: 6px 25px;
      font-size: 15px;
   }

   .btn {
      padding: 0.375rem 0.70rem;
   }

}

@media (max-width: 991px) {
   .product-n .actions {
      bottom: 35px;
   }

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

   .btn {
      padding: 0.375rem 0.90rem;
   }

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

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

}

@media (max-width: 600px) {
   .product-n .actions {
      bottom: 35px;
   }

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

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

@media (max-width: 575px) {
   .product-n .actions {
      bottom: 25px;
   }
}

@media (max-width: 550px) {
   .product-n .actions {
      bottom: 40px;
   }
}


@media (max-width: 525px) {
   .product-n .actions {
      bottom: 30px;
   }

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

   .btn {
      padding: 0.375rem 0.90rem;
   }


}

@media (max-width: 500px) {
   .product-n .actions {
      bottom: 40px;
   }
}

@media (max-width: 480px) {
   .product-n .actions {
      bottom: 40px;
   }


}

@media (max-width: 475px) {
   .product-n .actions {
      bottom: 35px;
   }

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

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

@media (max-width: 460px) {
   .product-n .actions {
      bottom: 45px;
   }
}

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


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

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

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

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

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

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

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

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

.product-n .price-block .price {
   font-size: 15px;
   font-weight: 900;
   line-height: 26px;
   color: rgb(0, 26, 52);
}

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

.product-n .old-price {
   font-size: 15px;
   line-height: 14px;
   color: rgb(0, 26, 52);
   position: relative;
   margin-left: 5px;
}

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

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

.product-n .sale-sum {
   color: rgb(255, 255, 255);
   background-color: #ee8108;
   font-weight: bold;
   position: absolute;
   left: 0px;
   bottom: 0px;
   flex-shrink: 0;
   padding: 4px 8px;
   font-size: 15px;
   border-radius: 8px;
   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;
}

@media (max-width: 400px) {

   .product-n .image,
   .product-n .image img {
      text-align: center;
      height: 150px;
   }

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

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

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

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

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


.product-n .rating .stars-count {
   margin-left: 6px;
   font-size: 14px;
   line-height: 1.29;
   color: #000;
}


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

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


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

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

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

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

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

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

.product-n .image {
   margin-top: 15px;
   min-height: 200px;
}

.product-n .favorite {
   float: right;
}

.product-n .add-favorite {
   color: #f2f1f0;
}

.product-n .add-favorite .not_add svg {
   color: #000;
}

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

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

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

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

table.products-list {}

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

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

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

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

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

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

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

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

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

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

table.products-list .product-n .slick-prev.slick-arrow {
   left: -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: 0px;
   z-index: 0;
}

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

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


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

table.products-list .cart-counter input,
table.products-list .cart-counter input:active,
table.products-list .cart-counter input:focus {
   width: 45px;
   padding: 5px 5px;
   text-align: center;
   color: #001a34;
   border-radius: 0.25rem;
   background: #fdefd2;
   float: left;
   border: 0px !important;
   box-shadow: unset;
   transition: unset;
}

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: 0.25rem;
}

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

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

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

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

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

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

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

}

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

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

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

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


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

.color-field label:before {
   content: "";
   display: block;
   height: 30px;
   width: 30px;
   border-radius: 50%;
   margin-top: 3px;
   margin-left: 3px;
   background-size: 30px;
   border: 2px solid #f2f1f0eee;
}

.color-field label:hover {
   opacity: 0.85;
}

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

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

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

.bg_menu {
   background-color: #f2f1f0;
   border-radius: 8px;
   padding: 0 10px !important;
   text-decoration: none !important;
}

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

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

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

.search-line .dropdown-menu.dropdown-menu-cats {
   height: calc(100vh - 300px) !important;
   width: 1000px !important;
}

.dropdown-cats-market .dropdown-menu .subcats-block {
   border-left: none !important;
}

.search-line .dropdown-menu .subcats-block {
   height: auto !important;
   overflow-y: auto;
}

.dropdown-cats-market .dropdown-menu .sub-cats a {
   margin-bottom: 0px !important;
}

#dropdownMenu2 {
   z-index: 1050000;
}

.category_img img {
   width: 30px;
   height: 30px;
}

.search-line .dropdown-menu.dropdown-menu-cats .root-cat {
   height: auto !important;
}

.submenu {
   padding: 0 !important;
   margin: 0 !important;
}

.subcat-href {
   font-weight: 500 !important;
   font-size: 14px !important;
}

.menu-sub-cat {
   display: grid !important;
   grid-template-columns: auto auto auto;
}

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

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

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

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

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

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

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


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

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

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

.product-images-small .slick-list {
   height: 100px;
   overflow: hidden;
}

.product-images-small .slick-list {
   border: none;
}

.product-images-small .slick-list {
   height: 300px !important;
   overflow: hidden;
}

.product-images-small .slick-slide img {
   display: inherit;
}

.product-images-normal .slick-initialized .slick-slide {
   display: none;

}

.product-images-normal .slick-initialized .slick-slide {
   display: block;

}

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

.footer {
   background: #000;
}

.footer a {
   color: #000;
   font-size: 15px;
}

.footer a:hover {
   text-decoration: underline;
}

.footer .phone {
   font-size: 15px;
   font-weight: 600;
}

.phone a {
   font-size: 15px;
   font-weight: 600;
}

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

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

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

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

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

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

.footer .footer-menu li a {
   font-size: 15px;
   line-height: 32px;
   color: #000;
   text-decoration: none;
}

.footer .footer-menu li a:hover {
   color: #000;
   text-decoration: underline;
}

.footer .time-open {
   font-size: 15px;
   font-weight: 500;
}

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

.footer .subline {
   background-color: #000;
}

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

.footer_market .title-footer {
   color: #000;
   font-weight: 600;
   font-size: 15px;
   line-height: 30px;
}

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

.footer_market .social-links img {
   width: 20px;
   height: 20px;
   padding: 3px;
   transition: all 0.3s ease-in 0s;
   filter: brightness(0.0);
}

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

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

.footer_market .footer-menu li a {
   font-size: 15px;
   line-height: 32px;
   color: #000;
   text-decoration: none;
}

.footer_market .footer-menu li a:hover {
   color: #000;
   text-decoration: underline;
}

.footer_market .time-open {
   font-size: 15px;
   font-weight: 500;
}

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

.footer_market .subline {}

.footer_services .border-bottom {
   border-bottom: 0px solid #e6e6e6;
}

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

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

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

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

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

.footer_services .footer-menu li a {
   font-size: 15px;
   line-height: 32px;
   color: #000;
   text-decoration: none;
}

.footer_services .footer-menu li a:hover {
   color: #000;
   text-decoration: underline;
}

.footer_services .time-open {
   font-size: 15px;
   font-weight: 500;
}

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

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

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

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

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

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

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

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

.footer_deposit .footer-menu li a {
   font-size: 15px;
   line-height: 32px;
   color: #000;
   text-decoration: none;
}

.footer_deposit .footer-menu li a:hover {
   color: #000;
   text-decoration: underline;
}

.footer_deposit .time-open {
   font-size: 15px;
   font-weight: 500;
}

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

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

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

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

body,
button,
input,
select,
textarea {
   font-family: Manrope, Arial, sans-serif;
   font-weight: 500;
   text-transform: none;
   font-size: 15px;
   overflow-x: hidden;
}

.site-logo {
   float: left;
}

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

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

   font-weight: 500;
}

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

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

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

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

h2 {
   font-size: 15px;
}

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

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

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

.pagebar a {
   color: #000;

}

.pagebar .pagebar_current {
   color: #364397;
   margin: 5px;
   padding: 10px;
   border-radius: 50px;
}

.product-char {}

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

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

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

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

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

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

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


/* General Menu Styles */

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

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

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


.menu a:hover {}

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

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

.clear {
   clear: both;
}

/* flexMenu styles */

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

.flexMenu-viewMore.active>a,
.flexMenu-viewMore>a:hover {
   /*background-color: #FF7400;*/
}

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

.lt-ie8 .flexMenu-popup {}

.flexMenu-popup a {
   display: block;
}

.flexMenu-popup a:hover {
   background-color: #006363;
   color: #fff;
   display: block;
}

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

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

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

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

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

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

.header-site {
   transition: all 3.3s ease-in 0s;
   z-index: 10;
   background: #fff;
}

.header-site:hover {}

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

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


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

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

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

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

.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: 15px;
   padding-right: 5px;
   color: #ffffff;
}

.nav-page2 li a {
   font-size: 15px;
   padding-right: 10px;
   color: #ffffff;
}


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

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

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

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

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

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

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

   color: #ffffff;
}

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

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

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

.header-phone {
   color: #fff;
}

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

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


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

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

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

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

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

.flexMenu-popup {
   list-style-type: none;
   padding: 5px 20px 15px 10px;
   background-color: #000;
   margin: 0;
}

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

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

.edit_wlinks {
   display: none;
}

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

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

.header-big .search {}

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

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

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

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

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

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

.hidden {
   display: none !important;
}

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

.header-search {}

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

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

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

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

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

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

.sub-cats-orange {
   background-color: #ee8108;
   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: 15px;
   word-wrap: normal;
   transition: all 0.3s ease-in 0s;
}

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

.content-block {}

.content-block .item {}

.content-block .item a {}

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

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

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

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

.dstport {
   font-size: 15px;
   margin-bottom: 20px;
   color: #000;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 900;
}

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

.dstline2 {
   margin-top: 20px;
   margin-bottom: 60px;
}

.mainbrands {
   background: #fff;
}

.mainbrands2 {
   font-size: 36px;
   transition: all 0.3s ease 0s;
   color: #000;
   font-weight: 900;
   line-height: 48px;
}

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

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

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


.navbar {
   padding: 0px;
}


.show_filter {
   display: none;
}

@media (max-width: 768px) {
   .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: #f2f1f0;
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
      border-radius: 0px 0px 24px 24px;
   }
}

.main-leftbar {
   order: 2;
}

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

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

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

.nav-tabber a {
   color: #000;
   text-transform: none;
}


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

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

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

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

}

.product-info li {
   list-style: none;
   float: left;
   margin-right: 15px;
}

.product-info .fa {
   color: #000;
}

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

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

.consultant {
   font-size: 12px;
   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: #364397;
   font-size: 15px;
   padding: 7px 25px;
}

.login-page .form-control {
   border-radius: 0.25rem;
}

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

.header-site {}

.header-site .header-index {
   background-color: #fff;
}


.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: 0px;
   margin-top: 4px;
}

.header-mini .avatar-colorbox.letter {
   margin-bottom: 0px;
   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: 0px;
   margin-top: 4px;
}

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

.header-site .header-cats {
   display: none;
}

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

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

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

.header-site .header-cats .nav-cats li a:hover {
   transition: all 0.3s ease-in;
}

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


.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;
   text-transform: none;
   font-weight: 500;
   margin-right: 15px;
   border-radius: 8px;
   line-height: 36px;
}

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

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

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

.line-search-market .btn {
   background: #364397 !important;
   margin: 0px;
   right: 4px;
   top: 0px;
   border-radius: 0px 8px 8px 0px !important;
   position: absolute;
   color: #fff !important;
   border-radius: 0px;
   padding: 7px 32px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.search-input button {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   border: 0 none;
   box-shadow: none;
   color: 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: 12px;
   border-color: #005bff;
   border: 2px solid #005bff
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

.dropdown-cats {
   display: flex;
}


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

.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: 0px;
   height: 100%;
   color: #fff !important;
   height: 39px;
   border-radius: 0px;
   padding: 0px 10px !important;
   transition: 0.5s;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

.header-site .nav-page li a:hover {
   color: #000;
}

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

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

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

.header-site .pages li a {}

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

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


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

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

.mini-logo {
   margin: 0px;
   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 {
   margin-top: 6px;
}

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

.flexMenu-popup {
   right: 0px;
}

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


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

}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.widget-club {
   padding: 10px 30px 20px 30px;
   border: 1px solid #f2f1f0;
   border-radius: 8px;
   margin-bottom: 30px;
}

.post-add {
   display: none;
}

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

.widget-club>.title {
   padding: 0;
   height: 47px;
   line-height: 47px;
   background: none;
   font-weight: 500;
   font-size: 15px;
   color: #000;
   text-transform: none;
   margin: 0 0px 20px 0px;
}

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

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

.club_news .item .image a {
   background-color: #fff !important;
}

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

.club-left {}

.club-right {
   margin-left: 30px;
}

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

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

}

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

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

.club-center .content_datasets ul .active {
   color: #000;
}

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

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

.club-center .content_list_item .info_bar .bi_rating {
   background: none;
}

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

.club-page .mini-footer a {
   color: rgba(0, 26, 52, .6);
   font-size: 12px;
   margin-left: 7px;
}

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


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

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

.club-page .posts_list .f_content {
   font-size: 15px;
   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: 15px !important;
   font-weight: 500;
}

.club-page .widget_comments_list .item {
   margin-bottom: 15px;
   overflow: hidden;
   font-size: 15px;
}

.products_new {}

.products_new .item {
   font-size: 15px;
   margin-bottom: 10px;

}

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


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

.products_new .item .title a {
   color: #000;
   font-weight: 500;
   font-size: 15px;
}

.products_new .item .info a {
   color: #000;
   font-weight: 500;
}

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

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

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


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

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

.profile-page .user-info>div {
   margin-bottom: 10px
}

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

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

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

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

.profile-page .user-info .city {
   font-size: 14px;
   background: #364397;
   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: 15px
}

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

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

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

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

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

.content_list .avatar-colorbox {
   float: left;
}

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

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

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

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

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

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

}

.reviews textarea {
   height: 160px;
}

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

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

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

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

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

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

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

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

.btn-orange:hover {
   opacity: 0.8;
}

.btn-orange:focus,
.btn-primary.focus {
   opacity: 0.8;
}

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

.reviews .load-page {
   cursor: pointer;

   text-align: center;
}

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

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

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

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

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

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


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

.cart-item-disabled {
   opacity: 0.6;
}

.nav-tabber .nav-link.active {
   font-size: 15px;
   transition: all 0.3s ease 0s;
   color: #000;
   text-transform: none;
   font-weight: 600;
}


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

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

/* bootstrap hack end */


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


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

}

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

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

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

.count-messages {}

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


.btn-orange:disabled {
   color: #fff;
   background-color: #ee8108;
   border-color: #ee8108;
   opacity: 0.3
}

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

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

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

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

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

#shareModal ul {
   width: 79%;
}

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


.filter-product .ui-slider {
   border: 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: #364397;
  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: 16px
}

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

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

.searchBox .load-page,
.search_full .load-page {
   text-align: center;
   background: #f9f9f9;
   padding: 15px;
   cursor: pointer;
}

.searchBox .search-all,
.search_full .search-all {
   text-align: center;
   background: #f9f9f9;
   padding: 15px;
   cursor: pointer;
   color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

.notification-count {
   position: relative;
}

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

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

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

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

.ac-container label {
   padding: 15px 20px 15px 20px;
   position: relative;
   z-index: 1;
   display: block;
   height: auto;
   cursor: pointer;
   color: #000;
   font-size: 15px;
   font-weight: 900;
   background: #ffffff;
   border-radius: 8px;
   border: #f2f1f0 1px solid;
}

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

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

}

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

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

.ac-container input {
   display: none;
}

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

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

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

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

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

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


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

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


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

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

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

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

.alert-delivery-free .free {
   border-radius: 8px;
   background: #ee8108;
   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;
  font-size: 15px;
}

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


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

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

.btn-cart:hover {
   opacity: 0.8;
   transition: all 0.3s ease-in;
}

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

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

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


.animation {}

.header-index {}

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

   100% {
      opacity: 1;
   }
}

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

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

.flexMenu-popup {
   -webkit-animation: anim 0.5s;
}

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

.search_full .product-n .slick-list {
   margin-left: 45px;
   text-align: center;
}

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

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


.product-cart-block {
   border: 1px solid #d6dbe0;
   border-radius: 16px;
   padding: 0 20px;
   overflow: hidden;
}

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

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

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

.product-cart-block .grey {
   color: #000;
}

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

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


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

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

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

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

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

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

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


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

   transition: 0.5s;
}

.menu-cats-block a:hover {
   display: block;
   font-size: 15px;
   font-weight: 900;
   background: #e5efff;
   padding: 5px 0 5px 10px;
   transition: 0.5s;
   border-radius: 8px;
}

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

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

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

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

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

}

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

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


#breadcrumbs ul li {
   font-size: 15px;
   color: #000;
   display: contents;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   margin: 0;
   padding: 0;
   border-spacing: 0;
   vertical-align: middle;
   float: left;
}

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

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

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

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

h1 {
   font-size: 24px;
}

.open-callback {
   color: #000;
}

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

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

.line .title {
   font-weight: bold;
   font-size: 15px;
}

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

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

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

.line.btn-gray {
   color: #000;
   background-color: #f2f3f5;
   min-height: 56px;
   padding: 16px 24px;
   font-size: 15px;
   line-height: 1.25;
   border-radius: 16px;
}

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

.form-checks .hide {
   display: none;
}

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

.form-checks .hide {
   display: none;
}

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

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

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

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

.discount-text {
   text-align: left;
   padding: 20px;
}

.dstport {
   color: #70a919;
}

.dstport4 {
   font-size: 20px;
   color: #000;
   font-weight: bold;
}

.primary_btn5 {
   background: #519c00;
   color: #fff;
   border-radius: 52px;
   height: 50px;
   line-height: 46px;
}

.primary_btn5:hover {
   color: #fff;
}

.text-muted {
   color: #000 !important;
   font-size: 15px;
   line-height: 26px;
   font-weight: 900;
   text-align: center;
}

.text-muted2 {
   color: #000 !important;
   font-size: 15px;
   line-height: 26px;
   text-align: left;
   height: 90px;
}

.text-muted3 {
   color: #000 !important;
   font-size: 15px;
   line-height: 28px;
   text-align: left;
   height: 110px;
}

.text-muted4 {
   color: #000 !important;
   font-size: 15px;
   line-height: 26px;
   text-align: left;
   height: 110px;
}

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

.textactmojoodark {
   color: #fff !important;
   font-size: 15px;
   line-height: 28px;
   text-align: center;
}

.textactmojoodark2 {
   color: #fff !important;
   font-size: 15px;
   line-height: 28px;
   text-align: center;
}

.textop {
   color: #000 !important;
   font-size: 15px;
   line-height: 28px;
   padding-top: 20px;
   padding-bottom: 20px;
}

.textopblack {
   color: #fff !important;
   font-size: 15px;
   line-height: 28px;
   padding-top: 20px;
   padding-bottom: 20px;
}

.mojoocontent {
   padding: 30px;
   border: 1px solid #f2f1f0;
   border-radius: 24px;
   font-size: 20px;
   font-weight: 500;
   line-height: 34px;
   color: #fff;
   background: #000;
}

.mojoocontentline {
   padding: 30px;
   border: 5px solid #000;
   border-radius: 24px;
   font-size: 20px;
   font-weight: 500;
   line-height: 34px;
   color: #000;
}

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

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

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

.mojoopromo {
   margin-top: 40px;
}

.PageTitle__middleText {
   display: inline-block;
   white-space: nowrap;
   color: #000;
   background-color: rgba(73, 134, 204, .08);
}

.justify-content-start {
   justify-content: flex-start !important;
   width: 100%;
   padding: 15px;
}

.justify-content-center {
   justify-content: center !important;
   width: 100%;
   padding: 15px;
}

.justify-content-end {
   justify-content: flex-end !important;
   width: 100%;
   padding: 15px;
}

.features-overview .features-width {
   flex-basis: 85%;
}

.features-overview .img-icons {
   transition: all .4s ease-in-out;
}

.features-overview .readmore-link {
   font-size: 14px;
   color: #97a3be;
   font-weight: 500;
   transition: color .5s ease-in-out;
}

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

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

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

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

.card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid #f2f1f0;
   border-radius: 16px;
}

.card:hover {
   background: #ededed;
   opacity: 0.9;
   transition: all 0.4s ease 0s;
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
}

.card-body {
   flex: 1 1 auto;
   padding: 1.25rem;
}

.card-attr-dst {
   margin-bottom: 15px;
}

.card-attr-dst2 {
   margin-bottom: 15px;
   background-color: #e8f2fe;
}

.bg-primary {
   background-color:
      #000637 !important;
}

.case-studies .bg-violet {
   background:
      #f2f1f0bf2;
}

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

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

.cif {
   color: #000;
   font-size: 48px;
   font-weight: 900;
   line-height: 60px;
   text-align: center;
}

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

.cif2 a {
   color: #000;
}

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

.cif4 {
   font-size: 15px;
   font-weight: 600;
   line-height: 36px;
   text-align: left;
   height: 150px;
}

.actionmojoo {
   font-size: 36px;
   font-weight: 600;
   line-height: 100px;
   text-align: center;
   color: #fff;
   background: #000;
   padding: 20px;
   border-radius: 28%;
   width: 135px;
   height: 135px;
   margin: 0 auto;
   transition: all 0.3s ease 0s;
   cursor: pointer;
}

.actionmojoo:hover {
   opacity: 0.9;
   font-size: 45px;
   font-weight: 600;
   line-height: 100px;
   text-align: center;
   color: #fff;
   background: #000;
   padding: 20px;
   border-radius: 28%;
   width: 135px;
   height: 135px;
   margin: 0 auto;
   transition: all 0.3s ease 0s;
}

.mojooiconpng {
   text-align: center;
   width: 200px;
   margin: auto;
   padding: 50px;
}

.mojoogarant {
   border-radius: 8px;
   padding: 20px;
   margin-right: 10px;
   min-height: 350px;
   margin-bottom: 60px;
   background: #fff;
   transition: 0.5s;
}

.mojoogarant:hover {
   background: #f2f1f0;
   transition: 0.5s;
}

.mojoogarant2 {
   border-radius: 8px;
   padding: 30px 30px 40px 40px;
   margin-right: 10px;
   min-height: 280px;
   margin-bottom: 60px;
   background: #f5f7f9;
   transition: 0.5s;
   margin-top: 60px;
}

.mojoogarant2:hover {
   background: #f2f1f0;
   transition: 0.5s;
}

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

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

.productpr2 {
   text-align: center;
}

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

.mojootex {
   margin-left: 30px;
}

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

.mojootit {
   padding: 20px 20px 20px 30px;
   width: 20%;
   border: 1px solid #f2f1f0;
   border-radius: 8px;
   line-height: 1.2em;
   color: #000;
   font-size: 15px;
   font-weight: 900;
}


.mojootex {
   margin-left: 0px;
}

.mojootit {
   padding: 20px 20px 20px 30px;
   width: 100%;
   border: 1px solid #f2f1f0;
   border-radius: 8px;
   line-height: 1.2em;
   color: #000;
   font-size: 15px;
   font-weight: 900;
}


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

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

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

}

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

.char-item {}

.char-item .char-name {
   color: #000;
   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: 15px;
   background: #fff;
   position: relative;
   display: inline-flex;
   align-items: flex-start;
}

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

.fs {
   font-size: 15px;
}

.reviews_widget,
#reviews_widget {
   margin: 0px;
}

.cart-page {}

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

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

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

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

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

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

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

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

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

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

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

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

.brand_area {
   padding-bottom: 60px;
}

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

.features_area_dst {
   padding-bottom: 10px;
}

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

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

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

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

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

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

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

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

.feature_itemdst h4 {
   font-size: 15px;
   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: 500;
   line-height: 28px;
}

.feature_itemdst p {
   margin-bottom: 0px;
   min-height: 100px;
}

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

.swiper-container {
   width: 100%;
   height: 100%;
   max-height: 450px;
   min-width: 300px;
   max-width: 1920px;
   margin-bottom: 20px;
   padding-bottom: 50px;
}

.swiper-slide {
   text-align: center;
   font-size: 15px;
   background: #fff;
   border-radius: 8px;
   border: 1px solid #dcdcdd;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   transition: all 0.4s ease 0s;
}

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

.avatar-block {
   display: block;
   margin: 0 auto;
}

.avatar-block.xy120 img,
.avatar-block.xy120 .avatar-colorbox {
   width: 120px !important;
   height: 120px !important;
   line-height: 110px !important;
}

.avatar-block.xy150 img,
.avatar-block.xy150 .avatar-colorbox {
   width: 150px !important;
   height: 150px !important;
   line-height: 140px !important;
}

.avatar-block.xy150 img,
.avatar-block.xy150 .avatar-colorbox {
   border-radius: 50%;
   float: unset !important;
   margin: 0 auto;

}

.partner-item {
   display: grid;
   text-align: center;
}

.partner-item .name {
   -ms-text-overflow: ellipsis;
   text-overflow: ellipsis;
   overflow: hidden;
   -ms-line-clamp: 1;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   display: -webkit-box;
   display: box;
   word-wrap: break-word;
   -webkit-box-orient: vertical;
   box-orient: vertical;
}

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


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

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

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

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

.rating-user .stars-count {
   margin-left: 6px;
   font-size: 15px;
   line-height: 1.29;
   color: #000;
}

.rating-user.d-grid {
   display: grid;
}

.rating-user.text-left {
   align-items: left;
   justify-content: left;
}

.rating-user.d-grid .stars-count {
   margin-left: 0;
}

.feature-dst-icon {
    margin-bottom: 35px;
    height: 60px;
    display: block;
    padding: 5px 15px;
    border-radius: 12px;
	width: 60px;
    color: #364397;
}

.note-dst {
    color: #364397;
}

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

.card-text-dst{
border-color:rgba(0,26,52,.6);
font-size: 18px;	
}

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

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

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

.section_gap_bottom_dst {
   padding-bottom: 30px;
}

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

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

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

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


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

.dst-code-sku {
   color: rgba(0, 26, 52, .6);
   background: #f2f1f0;
   padding: 11px 10px 0px 10px;
   border-radius: 8px;
   font-size: 12px;
   min-width: 30px;
   margin-bottom: 10px;
   min-height: 36px;
   font-weight: 500;
   max-width: 100px;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.dst-summ-skid-gray {
   color: rgba(0, 26, 52, .6);
   padding: 5px 10px;
   border-radius: 8px;
   font-size: 12px;
   min-width: 140px;
   display: inline-block;
   margin-left: 5px;
   border: #f2f1f0 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: #e8f2fe;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
}

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

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

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

.dst-code-sku-price {
color: #fff;
  background: #364397;
  padding: 8px 8px 0 10px;
  border-radius: 12px;
  font-size: 15px;
  min-width: 30px;
  margin-bottom: 10px;
  min-height: 36px;
  max-width: 130px;
display: inline-block;
line-height: 20px;
}

.dst-code-sku-price-old {
color: rgba(0, 26, 52, .6);
  border: #364397 1px solid;
color: #364397;
  padding: 8px 8px 0 10px;
  border-radius: 12px;
  font-size: 15px;
  min-width: 30px;
  margin-bottom: 10px;
  min-height: 36px;
  max-width: 280px;
display: inline-block;
line-height: 20px;
}

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

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

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

}

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

@media only screen and (min-width: 980px) and (max-width: 1506px) {

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

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

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

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

   .primary_btn3 {
      display: none;
   }

   .primary_btnblue {
      display: none;
   }
}


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

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

   .features_area {
      padding-bottom: 50px;
   }

   .features_area_dst {
      padding-bottom: 50px;
   }

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

   .primary_btn span {
      padding: 0 38px;
   }

   .primary_btn span {
      font-size: 15px;
   }


   .client-info {
      padding: 25px 0px;
      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: 15px;
      margin-left: 0px;
   }


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

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

}

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

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

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

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

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

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

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

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

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

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

}

/* 
============================================================================================ */
/* 1199px
============================================================================================ */

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

   .features_area_dst {
      padding-bottom: 50px;
   }

   .brand_area {
      padding-bottom: 60px;
   }

   .home_banner_area .banner_inner {
      padding: 100px 0px;
   }

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

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

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

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

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

}

/* 
============================================================================================ */
/* 1100px
============================================================================================ */

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

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

/* 
============================================================================================ */
/* 1024px
============================================================================================ */

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

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

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

}


/* 
============================================================================================ */
/* 300px - 992px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 992px) {
   .dstimg6feature_item {
      background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.6) 0), url(/img/img9.jpg) no-repeat top center;
      background-size: cover;
   }

   .dstimg7feature_item {
      background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.6) 0), url(/img/img11.jpg) no-repeat top center;
      background-size: cover;
   }

   .dstimg8feature_item {
      background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.7) 0), url(/img/img13.jpg) no-repeat top center;
      background-size: cover;
   }

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

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

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

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

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

}


/* 
============================================================================================ */
/* 991px
============================================================================================ */


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

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

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

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

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

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

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

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

   .nav {
      padding: 0px 0px;
   }

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

   .header_top .nav {
      padding: 0px;
   }

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

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

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

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

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

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

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

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

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

   .home_banner_area {
      margin-top: 0;
   }

   .home_right_img {
      display: none;
   }

   .categories_post img {
      width: 100%;
   }

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

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

   .blog_area {
      padding-bottom: 80px;
   }

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

   .contact_info {
      margin-bottom: 50px;
   }

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

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

   .home_banner_area .banner_inner .home_left_img {
      display: none;
   }

   .header_area .navbar .primary_btn {
      display: none;
   }

   .left_side_text {
      margin-bottom: 50px;
   }

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

   .price_inner {
      margin-bottom: -30px;
   }

   .actionmojoo {
      font-size: 26px;
      font-weight: 600;
      line-height: 75px;
      text-align: center;
      color: #fff;
      background: #000;
      padding: 20px;
      border-radius: 28%;
      width: 110px;
      height: 110px;
      margin: 0 auto;
      transition: all 0.3s ease 0s;
      cursor: pointer;
   }

   .actionmojoo:hover {
      opacity: 0.9;
      font-size: 15px;
      font-weight: 600;
      line-height: 75px;
      text-align: center;
      color: #fff;
      background: #000;
      padding: 20px;
      border-radius: 28%;
      width: 110px;
      height: 110px;
      margin: 0 auto;
      transition: all 0.3s ease 0s;
   }

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

}

/* 
============================================================================================ */
/* 300px - 990px
============================================================================================ */

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

/* 
============================================================================================ */
/* 990px
============================================================================================ */

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

/* 
============================================================================================ */
/* 980px
============================================================================================ */

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

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

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

   .btn-cart-dst {
      display: none;
   }

   .collections-widget-dst .item {
      width: 120px !important;
      height: 190px !important;
   }

   .collections-widget-dst .item img {
      height: 80px !important;
      width: 80px !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 {
      border-right: 0px solid #dbdbdb;
      min-height: 0px;
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
   }

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

}

@media (min-width: 980px) {
    .category-subtitle{
        font-size: 16px;
    }
}


/* 
============================================================================================ */
/* 972px
============================================================================================ */

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

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


/* 
============================================================================================ */
/* 300px - 768px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 768px) {
   .feature_item2 {
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.7) 0), url(/img/0.gif) no-repeat top center;
   }


   .dstport_item5 {
      background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.5) 0), url(/img/dst25.jpg) no-repeat left center;
   }

   .dstport_item9 {
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 0), url(/img/dst85.jpg) no-repeat top center;
   }

   .dstport_item10 {
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.4) 0), url(/img/dst86.jpg) no-repeat top center;
   }

}

/* 
============================================================================================ */
/* 767px
============================================================================================ */

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

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

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

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

   .primary_btn.tr-bg {
      display: none;
   }

   .primary_btn4.tr-bg {
      display: none;
   }

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

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

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

}

/* 
============================================================================================ */
/* 300px - 750px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 750px) {

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

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

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

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

}

/* 
============================================================================================ */
/* 700px
============================================================================================ */

@media (max-width: 700px) {
   .cart-totals .sum {
      display: inherit;
      font-size: 15px;
      margin-right: 25px;
   }

   .cart-item {
      text-align: center;
   }


   .widget_text_block2 {
      overflow: hidden;
      background: #f2f6fa;
      margin-top: 50px;
      display: none;
      color: #000;
      font-size: 15px;
   }

   .containertext {
      font-size: 12px;
   }

}


/* 
============================================================================================ */
/* 300px - 650px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 650px) {

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

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

}


/* 
============================================================================================ */
/* 600px
============================================================================================ */

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

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

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


/* 
============================================================================================ */
/* 300px - 576px
============================================================================================ */

@media only screen and (min-width: 300px) and (max-width: 576px) {

   .feature_item2 h4 {
      font-size: 26px !important;
      color: #fff;
   }

   .product-n .rating .stars-count {
      margin-left: 6px;
      font-size: 12px;
      line-height: 1.29;
      color: #000;
   }

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

   .home_banner_area .banner_inner2 .banner_content h1 {
      font-size: 32px;
      line-height: 42px;
   }

   .main_title h2 {
      font-size: 15px;
      line-height: 34px;
   }

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


/* 
============================================================================================ */
/* 575px
============================================================================================ */

@media (max-width: 575px) {

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

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

   .home_banner_area {
      min-height: 450px;
   }

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

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

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

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

   .main_title h2 {
      font-size: 25px;
   }

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

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

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

   .footer-area {
      padding: 70px 0px;
   }

   .news_widget {
      padding-left: 0 !important;
   }

   .pad_top {
      padding-top: 70px;
   }

   .pad_btm {
      padding-bottom: 70px;
   }

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

   .all_sum {
      font-size: 14px;
   }

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

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

}


/* 
============================================================================================ */
/* 500px
============================================================================================ */

@media (max-width: 500px) {

   .single-brand-item {
      height: 90px !important;
      width: 130px !important;
   }

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

}

/* 
============================================================================================ */
/* 480px
============================================================================================ */

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

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

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

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

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

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

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

   .testi_item .media {
      display: block;
   }

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

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

}


/* 
============================================================================================ */
/* 450px
============================================================================================ */

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

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

   .containertext {
      font-size: 11px;
   }

   .btn {
      font-size: 1.2rem;
      padding: 0rem 0.5rem;
   }

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

   }

   .news-item-actions .button-text {
      font-size: 11px;
   }

   .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: 15px !important;
      line-height: 24px !important;
   }

   .dstport {
      font-size: 20px !important;
      line-height: 32px !important;
   }

   .dstport3 {
      font-size: 15px !important;
   }

   .dstportdark {
      font-size: 20px !important;
      line-height: 32px !important;
   }

   .shipping-carousel .item .title {
      font-size: 15px !important;
   }

   .shipping-carousel .item .desc {
      font-size: 15px !important;
   }

   .feature_item2 p {
      font-size: 15px !important;
   }

   .feature_item2 h4 {
      font-size: 20px !important;
   }

   .feature_item4 h4 {
      font-size: 20px !important;
   }

   .feature_item4 p {
      font-size: 15px !important;
      line-height: 24px !important;
   }

   .dstfeature_item2 h4 {
      font-size: 20px !important;
   }

   .dstfeature_item2 p {
      font-size: 15px !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: 15px !important;
      line-height: 24px !important;
   }

   .contact_info .info_item p {
      font-size: 15px !important;
      line-height: 24px !important;
   }

   .contact_form .form-group .form-control {
      font-size: 15px !important;
   }

   .footer_deposit .social-links img {
      width: 19px !important;
      height: 19px !important;
      padding: 2px !important;
   }

   .nav-page2 li a {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }

   .tab-items .nav-item a {
      font-size: 20px !important;
   }

   h1 {
      font-size: 26px !important;
   }

   h2 {
      font-size: 20px !important;
   }

   .cif {
      font-size: 26px !important;
   }

   .text-muted {
      font-size: 12px !important;
      line-height: 24px !important;
   }

   .product-block-title {
      font-size: 20px !important;
   }


   .product-n .price-block .price {
      font-size: 15px;
   }

   .product-n .actions {
      bottom: 35px;
   }

   .home_banner_area .banner_inner2 .banner_content h5 {
      font-size: 15px;
   }

   .dstmain_title2 h2 {
      font-size: 15px;
   }

   .dstmain_title2 h2 {
      font-size: 26px !important;
   }

   .cart_items {
      font-size: 14px;
   }

   .cart-totals .sum {
      font-size: 15px !important;
   }

   .cart-info-dst-buy {
      font-size: 15px;
   }

   .product-info {
      font-size: 12px !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: 12px;
      padding: 16px 10px;
   }

   .cart-page .btn-submit-order,
   .btn-submit-order:active {
      font-weight: 500;
      font-size: 15px;
   }
}

/* 
============================================================================================ */
/* 430px
============================================================================================ */

@media (max-width: 430px) {

   .product-n .actions a,
   .product-n .actions btn {
      font-size: 12px;
      line-height: 20px;
      padding: 0px 5px;
   }

   .product-n .actions {
      bottom: 60px;
   }

   .cart-buttom-fixed {
      font-size: 20px !important;
   }

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

   .btn {
      padding: 0.175rem 0.15rem;
   }

}

/* 
============================================================================================ */
/* 400px
============================================================================================ */

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

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

   .btn {
      padding: 0.115rem 0.10rem;
   }

   .product-n .actions a,
   .product-n .actions btn {
      line-height: 28px;
   }

   .product-n .actions {
      bottom: 70px;
   }

   .single-brand-item {
      height: 100px !important;
      width: 220px !important;
   }

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

   .product-n .image,
   .product-n .image img {
      height: 80px !important;
   }

   .cart-page .cart-info .info {
      font-size: 14px;
      font-weight: normal !important;
   }

   .small {
      line-height: 20px;
   }

   small,
   .small {
      font-size: 70%;
   }

   .footer-mobile .name {
      font-size: 11px !important;
   }

   .dstport {
      font-size: 15px !important;
      line-height: 26px !important;
   }

   .dstportdark {
      font-size: 15px !important;
      line-height: 26px !important;
   }

   .feature_item2 h4 {
      font-size: 15px !important;
      line-height: 26px !important;
   }

   .feature_item4 h4 {
      font-size: 15px !important;
      line-height: 26px !important;
   }

}


/* 
============================================================================================ */
/* 370px
============================================================================================ */

@media (max-width: 370px) {

   .btn {
      font-size: 1rem;
      padding: 0rem 0.3rem;
   }

   .btn-primary {
      font-size: 14.5px !important;
      padding: 6px 35px !important;
   }

   .btn {
      padding: 0.375rem 0.75rem !important;
   }

   .product-n .actions {
      bottom: -15px !important;
   }

   .nav-cats2 li a {
      font-size: 1rem;

   }

   .col-dst-12 {
      max-width: 100%;
   }

   .col-dst-center-12 {
      max-width: 100%;
      text-align: center;
      margin: 0 auto;
   }

   .product-n .image,
   .product-n .image img {
      height: 180px !important;
   }

   .all_sum {
      font-size: 11px;
   }

}


/* 
============================================================================================ */
/* 300px 
============================================================================================ */

@media (max-width: 330px) {
   .product-n .actions .mr-2 {
      margin-right: 3px !important;
   }
}

.footer-mobile .header-icon {}

.footer-mobile .header-icon svg {
   fill: #000;
   color: #000;
   height: 45px;
}

.footer-mobile .header-icon-margin {
   margin-top: 5px;
}

.block-partner {
   border: 1px solid #f2f1f0;
   position: relative;
   padding: 10px;
   width: max-content;
   border-radius: 8px;
}

.search-input {
   border: 2px solid #364397;
}


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

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

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

.services-widget .owl-prev,
.services-widget .owl-next {
   padding: 10px !important;
   color: #fff !important;
   font-size: 26px !important;
   /* background: #fff !important; */
}

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

.services-widget {
   overflow: hidden;

   /*margin-right: 15px;*/
   margin-bottom: 25px;
}

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

.services-widget .item {
   float: left;
   min-height: 370px;
   text-align: center;
   position: relative;
   color: #000;
   line-height: 64px;
   vertical-align: baseline;
   transition: 0.5s;
   border-radius: 50px;
   padding: 35px;
   overflow: hidden;
   background: #fdefd2;
   border: 0px;
   width: 100%;
}

.services-widget .item .title {
   display: inherit;
   text-align: left;
   line-height: 10px;
   font-size: 20px;
   font-weight: bold;
   line-height: initial;
   color: #63a304;
   min-height: 50px;
}

/* .owl-carousel.owl-drag .owl-item {
    width: 25% !important;
    margin: 0px !important;
} */

.services-widget .item .text {
   display: inherit;
   text-align: left;
   line-height: 20px;
   font-size: 15px;
}

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

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

.services-widget img {
   padding: 0px;
   margin: 20px 0px;
   height: 65px;
}

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

@media(min-width:1300px) {
   .col-lg-2-4 {
      flex: 20%;
      width: 20%;
   }
}

.navbar-collapse {
   position: relative;
}


@media only screen and (min-width: 1200px) and (max-width: 3000px) {
   #dropdownMenu2 {
      width: 1150px !important;
      max-height: 480px;
	  scrollbar-width: thin;
	  overflow-y: scroll
   }
}

.margin_bottom_50 {
   margin-bottom: 50px !important;
}

.width100 {
   width: 100%;
   float: left;
   clear: both;
}

.title-dst-index {
   color: #000;
   font-size: 26px;
   font-weight: 900;
   padding-left: 0px;
   padding-top: 0px;
   line-height: 38px;
}

ul {
   list-style: none;
}

ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.main_rounded {
   padding: 15px;
   border: 1px solid #efefef;
   border-radius: 8px;
   font-size: 15px;
}

.width100 {
   width: 100%;
   float: left;
   clear: both;
}

.main_rounded_title_left {
   margin-bottom: 2px !important;
   width: auto !important;
   float: left;
}

.main_rounded_title,
.main_rounded_title_left {
   margin: -28px auto 18px;
   margin-bottom: 18px;
   margin-bottom: 18px;
   padding: 0 15px;
   width: 280px;
   display: block;
   font-size: 26px;
   line-height: 26px;
   color: #000;
   font-weight: bold;
   background: #fff;
}

.city_list {
   margin: 15px 0 10px 15px;
   width: 280px;
   float: left;
}

.city_list {
   margin: 15px 0 10px 15px;
   width: 280px;
   float: left;
}

.city_list100 {
   margin: 15px 15px 10px 15px;
}

.city_list100 div,
.city_list100 div span {
   color: #3692da;
   line-height: 20px;
}

.city_list100 div {
   margin: 11px 0 16px 0;
}

.city_list100 div :last-child {
   display: none;
}

.your_city,
.your_city:hover {
   padding-right: 25px;
   display: inline-block;
   font-size: 15px;
   line-height: 26px;
   background: url(/templates/default/images/city_icons.svg) right -37px no-repeat;
}

.city_list div {
   margin: 10px 0 17px 0;
   float: left;
   clear: both;
}

.city_list div ul {
   width: 140px;
   display: block;
   float: left;
}

.city_list div ul li a {
   font-size: 15px;
   line-height: 28px;
   color: #000;
}

.city_list div ul li:hover {
   font-size: 15px;
   text-decoration: underline;
   color: #000;
}

.city_all,
.city_all:hover {
   display: inline-block;
   float: left;
   clear: both;
   font-size: 15px;
   cursor: pointer;
}

.map {
   width: 640px;
   height: 310px;
   margin-left: 280px;
   position: relative;
   background: url(/templates/default/images/map.svg) 56px 0 no-repeat;
}

@media only screen and (max-width: 1290px) {
   .map {
      margin-left: 50px !important;
      float: left;
   }
}

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

.moscow,
.spb,
.rostov,
.novgorod,
.volgograd,
.krasnodar,
.samara,
.kazan,
.ufa,
.ekaterinburg,
.cheljabinsk,
.omsk,
.tomsk,
.krasnojarsk,
.novosibirsk,
.barnaul,
.irkutsk,
.jakutsk,
.habarovsk,
.vladivostok {
   font-size: 12px;
   display: block;
   position: absolute;
   background: url(/templates/default/images/map_point.svg) no-repeat;
}

.moscow,
.spb {
   font-size: 14px !important;
}

.moscow {
   padding: 0 11px 5px 0;
   left: 82px;
   top: 125px;
   background-position: 52px -27px;
   filter: grayscale(100%);
}

.moscow:hover {
   background-position: 52px -27px;
   filter: grayscale(0%);
}

.spb {
   padding: 0 0 3px 13px;
   left: 123px;
   top: 78px;
   background-position: 1px -29px;
   filter: grayscale(100%);
}

.spb:hover {
   background-position: 1px -29px;
   filter: grayscale(0%);
}

.rostov {
   padding: 0 11px 3px 0;
   left: 2px;
   top: 193px;
   background-position: 91px -29px;
   filter: grayscale(100%);
}

.rostov:hover {
   background-position: 91px -29px;
   filter: grayscale(0%);
}

.novgorod {
   padding: 0 0 6px 12px;
   left: 163px;
   top: 141px;
   background-position: 0 -26px;
   filter: grayscale(100%);
}

.novgorod:hover {
   background-position: 0 -26px;
   filter: grayscale(0%);
}

.volgograd {
   padding-top: 8px;
   left: 100px;
   top: 220px;
   background-position: 15px -43px;
   filter: grayscale(100%);
}

.volgograd:hover {
   background-position: 15px -43px;
   filter: grayscale(0%);
}

.krasnodar {
   padding: 2px 12px 0 0;
   left: 10px;
   top: 225px;
   background-position: 65px -43px;
   filter: grayscale(100%);
}

.krasnodar:hover {
   background-position: 65px -43px;
   filter: grayscale(0%);
}

.samara {
   padding: 0 9px 6px 0;
   left: 120px;
   top: 190px;
   background-position: 46px -26px;
   filter: grayscale(100%);
}

.samara:hover {
   background-position: 46px -26px;
   filter: grayscale(0%);
}

.kazan {
   padding: 2px 0 0 12px;
   width: 51px;
   height: 13px;
   left: 173px;
   top: 177px;
   background-position: 0 -43px;
   filter: grayscale(100%);
}

.kazan:hover {
   background-position: 0 -43px;
   filter: grayscale(0%);
}

.ufa {
   padding-top: 9px;
   left: 184px;
   top: 209px;
   background-position: 14px -43px;
   filter: grayscale(100%);
}

.ufa:hover {
   background-position: 14px -43px;
   filter: grayscale(0%);
}

.ekaterinburg {
   padding: 0 0 5px 12px;
   left: 237px;
   top: 171px;
   background-position: 0 -27px;
   filter: grayscale(100%);
}

.ekaterinburg:hover {
   background-position: 0 -27px;
   filter: grayscale(0%);
}

.cheljabinsk {
   padding: 0 0 4px 11px;
   left: 218px;
   top: 201px;
   background-position: 0 -28px;
   filter: grayscale(100%);
}

.cheljabinsk:hover {
   background-position: 0 -28px;
   filter: grayscale(0%);
}

.omsk {
   padding: 0 0 8px 11px;
   left: 278px;
   top: 218px;
   background-position: 0 -26px;
   filter: grayscale(100%);
}

.omsk:hover {
   background-position: 0 -26px;
   filter: grayscale(0%);
}

.tomsk {
   padding-bottom: 16px;
   left: 338px;
   top: 199px;
   background-position: 11px -21px;
   filter: grayscale(100%);
}

.tomsk:hover {
   background-position: 11px -21px;
   filter: grayscale(0%);
}

.krasnojarsk {
   padding: 0 0 6px 12px;
   left: 380px;
   top: 213px;
   background-position: 0 -26px;
   filter: grayscale(100%);
}

.krasnojarsk:hover {
   background-position: 0 -26px;
   filter: grayscale(0%);
}

.novosibirsk {
   padding-left: 12px;
   width: 85px;
   height: 22px;
   left: 328px;
   top: 243px;
   background-position: 0 -43px;
   filter: grayscale(100%);
}

.novosibirsk:hover {
   background-position: 0 -43px;
   filter: grayscale(0%);
}

.barnaul {
   padding: 3px 0 0 11px;
   width: 65px;
   height: 22px;
   left: 333px;
   top: 264px;
   background-position: 0 -43px;
   filter: grayscale(100%);
}

.barnaul:hover {
   background-position: 0 -43px;
   filter: grayscale(0%);
}

.irkutsk {
   padding: 0 0 6px 11px;
   left: 438px;
   top: 250px;
   background-position: 0 -26px;
   filter: grayscale(100%);
}

.irkutsk:hover {
   background-position: 0 -26px;
   filter: grayscale(0%);
}

.jakutsk {
   padding: 0 12px 6px 0;
   left: 476px;
   top: 98px;
   background-position: 42px -26px;
   filter: grayscale(100%);
}

.jakutsk:hover {
   background-position: 42px -26px;
   filter: grayscale(0%);
}

.habarovsk {
   padding: 0 11px 6px 0;
   left: 545px;
   top: 203px;
   background-position: 63px -26px;
   filter: grayscale(100%);
}

.habarovsk:hover {
   background-position: 63px -26px;
   filter: grayscale(0%);
}

.vladivostok {
   padding: 0 11px 6px 0;
   left: 543px;
   top: 254px;
   background-position: 76px -26px;
   filter: grayscale(100%);
}

.vladivostok:hover {
   background-position: 76px -26px;
   filter: grayscale(0%);
}

.main_info span {
   margin-bottom: 8px;
   font-size: 14px;
   line-height: 20px;
   color: rgba(0, 26, 52, .6);
   font-weight: bold;
   display: inline-block;
}

.main_info p {
   padding-bottom: 10px;
   font-size: 12px;
   line-height: 18px;
   color: rgba(0, 26, 52, .6);
}

.main_info p a {
   font-size: 12px;
   line-height: 18px;
   color: rgba(0, 26, 52, .6);
   text-decoration: none;
   border-bottom: 1px solid #cbcbcb;
}

.main_info p a:hover {
   border-bottom: 1px solid rgba(0, 26, 52, .6);
}

.msgs_filter {
   width: 220px;
   float: left;
}

.msgs_filter span {
   margin-right: 3px;
   padding: 4px 8px 3px;
   display: inline-block;
   float: left;
}

.msgs_filter span a {
   display: inline-block;
   color: rgba(0, 26, 52, .6);
   text-decoration: none;
   border-bottom: 1px dotted rgba(0, 26, 52, .6);
}

.msgs_filter span a:hover {
   color: #333;
   border-bottom: 1px dotted #333;
}

.msgs_filter span sup {
   font-size: 11px;
   line-height: 4px;
}

.msgs_filter_act {
   background: #83c4f1;
   border-radius: 8px;
}

.msgs_filter_act a,
.msgs_filter_act a:hover,
.msgs_filter_act sup {
   color: #fff !important;
   border-bottom: none !important;
}

.msgs_view {
   margin-top: 3px;
   width: 80px;
   float: right;
}

.msgs_view a {
   margin-left: 10px;
   width: 18px;
   height: 18px;
   display: block;
   float: right;
   background: url(/templates/default/images/view_icons.svg) no-repeat;
   background-size: 18px auto;
}

.msgs_view_list {
   background-position: 0 0 !important;
}

.msgs_view_list_act {
   background-position: 0 -28px !important;
}

.msgs_view_gallery {
   background-position: 0 -56px !important;
}

.msgs_view_gallery_act {
   background-position: 0 -84px !important;
}

.topline a:hover,
.fresh a:hover,
.map a:hover,
.cat_round a:hover,
.cat_round100 a:hover,
.cat_list a:hover,
.gallery_title:hover {
   color: #3692da;
   text-decoration: none;
}

.info-block a {
   color: #000;
}

.info-block a:hover {
   color: #364397;
}

.board .info-like {
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: 0;
}

.first-block {
   color: rgba(0, 26, 52, .6);
   font-size: 15px;
}

.board.mini .first-block span {
   font-weight: 900 !important;
   color: #000;
}

.footer-block .first-block span {
   font-weight: 500 !important;
}

.footer-block .info-footer div {
   color: rgba(0, 26, 52, .6);
   font-size: 14px;
}

.board.mini .info .info-block {}

.board.mini .info-footer {}

.board.mini .footer-block,
.board.mini .header-block {
   border-radius: 8px;
}

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

.products_index .board .row {}

.products_index .board {
   margin-bottom: 20px !important;
   transition: all 0.15s;
}

.products_index .board:hover {
   opacity: .8;
}

.board.full {
   border: 1px solid #fff;
   padding: 25px;
}

.board .title {
   font-weight: bold;
   width: 90%;
}

.board .info-block {}

.board .first-block {
   font-weight: 500;
}

.board .first-block span {
   color: #000;
}

.board .info-block .desc-block {
   color: #555;
   font-size: 14px;
}

.board .image {
   background: #f2f1f0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position-x: center;
   background-position-y: center;
}

.board .image a {
   width: 100%;
   height: 100%;
   display: block;
}

.board .info {
   margin-bottom: 30px;
}

.board .info-footer {
   font-weight: bold;
   position: absolute;
   bottom: 0px;
   color: #000;
   font-size: 14px;
}

.board .info-like {
   position: absolute;
   top: 0px;
   right: 0px;
}

.board.full {
   padding: 20px;
   border-radius: 12px;
   transition: all 0.15s;
   cursor: pointer;
   margin-bottom: 20px !important;
}

.board.full:hover {
   background: #f5f5f5;
   transition: all 0.15s;
}

.board .title {
   font-weight: 900;
   width: 90%;
   color: #000;
}

.board .title a {
   color: #364397;
   font-weight: 900;
}

.board .title {
   color: #364397;
   font-weight: 900;
}

.board.full .info-block {
   margin-bottom: 15px;
}

.board.full .first-block {
   font-weight: bold;
   color: #000;
}

.board.full .first-block span {
   color: #000;
}

.board.full .info-block .desc-block {
   color: rgba(0, 26, 52, .6);
   font-size: 15px;
   max-height: 74px;
   overflow: hidden;
}

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

.board .image {
   background: #f2f1f0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position-x: center;
   background-position-y: center;
   border-radius: 12px;
}

@media (max-width: 999px) {
   .board .image {
      height: 250px !important;
   }

   .catalog-board .image {
      height: 220px !important;
      min-height: 220px;
   }

}

.board .image a {
   width: 100%;
   height: 100%;
   display: block;
}

.board.full .info {
   margin-bottom: 30px;
}


.board.full .info-footer {
   font-weight: 500;
   position: absolute;
   bottom: 0px;
   color: #000;
   font-size: 15px;
}

.catalog-board {
   padding: 18px 20px;
}

.catalog-board .image {
   height: 240px;
   min-height: 240px;
   border-radius: 16px;
   overflow: hidden;
   background-size: cover;
   background-position: center center;
}

.catalog-board .title {
   width: 100%;
}

.catalog-title-row {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 18px;
   width: 100%;
}

.catalog-board .title a.font-size-18 {
   display: inline-block;
   flex: 1 1 auto;
   max-width: none;
   font-size: 18px;
   line-height: 1.35;
   color: #000 !important;
   text-decoration: none;
}

.catalog-board .title a.font-size-18:hover,
.catalog-board .title a.font-size-18:focus,
.catalog-board .title a.font-size-18:active,
.catalog-board .title a.font-size-18:visited {
   color: #000 !important;
   text-decoration: none;
}

.catalog-board .info {
   margin-bottom: 18px;
}

.catalog-promote-row {
   margin-top: 2px;
}

.catalog-promote-btn,
.catalog-promote-btn:hover,
.catalog-promote-btn:focus,
.catalog-promote-btn:active,
.catalog-promote-btn:visited {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 40px;
   padding: 0 18px;
   border-radius: 14px;
   border: 1px solid #000;
   background: #fff;
   color: #000 !important;
   font-size: 14px;
   font-weight: 700;
   line-height: 1;
   text-decoration: none;
   box-shadow: 0 6px 18px rgba(54, 67, 151, 0.10);
   transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
   -webkit-tap-highlight-color: transparent;
}

.catalog-promote-btn:hover,
.catalog-promote-btn:focus {
   background: #eef2ff;
   color: #000 !important;
   border-color: #000;
   box-shadow: 0 8px 22px rgba(54, 67, 151, 0.14);
   transform: translateY(-1px);
   outline: none;
}

.catalog-promote-btn:active {
   background: #eef2ff;
   color: #000 !important;
   border-color: #000;
   box-shadow: 0 4px 14px rgba(54, 67, 151, 0.16);
   transform: translateY(0);
}

.catalog-promote-btn:focus {
   box-shadow: 0 0 0 4px rgba(75, 99, 211, 0.16);
}

.catalog-like-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   flex: 0 0 40px;
   margin: 0 !important;
   align-self: flex-start;
}

.catalog-like-btn .add-favorite {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   border-radius: 50%;
}

.catalog-like-btn .add-favorite .not_add svg,
.catalog-like-btn .add-favorite .is_add svg {
   width: 22px;
   height: 20px;
   display: block;
}

.catalog-board .chars .desc-block {
   color: #000;
}

.board .info-like {
   position: absolute;
   top: 0%;
   right: 0px;
}

.board .info-like-cat {
   position: absolute;
   top: 0px;
   right: 0px;
}

@media (max-width: 767px) {
   .catalog-board {
      padding: 16px;
   }

   .catalog-board .title a.font-size-18 {
      font-size: 17px;
   }

   .catalog-title-row {
      gap: 10px;
   }

   .catalog-promote-btn {
      min-height: 38px;
      padding: 0 16px;
   }
}

@media (max-width: 575px) {
   .catalog-board .image {
      height: 200px !important;
      min-height: 200px;
   }
}

.board.mini .image {
   width: 100%;
   height: 250px;
   border-radius: 12px 12px 0px 0px;
}

.board.mini .header-block,
.board.mini .footer-block {
   border: 1px solid transparent;
   font-size: 14px;
   padding: 10px 0px 0px 8px;
   color: rgba(0, 26, 52, .6);
   border-radius: 0px 0px 6px 6px;
   max-height: 130px;
}

.board.mini .title {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   font-size: 15px !important;
   line-height: 20px;
   width: 90%;
   overflow: hidden;
   min-height: 45px;
}

.board.mini .title a,
.board.mini .title a:hover,
.board.mini .title a:focus,
.board.mini .title a:active,
.board.mini .title a:visited,
.board.mini .title .mini-title-link,
.board.mini .title .mini-title-link:hover,
.board.mini .title .mini-title-link:focus,
.board.mini .title .mini-title-link:active,
.board.mini .title .mini-title-link:visited {
   color: #000 !important;
   text-decoration: none;
}

.board.mini .info {
   margin-bottom: 20px;
   font-size: 15px;
}

.board.mini .info .info-block {}

.board.mini .first-block span {
   font-weight: bold;
   color: #000;
}

.board.mini .info-footer {
   font-weight: bold;
   color: #000;
   font-size: 12px;
}

.info-footer-admin {
   color: #000;
   font-size: 11px;
   position: absolute;
   background: #fff;
   border-radius: 8px;
   padding: 3px 5px;
   margin: 5px;
}

@media (max-width: 980px) {
   .board.full .info-footer {
      position: relative;
   }
}


.board .favorite {
   margin-right: 0px;
}

.board.full .favorite {
   margin-right: 10px;
   margin-top: -5;
}

.board .favorite .is_add svg {
   color: #364397 !important;
}

.not_add {
   color: #000;
}

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

.queries_wrap {
   background: #000;
   font-size: 12px;
}

.queries_wrap {
   background: #000;
   font-size: 12px;
}

.debug_data {
   margin-top: 10px;
   margin-bottom: 15px;
}

.ui-slider-handle {
   -ms-touch-action: none;
   touch-action: none;
}

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

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

.tab-items .nav-item a {
   color: #b9b9b9 !important;
   background: unset !important;
   font-size: 26px;
   font-weight: 900;
   padding-left: 0px;
   padding-top: 0px;
   line-height: 38px;
}

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

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

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

}

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


.mojoostocks {
   transition: 0.3s;
}

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

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

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

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

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

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

}




/* 
============================================================================================ */
/* Карусель субкатегорий
============================================================================================ */

.sub-cats-widget .owl-next {
    position: absolute;
    top: 40%;
    right: 0;
    transform: translateY(-50%);
}

.sub-cats-widget .owl-prev {
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-50%);
}

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

.sub-cats-widget {
    overflow: hidden;
    height: auto;
    margin-bottom: 30px;
}

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

.sub-cats-widget .item.hleba-subcategory-card {
    float: left;
    width: 198px;
    min-height: 224px;
    text-align: left;
    position: relative;
    color: #18233f;
    line-height: normal;
    vertical-align: baseline;
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
    border-radius: 18px;
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    border: 1px solid #e5ebf4;
    padding: 14px 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 12px 26px rgba(48, 66, 120, 0.07);
}

.sub-cats-widget .item.hleba-subcategory-card:hover {
    opacity: 1;
    border-color: #9fb7ff;
    transform: translateY(-2px);
    box-shadow: 0 20px 34px rgba(48, 66, 120, 0.11);
}
.sub-cats-widget .item.hleba-subcategory-card:visited {
    color: #000;
}

.sub-cats-widget .owl-dots {
    display: none;
}
.sub-cats-widget .item.hleba-subcategory-card .hleba-subcategory-card__art {
    display: block;
    width: 100%;
}
.sub-cats-widget .item.hleba-subcategory-card .hleba-subcategory-card__title {
    display: block;
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #18233f;
}
.sub-cats-widget .item.hleba-subcategory-card.active {
    border-color: #c7d6ff;
    background: linear-gradient(180deg, #fdfefe 0%, #f2f6ff 100%);
}
.sub-cats-widget .item:hover .active > a {
    color: rgba(0,26,52,.6);
}

.sub-cats-widget .item.hleba-subcategory-image-card {
    float: left;
    width: 204px;
    min-height: 216px;
    text-align: left;
    position: relative;
    color: #18233f;
    line-height: normal;
    vertical-align: baseline;
    background: #f2f1f0;
    border-radius: 18px;
    margin-top: 6px;
    margin-bottom: 6px;
    overflow: hidden;
    border: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: transform 0.24s ease, box-shadow 0.24s ease, opacity 0.24s ease;
    box-shadow: 0 10px 24px rgba(43, 57, 103, 0.07);
}

.sub-cats-widget .item.hleba-subcategory-image-card:hover {
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 18px 28px rgba(43, 57, 103, 0.11);
}

.sub-cats-widget .item.hleba-subcategory-image-card:visited {
    color: #18233f;
}

.sub-cats-widget .item.hleba-subcategory-image-card .hleba-subcategory-image-card__image {
    display: block;
    width: 100%;
    height: 138px;
    background: #f7f7f7;
    overflow: hidden;
}

.sub-cats-widget .item.hleba-subcategory-image-card .hleba-subcategory-image-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-cats-widget .item.hleba-subcategory-image-card .hleba-subcategory-image-card__fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-cats-widget .item.hleba-subcategory-image-card .hleba-subcategory-image-card__title {
    display: block;
    padding: 12px 14px 14px;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #18233f;
}

.sub-cats-widget .item.hleba-subcategory-image-card.active {
    border-color: #d6dff5;
}

/* 
============================================================================================ */
/* Карусель субкатегорий
============================================================================================ */

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

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

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

.sub-cats-mobilmenu {
    overflow: hidden;
    height: 200px; 
    margin-bottom: 25px;
}

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

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

.sub-cats-mobilmenu .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}
.sub-cats-mobilmenu .item:visited {
    color: #000;
}

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

.sub-cats-mobilmenu .owl-dots {
    display: none;
}
.sub-cats-mobilmenu .item span {
    line-height: 22px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
	overflow: hidden;
  height: 48px;
    padding: 0px 12px;
}
.sub-cats-mobilmenu .item i, .item span {
    display: inherit;
}

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

/* 
============================================================================================ */
/* Карусель брендов
============================================================================================ */

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

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

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

.brands-widget .owl-prev, .brands-widget .owl-next {
}
.brands-widget .owl-prev:hover, .brands-widget .owl-next:hover {
}
.brands-widget {
    overflow: hidden;
    height: 270px; 
    margin-bottom: 25px;
}

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

.brands-widget .item {
    float: left;
    width: 150px;
    height: 200px;
    text-align: center;
    position: relative;
    color: #000;
    line-height: 64px;
    vertical-align: baseline;
    transition: 0.5s;
    border: #ddd 1px solid;
    border-radius: 12px;
    margin-top:15px;
    margin-bottom:15px;
    overflow: hidden;
}

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

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

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

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

/* 
============================================================================================ */
/* Карусель акций
============================================================================================ */

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

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

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

.action-widget .owl-prev, .action-widget .owl-next {
display: none !important;
}
.action-widget .owl-prev:hover, .action-widget .owl-next:hover {

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

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

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

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

}

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

.action-widget .owl-dots {
    display: none;
}
.action-widget .item span {
line-height: 22px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
  padding: 0px 12px;
  height: 48px;
  overflow: hidden;
}
.action-widget .item i, .item span {
    display: inherit;
}

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

/* 
============================================================================================ */
/* Карусель акций
============================================================================================ */

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

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

.action-widget-qa .owl-nav .disabled {
    opacity: 0;
}

.action-widget-qa .owl-prev, .action-widget .owl-next {
display: none !important;
}
.action-widget-qa .owl-prev:hover, .action-widget .owl-next:hover {

}
.action-widget-qa {
    overflow: hidden;
    height: 160px; 
    margin-bottom: 25px;
}

.action-widget-qa .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.action-widget-qa .item {
float: left;
  width: 240px !important;
  height: 160px !important;
  position: relative;
  color: #364397;
  line-height: 64px;
  vertical-align: baseline;
  transition: 0.5s;
  border-radius: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  background: rgba(0, 150, 255, .08);
}

.action-widget-qa .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}
.action-widget-qa .item:visited {

}

.action-widget-qa img {
width: 100%;
  height: 140px;
  background-size: cover;
  border-radius: 18px 8px 0px 0px;
}

.action-widget-qa .owl-dots {
    display: none;
}
.action-widget-qa .item span {
line-height: 26px;
  font-size: 18px;
  font-weight: 500;
  margin-top: 15px;
  padding: 0px 20px;
  height: 130px;
  overflow: hidden;
}
.action-widget-qa .item i, .item span {
    display: inherit;
}

.action-widget-qa .item.active {
    background-color: #f5f7f9;
}
.action-widget-qa .item:hover .active > a {
    color: rgba(0,26,52,.6);
}

/* 
============================================================================================ */
/* Карусель акций
============================================================================================ */

.action-widget-support .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.action-widget-support .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.action-widget-support .owl-nav .disabled {
    opacity: 0;
}

.action-widget-support .owl-prev, .action-widget .owl-next {
display: none !important;
}
.action-widget-support .owl-prev:hover, .action-widget .owl-next:hover {

}
.action-widget-support {
    overflow: hidden;
    height: 160px; 
    margin-bottom: 25px;
}

.action-widget-support .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.action-widget-support .item {
float: left;
  width: 240px !important;
  height: 160px !important;
  position: relative;
  color: #fff;
  line-height: 64px;
  vertical-align: baseline;
  transition: 0.5s;
  border-radius: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  background: #364397;
}

.action-widget-support .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}
.action-widget-support .item:visited {

}

.action-widget-support img {
width: 100%;
  height: 140px;
  background-size: cover;
  border-radius: 18px 8px 0px 0px;
}

.action-widget-support .owl-dots {
    display: none;
}
.action-widget-support .item span {
line-height: 26px;
  font-size: 20px;
  font-weight: 700;
  margin-top: 15px;
  padding: 0px 20px;
  height: 130px;
  overflow: hidden;
}
.action-widget-support .item i, .item span {
    display: inherit;
}

.action-widget-support .item.active {
    background-color: #f5f7f9;
}
.action-widget-support .item:hover .active > a {
    color: rgba(0,26,52,.6);
}

/* 
============================================================================================ */
/* Карусель акций
============================================================================================ */

.action-widget-mobil .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.action-widget-mobil .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.action-widget-mobil .owl-nav .disabled {
    opacity: 0;
}

.action-widget-mobil .owl-prev, .action-widget .owl-next {
display: none !important;
}
.action-widget-mobil .owl-prev:hover, .action-widget .owl-next:hover {

}
.action-widget-mobil {
    overflow: hidden;
    height: 250px; 
}

.action-widget-mobil .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.action-widget-mobil .item {
float: left;
  width: 150px !important;
  height: 220px !important;
  text-align: center;
  position: relative;
  color: #fff;
  line-height: 64px;
  vertical-align: baseline;
  transition: 0.5s;
  border-radius: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  background: #364397;
}

.action-widget-mobil .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}
.action-widget-mobil .item:visited {

}

.action-widget-mobil img {
width: 100%;
  height: 140px;
  background-size: cover;
  border-radius: 18px 8px 0px 0px;
}

.action-widget-mobil .owl-dots {
    display: none;
}
.action-widget-mobil .item span {
line-height: 22px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
  padding: 0px 12px;
  height: 48px;
  overflow: hidden;
}
.action-widget-mobil .item i, .item span {
    display: inherit;
}

.action-widget-mobil .item.active {
    background-color: #f5f7f9;
}
.action-widget-mobil .item:hover .active > a {
    color: rgba(0,26,52,.6);
}

/* 
============================================================================================ */
/* Карусель новости и посты
============================================================================================ */

.news-post-widget .owl-next {
    position: absolute;
    top: 17%;
    right: 0;
}

.news-post-widget .owl-prev {
    position: absolute;
    top: 17%;
    left: 0;
}

.news-post-widget .owl-nav .disabled {
    opacity: 0;
}

.news-post-widget .owl-prev, .news-post-widget .owl-next {
display: none !important;
}
.news-post-widget .owl-prev:hover, .news-post-widget .owl-next:hover {

}
.news-post-widget {
    overflow: hidden;
    height: 250px; 
    margin-bottom: 25px;
}

.news-post-widget .owl-carousel .owl-stage-outer {
    margin: 0px;
}

.news-post-widget .item {
float: left;
  width: 240px !important;
  height: 220px !important;
  text-align: center;
  position: relative;
  color: #000;
  line-height: 64px;
  vertical-align: baseline;
  transition: 0.5s;
  border-radius: 18px;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  background: rgba(0,150,255,.08);
}

.news-post-widget .item:hover {
    opacity: 0.8;
    transition: 0.5s;
}
.news-post-widget .item:visited {
    color: #000;
}

.news-post-widget img {
width: 100%;
  height: 140px;
  background-size: cover;
  border-radius: 18px 8px 0px 0px;
}

.news-post-widget .owl-dots {
    display: none;
}
.news-post-widget .item span {
line-height: 22px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
  padding: 0px 12px;
  height: 48px;
  overflow: hidden;
}
.news-post-widget .item i, .item span {
    display: inherit;
}

.news-post-widget .item.active {
    background-color: #f5f7f9;
}
.news-post-widget .item:hover .active > a {
    color: rgba(0,26,52,.6);
}

/* 
============================================================================================ */
/* Коллекции
============================================================================================ */

.collections-widget .item{
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 175px;
    height: 250px;
    color: #fff;
    border-radius: 18px;
}

.collections-widget .item img {
    border-radius: 50%;
    height: 130px;
    margin-bottom: 5px;
    width: 130px;
}
.collections-widget .item span {
    font-weight: normal;
}
.collections-widget .item:hover span {
    font-weight: normal;
    color: #fff;
}

.collections-widget-dst .item{
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 160px;
    height: 190px;
    color: #fff;
    border-radius: 18px;
}

.collections-widget-dst .item img {
    height: 60px;
  margin-bottom: 5px;
  width: 60px;
  margin-top: 30px;
  filter: invert(45%);
}
.collections-widget-dst .item span {
    font-weight: normal;
}
.collections-widget-dst .item:hover span {
    font-weight: normal;
    color: #fff;
}

/* 
============================================================================================ */
/* Коллекции
============================================================================================ */

.collections-widget2 .item{
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 175px;
    height: 250px;
    color: #fff;
    border-radius: 18px;
}

.collections-widget2 .item img {
    border-radius: 50%;
    height: 130px;
    margin-bottom: 5px;
    width: 130px;
}
.collections-widget2 .item span {
    font-weight: normal;
}
.collections-widget .item:hover span {
    font-weight: normal;
    color: #fff;
}

.collections-widget-dst2 .item{
    background-color: #f5f7fa;
    border-radius: 18px;
    padding: 12px;
    margin-top: 0px;
    border: 0px;
    width: 140px;
    height: 180px;
    color: #fff;
    border: 2px solid #f5f7fa;
    border-radius: 18px;
}

.collections-widget-dst2 .item:hover{
border: 2px solid #364397;
}

.collections-widget-dst2 .item img {
    height: 60px;
  margin-bottom: 5px;
  width: 60px;
  margin-top: 30px;
  filter: invert(45%);
}
.collections-widget-dst2 .item span {
    font-weight: normal;
}
.collections-widget-dst2 .item:hover span {
    font-weight: normal;
    color: #fff;
}

/* 
============================================================================================ */
/* Подборки
============================================================================================ */

.custom-podbor .title {
    margin-top: 15px;
    font-size: 14px;
    color: #1a0d05;
    min-height: 65px;
}
.custom-podbor .image {
    border-radius: 8px;
    height: 120px;
    background-size: cover !important;
    width: 100%;
    background: #ccc; 
    transition: 0.3s;
}

.custom-podbor .image:hover {
    filter: brightness(.90);
    transition: 0.3s;
}



.owl-contents {

}
.owl-contents .item {
    border: 0px;
    width: 200px;
    height: 210px;
    margin-top: 0px;
}
.owl-contents .item .image {
    width: 100%;
    height: 140px;
    background-size: cover;
}
.owl-contents .item span{

}

.indexbut {
   margin-top: 30px;
   margin-bottom: 30px;
   cursor: pointer;
}

.indexbut2 {
   display: inline-block;
   color: #63a402 !important;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px !important;
   line-height: 56px !important;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   border: 2px solid #63a402 !important;
   background-origin: border-box;
   background-clip: content-box, border-box;
   border: double 2px transparent;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.indexbut2 span {
   padding: 0 50px !important;
   transition: all 0.4s ease 0s;
}

.indexbut2.tr-bg {
   border: 2px solid #0b1f35;
   color: #0b1f35;
   box-shadow: none;
   transition: all 0.4s ease 0s;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #63a402, #63a402);
}

.indexbut2.tr-bg:hover {
   opacity: 0.9;
   color: #0b1f35;
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #63a402, #63a402);
   border: 2px solid #63a402;
   color: #63a402;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.indexbut2:hover {
   color: #ff0000;
   opacity: 0.9;
   box-shadow: none;
   background-clip: border-box;
   transition: all 0.4s ease 0s;
}

.indexicon:hover {
   border-radius: 8px;
   background: #e8f2fe;
}

.logoindexdst {
   padding-bottom: 30px;
   margin-top: 40px;
   height: 56px;
   cursor: pointer;
}

.search-input {
   margin: 0px;
}

.search-input-market {
   margin: 0px;
}

.search-input-services {
   margin: 0px;
}

.search-input-deposit {
   margin: 0px;
}

.header-site .col-header-icons .header-icon2 {
   padding: 1px;
}

#mini-service-box {
   width: 300px;
   height: 300px;
   background: #fff;
}

#mini-service-box.showes {
   width: 350px;
   height: 420px;
   right: 10px !important;
   background: #fff;
   position: absolute;
   display: block;
   float: right;
   left: -270px;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 10px 25px 10px 25px;
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

#mini-service-box .service-item {
   height: auto;
   display: contents;
}

#mini-service-box .service-item .icon2 {
   height: 55px;
   width: 55px;
}

#mini-service-box .las2 {
   font-size: 25px;
   line-height: 48px;
}

#mini-service-box a {
   height: unset;
   display: block;
}

#mini-service-box .service-item .name {
   color: #0b1f35;
   font-size: 12px;
   white-space: nowrap;
   overflow: hidden;
   padding: 0px;
   text-overflow: ellipsis;
}

@media (max-width: 650px) {

   .custom-podbor {
      margin-top: 30px;
   }

   .logoindexdst {
      padding-bottom: 30px;
      margin-top: 40px;
      height: 48px;
   }
}

@media (max-width: 415px) {
   #mini-service-box.showes {
      left: -180px;
   }

   #mini-service-box .auth-services .service-item {
      padding: 13px 8px !important;
   }
}

.dropdown-menu.showes {
   display: block;
}

.dst-flaer {
   margin-bottom: 15px;
   position: relative;
   margin-top: 80px;
   text-align: center;
   color: #7b8190;
}

.dst-flaer {
   text-align: center;
   color: #7b8190;
}

.dst-flaer-text {
   text-align: center;
   color: #7b8190;
}

.dst-char-item {
   font-size: 14px;
   background: #F15045;
   color: #fff;
   max-width: 60px;
   display: block;
   margin-left: 12px;
   border-radius: 8px;
   line-height: 26px;
   height: 28px;
}

.char-item {}

.char-item .char-name {
   color: #808d9a;
   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: 14px;
   background: #fff;
   position: relative;
   display: inline-flex;
   align-items: flex-start;
}

.char-item-name-content {
   font-size: 14px;
   height: 40px;
}

.logofront {
   margin-top: 50px;
   cursor: pointer;
}

.search-frontpage {
   border-radius: 24px;
   border-color: rgba(0, 26, 52, .6);
   border: 1px solid #f2f1f0;
}

.search-frontpage .btn {
   background: transparent !important;
   color: #f2f1f0 !important;
   left: 0px;
   padding: 0 15px !important;
   float: left;
   text-align: left;
}

.search-frontpage .search-input {
   margin-left: 30px;
}

.fadst {
   color: #000;
   display: inline-block;
   font: 16px/1 FontAwesome;
   margin-left: 10px;
   margin-top: 10px;
   position: relative;
   text-rendering: auto;
}

.dstline {
   border: 3px solid #000;
   content: "";
   margin-top: 40px;
   margin-bottom: 25px;
   width: 80px;
}

.dstlinetext a {
   font-size: 12px;
   color: rgba(0, 26, 52, .6);
   line-height: 20px;
   text-decoration: none;
}

.dstlinetext a:hover {
   font-size: 12px;
   color: rgba(0, 26, 52, .6);
   line-height: 20px;
   text-decoration: underline;
}

.dstlinetext {
   font-size: 12px;
   color: rgba(0, 26, 52, .6);
   line-height: 20px;
}

.list {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.dstcontacts {
   margin-bottom: 40px;
}

a {
   text-decoration: none;
   transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
   text-decoration: none;
   outline: none;
}

button:focus {
   outline: none;
   box-shadow: none;
}


.dstcif {
   color: #000;
   font-size: 15px;
   font-weight: 900;
   line-height: 28px;
   text-align: center;
   font-family: "Styrene A Web", sans-serif;
   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: 50px;
   margin-bottom: 80px;
}

.dstmamail {
   padding-top: 50px;
   background: #f3f4f5;
}

.dstbtn {
   margin-top: 30px;
}

.dstlink {
   color: #000;
}

.dstlinetextcopy {
   font-size: 12px;
   color: #f2f1f0;
   line-height: 18px;
   text-align: left;
}

.dstlink:hover {
   color: #000;
}

.dstlinkall {
   color: rgba(0, 26, 52, .6);
   text-align: center;
   display: block;
   font-size: 15px;
}

.dstlinkall:hover {
   color: #000;
}

.footer {
   background: #000;
   color: #fff;
}

.footer a {
   color: #fff;
   font-size: 15px;
   line-height: 30px;
}

.footer a:hover {
   text-decoration: underline;
}

.footer .phone {
   font-size: 28px;
   font-weight: 600;
}

.footer_market {
   background: #f2f1f0;
   color: #000;
}

.footer_market a {
   color: rgba(0, 26, 52, .6);
   font-size: 15px;
   text-decoration: none;
}

.footer_market a:hover {
   text-decoration: underline;
}

.footer_market .phone {
   font-size: 28px;
   font-weight: 600;
}

.footer_services {
   background: #ee8108;
   color: #fff;
}

.footer_services a {
   color: #fff;
   font-size: 15px;
   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: 15px;
   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: 0px;
}

.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 0px 20px;
}

.dstbesttitle {
   width: 50%
}


/* Start Features Area css
============================================================================================ */
.dstfeatures_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_area {
      padding-bottom: 50px;
   }
}

.dstfeature_item {
   border: 1px solid #dcdcdd;
   min-height: 380px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   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;
}

.dstfeature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: #efefef;
   transition: all 0.4s ease 0s;
}

.dstfeature_item img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_item h4 {
   font-size: 15px;
   margin-bottom: 20px;
}

.dstfeature_item p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css
============================================================================================ */
.dstfeature_item2 {
   border: 1px solid #dcdcdd;
   min-height: 380px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   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;
}

.dstfeature_item2:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: #efefef;
   transition: all 0.4s ease 0s;
}

.dstfeature_item2 img {
   margin-bottom: 35px;
   height: 50px;
   display: block;
}

.dstfeature_item2 h4 {
   font-size: 20px;
   margin-bottom: 20px;
}

.dstfeature_item2 p {
   margin-bottom: 0px;
   min-height: 100px;
   font-size: 15px;
}

/* Start Features Area css
============================================================================================ */
.dstfeatures_areadig {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_areadig {
      padding-bottom: 50px;
   }
}

.dstfeature_itemdig {
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: #000 -webkit-linear-gradient(100deg, #ef3124 20%, #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_itemdig:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_itemdig h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstfeature_itemdig p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css
============================================================================================ */
.dstfeatures_areadig2 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_areadig2 {
      padding-bottom: 50px;
   }
}

.dstfeature_itemdig2 {
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig2:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig2 img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_itemdig2 h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstfeature_itemdig2 p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css
============================================================================================ */
.dstfeatures_areadig3 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_areadig3 {
      padding-bottom: 50px;
   }
}

.dstfeature_itemdig3 {
   border: 0px solid #f3f4f5;
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: url(/img/000.gif) no-repeat top center;
   cursor: pointer;
   margin-bottom: 30px;
   background-size: cover;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig3:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig3 img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_itemdig3 h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstfeature_itemdig3 p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css
============================================================================================ */
.dstfeatures_areadigb {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_areadigb {
      padding-bottom: 50px;
   }
}

.dstfeature_itemdigb {
   border: 0px solid #f3f4f5;
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: #F15045 -webkit-linear-gradient(100deg, #8a2c34 10%, #F15045 100%) repeat scroll 0 0;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdigb:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdigb img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_itemdigb h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstfeature_itemdigb p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css
============================================================================================ */
.dstfeatures_areadig2b {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_areadig2b {
      padding-bottom: 50px;
   }
}

.dstfeature_itemdig2b {
   border: 0px solid #f3f4f5;
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig2b:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig2b img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_itemdig2b h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstfeature_itemdig2b p {
   margin-bottom: 0px;
   min-height: 100px;
}


/* Start Features Area css
============================================================================================ */
.dstfeatures_areadig4b {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_areadig4b {
      padding-bottom: 50px;
   }
}

.dstfeature_itemdig4b {
   border: 0px solid #f3f4f5;
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 0), url(/img/0000.gif) no-repeat top center;
   cursor: pointer;
   margin-bottom: 30px;
   background-size: cover;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig4b:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig4b img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_itemdig4b h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstfeature_itemdig4b p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css
============================================================================================ */
.dstfeatures_areadig5b {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstfeatures_areadig5b {
      padding-bottom: 50px;
   }
}

.dstfeature_itemdig5b {
   border: 0px solid #f3f4f5;
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 0), url(/img/01.gif) no-repeat top center;
   cursor: pointer;
   margin-bottom: 30px;
   background-size: cover;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig5b:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstfeature_itemdig5b img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstfeature_itemdig5b h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstfeature_itemdig4b p {
   margin-bottom: 0px;
   min-height: 100px;
}


/* Start Features Area css
============================================================================================ */
.dstrufeatures_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstrufeatures_area {
      padding-bottom: 50px;
   }
}

.dstrufeature_item {
   border: 1px solid #dcdcdd;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   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;
}

.dstrufeature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: hsla(0, 0%, 89.4%, .3);
   transition: all 0.4s ease 0s;
}

.dstrufeature_item img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstrufeature_item h4 {
   font-size: 15px;
   margin-bottom: 20px;
}

.dstrufeature_item p {
   margin-bottom: 0px;
   min-height: 100px;
}

.dstrufeature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: #efefef;
   transition: all 0.4s ease 0s;
}

/* Start Features Area css dark
============================================================================================ */
.dstdarkfeatures_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstdarkfeatures_area {
      padding-bottom: 50px;
   }
}

.dstdarkfeature_item {
   border: 1px solid #dcdcdd;
   min-height: 460px;
   border-radius: 8px;
   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: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstdarkfeature_item img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstdarkfeature_item h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #000;
}

.dstdarkfeature_item p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css dark
============================================================================================ */
.dstdark2features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstdark2features_area {
      padding-bottom: 50px;
   }
}

.dstdark2feature_item {
   border: 1px solid #dcdcdd;
   min-height: 460px;
   border-radius: 8px;
   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: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstdark2feature_item img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstdark2feature_item h4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #000;
}

.dstdark2feature_item p {
   margin-bottom: 0px;
   min-height: 100px;
}


/* Start Features Area css 1
============================================================================================ */
.dstimgfeatures_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimgfeatures_area {
      padding-bottom: 50px;
   }
}

.dstimgfeature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img4.jpg) no-repeat top center;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimgfeature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 2
============================================================================================ */
.dstimg2features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg2features_area {
      padding-bottom: 50px;
   }
}

.dstimg2feature_item {
   background: url(/img/img1.jpg) no-repeat top center;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg2feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstimg2feature_item img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstimg2feature_item h4 {
   font-size: 28px;
   margin-bottom: 20px;
}

.dstimg2feature_item p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css 3
============================================================================================ */
.dstimg3features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg3features_area {
      padding-bottom: 50px;
   }
}

.dstimg3feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img3.jpg) no-repeat top center;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg3feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 4
============================================================================================ */
.dstimg4features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg4features_area {
      padding-bottom: 50px;
   }
}

.dstimg4feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img5.jpg) no-repeat top center;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg4feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}


/* Start Features Area css 5
============================================================================================ */
.dstimg5features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg5features_area {
      padding-bottom: 50px;
   }
}

.dstimg5feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img37.jpg) no-repeat top left;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg5feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstimg5feature_item img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.dstimg5feature_item h4 {
   font-size: 28px;
   margin-bottom: 20px;
   color: #fff;
}

.dstimg5feature_item p {
   margin-bottom: 0px;
   min-height: 100px;
}

/* Start Features Area css 6
============================================================================================ */
.dstimg6features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg6features_area {
      padding-bottom: 50px;
   }
}

.dstimg6feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img9.jpg) no-repeat top right;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg6feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 7
============================================================================================ */
.dstimg7features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg7features_area {
      padding-bottom: 50px;
   }
}

.dstimg7feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img11.jpg) no-repeat top right;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg7feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 8
============================================================================================ */
.dstimg8features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg8features_area {
      padding-bottom: 50px;
   }
}

.dstimg8feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img13.jpg) no-repeat top right;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg8feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 9
============================================================================================ */
.dstimg9features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg9features_area {
      padding-bottom: 50px;
   }
}

.dstimg9feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img15.png) no-repeat top right;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg9feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 10
============================================================================================ */
.dstimg10features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg10features_area {
      padding-bottom: 50px;
   }
}

.dstimg10feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg10feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 11
============================================================================================ */
.dstimg11features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg11features_area {
      padding-bottom: 50px;
   }
}

.dstimg11feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg11feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 12
============================================================================================ */
.dstimg12features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg12features_area {
      padding-bottom: 50px;
   }
}

.dstimg12feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg12feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}


.dstporttext_item {
   padding: 5px;
   background: #000;
   border-radius: 8px;
   color: #fff;
   font-size: 11px;
}

/* Start Features Area css 13
============================================================================================ */
.dstimg13features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg13features_area {
      padding-bottom: 50px;
   }
}

.dstimg13feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg13feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 14
============================================================================================ */
.dstimg14features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg14features_area {
      padding-bottom: 50px;
   }
}

.dstimg14feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg14feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}


.dstporttext_item {
   padding: 5px;
   background: #000;
   border-radius: 8px;
   color: #fff;
   font-size: 11px;
}

/* Start Features Area css 15
============================================================================================ */
.dstimg15features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg15features_area {
      padding-bottom: 50px;
   }
}

.dstimg15feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg15feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 16
============================================================================================ */
.dstimg16features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg16features_area {
      padding-bottom: 50px;
   }
}

.dstimg16feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg16feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 17
============================================================================================ */
.dstimg17features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg17features_area {
      padding-bottom: 50px;
   }
}

.dstimg17feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img27.jpg) no-repeat top center;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg17feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 18
============================================================================================ */
.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: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg18feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 19
============================================================================================ */
.dstimg19features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg19features_area {
      padding-bottom: 50px;
   }
}

.dstimg19feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img29.jpg) no-repeat top center;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg19feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css 20
============================================================================================ */
.dstimg20features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg20features_area {
      padding-bottom: 50px;
   }
}

.dstimg20feature_item {
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg20feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}


.dstporttext_item {
   padding: 5px;
   background: #000;
   border-radius: 8px;
   color: #fff;
   font-size: 11px;
}

/* Start Features Area css 21
============================================================================================ */
.dstimg21features_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstimg21features_area {
      padding-bottom: 50px;
   }
}

.dstimg21feature_item {
   border: 1px solid #dcdcdd;
   background: url(/img/img39.jpg) no-repeat top center;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstimg21feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.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: 0px;
   min-height: 100px;
}

/* Start Features Area css
============================================================================================ */
.dstport_item {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item {
      padding-bottom: 50px;
   }
}

.dstport_item {
   border: 1px solid #dcdcdd;
   background: #f9f9fd;
   background-size: cover;
   min-height: 465px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 10px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: hsla(0, 0%, 89.4%, .3);
   transition: all 0.4s ease 0s;
}

.dstport_item img {
   margin-bottom: 35px;
   display: block;
}


/* Start Features Area css
============================================================================================ */
.dstport_item1 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item1 {
      padding-bottom: 50px;
   }
}

.dstport_item1 {
   border: 1px solid #dcdcdd;
   background: url(/img/brands/mockup1.jpg) no-repeat top left;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item1:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item1 img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}


/* Start Features Area css
============================================================================================ */
.dstport_item2 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item2 {
      padding-bottom: 50px;
   }
}

.dstport_item2 {
   border: 1px solid #dcdcdd;
   background: #000 -webkit-linear-gradient(100deg, #ef3124 20%, #000 100%) repeat scroll 0 0;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item2:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item2 img {
   display: block;
   margin: 0 auto;
}


/* Start Features Area css
============================================================================================ */
.dstport_item3 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item3 {
      padding-bottom: 50px;
   }
}

.dstport_item3 {
   border: 1px solid #dcdcdd;
   background: #41aa3c -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
   background-size: cover;
   min-height: 460px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item3:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item3 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item4 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item4 {
      padding-bottom: 50px;
   }
}

.dstport_item4 {
   border: 0px solid #f3f4f5;
   background: url(/img/dst27.jpg) no-repeat top center;
   background-size: cover;
   min-height: 464px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item4:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item4 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item5 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item5 {
      padding-bottom: 50px;
   }
}

.dstport_item5 {
   border: 0px solid #f3f4f5;
   background: url(/img/dst25.jpg) no-repeat top center;
   background-size: cover;
   min-height: 487px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item5:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item5 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item6 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item6 {
      padding-bottom: 50px;
   }
}

.dstport_item6 {
   background: url(/img/00.gif) no-repeat top center;
   background-size: cover;
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item6:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item6 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item7 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item7 {
      padding-bottom: 50px;
   }
}

.dstport_item7 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner11.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #000;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item7:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item7 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item8 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item8 {
      padding-bottom: 50px;
   }
}

.dstport_item8 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner10.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item8:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item8 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item9 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item9 {
      padding-bottom: 50px;
   }
}

.dstport_item9 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner13.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item9:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item9 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item10 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item10 {
      padding-bottom: 50px;
   }
}

.dstport_item10 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner14.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item10:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item10 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item11 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item11 {
      padding-bottom: 50px;
   }
}

.dstport_item11 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner27.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item11:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item11 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item12 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item12 {
      padding-bottom: 50px;
   }
}

.dstport_item12 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner26.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item12:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item12 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item15 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item15 {
      padding-bottom: 50px;
   }
}

.dstport_item15 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner42.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item15:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item15 img {
   display: block;
   margin: 0 auto;
}

@media only screen and (min-width: 300px) and (max-width: 700px) {
   .dstport_item15 {
      background: url(/templates/default/images/banner42.jpg) no-repeat -180px -40px;
   }
}

/* Start Features Area css
============================================================================================ */
.dstport_item16 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item16 {
      padding-bottom: 50px;
   }
}

.dstport_item16 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner43.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item16:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item16 img {
   display: block;
   margin: 0 auto;
}

@media only screen and (min-width: 300px) and (max-width: 700px) {
   .dstport_item16 {
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 0), url(/templates/default/images/banner43.jpg) no-repeat -270px -40px;
   }
}

/* Start Features Area css
============================================================================================ */
.dstport_item17 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item17 {
      padding-bottom: 50px;
   }
}

.dstport_item17 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner44.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item17:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item17 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item18 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item18 {
      padding-bottom: 50px;
   }
}

.dstport_item18 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner45.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item18:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item18 img {
   display: block;
   margin: 0 auto;
}

/* Start Features Area css
============================================================================================ */
.dstport_item_dark {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item_dark {
      padding-bottom: 50px;
   }
}

.dstport_item_dark {
   border: 0px solid #f3f4f5;
   background: #000;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item_dark:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item_dark img {
   display: block;
   margin: 0 auto;
}

@media only screen and (min-width: 300px) and (max-width: 700px) {
   .dstport_item_dark {
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 0), url(/templates/default/images/banner43.jpg) no-repeat -270px -40px;
   }
}

/* Start Features Area css
============================================================================================ */
.dstport_item_prim {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item_prim {
      padding-bottom: 50px;
   }
}

.dstport_item_prim {
   border: 1px solid #dcdcdd;
   background: #f9f9fd;
   ;
   min-height: 350px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item_prim:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item_prim img {
   display: block;
   margin: 0 auto;
}


/*============================================================================================ */
.dstport {
   font-size: 24px;
   margin-bottom: 20px;
   color: #000;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 900;
   line-height: 38px;
}

.dstport2 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #000;
}

.dstport3 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstport4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #000;
}

.dstportdark {
   font-size: 24px;
   margin-bottom: 20px;
   color: #fff;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 900;
   line-height: 38px;
}

.dstportdark2 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.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: 15px;
   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;
}


/* Start Features Area css
============================================================================================ */
.dstswfeatures_area {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstswfeatures_area {
      padding-bottom: 50px;
   }
}

.dstswfeature_item {
   min-height: 250px;
   border-radius: 8px;
   color: rgba(0, 26, 52, .6);
   padding: 45px 30px 0px 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: 0.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: 8px;
}

.dstswfeature_item h4 {
   font-size: 15px;
   margin-bottom: 20px;
   min-height: 110px;
}

.dstswfeature_item p {
   margin-bottom: 0px;
   min-height: 150px;
}

.dstswfeature_item:hover {}

.dstitem {
   margin-bottom: 10px;
   color: #000;
   font-size: 64px;
   font-weight: 500;
   line-height: 64px;
   text-align: left;
   font-family: "Styrene A Web", sans-serif;
}

.dsticon_item {
   text-align: left;
   width: 65px;
}

.dsticon_item img {
   margin-bottom: 35px;
   height: 45px;
   display: block;
   padding: 5px 15px;
   border-radius: 8px;
}

.features_area2 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .features_area2 {
      padding-bottom: 50px;
   }
}

.feature_item2 {
   border-radius: 8px;
   padding: 45px 60px;
   text-align: left;
   background: url(/templates/default/images/banner22.jpg) no-repeat top center;
   background-size: cover;
   background-color: #000;
   cursor: pointer;
   margin-bottom: 30px;
   min-height: 400px;
   -webkit-transition: all 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 img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.feature_item2 h4 {
   font-size: 40px;
   color: #fff;
}

.feature_item2 p {
   margin-bottom: 0px;
   min-height: 100px;
   color: #fff;
   font-size: 15px;
}

.feature_item2:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
}

.feature_item3 {
   border-radius: 8px;
   padding: 45px 60px;
   text-align: left;
   background: url(/templates/default/images/banner12.jpg) no-repeat top center;
   background-size: cover;
   background-color: #B6BCC3;
   cursor: pointer;
   margin-bottom: 30px;
   min-height: 400px;
   -webkit-transition: all 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: 40px;
   color: #000;
   line-height: 48px;
   margin-bottom: 30px;
   margin-top: 10px;
}

.feature_item3 p {
   margin-bottom: 0px;
   min-height: 50px;
   color: #000;
   font-size: 15px;
   line-height: 28px;
}

.feature_item3:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
}


.feature_item4 {
   border-radius: 8px;
   padding: 45px 60px;
   text-align: left;
   background: url(/templates/default/images/banner24.jpg) no-repeat top center;
   background-size: cover;
   background-color: #B6BCC3;
   cursor: pointer;
   margin-bottom: 30px;
   min-height: 400px;
   -webkit-transition: all 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 img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.feature_item4 h4 {
   font-size: 40px;
   color: #fff;
   line-height: 48px;
   margin-bottom: 30px;
   margin-top: 10px;
}

.feature_item4 p {
   margin-bottom: 0px;
   min-height: 50px;
   color: #fff;
   font-size: 15px;
   line-height: 28px;
}

.feature_item4:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
}

.feature_item5 {
   border-radius: 8px;
   padding: 45px 60px;
   text-align: left;
   background: url(/templates/default/images/banner25.jpg) no-repeat top center;
   background-size: cover;
   background-color: #B6BCC3;
   cursor: pointer;
   margin-bottom: 30px;
   min-height: 400px;
   -webkit-transition: all 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_item5 img {
   margin-bottom: 35px;
   height: 60px;
   display: block;
}

.feature_item5 h4 {
   font-size: 40px;
   color: #000;
   line-height: 48px;
   margin-bottom: 30px;
   margin-top: 10px;
}

.feature_item5 p {
   margin-bottom: 0px;
   min-height: 50px;
   color: #000;
   font-size: 15px;
   line-height: 28px;
}

.feature_item5:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
}


.mt-25 {
   margin-top: 25px;
}

.p0 {
   padding-left: 0px;
   padding-right: 0px;
}

.white_bg {
   background: #fff !important;
}

.mb-50 {
   margin-bottom: 50px;
}

.ml-15 {
   margin-left: 15px;
}

.ml-20 {
   margin-left: 20px;
}

.mt-50 {
   margin-top: 50px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.section_gap {
   padding-top: 20px;
   padding-bottom: 20px;
}

@media (max-width: 1199px) {
   .section_gap {
      padding: 20px 0;
   }
}

.section_gap_top {
   padding-top: 20px;
}

@media (max-width: 1199px) {
   .section_gap_top {
      padding-top: 20px;
   }
}

.section_gap_bottom {
   padding-bottom: 20px;
}

@media (max-width: 1199px) {
   .section_gap_bottom {
      padding-bottom: 20px;
   }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.section_gap_black {
   padding-top: 20px;
   margin-bottom: 20px;
   background: #000 !important;
}

@media (max-width: 1199px) {
   .section_gap_black {
      padding: 20px 0;
   }
}

.section_gap_top_black {
   padding-top: 20px;
   background: #000 !important;
}

@media (max-width: 1199px) {
   .section_gap_top_black {
      padding-top: 20px;
   }
}

.section_gap_bottom_black {
   padding-bottom: 20px;
   background: #000 !important;
}

@media (max-width: 1199px) {
   .section_gap_bottom_black {
      padding-bottom: 20px;
   }
}


/* Main Title Area css
============================================================================================ */

.dstmain_title p {
   margin-bottom: 20px;
   color: #B6BCC3;
   font-size: 15px;
   line-height: 28px;
}

.dstmain_title h2 {
   font-size: 40px;
   font-weight: 900;
   margin-bottom: 15px;
   line-height: 48px;
   color: #fff;
}

.dstmain_title2 h2 {
   font-size: 40px;
   font-weight: 900;
   margin-bottom: 15px;
   line-height: 48px;
   color: #000;
}

.dstmain_title h3 {
   font-size: 24px;
   font-weight: 900;
   margin-bottom: 15px;
   line-height: 38px;
   color: #fff;
}

.proctitle {
   margin-bottom: 30px;
   margin-top: 30px;
   transition: all 0.4s ease 0s;
   cursor: pointer;
}

.proctitleimg:hover {
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstmain_titleimages p {
   margin-bottom: 30px;
   color: #fff;
}

.dstmain_titleimages h2 {
   font-size: 80px;
   font-weight: 900;
   margin-top: 30px;
   line-height: 80px;
   color: #fff;
   min-height: 800px;
   text-transform: uppercase;
}

.dstlogo {
   margin-bottom: 15px;
   float: left;
}

.dstlogo img {
   max-height: 60px;
}

.dstlogo2 {
   height: 80px;
   margin-left: 80px;
   font-size: 15px;
   line-height: 20px;
   display: block;
   max-width: 180px
}

.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
}

.main_title {
   text-align: left;
   margin-bottom: 30px;
}

@media (max-width: 1199px) {
   .main_title {
      margin-bottom: 50px;
   }
}

.main_title h2 {
   font-size: 40px;
   font-weight: 900;
   margin-bottom: 15px;
   line-height: 48px;
}

@media (max-width: 991px) {
   .main_title h2 br {
      display: none;
   }
}

@media (max-width: 767px) {
   .main_title h2 {
      font-size: 30px;
      line-height: 34px;
   }
}

.main_title p {
   margin-bottom: 0px;
}

@media (max-width: 991px) {
   .main_title p br {
      display: none;
   }
}

.main_title.white h2 {
   color: #fff;
}

.main_title.white p {
   color: #fff;
   opacity: .6;
}

/* End Main Title Area css
============================================================================================ */
/* Start Gradient Area css
============================================================================================ */
.gradient-bg,
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link,
.blog_right_sidebar .widget_title,
.blog_right_sidebar .newsletter_widget .bbtns,
.blog_right_sidebar .tag_cloud_widget ul li a:hover,
.blog-pagination .page-item.active .page-link,
.blog-pagination .page-link:hover,
.comments-area .btn-reply:hover {}

.border-gradient {
   border-image: -webkit-linear-gradient(90deg, #000 0%, #000 100%);
   border-image: -moz-linear-gradient(90deg, #000 0%, #000 100%);
   border-image: -o-linear-gradient(90deg, #000 0%, #000 100%);
   border-image: linear-gradient(90deg, #000 0%, #000 100%);
}

.gradient-bg2 {
   background: -webkit-linear-gradient(90deg, #000 0%, #000 100%);
   background: -moz-linear-gradient(90deg, #000 0%, #000 100%);
   background: -o-linear-gradient(90deg, #000 0%, #000 100%);
   background: linear-gradient(90deg, #000 0%, #000 100%);
}

.gradient-color,
.contact_info .info_item i {
   background: -webkit-linear-gradient(90deg, #000 0%, #000 100%);
   background: -moz-linear-gradient(90deg, #000 0%, #000 100%);
   background: -o-linear-gradient(90deg, #000 0%, #000 100%);
   background: linear-gradient(90deg, #000 0%, #000 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

/* End Gradient Area css
============================================================================================ */
.primary_btn {
   display: inline-block;
   color: #fff;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background-image: linear-gradient(to right, #000 0%, #000 100%), radial-gradient(circle at top left, #000, #000);
   border: double 2px transparent;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn span {
   padding: 0 50px;
   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, #000, #000);
}

.primary_btn.tr-bg:hover {
   opacity: 0.9;
   color: #000;
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid #000;
   color: #000;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn:hover {
   color: #fff;
   opacity: 0.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: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
}

.primary_btn2 span {
   padding: 0 50px;
}

.primary_btn2.tr-bg2 {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid transparent;
   color: #000;
   box-shadow: none;
}

.primary_btn2.tr-bg2:hover {
   background-image: linear-gradient(to right, #000 0%, #000 100%), radial-gradient(circle at top left, #000, #000);
   border: double 2px transparent;
   color: #ffffff;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
}

.primary_btn2:hover {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid #000;
   color: #000;
   box-shadow: none;
   background-clip: border-box;
}

.primary_btn3 {
   display: inline-block;
   border: 2px solid #000;
   color: #000;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 36px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
}

.primary_btn3 span {
   padding: 0 20px;
}

.primary_btn3.tr-bg3 {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid transparent;
   color: #000;
   box-shadow: none;
}

.primary_btn3.tr-bg3:hover {
   background-image: linear-gradient(to right, #000 0%, #000 100%), radial-gradient(circle at top left, #000, #000);
   border: double 2px transparent;
   color: #ffffff;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
}

.primary_btn3:hover {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid #000;
   color: #000;
   box-shadow: none;
   background-clip: border-box;
}

.primary_btn4 {
   display: inline-block;
   color: #fff;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background-image: linear-gradient(to right, #000 0%, #000 100%), radial-gradient(circle at top left, #000, #000);
   border: double 2px transparent;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn4 span {
   padding: 0 50px;
   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: 0.9;
   color: #000;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn4:hover {
   color: #fff;
   opacity: 0.9;
   box-shadow: none;
   background-clip: border-box;
   transition: all 0.4s ease 0s;
}


.primary_btn5 {
   display: inline-block;
   color: #000;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background-image: linear-gradient(to right, #fff 0%, #fff 100%), radial-gradient(circle at top left, #fff, #fff);
   border: double 2px transparent;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn5 span {
   padding: 0 50px;
   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, #000, #000);
}

.primary_btn5.tr-bg:hover {
   opacity: 0.9;
   color: #000;
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid #000;
   color: #000;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn5:hover {
   color: #000;
   opacity: 0.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: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background: #000;
   border: 2px solid #fff;
   box-shadow: 0px 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: #000;
}

.primary_btn6.tr-bg:hover {
   opacity: 0.9;
   color: #fff;
   border: 2px solid #fff;
   color: #000;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn6:hover {
   color: #fff;
   opacity: 0.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: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 36px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
}

.primary_btnblue span {
   padding: 0 20px;
}

.primary_btnblue.tr-bgblue {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid transparent;
   color: #000;
   box-shadow: none;
}

.primary_btnblue.tr-bgblue:hover {
   background-image: linear-gradient(to right, #000 0%, #000 100%), radial-gradient(circle at top left, #000, #000);
   border: double 2px transparent;
   color: #ffffff;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
}

.primary_btnblue:hover {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #000, #000);
   border: 2px solid #000;
   color: #000;
   box-shadow: none;
   background-clip: border-box;
}


.overlay {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
.header_area {
   position: absolute;
   width: 100%;
   z-index: 9999;
}

.header_area .menu_nav {
   width: 100%;
}

.header_area .navbar {
   background: transparent;
   padding: 0px;
   border: 0px;
   border-radius: 0px;
   width: 100%;
   border-bottom: 0px solid #f3f4f5;
   transition: all 300ms ease-in;
}

.header_area .navbar:hover {
   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
   transition: all 300ms ease-in;
}

.header_area .navbar .nav .nav-item {
   margin-right: 30px;
}

.header_area .navbar .nav .nav-item .nav-link {
   font: 500 15px/100px "Styrene A Web", sans-serif;
   color: #000;
   padding: 0px;
   display: inline-block;
}

.header_area .navbar .nav .nav-item .nav-link:after {
   display: none;
}

.header_area .navbar .nav .nav-item:hover .nav-link,
.header_area .navbar .nav .nav-item.active .nav-link {
   color: #000;
}

.header_area .navbar .nav .nav-item.submenu {
   position: relative;
}

.header_area .navbar .nav .nav-item.submenu ul {
   border: none;
   padding: 0px;
   border-radius: 0px;
   box-shadow: none;
   margin: 0px;
   background: #fff;
}

@media (min-width: 992px) {
   .header_area .navbar .nav .nav-item.submenu ul {
      position: absolute;
      top: 120%;
      left: 0px;
      min-width: 275px;
      text-align: left;
      opacity: 0;
      transition: all 300ms ease-in;
      visibility: hidden;
      display: block;
      border: none;
      padding: 0px;
      border-radius: 0px;
      box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
   }
}

.header_area .navbar .nav .nav-item.submenu ul:before {
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 10px 10px 0 10px;
   border-color: #f3f4f5 transparent transparent transparent;
   position: absolute;
   right: 24px;
   top: 45px;
   z-index: 3;
   opacity: 0;
   transition: all 400ms linear;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item {
   display: block;
   float: none;
   margin-right: 0px;
   border-bottom: 1px solid #ededed;
   margin-left: 0px;
   transition: all 0.4s linear;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
   line-height: 45px;
   color: #000;
   padding: 0px 30px;
   transition: all 150ms linear;
   display: block;
   font-size: 14.5px;
   margin-right: 0px;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
   border-bottom: none;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
   color: #000;
}

@media (min-width: 992px) {
   .header_area .navbar .nav .nav-item.submenu:hover ul {
      visibility: visible;
      opacity: 1;
      top: 100%;
   }
}

.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
   margin-top: 0px;
}

.header_area .navbar .nav .nav-item:last-child {
   margin-right: 0px;
}

.header_area.navbar_fixed .main_menu {
   position: fixed;
   width: 100%;
   top: -70px;
   left: 0;
   right: 0;
   background: #ffffff;
   transform: translateY(70px);
   transition: transform 500ms ease, background 500ms ease;
   -webkit-transition: transform 500ms ease, background 500ms ease;
   box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}

.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
   line-height: 70px;
}

@media (min-width: 992px) {
   .header_area.white_menu .navbar .navbar-brand img {
      display: none;
   }

   .header_area.white_menu .navbar .navbar-brand img+img {
      display: inline-block;
   }
}

@media (max-width: 991px) {
   .header_area.white_menu .navbar .navbar-brand img {
      display: inline-block;
   }

   .header_area.white_menu .navbar .navbar-brand img+img {
      display: none;
   }
}

.header_area.white_menu .navbar .nav .nav-item .nav-link {
   color: #fff;
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {
   display: inline-block;
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img+img {
   display: none;
}

.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
   line-height: 70px;
   color: #000;
}

.owl-carousel.off {
   display: -ms-flexbox;
   display: flex;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Home Banner Area css
============================================================================================ */
.home_banner_area {
   z-index: 1;
   background-size: cover;
}

.home_banner_area .banner_inner {
   width: 100%;
}

.home_banner_area .banner_inner .home_right_img {
   padding-top: 197px;
}

@media (max-width: 1480px) {
   .home_banner_area .banner_inner .home_right_img img {
      max-width: 100%;
      height: auto;
   }
}

@media (max-width: 991px) {
   .home_banner_area .banner_inner .home_right_img {
      display: none;
   }
}

.home_banner_area .banner_inner .col-lg-7 {
   vertical-align: middle;
   align-self: center;
}

.home_banner_area .banner_inner .banner_content {
   text-align: left;
}

@media (max-width: 991px) {
   .home_banner_area .banner_inner .banner_content {
      margin-top: 0px;
   }
}


.home_banner_area .banner_inner .banner_content h3 {
   font-size: 40px;
   margin-bottom: 20px;
   position: relative;
}

.home_banner_area .banner_inner .banner_content h3:after {
   content: '';
   width: 410px;
   height: 2px;
   position: absolute;
   top: 50%;
   left: 23%;
   background: #000;
}

@media (max-width: 575px) {
   .home_banner_area .banner_inner .banner_content h3:after {
      display: none;
   }
}


.home_banner_area .banner_inner .banner_content h5 {
   font-size: 40px;
   margin-bottom: 20px;
   color: #000;
   line-height: 48px;
   margin-top: 150px;
}

.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: #000;
      width: 100%;
   }
}

.banner_area .banner_inner .banner_content {
   margin-left: 50px;
   margin-top: 100px;
}

@media (max-width: 991px) {
   .banner_area .banner_inner .banner_content {
      margin-left: 0px;
      margin-top: 50px;
   }
}

.banner_area .banner_inner .banner_content h2 {
   color: #fff;
   font-size: 50px;
   font-family: "Styrene A Web", sans-serif;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-weight: 900;
}

@media (max-width: 991px) {
   .banner_area .banner_inner .banner_content h2 {
      font-size: 30px;
   }
}

.banner_area .banner_inner .banner_content .page_link a {
   font-size: 15px;
   color: #fff;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   margin-right: 20px;
   position: relative;
}

.banner_area .banner_inner .banner_content .page_link a:before {
   content: "-";
   position: absolute;
   right: -14px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
}

.banner_area .banner_inner .banner_content .page_link a:last-child {
   margin-right: 0px;
}

.banner_area .banner_inner .banner_content .page_link a:last-child:before {
   display: none;
}

/* End Home Banner Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Latest Blog Area css
============================================================================================ */
/* End Latest Blog Area css
============================================================================================ */
.blog_btn {
   border: 1px solid #dcdcdd;
   background: #f9f9ff;
   padding: 0px 32px;
   font-size: 14px;
   font-weight: 500;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   color: #000;
   line-height: 34px;
   display: inline-block;
}

.blog_btn:hover {
   background: #000;
   border-color: #000;
   color: #fff;
}

.white_bg_btn {
   background: #fff;
   display: inline-block;
   color: #000;
   line-height: 40px;
   padding: 0px 28px;
   font-size: 15px;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   font-weight: 500;
   text-transform: uppercase;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
   border: none;
}

.white_bg_btn:hover {
   background: #000;
   color: #fff;
}

/* Causes Area css
============================================================================================ */
.causes_slider .owl-dots {
   text-align: center;
   margin-top: 80px;
}

.causes_slider .owl-dots .owl-dot {
   height: 14px;
   width: 14px;
   background: #f3f4f5;
   display: inline-block;
   margin-right: 7px;
}

.causes_slider .owl-dots .owl-dot:last-child {
   margin-right: 0px;
}

.causes_slider .owl-dots .owl-dot.active {
   background: #000;
}

.causes_item {
   background: #fff;
}

.causes_item .causes_img {
   position: relative;
}

.causes_item .causes_img .c_parcent {
   position: absolute;
   bottom: 0px;
   width: 100%;
   left: 0px;
   height: 3px;
   background: rgba(255, 255, 255, 0.5);
}

.causes_item .causes_img .c_parcent span {
   width: 70%;
   height: 3px;
   background: #000;
   position: absolute;
   left: 0px;
   bottom: 0px;
}

.causes_item .causes_img .c_parcent span:before {
   content: "75%";
   position: absolute;
   right: -10px;
   bottom: 0px;
   background: #000;
   color: #fff;
   padding: 0px 5px;
}

.causes_item .causes_text {
   padding: 30px 35px 40px 30px;
}

.causes_item .causes_text h4 {
   color: #000;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 15px;
   cursor: pointer;
}

.causes_item .causes_text h4:hover {
   color: #000;
}

.causes_item .causes_text p {
   font-size: 15px;
   line-height: 24px;
   color: #777777;
   font-weight: 500;
   margin-bottom: 0px;
}

.causes_item .causes_bottom a {
   width: 50%;
   border: 1px solid #000;
   text-align: center;
   float: left;
   line-height: 50px;
   background: #000;
   color: #fff;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   font-size: 15px;
   font-weight: 500;
}

.causes_item .causes_bottom a+a {
   border-color: #f3f4f5;
   background: #fff;
   font-size: 15px;
   color: #000;
}

/* End Causes Area css
============================================================================================ */
/*================= latest_blog_area css =============*/
.single-recent-blog-post {
   margin-bottom: 30px;
}

.single-recent-blog-post .thumb {
   overflow: hidden;
}

.single-recent-blog-post .thumb img {
   transition: all 0.7s linear;
}

.single-recent-blog-post .details {
   padding-top: 30px;
}

.single-recent-blog-post .details .sec_h4 {
   line-height: 24px;
   padding: 10px 0px 13px;
   transition: all 0.3s linear;
}

.single-recent-blog-post .details .sec_h4:hover {
   color: #777777;
}

.single-recent-blog-post .date {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
}

.single-recent-blog-post:hover img {
   transform: scale(1.23) rotate(10deg);
}

.tags .tag_btn {
   font-size: 12px;
   font-weight: 500;
   line-height: 20px;
   border: 1px solid #dcdcdd;
   display: inline-block;
   padding: 1px 18px;
   text-align: center;
   color: #000;
}

.tags .tag_btn:before {
   background: #000;
}

.tags .tag_btn+.tag_btn {
   margin-left: 2px;
}

/*========= blog_categorie_area css ===========*/
.blog_categorie_area {
   padding-bottom: 60px;
}

.categories_post {
   position: relative;
   text-align: center;
   cursor: pointer;
}

.categories_post img {
   max-width: 100%;
}

.categories_post .categories_details {
   position: absolute;
   top: 20px;
   left: 20px;
   right: 20px;
   bottom: 20px;
   background: rgba(34, 34, 34, 0.8);
   color: #fff;
   transition: all 0.3s linear;
   display: flex;
   align-items: center;
   justify-content: center;
}

.categories_post .categories_details h5 {
   margin-bottom: 0px;
   font-size: 15px;
   line-height: 26px;
   text-transform: uppercase;
   color: #fff;
   position: relative;
}

.categories_post .categories_details p {
   font-weight: 500;
   font-size: 15px;
   line-height: 26px;
   margin-bottom: 0px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.categories_post .categories_details .border_line {
   margin: 10px 0px;
   background: #fff;
   width: 100%;
   height: 1px;
}

.categories_post:hover .categories_details {
   background: rgba(68, 88, 220, 0.85);
}


/* 
Tooltip
*/
[data-tooltip] {
   position: relative;
   z-index: 10;
}

/* Positioning and visibility settings of the tooltip */
[data-tooltip]:before,
[data-tooltip]:after {
   position: absolute;
   visibility: hidden;
   opacity: 0;
   left: 50%;
   bottom: calc(100% + 5px);
   pointer-events: none;
   transition: 0.2s;
   will-change: transform;
}

/* The actual tooltip with a dynamic width */
[data-tooltip]:before {
   content: attr(data-tooltip);
   padding: 10px 18px;
   min-width: 50px;
   max-width: 300px;
   width: max-content;
   width: -moz-max-content;
   border-radius: 8px;
   font-size: 15px;
   /*   font-size: 0.73rem; */
   background-color: rgba(59, 72, 80, 0.9);
   background-image: linear-gradient(30deg,
         rgba(59, 72, 80, 0.44),
         rgba(59, 68, 75, 0.44),
         rgba(60, 82, 88, 0.44));
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
   color: #fff;
   text-align: center;
   white-space: pre-wrap;
   transform: translate(-50%, -5px) scale(0.5);
}

/* Tooltip arrow */
[data-tooltip]:after {
   content: '';
   border-style: solid;
   border-width: 5px 5px 0px 5px;
   border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
   transition-duration: 0s;
   /* If the mouse leaves the element, 
                              the transition effects for the 
                              tooltip arrow are "turned off" */
   transform-origin: top;
   /* Orientation setting for the
                              slide-down effect */
   transform: translateX(-50%) scaleY(0);
}

/* Tooltip becomes visible at hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
   visibility: visible;
   opacity: 1;
}

/* Scales from 0.5 to 1 -> grow effect */
[data-tooltip]:hover:before {
   transition-delay: 0.3s;
   transform: translate(-50%, -5px) scale(1);
}

/* Slide down effect only on mouseenter (NOT on mouseleave) */
[data-tooltip]:hover:after {
   transition-delay: 0.5s;
   /* Starting after the grow effect */
   transition-duration: 0.2s;
   transform: translateX(-50%) scaleY(1);
}


/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start About Us Area css
============================================================================================ */

.la2,
.las2 {
   color: #fff;
   font-size: 65px;
   line-height: 100px;
   transition: all 0.3s ease 0s;
}

.la2,
.las2:hover {
   color: #fff;
   font-size: 75px;
   line-height: 100px;
   transition: all 0.3s ease 0s;
}

.la2,
.las2 {
   font-family: 'Line Awesome Free';
   font-weight: 900;
}

.la2,
.lab2,
.lad2,
.lal2,
.lar2,
.las2 {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
}


.service-item {
   text-align: center;
   transition: all 0.3s ease 0s;
   height: 250px;
}

.service-item:hover {
   opacity: 0.9;
   transition: all 0.3s ease 0s;
}

.service-item .icon {
   border-radius: 24px;
   height: 100px;
   margin: 15px auto 15px;
   text-align: center;
   width: 100px;
   opacity: 0.95;
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
   transition: all 0.3s ease 0s;
   cursor: pointer;
}

.service-item .icon:hover {
   transition: all 0.3s ease 0s;
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.start-page .icons .service-item a:hover {
   opacity: 0.9;
   text-decoration: none;
   transition: opacity 0s ease 0s, transform 2s ease 0s;
   box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.service-item a:hover {
   opacity: 0.95;
   text-decoration: none;
   transition: all 0.3s ease 0s;
}

.service-item a .icon {
   transition: all 0.3s ease 0s;
}

.icons .service-item a:hover .icon {
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
   transition: all 0.3s ease 0s;
}

.service-bookmark .icon {
   background: #5b88bd;
}

.service-item .name {
   color: #000;
   font-size: 15px;
   font-weight: 500;
   line-height: 24px;
}

.service-item .icon .fa {
   color: #fff;
   font-size: 80px;
   line-height: 150px;
   transition: all 0.3s ease 0s;
}

.service-item .icon .fa:hover {
   font-size: 85px;
   transition: all 0.3s ease 0s;
}

.fa-envelope2 {
   color: #5b88bd;
   font-size: 55px;
   line-height: 100px;
}

.service-profile .icon {
   background: #F15045 -webkit-linear-gradient(100deg, #ea4235 10%, #F15045 100%) repeat scroll 0 0;
}

.service-service .icon {
   background: #ee8108 repeat scroll 0 0;
}

.service-deposit .icon {
   background: #741982 repeat scroll 0 0;
}

.service-crm .icon {
   background: #000 -webkit-linear-gradient(100deg, #000 30%, #000 100%) repeat scroll 0 0;
}

.service-cooperation .icon {
   background: #f2f1f0 -webkit-linear-gradient(100deg, #000 30%, #000 100%) repeat scroll 0 0;
}

.service-portal .icon {
   background: #fcbc03 -webkit-linear-gradient(100deg, #fcbc03 30%, #fcbc03 100%) repeat scroll 0 0;
}

.service-rating-post .icon {
   background: #c53125 -webkit-linear-gradient(100deg, #ea4335 30%, #c53125 100%) repeat scroll 0 0;
}

.service-rating-isp .icon {
   background: #4285f4 repeat scroll 0 0;
}

.service-it .icon {
   background: #000 repeat scroll 0 0;
}

.service-cons .icon {
   background: #FF5C5C repeat scroll 0 0;
}

.service-chipa .icon {
   background: #f2f1f0 repeat scroll 0 0;
}

.service-chips .icon {
   background: #fbb540 repeat scroll 0 0;
}

.service-it .icon {
   background: #000 repeat scroll 0 0;
}

.service-consulting .icon {
   background: #f2f1f0 repeat scroll 0 0;
}

.service-pravo .icon {
   background: #342626 repeat scroll 0 0;
}


.service-marketing .icon {
   background: #f2f1f0 repeat scroll 0 0;
}

.service-invest .icon {
   background: #B6BCC3 repeat scroll 0 0;
}


.service-iq .icon {
   background: #225a78 url(/templates/default/images/brands/1.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-iq .icon:hover {
   background: #225a78 url(/templates/default/images/brands/1.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-service .icon {
   background: #ee8108 url(/templates/default/images/service-service.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-service .icon:hover {
   background: #ee8108 url(/templates/default/images/service-service.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-deposit .icon {
   background: #731982 url(/templates/default/images/service-deposit.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-deposit .icon:hover {
   background: #731982 url(/templates/default/images/service-deposit.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-crm .icon {
   background: #000 url(/templates/default/images/service-crm.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-crm .icon:hover {
   background: #000 url(/templates/default/images/service-crm.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-cooperation .icon {
   background: #f2f1f0 url(/templates/default/images/service-cooperation.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-cooperation .icon:hover {
   background: #f2f1f0 url(/templates/default/images/service-cooperation.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-partner .icon {
   background: #B6BCC3 url(/templates/default/images/service-partner.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-partner .icon:hover {
   background: #B6BCC3 url(/templates/default/images/service-partner.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-news .icon {
   background: #B6BCC3 url(/templates/default/images/service-news.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-news .icon:hover {
   background: #B6BCC3 url(/templates/default/images/service-news.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-calendar .icon {
   background: rgba(0, 26, 52, .6) url(/templates/default/images/service-calendar.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-calendar .icon:hover {
   background: rgba(0, 26, 52, .6) url(/templates/default/images/service-calendar.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-edu .icon {
   background: #cfdfe8 url(/templates/default/images/service-edu.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-edu .icon:hover {
   background: #cfdfe8 url(/templates/default/images/service-edu.png) no-repeat center center;
   background-size: 75%;
   transition: all 0.3s ease 0s;
}

.service-club .icon {
   background: rgba(0, 26, 52, .6) url(/templates/default/images/service-club.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-club .icon:hover {
   background: rgba(0, 26, 52, .6) url(/templates/default/images/service-club.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-support .icon {
   background: #7d5570 url(/templates/default/images/service-support.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-support .icon:hover {
   background: #7d5570 url(/templates/default/images/service-support.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-anews .icon {
   background: #000 url(/templates/default/images/service-anews.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-anews .icon:hover {
   background: #000 url(/templates/default/images/service-anews.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-ratep .icon {
   background: #242424 url(/templates/default/images/service-ratep.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-ratep .icon:hover {
   background: #242424 url(/templates/default/images/service-ratep.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-ratei .icon {
   background: #4285f4 url(/templates/default/images/service-ratei.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-ratei .icon:hover {
   background: #4285f4 url(/templates/default/images/service-ratei.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}


.service-cons .icon {
   background: #f2f1f0 url(/templates/default/images/service-cons.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-cons .icon:hover {
   background: #f2f1f0 url(/templates/default/images/service-cons.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}


.service-chipa .icon {
   background: #f2f1f0 url(/templates/default/images/service-chipa.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-chipa .icon:hover {
   background: #f2f1f0 url(/templates/default/images/service-chipa.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-chips .icon {
   background: #fbb540 url(/templates/default/images/service-chips.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-chips .icon:hover {
   background: #fbb540 url(/templates/default/images/service-chips.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-it .icon {
   background: #000 url(/templates/default/images/service-it.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-it .icon:hover {
   background: #000 url(/templates/default/images/service-it.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-consulting .icon {
   background: #f2f1f0 url(/templates/default/images/service-consulting.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-consulting .icon:hover {
   background: #f2f1f0 url(/templates/default/images/service-consulting.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-pravo .icon {
   background: #342626 url(/templates/default/images/service-pravo.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-pravo .icon:hover {
   background: #342626 url(/templates/default/images/service-pravo.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-marketing .icon {
   background: #f2f1f0 url(/templates/default/images/service-marketing.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-marketing .icon:hover {
   background: #f2f1f0 url(/templates/default/images/service-marketing.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-invest .icon {
   background: #B6BCC3 url(/templates/default/images/service-invest.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-invest .icon:hover {
   background: #B6BCC3 url(/templates/default/images/service-invest.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-market .icon {
   background: #000 url(/templates/default/images/service-market.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-market .icon:hover {
   background: #000 url(/templates/default/images/service-market.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}

.service-eco .icon {
   background: #0d8e4f url(/templates/default/images/service-eco.png) no-repeat center center;
   background-size: 65%;
   transition: all 0.3s ease 0s;
}

.service-eco .icon:hover {
   background: #0d8e4f url(/templates/default/images/service-eco.png) no-repeat center center;
   background-size: 70%;
   transition: all 0.3s ease 0s;
}


.service-seminar .icon {
   background: #23873e -webkit-linear-gradient(100deg, #23873e 30%, #118b32 100%) repeat scroll 0 0;
}

.service-chip-animal .icon {
   background: #1d6ef5 -webkit-linear-gradient(100deg, #34a853 30%, #4587f5 100%) repeat scroll 0 0;
}

.service-chip-sel .icon {
   background: #d29d02 -webkit-linear-gradient(100deg, #fbbc04 30%, #d29d02 100%) repeat scroll 0 0;
}

.service-settings .icon {
   background: #000 -webkit-linear-gradient(100deg, #000 30%, rgba(0, 26, 52, .6) 100%) repeat scroll 0 0;
}

.service-privacy .icon {
   background: #5b88bd -webkit-linear-gradient(100deg, #000 10%, #5b88bd 100%) repeat scroll 0 0;
}

.service-seance .icon {
   background: #000 -webkit-linear-gradient(100deg, #000 30%, #2FC26E 100%) repeat scroll 0 0;
}

.service-language .icon {
   background: #f2f1f0 -webkit-linear-gradient(100deg, #000 10%, rgba(0, 26, 52, .6) 100%) repeat scroll 0 0;
}

.service-logout .icon {
   background: #B6BCC3 -webkit-linear-gradient(100deg, #B6BCC3 30%, #B6BCC3 100%) repeat scroll 0 0;
}

.service-add-page .icon {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-article .icon {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-news .icon {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-post .icon {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-group .icon {
   background: #567d68 none repeat scroll 0 0;
}

.service-add-photo .icon {
   background: #9a396c none repeat scroll 0 0;
}

.service-add-album .icon {
   background: #5f6774 none repeat scroll 0 0;
}

.service-add-video .icon {
   background: #567d68 none repeat scroll 0 0;
}

.service-add-channel .icon {
   background: #a09030 none repeat scroll 0 0;
}

.service-add-document .icon {
   background: #a46e30 none repeat scroll 0 0;
}

.service-add-event .icon {
   background: #67686c none repeat scroll 0 0;
}

.more-service {
   text-align: center;
   width: 100%;
   display: inline-block;
   padding: 15px;
   color: #000 !important;
   font-weight: 500;
   font-size: 15px;
   border-top: 1px solid #e7e8ec;
   cursor: pointer;
}

.more-icon-box {
   border-top: 1px solid #e7e8ec;
}

.service-my-blog .icon {
   background: rgba(0, 26, 52, .6) -webkit-linear-gradient(100deg, rgba(0, 26, 52, .6) 30%, #B6BCC3 100%) repeat scroll 0 0;
}

.service-my-groups .icon {
   background: #7d5570 none repeat scroll 0 0;
}

.service-my-video .icon {
   background: #567d68;
}

.service-my-channels .icon {
   background: #f2f1f0 -webkit-linear-gradient(100deg, #000 10%, #f2f1f0 100%) repeat scroll 0 0;
}

.service-my-channels2 .icon {
   background: #f2f1f0 -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
}

.service-my-purchases .icon {
   background: #943f46 none repeat scroll 0 0;
}

.service-my-shop .icon {
   background: #557d7c none repeat scroll 0 0;
}

/*============ blog_left_sidebar css ==============*/

.service-item {
   text-align: center;
   transition: all 0.3s ease 0s;
   height: 220px;
}

.service-item:hover {
   opacity: 0.9;
   transition: all 0.3s ease 0s;
}

.service-item .icon2 {
   border-radius: 14px;
   height: 100px;
   margin: 15px auto 15px;
   text-align: center;
   width: 100px;
   opacity: 0.95;
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
   transition: all 0.3s ease 0s;
   cursor: pointer;
}

.service-item .icon2:hover {
   transition: all 0.3s ease 0s;
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}

.start-page .icon2s .service-item a:hover {
   opacity: 0.9;
   text-decoration: none;
   transition: opacity 0s ease 0s, transform 2s ease 0s;
   box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.3);
}

.service-item a:hover {
   opacity: 0.95;
   text-decoration: none;
   transition: all 0.3s ease 0s;
}

.service-item a .icon2 {
   transition: all 0.3s ease 0s;
}

.icon2s .service-item a:hover .icon2 {
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
   transition: all 0.3s ease 0s;
}

.service-bookmark .icon2 {
   background: #5b88bd;
}

.service-item .name {
   color: #000;
   font-size: 15px;
   font-weight: 500;
   line-height: 24px;
}

.service-item .icon2 .fa {
   color: #fff;
   font-size: 80px;
   line-height: 150px;
   transition: all 0.3s ease 0s;
}

.service-item .icon2 .fa:hover {
   font-size: 85px;
   transition: all 0.3s ease 0s;
}

.fa-envelope2 {
   color: #5b88bd;
   font-size: 55px;
   line-height: 100px;
}

.service-profile .icon2 {
   background: #F15045 -webkit-linear-gradient(100deg, #ea4235 10%, #F15045 100%) repeat scroll 0 0;
}

.service-service .icon2 {
   background: #ee8108 repeat scroll 0 0;
}

.service-deposit .icon2 {
   background: #731982 repeat scroll 0 0;
}

.service-crm .icon2 {
   background: #000;
}

.service-partner .icon2 {
   background: #B6BCC3;
}

.service-news .icon2 {
   background: #B6BCC3;
}

.service-calendar .icon2 {
   background: rgba(0, 26, 52, .6);
}

.service-edu .icon2 {
   background: #cfdfe8;
}

.service-club .icon2 {
   background: rgba(0, 26, 52, .6);
}

.service-support .icon2 {
   background: #7d5570;
}

.service-anews .icon2 {
   background: #000;
}

.service-ratep .icon2 {
   background: #242424;
}

.service-ratei .icon2 {
   background: #4285f4;
}

.service-cons .icon2 {
   background: #f2f1f0;
}

.service-market .icon2 {
   background: #F15045;
}

.service-portal .icon2 {
   background: #fcbc03 -webkit-linear-gradient(100deg, #fcbc03 30%, #fcbc03 100%) repeat scroll 0 0;
}

.service-rating-post .icon2 {
   background: #c53125 -webkit-linear-gradient(100deg, #ea4335 30%, #c53125 100%) repeat scroll 0 0;
}

.service-rating-isp .icon2 {
   background: #4285f4 repeat scroll 0 0;
}


.service-seminar .icon2 {
   background: #23873e -webkit-linear-gradient(100deg, #23873e 30%, #118b32 100%) repeat scroll 0 0;
}

.service-chip-animal .icon2 {
   background: #1d6ef5 -webkit-linear-gradient(100deg, #34a853 30%, #4587f5 100%) repeat scroll 0 0;
}

.service-chip-sel .icon2 {
   background: #d29d02 -webkit-linear-gradient(100deg, #fbbc04 30%, #d29d02 100%) repeat scroll 0 0;
}

.service-settings .icon2 {
   background: #000 -webkit-linear-gradient(100deg, #000 30%, rgba(0, 26, 52, .6) 100%) repeat scroll 0 0;
}

.service-privacy .icon2 {
   background: #5b88bd -webkit-linear-gradient(100deg, #000 10%, #5b88bd 100%) repeat scroll 0 0;
}

.service-seance .icon2 {
   background: #000 -webkit-linear-gradient(100deg, #000 30%, #2FC26E 100%) repeat scroll 0 0;
}

.service-language .icon2 {
   background: #f2f1f0 -webkit-linear-gradient(100deg, #000 10%, rgba(0, 26, 52, .6) 100%) repeat scroll 0 0;
}

.service-logout .icon2 {
   background: #B6BCC3 -webkit-linear-gradient(100deg, #B6BCC3 30%, #B6BCC3 100%) repeat scroll 0 0;
}

.service-add-page .icon2 {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-article .icon2 {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-news .icon2 {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-post .icon2 {
   background: #5b88bd none repeat scroll 0 0;
}

.service-add-group .icon2 {
   background: #567d68 none repeat scroll 0 0;
}

.service-add-photo .icon2 {
   background: #9a396c none repeat scroll 0 0;
}

.service-add-album .icon2 {
   background: #5f6774 none repeat scroll 0 0;
}

.service-add-video .icon2 {
   background: #567d68 none repeat scroll 0 0;
}

.service-add-channel .icon2 {
   background: #a09030 none repeat scroll 0 0;
}

.service-add-document .icon2 {
   background: #a46e30 none repeat scroll 0 0;
}

.service-add-event .icon2 {
   background: #67686c none repeat scroll 0 0;
}

.service-iq .icon2 {
   background: #225a78 url(/templates/default/images/brands/1.png) no-repeat center center;
   background-size: 65%;
}

.service-service .icon2 {
   background: #ee8108 url(/templates/default/images/service-service.png) no-repeat center center;
   background-size: 65%;
}

.service-cooperation .icon2 {
   background: #f2f1f0 url(/templates/default/images/service-cooperation.png) no-repeat center center;
   background-size: 65%;
}

.service-deposit .icon2 {
   background: #731982 url(/templates/default/images/service-deposit.png) no-repeat center center;
   background-size: 65%;
}

.service-crm .icon2 {
   background: #000 url(/templates/default/images/service-crm.png) no-repeat center center;
   background-size: 65%;
}

.service-partner .icon2 {
   background: #B6BCC3 url(/templates/default/images/service-partner.png) no-repeat center center;
   background-size: 65%;
}

.service-news .icon2 {
   background: #B6BCC3 url(/templates/default/images/service-news.png) no-repeat center center;
   background-size: 65%;
}

.service-calendar .icon2 {
   background: rgba(0, 26, 52, .6) url(/templates/default/images/service-calendar.png) no-repeat center center;
   background-size: 65%;
}

.service-edu .icon2 {
   background: #cfdfe8 url(/templates/default/images/service-edu.png) no-repeat center center;
   background-size: 70%;
}

.service-club .icon2 {
   background: rgba(0, 26, 52, .6) url(/templates/default/images/service-club.png) no-repeat center center;
   background-size: 65%;
}

.service-support .icon2 {
   background: #7d5570 url(/templates/default/images/service-support.png) no-repeat center center;
   background-size: 65%;
}

.service-anews .icon2 {
   background: #000 url(/templates/default/images/service-anews.png) no-repeat center center;
   background-size: 65%;
}

.service-ratep .icon2 {
   background: #242424 url(/templates/default/images/service-ratep.png) no-repeat center center;
   background-size: 65%;
}

.service-ratei .icon2 {
   background: #4285f4 url(/templates/default/images/service-ratei.png) no-repeat center center;
   background-size: 65%;
}

.service-cons .icon2 {
   background: #f2f1f0 url(/templates/default/images/service-cons.png) no-repeat center center;
   background-size: 65%;
}


.service-chipa .icon2 {
   background: #f2f1f0 url(/templates/default/images/service-chipa.png) no-repeat center center;
   background-size: 65%;
}

.service-chips .icon2 {
   background: #fbb540 url(/templates/default/images/service-chips.png) no-repeat center center;
   background-size: 65%;
}

.service-it .icon2 {
   background: #000 url(/templates/default/images/service-it.png) no-repeat center center;
   background-size: 65%;
}

.service-consulting .icon2 {
   background: #f2f1f0 url(/templates/default/images/service-consulting.png) no-repeat center center;
   background-size: 65%;
}

.service-pravo .icon2 {
   background: #342626 url(/templates/default/images/service-pravo.png) no-repeat center center;
   background-size: 65%;
}

.service-marketing .icon2 {
   background: #f2f1f0 url(/templates/default/images/service-marketing.png) no-repeat center center;
   background-size: 65%;
}

.service-invest .icon2 {
   background: #B6BCC3 url(/templates/default/images/service-invest.png) no-repeat center center;
   background-size: 65%;
}

.service-market .icon2 {
   background: #F15045 url(/templates/default/images/service-market.png) no-repeat center center;
   background-size: 65%;
}

.service-eco .icon2 {
   background: #0d8e4f url(/templates/default/images/service-eco.png) no-repeat center center;
   background-size: 65%;
}


.more-service {
   text-align: center;
   width: 100%;
   display: inline-block;
   padding: 15px;
   color: #000 !important;
   font-weight: 500;
   font-size: 15px;
   border-top: 1px solid #e7e8ec;
   cursor: pointer;
}

.more-icon2-box {
   border-top: 1px solid #e7e8ec;
}

.service-my-blog .icon2 {
   background: rgba(0, 26, 52, .6) -webkit-linear-gradient(100deg, rgba(0, 26, 52, .6) 30%, #B6BCC3 100%) repeat scroll 0 0;
}

.service-my-groups .icon2 {
   background: #7d5570 none repeat scroll 0 0;
}

.service-my-video .icon2 {
   background: #567d68;
}

.service-my-channels .icon2 {
   background: #f2f1f0 -webkit-linear-gradient(100deg, #000 10%, #f2f1f0 100%) repeat scroll 0 0;
}

.service-my-channels2 .icon2 {
   background: #f2f1f0 -webkit-linear-gradient(100deg, #000 10%, #000 100%) repeat scroll 0 0;
}

.service-my-purchases .icon2 {
   background: #943f46 none repeat scroll 0 0;
}

.service-my-shop .icon2 {
   background: #557d7c none repeat scroll 0 0;
}

/*============ blog_left_sidebar css ==============*/
.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, GT Eesti Pro, Arial, sans-serif;
   color: #000;
}

.blog_info .post_tag a:hover {
   color: #777777;
}

.blog_info .post_tag a.active {
   color: #000;
}

.blog_info .blog_meta li a {
   font: 300 14px/20px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   color: #777777;
   vertical-align: middle;
   padding-bottom: 12px;
   display: inline-block;
}

.blog_info .blog_meta li a i {
   color: #000;
   font-size: 15px;
   font-weight: 600;
   padding-left: 15px;
   line-height: 20px;
   vertical-align: middle;
}

.blog_info .blog_meta li a:hover {
   color: #000;
}

.blog_post img {
   max-width: 100%;
}

.blog_post .primary_btn {
   line-height: 38px;
}

.blog_details {
   padding-top: 20px;
}

.blog_details h2 {
   font-size: 15px;
   line-height: 36px;
   color: #000;
   font-weight: 600;
   transition: all 0.3s linear;
}

.blog_details h2:hover {
   color: #000;
}

.blog_details p {
   margin-bottom: 26px;
}

.view_btn {
   font-size: 15px;
   line-height: 36px;
   display: inline-block;
   color: #000;
   font-weight: 500;
   padding: 0px 30px;
   background: #fff;
}

.blog_right_sidebar {
   border: 1px solid #dcdcdd;
   background: #fafaff;
   padding: 30px;
}

.blog_right_sidebar .widget_title {
   font-size: 15px;
   line-height: 25px;
   text-align: center;
   color: #fff;
   padding: 8px 0px;
   margin-bottom: 30px;
}

.blog_right_sidebar .search_widget .input-group .form-control {
   position: relative;
   font-size: 15px;
   line-height: 29px;
   width: 100%;
   font-weight: 500;
   color: #777777;
   padding-left: 20px;
   border-radius: 45px;
   z-index: 0;
   border: double 2px transparent;
   background-image: linear-gradient(white, white), radial-gradient(circle at top left, #000, #000);
   background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #000, #000);
   background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #000, #000);
   background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #000, #000);
   background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #000, #000);
   background-origin: border-box;
   background-clip: content-box, border-box;
   padding: 0;
   text-indent: 20px;
}

.blog_right_sidebar .search_widget .input-group .form-control.placeholder {
   color: #777777;
   text-transform: uppercase;
   font-size: 12px;
}

.blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {
   color: #777777;
   text-transform: uppercase;
   font-size: 12px;
}

.blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {
   color: #777777;
   text-transform: uppercase;
   font-size: 12px;
}

.blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {
   color: #777777;
   text-transform: uppercase;
   font-size: 12px;
}

.blog_right_sidebar .search_widget .input-group .form-control:focus {
   box-shadow: none;
}

.blog_right_sidebar .search_widget .input-group .btn-default {
   position: absolute;
   right: 20px;
   background: transparent;
   border: 0px;
   box-shadow: none;
   font-size: 15px;
   color: #000;
   font-weight: 600;
   padding: 0px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 1;
}

.blog_right_sidebar .author_widget {
   text-align: center;
}

.blog_right_sidebar .author_widget h4 {
   font-size: 15px;
   line-height: 20px;
   color: #000;
   margin-bottom: 5px;
   margin-top: 30px;
}

.blog_right_sidebar .author_widget p {
   margin-bottom: 0px;
}

.blog_right_sidebar .author_widget .social_icon {
   padding: 7px 0px 15px;
}

.blog_right_sidebar .author_widget .social_icon a {
   font-size: 15px;
   color: #000;
   transition: all 0.2s linear;
}

.blog_right_sidebar .author_widget .social_icon a+a {
   margin-left: 20px;
}

.blog_right_sidebar .author_widget .social_icon a:hover {
   color: #000;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
   justify-content: center;
   align-self: center;
   padding-left: 20px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
   font-size: 15px;
   line-height: 20px;
   color: #000;
   margin-bottom: 4px;
   transition: all 0.3s linear;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
   color: #000;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
   font-size: 12px;
   line-height: 21px;
   margin-bottom: 0px;
}

.blog_right_sidebar .popular_post_widget .post_item+.post_item {
   margin-top: 20px;
}

.blog_right_sidebar .post_category_widget .cat-list li {
   border-bottom: 2px dotted #f3f4f5;
   transition: all 0.3s ease 0s;
   padding-bottom: 12px;
}

.blog_right_sidebar .post_category_widget .cat-list li a {
   font-size: 15px;
   line-height: 20px;
   color: #777;
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
   margin-bottom: 0px;
}

.blog_right_sidebar .post_category_widget .cat-list li+li {
   padding-top: 15px;
}

.blog_right_sidebar .post_category_widget .cat-list li:hover a {
   color: #000;
}

.blog_right_sidebar .post_category_widget .cat-list li:hover {
   border-color: #000;
}

.blog_right_sidebar .newsletter_widget {
   text-align: center;
}

.blog_right_sidebar .newsletter_widget .form-group {
   margin-bottom: 8px;
}

.blog_right_sidebar .newsletter_widget .input-group-prepend {
   margin-right: -1px;
}

.blog_right_sidebar .newsletter_widget .input-group-text {
   background: #fff;
   border-radius: 0px;
   vertical-align: top;
   font-size: 12px;
   line-height: 36px;
   padding: 0px 0px 0px 15px;
   border: 1px solid #dcdcdd;
   border-right: 0px;
}

.blog_right_sidebar .newsletter_widget .form-control {
   font-size: 12px;
   line-height: 24px;
   color: #f2f1f0ccc;
   border: 1px solid #dcdcdd;
   border-left: 0px;
   border-radius: 0px;
}

.blog_right_sidebar .newsletter_widget .form-control.placeholder {
   color: #f2f1f0ccc;
}

.blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {
   color: #f2f1f0ccc;
}

.blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
   color: #f2f1f0ccc;
}

.blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
   color: #f2f1f0ccc;
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
   outline: none;
   box-shadow: none;
}

.blog_right_sidebar .newsletter_widget .bbtns {
   color: #fff;
   font-size: 12px;
   line-height: 38px;
   display: inline-block;
   font-weight: 500;
   padding: 0px 24px 0px 24px;
   border-radius: 0;
}

.blog_right_sidebar .newsletter_widget .text-bottom {
   font-size: 12px;
}

.blog_right_sidebar .tag_cloud_widget ul li {
   display: inline-block;
}

.blog_right_sidebar .tag_cloud_widget ul li a {
   display: inline-block;
   border: 1px solid #f3f4f5;
   background: #fff;
   padding: 0px 13px;
   margin-bottom: 8px;
   transition: all 0.3s ease 0s;
   color: #000;
   font-size: 12px;
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
   color: #fff;
}

.blog_right_sidebar .br {
   width: 100%;
   height: 1px;
   background: #f3f4f5;
   margin: 30px 0px;
}

.blog-pagination {
   padding-top: 25px;
   padding-bottom: 95px;
}

.blog-pagination .page-link {
   border-radius: 0;
}

.blog-pagination .page-item {
   border: none;
}

.page-link {
   background: transparent;
   font-weight: 500;
}

.blog-pagination .page-item.active .page-link {
   border-color: transparent;
   color: #fff;
}

.blog-pagination .page-link {
   position: relative;
   display: block;
   padding: 0.5rem 0.75rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #8a8a8a;
   border: none;
}

.blog-pagination .page-link .lnr {
   font-weight: 600;
}

.blog-pagination .page-item:last-child .page-link,
.blog-pagination .page-item:first-child .page-link {
   border-radius: 0;
}

.blog-pagination .page-link:hover {
   color: #fff;
   text-decoration: none;
   border-color: #f3f4f5;
}

/*============ Start Blog Single Styles  =============*/
.single-post-area .social-links {
   padding-top: 10px;
}

.single-post-area .social-links li {
   display: inline-block;
   margin-bottom: 10px;
}

.single-post-area .social-links li a {
   color: #f2f1f0ccc;
   padding: 7px;
   font-size: 15px;
   transition: all 0.2s linear;
}

.single-post-area .social-links li a:hover {
   color: #000;
}

.single-post-area .blog_details {
   padding-top: 26px;
}

.single-post-area .blog_details p {
   margin-bottom: 10px;
}

.single-post-area .quotes {
   margin-top: 20px;
   margin-bottom: 30px;
   padding: 24px 35px 24px 30px;
   background-color: white;
   box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1);
   font-size: 15px;
   line-height: 24px;
   color: #777;
   font-style: italic;
}

.single-post-area .arrow {
   position: absolute;
}

.single-post-area .arrow .lnr {
   font-size: 15px;
   font-weight: 600;
}

.single-post-area .thumb .overlay-bg {
   background: rgba(0, 0, 0, 0.8);
}

.single-post-area .navigation-area {
   border-top: 1px solid #f3f4f5;
   padding-top: 30px;
   margin-top: 60px;
}

.single-post-area .navigation-area p {
   margin-bottom: 0px;
}

.single-post-area .navigation-area h4 {
   font-size: 15px;
   line-height: 25px;
   color: #000;
}

.single-post-area .navigation-area .nav-left {
   text-align: left;
}

.single-post-area .navigation-area .nav-left .thumb {
   margin-right: 20px;
   background: #080d13;
}

.single-post-area .navigation-area .nav-left .thumb img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single-post-area .navigation-area .nav-left .lnr {
   margin-left: 20px;
   opacity: 0;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single-post-area .navigation-area .nav-left:hover .lnr {
   opacity: 1;
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
   opacity: .5;
}

@media (max-width: 767px) {
   .single-post-area .navigation-area .nav-left {
      margin-bottom: 30px;
   }
}

.single-post-area .navigation-area .nav-right {
   text-align: right;
}

.single-post-area .navigation-area .nav-right .thumb {
   margin-left: 20px;
   background: #080d13;
}

.single-post-area .navigation-area .nav-right .thumb img {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single-post-area .navigation-area .nav-right .lnr {
   margin-right: 20px;
   opacity: 0;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single-post-area .navigation-area .nav-right:hover .lnr {
   opacity: 1;
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
   opacity: .5;
}

@media (max-width: 991px) {
   .single-post-area .sidebar-widgets {
      padding-bottom: 0px;
   }
}

.comments-area {
   background: #fafaff;
   border: 1px solid #f3f4f5;
   padding: 50px 30px;
   margin-top: 50px;
}

@media (max-width: 414px) {
   .comments-area {
      padding: 50px 8px;
   }
}

.comments-area h4 {
   text-align: center;
   margin-bottom: 50px;
   color: #000;
   font-size: 15px;
}

.comments-area h5 {
   font-size: 15px;
   margin-bottom: 0px;
}

.comments-area a {
   color: #000;
}

.comments-area .comment-list {
   padding-bottom: 48px;
}

.comments-area .comment-list:last-child {
   padding-bottom: 0px;
}

.comments-area .comment-list.left-padding {
   padding-left: 25px;
}

@media (max-width: 413px) {
   .comments-area .comment-list .single-comment h5 {
      font-size: 12px;
   }

   .comments-area .comment-list .single-comment .date {
      font-size: 11px;
   }

   .comments-area .comment-list .single-comment .comment {
      font-size: 10px;
   }
}

.comments-area .thumb {
   margin-right: 20px;
}

.comments-area .date {
   font-size: 14px;
   color: #f2f1f0ccc;
   margin-bottom: 13px;
}

.comments-area .comment {
   color: #777777;
   margin-bottom: 0px;
}

.comments-area .btn-reply {
   background-color: #fff;
   color: #000;
   border: 1px solid #f3f4f5;
   padding: 2px 18px;
   font-size: 12px;
   display: block;
   font-weight: 600;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.comments-area .btn-reply:hover {
   border: transparent;
   color: #fff;
}

.comment-form {
   background: #fafaff;
   text-align: center;
   border: 1px solid #f3f4f5;
   padding: 47px 30px 43px;
   margin-top: 50px;
   margin-bottom: 40px;
}

.comment-form h4 {
   text-align: center;
   margin-bottom: 50px;
   font-size: 15px;
   line-height: 22px;
   color: #000;
}

.comment-form .name {
   padding-left: 0px;
}

@media (max-width: 767px) {
   .comment-form .name {
      padding-right: 0px;
      margin-bottom: 1rem;
   }
}

.comment-form .email {
   padding-right: 0px;
}

@media (max-width: 991px) {
   .comment-form .email {
      padding-left: 0px;
   }
}

.comment-form .form-control {
   padding: 8px 20px;
   background: #fff;
   border: none;
   border-radius: 0px;
   width: 100%;
   font-size: 15px;
   color: #777777;
   border: 1px solid transparent;
}

.comment-form .form-control:focus {
   box-shadow: none;
   border: 1px solid #f3f4f5;
}

.comment-form textarea.form-control {
   height: 140px;
   resize: none;
}

.comment-form ::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   font-size: 14px;
   color: #777;
}

.comment-form ::-moz-placeholder {
   /* Firefox 19+ */
   font-size: 14px;
   color: #777;
}

.comment-form :-ms-input-placeholder {
   /* IE 10+ */
   font-size: 14px;
   color: #777;
}

.comment-form :-moz-placeholder {
   /* Firefox 18- */
   font-size: 14px;
   color: #777;
}

/*============ End Blog Single Styles  =============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== contact_area css ================*/
.mapBox {
   height: 420px;
   margin-top: 80px;
}

.contact_info .info_item {
   position: relative;
   padding-left: 45px;
}

.contact_info .info_item i {
   position: absolute;
   left: 0;
   top: 0;
   font-size: 15px;
   line-height: 24px;
   font-weight: 600;
}

.contact_info .info_item h6 {
   font-size: 15px;
   line-height: 24px;
   color: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   font-weight: bold;
   margin-bottom: 0px;
   color: #000;
}

.contact_info .info_item h6 a {
   color: #000;
}

.contact_info .info_item p {
   font-size: 15px;
   line-height: 24px;
   padding: 2px 0px;
}


.contact_infodst .info_itemdst {
   position: relative;
}

.contact_infodst .info_itemdst i {
   position: absolute;
   left: 0;
   top: 0;
   font-size: 15px;
   line-height: 24px;
   font-weight: 600;
}

.contact_infodst .info_itemdst h6 {
   font-size: 15px;
   line-height: 24px;
   color: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   font-weight: bold;
   margin-bottom: 0px;
   color: #000;
}

.contact_infodst .info_itemdst h6 a {
   color: #000;
   text-decoration: none;
}

.contact_infodst .info_itemdst p {
   color: #000;
   font-size: 15px;
   line-height: 24px;
   padding: 2px 0px;
}


.contact_form .form-group {
   margin-bottom: 10px;
}

.contact_form .form-group .form-control {
   font-size: 15px;
   line-height: 8px;
   color: rgba(0, 26, 52, .6);
   border: 1px solid #dcdcdd;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
   border-radius: 8px;
   padding-left: 20px;
}

.contact_form .form-group .form-control:focus {
   box-shadow: none;
   outline: none;
}

.contact_form .form-group .form-control.placeholder {
   color: 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: 0.75rem;
}

/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog {
   position: absolute;
   top: 36%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%) !important;
   margin: 0px;
   max-width: 500px;
   width: 100%;
}

.modal-message .modal-dialog .modal-content .modal-header {
   text-align: center;
   display: block;
   border-bottom: none;
   padding-top: 50px;
   padding-bottom: 50px;
}

.modal-message .modal-dialog .modal-content .modal-header .close {
   position: absolute;
   right: -15px;
   top: -15px;
   padding: 0px;
   color: #fff;
   opacity: 1;
   cursor: pointer;
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
   display: block;
   text-align: center;
   color: #000;
   padding-bottom: 10px;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Ubuntu, Cantarell, GT Eesti Pro, Arial, sans-serif;
}

.modal-message .modal-dialog .modal-content .modal-header p {
   display: block;
}

/* End Contact Success and error Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============== Elements Area css ================*/
.mb-20 {
   margin-bottom: 20px;
}

.mb-30 {
   margin-bottom: 30px;
}

.sample-text-area {
   padding: 100px 0px;
}

.sample-text-area .title_color {
   margin-bottom: 30px;
}

.sample-text-area p {
   line-height: 26px;
}

.sample-text-area p b {
   font-weight: bold;
   color: #000;
}

.sample-text-area p i {
   color: #000;
   font-style: italic;
}

.sample-text-area p sup {
   color: #000;
   font-style: italic;
}

.sample-text-area p sub {
   color: #000;
   font-style: italic;
}

.sample-text-area p del {
   color: #000;
}

.sample-text-area p u {
   color: #000;
}

/*============== End Elements Area css ================*/
/*==============Elements Button Area css ================*/
.elements_button .title_color {
   margin-bottom: 30px;
   color: #000;
}

.title_color {
   color: #000;
}

.button-group-area {
   margin-top: 15px;
}

.button-group-area:nth-child(odd) {
   margin-top: 40px;
}

.button-group-area:first-child {
   margin-top: 0px;
}

.button-group-area .theme_btn {
   margin-right: 10px;
}

.button-group-area .link {
   text-decoration: underline;
   color: #000;
   background: transparent;
}

.button-group-area .link:hover {
   color: #fff;
}

.button-group-area .disable {
   background: transparent;
   color: #007bff;
   cursor: not-allowed;
}

.button-group-area .disable:before {
   display: none;
}

.primary {
   background: #52c5fd;
}

.primary:before {
   background: #2faae6;
}

.success {
   background: #4cd3e3;
}

.success:before {
   background: #2ebccd;
}

.info {}

.info:before {}

.warning {
   background: #f4e700;
}

.warning:before {
   background: #e1d608;
}

.danger {
   background: #f54940;
}

.danger:before {
   background: #e13b33;
}

.primary-border {
   background: transparent;
   border: 1px solid #52c5fd;
   color: #52c5fd;
}

.primary-border:before {
   background: #52c5fd;
}

.success-border {
   background: transparent;
   border: 1px solid #4cd3e3;
   color: #4cd3e3;
}

.success-border:before {
   background: #4cd3e3;
}

.info-border {
   background: transparent;
   border: 1px solid #38a4ff;
   color: #38a4ff;
}

.info-border:before {
   background: #38a4ff;
}

.warning-border {
   background: #fff;
   border: 1px solid #f4e700;
   color: #f4e700;
}

.warning-border:before {
   background: #f4e700;
}

.danger-border {
   background: transparent;
   border: 1px solid #f54940;
   color: #f54940;
}

.danger-border:before {
   background: #f54940;
}

.link-border {
   background: transparent;
   border: 1px solid #000;
   color: #000;
}

.link-border:before {
   background: #000;
}

.radius {
   border-radius: 8px;
}

.circle {
   border-radius: 20px;
}

.arrow span {
   padding-left: 5px;
}

.e-large {
   line-height: 50px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.large {
   line-height: 45px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.medium {
   line-height: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.small {
   line-height: 25px;
   padding-top: 0px;
   padding-bottom: 0px;
}

.general {
   line-height: 38px;
   padding-top: 0px;
   padding-bottom: 0px;
}

/*==============End Elements Button Area css ================*/
/* =================================== */
/*  Elements Page Styles
/* =================================== */
/*---------- Start Elements Page -------------*/
.generic-banner {
   margin-top: 60px;
   text-align: center;
}

.generic-banner .height {
   height: 600px;
}

@media (max-width: 767.98px) {
   .generic-banner .height {
      height: 400px;
   }
}

.generic-banner .generic-banner-content h2 {
   line-height: 1.2em;
   margin-bottom: 20px;
}

@media (max-width: 991.98px) {
   .generic-banner .generic-banner-content h2 br {
      display: none;
   }
}

.generic-banner .generic-banner-content p {
   text-align: center;
   font-size: 15px;
}

@media (max-width: 991.98px) {
   .generic-banner .generic-banner-content p br {
      display: none;
   }
}

.generic-content h1 {
   font-weight: 600;
}

.about-generic-area {
   background: #fff;
}

.about-generic-area p {
   margin-bottom: 20px;
}

.white-bg {
   background: #fff;
}

.section-top-border {
   padding: 50px 0;
   border-top: 1px dotted #f3f4f5;
}

.switch-wrap {
   margin-bottom: 10px;
}

.switch-wrap p {
   margin: 0;
}

/*---------- End Elements Page -------------*/
.sample-text-area {
   padding: 100px 0 70px 0;
}

.sample-text {
   margin-bottom: 0;
}

.text-heading {
   margin-bottom: 30px;
   font-size: 15px;
}

.typo-list {
   margin-bottom: 10px;
}

@media (max-width: 767px) {
   .typo-sec {
      margin-bottom: 30px;
   }
}

@media (max-width: 767px) {
   .element-wrap {
      margin-top: 30px;
   }
}

b,
sup,
sub,
u,
del {}

h1 {
   font-size: 32px;
}

h2 {
   font-size: 30px;
}

h3 {
   font-size: 15px;
}

h4 {
   font-size: 15px;
}

h5 {
   font-size: 15px;
}

h6 {
   font-size: 15px;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
   color: #777777;
}

.button-area .border-top-generic {
   padding: 70px 15px;
   border-top: 1px dotted #f3f4f5;
}

.button-group-area .genric-btn {
   margin-right: 10px;
   margin-top: 10px;
}

.button-group-area .genric-btn:last-child {
   margin-right: 0;
}

.circle {
   border-radius: 20px;
}

.genric-btn {
   display: inline-block;
   outline: none;
   line-height: 40px;
   padding: 0 30px;
   font-size: .8em;
   text-align: center;
   text-decoration: none;
   font-weight: 500;
   cursor: pointer;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.genric-btn:focus {
   outline: none;
}

.genric-btn.e-large {
   padding: 0 40px;
   line-height: 50px;
}

.genric-btn.large {
   line-height: 45px;
}

.genric-btn.medium {
   line-height: 30px;
}

.genric-btn.small {
   line-height: 25px;
}

.genric-btn.radius {
   border-radius: 8px;
}

.genric-btn.circle {
   border-radius: 20px;
}

.genric-btn.arrow {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.genric-btn.arrow span {
   margin-left: 10px;
}

.genric-btn.default {
   color: #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 0px 30px 0px;
   min-width: 800px;
}

.progress-table .serial {
   width: 11.83%;
   padding-left: 30px;
}

.progress-table .country {
   width: 28.07%;
}

.progress-table .visit {
   width: 19.74%;
}

.progress-table .percentage {
   width: 40.36%;
   padding-right: 50px;
}

.progress-table .table-head {
   display: flex;
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
   color: #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: 0px;
   background: transparent;
}

.progress-table .table-row .percentage .progress .progress-bar {
   height: 5px;
   line-height: 5px;
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
   background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
   background-color: #e66686;
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
   background-color: #f09359;
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
   background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
   background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
   background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
   background-color: #a367e7;
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
   background-color: #e66686;
}

.single-gallery-image {
   margin-top: 30px;
   background-repeat: no-repeat !important;
   background-position: center center !important;
   background-size: cover !important;
   height: 200px;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.single-gallery-image:hover {
   opacity: .8;
}

.list-style {
   width: 14px;
   height: 14px;
}

.unorde#000-list li {
   position: relative;
   padding-left: 30px;
   line-height: 1.82em !important;
}

.unorde#000-list li:before {
   content: "";
   position: absolute;
   width: 14px;
   height: 14px;
   border: 3px solid #f8b600;
   background: #fff;
   top: 4px;
   left: 0;
   border-radius: 50%;
}

.orde#000-list {
   margin-left: 30px;
}

.orde#000-list li {
   list-style-type: decimal-leading-zero;
   color: #f8b600;
   font-weight: 500;
   line-height: 1.82em !important;
}

.orde#000-list li span {
   font-weight: 500;
   color: #777777;
}

.orde#000-list-alpha li {
   margin-left: 30px;
   list-style-type: lower-alpha;
   color: #f8b600;
   font-weight: 500;
   line-height: 1.82em !important;
}

.orde#000-list-alpha li span {
   font-weight: 500;
   color: #777777;
}

.orde#000-list-roman li {
   margin-left: 30px;
   list-style-type: lower-roman;
   color: #f8b600;
   font-weight: 500;
   line-height: 1.82em !important;
}

.orde#000-list-roman li span {
   font-weight: 500;
   color: #777777;
}

.single-input {
   display: block;
   width: 100%;
   line-height: 40px;
   border: none;
   outline: none;
   background: #f9f9ff;
   padding: 0 20px;
}

.single-input:focus {
   outline: none;
}

.input-group-icon {
   position: relative;
}

.input-group-icon .icon {
   position: absolute;
   left: 20px;
   top: 0;
   line-height: 40px;
   z-index: 3;
}

.input-group-icon .icon i {
   color: #797979;
}

.input-group-icon .single-input {
   padding-left: 45px;
}

.single-textarea {
   display: block;
   width: 100%;
   line-height: 40px;
   border: none;
   outline: none;
   background: #f9f9ff;
   padding: 0 20px;
   height: 100px;
   resize: none;
}

.single-textarea:focus {
   outline: none;
}

.single-input-primary {
   display: block;
   width: 100%;
   line-height: 40px;
   border: 1px solid transparent;
   outline: none;
   background: #f9f9ff;
   padding: 0 20px;
}

.single-input-primary:focus {
   outline: none;
   border: 1px solid #f8b600;
}

.single-input-accent {
   display: block;
   width: 100%;
   line-height: 40px;
   border: 1px solid transparent;
   outline: none;
   background: #f9f9ff;
   padding: 0 20px;
}

.single-input-accent:focus {
   outline: none;
   border: 1px solid #eb6b55;
}

.single-input-secondary {
   display: block;
   width: 100%;
   line-height: 40px;
   border: 1px solid transparent;
   outline: none;
   background: #f9f9ff;
   padding: 0 20px;
}

.single-input-secondary:focus {
   outline: none;
   border: 1px solid #f09359;
}

.default-switch {
   width: 35px;
   height: 17px;
   border-radius: 8.5px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.default-switch input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   cursor: pointer;
}

.default-switch input+label {
   position: absolute;
   top: 1px;
   left: 1px;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #f8b600;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
   box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
   cursor: pointer;
}

.default-switch input:checked+label {
   left: 19px;
}

.single-element-widget {
   margin-bottom: 30px;
}

.primary-switch {
   width: 35px;
   height: 17px;
   border-radius: 8.5px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.primary-switch input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.primary-switch input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
}

.primary-switch input+label:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: transparent;
   border-radius: 8.5px;
   cursor: pointer;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
}

.primary-switch input+label:after {
   content: "";
   position: absolute;
   top: 1px;
   left: 1px;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #fff;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
   box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
   cursor: pointer;
}

.primary-switch input:checked+label:after {
   left: 19px;
}

.primary-switch input:checked+label:before {
   background: #f8b600;
}

.confirm-switch {
   width: 35px;
   height: 17px;
   border-radius: 8.5px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.confirm-switch input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.confirm-switch input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
}

.confirm-switch input+label:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: transparent;
   border-radius: 8.5px;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
   cursor: pointer;
}

.confirm-switch input+label:after {
   content: "";
   position: absolute;
   top: 1px;
   left: 1px;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background: #fff;
   -webkit-transition: all 0.2s;
   -moz-transition: all 0.2s;
   -o-transition: all 0.2s;
   transition: all 0.2s;
   box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
   cursor: pointer;
}

.confirm-switch input:checked+label:after {
   left: 19px;
}

.confirm-switch input:checked+label:before {
   background: #4cd3e3;
}

.primary-checkbox {
   width: 16px;
   height: 16px;
   border-radius: 8px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.primary-checkbox input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.primary-checkbox input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   cursor: pointer;
   border: 1px solid #f1f1f1;
}

.single-defination h4 {
   color: #000;
}

.primary-checkbox input:checked+label {
   background: url(../img/elements/primary-check.png) no-repeat center center/cover;
   border: none;
}

.confirm-checkbox {
   width: 16px;
   height: 16px;
   border-radius: 8px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.confirm-checkbox input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.confirm-checkbox input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   cursor: pointer;
   border: 1px solid #f1f1f1;
}

.confirm-checkbox input:checked+label {
   background: url(../img/elements/success-check.png) no-repeat center center/cover;
   border: none;
}

.disabled-checkbox {
   width: 16px;
   height: 16px;
   border-radius: 8px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.disabled-checkbox input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.disabled-checkbox input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   cursor: pointer;
   border: 1px solid #f1f1f1;
}

.disabled-checkbox input:disabled {
   cursor: not-allowed;
   z-index: 3;
}

.disabled-checkbox input:checked+label {
   background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
   border: none;
}

.primary-radio {
   width: 16px;
   height: 16px;
   border-radius: 8px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.primary-radio input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.primary-radio input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   cursor: pointer;
   border: 1px solid #f1f1f1;
}

.primary-radio input:checked+label {
   background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
   border: none;
}

.confirm-radio {
   width: 16px;
   height: 16px;
   border-radius: 8px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.confirm-radio input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.confirm-radio input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   cursor: pointer;
   border: 1px solid #f1f1f1;
}

.confirm-radio input:checked+label {
   background: url(../img/elements/success-radio.png) no-repeat center center/cover;
   border: none;
}

.disabled-radio {
   width: 16px;
   height: 16px;
   border-radius: 8px;
   background: #fff;
   position: relative;
   cursor: pointer;
}

.disabled-radio input {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
}

.disabled-radio input+label {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   border-radius: 8px;
   cursor: pointer;
   border: 1px solid #f1f1f1;
}

.disabled-radio input:disabled {
   cursor: not-allowed;
   z-index: 3;
}

.unorde#000-list {
   list-style: none;
   padding: 0px;
   margin: 0px;
}

.orde#000-list {
   list-style: none;
   padding: 0px;
}

.disabled-radio input:checked+label {
   background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
   border: none;
}

.default-select {
   height: 40px;
}

.default-select .nice-select {
   border: none;
   border-radius: 0px;
   height: 40px;
   background: #fff;
   padding-left: 20px;
   padding-right: 40px;
}

.default-select .nice-select .list {
   margin-top: 0;
   border: none;
   border-radius: 0px;
   box-shadow: none;
   width: 100%;
   padding: 10px 0 10px 0px;
}

.default-select .nice-select .list .option {
   font-weight: 500;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   line-height: 28px;
   min-height: 28px;
   font-size: 12px;
   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: 500;
}

.default-select .nice-select::after {
   right: 20px;
}

@media (max-width: 991px) {
   .left-align-p p {
      margin-top: 20px;
   }
}

.form-select {
   height: 40px;
   width: 100%;
}


.form-select .nice-select {
   border: none;
   border-radius: 0px;
   height: 40px;
   background: #f9f9ff !important;
   padding-left: 45px;
   padding-right: 40px;
   width: 100%;
}

.form-select .nice-select .list {
   margin-top: 0;
   border: none;
   border-radius: 0px;
   box-shadow: none;
   width: 100%;
   padding: 10px 0 10px 0px;
}

.mt-10 {
   margin-top: 10px;
}

.form-select .nice-select .list .option {
   font-weight: 500;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   line-height: 28px;
   min-height: 28px;
   font-size: 12px;
   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: 500;
}

.form-select .nice-select::after {
   right: 20px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start About Us Area css
============================================================================================ */
.about_area {
   position: relative;
}

.about_area .main_title {
   margin-bottom: 0px;
}

.about_area .main_title p {
   margin-bottom: 20px;
}

.about_area .primary_btn .primary_btn6 {
   margin-top: 20px;
}

.about_area .about_img {
   position: relative;
}

@media (max-width: 1480px) {
   .about_area .about_img {
      right: 0;
   }

   .about_area .about_img img {
      max-width: 100%;
      height: auto;
   }
}

@media (max-width: 991px) {
   .about_area .about_img {
      text-align: center;
      margin-bottom: 40px;
      margin-top: 40px;
   }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start About Us Area css
============================================================================================ */
.about_area {
   position: relative;
}

.about_area .main_title {
   margin-bottom: 0px;
}

.about_area .main_title p {
   margin-bottom: 20px;
}

.about_area .primary_btn .primary_btn6 {
   margin-top: 20px;
}

.about_area .about_img2 {
   position: absolute;
}

@media (max-width: 1480px) {
   .about_area .about_img2 {
      right: 0;
   }

   .about_area .about_img2 img {
      max-width: 100%;
      height: auto;
   }
}

@media (max-width: 991px) {
   .about_area .about_img2 {
      text-align: center;
      position: relative;
      margin-bottom: 40px;
      margin-top: 40px;
   }
}

/* End About Us Area css
============================================================================================ */
/* Start Barand Area css
============================================================================================ */
.brand_area {
   padding-bottom: 60px;
}

@media (max-width: 1199px) {
   .brand_area {
      padding-bottom: 60px;
   }
}

/* End Barand Area css
============================================================================================ */
/* Start Features Area css
============================================================================================ */
.features_area {
   padding-bottom: 10px;
   background: #f5f7f9;
}

@media (max-width: 1199px) {
   .features_area {
      padding-bottom: 50px;
   }
}

.features_area_dst {
   padding-bottom: 10px;
   background: #e8f2fe;
}

@media (max-width: 1199px) {
   .features_area_dst {
      padding-bottom: 50px;
   }
}


.feature_item {
   border-radius: 8px;
   padding: 45px 25px;
   background: #fff;
   text-align: center;
   border: 1px solid #dcdcdd;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.feature_item img {
   margin-bottom: 35px;
   height: 45px;
   display: block;
   border: 2px solid #555;
   padding: 5px 15px;
   border-radius: 8px;
}

.feature_item h4 {
   font-size: 15px;
   margin-bottom: 20px;
   min-height: 90px;
}

.feature_item p {
   margin-bottom: 0px;
   min-height: 110px;
}

.feature_item:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: #f3f4f5;
   transition: all 0.4s ease 0s;
}

.feature_itemdst {
   border-radius: 8px;
   padding: 35px 20px;
   background: #fff;
   min-height: 350px;
   text-align: center;
   border: 1px solid #f3f4f5;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.feature_itemdst img {
   margin-bottom: 35px;
   height: 50px;
   transition: all 0.4s ease 0s;
}

.feature_itemdst img:hover {
   margin-bottom: 35px;
   filter: blur(1px);
   transition: all 0.4s ease 0s;
}

.feature_itemdst h4 {
   font-size: 15px;
   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: 500;
   line-height: 28px;
}

.feature_itemdst p {
   margin-bottom: 0px;
   min-height: 100px;
}

.feature_itemdst:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: #fff;
}

.swiper-container {
   width: 100%;
   height: 100%;
   max-height: 450px;
   min-width: 300px;
   max-width: 1920px;
   margin-bottom: 20px;
   padding-bottom: 50px;
}

.swiper-slide {
   text-align: center;
   font-size: 15px;
   background: #fff;
   border-radius: 8px;
   border: 1px solid #dcdcdd;
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   transition: all 0.4s ease 0s;
}

.swiper-slide:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   background: #fff;
   transition: all 0.4s ease 0s;
}


/* End Features Area css
============================================================================================ */
/* Start Brand Area css
============================================================================================ */
.single-brand-item {
   width: 220px;
   height: 100px;
   cursor: pointer;
   margin-bottom: 30px;
   border: 1px solid #dcdcdd;
   border-radius: 8px;
   box-shadow: none;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single-brand-item .d-table-cell {
   vertical-align: middle;
}

.single-brand-item img {
   max-width: 170px;
   margin: 0 auto;
   -webkit-filter: grayscale(0.9);
   filter: grayscale(0.9);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single-brand-item:hover {
   border: 1px solid transparent;
   box-shadow: 0px 8px 30px rgba(118, 85, 225, 0.15);
}

.single-brand-item:hover img {
   -webkit-filter: grayscale(0.1);
   filter: grayscale(0.1);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.client-info {
   padding: 25px 30px;
   text-align: center;
   position: relative;
   margin-top: 125px;
}

@media only screen and (min-width: 992px) and (max-width: 1480px) {

   .dstpreim3 {
      margin-top: 80px;
   }

}


@media only screen and (max-width: 991px) {
   .client-info {
      margin-top: 50px;
   }

   .dstpreim {
      background: #000;
   }

   .dstpreim2 {
      padding-top: 40px;
   }

   .dstpreim3 {
      padding-top: 60px;
   }

}

@media (max-width: 575px) {
   .client-info {
      padding-top: 50px;
   }
}

.client-info:before {
   content: '';
   position: absolute;
   top: -25px;
   left: -50px;
   height: 175px;
   width: 175px;
}

@media (max-width: 575px) {
   .client-info:before {
      background: none;
   }
}

@media (max-width: 575px) {
   .client-info .d-flex {
      -ms-flex-align: center;
      align-items: center;
   }
}

.client-info .lage {
   color: #000;
   font-family: "Styrene A Web", sans-serif;
   font-size: 64px;
   padding-right: 5px;
   font-weight: 900;
   line-height: 60px;
   position: relative;
   z-index: 9;
}

.client-info .smll {
   text-align: left;
   color: #000;
   font-family: "Styrene A Web", sans-serif;
   font-size: 15px;
   margin-left: 20px;
}

.call-now {
   padding-top: 50px;
   text-align: left;
   margin-bottom: 40px;
}

@media (max-width: 575px) {
   .call-now {
      padding-top: 0px;
   }
}

@media (max-width: 480px) {
   .call-now h3 {
      font-size: 15px;
   }
}

.call-now p {
   color: rgba(0, 26, 52, .6);
   font-size: 15px;
   margin-bottom: 5px;
}

.call-now span {
   font-size: 60px;
   font-weight: 900;
   color: rgba(0, 26, 52, .6);
}

/* End Brand Area css
============================================================================================ */
/* Start Portfolio Area css
============================================================================================ */
.portfolio_area {
   padding-bottom: 120px;
}

@media (max-width: 991px) {
   .portfolio_area {
      padding-bottom: 50px;
   }
}

.portfolio_area .filters ul {
   padding-left: 0;
   margin-bottom: 50px;
}

@media (max-width: 991px) {
   .portfolio_area .filters ul {
      margin-bottom: 20px;
   }
}

.portfolio_area .filters ul li {
   display: inline-block;
   margin-right: 50px;
   font-size: 15px;
   font-weight: 500;
   text-transform: uppercase;
   color: #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: #000;
}

@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: 15px;
   margin-bottom: 0px;
}

.portfolio_box .short_info h4 a {
   color: #000;
}

.single_portfolio {
   position: relative;
}

.single_portfolio .overlay {
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single_portfolio .icon {
   position: absolute;
   top: 25%;
   left: 25%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.single_portfolio .icon span {
   font-size: 100px;
   display: inline-block;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   transform: rotate(135deg);
   color: #ffffff;
   cursor: pointer;
}

.single_portfolio:hover .overlay {
   background: rgba(77, 87, 222, 0.5);
}

.single_portfolio:hover .icon {
   opacity: 1;
   visibility: visible;
   top: 50%;
   left: 50%;
}

.portfolio_details_inner .row {
   margin-bottom: 65px;
}

@media (max-width: 480px) {
   .portfolio_details_inner .row {
      margin-bottom: 30px;
   }
}

.portfolio_details_inner p {
   margin-bottom: 30px;
   font-size: 15px;
}

.portfolio_details_inner p:last-child {
   margin-bottom: 0px;
}

.portfolio_details_inner .portfolio_right_text {
   margin-top: 50px;
}

.portfolio_details_inner .portfolio_right_text h4 {
   font-size: 15px;
   margin-bottom: 18px;
}

.portfolio_details_inner .portfolio_right_text p {
   margin-bottom: 25px;
   font-size: 15px;
}

.portfolio_details_inner .portfolio_right_text .list li {
   margin-bottom: 7px;
   font-weight: normal;
   font-size: 15px;
}

.portfolio_details_inner .portfolio_right_text .list li span {
   font-family: "Styrene A Web", sans-serif;
   color: #000;
   font-size: 15px;
   font-weight: 500;
   width: 97px;
   display: inline-block;
}

.portfolio_details_inner .portfolio_right_text .list li:last-child {
   margin-bottom: 0px;
}

.portfolio_details_inner .portfolio_right_text .list li i {
   color: #f1cd09;
}

/* End Portfolio Area css
============================================================================================ */
/* Start Testimonial Area css
============================================================================================ */
.testimonial_area .owl-carousel .owl-dots {
   display: block !important;
   text-align: center;
}

.testimonial_area .owl-carousel .owl-dots .owl-dot {
   height: 10px;
   width: 10px;
   background: #d8d8d8;
   border-radius: 17px;
   display: inline-block;
   margin-right: 10px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.testimonial_area .owl-carousel .owl-dots .owl-dot.active {
   height: 12px;
   width: 12px;
   background: #000;
}

@media (max-width: 991px) {
   .testimonial_area .owl-carousel .owl-dots {
      display: none !important;
   }
}

.testimonial_area .owl-carousel .owl-item img {
   width: auto !important;
}

.testi_item {
   padding: 50px 55px;
   margin-bottom: 200px;
   margin-left: 10px;
   margin: 0px 10px 80px;
   box-shadow: 0px 15px 30px 0px rgba(221, 221, 221, 0.3);
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

@media (max-width: 991px) {
   .testi_item {
      margin-bottom: 0px;
   }
}

@media (max-width: 575px) {
   .testi_item {
      padding: 30px 20px;
   }
}

.testi_item img {
   border-radius: 8px;
}

.testi_item .col-lg-8 {
   vertical-align: middle;
   align-self: center;
}

@media (max-width: 991px) {
   .testi_item .testi_text {
      margin-top: 50px;
   }
}

.testi_item .testi_text h4 {
   font-size: 15px;
   margin-bottom: 15px;
   text-transform: uppercase;
}

.testi_item .testi_text p {
   margin-bottom: 0px;
}

.testi_item:hover {
   box-shadow: 0px 10px 20px 0px rgba(118, 85, 225, 0.1);
}

/* End Testimonial Area css
============================================================================================ */
/* Start Newsletter Area css
============================================================================================ */
.newsletter_area {
   color: #ffffff;
}

.subscription_box {
   background: url(../img/subscribe-bg.png) no-repeat center;
   padding: 150px 0px;
}

@media (max-width: 767px) {
   .subscription_box {
      padding: 50px 20px;
   }
}

.subscription_box h2 {
   font-weight: 900;
   margin-bottom: 20px;
}

@media (max-width: 767px) {
   .subscription_box h2 {
      font-size: 30px;
   }
}

.subscription_box p {
   margin-bottom: 0;
}

.subscription_box .subscription input {
   min-width: 380px;
   max-width: 380px;
   line-height: 48px;
   padding: 0 25px;
   border: 1px solid #ffffff;
   background: transparent;
   font-weight: 500;
   border-radius: 8px;
   color: #ffffff;
}

.subscription_box .subscription input:focus {
   outline: none;
}

@media (max-width: 420px) {
   .subscription_box .subscription input {
      min-width: 250px;
   }
}

.subscription_box .subscription input.placeholder {
   color: #ffffff;
   font-weight: 500;
}

.subscription_box .subscription input:-moz-placeholder {
   color: #ffffff;
   font-weight: 500;
}

.subscription_box .subscription input::-moz-placeholder {
   color: #ffffff;
   font-weight: 500;
}

.subscription_box .subscription input::-webkit-input-placeholder {
   color: #ffffff;
   font-weight: 500;
}

.subscription_box .primary-btn {
   margin-left: 10px;
   background: #ffffff;
   text-transform: uppercase;
   color: #000;
   border-radius: 8px;
   line-height: 48px;
   font-size: 15px;
   font-family: "Styrene A Web", sans-serif;
   padding: 0px 38px;
   cursor: pointer;
}

@media (max-width: 767px) {
   .subscription_box .primary-btn {
      margin-top: 20px;
   }
}

.subscription_box .subcribe-form {
   margin-top: 45px;
}

.subscription .info {
   color: #fff;
   width: 100%;
   font-size: 12px;
   background: transparent;
}

.subscription .info.valid {
   color: green;
}

.subscription .info.error {
   color: #000;
}


/* Blog Page Area css
  ============================================================================================ */
.blog_info.text-right {
   text-align: left !important;
   margin-bottom: 10px;
}

/* End Blog Page Area css
  ============================================================================================ */
.home_banner_area .banner_inner .banner_content h3 {
   font-size: 30px;
}

.home_banner_area .banner_inner .banner_content p br {
   display: none;
}

.home_banner_area .banner_inner .banner_content h3 span {
   line-height: 45px;
   padding-bottom: 0px;
   padding-top: 0px;
}

/* End End Footer Area css
  ============================================================================================ */
.made_life_inner .nav.nav-tabs li {
   flex: 0 0 50%;
   max-width: 50%;
   margin-bottom: 15px;
}

.made_life_inner .nav.nav-tabs {
   margin-bottom: -15px;
}

.made_life_area.made_white .left_side_text {
   margin-bottom: 0px;
   margin-top: 30px;
}


/* Start 
  ============================================================================================ */
@media only screen and (min-width: 1250px) and (max-width: 1600px) {
   .col-8r-custom {
      width: 12.5%;
      flex: 0 0 12.5%;
   }

   .col-xs-8r,
   .col-sm-8r,
   .col-md-8r,
   .col-lg-8r,
   .col-xl-8r {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
   }

   .col-xs-8r {
      width: 12.5%;
      float: left;
      flex: 0 0 12.5%;
   }

   .col-sm-8r {
      width: 12.5%;
      float: left;
      flex: 0 0 12.5%;
   }

   .col-md-8r {
      width: 12.5%;
      float: left;
      flex: 0 0 12.5%;
   }

   .col-lg-8r {
      width: 12.5%;
      float: left;
      flex: 0 0 12.5%;
   }

   .col-xl-8r {
      width: 12.5%;
      float: left;
      flex: 0 0 12.5%;
   }
}

/* Start 
  ============================================================================================ */
.col-4r-custom {
   width: 25%;
   flex: 0 0 25%;
}

.col-xs-4r,
.col-sm-4r,
.col-md-4r,
.col-lg-4r,
.col-xl-4r {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
}

.col-xs-4r {
   width: 25%;
   float: left;
   flex: 0 0 25%;
}

.col-sm-4r {
   width: 25%;
   float: left;
   flex: 0 0 25%;
}

.col-md-4r {
   width: 25%;
   float: left;
   flex: 0 0 25%;
}

.col-lg-4r {
   width: 25%;
   float: left;
   flex: 0 0 25%;
}

.col-xl-4r {
   width: 25%;
   float: left;
   flex: 0 0 25%;
}

#mini-service-box.full .service-item {
   margin-bottom: 10px;
   display: block;
}

#mini-service-box.full {
   height: auto;
}

#mini-service-box.full .service-item .icon {
   border-radius: 24px;
   height: 90px;
   margin: 15px auto 15px;
   text-align: center;
   width: 90px;
   opacity: 0.95;
   box-shadow: 0 10px 20px 0 rgb(0 0 0 / 15%);
   transition: all 0.3s ease 0s;
   cursor: pointer;
}

#mini-service-box.full .service-item .name {
   white-space: inherit;
   font-size: 15px;
}

#mini-service-box .auth-services .service-item {
   background: #f1f1f1;
   border-radius: 8px;
   padding: 13px 2px;
   display: block;
   margin-right: 10px;
}

#mini-service-box.full .auth-services .service-item {
   padding: 20px;
   margin-bottom: 15px;
}

#mini-service-box .auth-services .indexicon:hover {
   border-radius: 8px;
   background: transparent;
   opacity: 0.9;
}

#mini-service-box .auth-services .service-item .name {
   height: 100%;
   display: block;
   margin: auto 0px auto 10px;
   text-align: left;
   line-height: 14px;
   white-space: break-spaces;
   width: 64%;
}

#mini-service-box.full .auth-services .service-item .name {
   height: 100%;
   display: block;
   margin: auto 0px auto 15px;
   text-align: left;
   font-weight: 500;
   line-height: 16px;
}

#mini-service-box .auth-services .service-item a {
   display: flex;
   flex-direction: row;
}

#mini-service-box .auth-services .service-item .icon {
   height: 30px;
   width: 30px;
   margin: 0px;
   border-radius: 8px;
}

#mini-service-box.full .auth-services .service-item .icon {
   height: 50px;
   width: 50px;
   margin: 0px;
   border-radius: 15px;
   background-color: #000 !important;
}

@media (min-width: 1250px) {
   #mini-service-box .auth-services .service-item {
      width: 95%;
   }

   #mini-service-box.full .auth-services .indexicon:nth-child(2n) .service-item {
      float: right;
   }
}

@media (max-width: 450px) {
   .feature_item2 {
      padding: 30px !important;
   }

   .feature_item4 {
      padding: 30px !important;
   }
}

.bg_menu_active {
   position: fixed;
   z-index: 100005;
   top: 0;
   width: 100%;
   height: 100vh;
   overflow-y: hidden;
   background: rgba(0, 0, 0, .32);
}

.bg_menu_active::-webkit-scrollbar {
   width: 0 !important
}

.woocommerce .page-header-image-single {
   display: none;
}

.woocommerce .entry-content,
.woocommerce .product .entry-summary {
   margin-top: 0;
}

.related.products {
   clear: both;
}

.checkout-subscribe-prompt.clear {
   visibility: visible;
   height: initial;
   width: initial;
}

@media (max-width:768px) {

   .woocommerce .woocommerce-ordering,
   .woocommerce-page .woocommerce-ordering {
      float: none;
   }

   .woocommerce .woocommerce-ordering select {
      max-width: 100%;
   }

   .woocommerce ul.products li.product,
   .woocommerce-page ul.products li.product,
   .woocommerce-page[class*=columns-] ul.products li.product,
   .woocommerce[class*=columns-] ul.products li.product {
      width: 100%;
      float: none;
   }
}


body {
   background-color: #ffffff;
   color: #000;
}

a,
a:visited {
   text-decoration: none;
}

body .container {}

.page .entry-content {
   margin-top: 0px;
}

.entry-header {
   display: none
}

.page-content,
.entry-content,
.entry-summary {
   margin-top: 0
}

.generate-sections-inside-container {
   padding-left: 30px;
   padding-right: 30px;
}

.main-navigation a,
.menu-toggle {
   font-weight: 500;
   font-size: 15px;
}

.main-navigation .main-nav ul ul li a {
   font-size: 15px;
}

@media (max-width:768px) {
   .main-title {
      font-size: 30px;
   }

   h1 {
      font-size: 30px;
   }

   h2 {
      font-size: 25px;
   }
}

.site-header {
   background-color: #ffffff;
   color: #000;
}

.site-header a,
.site-header a:visited {
   color: #000;
}

.main-title a,
.main-title a:hover,
.main-title a:visited {
   color: #000;
}

.site-description {
   color: rgba(0, 26, 52, .6)999;
}

.main-navigation,
.main-navigation ul ul {
   background-color: #0c0c0c;
}

.main-navigation .main-nav ul li a,
.menu-toggle {
   color: #ffffff;
}

.main-navigation .main-nav ul li>a:hover,
.main-navigation .main-nav ul li>a:focus,
.main-navigation .main-nav ul li.sfHover>a {
   color: #f2f1f0ddd;
   background-color: #0c0c0c;
}

button.menu-toggle:hover,
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a,
.main-navigation .mobile-bar-items a:hover,
.main-navigation .mobile-bar-items a:focus {
   color: #ffffff;
}

.main-navigation .main-nav ul li[class*="current-menu-"]>a {
   color: #ffffff;
   background-color: #0c0c0c;
}

.main-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover>a {
   color: #ffffff;
   background-color: #0c0c0c;
}

.main-navigation ul ul {
   background-color: #3f3f3f;
}

.main-navigation .main-nav ul ul li a {
   color: #ffffff;
}

.main-navigation .main-nav ul ul li>a:hover,
.main-navigation .main-nav ul ul li>a:focus,
.main-navigation .main-nav ul ul li .sfHover>a {
   color: #ffffff;
   background-color: #4f4f4f;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
   color: #ffffff;
   background-color: #4f4f4f;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"]>a:hover,
.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover>a {
   color: #ffffff;
   background-color: #4f4f4f;
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
   background-color: #ffffff;
}

.entry-meta {
   color: #000;
}

.entry-meta a,
.entry-meta a:visited {
   color: #000;
}

.entry-meta a:hover {
   color: #5691d4;
}

.footer-widgets {
   background-color: #ffffff;
}

.footer-widgets .widget-title {
   color: #000;
}

.site-info {
   color: #ffffff;
   background-color: #000;
}

.site-info a,
.site-info a:visited {
   color: #ffffff;
}

.site-info a:hover {
   color: #606060;
}

.footer-bar .widget_nav_menu .current-menu-item a {
   color: #606060;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
   color: #000;
   border-radius: 8px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
   color: rgba(0, 26, 52, .6)666;
   background-color: #ffffff;
   border-color: #bfbfbf;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited {
   background: #364397;
   color: #fff;
   cursor: pointer;
   font-size: 15px;
   padding: 10px 25px;
   font-size: 15px;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus {}

.inside-header {
   padding: 0px 40px 0px 40px;
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
   padding: 30px;
}

@media (max-width:768px) {

   .separate-containers .inside-article,
   .separate-containers .comments-area,
   .separate-containers .page-header,
   .separate-containers .paging-navigation,
   .one-container .site-content,
   .inside-page-header {
      padding: 30px;
   }
}

.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .mobile-bar-items a {
   padding-left: 10px;
   padding-right: 10px;
}

.main-navigation .main-nav ul ul li a {
   padding: 10px;
}

.main-navigation ul ul {
   top: auto;
}

.menu-item-has-children .dropdown-menu-toggle {
   padding-right: 10px;
}

.menu-item-has-children .dropdown-menu-toggle {
   padding-right: 10px;
}

.main-navigation .navigation-logo img {
   height: 40px;
}

@media (max-width: 1260px) {
   .main-navigation .navigation-logo {
      margin-left: 10px;
   }

   body.sticky-menu-logo.nav-float-left .main-navigation .site-logo.navigation-logo {
      margin-right: 10px;
   }
}

.mobile-header-navigation .mobile-header-logo img {
   height: 40px;
}

#generate-section-1 .generate-sections-inside-container {
   padding-top: 40px;
   padding-bottom: 40px;
}

#generate-section-2.generate-sections-container {}

#generate-section-2 .generate-sections-inside-container {
   padding-top: 40px;
   padding-bottom: 500px;
}

#generate-section-3 .generate-sections-inside-container {
   padding-top: 40px;
   padding-bottom: 40px;
}

#generate-section-4 .generate-sections-inside-container {
   padding-top: 40px;
   padding-bottom: 40px;
}

.secondary-navigation {
   background-color: #0c0c0c;
}

.secondary-navigation .main-nav ul li a,
.secondary-navigation .menu-toggle {
   color: #ffffff;
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   font-size: 15px;
   padding-left: 10px;
   padding-right: 10px;
   line-height: 10px;
}

button.secondary-menu-toggle:hover,
button.secondary-menu-toggle:focus {
   color: #ffffff;
}

.widget-area .secondary-navigation {
   margin-bottom: 20px;
}

.secondary-navigation ul ul {
   background-color: #303030;
   top: auto;
}

.secondary-navigation .main-nav ul ul li a {
   color: #ffffff;
   font-size: 15px;
   padding-left: 10px;
   padding-right: 10px;
}

.secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
   padding-right: 10px;
}

.secondary-navigation .main-nav ul li>a:hover,
.secondary-navigation .main-nav ul li>a:focus,
.secondary-navigation .main-nav ul li.sfHover>a {
   color: #ffffff;
   background-color: #0c0c0c;
}

.secondary-navigation .main-nav ul ul li>a:hover,
.secondary-navigation .main-nav ul ul li>a:focus,
.secondary-navigation .main-nav ul ul li.sfHover>a {
   color: #ffffff;
   background-color: #474747;
}

.secondary-navigation .main-nav ul li[class*="current-menu-"]>a,
.secondary-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
.secondary-navigation .main-nav ul li[class*="current-menu-"].sfHover>a {
   color: #000;
   background-color: #f2f1f0bbb;
}

.secondary-navigation .main-nav ul ul li[class*="current-menu-"]>a,
.secondary-navigation .main-nav ul ul li[class*="current-menu-"]>a:hover,
.secondary-navigation .main-nav ul ul li[class*="current-menu-"].sfHover>a {
   color: #000;
   background-color: #f2f1f0bbb;
}

.delivery-block {
   font-size: 15px;
}

.site-header {
   color: #3a3a3a;
}

.secondary-navigation {
   padding-left: 275px;
   padding-top: 15px;
   margin: 0 auto;
   text-align: center;
}

.main-navigation .main-nav ul li a,
.main-navigation .mobile-bar-items a,
.menu-toggle {
   line-height: 40px;
   /*margin-top: 20px;*/
   padding-left: 20px;
   padding-right: 20px;
}

.main-navigation a,
.menu-toggle {
   text-transform: uppercase;
   padding-left: 50px;
   margin: 0 auto;
   text-align: center;
}

.main-navigation .navigation-logo img {
   top: -12px;
}

.main-navigation .navigation-logo {
   display: block;
   margin-right: 70px;

}

.inside-navigation {
   width: 90%;
   margin: 0 auto;
}

.secondary-navigation .main-nav ul li[class*="current-menu-"]>a,
.secondary-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
.secondary-navigation .main-nav ul li.sfHover[class*="current-menu-"]>a {
   background-color: #0c0c0c;
   color: #fff;
}


.main-navigation .main-nav ul li>a:hover,
.main-navigation .main-nav ul li>a:focus,
.main-navigation .main-nav ul li.sfHover>a {
   background-color: #0c0c0c;
   color: #f2f1f0;
}

.main-navigation.navigation-clone {
   box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
   margin-top: -20px;
}

.ninav1 {
   color: #fff;
   font-size: 15px;
   font-weight: 500;
   margin-top: 5px;
}

.ninav2 {
   font-size: 12px;
   color: #f2f1f0;
}

.contacts {
   float: right;
   display: inline-block;
   clear: none;
   padding: 0px;
   position: absolute;
   left: 75%;
   line-height: 18px;
}

.woocommerce ul.products li.product .price {
   color: #000;
   font-size: 15px;
   font-weight: 900;
   text-align: center;
}

.woocommerce-loop-product__title {
   color: #000;
   font-size: 20px;
   font-weight: 500;
   text-align: center;
}

.woocommerce .products ul li,
.woocommerce ul.products li {
   list-style: outside none none;
   text-align: center;
}

.woocommerce ul.products li.product .price {
   color: #000;
   font-size: 15px;
   font-weight: 900;
   margin-bottom: 0;
}

.woocommerce ul.products li.product .button {
   margin-top: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
   background-color: #fff;
   background-image: none;
   border: 0 none;
   border-radius: 8px;
   box-shadow: none;
   color: #2b7ccd;
   cursor: pointer;
   display: inline-block;
   font-size: 20px;
   font-weight: 500;
   left: auto;
   line-height: 1;
   margin: 0;
   overflow: visible;
   padding: 0.618em 1em;
   position: relative;
   text-decoration: none;
   text-shadow: none;
}


.woocommerce .woocommerce-result-count {
   display: none;
   margin: 0;
}


.woocommerce .quantity .qty {
   border: 1px solid #f2f1f0;
   height: 45px;
   text-align: center;
   width: 45px;
}

.woocommerce-loop-product__title {
   font-size: 15px;
   font-weight: 500;
   overflow-wrap: break-word;
   text-align: center;
   text-transform: uppercase;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
   font-size: 1.2em;
   height: 97px;
   margin: 0;
   overflow: hidden;
   padding: 0.5em 0;
}

.wpmenucartli {
   margin-left: 50px;
}

@media (max-width: 1460px) {

   .main-navigation .main-nav ul li a,
   .main-navigation .mobile-bar-items a,
   .menu-toggle {
      line-height: 40px;
      margin-top: 20px;
      padding-left: 10px;
      padding-right: 10px;
   }

}

@media (max-width: 1380px) {

   .main-navigation .main-nav ul li a,
   .main-navigation .mobile-bar-items a,
   .menu-toggle {
      line-height: 40px;
      margin-top: 20px;
      padding-left: 5px;
      padding-right: 5px;
   }

   .wpmenucartli {
      margin-left: 40px;
   }

}

@media (max-width: 1250px) {

   .main-navigation .main-nav ul li a,
   .main-navigation .mobile-bar-items a,
   .menu-toggle {
      line-height: 40px;
      margin-top: 20px;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 15px;
   }

   .wpmenucartli {
      margin-left: 20px;
   }

   .menu-item-88 {
      display: none;
   }

   .menu-item-99 {
      display: none;
   }

   .contacts {
      clear: none;
      display: inline-block;
      float: right;
      left: 70%;
      line-height: 18px;
      margin-left: -50px;
      padding: 5px;
      position: absolute;
   }

   .ninav1 {
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      margin-top: 5px;
   }

   .secondary-navigation .main-nav ul li a,
   .secondary-navigation .menu-toggle {
      color: #ffffff;
      font-family: "Roboto", sans-serif;
      font-size: 15px;
      font-weight: 500;
      line-height: 10px;
      padding-left: 10px;
      padding-right: 10px;
   }

   .main-navigation .main-nav ul li a,
   .main-navigation .mobile-bar-items a,
   .menu-toggle {
      font-size: 14px;
      line-height: 40px;
      margin-top: 20px;
      padding-left: 5px;
      padding-right: 5px;
   }

}

@media (max-width: 1130px) {

   .menu-item-84 {
      display: none;
   }

   .menu-item-100 {
      display: none;
   }


   .menu-item-86 {
      display: none;
   }


}


@media (max-width: 1100px) {

   .menu-item-101 {
      display: none;
   }

   .menu-item-85 {
      display: none;
   }


}


.site-logo {
   margin-top: -16px;
}


.gender-field input {
   display: none !important;
}

.gender-field {
   padding-left: 0px;
   float: left;
}

.gender-field span {
   display: inherit;
   color: #555555;
   text-align: center;
}

.gender-field {
   padding-left: 0px;
   float: left;

}

.shop-filter .color-group {
   display: inline-block;
}

.gender-field label {
   border: 2px solid #fff;
   border-radius: 50%;
   display: block;
   height: 94px;
   width: 94px;
   cursor: pointer;
   position: relative;
   box-sizing: border-box;
   transition: border-color .2s ease;
}

.gender-field {
   margin-bottom: 5px;
}

.gender-field {
   float: left;
   /*margin-right: 10px;*/
   display: block;
   box-sizing: border-box;
   position: relative;
   min-width: 45px;
}

.gender-field:first-child {
   border-right: 0px solid #d6d6d6;
}


.gender-field input:checked+label {
   /* background-color: transparent; */
   border: 2px solid #ff7448;
}

.gender-field label:before {
   content: "";
   display: block;
   height: 90px;
   width: 90px;
   border-radius: 50%;
   background-size: 30px;
   border: 2px solid #f2f1f0eee;
}

.gender-field label:hover {
   opacity: 0.85;
}

.filter-container .form-group {
   display: inline-block;
}

.main-leftbar .loader {
   position: absolute;
   background: rgba(242, 246, 250, 0.9);
   top: 0;
   bottom: 0;
   z-index: 1;
   left: 0;
   right: 0;
}

.main-leftbar .loader .loader-img {
   top: 150px;
   left: 50%;
   /* transform: translate(-50%, -50%); */
   display: table;
   width: -moz-max-content;
   max-width: 100%;
   box-sizing: border-box;
   position: relative;
}

/*
.loader .img-loader img{
    opacity: 0.7
}*/


.header-icon {
   text-align: center;
   padding: 0px 1px;
}

.header-icon a {

   height: 56px;
   position: relative;
   display: -webkit-box;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;
   align-content: center;
   -webkit-box-align: center;
   align-items: center;
   -webkit-box-pack: start;
   justify-content: flex-start;
   box-sizing: border-box;
   color: #364397;
}

.header-icon svg {
   display: block;
   margin-bottom: 5px;
   margin-top: 2px;
   text-align: center;
   color: #001a34;
   fill: #001a34;
}

.header-icon a:hover,
.header-icon a:hover svg {
   color: #364397 !important;
   fill: #364397;
}

.mobile-app {
   padding: 0 8px;
   color: #4d5f71;
   border-radius: 8px;
   background-color: #e5efff;
}

.flexMenu-popup a {
   color: #fff !important;
}

#right-sidebar .widget>.body {
   padding: 10px;
   line-height: 20px;

}

.list-cats-right a {
   font-size: 15px;
   line-height: 28px;
   transition: 0.5s;
}

.list-cats-right .show-all-filter {
   color: #364397 !important;
}

.list-cats-back {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 118px;
   padding: 10px 18px;
   border-radius: 12px;
   background: #364397;
   color: #fff !important;
   font-size: 15px;
   line-height: 1.2;
   text-decoration: none !important;
   transition: background-color 0.3s ease, opacity 0.3s ease;
}

.list-cats-back:hover {
   background: #29357f;
   opacity: 1;
}

/* Start Features Area css
============================================================================================ */
.dstport_item13 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item13 {
      padding-bottom: 50px;
   }
}

.dstport_item13 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/img2.png) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 52px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

.dstport_item13:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item13 img {
   display: block;
   margin: 0 auto;
}

@media only screen and (min-width: 300px) and (max-width: 700px) {
   .dstport_item13 {
      background: url(/templates/default/images/banner3.jpg) no-repeat center left;
   }
}

/* Start Features Area css
============================================================================================ */
.dstport_item14 {
   padding-bottom: 10px;
}

@media (max-width: 1199px) {
   .dstport_item14 {
      padding-bottom: 50px;
   }
}

.dstport_item14 {
   border: 0px solid #f3f4f5;
   background: url(/templates/default/images/banner4.jpg) no-repeat center center;
   background-size: cover;
   min-height: 400px;
   border-radius: 8px;
   color: #fff;
   padding: 45px 25px 25px 25px;
   text-align: left;
   cursor: pointer;
   margin-bottom: 30px;
   -webkit-transition: all 0.4s ease 0s;
   -moz-transition: all 0.4s ease 0s;
   -o-transition: all 0.4s ease 0s;
   transition: all 0.4s ease 0s;
}

@media only screen and (min-width: 300px) and (max-width: 700px) {
   .dstport_item14 {
      background: url(/templates/default/images/banner4.jpg) no-repeat center left;
   }
}

.dstport_item14:hover {
   box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
   opacity: 0.9;
   transition: all 0.4s ease 0s;
}

.dstport_item14 img {
   display: block;
   margin: 0 auto;
}

.dstport_item7 {
   background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.2) 0), url(/templates/default/images/banner11.jpg) no-repeat top left;
}

.dstport_item8 {
   background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 0), url(/templates/default/images/banner10.jpg) no-repeat top left;
}

/*============================================================================================ */
.dstport {
   font-size: 34px;
   margin-bottom: 20px;
   color: #364397;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 900;
   line-height: 38px;
}

.dstport2 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #364397;
}

.dstport3 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstport4 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #364397;
}

.dstportdark {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 900;
   line-height: 38px;
}

.dstportdark2 {
   font-size: 15px;
   margin-bottom: 20px;
   color: #fff;
}

.dstbtn {
   margin-top: 30px;
}

.dstbut {
   margin-top: 30px;
}

.dstbut2 {
   margin-top: 20px;
}

.dstlink {
   color: #364397;
}

/* End Gradient Area css
============================================================================================ */
.primary_btn {
   display: inline-block;
   color: #fff;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background-image: linear-gradient(to right, #364397 0%, #364397 100%), radial-gradient(circle at top left, #364397, #364397);
   border: double 2px transparent;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn span {
   padding: 0 50px;
   transition: all 0.4s ease 0s;
}

.primary_btn.tr-bg {
   border: 2px solid #364397;
   color: #364397;
   box-shadow: none;
   transition: all 0.4s ease 0s;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #f15045, #f15045);
}

.primary_btn.tr-bg:hover {
   opacity: 0.9;
   color: #364397;
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #f15045, #f15045);
   border: 2px solid #f15045;
   color: #f15045;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn:hover {
   color: #fff;
   opacity: 0.9;
   box-shadow: none;
   background-clip: border-box;
   transition: all 0.4s ease 0s;
}


.primary_btn2 {
   display: inline-block;
   border: 2px solid #364397;
   color: #364397;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
}

.primary_btn2 span {
   padding: 0 50px;
}

.primary_btn2.tr-bg2 {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #f15045, #f15045);
   border: 2px solid transparent;
   color: #364397;
   box-shadow: none;
}

.primary_btn2.tr-bg2:hover {
   background-image: linear-gradient(to right, #364397 0%, #364397 100%), radial-gradient(circle at top left, #364397, #364397);
   border: double 2px transparent;
   color: #ffffff;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
}

.primary_btn2:hover {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #f15045, #f15045);
   border: 2px solid #f15045;
   color: #f15045;
   box-shadow: none;
   background-clip: border-box;
}

.primary_btn3 {
   display: inline-block;
   border: 2px solid #364397;
   color: #364397;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 36px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
}

.primary_btn3 span {
   padding: 0 20px;
}

.primary_btn3.tr-bg3 {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #f15045, #f15045);
   border: 2px solid transparent;
   color: #364397;
   box-shadow: none;
}

.primary_btn3.tr-bg3:hover {
   background-image: linear-gradient(to right, #364397 0%, #364397 100%), radial-gradient(circle at top left, #364397, #364397);
   border: double 2px transparent;
   color: #ffffff;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
}

.primary_btn3:hover {
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #f15045, #f15045);
   border: 2px solid #f15045;
   color: #f15045;
   box-shadow: none;
   background-clip: border-box;
}

.primary_btn4 {
   display: inline-block;
   color: #fff;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background-image: linear-gradient(to right, #364397 0%, #364397 100%), radial-gradient(circle at top left, #364397, #364397);
   border: double 2px transparent;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn4 span {
   padding: 0 50px;
   transition: all 0.4s ease 0s;
}

.primary_btn4.tr-bg {
   background: rgba(11, 31, 53, .1);
   border: 2px solid transparent;
   color: #364397;
   box-shadow: none;
   transition: all 0.4s ease 0s;
}

.primary_btn4.tr-bg:hover {
   opacity: 0.9;
   color: #364397;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn4:hover {
   color: #fff;
   opacity: 0.9;
   box-shadow: none;
   background-clip: border-box;
   transition: all 0.4s ease 0s;
}


.primary_btn5 {
   display: inline-block;
   color: #f15045;
   letter-spacing: 0px;
   font-family: "Styrene A Web", sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 56px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background-image: linear-gradient(to right, #fff 0%, #fff 100%), radial-gradient(circle at top left, #fff, #fff);
   border: double 2px transparent;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn5 span {
   padding: 0 50px;
   transition: all 0.4s ease 0s;
}

.primary_btn5.tr-bg {
   border: 2px solid #364397;
   color: #364397;
   box-shadow: none;
   transition: all 0.4s ease 0s;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #f15045, #f15045);
}

.primary_btn5.tr-bg:hover {
   opacity: 0.9;
   color: #f15045;
   background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #f15045, #f15045);
   border: 2px solid #f15045;
   color: #f15045;
   box-shadow: 0px 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s;
}

.primary_btn5:hover {
   color: #f15045;
   opacity: 0.9;
   box-shadow: none;
   background-clip: border-box;
   transition: all 0.4s ease 0s;
}

.about_area .primary_btn5 {
   margin-top: 20px;
}

.dstrow {
   margin-bottom: 30px;
}

.contact_infodst .info_itemdst {
   position: relative;
   margin-top: 30px;
   color: #fff;
}

.contact_infodst .info_itemdst h6 {
   font-size: 15px;
   line-height: 24px;
   font-weight: bold;
   margin-bottom: 0px;
}

.contact_infodst .info_itemdst h6 a {
   font-size: 15px;
   line-height: 24px;
}

.special-label {
   font-size: 14px;
}


.nyroModalCont {
   margin: 70px;
   overflow: hidden !important;
}

#comments_add_form {
   display: none;
}

.comments .form .stars .starrating>label:before {
   font-size: 1em;
}

.comments .form .stars .starrating>label {
   margin: 0px;
}

##364397actor_modal {
   z-index: 10010 !important;
}

.comments .form .#364397actor_box {
   background: unset;

}

.comments .form .#364397actor_toolbar {
   background: unset;
   box-shadow: none;
}

#comments_add_form_sub {
   display: none;
}

.comments .form .qq-upload-button {
   display: none;
}

.comments .form .widget_image_single .block,
.comments .form .widget_image_multi .block {
   height: auto;
}

.#364397actor_editor {
   min-height: 150px !important;
}

.comments .#364397actor_editor {
   min-height: 100px !important;
}

#comments_add_link a {
   color: #fff !important;
}

.comments .text p {
   margin-bottom: 5px;
}

.comments .links {
   padding-top: 5px !important;
}

.images-review img {
   width: 64px;
}

.comments .#364397actor_box {
   position: relative;
}

#comments_list .review .content .links a {
   font-size: 14px;
   border: 1px solid #f2f1f0;
   padding: 5px 10px;
   border-radius: 8px;
   display: inline-block;
}

#comments_list .review .content .links a:hover {
   opacity: 0.8;
}

.comments .images img {
   width: 86px;
}

.comments .images .show-all {
   padding-top: 20px;
   width: 86px;
   height: 86px;
   font-size: 15px;
   background: #f1f1f1;
   display: inline-block;
   text-align: center;
}

.images-comments .item {
   float: left;
   margin-bottom: 10px;
}

.images-comment .item img {
   width: 150px;

}

.images-comments .owl-item {
   margin: 0px !important;
}

.comments-load {
   color: #364397;
   font-weight: 900;
   border-top: 2px solid rgba(0, 26, 52, .09);
   padding-top: 24px;
   text-align: center;
   cursor: pointer;
}

#comments_widget #reviews_add_form .author_data .field .input {
   background: #fff;
}

#comments_widget .tabs-menu {
   margin: 0px;
}

#comments_widget .tabs-menu ul {
   border: 0px;
}

.tabbed.content_news_comments_tab {
   display: none;
}

.callout-block {
   padding: 1.5rem;
   background: #f5f5f5;
   margin-top: 2rem;
   margin-bottom: 1rem;
   border-radius: 8px;
   font-size: 15px;
}

.callout-block2 {
   padding: 1.5rem;
   background: #364397;
   margin-top: 2rem;
   margin-bottom: 1rem;
   border-radius: 8px;
   color: #fff;
   font-size: 15px;
}

.callout-block3 {
   padding: 1.5rem;
   background: #f15045;
   margin-top: 2rem;
   margin-bottom: 1rem;
   border-radius: 8px;
   color: #fff;
   font-size: 15px;
}

.callout-block code {
   background: #fff
}

.callout-block .callout-title {
   font-size: 15px;
   color: #0b1f35;
   font-weight: 900;
}

.callout-block2 .callout-title {
   font-size: 15px;
   color: #fff;
   font-weight: 900;
}

.callout-block2 a {
   color: #fff;
   text-decoration: underline;
}

.callout-block3 a {
   color: #fff;
   text-decoration: underline;
}

.callout-block2 .callout-title {
   font-size: 15px;
   color: #fff;
   font-weight: 900;
}

.callout-block3 a {
   color: #fff !important;
   text-decoration: underline;
}

.callout-block.callout-block-info {
   border: 1px solid #dcdcdd;
   background: #fff;
}

.callout-block.callout-block-info2 {
   background: #0B1F35;
}

.callout-block.callout-block-info3 {
   background: #f15045;
}

.callout-block.callout-block-info .callout-title {
   color: #364397
}

.callout-block.callout-block-info2 .callout-title {
   color: #fff
}

.callout-block.callout-block-info a {
   color: #0B1F35;
   text-decoration: underline;
   display: none;
}

.callout-block.callout-block-success {
   border-color: #5cb377;
   background: #e7f4eb
}

.callout-block.callout-block-success .callout-title {
   color: #3e8554
}

.callout-block.callout-block-success a {
   color: #3e8554
}

.callout-block.callout-block-warning {
   border-color: #EEBF41;
   background: #fdf6e5
}

.callout-block.callout-block-warning .callout-title {
   color: #d09c13
}

.callout-block.callout-block-warning a {
   color: #d09c13
}

.callout-block.callout-block-danger {
   border-color: #d26d69;
   background: #fbf3f2
}

.callout-block.callout-block-danger .callout-title {
   color: #b73c37
}

.callout-block.callout-block-danger a {
   color: #b73c37
}

/* 
============================================================================================ */
/* Услуги
============================================================================================ */
.display-inline-block{
display: inline-block;	
}

.dst-uslugi-list__item {
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:start;
  -moz-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:12px;
  margin-bottom:15px;
  color:inherit;
  text-decoration:none;
  margin-right:28px;
  transition: all 0.4s ease 0s;
}

.dst-uslugi-list__item:hover {
 opacity:0.8;
 transition: all 0.4s ease 0s;
}
.dst-uslugi-list__item:nth-child(6n) {
  margin-right:0
}

.dst-uslugi-list-cat0 {
   background: #f2f1f0 url(/templates/default/images/30-1.png) no-repeat 97% center;
     min-height: 90px;
     background-size: 20%;
}
@media all and (max-width: 576px) {
   .dst-uslugi-list-cat0 {
      background: #f2f1f0 url(/templates/default/images/30-1.png) no-repeat 97% center;
        min-height: 90px;
        background-size: 10%;
   }
   }

   
.dst-uslugi-list-cat1 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-sale.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 24%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat1 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-sale.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 11.5%;
}	
}

.dst-uslugi-list-cat2 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-services.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 20%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat2 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-services.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 10.5%;
}	
}

.dst-uslugi-list-cat3 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-work.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 24%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat3 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-work.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 11.5%;
}	
}

.dst-uslugi-list-cat4 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-dating.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 24%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat4 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-dating.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 11.5%;
}	
}


.dst-uslugi-list-cat5 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-real-estate.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 24%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat5 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-real-estate.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 11.5%;
}	
}

.dst-uslugi-list-cat6 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-education.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 28%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat6 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-education.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 10.5%;
}	
}

.dst-uslugi-list-cat7 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-tourism.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 24%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat7 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-tourism.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 11.5%;
}	
}

.dst-uslugi-list-cat8 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-business.png) no-repeat 97% center;
  min-height: 90px;
  background-size: 28%;
}

@media all and (max-width: 576px) {
.dst-uslugi-list-cat8 {
background: #f2f1f0 url(/templates/default/images/hleba-category-icons/root-business.png) no-repeat calc(100% - 14px) center;
  min-height: 90px;
  background-size: 10.5%;
}	
}

.dst-uslugi-list__image {
  width:30%;
  height:100%;
  margin-right:40px;  
}
.dst-uslugi-list__image img {
  height: 100%;
  margin-left: 15px;
  min-height: 80px;
  width: auto;
  padding-top: 10px;
  max-height: 100px;
}
.dst-uslugi-list__text {
font-size: 15px;
  padding: 15px;
  top: -25px;
  position: relative;
}

.hleba-home-category-card__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.hleba-home-category-card__hint {
  font-size: 14px;
  line-height: 1.45;
  color: #6d7590;
  max-width: 210px;
}

.hleba-category-visual {
  --visual-primary: #4f67d1;
  --visual-secondary: #e3ebff;
  --visual-accent: #29357d;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 116px;
  flex-shrink: 0;
}

.hleba-category-visual--sub {
  width: 110px;
  height: 110px;
}

.hleba-category-visual__orb {
  position: absolute;
  left: 8px;
  top: 10px;
  width: 84px;
  height: 84px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,0.95) 0, rgba(255,255,255,0.95) 17%, rgba(255,255,255,0) 18%),
    linear-gradient(140deg, var(--visual-secondary) 0%, #ffffff 100%);
  box-shadow: 0 18px 32px rgba(56, 75, 135, 0.12);
}

.hleba-category-visual__sheet {
  position: absolute;
  right: 0;
  bottom: 6px;
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: linear-gradient(150deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.58) 100%);
  box-shadow: 0 16px 24px rgba(56, 75, 135, 0.10);
  transform: rotate(12deg);
}

.hleba-category-visual__frame {
  position: relative;
  z-index: 2;
  width: 70px;
  height: 70px;
  border-radius: 24px;
  background: linear-gradient(145deg, var(--visual-primary) 0%, var(--visual-accent) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 16px 28px rgba(56, 75, 135, 0.22);
}

.hleba-category-visual__icon-svg {
  width: 34px;
  height: 34px;
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hleba-category-visual__badge {
  position: absolute;
  right: 2px;
  top: 4px;
  z-index: 3;
  min-width: 38px;
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(255,255,255,0.96);
  color: var(--visual-accent);
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-align: center;
  box-shadow: 0 10px 20px rgba(56, 75, 135, 0.12);
}

.hleba-category-visual--sale {
  --visual-primary: #4f67d1;
  --visual-secondary: #e2ebff;
  --visual-accent: #29357d;
}

.hleba-category-visual--services {
  --visual-primary: #32b18e;
  --visual-secondary: #e1fcf3;
  --visual-accent: #1d7763;
}

.hleba-category-visual--jobs {
  --visual-primary: #f1ad42;
  --visual-secondary: #fff0d3;
  --visual-accent: #94601c;
}

.hleba-category-visual--dating {
  --visual-primary: #ee7a69;
  --visual-secondary: #ffe3de;
  --visual-accent: #b94947;
}

.hleba-category-visual--realty {
  --visual-primary: #45a8c7;
  --visual-secondary: #e0f7ff;
  --visual-accent: #226980;
}

.hleba-category-visual--study {
  --visual-primary: #6d6ef0;
  --visual-secondary: #ece9ff;
  --visual-accent: #4b36af;
}

.hleba-category-visual--tourism {
  --visual-primary: #57b892;
  --visual-secondary: #e1fff4;
  --visual-accent: #246a5c;
}

.hleba-category-visual--business {
  --visual-primary: #8593ff;
  --visual-secondary: #eef0ff;
  --visual-accent: #3b4699;
}

.hleba-category-visual--neutral {
  --visual-primary: #8a95ad;
  --visual-secondary: #eef1f6;
  --visual-accent: #4d5669;
}

@media all and (max-width: 576px) {
  .dst-uslugi-list__text {
    font-size: 15px;
  }

  .hleba-home-category-card__hint {
    font-size: 13px;
    max-width: 170px;
  }

  .hleba-category-visual {
    width: 94px;
    height: 94px;
  }

  .hleba-category-visual--sub {
    width: 94px;
    height: 94px;
  }

  .hleba-category-visual__orb {
    width: 68px;
    height: 68px;
    border-radius: 22px;
  }

  .hleba-category-visual__frame {
    width: 58px;
    height: 58px;
    border-radius: 20px;
  }

  .hleba-category-visual__icon-svg {
    width: 28px;
    height: 28px;
  }

  .sub-cats-widget .item.hleba-subcategory-card {
    width: 166px;
    min-height: 196px;
    border-radius: 16px;
    padding: 12px;
  }

  .sub-cats-widget .item.hleba-subcategory-card .hleba-subcategory-card__title {
    font-size: 14px;
  }

  .sub-cats-widget .item.hleba-subcategory-image-card {
    width: 166px;
    min-height: 188px;
    border-radius: 16px;
  }

  .sub-cats-widget .item.hleba-subcategory-image-card .hleba-subcategory-image-card__image {
    height: 112px;
  }

  .sub-cats-widget .item.hleba-subcategory-image-card .hleba-subcategory-image-card__title {
    font-size: 14px;
    padding: 10px 12px 12px;
  }
}

.dst-uslugi-tile__title {
  font-size:28px;
  padding:10px 0 20px 0
}
.dst-uslugi-tile__items {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:start;
  -moz-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding-bottom:18px
}
.dst-uslugi-tile__item {
  width:23.5%;
  background:#f2f1f0;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  margin-bottom:36px;
  color:inherit;
  text-decoration:none;
  margin-right:28px
}
.dst-uslugi-tile__item:hover {
 opacity:0.8;
 transition: all 0.4s ease 0s;
}
.dst-uslugi-tile__item:nth-child(4n) {
  margin-right:0
}
.dst-uslugi-tile__desc {
  padding:8px 8px 16px 16px
}
.dst-uslugi-tile__image {
  -webkit-border-radius:20px 20px 0 0;
  -moz-border-radius:20px 20px 0 0;
  border-radius:20px 20px 0 0;
  overflow:hidden
}
.dst-uslugi-tile__image img {
  width:100%
}
.dst-uslugi-tile__date {
  color:#929292;
  font-size:12px
}
.dst-uslugi-tile__caption {
  font-size:18px;
  margin:0px 0px 16px;
  font-weight:bold
}
.dst-uslugi-tile__caption.fam {
  font-size:16px;
  font-weight:bold
}
.dst-uslugi-tile__text {
  font-size:12px
}
.dst-uslugi-tile__show {
  text-align:center;
  padding-bottom:70px
}
.dst-uslugi-tile__button {
  display:inline-block;
  position:relative;
  text-decoration:none;
  background:#f2f1f0;
  font-size:18px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  color:#000;
  line-height:44px;
  height:44px;
  width:335px;
  font-weight: 500;
  cursor:pointer;
}
.dst-uslugi-tile__button:hover {
   opacity:0.8;
 transition: all 0.4s ease 0s;
}
.dst-uslugi-tile__button:before {
  position:absolute;
  top:50%;
  right:16px;
  margin:-9px 0 0 0;
  content:'';
  width:21px;
  height:20px;
}
@media all and (max-width: 1024px) {
  .dst-uslugi-tile__item {
    width:48%;
    margin:0 1% 20px
  }
  .dst-uslugi-tile__item:nth-child(4n) {
    margin-right:initial
  }
}
@media all and (max-width: 768px) {
  .dst-uslugi-tile {
    padding:30px 0 20px
  }
  .dst-uslugi-tile__title {
    font-size:20px
  }
  .dst-uslugi-tile__items {
    margin-left:0;
    margin-right:0
  }
  .dst-uslugi-tile__item {
    width:100%;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    margin:0 0 12px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -webkit-justify-content:start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .dst-uslugi-tile__image {
    overflow:inherit;
    padding:20px 0 20px 20px
  }
  .dst-uslugi-tile__image img {
    display:block;
    width:70px;
    height:67px
  }
  .dst-uslugi-tile__desc {
    width:75%;
    padding:14px
  }
  .dst-uslugi-tile__caption {
    margin:0px 0px 8px
  }
  .dst-uslugi-tile__image.fam {
    padding:0;
    width:25%;
    overflow:hidden;
    -webkit-border-radius:10px 0 0 10px;
    -moz-border-radius:10px 0 0 10px;
    border-radius:10px 0 0 10px
  }
  .dst-uslugi-tile__image.fam img {
    display:block;
    width:initial;
    height:130px;
    position:relative;
    left:-26px
  }
}
.dst-uslugi-group {
  padding:0 0 30px;
  color:#000;
  font-size:14px
}
.dst-uslugi-group__common {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:start;
  -moz-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start;
  background:#f2f1f0;
  padding:10px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.dst-uslugi-group__item {
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  background:#fff;
  text-align:center;
  padding:8px 17px;
  margin:10px;
  text-decoration:none;
  color:#000;
  cursor:pointer
}
.dst-uslugi-group__item:hover {
  opacity:0.8;
 transition: all 0.4s ease 0s;
}
.dst-uslugi-group__item.active {
  border:1px solid #d0d0d0
}
@media all and (max-width: 768px) {
  .dst-uslugi-group__common {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:14px
  }
  .dst-uslugi-group__item {
    width:100%;
    margin-bottom:10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin:0 8px 8px 8px
  }
  .dst-uslugi-group__item.thirty {
    width:28%
  }
  .dst-uslugi-group__item.fifty {
    width:45%
  }
  .dst-uslugi-group__all {
    padding-top:14px;
    text-align:center
  }
}
.dst-uslugi-tile-diagnostic__title {
  font-size:28px;
  padding:10px 0 20px 0
}
.dst-uslugi-tile-diagnostic__items {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:start;
  -moz-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.dst-uslugi-tile-diagnostic__item {
  width:100%;
  background:#f2f1f0;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  transition: all 0.4s ease 0s;
  color:inherit;
  text-decoration:none;
  margin:0 48px 48px 0
}
.dst-uslugi-tile-diagnostic__item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
  filter: grayscale(0.1);
  transition: all 0.4s ease 0s;
}
.dst-uslugi-tile-diagnostic__item:nth-child(3n) {
  margin-right:initial
}
.dst-uslugi-tile-diagnostic__desc {
  padding:20px 10px 20px 20px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -moz-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  min-height: 90px;
  overflow: hidden;
}
.dst-uslugi-tile-diagnostic__image {
  -webkit-border-radius:20px 20px 0 0;
  -moz-border-radius:20px 20px 0 0;
  border-radius:20px 20px 0 0;
  overflow:hidden
}
.dst-uslugi-tile-diagnostic__image img {
width: auto;
  max-height: 320px;
}

.dst-uslugi-tile-diagnostic__image2 {
  -webkit-border-radius:20px 20px 0 0;
  -moz-border-radius:20px 20px 0 0;
  border-radius:20px 20px 0 0;
  overflow:hidden
}
.dst-uslugi-tile-diagnostic__image2 img {
width: 100%;
  max-height: 100%;
}

@media all and (max-width: 768px) {
	
.dst-uslugi-tile-diagnostic__image2 {
    overflow:inherit;
    padding:20px 0 20px 20px
  }
  
.dst-uslugi-tile-diagnostic__image2 img {
display: block;
    width: 127px;
    border-radius: 20px;
}	
}	

.dst-uslugi-tile-diagnostic__text {
  width:100%;
  font-size:18px;
  font-weight:bold
}

.dst-uslugi-tile-diagnostic__text2 {
width: 100%;
  font-size: 15px;
  font-weight: bold;
  height: 55px;
  overflow: hidden;
}

.dst-uslugi-tile-text {
font-size: 15px;
  height: 120px;
  overflow: hidden;
  color: #6d7986;
}

.dst-uslugi-tile-text2 {
  font-size: 15px;
  height: 280px;
  overflow: hidden;
  color: #6d7986;
  line-height: 18px;
}

.dst-uslugi-tile-diagnostic__btn {
  display:inline-block;
  text-decoration:none;
  background:#fff;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  color:#000;
  line-height:44px;
  height:44px;
  font-size: 15px;
  width:30%;
  font-weight: 500;
  cursor:pointer;
  text-align:center;
  margin-right:12px
}
.dst-uslugi-tile-diagnostic__btn:hover {
  opacity:0.8;
}

@media all and (max-width: 768px) {
  .dst-uslugi-tile-diagnostic {
    padding:30px 0 20px
  }
  .dst-uslugi-tile-diagnostic__title {
    font-size:20px
  }
  .dst-uslugi-tile-diagnostic__items {
    margin-left:0;
    margin-right:0
  }
  .dst-uslugi-tile-diagnostic__item {
    width:100%;
    border-radius:18px;
    margin:0 0 20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -webkit-justify-content:start;
    -moz-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }
  .dst-uslugi-tile-diagnostic__image {
    overflow:inherit;
    padding:20px 0 20px 20px
  }
  .dst-uslugi-tile-diagnostic__image img {
    display:block;
    width:127px;
    border-radius: 20px
  }
  .dst-uslugi-tile-diagnostic__desc {
    width:100%
  }
  .dst-uslugi-tile-diagnostic__text {
    font-size:14px
  }
  .dst-uslugi-tile-diagnostic__btn {
    width:70%;
    line-height:34px;
    height:initial;
    margin-top:12px;
    border-radius: 20px;
    height:inherit
  }
}

.dst-uslugi-group__common {
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:start;
  -moz-box-pack:start;
  -ms-flex-pack:start;
  justify-content:start;
  background:#f2f1f0;
  padding:10px;
  border-radius:18px;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.dst-uslugi-group__item {
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  background:#fff;
  text-align:center;
  padding:8px 17px;
  margin:10px;
  text-decoration:none;
  color:#000;
  cursor:pointer
}
.dst-uslugi-group__item:hover {
 opacity:0.8;
 transition: all 0.4s ease 0s;
}
.dst-uslugi-group__item.active {
  border:1px solid #d0d0d0
}
@media all and (max-width: 768px) {
  .dst-uslugi-group__common {
    border-radius:18px;
    padding:14px
  }
  .dst-uslugi-group__item {
    width:100%;
    margin-bottom:10px;
    border-radius: 20px;
    margin:0 8px 8px 8px
  }
  .dst-uslugi-group__item.thirty {
    width:28%
  }
  .dst-uslugi-group__item.fifty {
    width:45%
  }
  .dst-uslugi-group__all {
    padding-top:14px;
    text-align:center
  }
}

.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: #ff528b;
  color: #fff;
  font-size: 13px;
  left: 0;
  top: 0;
  z-index: 1;
  margin: 10px;
  border-radius: 18px;
}


.orders-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /*расстояние между блоками*/
}

.order-item {
    padding: 20px;
    border-radius: 18px;
    background-color: #f5f7fa;
    flex-basis: calc(50% - 10px); /*  два в ряд на средних и больших экранах */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
     transition: background-color 0.3s ease;
	 font-size: 18px;
}

.order-item:hover {
opacity:0.8;
}

.order-item .item-header {
    font-weight: bold;
    color: #000;
    margin-right: 5px;
    display: inline; /*чтоб не занимало всю ширину*/
}
.order-item  .order-id,
.order-item  .order-info,
.order-item  .order-data,
.order-item  .order-organization
{
   margin-bottom: 10px;
}

@media (max-width: 768px) {
    .order-item {
        flex-basis: 100%; /* один в ряд на малых экранах */
    }
}

.club-item-tags a {
   background: #f5f7fa;
   color: #000;
   border-radius: 15px;
   line-height: 33px;
   margin-right: 10px;
   padding: 10px 19px;
   height: 35px;
   font-size: 16px
}

.club-item-tag {
   margin-bottom: 15px;
   display: inline-block;
   transition: all .3s
}

.club-item-tag:hover {
   opacity: .7;
   transition: all .3s
}

.club-item-user .nickname {
   font-weight: 600
}

.club-item-user .info {
   font-weight: 500;
   font-size: 16px
}

.club-item-user .info .cat {
   color: rgba(0, 26, 52, .6)
}

.club-item-user .info .date {
   color: rgba(0, 26, 52, .6)
}

.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: #005bff;
   transform: translateY(-8px);
   transition: all 0.4s ease 0s;
   box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}

@media(min-width:1200px) {
.box-dst:nth-child(3n) {
    padding-right: 0px !important
}
}

.rowdst {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.coldst, .coldst-lg-6, .coldst-lg-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}

.coldst-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.rutvithead {
padding-top: 50px; 	
}

.rutvithead2 {
padding-top: 150px; 	
}

@media (min-width: 992px) {
.coldst-lg-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.containerdst-left {
  width: 40%;
  flex: 0 0 40%;
  padding-left: 10%;
}

.containerdst-right {
  width: 40%;
  flex: 0 0 40%;
  padding-right: 10%;
}

}

@media (max-width: 992px) { 
.rutvithead {
padding-top: 100px;	
}	
}	
  
.section-img-dst {
 width:100%; 
 cursor: pointer;
  transition: all 0.6s ease 0s;
  }

.section-img-dst:hover{
 filter: grayscale(50%);
  transition: all 0.6s ease 0s;
  }
  
.box-dst-intro{
  display: block;
    width: 100%;
   position: relative;
 height: 100%;
  min-height: 360px;
}

.promo-nametag{
position: absolute;
  line-height: 70px;
  color: #000;
font-size: 50px;
  font-weight: 700;
}


.promo-nametag:nth-child(1){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 7s;
  animation-direction: alternate-reverse;  
}

.promo-nametag:nth-child(2){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 7s;
  animation-direction: alternate;
}

@keyframes fade{
    0%,45% {
      opacity: 0;
}
    100%{
      opacity: 1;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1420px)  {
.title-dst-heading {
    font-size: 4rem;
} 
}


@media screen and (max-width: 735px) {
.promo-nametag {
    font-size: 2.6rem;
    line-height: 44px !important;
} 
}

@media screen and (max-width: 767px) {
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}


@media only screen and (min-width: 300px) and (max-width: 735px) {
.title-dst-heading {
    font-size: 3.7rem;
} 

}

.shipping-carousel {

}
.shipping-carousel .item {
float: left;
line-height: 28px;
background: #f0f2f5;
border-radius: 18px;
padding: 20px 30px;
height: 430px;
width: 380px;
text-align: left;
margin-left: 15px;
transition: 0.3s;
margin-bottom: 20px;
cursor: pointer;
transition: all 0.4s ease 0s;
border:2px solid #f0f2f5; 
transition: all 0.4s ease 0s;
}

.shipping-carousel .item:hover {
border-color: #364397;
    transform: translateY(-8px);
	filter: grayscale(0.1);
	transition: all 0.4s ease 0s;
}

.shipping-carousel .item .title {
font-size: 28px;
  font-weight: 700;
  height: 60px;
  line-height: 32px;
}

.shipping-carousel .item .icon {
    margin-top: 20px;
    height: 100px;
}

.shipping-carousel .item .icon img{
    height: 100% !important;
}

.shipping-carousel .item .desc {
    font-size: 20px;
color: rgba(0, 26, 52, .6);

}
.shipping-carousel .owl-dots {
    display: none;
}

.shipping-carousel2 {

}
.shipping-carousel2 .item {
    float: left;
    line-height: 26px;
    background: url('/images/texture5.jpg');
    padding: 35px;
    border: unset !important;
    height: 430px;
    width: 360px !important;
    text-align: left;
    margin-left: 25px;
	transition: 0.5s;
	border-radius: 8px;
    color: #fff
}

.shipping-carousel2 .item:hover {
  background: url('/images/texture5.jpg');
transition: 0.5s;
    opacity:0.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: 17px;

}
.shipping-carousel2 .owl-dots {
    display: none;
}

.shipping-carousel-zadachi {

}
.shipping-carousel-zadachi .item {
  float: left;
line-height: 28px;
background: #fff;
border-radius: 8px;
border: 1px solid #e6e8ea;
padding: 30px;
height: 300px;
width: 240px;
text-align: left;
margin-left: 15px;
transition: 0.3s;
margin-bottom: 20px;
cursor: pointer;
}

.shipping-carousel-zadachi .item:hover {
  background: #f3f4f5;
transition: 0.3s;
    box-shadow: 0px 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: 15px;

}
.shipping-carousel-zadachi .owl-dots {
    display: none;
}

.nav-dst-list {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -1rem;
}

.nav-dst-list-mobile {
  display: none;
}

.nav-dst-link {
  font-size: 1.4rem;
  color: #14171a;
  padding: 0 1rem;
  transition: opacity 0.5s;
font-family: "SF Pro Display", sans-serif;
display: block;
}

.nav-dst-link:hover {
  opacity: 0.7;
color: #ddd;
}

.nav-dst-link-apple {
width: 64px;
height: 64px;
background: url(/templates/default/images/zap.svg) no-repeat;
background-size: cover;
margin-bottom: 20px;
}

.nav-dst-link-search {
  width: 1.6rem;
  height: 4.8rem;
  background: url("/img/search.svg") center no-repeat;
}

.nav-dst-link-bag {
  width: 1.4rem;
  height: 4.8rem;
  background: url("/img/user.png") center no-repeat;
}

.catalog-icon-svg {
  width: 60px !important;
  height: 60px !important;
  color: #364397;
}

.primary_btn {
   display: inline-block;
   color: #fff;
   letter-spacing: 0;
   font-weight: 500;
   font-size: 16px;
   line-height: 44px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 12px;
   background-origin: border-box;
   background-clip: content-box, border-box;
   background: #364397;
   border: double 2px transparent;
   box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s
}

.primary_btn:hover {
   color: #fff;
   opacity: 0.8;
   transition: all 0.4s ease 0s;
   text-decoration: none;
}

.primary_btn span {
   padding: 0 24px;
   transition: all 0.4s ease 0s
}

.mainbrands5 {
   font-size: 18px;
   line-height: 28px;
   font-weight: 500;
   margin-top: 25px;
   margin-bottom: 30px
}

.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
}

.container3 {
  max-width: 100%;
}

.dstport_item1 {
border:1px solid #f5f7fa;   
background: #f5f7fa;
background-size: cover;
min-height: 300px;
border-radius: 18px;
color: #000;
font-size: 17px;
padding: 45px 25px 25px 45px;
text-align: left;
cursor: pointer;
margin-bottom: 30px;
line-height: 28px;
-webkit-transition: all 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: #364397;
transform: translateY(-8px);
box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
	}
.dstport_item1 img {
display: block;
margin: 0 auto;	}

.dstport_item2 {
background: #364397;
background-size: cover;
min-height: 300px;
border-radius: 18px;
color: #fff;
font-size: 17px;
padding: 45px 25px 25px 45px;
text-align: left;
cursor: pointer;
margin-bottom: 30px;
line-height: 28px;
-webkit-transition: all 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: #364397;
transform: translateY(-8px);
box-shadow: 0 12px 30px rgb(0 0 0 / 8%)
}
.dstport_item2 img {
display: block;
margin: 0 auto;	
}

.primary_btn5 {
   display: inline-block;
   color: #364397;
   letter-spacing: 0;
   font-weight: 500;
   font-size: 16px;
   line-height: 42px;
   outline: none !important;
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   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, #364397, #364397)
}

.primary_btn5.tr-bg:hover {
   opacity: .9;
   color: #364397;
   background-image: linear-gradient(#fff, #fff), radial-gradient(circle at top left, #364397, #364397);
   border: 2px solid #364397;
   color: #364397;
   box-shadow: 0 10px 30px rgba(118, 85, 225, 0.3);
   transition: all 0.4s ease 0s
}

.primary_btn5:hover {
   color: #364397;
   opacity: .9;
   box-shadow: none;
   background-clip: border-box;
   transition: all 0.4s ease 0s
}

.about_area .primary_btn5 {
   margin-top: 20px
}

.dstport {
   font-size: 24px;
   margin-bottom: 20px;
   line-height: 32px;
   font-weight: 700
}

.dstport-white {
   font-size: 24px;
   margin-bottom: 20px;
   line-height: 32px;
   font-weight: 700;
   color: #fff
}

.dstportdark {
  font-size: 24px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 700;
  line-height: 32px;
}

.dstbut {
  margin-top: 30px;
}

.pos_banner_cover{
margin-top: 20px;
  background: #fff;
  border-radius: 15px;
}

.border-radius-12{
border-radius: 12px !important;
}

.border-radius-18{
border-radius: 18px !important;
}

.position-width-blue-size {
  transition: all 0.4s ease 0s;
  padding: 10px 30px;
  cursor: pointer;
  border-radius: 18px;
  background: rgba(0, 150, 255, .08);
}




.ads {
color: #000;
background: #f5f7fa;
font-weight: 500;
padding: 0px 8px;
font-size: 12px;
border-radius: 12px;
display: inline-block;
position: absolute;
margin: 8px 15px 0px 0px;
right: 0;
opacity: 0.8;
}	

.dst-flag-ads, .dst-flag-ads-green {
color: #fff;
background: #02d15c;
padding: 5px 10px;
border-radius: 8px;
font-size: 13px;
margin-left: 5px;
transition: all 0.4s ease 0s;
}

.dst-flag-ads-red {
color: #fff;
background: #ff4053;
padding: 5px 10px;
border-radius: 8px;
font-size: 13px;
margin-left: 5px;
transition: all 0.4s ease 0s;
}

.dst-flag-ads-yellow {
color: #4f3a00;
background: #ffd66b;
padding: 5px 10px;
border-radius: 8px;
font-size: 13px;
margin-left: 5px;
transition: all 0.4s ease 0s;
}

.dst-ads-banners {
color: #fff;
background: #02d15c;
padding: 0px 10px;
border-radius: 18px;
font-size: 13px;
margin-left: 5px;
transition: all 0.4s ease 0s;
display: inline-block;
margin-right: 10px; 
}

.dst-ads-banners-gray {
background: #eee;
padding: 0px 10px;
border-radius: 18px;
font-size: 13px;
margin-left: 5px;
transition: all 0.4s ease 0s;
display: inline-block;
margin-right: 10px; 
}

.board-title-banner {
color: black;
font-weight: 800;
font-size: 18px;
line-height: 20px;
}

.board-title-banner a {
padding-top: 10px;
color: #000;
font-weight: 700;
font-size: 15px;
line-height: 20px;
}

.ads-padding {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}

.ads-padding-dst-block {
padding: 0px 0px 0px 8px;
}

.ads-blue-dst-block{
color: #000;
background: #e9ecef;
padding: 2px 10px;
border-radius: 8px;
}

.banner-position-dst-ad {
color: #bbb;
font-size: 15px;
padding: 10px;
}

.banner-position-color-gray {
color: #bbb;
font-size: 15px;
padding: 40px;
}

.banner-right-links {
color: rgba(0, 26, 52, .6);
font-size: 13px
}

.banner-right-links a {
float: left;
margin-right: 10px;
font-size: 13px;
color: rgba(0, 26, 52, .6);
text-decoration: underline
}

.search-similar-heading {
    color: #111827;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    margin: 28px 0 18px;
}