body {
margin: 0
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Golos-Text', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 16px;
color: #1F1F1F;
min-width: 320px;
background-color: #fff;
line-height: 1.4;
overflow-x: hidden
}
.flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.secondFont {	
font-family: -apple-system, BlinkMacSystemFont, 'Golos-Text', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-weight: 500;
}
.AvenirFont {
font-family: -apple-system, BlinkMacSystemFont, 'Golos-Text', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; }
.bg_image {
background-repeat: no-repeat;
background-position: 50%
}
.bg_image.cover {
background-size: cover
}
.page_title {
font-weight: 500;
font-size: 42px;
color: #8067d4
}
@media (max-width:991px) {
.page_title {
font-size: 24px
}
}
.section_title {
font-size: 38px;
font-weight: 500
}
.b_article {
padding: 30px 0
}
html .page-numbers {
background-color: #f2f2f2
}
html .page-numbers:hover {
background-color: #d3d3d3
}
.b_faq .faq_content {
transition: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent;
transition: all .2s linear;
}
a:active,
a:hover {
outline: 0;
transition: all .2s linear;	
}
p a:hover, .description_wrapper a:hover, article_wrapper a:hover {border-bottom: 1px solid #0998ff;}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
*,
:after,
:before {
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #337ab7;
text-decoration: none;
border-bottom: 1px solid transparent
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role=button] {
cursor: pointer
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1366px) {
.container {
width: 1315px
}
}
@media (min-width:1750px) {
.container {
width: 1700px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.row {
margin-left: -15px;
margin-right: -15px
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
@media (min-width:768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
}
@media (min-width:992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
}
@media (min-width:1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
}
@media (min-width:1366px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
}
@media (min-width:1750px) {
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12 {
float: left
}
.col-xxl-12 {
width: 100%
}
.col-xxl-11 {
width: 91.66666667%
}
.col-xxl-10 {
width: 83.33333333%
}
.col-xxl-9 {
width: 75%
}
.col-xxl-8 {
width: 66.66666667%
}
.col-xxl-7 {
width: 58.33333333%
}
.col-xxl-6 {
width: 50%
}
.col-xxl-5 {
width: 41.66666667%
}
.col-xxl-4 {
width: 33.33333333%
}
.col-xxl-3 {
width: 25%
}
.col-xxl-2 {
width: 16.66666667%
}
.col-xxl-1 {
width: 8.33333333%
}
}
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
content: " ";
display: table
}
.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none!important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
* {
outline: 0!important
}
body.menuopen {
overflow: hidden
}
body.menuopen main {
opacity: 0;
visibility: hidden
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0
}
h3 {
margin-bottom: 20px
}
p {
margin: 0;
line-height: 1.55
}
p:not(:last-child) {
margin-bottom: 15px
}
img {
max-width: 100%;
height: auto;
display: block
}
input::-ms-clear,
select::-ms-expand {
display: none
}
@media (max-width:991px) {
input,
select,
select:focus,
textarea {
font-size: 16px
}
}
.container.container_1300 {
max-width: 1300px
}
@media (max-width:1365px) and (min-width:992px) {
main .container {
width: 100%
}
}
.text_center {
text-align: center
}
.text_right {
text-align: right
}
input.form_control,
textarea.form_control {
-webkit-appearance: none
}
.form_control {
width: 100%;
border: 1px solid #ebebeb;
border-radius: 4px;
font-size: 22px;
padding: 10px 20px
}
textarea.form_control {
display: block;
resize: none
}
.special_offers_list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center
}
.special_offers_list .tags_item {
font-size: 13px;
padding: 5px 10px;
line-height: 1.2;
margin-top: 10px;
border-radius: 4px;
}
@media (max-width:500px) {
.special_offers_list .tags_item {
font-size: 11px;
padding: 4px 6px;
margin-top: 5px
}
}
.special_offers_list .tags_item:not(:last-of-type) {
margin-right: 10px
}
.special_offers_list .tags_item.red {
background: #e92e2e;
color: #fff
}
.special_offers_list .tags_item.green {
background: #a6ca41;
color: #fff
}
.special_offers_list .tags_item.yellow {
background: #ffe81e
}
.single_link {
display: inline-block;
vertical-align: middle;
color: #0998ff;
transition: all .1s linear;
border-bottom: 1px solid #0998ff
}
.single_link:hover {
border-color: transparent
}
.bottom_section,
.top_section {
width: 100%
}
.bottom_section {
-ms-flex-item-align: end;
align-self: flex-end
}
.slick-dots {
padding: 30px 0;
margin: 0;
list-style: none;
text-align: center;
width: 100%;
line-height: 1
}
.slick-dots li {
transition: all .2s linear;
background-color: #d4d4d4;
width: 8px;
height: 8px;
border-radius: 4px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
cursor: pointer
}
.slick-dots li.slick-active {
width: 40px;
background-color: #98d253
}
.slick-dots button {
display: none;
position: absolute
}
.selectric-wrapper.selectric-hideFirstItem .selectric-items li:first-of-type {
display: none
}
.selectric-wrapper .selectric {
border: 1px solid #ebebeb;
border-radius: 10px;
background-color: #fff;
border-radius: 4px
}
.selectric-wrapper .selectric .label {
font-size: 22px;
line-height: 1.47;
height: auto;
margin: 0 38px 0 24px;
padding: 10px 0;
color: #132d35
}
@media (max-width:991px) {
.selectric-wrapper .selectric .label {
font-size: 20px
}
}
@media (max-width:767px) {
.selectric-wrapper .selectric .label {
font-size: 18px
}
}
.selectric-wrapper .selectric .button {
width: 38px;
height: 100%;
line-height: 1.4;
background-color: transparent
}
.selectric-wrapper .selectric .button:after {
border: none;
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: .85;
font-weight: 900;
color: #4f4f4f;
font-size: 15px;
position: absolute;
background-repeat: no-repeat;
right: 0;
top: 50%;
margin-top: -6px;
transition: all .2s linear;
content: "\f078";
width: auto;
text-align: center
}
.selectric-wrapper .selectric-items {
margin-top: 0;
border: 1px solid #ebebeb;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
background: #fff
}
.selectric-wrapper .selectric-items li {
font-size: 16px;
min-height: auto;
line-height: 1.4;
padding: 13px 30px
}
@media (max-width:767px) {
.selectric-wrapper .selectric-items li {
padding: 13px 20px
}
}
.selectric-wrapper .selectric-items li.selected,
.selectric-wrapper .selectric-items li:hover {
background: #f5f5f5
}
.alignleft {
display: inline;
float: left;
margin-right: 2.1em;
margin-bottom: 35px
}
@media (max-width:991px) {
.alignleft {
float: none;
display: block;
margin-left: auto;
margin-right: auto
}
}
.alignright {
display: inline;
float: right;
margin-left: 2.1em;
margin-bottom: 35px
}
@media (max-width:991px) {
.alignright {
float: none;
display: block;
margin-left: auto;
margin-right: auto
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-arrow:before {
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: .85;
font-size: 185px;
font-weight: 900;
color: #e4e4e4;
content: ""
}
@media (max-width:1749px) {
.slick-arrow:before {
font-size: 135px
}
}
@media (max-width:1365px) {
.slick-arrow:before {
font-size: 110px
}
}
@media (max-width:500px) {
.slick-arrow:before {
font-size: 20px
}
}
.slick-next:before {
content: "\f054"
}
.slick-prev:before {
content: "\f053"
}
.slick-track.notransform {
transform: none!important
}
.pagination .nav-links a:hover {
background-color: #c4c4c4
}
.btn {
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 15px 27px;
transition: all .2s linear;
font-size: 16px;
font-weight: 400;
height: auto;
text-transform: none;
text-decoration: none;
position: relative;
cursor: pointer;
border: 1px solid transparent;
border-radius: 10px;
line-height: 1.2;
background-repeat: no-repeat;
background-position: 50%;
min-width: 165px
}
.btn,
.btn:focus,
.btn:hover {
box-shadow: none
}
.btn:disabled {
opacity: .5;
cursor: not-allowed
}
.btn:disabled:hover {
opacity: .5
}
.btn.btn_rad {
border-radius: 30px
}
.btn.br0 {
border-radius: 0
}
.btn_template {
color: #fff;
border-color: #98d253;
background-color: #98d253
}
.btn_template:active,
.btn_template:focus {
color: #fff
}
.btn_template:hover {
border-color: #578f13;
background-color: #578f13
}
.btn_template2 {
color: #fff;
border-color: #8067d4;
background-color: #8067d4
}
.btn_template2:active,
.btn_template2:focus {
color: #fff
}
.btn_template2:hover {
border-color: #b25c63;
background-color: #b25c63;
color: #fff
}
.btn_reset {
background-color: transparent;
background-repeat: no-repeat;
background-position: 50%;
padding: 0;
border: none;
border-radius: 0
}
.b_header {
position: relative;
z-index: 5
}
@media (min-width:768px) {
.b_header.standard .menu>ul>li a:after {
position: absolute;
content: "";
left: 0;
right: 0;
height: 2px;
bottom: 2px;
background: #0998ff;
border-radius: 4px;
width: 0;
transition: all .2s linear;
margin: 0 auto
}
}
.b_header .mobile_header {
display: none;
background: linear-gradient(268.62deg, #8067d4 -1.53%, #8a67d4);
padding: 5px 0;
position: relative;
z-index: 10
}
@media (max-width:767px) {
.b_header .mobile_header {
display: block
}
}
.b_header .mobile_header_inner {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 15px 0 0
}
.b_header .mobile_header_inner .mobile_logo {
display: inline-block;
vertical-align: middle
}
.b_header .mobile_header_inner .mobile_logo a {
display: inline-block;
vertical-align: middle;
font-weight: 700;
font-size: 16px;
color: #fff
}
.b_header .btn_contacts {
width: 40px;
height: 22px;
background-position: 0;
vertical-align: middle;
position: relative;
text-align: left
}
.b_header .btn_contacts:after,
.b_header .btn_contacts:before {
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: .85;
font-weight: 900;
color: #fff
}
.b_header .btn_contacts:before {
content: "\f879";
font-size: 20px;
line-height: 1;
display: block
}
.b_header .btn_contacts:after {
font-size: 15px;
position: absolute;
background-repeat: no-repeat;
right: 0;
top: 50%;
margin-top: -6px;
transition: all .2s linear;
content: "\f078"
}
.b_header .btn_contacts.active:after {
transform: rotate(180deg)
}
.b_header .desktop_header {
margin: 0 auto;
max-width: 1210px;
padding: 30px 0 5px;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (max-width:767px) {
.b_header .desktop_header {
display: none
}
}
.b_header .link_logo {
display: inline-block;
vertical-align: top;
max-width: 227px
}
.b_header .center_block {
padding: 0 10px
}
.b_header .center_block .single_link {
font-size: 14px
}
.b_header .center_block .location_wrapper {
font-size: 15px;
margin: 0 0 0 auto
}
.b_header .center_left {
padding-right: 11px;
text-align: right;
max-width: 290px
}
@media (max-width:1365px) {
.b_header .center_left {
display: none
}
}
.b_header .center_right {
padding-left: 11px;
max-width: 215px
}
@media (max-width:1365px) {
.b_header .center_right {
padding: 0;
text-align: right
}
}
.b_header .quickly_buy {
margin: 0 0 10px;
display: inline-block;
vertical-align: top
}
.b_header .quickly_buy .quickly_spisok {
display: inline-block;
vertical-align: top;
max-width: 36px;
border-radius: 50%;
transition: all .2s linear
}
.b_header .quickly_buy .quickly_spisok:not(:last-of-type) {
margin-right: 5px;
margin-bottom: 5px
}
.b_header .quickly_buy .quickly_spisok:hover img {
opacity: .8
}
.b_header .contacts_block {
text-align: right;
color: #252525
}
.b_header .contacts_block .contacts_label {
font-size: 15px
}
@media (max-width:1365px) {
.b_header .contacts_block .contacts_label {
display: none
}
}
.b_header .phone_wrapper {
padding: 10px 0 0
}
@media (max-width:1365px) {
.b_header .phone_wrapper {
padding: 0
}
}
.b_header .phone_wrapper .phone {
font-weight: 600;
font-size: 16px
}
.b_header .phone_wrapper .phone .number,
.b_header .phone_wrapper .phone a {
color: #8067d4;
font-size: 34px;
line-height: 1.1;
font-weight: 600;
text-decoration: none;
display: inline-block;
vertical-align: middle;
margin: -5px 0 0
}
@media (max-width:1365px) {
.b_header .phone_wrapper .phone .number,
.b_header .phone_wrapper .phone a {
font-size: 26px;
margin: -2px 0 0
}
}
.b_header .btn_phone {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer
}
.b_header .btn_phone:after {
position: absolute;
left: 100%;
content: "";
background-repeat: no-repeat;
background-position: 50%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.05 10.625L.396 3.384a1.225 1.225 0 0 1 0-1.805L1.668.375a1.4 1.4 0 0 1 1.908 0L9 5.508 14.424.375a1.4 1.4 0 0 1 1.908 0l1.271 1.204c.53.5.53 1.31 0 1.805l-7.652 7.24c-.518.501-1.373.501-1.902 0z' fill='%238067D4'/%3E%3C/svg%3E");
width: 18px;
height: 11px;
top: 50%;
margin-top: -8px;
margin-left: 5px
}
.b_header .phone_wrapper_block {
position: relative
}
.b_header .working_days {
margin: 5px 0 0;
font-size: 13px
}
.b_header .working_days ul {
padding: 0;
margin: 0;
list-style: none
}
.b_header .header_menu_wrapper {
padding: 0;
background-color: #fff
}
@media (max-width:767px) {
.b_header .header_menu_wrapper {
position: fixed;
z-index: 5;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
padding: 50px 0 0;
transform: translate(100%)
}
}
.b_header .header_menu_wrapper.open {
overflow: hidden
}
@media (max-width:767px) {
.b_header .header_menu_wrapper.open {
transform: none
}
}
@media (max-width:767px) {
.b_header .header_menu_wrapper .header_menu {
height: 100%;
overflow: auto
}
}
@media (max-width:767px) {
.b_header .menu {
padding: 10px 25px
}
}
.b_header .menu .menu-item-has-children {
-ms-flex-align: center;
align-items: center
}
@media (min-width:768px) {
.b_header .menu .menu-item-has-children {
position: relative
}
}
@media (min-width:768px) {
.b_header .menu .menu-item-has-children:hover>a {
color: #0998ff
}
}
@media (max-width:767px) {
.b_header .menu .menu-item-has-children>a {
max-width: calc(100% - 36px)!important
}
}
.b_header .menu .menu-item-has-children>ul {
position: absolute;
z-index: 1
}
@media (min-width:768px) {
.b_header .menu .menu-item-has-children>ul {
z-index: -1;
top: 100%;
padding: 0;
opacity: 0;
visibility: hidden
}
}
.b_header .menu .back_button {
padding: 10px 15px;
font-weight: 500;
font-size: 19px;
font-family: Roboto;
margin: 0 0 5px;
position: relative;
width: 100%;
-ms-flex-order: -1;
order: -1
}
@media (min-width:768px) {
.b_header .menu .back_button {
display: none!important
}
}
.b_header .menu .back_button:before {
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: .85;
font-size: 16px;
font-weight: 900;
color: #e4e4e4;
content: "\f060";
position: absolute;
right: 100%;
top: 11px;
margin-right: -7px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
height: 20px
}
.b_header .menu .back_button:first-of-type {
margin-top: 10px
}
.b_header .menu .button {
position: relative;
width: 36px;
height: 100%;
background-repeat: no-repeat;
margin: 2px 0 0
}
@media (min-width:768px) {
.b_header .menu .button {
display: none!important
}
}
@media (max-width:767px) {
.b_header .menu .button {
height: 100%
}
}
.b_header .menu .button:before {
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
right: 8px;
margin: 0;
left: auto;
top: 50%;
content: "\f054";
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: .8;
font-size: 14px;
font-weight: 900;
color: #000;
margin-top: -5px
}
.b_header .menu .navigation {
text-align: center;
font-size: 0
}
@media (max-width:767px) {
.b_header .menu .navigation {
text-align: left
}
}
@media (min-width:768px) {
.b_header .menu .navigation>.current-menu-ancestor>a:after,
.b_header .menu .navigation>.current_page_item>a:after {
width: 100%
}
}
.b_header .menu .navigation>li {
font-size: 17px;
display: inline-block;
vertical-align: bottom
}
@media (min-width:768px) {
.b_header .menu .navigation>li {
position: relative
}
}
@media (max-width:767px) {
.b_header .menu .navigation>li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (max-width:767px) {
.b_header .menu .navigation>li+li {
margin: 10px 0 0
}
}
.b_header .menu .navigation a {
color: #000
}
@media (min-width:768px) {
.b_header .menu .navigation li.menu-item-has-children:hover>ul {
visibility: visible;
opacity: 1;
z-index: 100;
display: block
}
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children:hover>a:after {
width: 100%
}
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children:hover>.sub-menu {
transform: none
}
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu {
margin-top: 20px;
transition-delay: .1s;
transform: translateY(15px)
}
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu:before {
position: absolute;
content: "";
left: 0;
right: 0;
height: 30px;
bottom: 100%
}
}
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu {
top: 0
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu {
left: 100%
}
}
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu {
top: 0
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu {
left: 100%
}
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu.pos_left,
.b_header .menu .navigation>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu.pos_left {
left: auto;
right: 100%
}
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children .menu-item-has-children:hover>a:before {
color: #0998ff
}
}
.b_header .menu .navigation>li.menu-item-has-children .menu-item-has-children>a {
position: relative
}
@media (min-width:768px) {
.b_header .menu .navigation>li.menu-item-has-children .menu-item-has-children>a:before {
position: absolute;
background-repeat: no-repeat;
background-position: 50%;
right: 20px;
margin: 0;
left: auto;
top: 50%;
content: "\f054";
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 14px;
font-weight: 900;
color: #000;
margin-top: -2px
}
}
.b_header .menu .navigation>li.menu-item-has-children>.button {
height: 35px;
margin: 0
}
.b_header .menu .navigation .sub-menu {
background: #fff;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
}
@media (min-width:992px) {
.b_header .menu .navigation .sub-menu {
border-radius: 8px;
width: 360px
}
}
@media (min-width:768px) {
.b_header .menu .navigation .sub-menu {
border-radius: 8px
}
}
@media (max-width:1365px) {
.b_header .menu .navigation .sub-menu {
width: 260px
}
}
@media (max-width:991px) {
.b_header .menu .navigation .sub-menu {
width: 240px
}
}
@media (max-width:767px) {
.b_header .menu .navigation .sub-menu {
box-shadow: none;
left: 0;
right: 0;
top: 0;
bottom: 0;
transform: translate(100%);
width: 100%;
padding: 50px 25px 10px;
font-size: 17px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
position: fixed;
overflow: auto
}
}
@media (max-width:767px) {
.b_header .menu .navigation .sub-menu.open {
transform: none
}
}
.b_header .menu .navigation .sub-menu li {
display: block
}
@media (max-width:767px) {
.b_header .menu .navigation .sub-menu li {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width:768px) {
.b_header .menu .navigation .sub-menu li:first-of-type>a {
padding-top: 20px
}
}
@media (min-width:768px) {
.b_header .menu .navigation .sub-menu li:last-of-type>a {
padding-bottom: 20px
}
}
@media (min-width:768px) {
.b_header .menu .navigation .sub-menu li:last-of-type>a:before {
margin-top: -10px
}
}
.b_header .menu .navigation .sub-menu a {
display: block;
text-decoration: none;
padding: 10px 35px;
transition: all .1s linear
}
@media (max-width:1365px) {
.b_header .menu .navigation .sub-menu a {
padding: 10px 35px 10px 15px
}
}
@media (max-width:767px) {
.b_header .menu .navigation .sub-menu a {
padding: 10px 0 10px 15px;
display: inline-block
}
}
@media (min-width:768px) {
.b_header .menu .navigation .sub-menu a:hover {
color: #0998ff
}
}
.b_header .menu>ul>li {
padding: 0 20px
}
@media (max-width:1365px) {
.b_header .menu>ul>li {
padding: 0 15px
}
}
@media (max-width:767px) {
.b_header .menu>ul>li {
padding: 0
}
}
.b_header .menu>ul>li>a {
font-weight: 600;
font-size: 18px;
display: inline-block;
vertical-align: top;
padding: 5px 0;
position: relative
}
.b_header .menu>ul>li>a:hover:after {
width: 100%
}
.b_header .menu ul {
padding: 0;
margin: 0;
list-style: none
}
@media (min-width:768px) {
.b_header .sticky-wrapper {
height: 0;
display: none
}
}
.b_header .mobile_block {
display: none;
text-align: center;
padding: 20px 0
}
@media (max-width:767px) {
.b_header .mobile_block {
display: block
}
}
.b_header .mobile_block .button_wrapper {
margin: 0 0 20px
}
.b_header .mobile_block .button_wrapper .btn {
border-radius: 5px;
width: 100%;
max-width: 240px
}
.mobile_contacts_wrap {
position: absolute;
top: 50px;
z-index: 5;
background-color: #fff;
width: 360px;
right: 0;
box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
text-align: left;
margin: 8px 0 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all .2s linear
}
@media (max-width:767px) {
.mobile_contacts_wrap {
position: fixed;
z-index: 3;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
right: 0;
top: 0;
transform: none;
padding: 50px 0 0
}
}
.mobile_contacts_wrap.opened {
transform: none;
opacity: 1;
visibility: visible
}
.mobile_contacts_wrap:before {
position: absolute;
content: "";
bottom: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0l11 12H0L11 0z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
right: 50px;
width: 22px;
height: 12px
}
.mobile_contacts_wrap .contacts_wrap {
height: 100%;
overflow: auto;
padding: 10px 23px 15px;
top: 0;
left: 0;
right: 0
}
@media (max-width:991px) {
.mobile_contacts_wrap .contacts_wrap {
padding: 15px 23px
}
}
.mobile_contacts_wrap .wrap_row {
margin: 0 -23px;
padding: 15px 23px
}
.mobile_contacts_wrap .wrap_row:not(:last-of-type) {
border-bottom: 1px solid #e4e4e4
}
.mobile_contacts_wrap .salon_contacts table {
width: 100%
}
.mobile_contacts_wrap .salon_contacts table td:first-of-type {
font-size: 15px;
color: #a9afb7;
word-break: break-word
}
.mobile_contacts_wrap .salon_contacts table td:last-of-type {
padding-left: 10px
}
.mobile_contacts_wrap .salon_info {
font-size: 18px;
margin: 0 0 5px;
font-weight: 500
}
.mobile_contacts_wrap .salon_row+.salon_row {
margin: 30px 0 0
}
.mobile_contacts_wrap .salon_row .phone {
color: #252525;
font-size: 15px;
font-weight: 600;
min-width: 215px;
padding: 2px 0
}
.mobile_contacts_wrap .salon_row .phone .number {
font-size: 24px;
font-weight: 600;
color: #8067d4;
display: inline-block;
vertical-align: middle;
margin: -3px 0 0
}
.mobile_contacts_wrap .info_links .link_row:not(:last-of-type) {
margin: 0 24px 10px 0
}
.mobile_contacts_wrap .info_links .single_link {
font-size: 13px
}
.mobile_contacts_wrap .mesengers_list {
-ms-flex-pack: center;
justify-content: center
}
.mobile_contacts_wrap .m_link {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
font-size: 12px;
color: #252525;
margin: 10px;
text-align: center
}
.mobile_contacts_wrap .m_link .title {
padding: 15px 0 0
}
.mobile_contacts_wrap .m_link .image {
width: 54px;
margin: 0 auto
}
.mobile_contacts_wrap .m_link img {
width: 100%;
margin: 0 auto
}
.mobile_contacts_wrap .more_contacts {
font-size: 15px;
margin: 0 -7px 15px
}
.mobile_contacts_wrap .more_contacts a {
color: #0998ff
}
.mobile_contacts_wrap .more_contacts table {
width: 100%;
color: #7c7c7c
}
.mobile_contacts_wrap .more_contacts table td {
padding: 7px
}
.mobile_contacts_wrap .more_contacts table td:not(:first-of-type) {
color: #252525
}
.mobile_contacts_wrap .btn_wrapper {
text-align: center
}
.mobile_contacts_wrap .btn_wrapper .btn {
border-radius: 5px;
padding: 11px 27px
}
.menu_toggler {
position: relative;
border: none;
padding: 0;
top: 0;
right: 0;
width: 40px;
height: 40px;
z-index: 2;
background-color: transparent;
vertical-align: middle;
margin-left: 7px
}
.menu_toggler span {
display: block;
width: 24px;
height: 3px;
padding: 0;
background: #fff;
position: absolute;
transform-origin: center;
left: 8px
}
.menu_toggler .toggler_top {
top: 12px
}
.menu_toggler .toggler_middle {
top: 19px
}
.menu_toggler .toggler_bottom {
top: 26px
}
.menu_toggler.menu-is-active span.toggler_top {
top: 18px;
transform: rotate(135deg)
}
.menu_toggler.menu-is-active span.toggler_middle {
opacity: 0;
transform: rotate(135deg)
}
.menu_toggler.menu-is-active span.toggler_bottom {
top: 18px;
transform: rotate(225deg)
}
.b_header .btn_more_menu {
width: 24px;
font-size: 21px;
display: inline-block;
vertical-align: middle;
padding: 4px 0 0
}
.b_header .new {
position: absolute;
font-size: 12px;
background: #89c905;
border-radius: 20px;
color: #fff;
padding: 3px 9px;
bottom: 100%;
right: 5px
}
.b_header .new:after {
position: absolute;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 4.5L7.138.622.216 1 3.5 4.5z' fill='%2389C905'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 50%;
top: 100%;
margin-top: -1px;
right: 8px;
width: 8px;
height: 5px
}
.b_header .drop_menu_wrapper {
display: inline-block;
vertical-align: top;
position: relative;
width: 24px
}
.b_header .drop_menu_wrapper .drop_menu {
position: absolute;
top: 100%;
right: 0;
background: #fff;
box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
border-radius: 8px;
min-width: 360px;
display: none;
text-align: left
}
.b_header .drop_menu_wrapper .drop_menu ul {
padding: 20px 0;
margin: 0;
list-style: none
}
.b_header .drop_menu_wrapper .drop_menu ul li {
padding: 5px 35px
}
.b_header .drop_menu_wrapper .drop_menu ul li a {
font-weight: 400;
font-size: 18px;
color: #000
}
.b_header .drop_menu_wrapper .drop_menu .menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
right: 100%
}
.b_header .drop_menu_wrapper .drop_menu .menu-item-has-children .sub-menu {
background: #fff;
text-align: left;
box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
}
.b_header .sales {
position: absolute;
font-size: 12px;
background: #eb5757;
border-radius: 20px;
color: #fff;
padding: 3px 9px;
bottom: 100%;
right: 5px
}
.b_header .sales:after {
position: absolute;
content: "";
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 4.5L7.138.622.216 1 3.5 4.5z' fill='%23EB5757'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 50%;
top: 100%;
margin-top: -1px;
right: 8px;
width: 8px;
height: 5px
}
.b_header.style1 .menu {
text-align: center
}
.b_header.style1 .menu>ul>li>a {
font-weight: 400;
font-size: 21px
}
.b_header.style1 .menu>ul>li>a:hover {
text-decoration: underline
}
.b_header.style1 .menu>ul>li {
padding: 0 15px
}
.b_header.style1 .navigation {
text-align: left;
display: inline-table
}
.b_header.style1 .navigation>li {
display: table-cell
}
.b_header.style1 .drop_menu li:hover {
background-color: #eee
}
.b_header.style2 .menu {
text-align: center
}
.b_header.style2 .menu>ul>li.active>a {
background: #89c905;
color: #fff
}
.b_header.style2 .menu>ul>li>a {
font-weight: 400;
font-size: 21px;
border-radius: 19px;
padding: 5px 17px;
transition: all .2s linear
}
.b_header.style2 .menu>ul>li>a:hover {
background: #79b503;
color: #fff
}
.b_header.style2 .navigation {
text-align: left;
display: inline-table
}
.b_header.style2 .navigation>li {
padding: 0 5px;
display: table-cell
}
.b_header.style2 .drop_menu li:hover {
background-color: #eee
}
.b_header.style3 .header_menu_wrapper {
background-color: #4a60e3
}
.b_header.style3 .menu {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.b_header.style3 .menu>ul>li.active a {
background: rgba(0, 0, 0, .18)
}
.b_header.style3 .menu>ul>li>a {
font-weight: 400;
font-size: 21px;
color: #fff;
padding: 13px 15px;
transition: all .2s linear
}
.b_header.style3 .menu>ul>li>a:hover {
background: #3347b9;
color: #fff
}
.b_header.style3 .navigation {
text-align: left;
display: inline-table
}
.b_header.style3 .navigation>li {
display: table-cell;
padding: 0 5px
}
.b_header.style3 .btn_more_menu {
color: #fff;
padding: 0
}
.b_header.style3 .drop_menu li:hover {
background-color: #eee
}
.b_header.style4 .header_menu_wrapper {
background-color: #0998ff;
border-radius: 30px
}
.b_header.style4 .navigation {
text-align: left;
display: inline-table
}
.b_header.style4 .navigation>li {
display: table-cell;
padding: 0 5px
}
.b_header.style4 .menu {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
.b_header.style4 .menu>ul>li>a {
font-weight: 400;
font-size: 21px;
color: #fff;
padding: 13px 15px;
transition: all .2s linear
}
.b_header.style4 .menu>ul>li>a:hover {
background: #057cd1;
color: #fff
}
.b_header.style4 .btn_more_menu {
color: #fff;
padding: 0
}
.b_header.style4 .drop_menu li:hover {
background-color: #eee
}.b_service {
padding: 60px 0
}
.b_service .service_content_blocks {
margin: 0 -15px
}
.b_service .content_blocks {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.b_service .content_block {
width: 50%;
margin: 0 0 30px;
padding: 0 15px
}
@media (max-width:1749px) {
.b_service .content_block {
width: 100%
}
}
.b_service .content_block .b_faq_accordeon {
margin: 30px 0 10px
}
@media (max-width:1749px) {
.b_service .content_block.main_content {
width: 51%
}
}
@media (max-width:991px) {
.b_service .content_block.main_content {
width: 100%
}
}
@media (max-width:1749px) {
.b_service .content_block.slider_content {
width: 49%
}
}
@media (max-width:991px) {
.b_service .content_block.slider_content {
width: 100%
}
}
@media (max-width:767px) {
.b_service {
padding: 30px 0
}
}
.b_service .page_title {
margin: 0 0 30px
}
@media (max-width:1749px) {
.b_service .page_title {
font-size: 34px
}
}
@media (max-width:991px) {
.b_service .page_title {
font-size: 28px
}
}
@media (max-width:500px) {
.b_service .page_title {
font-size: 24px;
margin: 0 0 20px
}
}
.b_service .service_link {
border-radius: 10px;
position: relative;
overflow: hidden
}
.b_service .service_for .service_link {
border-radius: 20px
}
.b_service .short_description {
font-size: 20px
}
@media (max-width:1365px) {
.b_service .short_description {
font-size: 18px
}
}
@media (max-width:991px) {
.b_service .short_description {
width: 100%;
font-size: 16px
}
}
@media (max-width:500px) {
.b_service .short_description {
font-size: 15px
}
}
.b_service .short_description .btn_row {
margin: 0 0 10px;
margin-right: 36px
}
@media (max-width:767px) {
.b_service .short_description .btn_row {
margin: 0
}
}
@media (max-width:767px) {
.b_service .short_description .btn_row:not(:last-of-type) {
margin: 0 0 17px
}
}
@media (max-width:767px) {
.b_service .short_description .buttons_list {
display: block;
text-align: center
}
}
.b_service .short_description.no_image {
width: 100%
}
.b_service .service_slider {
padding: 0 15px
}
@media (max-width:1749px) {
.b_service .service_slider {
padding: 0 0 0 15px
}
}
@media (max-width:991px) {
.b_service .service_slider {
width: 100%;
padding: 0;
margin: 30px 0 0
}
}
.b_service .service_slider_wrapper {
-ms-flex-pack: justify;
justify-content: space-between
}
@media (max-width:1749px) {
.b_service .service_slider_wrapper {
max-width: 606px;
margin: 0 auto
}
}
@media (max-width:991px) {
.b_service .service_slider_wrapper {
max-width: 500px;
margin: 0 auto
}
}
.b_service .service_slider_wrapper .slick-arrow {
font-size: 0;
border: none
}
.b_service .service_slider_wrapper .slick-arrow:before {
font-size: 14px
}
.b_service .service_slider_wrapper .service_nav {
width: 150px;
padding: 0 0 0 20px
}
@media (max-width:1749px) {
.b_service .service_slider_wrapper .service_nav {
width: 109px
}
}
@media (max-width:1365px) {
.b_service .service_slider_wrapper .service_nav {
width: 80px
}
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_nav {
width: 100%;
-ms-flex-order: 1;
order: 1;
padding: 5px 15px 0
}
}
.b_service .service_slider_wrapper .service_nav .slick-slide {
border: none;
padding: 5px 0
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_nav .slick-slide {
padding: 5px
}
}
.b_service .service_slider_wrapper .service_nav .slick-slide .service_link:before {
border-radius: 10px;
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid transparent
}
.b_service .service_slider_wrapper .service_nav .slick-slide.slick-current .service_link:before {
border: 3px solid #8067d4
}
.b_service .service_slider_wrapper .service_nav .image {
padding-top: 100%
}
.b_service .service_slider_wrapper .service_nav .service_link {
cursor: pointer
}
.b_service .service_slider_wrapper .service_nav .slick-arrow {
display: block;
border-radius: 0;
width: 20px;
height: 20px;
background-color: transparent
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_nav .slick-arrow {
position: absolute;
top: 50%;
z-index: 1
}
}
.b_service .service_slider_wrapper .service_nav .slick-prev {
transform: rotate(90deg);
margin: 0 auto 5px
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_nav .slick-prev {
transform: none;
left: -25px;
margin: -10px 0 0
}
}
.b_service .service_slider_wrapper .service_nav .slick-next {
transform: rotate(90deg);
margin: 5px auto 0
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_nav .slick-next {
margin: -10px 0 0;
transform: none;
right: -25px
}
}
.b_service .service_slider_wrapper .service_nav .service_nav_slider {
height: 100%;
position: relative
}
.b_service .service_slider_wrapper .service_nav .service_nav_slider:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(0deg, #fff 17.69%, hsla(0, 0%, 100%, 0) 80.38%);
height: 64px;
transition: all .1s linear
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_nav .service_nav_slider:after {
display: none
}
}
.b_service .service_slider_wrapper .service_nav .service_nav_slider.notransform .slick-list {
height: auto!important
}
.b_service .service_slider_wrapper .service_nav .slick-list {
padding: 0 0 100px
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_nav .slick-list {
padding: 0
}
}
.b_service .service_slider_wrapper .service_for {
width: calc(100% - 150px)
}
@media (max-width:1749px) {
.b_service .service_slider_wrapper .service_for {
width: calc(100% - 109px)
}
}
@media (max-width:1365px) {
.b_service .service_slider_wrapper .service_for {
width: calc(100% - 80px)
}
}
@media (max-width:991px) {
.b_service .service_slider_wrapper .service_for {
width: 100%
}
}
.b_service .service_slider_wrapper .service_for .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.b_service .service_slider_wrapper .service_for .slick-track .slick-slide {
height: auto
}
.b_service .service_slider_wrapper .service_for .slick-track .service_link {
height: 100%;
overflow: hidden
}
.b_service .service_slider_wrapper .service_for .slick-track .service_link img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.b_service .service_slider_wrapper .service_for_slider:not(.slick-initialized) .slide_item:not(:first-child) {
display: none
}
.b_service .service_slider_wrapper .product_link,
.b_service .service_slider_wrapper .service_for_slider .service_link {
display: block
}
.b_service .icons_info_list {
padding: 30px 0;
font-size: 16px
}
@media (max-width:991px) {
.b_service .icons_info_list {
font-size: 15px
}
}
@media (max-width:767px) { .b_service .icons_info_list {
padding: 20px 0;	
}
}
.b_service .icons_info_list .info_list {
margin: 0 -15px
}
@media (max-width:767px) {
.b_service .icons_info_list .info_list {
display: block
}
}
.b_service .icons_info_list .info_list_row {
width: 33.33%
}
@media (max-width:1749px) {
.b_service .icons_info_list .info_list_row {
width: 50%
}
}
@media (max-width:991px) {
.b_service .icons_info_list .info_list_row {
width: 33.33%
}
}
@media (max-width:767px) {
.b_service .icons_info_list .info_list_row {
width: 100%
}
}
.b_service .icons_info_list .list_row_inner {
padding: 15px
}
@media (max-width:767px) {
.b_service .icons_info_list .list_row_inner {
max-width: 300px;
margin: 0 auto
}
}
.b_service .icons_info_list .top_title {
color: #7c7c7c
}
.b_service .icons_info_list .bottom_title {
color: #6e58b8
}
.b_service .icons_info_list .row_icon {
width: 26px;
height: 26px;
position: relative;
margin: 5px 0 0
}
.b_service .icons_info_list .row_icon img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.b_service .icons_info_list .row_content {
width: calc(100% - 26px);
padding: 0 0 0 10px
}
.b_service .icons_info_list .slick-arrow {
border-radius: 0;
border: none;
background-color: transparent;
font-size: 0;
padding: 0;
width: 24px;
height: 24px;
position: absolute;
top: 24px
}
.b_service .icons_info_list .slick-arrow:before {
font-size: 14px
}
.b_service .icons_info_list .slick-prev {
left: -28px
}
.b_service .icons_info_list .slick-next {
right: -28px
}.pagination .nav-links{
display: flex;
}
.pagination .nav-links span,
.pagination .nav-links a{
margin: 0 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
background-color: #f2f2f2;
color: #163a46;
transition: all .2s linear;
border-radius: 5px;
font-weight: 600;
font-size: 23px;
}
.admin-bar .b_header .header_menu_wrapper {
top: 46px;
}
.b_main_banner .custom_banner.only_image.image_content_right .banner_image img{
object-position: right center!important;
}
@media (max-width: 768px) {
.logged-in.admin-bar ul.sub-menu {
top: 46px !important;
}
}