// out: ../css/style.css, sourcemap: false, compress: false @charset "utf-8"; @import "_mixins.less"; /* ------------------------------1. Сброс CSS------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, font, img, q, s, small, strong, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, section, nav, header, footer, main, figure, figcaption, fgroup, time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} article, aside, section, nav, header, footer, main, figure, figcaption, fgroup, time{display:block;} html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0, 0, 0, 0.1);} input::-moz-focus-inner{border:0;padding:0;} button::-moz-focus-inner{border:0;padding:0;} input[type=submit], input[type=button], button{cursor:pointer;-webkit-appearance:none;} input, textarea, button{background:none;border:none;padding:0;margin:0;border-radius:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-webkit-focus-ring-color:none;outline:none;} button{overflow:visible;} body{line-height:1;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';} :focus{outline:0;} :disabled{cursor:default;} table{border-collapse:collapse;border-spacing:0;} .clear{clear:both;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .justify{text-align:justify;} .justify:after{content:"";display:inline-block;width:100%;height:0;.hid;cursor:default;} *, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} ul li{list-style:none;} ol{counter-reset:item;list-style:none;} ol li:before{content:counter(item, decimal)". ";counter-increment:item;} img{display:block;} a{.transition} input[type=submit], button{.transition} /* ------------------------------2. Шрифты------------------------------*/ @font-face{ font-family:'RobotoCond'; src:url('../fonts/Roboto Condensed Light.eot'); src:url('../fonts/Roboto Condensed Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Condensed Light.woff2') format('woff2'), url('../fonts/Roboto Condensed Light.woff') format('woff'), url('../fonts/Roboto Condensed Light.ttf') format('truetype'), url('../fonts/Roboto Condensed Light.svg#RobotoCond') format('svg'); font-weight:300; font-style:normal; } @font-face{ font-family:'RobotoCond'; src:url('../fonts/Roboto Condensed.eot'); src:url('../fonts/Roboto Condensed.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Condensed.woff2') format('woff2'), url('../fonts/Roboto Condensed.woff') format('woff'), url('../fonts/Roboto Condensed.ttf') format('truetype'), url('../fonts/Roboto Condensed.svg#RobotoCond') format('svg'); font-weight:normal; font-style:normal; } @font-face{ font-family:'RobotoCond'; src:url('../fonts/Roboto Condensed Bold.eot'); src:url('../fonts/Roboto Condensed Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Condensed Bold.woff2') format('woff2'), url('../fonts/Roboto Condensed Bold.woff') format('woff'), url('../fonts/Roboto Condensed Bold.ttf') format('truetype'), url('../fonts/Roboto Condensed Bold.svg#RobotoCond') format('svg'); font-weight:bold; font-style:normal; } @font-face{ font-family:'Cormorant'; src:url('../fonts/Cormorant Book.eot'); src:url('../fonts/Cormorant Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Cormorant Book.woff2') format('woff2'), url('../fonts/Cormorant Book.woff') format('woff'), url('../fonts/Cormorant Book.ttf') format('truetype'), url('../fonts/Cormorant Book.svg#Cormorant') format('svg'); font-weight:500; font-style:normal; } @font-face { font-family:'Cormorant'; src:url('../fonts/Cormorant Italic.eot'); src:url('../fonts/Cormorant Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Cormorant Italic.woff2') format('woff2'), url('../fonts/Cormorant Italic.woff') format('woff'), url('../fonts/Cormorant Italic.ttf') format('truetype'), url('../fonts/Cormorant Italic.svg#Cormorant') format('svg'); font-weight:normal; font-style:italic; } @font-face{ font-family:'Cormorant'; src:url('../fonts/Cormorant Light.eot'); src:url('../fonts/Cormorant Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Cormorant Light.woff2') format('woff2'), url('../fonts/Cormorant Light.woff') format('woff'), url('../fonts/Cormorant Light.ttf') format('truetype'), url('../fonts/Cormorant Light.svg#Cormorant') format('svg'); font-weight:300; font-style:normal; } @font-face { font-family:'Agency'; src:url('../fonts/Agency FB Cyrillic.eot'); src:url('../fonts/Agency FB Cyrillic.eot?#iefix') format('embedded-opentype'), url('../fonts/Agency FB Cyrillic.woff2') format('woff2'), url('../fonts/Agency FB Cyrillic.woff') format('woff'), url('../fonts/Agency FB Cyrillic.ttf') format('truetype'), url('../fonts/Agency FB Cyrillic.svg#Agency FB Cyrillic') format('svg'); font-weight:normal; font-style:normal; } /* ------------------------------3. Типовые элементы------------------------------*/ .loaded{.hid;} .loaded .main-wrap{visibility:hidden;} .loaded .icon-load{display:block;} .loaded .mob-nav{opacity:0;} .icon-load{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99; display:none; background:#fff;} .icon-load:before{content:""; background:url(../img/loader.gif) no-repeat left top;width:40px;height:40px;position:fixed;left:50%;top:50%;margin-left:-20px;margin-left:-20px;} html{height:100%;} body{min-width:320px;height:100%;.rel;font:@base-font-weight @base-font-size/@base-line-height @font-1;color:@text-color;background:@base-bg;} body.item-active .main-wrap{.w100; overflow:visible; overflow-x:hidden;} body.item-active .main-wrap::-webkit-scrollbar{ display: none; } body.item-active .main-wrap::-moz-scrollbars{display:none;} .wrapper{max-width:1115px; margin:auto; padding:0 25px;} a{color:@link-color; text-decoration:none;} /* заголовки, текст */ h1{padding:0 0 34px; .title-1} h2{padding:0 0 33px; .title-2} h3{padding:0 0 19px; .title-3} h4{padding:0 0 22px; .title-4} h5{padding:0 0 22px; .title-5} h6{padding:0 0 22px; .title-6} ul, ol{padding:0 0 17px;} p{padding:0 0 17px;} b, strong{font-weight:normal;} /* текстовые инпуты */ .input-1{.w100; height:45px; margin:0 0 26px; padding:10px 13px; .b; background:@base-bg; font:300 18px/1 @font-1; border:1px solid @border-1; .tl;} .input-1.error{border-color:@red;} .input-1:focus{color:@custom-1;} .textarea-1{min-width:100%; max-width:100%; height:100px; min-height:100px; margin:0 0 26px; padding:10px 13px; .b; background:@base-bg; font:300 18px/1.5 @font-1; border:1px solid @border-1; .tl;} *::-moz-placeholder{color:@custom-1 !important;opacity:1 !important;} *::-webkit-input-placeholder{color:@custom-1 !important;opacity:1 !important;line-height:normal;} *:-ms-input-placeholder{color:@custom-1 !important;opacity:1 !important;} /* кнопки */ .button{height:55px; margin:0 0 26px; padding:0 60px; .ib; background:@link-hover; font:300 16px/55px @font-1; color:#fff; .tc; .up; letter-spacing:3px;} .button:disabled, .button-light:disabled{background:#cdcdcd !important; cursor:default;} .button-light{min-width:220px; height:55px; margin:0 0 26px; padding:0 35px; .ib; border:1px solid @link-hover; font:300 16px/55px @font-1; color:@link-hover; .tc; .up; letter-spacing:3px;} .button-basket{min-width:50px; height:50px; background:#f7f8f8; font:300 14px/53px @font-1; .tc; color:@text-color;} .button-basket:before, .button-basket:after{content:""; width:26px; height:29px; margin:0 0 0 -13px; position:absolute; top:8px; left:50%; .transition; background:url(../img/sprite.png) no-repeat;} .button-basket:after{opacity:0; z-index:1; background-position:-31px 0;} .button-basket span{.relz;} .button-more{margin:0 0 25px; padding:0 61px 0 0; .ib; .rel; .no; .up; color:@link-hover; letter-spacing:3px; font:bold 14px/1 @font-1;} .button-more:before{content:""; width:47px; margin:-2px 0 0; position:absolute; top:50%; right:0; border-bottom:1px solid @border-2;} .button-remove{width:23px; height:23px; .b; .rel;} .button-remove:before, .button-remove:after{content:""; .full; .transition; background:url(../img/sprite.png) no-repeat -189px 0;} .button-remove:after{opacity:0; z-index:1; background-position:-218px 0;} .button-close{width:24px; height:24px; .b; .rel;} .button-close:before, .button-close:after{content:""; .full; .transition; background:url(../img/sprite.png) no-repeat -247px 0;} .button-close:after{opacity:0; z-index:1; background-position:-276px 0;} .button-more-items{.w100; margin:0 0 25px; .b; .rel; .tc; color:@text-color;} .button-more-items:before{content:""; .w100; margin:-0.5px 0 0; position:absolute; top:50%; left:0; border-bottom:1px solid @border-1;} .button-more-items span{height:32px; padding:0 30px 0 68px; .ib; .rel; font:italic 22px/28px @font-2; background:@base-bg;} .button-more-items span:before, .button-more-items span:after{content:""; width:19px; height:21px; position:absolute; top:5px; left:32px; background:url(../img/sprite.png) no-repeat -280px -28px; .transition;} .button-more-items span:after{opacity:0; z-index:1; background-position:-305px -28px;} .arrow-1{width:31px; height:15px; .b; .rel;} .arrow-1:before, .arrow-1:after{content:""; .full; background:url(../img/sprite.png) no-repeat -123px 0; .transition;} .arrow-1:after{opacity:0; z-index:1; background-position:-123px -21px;} /* ------------------------------4. Шапка------------------------------*/ .header{width:250px; .h100; padding:25px 0; position:fixed; top:0; left:25px; z-index:20;} .header.fixed .header__top{padding:0 0 45px;} .header.fixed .header__bottom{padding:44px 0 0;} .header.fixed .head-nav__list{padding:58px 0;} .header.fixed .head-nav__item{padding:5px 0;} .header.fixed .head-logo{margin:45px 0 0;} .header__main{.h100; padding:0 25px; .hid; background:#f7f8f8; .tc;} .header__top{padding:0 0 65px;} .header__bottom{padding:64px 0 0;} .header__text{padding:0 0 29px;} .header__center-wrap{.table; .h100;} .header__center{.h100; .table-cell(middle);} .head-nav__list{padding:76px 0; .rel;} .head-nav__list:before, .head-nav__list:after{content:""; height:27px; margin:0 0 0 -0.5px; position:absolute; top:0; left:50%; border-left:1px solid #c7c8c5;} .head-nav__list:after{top:auto; bottom:0;} .head-nav__item{padding:7px 0; .up; font-size:18px;} .head-nav__item.active .head-nav__link{color:@link-hover;} .head-logo{min-height:86px; margin:61px 0 0; .ib; .relz; .transition(none);} .head-logo img{margin:auto;} .head-logo__image-2{.n;} .head-phone{margin:0 0 10px; font:22px/1 @font-3; letter-spacing:1px;} .head-copy{padding:12px 0; font-size:12px; .up; letter-spacing:0.5px;} .head-basket{.n;} .head-basket__button{.rel; z-index:21;} .head-mob{.n;} /* ------------------------------5. Футер------------------------------*/ .footer{.w100; padding:0 0 0 275px; position:absolute; bottom:0; left:0; z-index:1;} .footer__main{min-height:175px; border-top:1px solid @border-1;} .footer__right{width:28.2%; padding:58px 0 0 50px; .fr; .relz; .tr;} .footer__left{.w100; margin:0 -28.2% 0 0; padding:53px 0 0; .fl;} .foot-nav{margin:0 28.2% 0 0;} .foot-nav__list{padding:0; .ib; .no;} .foot-nav__item{padding:0 0 2px;} .footer__cols{.w100; max-width:208px; min-height:97px; .ib;} .footer__cols .socials-1{.ib;} .foot-copy{padding:0 0 12px; .n; font-size:12px; .up; letter-spacing:0.5px;} .socials-1{padding:0; .tl;} .socials-1__item{margin:0 0 11px;} .socials-1__item:last-child{margin:0;} .socials-1__link{height:21px; .b; .rel;} .socials-1__link:before, .socials-1__link:after{content:""; .full; background:url(../img/sprite.png) no-repeat; .transition;} .socials-1__link:after{opacity:0; z-index:1;} .socials-1__link_icon-1{width:24px;} .socials-1__link_icon-1:before{background-position:-64px 0;} .socials-1__link_icon-1:after{background-position:-65px -26px;} .socials-1__link_icon-2{width:24px;} .socials-1__link_icon-2:before{background-position:-92px 0;} .socials-1__link_icon-2:after{background-position:-92px -26px;} .creators{margin:2px 0 0; .tr; .ib; font-size:14px; color:#939393;} .creators img{margin:0 0 2px;} /* ------------------------------6. Центральная часть------------------------------*/ .main-wrap{min-width:320px; min-height:100%; padding:0 0 175px 275px; .rel; .hid;} .main{padding-bottom:50px; .rel;} .main-basket{position:absolute; top:25px; right:25px;} .main-basket__button{.rel; z-index:21;} /*---------------6.1 Главная---------------*/ .totem-main{padding:212px 0 95px; .rel; .tc;} .totem-main:before{content:""; width:130px; height:65px; margin:0 0 0 -61px; position:absolute; top:122px; left:50%; z-index:1; background:url(../img/main-page-fix.png) no-repeat;} .totem-main__banner-wrap{width:1900px; .h100; min-height:1100px; margin:0 0 0 -1087px; position:absolute; top:0; left:50%;} .totem-main__banner{.h100; background-size:100% auto; background-position:center top; background-repeat:no-repeat;} .totem-main__content{max-width:700px; margin:auto; .relz;} .totem-main__title{padding:0 0 27px; .tc;} .totem-form__cols{.table; table-layout:fixed;} .totem-form__col{.w50; padding:0 12.5px 23px 0; .table-cell;} .totem-form__col:last-child{padding:0 0 23px 12.5px; .tr;} .totem-form__col .age{.ib;} .switch{max-width:320px; margin:0 0 26px;} .switch__label{padding:0 0 31px; .no; .tc; font:18px/1.7 @font-1;} .switch__main{.rel;} .switch__list{padding:0; .hid;} .switch__fix{.w50; .h100; position:absolute; top:0; left:0; .transition; background:#303030;} .age{.w100; max-width:320px;} .age__label{padding:0 0 31px; .no; .tc; font:18px/1.7 @font-1;} .age__list{.hid;} .age__input{width:33.33%; .fl; .tc; border-right:none;} .age__input:last-child{width:33.34%; border-right:1px solid @border-1;} .banners__list{padding:0 0 30px; .relz;} .banner__link{height:220px; margin:0 0 32px; padding:50px 29px 0 29px; .b; .cover(top left); background-color:@border-1;;} .banner__title{min-height:115px; padding:0 0 25px; .title-3;} .banner__title span{padding:10px 0 0; .b; font-size:16px; font-family:@font-1;} .slick-active .banner__link{opacity:1;} .main-content{padding:34px 0 50px; .no;} .main-content__left-wrap{width:100%; margin:0 -448px 0 0; .fl;} .main-content__left{max-width:545px; margin:119px 438px 0 0; padding:0 0 0 84px; .rel; white-space:normal;} .main-content__left:before{content:""; width:47px; position:absolute; top:16px; left:0; border-bottom:1px solid @border-1;} .main-content__text h2, .main-content__text h3{padding:0 0 23px; .title-4;} .main-content__banners{width:448px; .fr;} .main-content__more{margin:29px 0 25px;} .main-art{max-width:448px; .rel;} .main-art__fix{width:100%;} .main-art__image-1{width:17.63%; height:16.46%; position:absolute; top:0; left:0; z-index:2;} .main-art__image-2{width:67.19%; height:62.71%; position:absolute; top:4.38%; right:0; z-index:1;} .main-art__image-3-wrap{width:79.02%; height:73.75%; position:absolute; top:22.29%; right:7.81%; z-index:3; background:@base-bg;} .main-art__image-3{.w100; .h100; position:absolute; top:4.9%; right:4.9%;} /*---------------6.2 Внутренние---------------*/ .inner{.rel;} .inner-top{padding:37px 0 0; .relz; border-bottom:1px solid @border-1;} .breadcrumbs{max-width:100%; padding:0 70px 29px 0; font:300 14px/2 @font-1;} .breadcrumbs__item{margin:0 13px 0 0; padding:0 33px 0 0; .ib; .rel; .no; .nowrap;} .breadcrumbs__item:after{content:""; width:16px; height:10px; margin:-5px 0 0; position:absolute; top:50%; right:0; background:url(../img/sprite.png) no-repeat 0 -35px;} .breadcrumbs__item:last-child{margin-right:0; padding-right:0;} .breadcrumbs__item:last-child:after{.n;} .breadcrumbs__link{color:@custom-2;} /*----------6.2.1 Ваш тотем----------*/ .inner .totem-main{padding:150px 0 70px; position:static;} .inner .totem-main:before{top:263px;} .inner .totem-main__title{padding:0 0 47px;} /*----------6.2.2 Текстовая----------*/ .content{.rel;} .content__banner-wrap{width:1345px; .h100; min-height:650px; margin:0 0 0 -515px; position:absolute; top:0; left:50%;} .content__banner{.h100; background-size:100% auto; background-position:center top; background-repeat:no-repeat;} .content__text{max-width:700px; padding:24px 0 30px; .relz;} .content__text h2, .content__text h3, .content__text h4{padding:19px 0 23px; .title-4;} /*----------6.2.3 Вопросы и ответы----------*/ .accordion{padding:9px 0 15px; .rel;} .accordion:before{content:""; .w100; height:3px; margin:0 0 -1px; position:absolute; bottom:100%; left:0; z-index:2; background:@base-bg;} .accordion__list{.rel;} .accordion__list:before, .accordion__list:after{content:""; .h100; position:absolute; top:0; left:0; z-index:1; border-left:1px solid @border-3;} .accordion__list:after{right:0; left:auto;} .accordion__item{.hid; .rel;} .accordion__item:before{content:""; .w100; position:absolute; bottom:0; left:0; border-bottom:1px solid @border-3;} .accordion__item.active, .accordion__item.current{background:#fbfbfb;} .accordion__item.active .accordion__button:before, .accordion__item.current .accordion__button:before{background:#8d8d8d;} .accordion__item.active .accordion__button:after, .accordion__item.current .accordion__button:after{.rotate(90deg); background:#8d8d8d; opacity:0;} .accordion__item.active .accordion__content{.b;} .accordion__item:first-child .accordion__button{border-top:1px solid @border-3;} .accordion__title{padding:0; .rel; .title-4;} .accordion__title:before{content:""; width:22px; height:22px; margin:-11px 0 0; position:absolute; left:31px; top:50%; background:url(../img/sprite.png) no-repeat -161px 0;} .accordion__button{padding:20px 90px 20px 74px; .b; .rel; z-index:2; border:1px solid @border-3; border-top:none; border-bottom:0; color:@link-color !important;} .accordion__button:before{content:""; width:21px; height:3px; margin:-1.5px 0 0; position:absolute; right:36px; top:50%; background:@link-hover; .transition;} .accordion__button:after{content:""; width:3px; height:21px; margin:-10.5px 0 0; position:absolute; right:45px; top:50%; background:@link-hover; .transition;} .accordion__content{padding:0 74px; .rel; bottom:25px; .n; border:1px solid @border-3; border-top:none; border-bottom:none;} .accordion__text{max-width:830px;} .accordion__fix-1{.table; margin:15px 0;} .accordion__fix-2{height:45px; .table-cell(middle);} /*----------6.2.4 Инфо о тотемах----------*/ .totems-art{padding:56px 0 0;} .totem-art{min-height:617px; margin:0 0 58px; padding:0 50.25% 44px 0; .rel; border-bottom:1px solid @border-1;} .totem-art:last-child{margin:0; padding-bottom:0; border:none;} .totem-art:nth-child(2n){padding:0 0 44px 50.25%;} .totem-art:nth-child(2n) .totem-art__image{right:auto; left:0;} .totem-art:nth-child(2n) .totem-art__title{padding:0 0 19px 35px;} .totem-art:nth-child(2n) .totem-art__content{padding:0 0 20px 35px;} .totem-art:nth-child(2n) .totem-art__button{margin:5px 0 26px 35px;} .totem-art__image{width:50.25%; padding:54px; position:absolute; top:12px; right:0; border:1px solid @border-1;} .totem-art__image img{width:100%; border:1px solid @border-1;} .totem-art__title{padding:0 35px 19px 0; .title-3;} .totem-art__content{padding:0 35px 20px 0;} .totem-art__content h3, .totem-art__content h4{padding:0 0 15px; font:@base-font-size/@base-line-height @font-1;} .totem-art__content ul{padding:0 0 2px;} .totem-art__content ul li{padding:0 0 18px 26px; .rel; line-height:1.5;} .totem-art__content ul li:before{content:"—"; position:absolute; top:1px; left:0; font-weight:normal;} .totem-art__button{margin:5px 35px 26px 0;} /*----------6.2.5 О нас----------*/ .about-art{margin:0 0 50px; padding:78px 0 61px; .rel; border-bottom:1px solid @border-1;} .about-art__banner{width:534px; height:534px; position:absolute; top:-80px; left:530px; z-index:1; .cover;} .about-art__content{max-width:910px; min-height:380px; padding:0 70px 0 91px; .rel; z-index:2;} .about-art__content:before{content:""; width:46px; position:absolute; top:16px; left:4px; border-bottom:1px solid @border-1;} .about-art__content h2, .about-art__content h3, .about-art__content h4{max-width:600px; padding:0 0 22px; .title-4;} .about-art__content ul, .about-art__content ol, .about-art__content p{padding:0 0 22px;} .about-cat{margin:0 0 95px; padding:20px 0 70px;} .about-cat__left{width:49.7%; max-width:470px; padding:70px 40px 0 0; .fl;} .about-cat__right{width:50.3%; .fr;} .about-cat__content{padding:0 0 34px;} .about-cat__content h2, .about-cat__content h3{padding:0 0 33px; .title-2;} .about-cat__content p{padding:0 0 24px;} .about-cat__bottom{.rel;} .about-cat__button{min-width:189px;} .about-cat__fix{max-width:350px; position:absolute; top:-14px; left:218px; font:300 92px/0.9 @font-2; color:#f1f1f1;} .gal-1{max-width:535px; padding:34px; .relz; border:1px solid @border-1;} .gal-1 .owl-prev{position:absolute !important; bottom:-63px; right:87px; left:auto; z-index:2;} .gal-1 .owl-next{position:absolute !important; bottom:-63px; right:20px; left:auto; z-index:2;} .gal-1__list{width:auto; padding:20px; background:#fff;} .gal-1__link{.relz; .b; .cover;} .gal-1__link img{.w100; border:1px solid @border-1;} .gal-1__fix{width:57.1%; position:absolute; bottom:-61px; left:-21.4%;} .gal-1__fix img{max-width:100%;} .nav-in{min-height:175px; margin:0 0 72px; padding:45px 20px 20px 10px; .rel; background:#f7f8f8;} .nav-in:before{content:""; width:284px; height:117px; position:absolute; top:33px; left:835px; background:url(../img/about-us-fix.png) no-repeat;} .nav-in__main{max-width:795px; .relz;} .nav-in__list{margin:0 -4.5px 0 0; padding:4px 20px 0 50px; .ib; .rel; font:300 18px/1.5 @font-1; .no;} .nav-in__list:before{content:""; height:60px; position:absolute; top:10px; left:0; border-left:1px solid @border-1;} .nav-in__list:first-child{width:39.62%;} .nav-in__list:nth-child(2){width:35.22%;} .nav-in__list:nth-child(3){width:25.16%;} .nav-in__list:first-child:before{.n;} .nav-in__item{padding:0 0 21px;} .seo{max-width:800px; padding:40px 0 20px;} .seo h2, .seo h3, .seo h4{padding:0 0 8px; .title-4;} /*----------6.2.6 Корзина----------*/ .basket-table{padding:0 0 82px;} .basket-table .chars{margin:0; color:@custom-4;} .basket-table .chars__col:first-child{width:78px; padding-right:12px;} .basket-table__list{padding:0;} .basket-table__item{.table; margin:0 0 9px;} .basket-table__item:last-child{margin:0 0 19px;} .basket-table__item:last-child .basket-table__col{border:none;} .basket-table__col{padding:39px 0; .table-cell; border-bottom:1px solid @border-1;} .basket-table__col:first-child{padding-right:40px;} .basket-table__col:last-child{width:334px;} .basket-table__right{padding:0 95px 0 0; .rel; .tr;} .basket-table__price{min-height:89px; padding:13px 0 0 20px; border-left:1px solid @border-1; font:italic 54px/0.8 @font-2; .no;} .basket-table__price span{padding:0 0 0 8px; .rel; bottom:20px; font-size:22px;} .basket-table__remove{position:absolute; top:34px; right:10px;} .basket-table__info{min-height:90px; padding:0 0 0 214px; .rel;} .basket-table__info:before{content:""; width:46px; position:absolute; top:45px; left:0; border-bottom:1px solid @border-1;} .basket-table__image{width:90px; height:90px; position:absolute; top:0; left:95px; .cover;} .basket-table__image img{.w100; max-height:90px; border:1px solid @border-3;} .basket-table__title{padding:0 0 9px; .rel; bottom:8px; .title-4;} .basket-table__bottom{.table;} .basket-table__bottom .basket-table__col{padding:45px 0 19px; background:#f7f8f8; border:none;} .basket-table__bottom .basket-table__col:first-child{padding-left:95px;} .basket-table__bottom .basket-table__col:last-child{width:auto; .no;} .basket-table__bottom .basket-table__price{min-height:0; .ib; padding-top:0; border:none;} .basket-table__total{padding:0 95px 0 0; .rel; bottom:7px; .tr;} .basket-table__label{padding:0 12px 0 0; .ib; .rel; top:16px; font:italic 26px/1 @font-2;} .basket-order{.tc;} .basket-order .radio{max-width:270px; margin:auto; padding:0 0 20px;} .basket-order .radio__text-2{margin:0 -15px 0 0;} .basket-order__title{padding:0 0 86px; .title-2; .tc;} .basket-order__cols{margin:0 0 47px ;.table; .tl;} .basket-order__left{width:32.52%; padding:0 25px 0 0; .table-cell; border-right:1px solid @border-1;} .basket-order__center{width:33.36%; padding:0 25px; .table-cell; border-right:1px solid @border-1;} .basket-order__center .radio__item_2{margin:0 0 28px;} .basket-order__center .basket-order__label, .basket-order__right .basket-order__label{max-width:270px; margin:auto;} .basket-order__right{padding:0 25px; .table-cell;} .basket-order__label{padding:0 0 24px; .rel; bottom:5px; font:18px/1.7 @font-1;} .basket-order__check{margin:0 0 50px; padding:0 0 24px; border-bottom:1px solid @border-1;} .form-1{max-width:280px;} .form-1__item{margin:0 0 17px;} .form-1__item:last-child{margin:0;} .form-1__label{padding:0 0 9px; font:300 18px/1.7 @font-1;} .form-1__input, .form-1__area{margin:0;} .order-ok{padding:0 0 12px; .rel; bottom:20px; .title-5; color:@custom-3;} .content__banner-wrap_ok{margin-left:-528px; top:-39px;} .content-in{max-width:700px; padding:66px 0 29px 86px; .relz;} .content-in__title{padding:0 0 28px; .rel; .title-4;} .content-in__title:before{content:""; width:46px; position:absolute; top:16px; left:-86px; border-bottom:1px solid @border-1;} .content-in__title_loc{max-width:570px;} .content-in__button{padding:0 36px;} .content-in__fix{.rel;} .content-in__fix.fixed:before{content:""; .full;} .chars{margin:0 0 60px; padding:0; .table;} .chars__item{.table-row;} .chars__col{padding:0; .table-cell;} .chars__col:first-child{width:152px; padding-right:20px; font-weight:normal; .no;} /*----------6.2.7 Контакты----------*/ .content-loc{max-width:100%; margin:0 0 -50px; padding:116px 50% 104px 86px;} .content-loc .content-in__button{padding:0 26px;} .content-loc .chars{margin:0 0 53px;} .content-loc .chars__col:first-child{padding-right:25px;} .content-in__left{max-width:650px; .rel; z-index:6;} .content-in__left .content-in__title{margin:0 -80px 0 0;} .content-in__right{width:55%; height:570px; position:absolute; top:0; right:-30px;} .content-in__right:after{content:""; .full; z-index:5; background:url(../img/map-mask.png) center -12px no-repeat;} #map{.full;} a[title*='чтобы отобразить эту область в Картах Google']{display:none !important;} .gm-style-cc, .gm-style-mtc, .gm-svpc, .gm-bundled-control, .gm-fullscreen-control{display:none !important;} /*----------6.2.8 Выбор----------*/ .inner-art{padding:18px 0 54px;} .inner-art h2, .inner-art h3, .inner-art h4{padding:0 0 8px; .title-4;} .inner-art p{max-width:850px; padding:0 0 10px;} .items-1{padding:62px 0 0; border-bottom:1px solid @border-1;} .items-1:last-child{padding-bottom:0; border:none;} .items-1__content{padding:0 0 30px;} .items-1__content h2, .items-1__content h3{padding:0 0 32px; .title-2;} .items-1__content p{padding:0 0 15px;} .items-1__content p:last-child{padding:0 0 32px;} .item-1{margin:0 0 70px; .rel;} .item-1.active .item-1__main-wrap{.w100; position:absolute; top:-50px; left:0; z-index:21;} .item-1.active .item-1__main{margin:0 -50px; padding:50px; box-shadow:0 25px 57px rgba(0,0,0,0.24);} .item-1.active .item-hide{.b;} .item-1__main{background:@base-bg;} .item-1__left{width:47.46%; .fl;} .item-1__right{width:52.54%; max-width:494px; padding:0 0 0 52px; .fl;} .item-1__title{padding:43px 0 20px; .rel; .title-3;} .item-1__title:before{content:""; width:75px; position:absolute; top:0; left:0; border-bottom:1px solid @border-1;} .item-text{padding:0 0 32px;} .item-text p{padding:0 0 12px;} .item-text__button{margin:16px 0 0; .ib; border-bottom:1px dotted @text-color; line-height:1; font-weight:normal;} .item-text__button.active{color:#a6a6a6; border-color:#a6a6a6;} .item-text__hide{.n;} .item-price{.table;} .item-price__col{.table-cell;} .item-price__col:last-child{.tr;} .item-price__numbers{padding:0; .rel; bottom:1px; font:italic 54px/0.8 @font-2;} .item-price__numbers span{padding:0 0 0 20px; .rel; bottom:13px; font-size:22px;} .item-price__button{min-width:187px; margin:0; padding:0 30px;} .item-hide{margin:32px 0 0; padding:59px 0 0; background:#f7f8f8; .n;} .item-hide__cols{padding:0 0 44px;} .item-hide__left{width:47.46%; padding:0 0 0 40px; .fl;} .item-hide__right{width:52.54%; padding:0 39px 0 52px; .fr;} .item-hide__title{padding:24px 0 39px; .rel; font:300 28px/1.2 @font-2;} .item-hide__title:before{content:""; width:25px; position:absolute; top:0; left:0; border-bottom:2px solid #3db9f1;} .item-hide__list-1{margin:0 -40px 0 0; padding:0;} .item-hide__list-2{min-height:90px; margin:0 -18px 22px 0; padding:0; .hid;} .item-hide__size{.ib; border-bottom:1px dotted @text-color; line-height:1;} .item-hide__buttons{padding:35px 16px 13px; border-top:1px solid #fff; .tc;} .item-hide__button-wrap{padding:0 9px; .ib;} .item-hide__button{min-width:220px;} .gal-2{.hid; .relz;} .gal-2__list{padding:0;} .gal-2__link{.b;} .gal-2__link img{.w100;} .image-default{.rel; background:@border-1;} .image-default:before{content:""; width:94px; height:47px; position:absolute; bottom:37px; right:26px; background:url(../img/default-image-fix.png) no-repeat;} .image-default img{width:100%;} .image-default__fix-1{.full;} .image-default__fix-2{.h100; .table;} .image-default__text{.h100; padding:0 48px 6px 10px; .table-cell(middle); font:300 38px/1.27 @font-2; .tc; color:@custom-3;} .image-default__text span{.ib; .tl; .nowrap;} .item-panel{margin:0 0 21px; .table; .no; font:italic 18px/1 @font-2;} .item-panel__col{padding:0 0 20px; .table-cell;} .item-panel__col:last-child{.tr;} .item-panel__icon{padding:0 0 0 30px; .rel;} .item-panel__icon:before{content:""; width:20px; height:21px; margin:-10.5px 0 0; position:absolute; top:50%; left:-1px; background:url(../img/sprite.png) no-repeat -306px 0;} .item-panel__icon_not:before{background-position:-330px 0;} .socials-2{.ib; .rel;} .socials-2__hide{padding:13px 13px 9px 15px; .n; position:absolute; top:31px; right:0; z-index:10; background:#fff; border:1px solid @border-3;} .socials-2__hide:before{content:""; width:15px; height:9px; margin:0 0 -1px; position:absolute; bottom:100%; right:26px; background:url(../img/socials-fix.png) no-repeat;} .socials-2__list{padding:0; .no;} .socials-2__item{margin:0 0 5px 0; .ib;} .socials-2__link{width:24px; height:24px; .b; background:url(../img/socials.png) no-repeat; border-radius:1px; .hid;} .socials-2__link_icon-1{background-position:0 0;} .socials-2__link_icon-2{background-position:-28px 0;} .socials-2__link_icon-3{background-position:-56px 0;} .socials-2__link_icon-4{background-position:-84px 0;} .socials-2__link_icon-5{background-position:-112px 0;} .socials-2__button.active{color:@link-hover;} #mask{.w100; .h100; position:fixed; top:0; left:0; .n; z-index:19; background:rgba(255,255,255,0.7); cursor:default;} /*----------6.2.9 Каталог----------*/ .items-2{padding:58px 0 13px;} .items-2__content{max-width:850px; padding:0 0 17px;} .items-2__content h2, .items-2__content h3{padding:0 0 25px; .title-2;} .items-2__content p{padding:0 0 15px;} .items-2__content p:last-child{padding:0 0 32px;} .items-2__list{margin:0 -50px 0 0; padding:0 0 37px;} .item-2{.w50; margin:0 -2px 70px 0; padding:0 50px 0 0; .ib; .rel;} .item-2:nth-child(2n){margin-right:-8px;} .item-2:nth-child(2n) .item-2__main-wrap{left:auto; right:0;} .item-2:nth-child(2n) .item-2__bottom{margin:0 0 0 -50px; right:100%;} .item-2:nth-child(2n).active .item-2__main:after{left:auto; right:100%;} .item-2.active .item-2__main-wrap{.w100; position:absolute; top:-50px; left:0; z-index:21;} .item-2.active .item-2__main{margin:0 -50px; padding:50px 50px 0; .rel; box-shadow:0 25px 57px rgba(0,0,0,0.24);} .item-2.active .item-2__main:after{content:""; width:2px; height:100%; position:absolute; top:0; left:100%; background:@base-bg;} .item-2.active .item-2__top{margin:0 0 -207px;} .item-2.active .item-2__bottom, .item-2.active .item-hide{.b;} .item-2.active .item-2__image:before, .item-2.active .item-2__image:after{opacity:1;} .item-2__all{.rel;} .item-2__main{background:@base-bg;} .item-2__image{margin:0 0 41px; .rel;} .item-2__image:before{content:""; width:50px; margin:0; .h100; position:absolute; top:0; left:100%; opacity:0; background:@base-bg; z-index:3;} .item-2__image:after{content:""; width:50px; .h100; position:absolute; top:0; right:100%; opacity:0; background:@base-bg; z-index:3;} .item-2__title{.w100; padding:41px 39px 20px 39px; position:absolute; top:0; left:0; z-index:5; .title-3;} .item-2__content-vis{.rel; z-index:3;} .item-2__content-hide{padding:44px 0 0; .rel; z-index:3;} .item-2__content-hide .item-panel{margin:0 0 16px;} .item-2__content-hide .item-text{padding:0 0 39px;} .item-2__bottom{padding:207px 0 50px; .rel; .n;} .item-2__bottom .item-hide{.rel; z-index:3;} .item-2__fix-1{content:""; .w100; .h100; position:absolute; bottom:0; left:0;} .item-2__fix-1:before{content:""; margin:0 -50px; .h100; .b; background:@base-bg; box-shadow:0 25px 57px rgba(0,0,0,0.24);} .totem-in{padding:63px 0 95px; .rel; .tc;} .totem-in:before{content:""; width:130px; height:65px; margin:0 0 0 -62px; position:absolute; top:-19px; left:50%; z-index:2; background:url(../img/main-page-fix.png) no-repeat;} .totem-in:after{content:""; width:1066px; height:723px; margin:0 0 0 -529px; position:absolute; top:-238px; left:50%; background:url(../img/totem-in-bg.jpg) no-repeat center top; background-size:100% auto;} .totem-in__content{max-width:700px; margin:auto; .rel; z-index:4; .tc; } .totem-in__title{padding:0 0 14px; font:300 54px/1 @font-2;} .totem-in__text{padding:0 0 32px;} .totem-in__button{min-width:189px; padding:0 25px;} /* ------------------------------7. Плагины------------------------------*/ /*! --------------------7.1 Owl--------------------*/ .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */ position:relative;z-index:1;} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;/* fix firefox animation glitch */ } .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;/* fix for flashing background */ -webkit-transform:translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;} .owl-carousel .owl-item img{display:block;width:100%;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display:none;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel.owl-loaded{display:block;} .owl-carousel.owl-loading{opacity:0;display:block;} .owl-carousel.owl-hidden{opacity:0;} .owl-carousel.owl-refresh .owl-item{visibility:hidden;} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel.owl-grab{cursor:move;cursor:grab;} .owl-carousel.owl-rtl{direction:rtl;} .owl-carousel.owl-rtl .owl-item{float:right;} /* No Js */ .no-js .owl-carousel{display:block;} /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both;} .owl-carousel .owl-animated-in{z-index:0;} .owl-carousel .owl-animated-out{z-index:1;} .owl-carousel .fadeOut{animation-name:fadeOut;} @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } /* * Owl Carousel - Auto Height Plugin */ .owl-height{transition:height 500ms ease-in-out;} /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease;} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d;} /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;} .owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease;} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;} .dots-1 .owl-dots{width:100%; padding:0 5.8%; position:absolute; bottom:17px; left:0; z-index:5; text-align:justify;} .dots-1 .owl-dot{width:25%; margin:0 0 5px; .fl;} .dots-1 .owl-dot span{height:2px; margin:0 15.5%; .b; .transition; background:#fff;} .dots-1 .owl-dot.active span{background:@text-color;} /* animate library */ .animated{animation-duration:1s;animation-fill-mode:both;} .animated.infinite{animation-iteration-count:infinite;} .animated.hinge{animation-duration:2s;} .fadeIn{animation-name:fadeIn;} @keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0);} to{opacity:1;transform:none;} } .fadeOut{animation-name:fadeOut;} @keyframes fadeOutDown{from{opacity:1;} to{opacity:0;transform:translate3d(0, 100%, 0);} } .arrows-1 .owl-prev, .arrows-1 .owl-next{width:55px; height:55px; .ib; .rel; .transition; border:1px solid @link-hover; background:#fff;} .arrows-1 .owl-prev:before, .arrows-1 .owl-next:before, .arrows-1 .owl-prev:after, .arrows-1 .owl-next:after{content:""; width:12px; height:20px; position:absolute; top:16px; left:20px; background:url(../img/sprite.png) no-repeat -161px -27px; .transition;} .arrows-1 .owl-prev:after{opacity:0; z-index:1; background-position:-197px -27px;} .arrows-1 .owl-next:before{left:22px; background-position:-179px -27px;} .arrows-1 .owl-next:after{left:22px; opacity:0; z-index:1; background-position:-215px -27px;} /*! --------------------7.3 Formstyler--------------------*/ .checkbox__item, .radio__item{.user-select;position:relative;text-align:left;} .checkbox__item.disabled, .radio__item.disabled{opacity:0.5;} .checkbox__item.disabled label, .checkbox__item.disabled .jq-checkbox, .radio__item.disabled label, .radio__item.disabled .jq-radio{cursor:default;} .checkbox__item_1{max-width:380px; min-height:22px; margin:auto; padding:0 0 0 39px; font:300 12px/1.35 @font-1;} .checkbox__item_1 a{color:@link-hover;} .checkbox__item_1.active .jq-checkbox:before{opacity:1;} .checkbox__item_1 .jq-checkbox{width:20px; height:20px; position:absolute !important; top:2px; left:0; cursor:pointer; background:#f6f6f6; border:1px solid @border-3;} .checkbox__item_1 .jq-checkbox:before{content:""; width:11px; height:8px; position:absolute; top:5px; left:4px; background:url(../img/sprite.png) no-repeat -23px -35px; opacity:0;} .jq-radio{display:none !important;} .radio__item_1{.w50; height:45px; .fl;} .radio__item_1.active label{color:#fff;} .radio__item_1 label{.h100; .b; line-height:43px; .tc; background:@base-bg; border:1px solid @border-1; cursor:pointer;} .radio__item_1 label span{.relz;} .radio__item_2{margin:0 0 26px;} .radio__item_2:last-child{margin:0 !important;} .radio__item_2.active label:after{opacity:1;} .radio__item_2 label{min-height:24px; padding:0 0 0 34px; .rel; .ib; cursor:pointer;} .radio__item_2 label:before{content:""; width:18px; height:18px; position:absolute; top:6px; left:0; border:1px solid @text-color; border-radius:10px; background:@base-bg;} .radio__item_2 label:after{content:""; width:10px; height:10px; position:absolute; top:10px; left:4px; opacity:0; background:@text-color; border-radius:5px;} .radio__item_3{width:90px; margin:0 31px 23px 0; .ib;} .radio__item_3 label{cursor:pointer;} .radio__item_3.active .radio__color:before{content:""; .full; z-index:1; border:2px solid #3db9f1;} .radio__item_4{min-width:51px; margin:0 14.5px 17px 0; .ib;} .radio__item_4.active label:before{border:2px solid #3db9f1;} .radio__item_4 label{height:50px; .rel; .b; background:@base-bg; .tc; font:300 22px/47px @font-2; cursor:pointer;} .radio__item_4 label:before{content:""; .full; border:1px solid @border-3;} .radio__text-1{padding:0 0 7px; .b; font:300 18px/1.6 @font-1;} .radio__text-2{padding:0; .b; font:300 14px/1.6 @font-1; color:@custom-4;} .radio__text-3{.b; color:#6b6b6b;} .radio__color{max-width:90px; margin:0 0 15px; .b; .rel;} .radio__color img{width:100%;} /*!---------------7.3 Slick---------------*/ .slick-button{opacity:0;position:absolute} .slick-button:after{opacity:0;z-index:1} .slick-slider{display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list,.slick-track{height:100%} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer} .slick-slider .slick-list,.slick-slider .slick-track{-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;display:block} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-initialized .slick-slide{display:block} .slick-vertical .slick-slide{display:block;border:1px solid transparent} .dots-1{.rel;} .dots-1 .slick-dots{width:100%; .h100; padding:0 5.8%; position:absolute; bottom:0; left:0; z-index:9; .no; .tc;} .dots-1 .slick-dots li{width:25%; .h100; margin:0 -2.5px 5px -2.5px; .ib;} .dots-1 .slick-dots li span{.h100; margin:0 15.5%; .b; .rel;} .dots-1 .slick-dots li button{.w100; height:2px; position:absolute; bottom:22px; left:0; .transition; background:#fff;} .dots-1 .slick-dots li.slick-active button{background:@text-color;} .dots-1__fix{content:""; .full; z-index:10; .n;} .ios .dots-1__fix{display:none !important;} .ios .dots-1 .slick-dots{height:auto; bottom:17px;} .ios .dots-1 .slick-dots li{height:auto; margin-right:0; .b; .fl;} .ios .dots-1 .slick-dots li span{height:auto;} .ios .dots-1 .slick-dots li button{position:relative; .b; bottom:auto;} /*!---------------7.4 Fancybox + popups---------------*/ /* popup styles */ .windows{.n;} .popup{width:100%; max-width:521px; margin:0 !important; padding:51px 0 0 !important; background:#fff;} .popup__close{position:absolute; top:29px; right:29px; z-index:1;} .popup__item_hide{.n;} .popup__title{max-width:450px; margin:auto; padding:0 30px 30px; .title-3; .tc;} .popup__content{padding:0 30px;} .popup__bottom{padding:43px 30px 8px; .rel; .tc; background:#f7f8f8;} .popup__bottom:before{content:""; width:189px; height:25px; margin:0 0 0 -94.5px; position:absolute; top:0; left:50%; background:url(../img/popup-fix.png) no-repeat;} .popup__submit{min-width:189px; padding:0 25px;} .success{padding:57px 0; .rel; .tc;} .success:before{content:""; width:39px; height:21px; margin:0 0 0 -19.5px; position:absolute; top:19px; left:50%; background:url(../img/sprite.png) no-repeat -234px -28px;} .success__title{max-width:400px; margin:auto; padding:0 0 30px; font:300 @font-size-h3/0.95 @font-2;} .success__text{padding:0 0 20px; font:300 18px/1.5 @font-1; color:@custom-1;} .form-2{max-width:378px; margin:auto; padding:15px 0 0;} .form-2__item{.table; margin:0 0 26px;} .form-2__label{width:100px; padding:8px 15px 0 0; .table-cell; font:300 18px/1.7 @font-1;} .form-2__fix{.table-cell;} .form-2__input{margin:0;} .form-2__area{margin:0; padding:15px 19px;} .form-2__check{padding:2px 0 12px;} .form-2__check a{.ib;} .popup-size{max-width:700px;} .popup-size .popup__bottom{padding:57px 30px 22px;} .popup-size .popup__submit{min-width:219px;} .manual{padding:8px 0 46px; line-height:1.4;} .manual__col{.w50; padding:0 50px; .fl; .rel;} .manual__col:first-child:before{content:""; height:242px; position:absolute; top:8px; right:0; border-left:1px solid @border-1;} .manual__col:last-child{padding:0 40px 0 56px;} .manual__image{height:161px; margin:0 0 25px;} .manual__image img{max-width:100%;} /* fancybox styles */ .fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden;} .fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);} /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container{z-index:99992;} .fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0;} .fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch;} .fancybox-bg{background:#192b57;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71);} .fancybox-is-open .fancybox-bg{opacity:0.5;transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1);} .fancybox-infobar,.fancybox-toolbar,.fancybox-caption-wrap{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s, visibility 0s linear .25s;box-sizing:border-box;} .fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption-wrap{opacity:1;visibility:visible;transition:opacity .25s, visibility 0s;} .fancybox-infobar{top:0;left:50%;margin-left:-79px;} .fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30, 30, 30, 0.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;} .fancybox-toolbar{top:0;right:0;} .fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translate3d(0, 0, 0);} .fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;} .fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block;} .fancybox-slide--image{overflow:visible;} .fancybox-slide--image::before{display:none;} .fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000;} .fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#E5E3DF;} .fancybox-slide--next{z-index:99995;} .fancybox-slide > *{display:inline-block;position:relative;padding:24px;margin:44px 0 44px;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box;} .fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;} .fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out;} .fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in;} .fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab;} .fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing;} .fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;} .fancybox-spaceball{z-index:1;} .fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff;} .fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff;} .fancybox-error{margin:0;padding:40px;width:100%;max-width:380px;background:#fff;cursor:default;} .fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;} .fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer;} .fancybox-close-small:after{content:'×';position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2;} .fancybox-close-small:focus:after{outline:1px dotted #888;} .fancybox-close-small:hover:after{color:#555;background:#eee;} .fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px;} .fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa;} .fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff;} /* Caption */ .fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0 30px;background:linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);pointer-events:none;} .fancybox-caption{padding:30px 0;border-top:1px solid rgba(255, 255, 255, 0.4);font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none;} .fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;} .fancybox-caption a{color:#fff;text-decoration:underline;} /* Buttons */ .fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none;} .fancybox-button[disabled]{cursor:default;pointer-events:none;} .fancybox-infobar__body, .fancybox-button{background:rgba(30, 30, 30, 0.6);} .fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0, 0, 0, 0.8);} .fancybox-button::before,.fancybox-button::after{content:'';pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:0.9;box-sizing:border-box;display:inline-block;} .fancybox-button[disabled]::before,.fancybox-button[disabled]::after{opacity:0.3;} .fancybox-button--left::after,.fancybox-button--right::after{top:18px;width:6px;height:6px;background:transparent;border-top:solid 2px currentColor;border-right:solid 2px currentColor;} .fancybox-button--left::after{left:20px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);} .fancybox-button--right::after{right:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .fancybox-button--left{border-bottom-left-radius:5px;} .fancybox-button--right{border-bottom-right-radius:5px;} .fancybox-button--close::before, .fancybox-button--close::after{content:'';display:inline-block;position:absolute; margin:-1px 0 0 -8px; height:2px;width:16px;top:50%;left:50%;} .fancybox-button--close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .fancybox-button--close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);} /* Navigation arrows */ .fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s;} .fancybox-arrow::after{content:'';position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30, 30, 30, 0.6);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:24px 24px; .transition;} .fancybox-arrow--right{right:0;} .fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);} .fancybox-arrow--right::after,.fancybox-arrow--left::after{left:0;} .fancybox-arrow:hover:after{background-color:rgba(0,0,0,0.8) !important;} .fancybox-show-nav .fancybox-arrow{opacity:0.9;} .fancybox-show-nav .fancybox-arrow[disabled]{opacity:0.3;} /* Loading indicator */ .fancybox-loading{border:6px solid rgba(100, 100, 100, 0.4);border-top:6px solid rgba(255, 255, 255, 0.6);border-radius:100%;height:50px;width:50px;-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999;} @-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);} to{-webkit-transform:rotate(359deg);transform:rotate(359deg);} } @keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);} to{-webkit-transform:rotate(359deg);transform:rotate(359deg);} } /* Transition effects */ .fancybox-animated{transition-timing-function:cubic-bezier(0, 0, 0.25, 1);} /* transitionEffect:slide */ .fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);opacity:0;} .fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);opacity:0;} .fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} /* transitionEffect:fade */ .fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);} .fancybox-fx-fade.fancybox-slide--current{opacity:1;} /* transitionEffect:zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5);opacity:0;} .fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(0.5, 0.5, 0.5);transform:scale3d(0.5, 0.5, 0.5);opacity:0;} .fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);opacity:1;} /* transitionEffect:rotate */ .fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0;} .fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:0;} .fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1;} /* transitionEffect:circular */ .fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0);opacity:0;} .fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);transform:scale3d(0, 0, 0) translate3d(100%, 0, 0);opacity:0;} .fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scale3d(1, 1, 1) translate3d(0, 0, 0);transform:scale3d(1, 1, 1) translate3d(0, 0, 0);opacity:1;} /* transitionEffect:tube */ .fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);} .fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg);transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg);} .fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1);} /* Styling for Small-Screen Devices */ @media all and (max-width:800px){.fancybox-infobar{left:0;margin-left:0;} .fancybox-button--left, .fancybox-button--right{display:none !important;} .fancybox-caption{padding:20px 0;margin:0;} } /* Fullscreen */ .fancybox-button--fullscreen::before{width:15px;height:11px; margin:-5.5px 0 0 -7.5px; left:50%;top:50%;border:2px solid;background:none;} /* Slideshow button */ .fancybox-button--play::before,.fancybox-button--pause::before{margin:-5.5px 0 0 -3.5px; top:50%;left:50%;background:transparent;} .fancybox-button--play::before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;} .fancybox-button--pause::before{width:7px;height:11px;border-style:solid;border-width:0 2px 0 2px;} /* Thumbs */ .fancybox-thumbs{display:none;} .fancybox-button--thumbs{display:none;} @media all and (min-width:800px){.fancybox-button--thumbs{display:inline-block;} .fancybox-button--thumbs span{font-size:23px;} .fancybox-button--thumbs::before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;} .fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995;} .fancybox-show-thumbs .fancybox-thumbs{display:block;} .fancybox-show-thumbs .fancybox-inner{right:220px;} .fancybox-thumbs > ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;} .fancybox-thumbs > ul > li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;} li.fancybox-thumbs-loading{background:rgba(0, 0, 0, 0.1);} .fancybox-thumbs > ul > li > img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .fancybox-thumbs > ul > li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);} .fancybox-thumbs > ul > li.fancybox-thumbs-active:before{opacity:1;} } .fancybox-slide--inline{overflow:auto;} .fancybox-slide--inline .fancybox-close-small{display:none !important;} /*!------------------------------8. Хаки------------------------------*/ /* webkit */ @media screen and (-webkit-min-device-pixel-ratio:0){ *{text-shadow:0 0;} .button, .switch__label, .age__label, .button-more{text-shadow:none;} } /*!------------------------------9. Ховеры------------------------------*/ @media screen and (min-width:1025px){ a:hover{color:@link-hover;} .button:hover{background:@button-hover; color:#fff;} .button-light:hover{background:@button-hover; color:#fff;} .button-basket:hover{background:@link-hover; color:#fff;} .button-basket:hover:before{opacity:0;} .button-basket:hover:after{opacity:1;} .button-more:hover{color:@button-hover;} .button-remove:hover:before{opacity:0;} .button-remove:hover:after{opacity:1;} .button-close:hover:before{opacity:0;} .button-close:hover:after{opacity:1;} .button-more-items:hover{color:@link-hover;} .button-more-items:hover span:before{opacity:0;} .button-more-items:hover span:after{opacity:1;} .arrow-1:hover:before{opacity:0;} .arrow-1:hover:after{opacity:1;} .socials-1__link:hover:before{opacity:0;} .socials-1__link:hover:after{opacity:1;} .banner__link:hover .banner__arrow:before{opacity:0;} .banner__link:hover .banner__arrow:after{opacity:1;} .accordion__button:hover:before, .accordion__button:hover:after{background:@button-hover;} .accordion__item.current .accordion__button:hover:before, .accordion__item.current .accordion__button:hover:after{background:#393939;} .checkbox__item_1 a:hover{color:@button-hover;} .arrows-1 .owl-prev:hover, .arrows-1 .owl-next:hover{background:@link-hover;} .arrows-1 .owl-prev:hover:before, .arrows-1 .owl-next:hover:before{opacity:0;} .arrows-1 .owl-prev:hover:after, .arrows-1 .owl-next:hover:after{opacity:1;} .item-hide__size:hover, .item-text__button:hover{color:@link-hover; border-color:@link-hover;} } /*------------------------------10. Адаптация------------------------------*/ @media screen and (max-width:1400px){ /* .item-1.active .item-1__main{margin:0 -25px; padding:50px 25px;} .items-2__list{margin:0 -25px 0 0;} .item-2{padding:0 25px 0 0;} .item-2:nth-child(2n) .item-2__bottom{margin:0 0 0 -25px;} .item-2.active .item-2__main{margin:0 -25px; padding:50px 25px 0;} .item-2:nth-child(2n) .item-2__image:before{width:50px;} .item-2:nth-child(2n) .item-2__image:after{width:25px;} */ } @media screen and (max-width:1300px){ .main-content__left-wrap{margin:0 -314px 0 0;} .main-content__left{margin:85px 314px 0 0; } .main-content__banners{width:314px;} } @media screen and (max-width:1250px){ /* инфо о тотемах */ .totem-art{padding:0 45% 44px 0;} .totem-art:nth-child(2n){padding:0 0 44px 45%;} .totem-art:nth-child(2n) .totem-art__title{padding:0 0 19px 25px;} .totem-art:nth-child(2n) .totem-art__content{padding:0 0 20px 25px;} .totem-art:nth-child(2n) .totem-art__button{margin:5px 0 26px 25px;} .totem-art__image{width:45%; padding:25px;} .totem-art__title{padding:0 25px 19px 0;} .totem-art__content{padding:0 25px 20px 0;} .totem-art__button{margin:5px 25px 26px 0;} /* о нас */ .about-cat__left{width:52%;padding:40px 40px 0 0;} .about-cat__right{width:48%;} .gal-1{padding:20px;} .gal-1__fix{left:-15%;} } @media screen and (max-width:1250px) and (min-width:1025px){ /* контакты */ .content-loc{max-width:100%; margin:0 0 -50px; padding:104px 50% 104px 0;} .content-loc .content-in__button{padding:0 26px;} .content-loc .chars{margin:0 0 53px;} .content-loc .chars__col:first-child{padding-right:15px;} .content-in__left{padding:0 15px 0 0;} .content-in__left .content-in__title{margin:0;} .content-in__left .content-in__title:before{.n;} } @media screen and (max-width:1200px){ .main-wrap{padding:0 0 175px 235px;} .header{width:210px;} .header:after{width:210px;} .footer{padding:0 0 0 235px;} } @media screen and (max-width:1150px) and (min-width:1025px){ /* корзина */ .basket-order{.tc;} .basket-order__label{font-size:16px;} .basket-order .radio__text-1{font-size:16px;} .basket-order .radio__text-2{margin-right:0; font-size:13px;} .form-1__label{font-size:16px;} } @media screen and (max-width:1150px){ /* выбор */ .item-1__right{padding:0 0 0 25px;} .item-hide__left{padding:0 0 0 25px;} .item-hide__right{padding:0 25px;} .item-price__button{min-width:143px;} } @media screen and (max-width:1100px){ .footer__right{padding:58px 0 0 35px;} } @media screen and (min-width:1025px){ } /*--------------- tablet ---------------*/ @media screen and (max-width:1024px){ h1{padding:0 0 31px;} .main-wrap{padding:0 0 200px;} .main{padding-bottom:35px; position:static;} .main-basket{top:52px; right:48px;} .inner-top{padding:22px 0 0;} .breadcrumbs{padding:0 0 23px;} /* шапка */ .header{width:auto; height:auto; margin:0 25px; padding:25px 0 0; .rel; left:auto;} .header__main{height:auto; min-height:150px; padding:0 37px 0 211px; .tl;} .header__top{padding:0 !important;} .header__bottom{padding:0 !important;} .header__text{.w100; padding:0 0 0 211px; position:absolute; top:68px; left:0;} .header__center-wrap{width:auto; height:auto !important; .b;} .header__center{height:auto; padding:80px 0 0; .b; vertical-align:top;} .head-nav__list{margin:0 0 -4px; padding:0 !important; .rel; top:10px; text-align:justify;} .head-nav__list:before{.n;} .head-nav__list:after{content:""; .w100; height:0; margin:0; display:inline-block; position:static; top:auto; left:auto; border:none; .hid; cursor:default;} .head-nav__item{padding:0 !important; .ib;} .head-logo{min-height:0; margin:0 !important; .b; position:absolute; top:54px; left:37px;} .head-copy{.n;} /* футер */ .footer{padding:0;} .footer__main{min-height:200px;} .foot-copy{.b;} .footer__right{width:208px; padding:47px 0 0;} .footer__left{margin:0 -208px 0 0; padding:42px 0 0;} .foot-nav{margin:0 208px 0 0; padding:0 0 20px; .tl;} .foot-nav:after{.n;} .foot-nav__list{width:55%; margin:0 -4.5px 0 0;} .foot-nav__list:nth-child(2n){width:45%;} /* главная */ .totem-main{padding:150px 0 75px;} .totem-main:before{top:60px;} .totem-main__banner-wrap{width:1480px; min-height:857px; margin:0 0 0 -846px; top:-22px;} .main-content{padding-bottom:36px;} /* ваш тотем */ .inner .totem-main{padding:115px 0 30px; position:static;} .inner .totem-main:before{top:198px;} .inner .totem-main__banner-wrap{top:0;} .inner .totem-main__title{padding:0 0 37px;} /* текстовая */ .content__text{max-width:100%; padding:24px 0 0;} /* о нас */ .about-art{margin:0 0 42px; padding:78px 0 65px;} .about-cat{margin:0 0 43px; padding:20px 0 40px;} .about-cat__left{width:auto; max-width:670px; padding:0 0 38px; .fn;} .about-cat__right{width:auto; .fn;} .about-cat__content{padding:0 0 20px;} .about-cat__content p{padding:0 0 18px;} .about-cat__fix{left:238px; } .gal-1{max-width:100%; padding:52px 0; background:@base-bg;} .gal-1 .owl-prev{margin:0 6px 0 0; bottom:-27px; right:50%;} .gal-1 .owl-next{margin:0 -60px 0 0; bottom:-27px; right:50%;} .gal-1__list-wrap{.hid;} .gal-1__list{width:500px; margin:auto; padding:0; overflow:visible !important; position:static;} .gal-1__list .owl-stage-outer, .gal-1__list .owl-stage{overflow:visible !important;} .gal-1__link{margin:0 37.5px;} .gal-1__fix{.n;} .nav-in{margin:0 0 10px; padding:45px 20px 20px 0;} .nav-in__list{padding:4px 20px 0 40px;} .seo{max-width:100%; padding:60px 0 5px;} /* инфо о тотемах */ .totems-art{padding:34px 0 0;} .totem-art{min-height:0; margin:0 0 45px; padding:0 0 40px !important;} .totem-art:last-child{padding-bottom:0 !important;} .totem-art__image{width:auto; margin:0 0 33px; padding:54px; .rel; .b; top:auto; right:auto;} .totem-art__image img{max-width:425px; margin:auto;} .totem-art__title{padding:0 0 30px !important;} .totem-art__content{padding:0 0 20px !important;} .totem-art__button{margin:5px 0 20px !important;} /* корзина */ .basket-table{padding:0 0 62px;} .basket-table__item{margin:0;} .basket-table__item:last-child{margin:0;} .basket-table__col{padding:50px 0 39px;} .basket-table__col:first-child{padding-right:40px;} .basket-table__col:last-child{width:299px;} .basket-table__right{padding:0 88px 0 0;} .basket-table__remove{right:3px;} .basket-table__info{padding:0 0 0 200px;} .basket-table__image{left:77px;} .basket-table__bottom .basket-table__col:first-child{padding-left:40px;} .basket-table__total{padding:0 88px 0 0;} .basket-order .radio{max-width:100%; padding:0;} .basket-order .radio__item_2{width:50%; margin:0 -4.5px 26px 0; padding:0 20px 0 0; .ib;} .basket-order .radio__text-2{margin:0;} .basket-order__title{padding:0 0 75px;} .basket-order__cols{width:auto; margin:0 0 27px ; .b;} .basket-order__left{width:auto; margin:0 0 47px; padding:0 0 49px; .b; border-bottom:1px solid @border-1; border-right:none;} .basket-order__center{width:auto; margin:0 0 47px; padding:0 0 21px; .b; border-bottom:1px solid @border-1; border-right:none;} .basket-order__center .basket-order__label, .basket-order__right .basket-order__label{max-width:100%;} .basket-order__right{padding:0; .b;} .basket-order__right .radio__item_2:last-child{.rel; bottom:15px;} .basket-order__label{padding:0 0 27px;} .basket-order__check{margin:0; padding:0 0 25px; .rel; bottom:auto; border-bottom:none;} .form-1{max-width:100%;} .form-1__item{.w100; margin:0 0 28px; .table;} .form-1__label{width:164px; height:45px; padding:9px 15px 0 0; .table-cell;} .form-1__fix{.table-cell;} .content__banner-wrap_ok{margin:0; left:0;} .content-in{padding:42px 0 0 86px;} /* контакты */ .content-loc{max-width:100%; margin:0; padding:45px 0 0;} .content-loc .chars{margin:0 0 40px;} .content-in__left{max-width:600px; margin:0 0 -30px; padding:0 0 0 86px;} .content-in__left .content-in__title{margin:0;} .content-in__right{width:auto; .rel; top:auto; right:auto;} /* выбор */ .inner-art{padding:0 0 30px;} .inner-art p{max-width:100%;} .items-1__content{padding:0 0 40px;} .items-1__content h2, .items-1__content h3{padding:0 0 22px;} .item-1.active .item-1__main-wrap{top:-40px;} .item-1.active .item-1__main{margin:0 -25px; padding:40px 25px;} .item-1__right{padding:0 0 0 40px;} .item-1__title{padding:23px 0 20px;} .item-text{padding:0 0 26px;} .item-text__button{margin:11px 0 0;} .item-hide__left{padding:0 0 0 40px;} .item-hide__right{padding:0 39px 0 40px; } .image-default:before{bottom:23px; right:23px;} .image-default__text{padding:0 20px 0 10px; font:300 38px/1.27 @font-2;} .item-panel{margin:0 0 1px;} .dots-1 .owl-dots{padding:0 4%;} /* каталог */ .items-2{padding:48px 0 0;} .items-2 .button-more-items{margin:0;} .items-2__content{max-width:100%;} .items-2__content p:last-child{padding:0 0 22px;} .items-2__list{margin:0 -40px 0 0; padding:0 0 25px;} .item-2{margin:0 -2px 57px 0; padding:0 40px 0 0;} .item-2:nth-child(2n) .item-2__bottom{margin:0 0 0 -40px;} .item-2.active .item-2__main{margin:0 -40px; padding:50px 40px 0;} .item-2__image:before{width:40px;} .item-2__image:after{width:40px;} .item-2__fix-1:before{margin:0 -40px;} .totem-in{padding:118px 0 125px;} .totem-in:before{top:34px; margin:0 0 0 -70px;} .totem-in:after{top:-261px;} } @media screen and (max-width:850px){ /* главная */ .main-content__left-wrap{width:495px; margin:0; .fn; .ib;} .main-content__left{max-width:200%; margin:85px -20px 0 0; padding:0 0 0 84px;} .main-content__banners{.fn; .ib;} } @media screen and (min-width:768px){ .mob-hide{display:none !important;} } /*--------------- mobile ---------------*/ @media screen and (max-width:767px){ h1{padding:0 0 27px; .title-1-mob} h2{padding:0 0 28px; .title-1-mob} h3{padding:0 0 28px; .title-1-mob} .wrapper{padding-left:20px; padding-right:20px;} .main-wrap{padding:0 0 79px;} .main{padding:0 20px 20px;} .main-basket{position:fixed; top:13px; right:7px; z-index:31;} .inner{padding:80px 0 0;} .inner-top{margin:0 -20px; padding:26px 20px 0;} .breadcrumbs{.n;} /* шапка */ .header{.w100; margin:0; padding:0; position:fixed; top:0; left:0; z-index:30;} .header__main{min-height:80px; padding:0 20px;} .header__top{padding:29px 0 20px !important; .tc;} .header__bottom{padding:0 !important;} .header__text{.n;} .header__center-wrap{.n;} .head-logo{min-height:0; margin:0 !important; .ib; .relz; top:auto; left:auto;} .head-logo__image-1{.n;} .head-logo__image-2{.b;} .head-mob{.w100; position:absolute; top:0; left:0; .b;} .mob-button{width:30px; height:30px; position:absolute; top:26px; left:20px; z-index:1;} .mob-button.active .mob-button__line-1{.rotate(-45deg); top:11px;} .mob-button.active .mob-button__line-2{.rotate(45deg);} .mob-button.active .mob-button__line-3{width:0; opacity:0;} .mob-button__line-1, .mob-button__line-2, .mob-button__line-3{width:30px; position:absolute; top:4px; left:0; border-bottom:2px solid #000; .transition(0.5s);} .mob-button__line-2{top:11px;} .mob-button__line-3{width:15px; top:18px;} .mob-hide{.w100; .h100; padding:80px 0 0; position:fixed; top:0; left:-100%; z-index:25; .transition(0.4s);} .mob-hide.active{left:0;} .mob-hide__mask{.w100; .h100; position:fixed; top:80px; left:0; .n; background:rgba(255,255,255,0.7); cursor:default;} .mob-hide__main{max-height:100%; overflow:auto; .relz; background:#fff url(../img/mob-nav-bg.jpg) center top no-repeat;} .mob-hide__top{padding:26px 20px 12px; border-bottom:1px solid @border-1; .tc;} .mob-hide__nav{padding:33px 20px 10px; .hid; border-bottom:1px solid @border-1;} .mob-hide__mid{padding:16px 20px 13px; .tc; border-bottom:1px solid @border-1;} .mob-hide__mid .creators{.tc;} .mob-hide__mid .creators img{margin:0;} .mob-hide__bottom{padding:25px 20px 20px;} .mob-hide__cols{.table;} .mob-hide__cols .socials-1{.tr;} .mob-hide__cols .socials-1__item{margin:0 0 11px 9px; .ib;} .mob-hide__col{height:34px; .table-cell; } .mob-hide__col:first-child{padding:0 20px 0 0;} .mob-hide__copy{padding:0 0 12px; font-size:12px; .up; letter-spacing:0.5px;} .mob-phone{margin:0 0 10px; font:28px/1 @font-3; letter-spacing:1px;} .mob-nav-1{padding:0 0 12px; font:300 24px/1.2 @font-1; .up;} .mob-nav-1__item{.w50; margin:0 -4.5px 20px 0; padding:0 30px 0 0; .ib;} .mob-nav-1__item.active .mob-nav-1__link, .mob-nav-2__item.active .mob-nav-2__link{color:@link-hover;} .mob-nav-1__item:nth-child(2n){padding:0;} .mob-nav-2{padding:0 0 10px; font:300 18px/1.25 @font-1;} .mob-nav-2__item{.w50; margin:0 -4.5px 25px 0; padding:0 30px 0 0; .ib;} .mob-nav-2__item:nth-child(2n){padding:0;} /* футер */ .footer__main-wrap{padding:0;} .footer__main{min-height:79px; padding:0 20px 20px;} .foot-copy{width:60%; padding:1px 0 12px; .b; .fl; .tl;} .footer__right{width:auto; padding:25px 0 0; .fn; .hid;} .footer__left{.n;} .footer__cols{max-width:40%; width:40%; min-height:0; .b; .tr; .fr;} .footer__cols:after{.n;} .footer__cols .creators{.n;} .footer__cols .socials-1__item{margin:0 0 11px 9px;.ib;} /* главная */ .totem-main{padding:112px 0 13px; .rel; .tc;} .totem-main:before{.n;} .totem-main__banner-wrap{width:1160px; min-height:672px; margin:0 0 0 -667px; top:25px;} .totem-main__content{max-width:100%; margin:auto;} .totem-main__title{max-width:400px; margin:auto; padding:0 0 18px;} .totem-form__cols{width:auto; .b;} .totem-form__col{width:auto; padding:0; .b;} .totem-form__col:last-child{padding:0 0 3px; .tl;} .totem-form__col .age{.b;} .totem-form__button{.w100; min-width:0; max-width:400px; margin:auto; padding:0;} .switch{max-width:400px; margin:0 auto 24px;} .switch__label{padding:0 0 21px;} .age{.w100; max-width:400px; margin:auto;} .age__label{padding:0 0 21px;} .banners{max-width:300px; margin:auto;} .banners__list{padding:0 0 10px; overflow:visible !important;} .banners__list .owl-stage-outer, .banners__list .owl-stage{overflow:visible !important;} .banner__link{margin:0 5px 20px; padding:50px 21px 0 21px;} .main-content{padding:15px 0 29px; white-space:normal;} .main-content__left-wrap{width:auto;} .main-content__left{max-width:100%; margin:0; padding:0 0 25px;} .main-content__left:before{.n;} .main-content__text h2, .main-content__text h3{padding:0 0 22px;} .main-content__banners{width:auto; max-width:400px; margin:auto; .b;} .main-content__more{margin:14px 0 25px;} /* ваш тотем */ .inner .totem-main{padding:32px 0 13px;} .inner .totem-main__banner-wrap{top:0;} .inner .totem-main__title{max-width:350px; padding:0 0 18px;} /* текстовая */ .content__text{padding:24px 0 6px;} .content__text h2, .content__text h3, .content__text h4{padding:7px 0 23px;} /* вопросы и ответы */ .accordion{margin:0 -20px -20px; padding:0;} .accordion__list:before, .accordion__list:after{.n;} .accordion__item:last-child:before{.n;} .accordion__title:before{.n;} .accordion__button{padding:23px 60px 23px 20px; .b; .rel; border:none;} .accordion__button:before{margin:0; top:40px; right:22px;} .accordion__button:after{margin:0; top:31px; right:31px;} .accordion__content{padding:0 20px; bottom:9px; border:none;} .accordion__fix-1, .accordion__fix-2{width:auto; height:auto; margin:0; .b;} /* инфо о тотемах */ .totems-art{padding:28px 0 13px;} .totem-art{min-height:0; margin:0 -20px 33px; padding:0 20px 20px !important;} .totem-art:last-child{margin:0 -20px; padding:0 20px !important;} .totem-art__image{width:auto; margin:0 0 30px; padding:0; border:none;} .totem-art__image img{margin:auto;} .totem-art__title{padding:0 0 24px !important; font-size:32px;} .totem-art__content{padding:0 0 20px !important;} .totem-art__content p{padding:0 0 10px;} .totem-art__content h3, .totem-art__content h4{padding:0 0 14px;} .totem-art__content ul li{padding:0 0 9px 26px;} .totem-art__button{.w100; padding:0; margin:5px 0 20px !important; .b;} /* о нас */ .about-art{margin:0 -20px 29px; padding:30px 20px 25px;} .about-art__content h2, .about-art__content h3, .about-art__content h4{max-width:100%; padding:0 0 16px;} .about-art__content ul, .about-art__content ol, .about-art__content p{padding:0 0 16px;} .about-art__content{min-height:0; padding:0;} .about-art__content:before{.n;} .about-cat{margin:0 0 33px; padding:20px 0 7px;} .about-cat__left{width:auto; max-width:670px; padding:0 0 21px;} .about-cat__content{padding:0 0 23px;} .about-cat__content h2, .about-cat__content h3{padding:0 0 28px; .title-1-mob;} .about-cat__content p{padding:0 0 14px;} .about-cat__fix{.n;} .about-cat__button{.w100; padding:0; .b;} .gal-1{max-width:200%; margin:0 -20px; padding:0; border:none;} .gal-1 .owl-prev{.n;} .gal-1 .owl-next{.n;} .gal-1__list-wrap{.hid;} .gal-1__list{width:290px; margin:auto; padding:0; overflow:visible !important; position:static;} .gal-1__list .owl-stage-outer, .gal-1__list .owl-stage{overflow:visible !important;} .gal-1__link{margin:0 5px;} .nav-in{margin:0; padding:35px 40px 7px;} .nav-in__list{width:auto !important; margin:0; padding:0 !important; .b; white-space:normal;} .nav-in__list:before{.n;} .seo{padding:40px 0 5px;} /* корзина */ .basket-table{margin:0 -20px; padding:0 0 40px;} .basket-table__item{margin:0;} .basket-table__item:last-child{margin:0;} .basket-table__col{padding:30px 0 22px;} .basket-table__col:first-child{padding-right:20px;} .basket-table__col:last-child{width:230px; padding:30px 20px 0 0;} .basket-table__right{padding:0 40px 0 0;} .basket-table__remove{right:0;} .basket-table__info{padding:0 0 0 128px;} .basket-table__info:before{.n;} .basket-table__image{left:20px;} .basket-table__title{padding:0 0 7px;} .basket-table__bottom .basket-table__col{padding:38px 20px 31px 0;} .basket-table__bottom .basket-table__col:first-child{padding-left:40px;} .basket-table__total{padding:0 40px 0 0;} .basket-table__price{padding:22px 0 0 20px; font-size:42px;} .basket-table__price span{padding:0; font-size:22px; bottom:7px;} .basket-table__button{.n;} .basket-table__label{min-width:102px; padding:0 12px 0 0; top:8px;} .basket-order .radio{max-width:100%; padding:6px 0 0;} .basket-order .radio__item_2{width:auto; margin:0 0 26px; padding:0; .b;} .basket-order .radio__text-2{margin:0;} .basket-order__title{padding:0 0 44px; font-size:32px;} .basket-order__cols{margin:0 0 40px ;} .basket-order__left{margin:0 -20px 39px; padding:0 20px 39px;} .basket-order__center{margin:0 -20px 39px; padding:0 20px 27px;} .basket-order__center .basket-order__label, .basket-order__right .basket-order__label{max-width:100%;} .basket-order__right{padding:0;} .basket-order__right .radio__item_2:last-child{bottom:auto;} .basket-order__label{padding:0 0 17px;} .basket-order__check{margin:0; padding:0 0 28px;} .basket-order__button{.w100; padding:0; .b;} .form-1__item{width:auto; margin:0 0 21px; .b;} .form-1__label{width:auto; height:auto; padding:0 0 11px; .b;} .form-1__fix{.b;} .form-1__area{min-height:120px; height:120px;} .order-ok{padding:0 0 3px; bottom:16px;} .content-in{max-width:100%; padding:33px 0 6px;} .content-in .chars{width:auto; margin:0 0 34px; padding:0; .b} .content-in .chars__item{padding:0 0 5px; .b;} .content-in .chars__col{padding:0; .b;} .content-in .chars__col:first-child{width:auto; padding-right:0;} .content-in__title{padding:0 0 24px;} .content-in__title:before{.n;} .content-in__button{.w100; padding:0; .b;} /* контакты */ .content-loc{max-width:100%; margin:0; padding:33px 0 10px;} .content-loc .chars{margin:0 0 30px;} .content-in__left{max-width:100%; margin:0 0 -50px; padding:0 0 22px;} .content-in__right{margin:0 -20px;} /* выбор */ .inner-art{padding:3px 0 25px;} .items-1{margin:0 -20px; padding:30px 20px 0;} .items-1:last-child .item-1:last-child{margin:0 0 30px;} .items-1__content{padding:4px 0 16px;} .items-1__content h2, .items-1__content h3{padding:0 0 26px; .title-1-mob;} .items-1__content p{padding:0 0 15px;} .items-1__content p:last-child{padding:0 0 16px;} .item-1{margin:0 0 50px;} .item-1.active .item-1__main-wrap{top:-50px;} .item-1.active .item-1__main{margin:0 -20px; padding:50px 20px 0;} .item-1__left{width:auto; .fn;} .item-1__right{width:auto; max-width:100%; padding:0; .fn;} .item-1__title{padding:30px 0 23px; .title-1-mob;} .item-1__title:before{.n;} .item-text{padding:0 0 25px;} .item-text__button{margin:8px 0 0;} .item-price__col:last-child{width:50%;} .item-price__numbers{padding:8px 0 0; font-size:42px;} .item-price__numbers span{padding:0 0 0 11px; bottom:7px; font-size:22px;} .item-price__button{.w100; min-width:0; padding:0; .b;} .item-hide{margin:30px -20px 0; padding:38px 20px 0;} .item-hide__cols{padding:0 0 45px;} .item-hide__left{width:auto; padding:0; .fn;} .item-hide__right{width:auto; padding:0; .fn;} .item-hide__title{padding:24px 0 19px;} .item-hide__list-1{padding:0 0 17px;} .item-hide__list-2{min-height:0;} .item-hide__buttons{margin:0 -20px; padding:45px 20px 28px;} .item-hide__button-wrap{padding:0 0 20px; .b;} .item-hide__button{.w100; min-width:0; margin:0; padding:0;} .image-default:before{bottom:19px; right:19px;} .image-default__text{.h100; padding:0 30px 4px; font:300 28px/1.27 @font-2; .tl;} .item-panel{margin:0 0 2px;} .gal-2{margin:0 -20px; overflow:visible;} .gal-2 .owl-dots, .gal-2 .slick-dots{display:none !important;} .gal-2__list{width:290px; margin:auto; padding:0; overflow:visible !important; position:static;} .gal-2__list .owl-stage-outer, .gal-2__list .owl-stage, .gal-2__list .slick-track, .gal-2__list .slick-list{overflow:visible !important;} .gal-2__link{margin:0 5px;} /* каталог */ .items-2{padding:34px 0 13px;} .items-2__content{padding:0 0 17px;} .items-2__content h2, .items-2__content h3{padding:0 0 21px; .title-1-mob;} .items-2__content p:last-child{padding:0 0 13px;} .items-2__list{margin:0; padding:0 0 14px;} .item-2{width:auto; margin:0 0 40px !important; padding:0; .b;} .item-2:nth-child(2n) .item-2__bottom{margin:0; right:auto;} .item-2.active .item-2__main-wrap{top:-50px; left:0 !important; right:auto !important;} .item-2.active .item-2__main{margin:0 -20px; padding:50px 20px 0;} .item-2.active .item-2__main:after{.n;} .item-2.active .item-2__top{margin:0;} .item-2__image{margin:0 0 30px;} .item-2__image:before{.n;} .item-2__image:after{.n;} .item-2__title{padding:0;} .item-2__title span{width:290px; margin:auto; padding:20px 0 0 20px; .b;} .item-2__content-vis{.rel; z-index:3;} .item-2__content-hide{padding:27px 0 0;} .item-2__bottom{padding:0;} .item-2__bottom .item-hide{margin-top:-8px;} .item-2__fix-1{.n;} .totem-in{padding:110px 0 70px;} .totem-in:before{margin:0 0 0 -64px;} .totem-in:after{margin:0 0 0 -521px; top:-262px;} .totem-in__title{padding:0 0 26px; font:300 38px/1.02 @font-2;} .totem-in__text{padding:0 0 44px;} .totem-in__button{.w100; min-width:0; max-width:400px; margin:auto; padding:0; .b;} /* попапы */ .popup{max-width:521px; padding:24px 0 0 !important;} .popup__close{top:26px; right:19px;} .popup__title{padding:0 50px 25px 20px; font:300 28px/1.1 @font-2; .tl; border-bottom:1px solid @border-1;} .popup__content{padding:0 20px;} .popup__bottom{padding:43px 20px 8px;} .popup__submit{.w100; min-width:0; max-width:450px; padding:0; .b;} .success{padding:123px 0 87px;} .success:before{top:85px;} .success__title{max-width:300px; margin:auto; padding:6px 0 36px; font:300 28px/1.1 @font-2;} .form-2{max-width:450px; padding:21px 0 0;} .form-2__item{.b; margin:0; padding:0 0 22px;} .form-2__label{width:auto; padding:0 0 11px; .b; font:300 18px/1.7 @font-1;} .form-2__fix{.b;} .form-2__input{margin:0;} .form-2__check{padding:6px 0 17px;} .form-2__check a{.ib;} .form-2__area{min-height:120px; height:120px; margin:7px 0 0; padding:15px 11px;} .popup-size .popup__bottom{padding:57px 20px 22px;} .popup-size .popup__submit{min-width:0;} .manual{padding:0 0 23px;} .manual__col{width:auto; padding:15px 20px 18px; .fn;} .manual__col:first-child:before{.w100; height:auto; position:absolute; top:auto; bottom:0; border-bottom:1px solid @border-1; border-left:none;} .manual__col:last-child{padding:37px 20px 0;} .manual__image{height:auto; margin:0 0 28px;} .manual__image img{margin:auto;} } @media screen and (max-width:550px){ /* корзина */ .basket-table{margin:0 -20px; padding:0 0 40px;} .basket-table__item{padding:30px 0 35px; border-bottom:1px solid @border-1;} .basket-table__item:last-child{border:none;} .basket-table__col{padding:0 0 17px; .b; border:none;} .basket-table__col:first-child{padding:0 20px 17px 0;} .basket-table__col:last-child{width:auto; padding:0 20px 0 134px;} .basket-table__right{width:auto; padding:0 40px 0 0; .tl; border:none;} .basket-table__remove{top:9px; right:0;} .basket-table__bottom .basket-table__col{padding:38px 20px 31px 20px;} .basket-table__bottom .basket-table__col:first-child{.n;} .basket-table__total{padding:0 40px 0 0; .tl;} .basket-table__price{min-height:0; padding:0; .tl; border:none;} }