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: #005bff;
border: 2px solid #005bff;
}
input.filter-item[type="checkbox"]:checked + label:before,
input.filter-item[type="checkbox"]:not(:checked) + label:before {
border-radius: 2px;
}
input.filter-item[type="radio"]:checked + label:before,
input.filter-item[type="radio"]:not(:checked) + label:before {
border-radius: 100%;
}
input.filter-item[type="checkbox"]:checked + label:after,
input.filter-item[type="checkbox"]:not(:checked) + label:after,
input.filter-item[type="radio"]:checked + label:after,
input.filter-item[type="radio"]:not(:checked) + label:after {
content: "";
position: absolute;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
input.filter-item[type="checkbox"]:checked + label:after,
input.filter-item[type="checkbox"]:not(:checked) + label:after {
left: 3px;
top: 4px;
width: 10px;
height: 5px;
border-radius: 1px;
border-left: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input.filter-item[type="radio"]:checked + label:after,
input.filter-item[type="radio"]:not(:checked) + label:after {
left: 5px;
top: 5px;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #e145a3;
}
input.filter-item[type="checkbox"]:not(:checked) + label:after,
input.filter-item[type="radio"]:not(:checked) + label:after {
opacity: 0;
}
input.filter-item[type="checkbox"]:checked + label:after,
input.filter-item[type="radio"]:checked + label:after {
opacity: 1;
}
.gray-block{
background: #f5f7fa;
padding: 5px 10px;
font-size: 14px;
display: inline-block;
border-radius: 18px;
}
.bg-white{
background: #fff;
}
.bg-gray{
background: #f5f7fa;
}
.bg-green{
background: #91c94e;
}
.bg-blue{
background: #2f85f6;
}
.bg-pervoe{
background:#f1e8ec
}
.bg-sky{
background: rgba(0, 150, 255, .08);
}
.bg-black{
background: #000;
}
.line-gray{
border-bottom: 1px solid #d6dbe0;
width: 100%;
}
.color-black{
color:#000;
}
.color-white{
color:#fff;
}
.color-white a{
color:#fff;
}
.color-green{
color:#91c94e !important;
}
.color-blue{
color:#2f85f6;
}
.color-gray{
color:#6d7986;
}
.color-gray a{
color:#6d7986;
}
.color-red{
color:#d76aa0
}
.border-radius-8{
border-radius: 18px;
}
.border-radius-18{
border-radius:18px;
}
.border-radius-80{
border-radius:80px;
}
.font-size-300{
font-size:300px;
}
.font-size-300-w{
font-size:300px;
font-weight: 900;
}
.font-size-70-w{
font-size:70px;
font-weight: 700;
}
.font-size-24{
font-size:24px !important;
}
.font-size-24-w{
font-size:24px;
font-weight: 700;
}
.font-size-28{
font-size:28px;
}
.font-size-28-w{
font-size:28px;
font-weight: 700;
}
.font-size-34-w{
font-size:34px;
font-weight: 900;
}
.font-size-20{
font-size:20px;
}
.font-size-20 a{
font-size:20px;
}
.font-size-17{
font-size:17px !important;
}
.font-size-17 a{
font-size:17px !important;
}
.font-size-15{
font-size:15px;
}
.font-size-15-w{
font-size:15px;
font-weight: 700;
}
.font-size-14{
font-size:14px;
}
.font-size-13{
font-size:13px;
}
.font-size-13-w{
font-size:13px;
font-weight: 700;
}
.font-weight-500{
font-weight: 500;
}
.font-weight-600{
font-weight: 600 !important;
}
.font-weight-700{
font-weight: 700 !important;
}
.line-height-38{
line-height: 38px;
}
.line-height-28{
line-height: 28px;
}
.line-height-24{
line-height: 24px;
}
.text-transform-uppercase{
text-transform: uppercase;
}
.text-decoration{
text-decoration: underline;
color: #4285f4;
}
.availability {
color: #000;
background-color: #ffd540;
font-weight: 500;
padding: 4px 8px;
font-size: 14px;
border-radius: 18px;
display: inline-block
}
.availability-blue {
color: #fff;
background-color: #2f85f6;
font-weight: 500;
padding: 4px 8px;
font-size: 14px;
border-radius: 18px;
display: inline-block
}
.availability-red {
color: #fff;
background-color: #f81155;
font-weight: 500;
padding: 4px 8px;
font-size: 14px;
border-radius: 18px;
display: inline-block
}
.availability-green {
color: #fff;
background-color: #10c44c;
font-weight: 500;
padding: 4px 8px;
font-size: 14px;
border-radius: 18px;
display: inline-block
}
.card-title-dst {
font-size: 18px;
font-weight: 600
}
.card-text-dst {
border-color: rgba(0, 26, 52, .6);
font-size: 18px
}
.note-dst {
color: #2f85f6;
}
.block-partner {
border: 1px solid #e6e8ea;
position: relative;
padding: 10px;
width: 100%;
border-radius: 18px
}
.dst-copy-txt {
font-size: 13px;
color: rgba(0, 26, 52, .6);
line-height: 20px;
text-align: left;
}
.dst-copy-txt a {
text-decoration: underline;
color: rgba(0, 26, 52, .6);
font-size: 16px !important
}
.dst-copy-txt2 {
color: rgba(0, 26, 52, .6)
}
.dst-copy-txt-blue a {
font-size: 16px;
color: #2f85f6;
line-height: 26px;
text-align: left
}
.dst-flaer {
margin-bottom: 15px;
position: relative;
margin-top: 80px;
text-align: center;
color: #7b8190
}
.dst-flaer-text {
text-align: center;
color: #7b8190
}
.btn:focus, .btn.focus {
box-shadow: unset;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: unset;
}
.btn-primary:hover, .btn-primary:focus {
color: #fff;
background-color: #91c94e;
}
.btn-light:hover, .btn-light:focus {
color: #91c94e;
background-color: #eaedef;
border: 2px #eaedef;
}
.btn {
border: 0px solid transparent;
}
.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: 10px;
}
.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 {
border: 1px solid #fff;
transition: all 0.4s ease 0s;
padding: 0px 10px 10px 30px;
cursor: pointer;
}
.features-width:hover{
border: 1px solid #f3f4f5;
border-radius:8px;
padding:0px 10px 10px 30px;
transition: all 0.4s ease 0s;
cursor: pointer;
}
@media all and (max-width: 500px) {
.features-width {
border: none;
transition: all 0.4s ease 0s;
padding: 0px;
}
.features-width:hover {
border: none;
padding: 0px;
transition: all 0.4s ease 0s;
opacity: 0.8
}
}
.main_title {
text-align: left;
margin-bottom: 30px;
}
.main_titledst {
font-size: 15px;
font-weight: 400;
line-height: 28px;
}
.main_title h2 {
font-size: 28px;
font-weight: 700;
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: 18px;
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: #6d7986;
line-height: 18px;
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
padding: 20px 0 0;
text-align: center;
width: 90%;
margin: 0 auto;
}
.ddcopy{
font-size: 12px;
color: #828282;
line-height: 16px;
text-align: left;
margin-left: 20px;
width: 150px;
}
.widget_text_block2 {
overflow: hidden;
background: #f2f6fa;
margin-top: 40px;
margin-bottom: 10px;
}
.widget_text_block3 {
border-radius: 18px;
transition: all 0.3s ease-in 0s;
}
.widget_text_block3:hover {
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
border-radius: 18px;
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:#bbb;
transition: all 0.3s ease-in;
}
.fa8:hover {
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
font-size: 15px;
opacity: 0.8;
transition: all 0.3s ease-in;
}
.slide-info {
background-color: #eeeeee;
}
.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;
}
.header-but-kn {
display:inline-block;
margin-right: 5px;
}
.header-but-kn2 {
display:inline-block;
float:right;
}
.header-buttom-1{
padding: 10px 12px 10px 19px;
background: #91c94e;
border-radius: 18px;
display:inline-block;
margin-right: 10px;
cursor: pointer;
}
.tabs_category.header-buttom-1.active {
background: #2f85f6;
}
.dstportslider {
font-size: 24px;
padding-top: 90px;
color: #000;
font-weight: 700;
line-height: 32px;
position: absolute;
padding-left: 30px;
}
.dstbutslider {
margin-top: 30px;
display: inline;
}
.header-buttom-1 a {
color: #fff !important;
font-size: 17px !important
}
.header-buttom-2 {
padding: 10px 18px;
background: #2f85f6;
border-radius: 18px;
margin-right: 10px;
transition: .5s;
display: inline-block
}
.header-buttom-2 a {
color: #fff !important;
font-size: 15px !important
}
.header-buttom-2:hover{
opacity: .8;
transition: .5s;
}
.header-buttom-3 {
padding: 10px 14px;
background: #fff;
border-radius: 18px;
margin-right: 10px;
transition: .5s;
display: inline-block;
border: 1px solid #d6dbe0;
color: #000;
}
.header-buttom-3 a {
color: #000 !important;
font-size: 15px !important
}
.header-buttom-3:hover{
opacity: .8;
transition: .5s;
}
.header-buttom-4 {
padding: 6px 12px;
background: #91c94e;
border-radius: 18px;
transition: .5s;
display: inline-block
}
.header-buttom-4 a {
color: #fff !important;
font-size: 14px !important
}
.header-buttom-4:hover{
opacity: .8;
transition: .5s;
}
@media (max-width: 420px) {
.hide-420 {
display: none;
}
}
.header-image {
max-width:130px;
transition: all 0.3s ease-in 0s;
}
.header-image:hover {
opacity:0.9;
transition: all 0.3s ease-in 0s;
}
.header-image-big {
}
.header-image-big:hover {
opacity:0.9;
transition: all 0.3s ease-in 0s;
}
.mini-logo:hover {
opacity:0.9;
transition: all 0.3s ease-in 0s;
}
.nav-tabber {
font-size: 15px;
color:#999;
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:#6d7986;
text-transform: none;
}
.product-white {
/*background: #fff;*/
}
.cart-info-dst-buy {
font-size: 15px;
font-weight: 700;
}
.cart-process {
background: #fff;
}
.cart-header{
background: #fff;
}
.cart-totals {
background: #fff;
}
.cart-save{
background: #fff;
}
.carousel-inner {
transition: all 0.3s ease-in 0s;
}
.carousel-inner:hover {
transition: all 0.3s ease-in 0s;
}
.filter-sorts {
}
.filter-sorts button{
background: none;
padding: 3px;
color: #999;
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: #999;
font-size: 15px;
opacity: 0.8;
}
.filter-views .view-change.active {
color: #000;
opacity: 1;
}
.dst-next-white {
color: #fff;
font-size: 17px;
font-weight: 600;
}
.product-n {
padding: 20px;
height: 530px;
transition: all 0.3s ease-in 0s;
border: 1px solid #d6dbe0;
margin-bottom: 30px;
border-radius: 18px;
background: #fff;
position: relative;
transition: all 0.3s ease-in 0s;
}
@media(max-width:750px) {
.hidden-750 {
display: none;
}
}
.product-n .image {
text-align: center;
max-height: 300px;
min-height: 300px;
}
.product-n .image img {
border-radius: 18px;
max-height: 300px;
height: 100vh;
object-fit: cover;
object-position: center top;
}
.product-n .open-callback {
color: #212529;
}
#reviews_widget .avatar{
display:none;
}
.product-n:hover {
border: #2f85f6 1px solid;
transition: all 0.3s ease-in 0s;
opacity: 0.9;
}
.product-n .title {
overflow: hidden;
font-size: 16px !important;
line-height: 1.38;
margin-bottom: 6px !important;
position: relative;
color: #000;
max-width: 100%;
word-break: break-word;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
min-height: 46px;
font-weight: 700
}
.product-n .title:hover {
cursor: pointer;
color: #91c94e;
}
.product-n .btn-toolbar {
position: relative;
}
.product-n .actions {
position: absolute;
bottom: 10px;
}
@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) {
.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) {
.btn-primary {
padding: 6px 25px;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.70rem;
}
}
@media (max-width: 991px) {
.btn-primary {
padding: 6px 35px !important;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.90rem;
}
.product-n .rating .stars-count {
font-size: 13px !important;
}
.btn-cart-dst, .btn-cart-dst:hover, .btn-cart-dst:focus, .btn-cart-dst.focus {
width: 280px !important;;
}
}
@media (max-width: 600px) {
}
@media (max-width: 575px) {
}
@media (max-width: 550px) {
}
@media (max-width: 525px) {
.btn-primary {
padding: 6px 15px !important;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.90rem;
}
}
@media (max-width: 500px) {
}
@media (max-width: 480px) {
.product-n .rating {
display: block;
}
.product-n .rating a{
display: block;
margin: 5px 0px 0px 0px !important;
}
}
.product-n .sub-info {
color: rgb(128, 141, 154);
display: -webkit-box;
height: 20px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 4px;
font-size: 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: 700;
line-height: 26px;
color: rgb(0, 26, 52);
}
.product-n .price-block .price.price-sale {
color: #DB4437;
}
.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: #DB4437;
transform: rotate(-3deg);
}
.product-n .image {
position: relative;
margin-bottom: 15px;
}
.product-n .sale-sum {
color: rgb(255, 255, 255);
background-color: #DB4437;
font-weight: bold;
position: absolute;
left: 0px;
bottom: 0px;
flex-shrink: 0;
padding: 4px 8px;
font-size: 15px;
border-radius: 4px;
margin-right: 8px;
display: flex;
justify-content: space-between;
}
.product-n .sale-sum span {
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
}
.product-n .rating {
min-height: 18px;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.product-n .rating .stars {
height: 18px;
width: 96px;
display: inline-block;
position: relative;
vertical-align: middle;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMid'%20viewBox='0%200%2015%2015'%3E%3Cpath%20class='st0'%20fill='%23d6dbe0'%20d='M7.5%200l2.3%204.9%205.2.8-3.7%203.8.9%205.4-4.6-2.6L2.9%2015l.9-5.4L0%205.7l5.2-.8L7.5%200z'/%3E%3C/svg%3E") repeat-x 0;
}
.product-n .rating .stars .stars-active {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23ffc107' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0;
height: 15px;
width: 0;
}
.product-n .rating .stars .stars-active, .product-n .rating .stars {
background-size: 20px 16px;
height: 18px;
}
.product-n .rating .stars-count {
margin-left: 6px;
font-size: 13px;
line-height: 1.29;
color: #6d7986;
}
.product-n .stiker {
width: 48px;
background: #DB4437;
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: 0px;
}
.product-n .favorite {
float: right;
z-index: 2;
position: absolute;
right: 30px;
top: 30px;
}
.product-n .add-favorite {
color: #ccc;
}
.product-n .add-favorite .not_add svg {
color: #6d7986;
}
.product-n .add-favorite .not_add:hover svg {
color: #DB4437;
}
.product-n .add-favorite .is_add svg {
color: #DB4437;
}
.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: #999;
font-size: 13px;
}
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: 0 auto;
height: 100%;
max-height: 100px
}
table.products-list .image, table.products-list .slick-slider {
width: 110px;
overflow: hidden;
}
}
table.products-list .product-n .slick-list {
margin: 0;
z-index: 0;
}
table.products-list .product-n .favorite {
position: absolute;
right: 10px;
z-index: 1;
}
table.products-list .product-n .slick-arrow {
margin: 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: #fff;
border-radius: 0.25rem;
background: #999;
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: 18px;
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 #DB4437;
}
.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 #eeeeee;
}
.color-field label:hover {
opacity:0.85;
}
.sub-cats .chapternav-icon {
margin-bottom: 6px;
}
.sub-cats .chapternav-icon {
background: center bottom no-repeat;
display: block;
margin: 0 auto 6px;
height: 64px;
}
.product-sticky {
background-color: #ddd;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
z-index: 55;
box-shadow: 0 10px 20px 20px rgba(0, 0, 0, 0.3);
}
.cart-buttom {
color: #000;
padding: 5px;
background: none;
font-weight: bold;
}
.cart-buttom:hover {
color: #000;
padding: 5px;
background: none;
font-weight: bold;
}
.all_sum {
font-size: 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: #91c94e;
}
.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: #fff;
}
.footer .footer-menu li a:hover{
text-decoration: underline;
}
.footer .time-open {
font-size: 15px;
font-weight: 400;
}
.footer .phone-soc {
margin-right: 60px;
}
.footer .subline {
background-color: #0d8e4f;
}
.footer_market .border-bottom {
border-bottom: 0px solid #e6e6e6;
}
.footer_market .title-footer {
color: #000;
font-weight: 600;
font-size: 18px;
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;
}
.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: 38px;
color: #000;
}
.footer_market .footer-menu li a:hover{
text-decoration: underline;
}
.footer_market .time-open {
font-size: 15px;
font-weight: 400;
}
.footer_market .phone-soc {
margin-right: 60px;
}
.footer_services .border-bottom {
}
.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: #fff;
}
.footer_services .footer-menu li a:hover{
text-decoration: underline;
}
.footer_services .time-open {
font-size: 15px;
font-weight: 400;
}
.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: #fff;
}
.footer_deposit .footer-menu li a:hover{
text-decoration: underline;
}
.footer_deposit .time-open {
font-size: 15px;
font-weight: 400;
}
.footer_deposit .phone-soc {
margin-right: 60px;
}
.footer_deposit .subline_deposit {
background-color: #661773;
border-top: #ddd 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 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
/**/
font-size: 15px;
}
body, button, input, select, textarea {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
text-transform: none;
font-size: 17px;
}
.main-nav {
}
.site-logo {
float: left;
}
.main-nav ul {
float: left;
margin: 0px;
}
.main-nav ul li{
}
.main-nav ul li a{
}
.info-icon {
}
.slide-info {
}
.slide-info b {
font-size: 15px;
font-weight: 500;
}
.slide-info .info-icon .fa {
font-size: 120px;
color: #000;
}
.slide-info .info-icon .fa:hover {
font-size: 120px;
color: #6d7986;
}
.wpmenucartli {
margin-left: 50px;
position: absolute !important;
right: 230px;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
font-weight: 700;
margin-bottom: 10px;
}
h2 {
font-size: 15px;
}
.main-leftbar {
border-right: 0px solid #d6d6d6;
}
.pagebar {
text-align: center;
font-size: 22px;
font-weight: 600;
border: 1px solid #d6dbe0;
padding: 15px;
border-radius: 6px;
}
.pagebar .pagebar_notice, .pagebar .pagebar_nav{
display: none;
}
.pagebar a {
color: #000;
}
.pagebar .pagebar_current {
color:#000;
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: #DB4437;
}
.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 {
color: #fff;
display: block;
}
#primary-menu {
margin-top: 5px;
}
#menu-pages li a {
text-transform: lowercase;
}
.dstwhite {
font-size: 13px;
color: #fff;
margin-top:20px;
}
.dstwhite a{
font-size: 13px;
color: #fff;
}
.dst-order-name {
margin-top: 20px;
background: #eee;
font-size: 15px;
}
.dstshipp {
font-size: 60px;
line-height: 1.1;
color: #91c94e;
margin-top: 20px;
}
.header-site {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
transition: all 3.3s ease-in 0s;
z-index: 999;
background: #fff;
}
.header-site:hover {
}
.cat_item{
cursor:pointer;
font-weight: 700;
}
.nav-page li a{
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
line-height: 10px;
}
.nav-page2 li a{
color: #ffffff;
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: #ddd;
}
.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: #ddd;
}
.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;
}
@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 #111111;
}
#mobile-cats .sub-cats li a{
padding: 8px 10px;
width: 100%;
display: inline-block;
}
.header-phone {
color: #fff;
}
.stiker .fa {
font-weight: 900;
line-height: 46px;
color: #fff;
}
.mobile-menu li button, .mobile-menu li button:hover{
color: #fff;
}
.header-site .cart{
white-space: nowrap;
}
.header-site .phone{
white-space: nowrap;
}
.header-site .nav-cats{
white-space: nowrap;
}
.header-site .nav-page {
margin: 0px;
margin-left: -10px;
height: 25px;
white-space: nowrap;
}
.header-site .nav-page2 {
margin: 0px;
margin-left: -10px;
height: 25px;
white-space: nowrap;
}
.flexMenu-popup {
list-style-type: none;
padding: 5px 20px 15px 20px;
background-color: #91c94e;
margin: 0;
margin-top: 0px;
margin-right: 0px;
z-index: 10000;
margin-right: 10px;
margin-top: 5px;
}
.flexMenu-popup li a {
padding: 10px;
}
.flexMenu-popup li a:hover{
}
.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 #DB4437;
}
.variable-radio label {
display: block;
text-align: center;
font-size: 15px;
background-color: #fff;
border: 2px solid #e6e6e6;
border-radius: 5px;
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: #DB4437;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
display: none;
}
.sub-cats-black {
background-color: #222222;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
display: none;
}
.sub-cats-orange a, .sub-cats-black a {
color: #fff;
font-size: 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:#eee 1px solid;
padding: 10px 0px;
}
.titfil2{
border-top:#eee 1px solid;
padding: 10px 0px;
}
.dstport {
font-size: 15px;
margin-bottom: 20px;
color: #000;
font-weight: 700;
}
.dstline {
border: 3px solid #91c94e;
content: "";
margin-top: 40px;
margin-bottom: 25px;
width: 80px;
}
.dstline2 {
margin-top: 20px;
margin-bottom: 60px;
}
.mainbrands {
background: #fff;
}
.mainbrands2 {
font-size: 28px;
transition: all 0.3s ease 0s;
color: #000;
font-weight: 700;
line-height: 40px;
}
.mainbrands2-dark {
font-size: 28px;
transition: all 0.3s ease 0s;
color: #fff;
font-weight: 700;
line-height: 40px;
}
.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: 400;
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: #eee;
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: #6d7986;
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: #6d7986;
}
.product-desc {
font-size: 15px;
}
.counter {
margin-top: 10px;
font-size: 16px;
}
.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: #91c94e;
font-size: 15px;
padding: 7px 25px;
}
.login-page .form-control {
border-radius: 0.25rem;
}
.dstloginindex{
color: #828282;
font-size: 12px;
line-height: 18px;
}
.header-site {
}
.header-site .header-index {
background-color: #fff;
border-bottom: 0px solid #d6dbe0;
}
.header-site .header-index-club {
background-color:#fff;
max-width: 1260px;
margin: 0 auto;
}
.header-site .avatar-colorbox, .header-mini .avatar-colorbox{
width: 20px !important;
height: 20px !important;
text-align: center;
margin-right: 10px
}
.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{
}
.nav-page li a {
color: #000;
font-size: 13px;
}
.nav-page2 li a {
color: #000;
font-size: 13px;
}
.header-site .header-cats .nav-cats li {
/*padding: 5px 5px;*/
margin: 0px 10px;
padding: 0px;
}
.header-site .header-cats .nav-cats li.active a {
color: #000;
}
.header-site .header-cats .nav-cats li a {
font-size: 16px;
font-weight: 400;
color: #000;
margin-left: 5px;
line-height: 30px;
transition: all 0.3s ease-in;
padding: 7px;
margin: 10px;
text-decoration: none;
}
.header-site .header-cats .nav-cats li a:hover {
transition: all 0.3s ease-in;
opacity: 0.9;
}
.header-cats .nav-cats .active > a {
}
.header-site .search-line2 {
margin-top: 5px;
float: left;
position: relative;
padding-left: 10px;
}
.header-site .search-line2 .line{
float: left;
}
.header-site .search-line2 .line-cats{
text-align: left;
float: left;
height: 100%;
text-transform: none;
font-size: 14px !important;
text-transform: none;
font-weight: 600 !important;
margin-right: 10px;
border-radius: 18px;
line-height: 36px;
}
.header-site .search-line2 .line-search {
width: 250px;
position: relative;
}
.line-search .btn {
background: #91c94e !important;
margin: 0px;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 0px;
padding: 0px 30px !important;
}
.header-site .search-line2 .line-search-market2 {
width: 100%;
position: relative;
}
.line-search-market .btn {
margin: 0px;
right: 1px;
position: absolute;
color: #000 !important;
height: 100%;
border-radius: 0px 6px 6px 0px;
padding: 0px 12px 0px 10px;
top: -2px;
}
.header-site .search-line2 .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-line2 .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-input2 input {
background: transparent none repeat scroll 0 0;
}
.search-input2 input:active, .search-input input:focus {
background: transparent none repeat scroll 0 0;
outline: none;
box-shadow: none;
}
.search-input2 .form-group {
margin: 0px;
font-size: 12px;
}
.search-input2 select {
border: 0px;
border-left: 1px solid #afafaf;
border-radius: 0px;
box-shadow: none;
background: transparent none repeat scroll 0 0;
line-height: 1px;
padding: 0px;
height: 27px;
margin-top: 6px;
padding-left: 24px;
text-transform: none;
font-size: 16px !important;
text-transform: none;
font-weight: 500 !important;
}
.search-input2 select:hover {
border-left: 1px solid #afafaf;
}
.search-input2 select:active, .search-input select:focus {
background: transparent none repeat scroll 0 0;
outline: none;
box-shadow: none;
}
.search-input2 input {
background: transparent none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
font-size: 15px;
}
.search-input2 button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
color: #6d7986;
margin: 5px 0 0;
padding: 0 8px 0 10px;
position: absolute;
left: 175px;
}
.search-input2 {
margin: 0 auto;
width: 100%;
transition: all 0.3s ease 0s;
border-radius: 50px;
background: #f5f7fa;
}
.header-site .search-line {
margin-top: 7px
}
.header-site .search-line .line {
float: left
}
.header-site .search-line .line-cats {
text-align: left;
float: left;
height: 100%;
text-transform: none;
font-size: 16px !important;
text-transform: none;
font-weight: 500 !important;
margin-right: 10px;
border-radius: 18px;
line-height: 36px
}
.header-site .search-line .line-search {
width: 80%;
position: relative
}
.line-search .btn {
background: #91c94e !important;
margin: 0;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 18px;
padding: 0 30px !important
}
.header-site .search-line .line-search-market {
width: 80%;
position: relative
}
.line-search-market .btn {
background: #2f85f6 !important;
margin: 0;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 0 18px 18px 0;
min-height: 40px;
padding: 0 30px !important
}
.header-site .search-line .line-search-services {
width: 80%;
position: relative
}
.line-search-services .btn {
background: #ee8108 !important;
margin: 0;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 18px;
padding: 0 30px !important
}
.header-site .search-line .line-search-deposit {
width: 80%;
position: relative
}
.line-search-deposit .btn {
background: #731982 !important;
margin: 0;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 18px;
padding: 0 30px !important
}
.search-input input {
background: transparent none repeat scroll 0 0
}
.search-input input:active,
.search-input input:focus {
background: transparent none repeat scroll 0 0;
outline: 0;
box-shadow: none
}
.search-input .form-group {
margin: 0;
font-size: 14px
}
.search-input select {
border: 0;
border-left: 1px solid #afafaf;
border-radius: 18px;
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 !important;
border: 0 none !important;
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: 18px;
border-color: #91c94e;
border: 2px solid #2f85f6
}
.dropdown-cats .dropdown-toggle{
background: #91c94e !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: 6px;
}
.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: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats .dropdown-menu .subcats-block {
border-left: #ddd 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: #2f85f6 !important;
margin: 0px;
height: 100%;
color: #fff !important;
height: 39px;
border-radius: 0px;
padding: 0px 10px !important;
transition: 0.5s;
}
.dropdown-cats-market .dropdown-toggle:hover{
opacity: 0.8;
transition: 0.5s;
}
.dropdown-cats-market .dropdown-toggle::after{
display: none;
}
.dropdown-cats-market .btn {
background: no-repeat;
font-size: 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: 6px;
}
.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: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats-market .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats-market .dropdown-menu .subcats-block {
border-left: #ddd 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;
}
.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;
}
.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: 6px;
}
.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: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats-services .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats-services .dropdown-menu .subcats-block {
border-left: #ddd 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: 6px;
}
.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: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats-deposit .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats-deposit .dropdown-menu .subcats-block {
border-left: #ddd 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{
color: #000;
}
.header-site .pages li a{
}
.phone-cart-line {
margin-top: 13px;
margin-left: 16px;
float: right;
}
.phone-cart a {
font-size: 16px !important;
text-transform: none;
font-weight: 600 !important;
}
.dstcartgood {
background: #fff;
border: 1px solid #ddd;
border-radius: 18px;
}
.dstcartgoodtext {
font-size: 15px;
text-align: left;
border: 1px solid #d6dbe0;
padding: 15px;
margin: 0px 20px 0px 20px;
width: 100%;
border-radius: 4px;
color: #828282;
}
.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{
width: 30px;
height: 30px;
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: 28px;
}
.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 #ddd;
border-radius: 4px;
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: 400;
font-size: 15px;
color: #6d7986;
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: 14px !important;
font-weight: normal;
border-radius: 4px;
text-transform: none;
text-decoration: none;
margin: 0 5px 0 0;
}
.club_news .item{
float: left;
margin-bottom: 15px;
width: calc(33% - 15px) !important;
margin-right: 15px;
box-sizing: border-box;
}
.club_news .item .image a {
background-color: #fff !important;
}
.club_news .item .info {
display: inline-block;
margin-top: 10px;
font-size: 16px !important;
font-weight: 500;
}
.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: #999;
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: 16px !important;
font-weight: 500;
}
.club-page .widget_comments_list .item {
margin-bottom: 15px;
overflow: hidden;
font-size: 15px;
}
.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: #6d7986;
font-weight: 400;
}
.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: 22px;
transition: all 0.3s ease 0s;
}
.header-club .nav-page .fas:hover {
opacity: 0.8;
transition: all 0.3s ease 0s;
}
.header-club .nav-page li {
margin: 0px;
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: 22px;
transition: all 0.3s ease 0s;
}
.header-club .nav-page2 .fas:hover {
opacity: 0.8;
transition: all 0.3s ease 0s;
}
.header-club .nav-page2 li {
margin: 0px;
padding-left: 14px;
}
.profile-page .container {
}
.container2 {
max-width: 1200px
}
.profile-page .container {
max-width: 1200px;
box-shadow: 0 0 0 0 #dfdfdf;
border: 1px solid #d6dbe0;
border-radius: 18px
}
.profile-page .left-panel {
border-right: 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: 16px
}
.profile-page .user-info .city {
font-size: 14px;
background: #005bff;
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: 16px
}
.profile-page .left-panel .menu ul li a span.right {
float: right;
font-size: 16px;
padding-top: 4px;
color: #000
}
.profile-page .right-panel .content {
padding: 25px 10px
}
.profile-page .right-panel .view-all {
margin-top: 20px
}
.profile-page .right-panel .view-all a {
background: #005bff;
color: #fff;
padding: 12px 45px;
border-radius: 18px;
font-size: 16px
}
.profile-page .right-panel .view-all a:hover {
opacity: .9
}
.profile-page .right-panel .orders a {
color: #3a3a3a
}
.profile-page .right-panel .title {
font-size: 20px;
font-weight: 600;
margin-bottom: 25px
}
.avatar-colorbox {
margin: 0;
padding: 0;
background: no-repeat center;
background-size: 1em;
float: left;
border-radius: 50%;
}
.avatar-colorbox.letter {
position: relative;
font-style: normal;
font-weight: 600;
text-align: center;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
}
.avatar-colorbox.letter:before {
content: attr(data-letter);
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
transition: all 0.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,');
}
.avatar-colorbox.user-black {
background-image: url('data:image/svg+xml;utf8,');
}
.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: #DB4437;
}
.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: #91c94e;
border-color: #91c94e;
}
.btn-orange:hover {
color: #fff;
background-color: #91c94e;
border-color: #91c94e;
opacity: 0.7;
}
.btn-orange:focus, .btn-primary.focus {
background-color: #91c94e;
border-color: #91c94e;
}
.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: 13px;
}
.reviews .review-item .text {
padding: 5px 0px;
}
.reviews .review-item .date {
color: #999;
font-size: 12px;
}
.reviews .review-item .action a {
color: #999;
font-size: 12px;
}
.review-item-commit .avatar-colorbox {
height: 32px !important;
width: 32px !important;
font-size: 13px !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: #6d7986;
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;
}
.block-icon {
position: relative;
}
.header-icon .count, .nav-item .count {
border-radius: 50%;
background: #DB4437;
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: #DB4437;
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: #DB4437;
border-color: #DB4437;
opacity: 0.3
}
.counter-enable .fas{
color: #008000;
}
.counter-disabled .fas{
color: #ff0000;
}
.counter-enable .fas{
color: #008000;
}
.counter-one-click {
cursor: pointer;
background: #91c94e;
color: #fff;
}
.counter-one-click .fas{
color: #000;
}
#shareModal ul {
width: 79%;
}
#shareModal li {
margin-bottom: 5px;
}
.filter-product .ui-slider {
border: 0px !important;
height: .4em;
margin: 10px 0px;
}
.filter-product .ui-widget-content {
background: #ddd;
}
.filter-product .ui-slider .ui-slider-handle:last-child {
margin-left: -15px;
}
.filter-product .slider {
margin-bottom: 1rem;
}
.filter-product .filter-slide .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
box-shadow: inset 0 0 0 0 rgba(0,0,0,0) !important;
-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0) !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
background: #000 !important;
}
.filter-product .filter-slide .ui-slider-handle {
background: #fff;
border-width: 3px;
border-style: solid;
width: 15px;
height: 15px;
top: -5px;
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
border-color: #000;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -.3em;
margin-left: 0;
}
.show-all-filter {
margin-top: 5px;
}
.filter-product .form-checks {
display: inline-grid;
}
.filter-product .year .form-checks{
display: none;
}
.filter-product .slider-text {
color: #999;
font-size: 13px;
}
.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 #d6dbe0;
padding: 5px 0px;
}
.searchBox .product .image, .search_full .product .image {
max-height: 60px;
text-align: center;
background-size: cover;
}
.searchBox .product .image img,.search_full .product .image img {
height: 100%;
border-radius: 4px;
}
.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 */
font-weight: 400;
font-size: 15px;
}
.searchBox .product .cart,.search_full .product .cart {
text-align: center;
}
.searchBox .product .cart .fa, .search_full .product .cart .fa{
color: #91c94e;
font-size: 15px;
transition: all 0.3s ease-in;
padding: 10px;
}
.searchBox .product .cart .fa:hover{
color: #0d8e4f;
font-size: 15px;
transition: all 0.3s ease-in;
background: #e8f2fe;
border-radius: 50%;
padding: 10px;
}
.searchBox span {
color: #828282;
float: left;
margin-left: 10px;
padding-right: 20px;
font-size: 13px;
min-width: 80px;
}
.notification-count {
position: relative;
}
.notification-count .counter {
top: 20px;
}
.notification-count .counter {
border-radius: 50%;
background: #DB4437;
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: 700;
background: #ffffff;
border-radius: 4px;
border: #eee 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: 4px;
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: #0d8e4f !important;
color: #fff !important;
padding: 5px 30px 0px 20px !important;
font-size: 5px !important;
border-radius: 0px !important;
margin: 0px !important;
border-color: #0d8e4f !important;
font-weight: 400 !important;
display: grid !important;
transition: all 0.3s ease-in 0s !important;
}
.alert-delivery-free:hover {
opacity: 0.9 !important;
transition: all 0.3s ease-in 0s !important;
}
.alert-delivery-free .close {
position: absolute;
top: 0;
right: 0;
padding: 0.2rem 0.2rem;
color: inherit;
}
.alert-delivery-free .close:hover {
background: unset;
color: #fff;
}
.alert-delivery-free .close:hover span {
background: unset;
color: #fff;
}
.alert-delivery-free span { margin-right: 5px;}
.alert-delivery-free .free {
border-radius: 18px;
background: #DB4437;
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 #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 15px; color: #000; display: block; border-bottom: 1px solid #000; }
.btn-cart, .btn-cart:hover, .btn-cart:focus, .btn-cart.focus {
background:#91c94e;
width: 280px;
display: inline-block;
height: 50px;
color:#fff;
border: 0;
box-shadow: unset;
border-radius: 4px;
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: #91c94e;
width: 280px;
display: inline-block;
height: 50px;
color: #fff;
border: 0;
box-shadow: unset;
border-radius: 14px;
transition: unset;
font-size: 16px !important;
line-height: 2.1rem;
font-weight: 500;
transition: all 0.3s ease-in;
text-align: center !important;
}
.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: 3px;
padding: 0 20px;
overflow: hidden;
}
.product-cart-block .counter-one-click {
color: #fff;
}
.product-cart-block .line {
margin-bottom: 15px;
margin-top: 0;
font-size: 15px;
text-align: left;
}
.product-info {
border-bottom: 1px solid #e6e8ea;
padding-bottom: 5px;
display: flex;
}
.product-cart-block .grey {
color: #6d7986;
}
.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: 6px;
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;
}
.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: #91c94e;
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: #91c94e;
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: 700;
padding: 5px 0 5px 10px;
transition: 0.5s;
}
.menu-cats-block a:hover {
display: block;
font-size: 15px;
font-weight: 700;
background: #e5efff;
padding: 5px 0 5px 10px;
transition: 0.5s;
border-radius: 2px;
}
.field-title {
font-size: 15px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 16px;
cursor: pointer;
color: #000;
}
#right-sidebar .widget {
margin-top: 0;
}
#right-sidebar .widget:first-child {
margin-top: 35px;
}
#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: #999;
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: 26px;
}
.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: 16px !important;
}
.fs-12 {
font-size: 14px !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: 3px;
}
.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: 400;
}
.mojoostocks {
transition: 0.3s;
border-radius: 18px;
}
.discount-text {
text-align: left;
padding: 20px;
}
.text-muted {
color: #000 !important;
font-size: 15px;
line-height: 28px;
text-align: left;
padding-right: 30px;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Ubuntu,Cantarell,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
.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: 17px;
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: 20px 10px 20px 10px;
border: 1px solid #d6dbe0;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
line-height: 34px;
color: #6d7986;
}
.productpr .buys {
background: #91c94e;
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: 4px;
text-align: center;
padding: 8px 40px;
}
.productpr .buys:hover {
opacity: 0.8;
}
.grid-margin {
margin-bottom: 40px;
}
.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: 13px;
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: 18px;
}
.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 #d6dbe0;
border-radius: .25rem;
}
.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:
#bbbbf2;
}
.bg-warning {
background-color:
#ffad00 !important;
}
.bg-success {
background-color:
#5ed6b3 !important;
}
.case-studies .case-studies-card-img {
height: 106px;
}
.case-studies .card-desc-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,51,204,.8);
transition: all .8s ease-in-out;
opacity: 0;
}
.case-studies .color-cards .btn {
padding: 6px 14px;
font-size: 12px;
}
.align-items-center {
align-items: center !important;
}
.cif {
color: #91c94e;
font-size: 48px;
font-weight: 700;
line-height: 60px;
text-align: left;
}
.cif2 {
font-size: 15px;
font-weight: 400;
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: 28px;
font-weight: 600;
line-height: 100px;
text-align: center;
color: #fff;
background: #91c94e;
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: #91c94e;
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: 18px;
padding: 20px;
margin-right: 10px;
min-height: 350px;
margin-bottom: 60px;
background: #fff;
transition: 0.5s;
}
.mojoogarant:hover {
background: #eee;
transition: 0.5s;
}
.mojoogarant2 {
border-radius: 18px;
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: #eee;
transition: 0.5s;
}
.productpr2 .buys2 {
background: #91c94e;
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: 4px;
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: 4px;
text-align: center;
}
.mojootex {
margin-left: 30px;
}
.justify-content-around {
justify-content: space-around !important;
}
.mojootit {
padding: 20px 20px 20px 30px;
width: 20%;
border: 1px solid #d6dbe0;
border-radius: 18px;
line-height: 1.2em;
color: #91c94e;
font-size: 15px;
font-weight: 700;
}
.mojootex {
margin-left: 0px;
}
.mojootit {
padding: 20px 20px 20px 30px;
width: 100%;
border: 1px solid #d6dbe0;
border-radius: 18px;
line-height: 1.2em;
color: #91c94e;
font-size: 15px;
font-weight: 700;
}
.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: 28px;
transition: all 0.3s ease 0s;
color: #000;
text-transform: none;
font-weight: 600;
margin-bottom: 20px;
}
.dst-char-item {
font-size: 15px;
background: #91c94e;
color: #fff;
max-width: 60px;
display: block;
margin-left: 12px;
border-radius: 4px;
line-height: 26px;
height: 28px;
}
.char-item {
}
.char-item .char-name{
color: #6d7986;
position: relative;
margin-bottom: 20px;
}
.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: 4px;
}
.cart-page .cart-header-items {
background: #f2f3f5;
font-weight: 500;
font-size: 15px;
border-radius: 4px;
}
.cart-page .cart-box-items {
padding-right: 30px;
}
.cart-page .cart-info .info {
border-bottom: 1px solid #e6e8ea;
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: 3px;
}
.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: #2fc36f !important;
color: #fff !important;
}
.btn-green:hover, .btn-green:focus, .btn-green:active {
background-color: #2fbf6f !important;
box-shadow: none !important;
color: #fff;
}
#reviews_add_form textarea, #reviews_add_form .emojionearea {
background: #fff;
font-size: 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: 18px;
padding: 45px 25px;
background: #fff;
text-align: center;
border: 1px solid #e6e8ea;
cursor: pointer;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s; }
.feature_item img {
margin-bottom: 35px;
height: 45px;
display: block;
border: 2px solid #555;
padding: 5px 15px;
border-radius: 18px;
}
.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: 18px;
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: 400;
line-height: 28px;
}
.feature_itemdst p {
margin-bottom: 0px;
min-height: 100px;}
.feature_itemdst:hover {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
background: #fff; }
.swiper-container {
width: 100%;
height: 100%;
max-height: 450px;
min-width: 300px;
max-width: 1920px;
margin-bottom: 20px;
padding-bottom: 50px;
}
.swiper-slide {
text-align: center;
font-size: 15px;
background: #fff;
border-radius: 18px;
border:1px solid #e6e8ea;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: all 0.4s ease 0s;
}
.swiper-slide:hover {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
background: #fff;
transition: all 0.4s ease 0s;
}
.avatar-block {
display: block;
margin: 0 auto;
}
.avatar-block.xy120 img, .avatar-block.xy120 .avatar-colorbox {
width: 120px !important;
height: 120px !important;
line-height: 110px !important;
}
.avatar-block.xy150 img, .avatar-block.xy150 .avatar-colorbox {
width: 150px !important;
height: 150px !important;
line-height: 140px !important;
}
.avatar-block.xy150 img, .avatar-block.xy150 .avatar-colorbox {
border-radius: 50%;
float: unset !important;
margin: 0 auto;
}
.partner-item {
display: grid;
text-align: center;
}
.partner-item .name {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-ms-line-clamp: 1;
-webkit-line-clamp: 1;
line-clamp: 1;
display: -webkit-box;
display: box;
word-wrap: break-word;
-webkit-box-orient: vertical;
box-orient: vertical;
}
.rating-user {
min-height: 18px;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.rating-user .stars .stars-active, .rating-user .stars {
background-size: 20px 16px;
height: 18px;
}
.rating-user .stars {
height: 18px;
width: 96px;
display: inline-block;
position: relative;
vertical-align: middle;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMid'%20viewBox='0%200%2015%2015'%3E%3Cpath%20class='st0'%20fill='%23d6dbe0'%20d='M7.5%200l2.3%204.9%205.2.8-3.7%203.8.9%205.4-4.6-2.6L2.9%2015l.9-5.4L0%205.7l5.2-.8L7.5%200z'/%3E%3C/svg%3E") repeat-x 0;
}
.rating-user .stars .stars-active {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23ffc107' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0;
height: 15px;
width: 0;
}
.rating-user .stars .stars-active, .rating-user .stars {
background-size: 20px 16px;
height: 18px;
}
.rating-user .stars-count {
margin-left: 6px;
font-size: 15px;
line-height: 1.29;
color: #6d7986;
}
.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: 45px;
display: block;
border: 2px solid #555;
padding: 5px 15px;
border-radius: 18px;
width: 60px;
}
.dst-inline {
min-height: 90px;
background: #e8f2fe;
font-size: 15px;
transition: all 0.4s ease 0s;
cursor: pointer;
padding: 30px;
border-radius: 4px;
font-size: 15px;
text-align: center;
font-weight: 700;
}
.dst-action-proc {
font-size: 40px;
color: #2f85f6;
font-weight: 700;
}
.discount-card-dst-prog {
background: #eee;
border-radius: 18px;
padding: 0px 30px 5px 30px;
margin-bottom: 30px;
}
.section_gap_bottom_dst {
padding-bottom: 30px;
}
/*
============================================================================================ */
/* ADMIN
============================================================================================ */
.dst-admin-filter {
background: #eee;
border-radius: 4px;
padding: 20px 20px;
}
.dst-admin-user {
font-size: 13px;
color:#6d7986;
}
.dst-variable-no {
color: #fff;
background: #2f85f6;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 30px;
display: inherit;
}
.dst-variable-yes {
color: #fff;
background: #91c94e;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 30px;
display: inherit;
}
.dst-code-sku {
color: #6d7986;
background: #eee;
padding: 11px 10px 0px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 30px;
margin-bottom: 10px;
min-height: 36px;
font-weight: 400;
max-width: 100px;
}
.dst-code-sku-admin {
color: #6d7986;
background: #eee;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inline-block;
font-weight: 500;
margin-right: 10px;
}
.btn-primary-red {
border: #2f85f6 1px solid;
color: #2f85f6;
cursor: pointer;
font-size: 15px;
padding: 7px 16px;
text-decoration: none;
display: inline-block;
border-radius: 4px;
}
.dst-comiss {
color: #fff;
background: #91c94e;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 60px;
display: inherit;
}
.dst-comiss-buy {
color: #fff;
background: #91c94e;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 80px;
display: inline-block;
font-weight: 600;
}
.dst-comiss-buy-front {
color: #fff;
background: #91c94e;
padding: 5px 10px;
border-radius: 4px;
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: #91c94e;
padding: 5px 10px;
border-radius: 4px;
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: 400;
}
.dst-button-buy {
color: #fff;
background: #91c94e;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 50px;
display: inline-block;
font-weight: 600;
margin-right: 10px;
}
.dst-button-buy-green {
color: #fff;
background: #91c94e;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 110px;
display: inline-block;
margin-right: 10px;
}
.dst-summ {
color: #6d7986;
background: #eee;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inherit;
}
.dst-summ-partner {
color: #6d7986;
background: #eee;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 160px;
display: inherit;
}
.dst-summ-admin {
color: #000;
background: #fff;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inline;
margin-left: 5px;
}
.dst-summ-skid {
color: #2f85f6;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inline;
margin-left: 5px;
border: #2f85f6 1px solid;
}
.dst-summ-skid-green {
color: #91c94e;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 50px;
display: inline-block;
font-weight: 600;
margin-right: 10px;
border: #91c94e 1px solid;
}
.dst-summ-skid-green-front {
color: #91c94e;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 50px;
display: inline-block;
font-weight: 600;
border: #91c94e 1px solid;
}
.dst-summ-skid-gray {
color: #6d7986;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 140px;
display: inline-block;
margin-left: 5px;
border: #ddd 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: #2f85f6;
border: 1px solid #2f85f6;
padding: 5px 10px;
border-radius: 18px;
font-size: 16px;
min-width: 80px;
display: inline-block;
font-weight: 500;
margin-right: 10px;
text-decoration: none;
transition: all 0.4s ease 0s;
}
.dst-product-admin a {
color: #6d7986;
text-decoration: none;
}
.dst-product-admin:hover {
opacity: 0.9;
transition: all 0.3s ease 0s;
}
.dst-code-sku-price {
color: #fff;
background: #91c94e;
padding: 8px 8px 0px 10px;
border-radius: 4px;
font-size: 15px;
min-width: 30px;
margin-bottom: 10px;
min-height: 36px;
font-weight: 600;
max-width: 90px;
}
.dst-code-sku-price-old {
color: #6d7986;
border: #2FC26E 1px solid;
padding: 7px 8px 0px 10px;
border-radius: 4px;
font-size: 15px;
min-width: 30px;
margin-bottom: 10px;
min-height: 36px;
font-weight: 500;
display: inline-block;
}
.filter-sorts button {
background: none;
padding: 3px;
color: #6d7986;
font-size: 13px;
border: 0px;
margin-bottom: 8px;
cursor: pointer;
}
/*
============================================================================================ */
/* 1619px
============================================================================================ */
@media (max-width: 1619px) {
.header_area .navbar .search {
margin-left: 40px; }
}
/*
============================================================================================ */
/* 992px - 1400px
============================================================================================ */
@media only screen and (min-width: 992px) and (max-width: 1400px) {
.primary_btn3 {
display: none;
}
.primary_btnblue {
display: none;
}
}
/*
============================================================================================ */
/* 990px - 1300px
============================================================================================ */
@media only screen and (min-width: 990px) and (max-width: 1300px) {
.features_area {
padding-bottom: 50px;
}
.features_area_dst {
padding-bottom: 50px;
}
.feature_item {
border: 1px solid #e6e8ea;
border-radius: 18px;
padding: 25px 20px;
text-align: center;
background: #f5f7fa;
cursor: pointer;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.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-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: 28px; }
.home_banner_area .banner_inner .banner_content h2 {
font-size: 28px;
line-height: 45px; }
.single-brand-item {
width: 170px !important;
}
.single-brand-item img {
max-width: 130px !important;
}
}
/*
============================================================================================ */
/* 1100px
============================================================================================ */
@media (max-width: 1100px) {
.features-overview .features-width {
flex-basis: 100%;
}
.containerclub{
max-width: 1200px;
margin: 0 auto;
padding: 0px 30px 0px 30px;
}
}
@media only screen and (min-width:1300px) and (max-width:1450px) {
.product-n .actions a,
.product-n .actions btn {
padding: 6px 35px
}
}
@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: 300; }
.header_area .navbar .nav .nav-item {
margin-right: 0px; }
.header_area + section,
.header_area + row,
.header_area + div {
margin-top: 0px; }
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
line-height: 40px;
color: #fff; }
.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
line-height: 40px;
color: #fff; }
.header_area.white_menu .navbar .nav .nav-item .nav-link {
color: #222; }
.home_banner_area {
margin-top: 0; }
.home_right_img {
display: none; }
.categories_post img {
width: 100%; }
.categories_post {
max-width: 360px;
margin: 0 auto; }
.blog_categorie_area .col-lg-4 {
margin-top: 30px; }
.blog_area {
padding-bottom: 80px; }
.single-post-area .blog_right_sidebar {
margin-top: 30px; }
.contact_info {
margin-bottom: 50px; }
.home_banner_area .donation_inner {
margin-bottom: -30px; }
.home_banner_area .dontation_item {
max-width: 350px;
margin: auto; }
.home_banner_area .banner_inner .home_left_img {
display: none; }
.header_area .navbar .primary_btn {
display: none; }
.left_side_text {
margin-bottom: 50px; }
.price_item {
max-width: 360px;
margin: 0px auto 30px; }
.price_inner {
margin-bottom: -30px; }
.actionmojoo {
font-size: 26px;
font-weight: 600;
line-height: 75px;
text-align: center;
color: #fff;
background: #91c94e;
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: #91c94e;
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: 28px;
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: none;
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 {
}
.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;
}
}
/*
============================================================================================ */
/* 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: 28px;
line-height: 42px;
}
.mainbrands2 {
font-size: 28px;
line-height: 42px;
}
.mainbrands2-dark {
font-size: 28px;
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: #6d7986;
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;
}
.dstportslider {
background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.5) 0);
max-height: 350px;
width: 100%;
height: 100vh;
object-fit: cover;
}
.dstport4-dark {
color:#000 !important;
}
}
/*
============================================================================================ */
/* 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: #6d7986;
}
.home_banner_area .banner_inner .banner_content h1 {
font-size: 28px;
line-height: 42px;
}
.home_banner_area .banner_inner2 .banner_content h1 {
font-size: 28px;
line-height: 42px;
}
.main_title h2 {
font-size: 15px;
line-height: 34px;
}
.swiper-slide {
text-align: center;
font-size: 13px;
}
}
/*
============================================================================================ */
/* 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: 13px;
}
.all_sum {
font-size: 13px;
}
.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: 28px; }
.comments-area .thumb {
margin-right: 10px; }
.testi_item .media .d-flex {
padding-right: 0px; }
.testi_item .media .d-flex img {
width: auto;
margin-bottom: 15px; }
.testi_item .media {
display: block; }
.product-n .rating .stars-count {
display: none;
}
.cart-page .btn-to-confirm {
font-size: 13px;
}
}
/*
============================================================================================ */
/* 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: 18px;
background: #DB4437;
padding: 2px 4px;
margin-left: 5px;
}
.containertext {
font-size: 11px;
}
.nav-cats2 li a{
font-size: 1.2rem;
}
.single-brand-item {
height: 80px !important;
width: 110px !important;
}
.single-brand-item img {
max-width: 90px !important;
}
.mainbrands2 {
font-size: 20px !important;
line-height: 36px !important;
}
.mainbrands2-dark {
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: 16px !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;
}
.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: 28px !important;
}
h2 {
font-size: 20px !important;
}
.cif {
font-size: 28px !important;
}
.product-block-title {
font-size: 20px !important;
}
.product-n .price-block .price {
font-size: 15px;
}
.home_banner_area .banner_inner2 .banner_content h5 {
font-size: 15px;
}
.dstmain_title2 h2 {
font-size: 15px;
}
.dstmain_title2 h2 {
font-size: 28px !important;
}
.cart_items {
font-size: 13px;
}
.cart-totals .sum {
font-size: 14px !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) {
.cart-buttom-fixed {
font-size: 20px !important;
}
}
/*
============================================================================================ */
/* 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 {
padding: 0.115rem 0.10rem;
}
.single-brand-item {
height: 100px !important;
width: 220px !important;
}
.single-brand-item img {
max-width: 130px !important;
}
.cart-page .cart-info .info {
font-size: 13px;
font-weight: normal !important;
}
.small {
line-height: 20px;
}
small, .small {
font-size: 70%;
}
.footer-mobile .name {
font-size: 11px!important;
}
.dstport {
font-size: 18px !important;
line-height: 26px !important;
}
.dstportdark {
font-size: 18px !important;
line-height: 26px !important;
}
.feature_item2 h4 {
font-size: 18px !important;
line-height: 26px !important;
}
.feature_item4 h4 {
font-size: 18px !important;
line-height: 26px !important;
}
}
/*
============================================================================================ */
/* 370px
============================================================================================ */
@media (max-width: 370px) {
.btn {
font-size: 1rem;
padding: 0rem 0.3rem;
}
.btn-primary {
font-size: 14.5px !important;
padding: 6px 35px !important;
}
.btn {
padding: 0.375rem 0.75rem !important;
}
.nav-cats2 li a{
font-size: 1rem;
}
.col-dst-12 {
max-width: 100%;
}
.col-dst-center-12 {
max-width: 100%;
text-align: center;
margin: 0 auto;
}
.all_sum {
font-size: 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: #91c94e;
color: #91c94e;
height: 45px;
}
.footer-mobile .header-icon-margin{
margin-top: 5px;
}
.product-n .actions a, .product-n .actions btn {
line-height: 28px;
padding: 6px 20px;
font-size: 15px;
}
.controller-deposit .product-n {
height: 525px;
}
.controller-farmer .product-n{
height: auto;
}
@media (max-width: 460px) {
.mob-hide-revert{
display:none;
}
.product-n {
padding: 10px;
}
}
.ac-container{
width: 100%;
margin: 10px auto 30px auto;
text-align: left;
}
.ac-container label{
padding: 26px 20px 26px 20px;
position: relative;
z-index: 1;
display: block;
height: auto;
cursor: pointer;
color: #000;
font-size: 17px;
font-weight: 700;
background: #ffffff;
border-radius: 18px;
border: 2px solid #F5F6FA;
}
.ac-container label:hover{
background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
background: #fff;
color: #0b1f35;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 40px;
height: 40px;
right: 18px;
top: 20px;
background: transparent url(/img/arrow_down.png) no-repeat center center;
border-radius: 50px;
border: 2px solid #F5F6FA;
padding:10px;
}
.ac-container input:checked + label:hover:after{
background-image: url(/img/arrow_up.png);
}
.ac-container input{
display: none;
}
.ac-container article{
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 1;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
padding: 30px 30px;
transition: all 0.5s ease 0s;
margin: 10px 20px 0px 20px;
margin-bottom: 0px;
background: #f5f7f9;
border-radius: 18px;
font-size: 17px;
line-height: 24px;
}
.ac-container input:checked ~ article{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-small{
height: auto;
transition: all 0.5s ease 0s;
margin-bottom: 15px;
}
.ac-container input:checked ~ article.ac-medium{
height: auto;
transition: all 0.5s ease 0s;
margin-bottom: 15px;
}
.ac-container input:checked ~ article.ac-large{
height: auto;
transition: all 0.5s ease 0s;
margin-bottom: 15px;
}
.number-dst {
font-size: 11px;
display: inline-block;
color: #fff;
background: #91c94e;
border-radius: 4px;
padding: 0px 10px;
line-height: 20px;
margin-left: 10px;
}
.feature_itemdst_dstimg {
border-radius: 18px;
padding: 35px 30px 10px 30px;
background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.3) 0), url(/templates/default/images/34.jpg) no-repeat center center;
background-size: cover;
min-height: 300px;
text-align: left;
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_dstimg img {
margin-bottom: 35px;
height: 50px;
width: auto;
transition: all 0.4s ease 0s;
border-radius: 18px;
}
.feature_itemdst_dstimg img:hover {
margin-bottom: 35px;
opacity:0.7;
transition: all 0.4s ease 0s;
}
.feature_itemdst_dstimg h4 {
font-size: 17px;
margin-bottom: 20px;
color: #fff;
min-height: 60px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
line-height: 28px;
}
.feature_itemdst_dstimg p {
margin-bottom: 0px;
min-height: 100px;}
.feature_itemdst_dstimg:hover {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.mg-main-advatages {
background: #fff;
padding: 32px 0 32px;
text-align: center;
}
.mg-main-advatages__subtitle {
font-weight: 300;
font-size: 17px;
line-height: 1.34;
letter-spacing: -0.133333px;
color: #A6A6A6;
margin-top: 12px;
}
.mg-main-advatages__list {
margin-top: 24px;
}
.mg-main-advatages__item_dst{
display: inline-block;
text-align: left;
margin-bottom: 24px;
border: 2px solid #4285F4;
padding: 24px;
border-radius: 18px;
flex-direction: column;
text-decoration: none;
transition: all 0.15s;
cursor: pointer;
width: 100%;
}
.mg-main-advatages__item_dst:hover {
border-color: #4285F4;
transform: translateY(-8px);
box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
}
a.mg-main-advatages__item_dst:hover {
box-shadow: 0px 10px 40px rgb(0 0 0 / 8%);
}
.mg-main-advatages__item {
display: inline-block;
text-align: left;
margin-bottom: 24px;
border: 2px solid #F5F6FA;
padding: 24px;
border-radius: 18px;
flex-direction: column;
text-decoration: none;
transition: all 0.15s;
cursor: pointer;
width: 100%;
}
.mg-main-advatages__item:hover {
border-color: #4285F4;
transform: translateY(-8px);
box-shadow: 0 12px 30px rgb(0 0 0 / 8%);
}
a.mg-main-advatages__item:hover {
box-shadow: 0px 10px 40px rgb(0 0 0 / 8%);
}
.mg-main-advatages__item-more {
align-self: flex-start;
font-weight: 500;
font-size: 15px;
line-height: 22px;
letter-spacing: -0.1px;
color: #2f85f6;
margin-top: 8px;
text-decoration: none;
}
.mg-main-advatages__item-text-wrapper {flex: 1 0 1%;}
.mg-main-advatages__item:last-child {margin-bottom: 0;}
.mg-main-advatages__item-title {
font-weight: bold;
font-size: 17px;
line-height: 1.25;
color: #000;
margin-bottom: 8px;
}
.mg-main-advatages__item-ico {
width: 24px;
height: 24px;
flex: none;
margin-right: 8px;
font-size: 0;
}
.mg-main-advatages__item-text {
font-size: 15px;
line-height: 24px;
letter-spacing: -0.1px;
color: #A6A6A6;
}
.mg-main-advatages__options-title {
font-size: 17px;
line-height: 1.34;
letter-spacing: -0.133333px;
color: #000;
margin-top: 32px;
margin-bottom: 24px;
position: relative;
}
.mg-main-advatages__button {
display: block;
background: #4285F4;
border-radius: 20px;
text-decoration: none;
color: #FFFFFF;
font-size: 17px;
line-height: 24px;
font-weight: 500;
padding: 15px 16px;
transition: transform 0.25s;
margin-top: 24px;
cursor: pointer;
}
.mg-main-advatages__button:hover {
opacity:0.9;
transition: transform 0.25s;
}
.mg-main-advatages__button:active {
background: #2EBF5F;
box-shadow: none;
}
.dst-center {
text-align: center;
}
.clent-item img {
border-radius: 50%;
height: 80px;
width: 80px !important;
text-align:center;
margin:0 auto 20px;
}
.client-title-text {
font-size: 17px;
color: #2f85f6;
font-weight: 700;
}
.client-text {
font-size: 15px;
line-height: 24px;
font-weight: 500;
color: #000;
margin-bottom: 12px;
}
.client-vse {
font-size: 17px;
color: #A6A6A6;
font-weight: 700;
background: #F8F8F8;
border-radius: 50px;
max-width: 350px;
min-height: 350px;
}
.otzivi-list-item {
max-width: 320px;
min-height: 390px;
}
.otzivi-list-item2 {
min-height: 500px;
}
.category_description {
border:#ddd solid 1px;
border-radius: 18px;
padding:30px;
}
.callout-block {
padding: 1.5rem;
background: #f5f5f5;
margin-top: 2rem;
margin-bottom: 1rem;
border-radius: 18px;
font-size: 15px
}
.callout-block2 {
padding: 1.5rem;
background: #2f85f6;
margin-top: 2rem;
margin-bottom: 1rem;
border-radius: 18px;
color: #fff;
font-size: 15px
}
.callout-block3 {
padding: 1.5rem;
background: #91c94e;
margin-top: 2rem;
margin-bottom: 1rem;
border-radius: 18px;
color: #fff;
font-size: 15px
}
.callout-block code {
background: #fff
}
.callout-block .callout-title {
font-size: 17px;
color: #0b1f35;
font-weight: 700
}
.callout-block2 .callout-title {
font-size: 17px;
color: #fff;
font-weight: 700
}
.callout-block2 a {
color: #fff;
text-decoration: underline
}
.callout-block3 a {
color: #fff;
text-decoration: underline
}
.callout-block2 .callout-title {
font-size: 17px;
color: #fff;
font-weight: 700
}
.callout-block3 a {
color: #fff !important;
text-decoration: underline
}
.callout-block.callout-block-info {
border: 1px solid #e6e8ea;
background: #fff
}
.callout-block.callout-block-info2 {
background: #0b1f35
}
.callout-block.callout-block-info3 {
background: #91c94e
}
.callout-block.callout-block-info .callout-title {
color: #2f85f6
}
.callout-block.callout-block-info2 .callout-title {
color: #fff
}
.callout-block.callout-block-info a {
color: #0b1f35;
text-decoration: underline
}
.callout-block.callout-block-success {
border-color: #5cb377;
background: #e7f4eb
}
.callout-block.callout-block-success .callout-title {
color: #3e8554
}
.callout-block.callout-block-success a {
color: #3e8554
}
.callout-block.callout-block-warning {
border-color: #eebf41;
background: #fdf6e5
}
.callout-block.callout-block-warning .callout-title {
color: #d09c13
}
.callout-block.callout-block-warning a {
color: #d09c13
}
.callout-block.callout-block-danger {
border-color: #d26d69;
background: #fbf3f2
}
.callout-block.callout-block-danger .callout-title {
color: #b73c37
}
.callout-block.callout-block-danger a {
color: #b73c37
}
.dstport_banner1 {
background: #f5f7fa url(/templates/default/images/pervoe2.png) no-repeat 92% center;
background-size: 22%;
border-radius: 18px;
color: #fff;
padding: 45px 25px 25px 25px;
text-align: left;
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;
}
.dstport_banner2 {
background: #e2bad0 url(/templates/default/images/pervoe.png) no-repeat 96% center;
background-size: 10%;
min-height: 100px;
border-radius: 18px;
color: #fff;
padding: 30px;
text-align: left;
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;
}
@media (max-width: 560px) {
.dstport_banner2 {
background: #e2bad0 url(/templates/default/images/pervoe.png) no-repeat 90% center;
background-size: 30%;
}
}
.dstport-banner-index {
font-size: 24px;
margin-bottom: 5px;
color: #000;
font-weight: 700;
line-height: 32px;
}
@media (max-width: 560px) {
.dstport-banner-index {
font-size: 15px;
margin-bottom: 20px;
color: #000;
font-weight: 700;
line-height: 26px;
max-width: 65%
}
}
.footer-warning {
padding: 20px 0 0;
text-transform: uppercase;
color: #ddd;
text-align: center;
font-size: 28px;
-webkit-transform: scaleY(2);
-moz-transform: scaleY(2);
-ms-transform: scaleY(2);
transform: scaleY(2);
white-space: wrap;
height: 60px;
}
@media (max-width: 1400px) {
.footer-warning {
font-size: 24px;
}
}
@media (max-width: 1150px) {
.footer-warning {
font-size: 20px;
height: 90px;
padding-bottom: 120px;
margin-top: 30px;
}
}
@media (max-width: 480px) {
.footer-warning {
font-size: 15px;
height: 70px;
padding-bottom: 100px;
}
}
.dstlogo {
margin-bottom: 15px;
float:left;
}
.dstlogo img {
height: 60px;
}
.dstlogo2 {
height: 100px;
margin-left: 70px;
font-size: 11px;
line-height:20px;
display: block;
}
.dstlogo2 a {
font-size: 11px;
text-decoration: none;
line-height:20px;
display: block;
color: #2f85f6;
}
/*
============================================================================================ */
/* Услуги
============================================================================================ */
.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;
background:#f5f7fa;
-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:20px;
margin-bottom:36px;
-webkit-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
color:inherit;
text-decoration:none;
margin-right:28px;
}
.dst-uslugi-list__item:hover {
-webkit-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
background:#91c94e;
color:#fff
}
.dst-uslugi-list__item:nth-child(6n) {
margin-right:0
}
.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 {
width:50%;
font-size:15px
}
@media all and (max-width: 768px) {
.dst-uslugi-list__text {
width:initial;
padding:0 20px
}
}
.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:#f5f7fa;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
margin-bottom:36px;
-webkit-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
color:inherit;
text-decoration:none;
margin-right:28px
}
.dst-uslugi-tile__item:hover {
-webkit-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2)
}
.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:#f5f7fa;
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:400;
cursor:pointer;
-webkit-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2)
}
.dst-uslugi-tile__button:hover {
-webkit-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2)
}
.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:#f5f7fa;
padding:10px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
-webkit-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-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;
-webkit-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
text-decoration:none;
color:#000;
cursor:pointer
}
.dst-uslugi-group__item:hover {
-webkit-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2)
}
.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: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
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:#f5f7fa;
-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: 18px;
}
}
.dst-uslugi-tile-diagnostic__text {
width:100%;
font-size:18px;
font-weight:bold
}
.dst-uslugi-tile-diagnostic__text2 {
width: 100%;
font-size: 18px;
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:400;
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: 18px
}
.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: 18px;
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:#f5f7fa;
padding:10px;
border-radius:18px;
-webkit-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-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;
-webkit-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
box-shadow:0px 4px 4px -3px rgba(141,141,141,0.2);
text-decoration:none;
color:#000;
cursor:pointer
}
.dst-uslugi-group__item:hover {
-webkit-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
-moz-box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2);
box-shadow:0px 10px 9px -3px rgba(141,141,141,0.2)
}
.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: 18px;
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
}
}
.consultant-dst-online{
background: url(/templates/default/images/uslugi7.png) no-repeat 0 0;
background-size: contain;
}
.consultant-dst-online2 {
background: url(/templates/default/images/uslugi-banner-8.webp) no-repeat 0 0;
background-size: contain;
}
.consultant-dst-online3 {
background: url(/templates/default/images/lisence.webp) no-repeat 20px 65px;
background-size: 180px;
}
.consultant-dst-online4{
background: url(/templates/default/images/online.png) no-repeat 0 0;
background-size: contain;
}
.consultant-dst-online5{
background: url(/templates/default/images/online5.png) no-repeat 10% 0px;
background-size: 100%;
}
.consultant-dst-online6{
background: url(/templates/default/images/60.png) no-repeat 40% 20px;
background-size: 60%;
}
.dstlinetextcopy2{
font-size: 13px;
color: #6d7986;
line-height: 18px;
text-align: left;
margin-top: 20px;
}
/*
============================================================================================ */
/* whatsapp
============================================================================================ */
.dstlinetextcopy2 a{
color: #6d7986;
text-decoration:underline;
}
.whatsapp-top, .whatsapp-top:visited {
position: fixed;
bottom: 20px;
right: 20px;
text-align: center;
z-index: 10;
transition: opacity .3s ease-in-out;
}
.whatsapp {
width: 50px;
height: 50px;
}
@media all and (max-width: 1200px) {
.whatsapp-top, .whatsapp-top:visited {
display:none;
}
}
/*
============================================================================================ */
/* Star
============================================================================================ */
.card-star {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border-radius: 5px;
}
.card-star {
margin-bottom: 20px;
transition: all 1s;
}
.dashboard-icon-widget .card-star-body {
padding: 28px;
}
.card-star .card-star-body {
padding: 15px 0px;
}
.card-star-body {
flex: 1 1 auto;
padding: 1rem 1rem;
}
.widget-icon-star {
float: left;
background: url(/templates/default/images/star.png);
background-size: auto;
height: 80px;
width: 80px;
display: flex;
border-radius: 5px;
align-items: center;
justify-content: center;
text-align: center;
background-size: cover;
color: #fff;
font-size: 24px;
font-weight: 700;
}
.widget-iconstar .icon-star {
width: 2rem;
height: 2rem;
color: #fff;
}
.icon-star {
width: 20px;
height: 20px;
}
.widget-details {
text-align: left;
position: absolute;
left: 100px;
}
.widget-details h1 {
margin: 0;
color: #000; }
.widget-details span {
color: #595959; }
/*
============================================================================================ */
/* Отзывы
============================================================================================ */
.links a {
font-size: 13px;
border: 1px solid #d6dbe0;
padding: 5px 10px;
border-radius: 8px;
display: inline-block;
}
.modal_success{
position: absolute;
top:5%;
z-index: 5;
width: 30%;
left: 30%;
border: 3px solid #91c94e;
}
#reviewform a, .pagebar_current{
color: #91c94e!important;
}
#reviewform a:hover, .btn_scroll:hover{
color: green;
cursor: pointer;
}
.otzivy .search-input{
border:0;
}
.form-group textarea{
min-height: 150px;
}
.otzivy-content, .otzivy-contentform, .modal_success {
text-align: center;
}
.comment, .otzivy-content, .otzivy-contentform, .modal_success {
background: #f5f7fa;
border-radius: 18px;
padding:30px;
cursor: pointer;
transition: all 0.4s ease 0s;
}
.comment:hover {
opacity:0.8;
transition: all 0.4s ease 0s;
}
.otzivy-content{
padding: 5px;
}
.review_header{
display: flex;
}
.review_author{
margin-left: 20px;
}
.review_date{
background: #91c94e;
border-radius: 10px;
padding: 5px 10px;
}
.review_target a{
color:#91c94e;
}
.review_body{
margin: 0 120px 0 60px;
font-size: 20px;
}
@media (max-width: 600px) {
.review_body {
margin: 0 0px 0 0px;
}
}
.review_text{
font-size: 20px;
display:flex;
}
.review_answer{
padding: 1rem 2rem;
background: white;
border-radius: 18px;
}
.review_answer span{
font-weight: 600;
font-size: 20px;
}
.select-wrap{
display: flex;
justify-content: center;
}
#search{
border-radius: 8px;
}
.btn_scroll{
height: 40px;
margin-right: 10px;
margin-top: 16px;
color: #f5f7fa;
width: 100%;
}
/*
============================================================================================ */
/* Диагностика
============================================================================================ */
.dstcategoryslider {
font-size: 24px;
padding-top: 30px;
color: #000;
font-weight: 700;
line-height: 32px;
position: absolute;
padding-left: 30px;
}
.category-right{
position: absolute;
right: 30px;
top: 120px;
float: right;
display: inline-block;
}
@media all and (max-width: 770px) {
.category-right{
display:none;
}
}
.diagnostics-box {
color: #fff
}
.diagnostics-box__box {
position: relative;
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;
background: #91c94e;
padding: 0px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
overflow: hidden
}
.diagnostics-box__box.fun {
background: #CE4545
}
.diagnostics-box__image {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.diagnostics-box__image img {
display: block;
height: 100%;
}
.diagnostics-box__text {
width: 50%;
padding: 20px 20px 20px 0;
}
.diagnostics-box__text p {
padding-bottom: 30px
}
.diagnostics-box__title {
position: relative;
padding-bottom: 20px
}
.diagnostics-box__h2 {
font-size: 32px
}
.diagnostics-box__h2 a {
color: #fff;
text-decoration: none
}
.diagnostics-box__h2 a:hover {
text-decoration: underline
}
.diagnostics-box__line {
height: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff;
width: 87px;
margin-top: 20px
}
.diagnostics-box__buttons {
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
}
.diagnostics-box__button {
display: inline-block;
text-decoration: none;
background: #627481;
color: #fff;
line-height: 30px;
padding: 4px 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 14px;
font-size: 18px;
width: 350px;
text-align: center
}
.diagnostics-box__button:hover {
background: #fff;
color: #000
}
.diagnostics-box__button.fun {
background: #a53737;
width: 160px;
color: #fff
}
.diagnostics-box__button.fun:hover {
background: #fff;
color: #000
}
@media all and (max-width: 1150px) {
.diagnostics-box__button {
width: 100%
}
.diagnostics-box__button.fun {
width: 48%
}
.diagnostics-box__text {
padding: 20px
}
}
@media all and (max-width: 768px) {
.diagnostics-box__text2 {
padding-left: 30px !important;
padding-right: 30px !important;
width: 100% !important;
}
.diagnostics-box-medic {
padding-left: 30px;
padding-right: 30px;
}
}
@media all and (max-width: 1024px) {
.diagnostics-box__text {
padding: 20px
}
.diagnostics-box__text p {
padding-bottom: 0
}
.diagnostics-box__box {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.diagnostics-box__text {
padding: 20px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: initial;
border-top: 1px solid #9cadb9
}
.diagnostics-box__h2 {
font-size: 22px
}
.diagnostics-box__image img {
width: 100%
}
.diagnostics-box__image+.diagnostics-box__text {
margin-left: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.diagnostics-box__text+.diagnostics-box__image {
margin-left: 0;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.diagnostics-box__button {
font-size: 14px
}
.diagnostics-box__button.fun {
width: 48%
}
}
@media (max-width: 575px) {
.section_gap_diagn {
padding-top: 30px;
padding-bottom: 0px;
}
}
.page-nav-sticky {
background: #fff;
margin: 0 0 60px;
-webkit-transition: 0.2s -webkit-transform;
transition: 0.2s -webkit-transform;
-o-transition: 0.2s transform;
-moz-transition: 0.2s transform, 0.2s -moz-transform;
transition: 0.2s transform;
transition: 0.2s transform, 0.2s -webkit-transform, 0.2s -moz-transform;
-webkit-box-shadow: 0px 5px 10px rgba(59, 106, 86, 0.1);
-moz-box-shadow: 0px 5px 10px rgba(59, 106, 86, 0.1);
box-shadow: 0px 5px 10px rgba(59, 106, 86, 0.1)
}
.page-nav-sticky.stick {
position: fixed;
left: 0;
right: 0
}
.page-nav-sticky.stick .page-nav-sticky__items {
padding: 20px 0
}
.page-nav-sticky__wrap {
max-width: 1430px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.page-nav-sticky__items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 10px 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.page-nav-sticky a.page-nav-sticky__item,
.page-nav-sticky__item {
position: relative;
text-decoration: none;
color: #91c94e;
font-weight: bold;
white-space: wrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 24px;
padding: 6px 13px 4px;
cursor: pointer;
text-decoration: underline
}
.page-nav-sticky a.page-nav-sticky__item:hover,
.page-nav-sticky__item:hover {
background: #91c94e;
color: #fff;
text-decoration: none
}
.page-nav-sticky__item+.page-nav-sticky__item {
margin-left: 20px
}
.page-nav-sticky__buttons {
position: relative;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -40px;
width: 210px
}
.page-nav-sticky__button {
background: #91c94e;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
line-height: 40px;
font-weight: bold;
height: 40px;
width: 210px;
text-align: center;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
text-decoration: none;
font-size: 16px;
margin: 0 0 10px
}
.page-nav-sticky__button:hover {
opacity: 0.8;
color: #fff;
}
.page-nav-sticky__button_gray {
color: #91c94e;
background: #F6F8F7
}
.page-nav-sticky__button_gray:hover {
background: #e8edea
}
.page-nav-sticky.sticky {
position: fixed;
top: 200px;
left: 0;
right: 0;
z-index: 15;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
margin-top: -5px;
border-bottom: 1px solid #E2E9E6
}
.page-nav-sticky.sticky .page-nav-sticky__items {
padding: 17px 30px 14px 0
}
.page-nav-sticky.sticky .page-nav-sticky__buttons {
margin-top: 0;
padding: 17px 0px 0px 0;
width: 360px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.page-nav-sticky.sticky .page-nav-sticky__button {
margin-top: 0;
width: 164px;
font-size: 13px;
line-height: 32px;
height: 32px
}
@media all and (max-width: 1024px) {
.page-nav-sticky__buttons {
display: none
}
.page-nav-sticky__item + .page-nav-sticky__item {
margin-left: 0px;
}
.page-nav-sticky a.page-nav-sticky__item, .page-nav-sticky__item {
min-height: 34px;
display: block;
}
.page-nav-sticky:after,
.page-nav-sticky:before {
position: absolute;
top: 0;
bottom: 0;
width: 15px;
content: '';
z-index: 1
}
.page-nav-sticky:before {
left: 0;
background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
background-image: -o-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);
background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #fff);
background-image: -moz- oldlinear-gradient(right, rgba(255, 255, 255, 0), #fff);
background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0), #fff);
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #fff)
}
.page-nav-sticky:after {
right: 0;
background-image: -webkit-linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
background-image: -moz- oldlinear-gradient(right, #fff, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0))
}
.page-nav-sticky__items {
display: block;
white-space: nowrap;
}
.page-nav-sticky a.page-nav-sticky__item,
.page-nav-sticky__item {
font-size: 14px
}
}
.dst-diag {
margin: 60px 0;
padding: 40px 0;
background: #F6F8F7
}
.dst-diag__box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.dst-diag__content {
background: #91c94e;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 18px;
padding: 30px 20px 30px 30px;
color: #fff
}
.dst-diag__image {
margin: 0 0 20px
}
.dst-diag__image img {
display: block
}
.dst-diag__col a {
color: #000;
font-size: 16px;
font-weight: bold;
margin: 0 0 15px;
display: block;
text-decoration: none
}
.dst-diag__col a:hover {
text-decoration: underline;
color: #91c94e
}
@media all and (max-width: 1150px) {
.dst-diag__box {
display: block
}
.dst-diag__content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 20px
}
.dst-diag__image {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 20px 0 0
}
}
@media all and (max-width: 768px) {
.dst-diag {
margin: 40px 0
}
.dst-diag__text {
font-size: 14px
}
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: 0;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.mCSB_inside>.mCSB_container {
margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
background-image: url(/local/components/smc/page.blocks/templates/doctors/mCSB_buttons.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
height: 14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: .3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz- oldlinear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
right: 1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
-webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
bottom: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
height: 12px;
width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
left: 0;
right: auto
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9)
}
.doctor-card {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 10px;
width: 320px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
border: 1px solid #E2E9E6;
white-space: normal;
overflow: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s
}
.doctor-card.hover {
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15)
}
.doctor-card.hover .doctor-card__button a {
-webkit-box-shadow: 0px 4px 7px rgba(60, 150, 112, 0.25);
-moz-box-shadow: 0px 4px 7px rgba(60, 150, 112, 0.25);
box-shadow: 0px 4px 7px rgba(60, 150, 112, 0.25);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s
}
.doctor-card a {
text-decoration: none
}
.doctor-card__image {
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
height: auto
}
.doctor-card__cell {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
text-decoration: none;
color: inherit
}
.doctor-card__left {
width: 100px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 20px 10px 0
}
.doctor-card__right {
margin: 0 0 10px 0
}
.doctor-card__name {
font-weight: bold;
margin: 0 0 10px
}
.doctor-card__metro {
position: relative;
font-size: 14px
}
.doctor-card__point {
position: absolute;
top: 5px;
left: 0;
vertical-align: middle;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
height: 10px;
width: 10px
}
.doctor-card__point+div {
padding: 0 0 0 16px
}
.doctor-card__spec {
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #91c94e
}
.doctor-card__button a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: #fff;
text-decoration: none;
height: 36px;
line-height: 36px;
padding: 0px 30px;
white-space: nowrap;
text-align: center;
font-size: 16px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
border: 0;
font-weight: normal;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
background: #91c94e
}
.doctor-card__button a:hover {
background: #265f47
}
.doctor-card__text {
line-height: 32px;
height: 32px;
background: #F6F8F7;
border: 1px solid #E5E7E3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
text-align: center;
font-size: 14px;
white-space: nowrap
}
.doctor-card__text b,
.doctor-card__text .bold {
color: #91c94e
}
.doctor-card__text+.doctor-card__text {
margin: 6px 0
}
@media all and (max-width: 768px) {
.doctor-card {
width: 260px
}
.doctor-card__desc {
padding: 0 10px
}
.doctor-card__name {
font-size: 14px
}
.doctor-card__metro {
font-size: 12px
}
.doctor-card__metro div:first-child {
width: 8px;
height: 8px
}
.doctor-card__text {
font-size: 12px
}
.doctor-card__left {
margin-right: 15px
}
}
.doctors-slider {
position: relative;
margin: 0 auto 60px
}
.doctors-slider .slick-track {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important
}
.doctors-slider .slick-slide {
height: inherit !important
}
.doctors-slider__header {
margin: 0 auto 40px;
max-width: 1230px;
padding: 0 15px
}
.doctors-slider__header * {
margin: 0;
padding: 0
}
.doctors-slider__wrap {
position: relative;
padding: 55px 150px 105px;
background: #F6F8F7;
margin: 0 auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.doctors-slider__slider {
white-space: nowrap
}
.doctors-slider__slider.slick-slider {
white-space: normal
}
.doctors-slider__slide {
display: inline-block;
padding: 0 10px 30px
}
.doctors-slider__slide .doctor-card {
margin: 0 auto;
height: 100%
}
.doctors-slider__prev,
.doctors-slider__next {
cursor: pointer;
position: absolute;
top: 50%;
width: 76px;
height: 76px;
margin: -38px 0 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #91c94e
}
.doctors-slider__prev:before,
.doctors-slider__next:before {
z-index: 1
}
.doctors-slider__prev.slick-disabled,
.doctors-slider__next.slick-disabled {
opacity: 0.5
}
.doctors-slider__prev {
left: 20px
}
.doctors-slider__prev:before {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 18px;
height: 20px;
margin-top: -10px;
margin-left: -8px;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxOCI+PHBhdGggZD0iTTEgNy4yNjhjLTEuMzMzLjc3LTEuMzMzIDIuNjk0IDAgMy40NjRsMTAuNSA2LjA2MmMxLjMzMy43NyAzLS4xOTIgMy0xLjczMlYyLjkzOGMwLTEuNTQtMS42NjctMi41MDItMy0xLjczMkwxIDcuMjY4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") 50% 50% no-repeat
}
.doctors-slider__next {
right: 20px
}
.doctors-slider__next:before {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 18px;
height: 20px;
margin-top: -10px;
margin-left: -8px;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxOCI+PHBhdGggZD0iTTE0IDcuMjY4YzEuMzMzLjc3IDEuMzMzIDIuNjk0IDAgMy40NjRMMy41IDE2Ljc5NGMtMS4zMzMuNzctMy0uMTkyLTMtMS43MzJWMi45MzhjMC0xLjU0IDEuNjY3LTIuNTAyIDMtMS43MzJMMTQgNy4yNjh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") 50% 50% no-repeat
}
.doctors-slider__dots {
position: absolute;
left: 0;
right: 0;
bottom: 100px;
padding: 0px 0 0
}
.doctors-slider__dots ul {
text-align: center
}
.doctors-slider__dots li {
display: inline-block;
margin: 0 8px
}
.doctors-slider__dots li.slick-active button {
background: #91c94e
}
.doctors-slider__dots button {
display: block;
font-size: 0;
border: 0;
height: 10px;
width: 10px;
padding: 0;
margin: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #C4C4C4;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s
}
.doctors-slider__more {
position: absolute;
left: 0;
right: 0;
bottom: 30px;
text-align: center
}
.doctors-slider__more a {
line-height: 36px;
padding: 5px 60px;
text-decoration: none;
background: #91c94e;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.doctors-slider__more a:hover {
background: #265f47
}
@media all and (max-width: 1400px) {
.doctors-slider__prev {
left: 10px;
width: 60px;
height: 60px
}
.doctors-slider__next {
right: 10px;
width: 60px;
height: 60px
}
.doctors-slider__wrap {
padding: 55px 50px 65px
}
.doctors-slider .container {
margin: 0;
padding: 0
}
}
@media all and (max-width: 768px) {
.doctors-slider__next,
.doctors-slider__prev {
top: auto;
bottom: 50px
}
.doctors-slider__wrap {
padding: 55px 0px 95px
}
.doctors-slider .slick-list {
padding: 0 20% 0 0
}
.doctors-slider__slide .doctor-card {
margin: 0
}
}
@media all and (max-width: 480px) {
.doctors-slider .slick-list {
padding: 0 15% 0 0
}
.doctors-slider__dots {
display: none
}
}
.spoiler {
overflow: hidden;
padding: 0 0px 0 0px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}
.spoiler+.spoiler {
border-top: 0
}
.spoiler__header {
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;
cursor: pointer;
font-size: 26px;
color: #91c94e;
padding: 12px 0px 11px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
padding: 15px 0
}
.spoiler__cell {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.spoiler__hidden {
height: 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
overflow: hidden
}
.spoiler__icon {
position: relative;
width: 40px;
height: 40px;
background: #91c94e;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.spoiler__icon:before {
position: absolute;
top: 50%;
left: 50%;
margin: -1px 0 0 -6px;
background: #fff;
width: 12px;
height: 2px;
content: ''
}
.spoiler__icon:after {
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -1px;
background: #fff;
width: 2px;
height: 12px;
content: ''
}
.spoiler.active .spoiler__header {
color: #000;
font-size: 28px
}
.spoiler.active .spoiler__hidden {
display: block
}
.spoiler.active .spoiler__icon:after {
display: none
}
.spoiler__content {
padding: 0 0 30px
}
.spoiler__cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.spoiler__col {
width: 42%
}
.spoiler__text {
padding: 20px 20px 10px 0;
font-size: 16px;
line-height: 28px;
max-width: 1100px
}
.spoiler__text p {
margin: 0 0 16px
}
.spoiler__text ul {
list-style: none
}
.spoiler__text ul li {
position: relative;
padding: 0 0 0 30px;
margin: 0 0 30px
}
.spoiler__text ul li:before {
position: absolute;
top: 6px;
left: 0;
border: 2px solid #91c94e;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 12px;
height: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: ''
}
@media all and (max-width: 768px) {
.spoiler__text ul li {
margin: 0 0 20px
}
}
@media all and (max-width: 768px) {
.spoiler__header {
font-size: 16px;
padding: 6px 0
}
.spoiler.active .spoiler__header {
font-size: 16px
}
.spoiler__text {
font-size: 14px;
padding: 0px 20px 10px 0;
line-height: normal
}
.spoiler__col {
width: 100%
}
}
.loading {
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 80px;
height: 80px;
font-size: 12px;
color: #A03339
}
.loading_big {
width: 120px;
height: 120px;
margin: -60px 0 0 -60px;
font-size: 16px
}
.loading__anim {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-animation: loading 1s infinite steps(20);
-moz-animation: loading 1s infinite steps(20);
animation: loading 1s infinite steps(20);
z-index: 1
}
.loading__anim div {
position: absolute;
top: 50%;
left: 50%;
margin: -3px 0 0 -50%;
height: 6px;
width: 100%
}
.loading__anim div:before,
.loading__anim div:after {
position: absolute;
top: 0;
bottom: 0;
width: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #91c94e;
content: ''
}
.loading__anim div:before {
left: 0
}
.loading__anim div:after {
right: 0
}
.loading__anim div:nth-child(1) {
-webkit-transform: rotateZ(20deg);
-moz-transform: rotateZ(20deg);
-ms-transform: rotate(20deg);
transform: rotateZ(20deg)
}
.loading__anim div:nth-child(1):after {
opacity: 0.1
}
.loading__anim div:nth-child(2) {
-webkit-transform: rotateZ(40deg);
-moz-transform: rotateZ(40deg);
-ms-transform: rotate(40deg);
transform: rotateZ(40deg)
}
.loading__anim div:nth-child(2):after {
opacity: 0.2
}
.loading__anim div:nth-child(3) {
-webkit-transform: rotateZ(60deg);
-moz-transform: rotateZ(60deg);
-ms-transform: rotate(60deg);
transform: rotateZ(60deg)
}
.loading__anim div:nth-child(3):after {
opacity: 0.3
}
.loading__anim div:nth-child(4) {
-webkit-transform: rotateZ(80deg);
-moz-transform: rotateZ(80deg);
-ms-transform: rotate(80deg);
transform: rotateZ(80deg)
}
.loading__anim div:nth-child(4):after {
opacity: 0.4
}
.loading__anim div:nth-child(5) {
-webkit-transform: rotateZ(100deg);
-moz-transform: rotateZ(100deg);
-ms-transform: rotate(100deg);
transform: rotateZ(100deg)
}
.loading__anim div:nth-child(5):after {
opacity: 0.5
}
.loading__anim div:nth-child(6) {
-webkit-transform: rotateZ(120deg);
-moz-transform: rotateZ(120deg);
-ms-transform: rotate(120deg);
transform: rotateZ(120deg)
}
.loading__anim div:nth-child(6):after {
opacity: 0.6
}
.loading__anim div:nth-child(7) {
-webkit-transform: rotateZ(140deg);
-moz-transform: rotateZ(140deg);
-ms-transform: rotate(140deg);
transform: rotateZ(140deg)
}
.loading__anim div:nth-child(7):after {
opacity: 0.7
}
.loading__anim div:nth-child(8) {
-webkit-transform: rotateZ(160deg);
-moz-transform: rotateZ(160deg);
-ms-transform: rotate(160deg);
transform: rotateZ(160deg)
}
.loading__anim div:nth-child(8):after {
opacity: 0.8
}
.loading__anim div:nth-child(9) {
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotate(180deg);
transform: rotateZ(180deg)
}
.loading__anim div:nth-child(9):after {
opacity: 0.9
}
.loading span {
position: relative;
color: inherit;
font-weight: bold;
font-size: 1em;
z-index: 5;
text-align: center
}
@-webkit-keyframes loading {
0% {
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg)
}
100% {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
@-moz-keyframes loading {
0% {
-moz-transform: rotateZ(0deg);
transform: rotateZ(0deg)
}
100% {
-moz-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
@keyframes loading {
0% {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
transform: rotateZ(0deg)
}
100% {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
/*.btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: #fff;
text-decoration: none;
height: 42px;
line-height: 42px;
padding: 0px 30px;
white-space: nowrap;
text-align: center;
font-size: 16px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
border: 0;
font-weight: 600;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
background: #91c94e
}
.btn:hover {
background: #265f47
}
*/
.btn_inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.btn_arrow {
position: relative;
padding-right: 60px
}
.btn_arrow:before {
position: absolute;
top: 50%;
right: 20px;
width: 0;
height: 0;
margin: -8px 0 0 0;
border: 8px solid transparent;
border-left: 12px solid #fff;
content: ''
}
.text h2 {
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 120%;
margin: 0 0 30px
}
.text h3 {
font-size: 22px;
font-weight: bold;
margin: 15px 0 10px
}
.text h4 {
font-size: 18px;
font-weight: bold;
margin: 15px 0 8px
}
.text p {
margin: 0 0 16px
}
.text ul,
.text ol {
margin: 0 0 16px
}
.text ul {
list-style: none
}
.text ul>ul {
padding: 10px 0 10px 20px
}
.text ul>ul>li {
position: relative;
padding: 0 0 0 20px;
margin: 0 0 5px
}
.text ul>ul>li:before {
border: 0;
top: 7px;
width: 6px;
height: 6px;
background: #000
}
.text ul>li {
position: relative;
padding: 0 0 0 30px;
margin: 0 0 8px
}
.text ul>li:before {
position: absolute;
top: 6px;
left: 0;
border: 2px solid #91c94e;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 12px;
height: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: ''
}
.text ul>li>ul {
padding: 10px 0
}
.text ul>li>ul>li {
position: relative;
padding: 0 0 0 20px;
margin: 0 0 5px
}
.text ul>li>ul>li:before {
border: 0;
top: 7px;
width: 6px;
height: 6px;
background: #000
}
.text ul.ul-col-3 {
padding: 15px 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -2%;
margin-right: -2%
}
.text ul.ul-col-3 li {
width: 29.3%;
margin: 0 2% 30px
}
.text a {
color: #91c94e
}
@media all and (max-width: 768px) {
.text h2 {
font-size: 20px
}
.text h3 {
font-size: 18px
}
.text h4 {
font-size: 17px
}
.text ul.ul-col-3 {
margin-left: 0;
margin-right: 0
}
.text ul.ul-col-3 li {
margin: 0 0 20px;
width: 100%
}
}
.text-2 h2 {
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 120%;
margin: 0 0 30px
}
.text-2 h3 {
font-size: 22px;
font-weight: bold;
margin: 15px 0 10px
}
.text-2 h4 {
font-size: 18px;
font-weight: bold;
margin: 15px 0 8px
}
.text-2 a {
color: inherit
}
.text-2 p {
margin: 0 0 16px
}
.text-2 ul,
.text-2 ol {
margin: 0 0 16px
}
.text-2 ul {
list-style: none
}
.text-2 ul li {
position: relative;
padding: 0 0 0 30px;
margin: 0 0 8px
}
.text-2 ul li:before {
position: absolute;
top: 6px;
left: 0;
border: 2px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 12px;
height: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: ''
}
@media all and (max-width: 768px) {
.text-2 h2 {
font-size: 20px
}
.text-2 h3 {
font-size: 18px
}
.text-2 h4 {
font-size: 17px
}
}
.doctors__scroll .mCustomScrollBox {
width: 100%
}
.doctors__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
opacity: 1;
height: 8px
}
.doctors__scroll .mCSB_scrollTools.mCSB_scrollTools_vertical {
opacity: 1;
width: 8px
}
.doctors__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background: #C4C4C4;
margin: 0;
height: 8px
}
.doctors__scroll .mCSB_inside>.mCSB_container {
margin-right: 8px
}
.doctors__scroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
height: 10px;
margin: 6px 0;
background: #F6F7F9;
-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1)
}
.doctors__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background: #91c94e;
margin: 0;
height: 8px
}
.doctors__scroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
background: #91c94e;
width: 8px;
margin: 0
}
.doctors__scroll .mCSB_horizontal.mCSB_inside>.mCSB_container {
margin-bottom: 0
}
.licenses-block__scroll .mCSB_scrollTools {
opacity: 1
}
.licenses-block__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 150px;
right: 150px
}
@media all and (max-width: 768px) {
.licenses-block__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
right: 20px
}
}
.licenses-block__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
top: -8px;
width: 30px;
height: 30px;
background: #FFFFFF;
border: 5px solid #F2F5F4;
-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.licenses-block__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
top: -3px;
left: -20px;
width: 20px;
height: 22px;
opacity: 1;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMiI+PHBhdGggZD0iTTEuNjIgOC4zODhjLTIuMDMxIDEuMTQ5LTIuMDMxIDQuMDc1IDAgNS4yMjRsMTMuOTA0IDcuODU4YzIgMS4xMyA0LjQ3Ni0uMzE0IDQuNDc2LTIuNjEyVjMuMTQyQzIwIC44NDQgMTcuNTI0LS42IDE1LjUyNC41M0wxLjYyIDguMzg4eiIgZmlsbD0iI0QyRDhENSIvPjwvc3ZnPg==") no-repeat
}
.licenses-block__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:hover {
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMiI+PHBhdGggZD0iTTE4LjM4IDguMzg4YzIuMDMxIDEuMTQ5IDIuMDMxIDQuMDc1IDAgNS4yMjRMNC40NzUgMjEuNDdDMi40NzYgMjIuNiAwIDIxLjE1NiAwIDE4Ljg1OFYzLjE0MkMwIC44NDQgMi40NzYtLjYgNC40NzYuNTNMMTguMzggOC4zODh6IiBmaWxsPSIjMjI4NjUyIi8+PC9zdmc+") no-repeat;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1)
}
.licenses-block__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
top: -3px;
right: -20px;
width: 20px;
height: 22px;
opacity: 1;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMiI+PHBhdGggZD0iTTEuNjIgOC4zODhjLTIuMDMxIDEuMTQ5LTIuMDMxIDQuMDc1IDAgNS4yMjRsMTMuOTA0IDcuODU4YzIgMS4xMyA0LjQ3Ni0uMzE0IDQuNDc2LTIuNjEyVjMuMTQyQzIwIC44NDQgMTcuNTI0LS42IDE1LjUyNC41M0wxLjYyIDguMzg4eiIgZmlsbD0iI0QyRDhENSIvPjwvc3ZnPg==") no-repeat;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1)
}
.licenses-block__scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:hover {
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMiI+PHBhdGggZD0iTTE4LjM4IDguMzg4YzIuMDMxIDEuMTQ5IDIuMDMxIDQuMDc1IDAgNS4yMjRMNC40NzUgMjEuNDdDMi40NzYgMjIuNiAwIDIxLjE1NiAwIDE4Ljg1OFYzLjE0MkMwIC44NDQgMi40NzYtLjYgNC40NzYuNTNMMTguMzggOC4zODh6IiBmaWxsPSIjMjI4NjUyIi8+PC9zdmc+") no-repeat;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.wrapper__box {
padding: 200px 0 0
}
.main-content {
padding: 10px 0 0
}
.main-content p {
margin-bottom: 16px
}
.page-title-2 {
font-size: 32px;
font-weight: bold;
margin: 0 0 30px;
line-height: 43px
}
@media all and (max-width: 768px) {
.page-title-2 {
font-size: 20px;
line-height: normal
}
}
@media all and (max-width: 480px) {
.page-title-2__small {
font-size: 16px
}
}
.page-title-4 {
font-size: 18px;
font-weight: bold;
margin: 0 0 15px
}
@media all and (max-width: 480px) {
.page-title-4 {
font-size: 16px
}
}
.clr-green {
color: #91c94e
}
.bg-gray {
background-color: #F6F8F7
}
.bg-grey {
background-color: #F6F8F7;
padding: 60px 0 40px
}
@media all and (max-width: 768px) {
.bg-grey {
padding: 40px 0 20px
}
}
.main-content .bg-white {
background-color: #FFFFFF;
padding: 0
}
@media all and (max-width: 768px) {
.main-content .bg-white {
padding: 0
}
}
div.bold,
span.bold {
display: inline !important;
font-weight: bold
}
div.em {
display: inline !important;
font-style: italic
}
.headline {
position: relative;
z-index: 1;
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;
margin: 0 0 0px;
background: #fff
}
.headline__title {
margin: 10px 220px 10px 0
}
.headline__title>* {
font-size: 46px;
font-weight: bold;
padding: 0;
margin: 0
}
@media all and (max-width: 1024px) {
.headline__title {
margin: 10px 20px 10px 0
}
.headline__title>* {
font-size: 38px
}
}
@media all and (max-width: 480px) {
.headline {
display: block
}
}
.m-point {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 4px solid #fff;
margin: 0 6px 0 0;
vertical-align: middle
}
.m-point,
.metro {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.m-point_blue,
.metro_blue {
background: #1679C0
}
.m-point_violet,
.metro_violet {
background: #843BB1
}
.m-point_orange,
.metro_orange {
background: #EB9B00
}
.m-point_green,
.metro_green {
background: #22A36C
}
.m-point_lime,
.metro_lime {
background: #50D62F
}
.metro {
position: relative;
width: 26px;
height: 26px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-right: 6px
}
.metro:before {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 10px;
margin-top: -6px;
margin-left: -8px;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCA5Ij48cGF0aCBkPSJNOS4yMDkgNy43MXYxLjEzNWg0LjU0MVY3LjcxaC0uODgzTDkuODYuMTY2IDcuMzI2IDQuNTcxIDQuNzk0LjE2NiAxLjc4NSA3LjcxSC45MDR2MS4xMzVoNC41NDFWNy43MWgtLjY4bC42NjItMS44ODEgMS44OTkgMy4xMDMgMS45LTMuMTA0LjY2MyAxLjg4MmgtLjY4eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") 50% 50% no-repeat;
content: ''
}
.info-text {
position: relative;
background: #F6F8F7;
padding: 40px 80px 40px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
font-size: 16px;
line-height: 22px;
font-weight: 500;
margin: 0 0 70px
}
@media all and (max-width: 768px) {
.info-text {
padding: 30px 20px;
font-size: 14px;
line-height: normal;
margin: 0 0 30px
}
}
ul.ul-style-1 {
list-style: none
}
ul.ul-style-1 li {
position: relative;
padding: 0 0 0 30px;
margin: 0 0 15px
}
ul.ul-style-1 li:before {
position: absolute;
top: 8px;
left: 0;
border: 2px solid #91c94e;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
width: 12px;
height: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: ''
}
@media all and (max-width: 768px) {
ul.ul-style-1 li {
margin: 0 0 20px
}
}
ul.ul-col-2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
ul.ul-col-2 li {
padding-right: 10px;
margin: 0 0 10px 0
}
.text-block {
padding: 80px 0 50px;
font-size: 16px;
line-height: 24px
}
.text-block_bg-1 {
background: #F6F8F7;
margin: 60px 0
}
.text-block__title {
margin: 0 0 80px
}
.text-block__intro {
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #91c94e;
max-width: 320px
}
.text-block__text {
max-width: 700px;
font-size: 16px;
line-height: 28px
}
.text-block__text *:first-child {
margin-top: 0
}
.text-block__cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1.5%;
margin-right: -1.5%;
color: #404040
}
.text-block__col-2 {
width: 63.6%;
margin-right: 1.5%;
margin-left: 1.5%
}
.text-block__col {
width: 30.3%;
margin-right: 1.5%;
margin-left: 1.5%
}
@media all and (max-width: 768px) {
.text-block {
font-size: 14px;
padding: 30px 0
}
.text-block_bg-1 {
margin: 40px 0
}
.text-block__title {
margin: 0 0 30px
}
.text-block__cols {
margin: 0
}
.text-block__col-2,
.text-block__col {
width: 100%;
margin: 0
}
.text-block__intro {
font-size: 14px;
line-height: normal;
margin: 0 0 20px
}
.text-block__text {
font-size: 14px
}
}
.callback-block {
position: relative;
background: #F6F8F7;
padding: 40px 80px 40px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
margin: 0 0 70px
}
.callback-block__title {
font-size: 36px;
font-weight: bold;
margin: 0 0 10px
}
.callback-block__text {
font-size: 16px
}
.callback-block__form {
margin-right: 300px
}
.callback-block__image {
position: absolute;
right: 0;
bottom: 0
}
.callback-block__footer {
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;
padding: 0 0 15px
}
@media all and (max-width: 1150px) {
.callback-block {
padding: 30px 20px
}
.callback-block__form {
margin-right: 0
}
.callback-block__image {
display: none
}
}
@media all and (max-width: 768px) {
.callback-block {
margin: 0 0 30px
}
.callback-block__title {
font-size: 20px
}
.callback-block__text {
font-size: 14px
}
.callback-block__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px
}
}
.feedback-block {
position: relative;
background: #F6F8F7;
padding: 40px 80px 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 0 100px
}
.feedback-block__title {
font-size: 36px;
font-weight: bold;
margin: 0 0 10px
}
.feedback-block__text {
font-size: 16px;
font-weight: bold;
color: #91c94e
}
.feedback-block__form {
margin-right: 300px
}
.feedback-block__image {
position: absolute;
right: 0;
bottom: 0
}
@media all and (max-width: 1150px) {
.feedback-block {
padding: 30px 20px
}
.feedback-block__form {
margin-right: 0
}
.feedback-block__image {
display: none
}
}
@media all and (max-width: 768px) {
.feedback-block {
margin: 0 0 60px
}
.feedback-block__title {
font-size: 20px
}
.feedback-block__text {
font-size: 14px
}
.feedback-block__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.page-form__header {
margin: 0 0 40px
}
.page-form__body textarea {
min-height: 80px;
line-height: normal;
padding: 10px 20px;
resize: none
}
.page-form__row {
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;
margin: 0 0 34px;
-webkit-box-align: end;
-webkit-align-items: end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: end
}
.page-form__cell {
position: relative;
width: 30%
}
.page-form__cell-50 {
width: 48%
}
.page-form__cell-2 {
width: 65%
}
.page-form__cell-1 {
width: 100%
}
.page-form__icon-select,
.page-form__icon-clock,
.page-form__icon-calendar {
position: absolute;
right: 0;
bottom: 0;
width: 60px;
height: 56px
}
.page-form__icon-select:before {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 18px;
height: 11px;
margin-top: -5px;
margin-left: -9px;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiA5Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS4yOTMuMjkzYTEgMSAwIDAxMS40MTQgMEw4IDYuNTg2IDE0LjI5My4yOTNhMSAxIDAgMTExLjQxNCAxLjQxNEw5LjQxNCA4YTIgMiAwIDAxLTIuODI4IDBMLjI5MyAxLjcwN2ExIDEgMCAwMTAtMS40MTR6IiBmaWxsPSIjM0M5NjcwIi8+PC9zdmc+") 50% 50% no-repeat
}
.page-form__icon-clock:before {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 33px;
height: 32px;
margin-top: -16px;
margin-left: -16px;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAzMCI+PHBhdGggZD0iTTE1LjUzNyAzMEM3LjI3MiAzMCAuNTQ3IDIzLjI3MS41NDcgMTVTNy4yNzMgMCAxNS41MzggMGM4LjI2NiAwIDE0Ljk5IDYuNzI5IDE0Ljk5IDE1cy02LjcyNCAxNS0xNC45OSAxNXptMC0yOC4xMjVDOC4zMDUgMS44NzUgMi40MjIgNy43NjMgMi40MjIgMTVjMCA3LjIzOCA1Ljg4MyAxMy4xMjUgMTMuMTE1IDEzLjEyNSA3LjIzMyAwIDEzLjExNi01Ljg4NyAxMy4xMTYtMTMuMTI1IDAtNy4yMzctNS44ODMtMTMuMTI1LTEzLjExNi0xMy4xMjV6IiBmaWxsPSIjM0M5NjcwIi8+PHBhdGggZD0iTTIyLjA5NSAyMy4xMjVhLjkzLjkzIDAgMDEtLjY2Mi0uMjc1bC02LjU1OC02LjU2M2EuOTM4LjkzOCAwIDAxLS4yNzQtLjY2MnYtOC43NWEuOTM4LjkzOCAwIDAxMS44NzMgMHY4LjM2MWw2LjI4NCA2LjI4OGEuOTM4LjkzOCAwIDAxLS42NjMgMS42MDF6IiBmaWxsPSIjM0M5NjcwIi8+PC9zdmc+") 50% 50% no-repeat
}
.page-form__icon-calendar:before {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 33px;
height: 30px;
margin-top: -15px;
margin-left: -16px;
background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSAyOCI+PHBhdGggZD0iTTI3LjY1MSAyLjkwN0gyNS43N1YxLjQxNWEuNzgzLjc4MyAwIDAwLS43OC0uNzgyYy0uNDMgMC0uNzgyLjM1Mi0uNzgyLjc4MnYxLjQ5MmgtNy42NTJWMS40MTVhLjc4My43ODMgMCAwMC0uNzgxLS43ODJjLS40MyAwLS43ODEuMzUyLS43ODEuNzgydjEuNDkySDcuMjYyVjEuNDE1QS43ODMuNzgzIDAgMDA2LjQ4LjYzM2MtLjQzIDAtLjc4MS4zNTItLjc4MS43ODJ2MS40OTJIMy44OTZDMi4xNzggMi45MDcuNzggNC4zNTMuNzggNi4wNzJ2MTguMTY5YTMuMTE3IDMuMTE3IDAgMDAzLjExNiAzLjEyNmgyMy43NDdhMy4xMTYgMy4xMTYgMCAwMDMuMTE2LTMuMTE4VjYuMDcyYy4wMDgtMS43MTktMS4zOS0zLjE2NS0zLjEwOC0zLjE2NXptMS41NTQgMjEuMzM0YzAgLjg2LS42ODcgMS41NTUtMS41NDYgMS41NjNIMy44OTZhMS41NTQgMS41NTQgMCAwMS0xLjU1NC0xLjU1NVY2LjA3MmMwLS44NjcuNjk1LTEuNjAyIDEuNTU0LTEuNjAySDUuN3YxLjEzM2MwIC40My4zNTEuNzgyLjc4Ljc4Mi40MyAwIC43ODItLjM1Mi43ODItLjc4MlY0LjQ3aDcuNzN2MS4xMzNjMCAuNDMuMzUyLjc4Mi43ODIuNzgyLjQzIDAgLjc4LS4zNTIuNzgtLjc4MlY0LjQ3aDcuNjU0djEuMTMzYzAgLjQzLjM1Ljc4Mi43OC43ODIuNDMgMCAuNzgxLS4zNTIuNzgxLS43ODJWNC40N2gxLjg4MmMuODY3IDAgMS41NTQuNzQzIDEuNTU0IDEuNjAydjE4LjE2OXoiIGZpbGw9IiMzQzk2NzAiLz48cGF0aCBkPSJNMTMuNzIgOS41NWgtMS4zNjdhLjc4NC43ODQgMCAwMC0uNzguNzgxYzAgLjQzLjM1Ljc4Mi43OC43ODJoMS4zNjdjLjQzIDAgLjc4LS4zNTIuNzgtLjc4MmEuNzgzLjc4MyAwIDAwLS43OC0uNzgxek0xOS4xNTUgOS41NWgtMS4zNjdjLS40MyAwLS43OC4zNTEtLjc4Ljc4MSAwIC40My4zNS43ODIuNzguNzgyaDEuMzY3Yy40MyAwIC43OC0uMzUyLjc4LS43ODJhLjc3OC43NzggMCAwMC0uNzgtLjc4MXpNMjQuNjM3IDkuNTVIMjMuMjdjLS40MyAwLS43OC4zNTEtLjc4Ljc4MSAwIC40My4zNS43ODIuNzguNzgyaDEuMzY3Yy40MyAwIC43OC0uMzUyLjc4LS43ODJhLjc4My43ODMgMCAwMC0uNzgtLjc4MXpNMTMuNzIgMTQuOTQyaC0xLjM2N2EuNzg0Ljc4NCAwIDAwLS43OC43ODFjMCAuNDMuMzUuNzgxLjc4Ljc4MWgxLjM2N2MuNDMgMCAuNzgtLjM1MS43OC0uNzhhLjc4NC43ODQgMCAwMC0uNzgtLjc4MnpNOC4yNDYgMTQuOTQySDYuODdjLS40MyAwLS43OC4zNTEtLjc4Ljc4MSAwIC40My4zNS43ODEuNzguNzgxaDEuMzY3Yy40MyAwIC43OC0uMzUxLjc4LS43OGEuNzc3Ljc3NyAwIDAwLS43NzItLjc4MnpNMTkuMTU1IDE0Ljk0MmgtMS4zNjdjLS40MyAwLS43OC4zNTEtLjc4Ljc4MSAwIC40My4zNS43ODEuNzguNzgxaDEuMzY3Yy40MyAwIC43OC0uMzUxLjc4LS43OGEuNzc5Ljc3OSAwIDAwLS43OC0uNzgyek0yNC42MzcgMTQuOTQySDIzLjI3Yy0uNDMgMC0uNzguMzUxLS43OC43ODEgMCAuNDMuMzUuNzgxLjc4Ljc4MWgxLjM2N2MuNDMgMCAuNzgtLjM1MS43OC0uNzhhLjc4NC43ODQgMCAwMC0uNzgtLjc4MnpNMTMuNzIgMjAuMjU2aC0xLjM2N2EuNzg0Ljc4NCAwIDAwLS43OC43ODFjMCAuNDMuMzUuNzgxLjc4Ljc4MWgxLjM2N2MuNDMgMCAuNzgtLjM1MS43OC0uNzgxYS43ODQuNzg0IDAgMDAtLjc4LS43ODF6TTguMjQ2IDIwLjI1Nkg2Ljg3Yy0uNDMgMC0uNzguMzUxLS43OC43ODEgMCAuNDMuMzUuNzgxLjc4Ljc4MWgxLjM2N2MuNDMgMCAuNzgtLjM1MS43OC0uNzgxYS43NzcuNzc3IDAgMDAtLjc3Mi0uNzgxek0xOS4xNTUgMjAuMjU2aC0xLjM2N2MtLjQzIDAtLjc4LjM1MS0uNzguNzgxIDAgLjQzLjM1Ljc4MS43OC43ODFoMS4zNjdjLjQzIDAgLjc4LS4zNTEuNzgtLjc4MWEuNzc5Ljc3OSAwIDAwLS43OC0uNzgxeiIgZmlsbD0iIzNDOTY3MCIvPjwvc3ZnPg==") 50% 50% no-repeat
}
.page-form__label {
display: block;
font-size: 16px;
margin: 0 0 8px;
font-weight: bold
}
.page-form__input,
.page-form__select {
display: block;
padding: 0 60px 0 20px;
background: #fff
}
.page-form__input,
.page-form__select,
.page-form__radios {
font-size: 16px;
border: 1px solid #E2E9E6
}
.page-form__input,
.page-form__select,
.page-form__radios,
.page-form__submit {
font-size: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 54px;
height: 56px;
font-family: inherit;
width: 100%
}
.page-form__submit {
cursor: pointer;
display: block;
border: 0;
background: #91c94e;
color: #fff;
font-weight: bold
}
.page-form__submit:hover {
background: #358462
}
.page-form__submit_orange {
background: #FBAA33
}
.page-form__submit_orange:hover {
background: #fba01a
}
.page-form__radios {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
background: #fff;
overflow: hidden
}
.page-form__radio {
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
input.page-form__radio-input {
position: absolute;
opacity: 0;
z-index: -1;
padding: 0
}
input.page-form__radio-input:checked~label {
background: #91c94e;
color: #fff
}
label.page-form__radio-label {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
height: 100%;
text-align: center;
line-height: normal
}
@media all and (max-width: 1150px) {
.page-form__radio {
font-size: 14px
}
}
.page-form__footer {
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;
margin: 0 0 40px;
padding: 20px 0 0;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.page-form__agreement {
color: #646363;
font-size: 13px;
line-height: 15px
}
.page-form__agreement a {
color: inherit
}
.page-form__footnote {
border-top: 1px solid rgba(0, 0, 0, 0.1);
font-size: 12px;
line-height: 14px;
font-weight: 400;
padding-top: 20px
}
.page-form__datepicker {
position: absolute;
top: 100%;
left: 0;
display: none;
z-index: 11;
width: 100%
}
.page-form__datepicker.active {
display: block
}
@media all and (max-width: 768px) {
.page-form__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0
}
.page-form__cell {
width: 100%;
margin: 0 0 15px
}
.page-form__cell-2 {
width: 100%;
margin: 0 0 15px
}
.page-form__cell-50 {
width: 100%;
margin: 0 0 15px
}
.page-form__label {
margin: 0 0 8px
}
.page-form__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.page-form__input,
.page-form__select,
.page-form__radios,
.page-form__submit {
line-height: 46px;
height: 44px
}
.page-form__icon-select,
.page-form__icon-clock,
.page-form__icon-calendar {
height: 46px
}
}
.spoilers {
margin: 0 0 100px
}
@media all and (max-width: 768px) {
.spoilers {
margin: 0 0 60px
}
}
.form-success {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: inherit;
font-size: 24px;
font-weight: bold;
text-align: center;
height: 300px
}
.diag-images-success{
max-width: 350px;
border-radius: 50%;
top: -220px;
position: relative;
}
@media all and (max-width: 1150px) {
.diag-images-success{
top: 0px;
max-width: 100%;
}
}
.diagnostics-box__image2 img {
display: block;
max-height: 100%;
height: 100vh;
object-fit: cover;
}
.diagnostics-box__text2 {
width: 60%;
padding: 20px 20px 20px 0;
}
.diagnostics-details-txt {
margin: 0 4% 20px;
position: relative;
padding: 0 0 0 85px;
counter-increment: item;
}
.b-appointment {
margin-bottom: 50px;
color: #fff
}
@media all and (max-width:768px) {
.b-appointment {
margin-top: 30px;
margin-bottom: 30px
}
}
.b-appointment__box {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
background: #91c94e;
padding: 0 20px 0 80px;
-moz-border-radius: 40px;
border-radius: 18px;
-webkit-box-align: end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media all and (max-width:768px) {
.b-appointment__box {
-moz-border-radius: 18px;
border-radius: 18px
}
}
.b-appointment__title .page-title-2 {
margin-bottom: 20px
}
.b-appointment__subtitle {
line-height: 22px;
margin: 0 0 30px
}
.b-appointment__left {
padding: 40px 0 40px
}
.b-appointment__right {
-ms-flex-negative: 0;
flex-shrink: 0
}
.b-appointment__right img {
display: block;
max-height: 380px;
}
.b-appointment__content {
background: #fff;
color: #000;
margin: 0 20px 0 0;
padding: 20px 20px 20px;
-moz-border-radius: 18px;
border-radius: 18px
}
.b-appointment__text {
position: relative;
margin: 0 auto 10px;
font-weight: 700;
text-align: left;
padding: 0 0 24px;
z-index: 5;
border-bottom: 1px solid #dadada
}
.b-appointment__feed {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0 0
}
.b-appointment__buttons {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 20px
}
.b-appointment__button {
display: inline-block;
color: #fff;
text-decoration: none;
font-weight: 500;
line-height: 36px;
height: 40px;
text-align: center;
-moz-border-radius: 40px;
border-radius: 40px;
width: 220px;
margin: 0 auto;
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s;
}
.b-appointment__buttons_pervoe {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 20px
}
.b-appointment__button_pervoe {
display: inline-block;
color: #fff;
text-decoration: none;
font-weight: 500;
line-height: 36px;
height: 40px;
text-align: center;
-moz-border-radius: 40px;
border-radius: 40px;
width: 220px;
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s;
}
.b-appointment__button_red {
background: #2f85f6;
transition: .2s;
}
.b-appointment__button_red:hover{
opacity:0.8;
color: #fff;
transition: .2s;
}
.b-appointment__button_green {
background: #91c94e
}
.b-appointment__button_pervoevp {
background: #d76aa0
}
.b-appointment a.b-appointment__phone,
.b-appointment__phone {
position: relative;
display: block;
text-decoration: none;
font-size: 32px;
font-weight: 700;
color: #91c94e;
text-align: center;
vertical-align: middle;
z-index: 5;
white-space: nowrap
}
@media all and (max-width:1150px) {
.b-appointment__box {
padding: 0 20px 0 20px
}
.b-appointment__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media all and (max-width:1024px) {
.b-appointment__right {
display: none
}
.b-appointment__content {
margin: 0
}
.b-appointment__content:before {
display: none
}
.b-appointment__left {
padding: 25px 0 30px 0
}
}
@media all and (max-width:768px) {
.b-appointment {
font-size: 14px
}
.b-appointment__feed {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.b-appointment a.b-appointment__phone,
.b-appointment__phone {
font-size: 28px;
margin: 0 0 10px
}
.b-appointment a.b-appointment__phone:before,
.b-appointment__phone:before {
display: none
}
}
@media all and (max-width:480px) {
.b-appointment a.b-appointment__phone,
.b-appointment__phone {
font-size: 24px
}
.b-appointment__box {
padding: 0 15px
}
.b-appointment__subtitle {
margin: 0 0 20px
}
}
.b-appointment {
color: #fff;
}
/* Video
============================================================================================ */
.center-video {
width: 100%;
max-width: 980px;
margin: auto;
}
#video {
width: 100%;
position: relative;
}
#video-over {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: none;
}
#video-play {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 76px;
height: 76px;
border-radius: 50%;
box-shadow: 0 0 0 6px #000;
z-index: 1;
cursor: pointer;
transition: 0.2s ease;
transition-property: opacity, visibility;
}
#video-play::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 31px;
width: 0;
height: 0;
border: 20px solid transparent;
border-top-width: 12px;
border-bottom-width: 12px;
border-left-color: #000;
border-right-width: 0;
transition: transform 0.2s ease;
}
#video-play:hover::before {
transform: scale(1.2);
}
#video video {
width: 100%;
display: block;
border-radius: 20px;
max-height: 500px;
}
#video.video-is-playing #video-over {
display: block;
}
#video.video-is-playing #video-play {
opacity: 0;
visibility: hidden;
}
.box-product-video {
border-radius: 20px;
color: #000;
padding: 45px 25px 25px 25px;
text-align: left;
background: #f5f7f9;
cursor: pointer;
margin-bottom: 30px;
}
.box-product-video:hover {
opacity: 0.9;
transition: all 0.4s ease 0s;
}
.box-product-video img {
margin-bottom: 35px;
max-height: 120px;
display: block; }
.box-product-video h4 {
font-size: 28px;
margin-bottom: 20px;
color: #000;
}
.box-product-video p {
margin-bottom: 0px;
min-height: 100px;}
.number-video {
font-size: 11px;
float: right;
color: #fff;
background: #91c94e;
border-radius: 8px;
padding: 0px 10px;
line-height: 20px;
top: 45px;
right: 20px;
position: relative;
max-width: 115px;
}
.dst-text-copy{
font-size: 12px;
color: #6d7986;
line-height: 18px;
text-align: left;
}
.content_list.tiled .tile .photo .note {
color: #FFF;
font-size: 13px;
}
.content_list.tiled .tile .photo .note{
position: absolute;
padding: 3px 10px;
background: #91c94e;
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: 15px;
}
.content_list.tiled .tile .photo .note2{
position: absolute;
padding: 3px 10px;
background: #91c94e;
color: #FFF;
font-size: 15px;
left: 0;
bottom: 10px;
z-index: 1;
margin: 10px;
border-radius: 18px;
}
.note3{
position: relative;
padding: 2px 10px;
background: #91c94e;
color: #FFF;
font-size: 15px;
right: 5px;
bottom: 0px;
z-index: 1;
max-height: 28px;
border-radius: 18px;
max-width: 230px;
}
@media all and (max-width: 1149px) {
.note3{
left: 15px;
}
}
.services-list {
background: #F6F8F7;
padding: 60px 0 25px
}
.services-list__text {
font-size: 16px;
font-weight: bold;
margin: 0 0 50px;
line-height: 160%
}
.services-list__cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1.5%;
margin-right: -1.5%
}
.services-list__col {
width: 30.3%;
margin-right: 1.5%;
margin-left: 1.5%
}
.services-list__icon {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
width: 46px;
height: 46px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #91c94e;
z-index: 2
}
.services-list__icon img {
display: block
}
.services-list a.services-list__section {
font-size: 18px;
font-weight: bold;
color: #91c94e
}
.services-list__item {
position: relative;
min-height: 26px;
margin: 0 0 30px;
}
.services-list__item a {
color: #6d7986;
font-size: 14px;
margin: 0 0 10px;
font-weight: 500;
display: block;
text-decoration: none
}
.services-list__item a:hover {
text-decoration: underline
}
@media all and (max-width: 1150px) {
.services-list a.services-list__section {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
height: 46px
}
}
@media all and (max-width: 768px) {
.services-list__cols {
margin-left: 0;
margin-right: 0
}
.services-list__col {
width: 100%;
margin: 0
}
.services-list__text {
font-size: 14px
}
}
.footer-bg{
background: #f1f1f1;
}
.zabotkin-hide{
display:none;
}
.pervoe-text{
font-weight: 700;
text-align: center;
display: block;
text-transform:uppercase;
color: #d76aa0;
}
.pervoe-slider-banner{
max-height: 200px;
height: 100vh;
object-fit: cover;
}
@media all and (max-width: 1050px) {
.pervoe-slider-banner{
max-height: 300px;
}
}
.side-menu {
background: #f1e8ec;
margin: 0 0 10px;
}
.side-menu__title, .side-menu__toggle {
font-size: 18px;
font-weight: bold;
padding: 20px 30px 15px 20px;
text-transform: uppercase;
}
.side-menu__toggle {
position: relative;
display: none;
padding-right: 40px;
}
.side-menu__toggle.active {
color: #B77F41;
}
.side-menu__toggle.active .side-menu__icon > div {
background: #B77F41;
}
.side-menu__toggle.active .side-menu__icon > div:before, .side-menu__toggle.active .side-menu__icon > div:after {
background: #B77F41;
}
.side-menu__icon {
position: absolute;
top: 9px;
right: 10px;
margin: 0;
width: 40px;
height: 40px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
z-index: 2;
opacity: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.side-menu__icon * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.side-menu__icon > div {
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -8px;
height: 2px;
width: 20px;
background: #232323;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.side-menu__icon > div:before {
position: absolute;
background: #232323;
height: 100%;
width: 100%;
top: -6px;
left: 0;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
content: '';
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.side-menu__icon > div:after {
position: absolute;
background: #232323;
height: 100%;
width: 100%;
bottom: -6px;
left: 0;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
content: '';
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.side-menu__submenu {
background: #e7bfd3;
}
.side-menu__submenu li a {
color: #000;
}
.side-menu__submenu li a:visited {
color: #000;
}
.side-menu__submenu li a:before {
display: none;
}
.side-menu__list {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;
}
.side-menu__list li {
border-top: 1px solid rgba(79, 45, 12, 0.1);
}
.side-menu__list li:first-child {
border-top: 0;
}
.side-menu__list li.side-menu__current {
background: #d76aa0;
}
.side-menu__list li.side-menu__current > a {
color: #fff;
}
.side-menu__list a {
display: block;
position: relative;
text-decoration: none;
color: #000;
padding: 15px 30px 15px 20px;
}
.side-menu__list a:visited {
color: #000;
}
.side-menu__list a.side-menu__current {
color: #4E2B00;
}
.side-menu__list a.side-menu__current:before {
opacity: 1;
border-top: 8px solid #4E2B00;
}
.side-menu__list a:before {
position: absolute;
top: 50%;
right: 14px;
margin-top: -2px;
border: 8px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 8px solid #000;
opacity: 0.25;
content: '';
}
@media all and (max-width: 1200px) {
.side-menu__title {
display: none;
}
.side-menu__toggle {
display: block;
padding-left: 15px;
}
.side-menu__list {
height: 0;
overflow: hidden;
}
.side-menu__list a {
padding: 15px 30px 15px 15px;
}
.side-banner {
display: none;
}
}
.side-banner {
background: #F4EDE8;
margin: 0 0 10px;
padding: 15px;
}
.side-banner a {
display: block;
}
.side-banner img {
display: block;
}
ul li {
list-style: none;
}
.side-menu.js-side-box {
list-style: none;
}
.side-menu.js-side-box {
list-style: none;
border-radius: 18px;
}
.side-menu__current .side-menu__submenu {
display: block;
}
.side-menu__submenu {
display: none;
}
.pervoe-tab{
background: #f1e8ec;
padding: 30px;
border-radius: 18px;
}