/* Start:/local/templates/main/fonts/FiraSans/style.css?1692693450843*/ @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url('/local/templates/main/fonts/FiraSans/FiraSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Medium'), local('FiraSans-Medium'), url('/local/templates/main/fonts/FiraSans/FiraSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Light'), local('FiraSans-Light'), url('/local/templates/main/fonts/FiraSans/FiraSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Fira Sans'; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url('/local/templates/main/fonts/FiraSans/FiraSans-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* End */ /* Start:/local/templates/main/fonts/Evolventa/style.css?1701862320200*/ @font-face { font-family: 'Evolventa'; src: local('Evolventa'), local('Evolventa'), url('/local/templates/main/fonts/Evolventa/Evolventa-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } /* End */ /* Start:/local/templates/main/fonts/Ebgaramond/style.css?16926934503149*/ @font-face { font-family: 'EB Garamond'; src: local('EB Garamond Regular'), local('EBGaramond-Regular'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondregular.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondregular.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondregular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond SemiBold'), local('EBGaramond-SemiBold'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondsemibold.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondsemibold.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondsemibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond Italic'), local('EBGaramond-Italic'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramonditalic.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramonditalic.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramonditalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond Medium Italic'), local('EBGaramond-MediumItalic'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondmediumitalic.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondmediumitalic.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondmediumitalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond ExtraBold Italic'), local('EBGaramond-ExtraBoldItalic'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondextrabolditalic.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondextrabolditalic.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondextrabolditalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond ExtraBold'), local('EBGaramond-ExtraBold'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondextrabold.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondextrabold.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondextrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond Medium'), local('EBGaramond-Medium'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondmedium.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondmedium.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondmedium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond Bold Italic'), local('EBGaramond-BoldItalic'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondbolditalic.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondbolditalic.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondbolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond SemiBold Italic'), local('EBGaramond-SemiBoldItalic'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondsemibolditalic.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondsemibolditalic.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondsemibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'EB Garamond'; src: local('EB Garamond Bold'), local('EBGaramond-Bold'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondbold.woff2') format('woff2'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondbold.woff') format('woff'), url('/local/templates/main/fonts/Ebgaramond/Ebgaramondbold.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* End */ /* Start:/local/templates/main/css/head-foot.css?172303757745483*/ body { margin: 0; padding: 0; font-family: 'Geometria', sans-serif; line-height: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } * { -webkit-tap-highlight-color: rgba(255,255,255,0); } a { color: inherit; text-decoration: none; outline: none; } input { border: 0; border-radius: 0; outline: none; box-shadow: none; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; font-family: inherit; } button { border: 0; border-radius: 0; outline: none; box-shadow: none; margin: 0; padding: 0; font-family: inherit; } ul { margin: 0; padding: 0; list-style-type: none; } p { font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 300; line-height: 22px; letter-spacing: -0.02em; text-align: left; line-height: 1.5em; } br { display: block; line-height: 12px; } .sample-text { padding-left: 40px; } .sample-text p.margin { margin-bottom: 10px; } .sample-text p { text-align: left; } @media all and (max-width: 500px) { .sample-text p { text-align: center; } } .sample-text__m-25 { margin-bottom: 25px; } .sample-text__m-45 { margin-bottom: 45px; } .sample-text__tit { margin-bottom: 32px; font-family: 'Geometria-Bold', sans-serif; font-size: 18px; text-decoration: underline; text-align: left; cursor: pointer; } @media all and (max-width: 500px) { .sample-text__tit { font-size: 15px; } } .sample-text__min-tit { margin-bottom: 28px; font-family: 'Geometria-Medium', sans-serif; font-size: 18px; text-align: left; cursor: pointer; } .sample-text__point { display: none; margin-bottom: 32px; } .sample-text__point p { text-align: left; } .sample-text__pre-tit { margin-bottom: 30px; font-family: 'Geometria-Bold', sans-serif; font-size: 14px; text-align: left; cursor: pointer; } @media all and (max-width: 500px) { .sample-text__pre-tit { text-align: center; } } .sample-text_polit p { margin-bottom: 25px; text-align: left; } @media all and (max-width: 500px) { .sample-text_polit p { text-align: center; } } .main { overflow: hidden; } .main__cont { width: 100%; padding: 0 40px; box-sizing: border-box; } @media all and (max-width: 1200px) { .main__cont { padding: 0 20px; box-sizing: border-box; } } @media all and (max-width: 980px) { .main__cont { margin: 15px auto; } } @media all and (max-width: 600px) { .main__cont { margin: 35px auto; margin-top: 0px !important; } } .main__cont_txt { margin: 68px auto 0; } @media all and (max-width: 980px) { .main__cont_txt { margin: 36px auto 0; } } @media all and (max-width: 500px) { .main__cont_txt { margin: 25px auto 0; } } .body-hid { overflow: hidden; } .up { width: 46px; padding: 34px 0 10px; color: #3a3a3a; font-size: 10px; text-transform: uppercase; text-align: center; background: #e6e7e7; background-image: url("/local/templates/main/css/../img/up.svg"); background-size: 15px 6px; background-position: center 17px; background-repeat: no-repeat; position: fixed; right: inherit; bottom: 47px; } .up-block { opacity: 0; width: 100%; max-width: 1097px; padding: 0 26px; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 80; text-align: right; transition: opacity 0.3s linear; } .up-block.show { opacity: 1; } @media all and (max-width: 1200px) { .up-cont { position: relative; right: 26px; } } .img { display: block; width: 100%; height: auto; } .img_logo { width: 75%; margin: 0 auto; } .img_search { width: 184px; margin: 0 auto; position: absolute; top: -80px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media all and (max-width: 600px) { .img_search { width: 120px; top: -60px; } } .svg { width: 100%; height: 100%; } .header { width: 100%; } .header__line { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__line_dark { background-color: #737373; height: 40px; color: #efefef; transition: height 0.3s linear; z-index: 61; } @media all and (max-width: 980px) { .header__line_dark { display: none; } } .header__line_mid { max-width: 1137px; height: 46px; margin: 95px auto 15px; color: #3a3a3a; transition: height 0.3s linear; } @media all and (max-width: 980px) { .header__line_mid { display: none; } } .header__line_bottom { border-bottom: 1px solid #e6e7e7; transition: height 0.3s linear; padding-top: 20px !important; background: #fff; } .header__line_bottom.fixed { position: fixed; z-index: 60; top: 39px; } @media all and (max-width: 980px) { .header__line_bottom.fixed { position: initial; } } @media all and (max-width: 980px) { .header__line_bottom { height: 0; position: initial; padding-top: 0 !important; border: 0; } } @media all and (max-width: 1200px) { .header__line { padding: 0 20px; box-sizing: border-box; } } .header__top-line { max-width: 1137px; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__item { display: inline-block; } @media all and (max-width: 980px) { .header__item { position: initial; } } .header__modal-search { position: fixed; top: 40px; left: 10vw; width: 80vw; opacity: 0; z-index: -1; background: #fff; overflow: auto; transition: opacity 0.2s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px var(--gray3) solid; } .header__modal-search.open { z-index: 10000; opacity: 1; height: 200px !important; } .header.order { margin-bottom: 76px; } @media all and (max-width: 980px) { .header.order { margin-bottom: 0; } } .header.order .header__line_mid { height: 0; overflow: hidden; margin-top: 45px; } .header.order .header__line_bottom { position: fixed; z-index: 60; top: 59px; } .header.order .drop { display: none !important; } .header__item .tabs { display: none; } .tabs { font-size: 0; width: 260px; /*height: 64px;*/ height: 40px; display: inline-block; vertical-align: top; } .tabs__img { box-sizing: border-box; /*padding: 17px 10px 0;*/ padding: 5px 10px 0; width: 50%; height: 100%; display: inline-block; background-color: transparent; vertical-align: top; text-align: center; } @media all and (max-width: 980px) { .tabs__img { padding: 15px 10px 0; } } .tabs__img svg { fill: #fff; height: 30px; max-width: 110px; } .tabs__img:hover { background-color: #e6e7e7; } .tabs__img:hover svg { fill: #737373; } .tabs__img.active { background-color: #fff; } .tabs__img.active svg { fill: #737373; } @media all and (max-width: 980px) { .tabs { width: 100%; height: 100%; } .tabs__img svg { fill: #737373; } .tabs__img.active svg { fill: #fff; } .tabs__img.active { background-color: #737373; } } .mobile-menu { display: none; width: 100%; box-sizing: border-box; padding: 17px 20px; height: 60px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; } @media all and (max-width: 980px) { .mobile-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; position: fixed; top: 0; left: 0; z-index: 19; } header.header { min-height: 60px; } } .mobile-menu__item { display: inline-block; } .mobile-menu__item_img { width: 95px; height: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; } .mobile-menu .mobile-menu__item_img svg { fill: #83a889; } .mobile-menu__item svg { fill: #fff; } .mob-search { margin-left: 20px; display: inline-block; } #title-search-input::-webkit-input-placeholder {color:#1F2020; opacity: 0.3;} #title-search-input::-moz-placeholder {color:#1F2020; opacity: 0.3;}/* Firefox 19+ */ #title-search-input:-moz-placeholder {color:#1F2020; opacity: 0.3;}/* Firefox 18- */ #title-search-input:-ms-input-placeholder {color:#1F2020; opacity: 0.3;} .mob-search__icon { display: inline-block; height: 16px; width: 20px; vertical-align: middle; cursor: pointer; } .burger { display: inline-block; height: 16px; width: 20px; vertical-align: middle; } .burger svg path { fill: none; stroke: #737373; stroke-width: 3px; } .mob-search__icon svg ellipse { fill: #fff; stroke: #737373; } .mob-search__icon svg line { stroke: #737373; } .ad { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; padding: 0; } .ad__text { display: inline-block; padding: 0 5px 0 0; font-size: 12px; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; } .ad__text a { color: #fff; } .ad__text:hover a { color: #fff; } .ad__link { display: inline-block; font-size: 12px; line-height: 12px; text-transform: uppercase; text-decoration: none; font-family: 'Geometria-Bold'; letter-spacing: 1px; } .word-block .entry__cab { display: none; } .word-block__cont { position: relative; display: none; } .word-block__text { display: inline-block; padding: 5px 16px; font-size: 12px; } .word-block a { color: #fff; } .word-block a:hover { color: #fff; } .word-block__text .entry__cab a { color: #3a3a3a; } .word-block #registration a { color: #3a3a3a; } .word-block__text:last-child { border-left: 1px solid #828282; } .word-block__text:last-child.hovered { position: relative; } .word-block__text:last-child.hovered:after { content: ''; position: absolute; top: 20px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); width: 0; height: 0; border-style: solid; border-width: 0 8px 13px 8px; border-color: transparent transparent #fff transparent; } .word-block__text:last-child.hovered .word-block__cont { display: block; } .word-block__text:last-child.hovered .entry { box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.35); } .word-block__text:last-child.hovered.logged .entry { right: -17px; } .word-block__text:last-child.hovered.logged .entry__cab { display: block; padding: 0 0 30px; text-align: left; margin-top: -20px; } .word-block__text:last-child.hovered.logged .entry__cab-lin { font-size: 12px; color: #3a3a3a; margin-bottom: 15px; } .word-block__text:last-child.hovered.logged .entry__cab-lin:last-child { margin-bottom: 0; } .word-block__text:last-child.hovered.logged .entry__cab-lin:hover a { text-decoration: underline; } .word-block__text:last-child.hovered.logged .entry__colomn { display: none; } .word-block.word-block_dark .word-block__text:last-child { border-left: 1px solid #efefef; } .word-block__icon { display: inline-block; position: relative; top: 3px; margin-right: -15px; width: 15px; height: 15px; } .word-block__icon svg path { stroke: #3a3a3a; stroke-width: 4px; } .word-block__icon svg ellipse { stroke: #3a3a3a; stroke-width: 4px; } .top-basket { display: none; position: absolute; top: 28px; z-index: 42; width: 415px; background-color: #fff; font-size: 0; right: -53px; color: #3a3a3a; } @media all and (max-width: 1260px) { .top-basket { right: 0; } } .top-basket__img { display: inline-block; margin-right: 23px; width: 97px; height: 138px; background-image: url("/local/templates/main/css/../img/coat.png"); background-position: center; background-repeat: no-repeat; background-size: contain; } .top-basket__block { display: inline-block; width: calc(100% - 120px); font-size: 12px; vertical-align: top; } .top-basket__top { padding: 57px 34px 24px 11px; position: relative; border-bottom: 1px dashed #cfcfcf; } .top-basket__tit-med { font-family: 'Geometria-Medium', sans-serif; } .top-basket__number { position: absolute; right: 52px; top: 57px; } .top-basket__cost { position: absolute; right: 52px; bottom: 24px; } .top-basket__txt { display: inline-block; font-family: 'Geometria-Light', sans-serif; } .top-basket__txt_desc { margin: 12px 0 51px; } .top-basket__tit { display: inline-block; font-family: 'Geometria-bold', sans-serif; margin-right: 14px; } .top-basket__last { margin: 14px 0 37px; } .top-basket__bottom { margin: 37px 53px 0; padding: 24px 0 37px; border-top: 1px solid #e6e7e7; font-size: 12px; color: #3a3a3a; font-family: 'Geometria-Light', sans-serif; } .top-basket__btn { display: block; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #3a3a3a; text-transform: uppercase; text-align: center; vertical-align: middle; margin-bottom: 14px; font-family: 'Geometria', sans-serif; } .top-basket__btn_black { color: #fff; background-color: #3a3a3a; margin-bottom: 0; } .top-basket__btn_black:hover { background-color: #484848; } .top-basket__line { margin-bottom: 21px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .user-info { color: #fff; } .mobile-menu .user-info { color: #737373; } .user-info__item { display: inline-block; font-size: 0; vertical-align: middle; cursor: pointer; } .user-info__item:first-child { margin-right: 15px; } @media all and (max-width: 980px) { .user-info__item:first-child { margin-right: 0; } } .user-info__item:last-child { margin-left: 15px; position: relative; } @media all and (max-width: 980px) { .user-info__item:last-child { margin-left: 5px; } } .user-info__item.hovered { position: relative; } .user-info__item.hovered .top-basket { display: block; } .user-info__item.hovered:after { content: ''; position: absolute; left: 0; top: 15px; width: 100%; height: 20px; background-color: transparent; } .user-info__count { position: absolute; top: 8px; right: -7px; display: inline-block; width: 19px; height: 19px; line-height: 16px; text-align: center; background-color: var(--secondary); color: #FFF; font-family: "Fira Sans"; font-size: 11px; font-style: normal; font-weight: 500; letter-spacing: 0em; border: 1px var(--secondary) solid; vertical-align: middle; margin-left: 5px; border-radius: 16px; box-sizing: border-box; } .top_line.light .r .blk .user-info__count { filter: invert(1) !important; } .mobile-menu .user-info__count { color: #737373; } .user-info__icon1 { display: inline-block; width: 24px; height: 20px; vertical-align: middle; } .user-info__icon1 svg path { fill: none; stroke: #fff; stroke-width: 4; stroke-miterlimit: 10; } .mobile-menu .user-info__icon1 svg path { fill: none; stroke: #737373; stroke-width: 4; stroke-miterlimit: 10; } .user-info__icon1.active svg path { fill: #fff; } .mobile-menu .user-info__icon1.active svg path { fill: #737373; } .user-info__icon2 { display: inline-block; width: 20px; height: 20px; vertical-align: middle; } .user-info__icon2 svg path { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #fff; stroke-width: 1.5; stroke-miterlimit: 10; } .mobile-menu .user-info__icon2 svg path { fill-rule: evenodd; clip-rule: evenodd; fill: none; stroke: #737373; stroke-width: 1.5; stroke-miterlimit: 10; } .user-info__icon2.active .svg__path { fill: #fff; } .mobile-menu .user-info__icon2.active .svg__path { fill: #737373; } .search { position: relative; width: 200px; height: 43px; box-sizing: border-box; padding: 15px 0 13px 0; color: #737373; text-transform: uppercase; border: 1px solid #737373; font-size: 12px; outline: none; background: #fff url("/local/templates/main/css/../img/search.svg") no-repeat 55px 14px; cursor: pointer; text-align: center; } .search-inp { font-family: "Fira Sans"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.04em; text-align: left; color: black; } .search-inp:focus::-webkit-input-placeholder { color: transparent; } .search-inp:focus::-moz-placeholder { color: transparent; } .search-inp:focus:-ms-input-placeholder { color: transparent; } .search-inp:focus::placeholder { color: transparent; } @media all and (max-width: 600px) { .search-inp { font-size: 30px; padding: 12px 26px 12px 10px; } } .header__modal-search.open .search-inp{ display: block; } .search__icon { display: inline-block; width: 68px; background-color: #fff; } @media all and (max-width: 1200px) { .search__icon { right: 35px; } } @media all and (max-width: 600px) { .search__icon { width: 35px; height: 35px; bottom: 12px; right: 15px; } } .search-block { position: relative; width: 80%; margin: 30px auto; } @media all and (max-width: 1200px) { .search-block { padding: 0 20px; } } @media all and (max-width: 600px) { .search-block { margin: 130px auto 0; /* padding: 0; */ } } #title-search form { display: flex; } .search__close { position: absolute; right: calc(-10vw + 60px); top: -60px; cursor: pointer; text-transform: uppercase; } .search__close img { width: 20px; } .search__close-txt { display: inline-block; margin: 0 17px 0 0; vertical-align: middle; font-size: 12px; } .search__close-icn { display: inline-block; width: 17px; height: 17px; vertical-align: middle; } .search__close svg { fill: none; } @media all and (max-width: 600px) { .search__close { right: 15px; top: -110px; } } input::-webkit-input-placeholder { color: #d9d9d9; } input::-moz-placeholder { color: #d9d9d9; } input:-ms-input-placeholder { color: #d9d9d9; } input::placeholder { color: #d9d9d9; } .menu { width: 100%; } @media all and (max-width: 980px) { .menu { height: 100%; } } .menu__black { position: fixed; width: 100%; height: 100%; z-index: 20; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0); padding-right: 18%; box-sizing: border-box; transition: opacity 0.3s linear, background 0.3s linear; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .menu__cont { max-width: 1137px; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media all and (max-width: 980px) { .menu__cont { width: 82%; left: 0; top: 0; position: fixed; display: block; z-index: 25; background-color: #fff; -webkit-transform: translateX(-120%); -ms-transform: translateX(-120%); transform: translateX(-120%); transition: -webkit-transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear; overflow: hidden; overflow-y: scroll; } } @media all and (max-width: 980px) { .menu_active .menu__black { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); background-color: rgba(0,0,0,0.3); } } .menu_active .menu__cont { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .menu__category { display: inline-block; padding: 6px 0; margin-bottom: 14px; color: #3a3a3a; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid transparent; } .menu__category:hover { border-bottom: 1px solid #3a3a3a; } @media all and (max-width: 980px) { .menu__category { position: relative; display: block; width: 100%; padding: 19px 20px; margin-bottom: 0; box-sizing: border-box; border-bottom: 1px solid #e6e7e7; } .menu__category:hover { border-bottom: 1px solid #e6e7e7; } .menu__category:after { content: ""; position: absolute; right: 20px; top: 20px; width: 7px; height: 13px; background-image: url("/local/templates/main/css/../img/next2.svg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } .menu__category .menu__category_tit_back { position: absolute; left: 20px; top: 17px; width: 20px; height: 20px; background-color: #fff; background-image: url(/local/templates/main/css/../img/next2.svg); background-position: center right; background-repeat: no-repeat; background-size: 7px; transform: rotate(180deg); z-index: 111; } } .menu__category.ctn { border-bottom: 1px solid #3a3a3a; color: #3a3a3a; opacity: 1; } @media all and (max-width: 980px) { .menu__category.ctn { border-bottom: 1px solid #e6e7e7; } } .menu__category_active { border-bottom: 1px solid #3a3a3a !important; } @media all and (max-width: 980px) { .menu__category_active { border-bottom: 1px solid #e6e7e7 !important; } } .menu__category_tit { text-align: center; } .menu__category_tit:after { left: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu__cat-dec { display: inline; text-transform: uppercase; padding-bottom: 2px; border-bottom: 1px solid #3a3a3a; } .menu__bottom { display: none; } @media all and (max-width: 980px) { .menu__bottom { display: block; padding: 0 0 19px 0; font-size: 10px; color: #3a3a3a; } } .menu__self { display: none; padding: 0 20px; } .custom_pos_bonus { float: right; margin: 0px 0px 20px 20px; } @media all and (max-width: 980px) { .menu__self { display: block; border-right: 0; padding-bottom: 20px; font-size: 15px; } .custom_pos_bonus { float: none; margin: 0px 0px 0px 0px; } } .menu__back { width: 25px; height: 15px; display: none; margin-left: 17px; } .menu__dark { width: 100%; height: 60px; background-color: #737373; display: none; margin: 0; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media all and (max-width: 980px) { .menu__dark { display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; } } .menu__logo { display: inline-block; height: 100%; width: auto; } .menu .ad { color: #efefef; padding-right: 3%; padding-bottom: 5px; } .menu .ad__text { font-size: 7px; vertical-align: middle; } .menu .ad__link { font-size: 7px; vertical-align: middle; } @media all and (max-width: 720px) { .menu .ad { display: none; } } .menu__close { display: inline-block; width: 20px; height: 20px; margin: 0 20px; } .menu__close svg path { stroke: #efefef; fill: none; stroke-width: 3px; } .menu__cat-open { display: none; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } @media all and (max-width: 980px) { .menu__close svg path { stroke: #737373; fill: none; stroke-width: 3px; } .menu__cat-open { display: block; position: absolute; top: 60px; width: 100%; min-height: 1080px; background: #fff; left: 0; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .menu__cat-open .menu__category { text-transform: capitalize; } a.menu__category.menu__category_show_more { text-align: center; } a.menu__category.menu__category_show_more:after { content: ''; display: none; } } .menu__phone { display: none; font-size: 12px; color: #fff; padding: 9px 0; background-color: #3a3a3a; width: calc(100% - 40px); margin: 48px 20px 0; } @media all and (max-width: 600px) { .menu__phone { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu__phone svg path { fill: #fff; } } .menu__phone-icon { display: inline-block; width: 22px; height: 30px; margin-right: 9px; } .cat-open .menu__cat-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .cat-open .menu__back { display: inline-block; } .drop { position: relative; width: 100%; } @media all and (max-width: 980px) { .drop { display: none; } } .drop__bg { width: 100%; height: 0; position: absolute; top: -2px; left: 0; overflow: hidden; transition: opacity 0.3s ease-out 0.1s, -webkit-transform 0.2s ease-out 0.1s; transition: transform 0.2s ease-out 0.1s, opacity 0.3s ease-out 0.1s; transition: transform 0.2s ease-out 0.1s, opacity 0.3s ease-out 0.1s, -webkit-transform 0.2s ease-out 0.1s; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); z-index: 0; opacity: 0; } .drop_active .drop__bg { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; height: auto; pointer-events: auto; visibility: visible; z-index: 50; } .drop__bg.fixed { position: fixed; top: 104px; left: 0; z-index: 70; } .drop__cont { background-color: #fff; width: 100%; padding: 30px 0 23px; box-sizing: border-box; border-bottom: 1px solid #e6e7e7; } @media all and (max-width: 1200px) { .drop__cont { padding: 30px 20px 23px; } } .drop__size { max-width: 1137px; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .drop__col { display: inline-block; width: 100%; } .drop__col:last-child { min-width: 43%; } .drop__col:nth-child(2n) { min-width: 300px; } .act { font-size: 12px; color: #3a3a3a; } .act__title { margin-bottom: 30px; display: block; text-transform: uppercase; } .act__desc { text-transform: uppercase; margin-bottom: 5px; display: inline-block; padding-bottom: 3px; border-bottom: 1px solid transparent; } .act__desc:hover { border-bottom: 1px solid #3a3a3a; } .cat { display: inline-block; color: #3a3a3a; font-size: 12px; margin-top: 37px; margin-right: 60px; vertical-align: top; } .cat:first-child { margin-top: 0; } .cat:last-child { margin-right: 0; } .cat__title { display: block; margin-bottom: 21px; text-transform: uppercase; } .cat__point { margin-bottom: 5px; display: inline-block; padding-bottom: 3px; border-bottom: 1px solid transparent; } .cat__point:hover { border-bottom: 1px solid #3a3a3a; } .exmpl { width: 100%; text-align: center; cursor: pointer; display: block; } .exmpl__img { width: 100%; height: 295px; background-image: url("/local/templates/main/css/../img/girl.png"); background-repeat: no-repeat; background-position: center center; } .exmpl__title { margin-top: 13px; font-size: 12px; text-transform: uppercase; } .exmpl__price { margin-top: 10px; font-size: 12px; display: inline-block; } .footer a { color: #3a3a3a; } .footer__mid { position: relative; width: 100%; max-width: 1137px; padding: 45px 0 0; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media all and (max-width: 1200px) { .footer__mid { padding: 45px 20px 0; box-sizing: border-box; } } @media all and (max-width: 800px) { .footer__mid { display: block; padding: 0; } } .footer__col { display: inline-block; } .footer__col:first-child { vertical-align: top; margin: 0 auto; } .footer__col:nth-child(2) { position: absolute; right: 0; top: 45px; width: 20%; margin-right: 5%; } .footer__col:last-child { position: absolute; left: 0; top: 45px; width: 35%; } @media all and (max-width: 800px) { .footer__col { width: 100% !important; position: relative !important; top: 0 !important; display: block !important; } } .footer__bottom { background-color: #e6e7e7; width: 100%; margin-top: 135px; } @media all and (max-width: 800px) { .footer__bottom { margin: 0; } } .contacts { width: 100%; max-width: 1137px; margin: 0 auto; padding: 50px 0; text-align: center; color: #3a3a3a; border-bottom: 1px solid #e6e7e7; } @media all and (max-width: 1200px) { .contacts { padding: 50px 20px; box-sizing: border-box; } } @media all and (max-width: 980px) { .contacts { padding: 0px 20px 22px; } } .contacts__title { margin-bottom: 33px; font-size: 30px; font-style: italic; } @media all and (max-width: 980px) { .contacts__title { font-size: 24px; margin-bottom: 18px; } } .contacts__group { width: 100%; text-align: center; } .contacts__item { display: inline-block; margin-right: 99px; font-size: 14px; } .contacts__item:last-child { margin-right: 0; } @media all and (max-width: 980px) { .contacts__item { font-size: 10px; margin: 0 45px 43px 0; } } .contacts__loc { display: none; width: 22px; height: 25px; margin: 0 auto 15px; } .contacts__loc svg path { stroke: #3a3a3a; stroke-width: 4px; } .contacts__loc svg ellipse { stroke: #3a3a3a; stroke-width: 4px; } @media all and (max-width: 980px) { .contacts__loc { display: block; } } .contacts__point { display: none; margin-bottom: 16px; font-size: 10px; } @media all and (max-width: 980px) { .contacts__point { display: block; } } .about { display: inline-block; padding-left: 15%; font-size: 12px; color: #3a3a3a; text-align: left; vertical-align: top; margin-bottom: 30px; } .about_adress { font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 300; letter-spacing: -0.02em; text-align: left; line-height: 1.5em; width: 100%; box-sizing: border-box; } .about a { color: #3a3a3a; } @media all and (min-width: 801px) and (max-width: 1200px){ .footer__col .about { max-width: 90px; } } .about__title { margin-bottom: 21px; font-family: "Fira Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: 0em; text-align: left; } .about__link { display: inline-block; margin-bottom: 16px; border-bottom: 1px solid transparent; } .about__link:hover { border-bottom: 1px solid #3a3a3a; } .subs { width: 100%; max-width: 220px; text-align: center; color: #3a3a3a; } @media all and (max-width: 800px) { .subs { max-width: 100%; padding: 0 20px; box-sizing: border-box; } } .subs__title { margin-bottom: 20px; font-size: 14px; } .subs__title:first-child { margin-bottom: 0; } @media all and (max-width: 800px) { .subs__title { display: inline-block; font-size: 17px; margin: 22px 0; } .subs__title:first-child { margin-bottom: 0; } .subs__title:nth-child(2) { margin-top: 0; } } .subs__input { margin-bottom: 21px; width: 180px; height: 43px; border-radius: 0; outline: none; border: 1px solid #d9d9d9; font-family: inherit; color: #3a3a3a; font-size: 12px; text-align: left; padding: 0; box-sizing: content-box; padding: 0 10px; } .subs__input:hover { border-color: #b9b9b9; } .subs__input::-webkit-input-placeholder { color: #b7b7b7; text-align: center; } .subs__input::-moz-placeholder { color: #b7b7b7; text-align: center; } .subs__input:-ms-input-placeholder { color: #b7b7b7; text-align: center; } .subs__input::placeholder { color: #b7b7b7; text-align: center; } .subs__input:active { border-color: #1c1e23; } .subs__input:focus { border-color: #1c1e23; } .subs__input:focus::-webkit-input-placeholder { color: transparent; } .subs__input:focus::-moz-placeholder { color: transparent; } .subs__input:focus:-ms-input-placeholder { color: transparent; } .subs__input:focus::placeholder { color: transparent; } @media all and (max-width: 800px) { .subs__input { display: inline-block; width: calc(49% - 20px); margin-right: 1px; } } @media all and (max-width: 600px) { .subs__input { width: calc(100% - 20px); margin: 0 0 15px 0; } } .subs__button { width: 200px; height: 43px; border-radius: 0; box-shadow: none; border: 1px solid #4d806e; background-color: #4d806e; color: #fff; font-size: 12px; text-transform: uppercase; padding: 0; box-sizing: content-box; transition: background 0.1s linear; cursor: pointer; } .subs__button:hover { background: #548c78; border: 1px solid #548c78; } @media all and (max-width: 800px) { .subs__button { display: inline-block; width: 49%; } } @media all and (max-width: 600px) { .subs__button { width: 100%; margin: 0; margin-bottom: 35px; } } .soc__icon { width: 25px; height: 25px; margin-right: 14px; vertical-align: middle; display: inline-block; } .soc__icon .icon_img { width: 100%; } .soc__icon svg path { fill: #000; } .soc { margin-bottom:0px; margin-top: 40px; font-size: 12px; text-align: left; color: #3a3a3a; } @media all and (max-width: 800px) { .soc { text-align: center; } } .soc__title { margin-bottom: 14px; text-transform: uppercase; } @media all and (max-width: 800px) { .soc__title { display: none; } } .soc__icon { width: 25px; height: 25px; margin-right: 14px; vertical-align: middle; display: inline-block; } .soc__icon .icon_img { width: 100%; } .soc__icon svg path { fill: #000; } .soc_min { display: block; text-align: center; margin-left: 110px; margin-top: 20px; } @media all and (max-width: 900px) { .soc_min { margin-left: 0; display: none; } } .soc_min .soc__icon { width: 20px; height: 20px; display: inline-block; } .soc_like { display: inline-block; margin-bottom: 0; } .soc_like .soc__icon { width: 20px; height: 18px; display: inline-block; margin-right: 10px; } .soc_like .soc__icon:last-child { margin-right: 0; } .pay { font-size: 12px; color: #3a3a3a; } @media all and (max-width: 800px) { .pay { display: none; } } .pay__title { margin-bottom: 14px; text-transform: uppercase; } .pay__icons { margin-bottom: 10px; } .pay__link { text-decoration: underline; } .pay__img { width: 175px; } .foot-inf { width: 100%; max-width: 1137px; margin: 0 auto; height: 47px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #737373; font-size: 10px; } @media all and (max-width: 1200px) { .foot-inf { padding: 0 20px; box-sizing: border-box; } } @media all and (max-width: 620px) { .foot-inf { padding: 19px 20px; display: block; height: auto; } } .foot-inf__text { display: inline-block; margin: 0 0 0 9px; padding: 0 9px 0 6px; border-left: 1px solid #737373; } .foot-inf__link { display: inline-block; text-align: right; } @media all and (max-width: 620px) { .foot-inf__link { display: block; text-align: left; } } .foot-inf__link a:first-child, .foot-inf__link a:nth-child(2) { margin-right: 40px; } @media all and (max-width: 620px) { .foot-inf__link a { display: block; margin-right: 0; padding-top: 15px; } } .tabs__bottom { overflow: hidden; height: 0; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; transition-property: opacity; transition-duration: 0.6s; transition-timing-function: ease-out; } .tabs__bottom.active { overflow: visible; height: auto; opacity: 1; } .map-cont { width: 100%; height: 353px; overflow: hidden; background: #00f; position: relative; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: #808080; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; } .map-cont iframe { width: 100%; height: 100%; border: 0; } @media all and (max-width: 500px) { .map-cont { width: calc(100% + 40px); height: 395px; margin-left: -20px; } } .shop-loc { text-align: left; } @media all and (max-width: 500px) { .shop-loc { text-align: center; } } .shop-loc__top { margin: 42px 0 47px; font-size: 12px; line-height: 18px; color: #3a3a3a; } .shop-loc__tit { text-transform: uppercase; font-size: 24px; line-height: 28px; color: #000; } .shop-loc__min-tit { text-transform: uppercase; font-size: 18px; line-height: 18px; color: #3a3a3a; } .shop-loc__min-tit_marg-b { margin-bottom: 23px; } .shop-loc__city { margin-bottom: 20px; text-transform: uppercase; font-size: 24px; color: #3a3a3a; } .shop-loc__group { margin-bottom: 47px; font-size: 14px; line-height: 18px; } .shop-loc__all { display: block; margin: 87px 0 81px; font-size: 18px; color: #3a3a3a; text-decoration: underline; text-transform: uppercase; } @media all and (max-width: 980px) { .shop-loc__all { margin-bottom: 21px; } } @media all and (max-width: 500px) { .shop-loc__all { margin: 71px 0 115px; } } .found-cat { text-align: center; max-width: 1137px; margin: 156px auto 0; } @media all and (max-width: 600px) { .found-cat { margin: 83px auto 0; } } .found-cat__cont { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: flex-start; -ms-flex-direction: flex-start; flex-direction: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .found-cat__block { display: inline-block; -webkit-flex-basis: 19%; -ms-flex-preferred-size: 19%; flex-basis: 19%; margin: 0 3% 60px; } @media all and (max-width: 860px) { .found-cat__block { -webkit-flex-basis: 27%; -ms-flex-preferred-size: 27%; flex-basis: 27%; } } @media all and (max-width: 600px) { .found-cat__block { -webkit-flex-basis: 45%; -ms-flex-preferred-size: 45%; flex-basis: 45%; margin: 0 2.5% 33px; } } .found-cat .product__img { background-size: contain; } .order_additional_buttons { width: 100%; display: inline-block; } .order_additional_buttons.detail { width: 100%; display: inline-block; text-align: right; } .order_pay_info { font-size: 14px; margin: 10px 0px; color: #3a3a3a; } .basket__line_det.detail .basket__point:nth-child(2) { text-align: left; } .order_additional_buttons .order_additional_buttons_box { display: inline-block; width: 235px; text-align: center; margin: 10px 0px; } .order_additional_buttons a { width: 200px; vertical-align: middle; display: inline-block; background-color: var(--secondary); color: var(--white); padding: 17px 15px; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0.04em; text-align: center; box-sizing: border-box; text-transform: uppercase; } .order_additional_buttons a:hover { } .order_additional_buttons a:focus { color: #fff; } .registration_form .checkout__block_small { margin-left: 0px; margin-bottom: 0px; } .registration_form .checkout__block_small label { color: #3a3a3a; } .registration_form .checkout__block_small label.need_check { color: #ff0000; text-decoration: underline; } .information_box { background-color: #84a98a; width: 100%; display: inline-block; padding: 15px 0px; vertical-align: middle; } .information_box .news_detail_information { width: 100%; max-width: 1137px; margin: 0 auto; text-align: center; color: #ffffff; font-size: 18px; } .information_box .news_detail_information p, .information_box .news_detail_information a { color: #ffffff; font-size: 18px; font-weight: bold; } /* FAVORITE FOR SECTION PAGE */ .favorite_button { position: absolute; top: -60px; left: 15px; z-index: 1; width: 30px; cursor: pointer; } .favorite_button.active_icon svg path { stroke: #c98980; fill: #c98980; stroke-width: 3px; } .favorite_button svg path { stroke: #b7b7b7; fill: none; stroke-width: 3px; } .favorite_button:hover svg path { stroke: #c98980; } .favorite_section_cover { display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 250; } .favorite_section_cover.active { display: block; } .favorite_section_modal { cursor: initial; position: relative; width: 100%; max-width: 820px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #fff; top: 50%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .favorite_section_modal_title { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; text-align: center; } .favorite_section_modal_close { position: absolute; top: 20px; right: 20px; display: inline-block; width: 17px; height: 17px; background-image: url(/local/templates/main/css/../img/close.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.6; cursor: pointer; } .favorite_section { display: inline-block; color: #3a3a3a; border: 1px solid #3a3a3a; text-transform: uppercase; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px; margin: 5px 5px; cursor: pointer; user-select: none; transition: all 1s ease 0.1s; } .favorite_section.favorite_added { color: #fff; background-color: #3a3a3a; } .favorite_section:hover { background-color: #484848; color: #fff; } .modile_back { display: none; position: fixed; top: 70px; left: 20px; z-index: 19; background: #fff; font-size: 14px; color: #737373; padding: 5px 10px 5px 15px; box-sizing: border-box; background-image: url(/local/templates/main/img/back.png); background-repeat: no-repeat; background-position: 2px center; background-size: 10px; vertical-align: middle; box-shadow: 0px 0px 2px 0px #737373; } .modile_back a { vertical-align: middle; } @media (max-width: 980px) { .modile_back { display: none; } } .subscribe_ok_img img { max-width: 100%; } .subscribe_text_img { color: #8cae9e; text-transform: uppercase; font-weight: 700; } .search_empty_img img { max-width: 100%; } .search_empty_text { color: #2d564a; text-transform: uppercase; font-weight: 700; margin-bottom: 20px; } .for_order_info { margin-bottom: 20px; } .for_order_info img { max-width: 100%; } /* TELEGRAM ICON IN HEADER */ .top_line .r .blk .telegram{ /* min-width:200px; */ } .top_line .r .blk .telegram a{ /* width: 100% ; */ /* display: flex ; */ } .top_line .r .blk .telegram_icon{ max-width:20px; width:100%; /* margin-top:-5px; */ } .top_line .r .blk .telegram_icon img{ max-width:100%; } .top_line .r .blk .telegram_text{ line-height:1.3em; font-size:18px; } @media (max-width:1150px){ .top_line .r .blk .telegram_text{ display:none; } .top_line .r .blk .telegram{ min-width:30px; } .top_line .r .blk .telegram a{ min-width: 100%; } } @media (max-width: 900px){ .top_line .r .blk .telegram{ margin-right: 0; } .top_line .r .blk .telegram_icon{ margin-top:1px; /* max-width: 22px; */ } } @media (max-width: 640px){ .top_line .r .blk .locale{ display:flex; } } .locale a { font-size: 18px!important; font-weight: 300; font-family: 'Fira Sans', sans-serif; line-height: 22px; } .footer-wrap .fp-overflow { display: block!important; } /* End */ /* Start:/local/templates/main/css/home.css?16926934509513*/ .offer { width: 100%; height: 455px; background-image: url("/local/templates/main/css/../img/banner2.png"); background-size: cover; background-position: 10% center; background-repeat: no-repeat; box-sizing: border-box; background: #000; position: relative; } footer.footer { border-top: 1px solid #e6e7e7; } @media all and (max-width: 980px) { .offer { /*height: 340px; background-size: contain;*/ } } @media all and (max-width: 600px) { .offer { height: 265px; } } .offer__text { width: 40%; color: #4d806e; font-size: 60px; font-family: 'Merriweather', sans-serif; box-sizing: border-box; position: absolute; padding: 0 0 40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media all and (max-width: 980px) { .offer__text { font-size: 45px; } } @media all and (max-width: 600px) { .offer__text { font-size: 36px; } } .offer__link { display: inline-block; width: 220px; font-size: 12px; line-height: 40px; height: 40px; color: #fff; border: 1px solid #4d806e; background-color: #4d806e; text-transform: uppercase; font-family: 'Geometria', sans-serif; text-align: center; display: inline-block; box-sizing: border-box; position: absolute; left: 0; bottom: 60px; } .offer__link:hover { background: #548c78; border: 1px solid #548c78; } @media all and (max-width: 1200px) { .offer__link { left: 20px; } } @media all and (max-width: 980px) { .offer__link { bottom: 20px; } } @media all and (max-width: 600px) { /*.offer__link { display: inline-block; box-sizing: border-box; width: calc(100% - 40px); left: 20px; }*/ .offer__link { display: block; position: static; margin: 10px auto; box-sizing: border-box; width: calc(100% - 40px); left: 20px; } } .offer__cont { width: 100%; height: 100%; max-width: 1137px; margin: 0 auto; text-align: left; position: relative; } @media all and (max-width: 1200px) { .offer__cont { padding: 0 20px; box-sizing: border-box; } } .sale { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 66px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media all and (max-width: 980px) { .sale { margin-bottom: 40px; } } .sale__item { display: inline-block; width: 30%; } .sale__carousel { width: 100%; position: relative; padding-bottom: 40px; } .sale .swiper-pagination { display: none; } @media all and (max-width: 600px) { .sale .swiper-pagination { display: block; } } .sale-block { width: 100%; overflow: hidden; text-align: center; } .sale-block__img { margin-bottom: 22px; width: 100%; position: relative; overflow: hidden; } .sale-block__img:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0); transition: all 0.2s ease; } .sale-block__img:hover:after { content: ""; background-color: rgba(0,0,0,0.2); } .sale-block__title { margin-bottom: 12px; font-size: 14px; font-family: 'Geometria-Medium', sans-serif; color: #3a3a3a; text-transform: uppercase; } .sale-block__desc { font-size: 14px; color: #969699; } .sale-block__p2 { font-family: Times New Roman, serif; font-size: 36px; color: #4d806e; text-transform: uppercase; } @media all and (max-width: 980px) { .sale-block__p2 { font-size: 23px; } } .sale-block__p1 { font-family: Times New Roman, serif; font-size: 86px; color: #4d806e; font-weight: bold; text-transform: uppercase; } @media all and (max-width: 980px) { .sale-block__p1 { font-size: 50px; } } .sale-block__bann { background: #fff; width: 75%; height: 80%; margin: 0 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .actual { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .actual-title { margin-bottom: 37px; text-align: center; font-size: 30px; font-family: Times New Roman, serif; font-style: italic; color: #3a3a3a; } .actual__img { width: 100%; height: 100%; box-sizing: border-box; background-position: center center; background-repeat: no-repeat; /*background-size: cover;*/ background-size: contain; } .actual__item { overflow: hidden; position: relative; display: inline-block; width: 65%; margin-bottom: 0px; height: 386px; padding-bottom: 40px; } .actual__item .actual__item_name { text-align: center; font-size: 14px; font-family: 'Geometria-Medium', sans-serif; color: #3a3a3a; text-transform: uppercase; line-height: 40px; } @media all and (max-width: 980px) { .actual__item { height: 250px; } } @media all and (max-width: 600px) { .actual__item { display: block; width: 100%; max-width: 400px; margin: 0 auto 22px; } } .actual__item_small { width: 30%; } @media all and (max-width: 600px) { .actual__item_small { display: block; width: 100%; max-width: 400px; margin: 0 auto 22px; height: 330px; } } .actual__item:first-child .actual__img { background-position: right center; } .actual__item:last-child .actual__img { /*background-position: left center;*/ } .share { width: 100%; height: 155px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: linear-gradient(to bottom, #fdf8d5 0%, #e9deb6 49%, #cbba8f 100%); } .share__img { display: inline-block; width: 80px; height: 80px; margin: 0 30px; } .share__form { display: inline-block; } .share__input { width: 295px; height: 43px; padding: 0 0 0 23px; background-color: #fff; color: #737373; font-size: 12px; } .share__button { height: 43px; padding: 0 21px; color: #fff; background-color: #44826d; font-size: 12px; text-transform: uppercase; margin-left: -10px; } .share__title { display: inline-block; width: 30%; font-size: 24px; color: #44826d; margin-left: 8%; font-family: Times New Roman, serif; text-transform: uppercase; text-align: right; } .square{ display: none; } .square .actual__img { background-size: cover; } .main_full_slider_video { position: absolute; top: 0px; bottom: 0px; left: 0; width: 100%; height: 100%; object-fit: cover; } .main_full_slider_video.mobile { display: none; } @media all and (max-width: 450px) { .square{ display: block; } .not_square{ display: none; } } @media all and (max-width: 768px) { .main_full_slider_video.mobile { display: block; } .main_full_slider_video.desktop { display: none; } } .subscribe_telegram_box{ width: 100%; height: 600px; margin-top: 50px; } .subscribe_telegram_img{ background-image: url("/local/templates/main/img/tg_image.png"); width: 100%; height: 600px; background-repeat: no-repeat; background-size: cover; } .subscribe_telegram_box_left{ width: 50%; float: left; } .subscribe_telegram_box_right{ width: 50%; float: right; position: relative; height: 600px; } .subscribe_telegram_icon{ background-image: url("/local/templates/main/img/tg_ico.png"); background-repeat: no-repeat; background-size: contain; width: 100%; height: 85px; background-position: center; } .subscribe_telegram_text{ font-family: "Fira Sans"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 36px; letter-spacing: -0.02em; } .subscribe_telegram_a{ font-family: "Fira Sans"; font-size: 25px; font-style: normal; font-weight: 400; line-height: 36px; letter-spacing: -0.02em; border-bottom: 1px var(--a_primary) solid; } .subscribe_telegram_right_box_center{ width: 200px; text-align: center; position: absolute; top: calc(50% - 125px); left: calc(50% - 100px); height: 250px; } @media (max-width: 1080px) { .subscribe_telegram_box_left{ width: 60%; } .subscribe_telegram_box_right{ width: 40%; } } @media (max-width: 600px) { .subscribe_telegram_box,.subscribe_telegram_box_right,.subscribe_telegram_img{ height: 400px; } .subscribe_telegram_text { font-size: 15px; line-height: 22px; } .subscribe_telegram_a{ font-size: 13px; } .subscribe_telegram_right_box_center { width: 100px; text-align: center; position: absolute; top: calc(50% - 100px); left: calc(50% - 55px); height: 200px; line-height: 25px; } .subscribe_telegram_img{ background-position: center; } .subscribe_telegram_icon { height: 50px; } } /* End */ /* Start:/local/templates/main/css/cabinet.css?169269345021576*/ .main__cab { width: 100%; max-width: 1137px; margin: 0 auto; } @media all and (max-width: 1200px) { .main__cab { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } } .main__output, .main__output_fast { width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 250; display: none; overflow-y: auto; } .main__output.active, .main__output_fast.active { display: block; } @media all and (max-width: 760px) { .main__output { background: #fff; } } .output { position: relative; width: 100%; max-width: 820px; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; top: 50%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; } .main__output_fast .output { max-width: 300px; } .form_fastorder.noactive { display: none; } .form_fastorder_answer { display: none; font-size: 14px; text-align: center; } .form_fastorder_answer.active { display: block; } @media all and (max-width: 760px) { .output { top: 0; left: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media all and (max-width: 760px) { .output__mob-n { display: none; } } .output__close { position: absolute; top: 20px; right: 20px; display: inline-block; width: 17px; height: 17px; background-image: url("/local/templates/main/css/../img/close.svg"); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.6; cursor: pointer; } .output__close_fast { position: absolute; top: 20px; right: 20px; display: inline-block; width: 17px; height: 17px; background-image: url("/local/templates/main/css/../img/close.svg"); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.6; cursor: pointer; } .output__title { font-size: 18px; text-transform: uppercase; margin-bottom: 47px; text-align: center; } .main__output_fast .output__title { margin-bottom: 20px; } .main__output_fast input.error { border: 2px solid red; } .main__output_fast .for_agree { font-size: 12px; } .main__output_fast .pop-info__btn { width: 100%; } .main__output_fast .for_put label { font-size: 14px; margin-bottom: 5px; display: block; color: #1c1e23; } .main__output_fast .form-cab__textarea { width: 100%; height: 100px; margin-bottom: 14px; padding: 5px 11px; border: 1px solid #d9d9d9; font-size: 12px; font-family: 'Geometria-Light', sans-serif; color: #1c1e23; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; } @media all and (max-width: 760px) { .output__title { margin: 0 25px 47px; } } .output__name { font-size: 12px; font-family: 'Geometria-Medium', sans-serif; } .output__txt { margin: 12px 0; font-size: 12px; font-family: 'Geometria-Light', sans-serif; } @media all and (max-width: 760px) { .output__txt { font-size: 18px; } } .output__bold { margin-right: 10px; font-size: 12px; font-family: 'Geometria-Medium', sans-serif; font-weight: bold; text-transform: uppercase; } .output__like { font-family: Times New Roman, serif; font-style: italic; font-size: 30px; text-align: center; } .output__carousel { position: relative; padding: 47px 0 0; border-top: 1px solid #bababa; } @media all and (max-width: 760px) { .output__carousel { display: none; } } .output__img { display: inline-block; min-width: 151px; height: 225px; background-image: url("/local/templates/main/css/../img/coat.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } @media all and (max-width: 760px) { .output__img { display: block; margin: 0 auto; } } .output__block { display: inline-block; width: calc(100% - 155px); vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 17px; } @media all and (max-width: 760px) { .output__block { display: block; width: 100%; text-align: center; margin-top: 28px; padding: 0; } } .output__line { margin-top: 12px; font-size: 0; } .output__button { width: 45%; display: inline-block; margin: 38px 5% 44px 0; height: 43px; background-color: #3a3a3a; color: #fff; text-transform: uppercase; font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .output__button:last-child { margin-right: 0; } .output__button:hover { background-color: #484848; } .output__button_white { background-color: #fff; border: 1px solid #3a3a3a; color: #3a3a3a; background-color: #fff; } .output__button_white:hover { background-color: #fff; } @media all and (max-width: 760px) { .output__button { display: block; width: 100%; margin: 0 0 14px; } } .swip-cont-small { overflow: hidden; margin: 35px 10% 0; } .cabinet { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media all and (max-width: 760px) { .cabinet { display: block; } } .cabinet__no-orders, .cabinet__aside { display: inline-block; min-width: 219px; margin: 30px 64px 0 0; } @media all and (max-width: 760px) { .cabinet__no-orders, .cabinet__aside { display: block; width: 100%; height: auto !important; } } .cabinet__main { display: inline-block; width: 100%; } @media all and (max-width: 760px) { .cabinet__main { display: block; width: 100%; } } .cabinet__title { font-family: "Fira Sans"; font-size: 30px; font-size: 30px; text-align: center; margin-top: 20px; margin-bottom: 40px; } @media all and (max-width: 760px) { .cabinet__title { font-size: 24px; } } .cabinet__add-all { display: block; width: 330px; height: 46px; margin: 40px auto; color: #fff; font-size: 12px; background-color: #3a3a3a; text-transform: uppercase; cursor: pointer; -webkit-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } @media all and (max-width: 760px) { .cabinet__add-all { width: 100%; } } .cabinet__add-all:hover { background-color: #484848; } .favorite { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media all and (max-width: 900px) { .favorite { display: block; } } .favorite__block { width: 26%; margin: 3%; display: inline-block; } @media all and (max-width: 900px) { .favorite__block { width: 100%; margin: 0; } } .favorite__block .product { position: relative; font-size: 0; } @media all and (max-width: 900px) { .favorite__block .product { padding-top: 24px; padding-bottom: 13px; border-bottom: 1px dashed #c9c9c9; } } .favorite__block .product__rebate { display: none; color: #ff5300; font-size: 14px; font-family: 'Geometria-Medium', sans-serif; } @media all and (max-width: 900px) { .favorite__block .product__rebate { font-family: 'Geometria-Light', sans-serif; font-size: 12px; } } @media all and (max-width: 900px) { .favorite__block .product__sum { font-family: 'Geometria-Light', sans-serif; font-size: 12px; } } .favorite__block .product__line.rebate .product__rebate { display: inline-block; margin-left: 10px; } .favorite__block .product__line.rebate .product__sum { display: inline-block; text-decoration: line-through; } @media all and (max-width: 900px) { .favorite__block .product__title { margin-right: 35px; } } .favorite__block .product__brand { display: none; } @media all and (max-width: 900px) { .favorite__block .product__brand { display: block; margin: 0 35px 9px 0; color: #3a3a3a; font-size: 12px; font-family: 'Geometria-Medium', sans-serif; text-transform: uppercase; } } @media all and (max-width: 900px) { .favorite__block .product__add { color: #b7b7b7; font-size: 10px; font-family: 'Geometria-Medium', sans-serif; text-transform: uppercase; border-bottom: 1px solid #b7b7b7; } } @media all and (max-width: 900px) { .favorite__block .product__del { font-size: 0; position: absolute; right: 0px; background-image: url("/local/templates/main/css/../img/close.svg"); background-repeat: no-repeat; background-size: cover; top: 24px; display: inline-block; width: 17px; height: 16px; margin: 0; opacity: 0.6; } } @media all and (max-width: 900px) { .favorite__block .product__image { vertical-align: top; display: inline-block; width: 89px; height: 138px; } } @media all and (max-width: 900px) { .favorite__block .product__cont { vertical-align: top; padding-left: 25px; display: inline-block; width: calc(100% - 89px); text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media all and (max-width: 900px) { .favorite__block .product__size { font-size: 12px; } .favorite__block .product__size:before { content: "Размер"; margin-right: 10px; font-size: 11px; font-family: 'Geometria-Bold', sans-serif; text-transform: uppercase; } } .favorite__block .product__color { display: none; margin-top: 29px; font-size: 12px; font-family: 'Geometria-Light', sans-serif; } @media all and (max-width: 900px) { .favorite__block .product__color { display: block; } .favorite__block .product__color:before { content: "Цвет"; margin-right: 10px; font-size: 11px; font-family: 'Geometria-Bold', sans-serif; text-transform: uppercase; } } .aside-cab__nav .nav { padding: 0; } .aside-cab__nav .nav__home:after { content: "/"; margin-left: 10px; } .aside-cab__title { font-family: 'Geometria-Light', sans-serif; font-size: 18px; text-transform: uppercase; color: #3a3a3a; margin-top: 37px; } @media all and (max-width: 760px) { .aside-cab__title { font-family: Times New Roman, serif; font-style: italic; font-size: 24px; text-align: center; text-transform: capitalize; } } .aside-cab__title_acc { display: none; } @media all and (max-width: 760px) { .aside-cab__title_acc { display: block; } } @media all and (max-width: 760px) { .aside-cab__title_mob { position: relative; font-size: 16px; font-family: 'Geometria', sans-serif; text-align: left; font-style: normal; margin: 15px 0; } .aside-cab__title_mob:after { content: "+"; position: absolute; right: 0; top: -5px; font-size: 20px; font-family: 'Geometria-Bold', sans-serif; } } @media all and (max-width: 760px) { .aside-cab__cont { display: none; } } @media all and (max-width: 760px) { .aside-cab__block { border: 1px solid #e6e7e7; border-left: 0; border-right: 0; width: calc(100% + 40px); margin-left: -20px; position: relative; padding: 0 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .aside-cab__block:last-child { border-top: 0; } .aside-cab__block.active { padding: 0 20px 27px; } .aside-cab__block.active .aside-cab__title_mob:after { content: "–"; font-size: 17px; } .aside-cab__block.active .aside-cab__cont { display: block; } } .aside-cab__name { padding: 8px 0 0; font-size: 14px; } @media all and (max-width: 760px) { .aside-cab__name { text-align: center; padding: 8px 0 29px; } } .aside-cab__name_bott { margin: 21px 0 24px; font-family: 'Geometria-Medium', sans-serif; font-size: 12px; text-transform: uppercase; } @media all and (max-width: 760px) { .aside-cab__name_bott { text-align: left; margin: 18px 0 20px; padding: 0; } } .aside-cab__name_phone { display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #3a3a3a; padding: 0; cursor: pointer; } .aside-cab__menu { padding: 37px 0; border-bottom: 1px solid #e6e7e7; color: #3a3a3a; } @media all and (max-width: 760px) { .aside-cab__menu { border: 0; padding: 0; } } .aside-cab__item { font-size: 12px; margin-bottom: 20px; cursor: pointer; } .aside-cab__item:last-child { margin-bottom: 0; } .aside-cab__item.active { font-family: 'Geometria-Bold', sans-serif; cursor: default; } .aside-cab__item.active a { cursor: default; } .aside-cab__item.active a:hover { text-decoration: none; } @media all and (max-width: 760px) { .aside-cab__item { margin: 17px 0 20px; } } .aside-cab__hov:hover { text-decoration: underline; } .form-cab { width: 309px; } @media all and (max-width: 760px) { .form-cab { width: 100%; } } .form-cab__title { margin-bottom: 12px; font-size: 12px; } .video_Call_form .form-control { background-color: #fff; border: 1px solid #d9d9d9; box-shadow: none; border-radius: 0px; height: 40px; color: #000; width: 100%; } .form-cab__input { width: 100%; height: 40px; margin-bottom: 14px; padding: 0 11px; border: 1px solid #d9d9d9; font-size: 12px; font-family: 'Geometria-Light', sans-serif; color: #1c1e23; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-cab__input:hover { border-color: #b9b9b9; } .form-cab__input:active { border-color: #1c1e23; } .form-cab__input::-webkit-input-placeholder { color: #d9d9d9; text-transform: uppercase; } .form-cab__input:-ms-input-placeholder { color: #d9d9d9; text-transform: uppercase; } .form-cab__input::placeholder { color: #d9d9d9; text-transform: uppercase; } .form-cab__input:focus { border-color: #1c1e23; } .form-cab__input:focus::-webkit-input-placeholder { color: transparent; } .form-cab__input:focus:-ms-input-placeholder { color: transparent; } .form-cab__input:focus::placeholder { color: transparent; } .form-cab__pass { position: relative; } .form-cab__pass .pass-icon { position: absolute; right: 10px; top: 13px; z-index: 3; width: 30px; height: 16px; display: inline-block; background-image: url("/local/templates/main/css/../img/eye3.svg"); background-size: 200% auto; background-repeat: no-repeat; background-position: left bottom; cursor: pointer; } .form-cab__pass .pass-icon:hover { background-position: right bottom; } .form-cab__pass .pass-icon.active { background-position: left top; } .form-cab__pass .pass-icon.active:hover { background-position: right top; } .form-cab__pass .form-cab__input { padding-right: 50px; } .form-cab__button { width: 100%; height: 40px; margin: 20px 0 39px; color: #fff; font-size: 12px; background-color: #3a3a3a; text-transform: uppercase; cursor: pointer; -webkit-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .form-cab__button:hover { background-color: #484848; } .entry { margin: 0 auto; text-align: center; } .entry__colomn { display: inline-block; width: 309px; vertical-align: top; text-align: left; font-size: 0; margin-bottom: 30px; } .entry__colomn:nth-child(2) { margin-left: 220px; } @media all and (max-width: 900px) { .entry__colomn:nth-child(2) { margin: 0 auto 30px; } } .entry__colomn_cent { text-align: center; } @media all and (max-width: 900px) { .entry__colomn { display: block; margin: 0 auto 30px; } } @media all and (max-width: 760px) { .entry__colomn { width: 100%; margin: 0 0 30px; text-align: center; } } .entry__lnk { border-bottom: 1px solid #3a3a3a; } .entry__title { font-family: "Fira Sans"; font-size: 30px; } .entry__small { margin: 16px 0 32px; font-size: 12px; color: #3a3a3a; } @media all and (max-width: 760px) { .entry__small { max-width: 280px; margin: 16px auto 32px; } } .entry__center { text-align: center; } .entry__border { text-align: center; display: inline-block; width: auto; margin: 14px auto 0; font-size: 12px; color: #3a3a3a; border-bottom: 1px solid #3a3a3a; text-transform: uppercase; cursor: pointer; } .entry__inp { width: 100%; height: 40px; margin-bottom: 14px; padding: 0 11px; border: 1px solid #d9d9d9; font-size: 12px; font-family: 'Geometria-Light', sans-serif; color: #1c1e23; -webkit-box-sizing: border-box; box-sizing: border-box; } .entry__inp:hover { border-color: #b9b9b9; } .entry__inp:active { border-color: #1c1e23; } .entry__inp::-webkit-input-placeholder { color: #bfbfbf; text-transform: uppercase; } .entry__inp:-ms-input-placeholder { color: #bfbfbf; text-transform: uppercase; } .entry__inp::placeholder { color: #bfbfbf; text-transform: uppercase; } .entry__inp:focus { border-color: #1c1e23; } .entry__inp:focus::-webkit-input-placeholder { color: transparent; } .entry__inp:focus:-ms-input-placeholder { color: transparent; } .entry__inp:focus::placeholder { color: transparent; } .entry__pass { position: relative; } .entry__pass .pass-icon { position: absolute; right: 10px; top: 13px; z-index: 3; width: 30px; height: 16px; display: inline-block; background-image: url("/local/templates/main/css/../img/eye3.svg"); background-size: 200% auto; background-repeat: no-repeat; background-position: left bottom; cursor: pointer; } .entry__pass .pass-icon:hover { background-position: right bottom; } .entry__pass .pass-icon.active { background-position: left top; } .entry__pass .pass-icon.active:hover { background-position: right top; } .entry__pass .entry__inp { padding-right: 50px; } .entry__button { width: 100%; height: 40px; margin: 46px 0 0px; color: #fff; font-size: 12px; background-color: #3a3a3a; text-transform: uppercase; cursor: pointer; -webkit-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; } .entry__button:hover { background-color: #484848; } .entry__button_ok { display: inline-block; width: 45%; margin-top: 0; margin-right: 10%; background-color: #5a74a0; } .entry__button_ok:hover { background-color: #6982ab; } @media all and (max-width: 760px) { .entry__button_ok { width: 100%; margin: 0; } } .entry__button_fb { display: inline-block; width: 45%; margin-top: 0; background-color: #3b5998; } .entry__button_fb:hover { background-color: #4366ae; } @media all and (max-width: 760px) { .entry__button_fb { width: 100%; margin-top: 14px !important; } } .entry__button_no-margin { margin: 0; } @media all and (max-width: 760px) { .entry__button { margin-top: 0; } } .entry__or { position: relative; margin-top: 30px; font-family: Times New Roman, serif; font-style: italic; font-size: 18px; text-align: center; } .entry__or span { position: relative; display: inline; background-color: #fff; padding: 14px 20px; z-index: 2; } .entry__or:after { content: ""; z-index: 1; position: absolute; left: 0; top: 10px; width: 100%; height: 1px; border-bottom: 1px solid #e6e7e7; } .entry_hover { position: absolute; top: 10px; right: -150px; z-index: 40; background: #fff; padding: 50px 32px 0; white-space: nowrap; } .entry_hover .entry__colomn { white-space: normal; } .entry_hover .entry__colomn:nth-child(2n) { margin: 0 0 0 134px; } .entry_hover .entry__title { color: #3a3a3a; } .no-scroll-act { overflow: hidden; } .thanks { max-width: 600px; margin: 30px auto; } @media all and (max-width: 600px) { .thanks { width: 100%; } } .thanks__top { font-family: Times New Roman, serif; font-weight: bold; text-transform: uppercase; font-size: 24px; text-align: center; font-style: italic; } .thanks__desc { width: 100%; padding: 37px 15px; margin: 0 auto; color: #7f7f7f; font-size: 14px; font-family: 'Geometria-Light', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dashed #7f7f7f; text-align: center; } @media all and (max-width: 600px) { .thanks__desc { padding: 30px 0 30px; } } .thanks__block { padding: 80px 60px 38px; } @media all and (max-width: 600px) { .thanks__block { padding: 40px 0; } } .thanks__title { margin-bottom: 36px; color: #3a3a3a; font-size: 14px; text-transform: uppercase; font-family: 'Geometria-Medium', sans-serif; text-align: center; } .thanks__line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .thanks__item { display: inline-block; font-size: 12px; line-height: 16px; font-family: 'Geometria-Light', sans-serif; color: #262424; } .thanks__item:first-child { min-width: 150px; text-align: left; } .thanks__item:last-child { text-align: right; width: 100%; } .thanks__back { margin: 0 auto; text-align: center; height: 40px; width: 200px; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #3a3a3a; color: #3a3a3a; font-family: 'Geometria-Light', sans-serif; text-transform: uppercase; font-size: 11px; line-height: 40px; cursor: pointer; } @media all and (max-width: 600px) { .thanks__back { width: 100%; } } /* End */ /* Start:/local/templates/main/css/carousel.css?16926934504297*/ .product { color: #3a3a3a; overflow: hidden; text-align: center; display: block; position: relative } .product__img { position: relative; width: 100%; background-image: url("/local/templates/main/css/../img/dress.png"); background-position: center center; background-repeat: no-repeat; padding-top: 150%; } .new__carousel .product__img { height: 300px; } .product__image { position: relative; width: 100%; height: 230px; background-image: url("/local/templates/main/css/../img/dress.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; } .product__title { margin: 10px 0 16px; font-size: 12px; } .product__sum { font-size: 14px; font-family: 'Geometria', sans-serif; display: inline-block; } .product__size { margin: 18px 0; font-size: 11px; font-family: 'Geometria-Light', sans-serif; } .product__add { display: inline-block; font-size: 10px; font-family: 'Geometria-Medium', sans-serif; border-bottom: 1px solid #3a3a3a; text-transform: uppercase; cursor: pointer; } .product__del { margin-top: 17px; color: #b7b7b7; font-size: 10px; font-family: 'Geometria-Medium', sans-serif; text-transform: uppercase; cursor: pointer; } .carousel__item a.product .product_label { position: absolute; right: 0px; width: 80px; text-align: center; } .carousel__item a.product .product_label img { width: 100%; } .carousel__item a.product .product_label.position_label_1 { top: 15px; } .carousel__item a.product .product_label.position_label_2 { top: 50px; } .carousel__item a.product .product_label.position_label_3 { top: 90px; } .carousel__item a.product .product_label.position_label_4 { top: 130px; } .card { width: 100%; } .card__carousel { width: 100%; max-width: 1300px; margin: 0 auto; } .detail { width: 100%; } .detail__left { display: inline-block; height: 390px; width: 80px; } .detail__img { display: inline-block; } .detail__right { display: inline-block; } .swiper-pagination-bullet { width: 5px !important; height: 5px !important; background: #dddede !important; opacity: 1 !important; vertical-align: middle !important; margin: 0 3px !important; } .swiper-pagination-bullet-active { width: 8px !important; height: 8px !important; opacity: 1 !important; background: #7c7c7c !important; } .carousel__item:nth-child(2n) .product__img { background-image: url("/local/templates/main/css/../img/dress2.png"); } .new { width: 100%; max-width: 1137px; position: relative; margin: 80px auto 30px; } @media all and (max-width: 980px) { .new { margin: 56px 0; } .product__title { margin: 10px 0 5px; font-size: 12px; } } @media all and (max-width: 600px) { .new { margin: 50px 0; } .new__carousel .product__img { height: 260px; } } @media all and (max-width: 340px) { .new__carousel .product__img { height: 240px; } } .new__title { margin-bottom: 22px; text-align: center; font-size: 30px; font-family: Times New Roman, serif; font-style: italic; color: #3a3a3a; } .new__block { text-align: center; margin-bottom: 34px; } .new__title-min { display: inline-block; margin-right: 69px; font-size: 24px; font-family: Times New Roman, serif; font-style: italic; color: #3a3a3a; cursor: pointer; } .slider__title { display: inline-block; width: 100%; margin-bottom: 20px; font-size: 24px; font-family: Times New Roman, serif; font-style: italic; color: #3a3a3a; cursor: pointer; } .slider__box { margin-bottom: 20px; } .slider__box.search_empty { position: relative; } @media all and (max-width: 980px) { .new__title-min { font-size: 18px; margin-right: 30px; } } .new__title-min:last-child { margin-right: 0; } .new__title-min.disable { color: #b7b7b7; } @media all and (max-width: 640px) { .new__title-min.disable { /* display: none; */ display: block; } .new__title-min { margin: 5px 0; } } .new__carousel { margin: 0 50px !important; } @media all and (max-width: 980px) { .new__carousel { margin: 0 !important; padding: 0 0 45px !important; } } .new .swiper-pagination { display: none; } @media all and (max-width: 980px) { .new .swiper-pagination { display: block; } } @media all and (max-width: 980px) { .new .swiper-button-prev, .new .swiper-button-next { display: none; } } /* End */ /* Start:/local/templates/main/css/check.css?169269345019836*/ .shake{-webkit-animation:shake 0.4s linear;animation:shake 0.4s linear}.main{overflow:hidden}.main__cont-check{width:100%;max-width:1137px;margin:18px auto}@media (max-width:1200px){.main__cont-check{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (max-width:980px){.main__cont-check{margin:20px auto}}@media (max-width:760px){.main__cont-check{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media (max-width:1000px){.main__check{margin-bottom:44px}}@media (max-width:550px){.main__check{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media (max-width:550px){.main__check-cont{padding-top:60px}}.checkout{display:inline-block;width:569px}@media (max-width:1000px){.checkout{width:330px}}@media (max-width:550px){.checkout{width:100%}}.checkout__title{margin:18px 0 30px;font-family:Times New Roman, sans;font-style:italic;font-size:30px}@media (max-width:550px){.checkout__title{margin:0 0 30px;text-align:center}}.checkout__line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-bottom:12px}.checkout__line_small{margin:0!important;padding:0 0 16px;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important}.checkout__line_small:last-child{padding-bottom:0;margin-bottom:12px!important}.checkout__line_small:first-child{padding-top:16px}@media (max-width:1000px){.checkout__line_small:first-child{padding-top:8px}}.checkout__line:last-child{margin-top:32px}.checkout__line:first-child{margin-top:0!important}@media (max-width:1000px){.checkout__line{display:block}}.checkout__line_no-margin{margin:0}.checkout__name{display:inline-block;min-width:175px;padding:16px 27px 16px 0;text-transform:uppercase;font-size:12px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:1000px){.checkout__name{display:block;text-align:left}}/*@media (max-width:1000px){.checkout__name.city{display:none}}*/@media (max-width:1000px){.checkout__name.phone{display:none}}.checkout__name.contacts{display:none}@media (max-width:1000px){.checkout__name.contacts{display:block}}.checkout__inp{width:100%;height:40px;padding:0 11px;border:1px solid #d9d9d9;font-size:12px;font-family:'Geometria-Light', sans-serif;color:#1c1e23;-webkit-box-sizing:border-box;box-sizing:border-box}.checkout__inp:hover{border-color:#b9b9b9}.checkout__inp:active{border-color:#1c1e23}.checkout__inp::-webkit-input-placeholder{color:#1c1e23}.checkout__inp:-ms-input-placeholder{color:#1c1e23}.checkout__inp::placeholder{color:#1c1e23}.checkout__inp:focus{border-color:#1c1e23}.checkout__inp:focus::-webkit-input-placeholder{color:transparent}.checkout__inp:focus:-ms-input-placeholder{color:transparent}.checkout__inp:focus::placeholder{color:transparent}.checkout__inp_small{width:30%}.checkout__drop-block{display:none;border:1px solid #1c1e23;border-top:0;position:absolute;z-index:3;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.checkout__value{width:100%;padding:15px;text-align:left;cursor:pointer;font-size:12px;font-family:'Geometria-Light', sans-serif;color:#1c1e23}.checkout__drop-inp{position:relative;width:100%}.checkout__drop-inp:before{content:"";position:absolute;top:18px;right:15px;display:inline-block;width:7px;height:7px;border-left:1px solid #b7b7b7;border-top:1px solid #b7b7b7;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.checkout__drop-inp.open:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:20px}.checkout__drop-inp.open .checkout__drop-block{display:block}.checkout__labelerr{display:none;margin-top:6px;font-size:12px;font-family:'Geometria-Light', sans-serif}.checkout__inp-block{display:inline-block;width:100%}.checkout__inp-block.err .checkout__label{display:block;color:#e85350}.checkout__inp-block.err .checkout__inp{color:#e85350;border-color:#e85350}.checkout__inp-block.err .checkout__inp:active{color:#1c1e23}.checkout__inp-block.err .checkout__inp:focus{color:#1c1e23}.checkout__inp-block.err .checkout__labelerr{display:block;color:#e85350}.checkout__radio{display:inline-block;min-width:14px;height:14px;border-radius:100%;margin-right:10px;border:1px solid #d9d9d9;position:relative}.checkout__radio:checked{border-color:#3a3a3a}.checkout__radio:checked:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:100%;background-color:#3a3a3a}.checkout__label{display:inline-block;width:100%;font-size:12px;font-family:'Geometria-Light', sans-serif}.checkout__block{width:100%}.checkout__block_small{width:auto;margin-left:175px;margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.checkout__block_small .checkout__inp{min-width:103px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:550px){.checkout__block_small .checkout__inp{min-width:80px}}@media (max-width:1000px){.checkout__block_small{margin-left:0}}.checkout__block_aln{display:block;margin-left:175px;margin-bottom:12px;width:auto}.checkout__area{width:100%;padding:12px;outline:none;resize:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9d9d9;font-size:12px;font-family:'Geometria-Light', sans-serif;color:#1c1e23;box-sizing:border-box}.checkout__area:hover{border-color:#b9b9b9}.checkout__area:active{border-color:#1c1e23}.checkout__area::-webkit-input-placeholder{color:#1c1e23}.checkout__area:-ms-input-placeholder{color:#1c1e23}.checkout__area::placeholder{color:#1c1e23}.checkout__area:focus{border-color:#1c1e23}.checkout__area:focus::-webkit-input-placeholder{color:transparent}.checkout__area:focus:-ms-input-placeholder{color:transparent}.checkout__area:focus::placeholder{color:transparent}.total{float:right;width:345px;border:1px solid #f8f8f8;font-family:'Geometria-Light', sans-serif;font-size:12px;color:#3a3a3a;-webkit-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}@media (max-width:760px){.total{float:none;margin-top:55px}}@media (max-width:550px){.total{width:calc(100% + 40px);margin-left:-20px;height:initial!important}}.total__ok{display:inline-block;width:40px;height:40px;background-color:#3a3a3a;color:#fff;text-align:center;vertical-align:middle;font-size:12px;margin:14px 0;cursor:pointer}.total__drop{display:none;width:100%;font-size:0}.total__inp{display:inline-block;width:100%;height:40px;margin:14px 0;padding:0 11px;border:1px solid #d9d9d9;font-size:12px;font-family:'Geometria-Light', sans-serif;color:#1c1e23;-webkit-box-sizing:border-box;box-sizing:border-box}.total__inp:hover{border-color:#b9b9b9}.total__inp:active{border-color:#1c1e23}.total__inp::-webkit-input-placeholder{color:#1c1e23}.total__inp:-ms-input-placeholder{color:#1c1e23}.total__inp::placeholder{color:#1c1e23}.total__inp:focus{border-color:#1c1e23}.total__inp:focus::-webkit-input-placeholder{color:transparent}.total__inp:focus:-ms-input-placeholder{color:transparent}.total__inp:focus::placeholder{color:transparent}.total__label{text-align:center;font-size:12px;color:#3a3a3a}.total__labelerr{display:none;text-align:center;font-size:12px;color:#ff5300}.total__promo{width:100%}.total__promo.active .total__txt{border-bottom:1px solid #3a3a3a}.total__promo.active .total__drop{display:block}.total__txt{display:inline-block;color:#3a3a3a;padding-bottom:3px;border-bottom:1px dashed #3a3a3a;cursor:pointer}.total__block{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:15px 17px}.total__block2{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:15px 17px 0;background-color:#f8f8f8}.total__line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.total__name{color:#3a3a3a;padding-top:14px}.total__name.sale{display:block;width:auto;margin:0;color:#ff5300}.total__free{color:#ff5300;padding-top:14px}.total__sum{margin:12px 0;padding:15px 0 15px 17px;border-top:1px solid #e6e7e7;text-align:right;font-family:'Geometria-Bold', sans-serif;text-transform:uppercase}.total__btn{width:100%;padding:15px 0;color:#fff;background-color:#2a4538;text-transform:uppercase;text-align:center;-webkit-transition:background 0.1s linear;-o-transition:background 0.1s linear;transition:background 0.1s linear;cursor:pointer}.total__btn:hover{background:#2a4538}.total__link{text-align:center;padding:28px 0 26px}.total__under{text-decoration:underline}.basket{margin-top:90px;width:calc(100% - 345px);padding-right:41px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#3a3a3a}@media (max-width:1000px){.basket{width:370px;padding-right:0}}@media (max-width:760px){.basket{width:100%;margin-top:0}}@media (max-width:1000px){.basket .dp-none{display:none}}@media (max-width:700px){.basket .dp-none-mob{display:none}}.basket__close{display:none}@media (max-width:1000px){.basket__close{position:absolute;top:15px;right:10px;display:inline-block;width:17px;height:17px;cursor:pointer}.basket__close svg path{stroke:#7f7f7f;fill:none;stroke-width:3px}}.basket__move{display:none;width:100%;text-transform:uppercase;font-size:12px;color:#3a3a3a;padding:17px 0;border:1px solid #3a3a3a;text-align:center;margin-top:30px}@media (max-width:760px){.basket__move{display:block}}.basket__back{display:none}@media (max-width:760px){.basket__back{display:block;padding:27px 0 31px;font-size:12px;color:#3a3a3a;text-decoration:underline;text-align:center;text-transform:uppercase}}.basket__line{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding:30px 0;border-bottom:1px dashed #d9d9d9}.basket__line:first-child{padding:15px 0;border-bottom:1px solid #d9d9d9}.basket__line-min{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.basket__line-min:first-child{margin-bottom:40px}@media (max-width:1000px){.basket__line-min:first-child{margin-bottom:30px}}@media (max-width:1000px){.basket__line-min{display:block}}.basket__line_lit{padding:14px 0;border-bottom:1px solid #d9d9d9;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer}.basket__item{width:100%}.basket__item:nth-child(2){width:136px;min-width:136px;text-align:center}@media (max-width:1000px){.basket__item:nth-child(2){text-align:left;width:100%}}.basket__item:last-child{width:155px;min-width:155px;text-align:right}@media (max-width:1000px){.basket__item:last-child{text-align:left;width:100%}}@media (max-width:1000px){.basket__item.top{display:none}}@media (max-width:1000px){.basket__item.add{display:none}}.basket__item.add-mob{display:none}@media (max-width:1000px){.basket__item.add-mob{display:block;margin:12px 0 21px}}.basket__title{font-family:Times New Roman, sans;font-style:italic;font-size:30px}@media (max-width:760px){.basket__title{text-align:center}}.basket__txt{display:inline-block;font-family:'Geometria-Light', sans-serif;font-size:12px;vertical-align:middle}.basket__txt_2{display:inline-block;margin-left:12px;vertical-align:top}.basket__txt_last:after{content:" - последний товар";color:#ff5300;font-family:inherit;font-size:12px}.basket__txt_ard{margin-top:10px}.basket__txt_bl{display:block}.basket__txt_icon{position:relative}.basket__txt_icon:after{content:"";width:8px;height:4px;margin-left:9px;margin-bottom:3px;display:inline-block;background-image:url("/local/templates/main/css/../img/down.svg");background-size:cover;background-repeat:no-repeat;background-position:center center}.basket__img{display:inline-block;min-width:89px;height:138px;background-image:url("/local/templates/main/css/../img/coat.png");background-size:auto 80%;background-repeat:no-repeat;background-position:center center}.basket__block{display:inline-block;width:100%;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box}.basket__tit{display:inline-block;font-size:12px;font-family:'Geometria-Medium', sans-serif;margin-bottom:10px;text-align:left;vertical-align:top}.basket__add{display:inline-block;font-family:'Geometria-Light', sans-serif;font-size:20px;margin-right:18px;width:11px;height:11px;cursor:pointer}.basket__add svg line{stroke:#3a3a3a;fill:none;stroke-width:1px}.basket__add:nth-child(2){font-size:12px;cursor:default}.basket__add:last-child{margin-right:0}.basket__price{margin-bottom:12px;font-family:'Geometria-Light', sans-serif;font-size:12px;text-align:right}.basket__price-mob{display:none}@media (max-width:1000px){.basket__price{margin-top:17px;text-align:left;margin-bottom:0}}.basket__price.sale{margin-bottom:12px;display:block}@media (max-width:1000px){.basket__price.sale{text-decoration:line-through;display:inline-block}.basket__price.sale .basket__price-mob{display:inline-block;color:#ff5300;margin-left:14px}}.basket__sum{text-align:right;font-family:'Geometria-Light', sans-serif;font-size:10px}@media (max-width:1000px){.basket__sum{text-align:left}}.basket__sale{display:none;text-align:right;font-family:'Geometria-Light', sans-serif;font-size:10px;color:#ff5300}@media (max-width:1000px){.basket__sale{text-align:left}}.basket__sl{position:relative}.basket__sl.active .basket__sum{text-decoration:line-through}.basket__sl.active .basket__sale{display:block;position:absolute;right:0;bottom:initial;margin-top:14px}@media (max-width:1000px){.basket__sl{display:none}}.basket__sl-mob{display:none}@media (max-width:1000px){.basket__sl-mob{display:block;margin:10px 0 26px}.basket__sl-mob.active .basket__sum{display:none}.basket__sl-mob.active .basket__sale{display:block}}.basket__del{display:inline-block;text-transform:uppercase;font-size:11px;color:#a3a3a3;margin-left:22px;vertical-align:middle;cursor:pointer}@media (max-width:1000px){.basket__del{display:none}}.basket__icon{display:inline-block;width:22px;height:22px;vertical-align:middle;cursor:pointer}.basket__icon svg path{stroke:#b7b7b7;fill:none;stroke-width:3px}.basket__icon.add svg path{stroke:#f00;fill:#f00;stroke-width:3px}@media (max-width:1000px){.basket__icon{display:none}}.basket__chose{display:none;font-size:10px;font-family:'Geometria-Medium', sans-serif;color:#b7b7b7;text-decoration:underline;margin-top:26px;cursor:pointer}@media (max-width:1000px){.basket__chose.active{display:block}}.basket__total{display:inline-block;font-size:12px;font-family:'Geometria-Light', sans-serif}.basket__res{float:right;display:inline-block;font-family:'Geometria-Light', sans-serif;font-size:12px;text-align:right}.basket__point{text-align:left;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.basket__point:first-child{padding:0 0 0 11px;-webkit-flex-basis:89px;-ms-flex-preferred-size:89px;flex-basis:89px;min-width:89px}.basket__point:nth-child(2){-webkit-flex-basis:164px;-ms-flex-preferred-size:164px;flex-basis:164px;padding-left:25px}.basket__point:nth-child(3){-webkit-flex-basis:187px;-ms-flex-preferred-size:187px;flex-basis:187px}.basket__point:nth-child(4){-webkit-flex-basis:136px;-ms-flex-preferred-size:136px;flex-basis:136px;text-align:center}.basket__point:last-child{-webkit-flex-basis:155px;-ms-flex-preferred-size:155px;flex-basis:155px;text-align:right}@media (max-width:700px){.basket__point:last-child{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}.basket__point_sum{position:absolute;right:0;bottom:30px}.basket__point_sum .basket__txt{text-transform:uppercase;font-size:14px;font-family:'Geometria-Bold', sans-serif}.basket__line_det{position:relative;padding:13px 0 30px;border-bottom-style:solid}@media (max-width:900px){.basket__line_det{padding:13px 0 80px}}.basket__line_det .basket__point:first-child{padding:0 0 7px 11px;width:213px;min-width:213px}@media (max-width:400px){.basket__line_det .basket__point:first-child{min-width:160px}}.basket__line_det .basket__point:nth-child(2){text-align:center;width:140px;min-width:140px}@media (max-width:900px){.basket__line_det .basket__point:nth-child(2){width:auto;min-width:auto;padding-left:10px}}.basket__line_det .basket__point_price{text-align:right;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.basket__line_det .basket__point:last-child{width:100%;min-width:initial}.basket__line_lit{background-color:#fff;z-index:3}.basket__anim{-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;opacity:0;-webkit-transform:translate3d(0, -5%, 0);transform:translate3d(0, -5%, 0);height:0}.basket__booked{width:100%;overflow:hidden;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.basket__booked.active{height:auto}.basket__booked.active .basket__line_lit{border-bottom:0}.basket__booked.active .show{opacity:0}.basket__booked.active .basket__txt_icon{position:relative}.basket__booked.active .basket__txt_icon:after{content:"";background-image:url("/local/templates/main/css/../img/up.svg")}.basket__booked.active .basket__anim{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;height:auto}.basket_hist{width:100%;max-width:723px;padding:0;margin:0}.sticky{position:fixed}@media (max-width:760px){.sticky{position:relative!important;top:0!important}}.stop{position:relative}@media (max-width:760px){.stop{top:0!important}}@-moz-keyframes shake{0%,to{transform:translate3d(0, 0, 0)}20%,60%{transform:translate3d(-3px, 0, 0)}40%,80%{transform:translate3d(3px, 0, 0)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}20%,60%{-webkit-transform:translate3d(-3px, 0, 0);transform:translate3d(-3px, 0, 0)}40%,80%{-webkit-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0)}}@-o-keyframes shake{0%,to{transform:translate3d(0, 0, 0)}20%,60%{transform:translate3d(-3px, 0, 0)}40%,80%{transform:translate3d(3px, 0, 0)}}@keyframes shake{0%,to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}20%,60%{-webkit-transform:translate3d(-3px, 0, 0);transform:translate3d(-3px, 0, 0)}40%,80%{-webkit-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0)}} .personal_basket_page .basket { margin-top: 0px; margin-bottom: 20px; width: 100%; padding-right: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #3a3a3a; } .personal_basket_page .personal_basket_page_link_order { display: inline-block; width: 100%; text-align: right; margin-bottom: 20px; } .personal_basket_page .personal_basket_page_link_order .order_btn { width: 200px; display: inline-block; border-radius: 0; box-shadow: none; border: 1px solid #4d806e; background-color: #4d806e; color: #fff; font-size: 12px; text-transform: uppercase; padding: 10px 20px; box-sizing: content-box; transition: background 0.1s linear; cursor: pointer; text-align: center; } .personal_basket_page .personal_basket_page_link_order .order_btn:hover { background: #548c78; border: 1px solid #548c78; } .full_cart_page { width: 100%; } .full_cart_page .basket__item { text-align: left; } /* End */ /* Start:/local/templates/main/css/fonts.css?16926934502697*/ @font-face { font-family: 'Geometria'; src: url('/local/templates/main/css/../fonts/Geometria.eot'); src: url('/local/templates/main/css/../fonts/Geometria.woff') format('woff'), url('/local/templates/main/css/../fonts/Geometria.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Geometria.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'Geometria-Bold'; src: url('/local/templates/main/css/../fonts/Geometria-Bold.eot'); src: url('/local/templates/main/css/../fonts/Geometria-Bold.woff') format('woff'), url('/local/templates/main/css/../fonts/Geometria-Bold.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Geometria-Bold.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'Geometria-Italic'; src: url('/local/templates/main/css/../fonts/Geometria-Italic.eot'); src: url('/local/templates/main/css/../fonts/Geometria-Italic.woff') format('woff'), url('/local/templates/main/css/../fonts/Geometria-Italic.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Geometria-Italic.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'Geometria-Light'; src: url('/local/templates/main/css/../fonts/Geometria-Light.eot'); src: url('/local/templates/main/css/../fonts/Geometria-Light.woff') format('woff'), url('/local/templates/main/css/../fonts/Geometria-Light.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Geometria-Light.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'Geometria-LightItalic'; src: url('/local/templates/main/css/../fonts/Geometria-LightItalic.eot'); src: url('/local/templates/main/css/../fonts/Geometria-LightItalic.woff') format('woff'), url('/local/templates/main/css/../fonts/Geometria-LightItalic.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Geometria-LightItalic.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'Geometria-Medium'; src: url('/local/templates/main/css/../fonts/Geometria-Medium.eot'); src: url('/local/templates/main/css/../fonts/Geometria-Medium.woff') format('woff'), url('/local/templates/main/css/../fonts/Geometria-Medium.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Geometria-Medium.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'Geometria-Thin'; src: url('/local/templates/main/css/../fonts/Geometria-Thin.eot'); src: url('/local/templates/main/css/../fonts/Geometria-Thin.woff') format('woff'), url('/local/templates/main/css/../fonts/Geometria-Thin.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Geometria-Thin.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'Merriweather'; src: url('/local/templates/main/css/../fonts/Merriweather-Regular.eot'); src: url('/local/templates/main/css/../fonts/Merriweather-Regular.woff') format('woff'), url('/local/templates/main/css/../fonts/Merriweather-Regular.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Merriweather-Regular.svg') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } /* End */ /* Start:/local/templates/main/css/catalog.css?173192914319565*/ .main { width: 100% } .main__nav { position: relative; width: 100%; margin: 20px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .main__nav_txt { margin: 0 auto } @media (max-width:980px) { .main__nav { display: none } } .catalog { text-align: center } .catalog__title { font-family: "Fira Sans"; display: flex; margin-top: 40px; } @media (max-width:800px) { .catalog__title { margin-bottom: 11px; align-items: center; } } .catalog__tit { font-family: "Fira Sans"; font-size: 30px; font-style: normal; font-weight: 400; line-height: 42px; letter-spacing: -0.04em; text-align: center; } .catalog__desc { margin: 0 auto; max-width: 680px; font-size: 14px; color: #3a3a3a } .mark { margin-top: 51px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .mark .frisbuy_widget_no_flex { } .mark__item { display: inline-block; width: 100%; } .mark__item .content { margin-bottom: 170px; } .mark_txt .mark__item:first-child { -webkit-flex-basis: 21%; -ms-flex-preferred-size: 21%; flex-basis: 21% } .mark_polit { } .mark_polit .sample-text.sample-text_polit { width: 100%; } .mark .sticky { position: fixed } .mark .stop { position: relative } .aside { color: #3a3a3a; text-align: left; -webkit-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear; margin-bottom: 60px; } .aside__block { margin-bottom: 40px } .aside__banner { margin-top: 60px } .aside__title { margin-bottom: 26px; font-size: 18px; text-transform: uppercase } .aside__title_act { margin-top: 40px } .aside__pre-title { display: inline-block; margin-bottom: 7px; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid transparent } .aside__pre-title:hover { border-bottom: 1px solid #3a3a3a } .aside__pre-title.active { border-bottom: 1px solid #3a3a3a } .aside__point { display: inline-block; margin: 0 0 5px 9px; font-size: 12px; border-bottom: 1px solid transparent } .aside__point:hover { border-bottom: 1px solid #3a3a3a } .aside__point.active { border-bottom: 1px solid #3a3a3a } .aside__t-min { display: inline-block; margin-bottom: 17px; font-size: 12px; text-transform: uppercase; border-bottom: 1px solid transparent } .aside__t-min:hover { border-bottom: 1px solid #3a3a3a } .aside__t-min.active { border-bottom: 1px solid #3a3a3a } .aside__img { width: 100%; height: auto } .aside__icon { width: 11px; height: 11px; margin-left: 5px; display: none } .aside__icon svg path { stroke: #7f7f7f; fill: none; stroke-width: 3px } .aside__cent { text-align: left } .aside_txt { margin-top: -40px } .aside_txt .aside__title { padding: 20px 0; margin: 0; font-size: 16px !important; cursor: pointer; font-weight: 600; } .aside_txt .aside__title.disabled-group { font-size: 12px } .aside_txt .aside__group { padding: 0; border-bottom: 1px dotted #cdcdcd; color: #3a3a3a } .aside_txt .aside__group:first-child { padding-top: 0px } .aside_txt .aside__block { display: none; margin: 0 } .aside_txt .aside__point { margin: 0; font-size: 16px; color: #3a3a3a } .aside_txt .aside__point.active { color: #969699; border: 0 } .aside_txt li { margin: 0 0 20px } .content__top { position: relative; display: flex; justify-content: flex-end; flex-grow: 1; align-items: center; } .content__sum { /*position: absolute; right: 0; top: 0;*/ display: inline-block; color: #7f7f7f; font-size: 12px; } .filter { /*padding: 0 6%;*/ -webkit-box-sizing: border-box; box-sizing: border-box; } .filter__open .mobile_show { display: none; } .filter__name { } .filter__nm { display: inline-block; vertical-align: middle; margin: 0 } .filter__icon { display: inline-block; margin: 0 0 0 16px; width: 12px; height: 23px; vertical-align: middle } .filter__icon svg path { stroke: #7f7f7f; fill: none; stroke-width: 3px } .filter__icon.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .filter__close { display: none; margin-left: 105px; width: 20px; height: 20px } .filter__close svg path { stroke: #7f7f7f; fill: none; stroke-width: 3px } .filter__choice.hide { display: none } .filter__open { position: absolute; padding: 50px 40px 25px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 0; background: #fff; display: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 300; border: 1px var(--gray3) solid; right: 0; margin-top: 20px; border-radius: 10px; } .filter__open.active { display: block; height: auto } .filter__open .close { position: absolute; top: 20px; right: 20px; cursor: pointer; } .filter__open .close img { width: 20px; opacity: 0.5; } .filter__cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .filter__open .view_mode_catalog_filter_box { display: none; } .view_list_mode { display: flex; } .view_list_mode li { display: flex; flex-direction: column; align-items: center; justify-content: center; } .view_list_mode .btn_round img { opacity: 0.2; } .view_list_mode .btn_round.active img { opacity: 1; background-color: white; } .view_list_mode .btn_round.active { background-color: white; } .filter__col { display: inline-block; margin-right: 100px; text-align: left; } .filter__title { font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: -0.04em; text-align: left; margin-bottom: 24px; } .filter__point { margin-bottom: 5px; cursor: pointer; white-space: nowrap; } .filter__point:last-child { margin-bottom: 0 } .filter__box { display: inline-block; width: 11px; height: 11px; border: 1px solid var(--a_primary); margin-right: 10px; background: white; cursor: pointer; vertical-align: middle; border-radius: 20px; margin-top: 3px; } .filter__box:checked { border: 1px solid var(--secondary); background: var(--secondary); } .filter__box:disabled { border-color: #d9d9d9; cursor: default; display: none; } .filter__box:disabled+.filter__lab { color: #d9d9d9; cursor: default; display: none; } .filter__lab { display: inline-block; font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 300; line-height: 19px; letter-spacing: -0.04em; text-align: left; cursor: pointer; vertical-align: middle; border: 1px solid transparent; white-space: nowrap; background-image: none !important; } .filter__lab_sort { border-bottom: 1px solid transparent } .filter__lab_sort:hover { border-bottom: 1px solid #3a3a3a } .filter__lab_sort .active { border-bottom: 1px solid #3a3a3a } .filter__bottom { margin-top: 46px; text-align: center } .filter__btn { display: inline-block; margin-right: 30px; cursor: pointer; } .filter__btn:last-child { margin-right: 0 } .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*a-webkit-align-content: flex-start; -ms-flex-line-pack: start; lign-content: flex-start;*/ -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: left; } .list__item { margin: 2%; display: inline-block; width: 27% } .list__item a.product { position: relative; width: 100%; } .list__item a.product .product_discount_box { position: absolute; right: 0px; top: 15px; background-color: #d40202; color: #ffffff; padding: 5px 10px; text-align: center; width: 40px; font-size: 14px; opacity: 0.5; } /*LABELS FOR CATALOG SECTION*/ .list__item a.product .product_label { position: absolute; right: 0px; width: 60px; height: 30px; text-align: center; z-index: 1; } .list__item a.product .product_label img { width: 100%; } .list__item a.product .product_label.position_label_1 { top: 15px; } .list__item a.product .product_label.position_label_2 { top: 50px; } .list__item a.product .product_label.position_label_3 { top: 90px; } .list__item a.product .product_label.position_label_4 { top: 130px; } /*END LABELS FOR CATALOG SECTION*/ /*LABELS FOR CATALOG DETAIL*/ .product-pop__prev { position: relative; } .product-pop__prev .product_label { position: absolute; right: 0px; width: 60px; height: 30px; text-align: center; z-index: 1; } .product-pop__prev .product_label img { width: 100%; } .product-pop__prev .product_label.position_label_1 { top: 10px; } .product-pop__prev .product_label.position_label_2 { top: 50px; } .product-pop__prev .product_label.position_label_3 { top: 90px; } /* ENDLABELS FOR CATALOG DETAIL*/ .list.on_full_width_justify { /* display: inline-block; */ width: 100%; text-align: justify; } .list.on_full_width_justify:after { width: 27%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .list.on_full_width_justify .list__item { margin: 2% 0% 2% 0%; /*display: inline-block;*/ display: flex; position: relative; width: calc(25% - 8px); margin-right: 8px; } .list.on_full_width_justify .list__item .product__title { position: relative; text-align: left; margin-left: 0; margin-bottom: 0; margin-top: 20px; text-align: center; } .list.on_full_width_justify .list__item:nth-child(4n) { margin-right: 0; } .list.on_full_width_justify.two .list__item { width: calc(50% - 8px); } .list.on_full_width_justify.two .list__item:nth-child(2n) { margin-right: 0; } .product { text-align: center; } .product .product__sum { text-align: left; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0em; text-align: center; display: inline; } /* .content__pages { margin-top: 80px; } */ .content__pages { margin-top: 80px; display: flex; flex-direction: row-reverse; justify-content: center; } /* .content__pages .pages { float: right; margin-top: 0; } */ .content__pages .pages { margin-top: 0; width: 100%; } .pages { margin: 35px 0 30px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 56px; } .pages__icon { display: inline-block; min-width: 7px; height: 17px; margin: 0 25px; cursor: pointer } .pages__icon:hover svg path { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; stroke: #3a3a3a!important } /* .pages__numb { position: relative; display: inline-block; min-width: 33px; height: 56px; width: 64px; line-height: 56px; margin: 0 10px; color: var(--a_primary); font-size: 12px; cursor: pointer; border-top: 1px var(--gray3) solid; border-bottom: 1px var(--gray3) solid; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0.04em; text-align: center; } */ .pages__numb { position: relative; display: inline-block; min-width: 33px; height: 56px; width: 100%; max-width: 64px; line-height: 56px; margin: 0 10px; color: var(--a_primary); font-size: 12px; cursor: pointer; border-top: 1px var(--gray3) solid; border-bottom: 1px var(--gray3) solid; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0.04em; text-align: center; } .pages__numb:after { content: ""; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: transparent } .pages__numb:hover { color: var(--secondary); border-top: 1px var(--secondary) solid; border-bottom: 1px var(--secondary) solid; } .pages__numb.active:hover { color: var(--a_primary); border-top: 1px var(--a_primary) solid; border-bottom: 1px var(--a_primary) solid; } .pages__numb.active { border-top: 1px var(--a_primary) solid; border-bottom: 1px var(--a_primary) solid; } .pages__numb.active:hover { cursor: default } .pages__numb.active:after { } /* .pages__numb a { width: 100%; height: 56px; line-height: 56px; display: inline-block; width: 64px; } */ .pages__numb a { width: 100%; height: 56px; line-height: 56px; display: inline-block; max-width: 64px; width: 100%; } /* .show-more { margin: 0 auto; display: inline-block; width: 50vw; height: 56px; display: inline-block; border-top: 1px solid var(--gray3); border-bottom: 1px solid var(--gray3); background: #fff; color: #3a3a3a; text-transform: uppercase; margin-right: 30px; cursor: pointer; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0.04em; } */ .show-more { margin: 0 auto; display: inline-block; width: 35vw; height: 56px; display: inline-block; border-top: 1px solid var(--gray3); border-bottom: 1px solid var(--gray3); background: #fff; color: #3a3a3a; text-transform: uppercase; margin-right: 30px; cursor: pointer; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0.04em; } .show-more:hover { color: var(--secondary); border-top: 1px var(--secondary) solid; border-bottom: 1px var(--secondary) solid; } .choice__item { display: inline-block; padding: 0px 11px 3px; border-right: 1px solid #e6e7e7; cursor: pointer } .choice__item:first-child { padding-left: 0 } .choice__item_clear { border-right: 0 } .choice__item_clear .choice__name { text-transform: uppercase; color: #3a3a3a } .choice__item_clear svg path { stroke: #3a3a3a; fill: none; stroke-width: 3.5px } .choice__del { display: inline-block; width: 10px; height: 10px; font-size: 0; vertical-align: middle } .choice__del svg path { stroke: #7f7f7f; fill: none; stroke-width: 3.5px } .choice__name { display: inline-block; color: #7f7f7f; font-size: 12px; line-height: 12px; text-transform: capitalize } .catalog .product__img { background-image: url("/local/templates/main/css/../img/dress2.png"); /*background-size: cover;*/ } .catalog .product__img.no_active_box { display: none; } .catalog .product__btn { display: none } .catalog .product:hover .product__img { background-image: url("/local/templates/main/css/../img/dress.png") } .catalog .product:hover .product__btn { display: none; position: absolute; left: 0; bottom: 0; color: #3a3a3a; font-size: 10px; text-transform: uppercase; width: 100%; background: rgba(255, 255, 255, 0.8); padding: 16px 0 13px; text-align: center } .catalog .product:hover .product__btn:hover { background: rgba(58, 58, 58, 0.8); color: #fff } .pages__icon svg { height: 17px; } .catalog__title h1 { font-family: "Fira Sans"; font-size: 36px; font-style: normal; font-weight: 400; line-height: 42px; letter-spacing: -0.04em; text-align: left; text-transform: uppercase; display: inline-block; margin: 0; } .product__img .product__img, .product__image .product__image, .exmpl__img .exmpl__img { display: none; /*background-size: cover; background-position-y: 100%; background-position-y: top;*/ } .product__img:hover .product__img { display: block; position: absolute; top: 0; bottom: 0; z-index: 1; } .aside__point.active, .aside__block li.active a{ } .list.description{ } /*sort and mode view for catalog*/ .additional_box { display: flex; margin-left: 7px; } .view_mode_catalog { margin-right: 8px; } .view_sort_catalog { display: inline-block; position: relative; } .view_sort_catalog_title { } .view_sort_catalog_title .filter__icon { float: right; } .view_sort_catalog_select { display: none; position: absolute; z-index: 2; top: 100%; left: 0; right: 0; box-shadow: inset 0 0 0 1px #ededed,0 2px 4px 0 #9e9e9e; text-align: left; margin-top: 10px; background: #fff; color: var(--a_primary); width: 200px; padding: 10px; } .view_sort_catalog_select.active_select { display: block; } .view_sort_catalog_select .view_sort_catalog_option { display: block; padding: 10px 10px; white-space: nowrap; } .view_sort_catalog_select .view_sort_catalog_option:hover { background: #e6e7e7; } .payment_box_order { width: 100%; display: block; } .payment_box_order .payment_button_order { display: inline-block; line-height: 43px; margin-top: 20px; } .sale_order_full_table { width: 100%; } .additional_discount { text-align: center; font-size: 12px; margin: 10px 0px 0px 0px; } @media (max-width:1024px) { .content__pages { flex-wrap: wrap; } } @media (max-width:768px) { .pages__numb { min-width: 20px; margin: 0 4px; } .modern-page-dots { min-width: 12px; margin: 0 4px; } } /* End */ /* Start:/local/templates/main/css/product-pop.css?169442755238366*/ .product-pop { width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 250; display: none; overflow-y: auto; } .product-pop__wind { position: relative; top: 50%; margin: 0 auto; width: 100%; height: auto; padding: 30px; background: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; font-size: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-pop__close { position: absolute; top: 20px; right: 24px; display: inline-block; width: 17px; height: 17px; cursor: pointer; } .product-pop__close svg path { stroke: #7f7f7f; fill: none; stroke-width: 3px; } .product-pop__prev { display: inline-block; vertical-align: top; width: 54%; /* -webkit-flex-basis: 54%; -ms-flex-preferred-size: 54%; flex-basis: 54%;*/ } .product-labels { display: flex; } .product_label img { } @media all and (max-width: 900px) { .product-pop__prev { margin-right: 25px; } } .product-pop__info { display: inline-block; vertical-align: top; padding: 0 15px 19px 15px; padding-right: 0; width: 30%; box-sizing: border-box; } @media all and (max-width: 900px) { .product-pop__info { padding: 0; } } @media all and (max-width: 640px) { .product-pop__info { display: block; width: 100%; margin: 0; } } .product-pop.active { display: block; } .product-pop__mail { position: relative; top: 50%; margin: 0 auto; max-width: 890px; width: 100%; height: auto; max-height: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; } @media all and (max-width: 980px) { .product-pop__mail { max-width: 655px; } } .product-pop_mail { background: rgba(0,0,0,0.8); } .product-pop_mail .product-pop__close { top: -23px; right: 0; } .product-pop_mail .product-pop__close svg path { stroke: #b4b4b4; fill: none; stroke-width: 3px; } @media all and (max-width: 980px) { .product-pop_mail { padding: 0 45px; box-sizing: border-box; } } @media all and (max-width: 570px) { .product-pop_mail { padding: 0 20px; } } .product-pop_main { display: block; background: #fff; position: relative; height: auto; z-index: 18; overflow: auto; } .product-pop_main .product-pop__wind { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(100%); padding: 0; } @media all and (max-width: 900px) { .product-pop_main .product-pop__wind { width: 100%; margin: 0; padding: 20px; } } @media all and (max-width: 640px) { .product-pop_main .product-pop__wind { display: block; padding: 0 20px; } } @media all and (max-width: 570px) { .product-pop_main .product-pop__wind { display: block; padding: 0 12px; } } .product-pop_main .product-pop__prev { width: 60%; /* max-width: 615px;*/ } .color_for_mobile { display: none; } @media all and (max-width: 640px) { .product-pop_main .product-pop__prev { display: block; width: 100%; margin: 0 0 30px 0; /*max-width: 615px;*/ } .myslider__item .myslider__item__image { width: 100% !important; } .product-pop__info .pop-info__brand { display: none; } .product-pop__info .pop-info__title { margin-bottom: 10px; } .product-pop__info .pop-info__title h1 { margin-bottom: 10px; margin: 10px 0px; } .product-pop__info .pop-info__price { margin-bottom: 20px; } .color_for_mobile { display: block; } .color_no_for_mobile { display: none; } .product-pop__prev .product_label { right: 20px; } } @media all and (max-width: 980px) { .product-pop_main { display: block !important; } } .mail-cont { position: relative; font-size: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media all and (max-width: 570px) { .mail-cont { display: block; } } .mail-cont__main { position: relative; display: inline-block; width: calc(100% - 180px); height: 410px; background-image: url("/local/templates/main/css/../img/girls4.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } @media all and (max-width: 980px) { .mail-cont__main { width: calc(100% - 127px); height: 290px; } } @media all and (max-width: 570px) { .mail-cont__main { display: block; width: 100%; height: 328px; } } .mail-cont__title { margin-bottom: 25px; color: #fff; font-family: Times New Roman, serif; font-style: italic; font-size: 30px; } @media all and (max-width: 980px) { .mail-cont__title { margin-bottom: 18px; font-size: 21px; } } .mail-cont__desc { margin: 0 auto 41px; color: #fff; font-size: 12px; max-width: 411px; } @media all and (max-width: 980px) { .mail-cont__desc { margin: 0 auto 29px; max-width: 290px; font-size: 9px; } } .mail-cont__centered { position: absolute; bottom: 54px; left: 0; width: 100%; text-align: center; } @media all and (max-width: 980px) { .mail-cont__centered { bottom: 38px; } } .mail-cont__aside { display: inline-block; width: 180px; padding: 20px; background: #fff; box-sizing: border-box; text-align: center; } @media all and (max-width: 980px) { .mail-cont__aside { width: 127px; padding: 25px 10px; } } @media all and (max-width: 570px) { .mail-cont__aside { display: block; width: 100%; height: 144px; padding: 0 10px 30px; } } .mail-cont__flex { height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } @media all and (max-width: 570px) { .mail-cont__flex { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } } .mail-cont__icon { width: 60px; height: 35px; margin: 0 auto 27px; background-image: url("/local/templates/main/css/../img/icons8-Hanger.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } @media all and (max-width: 980px) { .mail-cont__icon { width: 42px; height: 22px; margin: 0 auto 19px; } } @media all and (max-width: 570px) { .mail-cont__icon { width: 48px; height: 25px; margin-bottom: 21px; } } .mail-cont__txt { font-size: 12px; color: #3a3a3a; } @media all and (max-width: 980px) { .mail-cont__txt { font-size: 9px; } } .mail-cont__group { text-align: center; } .mail-cont__group:nth-child(2) .mail-cont__icon { width: 51px; height: 35px; background-image: url("/local/templates/main/css/../img/icons8-Van.png"); } @media all and (max-width: 980px) { .mail-cont__group:nth-child(2) .mail-cont__icon { width: 36px; height: 24px; } } @media all and (max-width: 570px) { .mail-cont__group:nth-child(2) .mail-cont__icon { width: 41px; height: 27px; margin-bottom: 22px; } } .mail-cont__group:nth-child(3) .mail-cont__icon { width: 41px; height: 57px; margin-bottom: 13px; background-image: url("/local/templates/main/css/../img/icons8-Guarantee-100.png"); } @media all and (max-width: 980px) { .mail-cont__group:nth-child(3) .mail-cont__icon { width: 28px; height: 40px; } } @media all and (max-width: 570px) { .mail-cont__group:nth-child(3) .mail-cont__icon { width: 32px; height: 45px; margin-bottom: 10px; } } @media all and (max-width: 570px) { .mail-cont__group { margin: 0 5px; } } @media all and (max-width: 570px) { .mail-cont__form { width: 100%; box-sizing: border-box; padding: 0 7px; font-size: 0; } } .mail-cont__inp { display: inline-block; vertical-align: top; width: 309px; height: 40px; border-radius: 0; outline: none; border: 1px solid #fff; font-family: inherit; color: #fff; font-size: 12px; text-align: left; padding: 0; box-sizing: border-box; padding: 0 15px; background-color: rgba(0,0,0,0.6); } @media all and (max-width: 980px) { .mail-cont__inp { width: 217px; font-size: 9px; } } @media all and (max-width: 570px) { .mail-cont__inp { width: calc(100% - 109px); } } .mail-cont input::-webkit-input-placeholder { color: #fff; font-family: 'Geometria', sans-serif; font-size: 12px; text-transform: uppercase; } .mail-cont input::-moz-placeholder { color: #fff; font-family: 'Geometria', sans-serif; font-size: 12px; text-transform: uppercase; } .mail-cont input:-ms-input-placeholder { color: #fff; font-family: 'Geometria', sans-serif; font-size: 12px; text-transform: uppercase; } .mail-cont input::placeholder { color: #fff; font-family: 'Geometria', sans-serif; font-size: 12px; text-transform: uppercase; } @media all and (max-width: 980px) { .mail-cont input::-webkit-input-placeholder { font-size: 9px; } .mail-cont input::-moz-placeholder { font-size: 9px; } .mail-cont input:-ms-input-placeholder { font-size: 9px; } .mail-cont input::placeholder { font-size: 9px; } } .mail-cont input:focus::-webkit-input-placeholder { color: transparent; } .mail-cont input:focus::-moz-placeholder { color: transparent; } .mail-cont input:focus:-ms-input-placeholder { color: transparent; } .mail-cont input:focus::placeholder { color: transparent; } .mail-cont__button { display: inline-block; vertical-align: top; width: 150px; height: 40px; background: #fff; text-transform: uppercase; color: #000; text-align: center; cursor: pointer; } @media all and (max-width: 980px) { .mail-cont__button { width: 106px; font-size: 9px; } } .mail-cont__link { position: absolute; right: 0; bottom: -20px; margin-top: 10px; padding-bottom: 3px; font-size: 12px; color: #fff; } .mail-cont__link:after { content: ''; position: absolute; width: 100%; border: 1px solid #fff; right: 0; bottom: 0; } @media all and (max-width: 980px) { .mail-cont__link { font-size: 9px; } } @media all and (max-width: 570px) { .mail-cont__link { width: 100%; text-align: center; bottom: -30px; } .mail-cont__link:after { display: none; } } .mail-cont .popup_image_desktop { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; } .mail-cont .popup_image_mobile { display: none; max-width: 100%; max-height: 100%; margin: 0 auto; } .mail-cont .popup_link { display: block; width: 100%; } @media all and (max-width: 980px) { .mail-cont .popup_image_mobile { display: block; } .mail-cont .popup_image_desktop { display: none; } } @media all and (max-width: 980px) { .mail-cont .popup_link { height: 300px; } } @media all and (max-width: 768px) { .mail-cont .popup_link { height: 260px; } } .product-pop__info { padding-left: 95px; } .product-pop__info .pop-info__article { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 300; line-height: 17px; letter-spacing: -0.02em; text-align: left; color: var(--gray2); margin-bottom: 24px; } .pop-info { color: #3a3a3a; } .pop-info__art { display: inline-block; font-family: 'Geometria-Light', sans-serif; font-size: 11px; padding: 2px 8px; margin-bottom: 25px; border: 1px solid #3a3a3a; } .pop-info__brand { font-family: 'Geometria-Medium', sans-serif; font-size: 12px; margin-bottom: 11px; } .pop-info__title { font-family: 'Geometria-Light', sans-serif; font-size: 18px; margin-bottom: 15px; } .pop-info__title h1{ font-family: "Fira Sans"; font-size: 22px; font-style: normal; font-weight: 300; line-height: 29px; letter-spacing: -0.06em; text-align: left; margin-bottom: 12px; } .pop-info__sum { margin: 0; display: inline-block; vertical-align: middle; margin-right: 20px; } .pop-info__sale { display: none; color: #d40202; margin: 0 11px 0 0px; vertical-align: middle; } .pop-info__sale2 { display: none; color: var(--red); border: 1px solid var(--red); border-radius: 4px; vertical-align: middle; margin: 0; padding: 4px 6px 4px 6px; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0em; } .pop-info__price { margin-bottom: 24px; vertical-align: middle; font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 18px; letter-spacing: 0em; text-align: left; } .pop-info__price.sale { display: block; } .pop-info__price.sale .pop-info__sum { text-decoration: line-through; color: #bbbbbb; } .pop-info__price.sale .pop-info__sale { display: inline-block; } .pop-info__price.sale .pop-info__sale2 { display: inline-block; } .pop-info__color { font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 12px; letter-spacing: 0.04em; text-align: left; margin-bottom: 18px; } .pop-info__color span { display: inline-block; } .pop-info__color-name { font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 12px; letter-spacing: 0.04em; text-align: left; color: var(--gray2); text-transform: uppercase; } .pop-info__img { display: inline-block; width: 24px; height: 24px; margin-right: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; border-bottom: 1px solid transparent; cursor: pointer; border-radius: 24px; background-size: 100px; } .pop-info__img:hover { position: relative; } .pop-info__img:hover:after { } .pop-info__img.active { position: relative; border: 1px #FFF solid; } .pop-info__img.active::after { content: ""; width: 26px; height: 26px; border-radius: 26px; border: 1px var(--a_primary) solid; position: absolute; left: -2px; top: -2px; } .pop-info__exmp { } .pop-info .cLine { display: flex; align-items: flex-end; } .pop-info .cLine .cBlock { width: 45%; } .pop-info .cLine .sBlock { width: 65%; } .cBlock .colorValue { margin-top: 16px; } @media all and (max-width: 900px) { .pop-info__exmp { margin-bottom: 32px; } } .pop-info__show { position: relative; width: 250px; height: 43px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #1c1e23; margin-bottom: 19px; color: #3a3a3a; text-align: center; box-sizing: border-box; text-transform: uppercase; font-size: 12px; cursor: pointer; } .pop-info__btn, .subscribe_default_component > span, .btn_suscribe_send > span { position: relative; width: calc(100% - 50px); display: inline-block; text-transform: uppercase; box-sizing: border-box; height: 48px; padding-left: 10px; padding-right: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .btn_suscribe_send > span { position: relative; width: 100%; height: 43px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #3a3a3a; margin-bottom: 0px; padding-top: 5px; color: #fff; text-align: center; box-sizing: border-box; text-transform: uppercase; background: #3a3a3a; font-family: 'Geometria-Light', sans-serif; font-size: 12px; cursor: pointer; box-sizing: border-box; } .pop-info__btn:hover, .subscribe_default_component > span:hover, .btn_suscribe_send > span:hover { background-color: #484848; } .btn_suscribe_send { width: 100%; padding: 0px 20px; text-align: center; display: block; box-sizing: border-box; } .btn_suscribe_close { display: none; } .pop-info__btn_fast { position: relative; width: 250px; height: 43px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #3a3a3a; margin-bottom: 19px; padding-top: 5px; color: #fff; text-align: center; box-sizing: border-box; text-transform: uppercase; background: #3a3a3a; font-family: 'Geometria-Light', sans-serif; font-size: 12px; cursor: pointer; } .pop-info__btn_fast:hover { background-color: #484848; } @media all and (max-width: 900px) { .pop-info__btn, .subscribe_default_component, .subscribe_default_component > span, .btn_suscribe_send > span { width: 100%; margin-bottom: 15px; } .pop-info__btn_fast { width: 100%; margin-bottom: 15px; } } .pop-info__btn span { display: inline-block; } .pop-info__btn_fast span { display: inline-block; padding-bottom: 2px; border-bottom: 1px solid transparent; } .pop-info__btn span:nth-child(2) { margin-left: 3px; border-bottom: 1px solid #fff; } .pop-info__btn.dis { background-color: #b7b7b7; border: #b7b7b7; cursor: default; } .pop-info__buy { position: relative; margin-top: 32px; } @media all and (max-width: 900px) { .pop-info__buy { width: 100%; } } .pop-info__buy-icon { display: inline-block; margin-left: 2px; vertical-align: middle; cursor: pointer; transition: all 0.3s linear; background-color: var(--secondary); height: 48px; width: 48px; padding: 16px; box-sizing: border-box; } @media all and (max-width: 900px) { .pop-info__buy-icon { display: none; } } .pop-info__buy-icon svg path { stroke: #b7b7b7; fill: none; stroke-width: 3px; } .pop-info__buy-icon:hover svg path { stroke: #f00; } .pop-info__buy-icon.add { background-color: var(--biege); } .pop-info__buy-icon.add img { filter: invert(1); } .pop-info__buy-icon.add svg path { stroke: #f00; fill: #f00; stroke-width: 3px; } .pop-info__avail { margin-bottom: 50px; } @media all and (max-width: 900px) { .pop-info__avail { margin-bottom: 44px; } } .pop-info__ins { } .pop-info__like { display: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 54px; } @media all and (max-width: 900px) { .pop-info__like { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .pick__button { position: relative; width: 250px; height: 43px; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 14px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid #8f7f6f; margin-bottom: 19px; box-sizing: border-box; color: #8f7f6f; text-align: left; font-size: 12px; font-family: 'Geometria-Light', sans-serif; cursor: pointer; } @media all and (max-width: 900px) { .pick__button { width: 100%; } } .pick__icon2 { display: inline-block; width: 10px; height: 17px; margin-right: 5px; } .pick__icon { display: inline-block; position: absolute; top: 13px; right: 13px; width: 16px; height: 6px; } .pick svg path { stroke: #8f7f6f; fill: none; stroke-width: 3px; } .pick svg ellipse { stroke: #8f7f6f; stroke-width: 3px; } .ins { width: 100%; } .ins__title { display: inline-block; margin-right: 33px; margin-bottom: 19px; font-size: 12px; text-transform: uppercase; font-family: 'Geometria-Medium', sans-serif; color: #b7b7b7; padding-bottom: 3px; border-bottom: 1px solid transparent; cursor: pointer; } .ins__title:hover { border-bottom: 1px solid #3a3a3a; } @media all and (max-width: 900px) { .ins__title { margin-bottom: 23px; } } .ins__title.active { border-bottom: 1px solid #3a3a3a; color: #3a3a3a; } .ins__desc { display: none; font-size: 14px; font-family: 'Geometria-Light', sans-serif; margin-bottom: 17px; } .ins__desc.active { display: block; } @media all and (max-width: 900px) { .ins__desc { margin-bottom: 27px; } } .size__title { font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 12px; letter-spacing: 0.04em; text-align: left; text-transform: uppercase; } .size__link { font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 12px; letter-spacing: 0.04em; text-align: left; text-transform: uppercase; color: var(--gray2); margin-top: 16px; } @media all and (max-width: 900px) { .size__link { float: right; } } .size__block { margin-top: 10px; position: relative; } .size__last { display: inline-block; font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 300; line-height: 12px; letter-spacing: 0.04em; text-align: left; color: var(--gray2); } .size__numb { display: inline-block; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0.04em; text-align: left; text-transform: uppercase; display: flex; } .size__numb > div { margin-right: 16px; } .size__icon { display: inline-block; position: absolute; top: 13px; right: 13px; width: 16px; height: 6px; font-size: 0; } .size__icon.active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 19px; } .size svg path { stroke: var(--a_primary); fill: none; stroke-width: 3px; } .size .hide { display: none; } .size__button { position: relative; width: 250px; height: 33px; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 ; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-bottom: 1px solid var(--a_primary); box-sizing: border-box; cursor: pointer; } @media all and (max-width: 900px) { .size__button { width: 100%; margin-bottom: 15px; } } .size__button.open { border-color: #3a3a3a; } .size__button.open svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .size__button.open svg path { stroke: #3a3a3a; } .small { display: inline-block; width: 50px; vertical-align: top; text-align: center; float: left; } @media all and (max-width: 900px) { .small { width: 100%; float: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 19px; } } @media all and (max-width: 640px) { .small { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .small svg path { stroke: #7f7f7f; fill: none; stroke-width: 3px; } .small__up { margin-bottom: 20px; display: inline-block; width: 12px; height: 6px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media all and (max-width: 900px) { .small__up { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } } @media all and (max-width: 640px) { .small__up { display: none; } } .small__bottom { display: inline-block; width: 12px; height: 6px; } @media all and (max-width: 900px) { .small__bottom { display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-bottom: 20px; } } @media all and (max-width: 640px) { .small__bottom { display: none; } } .small__item { display: block; margin-bottom: 20px; width: 100%; height: 60px; background-image: url("/local/templates/main/css/../img/trous.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; border-bottom: 1px solid transparent; } @media all and (max-width: 900px) { .small__item { display: inline-block; width: 52px; height: 80px; } } @media all and (max-width: 640px) { .small__item { width: 13px; height: 13px; background: #dddede; opacity: 1; vertical-align: middle; margin: 0 9px; border-radius: 100%; } } .small__item.active { border-bottom: 1px solid #3a3a3a; } @media all and (max-width: 640px) { .small__item.active { width: 18px; height: 18px; opacity: 1; background: #7c7c7c; border: none; } } .big { display: inline-block; vertical-align: top; width: calc(92% - 70px); height: 600px; margin-left: 8%; background-image: url("/local/templates/main/css/../img/trous.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; } @media all and (max-width: 900px) { .big { margin-left: 0; width: 100%; height: 554px; } } .rep { display: none; } .rep-txt { width: 70px; text-align: center; font-size: 9px; font-family: 'Geometria-Italic', sans-serif; font-weight: bold; } .rep__img { margin: 0 auto; width: 43px; height: 66px; margin-bottom: 10px; background-image: url("/local/templates/main/css/../img/trous.png"); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; } .rep__price { font-size: 12px; font-family: 'Geometria-Light', sans-serif; } .product-pop__next { height: 91px; width: 71px; display: -webkit-flex; display: -ms-flexbox; /*display: flex;*/ display: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; right: 20px; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-pop__next:after { position: absolute; right: -10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: inline-block; width: 10px; height: 20px; background-image: url("/local/templates/main/css/../img/next.svg"); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; } @media all and (max-width: 900px) { .product-pop__next { display: none; } } .product-pop__next.hov .rep { display: inline-block; } .product-pop__next.hov .rep-txt { display: none; } .product-pop__back { height: 91px; width: 71px; display: -webkit-flex; display: -ms-flexbox; /*display: flex;*/ display: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 20px; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-pop__back:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -10px; display: inline-block; content: ""; width: 10px; height: 20px; background-image: url("/local/templates/main/css/../img/back.svg"); background-size: auto 100%; background-repeat: no-repeat; background-position: center center; } @media all and (max-width: 900px) { .product-pop__back { display: none; } } .product-pop__back.hov .rep { display: inline-block; } .product-pop__back.hov .rep-txt { display: none; } .nav { display: inline-block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; } @media all and (max-width: 1200px) { .nav { padding: 0 20px; box-sizing: border-box; } } @media all and (max-width: 980px) { .nav { display: none; } } .nav__back { position: relative; padding: 0 11px 0 15px; border-right: 1px solid #3a3a3a; display: inline-block; color: #3a3a3a; } .nav__back:before { content: ""; display: inline-block; width: 6px; height: 17px; position: absolute; top: 0px; left: 0px; background: url("/local/templates/main/css/../img/back.svg") no-repeat 0 center; } .nav__back:hover { color: #000; } .nav__item { display: inline-block; color: #969699; padding: 0 11px 0 0; cursor: pointer; } .nav__item.hide { font-size: 0; } .nav__item.hide:before { content: "..."; color: #969699; font-size: 12px; } .nav__item:after { content: "/"; color: #969699; padding-left: 11px; font-size: 12px; } .nav__item:hover { } .nav__item:hover:before { font-size: 0; } .nav__item:nth-child(2) { padding-left: 11px; } .nav__item:last-child { cursor: default; } .nav__item:last-child:hover { color: #969699; } .nav__item:last-child:after { content: ""; cursor: default; line-height: 0; font-size: 0; padding: 0; } .nav_txt { } .nav_txt .nav__item:first-child { color: #3a3a3a; } .article { display: inline-block; color: #fff;/*#b7b7b7;*/ font-size: 12px; } .pop-info .article { margin-bottom: 25px; padding-left: 20px; color: #000000;/*#b7b7b7;*/ font-size: 12px; } .mobile-article { display: none; } @media all and (max-width: 980px) { .article { display: none; } .mobile-article { margin-bottom: 25px; display: block; color: #000000;/*#b7b7b7;*/ font-size: 12px; } } .ret { display: inline-block; } .ret__icon { display: inline-block; width: 20px; height: 20px; margin-right: 7px; vertical-align: middle; } .ret__icon svg path { stroke: #b7b7b7; fill: none; stroke-width: 3px; } .ret.add .ret__icon { -webkit-animation: heart 0.2s linear; animation: heart 0.2s linear; } .ret.add .ret__icon svg path { stroke: #f00; fill: #f00; } .ret__txt { display: inline-block; font-family: 'Geometria-Medium', sans-serif; font-size: 10px; color: #b7b7b7; text-transform: uppercase; vertical-align: middle; } .sb-next { position: absolute; width: 12px; height: 6px; bottom: 10px; } .sb-prev { position: absolute; width: 12px; height: 6px; top: 10px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .product-pop_main .product-pop__wind { font-size: 0; } .pop-info .bx_item_detail_scu .bx_scu ul li { position: relative !important; display: block !important; float: left !important; height: 0 !important; box-sizing: border-box !important; width: 43px !important; height: 66px !important; margin-right: 10px !important; padding: 0 !important; border-bottom: 1px solid transparent !important; } .pop-info .bx_item_detail_scu .bx_scu ul li .cnt { cursor: pointer !important; position: absolute !important; display: block !important; overflow: hidden !important; background: #fff; z-index: 10 !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; } .pop-info .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background-size: contain !important; background-repeat: no-repeat !important; } .pop-info .bx_item_detail_scu .bx_scu { position: relative !important; overflow: hidden !important; margin: 0 !important; width: 100% !important; padding-bottom: 5px !important; } .pop-info .bx_item_detail_size ul { position: relative !important; display: block; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; border: 1px solid #b7b7b7 !important; width: 250px !important; box-sizing: border-box !important; } @media all and (max-width: 900px) { .pop-info .bx_item_detail_size ul { width: 100% !important; } } .pop-info .bx_item_detail_size ul li { position: relative !important; display: block; box-sizing: border-box !important; height: 48px !important; width: 100% !important; float: none !important; } .pop-info .bx_item_detail_size ul li:hover { background: #f5f5f5; } .pop-info .bx_item_detail_size ul li .cnt { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; display: flex; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 300; line-height: 48px; letter-spacing: 0em; text-align: left; text-transform: uppercase !important; border: none !important; padding-left: 16px; padding-right: 16px; border-bottom: 1px var(--gray4) solid !important; align-items: center; justify-content: space-between; } .pop-info .bx_item_detail_size ul li .cnt:hover { background: #f5f5f5; } .bx-no-touch .pop-info .bx_item_detail_size.full { position: absolute !important; top: 39px !important; z-index: 2 !important; background: #fff !important; } @media all and (max-width: 640px) { .pop-info .bx_item_detail_size.full { z-index: 2 !important; position: absolute !important; top: 42px !important; } } .look-book { text-align: center; } .look-book svg path { stroke: #b7b7b7; fill: none; stroke-width: 3px; } .look-book__item { max-width: 270px; margin: 0 13px; outline: none; } @media all and (max-width: 700px) { .look-book__item { margin: 0 26px; } } @media all and (max-width: 600px) { .look-book__item { max-width: 100%; } } .look-book__brand { font-size: 12px; font-family: 'Geometria-Medium', sans-serif; margin-bottom: 11px; } @media all and (max-width: 980px) { .look-book__brand { margin-bottom: 15px; } } .look-book__name { font-size: 24px; font-family: Times New Roman, serif; font-style: italic; margin-bottom: 36px; } @media all and (max-width: 980px) { .look-book__name { font-size: 18px; margin-bottom: 33px; } } .look-book__video { width: 907px; height: 513px; background-color: #3a3a3a; margin: 0 auto 68px; } @media all and (max-width: 980px) { .look-book__video { margin: 0 auto 40px; width: 100%; max-width: 708px; height: 401px; } } @media all and (max-width: 600px) { .look-book__video { height: 185px; } } .look-book__image { margin: 39px auto 24px; height: 716px; width: auto; } @media all and (max-width: 980px) { .look-book__image { margin: 32px auto 39px; height: 541px; } } @media all and (max-width: 600px) { .look-book__image { /*height: 459px;*/ height: auto; width: 100%; margin: 21px auto 38px; } } .look-book__img { width: 100%; height: 230px; background-image: url("/local/templates/main/css/../img/dress.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; } .look-book__img:nth-child(2n) { background-image: url("/local/templates/main/css/../img/dress2.png"); } .look-book__title { font-size: 12px; margin: 10px auto 16px; max-width: 175px; min-height: 45px; } @media all and (max-width: 980px) { .look-book__title { font-size: 10px; min-height: 30px; } } .look-book__sum { font-size: 14px; font-family: 'Geometria-Medium', sans-serif; } @media all and (max-width: 980px) { .look-book__sum { font-size: 12px; } } .look-book__btn { display: block; width: 100%; height: 40px; margin: 26px 0 19px; padding: 0; background-color: #b7b7b7; border-radius: 0; box-shadow: none; text-transform: uppercase; text-align: center; vertical-align: middle; font-family: 'Geometria-Light', sans-serif; color: #fff; font-size: 12px; cursor: pointer; } .look-book__size .size__button { width: 100%; } .look-wrap .main { overflow: visible; padding-top: 1px; } @-webkit-keyframes heart { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes heart { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .detail_accordion_box { margin-bottom: 15px; } .detail_accordion_item { border-bottom: 1px solid var(--gray3); } .detail_accordion_head { position: relative; padding: 18px 0; cursor: pointer; } .detail_accordion_title { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0.04em; text-align: left; text-transform: uppercase; } .detail_accordion_icon { color: #3a3a3a; height: 9px; position: absolute; right: 5px; top: 20px; width: 9px; } .detail_accordion_icon:after { border-bottom: 1px solid; content: ''; left: 0; position: absolute; right: 0; top: 4px; } .detail_accordion_icon:before { border-right: 1px solid; bottom: 0; content: ''; left: 4px; position: absolute; top: 0; transition: transform 300ms ease; } .accordion_active .detail_accordion_icon:before { -ms-transform: scale(0); transform: scale(0); } .detail_accordion_content { display: none; padding-bottom: 40px; } .detail_accordion_content, .detail_accordion_content p { font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 300; line-height: 22px; letter-spacing: -0.06em; text-align: left; } .floatable { position: fixed; right: 10%; } /* End */ /* Start:/local/templates/main/css/card.css?16926934501307*/ .card{ width:100%; } .card__top{ width:100%; max-width:1137px; margin:20px auto 0; font-family:'Geometria-Light', sans-serif; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; } .card__new{ width:100%; max-width:1137px; margin:0 auto; } @media (max-width:1200px){ .card__new{ padding:0 20px; -webkit-box-sizing:border-box; box-sizing:border-box; } } .card__new .new{ margin-bottom:50px!important; margin-top: 0px!important; } @media (max-width:600px){ .card__new .new{ /*display:none;*/ } } .leave{ width:100%; max-width:1137px; margin:0 auto 30px; text-align:center; } @media (max-width:1200px){ .leave{ padding:0 20px; -webkit-box-sizing:border-box; box-sizing:border-box; } } .leave__btn{ padding-top: 50px; padding-bottom: 50px; display: inline-block; } @media (max-width:980px){ .leave__btn{ width:100% } } .ins__desc{ display: none; } .ins__desc.active{ display: block; } .ins__desc{ /*min-height: 250px;*/ } /* End */ /* Start:/local/templates/main/css/look-drop.css?16926934502000*/ .look-book__size .bx_item_detail_size.full { width: 100%; margin-left: 0%; padding: 0px 0%; position: absolute !important; top: 42px !important; z-index: 2 !important; background: #fff !important; } .look-book__size { position: relative; } .look-book__size .size__button { width: 100%; } .look-book__size .size__button.open { border-color: #b7b7b7 !important; } .look-book__size .size__numb { display: inline-block; margin-right: 8px; font-family: 'Geometria-Medium', sans-serif; font-size: 12px; text-transform: initial !important; color: #3a3a3a !important; } .look-book__size .bx_size { position: relative; overflow: hidden; margin: 0; width: 100%; } .look-book__size .bx_item_detail_size ul { position: relative !important; display: block; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; border: 1px solid #b7b7b7 !important; width: 100% !important; box-sizing: border-box !important; } .look-book__size .bx_item_detail_size ul li { position: relative !important; display: block; box-sizing: border-box !important; height: 43px !important; width: 100% !important; float: none !important; } .look-book__size .bx_item_detail_size ul li:hover { background: #f5f5f5; } .look-book__size .bx_item_detail_size ul li .cnt { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; display: block !important; font-size: 12px !important; line-height: 43px !important; text-align: left !important; box-sizing: border-box !important; color: #3a3a3a !important; height: 43px !important; padding: 0 12px !important; vertical-align: middle !important; border: 0 !important; font-family: 'Geometria-Medium', sans-serif !important; text-transform: uppercase !important; } /* End */ /* Start:/local/templates/main/css/ninja-slider.css?16926934506683*/ #ninja-slider { padding: 0px; margin:0 auto; overflow:hidden; box-sizing:border-box; float:right; } #ninja-slider.fullscreen { background:black; } #ninja-slider div.fs-icon { top:10px; right:6px; width:60px; height:26px; background: rgba(0,0,0,0.3); z-index:2; color:white; text-align:center; font:bold 11px/26px arial; border:1px solid rgba(255,255,255,0.3); border-radius:2px; opacity:0; -webkit-transition:opacity 0.8s; transition:opacity 0.8s; } #ninja-slider .slider-inner:hover div.fs-icon, #ninja-slider.fullscreen div.fs-icon { opacity: 1; } #ninja-slider div.fs-icon::before { content:"EXPAND"; display:block; } #ninja-slider.fullscreen div.fs-icon::before { content:"CLOSE"; } #ninja-slider .slider-inner { margin:0 auto;/*center-aligned */ font-size:0px; position:relative; box-sizing:border-box; } #ninja-slider.fullscreen .slider-inner { width:100%; max-width:950px; } #ninja-slider ul { position:relative; list-style:none; padding:0; height: 658px !important; box-sizing:border-box; touch-action:pan-y; } @media all and (max-width: 900px) { #ninja-slider ul { width: 100%; height: 554px !important; } } @media all and (max-width: 640px) { #ninja-slider ul { height: 600px !important; } } @media all and (max-width: 460px) { #ninja-slider ul { height: 400px !important; } } #ninja-slider li { width:100%; height:100%; top:0; left:0; position: absolute; font-size:12px; list-style:none; margin:0; padding:0; opacity:0; overflow:hidden; box-sizing:border-box; } #ninja-slider li.ns-show { opacity:1; } /* --------- slider image ------- */ #ninja-slider .ns-img { background-size:contain; cursor:default; display:block; position: absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; } /* ---------If there are videos ------- */ #ninja-slider .video, .video-playbutton-layer { top:0; left:0; border:0; width: 100%;height: 100%; text-align: center; background: black; position: absolute; } /* And if you have added the HTML:
*/ .video-playbutton-layer { background: transparent url(/local/templates/main/css/../css-img/video.png) no-repeat center center; } /* And if you have YouTube or Vimeo */ #ninja-slider div.stopVideoIcon { position:absolute; width:30px;height:30px; top:0;right:0px; margin:0 0 6px 6px; background:rgba(0,0,0,0.7); border-bottom-left-radius:4px; cursor:pointer; } #ninja-slider div.stopVideoIcon::before { content:"+"; color:white; font:bold 30px/30px arial; -webkit-transform:rotate(45deg); transform: rotate(45deg); display:block; } /* ---------Arrow buttons ------- */ /* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ #ninja-slider-pause-play { display:none;} #ninja-slider-prev, #ninja-slider-next { position: absolute; display:inline-block; width:42px; height:56px; line-height:56px; top: 50%; margin-top:-28px; background-color:rgba(0,0,0,0.4); background-color:#ccc\9;/*IE8 hack*/ backface-visibility:hidden; color:white; overflow:hidden; white-space:nowrap; -webkit-user-select: none; user-select:none; border-radius:2px; z-index:10; opacity:0.3; font-family:sans-serif; font-size:13px; cursor:pointer; -webkit-transition:all 0.7s; transition:all 0.7s; display: none; } #ninja-slider-prev:hover, #ninja-slider-next:hover { opacity:1; } #ninja-slider.fullscreen #ninja-slider-prev:hover, #ninja-slider.fullscreen #ninja-slider-next:hover { width:90px; } #ninja-slider-prev { left: 0; } #ninja-slider-next { right: 0; } #ninja-slider.fullscreen #ninja-slider-prev { left: -50px; opacity:1; } #ninja-slider.fullscreen #ninja-slider-next { right: -50px; opacity:1; } /*pagination within the prev/next buttons*/ #ninja-slider-prev div {opacity:0;margin-left:30px;transition:opacity 0.7s;} #ninja-slider-next div {opacity:0;margin-right:30px;transition:opacity 0.7s;} #ninja-slider.fullscreen #ninja-slider-prev:hover div {opacity:1;} #ninja-slider.fullscreen #ninja-slider-next:hover div {opacity:1;} /* arrows */ #ninja-slider-prev::before, #ninja-slider-next::before { position: absolute; top: 17px; content: ""; display: inline-block; width: 20px; height: 20px; border-left: 2px solid white; border-top: 2px solid white; } #ninja-slider-prev::before { -ms-transform:rotate(-45deg);/*IE 9*/ -webkit-transform:rotate(-45deg); transform: rotate(-45deg); backface-visibility:hidden; left:14px; } #ninja-slider-next::before { -ms-transform:rotate(135deg);/*IE 9*/ -webkit-transform:rotate(135deg); transform: rotate(135deg); backface-visibility:hidden; right:14px; } /*------ pager(nav bullets) ------*/ /* The pager id should be: slider id + "-pager" */ /*#ninja-slider-pager { display:none;}*/ #ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .ninja-slide { width: calc(100% - 100px); height: 658px; display: inline-block; vertical-align: top; padding: 20px 0; } .swip-cont { width: 100%; } @media all and (max-width: 900px) { .ninja-slide { width: 100%; height:554px; } } @media all and (max-width: 640px) { .ninja-slide { height:600px; } } @media all and (max-width: 460px) { .ninja-slide { height:400px; } } @media all and (max-width: 640px) { #ninja-slider { overflow:initial; } } #ninja-slider-pager { text-align: center; display: none; } @media all and (max-width: 640px) { #ninja-slider-pager { display: block; margin-top: 20px; } } #ninja-slider-pager a { width: 5px; height: 5px; background: #dddede; display: inline-block; border-radius: 100%; opacity: 1; vertical-align: middle; margin: 0 3px; } #ninja-slider-pager a.active { width: 8px; height: 8px; opacity: 1; background: #7c7c7c; } /* End */ /* Start:/local/templates/main/css/thumbnail-slider.css?16926934507635*/ /*---------------------------- Thumbnails ----------------------------*/ #thumbnail-slider { /* height:400px; */ display:inline-block; padding:40px 0; /*Increse its value if want to move the arrows out of the div.inner */ position:relative; -webkit-user-select: none; user-select:none; float:left; } #thumbnail-slider div.inner { /* border-radius:3px; background-color:#444; padding:0 12px; */ /*the followings should not be changed */ height:100%; box-sizing:border-box; position:relative; overflow:hidden; margin:0; } #thumbnail-slider div.inner ul { /*the followings should not be changed */ position:relative; left:0; top:0; list-style:none; font-size:0; padding:0; margin:0; float:left!important; width:auto!important; height:auto!important; } #thumbnail-slider ul li { opacity:1; display:block; min-height: 60px; border-bottom:1px solid transparent; margin: 0 0 20px; /* Spacing between thumbs*/ /* transition:all 0.5s;*/ text-align:center; padding:0; position:relative; list-style:none; box-sizing:content-box; backface-visibility:hidden; /* -webkit-filter: grayscale(100%); filter: grayscale(100%);*/ } #thumbnail-slider ul li.active { /* border-color:white;*/ /* border-bottom: 1px solid black; */ /* -webkit-filter: initial; filter: initial;*/ } #thumbnail-slider ul li.active:after { content: ""; display: block; position: absolute; border-bottom: 1px solid black; left: 0; bottom: 0px; width: 100%; } #thumbnail-slider li:hover { /* border-color:rgba(255,255,255,0.5); -webkit-filter: grayscale(50%); filter: grayscale(50%);*/ } #thumbnail-slider .thumb { width:100%; height: 100%; background-size:contain; background-repeat:no-repeat; background-position:center center; display:block; position:absolute; font-size:0; } /* --------- navigation controls ------- */ /* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */ #thumbnail-slider-pause-play {display:none;} /*.pause*/ #thumbnail-slider-prev, #thumbnail-slider-next { position: absolute; /* background-color:rgba(0,0,0,0.4);*/ width:100%; height:30px; line-height:30px; text-align:center; margin:0; color:white; z-index:10; cursor:pointer; transition:opacity 0.6s; *background-color:#ccc;/*IE7 hack*/ backface-visibility:hidden; } #thumbnail-slider-prev { top:0; } #thumbnail-slider-next { bottom:0; } #thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled { /* opacity:0.1;*/ cursor:default; } /* arrows */ #thumbnail-slider-prev::before, #thumbnail-slider-next::before { position:absolute; content: ""; left:0; display: inline-block; width: 8px; height: 8px; margin-left:14px; border-left: 1px solid #b7b7b7; border-top: 1px solid #b7b7b7; } #thumbnail-slider-prev::before { top:12px; -ms-transform:rotate(-45deg);/*IE9*/ -webkit-transform:rotate(45deg); transform: rotate(45deg); } #thumbnail-slider-next::before { bottom:12px; -ms-transform:rotate(135deg);/*IE9*/ -webkit-transform:rotate(-135deg); transform: rotate(-135deg); } /*---------------------------- Thumbnails ----------------------------*/ #thumbnail-slider2 { /* height:400px; */ display:inline-block; padding:40px 0; /*Increse its value if want to move the arrows out of the div.inner */ position:relative; -webkit-user-select: none; user-select:none; float:left; } #thumbnail-slider2 div.inner { /* border-radius:3px; background-color:#444; padding:0 12px; */ /*the followings should not be changed */ height:100%; box-sizing:border-box; position:relative; overflow:hidden; margin:0; } #thumbnail-slider2 div.inner ul { /*the followings should not be changed */ position:relative; left:0; top:0; list-style:none; font-size:0; padding:0; margin:0; float:left!important; width:auto!important; height:auto!important; } #thumbnail-slider2 ul li { opacity:1; display:block; border-bottom:1px solid transparent; margin: 0 20px 20px 0; /* Spacing between thumbs*/ text-align:center; padding:0; position:relative; list-style:none; box-sizing:content-box; backface-visibility:hidden; } #thumbnail-slider2 ul li:last-child { margin: 0 0 20px 0; } #thumbnail-slider2 ul li.active:after { content: ""; display: block; position: absolute; border-bottom: 1px solid black; left: 0; bottom: -4px; width: 100%; } #thumbnail-slider2 .thumb { width:100%; height: 100%; background-size:contain; background-repeat:no-repeat; background-position:center center; display:block; position:absolute; font-size:0; } .thumbnail-slide { width: 38px; height: 380px; display: inline-block; vertical-align: top; position: relative; overflow: hidden; } @media all and (max-width: 900px) { #thumbnail-slider { height: 0; overflow: hidden; padding: 0; } } #thumbnail-slider2 { display: none; } @media all and (max-width: 900px) { #thumbnail-slider2 { display: block; width: 100%; height: 90px; } } /* --------- navigation controls ------- */ /* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */ #thumbnail-slider2-pause-play {display:none;} /*.pause*/ #thumbnail-slider2-prev, #thumbnail-slider2-next { position: absolute; width: 30px; height: 30px; line-height:30px; text-align:center; margin:0; color:white; z-index:10; cursor:pointer; transition:opacity 0.6s; *background-color:#ccc;/*IE7 hack*/ backface-visibility:hidden; } #thumbnail-slider2-next.disabled, #thumbnail-slider2-prev.disabled { cursor:default; } /* arrows */ #thumbnail-slider2-prev::before, #thumbnail-slider2-next::before { position:absolute; content: ""; display: inline-block; width: 8px; height: 8px; margin-left:-5px; border-left: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } #thumbnail-slider2-prev::before { top:12px; -ms-transform:rotate(-45deg);/*IE9*/ -webkit-transform:rotate(45deg); transform: rotate(45deg); } #thumbnail-slider2-next::before { bottom:12px; -ms-transform:rotate(135deg);/*IE9*/ -webkit-transform:rotate(-135deg); } @media all and (max-width: 900px) { #thumbnail-slider2 { display: block; width: 100%; max-width: 360px; height: 105px; padding: 20px 40px 0; float:none; margin: 0 auto; } } @media all and (max-width: 790px) { #thumbnail-slider2 { box-sizing: border-box; } } @media all and (max-width: 710px) { #thumbnail-slider2 { max-width: 290px; } } @media all and (max-width: 640px) { #thumbnail-slider2 { height: 0; overflow: hidden; padding: 0; } } #thumbnail-slider2 div.inner ul { white-space: nowrap; } #thumbnail-slider2-prev { left: 0; top: 40px; } #thumbnail-slider2-next { top: 40px; right: 0; } /* End */ /* Start:/local/templates/main/css/slick.css?169269345010361*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .look-book__carousel .slick-list { position: relative; display: block; margin: 0; padding: 0; height: 100%; } .modal-slider-wind .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: 100%; } .product-pop__prev .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: 100%; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; height: 100%; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .myslider-nav { width: 38px; display: inline-block; padding: 40px 0; position: relative; -webkit-user-select: none; user-select: none; float: left; font-size: 0; } @media all and (max-width: 900px) { .myslider-nav { display: block; width: 100%; height: 105px; padding: 20px 40px 0; float:none; margin: 0 auto; } } @media all and (max-width: 640px) { .myslider-nav { height: auto; text-align: center; } .myslider .slick-dots { margin-top: 40px; text-align: center; } } .myslider-nav__item { opacity: 1; display: block; width: 38px; min-height: 60px; border-bottom: 1px solid transparent; margin: 0 0 20px; text-align: center; padding: 0; position: relative; box-sizing: content-box; backface-visibility: hidden; background-size: contain; background-repeat: no-repeat; background-position: center center; font-size: 0; outline: none; cursor: pointer; } @media all and (max-width: 900px) { .myslider-nav__item { width: 52px; height: 80px; margin: 0 20px 20px 0; } } @media all and (max-width: 640px) { .myslider-nav .slick-list{ display: none; } } .myslider-nav__item.slick-current{ border-bottom: 1px solid black; } .myslider { padding: 0px; margin: 0 auto; overflow: hidden; box-sizing: border-box; float: right; width: calc(100% - 100px); /*height: 750px;*/ height: auto; display: inline-block; vertical-align: top; } @media all and (max-width: 900px) { .myslider { display: block; width: 100%; float:none; height: 554px; } } @media all and (max-width: 640px) { .myslider { /*height: 600px;*/ height: auto; overflow: inherit; } } @media all and (max-width: 460px) { .myslider { /*height: 450px;*/ height: auto; overflow: inherit; } } .myslider__item{ width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden; box-sizing: border-box; background-size: contain; cursor: zoom-in; display: block; background-repeat: no-repeat; background-position: center center; outline: none; } .slick-arrow { position: absolute; width:30px; height:30px; line-height:30px; text-align:center; margin:0; color:white; z-index:10; cursor:pointer; transition:opacity 0.6s; backface-visibility:hidden; font-size: 0; background:transparent; } @media all and (max-width: 900px) { .slick-arrow { position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0; color: white; z-index: 10; cursor: pointer; transition: opacity 0.6s; backface-visibility: hidden } .myslider-nav .slick-arrow.slick-prev, .myslider-nav .slick-arrow.slick-next { width: 30px; } } .slick-prev { top: 0; left: 0; bottom: 0; margin: auto; } .myslider-nav .slick-prev { top: 0; left: initial; bottom: initial; width: 100%; margin: 0; } @media all and (max-width: 900px) { .myslider-nav .slick-prev { top:40px; left: 0; } } .slick-next { top: 0; right: 0; bottom: 0; margin: auto; } .myslider-nav .slick-next { bottom: 20px; left: initial; top: initial; width: 100%; margin: 0; } @media all and (max-width: 900px) { .myslider-nav .slick-next { top:40px; right: 0; } } /* arrows */ .slick-arrow::before { position:absolute; content: ""; left:0; display: inline-block; width: 8px; height: 8px; margin-left:14px; border-left: 1px solid #b7b7b7; border-top: 1px solid #b7b7b7; } .slick-prev::before { top:12px; -ms-transform:rotate(-45deg);/*IE9*/ -webkit-transform:rotate(-45deg); transform: rotate(-45deg); } .slick-next::before { bottom:12px; -ms-transform:rotate(135deg);/*IE9*/ -webkit-transform:rotate(135deg); transform: rotate(135deg); } .myslider-nav .slick-prev::before { top: 12px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .myslider-nav .slick-next::before { bottom:12px; -ms-transform: rotate(135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media all and (max-width: 900px) { .myslider-nav .slick-arrow::before { position: absolute; top:12px; right: 13px !important; content: ""; display: inline-block; width: 8px; height: 8px; margin-left: -5px; border-left: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; border-top:0; } } @media all and (max-width: 640px) { .slick-arrow { display: none !important; } } @media all and (max-width: 900px) { .myslider-nav .slick-prev::before { transform: rotate(45deg); left: 17px; } } .myslider-nav .slick-dots{ display: none !important; } @media all and (max-width: 640px) { .myslider-nav .slick-dots { display: block !important; } } .slick-dots li{ display: inline-block; } .slick-dots button { width: 5px; height: 5px; background: #dddede; display: inline-block; border-radius: 100%; opacity: 1; vertical-align: middle; margin: 0 3px; font-size: 0; } @media all and (max-width: 640px) { .slick-dots button { width: 5px; height: 5px; background: #dddede; display: inline-block; border-radius: 100%; opacity: 1; vertical-align: middle; margin: 0 3px; font-size: 0; } .myslider .slick-dots button { width: 10px; height: 10px; } } .slick-dots .slick-active button { width: 8px; height: 8px; opacity: 1; background: #7c7c7c; font-size: 0; } .myslider .slick-dots .slick-active button { width: 10px; height: 10px; } /*.my-big-slider__item img { width: 100vw; height: auto; }*/ .modal-slider-wind{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: white; visibility: hidden; } .modal-slider-wind.active{ visibility: visible; } .modal-slider-cont{ max-width: 850px; height: 100%; margin: 0 auto; position: relative; } .modal-slider{ width:calc(100% - 130px); height: 100%; margin-left: 80px; margin-right: 50px; } .modal-slider-nav{ position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:53px; display: inline-block; padding: 40px 0; -webkit-user-select: none; user-select: none; font-size: 0; cursor: pointer; } .modal-slider-nav__item{ opacity: 1; display: block; width: 38px; min-height: 60px; border-bottom: 1px solid transparent; margin: 0 0 20px; text-align: center; padding: 0; position: relative; box-sizing: content-box; backface-visibility: hidden; background-size: contain; background-repeat: no-repeat; background-position: center center; font-size: 0; outline: none; } .modal-slider__item{ position: relative; outline: none; } .modal-slider__item img{ margin:0 auto; height:85vh; width:auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .modal-slider-nav__item.slick-current { border-bottom: 1px solid black; } .modal-slider-nav .slick-arrow::before { content: ""; margin-left: 22px; } @media all and (max-width: 640px) { .modal-slider-nav { display: none !important; } } @media all and (max-width: 640px) { .modal-slider { width: calc(100% - 30px); height: 80vh; margin: 66px 15px 0; } } .modal-slider-wind__close{ position: absolute; right: 30px; z-index: 100; top: 6vh; width:17px; height: 17px; background-image: url(/local/templates/main/css/../img/close.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.4; cursor: pointer; } @media all and (max-width: 640px) { .modal-slider-wind__close { top: -10px; } } @media all and (max-width: 640px) { .modal-slider .slick-dots{ display: block; text-align: center; margin-top: 19px; } } .bx_item_detail_size{ display: none; } .opened-size{ display: block; } .look-wrap-2{ overflow:hidden; } /* End */ /* Start:/local/templates/main/components/bitrix/search.title/catalog/style.css?16926934502927*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:100%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; display: none; } table.title-search-result td { background-color:white; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; vertical-align:top; display: inline-block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { display: none; font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { background-image: url('/local/templates/main/components/bitrix/search.title/catalog/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } .title-search-line { display: table; vertical-align: middle; } .title-search-img-box, .title-search-info { display: table-cell; vertical-align: middle; } .title-search-img-box { width: 100px; text-align: center; } div.title-search-result { width: 1137px !important; max-width: calc(100% - 40px); background: #fff; top: 224px !important; left: 50% !important; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); overflow-y: auto; max-height: 500px; } @media screen and (max-width: 600px) { div.title-search-result { top: 215px !important; max-height: 335px; } table.title-search-result td { word-break: break-all; } } /* End */ /* Start:/local/templates/main/components/bitrix/main.register/main/style.css?1692693450463*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/main/components/bitrix/main.register/main/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/main/components/bitrix/main.register/main/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/main/styles.css?173055229714601*/ /*.drop_active .drop__col .cat { display: none; }*/ /*.pop-info .bx_item_detail_size ul li.bx_active{ background: #f5f5f5; }.pop-info .bx_item_detail_size ul li.bx_active .cnt{ background: #f5f5f5; }*/ .product__img .product__btn { display: none; } .product-pop_main .product-pop__prev { font-size: 0; } .bx_item_detail_size { display: none;} .rep__img{ background-size: 43px auto !important; } .bx-sls .dropdown-block{ width: 100%; height: 37px; border: none; font-size: 12px; font-family: 'Geometria-Light', sans-serif; color: #1c1e23; box-sizing: border-box; box-shadow: none; margin-top: 7px; margin-left: -9px; } .total__name.sale { width: auto; margin: 0; } .product__sum.old-price, .exmpl__price.old-price{ text-decoration: line-through; } .product__sum.new-price, .exmpl__price.new-price{ color: #d40202; } #layer { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; /*background: rgba(0,0,0,.5) url("/local/templates/main/img/opc-ajax-loader.gif") no-repeat center center;*/ } .btn { background-color: var(--secondary); color: var(--white); padding: 17px 85px; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; } .popup { max-width: 400px !important; padding: 0 !important; } .popup img { width: 100%; } .popup .text { padding: 20px; text-align: center; } .popup .text .head { font-size: 24px; margin-bottom: 20px; } .popup .text .comment { font-size: 16px; margin-bottom: 40px; } .popup .text .btns { text-align: center; padding-bottom: 20px; } .popup .fancybox-close-small svg { filter: invert(1) contrast(1) brightness(100); } .popup .fancybox-close-small { width: 50px; height: 50px; } .popup.popup1.fancybox-content .fancybox-close-small { color: #4d806e; } .popup.popup1.fancybox-content .fancybox-close-small svg { filter: none; } .popup.popup1.fancybox-content .subs__input { margin-bottom: 8px; } .popup.popup1.fancybox-content .text .comment { margin-bottom: 10px; } .popup.popup1.fancybox-content .text { padding: 0px 20px 20px 20px; } .pagenation { position: relative; } .main__cont-other { width: 100%; max-width: 1137px; margin: 68px auto; } @media all and (min-width: 980px) { .filter__col_inln1 .filter__lab { background-image: none !important; } } .filter__col_inln1 .filter__lab{ background-position: center center; } .word-block.word-block_dark { min-width: 200px; } .filter__col_inln2 .filter__lab{ } .popup-window-titlebar .popup-window-titlebar-text { font-size: 18px; text-transform: uppercase; margin-bottom: 47px; text-align: center; color:#000; font-weight:normal; } .popup-window { font-family: 'Geometria', sans-serif !important; } .popup-window-titlebar-close-icon{ position: absolute; top: 20px; right: 20px; display: inline-block; width: 20px; height: 20px; background-image: url(/local/templates/main/img/close.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.6; cursor: pointer; } .popup-window-close-icon:after{ display: none; } .popup-window-content .output{ top:0; } .main .offer { background-color: #fcfaf8; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position: relative; overflow: hidden; } .main .offer.offer-m { background-size: contain; } .product__del { display: block; } .favorite__block .favorite__product { position: relative; font-size: 0; color: #3a3a3a; overflow: hidden; text-align: center; display: block; } .total__drop.hide{ display: none; } /*.about__link:hover { text-decoration: underline; }*/ .product__img{ background-size: contain; } .filter__lab_sort.active { border-bottom: 1px solid #3a3a3a; } .total { position: relative; } .total-sticky { position: sticky; } .default-no-size { display: none; } .def-nosize .default-no-size { display: block; } .def-nosize .action_basket { display: none; } .buttons_basket_add{ /*position: absolute;*/ display: none; /*top: 0;*/ } .order_hide{ display: none; } .mark__item .sample-text { text-align: left; } .alert-danger, .errortext { color: red; font-size: 14px; } .level3 { padding-left: 15px; } .look-book__btn_act { display: none; border: 1px solid #4d806e; background: #4d806e; cursor: default; color: #fff; width: 100%; height: 40px; margin: 26px 0 19px; padding: 0; border-radius: 0; box-shadow: none; text-transform: uppercase; text-align: center; vertical-align: middle; font-family: 'Geometria-Light', sans-serif; font-size: 12px; } .offer-m { display: none; } @media all and (max-width: 600px) { .offer-m{ display: block; } .m-hide { display: none; } } .look-book__video { overflow: hidden; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .look-book__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*for slider*/ .main_slider__video { overflow: hidden; position: relative; /*padding-bottom: 56.25%;*/ /*padding-top: 25px;*/ width: 100%; height: 100%; /*background-color: #3a3a3a; margin: 0 auto 68px;*/ } .main_slider__video iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 1000px; height: 100%; margin: 0 auto; } .main_three_slider_video { position: absolute; top: 0; /*bottom: 0;*/ left: 0; /*right: 0; width: 100%;*/ height: 100%; z-index: 2; } .main_detail_slider_video { /*position: absolute;*/ top: 0; /*bottom: 0;*/ left: 0; /*right: 0;*/ width: 100%; cursor: pointer; z-index: 2; } /*404*/ .bx-404-container { width: 100%; margin: 0 auto; text-align: center; } .bx-404-block { margin-top: 100px; margin-bottom: 66px; } @media (max-width: 768px) { .bx-404-block { margin-top: 50px; margin-bottom: 33px; } } .bx-404-text-block { font-size: 20px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; padding-bottom: 20px; } .bx-maps-title { color: #8f8f8f; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; padding-bottom: 20px; padding-top: 10px; border-bottom: 1px solid #e9eaea; } .map-columns { padding-top: 20px; } .bx-map-title { font-weight: bold; font-size: 14px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; position: relative; min-height: 20px; padding-left: 25px; margin-bottom: 20px; } .bx-map-title .fa { color: #0083d1; position: absolute; left: 0; top: 2px; font-size: 15px; } .map-columns ul { list-style: none; margin-bottom: 5px; } .map-level-0 { margin-left: 0; padding-left: 25px; margin-bottom: 20px; } .map-level-0 li { margin-left: 0; padding-left: 0; } .map-level-0 ul { padding-left: 15px; } ul.map-level-1 { margin-bottom: 30px; } @media only screen and (max-width:980px){ .bx-yandex-view-layout { display: none; } .product__sum.old-price, .exmpl__price.old-price{ text-decoration: line-through; color: #969699; font-size: 12px; } .product__sum.new-price, .exmpl__price.new-price{ color: #d40202; font-size: 12px; } .list__item .product__sum { font-size: 12px; } } table.table-size {border-collapse: collapse;} table.table-size td {border: 1px solid #ccc;} /* HEADER DESKTOP */ .bottom_line { display: none; } .header.fixed .bottom_line, .header.fixed .bottom_line .submenu2 ul.active, .header.bg .top_line, .header.bg .bottom_line, .header.bg .bottom_line .submenu2 ul.active { background: #ffffff; } .header.bg .top_line.light + .bottom_line { color: #000000; } .top_line.light + .bottom_line { color: #ffffff; } .bottom_line { padding-bottom: 20px; } .footer.blur::before { content: ''; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 995; } .bottom_line .submenu ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 0; } .bottom_line .submenu ul li { /* padding-bottom: 10px; */ } .bottom_line .submenu ul li a { position: relative; padding: 0 16px; } .bottom_line .submenu ul li:not(:first-child) a::before { position: absolute; left: 0; top: 0; content: ''; border-left: 1px solid #979797; height: 100%; width: 0; } .bottom_line .submenu2 { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .bottom_line .submenu2:has(ul.active) { opacity: 1; visibility: visible; } .bottom_line .submenu2 ul { display: none; margin: 0; } .bottom_line .submenu2 ul.active { display: flex; flex-direction: column; align-content: center; padding: 40px 20px 30px; max-height: 150px; flex-wrap: wrap; z-index: 1; position: absolute; left: 0; right: 0; } .bottom_line .submenu2 ul li { margin-bottom: 10px; padding: 0 30px; position: relative; } .bottom_line .submenu2 ul li a:hover::before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9849 10.084C19.887 8.71338 19.2017 7.93015 18.4184 7.53854C18.5164 6.2658 16.7541 4.60145 15.4814 4.69935C15.7751 2.54548 10.5862 1.86016 9.99878 0C9.31346 1.76226 4.1246 2.54548 4.51621 4.69935C3.24347 4.50354 1.48122 6.1679 1.57912 7.53854C0.893797 7.93015 0.11057 8.71338 0.0126666 10.084C-0.0852365 11.5526 0.404278 12.0421 0.795891 12.6295C0.0126659 14.1959 1.57912 16.6435 3.34137 16.2519C3.83089 18.6995 7.84491 17.7205 7.3554 15.2729C6.37637 12.3358 8.13862 10.8672 9.99878 10.8672C11.8589 10.8672 13.6212 12.3358 12.6422 15.2729C12.0547 17.7205 16.0688 18.6995 16.6562 16.2519C18.4184 16.5456 19.9849 14.098 19.2017 12.6295C19.6912 12.0421 20.0828 11.5526 19.9849 10.084Z' fill='%233E6055'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .bottom_line .submenu2 ul li:first-child > a { color: var(--gray2); } .top_line.light + .bottom_line .submenu ul li:not(:first-child) a::before { border-color: #ffffff; } .header.bg .top_line.light + .bottom_line .submenu ul li:not(:first-child) a::before { border-color: #979797; } .header.bg .top_line.light .logo { background-image: url('/local/templates/main/img/new/aa_logo_black.svg'); } .header.bg .top_line.light .l .blk .m_menu_btn { filter: invert(1); } .header.bg .top_line.light .l .blk .m_search_btn, .header.bg .top_line.light .r .blk .m_phone_btn, .header.bg .top_line.light .r .blk .m_profile_btn, .header.bg .top_line.light .r .blk .m_hearth_btn, .header.bg .top_line.light .r .blk .m_case_btn, .header.bg header.fixed .top_line.light .l .blk .m_menu_btn { filter: invert(0); } header.bg .top_line.light .r .blk .user-info__count { filter: invert(0) !important; } .header.bg .top_line.light .r .blk .telegram_icon svg { fill: #000; } .header.bg .top_line.light .l .blk .n_menu li a, .header.bg .top_line.light .r .blk .telegram_text, .header.bg .top_line.light .locale { color: #000; } @media (min-width: 865px) { .m_menu_btn, .i_menu .submenu, .i_menu .submenu2 { display: none; } .i_menu.active .m_menu_btn, .bottom_line { display: block; } } /* HEADER DESKTOP END */ /* FOOTER */ /* FOOTER NAV */ .nav-footer { padding: 40px; display: flex; text-align: left; } .nav-footer__col { display: flex; flex-direction: column; flex: 1; } .nav-footer__col:not(:last-child) { margin-right: 40px; } .nav-footer__subject { font-size: 14px; text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid #000; margin-bottom: 8px; } .nav-footer__list { font-size: 12px; } .nav-footer__item:not(:last-child) { margin-bottom: 8px; } .nav-footer__link { text-transform: uppercase; } .nav-footer__link:hover { text-decoration: underline; } .nav-footer__social { margin-top: auto; padding-top: 26px; } .footer .footer__nav .nav-footer__social a { margin-top: 14px; } @media (max-width: 864px) { .nav-footer { padding: 40px 20px; flex-direction: column; } .nav-footer__col:first-child { order: 1; } .nav-footer__col:not(:last-child) { margin-right: 0; } .nav-footer__col:not(:first-child) { margin-bottom: 40px; } .nav-footer__subject { font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; } .nav-footer__list { font-size: 14px; } .nav-footer__item { flex-basis: calc(50% - 10px); } .nav-footer__item:not(:last-child) { margin-bottom: 10px; } .nav-footer__link { font-weight: 300; } } /* FOOTER NAV END */ /* FOOTER BOTTOM */ .footer .footer__bottom .foot-inf__descr { display: flex; align-items: center; } .footer .footer__bottom .pay__icons { margin: 0; margin-right: 40px; } .footer .footer__bottom .pay__img { margin-right: 0; } .footer .foot-inf { height: auto; min-height: 47px; padding: 10px 0; } .footer .foot-inf__link a:last-child { margin-right: 0; } @media (max-width: 864px) { .footer .footer__bottom .foot-inf { padding-left: 20px; padding-right: 20px; } .footer .footer__bottom .foot-inf__descr { flex-direction: column; align-items: flex-end; } .footer .footer__bottom .pay__icons { margin-bottom: 10px; margin-right: 0; } } @media (max-width: 620px) { .foot-inf__link a:first-child { margin-right: 0; } } /* FOOTER BOTTOM END */ /* FOOTER END */ /* End */ /* Start:/local/templates/main/template_styles.css?173192904753458*/ :root { --a_primary: #1F2020; --white: #FFFFFF; --surface-white-50: rgba(255, 255, 255, 0.5); --secondary: #2d564a; --biege: #F1EAE5; --blue: #CBDCE5; --green: #15AE6F; --red: #E13B47; --black: #1F2020; --gray1: #808080; --gray2: #A0A0A0; --gray3: #E5E5E5; --gray4: #F2F2F2; --gray5: #C4C4C4; --overlay: rgba(0, 0, 0, 0.7); --bg-biege: #F7F4EC; } body { font-family: "Fira Sans", sans-serif; } .header { position: relative; z-index: 996; } .header .header__sale{ width: 100%; color: #3e6055; font-size: 18px; font-weight: 700; background: #f0ebdf; text-align: center; display: block; padding: 7px 4px; box-sizing: border-box; } @media (max-width:600px){ .header .header__sale{ font-size: 13px; font-weight: 600; } } .only-mobile { display: none; } .top_line { display: flex; min-height: 100px; align-items: center; } .top_line > div { flex-grow: 1; flex-shrink: 3; width: calc(100% / 3); } .top_line .logo { background-image: url('/local/templates/main/img/new/aa_logo_black.svg'); background-size: 380px; height: 100px; background-position: center center; background-repeat: no-repeat; } .top_line.light .logo { background-image: url('/local/templates/main/img/new/aa_logo_white.svg'); } .top_line .logo.origin { background-image: url('/local/templates/main/img/new/aa_logo_black.svg'); } .top_line .l .blk { display: flex; align-items: center; padding-left: 30px; } .top_line .l .blk .m_menu_btn { /*width: 34px; height: 34px;*/ /*background-image: url('/local/templates/main/img/new/short_menu.svg');*/ background-image: url('/local/templates/main/img/new/burgn.svg'); background-size: 14px; background-position: left center; background-repeat: no-repeat; margin-right: 20px; padding-left: 20px; font-size: 14px; color: #fff; filter: invert(1); } .top_line.light .l .blk .m_menu_btn { filter: invert(0); } .top_line .l .blk .m_search_btn { width: 20px; height: 20px; background-image: url('/local/templates/main/img/new/search.svg'); background-size: 20px; background-position: center center; background-repeat: no-repeat; margin-right: 24px; filter: invert(0); cursor: pointer; } .top_line.light .l .blk .m_search_btn { background-image: url('/local/templates/main/img/new/search.svg'); filter: invert(1); } .top_line .l .blk .n_menu { display: flex; } .top_line .l .blk .n_menu li { margin-right: 20px; } .top_line .l .blk .n_menu li a { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0.04em; text-align: left; text-transform: uppercase; } .top_line.light .l .blk .n_menu li a { color: var(--white); } .top_line .r { padding-right: 40px; box-sizing: border-box; } .top_line .r .blk { display: flex; align-items: center; justify-content: flex-end; position: relative; } .top_line .r .blk > div { display: flex; } .top_line .r .blk > div > a { width: 22px; height: 22px; background-size: 22px; background-position: center center; background-repeat: no-repeat; margin-left: 24px; display: inline-block; } .top_line .r .blk .m_phone_btn { background-image: url('/local/templates/main/img/new/phone_1.svg'); filter: invert(0); } .top_line.light .r .blk .m_phone_btn { filter: invert(1); } .top_line.light .r .blk .telegram_text{ color: #fff; } .top_line .r .blk .telegram_icon svg{ max-width: 100%; } .top_line.light .r .blk .telegram_icon svg{ fill: #fff; } .top_line .r .blk .m_profile_btn { background-image: url('/local/templates/main/img/new/profile.svg'); filter: invert(0); display: inline-block; } .top_line.light .r .blk .m_profile_btn { filter: invert(1); } .top_line .r .blk .m_hearth_btn { background-image: url('/local/templates/main/img/new/heart.svg'); filter: invert(0); } .top_line.light .r .blk .m_hearth_btn { filter: invert(1); } .top_line .r .blk .m_case_btn { width: 20px; height: 20px; background-image: url('/local/templates/main/img/new/shopping-bag_1.svg'); background-size: 20px; filter: invert(0); } @media (max-width:640px) { .top_line .r .blk .m_case_btn { margin-bottom: 4px; margin-left: 6px; } } .top_line.light .r .blk .m_case_btn { filter: invert(1); } .owl-theme2 { margin-top: -100px; } .owl-theme2 .offer { min-height: 100vh; height: 50vw; background-size: cover; background-position: top center; position: relative; } .owl-theme2 .owl-dots { position: absolute; bottom: 60px; left: 40px; } .owl-theme2 .owl-dots .owl-dot { width: 8px; height: 8px; /*background-color: var(--surface-white-50);*/ background-color: #0000007d; margin-right: 10px; border-radius: 8px; } .owl-theme2 .owl-dots .owl-dot.active { background-color: var(--black); } .main { overflow: initial; min-height: 90vh; } .catalog .content__mid_mid { min-height: 70vh; } .owl-theme2 .offer a.fullArea { position: absolute; top: 0; bottom: 0; width: 100%; left: 0; } .owl-theme2 .offer .block { position: absolute; left: 40px; bottom: 150px; color: var(--white); } .owl-theme2 .offer .block .line1 { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 14px; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; } .owl-theme2 .offer .block .line2 { font-family: "Fira Sans"; font-size: 96px; font-style: normal; font-weight: 300; line-height: 77px; letter-spacing: -0.06em; text-align: left; margin-top: 15px; } .owl-theme2 .offer .block .line2 span { } .owl-theme2 .offer .block .line3 { font-family: "Fira Sans"; font-size: 20px; font-style: normal; font-weight: 300; line-height: 20px; letter-spacing: -0.02em; text-align: left; margin-top: 40px; } .owl-theme2 .offer .block .button { font-family: "Fira Sans"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; letter-spacing: 0.04em; text-align: left; border-bottom: 1px var(--white) solid; text-transform: uppercase; margin-top: 70px; display: inline-block; } .panels { position: absolute; top: 00px; width: calc(30vw + 100px); height: 50vw; right: 0; min-height: 100vh; overflow: hidden; } .container.avent { margin-top: 50px; } .rightPanel { position: absolute; top: 00px; bottom: 0; width: 30vw; height: 50vw; min-height: 100vh; background-color: white; box-sizing: border-box; z-index: 2000; right: calc(-30vw - 100px); transition: all 0.3s; } .rightPanel.open { right: 0; } .rightPanel .item { margin-bottom: 40px; } .rightPanel .scroll { overflow-y: auto; position: absolute; right: 0; top: 0; bottom: 0; left: 0; padding: 60px 5vw; } .rightPanel .item .name { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 19px; letter-spacing: 0em; text-align: center; text-transform: uppercase; text-align: left; margin: 0; margin-top: 10px; } .rightPanel .item .price { text-align: left; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0em; } .rightPanel .close { position: absolute; right: calc(30vw + 40px); top: 40px; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.6); border-radius: 40px; cursor: pointer; } .rightPanel .close::after { content: ""; background-image: url('/local/templates/main/img/close.svg'); background-size: 18px; width: 18px; height: 18px; position: absolute; left: 16px; top: 16px; filter: invert(1); } .rightPanel img { width: 100%; } .owl-theme2 .offer .moreBtn { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0.08em; text-align: left; color: var(--black); text-transform: uppercase; position: absolute; right: 80px; bottom: 60px; cursor: pointer; } .owl-theme2 .offer .moreBtn::after { content: ""; width: 80px; height: 80px; background-image: url('/local/templates/main/img/ellipsen.svg'); background-repeat: no-repeat; background-position: center center; display: block; position: absolute; top: -50px; left: -30px; } .header__modal-search { height: 0 !important; } .hasPopup.over .word-block__cont { display: block; top: 22px; } .hasPopup.over .word-block__cont.authorized { display: block; top: 22px; } .hasPopup .word-block__cont .entry_hover { padding: 30px; right: -50px; border: 1px var(--gray4) solid; } .hasPopup .word-block__cont .entry_hover a { line-height: 2em; font-size: 12px; } .hasPopup.over .word-block__cont .entry_hover::after { content: ''; position: absolute; top: -10px; right: 60px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); width: 0; height: 0; border-style: solid; border-width: 0 8px 13px 8px; border-color: transparent transparent #fff transparent; } .hasPopup.over .m_profile_btn::after { content: ""; bottom: 0; height: 30px; } .swiper-container.new__carousel2, .swiper-container.new__carousel22 { padding-bottom: 50px; } .swiper-container.new__carousel2 .product__img, .swiper-container.new__carousel22 .product__img { height: 40vw; padding-top: 0; } .swiper-container.new__carousel2.collections .product__img, .swiper-container.new__carousel22.collections .product__img { height: 30vw; } .container { max-width: 1400px; margin-left: auto; margin-right: auto; } .carouselSelector { margin-top: 100px; } .carouselSelector.v_collections { margin-top: 100px; } .carouselSelector .row { display: flex; align-items: center; margin-bottom: 40px; margin-left: 40px; margin-right: 40px; } .carouselSelector .head { font-family: "Fira Sans"; font-size: 48px; font-style: normal; font-weight: 400; line-height: 38px; letter-spacing: -0.06em; text-align: left; flex-grow: 1; } .carouselSelector .lMenu { display: flex; } .carouselSelector .lMenu li { text-transform: uppercase; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0.04em; text-align: center; opacity: 0.5; margin-left: 40px; line-height: 1.5em; cursor: pointer; } .carouselSelector .cPages { position: relative; } .carouselSelector .cPages > div { display: none; } .carouselSelector .cPages > div.active { display: block; } .carouselSelector .lMenu li.active { opacity: 1; border-bottom: 1px var(--a_primary) solid; } .product__title { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 19px; letter-spacing: 0em; text-align: center; text-transform: uppercase; margin: 0; } .product__sum { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 19px; letter-spacing: 0em; text-align: center; } .swiper-slide .product__title { margin-left: 20px; } .swiper-slide .product__sum { margin-left: 20px; } .swiper-pagination.swiper-pagination-bullets { bottom: 0; } .idxDelivery { font-family: "Fira Sans"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 26px; letter-spacing: -0.02em; text-align: center; text-align: center; margin: 100px 0; } .idxDelivery .container > div { border-top: 1px var(--gray5) solid; border-bottom: 1px var(--gray5) solid; padding-top: 60px; padding-bottom: 60px; } .idxDelivery .head { font-family: "Fira Sans"; font-size: 62px; font-style: normal; font-weight: 400; line-height: 1em; letter-spacing: -0.06em; margin-bottom: 20px; } .avants { margin-top: 50px; } .avants .line { display: flex; } .avants .line .el { flex-grow: 1; width: calc(33.33%); margin-right: 1px; } .avants .line .el:last-child { margin-right: 0px; } .avants .line .el img { width: 100%; } .avants .line .el .h { text-transform: uppercase; text-align: center; padding: 10px 0; font-size: 20px; } .avent { margin-top: 60px; } .avent .lRow { display: flex; } .avent .lRow > div { flex-grow: 1; width: calc(50% - 8px); margin-left: 8px; margin-bottom: 20px; } .avent .lRow > div:last-child { margin-right: 0; } .avent .lRow > div a { display: inline-block; width: 100%; text-transform: uppercase; overflow: hidden; font-size: 20px; } .avent .lRow > div a i { overflow: hidden; height: 25vw; display: block; margin-bottom: 20px; box-sizing: border-box; } .avent .lRow > div a i::after { content: ""; position: relative; width: 100%; height: 25vw; background-image: url('/local/templates/main/img/av2_1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: top center; display: block; margin-bottom: 30px; transition: all 0.3s; } .avent .lRow:first-child > div:last-child a i::after { //background-image: url('/local/templates/main/img/av2_v3.jpg'); background-image: url('/local/templates/main/img/3D_clothes.jpg'); } .avent .lRow:last-child > div:first-child a i::after { //background-image: url('/local/templates/main/img/av2_31.jpg'); background-image: url('/local/templates/main/img/boutiques.jpg'); } .avent .lRow:last-child > div:last-child a i::after { background-image: url('/local/templates/main/img/av2_4.jpg'); } #collections.slider { margin-bottom: 50px; } #collections.slider h2 { font-family: "Fira Sans"; font-size: 48px; font-style: normal; font-weight: 400; line-height: 42px; letter-spacing: -0.06em; text-align: left; } .footer__bottom { background-color: transparent; border-top: 1px var(--gray3) solid; margin-top: 0; } .footer { } .footer .fRow { display: flex; } .footer .fRow > div { width: 50%; padding: 40px 40px 0 40px; } .footer .fRow > div:first-child { padding-left: 100px; } .footer .fRow > div:nth-child(1) { border-right: 1px var(--gray3) solid; } .footer .pay__icons { margin-left: 15%; } .footer .pay__img { width: auto; margin-right: 20px; } .footer .foot-inf { max-width: none; padding-left: 40px; padding-right: 40px; width: auto; } .footer .info { font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 300; letter-spacing: -0.02em; text-align: left; line-height: 1.5em; margin-bottom: 40px; } .footer form { display: flex; } .footer form > div { flex-grow: 1; } .footer .subs__input { width: 100%; border: 0px; border-bottom: 2px var(--gray3) solid; font-size: 18px; box-sizing: border-box; max-width: 400px; } .footer .subscribe-button { width: 200px; height: 43px; cursor: pointer; } .footer ::-webkit-input-placeholder { text-align: left; } .footer :-moz-placeholder { /* Firefox 18- */ text-align: left; } .footer ::-moz-placeholder { /* Firefox 19+ */ text-align: left; } .footer :-ms-input-placeholder { text-align: left; } .i_menu { background-color: var(--white); position: fixed; top: 0; left: -50vw; min-height: 100vh; box-sizing: border-box; max-width: 50vw; color: var(--a_primary); border-right: 1px var(--gray4) solid; border-bottom: 1px var(--gray4) solid; transition: all 0.3s; z-index: 1000; } .i_menu.active { left: 0; } .i_menu .close { position: absolute; right: 15px; top: 10px; opacity: 0.3; cursor: pointer; display:none; } .i_menu .close img { width: 15px; } .i_menu .line1 { display: flex; align-items: center; padding-left: 40px; min-height: 100px; align-items: center; } .i_menu .line1 .n_menu { display: flex; } .i_menu .line1 .n_menu li { margin-right: 24px; } .m_menu_btn { cursor: pointer; } .i_menu .line1 .m_menu_btn { width: 18px; height: 18px; background-image: url('/local/templates/main/img/icon_close.svg'); background-size: 18px; background-position: center center; background-repeat: no-repeat; margin-right: 24px; position: relative; top: 3px; } .top_line.light .locale { color: white; } .i_menu .line1 .m_search_btn { width: 20px; height: 20px; background-image: url('/local/templates/main/img/new/search.svg'); background-size: 20px; background-position: center center; background-repeat: no-repeat; margin-right: 24px; filter: invert(1); cursor: pointer; } .i_menu .line1 li a { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0.04em; text-align: left; text-transform: uppercase; } .i_menu .line1 li.selected a { border-bottom: 1px var(--a_primary) solid; } .i_menu .submenu { padding: 20px 80px; background-color: var(--white); /* height: calc(100vh - 100px);*/ min-width: 30vw; box-sizing: border-box; } .i_menu .submenu li { position: relative; } .i_menu .submenu li:hover:before { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: -28px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9849 10.084C19.887 8.71338 19.2017 7.93015 18.4184 7.53854C18.5164 6.2658 16.7541 4.60145 15.4814 4.69935C15.7751 2.54548 10.5862 1.86016 9.99878 0C9.31346 1.76226 4.1246 2.54548 4.51621 4.69935C3.24347 4.50354 1.48122 6.1679 1.57912 7.53854C0.893797 7.93015 0.11057 8.71338 0.0126666 10.084C-0.0852365 11.5526 0.404278 12.0421 0.795891 12.6295C0.0126659 14.1959 1.57912 16.6435 3.34137 16.2519C3.83089 18.6995 7.84491 17.7205 7.3554 15.2729C6.37637 12.3358 8.13862 10.8672 9.99878 10.8672C11.8589 10.8672 13.6212 12.3358 12.6422 15.2729C12.0547 17.7205 16.0688 18.6995 16.6562 16.2519C18.4184 16.5456 19.9849 14.098 19.2017 12.6295C19.6912 12.0421 20.0828 11.5526 19.9849 10.084Z' fill='%233E6055'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .i_menu .submenu li.selected:before { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: -28px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9849 10.084C19.887 8.71338 19.2017 7.93015 18.4184 7.53854C18.5164 6.2658 16.7541 4.60145 15.4814 4.69935C15.7751 2.54548 10.5862 1.86016 9.99878 0C9.31346 1.76226 4.1246 2.54548 4.51621 4.69935C3.24347 4.50354 1.48122 6.1679 1.57912 7.53854C0.893797 7.93015 0.11057 8.71338 0.0126666 10.084C-0.0852365 11.5526 0.404278 12.0421 0.795891 12.6295C0.0126659 14.1959 1.57912 16.6435 3.34137 16.2519C3.83089 18.6995 7.84491 17.7205 7.3554 15.2729C6.37637 12.3358 8.13862 10.8672 9.99878 10.8672C11.8589 10.8672 13.6212 12.3358 12.6422 15.2729C12.0547 17.7205 16.0688 18.6995 16.6562 16.2519C18.4184 16.5456 19.9849 14.098 19.2017 12.6295C19.6912 12.0421 20.0828 11.5526 19.9849 10.084Z' fill='%233E6055'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .i_menu .submenu li a { font-family: "Fira Sans"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 1.7em; letter-spacing: -0.04em; text-align: left; display: inline-block; width: 100%; box-sizing: border-box; } .i_menu .submenu li.hasMore::after { content: ""; width: 10px; height: 15px; display: block; position: absolute; background-image: url('/local/templates/main/img/arrow-right.svg'); background-repeat: no-repeat; background-position: center center; background-size: 8px; right: 0; top: 13px; } .i_menu .submenu li.separator_after { margin-bottom: 30px; } .i_menu .submenu li.selected a { text-decoration: underline; } .i_menu .submenu2 { position: absolute; top: 0; background-color: var(--white); min-width: 30vw; padding: 170px 80px 40px 80px; min-height: 100vh; box-sizing: border-box; z-index: -1; left: 0; transition: all 0.3s; } .i_menu .submenu2.active { left: calc(100% + 1px); border-right: 1px var(--gray4) solid; } .i_menu .submenu2 ul { display: none; } .i_menu .submenu2 ul.active { display: initial; } .i_menu .submenu2 > ul > li > a { white-space: nowrap; font-family: "Fira Sans"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.04em; text-align: left; line-height: 1.7em; } .i_menu .submenu2 > ul > li { position: relative; } .i_menu .submenu2 > ul > li:hover::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: -28px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9849 10.084C19.887 8.71338 19.2017 7.93015 18.4184 7.53854C18.5164 6.2658 16.7541 4.60145 15.4814 4.69935C15.7751 2.54548 10.5862 1.86016 9.99878 0C9.31346 1.76226 4.1246 2.54548 4.51621 4.69935C3.24347 4.50354 1.48122 6.1679 1.57912 7.53854C0.893797 7.93015 0.11057 8.71338 0.0126666 10.084C-0.0852365 11.5526 0.404278 12.0421 0.795891 12.6295C0.0126659 14.1959 1.57912 16.6435 3.34137 16.2519C3.83089 18.6995 7.84491 17.7205 7.3554 15.2729C6.37637 12.3358 8.13862 10.8672 9.99878 10.8672C11.8589 10.8672 13.6212 12.3358 12.6422 15.2729C12.0547 17.7205 16.0688 18.6995 16.6562 16.2519C18.4184 16.5456 19.9849 14.098 19.2017 12.6295C19.6912 12.0421 20.0828 11.5526 19.9849 10.084Z' fill='%233E6055'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .i_menu .submenu2 > ul > li:nth-child(1) > a { color: var(--gray2); } .btn_round { border: 1px rgba(0, 0, 0, 0.08) solid; border-radius: 48px; font-family: "Fira Sans"; font-size: 18px; font-style: normal; font-weight: 300; line-height: 20px; letter-spacing: -0.02em; text-align: left; padding: 10px 21px; cursor: pointer; height: 42px; box-sizing: border-box; } /* .btn_round:hover,*/ .btn_round.active { background-color: var(--secondary); color: var(--white); } .btn_round.left { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn_round.right { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; position: relative; } .btn_default { background-color: var(--secondary); color: var(--white); /* padding: 17px 85px;*/ font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; letter-spacing: 0.04em; text-align: center; } .btn_default:hover, .btn_default.active { background-color: var(--secondary); } .btn_default.disabled { background-color: var(--gray3); color: var(--gray2); } .filter__btn { padding: 17px 85px; } .product_images { display: flex; flex-wrap: wrap; justify-content: space-between; } .product_images .myslider__item { width: calc(50% - 4px); height: calc( ((100vw - 80px) * 0.6 * 0.5 - 4px) * 1.5 ); margin-bottom: 8px; } .up-block.show { display: none !important; } .product_detail.carouselSelector .row { margin: 0; } .product_detail.carouselSelector .lMenu li:first-child { margin-left: 0; } .product_detail.carouselSelector .swiper-slide .product__title { margin-left: 0; } .product_detail.carouselSelector .swiper-slide .product__sum { margin-left: 0; } .product_detail.carouselSelector .swiper-container.new__carousel2 .product__img { height: calc(40vw - 40px); } .product_detail.carouselSelector .cPages { position: relative; } .fade_effect { opacity: 0; transition: 1.5s opacity !important; } .fade_effect.show { opacity: 1; } .rightPanel .info { display: none; } #glOver.show { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; background-color: rgba(0, 0, 0, 0.5); } .mSearch { border-top: 1px var(--gray4) solid; border-bottom: 1px var(--gray4) solid; display: block; width: 100%; padding-left: 70px; box-sizing: border-box; } .mSearch .search-inp { font-size: 16px; width: 100%; box-sizing: border-box; padding: 12px 26px 12px 10px; } .mSearch .search__icon { display: none; } .mNav { display: none; } .search-page input { font-size: 16px; border-bottom: 1px var(--gray4) solid; padding: 10px; } .search-page input[type='submit'] { background-color: var(--secondary); padding: 10px 30px; color: var(--white); } .product-labels .product_label { width: 80px; } .product-labels .product_label img { width: 100%; } div.title-search-result { top: 140px !important; left: 100px !important; transform: none; -moz-transform: none; -webkit-transform: none; } .main__nav.main__nav_txt { display: none; } #fbPopup { padding: 0 !important; } .mFooter { display: none; } .fancybox-close-small { background-color: rgba(255, 255, 255, 0.5) !important; border-radius: 50px !important; top: 5px !important; right: 5px !important; } #fbPopup2 { padding: 0; } #fbPopup2 .popup .text .head { font-size: 22px; } #fbPopup2 input { margin-bottom: 5px; } #fbPopup2 .btn, #fbPopup2 input { width: 100%; } #fbPopup2 .popup .text .comment { margin-bottom: 20px; } /* #fbPopup2 .popup2 { min-height: 600px; min-width: 400px; position: relative; } #fbPopup2 .text { position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.5); } .popup2 { background-image: url('/images/popup2_bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }*/ .butik p { text-align: center; } /* .header { margin-top: 62px; } */ /*для липкой шапки */ header.fixed { position: sticky; top: -2px; } header.fixed .top_line { background: #fff; } header.fixed .top_line.light .l .blk .m_menu_btn { filter: invert(1); } header.fixed .top_line.light .logo { background-image: url('/local/templates/main/img/new/logo_black__new2.svg'); } header.fixed .top_line.light .r .blk .telegram_icon svg { fill: initial; } header.fixed .top_line.light .r .blk .m_case_btn { filter: initial; } header.fixed .top_line.light .r .blk .user-info__count { filter: initial!important; } header.fixed .top_line.light .l .blk .n_menu li a { color: initial; } header.fixed .top_line.light .l .blk .m_search_btn { filter: invert(0); } header.fixed .top_line.light .r .blk .telegram_text { color: initial; } header.fixed .top_line.light .locale { color: initial; } header.fixed .top_line.light .r .blk .m_phone_btn, header.fixed .top_line.light .r .blk .m_profile_btn, header.fixed .top_line.light .r .blk .m_hearth_btn { filter: invert(0); } .mobOpen .topBanner { z-index: 900; } .topBanner { background-color: white; padding: 10px; text-align: center; font-size: 24px; font-weight: 600; color: #00adff; position: fixed; top: 0; left: 0; right: 0; z-index: 999; # border-bottom: 1px #00adff solid; } .topBanner a { text-decoration: none; } .topBanner b { font-size: 30px; } .topBanner i { font-size: 20px; font-weight: 300; text-decoration: underline; font-style: normal; padding: 0 10px; } .prevItems { display: flex; flex-direction: row; justify-content: space-between; margin-top: 40px; } .prevItems .prevItem { width: 20%; text-align: center; } .prevItems .prevItem .img { display: inline-block; text-align: center; } .prevItems .prevItem .img img { margin: 0 auto; } .prevItems .prevItem .head { font-size: 26px; color: #3a3a3a; margin-top: 40px; margin-bottom: 40px; } .prevItems .prevItem .head2 { font-size: 13px; color: #808080; margin-bottom: 0px; text-transform: uppercase; } .prevItems .prevItem .info { margin-bottom: 40px; font-size: 18px; } .prevItems .slick-dots { text-align: center; } .txtFrame { } .txtFrame .txt { text-align: left; margin: 20px auto; max-width: 800px; color: #3a3a3a; } .txtFrame .txt .hint { font-size: 0.8em; } .txtFrame .txt h2 { font-size: 18px; font-weight: bold; margin-top: 60px; } .txtFrame .txt li { } .txtFrame .txt li{ position: relative; margin-bottom: 0.5em; font-size: 17px; } .txtFrame .txt li:before { content: "—"; position: absolute; left: -24px; } .txtFrame .txt .btns { margin-bottom: 100px; margin-top: 80px; text-align: center; } .txtFrame .txt p { font-size: 17px; } .txtFrame .txt p.f { margin-top: 80px; } .txtFrame .txt .under { text-decoration: underline; } @media (max-width: 1400px) { .top_line .l .blk .n_menu li:nth-child(2) { display: none; } .top_line .l .blk .n_menu li:nth-child(4) { display: none; } .owl-theme2 .offer .block { } .owl-theme2 .offer .block .line2 { font-size: 80px; } .floatable { right: 40px; } .product-pop__info { width: 40%; } } @media (min-width: 640px) and (max-width: 1400px) { /* body { background-color: red; } */ .top_line .r .blk > div > a { background-size: 18px; margin-left: 18px; } .top_line .r .blk .m_case_btn { background-size: 18px; } .user-info__count { font-size: 9px; width: 16px; height: 16px; line-height: 12px; } .top_line .l .blk .n_menu li a { font-size: 12px; } .top_line .l .blk .m_search_btn { background-size: 16px; } .owl-theme2 .offer .block .line2 { font-size: 60px; line-height: 1em; } .owl-theme2 .offer .block .line1 { font-size: 12px; line-height: 1em; } .owl-theme2 .offer .block .line3 { font-size: 16px; } .owl-theme2 .offer .moreBtn { font-size: 12px; } .owl-theme2 .offer .moreBtn::after { width: 60px; height: 60px; background-size: 60px; top: -40px; left: -20px; } .storyList .storyItem .ico { width: 80px; height: 80px; } .storyList .storyItem .ico::after { width: 90px; height: 90px; } .storyList .storyItem .name { font-size: 12px; } .index-blocks .idex-block-item .info .line1 { font-size: 50px; } .carouselSelector .head { font-size: 40px; } .idxDelivery .head { font-size: 50px; } .i_menu .submenu li a, .i_menu .submenu2 > ul > li > a { font-size: 18px; } .i_menu .line1 li a { font-size: 12px; } } @media (max-width: 1024px) { .top_line .logo { background-size: 100%; } .top_line .l .blk .n_menu li { display: none; } .top_line .l .blk .n_menu li:nth-child(1) { display: block; } .rightPanel { width: 40vw; right: calc(-40vw - 100px); } .panels { width: calc(40vw + 100px); } .rightPanel .close { right: calc(40vw + 40px); top: 130px; } } @media (max-width: 992px) { .top_line .r .blk > div > a { margin-left: 10px; } } @media (max-width: 640px) { .only-mobile { display: block; } .no-mobile { display: none; } .prevItems { display: block; overflow: hidden; width: calc(100vw - 40px); } .txtFrame .txt ul li { margin-left: 20px; } .storyList .storyItem { margin: 20px 15px; } .owl-theme2 .offer .moreBtn { font-size: 12px; } .owl-theme2 .offer .moreBtn::after { width: 60px; height: 60px; background-size: 60px; top: -33px; left: -15px; } .owl-theme2 .offer .moreBtn { right: auto; left: 55px; } .owl-theme2 .owl-dots { left: auto; right: 40px; } .top_line .r { padding-right: 25px; } .top_line .r .blk > div { display: none; } .top_line .r .blk > div:last-child { display: block; } .top_line .l .blk { padding-left: 15px; } .top_line .l .blk .n_menu { display: none; } .top_line { height: 80px; min-height: 80px; } .top_line .logo { height: 80px; } .i_menu { left: -100vw; } .top_line .l .blk .m_search_btn { display: none; } .top_line > div.l, .top_line > div.r { width: 25%; } .top_line > div.c { width: 50%; } .top_line .logo { background-size: 100%; } .i_menu { max-width: 100vw; width: 100vw; } .i_menu .submenu { padding: 20px 40px; } .i_menu .submenu2 { top: 100px; left: -100vw; padding: 20px 40px; border-right: none !important; } .i_menu .submenu2.active { z-index: 2; left: 0; } .i_menu .line1 { padding-left: 25px; min-height: 64px; } .i_menu .line1 .n_menu { display: none; } .owl-theme2 .offer { min-height: 85vh; } .owl-theme2 .offer .block { } .owl-theme2 .offer .block .line2 { font-size: 48px; line-height: 1em; } .owl-theme2 .offer .block .line3 { padding-right: 20px; padding-left: 20px; } .panels { width: 100vw; } .rightPanel { width: 100vw; height: 50vh; top: 35vh; right: -100vw; min-height: 0; border-bottom: 1px var(--gray2) solid; } .rightPanel .scroll { display: flex; padding: 20px; overflow-x: auto; } .rightPanel .item { margin-right: 20px; width: 25vw; min-width: 25vw; } .rightPanel .item:last-child { margin-right: 0; } .rightPanel .item .name { font-size: 12px; } .rightPanel .close { top: -70px; left: 20px; } .rightPanel .item { margin-bottom: 20px; } .rightPanel .info { display: block; position: absolute; bottom: 20px; text-transform: uppercase; text-align: center; width: 100%; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0.04em; text-align: center; } .storyList .storyItem { width: 60px; } .storyList .storyItem .ico { width: 60px; height: 60px; } .storyList .storyItem .ico::after { width: 70px; height: 70px; } .storyList .storyItem .name { font-size: 12px; text-align: center; } .stories { margin-top: 30px; } .index-blocks { margin-top: 40px; } .index-blocks .idex-block-item { flex-wrap: wrap; height: auto; max-height: none; min-height: 300px; } .index-blocks .idex-block-item .info .line1 { font-size: 35px; line-height: 1em; } .index-blocks .idex-block-item .info .line2 { font-size: 45px; } .index-blocks .idex-block-item .info .line3 { padding-left: 20px; padding-right: 20px; } .carouselSelector .head { font-size: 35px; } .index-blocks .idex-block-item .l { width: 100%; height:60vw; } .index-blocks .idex-block-item .r { width: 100%; margin-top: 40px; margin-bottom: 40px; } .index-blocks .idex-block-item .info .buttons { margin-top: 20px; } .carouselSelector { margin-top: 40px; } .carouselSelector .row { flex-direction: column; margin: 15px 15px; } .carouselSelector .lMenu { width: 90%; margin-top: 40px; display: flex; justify-content: space-between; } .carouselSelector .lMenu li { margin: 0; } .swiper-container.new__carousel2 .product__img, .swiper-container.new__carousel22 .product__img { height: 80vw; } .swiper-container.new__carousel2.collections .product__img, .swiper-container.new__carousel22.collections .product__img { height: 80vw; } .idxDelivery .head { font-size: 35px; padding: 0 20px; } .footer .fRow { flex-wrap: wrap; } .footer .fRow > div { width: 100%; padding-left: 20px; padding-right: 20px; } .footer .fRow > div:first-child { padding-left: 20px; padding-right: 20px; } #collections.slider h2 { text-align: center; } .avent .lRow { flex-direction: column; } .avent .lRow > div { width: 100%; margin-bottom: 40px; margin-left: 0; } .avent .lRow > div a i { height: 70vw; } .avent .lRow > div a i::after { height: 70vw; } .avent .lRow > div a i { margin-bottom: 5px; } .avent .lRow > div div { padding-left: 15px; } .idxDelivery { margin-bottom: 40px; } .footer .fRow > div:nth-child(1) { border-right: none; } .list.on_full_width_justify .list__item { width: calc(50% - 2px); margin-right: 2px; margin-bottom: 30px; } .list.on_full_width_justify .list__item:nth-child(2n) { margin-right: 0; } .list { justify-content: space-between; } .list.on_full_width_justify .list__item .product__title { font-size: 12px; margin-top: 5px; } .list__item .product__sum { font-size: 14px; font-style: normal; font-weight: 400; } .catalog__title h1 { font-size: 15px; line-height: 1.2em; letter-spacing: 1.1px; margin-right: 15px; } .view_sort_catalog { display: none; } .btn_round { font-size: 12px; padding: 5px 12px; height: 32px; } .list.on_full_width_justify.two .list__item { width: 100%; margin-bottom: 40px; } .catalog .mark { margin-top: 0 !important; } .footer .fRow > div { padding-top: 40px; } .soc { margin-bottom: 20px; } .footer .fRow > div.two_col { display: flex; } .about { width: 50%; padding: 0; } .about__title { font-family: "Fira Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: 0em; text-align: left; } .soc { text-align: left; margin-top: 40px; } .footer .pay__icons { margin-left: 0; } .filter__open { width: 95vw; left: 2.5vw; border-radius: 10px; padding: 0; } .content__top { position: initial; } .filter__cols { flex-direction: column; } .filter__cols .filter__col { width: 100%; padding: 20px; border-bottom: 1px var(--gray4) solid; box-sizing: border-box; } .filter__cols .filter__col .filter__point { display: inline-block; width: 49%; } .filter__open { margin-top: -50px; } .filter__bottom { padding: 20px; margin-top: 0; } .filter__bottom .filter__btn { padding: 0; background-color: transparent !important; color: var(--black); opacity: 0.2; text-transform: uppercase; } .filter__bottom .filter__btn.filter__btn_black { color: var(--secondary); opacity: 1; } .filter__lab { font-size: 16px; } .mark__item .content { margin-bottom: 20px; } .main__cont.card { margin-left: 0; margin-right: 0; padding: 0 !important; } .main__cont.card .product-pop_main .product-pop__wind { padding: 0; } .main__cont.card .product_images { padding: 0; margin-top: 0px; } .main__cont.card .product_images .slick-dots { display: flex !important; align-items: flex-end; width: 100%; padding: 0 15px 0 10px; box-sizing: border-box; } .main__cont.card .product_images .slick-dots li { flex-grow: 1; } .main__cont.card .slick-dots .slick-active button { height: 2px; background-color: var(--secondary); } .main__cont.card .slick-dots button { width: 100%; border-radius: 0; height: 1px; } .product-pop__info { padding-left: 15px; padding-right: 15px; width: 100%; } .product-pop__info .pop-info__title h1 { font-family: "Fira Sans"; font-size: 20px; font-style: normal; font-weight: 300; line-height: 14px; letter-spacing: -0.06em; text-align: left; } .floatable { position: relative !important; top: 0 !important; right: 0; left: 0; } .product_images .myslider__item { height: 150vw; width: 100vw !important; } .pop-info .cLine { border-top: 1px var(--gray4) solid; border-bottom: 1px var(--gray4) solid; padding-top: 20px; padding-bottom: 20px; } .pop-info__exmp { margin-bottom: 10px; } .size__link { margin-top: 0; float: left; } .size__icon { right: 0px; } .pop-info .bx_item_detail_size .bx_size { width: 50vw; } .product_detail.carouselSelector .swiper-container.new__carousel2 .product__img { height: 80vw; } .pop-info .cLine .sBlock { width: 65%; } .product__sum.old-price, .exmpl__price.old-price { font-size: 14px; } .product__sum.new-price, .exmpl__price.new-price { font-size: 14px; } .swiper-button-next { right: -20px; display: none; } .swiper-button-prev { left: -20px; display: none; } .card__new_box .carouselSelector .lMenu { display: block; width: auto; } .card__new_box .carouselSelector .lMenu > li { margin-bottom: 5px; } .i_menu .line1 .m_search_btn { display: none; } .checkout__title { font-size: 30px; } .owl-theme2 .offer .block .line3 { padding-left: 0; } .sample-text { padding-left: 0; } .mark_txt .mark__item:first-child { display: none; } .about__link { font-size: 16px; font-weight: 300; margin-bottom: 10px; } .catalog__tit { font-size: 30px; } p { font-size: 14px; } .content__pages { margin-top: 40px; } /* .content__pages .pages { display: none; } */ /* .show-more { width: 100%; background-color: var(--gray4); border: none; margin: 0; } */ .show-more { width: 100%; background-color: var(--gray4); border: none; margin: 0; padding: 0 24px; } .show-more:hover { border: none; } .i_menu .submenu2 { left: auto; right: -200vw; width: 100vw; } .i_menu .submenu2.active { left: auto; right: 0; } .search__icon { display: none; } .i_menu .submenu { padding-left: 25px; padding-right: 25px; } .mNav { display: flex; position: relative; } .mNav > div > a { width: 22px; height: 22px; background-size: 22px; background-position: center center; background-repeat: no-repeat; margin-left: 24px; display: inline-block; } .mNav > div > a.m_phone_btn { background-image: url('/local/templates/main/img/new/phone_1.svg'); filter: invert(0); display: inline-block; } .mNav > div > a.m_profile_btn { background-image: url('/local/templates/main/img/new/profile.svg'); filter: invert(0); display: inline-block; } .mNav > div > a.m_hearth_btn { background-image: url('/local/templates/main/img/new/heart.svg'); filter: invert(0); } .mNav > div > a.m_case_btn { width: 20px; height: 20px; background-image: url('/local/templates/main/img/new/shopping-bag_1.svg'); background-size: 20px; filter: invert(0); } .mNav .user-info__count { filter: invert(0) !important; } .i_menu { overflow-y: auto; overflow-x: hidden; height: 85vh; min-height: 85vh; padding-bottom: 170px; } .i_menu .line1 { justify-content: space-between; padding-right: 25px; } .i_menu .close { display: none; } .i_menu .submenu2 { padding-left: 25px; padding-right: 25px; } .i_menu .mFooter { left: 0; right: 0; } .i_menu .mFooter .soc { margin: 0; padding: 25px 0; margin: 0 25px; border-bottom: 1px var(--gray4) solid; } .i_menu .mFooter .soc a { border: 1px var(--gray4) solid; border-radius: 50px; display: inline-block; padding: 10px; width: 20px; height: 20px; } body.mobOpen { position: fixed; max-height: 100vh; height: 100vh; } .i_menu .mFooter .telBlock { padding: 25px; } .i_menu .mFooter .telBlock a { font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0.04em; text-align: left; color: var(--a_primary); } .i_menu .submenu { } .i_menu .submenu2 { overflow-y: auto; } .i_menu .submenu li a { font-size: 18px; } .i_menu .submenu2 > ul > li > a { font-size: 18px; } .i_menu .submenu li:hover:before, .i_menu .submenu li.selected:before,.i_menu .submenu2 > ul > li:hover::before { left: -20px; width: 16px; height: 16px; background-size: contain; } .search-page form { display: flex; justify-content: space-between; } .search-page form input[type='text'] { width: 100%; max-width: 70%; padding: 5px 10px; } .search-page form input[type='submit'] { padding: 5px 20px; } .pop-info__price.sale .pop-info__sum { font-family: "Fira Sans"; font-size: 18px !important; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0em; } .pop-info__price.sale .pop-info__sale { font-family: "Fira Sans"; font-size: 18px !important; font-style: normal; font-weight: 400; line-height: 18px; letter-spacing: 0em; color: var(--black); } .pop-info__sale2 { font-size: 12px; float: right; color: var(--red); border: 1px var(--red) solid; border-radius: 4px; padding: 4px 6px 4px 6px; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 14px; letter-spacing: 0em; } .mSearch { padding-left: 15px; } .sample-text p { text-align: left; } .storyContainer { max-width: 70vw; } .owl-theme2 .offer .block .line3 { margin-top: 20px; } .owl-theme2 .offer .block .line3 { font-size: 16px; } .owl-theme2 .offer .block .line1 { font-size: 10px; } .owl-carousel .owl-stage-outer { width: 100%; } .list__item a.product .product_discount_box { width: 30px; padding: 3px 10px; font-size: 13px; } .list__item a.product .product_label { width: 50px; } .avants .line .el .h { font-size: 12px; } .footer .fRow > div.two_col { flex-direction: column; } .footer .fRow > div.two_col > div { width: 100%; text-align: left; margin-bottom: 30px; } footer .about__title { text-align: left; } .topBanner { font-size: 20px; } .topBanner a { text-decoration: none; } .topBanner b { font-size: 24px; } .topBanner i { font-size: 16px; } } #closeForm{ text-decoration: underline; display: inline-block; margin-top: 15px; color: #4d806e; } #closeForm:hover{ text-decoration: none; } /* Лютый костыль, убрать после программирования */ .fp-enabled body > footer.footer { display: none; } /* MAIN HERO */ .hero { overflow: hidden; } .hero__slide { height: 100vh; position: relative; } .hero__video { width: 100%; max-width: 100%; height: 100%; display: block; object-fit: cover; height: 100vh; } .hero__link { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 11vh; line-height: 12vh; margin: 0 auto; color: #fff; text-align: center; font-family: 'Evolventa'; text-transform: uppercase; } @media (max-width: 990px) { .hero__link { font-size: 8vh; line-height: 9vh; } } @media (max-width: 640px) { .hero__link { font-size: 4vh; line-height: 5vh; } } /* MAIN HERO END */ /* MAIN PRODUCTS */ .products { padding: 100px 0; } .products__title { font-family: "Fira Sans"; font-size: 36px; font-style: normal; font-weight: 400; line-height: 42px; letter-spacing: -0.04em; text-align: center; text-transform: uppercase; display: inline-block; width: 100%; margin: 0; } .main .carouselSelector { overflow: hidden; max-width: 1480px; padding: 0 40px; margin: 40px auto; } @media (max-width: 1200px) { .main .carouselSelector { padding: 0 20px; } } .main .carouselSelector .swiper-container { padding-bottom: 50px; } .main .carouselSelector .swiper-slide > a { width: 100%; } .main .carouselSelector .swiper-button-prev, .main .carouselSelector .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 30px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .main .carouselSelector .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(/local/templates/main/dist/css/../../img/next.svg); right: 10px; left: auto; } .main .carouselSelector .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(/local/templates/main/dist/css/../../img/prev.svg); left: 10px; right: auto; } .main .carouselSelector .swiper-button-prev::after, .main .carouselSelector .swiper-button-next::after { display: none; } /* MAIN PRODUCTS END */ /* MAIN SECTIONS */ .main__sections { overflow: hidden; } .main__sections .section { display: block; height: 100vh; position: relative; } .main__sections .swiper-slide, .main__sections .fp-bg { height: 100vh; } .main__sections .fullpage_text { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } /* MAIN SECTIONS END */ /* End */ /* /local/templates/main/fonts/FiraSans/style.css?1692693450843 */ /* /local/templates/main/fonts/Evolventa/style.css?1701862320200 */ /* /local/templates/main/fonts/Ebgaramond/style.css?16926934503149 */ /* /local/templates/main/css/head-foot.css?172303757745483 */ /* /local/templates/main/css/home.css?16926934509513 */ /* /local/templates/main/css/cabinet.css?169269345021576 */ /* /local/templates/main/css/carousel.css?16926934504297 */ /* /local/templates/main/css/check.css?169269345019836 */ /* /local/templates/main/css/fonts.css?16926934502697 */ /* /local/templates/main/css/catalog.css?173192914319565 */ /* /local/templates/main/css/product-pop.css?169442755238366 */ /* /local/templates/main/css/card.css?16926934501307 */ /* /local/templates/main/css/look-drop.css?16926934502000 */ /* /local/templates/main/css/ninja-slider.css?16926934506683 */ /* /local/templates/main/css/thumbnail-slider.css?16926934507635 */ /* /local/templates/main/css/slick.css?169269345010361 */ /* /local/templates/main/components/bitrix/search.title/catalog/style.css?16926934502927 */ /* /local/templates/main/components/bitrix/main.register/main/style.css?1692693450463 */ /* /local/templates/main/styles.css?173055229714601 */ /* /local/templates/main/template_styles.css?173192904753458 */