.edges {
padding: 150px 0;
background: #fff
}
.edges .container {
position: relative
}
.edges__inner {
width: 415px;
height: 415px;
margin: 0 auto;
border-radius: 50%;
background-size: cover;
background-position: center center
}
.edges__item {
height: 136px;
align-items: center;
position: absolute;
padding-left: 166px;
display: flex
}
.edges__item_left {
right: 0
}
.edges__item_right {
text-align: right;
padding-left: 0;
padding-right: 166px;
left: 0
}
.edges__item_1 {
width: 530px;
top: -30px
}
.edges__item_2 {
width: 530px;
top: -30px
}
.edges__item_3 {
width: 450px;
top: 50%;
margin-top: -68px
}
.edges__item_4 {
width: 530px;
bottom: -30px
}
.edges__item_5 {
width: 530px;
bottom: -30px
}
.edges__item_6 {
width: 450px;
top: 50%;
margin-top: -68px
}
.edges__item__title {
font-size: 20px;
color: #1b1d27;
line-height: 1.2;
font-weight: 500
}
.edges__item__text {
color: #868686;
font-size: 15px;
line-height: 1.5;
margin-top: 10px
}
.edges__item-i-b {
position: absolute;
width: 140px;
height: 140px;
border-radius: 50%;
background: #fff;
left: 0
}
.edges__item_right .edges__item-i-b {
left: auto;
right: 0
}
.edges__item-i-b:before {
content: '';
position: absolute;
left: 10px;
top: 10px;
width: 120px;
height: 120px;
border: 1px dashed #9f7150;
border-radius: 50%;
background: #fff;
z-index: 1;
transition: all .3s ease
}
.edges__item:hover .edges__item-i-b:before {
border: 1px solid #1b1d27;
background: #1b1d27
}
.edges__item-i-b img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
z-index: 2
}
.feeds-slider {
padding: 120px 0
}
.feeds-slider__inner {
position: relative
}
.feeds-slider__slider-item {
display: flex!important;
align-items: center
}
.feeds-slider__slider-item-i-b {
width: 406px;
height: 406px;
position: relative;
border-radius: 50%;
border: 1px dashed #9f7150
}
.feeds-slider__slider-item-i-b img {
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 382px;
margin: auto
}
.feeds-slider__slider-item-content {
width: calc(100% - 406px);
padding-left: 50px;
padding-bottom: 144px
}
.feeds-slider__slider-item-title {
color: #989898;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 5px
}
.feeds-slider__slider-item-date {
opacity: .5;
color: #bc865f;
font-size: 12px;
line-height: 1.2
}
.feeds-slider__slider-item-text {
color: #989898;
font-size: 14px;
margin-top: 25px;
line-height: 1.7
}
.feeds-slider__control {
position: absolute;
right: 0;
display: flex;
flex-wrap: wrap;
width: calc(100% - 406px - 50px);
bottom: 0;
justify-content: center
}
.feeds-slider__control-item {
width: 120px;
height: 120px;
position: relative;
border-radius: 50%;
border: 1px dashed transparent;
margin: 14px 7px 0;
cursor: pointer;
opacity: .5;
transition: all .3s ease
}
.feeds-slider__control-item:hover {
opacity: 1
}
.feeds-slider__control-item.active {
opacity: 1;
border-color: #9f7150
}
.feeds-slider__control-item img {
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 104px;
margin: auto
}
.instablock {
background: #fff;
padding: 120px 0
}
.instablock__header {
margin-bottom: 30px
}
.instablock__header a {
display: inline-flex;
align-items: center;
padding-left: 60px;
height: 50px;
text-decoration: none;
position: relative;
border-radius: 50%;
font-size: 18px;
color: #1b1d27;
line-height: 1.2;
font-weight: 500
}
.instablock__header a:hover {
color: #9f7156
}
.instablock__header a:before {
content: '';
width: 50px;
height: 50px;
position: absolute;
left: 0;
top: 50%;
margin-top: -25px;
background-size: 28px auto;
background-color: #1c1e27;
background-repeat: no-repeat;
background-position: center center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZGF0YS1uYW1lPSJpZyBpbnN0YWdyYW0gaW5zdGEgcGhvdG8iPjxwYXRoIGQ9Ik0yMC40NSAxMy4zMmExIDEgMCAwIDAtLjU3IDEuMyA0IDQgMCAxIDEtMi4zMS0yLjMgMSAxIDAgMSAwIC43MS0xLjg3IDYgNiAwIDAgMC02LjM3IDkuODUgNiA2IDAgMCAwIDguNDggMCA2IDYgMCAwIDAgMS4zNi02LjQxIDEgMSAwIDAgMC0xLjMtLjU3WiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PGNpcmNsZSBjeD0iMjMiIGN5PSI5IiByPSIxIiBmaWxsPSIjZmZmZmZmIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvY2lyY2xlPjxwYXRoIGQ9Ik0yOCA5YTUgNSAwIDAgMC00LjktNUE3Ny4xMSA3Ny4xMSAwIDAgMCA5IDRhNSA1IDAgMCAwLTUgNC45MkE5MS45MSA5MS45MSAwIDAgMCA0IDIzYTUgNSAwIDAgMCA0LjkgNWMyLjM2LjIyIDQuNzMuMzQgNy4xLjM0czQuNzEtLjExIDcuMDUtLjM0QTUgNSAwIDAgMCAyOCAyMy4wOCA4Ny4wOSA4Ny4wOSAwIDAgMCAyOCA5Wm0tMiAxNGEzIDMgMCAwIDEtMyAzaC0uMUE3MS43MyA3MS43MyAwIDAgMSA5IDI2YTMgMyAwIDAgMS0zLTMuMDhBOTIuNCA5Mi40IDAgMCAxIDYgOWEzIDMgMCAwIDEgMy4wOS0zcTMuNDQtLjMxIDYuOS0uMzJUMjMgNmEzIDMgMCAwIDEgMyAzLjA4QTg1LjEzIDg1LjEzIDAgMCAxIDI2IDIzWiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PC9nPjwvc3ZnPg==);
border-radius: 50%;
transition: all .3s ease
}
.instablock__header a:hover:before {
background-color: #9f7156
}
.instablock__content {
display: flex;
margin: -28px -14px 0;
flex-wrap: wrap
}
.instablock__item {
width: 25%;
padding: 0 14px;
margin-top: 28px
}
.instablock__item a {
display: block;
width: 100%;
padding-bottom: 100%;
text-decoration: none;
background-size: cover;
position: relative
}
.instablock__item.is_video a {
background-position: center
}
.instablock__item.is_video a:before {
content: '';
width: 18px;
height: 18px;
background: url(//elittkani.by/wp-content/themes/htmlwork/images/is_video.svg) no-repeat center center/contain;
position: absolute;
right: 10px;
top: 10px
}
.instablock__item a:hover {
opacity: .8
}
.instablock__button-block {
text-align: center;
margin-top: 35px
}
.brands-slider {
background-color: #280000;
padding: 35px 0;
overflow: hidden
}
.brands-slider__slider {
margin: 0 15px
}
.brands-slider__slider-item {
padding: 0 15px
}
.brands-slider__slider-item img {
max-height: 40px;
margin: 0 auto;
max-width: 100%;
width: auto!important;
height: auto!important
}
.offices__content {
display: flex
}
.offices__item {
width: 33.33333333%;
background-size: cover;
position: relative;
background-position: center top;
padding: 75px 65px 85px;
display: flex;
justify-content: center
}
.offices__item:before {
content: '';
z-index: 1;
background: rgb(0 0 0 / 85%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all .3s ease
}
.offices__item:hover:before {
background: rgb(0 0 0 / 70%)
}
.offices__item-content {
position: relative;
z-index: 2;
max-width: 300px
}
.offices__item-title {
font-size: 22px;
line-height: 1.1;
color: #9f7150;
font-weight: 500
}
.offices__item-phone {
font-size: 17px;
line-height: 1.4;
margin-top: 25px;
font-weight: 500
}
.offices__item-phone a {
color: #fff
}
.offices__item-address {
font-size: 15px;
line-height: 1.4;
margin-top: 10px;
color: #fff;
font-weight: 500
}
.offices__item-schedule {
font-size: 13px;
line-height: 1.6;
margin-top: 15px;
color: #fff
}
.offices__item-button-block {
margin-top: 25px
}
.map > div {
height: 475px
}
.footer {
background-color: #2e2924;
padding: 40px 0
}
.footer__row {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 -15px
}
.footer__col {
padding: 0 15px
}
.copyright {
opacity: .5;
color: #eff0f4;
font-size: 14px;
line-height: 1.4;
max-width: 300px
}
.footer-menu ul.menu {
display: flex;
flex-wrap: wrap;
margin: -15px -15px 0
}
.footer-menu ul.menu > .menu-item {
opacity: .5;
color: #eff0f4;
font-size: 13px;
line-height: 1.4;
padding: 0 15px;
margin-top: 15px
}
.footer-menu ul.menu > .menu-item > a {
color: #eff0f4;
text-decoration: none;
border-bottom: 1px solid #eff0f4
}
.footer-menu ul.menu > .menu-item > a:hover {
border-bottom-color: transparent
}
.footer-menu ul.menu > .menu-item.current-menu-item > a {
border-bottom-color: transparent
}
.mobile-menu-overlay {
background: rgb(0 0 0 / 80%);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 48;
display: none
}
.mobile-menu {
display: flex;
flex-direction: column;
position: fixed;
z-index: 49;
width: 278px;
height: calc(100vh - 70px);
left: -310px;
top: 70px;
transition: left .3s ease;
overflow-y: auto;
padding: 30px;
background-color: #fff
}
.mobile-menu.active {
left: 0
}
.mobile-menu .menu {
margin-top: -22px
}
.mobile-menu .menu > .menu-item {
font-size: 15px;
line-height: 1.2;
margin-top: 22px;
text-transform: uppercase
}
.mobile-menu .menu-item > a {
text-decoration: none;
color: #000;
border-bottom: 1px solid transparent
}
.mobile-menu .menu-item.current-menu-item > a {
border-bottom-color: #000
}
.content-offices {
background: #fff;
padding: 75px 0
}
.content-offices__item {
display: flex;
position: relative;
padding-top: 60px;
margin-top: 50px
}
.content-offices__item:before {
content: '';
position: absolute;
background: 0 repeat-x url('data:image/svg+xml;utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C%21DOCTYPE%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%3Csvg%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2018%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpolygon%20id%3D%22Combined-Shape%22%20fill%3D%22%23ebebeb%22%20points%3D%228.98762301%200%200%209.12771969%200%2014.519983%209%205.40479869%2018%2014.519983%2018%209.12771969%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E');
height: 11px;
left: 0;
right: 0;
top: 0;
background-repeat: repeat-x
}
.content-offices__item:first-child {
padding-top: 0;
margin-top: 0
}
.content-offices__item:first-child:before {
display: none
}
.content-offices__item-i-b {
width: 400px
}
.content-offices__item-i-b img {
max-width: 100%;
display: block
}
.content-offices__item-content {
color: #333;
width: calc(100% - 400px);
padding-left: 50px
}
.content-offices__item-title {
font-size: 22px;
line-height: 1.1;
color: #9f7150;
font-weight: 500
}
.content-offices__item-text {
margin-top: 25px
}
.content-offices__item-phone {
font-size: 17px;
line-height: 1.4;
margin-top: 25px;
font-weight: 500
}
.content-offices__item-phone a {
color: #333
}
.content-offices__item-address {
font-size: 15px;
line-height: 1.4;
margin-top: 10px;
font-weight: 500
}
.content-offices__item-schedule {
font-size: 13px;
line-height: 1.6;
margin-top: 15px
}
.showroom-slider {
overflow: hidden
}
.showroom-slider__item img {
width: 100%;
height: auto
}
.showroom-slider .slick-dots {
position: absolute;
bottom: 30px;
left: 15px;
right: 15px;
display: flex;
justify-content: center;
flex-wrap: wrap;
z-index: 2;
opacity: .5;
transition: all .3s ease
}
.showroom-slider:hover .slick-dots {
opacity: 1
}
.showroom-slider .slick-dots li {
width: 20px;
height: 15px;
background-color: #fff;
display: block;
border-radius: 3px;
border: 1px solid #fff;
margin: 10px 5px 0;
cursor: pointer;
transition: all .3s ease
}
.showroom-slider .slick-dots li * {
display: none
}
.showroom-slider .slick-dots li:hover {
background-color: transparent
}
.showroom-slider .slick-dots li.slick-active {
background-color: transparent
}
.showroom-slider .slick-arrow {
background-color: rgba(0,0,0,.5);
width: 40px;
height: 40px;
border-radius: 50%;
background-size: 30px auto;
z-index: 2;
background-repeat: no-repeat;
transition: all .3s ease
}
.showroom-slider .slick-prev {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDI1YTEgMSAwIDAgMS0uNzEtLjI5bC04LThhMSAxIDAgMCAxIDAtMS40Mmw4LThhMSAxIDAgMSAxIDEuNDIgMS40MkwxMy40MSAxNmw3LjMgNy4yOWExIDEgMCAwIDEgMCAxLjQyQTEgMSAwIDAgMSAyMCAyNVoiIGRhdGEtbmFtZT0iTGF5ZXIgMiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PHBhdGggZD0iTTAgMGgzMnYzMkgweiIgZmlsbD0ibm9uZSI+PC9wYXRoPjwvc3ZnPg==);
left: -70px;
background-position: 4px center
}
.showroom-slider .slick-next {
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDI1YTEgMSAwIDAgMS0uNzEtLjI5IDEgMSAwIDAgMSAwLTEuNDJsNy4zLTcuMjktNy4zLTcuMjlhMSAxIDAgMSAxIDEuNDItMS40Mmw4IDhhMSAxIDAgMCAxIDAgMS40MmwtOCA4QTEgMSAwIDAgMSAxMiAyNVoiIGRhdGEtbmFtZT0iTGF5ZXIgMiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PHBhdGggZD0iTTAgMGgzMnYzMkgweiIgZmlsbD0ibm9uZSI+PC9wYXRoPjwvc3ZnPg==);
right: -70px;
background-position: 6px center
}
.showroom-slider:hover .slick-prev {
left: 30px
}
.showroom-slider:hover .slick-next {
right: 30px
}
.showroom-slider .slick-arrow:hover {
background-color: #000
}
@media (max-width:1199px) {
.edges {
padding: 120px 0
}
.edges__inner {
width: 305px;
height: 305px;
position: relative
}
.edges__item {
height: 100px;
padding-left: 115px
}
.edges__item_right {
padding-left: 0;
padding-right: 115px
}
.edges__item_1 {
width: 330px;
top: -30px;
left: -217px
}
.edges__item_2 {
width: 330px;
top: -30px;
right: -217px
}
.edges__item_3 {
margin-top: -50px;
width: 280px;
right: -217px
}
.edges__item_4 {
width: 330px;
right: -217px
}
.edges__item_5 {
width: 330px;
left: -217px
}
.edges__item_6 {
margin-top: -50px;
width: 280px;
left: -217px
}
.edges__item-i-b {
width: 100px;
height: 100px
}
.edges__item-i-b:before {
left: 5px;
top: 5px;
width: 90px;
height: 90px
}
.edges__item-i-b img {
width: 50px!important
}
.edges__item__title {
font-size: 18px
}
.edges__item__text {
font-size: 13px;
line-height: 1.4;
margin-top: 5px
}
.feeds-slider {
padding: 90px 0
}
.feeds-slider__slider-item {
align-items: flex-start
}
.feeds-slider__slider-item-i-b {
width: 306px;
height: 306px
}
.feeds-slider__slider-item-i-b img {
width: 282px
}
.feeds-slider__slider-item-content {
width: calc(100% - 306px);
padding-left: 30px;
padding-bottom: 90px
}
.feeds-slider__slider-item-text {
font-size: 13px;
margin-top: 15px
}
.feeds-slider__control {
width: calc(100% - 306px - 26px);
justify-content: flex-start
}
.feeds-slider__control-item {
width: 72px;
height: 72px;
margin: 8px 4px 0
}
.feeds-slider__control-item img {
width: 60px
}
.instablock {
padding: 90px 0
}
.offices__item {
padding: 35px 25px 45px
}
.offices__item-content {
max-width: 100%
}
.offices__item-title {
font-size: 18px
}
.offices__item-phone {
font-size: 15px;
margin-top: 20px
}
.offices__item-schedule {
font-size: 12px
}
.map > div {
height: 375px
}
.footer__col:nth-child(1) {
display: none
}
.content-offices__item-i-b {
width: 360px
}
.content-offices__item-content {
width: calc(100% - 360px);
padding-left: 30px
}
}
@media (max-width:767px) {
.instablock {
padding: 50px 0
}
.instablock__content {
margin: -12px -6px 0
}
.instablock__item {
width: 50%;
padding: 0 6px;
margin-top: 12px
}
.instablock__header a {
font-size: 16px
}
.footer__col {
width: 100%
}
.copyright {
max-width: 100%;
text-align: center
}
.offices__content {
flex-wrap: wrap
}
.offices__item {
width: 100%;
justify-content: flex-start
}
.feeds-slider {
padding: 0 0 50px
}
.feeds-slider__slider-item {
flex-wrap: wrap;
justify-content: center
}
.feeds-slider__slider-item-content {
width: 100%;
padding-left: 0;
text-align: center;
padding-top: 25px
}
.feeds-slider__control {
width: 100%;
justify-content: center
}
.edges {
padding: 50px 0
}
.edges__inner {
width: auto;
height: auto;
background: 0 0!important;
display: flex;
flex-wrap: wrap;
margin: -30px 0 0
}
.edges__item {
height: auto!important;
position: relative!important;
padding: 0!important;
width: 100%!important;
left: auto!important;
top: auto!important;
right: auto!important;
bottom: auto!important;
margin: 30px 0 0!important;
text-align: left!important;
align-items: center;
justify-content: center;
pointer-events: none;
flex-direction: row-reverse
}
.edges__item-i-b {
left: 0!important;
right: auto!important;
bottom: auto!important;
top: 0!important;
width: 80px;
height: 80px;
position: relative
}
.edges__item-i-b:before {
left: 0;
top: 0;
width: 80px;
height: 80px
}
.edges__item-i-b img {
width: 40px!important
}
.edges__item-inner {
width: calc(100% - 100px);
padding-left: 20px
}
.content-offices__item {
flex-wrap: wrap
}
.content-offices__item-i-b {
max-width: 360px;
width: 100%
}
.content-offices__item-content {
width: 100%;
padding-left: 0;
padding-top: 30px
}
.content-offices__item-text {
margin-top: 15px
}
.content-offices__item-phone {
margin-top: 15px
}
.content-offices__item-phone a {
color: #9f7150
}
.content-edges__item {
width: 100%
}
.showroom-slider .slick-prev {
left: 15px!important
}
.showroom-slider .slick-next {
right: 15px!important
}
}