* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
*:before,
*:after {
box-sizing: border-box;
}
img {
border: none;
}
textarea {
overflow: auto;
}
input,
textarea,
input:active,
textarea:active {
-webkit-border-radius: 0;
border-radius: 0;
outline: none transparent !important;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
-moz-outline: none !important;
}
input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset] {
-webkit-border-radius: 0;
-webkit-appearance: none;
}
:focus {
outline: none;
}
:hover,
:active {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
::-ms-clear {
display: none;
}
/*--------------- Main styles---------------*/
:root {
--bg: #fff;
--aside_width: 237px;
--scroll_width: 17px;
--text_color: #444;
--font_size: 17px;
--font_size_title: 40px;
--font_family: 'Rubik', 'Arial', sans-serif;
--box-shadow-color: rgba(255, 44, 44, .54);
--main_color1: #fc0404;
--main_color2: #2192e9;
--main_color_opacity: #e9f7ff;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
html {
height: 100%;
background: var(--bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
color: var(--text_color);
font-family: var(--font_family);
font-size: var(--font_size);
height: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-overflow-scrolling: touch;
text-rendering: optimizeLegibility;
text-decoration-skip: objects;
}
body.lock {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
.wrap {
position: relative;
display: flex;
overflow: hidden;
flex-direction: column;
min-width: 360px;
min-height: 100%;
}
.main {
flex: 1 0 auto;
}
.cont {
width: 100%;
max-width: 1186px;
margin: 0 auto;
padding: 0 20px;
}
.compensate-for-scrollbar {
margin-right: var(--scroll_width) !important;
}
.lozad {
transition: .5s linear;
opacity: 0;
}
.lozad.loaded {
opacity: 1;
}
.flex {
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.content_flex.flex,
.content_flex>.cont.flex {
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
.content_flex .content {
position: relative;
width: calc(100% - var(--aside_width) - 42px);
}
.content_flex .content> :first-child {
margin-top: 0;
}
.content_flex .content> :last-child {
margin-bottom: 0;
}
.block {
margin-bottom: 120px;
}
.block.no_margin {
margin-bottom: 0 !important;
}
.block_head {
display: flex;
width: 100%;
margin-bottom: 37px;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.block_head.center {
text-align: center;
justify-content: center;
}
.block_head.center .title {
width: 100%;
}
.block_head.center .title:after {
right: 0;
margin: auto;
}
.block_head.center .desc {
width: 660px;
max-width: 100%;
}
.block_head .title {
color: #000;
font-size: var(--font_size_title);
font-weight: 500;
line-height: 47px;
position: relative;
padding-bottom: 32px;
}
.block_head .title:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 77px;
height: 8px;
content: '';
border-radius: 5px;
background: var(--main_color1);
}
.block_head .desc {
color: #525252;
line-height: 30px;
margin-top: 35px;
letter-spacing: .3px;
width: 100%;
}
.block_head .link {
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 49px;
display: inline-block;
min-width: 206px;
height: 49px;
margin-top: 41px;
padding: 0 40px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 25px;
background:var(--main_color1);
box-shadow: 0 9px 23px var(--box-shadow-color);
}
.block_head .all_link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 54px;
display: inline-block;
margin-left: auto;
padding: 0 53px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.form {
--form_border_color: var(--main_color2);
--form_focus_color: var(--main_color2);
--form_error_color: red;
--form_success_color: green;
--form_border_radius: 25px;
--form_bg_color: #eef9ff;
--form_placeholder_color: #909090;
}
.form ::-webkit-input-placeholder {
color: var(--form_placeholder_color);
}
.form :-moz-placeholder {
color: var(--form_placeholder_color);
}
.form :-ms-input-placeholder {
color: var(--form_placeholder_color);
}
.form .columns {
display: flex;
margin-left: calc(var(--form_columns_offset) * -1);
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
--form_columns_offset: 20px;
}
.form .columns>* {
width: calc(50% - var(--form_columns_offset));
margin-left: var(--form_columns_offset);
}
.form .columns>*.width1of3 {
width: calc(33.333% - var(--form_columns_offset));
}
.form .columns>*.width2of3 {
width: calc(66.666% - var(--form_columns_offset));
}
.form .columns>*.width3of3 {
width: calc(100% - var(--form_columns_offset));
}
.form .columns>*.width1of4 {
width: calc(25% - var(--form_columns_offset));
}
.form .columns>*.width2of4 {
width: calc(50% - var(--form_columns_offset));
}
.form .columns>*.width3of4 {
width: calc(75% - var(--form_columns_offset));
}
.form .columns>*.width4of4 {
width: calc(100% - var(--form_columns_offset));
}
.form .line {
margin-bottom: 18px;
}
.form .label {
color: #000;
line-height: 21px;
margin-bottom: 7px;
letter-spacing: .35px;
}
.form .field {
position: relative;
}
.form .input {
color: var(--text_color);
font: var(--font_size) var(--font_family);
display: block;
width: 100%;
height: 49px;
padding: 0 20px;
transition: .2s linear;
letter-spacing: .3px;
border: 1px solid var(--form_border_color);
border-radius: var(--form_border_radius);
background: var(--form_bg_color);
}
.form textarea {
color: var(--text_color);
font: var(--font_size)/30px var(--font_family);
display: block;
width: 100%;
height: 134px;
padding: 7px 20px;
resize: none;
transition: .2s linear;
border: 1px solid var(--form_border_color);
border-radius: var(--form_border_radius);
background: var(--form_bg_color);
}
.form .input:focus,
.form textarea:focus {
border-color: var(--form_focus_color);
}
.form .success {
border-color: var(--form_success_color);
}
.form .error {
border-color: var(--form_error_color);
}
.form input[type=checkbox],
.form input[type=file] {
display: none;
}
.form input[type=checkbox]+label {
color: rgba(0, 0, 0, .5);
font-size: 15px;
line-height: 19px;
position: relative;
display: flex;
min-height: 24px;
padding-left: 36px;
cursor: pointer;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.form input[type=checkbox]+label:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 24px;
height: 24px;
content: '';
transition: .2s linear;
border: 2px solid #ccc;
border-radius: 7px;
background: #fff;
}
.form input[type=checkbox]+label i {
position: absolute;
top: 4px;
left: 4px;
display: block;
width: 17px;
height: 17px;
content: '';
transition: .2s linear;
opacity: 0;
}
.form input[type=checkbox]:checked+label i {
opacity: 1;
}
.form input[type=checkbox]:checked+label i svg *{
fill: var(--main_color1);
}
.form input[type=file]+label {
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 48px;
display: inline-block;
width: 155px;
height: 48px;
cursor: pointer;
text-align: center;
vertical-align: top;
letter-spacing: 1.32px;
border-radius: 18px;
background:var(--main_color1);
box-shadow: 0 7px 17px var(--box-shadow-color);
}
.form .file .list {
display: flex;
margin-top: 30px;
margin-bottom: -20px;
margin-left: -25px;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.form .file .list .list-item{
display: flex;
margin-left: 25px;
}
.form .file .list .list-item svg *{
fill: var(--main_color1);
}
.form .file .list .item {
color: #7c7c7c;
font-size: 12px;
font-weight: 500;
line-height: 15px;
display: flex;
flex-direction: column;
min-height: 28px;
margin-bottom: 20px;
padding-left: 10px;
text-align: left;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.form .file .list .item>* {
width: 100%;
text-align: left;
}
.form .file .list .item .del {
color: #e23f4c;
font-family: var(--font_family);
font-size: 9px;
line-height: 11px;
display: inline-block;
margin-top: 3px;
cursor: pointer;
vertical-align: top;
border: none;
background: none;
}
.form .bottom {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.form .bottom .agree {
width: calc(100% - 175px);
}
.form .bottom .submit {
width: 155px;
}
.form .submit {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.form .submit_btn {
color: #fff;
font: 700 10px/39px var(--font_family);
display: inline-block;
min-width: 155px;
height: 37px;
padding: 0 30px;
cursor: pointer;
transition: .2s linear;
vertical-align: top;
letter-spacing: 1.32px;
text-transform: uppercase;
border: none;
border-radius: 18px;
background:var(--main_color1);
box-shadow: 0 7px 17px var(--box-shadow-color);
}
.text_block {
line-height: 35px;
letter-spacing: .3px;
}
.text_block> :last-child,
.text_block blockquote> :last-child,
.text_block q> :last-child {
margin-bottom: 0 !important;
}
.text_block> :first-child,
.text_block blockquote> :first-child,
.text_block q> :first-child {
/*margin-top: 0 !important;*/
}
.text_block p,
.text_block img,
.text_block blockquote,
.text_block q {
margin-bottom: 30px;
}
.text_block img {
display: block;
max-width: 100%;
border-radius: 28px;
}
.text_block img.left {
max-width: calc(50% - 36px);
margin-top: 4px;
margin-right: 36px;
}
.text_block img.right {
max-width: calc(50% - 36px);
margin-top: 4px;
margin-left: 36px;
}
.text_block img.loaded {
height: auto !important;
}
.text_block blockquote,
.text_block q {
color: #0b162b;
font-weight: 500;
font-style: italic;
display: block;
}
.text_block b,
.text_block strong {
font-weight: 500;
}
.text_block a {
color: #5cabe8;
transition: .2s linear;
}
.text_block a:hover {
text-decoration: none;
}
.pagination {
display: flex;
margin-top: 44px;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.pagination.center {
justify-content: center;
}
.pagination.alignright {
justify-content: flex-end;
}
.pagination a {
color: #95A3B3;
font-size: 12px;
font-weight: normal;
line-height: 36px;
display: inline-block;
width: 36px;
height: 36px;
transition: .2s linear;
text-align: center;
vertical-align: top;
text-decoration: none;
border-radius: 5px;
background: #fff;
border: 1px solid var(--main_color2);
margin-right: 1px;
}
.pagination span{
color: #95A3B3;
width: 36px;
text-align: center;
}
.pagination a:hover {
background: var(--main_color2);
font-weight: bold;
color:#fff;
}
.pagination a.active {
background: var(--main_color2);
font-weight: bold;
color:#fff;
}
.pagination .prev,
.pagination .next {
background: var(--main_color2);
width: 36px;
height: 36px;
border-radius: 5px;
line-height: 40px;
}
.pagination .next{
margin-left:8px;
}
.pagination .prev {
margin-right: 8px;
}
.pagination .prev:hover,
.pagination .next:hover {
opacity: 1;
}
.buttonUp {
position: fixed;
z-index: 999;
right: 20px;
bottom: 20px;
display: none;
}
.buttonUp button {
position: relative;
display: block;
width: 50px;
height: 50px;
cursor: pointer;
border: none;
border-radius: 50%;
background: var(--main_color1) url(../../../../../images/site/designs/1/ic_buttonUp.png) 50% calc(50% - 1px)/30px 30px no-repeat;
}
.overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100vh;
opacity: .99;
background: #000;
}
.supports_error {
font-family: 'Arial', sans-serif;
font-size: 20px;
line-height: 30px;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
background: #fff;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.supports_error.show {
display: flex;
}
/*--------------- Header---------------*/
header {
position: relative;
z-index: 99;
top: 0;
left: 0;
width: 100%;
margin-bottom: 43px;
}
header>.close {
position: absolute;
top: 0;
left: 100%;
display: none;
width: 50px;
height: 50px;
padding: 13px;
cursor: pointer;
border: none;
background: none;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
header.show>.close {
display: flex;
}
header>.close span {
position: relative;
display: block;
width: 100%;
height: 2px;
background: #fff;
}
header>.close span:nth-child(1) {
top: 1px;
transform: rotate(45deg);
}
header>.close span:nth-child(2) {
top: -1px;
transform: rotate(-45deg);
}
header .info {
padding: 49px 0 43px;
}
header .info .cont.flex {
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
header .logo {
width: 100%;
max-width: 510px;
}
header .logo
{
color: var(--main_color2);
font-size: 16px;
line-height: 21px;
display: inline-block;
vertical-align: top;
text-decoration: none;
letter-spacing: 2.49px;
text-transform: uppercase;
}
header .logo a{
text-decoration: none;
color: var(--main_color1);
}
header .logo .name {
color: var(--main_color1);
font-size: 16px;
font-weight: bold;
line-height: 16px;
transition: 0.3s;
letter-spacing: -1.36px;
}
header .logo img {
display: block;
max-width: 100%;
max-height: 120px;
}
header .socials {
display: flex;
margin-left: 40px;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
flex-shrink: 0;
}
header .socials a {
display: block;
}
header .socials a.more{
background-color: var(--main_color1);
border-radius: 50%;
position: relative;
}
header .socials a.more .arrow{
position: absolute;
padding: 0px 15px 0 150px;
padding-bottom: 10px;
top: 32px;
right: 0;
display: none;
}
header .socials a.more svg{
fill:var(--main_color1);
}
header .socials a.more .more_block{
background: #FFFFFF;
box-shadow: 0px 12px 23px rgba(0, 0, 0, 0.14);
border-radius: 15px;
position: absolute;
top: 60px;
padding: 15px;
right: 0;
z-index: 100;
display: none;
}
header .socials a.more.active .more_block{
display: flex;
}
header .socials a.more.active .arrow{
display: block;
}
header .socials a+a {
margin-left: 18px;
}
header .socials img {
display: block;
width: 37px;
height: 37px;
}
header .contacts {
color: #1b1b1b;
font-size: 19px;
font-weight: 500;
line-height: 23px;
margin-left: 40px;
letter-spacing: -.21px;
flex-shrink: 0;
/* -- start 4 numbers -- */
max-width: 400px;
/* -- end 4 numbers -- */
}
header .contacts a {
color: #1b1b1b;
display: inline-block;
vertical-align: top;
white-space: normal;
text-decoration: none;
}
header .contacts .email {
position: relative;
padding-left: 14px;
}
header .contacts .email:before {
position: absolute;
top: 10px;
left: 0;
display: block;
width: 5px;
height: 5px;
content: '';
border-radius: 50%;
background: #1b1b1b;
}
header .contacts .email a:hover {
text-decoration: underline;
}
header .contacts > div:first-child{
margin-bottom: 10px;
}
header .contacts .phones {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
header .contacts .phones>* {
position: relative;
padding-left: 14px;
}
/* -- start 4 numbers -- */
/*header .contacts .phones>*+* {
margin-left: 30px;
}*/
header .contacts .phones>div:nth-child(even) {
margin-left: 30px;
}
/* -- end 4 numbers -- */
header .contacts .phones>*:before {
position: absolute;
top: 10px;
left: 0;
display: block;
width: 5px;
height: 5px;
content: '';
border-radius: 50%;
background: #1b1b1b;
}
header .menu {
border-radius: 28px;
background: var(--main_color2);
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
header .menu .item {
position: relative;
display: block;
list-style-type: none;
}
header .menu .item>a {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 17px;
display: flex;
height: 56px;
padding: 15px 40px;
transition: background .2s linear;
text-decoration: none;
text-transform: uppercase;
border-radius: 28px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
header .menu .item>a span {
position: relative;
padding-right: 15px;
}
header .menu .item>a span:after {
position: absolute;
top: 50%;
right: -1px;
display: block;
width: 7px;
height: 7px;
margin-top: -6px;
content: '';
transform: rotate(-45deg);
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}
header .menu .item:hover>a,
header .menu .item>a.active {
background: var(--main_color1);
}
header .menu .sub_menu,
header .menu .item:hover>a.touch_link+.sub_menu {
position: absolute;
z-index: 99;
top: calc(100% + 30px);
left: 0;
visibility: hidden;
min-width: auto;
transition: .2s linear;
opacity: 0;
border-radius: 28px;
background: var(--main_color2);
}
header .menu .item:hover .sub_menu,
header .menu .item>a.touch_link+.sub_menu.show {
top: 100%;
visibility: visible;
opacity: 1;
}
header .menu .sub_menu a {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 17px;
display: flex;
height: 56px;
padding: 15px 40px;
transition: background .2s linear;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
border-radius: 28px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
header .menu .sub_menu a:hover,
header .menu .sub_menu a.active {
background: var(--main_color1);
}
header .menu .flexMenu-viewMore {
position: relative;
list-style-type: none;
}
header .menu .flexMenu-viewMore>a {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 17px;
display: flex;
height: 56px;
padding: 15px 40px;
transition: background .2s linear;
text-decoration: none;
text-transform: uppercase;
border-radius: 28px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
header .menu .flexMenu-viewMore>a span {
position: relative;
padding-right: 15px;
}
header .menu .flexMenu-viewMore>a span:after {
position: absolute;
top: 50%;
right: -1px;
display: block;
width: 7px;
height: 7px;
margin-top: -6px;
content: '';
transform: rotate(-45deg);
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}
header .menu .flexMenu-viewMore:hover>a,
header .menu .flexMenu-viewMore.active>a {
background: var(--main_color1);
}
header .menu .flexMenu-popup {
z-index: 9;
top: calc(100% + 0px);
right: 0;
left: auto;
min-width: 100%;
padding: 0;
border-radius: 28px;
background: var(--main_color2);
}
header .menu .flexMenu-popup>* {
display: block;
list-style-type: none;
}
header .menu .flexMenu-popup .item {
width: 100%;
}
header .menu .flexMenu-popup .item a {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 17px;
display: flex;
height: 56px;
padding: 15px 40px;
transition: background .2s linear;
white-space: nowrap;
text-decoration: none;
text-transform: uppercase;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
header .menu .flexMenu-popup .item:first-child a {
border-top-left-radius: 29px;
border-top-right-radius: 29px;
}
header .menu .flexMenu-popup .item:last-child a {
border-bottom-right-radius: 29px;
border-bottom-left-radius: 29px;
}
header .menu .flexMenu-popup .item>a .icon {
display: none;
}
header .menu .flexMenu-popup .item a:hover,
header .menu .flexMenu-popup .item a.active {
background: var(--main_color1);
}
header .menu .flexMenu-popup .sub_menu,
header .menu .flexMenu-popup .item:hover>a.touch_link+.sub_menu {
top: 0;
right: calc(100% + 30px);
left: auto;
}
header .menu .flexMenu-popup .item:hover .sub_menu,
header .menu .flexMenu-popup .item>a.touch_link+.sub_menu.show {
top: 0;
right: 100%;
}
.mob_header {
display: none;
margin-bottom: 20px;
padding: 35px 0;
}
.mob_header .cont {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: nowrap;
}
.mob_header .logo {
max-width: 240px;
margin-right: auto;
}
.mob_header .logo,
.mob_header .logo a {
color: var(--main_color2);
font-size: 2.3vw;
line-height: 2.3vw;
display: inline-block;
vertical-align: top;
text-decoration: none;
letter-spacing: 4px;
text-transform: uppercase;
}
.mob_header .logo .name {
color: var(--main_color1);
font-size: 5vw;
font-weight: bold;
line-height: 5vw;
letter-spacing: -2.5px;
}
.mob_header .logo img {
display: block;
max-width: 180px;
max-height: 100px;
}
.mob_header .bg {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.mob_header .contacts {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.mob_header .contacts a {
display: flex;
width: 35px;
height: 35px;
padding: 8px;
border-radius: 50%;
background:var(--main_color1);
box-shadow: 0 5px 13px var(--box-shadow-color);
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.mob_header .contacts a+a {
margin-left: 15px;
}
.mob_header .contacts a img {
display: block;
max-width: 100%;
max-height: 100%;
}
.mob_header .socials {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.mob_header .socials a {
display: block;
}
.mob_header .socials,
.mob_header .socials a+a {
margin-left: 15px;
}
.mob_header .socials img {
display: block;
width: 35px;
height: 35px;
}
.mob_header .socials a.more{
background-color: var(--main_color1);
border-radius: 50%;
position: relative;
}
.mob_header .socials a.more .arrow{
position: absolute;
padding: 0px 12px;
padding-bottom: 10px;
top: 32px;
display: none;
}
.mob_header .socials a.more svg{
fill:var(--main_color1);
}
.mob_header .socials a.more .more_block{
background: #FFFFFF;
box-shadow: 0px 12px 23px rgba(0, 0, 0, 0.14);
border-radius: 15px;
position: absolute;
top: 60px;
padding: 15px;
right: 0;
z-index: 100;
display: none;
}
.mob_header .socials a.more.active .more_block{
display: flex;
}
.mob_header .socials a.more.active .arrow{
display: block;
}
.mob_header .mob_menu_link {
display: flex;
width: 64px;
height: 64px;
margin-left: 40px;
padding: 15px;
cursor: pointer;
border: none;
border-radius: 22px;
background: var(--main_color2);
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.mob_header .mob_menu_link span {
position: relative;
display: block;
width: 100%;
height: 3px;
transition: .2s linear;
border-radius: 2px;
background: #fff;
}
.mob_header .mob_menu_link span:nth-child(2) {
width: calc(100% - 10px);
margin-right: 10px;
}
.mob_header .mob_menu_link span+span {
margin-top: 6px;
}
/*--------------- Sidebar---------------*/
aside {
position: relative;
width: var(--aside_width);
max-width: 100%;
}
aside .block {
margin-bottom: 32px !important;
border-radius: 30px;
background: var(--main_color_opacity);
}
aside .block .title {
color: #000;
font-size: 14px;
font-weight: 500;
line-height: 17px;
position: relative;
display: flex;
padding: 22px 20px 20px;
border-bottom: 1px solid rgba(151, 151, 151, .21);
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
aside .block .title .close {
width: 24px;
height: 24px;
margin-left: auto;
cursor: pointer;
border: none;
border-radius: 4px;
background: #c8c8c8 url(../../../../../images/site/designs/1/ic_close.svg) 50% no-repeat;
display: none;
}
aside .block .data {
padding: 20px;
}
aside .mob_filter_link {
color: #fff;
font-family: var(--font_family);
font-size: 13px;
font-weight: 500;
line-height: 15px;
display: none;
width: 167px;
height: 41px;
cursor: pointer;
border: none;
border-radius: 21px;
background: var(--main_color2);
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
aside .mob_filter_link img {
display: block;
margin-right: 10px;
}
aside .search {
margin-bottom: 15px;
}
/* change form tag to div */
aside .search .search-form {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
aside .search ::-webkit-input-placeholder,
aside .search :-moz-placeholder,
aside .search :-ms-input-placeholder {
color: #898989;
}
aside .search .input {
color: var(--text_color);
font-family: var(--font_family);
font-size: 12px;
line-height: 14px;
display: block;
width: calc(100% - 57px);
height: 51px;
padding: 0 20px;
border: none;
border-radius: 15px;
background: #fff;
box-shadow: 0 13px 19px rgba(0, 0, 0, .14);
}
aside .search .submit_btn {
display: flex;
width: 51px;
height: 51px;
cursor: pointer;
border: none;
border-radius: 13px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
aside .search .submit_btn img {
display: block;
max-width: 100%;
max-height: 100%;
}
aside .cats .data>*+* {
margin-top: 5px;
}
aside .cats .data .data2{
max-height: 310px;
position: relative;
z-index: 2;
overflow-y: auto;
}
aside .cats .data .data2::-webkit-scrollbar {
width: 7px;
}
aside .cats .data .data2::-webkit-scrollbar-track {
background: #eaeaea;
-webkit-border-radius: 10px;
border-radius: 10px;
}
aside .cats .data .data2::-webkit-scrollbar-thumb {
background: #C8C8C8;
-webkit-border-radius: 10px;
border-radius: 10px;
}
aside .cats label {
color: #000;
font-size: 15px;
line-height: 29px;
position: relative;
display: inline-block;
padding-left: 25px;
vertical-align: top;
text-decoration: none;
cursor: pointer;
}
aside .cats label:before {
position: absolute;
top: 7px;
left: 0;
display: block;
width: 14px;
height: 14px;
content: '';
transition: border-color .2s linear;
border: 1px solid #b3b3b3;
border-radius: 4px;
}
aside .cats label:after {
position: absolute;
top: 9px;
left: 2px;
display: block;
width: 10px;
height: 10px;
content: '';
transition: opacity .2s linear;
opacity: 0;
border-radius: 2px;
background: var(--main_color2);
}
aside .cats input:checked + label:before {
border-color: var(--main_color2);
}
aside .cats input:checked + label:after {
opacity: 1;
}
aside .filter .range .name {
color: #000;
font-size: 14px;
font-weight: 500;
line-height: 17px;
opacity: .46;
}
aside .filter .submit_btn {
color: #fff;
font: 700 14px/56px var(--font_family);
display: inline-block;
width: 100%;
height: 54px;
padding: 0 20px;
cursor: pointer;
transition: .2s linear;
vertical-align: top;
letter-spacing: 2px;
text-transform: uppercase;
border: none;
border-radius: 27px;
background:var(--main_color2);
}
aside>*:last-child {
margin-bottom: 0 !important;
}
/*--------------- Main section---------------*/
.owl-carousel,
.owl-carousel .slide:first-child {
display: block;
}
.owl-carousel .slide {
display: none;
}
.owl-carousel .owl-stage {
white-space: nowrap;
}
.owl-carousel .owl-item {
display: inline-block;
float: none;
vertical-align: top;
white-space: normal;
}
.owl-carousel .slide .lozad {
transition: .2s linear;
}
.first_section .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
padding-top:50px;
}
.first_section .cont:after {
position: absolute;
top: 0;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.first_section .info {
line-height: 30px;
width: 530px;
max-width: calc(100% - 615px);
letter-spacing: .3px;
}
.first_section .info .title {
color: #000;
font-size: 40px;
font-weight: 500;
line-height: 43px;
position: relative;
padding-bottom: 32px;
}
.first_section .info .title:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 77px;
height: 8px;
content: '';
border-radius: 5px;
background: var(--main_color1);
}
.first_section .info .desc {
margin-top: 44px;
}
.first_section .info .link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 24px;
display: inline-block;
height: 54px;
margin-top: 61px;
padding: 16px 25px 14px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.first_section .img {
position: relative;
display: block;
width: 502px;
height: 380px;
}
.first_section .img:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
box-shadow: 0px 16px 42px rgba(0, 0, 0, 0.123088);
border-radius: 61px;
top: 35px;
left: 35px;
content:"";
z-index: -1;
}
.first_section .img:before{
position: absolute;
width: 538px;
height: 538px;
background: linear-gradient(360deg, var(--main_color2) 0%, rgba(255, 255, 255, 0.0001) 100%);
border-radius: 50%;
bottom: -120px;
right: -130px;
content:"";
z-index: -1;
}
.first_section .img>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
box-shadow: 0px 16px 42px rgba(0, 0, 0, 0.123088);
border-radius: 39px;
}
.first_section .img.no_mask {
width: auto;
max-width: 475px;
height: auto;
padding-top: 45px;
padding-right: 75px;
filter: none;
}
.first_section .img.no_mask:after, .first_section .img.no_mask:before{
display: none;
}
.first_section .img.no_mask>* {
position: relative;
width: auto;
max-width: 100%;
height: auto;
mask: none;
-webkit-mask-box-image: none;
box-shadow: none;
border-radius: 0;
}
.main_slider {
background: #ddd;
}
.main_slider .owl-carousel .owl-stage{
display: flex;
}
.main_slider .slide {
position: relative;
overflow: hidden;
height: 100%;
}
.main_slider .slide:before {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
opacity: .62;
background: #000;
}
.main_slider .slide .bg {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
object-fit: cover;
}
.main_slider .slide .cont {
position: relative;
z-index: 5;
display: flex;
min-height: 582px;
padding-top: 90px;
padding-bottom: 150px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.main_slider .slide .info {
color: #fff;
width: 100%;
text-align: center;
}
.main_slider .slide .title {
font-size: var(--font_size_title);
font-weight: 500;
line-height: 47px;
position: relative;
width: 525px;
max-width: 100%;
margin: 0 auto;
padding-bottom: 32px;
}
.main_slider .slide .title:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 77px;
height: 8px;
margin: auto;
content: '';
border-radius: 4px;
background: var(--main_color1);
}
.main_slider .slide .desc {
line-height: 30px;
width: 700px;
max-width: 100%;
margin: 35px auto 0;
letter-spacing: .3px;
}
.main_slider .slide .link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 54px;
display: inline-block;
min-width: 227px;
height: 54px;
margin-top: 30px;
padding: 0 40px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 1.78px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.main_slider2 .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.main_slider2 .cont:after {
position: absolute;
top: 0;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.main_slider2 .info {
line-height: 30px;
width: 530px;
max-width: calc(100% - 593px);
letter-spacing: .3px;
}
.main_slider2 .info .title {
color: #000;
font-size: 40px;
font-weight: 500;
line-height: 43px;
position: relative;
padding-bottom: 32px;
}
.main_slider2 .info .title:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 77px;
height: 8px;
content: '';
border-radius: 4px;
background: var(--main_color1);
}
.main_slider2 .info .desc {
margin-top: 44px;
}
.main_slider2 .info .link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 24px;
display: inline-block;
height: 54px;
margin-top: 61px;
padding: 16px 25px 14px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.main_slider2 .img {
position: relative;
z-index: 9;
display: block;
width: 467px;
height: 524px;
max-width: 100%;
margin-right: 86px;
padding-bottom: 75px;
}
.main_slider2 .img:before {
position: absolute;
z-index: -1;
bottom: 0;
left: -89px;
display: block;
width: 336px;
height: 299px;
content: '';
background: url(../../../../../images/site/designs/1/bg_dots.svg) 0 0 repeat;
}
.main_slider2 .img img {
max-width: 100%;
margin: 0 auto;
border-radius: 38px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.main_slider3 .owl-stage-outer {
overflow: visible !important;
}
.main_slider3 .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.main_slider3 .cont:after {
position: absolute;
top: 0;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.main_slider3 .info {
line-height: 30px;
width: 550px;
max-width: calc(100% - 593px);
padding-right: 78px;
text-align: right;
letter-spacing: .3px;
}
.main_slider3 .info .title {
color: #000;
font-size: 40px;
font-weight: 500;
line-height: 43px;
position: relative;
padding-bottom: 32px;
}
.main_slider3 .info .title:after {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 77px;
height: 8px;
content: '';
border-radius: 4px;
background: var(--main_color1);
}
.main_slider3 .info .desc {
margin-top: 44px;
}
.main_slider3 .info .link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 24px;
display: inline-block;
height: 54px;
margin-top: 61px;
padding: 16px 25px 14px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.main_slider3 .img {
position: relative;
z-index: 9;
display: block;
width: 460px;
max-width: 100%;
height: 460px;
margin-top: 32px;
margin-left: 87px;
}
.main_slider3 .img:before {
position: absolute;
z-index: -1;
top: -32px;
left: -87px;
display: block;
width: 325px;
height: 325px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.main_slider3 .img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0 auto;
border-radius: 50%;
}
.advantages .cont {
position: relative;
}
.advantages .cont:after {
position: absolute;
top: 11px;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.advantages .flex {
margin-bottom: -30px;
margin-left: -30px;
justify-content: center;
}
.advantages .flex>* {
width: calc(33.333% - 30px);
margin-bottom: 30px;
margin-left: 30px;
}
.advantages .item {
color: #525252;
line-height: 22px;
letter-spacing: .3px;
}
.advantages .item .icon {
position: relative;
overflow: hidden;
width: 73px;
height: 73px;
margin-bottom: 14px;
border-radius: 18px;
background: #ddd;
}
.advantages .item .icon img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.advantages .item .name {
color: #000;
font-size: 23px;
font-weight: 500;
line-height: 27px;
}
.advantages .item .desc {
margin-top: 6px;
}
.about .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.about .cont:after {
position: absolute;
right: 20px;
bottom: 0;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.about .info {
width: 400px;
max-width: calc(100% - 646px);
}
.about .link{
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 24px;
display: inline-block;
height: 54px;
margin-top: 20px;
padding: 16px 25px 14px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background: var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.about .info .sub_title {
color: #000;
font-size: 23px;
font-weight: 500;
line-height: 27px;
margin-bottom: 17px;
padding-top: 10px;
}
.about .img {
position: relative;
display: block;
width: 603px;
height: 603px;
}
.about .img>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.how_we_work .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.how_we_work .cont:after {
position: absolute;
bottom: 20px;
left: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.how_we_work .info {
width: 566px;
max-width: calc(100% - 554px);
order: 3;
}
.how_we_work .info .flex {
margin-bottom: -43px;
margin-left: -30px;
counter-reset: div;
justify-content: space-between;
}
.how_we_work .info .flex>* {
width: 250px;
max-width: calc(50% - 30px);
margin-bottom: 43px;
margin-left: 30px;
}
.how_we_work .info .item {
line-height: 22px;
position: relative;
padding-top: 79px;
}
.how_we_work .info .item:before {
color: var(--main_color2);
font-size: 55px;
font-weight: bold;
line-height: 76px;
position: absolute;
z-index: 2;
top: 0;
left: 0;
content: counters(div, '') '';
counter-increment: div;
}
.how_we_work .info .item:after {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 44px;
height: 44px;
content: '';
border-radius: 50%;
background:var(--main_color2);
opacity:0.3;
}
.how_we_work .info .item .name {
color: #000;
font-size: 23px;
font-weight: 500;
line-height: 27px;
}
.how_we_work .info .item .desc {
margin-top: 6px;
letter-spacing: .3px;
}
.how_we_work .img {
position: relative;
display: block;
width: 514px;
height: 514px;
}
.how_we_work .img>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.reviews .slider_wrap {
position: relative;
padding-bottom: 73px;
}
.reviews .slider_wrap:after {
position: absolute;
top: 20px;
right: 237px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.reviews .slider {
position: static;
width: 794px;
max-width: 100%;
}
.reviews .owl-stage-outer {
overflow: visible !important;
}
.reviews .owl-item {
visibility: hidden;
transition: .2s linear;
pointer-events: none;
opacity: 0;
}
.reviews .owl-item.active {
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.reviews .owl-item.active+.owl-item {
visibility: visible;
pointer-events: auto;
opacity: .47;
}
.reviews .owl-item.active+.owl-item .review {
background: none;
}
.reviews .review {
display: flex;
padding: 37px 37px 37px 63px;
border-radius: 51px;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
z-index: 200;
position: relative;
}
.reviews .slide:after{
position: absolute;
top: 0;
opacity: 0.1;
content: '';
bottom: 0;
left: 0;
right: 0;
background: var(--main_color2);
border-radius: 51px;
}
.reviews .review .author {
width: 168px;
max-width: 100%;
}
.reviews .review .foto {
overflow: hidden;
width: 102px;
height: 102px;
margin: 0 auto;
border-radius: 50%;
background: #ddd;
}
.reviews .review .foto img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.reviews .review .name {
color: #000;
font-size: 22px;
font-weight: 500;
line-height: 26px;
margin-top: 20px;
text-align: center;
}
.reviews .review .post {
color: #adadad;
font-size: 12px;
line-height: 13px;
margin-top: 4px;
text-align: center;
letter-spacing: .21px;
}
.reviews .review .socials {
display: flex;
margin-top: 12px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.reviews .review .socials a {
display: block;
}
.reviews .review .socials a+a {
margin-left: 9px;
}
.reviews .review .socials img {
display: block;
width: 21px;
height: 21px;
transition: .2s linear;
opacity: .48;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.reviews .review .socials a:hover img {
opacity: 1;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.reviews .review .text {
color: #444;
line-height: 23px;
width: calc(100% - 207px);
letter-spacing: .3px;
}
.reviews .review .text>*+* {
margin-top: 20px;
}
.articles .slider {
margin-top: 61px;
padding-bottom: 73px;
}
.articles .article {
color: #fff;
position: relative;
display: block;
overflow: hidden;
padding-bottom: 100%;
text-decoration: none;
border-radius: 51px;
background: #ddd;
}
.articles .article img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.articles .article .info {
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
width: 100%;
padding: 18px 22px 23px;
border-radius: 18px;
background: rgba(0, 0, 0, .58);
}
.articles .article .name {
font-size: 16px;
font-weight: 500;
line-height: 23px;
letter-spacing: .28px;
}
.articles .article .date {
font-size: 15px;
line-height: 23px;
margin-top: 5px;
letter-spacing: .26px;
opacity: .62;
}
.articles .article:hover .name {
text-decoration: underline;
}
.big_boss_quote .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.big_boss_quote .cont:after {
position: absolute;
top: 20px;
left: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.big_boss_quote .info {
width: 462px;
max-width: calc(100% - 664px);
order: 3;
}
.big_boss_quote .info .block_head {
position: relative;
margin-bottom: 47px;
}
.big_boss_quote .info .block_head:before {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 241px;
height: 171px;
margin: auto;
content: '';
background: url(../../../../../images/site/designs/1/ic_quote.svg) 0 0/100% 100% no-repeat;
}
.big_boss_quote .info .name {
color: #000;
font-size: 23px;
font-weight: 500;
line-height: 27px;
}
.big_boss_quote .info .post {
color: #80bbdb;
font-size: 23px;
font-weight: 500;
line-height: 27px;
margin-top: 10px;
}
.big_boss_quote .info .text_block {
color: #525252;
font-style: italic;
line-height: 30px;
margin-top: 22px;
letter-spacing: .3px;
}
.big_boss_quote .img {
position: relative;
display: block;
width: 624px;
height: 624px;
}
.big_boss_quote .img>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.video_reviews .slider {
margin-top: 61px;
padding-bottom: 73px;
}
.video_reviews .review {
color: #fff;
position: relative;
display: block;
overflow: hidden;
padding-bottom: 79%;
text-decoration: none;
border-radius: 27px;
background: #ddd;
}
.video_reviews .review:before {
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, .53) url(../../../../../images/site/designs/1/ic_video_play.svg) 50% no-repeat;
}
.video_reviews .review img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.prices .cont {
position: relative;
}
.prices .cont:after {
position: absolute;
top: 28px;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.prices .flex {
margin-bottom: -51px;
margin-left: -51px;
align-items: stretch;
align-content: stretch;
}
.prices .flex>* {
width: calc(33.333% - 51px);
margin-bottom: 51px;
margin-left: 51px;
}
.prices .item {
color: #000;
display: flex;
flex-direction: column;
padding: 29px 29px 23px;
text-align: center;
border-radius: 24px;
position: relative;
overflow: hidden;
}
.prices .item:after{
position: absolute;
top: 0;
background:var(--main_color2);
opacity: 0.3;
content: '';
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.prices .item .name {
font-size: 23px;
font-weight: 500;
line-height: 27px;
}
.prices .item .price {
color: #303030;
font-size: 39px;
font-weight: bold;
line-height: 39px;
margin-top: 15px;
flex: 1 0 auto;
}
.prices .item .price small {
color: #0b162b;
font-size: 15px;
line-height: 25px;
display: block;
opacity: .5;
}
.prices .item .link {
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 37px;
display: inline-block;
width: 155px;
max-width: 100%;
height: 37px;
margin: 20px auto 0;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 1.32px;
border-radius: 18.5px;
background:var(--main_color1);
box-shadow: 0 7px 17px var(--box-shadow-color);
}
.prices .item.free {
color: #fff;
background: var(--main_color1);
opacity: 0.7;
}
.prices .item.free:after{
display:none;
}
.prices .item.free .price {
color: #fff;
}
.prices .item.free .link {
color: var(--main_color1);
background: #fff;
}
.documents .flex {
display: flex;
margin-bottom: -20px;
margin-left: -20px;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.documents .flex>* {
width: calc(12.5% - 20px);
margin-bottom: 20px;
margin-left: 20px;
}
.documents .item {
color: #131313;
font-family: var(--font_family);
font-size: 14px;
line-height: 14px;
display: block;
text-align: center;
text-decoration: none;
word-wrap: break-word;
}
.documents .item .icon {
display: flex;
height: 74px;
margin-bottom: 13px;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.documents .item .icon img {
display: block;
max-width: 100%;
max-height: 100%;
}
.documents .item:hover {
text-decoration: underline;
}
.faq .cont {
position: relative;
}
.faq .cont:after {
position: absolute;
top: 28px;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.faq .item {
transition: .2s linear;
border: 1px solid var(--main_color2);
border-radius: 28px;
}
.faq .item+.item {
margin-top: 30px;
}
.faq .item .title {
color: #000;
font-size: 24px;
font-weight: 500;
line-height: 28px;
position: relative;
padding: 30px 103px 30px 45px;
cursor: pointer;
transition: color .2s linear;
}
.faq .item .title:after {
position: absolute;
top: 0;
right: 45px;
bottom: 0;
display: block;
width: 13px;
height: 22px;
margin: auto;
content: '›';
font-size: 45px;
color:var(--main_color2);
}
.faq .item .title:hover:after{
color:#fff;
}
.faq .item .title:hover,
.faq .item.active .title {
color: #fff;
}
.faq .item:hover {
background: var(--main_color2);
}
.faq .item.active {
border-radius: 30px;
background: var(--main_color2);
}
.faq .item.active .title:after {
color:#fff;
transform: rotate(90deg);
}
.faq .item .data {
color: #fff;
font-weight: 500;
line-height: 23px;
display: none;
padding: 0 45px 40px;
letter-spacing: .3px;
overflow-x: auto;
}
.faq .item .text_block table{
border-color:white;
}
.faq .item .text_block a{
}
.text_block table th {
padding: 20px;
}
.text_block table{
border-collapse: collapse;
}
.director_letter .cont {
position: relative;
display: flex;
padding-top: 42px;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.director_letter .cont:after {
position: absolute;
top: 0;
left: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.director_letter .info {
width: 462px;
max-width: calc(100% - 664px);
padding-right: 68px;
order: 3;
}
.director_letter .img {
position: relative;
display: block;
width: 624px;
height: 624px;
}
.director_letter .img>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.order_block {
padding: 55px 0;
background:var(--main_color2);
}
.order_block .block_head .title,
.order_block .block_head .desc {
color: #fff;
}
.order_block .block_head .title:after {
background: #fff;
}
.order_block .form textarea {
height: 49px;
}
.order_block .form .bottom {
align-items: flex-start;
align-content: flex-start;
}
.order_block .form .agree {
width: auto;
}
.order_block .form .socials {
display: flex;
margin-left: auto;
padding: 17px;
border: 1px solid rgba(194, 226, 253, .58);
border-radius: 14px;
background: rgba(238, 249, 255, .58);
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.order_block .form .socials a {
display: block;
}
.order_block .form .socials a+a {
margin-left: 19px;
}
.order_block .form .socials img {
display: block;
width: 39px;
height: 39px;
}
.order_block .form .submit {
margin-left: 25px;
align-self: center;
}
.contacts_block .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.contacts_block .cont:after {
position: absolute;
right: 20px;
bottom: 0;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.contacts_block .info {
color: #000;
font-size: 23px;
font-weight: 500;
line-height: 27px;
width: 330px;
max-width: calc(100% - 646px);
}
.contacts_block .info>*+* {
margin-top: 40px;
}
.contacts_block .info .val {
font-size: 26px;
line-height: 40px;
position: relative;
margin-top: 18px;
padding-left: 25px;
}
.contacts_block .info .val:before {
position: absolute;
top: 15px;
left: 0;
display: block;
width: 10px;
height: 10px;
content: '';
border-radius: 50%;
background: var(--main_color1);
}
.contacts_block .info .phone {
color: #000;
display: inline-block;
vertical-align: top;
white-space: nowrap;
text-decoration: none;
}
.contacts_block .info .email {
color: #000;
display: inline-block;
vertical-align: top;
white-space: nowrap;
text-decoration: none;
}
.contacts_block .info .exp {
color: #989898;
font-size: 11px;
line-height: 13px;
}
.contacts_block .map {
position: relative;
display: block;
width: 606px;
height: 493px;
overflow: hidden;
border-radius: 10px;
background: #ddd;
box-shadow: 10px 12px 0 var(--main_color2);
}
/*.contacts_block .map>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask: url(../../../../../images/site/designs/1/svg_bg_2.svg);
-webkit-mask-box-image: url(../../../../../images/site/designs/1/svg_bg_2.svg);
}*/
.contacts_block .map iframe {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.stocks .slider {
margin-top: 50px;
padding-bottom: 73px;
}
.stocks .owl-stage-outer {
overflow: visible !important;
}
.stocks .owl-item {
visibility: hidden;
transition: .2s linear;
pointer-events: none;
opacity: 0;
}
.stocks .owl-item.active {
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.stocks .owl-item.active+.owl-item {
visibility: visible;
pointer-events: auto;
opacity: .35;
}
.stocks .stock {
display: flex;
padding: 26px;
border-radius: 51px;
background: var(--main_color_opacity);
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.stocks .stock .thumb {
position: relative;
display: block;
overflow: hidden;
width: 230px;
height: 230px;
border-radius: 32px;
background: #ddd;
}
.stocks .stock .thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.stocks .stock .thumb+.info {
width: calc(100% - 265px);
}
.stocks .stock .info {
color: #444;
line-height: 23px;
letter-spacing: .3px;
}
.stocks .stock .name {
color: #000;
font-size: 22px;
font-weight: 500;
line-height: 26px;
}
.stocks .stock .name a {
color: #000;
position: relative;
display: inline-block;
padding-bottom: 15px;
vertical-align: top;
text-decoration: none;
}
.stocks .stock .name a:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 46px;
height: 5px;
content: '';
border-radius: 4px;
background: var(--main_color2);
}
.stocks .stock .thumb:hover~.info .name a,
.stocks .stock .name a:hover {
text-decoration: underline;
}
.stocks .stock .desc {
margin-top: 16px;
}
.team .cont {
position: relative;
}
.team .cont:after {
position: absolute;
top: 28px;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.team .slider {
margin-top: 50px;
padding-bottom: 73px;
}
.team .item {
padding: 44px 20px 60px;
border-radius: 51px;
background: var(--main_color_opacity);
}
.team .item .foto {
overflow: hidden;
width: 102px;
height: 102px;
margin: 0 auto;
border-radius: 50%;
background: #ddd;
}
.team .item .foto img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.team .item .name {
color: #000;
font-size: 22px;
font-weight: 500;
line-height: 26px;
margin-top: 20px;
text-align: center;
}
.team .item .post {
color: #adadad;
font-size: 19px;
line-height: 23px;
margin-top: 4px;
text-align: center;
letter-spacing: .33px;
}
.team .item .desc {
color: #444;
line-height: 23px;
margin-top: 24px;
text-align: center;
letter-spacing: .3px;
}
.ads_block .flex {
margin-bottom: -38px;
margin-left: -29px;
align-items: stretch;
align-content: stretch;
}
.ads_block .flex>* {
width: calc(33.333% - 29px);
margin-bottom: 38px;
margin-left: 29px;
}
.ads_block .flex>*.big {
display: flex;
width: calc(66.666% - 29px);
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.ads_block .item.big .info {
width: 310px;
max-width: 100%;
}
.ads_block .item.big .thumb {
position: absolute;
top: 0;
right: 0;
width: calc(100% - 343px);
height: 100%;
order: 3;
}
.ads_block .item.big .thumb img {
width: auto;
min-width: 100%;
height: 100%;
}
.ads_block .item.big .name {
font-size: 23px;
}
.ads_block .item.big .name a {
padding-bottom: 20px;
}
.ads_block .item.big .desc {
font-size: 14px;
margin-top: 17px;
}
.ads_block .flex>*.full {
width: calc(100% - 29px);
}
.ads_block .flex>*.full:before {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(0deg, rgba(0, 0, 0, .41), rgba(0, 0, 0, .41));
}
.ads_block .flex>*.full .thumb {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ads_block .flex>*.full .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ads_block .flex>*.full .img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ads_block .flex>*.full .info {
position: relative;
z-index: 5;
padding: 45px;
}
.ads_block .item.full .name {
font-size: 30px;
font-weight: bold;
}
.ads_block .item.full .name a {
color: #fff;
padding-bottom: 24px;
}
.ads_block .item.full .desc {
color: #fff;
font-size: 16px;
font-weight: 500;
margin-top: 22px;
}
.ads_block .item {
position: relative;
overflow: hidden;
border-radius: 51px;
background: var(--main_color_opacity);
}
.ads_block .item .thumb {
display: block;
width: 100%;
}
.ads_block .item .thumb img {
display: block;
width: 100%;
min-width: 100px;
min-height: 50px;
}
.ads_block .item .info {
width: 100%;
padding: 35px;
}
.ads_block .item .name {
color: #000;
font-size: 20px;
font-weight: 500;
line-height: 25px;
}
.ads_block .item .name a {
color: #000;
position: relative;
display: inline-block;
padding-bottom: 15px;
vertical-align: top;
text-decoration: none;
}
.ads_block .item .name a:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 45px;
height: 5px;
content: '';
border-radius: 3px;
background: var(--main_color1);
}
.ads_block .item .desc {
color: #525252;
font-size: 12px;
line-height: 30px;
margin-top: 10px;
letter-spacing: .21px;
}
.ads_block .item .link {
color: #fff;
font-size: 9px;
font-weight: bold;
line-height: 37px;
display: inline-block;
min-width: 156px;
height: 37px;
margin-top: 22px;
padding: 0 40px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 1.32px;
border-radius: 19px;
background:var(--main_color1);
box-shadow: 0 7px 17px var(--box-shadow-color);
}
.vacancies .slider {
margin-top: 50px;
padding-bottom: 73px;
}
.vacancies .owl-stage-outer {
overflow: visible !important;
}
.vacancies .owl-item {
visibility: hidden;
transition: .2s linear;
pointer-events: none;
opacity: 0;
}
.vacancies .owl-item.active {
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.vacancies .owl-item.active+.owl-item {
visibility: visible;
pointer-events: auto;
opacity: .47;
}
.vacancies .owl-item.active+.owl-item .review {
background: none;
}
.vacancies .item {
padding: 33px 36px;
border-radius: 51px;
background: var(--main_color_opacity);
}
.vacancies .item .name {
color: #000;
font-size: 22px;
font-weight: 500;
line-height: 26px;
}
.vacancies .item .name a {
color: #000;
position: relative;
display: inline-block;
padding-bottom: 15px;
vertical-align: top;
text-decoration: none;
}
.vacancies .item .name a:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 46px;
height: 5px;
content: '';
border-radius: 4px;
background: var(--main_color2);
}
.vacancies .item .desc {
color: #444;
line-height: 23px;
margin-top: 24px;
letter-spacing: .3px;
}
.vacancies .item .desc .title {
color: #787878;
font-size: 18px;
font-weight: 500;
line-height: 21px;
margin-bottom: 9px;
}
.vacancies .item .link {
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 40px;
display: inline-block;
min-width: 170px;
height: 40px;
margin-top: 20px;
padding: 0 25px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 20px;
background:var(--main_color1);
box-shadow: 0 9px 23px var(--box-shadow-color);
}
.poll .widget img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.soc_block .cont {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.soc_block .cont>*+* {
margin-left: auto;
}
.soc_block .info {
position: relative;
width: 586px;
max-width: calc(100% - 472px);
}
.soc_block .info:after {
position: absolute;
top: 16px;
right: 0;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.soc_block .block_head .soc_link {
color: var(--main_color2);
font-size: 23px;
font-weight: 500;
line-height: 27px;
position: relative;
display: flex;
min-height: 61px;
margin-top: 40px;
padding-left: 82px;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
width: 100%;
}
.soc_block .block_head .soc_link .icon {
position: absolute;
top: 0;
left: 0;
display: block;
}
.soc_block .block_head .soc_link:hover {
text-decoration: none;
}
.soc_block .block_head .desc {
padding-left: 82px;
}
.soc_block .block_head .link {
margin-left: 82px;
}
.soc_block .widget {
width: 350px;
}
.soc_block .widget iframe {
display: block;
overflow: hidden;
width: 100%;
height: 400px;
margin: 0 auto;
border: none;
}
.payment .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.payment .cont:after {
position: absolute;
top: -12px;
right: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.payment .block_head {
width: calc(55% - 35px);
margin: 0;
}
.payment .widget {
width: 423px;
max-width: calc(45% - 35px);
padding-top: 111px;
}
.payment .widget iframe {
display: block;
width: 100%;
}
.services .flex {
margin-bottom: -37px;
margin-left: -37px;
justify-content: center;
}
.services .flex>* {
width: calc(33.333% - 37px);
margin-bottom: 37px;
margin-left: 37px;
}
.services .service {
color: #fff;
position: relative;
display: block;
padding-bottom: calc(33.333% - 37px);
text-decoration: none;
border-radius: 51px;
background: #ddd;
}
.services .service img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 51px;
object-fit: cover;
}
.services .service .info {
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
display: flex;
width: 100%;
padding: 25px 22px;
border-radius: 18px 18px 46px 46px;
background: var(--main_color2);
justify-content: space-between;
align-items: center;
align-content: center;
}
.services .service .name {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 23px;
letter-spacing: .28px;
word-break: break-word;
}
.services .service .link {
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 37px;
padding: 0 10px;
display: inline-block;
height: 37px;
margin-left: auto;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 1.32px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
flex-shrink: 0;
}
.gallery .flex {
margin-top: 75px;
margin-bottom: -36px;
margin-left: -36px;
}
.gallery .flex>* {
width: calc(33.333% - 36px);
margin-bottom: 36px;
margin-left: 36px;
}
.gallery .item {
color: #fff;
position: relative;
display: block;
overflow: hidden;
padding-bottom: calc(33.333% - 36px);
text-decoration: none;
border-radius: 51px;
background: #ddd;
}
.gallery .item img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery .images .item span {
position: absolute;
display: flex;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
top: 0;
bottom: 0;
color: #fff;
left: 0;
right: 0;
display: flex;
align-items: center;
text-align: center;
padding: 10px;
background: rgba(0, 0, 0, 0.6);
content: '';
z-index: 98;
border-radius: 22px;
justify-content: center;
}
.gallery .images .item:hover>span {
opacity: 1;
}
.gallery .item .info {
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
width: 100%;
padding: 18px 25px 23px;
border-radius: 18px 18px 51px 51px;
background: rgba(0, 0, 0, .58);
}
.gallery .item .name {
font-size: 16px;
font-weight: 500;
line-height: 23px;
letter-spacing: .28px;
}
.gallery .item .desc {
font-size: 15px;
line-height: 23px;
margin-top: 5px;
letter-spacing: .26px;
opacity: .81;
}
.gallery .item:hover .name {
text-decoration: underline;
}
.gallery .flex.images {
margin-top: 50px;
justify-content: center;
}
.gallery .flex.images>* {
width: calc(25% - 36px);
}
.gallery .images .item {
padding-bottom: calc(25% - 36px);
border-radius: 51px;
}
.products .flex {
margin-bottom: -27px;
margin-left: -23px;
}
.products .flex>* {
width: calc(25% - 23px);
margin-bottom: 27px;
margin-left: 23px;
padding-bottom: calc(25% - 23px);
}
.content .products .flex>* {
width: calc(33.333% - 23px);
padding-bottom: calc(33.333% - 23px);
}
.products .product {
color: #fff;
position: relative;
display: block;
overflow: hidden;
text-decoration: none;
border-radius: 30px;
background: #ddd;
}
.products .product .stickers {
position: absolute;
z-index: 3;
top: 12px;
right: 15px;
text-align: right;
}
.products .product .stickers>*+* {
margin-top: 5px;
}
.products .product .sticker {
color: #fff;
font-size: 17px;
font-weight: 500;
line-height: 33px;
display: inline-block;
height: 35px;
padding: 0 16px;
vertical-align: top;
white-space: nowrap;
letter-spacing: -1.05px;
border-radius: 18px;
}
.products .product .sticker.stock {
background: #ff8a45;
}
.products .product .sticker.recommend {
background: #23d46c;
}
.products .product .sticker.hit {
background: #ff45af;
}
.products .product img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.products .product .info {
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
width: 100%;
padding: 13px 20px;
border-radius: 16px 16px 30px 30px;
background: rgba(0, 0, 0, .58);
}
.products .product .name {
font-size: 14px;
font-weight: 500;
line-height: 17px;
}
.products .product .cat {
font-size: 14px;
line-height: 17px;
margin-top: 2px;
opacity: .53;
}
.products .product .price {
font-size: 21px;
font-weight: 500;
line-height: 25px;
margin-top: 2px;
}
.products .product:hover .name {
text-decoration: underline;
}
.products .link{
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 49px;
display: inline-block;
min-width: 206px;
height: 49px;
margin-top: 41px;
padding: 0 40px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 25px;
background: var(--main_color1);
box-shadow: 0 9px 23px var(--box-shadow-color);
}
.cart_info .titles {
color: #000;
font-size: 13px;
font-weight: 500;
line-height: 15px;
display: flex;
margin-bottom: 25px;
padding-right: 21px;
text-transform: uppercase;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.cart_info .titles>*+* {
}
.cart_info .titles .col_name {
margin-right: auto;
}
.cart_info .titles .col_price {
width: 150px;
text-align: center;
}
.cart_info .titles .col_amount {
width: 110px;
text-align: center;
}
.cart_info .titles .cal_total {
width: 186px;
text-align: center;
}
.cart_info .product {
display: flex;
padding: 21px;
border-radius: 30px;
background: var(--main_color_opacity);
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.cart_info .product .thumb{
display: flex;
align-items: center;
}
.cart_info .product .product_delete{
margin-right:20px;
cursor: pointer;
}
.cart_info .product+.product {
margin-top: 20px;
}
.cart_info .product>*+* {
padding-left: 24px;
}
.cart_info .product .thumb a {
display: block;
overflow: hidden;
width: 124px;
height: 117px;
border-radius: 20px;
background: #ddd;
}
.cart_info .product .thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.cart_info .product .info {
width: calc(100% - 720px);
margin-right: auto;
}
.cart_info .product .name {
color: #1c1c1b;
font-size: 18px;
font-weight: 500;
line-height: 21px;
width: 350px;
max-width: 100%;
}
.cart_info .product .name a {
color: #1c1c1b;
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.cart_info .product .name a:hover {
text-decoration: underline;
}
.cart_info .product .video_link {
font-size: 14px;
line-height: 17px;
margin-top: 14px;
}
.cart_info .product .video_link a {
color: #7e7e7e;
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.cart_info .product .video_link a:hover {
text-decoration: underline;
}
.cart_info .product .price {
color: #4b4b4b;
font-size: 17px;
font-weight: 500;
line-height: 19px;
white-space: nowrap;
text-transform: uppercase;
opacity: .52;
min-width: 160px;
text-align: center;
}
.cart_info .product .amount {
}
.cart_info .product .amount .box {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.cart_info .product .amount button {
color: #878786;
font-family: var(--font_family);
font-size: 14px;
font-weight: 500;
min-width: 15px;
height: 34px;
cursor: pointer;
transition: .2s linear;
text-align: center;
text-transform: uppercase;
border: none;
background: none;
}
.cart_info .product .amount .input {
-moz-appearance: textfield;
}
.cart_info .product .amount .input::-webkit-inner-spin-button {
display: none;
}
.cart_info .product .amount .input {
color: #878786;
font-family: var(--font_family);
font-size: 13px;
display: block;
width: 34px;
height: 34px;
margin: 0 5px;
text-align: center;
text-align: center;
text-transform: uppercase;
border: 1px solid var(--main_color2);
border-radius: 10px;
background: #fff;
}
.cart_info .product .price.total {
color: #000;
font-weight: bold;
margin-right: 40px;
opacity: 1;
}
.cart_info .cart_total {
color: #838383;
font-size: 18px;
line-height: 21px;
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.cart_info .cart_total .val {
color: #454545;
font-weight: 500;
font-size: 25px;
line-height: 30px;
margin-left: 20px;
}
.cart_info .cart_total .checkout_link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 55px;
display: inline-block;
min-width: 238px;
height: 54px;
margin-left: 25px;
padding: 0 40px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.checkout_info .cont {
position: relative;
}
.checkout_info .cart_link {
right: 20px;
}
.checkout_info .form .columns {
--form_columns_offset: 25px;
}
.checkout_info .form .line {
position: relative;
margin-bottom: 30px;
}
.checkout_info .form .exp {
color: #ea5c37;
font-size: 15px;
line-height: 21px;
position: absolute;
top: 0;
right: 0;
text-align: right;
}
.checkout_info .form .agree {
width: auto;
margin-right: auto;
}
.checkout_info .form .total_price {
color: #838383;
font-size: 18px;
line-height: 21px;
display: flex;
margin-left: auto;
justify-content: flex-end;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.checkout_info .form .total_price .val {
color: #454545;
font-size: 33px;
font-weight: 500;
line-height: 39px;
margin-left: 20px;
}
.checkout_info .form .submit {
display: flex;
width: auto;
margin-left: 25px;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.checkout_info .form .submit_btn {
font-size: 14px;
line-height: 54px;
min-width: 238px;
height: 54px;
padding-top: 2px;
letter-spacing: 2px;
border-radius: 27px;
}
.form button:disabled{
background: gray !important;
border-color: gray !important;
color:#fff !important;
}
button:disabled{
background: gray !important;
border-color: gray !important;
color:#fff !important;
}
.checkout_info .form .pay_later {
color: var(--main_color2);
font-family: var(--font_family);
font-size: 14px;
font-weight: bold;
line-height: 52px;
display: inline-block;
min-width: 238px;
height: 54px;
margin-left: 17px;
cursor: pointer;
vertical-align: top;
letter-spacing: 2px;
text-transform: uppercase;
border: 3px solid var(--main_color2);
border-radius: 27px;
background: none;
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.product_info .cont {
position: relative;
display: block;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.product_info .cart_link {
right: 20px;
}
.product_info .image {
position: relative;
display: block;
overflow: hidden;
width: 419px;
max-width: 100%;
padding-bottom: 394px;
border-radius: 55px;
background: #ddd;
float: left;
margin-right: 47px;
}
.product_info .image img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.product_info .data {
width: calc(100% - 466px);
margin-left: auto;
}
.product_info .head {
position: relative;
margin-bottom: 25px;
padding-right: 160px;
padding-bottom: 25px;
}
.product_info .head:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 77px;
height: 8px;
content: '';
border-radius: 4px;
background: var(--main_color1);
}
.product_info .product_name {
color: #000;
font-size: 32px;
font-weight: 500;
line-height: 38px;
}
.product_info .product_name span {
color: var(--main_color2);
}
.product_info .cat {
color: #999;
font-size: 20px;
line-height: 24px;
margin-top: 3px;
}
.product_info .cat a {
color: #999;
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.product_info .cat a:hover {
text-decoration: underline;
}
.product_info .buy {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.product_info .buy .price {
color: #959595;
font-size: 16px;
font-weight: 500;
line-height: 20px;
margin-right: auto;
white-space: nowrap;
}
.product_info .buy .price .val {
color: #1b1b1b;
font-size: 28px;
font-weight: 500;
line-height: 30px;
margin-top: 4px;
}
.product_info .buy .price span {
color: var(--main_color2);
}
.product_info .buy .back_link {
color: #838383;
font-size: 18px;
line-height: 22px;
position: relative;
display: inline-block;
padding-left: 22px;
vertical-align: top;
text-decoration: none;
}
.product_info .buy .back_link:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 22px;
content: '';
opacity: .39;
background: url(../../../../../images/site/designs/1/ic_back_link.svg) 0 50% no-repeat;
}
.product_info .buy .btn {
position: relative;
width: 238px;
max-width: 100%;
height: 54px;
margin-left: 28px;
}
.product_info .buy .buy_link,
.product_info .buy .order_link {
color: #fff;
font-family: var(--font_family);
font-size: 14px;
font-weight: bold;
line-height: 55px;
display: block;
width: 100%;
height: 54px;
cursor: pointer;
letter-spacing: 1px;
text-transform: uppercase;
border: none;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.product_info .buy .order_link {
position: absolute;
z-index: 5;
top: 0;
left: 0;
display: none;
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
100% {
-webkit-transform: scale(.3);
transform: scale(.3);
opacity: 0;
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
}
100% {
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
opacity: 0;
}
}
.product_info .desc {
color: #0b162b;
font-size: 18px;
line-height: 31px;
margin-top: 45px;
}
.product_info .description {
color: #0b162b;
font-size: 18px;
line-height: 31px;
width: 100%;
margin-top: 39px;
}
.comments .share {
color: #616161;
font-size: 16px;
font-weight: 500;
line-height: 20px;
display: flex;
margin-bottom: 25px;
justify-content: flex-end;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.comments .share .name {
padding-right: 24px;
}
.comments .share a {
display: block;
}
.comments .share a+a {
margin-left: 17px;
}
.comments .share img {
display: block;
width: 37px;
height: 37px;
}
.comments .vk_comments img {
display: block;
max-width: 100%;
}
.checkout_success {
width: 600px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-top: 50px;
text-align: center;
}
.checkout_success .icon img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.checkout_success .title {
color: #0b162b;
font-size: 37px;
font-weight: bold;
line-height: 61px;
margin-top: 10px;
}
.checkout_success .title span {
color: var(--main_color2);
}
.checkout_success .desc {
color: #b5b5b5;
font-size: 33px;
font-weight: 500;
line-height: 49px;
margin-top: 10px;
}
.checkout_success .link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 54px;
display: inline-block;
width: 290px;
height: 54px;
margin-top: 26px;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.article_info .head {
display: flex;
margin-bottom: 45px;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.article_info .head .data {
display: flex;
width: calc(100% - 278px);
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.article_info .head .thumb {
position: relative;
overflow: hidden;
width: 101px;
height: 95px;
border-radius: 24px;
background: #ddd;
}
.article_info .head .thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.article_info .head .info {
position: relative;
width: calc(100% - 123px);
padding-bottom: 26px;
}
.article_info .head .info:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 77px;
height: 8px;
content: '';
border-radius: 4px;
background: var(--main_color1);
}
.article_info .head .info .title {
color: #000;
font-size: 32px;
font-weight: 500;
line-height: 38px;
}
.article_info .head .info .date {
color: #999;
font-size: 20px;
line-height: 24px;
margin-top: 7px;
}
.article_info .head .all_link {
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 54px;
display: inline-block;
width: 238px;
margin-left: auto;
padding: 0 30px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background:var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.article_info .text_block {
color: rgba(11, 22, 43, .84);
font-size: 18px;
line-height: 30px;
letter-spacing: 0;
}
.cart_link {
color: #989898;
font-size: 15px;
line-height: 18px;
position: absolute;
z-index: 9;
top: 0;
right: 0;
display: flex;
padding-top: 11px;
text-align: right;
text-decoration: none;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.cart_link .count {
color: #fff;
font-size: 13px;
line-height: 17px;
position: absolute;
top: 0;
right: 0;
display: block;
width: 17px;
height: 17px;
text-align: center;
border-radius: 50%;
background: var(--main_color1);
}
.cart_link .icon {
display: block;
margin-left: 11px;
}
.cart_link .icon svg {
display: block;
width: 40px;
height: 40px;
}
.cart_link .icon svg *{
fill:var(--main_color2);
}
.upload .cont {
position: relative;
display: flex;
padding-top: 65px;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.upload .cont:after {
position: absolute;
top: 0;
left: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.upload .info {
width: 462px;
max-width: 100%;
}
.upload .info .form {
width: 100%;
}
.upload .form {
width: 394px;
max-width: 100%;
}
.stock_finish .block_head {
margin-bottom: 20px;
}
.stock_finish .timer {
display: flex;
width: 640px;
max-width: 100%;
margin: 0 auto;
padding: 21px;
border: 2px solid #dadada;
border-radius: 35px;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.stock_finish .timer .item {
color: #606060;
font-size: 19px;
line-height: 23px;
text-align: center;
text-transform: uppercase;
}
.stock_finish .timer .item .val {
color: var(--main_color1);
font-size: 68px;
font-weight: 500;
line-height: 96px;
display: flex;
text-align: center;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
flex-wrap: wrap;
}
.stock_finish .timer .item .val>* {
position: relative;
z-index: 5;
display: block;
overflow: hidden;
width: 64px;
height: 96px;
border: 2px solid #d6d6d6;
border-radius: 8px;
box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
.stock_finish .timer .item .val>*:before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 50%;
content: '';
border-bottom: 2px solid #d6d6d6;
background: linear-gradient(180deg, #f9f9f9 0%, #f6f6f6 100%);
}
.stock_finish .timer .item .val>*+* {
margin-left: 6px;
}
.stock_finish .timer .item .val+* {
margin-top: 9px;
}
.stock_finish .link {
margin-top: 27px;
text-align: center;
}
.stock_finish .link a {
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 37px;
display: inline-block;
width: 155px;
height: 37px;
vertical-align: top;
text-decoration: none;
letter-spacing: 1.32px;
border-radius: 18px;
background:var(--main_color1);
box-shadow: 0 7px 17px var(--box-shadow-color);
}
.before_after .cont {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.before_after .block_head {
width: 394px;
max-width: 100%;
margin-bottom: 0 !important;
align-self: center;
}
.before_after .item {
position: relative;
overflow: hidden;
width: 605px;
max-width: calc(100% - 434px);
padding-bottom: 59%;
border-radius: 118px;
background: #ddd;
box-shadow: -10px 12px 0 var(--main_color2);
}
.before_after .item img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.before_after .resize {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 50%;
height: 100%;
}
.before_after .handle {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 12px;
margin-left: -6px;
cursor: ew-resize;
background: var(--main_color2);
}
.before_after .handle span {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
display: block;
width: 88px;
height: 88px;
margin: auto 0 auto -44px;
border-radius: 50%;
background: var(--main_color1) url(../../../../../images/site/designs/1/ic_before_after.svg) 50%/40px 27px no-repeat;
/*box-shadow: 0 5px 24px var(--box-shadow-color);*/
}
.image_tips .image {
position: relative;
}
.image_tips .image img {
display: block;
width: 100%;
border-radius: 118px;
box-shadow: -10px 12px 0 var(--main_color2);
}
.image_tips .image .item {
position: absolute;
z-index: 9;
top: 0;
left: 0;
margin-top: -15px;
margin-left: -15px;
}
/* moved to HTML inline */
/*.image_tips .image .item1 {*/
/* top: 35%;*/
/* left: 21.5%;*/
/*}*/
/*.image_tips .image .item2 {*/
/* top: 25%;*/
/* left: 88%;*/
/*}*/
/*.image_tips .image .item3 {*/
/* top: 50%;*/
/* left: 40%;*/
/*}*/
.image_tips .image .btn {
position: relative;
width: 29px;
height: 29px;
cursor: pointer;
transition: background .2s linear;
border-radius: 50%;
background: var(--main_color2);
}
.image_tips .image .btn:before {
position: absolute;
z-index: -1;
top: -9px;
left: -9px;
display: block;
width: 47px;
height: 47px;
content: '';
transition: background .2s linear;
border-radius: 50%;
background: #fff;
box-shadow: 0 11px 35px rgba(0, 0, 0, .162205);
}
.image_tips .image .btn span {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.image_tips .image .btn span:before,
.image_tips .image .btn span:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 15px;
height: 3px;
margin: auto;
content: '';
transition: background .2s linear;
border-radius: 3px;
background: #fff;
}
.image_tips .image .btn span:after {
width: 3px;
height: 15px;
}
.image_tips .image .info {
color: #7b7b7b;
font-size: 14px;
line-height: 19px;
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: none;
width: 278px;
padding: 24px;
transform: translateY(-50%);
border-radius: 26px;
background: #fff;
}
/* moved to HTML inline */
/*.image_tips .image .info1 {*/
/* top: 35%;*/
/* left: calc(21.5% + 60px);*/
/*}*/
/*.image_tips .image .info2 {*/
/* top: 25%;*/
/* right: calc(12% + 60px);*/
/* left: auto;*/
/*}*/
/*.image_tips .image .info3 {*/
/* top: 50%;*/
/* left: calc(40% + 60px);*/
/*}*/
.image_tips .image .info.right {
right: calc(100% + 30px);
left: auto;
}
.image_tips .image .info .name {
color: #000;
font-size: 18px;
font-weight: 500;
line-height: 21px;
}
.image_tips .image .info .name sup {
font-size: 10px;
line-height: 16px;
display: inline-block;
vertical-align: top;
}
.image_tips .image .info .desc {
margin-top: 10px;
}
.image_tips .image .info .link {
color: #fff;
font-size: 9px;
font-weight: bold;
line-height: 34px;
display: inline-block;
min-width: 122px;
margin-top: 14px;
padding: 0 20px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 1px;
border-radius: 17px;
background:var(--main_color1);
box-shadow: 0 6px 16px var(--box-shadow-color);
}
.image_tips .image .info .close {
position: absolute;
top: 4px;
right: 4px;
display: flex;
width: 36px;
height: 36px;
padding: 10px;
cursor: pointer;
transition: opacity .2s linear;
opacity: .2;
border: none;
background: none;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.image_tips .image .info .close span {
position: relative;
display: block;
width: 100%;
height: 2px;
background: #000;
}
.image_tips .image .info .close span:nth-child(1) {
top: 1px;
transform: rotate(45deg);
}
.image_tips .image .info .close span:nth-child(2) {
top: -1px;
transform: rotate(-45deg);
}
.image_tips .image .info .close:hover {
opacity: 1;
}
.image_tips .image .item.active {
margin-top: -20px;
margin-left: -20px;
}
.image_tips .image .item.active .btn {
width: 39px;
height: 39px;
background: #fff;
}
.image_tips .image .item.active .btn:before {
top: -11px;
left: -11px;
width: 61px;
height: 61px;
background: var(--main_color2);
box-shadow: 0 11px 35px rgba(0, 0, 0, .14);
}
.image_tips .image .item.active .btn span:before,
.image_tips .image .item.active .btn span:after {
background: var(--main_color2);
}
.three_photo .cont {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.three_photo .block_head {
width: 394px;
max-width: 100%;
margin-bottom: 0 !important;
align-self: center;
}
.three_photo .photo {
position: relative;
width: 630px;
max-width: calc(100% - 475px);
margin-right: 41px;
padding-left: 166px;
}
.three_photo .photo img {
display: block;
width: 100%;
min-width: 100px;
min-height: 100px;
height: 100%;
object-fit: cover;
}
.three_photo .photo .img1 {
display: block;
overflow: hidden;
width: 100%;
border-radius: 118px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
height: 615px;
}
.three_photo .photo .img2 {
position: absolute;
top: 50%;
left: 0;
display: block;
overflow: hidden;
width: 220px;
height: 300px;
margin-top: -230px;
transform: rotate(11deg);
border: 9px solid #fff;
border-radius: 71px;
}
.three_photo .photo .img3 {
position: absolute;
top: 50%;
left: 0;
display: block;
overflow: hidden;
width: 195px;
margin-top: 30px;
transform: rotate(-11deg);
border: 9px solid #fff;
border-radius: 51px;
height: 240px;
}
.socials_block .data {
display: flex;
padding: 40px 50px;
border-radius: 18px;
background: var(--main_color_opacity);
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: nowrap;
}
.socials_block .block_head {
margin: 0;
padding-right: 65px;
}
.socials_block .socials {
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: nowrap;
align-self: center;
}
.socials_block .socials a {
display: block;
}
.socials_block .socials a {
margin: 0 10px 20px;
}
.socials_block .socials img {
display: block;
width: 55px;
height: 55px;
}
.about_video .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.about_video .cont:after {
position: absolute;
right: 20px;
bottom: -55px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.about_video .info {
width: 400px;
max-width: calc(100% - 646px);
}
.about_video .video_link {
position: relative;
display: block;
overflow: hidden;
width: 553px;
max-width: 100%;
padding-bottom: 417px;
border-radius: 38px;
background: #ddd;
}
.about_video .video_link:before {
position: absolute;
z-index: 2;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, .53) url(../../../../../images/site/designs/1/ic_video_play.svg) 50% no-repeat;
}
.about_video .video_link img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.quiz_poll .cont {
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.quiz_poll .cont:after {
position: absolute;
top: 20px;
left: 20px;
display: block;
width: 24px;
height: 24px;
content: '';
border-radius: 50%;
background: var(--main_color1);
opacity: 0.5;
}
.quiz_poll .img {
position: relative;
display: block;
width: 624px;
height:624px;
}
.quiz_poll .img>* {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.quiz_poll .info {
width: 462px;
max-width: calc(100% - 664px);
order: 3;
align-self: center;
}
.quiz_poll .step {
display: none;
}
/* must starts with 0 (zero) mark */
.quiz_poll .step0 {
display: block;
}
.quiz_poll .step .title {
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 36px;
}
.quiz_poll .step .desc {
color: #0b162b;
margin-top: 15px;
opacity: .84;
}
.quiz_poll .step .form {
margin-top: 20px;
}
.quiz_poll .step .links {
display: flex;
margin-top: 25px;
margin-left: -20px;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.quiz_poll .step .links>* {
font-family: var(--font_family);
margin-left: 20px;
cursor: pointer;
border: none;
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 49px;
display: inline-block;
min-width: 206px;
height: 49px;
padding: 0 40px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 25px;
background: var(--main_color1);
box-shadow: 0 9px 23px var(--box-shadow-color);
}
.quiz_poll .success {
text-align: center;
}
.quiz_poll .success .icon {
width: 120px;
height: 120px;
background: var(--main_color1);
box-shadow: 0px 10px 25px var(--box-shadow-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 20px;
}
.quiz_poll .success .title {
color: #0b162b;
font-size: 28px;
font-weight: bold;
line-height: 32px;
margin-top: 10px;
}
.quiz_poll .success .desc {
color: #b5b5b5;
font-size: 24px;
font-weight: 500;
line-height: 30px;
margin-top: 10px;
}
.partners .flex {
margin-bottom: -40px;
margin-left: -40px;
justify-content: center;
align-items: center;
align-content: center;
}
.partners .flex>* {
width: calc(16.666% - 40px);
margin-bottom: 40px;
margin-left: 40px;
}
.partners .item img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.contacts_info .info .flex {
margin-bottom: -40px;
margin-left: -40px;
align-items: stretch;
align-content: stretch;
}
.contacts_info .info .flex>* {
width: calc(33.333% - 40px);
margin-bottom: 40px;
margin-left: 40px;
}
.contacts_info .info .item {
position: relative;
padding: 20px 20px 20px 90px;
border-radius: 18px;
background: var(--main_color_opacity);
}
.contacts_info .info .icon {
position: absolute;
top: 21px;
left: 21px;
display: flex;
width: 49px;
height: 49px;
border-radius: 50%;
background:var(--main_color1);
box-shadow: 0 5px 13px var(--box-shadow-color);
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.contacts_info .info .icon img {
display: block;
max-width: 100%;
max-height: 100%;
}
.contacts_info .info .title {
color: #283040;
font-size: 16px;
font-weight: 500;
line-height: 19px;
margin-bottom: 11px;
}
.contacts_info .info .val {
color: #67758d;
font-size: 14px;
line-height: 20px;
letter-spacing: .38px;
}
.contacts_info .info .val>*+* {
margin-top: 3px;
}
.contacts_info .info .val a {
color: #68adff;
display: inline-block;
vertical-align: top;
letter-spacing: 1.27px;
word-break: break-all;
}
.contacts_info .info .val a.ic_whatsapp {
padding-left: 21px;
background: url(../../../../../images/site/designs/1/ic_soc3.svg) 0 50%/15px 15px no-repeat;
}
.contacts_info .info .val a.ic_viber {
padding-left: 21px;
background: url(../../../../../images/site/designs/1/ic_soc4.svg) 0 50%/15px 15px no-repeat;
}
.contacts_info .info .val a.ic_vk {
padding-left: 21px;
background: url(../../../../../images/site/designs/1/ic_soc1.svg) 0 50%/15px 15px no-repeat;
}
.contacts_info .info .val a.ic_insta {
padding-left: 21px;
background: url(../../../../../images/site/designs/1/ic_soc2.svg) 0 50%/15px 15px no-repeat;
}
/* telegram entity was added */
.contacts_info .info .val a.ic_telegram {
padding-left: 21px;
background: url(../../../../../images/site/designs/1/ic_soc_tl.svg) 0 50%/15px 15px no-repeat;
}
/* facebook entity was added */
.contacts_info .info .val a.ic_facebook {
padding-left: 21px;
background: url(../../../../../images/site/designs/1/ic_soc_fb.svg) 0 50%/15px 15px no-repeat;
}
/* odnoklassniki entity was added */
.contacts_info .info .val a.ic_odnoklassniki {
padding-left: 21px;
background: url(../../../../../images/site/designs/1/ic_soc_ok.svg) 0 50%/15px 15px no-repeat;
}
.contacts_info .info .val a:hover {
text-decoration: none;
}
.contacts_info .map_wrap {
margin-top: 65px;
}
.contacts_info .map {
position: relative;
overflow: hidden;
height: 480px;
background: #ddd;
}
.news .flex {
margin-bottom: -37px;
margin-left: -37px;
}
.news .flex>* {
width: calc(33.333% - 37px);
margin-bottom: 37px;
margin-left: 37px;
padding-bottom: calc(33.333% - 37px);
}
.news .article{
color: #fff;
position: relative;
display: block;
overflow: hidden;
text-decoration: none;
border-radius: 51px;
background: #ddd;
}
.news .article img {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.news .article .info {
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
width: 100%;
padding: 18px 22px 23px;
border-radius: 18px;
background: rgba(0, 0, 0, .58);
}
.news .article .name {
font-size: 16px;
font-weight: 500;
line-height: 23px;
letter-spacing: .28px;
}
.news .article .date {
font-size: 15px;
line-height: 23px;
margin-top: 5px;
letter-spacing: .26px;
opacity: .62;
}
.news_category{
margin-left: auto;
display: flex;
margin-bottom: 30px;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
}
.news_category > div {
flex: 0 0 25%;
max-width: 25%;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 10px;
}
.news_category a{
font-weight: bold;
font-size: 14px;
transition: all 0.5s ease;
line-height: 17px;
color: var(--main_color1);
text-align: center;
height: 44px;
line-height: 44px;
padding: 0 10px;
border: 2px solid var(--main_color1);
border-radius: 22px;
display: block;
text-transform: uppercase;
text-decoration: none;
}
.news_category a:hover, .news_category a.active{
background: var(--main_color1);
text-decoration: none;
color: #fff;
}
/*--------------- Footer---------------*/
footer {
color: rgba(16, 16, 16, .22);
font-size: 13px;
line-height: 14px;
padding: 50px 0;
text-align: center;
background: var(--main_color_opacity);
flex: 0 0 auto;
}
footer .cont>*+* {
margin-top: 14px;
}
footer a {
color: rgba(16, 16, 16, .22);
transition: color .2s linear;
text-decoration: none;
}
footer a:hover {
color: #101010;
}
footer .links {
width: 500px;
max-width: 100%;
margin: 0 auto 44px;
column-gap: 60px;
column-count: 3;
list-style: none;
}
footer .links>* {
--webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
footer .links>*+* {
margin-top: 10px;
}
footer .links a {
color: rgba(16, 16, 16, .5);
display: inline-block;
vertical-align: top;
}
footer .links a:hover {
color: #101010;
}
/*--------------- PopUp---------------*/
.color_change {
position: fixed;
top: 20px;
width: 70px;
z-index: 1000;
}
.agree label a{
margin-left:5px;
color:var(--main_color1);
}
.error{
border:1px solid red !important;
}
/*file ulpload*/
.file-uploader {
}
.file-uploader__message-area {
}
.file-list {
display: flex;
margin-top: 30px;
margin-bottom: -20px;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.file-list__name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.file-list li {
color: #7c7c7c;
font-size: 15px;
font-weight: 500;
line-height: 22px;
display: flex;
min-height: 28px;
margin-bottom: 20px;
padding-left: 10px;
text-align: left;
justify-content: flex-start;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.removal-button {
padding: 8px 10px;
margin-left: 10px;
border: none;
background-color: var(--main_color1);
color: white;
cursor: pointer;
}
.removal-button::before {
content: "X";
}
.removal-button:focus {
outline: 0;
}
.file-chooser {
}
.file-chooser p {
font-size: 18px;
padding-top: 1em;
}
.file-chooser label{
color: #fff;
font-size: 10px;
font-weight: bold;
line-height: 48px;
display: inline-block;
width: 155px;
height: 48px;
cursor: pointer;
text-align: center;
vertical-align: top;
letter-spacing: 1.32px;
border-radius: 18px;
background: var(--main_color1);
box-shadow: 0 7px 17px var(--box-shadow-color);
}
.file-uploader {
max-width: 400px;
height: auto;
margin: 2em auto;
}
.file-uploader * {
display: block;
}
.file-uploader input[type=submit] {
margin-top: 2em;
float: right;
}
.file-list {
}
.file-list__name {
margin-left: 15px;
}
.removal-button {
display: inline-block;
height: 100%;
float: right;
}
.file-chooser {
}
.file-chooser__input {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 55px;
display: inline-block;
height: 55px;
cursor: pointer;
text-align: center;
vertical-align: top;
border-radius: 4px;
background: var(--main_color1);
border:none;
}
.file-uploader__submit-button {
width: 100%;
border: none;
font-size: 1.5em;
padding: 1em;
background-color: #72bfa7;
color: white;
}
.file-uploader__submit-button:hover {
background-color: #a7d7c8;
}
.upload .hidden {
display: none;
}
.upload .hidden input {
display: none;
}
.upload .error {
background-color: #d65d38;
color: white;
}
.upload .file-uploader * svg{
fill:var(--main_color1);
}
.upload .form .file .list{
margin-left:0px;
}
.modal {
display: none;
visibility: visible !important;
width: 625px;
max-width: 100%;
padding: 70px 90px;
border-radius: 10px;
background: #fff;
text-align: center;
}
.fancybox-slide--html .fancybox-close-small{
opacity: 1;
}
/* thanks ID was changed by class */
.thanks .icon{
width: 120px;
height: 120px;
background: var(--main_color1);
box-shadow: 0px 10px 25px var(--box-shadow-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 20px;
}
/* thanks ID was changed by class */
.thanks .title{color:#0b162b;font-size:37px;font-weight:bold;line-height:61px;margin-top:10px;}
/* thanks ID was changed by class */
.thanks .title span{color:var(--main_color2);}
/* thanks ID was changed by class */
.thanks .desc{color:#b5b5b5;font-size:33px;font-weight:500;line-height:49px;margin-top:10px;}
#app{
height: 100%;
}
.products_sort b{
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #494949;
margin-right: 10px;
}
.products_sort ul{
display: inline-block;
list-style: none;
}
.sorting_switcher li {
display: inline-block;
background: #fff;
position: relative;
padding: 0 15px;
font-weight: 300;
font-size: 14px;
line-height: 17px;
cursor:pointer;
}
.products_sort{
margin-bottom: 30px;
}
.sorting_switcher li.sort_asc:before {
content: "";
position: absolute;
display: block;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
margin: -1px .3em 0 0;
left: 0px;
top: 50%;
border-top: 4px solid;
}
.sorting_switcher li.sort_desc:before {
content: "";
position: absolute;
display: block;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
margin: -1px .3em 0 0;
left: 0px;
top: 50%;
border-bottom: 4px solid;
}
.sorting_switcher li.active{
color: #2192E9;
font-weight: 500;
}
.products_sort_mobile{
display: none;
}
.schema-order__link{
cursor: pointer;
}
.schema-order__link:after {
content: '';
width: 0;
height: 0;
display: inline-block;
vertical-align: top;
margin-top: 7px;
margin-left: 2px;
border-width: 4px 3.5px 0;
border-style: solid;
border-left-color: transparent;
border-right-color: transparent;
}
.schema-order__popover {
width: 270px;
padding-right: 10px;
position: absolute;
top: -10px;
left: 0;
display: none;
border-radius: 3px;
background: #fff;
box-shadow: 0 5px 15px 0 rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.05);
-o-transform: translateY(40px);
transform: translateY(40px);
-o-transition: all .2s cubic-bezier(0.9,.1,.1,.9);
transition: all .2s cubic-bezier(0.9,.1,.1,.9);
z-index: 123;
}
.schema-order__list a{
padding: 9px 20px 9px 40px;
position: relative;
cursor: pointer;
display: block;
text-decoration: none;
color:#000;
}
.schema-order__list .active:before {
width: 12px;
height: 15px;
content: '';
display: block;
position: absolute;
top: 12px;
left: 16px;
background: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%0A%09%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2017%2020%22%0A%09%20enable-background%3D%22new%200%200%2017%2020%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M5.6%2C19.4L17%2C1.9l-1.7-1L5.4%2C16.1l-4-4.7L0%2C12.9L5.6%2C19.4z%22%2F%3E%0A%3C%2Fsvg%3E%0A) 0 0/100% auto no-repeat;
}
.products_sort_mobile{
position: relative;
z-index: 33;
margin-bottom: 20px;
}
aside .block.submit{
display: flex;
background: none;
}
aside .block.submit .reset{
height: 54px;
width: 54px;
background: var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
border: none;
border-radius: 27px;
flex-shrink: 0;
margin-left: 10px;
cursor: pointer;
}
aside .block.submit .reset i
{
width: 20px;
height: 20px;
background: #fff;
display: block;
border-radius: 50%;
margin: 0 auto;
position: relative;
}
aside .block.submit .reset i:before, aside .block.submit .reset i:after {
position: absolute;
left: 9px;
top: 4px;
content: ' ';
height: 12px;
width: 2px;
background-color: var(--main_color1);
}
aside .block.submit .reset i:before {
transform: rotate(45deg);
}
aside .block.submit .reset i:after {
transform: rotate(-45deg);
}
/*пуÑÑ‚Ð°Ñ ÐºÐ¾Ñ€Ð·Ð¸Ð½Ð°*/
.cart_empty {
width: 600px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-top: 50px;
text-align: center;
}
.cart_empty .icon{
width: 139px;
height: 139px;
margin: 0 auto;
margin-bottom: 20px;
padding: 30px;
border-radius: 50%;
background: var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
}
.cart_empty .icon svg {
width: 100%;
height: 100%;
}
.cart_empty .title {
color: #0b162b;
font-size: 37px;
font-weight: bold;
line-height: 61px;
margin-top: 10px;
}
.cart_empty .title span {
color: var(--main_color2);
}
.cart_empty .desc {
color: #b5b5b5;
font-size: 33px;
font-weight: 500;
line-height: 49px;
margin-top: 10px;
}
.cart_empty .links{
display: flex;
justify-content: center;
}
.cart_empty .link{
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 55px;
display: inline-block;
width: 180px;
height: 55px;
margin-top: 26px;
vertical-align: top;
text-decoration: none;
border-radius: 27px;
background: var(--main_color1);
}
.cart_empty .link.link_catalog{
background: var(--main_color2);
margin-left:20px;
}
.poll .desc{
overflow-x: auto;
}
.poll .desc table{
width: 100% !important;
}
header.fixed {
position: fixed;
-webkit-animation: moveDown .5s;
animation: moveDown .5s;
background: #fff;
}
header.fixed .info {
padding: 20px 0 10px;
}
.mob_header.fixed {
position: fixed;
-webkit-animation: moveDown .5s;
animation: moveDown .5s;
background: #fff;
padding: 20px 0 10px;
width:100%;
z-index: 1000;
}
@media (max-width: 767px)
{
.mob_header.fixed .bg{
display: none;
}
}
@-webkit-keyframes moveDown
{
0%
{
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
}
@-moz-keyframes moveDown
{
0%
{
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
}
@keyframes moveDown
{
0%
{
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
}
.how_we_work .img, .big_boss_quote .img, .director_letter .img, .quiz_poll .img{
width: 476px;
height:476px;
}
.how_we_work .img>*, .big_boss_quote .img>*, .director_letter .img>*, .quiz_poll .img>*{
border-radius: 70px;
}
.about .img>*{
border-radius: 70px;
}
.how_we_work .img:after, .big_boss_quote .img:after, .director_letter .img:after, .quiz_poll .img:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
box-shadow: 0px 16px 42px rgba(0, 0, 0, 0.123088);
border-radius: 93px;
top: 35px;
left: -35px;
content: "";
z-index: -1;
}
.how_we_work .img:before{
position: absolute;
width: 538px;
height: 538px;
background: linear-gradient(360deg, var(--main_color1) 0%, rgba(255, 255, 255, 0.0001) 100%);
border-radius: 134px;
bottom: -120px;
left: -130px;
content: "";
z-index: -1;
}
.big_boss_quote .img:before{
position: absolute;
width: 538px;
height: 538px;
background: linear-gradient(360deg, var(--main_color2) 0%, rgba(255, 255, 255, 0.0001) 100%);
border-radius: 50%;
bottom: -120px;
left: -130px;
content: "";
z-index: -1;
}
.director_letter .img:before{
position: absolute;
width: 538px;
height: 538px;
background: linear-gradient(315deg, var(--main_color1) 0%, rgba(255, 255, 255, 0.0001) 100%);
border-radius: 134px;
bottom: -120px;
left: -130px;
content: "";
z-index: -1;
}
.quiz_poll .img:before{
position: absolute;
width: 500px;
height: 370px;
background: linear-gradient(315deg, var(--main_color1) 0%, rgba(255, 255, 255, 0.0001) 100%);
border-radius: 78px;
bottom: -25px;
left: -130px;
content: "";
z-index: -1;
transform: rotate(45deg);
}
.about .img{
width: 450px;
height: 450px;
}
.about .img:after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
box-shadow: 0px 16px 42px rgba(0, 0, 0, 0.123088);
border-radius: 93px;
top: 35px;
left: 35px;
content: "";
z-index: -1;
}
.about .img:before{
position: absolute;
width: 538px;
height: 538px;
background: linear-gradient(315deg, var(--main_color2) 0%, rgba(255, 255, 255, 0.0001) 100%);
border-radius: 78px;
bottom: -120px;
right: -130px;
content: "";
z-index: -1;
transform:rotate(45deg);
}
.poll .desc ul, .poll .desc ol, .text_block ul, .text_block ol{
margin: 30px 0 30px 50px;
}
.poll .desc table, .text_block table{
margin:20px 0;
}
.poll .desc table td, .text_block table td{
padding: 20px;
}
.soc_block .widget iframe.vk{
width: 320px;
height: 493px;
}
/*новый блок*/
.products_category .flex {
margin-bottom: -27px;
margin-left: -23px;
}
.products_category .flex>* {
width: calc(33% - 23px);
margin-bottom: 27px;
margin-left: 23px;
text-decoration: none;
}
.products_category .img {
padding-bottom: 70%;
position: relative;
width: 100%;
}
.products_category .img img{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 43px;
object-fit: cover;
}
.products_category .info{
}
.products_category .info .name{
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #0F0F0F;
margin-top:20px;
}
.products_category .info .counts{
font-size: 18px;
line-height: 22px;
color: #0F0F0F;
opacity: 0.53;
margin-top: 9px;
}
.products_category .info .price{
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #FE0000;
margin-top: 9px;
}
.product_info .buy .price .val.old{
color: #959595;
font-size: 18px;
line-height: 22px;
text-decoration: line-through;
}
.product_info .buy .price .val.old span{
color: #959595;
}
.poll .desc img{
max-width: 100%;
}
/*новое меню*/
header .menu .item .sub_menu .sub_menu{
top: 0;
left: calc(100% + 30px);
}
header .menu .item:hover .sub_menu .sub_menu{
visibility: hidden;
opacity: 0;
}
header .menu .item .item:hover .sub_menu{
top: 0% !important;
visibility: visible !important;
opacity: 1 !important;
left: 100%;
}
header .menu .sub_menu a.sub_link span:after {
position: absolute;
top: 50%;
right: -1px;
display: block;
width: 7px;
height: 7px;
margin-top: -6px;
content: '';
transform: rotate(-45deg);
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}
header .flexMenu-popup .item .item .sub_menu{
left: calc(-100% + 30px);
}
header .flexMenu-popup .item .item:hover .sub_menu{
left: auto;
}
/********************/
/***CONTACT BUTTON***/
/********************/
#contactButton {
z-index: 999999;
position: fixed;
height: 50px;
width: 50px;
}
#shadow-element {
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
z-index: 99;
}
.contact-button {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 35px;
display: flex;
justify-content: center;
color: #fff;
border-radius: 50%;
overflow: hidden;
align-items: center;
background: var(--main_color1) !important;
}
.contact-button svg{
width: 30px;
height: 30px;
}
.contact-button:hover,
.contact-button:active,
.contact-button:focus,
.contact-button:visited {
color: #fff !important;
}
.shadow {
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
.shadow:hover {
box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
}
.main-button {
-webkit-transition: transform 0.7s; /* Safari */
transition: transform 0.7s;
box-shadow: none !important
}
.main-button.up {
transform: rotate(720deg);
}
.contact-button-out {
display: none !important
}
#firstButton{
position: absolute;
bottom: 0px;
left: 0px;
z-index: 100;
background: var(--main_color2) !important;
}
#secondButton {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 98;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#secondButton.up {
bottom: 65px;
opacity: 1;
}
#thirdButton {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 97;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#thirdButton.up {
bottom: 130px;
opacity: 1;
}
#fourthButton {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 96;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#fourthButton.up {
bottom: 195px;
opacity: 1;
}
#fifthButton {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 95;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#fifthButton.up {
bottom: 260px;
opacity: 1;
}
#sixthButton {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 94;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#sixthButton.up {
bottom: 325px;
opacity: 1;
}
#seventhButton {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 93;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#seventhButton.up {
bottom: 390px;
opacity: 1;
}
#seventhButton2 {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 93;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#seventhButton2.up {
bottom: 455px;
opacity: 1;
}
#seventhButton3 {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 93;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#seventhButton3.up {
bottom: 515px;
opacity: 1;
}
#seventhButton4 {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 93;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#seventhButton4.up {
bottom: 575px;
opacity: 1;
}
#seventhButton5 {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 93;
opacity: 0;
-webkit-transition: bottom 0.7s, opacity 0.4s; /* Safari */
transition: bottom 0.7s, opacity 0.4s;
}
#seventhButton5.up {
bottom: 635px;
opacity: 1;
}
/*parsley*/
.parsley-errors-list.filled {
position: absolute;
left: 23px;
top: -webkit-calc(100% + 15px);
top: calc(100% + 15px);
background-color: red;
color:#fff;
padding: 5px 10px;
z-index: 5
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.parsley-errors-list.filled {
background-color: #fff!important;
color: #262930!important
}
}
.parsley-errors-list.filled::after {
bottom: 100%;
left: 23px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: red;
border-width: 10px;
margin-left: -10px
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.parsley-errors-list.filled::after {
border-bottom-color: #fff
}
}
/*Ðовый фильтр*/
.tab_filter{
}
.tab_filter_title{
display: flex;
color: #000;
font-size: 14px;
font-weight: 500;
line-height: 17px;
padding: 15px 20px 0px 20px;
justify-content: space-between;
cursor: pointer;
transition: 0.3s;
}
.tab_filter_title.active i{
transform: rotate(90deg);
}
aside .block .data{
padding-top:10px;
padding-bottom: 0px;
}
aside .block .data_new{
display: none;
}
aside .block.cats{
padding-bottom:20px;
}
aside .block .data_new.active{
display: block;
}
aside .block .data.range{
padding-bottom: 20px;
}
.char {
max-width: 450px;
}
.char div {
clear: both;
margin-bottom:30px;
}
.char div span:first-child {
float: left;
padding: 0 .4em 0 0;
margin: 0;
color: #0b162b;
font-size: 18px;
line-height: 31px;
}
.char div span+span {
float: right;
padding: 0 15px;
margin: 0;
color: #fff;
font-size: 18px;
line-height: 31px;
background: var(--main_color2);
border-radius: 31px;
margin-left: 10px;
}
.char div:after {
content: "";
display: block;
overflow: hidden;
height: 1em;
border-bottom: 1px dashed;
}
/*Ðовый фильтр конец*/
.block_checkform{
margin-top:25px;
display: flex;
justify-content: space-between;
}
.cart_total_item{
display: flex;
align-items: center;
justify-content: flex-end;
}
.promocode_form {
display: flex;
margin-top: 15px;
}
.promocode_form button{
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 50px;
display: inline-block;
height: 49px;
margin-left: -40px;
padding: 0 40px;
text-align: center;
vertical-align: top;
text-decoration: none;
letter-spacing: 2px;
border-radius: 27px;
background: var(--main_color1);
box-shadow: 0 10px 25px var(--box-shadow-color);
border: none;
text-transform: uppercase;
font-family: 'Rubik';
}
.promocode_result.succces{
font-size: 14px;
color: #30B833;
padding-left: 30px;
background: url(../../../../../images/site/designs/1/icons8-ok.svg) no-repeat;
line-height: 24px;
margin-top: 15px;
}
.promocode_result.error{
font-size: 14px;
color: #E33535;
padding-left: 30px;
background: url(../../../../../images/site/designs/1/icons8-cancel.svg) no-repeat;
line-height: 24px;
margin-top: 15px;
border: none !important;
}
a.back_cat{
margin-top: -20px;
display: block;
margin-bottom: 20px;
color: #838383;
font-size: 18px;
line-height: 22px;
padding-left: 22px;
vertical-align: top;
text-decoration: none;
position: relative;
}
.back_cat:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 13px;
height: 22px;
content: '';
opacity: .39;
background: url(../../../../../images/site/designs/1/ic_back_link.svg) 0 50% no-repeat;
}
.tab_filter_title span{
width: calc(100% - 37px);
}
aside .cats .tab_filter_title label:before{
top: 1px;
}
aside .cats .tab_filter_title label:after{
top: 3px;
}
aside .block .data_new{
padding-left:44px;
}
aside .cats label{
font-size: 14px;
line-height: 15px;
margin-bottom: 5px;
}
aside .cats label:before{
top:1px;
}
aside .cats label:after{
top:3px;
}
.tab_filter_title.active i{
height:20px;
}
.poll h1{
font-size: calc(var(--font_size_title));
margin:20px 0;
}
.poll h2{
font-size: calc(var(--font_size_title) - 6px);
margin:20px 0;
}
.poll h3{
font-size: calc(var(--font_size_title) - 10px);
margin:20px 0;
}
.poll h4{
font-size: calc(var(--font_size_title) - 12px);
margin:20px 0;
}
.poll h5{
font-size: calc(var(--font_size_title) - 16px);
margin:20px 0;
}
.poll h6{
font-size: calc(var(--font_size_title) - 20px);
margin:20px 0;
}
.main_slider .owl-carousel .owl-nav button span {
font-family: 'Rubik', 'Arial', sans-serif;
}
/* catalog checkbox filters edits --start-- */
.checkboxFilter {
display: none;
}
/* catalog checkbox filters edits --finish-- */