/* Start:/bitrix/templates/ivadesign_21_12_21/css/libs.css?1760624142125078*/ /*! * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0;margin-bottom:.5rem}dl,ol,p,ul{margin-bottom:1rem}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote,figure{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}img,svg{vertical-align:middle}img{border-style:none}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important} /*! * Bootstrap Grid v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ @-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-auto{position:relative;padding-right:15px;padding-left:15px}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.row-cols-2>*,.row-cols-3>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*,.row-cols-5>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-auto,.row-cols-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1,.col-2,.col-3{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-2,.col-3{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4,.col-5,.col-6{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}.col-5,.col-6{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7,.col-8,.col-9{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-8,.col-9{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10,.col-11,.col-12{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}.col-11,.col-12{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*,.row-cols-sm-3>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*,.row-cols-sm-5>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-sm-auto,.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1,.col-sm-2{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3,.col-sm-4{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5,.col-sm-6{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7,.col-sm-8{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-10,.col-sm-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11,.col-sm-12{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-sm-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-sm-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-sm-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-sm-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-sm-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-sm-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-sm-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-sm-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-sm-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-sm-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-sm-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-sm-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-sm-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-sm-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.row-cols-md-2>*,.row-cols-md-3>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*,.row-cols-md-5>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-md-auto,.row-cols-md-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1,.col-md-2{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3,.col-md-4{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5,.col-md-6{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7,.col-md-8{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-10,.col-md-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11,.col-md-12{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-md-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-md-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-md-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-md-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-md-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-md-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-md-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-md-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-md-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-md-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-md-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-md-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-md-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-md-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*,.row-cols-lg-3>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*,.row-cols-lg-5>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-lg-auto,.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1,.col-lg-2{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3,.col-lg-4{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5,.col-lg-6{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7,.col-lg-8{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-10,.col-lg-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11,.col-lg-12{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-lg-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-lg-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-lg-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-lg-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-lg-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-lg-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-lg-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-lg-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-lg-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-lg-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-lg-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-lg-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-lg-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-lg-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*,.row-cols-xl-3>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*,.row-cols-xl-5>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-xl-auto,.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1,.col-xl-2{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3,.col-xl-4{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5,.col-xl-6{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7,.col-xl-8{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-10,.col-xl-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11,.col-xl-12{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.order-xl-last{-ms-flex-order:13;-webkit-box-ordinal-group:14;order:13}.order-xl-0{-ms-flex-order:0;-webkit-box-ordinal-group:1;order:0}.order-xl-1{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.order-xl-2{-ms-flex-order:2;-webkit-box-ordinal-group:3;order:2}.order-xl-3{-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3}.order-xl-4{-ms-flex-order:4;-webkit-box-ordinal-group:5;order:4}.order-xl-5{-ms-flex-order:5;-webkit-box-ordinal-group:6;order:5}.order-xl-6{-ms-flex-order:6;-webkit-box-ordinal-group:7;order:6}.order-xl-7{-ms-flex-order:7;-webkit-box-ordinal-group:8;order:7}.order-xl-8{-ms-flex-order:8;-webkit-box-ordinal-group:9;order:8}.order-xl-9{-ms-flex-order:9;-webkit-box-ordinal-group:10;order:9}.order-xl-10{-ms-flex-order:10;-webkit-box-ordinal-group:11;order:10}.order-xl-11{-ms-flex-order:11;-webkit-box-ordinal-group:12;order:11}.order-xl-12{-ms-flex-order:12;-webkit-box-ordinal-group:13;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:-webkit-inline-box!important;display:inline-flex!important}}.flex-column,.flex-row{-ms-flex-direction:row!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;-webkit-box-orient:vertical!important;flex-direction:column!important}.flex-column-reverse,.flex-row-reverse{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;-webkit-box-orient:vertical!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;-webkit-box-flex:1!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;-webkit-box-flex:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;-webkit-box-flex:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;-webkit-box-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;-webkit-box-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;-webkit-box-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;-webkit-box-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;-webkit-box-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;-webkit-box-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;-webkit-box-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;-webkit-box-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;-webkit-box-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-column,.flex-sm-row{-ms-flex-direction:row!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;-webkit-box-orient:vertical!important;flex-direction:column!important}.flex-sm-column-reverse,.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;-webkit-box-orient:vertical!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;-webkit-box-flex:1!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;-webkit-box-flex:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;-webkit-box-flex:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;-webkit-box-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;-webkit-box-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;-webkit-box-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;-webkit-box-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;-webkit-box-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;-webkit-box-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;-webkit-box-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;-webkit-box-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;-webkit-box-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-column,.flex-md-row{-ms-flex-direction:row!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;-webkit-box-orient:vertical!important;flex-direction:column!important}.flex-md-column-reverse,.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;-webkit-box-orient:vertical!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;-webkit-box-flex:1!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;-webkit-box-flex:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;-webkit-box-flex:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;-webkit-box-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;-webkit-box-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;-webkit-box-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;-webkit-box-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;-webkit-box-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;-webkit-box-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;-webkit-box-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;-webkit-box-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;-webkit-box-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-column,.flex-lg-row{-ms-flex-direction:row!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;-webkit-box-orient:vertical!important;flex-direction:column!important}.flex-lg-column-reverse,.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;-webkit-box-orient:vertical!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;-webkit-box-flex:1!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;-webkit-box-flex:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;-webkit-box-flex:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;-webkit-box-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;-webkit-box-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;-webkit-box-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;-webkit-box-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;-webkit-box-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;-webkit-box-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;-webkit-box-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;-webkit-box-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;-webkit-box-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-column,.flex-xl-row{-ms-flex-direction:row!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;-webkit-box-orient:vertical!important;flex-direction:column!important}.flex-xl-column-reverse,.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;-webkit-box-orient:vertical!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;-webkit-box-flex:1!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;-webkit-box-flex:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;-webkit-box-flex:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;-webkit-box-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;-webkit-box-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;-webkit-box-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;-webkit-box-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;-webkit-box-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;-webkit-box-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;-webkit-box-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;-webkit-box-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;-webkit-box-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-wrapper{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-ms-flex-negative:0;flex-shrink:0}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(to left,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(to right,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(-1*var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:0;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s transform,.2s top;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s left;transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s transform,.2s right;transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/bitrix/templates/ivadesign_21_12_21/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/bitrix/templates/ivadesign_21_12_21/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/bitrix/templates/ivadesign_21_12_21/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/bitrix/templates/ivadesign_21_12_21/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/bitrix/templates/ivadesign_21_12_21/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/bitrix/templates/ivadesign_21_12_21/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/bitrix/templates/ivadesign_21_12_21/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ @-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-button,.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{-webkit-box-sizing:border-box;box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{-webkit-box-shadow:inset 1px 1px 1px #ccc;box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:0}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:0}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0 0;color:inherit;padding:.222em 0;vertical-align:middle;margin:.2em 2em .2em .4em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget,.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a,.ui-widget-header a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400}html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{-webkit-box-shadow:0 0 3px 1px #5e9ed6;box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(/bitrix/templates/ivadesign_21_12_21/css/images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(/bitrix/templates/ivadesign_21_12_21/css/images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(/bitrix/templates/ivadesign_21_12_21/css/images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(/bitrix/templates/ivadesign_21_12_21/css/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/bitrix/templates/ivadesign_21_12_21/css/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/bitrix/templates/ivadesign_21_12_21/css/images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption{direction:ltr;-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden}.fancybox-caption,.fancybox-infobar,.fancybox-toolbar{opacity:0;position:absolute}.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s ease 0s,visibility 0s ease 0s;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;visibility:inherit;width:44px;color:#ccc}.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/css/styles.css?1768215313410866*/ @charset "UTF-8"; @font-face { font-family: 'Montserrat'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-SemiBold.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-SemiBold.woff2) format("woff2"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-SemiBold.woff) format("woff"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-SemiBold.ttf) format("truetype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format("svg"); font-weight: 600; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Regular.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Regular.woff2) format("woff2"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Regular.woff) format("woff"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Regular.ttf) format("truetype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Regular.svg#Montserrat-Regular) format("svg"); font-weight: 400; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Thin.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Thin.woff2) format("woff2"); font-weight: 100; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-ExtraBold.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-ExtraBold.woff2) format("woff2"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-ExtraBold.woff) format("woff"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-ExtraBold.ttf) format("truetype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold) format("svg"); font-weight: 800; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Bold.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Bold.woff2) format("woff2"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Bold.woff) format("woff"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Bold.ttf) format("truetype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg"); font-weight: 700; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Medium.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Medium.woff2) format("woff2"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Medium.woff) format("woff"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Medium.ttf) format("truetype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Medium.svg#Montserrat-Medium) format("svg"); font-weight: 500; font-style: normal } @font-face { font-family: 'Montserrat'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Light.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Light.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Light.woff2) format("woff2"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Light.woff) format("woff"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Light.ttf) format("truetype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/Montserrat-Light.svg#Montserrat-Light) format("svg"); font-weight: 300; font-style: normal } @font-face { font-family: 'Open Sans'; src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/OpenSans-Regular.eot); src: url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/OpenSans-Regular.woff2) format("woff2"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/OpenSans-Regular.woff) format("woff"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/OpenSans-Regular.ttf) format("truetype"), url(/bitrix/templates/ivadesign_21_12_21/css/../fonts/OpenSans-Regular.svg#OpenSans-Regular) format("svg"); font-weight: 400; font-style: normal } html { height: 100%; scroll-behavior: smooth; } @media screen and (max-width:767px) { html.no-scroll, html.no-scroll body { overflow-y: hidden } } html body.fancybox-active { min-height: 100% } html body.compensate-for-scrollbar { margin-right: 0; overflow: auto } html.fix { overflow: hidden; width: 100%; } :focus { outline: 0 !important } html { overflow-x: hidden; } body { min-height: 100%; font-family: Montserrat; font-weight: 300; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; font-size: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #000; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } body button, body input, body select, body textarea, html button, html input, html select, html textarea { font-family: "Montserrat" } .container, .container-new { position: relative } .container--fixed { padding: 0; position: fixed; top: 0 } @media screen and (max-width:1024px) { .container--fixed { top: 125px } } iframe, main img { width: 100% } @media (min-width:1300px) { .container { max-width: 1300px } } @media (max-width:1300px) { .container { max-width: 1170px } } .h1, .h2, h1, h2 { text-align: left; font-weight: normal; font-family: Montserrat } .h1, h1 { display: block; font-style: normal; font-size: 26px; line-height: 32px; color: #675C56; margin: 40px 0 40px; } .h2, h2 { margin: 20px 20px 10px 0; } .h2 { font-size: 24px; color: #6c5b57; text-transform: uppercase } .h2, .h3, a, h2, h3 { display: block } .h3, h3 { font-size: 18px; text-align: left; font-weight: normal; text-transform: uppercase; margin: 20px 20px 10px 0; color: #6c5b57 } .h3, a, h3, li { font-family: Montserrat } a { cursor: pointer; text-decoration: none; color: #000 } .delivery-wrapper h1 { font-size: 26px; line-height: 32px; } .delivery-wrapper h2 { font-size: 22px; line-height: 130%; } .delivery-wrapper h3 { font-size: 16px; text-transform: none; color: #656565; } .delivery-wrapper a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; } .delivery-wrapper .payment-wrapper .each-pay span, p { color: #6c5b57; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } a, input, li, textarea { font-size: 14px; font-style: normal; font-weight: 400 } li { color: #6c5b57; line-height: 22px; margin: 12px 0 } a:hover { color: #504340 } input, textarea { width: 100%; max-width: 550px; height: 32px; margin: 0 0 25px; padding: 4px 8px; border: 1px solid #c2c9d0; background: #fff; font-family: Montserrat, sans-serif } .room-wrapper .text-wrapper .signup-form form input:focus, input:focus, textarea:focus { border-color: #ffc7bd } .room-wrapper .text-wrapper .signup-form form label, label { font-weight: normal; padding: 0; line-height: 100%; margin: 0 0 6px; color: #656565; position: relative } .room-wrapper .text-wrapper .signup-form form label.required:after, label.required:after { padding-left: 3px; color: #ffc7bd; content: "*"; font-size: 13px; line-height: 1px } .room-wrapper .text-wrapper .signup-form form .button-wrapper button.send, button { background: #fff; border: 2px solid #a99793; font-weight: 400; font-size: 13px; color: #a99793; text-transform: uppercase; font-family: Montserrat; padding: 15px; width: 118px } .room-wrapper .text-wrapper .signup-form form .button-wrapper button.send:hover, button:not(:disabled) { border-color: #948481; color: #948481; background: 0 0 } .invis, header .menu-nav-block ul li:before { display: none } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem a, .vis, header .contact-block a { display: block } .inputholder { margin-bottom: 20px } .inputholder input { border: 0; color: #6c5b57; padding: 0 0 9px; border-bottom: 1px solid #6c5b57; line-height: 20px; height: auto; margin: 0 } .inputholder input::-webkit-input-placeholder { color: #6c5b57; line-height: 20px } .inputholder input::-moz-placeholder { color: #6c5b57; line-height: 20px } .inputholder input:-ms-input-placeholder, .inputholder input::-ms-input-placeholder { color: #6c5b57; line-height: 20px } .inputholder input::-webkit-input-placeholder { color: #6c5b57; line-height: 20px } .inputholder input::-moz-placeholder { color: #6c5b57; line-height: 20px } .inputholder input:-ms-input-placeholder { color: #6c5b57; line-height: 20px } .inputholder input::-ms-input-placeholder { color: #6c5b57; line-height: 20px } .inputholder input::placeholder { color: #6c5b57; line-height: 20px } .button-new { border-radius: 5px; padding: 14px; text-align: center; border: 1px solid #a99793; max-width: 235px; width: 100%; font-weight: 500; font-size: 18px; line-height: 22px; color: #654f4a; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-transform: none; text-decoration: none } .button-new:hover { text-decoration: none; color: #a68c86; border: 1px solid #a68c86 } .button-new--pink { background: #fddfd4; border: 0 } .button-new--pink:hover { background: #ffc1aa; color: #654f4a; border: 0 } header { z-index: 999; position: fixed; background-color: #A99793; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: end; background-color: #fff; padding-top: 25px; } @media screen and (max-width:1024px) { header .container { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; position: fixed; z-index: 999; top: 0; width: 100%; padding-bottom: 20px; padding-top: 0; height: 195px; } } @media screen and (max-width:768px) { header .container { height: 180px; } } @media screen and (max-width:575px) { header .container { height: 190px; } } header .container-new { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .headoverlay { position: fixed; cursor: pointer; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(51, 51, 51, 0.5); z-index: 3; display: none } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem a:hover, .room-wrapper .card-wrapper .carditem a:hover, .room-wrapper .card-wrapper .carditem:hover a, .room-wrapper .card-wrapper .carditem:hover a:hover, .room-wrapper .text-wrapper .slider-mob .carditem a:hover, .room-wrapper .text-wrapper .slider-mob .carditem:hover a, .room-wrapper .text-wrapper .slider-mob .carditem:hover a:hover, .vozvrat-wrapper a:hover, .wait-inst .instagram-link:hover, header a { text-decoration: none } header.opened .menu-nav-block { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); padding: 0 15px; background-color: #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header.opened .menu-nav-block ul li { margin: 0 0 5px } header.opened .container, header.opened .header-search-btn, header.opened .header-search-input { background-color: #f8f8f8 } header .search-block { position: absolute; top: 100%; left: 0; width: 100%; display: none; padding-top: 37px; padding-bottom: 32px; } header .search-block::before { position: absolute; left: -1000px; content: ''; z-index: -1; top: 0; width: 10000px; background: rgba(255, 255, 255, 0.9); height: 100%; -webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15); pointer-events: none; } header .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 853px; width: 100%; margin: 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } header .search-icon { width: 25px; height: 25px; fill: #c4c4c4 } header .header-search-btn { border: 0; font-size: 14px; line-height: 140%; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; border: 1px solid #333333; border-radius: 2px; padding: 4px 36px; width: auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background-color: transparent; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-left: 20px; } header .header-search-btn:hover { background-color: #EBDBD6; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .header-search-input { border: 0; font-size: 16px; margin-bottom: 0; width: 100%; background: no-repeat; color: #656565; padding: 0; border-bottom: 1px solid #D7D7D7; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding-bottom: 9px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: inherit; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 0.04em; } header .header-search-input::-webkit-input-placeholder { color: #A2A2A2; } header .header-search-input::-moz-placeholder { color: #A2A2A2; } header .header-search-input:-ms-input-placeholder { color: #A2A2A2; } header .header-search-input::-ms-input-placeholder { color: #A2A2A2; } header .header-search-input::placeholder { color: #A2A2A2; } header .burger-block { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width:1025px) { header .burger-block { display: none } } @media screen and (max-width:575px) { header .search-icon { width: 20px; height: 20px; fill: #c4c4c4; } } header .burger-block .burger { width: 28px; height: 22px; position: relative; cursor: pointer } header::before { content: ''; height: 120%; left: 0; width: 100%; top: 0; background-color: #f8f8f8; position: absolute; z-index: 100; -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; opacity: 0; pointer-events: none; } header.opened::before { opacity: 1; -webkit-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } header .burger-block .burger.opened .burger-inner { -webkit-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); -o-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } header .burger-block .burger.opened .burger-inner:before { top: 0; -webkit-transition: top 75ms ease, opacity 75ms ease .12s; -o-transition: top 75ms ease, opacity 75ms ease .12s; transition: top 75ms ease, opacity 75ms ease .12s; opacity: 0 } header .burger-block .burger.opened .burger-inner:after { bottom: 0; -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; -o-transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } header .burger-block .burger-inner { bottom: 50%; display: block; position: absolute; width: 28px; height: 1px; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; border-radius: 4px; background-color: #333; -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19); -o-transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transition-duration: 75ms; -o-transition-duration: 75ms; transition-duration: 75ms; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } header .burger-block .burger-inner:after, header .burger-block .burger-inner:before { position: absolute; width: 28px; height: 1px; border-radius: 4px; background-color: #333; display: block; content: "" } header .burger-block .burger-inner:before { top: -10px; -webkit-transition: top 75ms ease .12s, opacity 75ms ease; -o-transition: top 75ms ease .12s, opacity 75ms ease; transition: top 75ms ease .12s, opacity 75ms ease } header .burger-block .burger-inner:after { bottom: -10px; -webkit-transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19); transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19); -o-transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19); transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19); transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) } header .icon-blcok { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } header .icon-blcok a { margin-right: 20px; } header .icon-blcok a svg, header .icon-blcok .basket-icon svg { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .icon-blcok a:hover svg, header .icon-blcok .basket-icon:hover svg { fill: #EBDBD6; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } @media screen and (max-width:1024px) { header .icon-blcok { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } header .icon-blcok .basket-icon, header .icon-blcok .favorite-icon, header .icon-blcok .lk-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; width: 28px; height: 25px; cursor: pointer } header .icon-blcok .favorite-icon { position: relative; } header .icon-blcok .basket-icon { position: relative; } header .icon-blcok .lk-icon { margin-left: 21px } @media screen and (max-width:1140px) { header .icon-blcok .lk-icon { margin-left: 15px } } @media screen and (max-width:350px) { header .icon-blcok .lk-icon { margin-left: 17px } } header .icon-blcok svg { width: 23px; height: 23px; fill: #fff } @media screen and (max-width:1024px) { header .icon-blcok svg { width: 17px; height: 17px } } header .icon-blcok .favorite-icon svg { width: 24px; height: 24px } @media screen and (max-width:1024px) { header .icon-blcok .favorite-icon svg { width: 20px; height: 20px } } header .logo { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 27px; line-height: 33px; letter-spacing: 0.26em; text-transform: uppercase; color: #F5D3C9; padding: 10px 0; } header .icon-blcok svg, header .icon-blcok .favorite-icon svg { width: 28px; height: 25px; fill: #333333; } header .logo:hover { text-decoration: none; } @media screen and (max-width:1140px) { .header .icon-blcok { right: 100%; top: 0; } } header .contact-block, header .right-info-block .quantity-basket, .quantity-favorite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } header .right-info-block .quantity-basket { font-weight: 500; font-size: 8px; line-height: 140%; letter-spacing: 0.03em; width: 15px; height: 15px; background: #F5D3C9; color: #333333; border-radius: 50%; position: absolute; right: 0; top: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } header .contact-block { margin-right: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } header .contact-block .tel { display: block; margin-bottom: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .contact-block .tel span { font-weight: normal; display: block; font-size: 14px; line-height: 130%; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .contact-block .tel:hover { text-decoration: none; } header .contact-block .tel:hover span { text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; color: #EBDBD6; } .header__search { width: 28px; height: 25px; margin-right: 15px; cursor: pointer; pointer-events: all; } .header__search.disabled { pointer-events: none; } .header__search svg { width: 28px; height: 25px; fill: #333; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .header__search:hover svg, header .contact-block:hover .tel-icon { fill: #EBDBD6; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; stroke: #EBDBD6; } header .contact-block .time-work { font-weight: 500; font-size: 14px; color: #a2a2a2 } @media screen and (max-width:1024px) { header .contact-block .time-work { font-size: 12px } } header .contact-block .user-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; width: 40px; height: 40px; cursor: pointer; margin-right: 20px; } @media screen and (max-width:1140px) { header .contact-block .user-icon { margin-right: 15px; margin-left: 20px } } @media screen and (max-width:1024px) { header .contact-block .user-icon { width: 30px; height: 30px; margin-right: 0; position: absolute; left: 100%; top: 0; } } @media screen and (max-width:575px) { header .contact-block .user-icon { position: absolute; bottom: 0; left: 0; top: auto; } } header .contact-block .user-icon svg { fill: #a99793; width: 40px; height: 40px } header .contact-block .links-col { text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width:1024px) { header .contact-block .links-col { text-align: left } } header .menu-nav-block { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin: 0 auto; } @media screen and (max-width:1024px) { header .menu-nav-block { position: fixed; top: 0; left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 15px; width: 100%; height: 100vh; -webkit-transform: translateX(-150%); -ms-transform: translateX(-150%); transform: translateX(-150%); -webkit-transition: -webkit-transform cubic-bezier(.18, .89, .32, 1.28) .4s .1s; transition: -webkit-transform cubic-bezier(.18, .89, .32, 1.28) .4s .1s; -o-transition: transform cubic-bezier(.18, .89, .32, 1.28) .4s .1s; transition: transform cubic-bezier(.18, .89, .32, 1.28) .4s .1s; transition: transform cubic-bezier(.18, .89, .32, 1.28) .4s .1s, -webkit-transform cubic-bezier(.18, .89, .32, 1.28) .4s .1s; text-align: left; overflow-y: auto; -webkit-box-sizing: border-box; box-sizing: border-box; background: #F2F2F2; z-index: 99; margin: 0 !important } header .menu-nav-block.vis { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; padding-top: 100px; overflow: hidden; } header .menu-nav-block::-webkit-scrollbar { width: 7px; border-radius: 2px; background-color: transparent; } header .menu-nav-block::-webkit-scrollbar-thumb { background-color: #EBDBD6; } } header .menu-nav-block .menu-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .menu-nav-block .menu-list li { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } header .menu-nav-block ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; width: 100%; margin: 0; position: static; } @media screen and (max-width:1024px) { header .menu-nav-block ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } header .menu-nav-block ul .menu-item { position: static; } header .menu-nav-block ul .menu-item a { color: #333333; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block ul .menu-item a:hover { color: #F5D3C9; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-decoration: none; } header .menu-nav-block ul .toggle-arrow { cursor: pointer; display: none; } header .menu-nav-block ul .toggle-arrow svg { width: 14px; height: 14px; fill: #929292; } @media screen and (max-width:1024px) { header .menu-nav-block ul .toggle-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; } } header .menu-nav-block ul li { font-size: 14px; line-height: 140%; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; padding: 0; margin: 0 44px 0 0; } header .menu-nav-block ul li:last-child { margin-right: 0; } @media screen and (max-width:1024px) { header .menu-nav-block ul li { margin-right: 0; } header .menu-nav-block ul li.sub { padding-bottom: 10px; margin-bottom: 0 } header .menu-nav-block ul li.sub.opened .toggle-arrow svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } header .menu-nav-block ul li.sub.opened .dropdown { display: block; width: 100%; } } .header__action-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 153px; flex: 0 0 153px; margin-right: 80px; } @media screen and (min-width:1025px) { header .menu-nav-block ul li.sub .dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 0px; opacity: 0; visibility: hidden; max-width: 0px; } header .menu-nav-block ul li.sub:hover .toggle-arrow svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } header .menu-nav-block ul li.sub:hover .dropdown, header .menu-nav-block ul li.sub:hover .dropdown ul { display: -webkit-box; display: -ms-flexbox; display: flex; /* -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between */ } header .menu-nav-block ul li.sub:hover .dropdown { position: absolute; z-index: 999; -ms-flex-wrap: nowrap; flex-wrap: nowrap; left: 0; top: 100%; background: none; padding: 20px 0 0 20px; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; /* min-height: 260px; */ opacity: 1; max-width: inherit; max-height: inherit; overflow: visible; visibility: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block ul li.sub:hover .dropdown ul { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-right: 80px; } header .menu-nav-block ul li.sub:hover .dropdown ul.header__action-links { -webkit-box-flex: 0; -ms-flex: 0 0 153px; flex: 0 0 153px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } header .menu-nav-block ul li.sub:hover .dropdown ul:last-child { margin-right: 0; } header .menu-nav-block ul li.sub:hover .dropdown ul li { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; font-size: 18px; line-height: 22px; color: #656565; margin-bottom: 15px; padding-bottom: 0; margin-right: 0; } header .menu-nav-block ul li.sub:hover .dropdown ul li a { font-weight: normal; font-size: 14px; line-height: 140%; color: #333333; text-transform: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block ul li.sub:hover .dropdown ul li a:hover { text-decoration: none; color: #A99793; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block ul li.sub:hover .dropdown ul.header__action-links a { color: #A99793; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block ul li.sub:hover .dropdown ul.header__action-links a:hover { color: #6C5B57; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block ul li.sub:hover .dropdown::before { position: absolute; left: -2000px; content: ''; z-index: -1; top: 0; width: 10000px; background: rgba(255, 255, 255, 0.85); height: 100%; pointer-events: none; display: block; } } header .menu-nav-block ul li .actions-block-menu { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; text-decoration: none } @media screen and (max-width:1024px) { header .menu-nav-block ul li .actions-block-menu { background-color: #ffe8e0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 15px } } header .menu-nav-block ul li .actions-block-menu .arrow-icon { fill: #000; width: 57px; height: 8px } header .menu-nav-block ul li .actions-block-menu .img-block { background-size: cover; height: 214px; background-repeat: no-repeat; margin-bottom: 8px } @media screen and (max-width:1024px) { header .menu-nav-block ul li .actions-block-menu .img-block { display: none } } header .menu-nav-block ul li .actions-block-menu .title-top { font-weight: normal; font-size: 18px; color: #656565; margin-bottom: 8px; text-transform: none; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } header .menu-nav-block ul li .actions-block-menu .title-bottom { font-size: 18px; color: #656565; line-height: 22px } @media screen and (max-width:1024px) { header .menu-nav-block ul li .actions-block-menu .title-bottom { margin-bottom: 0 } } header .menu-nav-block ul li .dropdown { display: none; } @media screen and (max-width:1024px) { header .menu-nav-block ul li .dropdown { margin-top: 20px; margin-bottom: 15px; display: none; } } @media screen and (max-width:767px) { header .menu-nav-block ul li .dropdown { margin-top: 10px; margin-bottom: 0; } } header .menu-nav-block ul li .dropdown ul li { padding-bottom: 20px } @media screen and (max-width:1024px) { header .menu-nav-block ul li .dropdown ul li a { padding: 0 0 0 15px; margin-bottom: 0; font-size: 16px; line-height: 140%; letter-spacing: 0.03em; color: #656565; text-transform: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block ul li .dropdown ul li a:hover { color: #A99793; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } } @media screen and (max-width:767px) { header .menu-nav-block ul li .dropdown ul li a { font-size: 10px; padding-left: 0; } } header .menu-nav-block ul li a { color: #333; white-space: nowrap; font-family: Montserrat; } .header__showroom-btn { font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; padding: 4px 31px; border: 1px solid #333333; border-radius: 2px; margin-left: 44px; background-color: transparent; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .header__showroom-btn:hover { background-color: #EBDBD6; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-decoration: none; } .header .right-info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width:1024px) { header .menu-nav-block ul li a { font-weight: 500; color: #231f20; font-size: 19px; display: block; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; line-height: 1; border: 0; z-index: 1; } } @media screen and (max-width:767px) { header .menu-nav-block ul li a { font-size: 18px; padding-top: 0; } } header .cart-pp { display: none; position: fixed; right: 0; top: 0; background: #fff; padding: 0 25px; -webkit-transition: margin .3s cubic-bezier(.25, .46, .45, .94); -o-transition: margin .3s cubic-bezier(.25, .46, .45, .94); transition: margin .3s cubic-bezier(.25, .46, .45, .94); -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; height: 100vh; z-index: 100; width: 380px } @media screen and (max-width:767px) { header .cart-pp { width: 320px } } header .cart-pp .payment-icon { padding-bottom: 20px; text-align: center } header .cart-pp .payment-icon span.mastercard { background: url(/bitrix/templates/ivadesign_21_12_21/css/../img/payments.png) no-repeat; background-position: 0 -100px } header .cart-pp .payment-icon span.mastercard, header .cart-pp .payment-icon span.mir, header .cart-pp .payment-icon span.visa { display: inline-block; margin-left: 10px; width: 51px; height: 32px; -webkit-filter: grayscale(1); filter: grayscale(1) } header .cart-pp .payment-icon span.mastercard { margin-left: 0; } header .cart-pp .payment-icon span.visa { background: url(/bitrix/templates/ivadesign_21_12_21/css/../img/payments.png) no-repeat; background-position: -200px 0 } header .cart-pp .payment-icon span.mir { background: url(/bitrix/templates/ivadesign_21_12_21/css/../img/logo-mir.png) no-repeat; background-size: cover; background-position: center; border: 1px solid #ddd; border-radius: 2px } header .cart-pp .top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 28px 0; border-bottom: 1px solid #edeff1 } header .cart-pp .top span.close { cursor: pointer; position: relative } header .cart-pp .top span.close:after, header .cart-pp .top span.close:before { position: absolute; display: block; top: 20px; left: 10px; content: ""; width: 24px; height: 2px; background: #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } header .cart-pp .top span.close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } header .cart-pp .top .cart-icon, header .cart-pp form { position: relative } header .cart-pp .top .cart-icon span.cart-img { width: 32px; height: 30px; display: block; background: url(/bitrix/templates/ivadesign_21_12_21/css/../img/cart.png); background-repeat: no-repeat; background-size: contain } header .cart-pp .top .cart-icon span.cart-quantity { position: absolute; top: -5px; left: 35px; z-index: 1; display: block; width: 18px; height: 18px; padding-top: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 400; border-radius: 50px; background: #ad989e; color: #fff; line-height: 14px } header .cart-pp .cart-buttons .login-name { font-size: 18px; line-height: 1.25; margin: 0; padding: 15px 0 10px; text-align: center } header .cart-pp .cart-buttons a, header .cart-pp .cart-buttons span.order-info { font-size: 12px; line-height: 1.25; text-transform: uppercase; font-weight: normal; display: block; font-family: Montserrat; color: #000; padding: 15px 0 10px; text-align: center; border-top: 1px solid #edeff1 } footer { background-color: #A99793; padding: 50px 0; } footer .container-new { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .link-item a, header .cart-pp .cart-buttons a:hover { color: #262626; text-decoration: none } header .cart-pp .cart-content { border-bottom: 2px solid rgba(102, 102, 102, .2); margin-bottom: 5px } header .cart-pp .cart-content span { margin: 15px 0; color: #b4bcc4; text-align: center; display: block; font-family: Montserrat } header .cart-pp .cart-content .item-list { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0 } header .cart-pp .cart-content .item-list .delete-btn { position: absolute; right: 28px; display: block; cursor: pointer; text-decoration: none } header .cart-pp .cart-content .item-list .delete-btn:before { content: 'x' } header .cart-pp .cart-content .item-list .item-image { margin-right: 10px } header .cart-pp .cart-content .item-list .item-image img { width: 90px; height: 130px; -o-object-fit: cover; object-fit: cover } header .cart-pp .cart-content .item-list .item-desc a.title { font-size: 14px; font-weight: normal; line-height: 20px; display: block } header .cart-pp .cart-content .item-list .item-desc p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } header .cart-pp .cart-content .item-list .item-desc p span.value { font-size: 11px; display: block; position: relative; padding-right: 15px; margin: 0 15px 0 0 } header .cart-pp .cart-content .item-list .item-desc p span.value:before { content: 'x'; position: absolute; right: 0 } header .cart-pp .cart-content .item-list .item-desc p span.price, header .cart-pp .total-price .item-total-price-line span.common-price { font-size: 18px; font-weight: normal; color: #666 } header .cart-pp .total-price .item-total-price-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px } header .cart-pp .total-price .item-total-price-line span, header .cart-pp form input { font-size: 10px; font-weight: normal; text-transform: uppercase } header .cart-pp .total-price .btn-wrapper { margin-bottom: 30px } header .cart-pp .total-price .btn-wrapper a.cart, header .cart-pp .total-price .btn-wrapper a.order { width: 80%; margin: 10px auto; display: block; text-align: center; padding: 13px 0; height: 50px; border: 2px solid #a99793; font-weight: 400; font-size: 13px; text-transform: uppercase } header .cart-pp .total-price .btn-wrapper a.cart { background: #fff; color: #a99793 } header .cart-pp .total-price .btn-wrapper a.cart:hover { text-decoration: none; background: #a99793; color: #fff } header .cart-pp .total-price .btn-wrapper a.order { background: #a99793; color: #fff } header .cart-pp .total-price .btn-wrapper a.order:hover { text-decoration: none; background: #fff; color: #a99793 } header .cart-pp form input { font-size: 12px; line-height: 1.25; width: 100%; margin: 0 0 25px; font-family: Montserrat, sans-serif; padding: 9px; border: 1px solid #000 } header .cart-pp form button { position: absolute; right: 0; top: 0; width: 36px; height: 34px; border-color: #000; background: #000 } header .cart-pp form button span { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); width: 13px; height: 13px; border-top: 4px solid #fff; border-right: 4px solid #fff; position: absolute; top: 50%; right: 20%; border-radius: 3px } footer .footer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1106px } @media screen and (max-width:768px) { footer .footer-content { margin-top: 30px } } footer .footer-logo { -webkit-box-flex: 0; -ms-flex: 0 0 94px; flex: 0 0 94px; margin-right: 100px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: 7px; } footer .footer-logo img { width: 100%; -o-object-fit: contain; object-fit: contain; } footer .footer-link { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 194px); flex: 0 0 calc(100% - 194px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .bottom-block .link-item { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } footer .link-item p { font-size: 10px; line-height: 140%; text-align: right; letter-spacing: 0.03em; color: #333333; margin-bottom: 15px; } @media screen and (max-width:768px) { footer .link-item { border-bottom: 1px solid #d3bbb3; } } footer .top-block .link-item a { display: block; font-size: 14px; margin-bottom: 15px; text-decoration: none; line-height: 140%; letter-spacing: 0.03em; color: #6C5B57; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } footer .top-block .link-item:not(:last-child) { margin-right: 130px; } footer .top-block .link-item a:hover { color: #F5D3C9; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-decoration: none; } footer .link-item .head-link { font-weight: normal; text-transform: uppercase; margin-bottom: 20px; display: block; line-height: 140%; letter-spacing: 0.03em; color: #333333; } footer .link-item .head-link .toggle-arrow { display: none } @media screen and (max-width:768px) { footer .link-item .head-link { margin-bottom: 0; padding-right: 15px; position: relative; font-weight: 500; font-size: 11px; padding-bottom: 5px; } footer .link-item .head-link .toggle-arrow { display: block; position: absolute; bottom: 4px; right: 0; } footer .link-item .head-link .toggle-arrow.active { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } footer .link-item .head-link .toggle-arrow .arrow-icon { width: 14px; height: 20px; fill: #d3bbb3; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } } footer .link-item .adress { font-weight: normal; font-size: 16px; max-width: 270px } footer .link-item .tel span, footer .link-item .time { font-size: 14px; color: #a99793 } footer .link-item .tel { font-weight: normal; font-size: 16px; color: #656565; } footer .link-item .tel span { font-weight: 400 } footer .link-item .link-purple { color: #806189; margin-bottom: 15px; font-size: 14px } footer .link-item .insta-icon { width: 35px; height: 35px; fill: #FDDFD4; stroke: #FDDFD4; stroke-width: 0.5px; } footer .link-item .instagram-link { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-bottom: 44px; } @media screen and (max-width:768px) { footer .link-item .link-block-footer { max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-bottom: 0; padding-bottom: 0; } footer .link-item .link-block-footer.active { max-height: inherit; opacity: 1; visibility: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; overflow: visible; padding-bottom: 10px; } } footer .bottom-block, footer .top-block { display: -webkit-box; display: -ms-flexbox; display: flex } footer .bottom-block { -webkit-box-flex: 0; -ms-flex: 0 0 176px; flex: 0 0 176px; } @media screen and (max-width:768px) { footer .bottom-block, footer .top-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:768px) { footer .bottom-block .head-link { display: none } footer .bottom-block .link-item { border-bottom: none; margin-top: 0; } footer .top-block { margin-bottom: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .sign-up-fitting { bottom: 60px; left: 28px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; background-color: #A99793; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; width: 131px; height: 131px; z-index: 100; font-weight: normal; font-size: 16px; line-height: 145%; text-align: center; color: #FFFFFF; } .sign-up-fitting:hover { text-decoration: none; color: #FFFFFF; } .sign-up-fitting::before { width: 158px; height: 158px; right: 50%; bottom: 50%; border: 1px solid #A99793; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; content: ''; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); -webkit-filter: drop-shadow(0px 10px 25px rgba(118, 92, 87, 0.18)); filter: drop-shadow(0px 10px 25px rgba(118, 92, 87, 0.18)); border-radius: 50%; } @media screen and (max-width:767px) { .sign-up-fitting { bottom: 15px; left: 15px; width: 100px; height: 100px; font-size: 12px; line-height: 130%; } .sign-up-fitting::before { width: 120px; height: 120px; } } .call-back-form-button-whatsapp, .scroll-to-top { bottom: 10px; right: 75px; cursor: pointer; display: block; font-size: 150%; position: fixed; width: 42px; height: 42px; z-index: 100 } .scroll-to-top { border-radius: 50px; background: #786982; } .call-back-form-button-whatsapp .icon-three-lines { stroke: #F5D3C9; width: 24px; height: 24px; fill: transparent; stroke-width: 1.5px; } .scroll-to-top, .sign-up-fitting { opacity: 0; visibility: hidden; } .scroll-to-top img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .call-back-form-button-whatsapp { right: 25px; z-index: 1097; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50px; background: #786982; } @media screen and (max-width:1170px) { .call-back-form-button-whatsapp { right: 15px; } .scroll-to-top { right: 65px; } } main .page-navigation, main .page-navigation a.page-all, main .page-navigation span { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } main .page-navigation { margin: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex } main .page-navigation a.page-all, main .page-navigation span { width: 40px; height: 40px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 19px; text-decoration: none } main .page-navigation a.page-all { color: #765c57 } .breadcrumbs .container-new, main .page-navigation a.page-all, main .page-navigation span { display: -webkit-box; display: -ms-flexbox; display: flex } .breadcrumbs .breadcrumbs__wrapper { width: fit-content; margin: 0; padding: 0; } main .page-navigation span { color: #000 } main .page-navigation span.page-current { width: 60px; height: 40px; margin: 0 5px 10px; padding: 0; border: 1px solid #ededed; line-height: 42px; background: #f2f2f2 } @media screen and (max-width:561px) { main .page-navigation span.page-current { width: 40px } } main .page-navigation span.page-next, main .page-navigation span.page-previous { display: none } main .page-navigation a { font-size: 16px; text-transform: uppercase; font-family: Montserrat; color: #000; line-height: 18px } main .page-navigation a.page-next, main .page-navigation a.page-previous { background: #a99793; border-radius: 50px; width: 40px; height: 40px; position: relative } main .page-navigation a.page-next:before, main .page-navigation a.page-previous:before { -webkit-transform: translate(-50%, -50%) rotate(220deg); -ms-transform: translate(-50%, -50%) rotate(220deg); transform: translate(-50%, -50%) rotate(220deg); content: ""; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 50%; left: 55%; opacity: 1 } main .page-navigation a.page-next:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 48% } .breadcrumbs { z-index: 2; position: relative; margin: 20px 0 0; opacity: 0; transition: .3s ease; } .breadcrumbs span, .breadcrumbs span a span { font-family: Montserrat; font-style: normal; font-size: 14px; line-height: 130%; } .breadcrumbs span { margin-right: 25px; font-weight: 400; font-size: 14px; line-height: 130%; color: #6C5B57; white-space: nowrap; } .breadcrumbs span:last-child { margin-right: 0; } .breadcrumbs span span { margin-right: 0; } .breadcrumbs--short .breadcrumbs__item:last-child span::before { content: '...'; position: absolute; left: 0px; } .breadcrumbs--short .breadcrumbs__item:last-child span { position: relative; padding-left: 35px; } .breadcrumbs span a { text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; opacity: 1; position: relative } .breadcrumbs span a span { font-weight: 400; color: #6C5B57; } .breadcrumbs span a:focus, .breadcrumbs span a:hover { opacity: 1; text-decoration: none } .breadcrumbs span a:after, .breadcrumbs--short .breadcrumbs__item:last-child span:after { content: ''; position: absolute; width: 7px; height: 7px; border-left: 1px solid #6C5B57; border-bottom: 1px solid #6C5B57; -webkit-transform: rotate(-135deg) translateY(-50%); -ms-transform: rotate(-135deg) translateY(-50%); transform: rotate(-135deg) translateY(-50%); top: 18%; right: -16px; } .breadcrumbs--short .breadcrumbs__item:last-child span:after { right: auto; left: 20px; } .breadcrumbs span:last-child a:after { display: none } .breadcrumbs span:first-child { margin-left: 0 } .about-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .breadcrumbs--with-banner { position: absolute; width: 100%; } @media screen and (min-width:768px) { .breadcrumbs--short .breadcrumbs__item:not(:first-child):not(:last-child) { display: none; } } @media screen and (max-width:767px) { .about-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 0 } .breadcrumbs__item:not(:nth-last-child(2)) { display: none; } .breadcrumbs__item:nth-last-child(2) span { position: relative; padding-left: 30px; font-size: 12px; } .breadcrumbs__item:nth-last-child(2) a::after { left: 12px; } .breadcrumbs { margin-left: 9px; } .breadcrumbs span a { display: flex; } } @media screen and (max-width:575px) { .breadcrumbs__item:nth-last-child(2) span { font-size: 11px; } } .about-wrapper h2 { margin-top: 10px; font-style: normal; font-weight: 400; font-size: 30px; line-height: 130%; color: #000; margin-bottom: 15px; z-index: 1 } @media screen and (max-width:585px) { .about-wrapper h2 { font-size: 26px; margin-bottom: 10px; margin-top: 20px } } .about-wrapper .img-block { width: 360px; height: 360px; border-radius: 50%; border: 5px solid #fff; position: absolute; left: 15px; z-index: 2 } @media screen and (max-width:991px) { .about-wrapper .img-block { width: 250px; height: 250px } } @media screen and (max-width:767px) { .about-wrapper .img-block { width: 360px; height: 360px; position: relative; left: auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media screen and (max-width:585px) { .about-wrapper .img-block { width: 250px; height: 250px } } .about-wrapper .img-block img, .our-team__item .img-block img { width: 100%; height: 100%; border-radius: 50%; -o-object-fit: cover; object-fit: cover } .about-wrapper .text-block { z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 57%; flex: 0 0 57% } .about-wrapper p, .our-team h2 { font-weight: 400; z-index: 1; font-size: 18px; line-height: 145%; color: #656565; margin-bottom: 15px } @media screen and (max-width:585px) { .about-wrapper p { font-size: 16px } } .about-wrapper strong { color: #000 } .text-block__pink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 35px; position: relative } .text-block__pink::before { position: absolute; content: ''; background-color: #fddfd4; height: calc(100% + 30px); width: 300%; right: 50%; top: -20px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); pointer-events: none } .our-team { margin-top: 45px } @media screen and (max-width:585px) { .our-team { margin-top: 30px } } .our-team h2 { margin-top: 30px; font-style: normal; font-size: 30px; line-height: 130%; color: #000; margin-bottom: 27px } @media screen and (max-width:585px) { .our-team h2 { font-size: 26px; margin-bottom: 10px; margin-top: 20px } } .our-team__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:585px) { .our-team__row { padding-top: 30px } } .our-team__item { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-right: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:991px) { .our-team__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (max-width:585px) { .our-team__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; text-align: center } } .our-team__item:nth-child(2n) { margin-right: 0 } .our-team__item .img-block { width: 192px; height: 192px; border-radius: 50%; border: 5px solid #fddfd4; margin-right: 30px } @media screen and (max-width:991px) { .our-team__item .img-block { margin-bottom: 20px; margin-right: 0 } } .our-team__item p, .our-team__name { font-size: 18px; line-height: 145%; color: #000 } .our-team__item p { margin: 0; font-weight: 400 } @media screen and (max-width:585px) { .our-team__item p { font-size: 16px } } .our-team__name { font-weight: normal; margin-bottom: 13px } @media screen and (max-width:585px) { .our-team__name { font-size: 16px } } .wait-inst { padding-bottom: 80px } @media screen and (max-width:585px) { .wait-inst { padding-bottom: 40px } } .wait-inst h2 { font-style: normal; font-weight: 400; font-size: 30px; line-height: 130%; color: #a99793; margin-bottom: 50px; margin-top: 30px } @media screen and (max-width:585px) { .wait-inst h2 { font-size: 26px; margin-bottom: 10px; margin-top: 20px } } .wait-inst .instagram-link { border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; width: -webkit-fit-content; width: -moz-fit-content; height: 64px; width: 250px; color: #fff; font-weight: 400; font-size: 18px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 31px } .wait-inst .insta-icon { width: 31px; height: 30px; fill: #fff; position: absolute; left: 20px } .wait-inst__box { position: relative; padding: 30px 0 } @media screen and (max-width:585px) { .wait-inst__box { margin-top: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center } } .wait-inst__box::before { position: absolute; content: ''; height: 100%; width: 140%; right: 50%; top: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); pointer-events: none } .wait-inst__logo { width: 200px; height: 200px; background: #a99793; border: 5px solid #fddfd4; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; position: absolute; right: 0; bottom: 91px } @media screen and (max-width:680px) { .wait-inst__logo { width: 150px; height: 150px } } @media screen and (max-width:500px) { .wait-inst__logo { position: relative; right: auto; bottom: auto; margin-bottom: 20px } } .wait-inst__logo img { width: 91.82px; height: 136.36px } .p-black { color: #000 !important } .wait-inst__bot { z-index: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media screen and (max-width:680px) { .wait-inst__bot { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (max-width:585px) { .wait-inst__bot { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .wait-inst__title { z-index: 1; position: relative; font-weight: normal; font-size: 18px; line-height: 145%; color: #fff; margin-bottom: 22px } @media screen and (max-width:585px) { .wait-inst__title { font-size: 16px } } .wait-inst__desc { z-index: 1; position: relative; font-style: normal; font-weight: 400; font-size: 18px; line-height: 145%; color: #fff } @media screen and (max-width:680px) { .wait-inst__desc { margin-top: 20px } } @media screen and (max-width:585px) { .wait-inst__desc { font-size: 16px } } .card-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end } .card-wrapper .filter-wrapper { width: 23% } @media screen and (max-width:979px) { .card-wrapper .filter-wrapper { display: none } } .card-wrapper .category-wrapper { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-shadow: 0 0 10px rgba(0, 0, 0, .2); background-color: #fff; border-radius: 3px } .card-wrapper .category-wrapper ul.categ-list, .vozvrat-wrapper ol { list-style-type: none; padding-left: 0 } .card-wrapper .category-wrapper ul.categ-list li { padding: 10px 23px 5px 20px } .card-wrapper .category-wrapper ul.categ-list li.active, .wait-inst__box::before { background-color: #a99793 } .card-wrapper .category-wrapper ul.categ-list li a { font-size: 14px; line-height: 25px; font-family: Montserrat; font-weight: 400; font-style: normal; color: #000 } .card-wrapper .cardcol-wrapper { width: 74% } @media screen and (max-width:979px) { .card-wrapper .cardcol-wrapper { width: 100% } } .card-wrapper .cardcol-wrapper .all-items { font-size: 12px; text-transform: uppercase; margin: 0; font-weight: normal; font-family: Montserrat } .card-wrapper .cardcol-wrapper .filter-full-wrapper ul.subcateg-list { list-style-type: none; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 15px 0 } .card-wrapper .cardcol-wrapper .filter-full-wrapper ul.subcateg-list li { margin-right: 20px; margin-bottom: 10px } .card-wrapper .cardcol-wrapper .filter-full-wrapper ul.subcateg-list li a { font-family: Montserrat; font-size: 14px; font-weight: 400; font-style: normal; color: #000; display: block } .card-wrapper .cardcol-wrapper .cards-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem, .room-wrapper .card-wrapper .carditem { display: inline-block; width: 48%; margin: 0 0 30px; vertical-align: top } @media screen and (max-width:480px) { .card-wrapper .cardcol-wrapper .cards-wrapper .carditem { width: 85%; margin: 0 auto 30px } } .article-wrapper .right-blog-col .article-products .carditem a:hover span.quick-view-btn, .card-wrapper .cardcol-wrapper .cards-wrapper .carditem a:hover span.quick-view-btn, .room-wrapper .card-wrapper .carditem a:hover span.quick-view-btn, .room-wrapper .text-wrapper .slider-mob .carditem a:hover span.quick-view-btn { display: block; font-size: 14px; color: #fff; background: #a99794; border-radius: 50px; -webkit-box-shadow: 0 4px 10px gray; box-shadow: 0 4px 10px gray; text-transform: uppercase; font-weight: 400; position: absolute; padding: 11px; font-family: Montserrat; text-align: center; width: 191px; bottom: 20%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem .img-block, .room-wrapper .card-wrapper .carditem .img-block { overflow: hidden; display: block; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .2); box-shadow: 0 4px 10px rgba(0, 0, 0, .2); margin-bottom: 15px; max-height: 580px; height: 560px; position: relative } @media screen and (max-width:767px) { .card-wrapper .cardcol-wrapper .cards-wrapper .carditem .img-block { max-height: 430px } } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem .img-block img, .room-wrapper .card-wrapper .carditem .img-block img { height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 15s; transition: -webkit-transform 15s; -o-transition: transform 15s; transition: transform 15s; transition: transform 15s, -webkit-transform 15s } .article-wrapper .right-blog-col .article-products .carditem .img-block img:hover, .card-wrapper .cardcol-wrapper .cards-wrapper .carditem .img-block img:hover, .room-wrapper .card-wrapper .carditem .img-block img:hover, .room-wrapper .text-wrapper .slider-mob .carditem .img-block img:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 15s cubic-bezier(.02, .075, .42, 1); transition: -webkit-transform 15s cubic-bezier(.02, .075, .42, 1); -o-transition: transform 15s cubic-bezier(.02, .075, .42, 1); transition: transform 15s cubic-bezier(.02, .075, .42, 1); transition: transform 15s cubic-bezier(.02, .075, .42, 1), -webkit-transform 15s cubic-bezier(.02, .075, .42, 1) } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem span.item-title, .room-wrapper .card-wrapper .carditem span.item-title { font-size: 12px; text-transform: uppercase; font-weight: normal; display: block; color: #000; font-family: Montserrat; line-height: 13px; margin: 0 0 5px } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem span.item-category, .room-wrapper .card-wrapper .carditem span.item-category { text-transform: none; color: #a99793; font-size: 11px; font-weight: normal; display: block; font-family: Montserrat; line-height: 12px; margin-bottom: 5px } .card-wrapper .cardcol-wrapper .cards-wrapper .carditem span.item-price, .room-wrapper .card-wrapper .carditem span.item-price { font-family: Montserrat; color: #666; font-weight: normal; font-size: 18px; display: block } .delivery-wrapper p.attention { margin: 25px 0 } .delivery-wrapper .payment-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around } @media screen and (max-width:700px) { .delivery-wrapper .payment-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .delivery-wrapper .payment-wrapper .each-pay img { width: 50px; height: 50px; margin-right: 15px } .vozvrat-wrapper { padding-bottom: 65px } @media screen and (max-width:585px) { .vozvrat-wrapper { padding-bottom: 40px } } .vozvrat-wrapper h2, .vozvrat-wrapper h3 { font-weight: 400; font-size: 30px; line-height: 130%; color: #000; margin-bottom: 15px; margin-top: 25px } @media screen and (max-width:585px) { .vozvrat-wrapper h2 { font-size: 26px; margin-bottom: 10px; margin-top: 20px } } .vozvrat-wrapper h3 { font-weight: normal; font-size: 22px; text-transform: none } @media screen and (max-width:585px) { .vozvrat-wrapper h3 { font-size: 18px; margin-bottom: 10px; margin-top: 20px } } .vozvrat-wrapper a, .vozvrat-wrapper li, .vozvrat-wrapper p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 145%; color: #656565; } @media screen and (max-width:585px) { .vozvrat-wrapper a, .vozvrat-wrapper li, .vozvrat-wrapper p { font-size: 16px } } .vozvrat-wrapper li, .vozvrat-wrapper p { margin-bottom: 15px } .vozvrat-wrapper a { text-decoration: underline; display: inline-block } .vozvrat-wrapper ol { counter-reset: li } .vozvrat-wrapper ol li:before { counter-increment: li; content: counters(li, ".") ". " } .vozvrat-wrapper__head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px } @media screen and (max-width:991px) { .vozvrat-wrapper__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:585px) { .vozvrat-wrapper__head { margin-bottom: 15px } } .vozvrat-wrapper__head-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43% } @media screen and (max-width:991px) { .vozvrat-wrapper__head-img { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 20px 0; height: 300px } } @media screen and (max-width:585px) { .vozvrat-wrapper__head-img { margin: 15px 0; height: 200px } } .vozvrat-wrapper__head-img img { height: 100%; -o-object-fit: cover; object-fit: cover } .vozvrat-wrapper__head-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; margin-right: 2% } @media screen and (max-width:991px) { .vozvrat-wrapper__head-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0 } } .contacts-wrapper iframe { max-width: 560px } .room-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .room-wrapper .card-wrapper { width: 31% } @media screen and (max-width:767px) { .room-wrapper .card-wrapper { display: none } } @media screen and (max-width:480px) { .room-wrapper .card-wrapper .carditem { width: 85%; margin: 0 auto 30px } } .room-wrapper .card-wrapper .carditem a, .room-wrapper .text-wrapper .slider-mob .carditem a { display: block; text-decoration: none } .article-wrapper .right-blog-col .article-products .carditem a:hover span.quick-view-btn, .room-wrapper .card-wrapper .carditem a:hover span.quick-view-btn, .room-wrapper .text-wrapper .slider-mob .carditem a:hover span.quick-view-btn { width: 170px } @media screen and (max-width:767px) { .room-wrapper .card-wrapper .carditem .img-block { max-height: 430px } } .room-wrapper .text-wrapper { width: 59% } @media screen and (max-width:767px) { .room-wrapper .text-wrapper { width: 100% } } .room-wrapper .text-wrapper .slider-mob, .room-wrapper .text-wrapper .slider-mob .carditem span.quick-view-btn { display: none } @media screen and (max-width:767px) { .room-wrapper .text-wrapper .slider-mob { display: block; padding: 40px; position: relative } } .room-wrapper .text-wrapper .slider-mob .swiper-button-next, .room-wrapper .text-wrapper .slider-mob .swiper-button-prev { color: #000 } .room-wrapper .text-wrapper .slider-mob .carditem { margin: 0 0 30px } @media screen and (max-width:480px) { .room-wrapper .text-wrapper .slider-mob .carditem { margin: 0 auto 30px } } .room-wrapper .text-wrapper .slider-mob .carditem .img-block { overflow: hidden; display: block; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .2); box-shadow: 0 4px 10px rgba(0, 0, 0, .2); margin-bottom: 15px; max-height: 580px; height: 100%; position: relative } @media screen and (max-width:767px) { .room-wrapper .text-wrapper .slider-mob .carditem .img-block { max-height: 430px } } .article-wrapper .right-blog-col .article-products .carditem .img-block img, .room-wrapper .text-wrapper .slider-mob .carditem .img-block img { height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 15s; transition: -webkit-transform 15s; -o-transition: transform 15s; transition: transform 15s; transition: transform 15s, -webkit-transform 15s } .room-wrapper .text-wrapper .slider-mob .carditem span.item-title { font-size: 12px; text-transform: uppercase; font-weight: normal; display: block; color: #000; font-family: Montserrat; line-height: 13px; margin: 0 0 5px } .room-wrapper .text-wrapper .slider-mob .carditem span.item-category { text-transform: none; color: #a99793; font-size: 11px; font-weight: normal; display: block; font-family: Montserrat; line-height: 12px; margin-bottom: 5px } .room-wrapper .text-wrapper .slider-mob .carditem span.item-price { font-family: Montserrat; color: #666; font-weight: normal; font-size: 18px; display: block } .room-wrapper .text-wrapper .comments { margin: 20px 0 } .room-wrapper .text-wrapper .comments p.title { font-size: 18px; font-weight: normal; } .room-wrapper .text-wrapper .comments button.new-message { max-width: 183px; width: 100%; background: #a99793; border: 2px solid #a99793; font-weight: 400; font-size: 13px; text-transform: uppercase; font-family: Montserrat; padding: 15px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px auto } .room-wrapper .text-wrapper .comments p.ty-no-items { background: #fff; color: #000; font-size: 20px; text-transform: uppercase; padding: 60px 20px; text-align: center } .modal .form-body, .room-wrapper .text-wrapper .signup-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .room-wrapper .text-wrapper .signup-form form { margin-top: 20px } .card-wrapper .cardcol-wrapper .filter-full-wrapper ul.subcateg-list, .room-wrapper .text-wrapper .signup-form form .agree .check-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end } .room-wrapper .text-wrapper .signup-form form .agree .check-wrp input { width: 33px; height: 20px; margin-right: 10px } .modal .caption, .room-wrapper .text-wrapper .signup-form form .agree .check-wrp label { color: #656565; font-family: Montserrat, sans-serif; font-size: 14px; font-style: normal; font-weight: 400 } .room-wrapper .text-wrapper .signup-form form .agree span { font-size: 13px; color: #a3aaaf; line-height: 15px; display: block } .room-wrapper .text-wrapper .signup-form form .agree span a { font-size: 13px; color: #000; line-height: 15px } .room-wrapper .text-wrapper .signup-form form .button-wrapper { padding: 17px 20px; background: #f6f7f8; margin-top: 15px } .room-wrapper .text-wrapper .signup-form form input { width: 100%; max-width: 500px; height: 32px; margin: 0 0 25px; padding: 4px 8px; border: 1px solid #c2c9d0; background: #fff; font-family: Montserrat, sans-serif; font-size: 14px; font-style: normal; font-weight: 400 } #overlay, .modal { display: none; z-index: 1096; position: fixed } #overlay { height: 100%; background: rgba(51, 51, 51, 0.5); top: 0; left: 0; width: 100%; } .modal { max-height: 100%; top: 50%; left: 50%; overflow-y: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; max-width: 590px; background: #fff } @media screen and (max-width:630px) { .modal { max-height: 85% } } .modal.add-to-basket .form .button-wrp button, .modal.add-to-basket .holder form .button-wrp button, .modal.write-me .form .button-wrp button { font-size: 18px; line-height: 22px; text-align: center; color: #654f4a; text-transform: none; border: 0; padding: 14px 25px; max-width: 168px; width: 100%; background-color: #fddfd4; border-radius: 5px; margin-right: 20px } .modal .caption { line-height: 36px; width: auto; margin: 0; color: #2c3e50; font-size: 18px; padding: 13px 20px 10px; border: 0; border-bottom: 1px solid #d0d6db; background: #f6f7f8; border-radius: 0; font-family: Montserrat } .modal .form-body { padding: 20px } .modal textarea { height: 120px } .modal .close { z-index: 1; cursor: pointer; position: absolute; top: 17px; right: 18px; width: 18px; height: 18px } .basket-container .basket-box .basket-item .close svg, .modal .close svg { width: 15px; height: 15px } .modal .close:focus svg, .modal .close:hover svg { fill: #1a1a1a } .modal .holder form .button-wrp { padding: 17px 20px; background: #f6f7f8 } .modal .holder form .button-wrp button { background: #fff; border: 2px solid #a99793; font-weight: 400; font-size: 13px; color: #a99793; text-transform: uppercase; font-family: Montserrat; padding: 15px } .call-back-form { width: 320px; padding: 15px 25px 15px 15px; background: -o-linear-gradient(11.39deg, #a99793 -16.64%, #dccbc8 122.91%); background: linear-gradient(78.61deg, #a99793 -16.64%, #dccbc8 122.91%); right: 0; bottom: 20px; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none } .call-back-form .pop-up__content p { font-weight: 500; font-size: 16px; color: #fff; line-height: 20px } .call-back-form .pop-up__content .social-button { display: -webkit-box; display: -ms-flexbox; display: flex; } .call-back-form .pop-up__content .social-button:not(:last-child) { margin-bottom: 15px; } .call-back-form .pop-up__content .telegram-link, .call-back-form .pop-up__content .whatsapp-link { width: 45px; height: 45px; border-radius: 100%; background: #6c5b57; display: block; position: relative } .call-back-form .pop-up__content .telegram-link { margin-right: 23px } .call-back-form .pop-up__content .icon-telegram, .call-back-form .pop-up__content .icon-whatsapp { width: 25px; height: 25px; position: absolute; top: 49%; left: 49%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #fddfd4 } .call-back-form .pop-up__content .form-block input { font-weight: 400; font-size: 16px; background-color: transparent; border: 0; border-bottom: 1px solid #fff; color: #fff } .call-back-form .pop-up__content .form-block input::-webkit-input-placeholder { color: #fff } .call-back-form .pop-up__content .form-block input::-moz-placeholder { color: #fff } .call-back-form .pop-up__content .form-block input:-ms-input-placeholder, .call-back-form .pop-up__content .form-block input::-ms-input-placeholder { color: #fff } .call-back-form .pop-up__content .form-block input::-webkit-input-placeholder { color: #fff } .call-back-form .pop-up__content .form-block input::-moz-placeholder { color: #fff } .call-back-form .pop-up__content .form-block input:-ms-input-placeholder { color: #fff } .call-back-form .pop-up__content .form-block input::-ms-input-placeholder { color: #fff } .call-back-form .pop-up__content .form-block input::placeholder { color: #fff } .call-back-form .pop-up__content .form-block__button { background: #fddfd4; border-radius: 5px; padding: 12px 23px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #654f4a; font-weight: 500; font-size: 18px; margin-bottom: 20px; border: 0; outline: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .call-back-form .pop-up__content .form-block__button:hover { background: #ffc1aa } .call-back-form .pop-up__content .policy { font-size: 12px; line-height: 16px; color: #fff } .call-back-form .pop-up__content .policy a { color: #fff; font-size: 12px } .blog-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin-bottom: 48px } @media screen and (max-width:991px) { .blog-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } .blog-wrapper .blogitems, .blog-wrapper .blogitems .blog-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex } .blog-wrapper .blogitems { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex: 0 0 70%; -webkit-box-flex: 0; flex: 0 0 70%; margin-right: 3% } @media screen and (max-width:991px) { .blog-wrapper .blogitems { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0 } } .blog-wrapper .blogitems button.see-more { margin: 15px auto 0; width: 188px } .blog-wrapper .blogitems .page-navigation-blog { display: none } .blog-wrapper .blogitems .page-navigation-blog.vis { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 40; margin-top: 17px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .blog-wrapper .blogitems .page-navigation-blog.vis a.page-all, .blog-wrapper .blogitems .page-navigation-blog.vis a.page-next, .blog-wrapper .blogitems .page-navigation-blog.vis a.page-previous, .blog-wrapper .blogitems .page-navigation-blog.vis span.page-current { -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25); box-shadow: 0 4px 4px rgba(0, 0, 0, .25); background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 15.9562px; line-height: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; text-transform: uppercase; width: 40px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; text-align: center; color: #765c57; align-items: center; justify-content: center; text-decoration: none } .blog-wrapper .blogitems .page-navigation-blog.vis a.page-all { margin-right: 10px; border: 1px solid #765c57 } .blog-wrapper .blogitems .page-navigation-blog.vis a.page-next, .blog-wrapper .blogitems .page-navigation-blog.vis a.page-previous, .blog-wrapper .blogitems .page-navigation-blog.vis span.page-current { margin: 0 5px; border: 3px solid #765c57; display: block; padding: 8px } .blog-wrapper .blogitems .page-navigation-blog.vis span.page-next, .blog-wrapper .blogitems .page-navigation-blog.vis span.page-previous { display: none } .blog-wrapper .blogitems .page-navigation-blog.vis a { font-size: 16px; text-transform: uppercase; font-family: Montserrat; color: #000; line-height: 18px } .blog-wrapper .blogitems .page-navigation-blog.vis a.page-next, .blog-wrapper .blogitems .page-navigation-blog.vis a.page-previous { position: relative; border: 1px solid #765c57 } .blog-wrapper .blogitems .page-navigation-blog.vis a.page-next:before, .blog-wrapper .blogitems .page-navigation-blog.vis a.page-previous:before { -webkit-transform: translate(-50%, -50%) rotate(220deg); -ms-transform: translate(-50%, -50%) rotate(220deg); transform: translate(-50%, -50%) rotate(220deg); content: ""; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; position: absolute; top: 50%; left: 55%; opacity: 1 } .blog-wrapper .blogitems .page-navigation-blog.vis a.page-next:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); left: 48% } .blog-wrapper .blogitems .blog-item { -ms-flex: 0 0 32%; -webkit-box-flex: 0; flex: 0 0 32%; margin-bottom: 21px; margin-right: 2%; padding-bottom: 10px } @media screen and (max-width:767px) { .blog-wrapper .blogitems .blog-item { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49% } } @media screen and (max-width:585px) { .blog-wrapper .blogitems .blog-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0 } } .blog-wrapper .blogitems .blog-item:nth-child(3n) { margin-right: 0 } @media screen and (max-width:767px) { .blog-wrapper .blogitems .blog-item:nth-child(3n) { margin-right: 2% } } @media screen and (max-width:585px) { .blog-wrapper .blogitems .blog-item:nth-child(3n) { margin-right: 0 } } @media screen and (max-width:767px) { .blog-wrapper .blogitems .blog-item:nth-child(2n) { margin-right: 0 } } .blog-item__content, .blog-wrapper .blogitems .blog-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .blog-wrapper .blogitems .blog-item a { text-decoration: none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .blog-wrapper .blogitems .blog-item a img { width: 100%; height: 148px; -o-object-fit: cover; object-fit: cover; margin-bottom: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 148px; flex: 0 0 148px } .blog-wrapper .blogitems .blog-item a .article-title, .blog-wrapper .blogitems .blog-item a .date { display: block; font-family: Montserrat; font-style: normal; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase } .blog-wrapper .blogitems .blog-item a .article-title { text-align: left; margin-bottom: 8px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 15.9562px; line-height: 19px; color: #1b1b1b } .blog-wrapper .blogitems .blog-item a .date { font-size: 15px; line-height: 18px; color: #a3a3a3; padding: 0; margin: 0 } @media screen and (max-width:767px) { .blog-wrapper .blogitems .blog-item a .date { font-size: 12px } } .blog-item__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .right-blog-col { -webkit-box-flex: 0; -ms-flex: 0 0 27%; flex: 0 0 27% } @media screen and (max-width:991px) { .right-blog-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 0 } } .right-blog-col .subscribeform { padding: 28px 19px 19px; background: -o-linear-gradient(176.7deg, #f8f8f8 -62.1%, #f5f5f5 106.51%); background: linear-gradient(273.3deg, #f8f8f8 -62.1%, #f5f5f5 106.51%); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .14); box-shadow: 0 0 15px rgba(0, 0, 0, .14); border-radius: 3px; position: relative } .right-blog-col .subscribeform.transform { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .right-blog-col .subscribeform::before { position: absolute; content: ''; width: 174px; height: 151px; top: 0; right: 0; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/news-sub-bg.png); pointer-events: none } .right-blog-col .subscribeform .thanks-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 30px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100%; height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .article-wrapper .content-wrapper .aftercontent .share-box li:before, .article-wrapper .right-blog-col .article-products .carditem span.quick-view-btn, .right-blog-col .subscribeform .thanks-wrapper.invis { display: none } .right-blog-col .subscribeform span.sub-title { font-size: 20.0151px; line-height: 24px; font-weight: 500; text-transform: uppercase; display: block } .right-blog-col .subscribeform span.sub-desc { color: rgba(155, 155, 155, .932); margin-top: 12px; margin-bottom: 36px; display: block; font-size: 16px; line-height: 20px } .right-blog-col .subscribeform input[type=text] { border: 1.1973px solid #e3e3e3; background: #fff; font-family: Montserrat, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: 48px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 7px; width: 100%; margin-bottom: 15px } .right-blog-col .subscribeform button { height: 54px; width: 100%; max-width: 100%; border: 0; background: #a99793; color: #fff; font-weight: 500; line-height: 100%; text-transform: uppercase; font-size: 18px } .article-wrapper .content-wrapper .aftercontent .articletags .articletag:hover, .right-blog-col .subscribeform button:hover { opacity: .8 } .right-blog-col .subscribeform .button-new { max-width: 100%; margin-top: 35px } .right-blog-col .subscribeform .sub-btn-vis { width: 50px; height: 40px; border-radius: 20px 0 0 20px; background: #786982; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25); box-shadow: 0 4px 4px rgba(0, 0, 0, .25); background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/sub-blog-icon.png); background-repeat: no-repeat; background-position: center; display: none; position: absolute; left: -50px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; cursor: pointer } @media screen and (max-width:991px) { .right-blog-col .subscribeform .sub-btn-vis { display: block } } .right-blog-col .subscribeform .timecode { font-weight: 500; font-size: 11.3643px; line-height: 14px; color: #a1a1a1; border: 1px solid #a1a1a1; width: 100%; height: 22px; border-radius: 5px; background: #fff; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 36px } .right-blog-col .subscribeform .timecode--active { background: #a99793; color: #fff; border: 1px solid #a99793 } .article-wrapper, .right-blog-col .articletags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .right-blog-col .articletags { margin-bottom: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media screen and (max-width:991px) { .right-blog-col .articletags { margin-bottom: 15px } } .right-blog-col .articletags .articletag { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 11.3643px; line-height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; color: #fff; background: #a99793; border-radius: 45.8789px; opacity: .5; margin-right: 10px; padding: 0 12px; margin-bottom: 10px; text-decoration: none; height: 25px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .right-blog-col .articletags .articletag:hover { opacity: .8; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .blog-btn-box { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center } .article-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: end } .article-wrapper--action { margin-bottom: 40px } @media screen and (max-width:680px) { .article-wrapper--action { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media screen and (max-width:991px) { .article-wrapper--action .left-blog-col { -webkit-box-flex: 0 !important; -ms-flex: 0 0 70% !important; flex: 0 0 70% !important } } @media screen and (max-width:930px) { .article-wrapper--action .left-blog-col { -webkit-box-flex: 0 !important; -ms-flex: 0 0 calc(97% - 270px) !important; flex: 0 0 calc(97% - 270px) !important } } @media screen and (max-width:680px) { .article-wrapper--action .left-blog-col { -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-right: 0 !important } } .article-wrapper--action .sub-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-transform: uppercase } @media screen and (max-width:991px) { .article-wrapper--action .right-blog-col { -webkit-box-flex: 0 !important; -ms-flex: 0 0 27% !important; flex: 0 0 27% !important } } @media screen and (max-width:930px) { .article-wrapper--action .right-blog-col { -webkit-box-flex: 0 !important; -ms-flex: 0 0 270px !important; flex: 0 0 270px !important } } @media screen and (max-width:680px) { .article-wrapper--action .right-blog-col { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 30px } } @media screen and (max-width:380px) { .article-wrapper--action .right-blog-col { -ms-flex-item-align: start; align-self: flex-start } } .article-wrapper--action .right-blog-col .subscribeform span.sub-desc { margin-bottom: 0 } .article-wrapper--action .right-blog-col .subscribeform { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; right: auto; bottom: auto } .article-wrapper .right-blog-col .article-products { margin-top: 90px } @media screen and (max-width:991px) { .article-wrapper .right-blog-col .article-products { display: none } } .article-wrapper .right-blog-col .article-products .carditem, .article-wrapper .right-blog-col .article-products .h3 { margin-bottom: 20px } .article-wrapper .right-blog-col .article-products .carditem:last-child { margin-bottom: 0 } @media screen and (max-width:480px) { .article-wrapper .right-blog-col .article-products .carditem { margin: 0 auto 30px } } .article-wrapper .right-blog-col .article-products .carditem a:hover, .article-wrapper .right-blog-col .article-products .carditem:hover a, .article-wrapper .right-blog-col .article-products .carditem:hover a:hover { text-decoration: none } .article-wrapper .right-blog-col .article-products .carditem a { display: block; text-decoration: none } .article-wrapper .right-blog-col .article-products .carditem .img-block { overflow: hidden; display: block; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .2); box-shadow: 0 4px 10px rgba(0, 0, 0, .2); margin-bottom: 15px; max-height: 580px; height: 100%; position: relative } @media screen and (max-width:767px) { .article-wrapper .right-blog-col .article-products .carditem .img-block { max-height: 430px } } .article-wrapper .right-blog-col .article-products .carditem span.item-title { font-size: 12px; text-transform: uppercase; font-weight: normal; display: block; color: #000; font-family: Montserrat; line-height: 13px; margin: 0 0 5px } .article-wrapper .right-blog-col .article-products .carditem span.item-category { text-transform: none; color: #a99793; font-size: 11px; font-weight: normal; display: block; font-family: Montserrat; line-height: 12px; margin-bottom: 5px } .article-wrapper .right-blog-col .article-products .carditem span.item-price { font-family: Montserrat; color: #666; font-weight: normal; font-size: 18px; display: block } .article-wrapper .left-blog-col { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; margin-right: 3% } @media screen and (max-width:991px) { .article-wrapper .left-blog-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100% } } .article-wrapper .content-wrapper h2 { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 30px; line-height: 130%; color: #000; text-transform: none } @media screen and (max-width:991px) { .article-wrapper .content-wrapper h2 { font-size: 25px } } .article-wrapper .content-wrapper li, .article-wrapper .content-wrapper ol li:before, .article-wrapper .content-wrapper p { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 18px; line-height: 130% } .article-wrapper .content-wrapper li { padding-left: 20px; color: #6b6b6b; position: relative } @media screen and (max-width:991px) { .article-wrapper .content-wrapper li { font-size: 16px } } .article-wrapper .content-wrapper p { color: #6b6b6b } @media screen and (max-width:991px) { .article-wrapper .content-wrapper p { font-size: 16px } } .article-wrapper .content-wrapper ul { list-style-type: none; padding: 0 } .article-wrapper .content-wrapper ul li:before { background: #ffb0b0; width: 5px; height: 5px; position: absolute; content: ''; border-radius: 100%; left: 0; top: 10px } .article-wrapper .content-wrapper ol { list-style-type: none; padding: 0; counter-reset: num } .article-wrapper .content-wrapper ol li:before { content: counter(num) ". "; counter-increment: num; color: #ffb0b0; position: absolute; left: 0; top: 0 } .article-wrapper .content-wrapper .publish-info { margin-bottom: 35px } .article-wrapper .content-wrapper .publish-info .author { border-right: 1px solid #adadad } .article-wrapper .content-wrapper .publish-info .author, .article-wrapper .content-wrapper .publish-info .date { display: inline-block; padding-left: 0; padding-right: 12px; border-left: none; color: #adadad; font-weight: 400; font-size: 15px; line-height: 18px } .article-wrapper .content-wrapper .aftercontent, .article-wrapper .content-wrapper .aftercontent .articletags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .article-wrapper .content-wrapper .aftercontent { margin-top: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:767px) { .article-wrapper .content-wrapper .aftercontent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .article-wrapper .content-wrapper .aftercontent .articletags { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: 15px } @media screen and (max-width:767px) { .article-wrapper .content-wrapper .aftercontent .articletags { margin-right: 0 } } .article-wrapper .content-wrapper .aftercontent .articletags .articletag, .article-wrapper .content-wrapper .aftercontent .share-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .article-wrapper .content-wrapper .aftercontent .articletags .articletag { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 11.3643px; line-height: 14px; text-transform: uppercase; color: #fff; background: #a99793; border-radius: 45.8789px; opacity: .5; margin-right: 10px; padding: 0 12px; text-decoration: none; height: 25px } @media screen and (max-width:991px) { .article-wrapper .content-wrapper .aftercontent .articletags .articletag { font-size: 9px } } .article-wrapper .content-wrapper .aftercontent .share-box { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:767px) { .article-wrapper .content-wrapper .aftercontent .share-box { margin-top: 15px } } .article-wrapper .content-wrapper .aftercontent .share-box span.share-title { margin-right: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #a3a3a3; font-size: 15px } .article-wrapper .content-wrapper .aftercontent .share-box li { padding-left: 0 } .article-wrapper .content-wrapper .blog-img { max-width: 600px; width: 100%; margin: 10px auto } .article-wrapper .content-wrapper .blog-img img { max-width: 100%; height: auto; vertical-align: middle; font-size: 0 } .article-wrapper .content-wrapper .blog-img p { font-size: 13px; font-style: italic; padding-top: 10px } @media screen and (max-width:991px) { .article-wrapper .content-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } } .article-wrapper .readmore { border-bottom: 1px solid #dadada; margin-bottom: 40px } .article-wrapper .readmore .h2 { margin-top: 30px } .article-wrapper .readmore .readmore-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; margin-bottom: 50px } .article-wrapper .readmore .readmore-wrapper a.readmoreitem { -webkit-box-flex: 0; -ms-flex: 0 1 49%; flex: 0 1 49%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; margin-bottom: 15px } .article-wrapper .readmore .readmore-wrapper a.readmoreitem:last-child { margin-bottom: 0 } @media screen and (max-width:991px) { .article-wrapper .readmore .readmore-wrapper a.readmoreitem { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px } } .article-wrapper .readmore .readmore-wrapper a.readmoreitem img { width: 120px; height: 150px; -o-object-fit: cover; object-fit: cover } .article-wrapper .readmore .readmore-wrapper a.readmoreitem .content { padding-left: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .article-wrapper .readmore .readmore-wrapper a.readmoreitem .content .title { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 22px; line-height: 30px } @media screen and (max-width:991px) { .article-wrapper .readmore .readmore-wrapper a.readmoreitem .content .title { font-size: 16px; line-height: 20px } } .article-wrapper .readmore .readmore-wrapper a.readmoreitem .content .date { font-style: normal; font-weight: 400; font-size: 21.8086px; line-height: 27px; color: #9b9b9b; margin-top: 20px } @media screen and (max-width:991px) { .article-wrapper .readmore .readmore-wrapper a.readmoreitem .content .date { font-size: 16px; line-height: 20px } } .comment-block { padding-right: 20px } .comment-block--news .commentbox .comment-item .right-block .text-block .date, .comment-block--news .commentbox .comment-item .right-block .text-block .name { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .comment-block .page-navigation { margin: 40px 0 } .comment-block .total { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 20px; line-height: 32px; color: #656565; margin-bottom: 25px; padding-left: 21px } @media screen and (max-width:991px) { .comment-block .total { font-size: 16px; line-height: 20px } } .comment-block .commentbox .comment-item { border: 1px solid #dadada; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding: 30px 28px 20px 30px } @media screen and (max-width:767px) { .comment-block .commentbox .comment-item { padding: 20px } } .comment-block .commentbox .comment-item .img-block { width: 70px; height: 70px; background: #a99793; border-radius: 100%; position: relative; margin-right: 20px } @media screen and (max-width:767px) { .comment-block .commentbox .comment-item .img-block { width: 50px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; height: 50px } } @media screen and (max-width:480px) { .comment-block .commentbox .comment-item .img-block { -ms-flex-item-align: start; align-self: flex-start } } .comment-block .commentbox .comment-item .img-block span { font-size: 30px; line-height: 45px; text-transform: uppercase; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media screen and (max-width:767px) { .comment-block .commentbox .comment-item .img-block span { font-size: 19px } } .comment-block .commentbox .comment-item .right-block { width: calc(100% - 120px) } @media screen and (max-width:767px) { .comment-block .commentbox .comment-item .right-block { width: calc(100% - 80px) } } .comment-block .commentbox .comment-item .right-block .text-block, .comment-block .let-comment .let-comment-thanks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .comment-block .commentbox .comment-item .right-block .text-block { padding-bottom: 13px; border-bottom: 1px solid #dadada; margin-bottom: 21px; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:670px) { .comment-block .commentbox .comment-item .right-block .text-block { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media screen and (max-width:500px) { .comment-block .commentbox .comment-item .right-block .text-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .comment-block .commentbox .comment-item .right-block .text-block .stars { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 35px } @media screen and (max-width:767px) { .comment-block .commentbox .comment-item .right-block .text-block .stars { margin: 0 20px } } @media screen and (max-width:670px) { .comment-block .commentbox .comment-item .right-block .text-block .stars { margin-right: 0 } } @media screen and (max-width:480px) { .comment-block .commentbox .comment-item .right-block .text-block .stars { margin-left: 0 } } .comment-block .commentbox .comment-item .right-block .text-block .stars [data-rateval] svg { fill: #ffb0b0; width: 23px; height: 23px } .comment-block .commentbox .comment-item .right-block .text-block .stars [data-rateval].empty-star svg { fill: #fff; stroke: #ffb0b0 } .comment-block .commentbox .comment-item .right-block .text-block .name { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; color: #656565; padding-left: 20px } @media screen and (max-width:767px) { .comment-block .commentbox .comment-item .right-block .text-block .name { font-size: 16px; line-height: 20px } } @media screen and (max-width:500px) { .comment-block .commentbox .comment-item .right-block .text-block .name { margin-bottom: 5px } } @media screen and (max-width:480px) { .comment-block .commentbox .comment-item .right-block .text-block .name { padding-left: 0 } } .comment-block .commentbox .comment-item .right-block .rew-text p, .comment-block .commentbox .comment-item .right-block .text-block .date { font-family: Montserrat; font-style: normal; font-weight: 400; color: #9a9a9a; font-size: 16px; line-height: 29px } @media screen and (max-width:670px) { .comment-block .commentbox .comment-item .right-block .text-block .date { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 20px; font-size: 13px } } @media screen and (max-width:500px) { .comment-block .commentbox .comment-item .right-block .text-block .date { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } } @media screen and (max-width:480px) { .comment-block .commentbox .comment-item .right-block .text-block .date { padding-left: 0 } .comment-block .commentbox .comment-item .right-block .rew-text { width: calc(100% + 80px); margin-left: -80px } } .comment-block .commentbox .comment-item .right-block .rew-text p { font-size: 18px; margin-bottom: 0; padding-left: 20px; color: #656565; } @media screen and (max-width:767px) { .comment-block .commentbox .comment-item .right-block .rew-text p { font-size: 16px; line-height: 20px } } .comment-block .let-comment { margin-top: 60px; margin-bottom: 43px } .comment-block .let-comment .let-comment-thanks { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 30px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100%; height: 240px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .comment-block .let-comment .let-comment-thanks.invis { display: none } .comment-block .let-comment .let-comment-thanks .sub-title { font-size: 20.0151px; line-height: 24px; font-weight: 500 } .comment-block .let-comment .h2 { font-size: 30px; line-height: 37px; margin-bottom: 30px } @media screen and (max-width:767px) { .comment-block .let-comment .h2 { font-size: 25px; line-height: 30px } } .comment-block .let-comment form { max-width: 760px; width: 100% } .comment-block .let-comment form .ratestars { display: -webkit-box; display: -ms-flexbox; display: flex } .comment-block .let-comment form .ratestars [data-rateval] svg { width: 35px; height: 35px; fill: #fff; stroke: #ffb0b0; cursor: pointer } .comment-block .let-comment form .ratestars.clicked [data-rateval] svg { fill: #ffb0b0 } .comment-block .let-comment form .ratestars.clicked [data-rateval].chosen~[data-rateval] svg { fill: #fff } .comment-block .let-comment form .info { margin-top: 30px } @media screen and (max-width:585px) { .comment-block .let-comment form .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex } } .comment-block .let-comment form .info input[type=text] { border: 0; border-bottom: 1px solid #c4c4c4; max-width: 240px; margin-right: 20px; width: 100%; padding: 7px 20px; font-size: 13px; margin-bottom: 30px } .comment-block .let-comment form .info input[type=text]:last-child { margin-right: 0 } @media screen and (max-width:585px) { .comment-block .let-comment form .info input[type=text]:last-child { margin-bottom: 25px } .comment-block .let-comment form .info input[type=text] { margin-right: 0; margin-bottom: 15px } } .comment-block .let-comment form textarea { background: #fff; border: 1px solid #c4c4c4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; width: 100%; max-width: 760px; height: 126px; padding: 20px; resize: none; font-size: 13px; line-height: 130%; margin-bottom: 51px } @media screen and (max-width:585px) { .comment-block .let-comment form textarea { margin-bottom: 25px } } .comment-block .let-comment form .bottom, .comment-block .let-comment form .bottom button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width:585px) { .comment-block .let-comment form .bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } } .comment-block .let-comment form .bottom .policy { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 14px; line-height: 129.35%; color: #656565; max-width: 420px; margin-right: 40px } @media screen and (max-width:585px) { .comment-block .let-comment form .bottom .policy { margin-right: 0; text-align: right } } @media screen and (max-width:480px) { .comment-block .let-comment form .bottom .policy { font-size: 12px } } .comment-block .let-comment form .bottom .policy a { color: #ffb0b0; text-decoration: none; display: inline-block } @media screen and (max-width:480px) { .comment-block .let-comment form .bottom .policy a { font-size: 12px } } .comment-block .let-comment form .bottom button { max-width: 194px; width: 100%; background: #a99793; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 17.9595px; line-height: 100%; text-align: center; text-transform: uppercase; color: #fff; height: 45px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:585px) { .comment-block .let-comment form .bottom button { margin-bottom: 15px } } .comment-block .let-comment form .bottom button:hover { color: #a99793; background: #fff } .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item { margin-right: 10px !important; margin-top: 0 !important } .ya-share2__list.ya-share2__list_direction_horizontal { margin-top: 0 !important } .input-error-old { border-color: #d93636 !important } .input-error-old::-webkit-input-placeholder { color: #d93636 !important } .input-error-old::-moz-placeholder { color: #d93636 !important } .input-error-old:-ms-input-placeholder, .input-error-old::-ms-input-placeholder { color: #d93636 !important } .input-error-old::-webkit-input-placeholder { color: #d93636 !important } .input-error-old::-moz-placeholder { color: #d93636 !important } .input-error-old:-ms-input-placeholder { color: #d93636 !important } .input-error-old::-ms-input-placeholder { color: #d93636 !important } .input-error-old::placeholder { color: #d93636 !important } .login-wrapper { margin-top: 40px } .login-wrapper .info-auth-left { width: 31% } @media screen and (max-width:767px) { .login-wrapper .info-auth-left { width: 100%; margin-bottom: 40px } } .login-wrapper .info-auth-left span.title { padding-bottom: 10px; margin: 0; font-size: 19px; color: #bdc3c7; font-weight: normal; display: block } .login-wrapper .info-auth-left p { margin: 0 } .login-wrapper .form-wrapper { width: 67% } @media screen and (max-width:767px) { .login-wrapper .form-wrapper { width: 100% } } .login-wrapper, .login-wrapper .form-wrapper .form-line, .registr-wrapper .form-wrapper form .two-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .login-wrapper .form-wrapper .form-line label { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 54%; font-weight: 400; text-transform: uppercase } .login-wrapper .form-wrapper .form-line input, .registr-wrapper .form-wrapper form input { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; color: #000; border: 2px solid #d9d9d9; font-family: Cardo, serif; font-size: 15px; outline: 0; padding: 10px; min-height: 45px; -webkit-box-sizing: border-box; box-sizing: border-box } .login-wrapper .form-wrapper .form-line input:focus, .registr-wrapper .form-wrapper form input:focus { border-color: #ffc7bd } .login-wrapper .form-wrapper .bottom-wrapper, .registr-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .login-wrapper .form-wrapper .bottom-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .login-wrapper .form-wrapper .bottom-wrapper .login-remember, .registr-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end } .login-wrapper .form-wrapper .bottom-wrapper .login-remember input#remember { width: 15px; height: 15px; margin-right: 5px } .login-wrapper .form-wrapper .bottom-wrapper .login-remember label { font-weight: 400 } .registr-wrapper { margin-top: 40px } .registr-wrapper .info-menu-left { width: 23%; border: 1px solid #ededed } @media screen and (max-width:767px) { .registr-wrapper .info-menu-left { width: 100%; margin-bottom: 40px } } .registr-wrapper .info-menu-left .menu-btn { display: none } @media screen and (max-width:767px) { .registr-wrapper .info-menu-left .menu-btn { display: block; padding: 15px 30px 15px 40px; position: relative } } .registr-wrapper .info-menu-left .menu-btn span { height: 2px; display: block; background: #000; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; border-radius: 3px; width: 15px; position: absolute; left: 15px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%) } .registr-wrapper .info-menu-left .menu-btn span:before { content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; border-radius: 3px; top: 5px } .registr-wrapper .info-menu-left .menu-btn span:after { content: ''; display: block; width: 100%; height: 2px; background: #000; position: absolute; border-radius: 3px; bottom: 5px } .registr-wrapper .info-menu-left .link-wrapper { display: block } @media screen and (max-width:767px) { .registr-wrapper .info-menu-left .link-wrapper { display: none } .registr-wrapper .info-menu-left .link-wrapper.active { display: block } } .registr-wrapper .info-menu-left a { display: block; padding: 15px 30px 15px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 10px; border: 0; line-height: 1.6; text-transform: none; font-size: 15px; color: #000; position: relative; border-top: 1px solid #ededed; text-decoration: none } .registr-wrapper .info-menu-left a:first-child { border-top: unset } @media screen and (max-width:767px) { .registr-wrapper .info-menu-left a:first-child { border-top: 1px solid #ededed } } .registr-wrapper .form-wrapper { width: 74% } @media screen and (max-width:767px) { .registr-wrapper .form-wrapper { width: 100% } } .registr-wrapper .form-wrapper form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex } .registr-wrapper .form-wrapper form button { width: 100%; max-width: 140px; margin: 10px 0 } .registr-wrapper .form-wrapper form label { text-transform: uppercase } .registr-wrapper .form-wrapper form .two-cols .reg-col { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48% } @media screen and (max-width:767px) { .registr-wrapper .form-wrapper form .two-cols .reg-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } } .registr-wrapper .form-wrapper form .mailing { border-bottom: 1px solid #c7c7c7; padding-bottom: 20px; margin-bottom: 10px } .registr-wrapper .form-wrapper form .mailing .title { margin-top: 15px; text-transform: uppercase; display: block; font-weight: normal; font-size: 18px; margin-bottom: 5px } .registr-wrapper .form-wrapper form .check-policy, .registr-wrapper .form-wrapper form .mailing .check-mail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .registr-wrapper .form-wrapper form .check-policy input, .registr-wrapper .form-wrapper form .mailing .check-mail input { width: 20px; height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; margin: 0 5px 0 0 } .registr-wrapper .form-wrapper form .check-policy label, .registr-wrapper .form-wrapper form .mailing .check-mail label { text-transform: unset; font-size: 14px; font-style: normal; font-weight: 400; margin: 0 } @media screen and (max-width:767px) { .registr-wrapper .form-wrapper form .mailing .check-mail label { font-size: 13px } } @media screen and (max-width:767px) { .registr-wrapper .form-wrapper form .check-policy label { font-size: 13px } } .registr-wrapper .form-wrapper form span.small { font-size: 11px; color: #a3aaaf } .registr-wrapper .form-wrapper form span.small a { font-size: 11px; color: #000; text-decoration: none } .first-banner .banner-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .first-banner .banner-item { margin: 0 20px 0 0; } .first-banner .banner-item:last-child { margin: 0; } @media screen and (max-width: 768px) { .first-banner .banner-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .first-banner .banner-item { margin: 0 0 10px 0; } } .first-banner .banner-link { text-decoration: none; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .first-banner .button-link:hover, .look-block a:hover { background: #ffc1aa } .look-block { padding-top: 30px; } @media screen and (min-width:769px) { .look-block { padding-bottom: 60px; } } .look-block .look-block-content { position: relative; } .look-block .look-block-content::before { content: ''; background-repeat: no-repeat; background-size: contain; position: absolute; width: 365px; height: 448px; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/look-bg.png); top: -52px; right: 184px; z-index: -1; pointer-events: none; } @media screen and (max-width:1200px) { .look-block .look-block-content::before { right: 10px; } } @media screen and (max-width:840px) { .look-block .look-block-content::before { right: 0; width: 270px; height: 336px; } } @media screen and (max-width:776px) { .look-block .look-block-content::before { right: 3px; width: 322px; height: 398px; } } @media screen and (max-width:575px) { .look-block .look-block-content::before { width: 268px; height: 327px; opacity: .5; } } @media screen and (max-width:510px) { .look-block .look-block-content::before { right: -6px; width: 164px; height: 327px; } } .look-block h2 { font-weight: 500; font-size: 20px; margin-bottom: 20px; color: #656565; } @media screen and (min-width:769px) { .look-block h2 { font-weight: normal; font-size: 34px; margin-bottom: 40px } } .look-block p { font-weight: 400; font-size: 14px; line-height: 20px; color: #656565; max-width: 210px; margin-bottom: 45px } @media screen and (min-width:769px) { .look-block p { max-width: 450px; font-size: 18px; line-height: 22px } } .look-block a { background: #fddfd4; border-radius: 5px; text-decoration: none; padding: 12px 23px; font-weight: 500; font-size: 18px; color: #654f4a; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } @media screen and (min-width:769px) { .look-block a { padding: 14px 60px } } .catalog-card-slider { padding: 80px 0; position: relative } .catalog-card-slider:before, .insta-block .insta-info-block:before { content: ''; position: absolute; width: 55%; height: 78%; top: 0; left: 0; background: #f8f8f8 } @media screen and (max-width:768px) { .catalog-card-slider:before { width: 100% } } .catalog-card-slider .catalog-slider__tab { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width:768px) { .catalog-card-slider .catalog-slider__tab { width: 100%; overflow: auto } } .catalog-card-slider .catalog-slider__tab .tab { margin-right: 50px; font-weight: 400; font-size: 20px; display: block; margin-bottom: 0; color: #000; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .catalog-card-slider .catalog-slider__tab .tab.active { font-weight: normal; font-size: 20px } .catalog-card-slider .catalog-card-slider-content .card-slider-container { position: relative } .catalog-card-slider .catalog-card-slider-content .content__tab { max-height: 0; overflow: hidden } .catalog-card-slider .catalog-card-slider-content .content__tab.active { max-height: 1000000px; overflow: visible } .catalog-card-slider .catalog-card-slider-content .content__tab .slider-card { overflow: visible } .slider-next, .slider-prev { width: 70px; height: 70px; position: absolute; background: #fff; -webkit-box-shadow: 0 10px 25px rgba(118, 92, 87, .18); box-shadow: 0 10px 25px rgba(118, 92, 87, .18); border-radius: 100%; z-index: 1; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .slider-next, .slider-prev { width: 60px; height: 60px; top: 35% } } .slider-next:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .slider-next:before, .slider-prev:before { content: ''; position: absolute; border: solid #a99793; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; top: 50% } @media screen and (max-width:768px) { .slider-next:before, .slider-prev:before { padding: 5px } } .slider-next.swiper-button-disabled, .slider-prev.swiper-button-disabled { opacity: 0 } .slider-next { right: -42px } @media screen and (max-width:768px) { .slider-next { right: -45px } } .slider-next:before { left: 47% } @media screen and (max-width:768px) { .slider-next:before { left: 28% } } .slider-prev { left: -42px } @media screen and (max-width:768px) { .slider-prev { left: -45px } } .slider-prev:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); left: 53% } @media screen and (max-width:768px) { .slider-prev:before { left: 74% } } .card-block a { text-decoration: none } .card-block .card-img { background-repeat: no-repeat; background-size: cover; height: 457px; background-position: bottom; background-color: #F7F7F7; } .products__wrapper .card__image-wrapper { height: 457px; background-color: #F7F7F7; } @media screen and (max-width:768px) { .card-block .card-img, .products__wrapper .card__image-wrapper { height: 356px; } } .card-block .card-decs { background: #fff; padding: 20px 20px 10px } .card-block .card-title { font-weight: 500; font-size: 16px; color: #656565; margin-bottom: 20px } .card-block .card-price, .producttabcontent .tab .tab-col .left-col p, .producttabcontent .tab .tab-col .right-col p { font-weight: normal; font-size: 18px; color: #656565; } .insta-block { padding: 40px 0 50px; background: #f8f8f8 } @media screen and (max-width:576px) { .insta-block { padding: 25px 0 } } .insta-block .content-block, .search-page form, .subscribe-container .subscribe-box form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:576px) { .insta-block .content-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .insta-block .insta-info-block { width: 45%; padding: 0 100px; background: #f8f8f8; position: relative; z-index: 1 } @media screen and (max-width:1024px) { .insta-block .insta-info-block { padding: 0 30px } } @media screen and (max-width:768px) { .insta-block .insta-info-block { width: 63% } } @media screen and (max-width:576px) { .insta-block .insta-info-block { width: 100% } } .insta-block .insta-info-block:before { width: 10000px; height: 100%; left: -9990px } .insta-block .insta-info-block .title { font-weight: normal; font-size: 34px; color: #656565; text-transform: none; margin-bottom: 40px } @media screen and (max-width:576px) { .insta-block .insta-info-block .title { font-weight: 500; font-size: 20px; margin-bottom: 20px; margin-top: 0 } } .instagram-vidget__link { font-weight: 500; font-size: 24px; color: #806189; text-decoration: underline; margin-left: 40px; display: block } @media screen and (max-width:768px) { .instagram-vidget__link { margin-left: 0; margin-bottom: 20px; margin-top: 10px; } } @media screen and (max-width:576px) { .instagram-vidget__link { font-weight: 500; font-size: 16px; } } .insta-block .insta-info-block .desc { max-width: 284px; font-weight: 500; font-size: 18px; color: #656565; line-height: 133.9% } @media screen and (max-width:576px) { .insta-block .insta-info-block .desc { margin-bottom: 20px; font-size: 16px } } .insta-block .insta-slider-block { width: 50%; z-index: 0 } @media screen and (max-width:768px) { .insta-block .insta-slider-block { width: 35% } } @media screen and (max-width:576px) { .insta-block .insta-slider-block { width: 100% } } .insta-block .insta-slider-block .foto-block { height: 274px; width: 100% } .insta-block .insta-slider-block .foto-block img { -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100%; height: 100% } .insta-block .insta-slider-container { overflow: visible; position: relative } .blog-slider-block .blog-slider-container .slider-blog-next, .blog-slider-block .blog-slider-container .slider-blog-prev, .insta-block .insta-slider-container .slider-insta-next, .insta-block .insta-slider-container .slider-insta-prev { top: 50% } .blog-slider-block { padding: 80px 0 40px } .blog-slider-block .blog-slider-container { overflow: visible; width: 100% } @media screen and (max-width:768px) { .blog-slider-block .blog-slider-container { margin-bottom: 20px } } .blog-slider-block .content-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:768px) { .blog-slider-block .content-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .blog-slider-block .content-block .title { font-weight: normal; font-size: 34px; color: #656565; text-transform: none; margin: 0 50px 20px 0 } @media screen and (max-width:768px) { .blog-slider-block .content-block .title { font-weight: 500; font-size: 20px } } .blog-slider-block .content-block .button-link { display: block; padding: 14px 60px; background: #fddfd4; border-radius: 5px; font-weight: 500; font-size: 18px; color: #654f4a; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-bottom: 50px } .blog-slider-block .content-block .button-link:hover { background: #ffc1aa } @media screen and (max-width:768px) { .blog-slider-block .content-block .button-link { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } } .blog-slider-block .article-link { min-height: 370px; position: relative; padding: 20px 20px 40px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none } .blog-slider-block .article-link:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 50%; background: -o-linear-gradient(bottom, rgba(115, 95, 90, .9) 0%, rgba(106, 92, 89, 0) 82.47%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(115, 95, 90, .9)), color-stop(82.47%, rgba(106, 92, 89, 0))); background: linear-gradient(0deg, rgba(115, 95, 90, .9) 0%, rgba(106, 92, 89, 0) 82.47%); z-index: 1; left: 0 } .blog-slider-block .article-link .img-block { position: absolute; width: 100%; height: 100%; z-index: 0; background-repeat: no-repeat; background-size: cover; top: 0; left: 0 } .blog-slider-block .article-link .title-block { position: relative; z-index: 1; margin-bottom: 0; font-weight: normal; font-size: 16px; text-decoration: none; color: #fff; line-height: 20px } .subscribe-block { padding: 30px 160px 0; margin-top: 100px; background: -o-linear-gradient(65.19deg, #a99793 -17.98%, #dccbc8 96.13%); background: linear-gradient(24.81deg, #a99793 -17.98%, #dccbc8 96.13%) } @media screen and (max-width:992px) { .subscribe-block { padding-left: 0 } } @media screen and (max-width:768px) { .subscribe-block { padding-right: 0; margin-top: 0 } } .subscribe-block .content-block { position: relative; padding-bottom: 30px } .subscribe-block .content-block:before { content: ''; position: absolute; width: 328px; height: 381px; right: 24px; bottom: 0; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/subscribe-img.png); background-repeat: no-repeat; background-size: contain; } @media screen and (max-width:1200px) { .subscribe-block .content-block:before { right: -130px; } } @media screen and (max-width:1024px) { .subscribe-block .content-block:before { right: -160px; } } @media screen and (max-width:800px) { .subscribe-block .content-block:before { width: 285px; height: 326px; } } @media screen and (max-width:768px) { .subscribe-block .content-block:before { display: none; } } .subscribe-block .subscribe-title { font-weight: normal; font-size: 26px; color: #fff; line-height: 133.9%; max-width: 483px; margin-bottom: 30px } @media screen and (max-width:768px) { .subscribe-block .subscribe-title { font-weight: 500; font-size: 20px } } .subscribe-block .subscribe-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 12px } @media screen and (max-width:768px) { .subscribe-block .subscribe-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .subscribe-block .subscribe-form .subscribe-form__input { max-width: 241px; font-size: 16px; line-height: 20px; color: #fff; background-color: transparent; border: 0; border-bottom: 2px solid #fff; padding-bottom: 20px; margin-right: 30px; margin-bottom: 0 } .subscribe-block .subscribe-form .subscribe-form__input::-webkit-input-placeholder, .subscribe-container .subscribe-box form input::-webkit-input-placeholder { color: #fff } .subscribe-block .subscribe-form .subscribe-form__input::-moz-placeholder, .subscribe-container .subscribe-box form input::-moz-placeholder { color: #fff } .subscribe-block .subscribe-form .subscribe-form__input:-ms-input-placeholder, .subscribe-block .subscribe-form .subscribe-form__input::-ms-input-placeholder { color: #fff } .subscribe-block .subscribe-form .subscribe-form__input::-webkit-input-placeholder { color: #fff } .subscribe-block .subscribe-form .subscribe-form__input::-moz-placeholder { color: #fff } .subscribe-block .subscribe-form .subscribe-form__input:-ms-input-placeholder { color: #fff } .subscribe-block .subscribe-form .subscribe-form__input::-ms-input-placeholder { color: #fff } .subscribe-block .subscribe-form .subscribe-form__input::placeholder { color: #fff } @media screen and (max-width:768px) { .subscribe-block .subscribe-form .subscribe-form__input { margin-bottom: 10px; margin-right: 0; max-width: inherit } } .subscribe-block .subscribe-form .subscribe-form__button { background: #fddfd4; border-radius: 5px; border: 0; font-weight: 500; font-size: 18px; color: #654f4a; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-transform: none; padding: 14px 45px } .subscribe-block .subscribe-form .subscribe-form__button:hover { background: #ffc1aa } .subscribe-block .policy { line-height: 16px } .subscribe-block .policy, .subscribe-block .policy a { color: #fff; font-size: 12px } .subscribe-block .form-block.hidden, .subscribe-block .form-thanks.hidden { display: none } .subscribe-block .form-thanks p { font-weight: normal; font-size: 18px; color: #fff; line-height: 133.9%; max-width: 364px } .contact-block-footer { background: #f8f8f8; position: relative; padding: 70px 0 } @media screen and (max-width:992px) { .contact-block-footer { padding-bottom: 0 } .contact-block-footer .container { margin-bottom: 20px } } @media screen and (max-width:768px) { .contact-block-footer { background: 0 0 } .contact-block-footer .container { margin-bottom: 0 } } .contact-block-footer .map-contact { width: 50%; height: 100%; position: absolute; right: 0; top: 0 } @media screen and (max-width:992px) { .contact-block-footer .map-contact { position: relative; width: 100%; height: 400px } } @media screen and (max-width:768px) { .contact-block-footer .map-contact { margin: 0 15px; width: calc(100% - 30px) } } .contact-block-footer .content-block { max-width: 553px } @media screen and (max-width:1200px) { .contact-block-footer .content-block { max-width: 400px } } @media screen and (max-width:992px) { .contact-block-footer .content-block { max-width: inherit } } @media screen and (max-width:768px) { .contact-block-footer .content-block { background: #f8f8f8; padding: 15px 10px 15px 15px } } .contact-block-footer h2 { font-weight: normal; font-size: 34px; line-height: 133.9%; color: #656565; margin-bottom: 40px; text-transform: none } @media screen and (max-width:768px) { .contact-block-footer h2 { font-weight: 500; font-size: 20px; margin-bottom: 15px } } .contact-block-footer p { font-size: 18px; color: #656565; margin-bottom: 20px } @media screen and (max-width:768px) { .contact-block-footer p { font-size: 14px } } .contact-block-footer p a { font-size: 18px; text-decoration: none } @media screen and (max-width:768px) { .contact-block-footer p a { font-size: 14px } } .contact-block-footer .contact-title { font-weight: normal; font-size: 18px; line-height: 130%; color: #656565; margin-bottom: 10px } @media screen and (max-width:768px) { .contact-block-footer .contact-title { margin-bottom: 5px } } .contact-block-footer .contact-email { font-size: 18px; line-height: 111%; color: #806189; display: block; margin-bottom: 20px; text-decoration: underline } @media screen and (max-width:768px) { .contact-block-footer .contact-email { font-size: 14px } } .contact-block-footer .button-contact { font-weight: 500; font-size: 18px; line-height: 22px; color: #654f4a; background: #fddfd4; border-radius: 5px; padding: 14px 15px; display: block; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .contact-block-footer .button-contact:hover { background: #ffc1aa } .contact-block-footer .button-contact, .success-reg img, div.bx-blue .btn.btn-default { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .search-page .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px } .search-page .text a, .search-page .text b { padding: 0 10px } .card-slider-container { overflow: visible; position: relative } .card-slider-container.swiper-container { overflow: visible } .color .swiper-button-next, .color .swiper-button-prev, .color--products .slider-next, .color--products .slider-prev { background: #fff; -webkit-box-shadow: 0 10px 25px rgba(118, 92, 87, .18); box-shadow: 0 10px 25px rgba(118, 92, 87, .18); border-radius: 50%; width: 70px; height: 70px; position: absolute; top: 32%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .color--products .slider-prev:before { position: absolute; content: ''; border: solid #a99793; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; top: 50%; left: 53%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg) } .color--products .slider-next.swiper-button-disabled, .color--products .slider-prev.swiper-button-disabled { opacity: 0 } .color--products .slider-next:after, .color--products .slider-prev:after { display: none } .color .swiper-button-prev:before, .color--products .slider-next:before { position: absolute; content: ''; border: solid #a99793; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; top: 50%; left: 47%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .color--products .card-block .card-decs { padding: 20px 0 } .color .swiper-button-next, .color .swiper-button-prev { top: 40% } .color .swiper-button-prev:before { left: 53%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg) } .color .swiper-button-next:after, .color .swiper-button-prev:after { display: none } .color .swiper-button-next.swiper-button-disabled, .color .swiper-button-prev.swiper-button-disabled { opacity: 0 } .color .swiper-button-next:before { position: absolute; content: ''; border: solid #a99793; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; top: 50%; left: 47%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .color h2 { margin-top: 65px } @media screen and (max-width:530px) { .color h2 { font-size: 30px } } .color--products h2 { margin-bottom: 40px } .margin-small { font-size: 26px; line-height: 32px; color: #656565; text-transform: none; margin-bottom: 20px; margin-top: 0 } @media screen and (max-width:450px) { .margin-small { text-align: center } } .card { width: 264px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; margin: 3px 3px 20px } @media screen and (max-width:570px) { .card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: auto; -webkit-box-shadow: none; box-shadow: none; padding: 15px 15px 15px 0; margin-bottom: 0 } .card:not(:last-child) { border-bottom: 1px solid #c4c4c4 } } .card__act { position: absolute; top: 20px; left: 20px } @media screen and (max-width:570px) { .card__act { display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; left: auto; right: 0 } .card__act .card__compare, .card__act .card__like { width: 20px; height: 20px } .card__act .card__compare svg, .card__act .card__like svg { height: 20px } .card__act .card__compare:not(:last-child), .card__act .card__like:not(:last-child) { margin-right: 10px } .card__act .card__compare { margin-top: 0 } } .card__compare, .card__like { width: 30px; height: 30px; cursor: pointer } .card__compare.actived svg, .card__like.actived svg { fill: #df242a } .card__compare svg, .card__like svg { height: 30px; width: 100%; fill: #c4c4c4 } .card__compare { margin-top: 10px } @media (max-width:1130px) { .card .card__image-wrapper { margin: 0 auto } } @media screen and (max-width:570px) { .card .card__image-wrapper { width: 120px; height: 120px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 15px 0 auto; position: relative } } .card .card__name { display: inline-block; text-decoration: none; word-break: break-word; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; margin-top: 23px; margin-bottom: 23px } @media screen and (max-width:570px) { .card .card__name { font-size: 12px } } .card__in-stock { font-size: 14px; line-height: 19px; color: #6f6f6f; padding-left: 25px; position: relative; margin: 0; padding-top: 15px } @media screen and (max-width:570px) { .card__in-stock { font-size: 12px; padding-top: 10px } } .card__in-stock:before { position: absolute; content: ''; width: 15px; height: 15px; left: 0; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/instock.svg); background-repeat: no-repeat; background-size: contain } .card__in-stock.not-available { padding-left: 0 } .card__in-stock.not-available::before { display: none } .card__price { margin-top: auto; position: relative } @media (max-width:570px) { .card__price { min-height: auto; margin-top: 0 } } .card__price.instock:hover .card__prices { visibility: hidden; opacity: 0 } .card__price.instock:hover .card__buy { visibility: visible; opacity: 1 } .card__prices { position: relative; padding-top: 35px; opacity: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } @media screen and (max-width:570px) { .card__prices { padding-top: 20px; margin-bottom: 10px } } .card__sale { position: absolute; right: 0; font-size: 20px; line-height: 27px; color: #7d7d7d; margin: 0; top: 10px } .card__sale:before { position: absolute; content: ''; width: 100%; height: 2px; background-color: #df242a; top: 48% } @media screen and (max-width:570px) { .card__sale { top: 0; left: 45px; right: auto; font-size: 14px } } .card__main-price { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #656565; margin: 23px 0 0 } @media screen and (max-width:570px) { .card__main-price { font-size: 20px } } .card__buy { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; padding: 18px; text-align: center; border-radius: 5px; background-color: #df242a; font-size: 18px; line-height: 25px; color: #fff; text-decoration: none; bottom: 0; visibility: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0 } @media screen and (max-width:570px) { .card__buy { max-width: 120px; font-size: 12px; padding-top: 2px; padding-bottom: 2px; position: static; opacity: 1; visibility: visible } } .test { display: -webkit-box; display: -ms-flexbox; display: flex } ul.products__slider { list-style-type: none; padding-left: 0; margin-bottom: 70px; overflow: hidden } h2 { font-size: 34px; line-height: 133.9%; color: #656565; text-transform: none } .products { margin-top: 18px; position: relative } .products__wrapper.swiper-container { overflow: visible } .products__wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; } .products__wrapper.products__wrapper--no-photo img { -o-object-fit: none; object-fit: none; } .card__content, .gal { display: -webkit-box; display: -ms-flexbox; display: flex } .card__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; margin-top: 23px; -webkit-box-flex: 1 } .gal { margin-right: 6%; max-width: 100%; -webkit-box-flex: 0; padding-left: 204px; position: relative; -ms-flex: 0 0 60%; flex: 0 0 60%; height: 752px } @media screen and (max-width:1170px) { .gal { padding-left: 34px; -webkit-box-flex: 0; -ms-flex: 0 0 41%; flex: 0 0 41%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; /* height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; */ display: -webkit-box; display: -ms-flexbox; display: flex; width: 41% } } @media screen and (max-width:800px) { .gal { width: 100%; padding-right: 123px; padding-left: 123px; margin: 0 auto; padding-bottom: 145px; -webkit-box-flex: 0; -ms-flex: 0 0 600px; flex: 0 0 600px; } } @media screen and (max-width:600px) { .gal { padding-right: 30px; padding-left: 30px } } @media screen and (max-width:575px) { .gal { padding-right: 0; padding-left: 0; } } .gal .swiper-button-prev { background: #fff; -webkit-box-shadow: 0 10px 25px rgba(118, 92, 87, .18); box-shadow: 0 10px 25px rgba(118, 92, 87, .18); border-radius: 50%; width: 70px; height: 70px; position: absolute; top: 50%; left: 169px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:1170px) { .gal .swiper-button-prev { left: 85px } } @media screen and (max-width:600px) { .gal .swiper-button-prev { left: -4px } } .gal .swiper-button-prev:before { position: absolute; content: ''; border: solid #a99793; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; top: 50%; left: 53%; -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg) } .gal .swiper-button-next.swiper-button-disabled, .gal .swiper-button-prev.swiper-button-disabled { opacity: 0 } .gal .swiper-button-next:after, .gal .swiper-button-prev:after { display: none } .gal .swiper-button-next { right: -34px; background: #fff; -webkit-box-shadow: 0 10px 25px rgba(118, 92, 87, .18); box-shadow: 0 10px 25px rgba(118, 92, 87, .18); border-radius: 50%; width: 70px; height: 70px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:800px) { .gal .swiper-button-next { right: 86px } } @media screen and (max-width:600px) { .gal .swiper-button-next { right: -4px } } .gal .swiper-button-next:before { position: absolute; content: ''; border: solid #a99793; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; top: 50%; left: 47%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .gal .gallery-thumbs-wrapper { height: 100%; position: absolute; top: 0; left: 0 } @media screen and (max-width:1170px) { .gal .gallery-thumbs-wrapper { position: relative; height: auto } } .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs { height: 97%; left: 0; top: 15px; z-index: 2 } @media screen and (max-width:1170px) { .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs { position: relative; height: auto } } @media screen and (max-width:800px) { .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs { position: absolute; width: 100% } } @media screen and (max-width:1170px) { .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs .swiper-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } } .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide { cursor: pointer; width: 76px; height: 97px !important; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; opacity: .4 } .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { opacity: 1 } .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide.video, .img-magnifier-container { position: relative } .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide.video::before, .gal .gallery-top .swiper-wrapper .swiper-slide.video::before { position: absolute; content: ''; background-image: url(/img/play-slide.png); background-repeat: no-repeat; background-position: center center; bottom: 50%; right: 50%; width: 38px; height: 38px; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%) } .gal .gallery-top { width: 100%; height: 100%; z-index: 10 } /* @media screen and (max-width:1170px) { .gal .gallery-top .swiper-wrapper { height: auto } } */ .gal .gallery-thumbs-wrapper .swiper-container.gallery-thumbs .swiper-wrapper .swiper-slide, .gal .gallery-top .swiper-wrapper .swiper-slide { background-color: #c5c5c5; background-repeat: no-repeat; background-position: center; background-size: cover } .gal .gallery-top .swiper-wrapper .swiper-slide.video { position: relative; cursor: pointer } .gal .gallery-top .swiper-wrapper .swiper-slide.video::before { background-image: url(/img/play-big-slide.png); width: 90px; height: 90px } .gal .gallery-top .swiper-wrapper .swiper-slide.swiper-slide-active img { height: 100%; -o-object-fit: cover; object-fit: cover } .img-magnifier-glass { position: absolute; cursor: none; width: 308px; height: 308px; border: 1px solid #fddfd4; border-radius: 5px; opacity: 0 !important } @media screen and (max-width:800px) { .img-magnifier-glass { display: none } } .swiper-slide:hover .img-magnifier-glass { opacity: 1 !important } .mainside { margin-top: 40px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:800px) { .mainside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .after-h1, .after-h1 .cardbtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:450px) { .after-h1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .after-h1 .cardbtn { padding: 0; border: 0; background: 0 0; cursor: pointer; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-transform: none; width: auto } .after-h1 .cardbtn:last-child { margin-right: 0 } .after-h1 .cardbtn span { display: none; font-weight: normal; font-size: 16px; line-height: 20px; letter-spacing: .01em; color: #a99793; margin-left: 13px } .after-h1 .cardbtn:first-child span { margin-left: 0 } .after-h1 .cardbtn.fav { margin-left: auto } .after-h1 .cardbtn.fav .hearth { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/fav.png); width: 43px; height: 40px; background-position: center; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 43px; flex: 0 0 43px; } .after-h1 .cardbtn.fav.infav span { color: #a99793 } .after-h1 .cardbtn.fav.infav .hearth { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/infav.png) } .after-h1 .cardbtn.fav span.to { display: block } @media screen and (max-width:450px) { .after-h1 .cardbtn.fav span.to { display: none !important } } .after-h1 .cardbtn.fav span.in, .after-h1 .cardbtn.fav.infav span.to { display: none } @media screen and (max-width:450px) { .after-h1 .cardbtn.fav span.in { display: none !important } } .after-h1 .cardbtn.fav.infav span.in { display: block } .card-text-block { -webkit-box-flex: 0; -ms-flex: 0 0 34%; flex: 0 0 34%; width: 100% } @media screen and (max-width:1170px) { .card-text-block { -webkit-box-flex: 0; -ms-flex: 0 0 53%; flex: 0 0 53% } } .card-text-block .color-block { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; line-height: 145%; color: #656565; margin-bottom: 20px } @media screen and (max-width:450px) { .card-text-block .color-block { text-align: center } } .card-text-block .color-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:450px) { .card-text-block .color-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .card-text-block .color-row .color-item { width: 76px; height: 97px; cursor: pointer; margin-right: 15px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 15px; } @media screen and (max-width:450px) { .card-text-block .color-row .color-item { margin-bottom: 10px } } /* .card-text-block .color-row .color-item:last-child { margin-right: 0 } */ .card-text-block .color-row .color-item.doesnt { opacity: .6; position: relative; cursor: default !important } .card-text-block .color-row .color-item.doesnt::before, .card-text-block .size-row .size-item.doesnt::before { position: absolute; content: ''; top: 50%; left: -24px; width: 121px; -webkit-transform: rotate(-52deg); -ms-transform: rotate(-52deg); transform: rotate(-52deg); border-top: 1px solid #c1c1c1; cursor: default !important } .card-text-block .color-row .color-item.active { border: 1px solid #735f5a } .card-text-block .art { line-height: 20px; color: #656565; margin-right: 32px } .card-text-block .revcount { color: #806189; line-height: 20px; cursor: pointer } .card-text-block .after-price a:hover, .card-text-block .revcount:hover, .category-wrapper .category-cards .carditem a:hover { text-decoration: none } .card-text-block .price { font-weight: normal; font-size: 26px; color: #656565; } .card-text-block .card-desc { line-height: 145%; color: #656565; } .card-text-block .after-price { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 40px } @media screen and (max-width:450px) { .card-text-block .after-price { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .basket-row span, .card-text-block .after-price .recommend-about { cursor: pointer } .card-text-block .after-price .sostav-tkani { margin-right: 37px; cursor: pointer } @media screen and (max-width:450px) { .card-text-block .after-price .sostav-tkani { margin-right: 0; margin-bottom: 10px } } .card-text-block .after-price a { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #806189; display: block } .card-text-block .price-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 20px } @media screen and (max-width:575px) { .card-text-block .price-block { margin-bottom: 0; } .card-text-block .price-block>* { margin-bottom: 20px; } } .card-text-block .price-block .price-not-sale { font-size: 16px; line-height: 17px; color: #a1a1a1; text-decoration: line-through; padding-top: 4px; margin-right: 20px; font-weight: 600 } .card-text-block .we-have { margin-left: 32px; color: #ec0c0c; display: none } .card-text-block .we-have.hidden { display: block } .card-text-block .size-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:450px) { .card-text-block .size-block { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .card-text-block .size-block .size { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; line-height: 145%; color: #656565; } @media screen and (max-width:450px) { .card-text-block .size-block .size { margin-right: 0; margin-bottom: 10px } } .card-text-block .size-block .size-recommend { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; cursor: pointer } .card-text-block .size-row { margin-top: 20px; margin-bottom: 20px; display: none; -ms-flex-wrap: wrap; flex-wrap: wrap } .card-text-block .size-row p { font-size: 16px; color: #000; margin-bottom: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 92px; margin-bottom: 20px; } @media screen and (max-width:450px) { .card-text-block .size-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .card-text-block .size-row.active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .basket__size-row { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .basket__size-row p, .basket__color-title p { margin-bottom: 0; margin-right: 10px; font-size: 16px; line-height: 20px; font-weight: 400; color: #a1a1a1; } .basket__color-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket__color-item { width: 50px; height: 70px; background-position: center; background-repeat: no-repeat; background-size: cover; } .basket__size-item { font-size: 16px; line-height: 100%; color: #a1a1a1; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-text-block .size-row .size-item { font-weight: normal; font-size: 18px; line-height: 22px; color: #a99793; padding: 14px 13px; border: 1px solid #a99793; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 20px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media screen and (max-width:450px) { .card-text-block .size-row .size-item { margin-bottom: 10px } } .card-text-block .size-row .size-item.choose { color: #735f5a; background-color: #eee2df } .card-text-block .size-row .size-item.doesnt { color: #d6d6d6; border: 1px solid #c1c1c1; position: relative; cursor: default !important } .card-text-block .size-row .size-item.doesnt::before { left: -10px; width: 71px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .card-text-block .size-row .size-item:last-child { margin-right: 0 } .zakaz-row { margin: 40px 0 0; display: none } .zakaz-row.hidden { display: block } .zakaz-row .zakaz-btn { color: #654f4a; padding: 14px 30px; background-color: #dedede; border-radius: 5px; font-size: 18px; line-height: 22px; cursor: pointer; max-width: 360px; width: 100%; text-align: center } .basket-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 25px 0 0; } @media screen and (max-width:450px) { .basket-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .basket-row.novis { display: none } .basket-row .number-spinner { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 45px 0 0 } @media screen and (max-width:450px) { .basket-row .number-spinner { margin-right: 0; margin-bottom: 15px } } .basket-row .minus { padding: 15px; background: #eee2df; border: 1.5px solid #e2e2e2; display: block; font-family: Gotham Pro; font-size: 25.7143px; line-height: 50%; font-weight: 600 } .basket-row .minus, .basket-row .plus, .basket-row input { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2.85714px; text-align: center; color: #654f4a; width: 50px; height: 50px } .basket-row .plus { padding: 15px; background: #eee2df; display: block; font-family: Gotham Pro; line-height: 18px; font-weight: normal; border: 1.5px solid #e2e2e2; font-size: 25.7143px } .basket-row input { border: 1.42857px solid #dbd6d0; margin: 0 10px; font-size: 18px } .basket-btn { color: #654f4a; padding: 14px 37px; background-color: #fddfd4; border-radius: 5px; font-size: 18px; line-height: 22px; cursor: pointer } .producttabtips .tabline { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; margin-bottom: 40px } @media screen and (max-width:530px) { .producttabtips .tabline { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .producttabtips .tabline .tabitem { font-size: 26px; line-height: 32px; color: #656565; margin-right: 54px; cursor: pointer } @media screen and (max-width:800px) { .producttabtips .tabline .tabitem { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; margin-right: 2%; text-align: center } } @media screen and (max-width:650px) { .producttabtips .tabline .tabitem { font-size: 19px; line-height: 22px } } @media screen and (max-width:530px) { .producttabtips .tabline .tabitem { text-align: left; margin-bottom: 10px } } .producttabtips .tabline .tabitem:last-child { margin-right: 0; margin-bottom: 0 } .producttabtips .tabline .tabitem.active { font-weight: normal; } .producttabcontent { margin-bottom: 80px } .producttabcontent .tab { display: none } .producttabcontent .tab .tab-col { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width:450px) { .producttabcontent .tab .tab-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .producttabcontent .tab .tab-col .left-col { margin-right: 87px } .producttabcontent .tab .discus .discus-item .discus-left, .producttabcontent .tab .tab-col .left-col, .producttabcontent .tab .tab-col .right-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .producttabcontent .tab .discus .discus-item .discus-left { width: 100%; } .producttabcontent .tab .discus .comments, .producttabcontent .tab .give-review p { font-size: 18px; line-height: 180%; color: #656565; margin-bottom: 20px } .producttabcontent .tab .give-review div.review-btn { font-size: 18px; line-height: 22px; color: #654f4a; padding: 14px 19px; background-color: #fddfd4; border-radius: 5px; width: 207px; text-align: center; margin-bottom: 20px; cursor: pointer } @media screen and (max-width:450px) { .producttabcontent .tab .give-review div.review-btn { margin: 0 auto 15px } } .producttabcontent .tab .discus .comments { margin-bottom: 40px } @media screen and (max-width:450px) { .producttabcontent .tab .discus .comments { text-align: center } } .producttabcontent .tab .discus .discus-item { background-color: #f8f8f8; padding: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px } .producttabcontent .tab .discus .discus-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width:450px) { .producttabcontent .tab .discus .discus-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } } @media screen and (max-width:450px) { .producttabcontent .tab .discus .discus-item .discus-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .producttabcontent .tab .discus .discus-item img { width: 70px; height: 70px; border-radius: 50%; margin-right: 30px; -o-object-fit: cover; object-fit: cover } .producttabcontent .tab .discus .discus-item .review-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media screen and (max-width:530px) { .producttabcontent .tab .discus .discus-item .review-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .producttabcontent .tab .discus .discus-item .review-text .review-title { font-weight: normal; font-size: 18px; line-height: 180%; color: #656565; } .producttabcontent .tab .discus .discus-item .review-text .review-desc { font-size: 18px; line-height: 29px; max-width: 83% } .producttabcontent .tab .discus .discus-item .grey-border { width: 78px; height: 1px; background-color: #a99793; margin: 12px 0 } .producttabcontent .tab .discus .discus-item .review-data { line-height: 180%; color: #9a9a9a } .producttabcontent ul { padding-left: 20px; margin-bottom: 20px } .producttabcontent ul li { color: #656565; margin: 12px 0; font-size: 16px; line-height: 180%; list-style-type: none; position: relative } .producttabcontent ul li::before { position: absolute; content: ''; top: 8px; left: -18px; background-color: #a99793; border-radius: 50%; width: 7px; height: 7px } .tab[data-tab=chars] p { font-size: 16px !important; line-height: 180% !important; color: #656565 !important; } .discus-pagination, .modal.add-to-basket .item-info, .producttabcontent .tab .discus .discus-item { display: -webkit-box; display: -ms-flexbox; display: flex } .discus-pagination { margin: 20px auto 0; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .discus-pagination .page-current, .discus-pagination .page-more, .discus-pagination a { font-size: 18px; letter-spacing: .01em; text-decoration: none; margin: 0 5px; font-weight: normal; color: #a99793 } .discus-pagination .page-current { background: #fddfd4; -webkit-box-shadow: 0 5.85455px 14.6364px rgba(118, 92, 87, .18); box-shadow: 0 5.85455px 14.6364px rgba(118, 92, 87, .18); border-radius: 50%; padding: 6px 15px; line-height: 154.2% } .discus-pagination .page-more, .discus-pagination a { line-height: 2 } .discus-pagination span.page-next, .discus-pagination span.page-previous { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 38px; flex: 0 0 38px; cursor: pointer; background: #fddfd4; -webkit-box-shadow: 0 5.85455px 14.6364px rgba(118, 92, 87, .18); box-shadow: 0 5.85455px 14.6364px rgba(118, 92, 87, .18); border-radius: 50%; padding: 20px } .discus-pagination span.page-next:after, .discus-pagination span.page-previous:after { content: ''; position: absolute; width: 11px; height: 11px; top: 36%; left: 42%; border-left: 2px solid #a99793; border-top: 2px solid #a99793; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .discus-pagination span.page-next:after { left: 33%; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .discus-pagination a { line-height: 154.2%; padding: 6px 15px } .discus-pagination a.page-next, .discus-pagination a.page-previous { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 38px; flex: 0 0 38px } .discus-pagination a.page-next:after, .discus-pagination a.page-previous:after { content: ''; display: inline-block; position: absolute; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/pagen-arrow-left.png); width: 18px; height: 10px; background-repeat: no-repeat; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50% } .discus-pagination a.page-next:after { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/pagen-arrow-right.png) } .modal.add-to-basket .item-info { padding-bottom: 26px; padding-top: 24px; border-bottom: 1px solid rgba(169, 151, 147, 0.5); display: -ms-grid; display: grid; -ms-grid-columns: 69px 24px auto; grid-template-columns: 69px auto; gap: 24px; } .modal.add-to-basket .button-wrp .close { position: relative; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-weight: 500; font-size: 12px; line-height: 140%; text-transform: uppercase; color: #A99793; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .modal.add-to-basket .button-wrp .close:hover { color: #6C5B57; } .modal.add-to-basket .img { height: 104px; width: 100%; overflow: hidden; margin-top: 3px; } .modal.add-to-basket .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .modal.add-to-basket .item-content { display: -ms-grid; display: grid; -ms-grid-columns: auto 20px 70px; grid-template-columns: auto 70px; gap: 39px 20px; } .modal.add-to-basket .title { font-weight: 500; font-size: 14px; line-height: 120%; color: #656565; } .modal.add-to-basket .size { font-weight: 500; font-size: 14px; text-align: right; color: #656565; line-height: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-grid-column: 2; grid-column-start: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal.add-to-basket .color { font-weight: 400; font-size: 12px; color: #656565; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 15px; } .modal.add-to-basket .color span:first-child { border-radius: 50%; width: 15px; height: 15px; } .category-wrapper .cats-line ul.subcateg-list li a.active { font-weight: 600 } .modal.add-to-basket .item-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal.add-to-basket .old-price { font-weight: 500; font-size: 12px; line-height: 120%; text-align: right; color: #A2A2A2; text-decoration: line-through; padding-top: 6px; } .modal.add-to-basket .price-now { font-weight: 500; font-size: 14px; line-height: 120%; text-align: right; color: #656565; } .modal.add-to-basket .button-wrp { margin-top: 26px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal.add-to-basket .button-wrp .basket-btn { font-weight: 500; font-size: 12px; line-height: 140%; text-transform: uppercase; color: #A99793; border: none; padding: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .modal.add-to-basket .button-wrp .basket-btn:hover { color: #6C5B57; background-color: transparent; } .button-wrp .basket-btn { padding: 14px 20px; } .modal.add-to-basket, .modal.write-me { max-width: inherit; -webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); border-radius: 2px; overflow-x: hidden; } .modal--new.add-to-basket .form { padding: 42px 45px; padding-top: 35px; } @media screen and (max-width: 585px) { .modal--new.add-to-basket .form { padding: 31px; padding-top: 26px; padding-bottom: 36px; } .modal.add-to-basket .item-info { padding-bottom: 14px; padding-top: 18px; -ms-grid-columns: auto; grid-template-columns: auto; gap: 0; position: relative; } .modal.add-to-basket .img { height: 88px; width: 58px; margin-top: 0px; position: absolute; left: 0; top: 18px; } .modal.add-to-basket .color span:first-child { width: 8px; height: 8px; margin-top: -1px; } .modal.add-to-basket .title { padding-left: 71px; font-size: 11px; line-height: 120%; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3; min-height: 88px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 7px; } .modal.add-to-basket .item-content { -ms-grid-columns: auto 10px 40%; grid-template-columns: auto 40%; gap: 0 10px; } .modal.add-to-basket .item-price { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 2; grid-row-end: 4; -ms-grid-column: 2; grid-column-start: 2; } .modal.add-to-basket .color { font-size: 10px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 4px; } .modal.add-to-basket .size { font-size: 11px; text-align: left; line-height: 12px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-grid-column: 1; grid-column-start: 1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .modal.add-to-basket .old-price { font-size: 10px; line-height: 9px; padding-top: 3px; } .modal.add-to-basket .price-now { font-size: 12px; } .modal.add-to-basket .button-wrp { margin-top: 24px; } .modal.add-to-basket .button-wrp .close { font-size: 11px; margin-bottom: 17px; padding: 4px 15px; } .modal.add-to-basket .button-wrp .basket-btn { font-size: 11px; } .modal.add-to-basket .button-wrp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .modal.write-me .form.spasibo p { font-family: Montserrat; font-size: 16px; line-height: 20px } .modal.write-me .form p { font-weight: normal; font-size: 26px; line-height: 32px; color: #656565; margin-bottom: 30px } .modal.write-me .form .form-body { padding: 0 } .modal.write-me .form .button-wrp { padding: 0; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .modal.write-me .form .button-wrp p { font-family: Open Sans; font-size: 12px; line-height: 16px; color: #656565; margin-bottom: 0; font-weight: 500 } .modal.write-me .form .button-wrp p a { font-family: Open Sans; font-size: 12px; line-height: 16px; color: #656565; text-decoration: underline; font-weight: 500 } .modal.write-me input { max-width: 240px; font-size: 16px; border: 0; border-bottom: 1px solid #333; padding-bottom: 10px; margin-right: 0; margin-bottom: 30px; padding-left: 0 } .modal.write-me input::-webkit-input-placeholder { line-height: 20px; color: #656565; } .modal.write-me input::-moz-placeholder { line-height: 20px; color: #656565; } .modal.write-me input:-ms-input-placeholder, .modal.write-me input::-ms-input-placeholder { line-height: 20px; color: #656565; } .modal.write-me input::-webkit-input-placeholder { line-height: 20px; color: #656565; } .modal.write-me input::-moz-placeholder { line-height: 20px; color: #656565; } .modal.write-me input:-ms-input-placeholder { line-height: 20px; color: #656565; } .modal.write-me input::-ms-input-placeholder { line-height: 20px; color: #656565; } .modal.write-me input::placeholder { line-height: 20px; color: #656565; } .modal.recommend { max-width: 460px; padding: 35px 45px; background: #f8f8f8; border: 1.43px solid #dbd6d0; -webkit-box-sizing: border-box; box-sizing: border-box; left: 70%; } .modal.recommend .form p { font-weight: normal; font-size: 17px; color: #656565; margin-bottom: 30px } .modal.recommend .form .img-recommend { position: relative } .modal.recommend .form .img-recommend img { width: 100%; max-height: 451px; -o-object-fit: cover; object-fit: cover } .modal.recommend .form .img-recommend .img-text { position: absolute; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; padding: 12px; background: rgba(255, 255, 255, .8); border-radius: 5px } .modal.recommend .form .img-recommend .img-text.og { top: 165px; left: -24px } .modal.recommend .form .img-recommend .img-text.og::before { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/); background-repeat: no-repeat; position: absolute; content: '' } .modal.recommend .form .img-recommend .img-text.ot { top: 250px; right: -17px; } .modal.recommend .form .img-recommend .img-text.ob { bottom: 27px; left: -24px; margin-bottom: 0 } .modal.recommend .form table { width: 100%; margin: 18px auto 20px; font-weight: 400; font-size: 14px; line-height: 17px; color: #656565; } .modal.recommend .form table th { font-weight: normal; padding: 0 5px } .modal.recommend .form table td { padding: 7px 5px } .modal.recommend .form table td:first-child { font-weight: 600 } .modal.recommend .form table tr { background-color: #fff; border-bottom: 15px solid #f8f8f8; border-top: 15px solid #f8f8f8 } .modal.recommend .form table tr:first-child { background-color: #f8f8f8 } .modal.recommend .form span { font-size: 14px; color: #656565; } .recommend__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .recommend__info span:not(:last-child) { margin-bottom: 10px; } @media screen and (max-width:991px) { .modal.recommend { left: auto; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width:767px) { .modal.recommend { max-width: 290px; padding: 20px; max-height: 100%; } .modal.recommend .form .img-recommend .img-text.og { top: 117px; left: 6px; } .modal.recommend .form .img-recommend .img-text { font-size: 14px; padding: 5px; } .modal.recommend .form .img-recommend .img-text.ot { top: 172px; right: 9px; } .modal.recommend .form .img-recommend .img-text.ob { bottom: 26px; left: 12px; margin-bottom: 0; } .modal.recommend .form span { font-size: 12px; color: #656565; } } .category-wrapper .cats-line ul.subcateg-list { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 15px 0 33px; max-height: 102px; overflow: hidden; padding-right: 55px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category-wrapper .cats-line ul.subcateg-list li { margin-right: 10px; margin-bottom: 10px; padding: 10px 25px; margin-top: 0; border: 1px solid #6c5b57; border-radius: 5px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category-wrapper .cats-line ul.subcateg-list li:hover a { text-decoration: none; } .category-wrapper .cats-line ul.subcateg-list li:hover { background-color: #fddfd4; border-color: #fddfd4; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category-wrapper .cats-line ul.subcateg-list li a { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; color: #000; display: block } .category-wrapper .cats-line ul.subcateg-list::before { position: absolute; right: 0; top: 0; height: 100%; width: 60px; content: ''; z-index: 1; background: -o-linear-gradient(right, #fff 0, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, right top, left top, color-stop(0, #fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%); display: none; } @media screen and (max-width:767px) { .category-wrapper .cats-line ul.subcateg-list li a { font-size: 14px; line-height: 14px } } @media screen and (max-width:575px) { .category-wrapper .cats-line ul.subcateg-list li { margin-bottom: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; white-space: nowrap; position: relative; } .category-wrapper .cats-line ul.subcateg-list::before { display: block; } .category-wrapper .cats-line ul.subcateg-list { overflow-x: auto; /* padding-bottom: 10px; */ } .category-wrapper .cats-line ul.subcateg-list li:last-child { margin-right: 0; } .category-wrapper .cats-line ul.subcateg-list::-webkit-scrollbar { /* height: 6px; */ height: 0px; background-color: #c4c4c4; border-radius: 15px; } .category-wrapper .cats-line ul.subcateg-list::-webkit-scrollbar-thumb { background-color: #a99793; border-radius: 15px; } } .category-wrapper .filter-wrapper, .category-wrapper .filter-wrapper .sorting-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .category-wrapper .filter-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px } @media screen and (max-width:767px) { .category-wrapper .filter-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end } } .category-wrapper .filter-wrapper .sorting-wrapper { margin-bottom: 10px } @media screen and (max-width:767px) { .category-wrapper .filter-wrapper .sorting-wrapper { margin-bottom: 30px } } .category-wrapper .filter-wrapper .sorting-wrapper span { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; margin-right: 15px; display: block; padding-bottom: 5px } .category-wrapper .filter-wrapper .sorting-wrapper .sorts { position: relative } .category-wrapper .filter-wrapper .sorting-wrapper .sorts .active { padding-right: 30px; position: relative; border-bottom: 1px solid #735f5a; padding-bottom: 8px; cursor: pointer; font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #735f5a; min-width: 181px } .category-wrapper .filter-wrapper .sorting-wrapper .sorts .active:before { content: ''; position: absolute; width: 10px; height: 10px; border-left: 2px solid #735f5a; border-bottom: 2px solid #735f5a; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); top: 10px; right: 0 } .category-wrapper .filter-wrapper .sorting-wrapper .sorts .active.open:before { -webkit-transform: rotate(135deg) translateY(-50%); -ms-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); top: 4px; right: 4px } .category-wrapper .filter-wrapper .sorting-wrapper .sorts .drop { display: none } .category-wrapper .filter-wrapper .sorting-wrapper .sorts .drop.vis { display: block; position: absolute; background: #f9f9f9; width: 200px; left: 0; z-index: 12 } .category-wrapper .filter-wrapper .sorting-wrapper .sorts .drop.vis a { display: block; text-align: left; padding: 10px 21px 10px 10px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; } .category-wrapper .filter-wrapper .sorting-wrapper .sorts .drop.vis a.chosen, .favorite-page .sorts .drop.vis a.chosen { background: #eae5e0 } .category-wrapper .category-cards, .category-wrapper .filter-wrapper .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .category-wrapper .filter-wrapper .filter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .category-wrapper .filter-wrapper .filter button.remove-filter { background: #fff; border: unset; text-transform: unset; padding: 0; width: unset; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #a1a1a1; margin-right: 44px; position: relative; margin-left: 20px } @media screen and (max-width:767px) { .category-wrapper .filter-wrapper .filter button.remove-filter { font-size: 14px; margin-right: 15px } } .category-wrapper .filter-wrapper .filter button.remove-filter:after, .category-wrapper .filter-wrapper .filter button.remove-filter:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: -21px; content: ' '; height: 15px; width: 2px; background-color: #a1a1a1; top: 2px } .category-wrapper .filter-wrapper .filter button.remove-filter:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .category-wrapper .filter-wrapper .filter .open-filter { background: #fddfd4; border-radius: 5px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; text-align: center; color: #654f4a; width: 170px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; border: 1px solid #fddfd4 } .category-wrapper .category-cards .seemore-wrapper button.seemore-cards:hover, .category-wrapper .filter-wrapper .filter .open-filter:hover { background: #fff } @media screen and (max-width:767px) { .category-wrapper .filter-wrapper .filter .open-filter { font-size: 14px; width: 120px; height: 35px } } .category-wrapper .filter-wrapper .filter .block-for-filter { display: none; position: fixed; right: 0; top: 0; background: #fff; -webkit-transition: margin .3s cubic-bezier(.25, .46, .45, .94); -o-transition: margin .3s cubic-bezier(.25, .46, .45, .94); transition: margin .3s cubic-bezier(.25, .46, .45, .94); -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 533px; width: 100%; z-index: 1000; padding: 40px 70px; height: 100vh; } .block-for-filter .bx-filter .bx-filter-parameters-box-title span { border: none; } .block-for-filter .bx-filter .bx-filter-parameters-box-title span:hover { border: none; } .block-for-filter .bx-filter .bx-filter-parameters-box { margin-bottom: 40px; padding: 0; } .block-for-filter .bx-filter .bx-filter-parameters-box:first-child { margin-bottom: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .block-for-filter .bx-filter-parameters-box-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; } .block-for-filter .bx-filter-parameters-box-container .col-xs-12, .block-for-filter .bx-filter .bx-filter-button-box, .block-for-filter .bx-filter .bx-filter-param-label { padding: 0; } .block-for-filter .bx-filter .bx-filter-input-checkbox input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .bx-filter .bx-filter-param-label { min-height: 30px; } .block-for-filter .bx-filter .bx-filter-input-checkbox { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .block-for-filter .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { margin-left: 50px; font-weight: normal; font-size: 18px; line-height: 160%; color: #735F5A; position: relative; height: 100%; } .block-for-filter .bx-filter .bx-filter-param-label .bx-filter-param-text::before { position: absolute; content: ''; width: 28px; height: 28px; border: 1px solid #A99793; left: -50px; top: 0; background-color: #fff; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .block-for-filter .bx-filter .bx-filter-param-label .bx-filter-param-text::after { position: absolute; content: ''; width: 14px; height: 10px; background-image: url('/bitrix/templates/ivadesign/img/checked.png'); left: -41px; top: 10px; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .block-for-filter .bx-filter .bx-filter-param-label input:checked+.bx-filter-param-text::before { background-color: #EEE2DF; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .block-for-filter .bx-filter .bx-filter-param-label input:checked+.bx-filter-param-text::after { opacity: 1; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category-wrapper .filter-wrapper .filter .block-for-filter .top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .block-for-filter .row { margin: 0; } .block-for-filter .bx-filter-parameters-box-container { padding-bottom: 0; } .block-for-filter .bx-filter { margin-bottom: 0; } .block-for-filter .smartfilter>.row:first-child { overflow-y: auto; padding-right: 36px; max-height: 75vh; min-height: 60vh; } .block-for-filter .bx-filter .bx-filter-popup-result.left { display: none !important; } .block-for-filter .smartfilter>.row::-webkit-scrollbar { width: 4px; background-color: #EEE2DF; border-radius: 13px; } .block-for-filter .smartfilter>.row::-webkit-scrollbar-thumb { background: #CAB4AF; border-radius: 13px; } .category-wrapper .filter-wrapper .filter .block-for-filter .top span.close { cursor: pointer; width: 16px; height: 16px; float: none; position: absolute; right: 100px; top: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-shadow: none; opacity: 1; } .block-for-filter .btn-link, .block-for-filter .btn-themes { border-radius: 5px; padding: 14px; text-align: center; border: 1px solid #a99793; max-width: 158px; font-weight: 500; font-size: 18px; line-height: 22px; height: 50px; color: #654f4a; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-transform: none; text-decoration: none; padding: 0; width: 100%; } .block-for-filter .btn-link:hover { text-decoration: none; color: #a68c86; border: 1px solid #a68c86; } .block-for-filter .bx-filter.bx-blue .btn-themes { background: #fddfd4; border: 0; color: #654F4A; border: 1px solid #fddfd4; } .block-for-filter .btn-themes:hover { background: #ffc1aa; color: #654f4a; border: 1px solid #fddfd4; } .category-wrapper .filter-wrapper .filter .block-for-filter .top span.close:after, .category-wrapper .filter-wrapper .filter .block-for-filter .top span.close:before { position: absolute; display: block; top: 10px; left: 0; content: ""; width: 16px; height: 2px; background: #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .category-wrapper .filter-wrapper .filter .block-for-filter .top span.close:hover, .category-wrapper .filter-wrapper .filter .block-for-filter .top span.close:focus { opacity: 1; } .category-wrapper .filter-wrapper .filter .block-for-filter .top span.close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .category-wrapper .filter-wrapper .filter .block-for-filter .top span.title { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 26px; line-height: 32px; color: #656565; margin-bottom: 40px; } .block-for-filter .bx-filter .bx-filter-parameters-box .bx-filter-parameters-box-title span { font-weight: normal; font-size: 18px; line-height: 145%; color: #656565; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .block-for-filter .bx-filter-parameters-box-container .checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0; margin-bottom: 20px; } .block-for-filter .bx-filter-parameters-box-container .checkbox:last-child { margin-bottom: 0; } .block-for-filter .bx-filter .bx-filter-parameters-box-title { padding-bottom: 0; font-size: 18px; } .block-for-filter .fa { color: #A99793; font-size: 26px; line-height: 100%; } .block-for-filter .bx-filter .bx-filter-section { padding: 0; background: none; } .block-for-filter .bx-filter .bx-filter-title { display: none; } .category-wrapper .filter-wrapper .filter .filteroverlay { position: fixed; cursor: pointer; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; display: none; background: rgba(169, 151, 147, .05); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px) } .category-wrapper .category-cards { margin-bottom: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .category-wrapper .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 24%; flex: 0 0 24%; margin-right: 20px; margin-bottom: 35px; max-width: 270px; position: relative } .category-wrapper .category-cards .carditem:nth-child(4n) { margin-right: 0 } @media screen and (min-width:1300px) { .category-wrapper .category-cards .carditem { max-width: 100%; margin-right: 16px } } @media screen and (max-width:1199px) { .category-wrapper .category-cards .carditem { margin-right: 12px } } @media screen and (max-width:930px) { .category-wrapper .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32% } .category-wrapper .category-cards .carditem:nth-child(4n) { margin-right: 12px } .category-wrapper .category-cards .carditem:nth-child(3n) { margin-right: 0 } } @media screen and (max-width:630px) { .category-wrapper .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48% } .category-wrapper .category-cards .carditem:nth-child(3n), .category-wrapper .category-cards .carditem:nth-child(4n) { margin-right: 12px } .category-wrapper .category-cards .carditem:nth-child(2n) { margin-right: 0 } } @media screen and (max-width:480px) { .category-wrapper .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0 } .category-wrapper .category-cards .carditem:nth-child(2n), .category-wrapper .category-cards .carditem:nth-child(3n), .category-wrapper .category-cards .carditem:nth-child(4n) { margin-right: 0 } } .category-wrapper .category-cards .carditem .img-block { max-height: 353px } .category-wrapper .category-cards .carditem .img-block img { height: 100%; max-height: 353px; -o-object-fit: cover; object-fit: cover } .category-wrapper .category-cards .carditem .text-block { padding: 20px } .category-wrapper .category-cards .carditem .text-block .title { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; margin-bottom: 20px } .category-wrapper .category-cards .carditem .text-block .priceblock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .category-wrapper .category-cards .carditem .text-block .priceblock .curprice { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-right: 15px } .category-wrapper .category-cards .carditem .text-block .priceblock .oldprice { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #a1a1a1; text-decoration: line-through } .category-wrapper .category-cards .carditem .colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px } .basket-container .basket-box .basket-item .color-title .colors .color, .category-wrapper .category-cards .carditem .colors .color { width: 10px; height: 10px; border-radius: 100%; margin-right: 10px } .category-wrapper .category-cards .seemore-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .category-wrapper .category-cards .seemore-wrapper button.seemore-cards { background: #fddfd4; border-radius: 5px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; color: #654f4a; text-transform: unset; width: 188px; height: 50px; margin: 0 auto; text-align: center; display: block; border: 1px solid #fddfd4 } .category-wrapper .cardbtn { padding: 0; border: 0; background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-transform: none; width: auto; position: absolute; top: 15px; right: 15px } .category-wrapper .cardbtn:last-child { margin-right: 0 } .category-wrapper .cardbtn.fav { margin-left: auto } .category-wrapper .cardbtn.fav .hearth { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/fav.png); width: 43px; height: 40px; background-position: center; background-repeat: no-repeat } .category-wrapper .cardbtn.fav.infav .hearth { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/infav.png) } .category-cards--action { margin-top: 40px } .category-cards--action .carditem { margin-bottom: 0 !important } @media screen and (max-width:950px) { .category-cards--action .carditem { -webkit-box-flex: 0 !important; -ms-flex: 0 0 23.5% !important; flex: 0 0 23.5% !important } } @media screen and (max-width:767px) { .category-cards--action .carditem { -webkit-box-flex: 0 !important; -ms-flex: 0 0 49% !important; flex: 0 0 49% !important; margin-right: 2% !important } } @media screen and (max-width:500px) { .category-cards--action .carditem { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; margin-right: 0 !important } } @media screen and (max-width:950px) { .category-cards--action .carditem:nth-child(3n) { margin-right: 2% !important } } @media screen and (max-width:500px) { .category-cards--action .carditem:nth-child(3n) { margin-right: 0 !important } } @media screen and (max-width:950px) { .category-cards--action .carditem:nth-child(4n) { margin-right: 0 !important } } @media screen and (max-width:767px) { .category-cards--action .carditem:nth-child(2n) { margin-right: 0 !important } } .login-page { margin-bottom: 80px } @media screen and (max-width:440px) { .login-page { margin-bottom: 45px } } .login-page.recover-page .tabs-block { margin-bottom: 30px } .login-page.recover-page .inputholder { margin-bottom: 0 } .login-form { margin-top: 40px } .login-form .new-password-link { font-weight: 400; font-size: 12px; line-height: 25px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: -17px; max-width: 400px; -ms-flex-item-align: end; align-self: flex-end } .login-form .inputholder:last-child, .showroom-page .first-box .left p:last-child { margin-bottom: 0 } .login-form .inputholder input { max-width: 400px } .login-form .inputholder .inp-title { font-size: 18px; line-height: 145%; max-width: 480px; margin-bottom: 40px; color: #656565; } @media screen and (max-width:440px) { .login-form .inputholder .inp-title { font-size: 16px; margin-bottom: 20px } } .login-form .form-input-block { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .login-form .form-input-block .remember { max-width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .login-form .form-input-block .input-error input { border-color: #cd3838 } .basket-container .promo .inputholder.input-error input::-webkit-input-placeholder, .login-form .form-input-block .input-error input::-webkit-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::-moz-placeholder, .login-form .form-input-block .input-error input::-moz-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input:-ms-input-placeholder, .basket-container .promo .inputholder.input-error input::-ms-input-placeholder, .login-form .form-input-block .input-error input:-ms-input-placeholder, .login-form .form-input-block .input-error input::-ms-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::-webkit-input-placeholder, .login-form .form-input-block .input-error input::-webkit-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::-moz-placeholder, .login-form .form-input-block .input-error input::-moz-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input:-ms-input-placeholder, .login-form .form-input-block .input-error input:-ms-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::-ms-input-placeholder, .login-form .form-input-block .input-error input::-ms-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::-webkit-input-placeholder, .login-form .form-input-block .input-error input::-webkit-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::-moz-placeholder, .login-form .form-input-block .input-error input::-moz-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input:-ms-input-placeholder, .login-form .form-input-block .input-error input:-ms-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::-ms-input-placeholder, .login-form .form-input-block .input-error input::-ms-input-placeholder { color: #cd3838 } .basket-container .promo .inputholder.input-error input::placeholder, .login-form .form-input-block .input-error input::placeholder { color: #cd3838 } .login-form .button-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px } @media screen and (max-width:540px) { .login-form .button-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .login-form .button-block .button-new { max-width: 100% } } .login-form .button-block .button-new:first-child { margin-right: 134px } @media screen and (max-width:767px) { .login-form .button-block .button-new:first-child { margin-right: 50px } } @media screen and (max-width:585px) { .login-form .button-block .button-new:first-child { margin-right: 20px } } @media screen and (max-width:540px) { .login-form .button-block .button-new:first-child { margin-right: 0; margin-bottom: 20px } } .login-form .policy, .login-form .policy a { color: #654f4a; font-weight: 400; font-size: 12px; line-height: 16px } .login-form .policy a { display: inline; text-decoration: underline } .tab-hidden { display: none } .tab-hidden.active { display: block } .tabs-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tabs-block .tabs-block__item { color: #a99793; padding-bottom: 14px; cursor: pointer; font-weight: 500; font-size: 18px; line-height: 22px; margin-right: 50px; margin-bottom: 0; } .tabs-block .tabs-block__item.active { color: #735f5a; border-bottom: 4px solid #735f5a } @media screen and (max-width:575px) { .tabs-block .tabs-block__item { margin-bottom: 20px; } .tabs-block { margin-bottom: 30px; } } @media screen and (max-width:390px) { .tabs-block .tabs-block__item { padding-bottom: 10px; font-size: 15px; margin-right: 24px; } } .tabs-block .tabs-block__item:last-child { margin-right: 0 } .modal.thanks-pass, .modal.thanks-reg { z-index: 10000; padding: 30px 40px 40px; background: #fff; border: 0; color: #656565; width: 100%; -webkit-box-shadow: 0 0 53px 0 rgba(50, 50, 50, .2); box-shadow: 0 0 53px 0 rgba(50, 50, 50, .2); max-width: 754px } @media screen and (max-width:385px) { .modal.thanks-pass, .modal.thanks-reg { padding: 20px 30px 30px } } .modal.thanks-pass .caption, .modal.thanks-reg .caption { border: 0; background: #fff; font-weight: normal; font-size: 26px; line-height: 32px; margin-bottom: 40px; padding: 0 } @media screen and (max-width:620px) { .modal.thanks-pass .caption, .modal.thanks-reg .caption { font-size: 24px; margin-bottom: 20px } } @media screen and (max-width:430px) { .modal.thanks-pass .caption, .modal.thanks-reg .caption { font-size: 20px; margin-bottom: 14px } } @media screen and (max-width:385px) { .modal.thanks-pass .caption, .modal.thanks-reg .caption { font-size: 17px; margin-bottom: 14px; line-height: 20px } } .modal.thanks-pass .desc, .modal.thanks-reg .desc { font-size: 20px; line-height: 24px } @media screen and (max-width:620px) { .modal.thanks-pass .desc, .modal.thanks-reg .desc { font-size: 17px } } @media screen and (max-width:430px) { .modal.thanks-pass .desc, .modal.thanks-reg .desc { font-size: 13px; line-height: 17px } } .basket-container .promo .inputholder:before, .success-reg { display: none } .success-reg .title { font-weight: normal; font-size: 26px; line-height: 32px; margin-bottom: 20px; margin-top: 25px } .success-reg .desc { font-weight: normal; font-size: 18px; line-height: 22px } .success-reg .content-box { text-align: center; margin-bottom: 100px; margin-top: 60px } @media screen and (max-width:540px) { .success-reg .button-block .button-new { max-width: 100% } } .basket-container { margin-bottom: 82px } .basket-container .button-new { cursor: pointer; max-width: 235px; width: 100%; padding: 13px 10px } .basket-total__wrapper { margin: 40px 0; } @media screen and (max-width:575px) { .basket-total__wrapper { margin-bottom: 0; margin-top: 30px; } } .basket-container .promo .inputholder { margin-bottom: 40px; position: relative } .basket-container .promo .inputholder input { max-width: 402px; width: 100% } .basket-container .promo .inputholder.input-error:before { position: absolute; content: 'Промокод не существует'; font-weight: 400; font-size: 12px; line-height: 15px; color: #cd3838; bottom: -22px; display: block } .basket-container .promo .inputholder.input-error input { border-color: #cd3838 } .basket-container .last-price .title, .basket-container .promo .title { font-weight: normal; font-size: 18px; line-height: 22px; margin-bottom: 28px } @media screen and (max-width:350px) { .basket-container .last-price .title, .basket-container .promo .title { margin-bottom: 15px } } .basket-container .summ { margin-bottom: 10px } .basket-container .to-pay { font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-top: 30px; margin-bottom: 40px } @media screen and (max-width:350px) { .basket-container .to-pay { margin-bottom: 36px } } .basket-container .to-pay span { font-size: 26px; line-height: 32px; margin-left: 15px } .basket-container .last-price { font-weight: 500; font-size: 18px; line-height: 22px; color: #656565; } @media screen and (max-width:350px) { .basket-container .last-price { font-size: 17px } } .basket-container .last-price .sale-end span { color: #cd3838 } .basket-container .last-price span { margin-left: 10px } .basket-container .basket-box { margin-top: 40px } .basket-container .basket-box .basket-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; position: relative } @media screen and (max-width:767px) { .basket-container .basket-box .basket-item { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media screen and (max-width:400px) { .basket-container .basket-box .basket-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px } } .basket-container .basket-box .basket-item .view { width: 105px; height: 138px; -o-object-fit: cover; object-fit: cover } .basket-container .basket-box .basket-item .basket-info, .basket-container .basket-box .button-block { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width:450px) { .basket-container .basket-box .basket-item .basket-info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; padding-right: 25px; } } .basket-container .basket-box .basket-item .size { margin-top: 20px; margin-bottom: 10px; font-size: 16px; line-height: 20px; font-weight: 400; color: #a1a1a1 } .basket-container .basket-box .basket-item .color-title { font-size: 16px; line-height: 20px; font-weight: 400; color: #a1a1a1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .basket-container .basket-box .basket-item .color-title .colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 10px } .basket-container .basket-box .basket-item .param { margin-left: 30px; max-width: 190px; width: 100% } @media screen and (max-width:450px) { .basket-container .basket-box .basket-item .param { margin-left: 10px; margin-top: 0; max-width: 100%; } } .basket-container .basket-box .basket-item .title { font-weight: 500; font-size: 18px; line-height: 22px } .basket-container .basket-box .basket-item .close { z-index: 1; cursor: pointer; position: absolute; top: 1px; right: 2px; width: 15px; height: 15px; display: -webkit-box; display: -ms-flexbox; display: flex } .basket-container .basket-box .basket-item .number-spinner { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 45px 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:767px) { .basket-container .basket-box .basket-item .number-spinner { margin-right: 0 } } @media screen and (max-width:600px) { .basket-container .basket-box .basket-item .number-spinner { -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 36%; margin-right: 45px } } @media screen and (max-width:450px) { .basket-container .basket-box .basket-item .number-spinner { margin-right: 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: 61px } } @media screen and (max-width:400px) { .basket-container .basket-box .basket-item .number-spinner { margin-top: 20px } } .basket-container .basket-box .basket-item .minus { width: 40px; height: 40px; background: #f5f5f5; border: 1.5px solid #e2e2e2; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2.85714px; font-family: Gotham Pro; font-size: 25.7143px; line-height: 50%; color: #d6d6d6; text-align: center; font-weight: normal; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 5px } .basket-container .basket-box .basket-item .plus, .basket-container .basket-box .basket-item input { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2.85714px; text-align: center; color: #654f4a; width: 40px; height: 40px } .basket-container .basket-box .basket-item .plus { background: #eee2df; font-family: Gotham Pro; line-height: 18px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1.5px solid #e2e2e2; font-size: 25.7143px; font-weight: 600 } .basket-container .basket-box .basket-item input { border: 1.5px solid #dbd6d0; margin: 0 10px; font-size: 18px; font-weight: 500 } .basket-container .basket-box .basket-item .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: end; align-self: flex-end; padding-bottom: 14px; text-align: right } @media screen and (max-width:767px) { .basket-container .basket-box .basket-item .price { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } } @media screen and (max-width:600px) { .basket-container .basket-box .basket-item .price { -webkit-box-flex: 0; -ms-flex: 0 0 34%; flex: 0 0 34% } } @media screen and (max-width:450px) { .basket-container .basket-box .basket-item .price { padding-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; position: relative; right: auto; bottom: auto; } } .basket-container .basket-box .basket-item .price .now { font-weight: normal; font-size: 26px; line-height: 32px; margin-bottom: 10px } @media screen and (max-width:450px) { .basket-container .basket-box .basket-item .price .now { margin-bottom: 0 } } @media screen and (max-width:400px) { .basket-container .basket-box .basket-item .price .now { font-size: 24px; line-height: 28px } } .basket-container .basket-box .basket-item .price .sale { font-weight: 400; font-size: 16px; line-height: 20px; text-decoration: line-through; color: #a1a1a1 } .basket-container .basket-box .button-block { padding-top: 10px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width:520px) { .basket-container .basket-box .button-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .basket-container .basket-box .button-block a { margin-left: 100px } @media screen and (max-width:600px) { .basket-container .basket-box .button-block a { margin-left: 20px } } @media screen and (max-width:520px) { .basket-container .basket-box .button-block a { margin-left: 0; margin-top: 20px } } .basket-container [data-entity=basket-total-block] .button-block { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .basket-container [data-entity=basket-total-block] .button-block:first-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .basket-container .basket-coupon-text { font-size: 18px; padding-left: 40px } .basket-container .basket-coupon-text strong { font-size: 18px; line-height: 22px } .basket-container .basket-coupon-alert-inner { padding-top: 30px } .basket-container .text-muted .basket-coupon-text:after { position: absolute; top: auto; bottom: 50%; left: 0; width: 25px; height: 25px; border: 0; content: ''; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/promo.png); background-repeat: no-repeat; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%) } .basket-container .basket-coupon-alert { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .basket-container .basket-coupon-alert .close-link { font-weight: 400; font-size: 16px; -webkit-text-decoration-line: none; text-decoration-line: none; color: #a1a1a1; border: 0; line-height: 15px; margin-left: 25px; border-bottom: 1px solid #a1a1a1 } .basket-container .basket-coupon-alert .close-link:hover { border-color: transparent } .showroom-page .slider-next, .showroom-page .slider-prev { top: 50% } .showroom-page .slider-next { right: -36px } @media screen and (max-width:767px) { .showroom-page .slider-next:before { left: 47% } } @media screen and (max-width:500px) { .showroom-page .slider-next { right: -9px } } .showroom-page .slider-prev { left: -36px } @media screen and (max-width:767px) { .showroom-page .slider-prev:before { left: 53% } } @media screen and (max-width:500px) { .showroom-page .slider-prev { left: -9px } } .showroom-page .first-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 47px; margin-bottom: 40px } @media screen and (max-width:600px) { .showroom-page .first-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:500px) { .showroom-page .first-box { margin-top: 0 } } .showroom-page .first-box .showroom-slider { width: 40%; position: relative; height: 364px; margin-left: 55px; margin-right: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40% } @media screen and (max-width:1024px) { .showroom-page .first-box .showroom-slider { height: 300px } } @media screen and (max-width:991px) { .showroom-page .first-box .showroom-slider { width: 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45% } } @media screen and (max-width:600px) { .showroom-page .first-box .showroom-slider { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin: 0 auto; width: 66% } } @media screen and (max-width:500px) { .showroom-page .first-box .showroom-slider { width: 100% } } .showroom-page .first-box .showroom-slider .photo-block, .showroom-page .first-box .showroom-slider .swiper-container, section.address-block .map iframe { height: 100% } .showroom-page .first-box .showroom-slider img { -o-object-fit: cover; object-fit: cover; height: 100% } .showroom-page .first-box .showroom-slider .swiper-slide { width: 100% !important } .showroom-page .first-box .left p, .showroom-page .how-vizit .vizit-item p, .showroom-page .how-vizit .vizit-item ul li { color: #656565; font-weight: 400; font-size: 18px; line-height: 145% } .showroom-page .how-vizit .vizit-item a { font-size: 18px; line-height: 145% } @media screen and (max-width:600px) { .showroom-page .first-box .left p:last-child { margin-bottom: 16px } } .showroom-page .how-vizit { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px 0 } @media screen and (max-width:900px) { .showroom-page .how-vizit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .showroom-page .how-vizit .vizit-item { border: 1px solid #a99793; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; padding: 27px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49% } .showroom-page .how-vizit .vizit-item:first-child { margin-right: 2% } @media screen and (max-width:900px) { .showroom-page .how-vizit .vizit-item:first-child { margin-right: 0; margin-bottom: 15px } } .showroom-page .how-vizit .vizit-item .title { font-weight: normal; font-size: 18px; line-height: 145%; color: #656565; margin-bottom: 26px; padding-left: 53px; position: relative } @media screen and (max-width:600px) { .showroom-page .how-vizit .vizit-item .title { font-size: 17px } } .showroom-page .how-vizit .vizit-item .title::before { content: ''; background-repeat: no-repeat; width: 40px; height: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; position: absolute; top: 13px } .showroom-page .how-vizit .vizit-item a { color: #a99793; text-decoration: none; font-weight: normal; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media screen and (max-width:767px) { .showroom-page .how-vizit .vizit-item a { font-size: 15px } } .showroom-page .how-vizit .vizit-item ul { list-style-position: inside; padding-left: 0; margin-bottom: 0 } .showroom-page .how-vizit .vizit-item li::marker { width: 7px; height: 7px; color: #a99793 } .showroom-page .how-vizit .vizit-item li:first-child { margin-top: 0 } .showroom-page .how-vizit .vizit-item p:last-child { margin-bottom: 0 } .showroom-page .how-vizit .vizit-item.vizit-car .title::before { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/vizit-car.png) } .showroom-page .how-vizit .vizit-item.vizit-public .title::before { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/vizit-public.png) } .showroom-page .swiper-banner { margin-top: 40px; margin-bottom: 80px; position: relative } @media screen and (max-width:767px) { .showroom-page .swiper-banner { height: 300px; margin-bottom: 40px } } @media screen and (max-width:440px) { .showroom-page .swiper-banner { height: 267px } } .showroom-page .swiper-banner .swiper-slide { position: relative } .showroom-page .swiper-banner .title { font-weight: 500; font-size: 34px; line-height: 133.9%; color: #373e51; max-width: 412px; width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 6% } @media screen and (max-width:1024px) { .showroom-page .swiper-banner .title { font-size: 28px; max-width: 346px; right: 8% } } @media screen and (max-width:930px) { .showroom-page .swiper-banner .title { font-size: 25px; max-width: 309px } } @media screen and (max-width:820px) { .showroom-page .swiper-banner .title { font-size: 22px; max-width: 271px; right: 9% } } @media screen and (max-width:767px) { .showroom-page .swiper-banner .title { right: 12% } } @media screen and (max-width:740px) { .showroom-page .swiper-banner .title { font-size: 19px; max-width: 233px } } @media screen and (max-width:550px) { .showroom-page .swiper-banner .title { right: 16% } } @media screen and (max-width:440px) { .showroom-page .swiper-banner .title { right: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } .showroom-page .swiper-banner .title span { font-weight: 600 } .showroom-page .swiper-banner .slider-next { right: -9px } @media screen and (max-width:440px) { .showroom-page .swiper-banner .slider-next { top: 17% } } .showroom-page .swiper-banner .slider-prev { left: -9px } @media screen and (max-width:440px) { .showroom-page .swiper-banner .slider-prev { top: 17% } } .showroom-page .swiper-banner .swiper-container { overflow: visible } @media screen and (max-width:767px) { .showroom-page .swiper-banner .photo-block, .showroom-page .swiper-banner .swiper-container { height: 100% } .showroom-page .swiper-banner img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right; object-position: right } } section.address-block { background: #f8f8f8; position: relative } @media screen and (max-width:767px) { section.address-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } section.address-block .container-min { width: 50%; margin: 0 auto 0 0 } @media screen and (max-width:767px) { section.address-block .container-min { width: 100%; margin: 0 auto } } section.address-block::before { background: #f8f8f8; width: 1000000px; top: 0; height: 100%; content: ''; position: absolute; left: -1000px; z-index: -1 } section.address-block .left { padding-top: 70px; padding-bottom: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 20px } @media screen and (max-width:767px) { section.address-block .left { padding-top: 50px; padding-bottom: 50px } } section.address-block .left h2 { margin-top: 0; margin-bottom: 40px } @media screen and (max-width:767px) { section.address-block .left h2 { font-size: 27px; margin-bottom: 30px } } section.address-block .left a, section.address-block .left p { font-weight: 400; font-size: 18px; line-height: 145%; color: #656565; } section.address-block .left .title { font-weight: normal; font-size: 18px; line-height: 130%; margin-top: 20px; color: #656565; margin-bottom: 5px } @media screen and (max-width:767px) { section.address-block .left .title { margin-top: 10px } } section.address-block .left a { line-height: 111%; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #806189; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } section.address-block .map { position: absolute; height: 100%; width: 50%; right: 0 } @media screen and (max-width:767px) { section.address-block .map { position: relative; width: 100% } } @media screen and (max-width:767px) { section.address-block .map iframe { height: 400px } .showroom-page .address-block .left .title, .showroom-page .address-block .left a, .showroom-page .address-block .left p, .showroom-page .first-box .left p, .showroom-page .how-vizit .vizit-item p, .showroom-page .how-vizit .vizit-item ul li { font-size: 15px } } .lk-pages, .lk-pages .lk-item, section.address-block { display: -webkit-box; display: -ms-flexbox; display: flex } .lk-pages { -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:640px) { .lk-pages { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .lk-pages .lk-item { background: #fff; border: 1px solid #a99793; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; padding: 20px 25px 20px 40px; min-height: 191px; position: relative; margin-bottom: 2%; margin-right: 2%; } .lk-pages .lk-item:nth-child(2n) { margin-right: 0; } @media screen and (max-width:1080px) { .lk-pages .lk-item { padding: 20px 25px; min-height: 175px } } @media screen and (max-width:840px) { .lk-pages .lk-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:640px) { .lk-pages .lk-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 2%; min-height: auto; margin-right: 0; } } @media screen and (max-width:540px) { .lk-pages .lk-item { padding: 20px } } @media screen and (max-width:480px) { .lk-pages .lk-item { padding: 15px; margin-bottom: 15px } } @media screen and (max-width:410px) { .lk-pages .lk-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:640px) { .lk-pages .lk-item:last-child { margin-bottom: 0 } } .lk-pages .lk-item .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 38px; position: relative } @media screen and (max-width:1080px) { .lk-pages .lk-item .img { margin-right: 25px } } @media screen and (max-width:888px) { .lk-pages .lk-item .img { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px } } @media screen and (max-width:840px) { .lk-pages .lk-item .img { width: 100px; height: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin: 0 auto 13px } } @media screen and (max-width:640px) { .lk-pages .lk-item .img { margin-right: 38px } } @media screen and (max-width:540px) { .lk-pages .lk-item .img { margin-right: 25px } } @media screen and (max-width:510px) { .lk-pages .lk-item .img { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px } } @media screen and (max-width:480px) { .lk-pages .lk-item .img { margin-right: 15px } } @media screen and (max-width:410px) { .lk-pages .lk-item .img { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin: 0 auto 13px } } .lk-pages .lk-item .img img { -o-object-fit: contain; object-fit: contain } .lk-pages .lk-item .img img:nth-child(2) { position: absolute; width: 24px; height: 24px; top: 108px; right: 48%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) } @media screen and (max-width:888px) { .lk-pages .lk-item .img img:nth-child(2) { top: 88px } } @media screen and (max-width:840px) { .lk-pages .lk-item .img img:nth-child(2) { top: 74px; right: 12px } } @media screen and (max-width:640px) { .lk-pages .lk-item .img img:nth-child(2) { top: 108px; right: 48% } } @media screen and (max-width:510px) { .lk-pages .lk-item .img img:nth-child(2) { top: 88px } } @media screen and (max-width:410px) { .lk-pages .lk-item .img img:nth-child(2) { top: 74px; right: 12px } } .lk-pages .lk-item .title { font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-bottom: 17px } .lk-pages .lk-item .title:hover { text-decoration: none } .lk-pages .lk-item .link-row a, .lk-pages .lk-item p { font-weight: 500; font-size: 16px; line-height: 20px; color: #735f5a } @media screen and (max-width:370px) { .lk-pages .lk-item p { font-size: 15px } } .lk-pages .lk-item p span { color: #a99793 } .lk-pages .lk-item .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: auto; flex: auto } @media screen and (max-width:840px) { .lk-pages .lk-item .text { text-align: center } } @media screen and (max-width:640px) { .lk-pages .lk-item .text { text-align: left } } @media screen and (max-width:410px) { .lk-pages .lk-item .text { text-align: center } } .lk-pages .lk-item .link-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: end; align-self: flex-end } @media screen and (max-width:1000px) { .lk-pages .lk-item .link-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } } @media screen and (max-width:840px) { .lk-pages .lk-item .link-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media screen and (max-width:767px) { .lk-pages .lk-item .link-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:640px) { .lk-pages .lk-item .link-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media screen and (max-width:480px) { .lk-pages .lk-item .link-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 10px } } @media screen and (max-width:410px) { .lk-pages .lk-item .link-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media screen and (max-width:370px) { .lk-pages .lk-item .link-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .lk-pages .lk-item .link-row .exit { position: relative; font-weight: 400; padding-right: 21px } @media screen and (max-width:1000px) { .lk-pages .lk-item .link-row .exit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 15px } } .lk-pages .lk-item .link-row .exit::before { content: ''; position: absolute; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/arr-exit.png); background-repeat: no-repeat; width: 16px; height: 14px; right: -5px; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%) } .lk-pages .lk-item.lk-fav { background: -o-linear-gradient(188.63deg, #dccbc8 -21.23%, #a99793 115.19%); background: linear-gradient(261.37deg, #dccbc8 -21.23%, #a99793 115.19%) } .lk-pages .lk-item.lk-fav .link-row a, .lk-pages .lk-item.lk-fav .title, .lk-pages .lk-item.lk-fav p { color: #fff } .lk-pages .lk-item.lk-user .link-row { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .favorite-page { margin-top: 46px } .favorite-page .sort-box { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media screen and (max-width:710px) { .favorite-page .sort-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 15px } } .favorite-page .sort-box .title, .favorite-page .sorts .active { font-weight: 500; font-size: 16px; line-height: 20px; padding-bottom: 8px } .favorite-page .sorts { position: relative } .favorite-page .sorts .active { padding-right: 30px; position: relative; cursor: pointer; font-family: Montserrat; font-style: normal; font-weight: 400; color: #735f5a; min-width: 181px; padding-left: 15px } @media screen and (max-width:710px) { .favorite-page .sorts .active { padding-left: 0 } } .favorite-page .sorts .active:before { content: ''; position: absolute; width: 9px; height: 9px; border-left: 2px solid #735f5a; border-bottom: 2px solid #735f5a; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); top: 5px; right: 1px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .favorite-page .sorts .active.open:before { -webkit-transform: rotate(135deg) translateY(-50%); -ms-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); top: 4px; right: 4px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .favorite-page .sorts .drop { display: none } .favorite-page .sorts .drop.vis { display: block; position: absolute; background: #f9f9f9; width: 217px; left: 0; z-index: 12 } .favorite-page .sorts .drop.vis a { display: block; text-align: left; padding: 10px 21px 10px 15px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; } .favorite-page .search-form { border-bottom: 1px solid #6c5b57; max-width: 450px; display: -webkit-box; display: -ms-flexbox; display: flex } .favorite-page .header-search-btn { border: 0; width: auto; margin-top: -10px; padding: 9px 0 0 } .favorite-page .header-search-input::-webkit-input-placeholder { color: #6c5b57 } .favorite-page .header-search-input::-moz-placeholder { color: #6c5b57 } .favorite-page .header-search-input:-ms-input-placeholder, .favorite-page .header-search-input::-ms-input-placeholder { color: #6c5b57 } .favorite-page .header-search-input::-webkit-input-placeholder { color: #6c5b57 } .favorite-page .header-search-input::-moz-placeholder { color: #6c5b57 } .favorite-page .header-search-input:-ms-input-placeholder { color: #6c5b57 } .favorite-page .header-search-input::-ms-input-placeholder { color: #6c5b57 } .favorite-page .header-search-input::placeholder { color: #6c5b57 } .favorite-page .header-search-input { border: 0; font-size: 16px; margin-bottom: 10px; width: 85%; padding-top: 15px; padding-left: 20px } .favorite-page .search-icon { width: 25px; height: 25px; fill: #a99793 } .favorite-page .filter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 40px } @media screen and (max-width:710px) { .favorite-page .filter-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .favorite-page .category-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start } .favorite-page .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 24%; flex: 0 0 24%; margin-right: 20px; margin-bottom: 40px; max-width: 270px; position: relative } .favorite-page .category-cards .carditem:nth-child(4n) { margin-right: 0 } @media screen and (min-width:1300px) { .favorite-page .category-cards .carditem { max-width: 100%; margin-right: 16px } } @media screen and (max-width:1199px) { .favorite-page .category-cards .carditem { margin-right: 12px } } @media screen and (max-width:950px) { .favorite-page .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; margin-right: 2%; max-width: 100% } .favorite-page .category-cards .carditem:nth-child(4n) { margin-right: 2% } .favorite-page .category-cards .carditem:nth-child(3n) { margin-right: 0 } } @media screen and (max-width:710px) { .favorite-page .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49% } .favorite-page .category-cards .carditem:nth-child(3n) { margin-right: 2% } .favorite-page .category-cards .carditem:nth-child(2n) { margin-right: 0 } } @media screen and (max-width:480px) { .favorite-page .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 20px } .favorite-page .category-cards .carditem:nth-child(2n), .favorite-page .category-cards .carditem:nth-child(3n), .favorite-page .category-cards .carditem:nth-child(4n) { margin-right: 0 } } .favorite-page .category-cards .carditem a:hover, .free-cons-container .free-cons-box form .button-block .policy a:hover, .subscribe-container .subscribe-box form .button-block .policy a:hover { text-decoration: none } .favorite-page .category-cards .carditem .close { z-index: 10; cursor: pointer; position: absolute; top: 10px; right: 10px; width: 26px; height: 26px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; background: #a99793; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .favorite-page .category-cards .carditem .close svg { width: 14px; height: 14px; -webkit-filter: invert(1); filter: invert(1) } .favorite-page .category-cards .carditem .img-block { max-height: 353px; position: relative } .favorite-page .category-cards .carditem .img-block img { height: 100%; max-height: 353px; -o-object-fit: cover; object-fit: cover } .favorite-page .category-cards .carditem .img-block:hover .close { opacity: 1; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .favorite-page .category-cards .carditem .text-block { padding: 20px 20px 30px } .favorite-page .category-cards .carditem .text-block .title { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; margin-bottom: 20px } .favorite-page .category-cards .carditem .colors, .favorite-page .category-cards .carditem .text-block .priceblock { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .favorite-page .category-cards .carditem .text-block .priceblock .curprice { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-right: 15px } .favorite-page .category-cards .carditem .text-block .priceblock .oldprice { font-family: Montserrat; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #a1a1a1; text-decoration: line-through } .favorite-page .category-cards .carditem .colors { margin-left: 20px } .favorite-page .category-cards .carditem .colors .color { width: 10px; height: 10px; border-radius: 100% } .favorite-page .category-cards .carditem .bot-info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; margin-bottom: 10px } .favorite-page .category-cards .carditem .bot-info .title { margin-bottom: 0; font-size: 14px; line-height: 17px; color: #a1a1a1; margin-right: 5px; font-weight: 400 } .favorite-page .category-cards .carditem .bot-info .title span { padding-left: 5px } .favorite-page .category-cards .carditem .button-new { width: 170px } .showroom-page .seemore-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex } .showroom-page .seemore-wrapper .seemore-cards { width: 188px; margin: 0 auto; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer } .history-page .view-tab { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 15px; top: 0 } @media screen and (max-width:550px) { .history-page .view-tab { position: relative; top: auto; right: auto } } .history-page .view-tab .view-row { margin-right: 15px; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/view-row.png) } .history-page .view-tab .view-row.active { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/view-row-1.png) } .history-page .view-tab .view-col { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/view-col.png) } .history-page .view-tab .view-col.active { background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/view-col-1.png) } .history-page .view-tab .view-col, .history-page .view-tab .view-row { cursor: pointer; width: 32px; height: 32px } .history-page .history-head { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 18px; border-bottom: 1px solid #a99793; font-weight: 500; font-size: 16px; line-height: 20px; color: #a99793; margin-top: 40px } @media screen and (max-width:767px) { .history-page .history-head { display: none } } .history-page .history-head .head-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .history-page .favorite-page { margin-top: 0; margin-bottom: 82px } @media screen and (max-width:767px) { .history-page .favorite-page { margin-top: 30px; border-top: 1px solid #a99793 } } .history-page .favorite-page .order-head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-top: 30px } @media screen and (max-width:767px) { .history-page .favorite-page .order-head { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media screen and (max-width:480px) { .history-page .favorite-page .order-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; margin-bottom: 20px } } .history-page .favorite-page .order-head .quantity { font-weight: 400; font-size: 14px; line-height: 17px; color: #a1a1a1; margin-top: 3px } .history-page .favorite-page .order-head .show-item { font-weight: 500; font-size: 18px; line-height: 22px; color: #656565; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; cursor: pointer } .history-page .favorite-page .order-head .show-item::before { content: ''; position: absolute; width: 9px; height: 9px; border-left: 2px solid #333; border-bottom: 2px solid #333; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); top: 35%; right: -38px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .history-page .favorite-page .order-head .show-item:hover { text-decoration: underline } .history-page .favorite-page .order-head .show-item.opened::before { -webkit-transform: rotate(135deg) translateY(-50%); -ms-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); top: 29%; right: -30px } .history-page .favorite-page .order-head .order-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media screen and (max-width:767px) { .history-page .favorite-page .order-head .order-item:first-child { margin-bottom: 15px } .history-page .favorite-page .order-head .order-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } } @media screen and (max-width:480px) { .history-page .favorite-page .order-head .order-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 10px } } .history-page .favorite-page .order-head .order-item span { display: none; font-weight: 500; font-size: 18px; line-height: 22px; color: #a99793 } @media screen and (max-width:767px) { .history-page .favorite-page .order-head .order-item span { display: contents } } .history-page .favorite-page .history-item { border-bottom: 1px solid #a99793 } .history-page .favorite-page .history-item .category-cards, .history-page .favorite-page .history-item .category-cards.vis .carditem { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .history-page .favorite-page .history-item .category-cards.vis { max-height: 10000000px; opacity: 1; margin-bottom: 40px; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .history-page .favorite-page .history-item .category-cards.vis .carditem:nth-child(-n+4) { margin-bottom: 20px; max-height: 10000000px; opacity: 1; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } @media screen and (max-width:950px) { .history-page .favorite-page .history-item .category-cards.vis .carditem:nth-child(-n+3) { margin-bottom: 20px; max-height: 10000000px; opacity: 1; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .history-page .favorite-page .history-item .category-cards.vis .carditem:nth-child(4) { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } } @media screen and (max-width:710px) { .history-page .favorite-page .history-item .category-cards.vis .carditem:nth-child(3) { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } } @media screen and (max-width:480px) { .history-page .favorite-page .history-item .category-cards.vis .carditem:nth-child(2) { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } } .history-page .favorite-page .history-item .category-cards.vis.item-vis .carditem { margin-bottom: 20px; max-height: 10000000px; opacity: 1; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .history-page .seemore-wrapper { margin-top: 40px } .history-page .seemore-wrapper .button-new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .history-page .seemore-wrapper.to-deploy { margin-top: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .history-page .seemore-wrapper.to-deploy .button-new { position: relative; width: 170px; text-align: left; padding-left: 18px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .history-page .seemore-wrapper.to-deploy .button-new::before { content: ''; position: absolute; width: 9px; height: 9px; border-left: 2px solid #654f4a; border-bottom: 2px solid #654f4a; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); top: 44%; right: 15px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .history-page .seemore-wrapper.to-deploy .button-new:hover::before { border-color: #a68c86 } .history-page .seemore-wrapper.to-deploy.deploy-none, .history-page.history-page-col .favorite-page .order-head .order-item.link-row, .history-page.history-page-col .history-head, .subscribe-container .subscribe-box form.novis { display: none } .history-page .seemore-wrapper.to-deploy.deploy-none .button-new { padding-left: 26px } .history-page .seemore-wrapper.to-deploy.deploy-none .button-new::before { right: 29px; top: 41%; -webkit-transform: rotate(135deg) translateY(-50%); -ms-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%) } .history-page.history-page-col .favorite-page { margin-top: 40px } @media screen and (max-width:600px) { .history-page.history-page-col .favorite-page { border: 0 } } .history-page.history-page-col .favorite-page .order-head { border-right: 1px solid #a99793; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; margin-top: 0; margin-bottom: 0 } @media screen and (max-width:600px) { .history-page.history-page-col .favorite-page .order-head { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-right: none; padding: 30px 0 0 } } .history-page.history-page-col .favorite-page .order-head .order-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 14px } .history-page.history-page-col .favorite-page .order-head .order-item span { display: contents } .history-page.history-page-col .favorite-page .order-head .order-item.order-number { margin-bottom: 20px } .history-page.history-page-col .favorite-page .history-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; margin-top: 30px } @media screen and (max-width:600px) { .history-page.history-page-col .favorite-page .history-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; padding-bottom: 20px; border-top: 1px solid #a99793 } .history-page.history-page-col .favorite-page .history-item:nth-last-child(2) { border-bottom: 1px solid #a99793 } } .history-page.history-page-col .favorite-page .history-item .category-cards { max-height: 10000000px; opacity: 1; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-left: 20px; margin-bottom: 0 } @media screen and (max-width:600px) { .history-page.history-page-col .favorite-page .history-item .category-cards { margin-left: 0; margin-top: 20px } } .history-page.history-page-col .favorite-page .history-item .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; margin-right: 2%; max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } @media screen and (max-width:991px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; max-width: initial } } @media screen and (max-width:767px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem { margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } } .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(3n) { margin-right: 0 } @media screen and (max-width:991px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(3n) { margin-right: 2% } } @media screen and (max-width:767px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(3n) { margin-right: 0 } } @media screen and (max-width:991px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(2n) { margin-right: 0 } } .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(-n+3), .history-page.history-page-col .favorite-page .history-item .category-cards.item-vis .carditem:nth-child(-n+4) { margin-bottom: 20px; max-height: 10000000px; opacity: 1; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(4) { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } @media screen and (max-width:991px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(3) { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } } @media screen and (max-width:767px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem:nth-child(2) { max-height: 0; opacity: 0; margin-bottom: 0; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } } @media screen and (max-width:600px) { .history-page.history-page-col .favorite-page .history-item .category-cards .carditem .text-block { padding: 20px } } .history-page.history-page-col .favorite-page .history-item .category-cards.item-vis .carditem { margin-bottom: 20px; max-height: 10000000px; opacity: 1; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .user-container { margin-bottom: 52px } .user-container .personal { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:767px) { .user-container .personal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .user-container .personal .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; margin-right: 10% } @media screen and (max-width:1300px) { .user-container .personal .left { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-right: 4% } } @media screen and (max-width:1024px) { .user-container .personal .left { -webkit-box-flex: 0; -ms-flex: 0 0 44%; flex: 0 0 44%; margin-right: 12% } } @media screen and (max-width:991px) { .user-container .personal .left { -webkit-box-flex: 0; -ms-flex: 0 0 47%; flex: 0 0 47%; margin-right: 6% } } @media screen and (max-width:767px) { .user-container .personal .left { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 0 } } .user-container .personal .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45% } .location-block-wrapper { width: inherit; display: -ms-grid; display: grid; -ms-grid-columns: 362px 16px auto; grid-template-columns: 362px auto; gap: 16px; } .bx-sls .bx-ui-sls-error { color: #DD9392; font-weight: 400; font-size: 16px; line-height: 20px; top: 2px; } .user-container .personal .inputholder .location-block-wrapper input { max-width: inherit; padding-right: 30px !important; } @media screen and (max-width:1300px) { .user-container .personal .right { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48% } } @media screen and (max-width:1024px) { .user-container .personal .right { -webkit-box-flex: 0; -ms-flex: 0 0 44%; flex: 0 0 44% } } @media screen and (max-width:991px) { .user-container .personal .right { -webkit-box-flex: 0; -ms-flex: 0 0 47%; flex: 0 0 47% } } @media screen and (max-width:767px) { .user-container .personal .right { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .user-container .personal .inputholder { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:1130px) { .user-container .personal .inputholder input { max-width: 390px; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 390px; flex: 0 0 390px; } } @media screen and (max-width:1024px) { .user-container .personal .inputholder input { max-width: 330px; -webkit-box-flex: 0; -ms-flex: 0 0 330px; flex: 0 0 330px; } } @media screen and (max-width:991px) { .user-container .personal .inputholder input { max-width: calc(100% - 120px); -webkit-box-flex: 0; -ms-flex: none; flex: none } } @media screen and (max-width:767px) { .user-container .personal .inputholder input { max-width: 100% } } .user-container .personal .inputholder .text { max-width: 111px; width: 100% } @media screen and (max-width:1130px) { .user-container .personal .inputholder .text { max-width: 100px; width: 100% } } @media screen and (max-width:767px) { .user-container .personal .inputholder .text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; margin-bottom: 13px } } .user-container .personal .title { margin-top: 0 } .user-container .title { font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 40px } .user-container .text { font-weight: 500; font-size: 16px; line-height: 20px; color: #a99793; margin-right: 14px } .user-container .inputholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px } .user-container .inputholder:last-child { margin-bottom: 0 } .user-container .inputholder input { width: 100%; font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57; padding: 0 0 11px } .user-container .inputholder input::-webkit-input-placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder input::-moz-placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder input:-ms-input-placeholder, .user-container .inputholder input::-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder input::-webkit-input-placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder input::-moz-placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder input:-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder input::-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder input::placeholder { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57 } .user-container .inputholder.input-error input { border-bottom: 1px solid #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-webkit-input-placeholder, .subscribe-container .subscribe-box form .input-error input::-webkit-input-placeholder, .user-container .inputholder.input-error input::-webkit-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-moz-placeholder, .subscribe-container .subscribe-box form .input-error input::-moz-placeholder, .user-container .inputholder.input-error input::-moz-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input:-ms-input-placeholder, .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-ms-input-placeholder, .subscribe-container .subscribe-box form .input-error input:-ms-input-placeholder, .subscribe-container .subscribe-box form .input-error input::-ms-input-placeholder, .user-container .inputholder.input-error input:-ms-input-placeholder, .user-container .inputholder.input-error input::-ms-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-webkit-input-placeholder, .subscribe-container .subscribe-box form .input-error input::-webkit-input-placeholder, .user-container .inputholder.input-error input::-webkit-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-moz-placeholder, .subscribe-container .subscribe-box form .input-error input::-moz-placeholder, .user-container .inputholder.input-error input::-moz-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input:-ms-input-placeholder, .subscribe-container .subscribe-box form .input-error input:-ms-input-placeholder, .user-container .inputholder.input-error input:-ms-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-ms-input-placeholder, .subscribe-container .subscribe-box form .input-error input::-ms-input-placeholder, .user-container .inputholder.input-error input::-ms-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-webkit-input-placeholder, .subscribe-container .subscribe-box form .input-error input::-webkit-input-placeholder, .user-container .inputholder.input-error input::-webkit-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-moz-placeholder, .subscribe-container .subscribe-box form .input-error input::-moz-placeholder, .user-container .inputholder.input-error input::-moz-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input:-ms-input-placeholder, .subscribe-container .subscribe-box form .input-error input:-ms-input-placeholder, .user-container .inputholder.input-error input:-ms-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::-ms-input-placeholder, .subscribe-container .subscribe-box form .input-error input::-ms-input-placeholder, .user-container .inputholder.input-error input::-ms-input-placeholder { color: #cd3838 !important; } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input::placeholder, .subscribe-container .subscribe-box form .input-error input::placeholder, .user-container .inputholder.input-error input::placeholder { color: #cd3838 !important; } .user-container .inputholder.gender-box { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media screen and (max-width:767px) { .user-container .inputholder.gender-box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .user-container .inputholder.gender-box .text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 11px } .user-container .inputholder.gender-box input[type=radio] { position: absolute; z-index: -1; opacity: 0 } .user-container .inputholder.gender-box input[type=radio]+label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .user-container .inputholder.gender-box input[type=radio]+label::before { content: ''; width: 25px; height: 25px; border: 1px solid #a99793; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; position: absolute; top: 0; left: 0; background-color: #eee2df } .user-container .inputholder.gender-box label { color: #6c5b57; position: relative; padding-left: 38px; padding-right: 0; display: block; margin-bottom: 0; font-weight: 500; font-size: 16px; line-height: 20px; height: 25px } .user-container .inputholder.gender-box label:first-of-type { margin-right: 54px } @media screen and (max-width:380px) { .user-container .inputholder.gender-box label:first-of-type { margin-right: 30px } } .user-container .inputholder.gender-box input:checked+label::before { position: absolute; content: ''; width: 25px; height: 25px; border-radius: 50%; background-color: #735f5a; background-position: center; -webkit-box-shadow: inset 0 0 0 3px #f7f7f7; box-shadow: inset 0 0 0 3px #f7f7f7 } .user-container .inputholder.icon-before { position: relative } .user-container .inputholder.icon-before::before { position: absolute; right: 0; content: ''; width: 23px; height: 23px; background-image: url(/bitrix/templates/ivadesign_21_12_21/css/../img/datapicker.png) } @media screen and (max-width:620px) { .user-container .inputholder.icon-before::before { bottom: 12px } } .user-container .change-pass .inputholder { position: relative; max-width: 402px; width: 100% } .user-container .change-pass .inputholder .text { position: absolute; font-weight: 400; font-size: 12px; line-height: 16px; right: 0; bottom: -22px; margin-right: 0; color: #cd3838; display: none } .user-container .change-pass .inputholder.input-error .text { display: block } .user-container .button-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px } @media screen and (max-width:620px) { .user-container .button-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .user-container .button-block .button-new { padding: 13px 11px } @media screen and (max-width:575px) { .user-container .button-block .button-new { max-width: 100% } } .user-container .button-block .button-new:first-child { margin-right: 100px } @media screen and (max-width:620px) { .user-container .button-block .button-new:first-child { margin-right: 0; margin-bottom: 20px } } .user-container .success-save { font-weight: 400; font-size: 12px; line-height: 16px; color: #654f4a; margin-top: 8px } .user-container .success-pp-top { position: fixed; top: 0; right: 0; background: #a99793; border-radius: 10px 0 0 10px; padding: 18px 34px; font-weight: 500; font-size: 16px; line-height: 20px; color: #fff; margin-top: 6px; display: none; z-index: 10000 } @media screen and (max-width:500px) { .user-container .success-pp-top { font-size: 15px; padding: 10px 20px } } .subscribe-container { background: -o-linear-gradient(25.37deg, #a99793 -17.98%, #dccbc8 96.13%); background: linear-gradient(64.63deg, #a99793 -17.98%, #dccbc8 96.13%); padding: 17px 0 28px } .subscribe-container .subscribe-box { max-width: 960px; width: 100%; margin: 0 auto } .subscribe-container .subscribe-box .thanks-text { display: none; font-weight: normal; font-size: 18px; line-height: 133.9%; color: #fff } .subscribe-container .subscribe-box .thanks-text.vis { display: block } .subscribe-container .subscribe-box .title { font-style: normal; font-weight: normal; font-size: 26px; line-height: 133.9%; color: #fff; max-width: 640px; margin-bottom: 22px } @media screen and (max-width:545px) { .subscribe-container .subscribe-box .title { font-size: 22px } } @media screen and (max-width:400px) { .subscribe-container .subscribe-box .title { font-size: 20px } } @media screen and (max-width:545px) { .subscribe-container .subscribe-box form { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .subscribe-container .subscribe-box form .inputholder { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -ms-flex-item-align: end; align-self: flex-end } @media screen and (max-width:820px) { .subscribe-container .subscribe-box form .inputholder { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } } @media screen and (max-width:545px) { .subscribe-container .subscribe-box form .inputholder { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: start; align-self: flex-start; width: 240px; margin-bottom: 20px } } .subscribe-container .subscribe-box form input { background: 0 0; border-color: #fff; max-width: 100% } .subscribe-container .subscribe-box form input:-ms-input-placeholder, .subscribe-container .subscribe-box form input::-ms-input-placeholder { color: #fff } .subscribe-container .subscribe-box form input::-webkit-input-placeholder { color: #fff } .subscribe-container .subscribe-box form input::-moz-placeholder { color: #fff } .subscribe-container .subscribe-box form input:-ms-input-placeholder { color: #fff } .subscribe-container .subscribe-box form input::-ms-input-placeholder { color: #fff } .subscribe-container .subscribe-box form input::placeholder { color: #fff } .free-cons-container .free-cons-box form .form-input-block .inputholder.input-error input, .subscribe-container .subscribe-box form .input-error input { border-color: #cd3838 } .subscribe-container .subscribe-box form .button-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width:820px) { .subscribe-container .subscribe-box form .button-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 41%; flex: 0 0 41% } } .subscribe-container .subscribe-box form .button-block button { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-right: 20px; width: 192px } @media screen and (max-width:820px) { .subscribe-container .subscribe-box form .button-block button { margin-right: 0; margin-bottom: 10px } } .subscribe-container .subscribe-box form .button-block .policy { margin-bottom: 0; color: #fff; font-size: 12px; line-height: 16px } .subscribe-container .subscribe-box form .button-block .policy a { color: #fff; text-decoration: underline; font-size: 12px; line-height: 16px } .free-cons-bg { width: 100%; height: 100%; background: url(/bitrix/templates/ivadesign_21_12_21/css/../img/sub-bg.png); background-repeat: no-repeat; background-position: left; position: absolute } @media screen and (max-width:787px) { .free-cons-bg { -webkit-filter: opacity(.3); filter: opacity(.3); background-position-x: -115px } } @media screen and (max-width:590px) { .free-cons-bg { -webkit-filter: opacity(.1); filter: opacity(.1) } } .gradient { background: -o-linear-gradient(right, #f8f8f8 50.47%, rgba(248, 248, 248, 0) 71.51%); background: -webkit-gradient(linear, right top, left top, color-stop(50.47%, #f8f8f8), color-stop(71.51%, rgba(248, 248, 248, 0))); background: linear-gradient(270deg, #f8f8f8 50.47%, rgba(248, 248, 248, 0) 71.51%); z-index: 1; position: absolute; width: 100%; height: 100% } @media screen and (max-width:787px) { .gradient { -webkit-filter: opacity(.7); filter: opacity(.7) } } .free-cons-container { position: relative; margin: 40px 0 } .free-cons-container .container { z-index: 3 } .free-cons-container .container-min { width: 50%; margin: 0 0 0 auto } @media screen and (max-width:991px) { .free-cons-container .container-min { width: 60% } } @media screen and (max-width:787px) { .free-cons-container .container-min { width: 77% } } @media screen and (max-width:590px) { .free-cons-container .container-min { width: 100%; margin: 0 auto } } .free-cons-container .free-cons-box { padding: 35px 0 35px 45px } .free-cons-container .free-cons-box.thanks-cons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } @media screen and (min-width:700px) { .free-cons-container .free-cons-box.thanks-cons { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .free-cons-container .free-cons-box.thanks-cons .title { padding-top: 35px; margin-bottom: 60px } } .free-cons-container .free-cons-box.novis { display: none } @media screen and (max-width:590px) { .free-cons-container .free-cons-box { padding-left: 0 } } @media screen and (max-width:380px) { .free-cons-container .free-cons-box { padding: 20px 0 } } @media screen and (max-width:360px) { .free-cons-container .free-cons-box { padding: 15px 0 } } @media screen and (min-width:320px) { .free-cons-container .free-cons-box { min-height: 250px } } @media screen and (min-width:700px) { .free-cons-container .free-cons-box { min-height: 356px } } .free-cons-container .free-cons-box .title { font-weight: normal; font-size: 26px; line-height: 133.9%; color: #656565; margin-bottom: 19px } @media screen and (max-width:700px) { .free-cons-container .free-cons-box .title { font-size: 23px; margin-bottom: 9px } } @media screen and (max-width:420px) { .free-cons-container .free-cons-box .title { font-size: 21px } } .free-cons-container .free-cons-box .desc { font-weight: 500; font-size: 18px; line-height: 133.9%; color: #656565; } @media screen and (max-width:420px) { .free-cons-container .free-cons-box .desc { font-size: 13px } } .free-cons-container .free-cons-box form .form-input-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 54px; margin-bottom: 40px } @media screen and (max-width:700px) { .free-cons-container .free-cons-box form .form-input-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; margin-bottom: 23px } } .free-cons-container .free-cons-box form .form-input-block .inputholder { max-width: 240px; width: 100%; margin-bottom: 0 } .free-cons-container .free-cons-box form .form-input-block .inputholder:first-child { margin-right: 20px } @media screen and (max-width:700px) { .free-cons-container .free-cons-box form .form-input-block .inputholder:first-child { margin-right: 0; margin-bottom: 20px } } .free-cons-container .free-cons-box form .form-input-block .inputholder input { background: 0 0 } .free-cons-container .free-cons-box form .button-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:700px) { .free-cons-container .free-cons-box form .button-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } .free-cons-container .free-cons-box form .button-block button { width: 192px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-right: 20px } @media screen and (max-width:700px) { .free-cons-container .free-cons-box form .button-block button { margin-bottom: 5px } } .free-cons-container .free-cons-box form .button-block .policy { margin-bottom: 0; font-size: 12px; line-height: 16px } .free-cons-container .free-cons-box form .button-block .policy a { text-decoration: underline; font-size: 12px; line-height: 16px; color: #656565; } @media screen and (max-width:700px) { .free-cons-container .free-cons-box form .button-block .policy a { display: inline } } .error-make { font-weight: 400; font-size: 12px; line-height: 16px; color: #cd3838; margin-top: 8px } @media screen and (max-width:767px) { .user-container--order-make .personal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .user-container--order-make .personal .left { margin-bottom: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; margin-right: 0 } @media screen and (max-width:585px) { .user-container--order-make .personal .left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } } .user-container--order-make .personal .left--full-width { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .user-container--order-make .personal .left--full-width .inputholder { width: 500px } @media screen and (max-width:585px) { .user-container--order-make .personal .left--full-width .inputholder { width: 100% } } .user-container--order-make .personal .left--full-width .inputholder.gender-box { width: 100% } .bx-ui-sls-pool { margin-bottom: 40px; max-width: 500px; width: 100%; } .bx-sls .dropdown-icon, .bx-sls .bx-ui-combobox-toggle, .bx-sls .dropdown-fade2white { display: none; } .bx-ui-combobox-container .bx-combobox-fake-as-input { font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57; padding: 0 0 11px; font-family: Montserrat; } .bx-sls .dropdown-block { -webkit-box-shadow: none; box-shadow: none; padding: 0; border: none; border-left: none; border-right: none; margin-bottom: 30px; max-width: 500px; width: 100%; } .bx-sls .bx-ui-sls-container { min-height: 32px; z-index: 1; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { padding-right: 0 !important; height: 32px; padding-bottom: 11px !important; border-bottom: 1px solid #6C5B57 !important; font-weight: 400; font-size: 16px; line-height: 20px; color: #6c5b57; font-family: Montserrat; } .bx-sls .bx-ui-combobox-dropdown { background: #F5F5F5; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border: none; font-size: 16px; line-height: 20px; padding: 0; } .bx-sls .bx-ui-combobox-variant { padding: 8px 15px; } .bx-sls .bx-ui-combobox-variant:hover, .bx-sls .bx-ui-combobox-variant-active { background-color: #C4C4C4; } @media screen and (max-width:585px) { .user-container--order-make .personal .left--full-width .inputholder.gender-box input[type=radio]+label:first-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .user-container--order-make .personal .left--full-width .inputholder.gender-box .text { margin-bottom: 17px } .user-container--order-make .personal .left--full-width .inputholder.delivery-box { width: 100%; margin-bottom: 47px; } @media screen and (max-width:767px) { .user-container--order-make .personal .left--full-width .inputholder.delivery-box { margin-bottom: 20px; } } @media screen and (max-width:585px) { .user-container--order-make .personal .left--full-width .inputholder.delivery-box { margin-bottom: 10px; } } .user-container--order-make .personal .left--full-width .inputholder.delivery-box input[type=radio]+label { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; height: auto; } .order-make__form .sdek_pvzLair { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sdek_pvzAddr { display: none; } .order-make__form .sdek_pvzLair a { font-weight: 500; font-size: 16px; line-height: 22px; color: #654F4A; padding: 14px; background-color: #DDD6D4; border-radius: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .order-make__form .sdek_pvzLair a:hover { background-color: #fddfd4; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .order-make__form .sdek_pvzLair { margin-top: 10px; } .user-container--order-make textarea { background: #fff; border: 1px solid #c4c4c4; border-radius: 2px; max-width: 100%; resize: none; height: 126px; padding: 20px; font-size: 13px; color: #6c5b57; line-height: 130%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0 } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 37.5px); flex: 0 0 calc(25% - 37.5px); width: calc(25% - 37.5px); display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element label:first-of-type { margin-right: 0; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:not(:last-child) { margin-right: 50px; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:nth-child(4n+5) { margin-right: 0; } @media screen and (max-width:991px) { .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 15px); flex: 0 0 calc(25% - 15px); width: calc(25% - 15px); } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:not(:last-child) { margin-right: 20px; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:nth-child(4n+5) { margin-right: 0; } } @media screen and (max-width:767px) { .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 10px); flex: 0 0 calc(33.33% - 10px); width: calc(33.33% - 10px); } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:not(:last-child) { margin-right: 15px; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:nth-child(3n+4) { margin-right: 0; } } @media screen and (max-width:680px) { .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:not(:last-child) { margin-right: 20px; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:nth-child(2n+3) { margin-right: 0; } } @media screen and (max-width:575px) { .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .user-container--order-make .personal .left--full-width .inputholder.delivery-box .bx_element:not(:last-child) { margin-right: 0; margin-bottom: 15px; } } .user-container--order-make textarea::-webkit-input-placeholder { color: #8a8a8a } .user-container--order-make textarea::-moz-placeholder { color: #8a8a8a } .user-container--order-make textarea:-ms-input-placeholder, .user-container--order-make textarea::-ms-input-placeholder { color: #8a8a8a } .user-container--order-make textarea::-webkit-input-placeholder { color: #8a8a8a } .user-container--order-make textarea::-moz-placeholder { color: #8a8a8a } .user-container--order-make textarea:-ms-input-placeholder { color: #8a8a8a } .user-container--order-make textarea::-ms-input-placeholder { color: #8a8a8a } .user-container--order-make textarea::placeholder { color: #8a8a8a } .user-container--order-make .policy { font-size: 12px; line-height: 16px; color: #654f4a; margin-top: 15px; margin-bottom: 10px } .user-container--order-make .policy a { font-size: 12px; line-height: 16px; color: #654f4a; display: inline-block } .user-container--order-make .button-block { margin-top: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .user-container--order-make .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .user-container--order-make h1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 0 } @media screen and (max-width:850px) { .user-container--order-make h1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .user-container--order-make .order-make__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .user-container--order-make .container { position: relative; } .user-container--order-make .ps_logo img { margin: 10px 0; } @media screen and (max-width:850px) { .user-container--order-make .order-make__form { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } .user-container--order-make .right-blog-col { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px } @media screen and (max-width:767px) { .user-container--order-make .right-blog-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .user-container--order-make .subscribeform { -webkit-transform: none; -ms-transform: none; transform: none; position: absolute; right: 15px; top: 42px; max-width: 270px; width: 100%; } @media screen and (max-width:1200px) { .user-container--order-make .subscribeform { position: relative; right: auto; top: auto; margin-bottom: 40px; } } @media screen and (max-width:767px) { .user-container--order-make .subscribeform { max-width: inherit; } } .order-checkout { max-width: 850px; width: 100%; } @media screen and (max-width:1200px) { .order-checkout { max-width: inherit; width: 100%; } } .user-container--order-make .sub-desc { margin-top: 30px !important; margin-bottom: 5px !important; font-style: normal; font-weight: 400 } .user-container--order-make .order-item__color, .user-container--order-make .order-item__size { font-weight: 400; font-size: 12px; line-height: 15px; color: #a99793; display: inline-block } .user-container--order-make .order-item__size { margin-right: 15px } .user-container--order-make .order-item__calc { font-size: 16px; line-height: 20px; color: rgba(107, 107, 107, .932); margin-top: 5px } .lookbook-box__bot, .user-container--order-make .order-item__price-delivery, .user-container--order-make .order-item__price-full, .user-container--order-make .order-item__price-one { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .user-container--order-make .order-item__price-full { margin-top: 30px } .user-container--order-make .order-make__success { margin-top: 40px } @media screen and (max-width:850px) { .user-container--order-make .order-make__success { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } .user-container--order-make .order-make__success p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 130%; color: #6b6b6b; margin-bottom: 40px } .user-container--order-make .order-make__success .button-new { width: 235px } @media screen and (max-width:1170px) { .user-container--order-make-success .right-blog-col { position: relative; right: auto; top: auto } } @media screen and (max-width:850px) { .user-container--order-make-success .right-blog-col { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } } @media screen and (max-width:660px) { .user-container--order-make-success .right-blog-col { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .user-container--order-make-success .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:380px) { .user-container--order-make-success .order-make__success { text-align: center } .user-container--order-make-success .order-make__success p { margin-bottom: 20px } } .user-container--order-make-success .button-new { margin-bottom: 0 !important } @media screen and (max-width:380px) { .user-container--order-make-success .button-new { width: 100% !important } } .lookbook-box__bot { margin-bottom: 70px } @media screen and (max-width:991px) { .lookbook-box__bot { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 60px } } .lookbook-box__bot .card-desc { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; font-size: 18px; line-height: 145%; color: #656565; } @media screen and (max-width:991px) { .lookbook-box__bot .card-desc { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 30px } } .lookbook-page { padding-bottom: 90px } @media screen and (max-width:991px) { .lookbook-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media screen and (max-width:900px) { .lookbook-page { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 60px } } @media screen and (max-width:600px) { .lookbook-page { padding-bottom: 20px } } .lookbook-page .gal { margin-right: 42px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 522px); flex: 0 0 calc(100% - 522px); padding-left: 135px } @media screen and (max-width:1170px) { .lookbook-page .gal { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 525px); flex: 0 0 calc(100% - 525px); padding-left: 0; height: 792px } } @media screen and (max-width:991px) { .lookbook-page .gal { margin-right: 3%; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49% } } @media screen and (max-width:900px) { .lookbook-page .gal { padding-right: 123px; padding-left: 123px; margin: 0 auto; padding-bottom: 95px; -webkit-box-flex: 0; -ms-flex: 0 0 41%; flex: 0 0 41%; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } } @media screen and (max-width:800px) { .lookbook-page .gal { padding-bottom: 145px } } @media screen and (max-width:600px) { .lookbook-page .gal { padding-right: 30px; padding-left: 30px } } @media screen and (max-width:500px) { .lookbook-page .gal { padding-left: 0; padding-right: 0 } } @media screen and (max-width:900px) { .lookbook-page .gal .swiper-button-next { right: 86px } } @media screen and (max-width:600px) { .lookbook-page .gal .swiper-button-next { right: -4px } } @media screen and (max-width:500px) { .lookbook-page .gal .swiper-button-next { right: -2%; top: 40% } } @media screen and (max-width:900px) { .lookbook-page .gal .swiper-button-prev { left: 85px } } @media screen and (max-width:600px) { .lookbook-page .gal .swiper-button-prev { left: -4px } } @media screen and (max-width:500px) { .lookbook-page .gal .swiper-button-prev { left: -2%; top: 40% } } @media screen and (max-width:1170px) { .lookbook-page .gal .gallery-top .swiper-wrapper { height: 100% } } .lookbook-page .card-text-block { -webkit-box-flex: 0; -ms-flex: 0 0 480px; flex: 0 0 480px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 808px } @media screen and (max-width:991px) { .lookbook-page .card-text-block { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48% } } @media screen and (max-width:900px) { .lookbook-page .card-text-block { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: auto } } @media screen and (max-width:600px) { .lookbook-page .card-text-block { padding-right: 30px; padding-left: 30px } } @media screen and (max-width:500px) { .lookbook-page .card-text-block { padding-left: 0; padding-right: 0 } } .lookbook-page h1 { margin-bottom: 70px } @media screen and (max-width:900px) { .lookbook-page h1 { margin-bottom: 40px } } .lookbook-box__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px } .lookbook-box__buttons .basket-row { margin-top: 0 } .lookbook-box__bot-right { -webkit-box-flex: 0; -ms-flex: 0 0 371px; flex: 0 0 371px; text-align: right } @media screen and (max-width:991px) { .lookbook-box__bot-right { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 371px; width: 100%; -ms-flex-item-align: end; align-self: flex-end } } @media screen and (max-width:450px) { .lookbook-box__bot-right { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content } } .lookbook-box__bot-right .price-quantity { font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-bottom: 8px } .lookbook-box__bot-right .price { font-weight: 400; font-size: 26px; line-height: 32px; color: #656565; } .lookbook-box__bot-right .after-h1 .cardbtn.fav .hearth { margin-right: 14px } .lookbook-slide, .lookbook-slide:hover { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .lookbook-slide { height: 222px } @media screen and (max-width:900px) { .lookbook-slide { height: auto; width: 490px } } @media screen and (max-width:600px) { .lookbook-slide { width: 100% } } .lookbook-slide:hover { text-decoration: none; opacity: .7 } .lookbook-slide .basket-info { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; margin-right: 23px } @media screen and (max-width:600px) { .lookbook-slide .basket-info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 0; height: 500px } } .lookbook-slide .basket-info img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .lookbook-slide .size-row { margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; } @media screen and (max-width:600px) { .lookbook-slide .size-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .lookbook-slide .size-item { width: 42px; height: 42px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px !important; margin-bottom: 5px } @media screen and (max-width:991px) { .lookbook-slide .size-item { margin-right: 5 !important } } .lookbook-slide .size-item.doesnt::before { left: -9px !important; width: 58px !important } .lookbook-slide .param { padding: 15px 25px 30px 0; width: 100%; } @media screen and (max-width:991px) { .lookbook-slide .param { padding-right: 0 } } .lookbook-slide .param .title { font-weight: 500; font-size: 16px; line-height: 20px; color: #656565; } .lookbook-slide .param-middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; margin-bottom: 25px } .lookbook-slide .color-title { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #a1a1a1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lookbook-slide .color-item { width: 40px; height: 50px; background-size: contain; margin-left: 15px } .lookbook-slide .price-actual { font-weight: normal; font-size: 18px; line-height: 22px; color: #656565; margin-bottom: 10px } .lookbook-slide .param-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .lookbook-slide .price-sale { font-weight: 400; font-size: 14px; line-height: 17px; color: #a1a1a1 } .lookbook-slide .price-sale span { text-decoration: line-through } .lookbook-cards-box { position: relative; height: 620px } @media screen and (max-width:900px) { .lookbook-cards-box { height: auto; width: 94%; margin: 0 auto } } @media screen and (max-width:600px) { .lookbook-cards-box { width: 100% } } .lookbook-cards-box::before { position: absolute; bottom: 0; height: 40px; background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .7))); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%); width: 100%; content: ''; z-index: 6; pointer-events: none } @media screen and (max-width:900px) { .lookbook-cards-box::before { right: 0; height: 100%; width: 40px; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .7))); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%) } } @media screen and (max-width:600px) { .lookbook-cards-box::before { display: none } } .lookbook-cards-box .swiper-button-next, .lookbook-cards-box .swiper-button-prev { right: 50%; background: #fff; -webkit-box-shadow: 0 10px 25px rgba(118, 92, 87, .18); box-shadow: 0 10px 25px rgba(118, 92, 87, .18); border-radius: 50%; width: 70px; height: 70px; position: absolute } .lookbook-cards-box .swiper-button-next::before, .lookbook-cards-box .swiper-button-prev::before { position: absolute; content: ''; border: solid #a99793; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; top: 50%; left: 47%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .lookbook-cards-box .swiper-button-next::after, .lookbook-cards-box .swiper-button-prev::after { display: none } .lookbook-cards-box .swiper-button-prev { left: auto; top: -34px; -webkit-transform: translateX(50%) rotate(-90deg); -ms-transform: translateX(50%) rotate(-90deg); transform: translateX(50%) rotate(-90deg) } @media screen and (max-width:900px) { .lookbook-cards-box .swiper-button-prev { bottom: 50%; left: -4%; right: auto; top: auto; -webkit-transform: translateY(50%) rotate(180deg); -ms-transform: translateY(50%) rotate(180deg); transform: translateY(50%) rotate(180deg) } } @media screen and (max-width:600px) { .lookbook-cards-box .swiper-button-prev { bottom: 67%; left: -8% } } @media screen and (max-width:500px) { .lookbook-cards-box .swiper-button-prev { left: -2% } } .lookbook-cards-box .swiper-button-next { left: auto; bottom: -54px; top: auto; -webkit-transform: translateX(50%) rotate(90deg); -ms-transform: translateX(50%) rotate(90deg); transform: translateX(50%) rotate(90deg) } @media screen and (max-width:900px) { .lookbook-cards-box .swiper-button-next { bottom: 50%; right: -4%; -webkit-transform: translateY(50%) rotate(0deg); -ms-transform: translateY(50%) rotate(0deg); transform: translateY(50%) rotate(0deg) } } @media screen and (max-width:600px) { .lookbook-cards-box .swiper-button-next { bottom: 67%; right: -8% } } @media screen and (max-width:500px) { .lookbook-cards-box .swiper-button-next { right: -2% } } .lookbook-swiper-container { height: 100% } .lookbook-slide__flex { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } @media screen and (max-width:600px) { .lookbook-slide__flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .lookbook-hub-page .button-new { width: 188px } .lookbook-hub-page .seemore-wrapper { margin: 0 auto } .lookbook-hub-page .category-cards { margin-bottom: 80px } .lookbook-hub-page .carditem, .lookbook-hub-page .carditem:hover { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } @media screen and (max-width:710px) { .lookbook-hub-page .carditem { margin-bottom: 10px !important } } .lookbook-hub-page .carditem:hover { text-decoration: none; opacity: .7 } .lookbook-hub-page__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px } @media screen and (max-width:710px) { .lookbook-hub-page__tags { margin-bottom: 20px } } .lookbook-hub__item, .lookbook-hub__item:hover { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease } .lookbook-hub__item { font-weight: 400; font-size: 20px; line-height: 24px; margin-right: 50px; margin-bottom: 15px; color: #000 } @media screen and (max-width:710px) { .lookbook-hub__item { font-size: 17px; margin-right: 25px } } .lookbook-hub__item:hover { text-decoration: none; color: #a99793 } .lookbook-hub__item--active { font-weight: 500; cursor: default } .lookbook-hub__item--active:hover { color: #000 } @media screen and (max-width:575px) { .basket-container .basket-box .basket-item .price { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-item-align: start; align-self: flex-start; text-align: left; } .basket-container .basket-box .basket-item .number-spinner { margin: 20px 0; } .basket-items-list { padding: 0; } .basket-container [data-entity=basket-total-block] .button-block:first-child { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .category-wrapper .filter-wrapper .filter .block-for-filter { max-width: 320px; padding: 20px; height: 100vh; } .category-wrapper .filter-wrapper .filter .block-for-filter .top span.title { font-size: 20px; margin-bottom: 20px; } .category-wrapper .filter-wrapper .filter .block-for-filter .top span.close { right: 20px; top: 26px; } .block-for-filter .bx-filter .bx-filter-parameters-box .bx-filter-parameters-box-title span { font-size: 16px; margin-bottom: 15px; } .block-for-filter .bx-filter .bx-filter-param-label .bx-filter-param-text::before { width: 20px; height: 20px; left: -40px; } .block-for-filter .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { margin-left: 40px; font-weight: normal; font-size: 16px; } .block-for-filter .bx-filter-parameters-box-container .checkbox { margin-bottom: 10px; } .block-for-filter .bx-filter .bx-filter-parameters-box { margin-bottom: 15px; padding: 0; } .block-for-filter .smartfilter>.row:first-child { min-height: auto; padding-right: 36px; max-height: 60vh; } .bx-filter .bx-filter-button-box .bx-filter-parameters-box-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .block-for-filter .btn-link, .block-for-filter .btn-themes { max-width: 100%; font-size: 14px; height: 35px; } .block-for-filter .bx-filter.bx-blue .btn-themes { margin-bottom: 10px; } .block-for-filter .bx-filter .bx-filter-param-label .bx-filter-param-text::after { width: 12px; height: 7px; left: -34px; top: 8px; background-size: contain; background-repeat: no-repeat; } } .category-wrapper .cats-line .button-new { width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 0; bottom: 0; border: 1px solid #fddfd4; cursor: pointer; display: none; } .category-wrapper .cats-line .button-new svg { width: 15px; height: 15px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category-wrapper .cats-line { position: relative; } .category-wrapper .cats-line .button-new:hover { background-color: #fff; } .category-wrapper .cats-line .button-new.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } @media screen and (max-width:767px) { .category-wrapper .cats-line .button-new { width: 36px; height: 36px; padding: 11px; } } @media screen and (max-width:575px) { .category-wrapper .cats-line .button-new { display: none !important; } } .category-wrapper .cats-line ul.subcateg-list.opened { max-height: inherit; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .category-wrapper .cats-line ul.subcateg-list.height-auto { max-height: inherit; } .basket-total__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket-total__price { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width:575px) { .basket-total__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .basket-total__price { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .basket-total__wrapper .promo { margin-bottom: 30px; } .section-collection .container-new, footer .container { padding: 0 30px; } } @media screen and (max-width:991px) { h2, .h2, .delivery-wrapper h1 { font-size: 28px; line-height: 130%; } .h1, h1 { margin: 30px 0 30px; } } .location-block-wrapper .bx-sls .bx-ui-sls-clear { margin-top: 0px; z-index: 1; top: -3px; } .location-block-wrapper .bx-sls .bx-ui-sls-pane { padding: 3px 5px 3px 5px; } .location-block-wrapper .bx-sls .bx-ui-sls-error div { top: 2px; } .tel-icon { width: 28px; height: 25px; display: none; fill: #333; } .header-search__result { display: none; margin-bottom: -15px; margin-top: 20px; padding-left: 0; list-style-type: none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .header-search__result a { font-size: 14px; line-height: 140%; color: #656565; font-weight: 400; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .header-search__result li { margin-bottom: 15px; margin-top: 0; } .header-search__result a:hover { color: #333; text-decoration: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .header-search__result b { font-weight: 500; display: inline-block; } @media screen and (max-width:1200px) { header .search-form { max-width: inherit; margin: 0; } header .search-block { padding: 27px 15px; } } @media screen and (max-width:1140px) { header .menu-nav-block ul li.sub__main, header .contact-block, .header__search, header .icon-blcok a { margin-right: 15px; } .header__showroom-btn { margin-left: 15px; } header .logo { font-size: 19px; } header .menu-nav-block ul li:last-child { margin-right: 0; } } @media screen and (max-width:1024px) { header .logo { margin-right: auto; margin-left: 15px; } header .menu-nav-block .menu-list { height: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } header .burger-block { z-index: 100; } header.opened .menu-nav-block { padding-top: 70px; padding-bottom: 20px; } header .menu-nav-block ul .menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .header__showroom-btn { margin-left: 0; font-size: 19px; } header.opened .menu-nav-block ul li { margin: 0 0 10px; } header .menu-nav-block ul li .dropdown ul li { padding-bottom: 0; } header .menu-nav-block ul li.sub__main { position: relative; width: 100%; margin-right: 0; border-bottom: 1px solid #929292; margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .header__mobile-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width:991px) { footer .footer-logo { margin-right: 40px; margin-top: 0; } footer .top-block .link-item:not(:last-child) { margin-right: 60px; } footer .footer-link { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 134px); flex: 0 0 calc(100% - 134px); } } @media screen and (max-width:767px) { header .icon-blcok svg, header .icon-blcok .favorite-icon svg { width: 25px; height: 20px; fill: #333333; } header .menu-nav-block ul .menu-item a { font-weight: normal; font-size: 10px; line-height: 140%; letter-spacing: 0.03em; } header .burger-block { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } header .burger-block .burger { width: 18px; height: 12px; } header .burger-block .burger-inner { width: 18px; height: 1px; } header .burger-block .burger-inner:after { bottom: -6px; } header .burger-block .burger-inner::before { top: -6px; } header .burger-block .burger-inner:after, header .burger-block .burger-inner:before { width: 18px; height: 1px; } header.opened .burger-block .burger-inner:after, header.opened .burger-block .burger-inner:before { width: 15px; } header.opened .burger-block .burger-inner { width: 15px; } header .logo { padding: 8px 0; padding-bottom: 9px; font-size: 19px; line-height: 23px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 auto; letter-spacing: 0.08em; } .header__mobile-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .header .right-info-block { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .header__search svg, header .tel-icon { width: 28px; height: 20px; } header .icon-blcok .basket-icon, header .icon-blcok .favorite-icon, header .icon-blcok .lk-icon { width: 28px; } header .right-info-block .quantity-basket { font-weight: normal; font-size: 5px; width: 9px; height: 9px; } header .menu-nav-block ul li.sub__main, header .contact-block, .header__search, header .icon-blcok a { margin-right: 20px; width: 28px; height: 25px; } .header__search { width: 28px; height: 25px; margin-right: 0; } header.opened .menu-nav-block { padding-top: 38px; } header::before { height: 100%; } header .contact-block { margin-left: 20px; margin-right: 0; } .header__showroom-btn { font-size: 10px; padding: 5px 67px; } header .tel-icon { display: -webkit-box; display: -ms-flexbox; display: flex; stroke-width: 0.3px; stroke: #333; } header .contact-block .tel span { display: none; } .header__search { margin-left: 20px; } main { padding-top: 40px; } header .search-block { padding: 27px 28px; } header .header-search-input { max-width: inherit; font-size: 12px; letter-spacing: 0.04em; margin-top: 0; padding-bottom: 4px; } header .header-search-btn { font-size: 10px; letter-spacing: 0.03em; padding: 5px 18px; margin-left: 15px; } .header-search__result { margin-bottom: -10px; margin-top: 10px; } .header-search__result li { margin-bottom: 10px; } .header-search__result a { font-size: 10px; line-height: 140%; letter-spacing: 0.03em; } footer { padding: 15px 0; } footer .footer-logo { margin-right: 25px; margin-top: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; margin-left: 13px; } .footer__mobile-hidden { display: none; } footer .top-block .link-item:not(:last-child) { margin-right: 0; margin-bottom: 10px; } footer .footer-link { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 40px; } footer .link-item .instagram-link { margin: 0; position: absolute; right: 15px; top: 0; } footer .link-item .insta-icon { width: 21px; height: 21px; } footer .bottom-block p { margin-bottom: 0; text-align: left; font-size: 9px; } footer .bottom-block .link-item { margin-bottom: 0; } footer .top-block .link-item a { font-size: 10px; color: #333333; margin-bottom: 5px; padding-top: 3px; } .call-back-form-button-whatsapp, .scroll-to-top { right: 50px; width: 30px; height: 30px; } .call-back-form-button-whatsapp { right: 10px; } .call-back-form-button-whatsapp .icon-letter { width: 16px; height: 17px; fill: #e8d0d0; } .call-back-form-button-whatsapp .icon-three-lines { width: 18px; height: 18px; } .scroll-to-top img { width: 10px; } header .contact-block { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .menu-nav-block ul li.sub__main, header .contact-block, .header__search, header .icon-blcok a, header .icon-blcok .basket-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header .menu-nav-block ul li.sub__main { width: 100%; padding: 0; padding-bottom: 10px; height: auto; } } @media screen and (max-width:420px) { header .menu-nav-block ul li.sub__main, header .contact-block, .header__search, header .icon-blcok a { margin-right: 10px; } header .contact-block, .header__search { margin-left: 10px; margin-right: 0; } } @media screen and (max-width:370px) { header .icon-blcok .basket-icon, header .icon-blcok .favorite-icon, header .icon-blcok .lk-icon { width: 20px; } header .contact-block, .header__search, header .icon-blcok a { width: 20px; } .header__search { width: 20px; } } @media screen and (max-width:340px) { header .icon-blcok .basket-icon, header .icon-blcok .favorite-icon, header .icon-blcok .lk-icon { width: 18px; } header .contact-block, .header__search, header .icon-blcok a { width: 18px; } .header__search { width: 18px; } header .icon-blcok svg, header .icon-blcok .favorite-icon svg { width: 18px; height: 16px; } .header__search svg, header .tel-icon { width: 18px; height: 16px; } } .h1--new { font-size: 40px; line-height: 130%; text-align: center; text-transform: uppercase; margin-bottom: 20px; } /* tags new */ .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tags a:hover { text-decoration: none; } .tags__wrapper { position: relative; max-width: 975px; width: 100%; } .tags__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -2px; margin-bottom: 28px; max-width: 975px; width: 100%; z-index: 100; } .tags__list a { padding: 4px 12px; font-weight: 500; font-size: 12px; line-height: 140%; display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: 0.04em; text-transform: uppercase; border: 1px solid transparent; border-radius: 1px; color: #656565; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-right: 2px; margin-bottom: 2px; } .tags__list a.active { pointer-events: none; border-color: #656565; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; /* -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; */ } .tags__list--big { margin-right: -10px; } .tags__list--big a { padding: 4px 13px; font-weight: 500; font-size: 12px; line-height: 140%; display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: 0.04em; text-transform: uppercase; border: 1px solid transparent; border-radius: 2px; font-size: 14px; color: #000000; margin-right: 10px; } .tags__list--big a.active { border-color: #FDDFD4; background-color: #FDDFD4; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .tags__show-more { width: 25px; height: 25px; display: none; position: absolute; background-color: #fff; right: 0; -webkit-box-shadow: 0px 0px 20px 12px #fff; box-shadow: 0px 0px 20px 12px #fff; top: 0; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; cursor: pointer; } .tags__show-more::before, .tags__show-more::after { position: absolute; content: ''; right: 50%; bottom: 50%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); background-color: #333333; } .tags__show-more::before { width: 17px; height: 1px; } .tags__show-more::after { width: 1px; height: 17px; } .container-new { margin: 0 auto; padding: 0 15px; width: 100%; max-width: 1170px; } @media screen and (max-width:991px) { .breadcrumbs { margin: 15px 0; margin-bottom: 20px; } .h1--new { font-size: 30px; line-height: 125%; margin-top: 35px; } } @media screen and (max-width:767px) { .h1--new { font-size: 21px; } .tags { padding-bottom: 42px; position: relative; } .tags__list a { margin-bottom: 10px; } .tags__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-height: 37px; margin-bottom: 5px; max-width: inherit; overflow: hidden; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; position: absolute; background-color: #fff; /* top: 38px; */ } .tags__list--big { margin-right: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: visible; position: relative; top: auto; max-height: initial; } .tags__list--big a { padding: 3px 10px; font-size: 12px; margin-right: 0; } .breadcrumbs .bcitem { display: none; } .breadcrumbs .bcitem:nth-last-child(2) { display: block; padding-left: 16px; } .breadcrumbs .bcitem:nth-last-child(2) span { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 11px; line-height: 130%; } .breadcrumbs span a:after { -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); top: 42%; right: auto; left: -16px; } .tags__show-more { display: block; } .container--mob-p28 { padding: 0 28px; } } .tags__list--opened { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; overflow: visible; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .tags__list--opened a { z-index: 1; } .tags__list::before { content: ''; position: absolute; width: calc(100% + 100px); height: 100%; top: 0; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); background-color: #fff; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); opacity: 0; pointer-events: none; } .tags__list--opened::before { pointer-events: all; opacity: 1; } .tags__list--opened .tags__show-more { top: auto; bottom: 10px; right: -13px; width: 11px; height: 11px; border-left: 1px solid #8D8D8D; border-bottom: 1px solid #8D8D8D; -webkit-transform: rotate(135deg) translateY(65%); -ms-transform: rotate(135deg) translateY(65%); transform: rotate(135deg) translateY(65%); -webkit-box-shadow: none; box-shadow: none; } .tags__list--opened .tags__show-more::before, .tags__list--opened .tags__show-more::after { opacity: 0; } /* tags new end */ /* catalog new */ .catalog *, .slider * { -webkit-box-sizing: border-box; box-sizing: border-box; } .catalog__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; position: relative; } .preloader:after { border-radius: 50%; width: 50px; height: 50px; right: calc(50% - 20px); -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: absolute; border-top: 5px solid #FDDFD4; border-right: 5px solid #FDDFD4; border-bottom: 5px solid #FDDFD4; border-left: 5px solid #A99793; -webkit-animation: preload 2s infinite linear; animation: preload 2s infinite linear; content: ''; display: block; top: 20px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .preloader>* { -webkit-filter: opacity(0.3); filter: opacity(0.3); } @-webkit-keyframes preload { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes preload { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .catalog .catalog__item, .product-item { margin-right: 20px; margin-bottom: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 20px); flex: 0 0 calc(25% - 20px); text-decoration: none; width: calc(25% - 20px); } .catalog__item { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-item { margin: 0; } .catalog__item:hover, .product-item:hover { text-decoration: none; } .catalog__img, .product-item__img { height: 0; padding-bottom: 151.48%; position: relative; } .catalog__img img, .product-item__img img { height: 100%; width: 100%; position: absolute; -o-object-fit: cover; object-fit: cover; } .catalog__img-flag, .product-item__img-flag { position: absolute; left: 0; top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 500; font-size: 12px; line-height: 120%; text-transform: uppercase; color: #333333; margin-bottom: -5px; z-index: 1; } .catalog__img-flag span, .product-item__img-flag span { padding: 4px 9px; margin-bottom: 5px; } .catalog__img-flag .sale, .product-item__img-flag .sale { background-color: #FDDFD4; } .catalog__img-flag .new, .product-item__img-flag .new { background-color: #CDEAE8; } .catalog__fav, .product-item__fav { position: absolute; top: 15px; right: 15px; cursor: pointer; width: 32px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; } .catalog__fav svg, .product-item__fav svg { width: 22px; height: 20px; fill-opacity: 0.5; fill: #fff; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .catalog__fav.infav svg, .product-item__fav.infav svg { fill-opacity: 1; fill: #DBA2B3; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .catalog__content, .product-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 18px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .catalog__item-title, .product-item__item-title { font-weight: 500; font-size: 14px; color: #333333; margin-bottom: 0; min-height: inherit; display: -webkit-box; line-height: 120%; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; margin-bottom: auto; } .catalog__color, .product-item__color { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; padding-top: 8px; gap: 6px; justify-self: flex-end; } .catalog__color span, .product-item__color span { border: 1px solid #D7D7D7; border-radius: 10px; width: 15px; height: 15px; margin-right: 0; margin-bottom: 0; } .catalog__color span:last-child, .product-item__color span:last-child { margin-right: 0; } .catalog__price, .product-item__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 54px; justify-self: flex-end; padding-top: 12px; } .catalog__price-new, .product-item__price-new { font-weight: 500; font-size: 18px; line-height: 120%; color: #333333; } .catalog__price-old, .product-item__price-old { font-weight: 500; font-size: 14px; line-height: 120%; color: #A2A2A2; margin-top: 3px; text-decoration: line-through; } .footer__icons { position: absolute; top: 0; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; } .footer__icon { width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__icon svg { fill: transparent; width: 100%; height: 100%; } footer .container-new { position: relative; } @media screen and (max-width:991px) { .catalog .catalog__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 20px); flex: 0 0 calc(33.33% - 20px); width: calc(33.33% - 20px); } } @media screen and (max-width:767px) { .footer__icon { width: 21px; height: 21px; } .catalog .catalog__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); width: calc(50% - 20px); } } @media screen and (max-width:575px) { .catalog .catalog__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 8px); flex: 0 0 calc(50% - 8px); width: calc(50% - 8px); margin-right: 8px; margin-bottom: 20px; } .catalog__list { margin-right: -9px; } /* .catalog__img { height: 300px; } */ .catalog__img-flag span, .product-item__img-flag span { padding: 2px 6px; margin-bottom: 3px; } .catalog__img-flag, .product-item__img-flag { top: 10px; margin-bottom: -3px; font-size: 9px; } .catalog__fav, .product-item__fav { top: 8px; right: 8px; /* width: 18px; height: 16px; */ } .catalog__item-title, .product-item__item-title { font-size: 11px; line-height: 120%; } .catalog__content, .product-item__content { padding-top: 10px; } .catalog__color span, .product-item__color span { border-width: 0.5px; width: 8px; height: 8px; margin-right: 2px; margin-bottom: 2px; } .catalog__color, .product-item__color { margin-right: -2px; margin-bottom: -2px; } .catalog__price-old, .product-item__price-old { margin-top: 0; margin-left: 8px; font-size: 11px; line-height: normal; } .catalog__price-new, .product-item__price-old { font-size: 12px; } .catalog__price, .product-item__price { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 12px; min-height: inherit; } } @media screen and (max-width:430px) { /* .catalog .catalog__item.catalog__item--banner { -webkit-box-flex: 100%; -ms-flex: 100%; width: 100%; flex: 100%; } */ .catalog .catalog__item:first-child { order: -3!important; } .catalog .catalog__item:nth-child(2) { order: -2!important; } /* .catalog .catalog__item.catalog__item--banner:nth-child(2n) { order: -1; } */ } .pagination { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 56px; margin-bottom: 90px; } .pagination a, .pagination span { font-size: 18px; line-height: 120%; color: #6C5B57; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 34px; min-height: 29px; margin: 0 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; border-radius: 1px; } .pagination a:hover { text-decoration: none; } .pagination__active { background: #FDDFD4; } .pagination__arr, a.pagination__arr { width: 24px; height: 29px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 8px; padding: 0; min-width: inherit; } .pagination__arr svg { fill: #6C5B57; width: 100%; height: 100%; } .pagination__arr--next { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } @media screen and (max-width:575px) { .pagination__arr svg { width: 18px; height: 27px; } .pagination a, .pagination span { font-size: 13px; min-width: 30px; margin: 0 2px; } .pagination__arr, a.pagination__arr { width: 22px; height: 29px; margin: 0 2px; min-width: inherit; padding: 0; } .pagination__active, span.pagination__active { width: 20px; height: 23px; min-width: inherit; min-height: inherit; } } .section--grey { background-color: #E5E5E5; } .section--pink { background-color: #fef4f0; } .slider .swiper { overflow: hidden; } .h2--new { font-size: 30px; line-height: 130%; letter-spacing: 0.05em; text-transform: uppercase; color: #6C5B57; margin-bottom: 50px; text-align: center; font-weight: 400; } .slider { position: relative; padding: 65px 0; } .swiper-buttons { position: absolute; top: 5px; right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -10px; } .swiper-buttons .swiper-button-prev:after, .swiper-buttons .swiper-button-next:after { display: none; } .swiper-buttons .swiper-button-prev, .swiper-buttons .swiper-button-next { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 24px; height: 29px; margin-top: 0; margin-right: 10px; } .swiper-buttons .swiper-button-prev svg, .swiper-buttons .swiper-button-next svg { width: 100%; height: 100%; fill: #6C5B57; } .swiper-buttons .swiper-button-next { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } @media screen and (max-width:767px) { .h2--new { font-size: 18px; line-height: 130%; margin-bottom: 20px; } .pagination { margin-top: 30px; margin-bottom: 50px; } .slider { padding-top: 30px; padding-bottom: 50px; } .swiper-buttons { display: none; } .slider .swiper { overflow: visible; } } @media screen and (max-width:575px) { .slider { padding-bottom: 40px; } .catalog__price-new, .product-item__price-new { font-size: 12px; } .catalog__price-old, .product-item__price-old { font-size: 11px; } } /* catalog new end */ /* section secret */ .section-secret { background: -o-linear-gradient(top, #BCB8B4 0%, #AEAAA6 100%); background: -webkit-gradient(linear, left top, left bottom, from(#BCB8B4), to(#AEAAA6)); background: linear-gradient(180deg, #BCB8B4 0%, #AEAAA6 100%); overflow: hidden; } .section-secret__inner { position: relative; } .section-secret__bg { position: absolute; pointer-events: none; width: 831px; height: 1139px; top: 0; left: -100px; -o-object-fit: contain; object-fit: contain; } .section-secret__content { max-width: 392px; width: 100%; margin-left: auto; margin-right: 82px; padding-top: 116px; padding-bottom: 105px; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-secret__content p { font-size: 16px; line-height: 150%; letter-spacing: 0.05em; color: #333333; margin-bottom: 0; } .section-secret__branch { width: 228px; height: 60px; margin-top: 28px; } .section-secret__btn { line-height: 140%; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; padding: 13px 42px; background-color: #EBDBD6; border-radius: 2px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-top: 43px; } .section-secret__btn:hover { background-color: #f3e8e8; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .section-secret a:hover { text-decoration: none; } @media screen and (max-width:1200px) { .section-secret__content { margin-right: 0; } } @media screen and (max-width:1060px) { .section-secret__bg { width: 620px; background-size: contain; height: 850px; top: 0; left: -40px; } } @media screen and (max-width:991px) { .section-secret__content { padding: 75px 0; } .section-secret__bg { width: 450px; height: 620px; left: -70px; } } @media screen and (max-width:767px) { .section-secret__content { margin: 0 auto; padding: 50px 0; } .section-secret__branch { display: none; } .section-secret__content { max-width: inherit; } .section-secret__bg { width: 450px; height: 620px; top: auto; bottom: -67px; left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .section-secret__btn { margin-top: 475px; } .page-wrapper .productmain .mainside { margin-top: 15px; } } @media screen and (max-width:480px) { .section-secret__content { padding-top: 29px; padding-bottom: 45px; } .section-secret .title-h2 { margin-bottom: 16px; } .section-secret__content p { font-size: 11px; } .section-secret__btn { font-size: 12px; padding: 7px 24px; margin-top: 318px; } .section-secret__bg { width: 287px; height: 432px; -webkit-transform: translateX(55%); -ms-transform: translateX(55%); transform: translateX(55%); } .h1--new { margin-top: 15px; } } /* section secret end */ /* for you */ .body--for-you .container-new>.h1--new { line-height: 100%; letter-spacing: 0.5em; margin-top: 52px; margin-bottom: 26px; } .body--for-you .card-new { padding-top: 56px; } .body--for-you .h1--new span { color: #F5D3C9; } .for-you-title { font-weight: 500; font-size: 14px; line-height: 27px; display: block; text-align: center; letter-spacing: 0.5em; text-transform: uppercase; color: #A99793; padding-top: 2px; padding-bottom: 4px; background: rgba(253, 223, 212, 0.5); -webkit-animation: for-you-show 1s ease-in-out; animation: for-you-show 1s ease-in-out; } @-webkit-keyframes for-you-show { from { -webkit-transform: translateY(-33px); transform: translateY(-33px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes for-you-show { from { -webkit-transform: translateY(-33px); transform: translateY(-33px); opacity: 0; } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .body--for-you, .body--for-you .sort__drop, .body--for-you .sort__drop--vis a::before, .body--for-you .bx-filter .bx-filter-input-container input, .body--for-you .filters__btn--reset, .body--for-you .card-new__price, .body--for-you .card-new__fractions, .body--for-you .card-new__slider-thumbs::before, .body--for-you .card-new .review-btn { background-color: #F9F6F3; } .body--for-you .card-new__head::before { background-color: rgba(169, 151, 147, 0.5); } .body--for-you .card-new__colors-item::after { border-color: #F9F6F3; } .body--for-you .sort__drop--vis .chosen:before { background-color: #FDDFD4; } .body--for-you .viewed-block { background-color: #fff; } @media screen and (max-width:768px) { .for-you-title { font-size: 12px; line-height: 12px; letter-spacing: 0.3em; padding-top: 9px; padding-bottom: 9px; } .body--for-you .container-new>.h1--new { line-height: 125%; letter-spacing: 0.3em; margin-top: 33px; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .body--for-you .tags__list { background-color: transparent; } .body--for-you .tags__show-more { background-color: transparent; -webkit-box-shadow: 0px 0px 20px 12px #F9F6F3; box-shadow: 0px 0px 20px 12px #F9F6F3; } .body--for-you .bx-filter-section form, .body--for-you .filters__btn-wrapper, .body--for-you .tags__list::before, .body--for-you .bx-filter .bx-filter-input-container input { background-color: #F9F6F3; } .body--for-you .card-new { padding-top: 29px; } .body--for-you .card-new__fractions { border-color: rgba(169, 151, 147, 0.5); } .body--for-you .card-new__buttons { background-color: #F9F6F3; } } /* for you end */ .catalog__description { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; letter-spacing: 0.05em; margin-top: -33px; margin-bottom: 38px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 20px); flex: 0 0 calc(100% - 20px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog__description p { max-width: 989px; line-height: 150%; color: #656565; font-weight: 300; font-size: 14px; margin: 0; } .catalog__description p:not(:last-child) { margin-bottom: 10px; } @media screen and (max-width:991px) { .catalog__description { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .catalog__list .catalog__item:first-child { -webkit-box-ordinal-group: -3; -ms-flex-order: -4; order: -4; } .catalog__list .catalog__item:nth-child(2) { -webkit-box-ordinal-group: -2; -ms-flex-order: -3; order: -3; } .catalog__list .catalog__item:nth-child(3) { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } } @media screen and (max-width:767px) { .catalog__description, .catalog__list .catalog__item:first-child, .catalog__list .catalog__item:nth-child(2), .catalog__list .catalog__item:nth-child(3) { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } .catalog__description { margin-top: -11px; margin-bottom: 26px; max-width: inherit; } } @media screen and (max-width:575px) { .catalog__description p { font-size: 11px; line-height: 140%; } .catalog__description { margin-top: 3px; margin-bottom: 26px; max-width: inherit; } } .viewed-block__slider-container .swiper-slide { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .product-item__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .pay-and-delivery { max-width: 560px; margin: 0 auto; } .actions { max-width: 590px; margin: 0 auto; } .actions .pagination { margin-top: 70px; margin-bottom: 66px; } .payment-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 39px; margin-bottom: 35px; } .payment-wrapper .each-pay:nth-child(2) { margin-left: 56px; margin-right: 46px; } .pay-and-delivery h1, .actions h1 { margin-top: 78px; margin-bottom: 51px; font-size: 40px; line-height: 130%; text-align: center; text-transform: uppercase; } .pay-and-delivery h2 { padding-bottom: 21px; margin-bottom: 23px; border-bottom: 1px solid rgba(169, 151, 147, 0.5); font-size: 20px; line-height: 120%; text-align: center; color: #000000; width: 100%; margin-right: 0; text-transform: uppercase; } .pay-and-delivery p, .actions p { font-size: 12px; line-height: 140%; color: #656565; } .pay-and-delivery ol { padding-left: 15px; } .actions ol { padding-left: 15px; margin: 0; display: -ms-grid; display: grid; gap: 7px; } .pay-and-delivery ul, .actions ul { padding-left: 18px; list-style-type: none; } .pay-and-delivery ul li, .actions ul li { position: relative; } .pay-and-delivery li { font-size: 12px; line-height: 140%; color: #656565; margin-top: 0; margin-bottom: 2px; } .actions li { font-size: 12px; line-height: 140%; margin: 0; color: #656565; } .pay-and-delivery ul li::before, .actions ul li::before { position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; top: 9px; left: -11px; pointer-events: none; background-color: #656565; } .actions--without-heads ul li::before { top: 7px; } .pay-and-delivery a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #A99793; text-decoration: underline; text-underline-offset: 3px; font-size: 12px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .action__content a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #A99793; text-decoration: underline; text-underline-offset: 3px; font-weight: 400; font-size: 18px; line-height: 160%; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .pay-and-delivery a:hover, .actions a:hover { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; color: #6c5b57; text-decoration: none; } .pay-and-delivery__section { margin-bottom: 70px; } .pay-and-delivery .info-new-bottom { margin-top: -15px; padding-top: 97px; } .actions h2 { font-weight: 500; font-size: 14px; line-height: 120%; text-transform: uppercase; color: #6C5B57; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 20px; } .actions h3 { font-weight: 600; font-size: 12px; line-height: 140%; margin: 0; text-transform: none; } .actions__item { margin-bottom: 62px; } .info-new-bottom { padding-top: 89px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 72px; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/branch-tech.png); background-position-y: 0; background-repeat: no-repeat; background-position-x: center; } .pay-and-delivery .order-complete__desc { margin-top: 0; color: #656565; } .pay-and-delivery a.order-complete__link, .pay-and-delivery__contacts a { text-decoration: none; } .pay-and-delivery__section--pb-big li { margin-bottom: 17px; } .pay-and-delivery li p { margin-bottom: 0; } .pay-and-delivery__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 13px; margin-bottom: 16px; } .pay-and-delivery__contacts:last-child { margin-bottom: 0; } .pay-and-delivery__contacts p { margin-bottom: 0; } .pay-and-delivery__contacts p:first-child { max-width: 160px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } @media screen and (max-width: 767px) { .actions .pagination { margin-top: 45px; margin-bottom: 50px; } .pay-and-delivery__contacts { padding: 0 20px; } .pay-and-delivery__contacts p:first-child { max-width: 64px; } } @media screen and (max-width: 575px) { .pay-and-delivery h1 { margin-top: 45px; margin-bottom: 30px; font-size: 21px; line-height: 125%; } .pay-and-delivery h2 { padding-bottom: 14px; margin-bottom: 14px; font-size: 14px; line-height: 120%; } .pay-and-delivery p, .pay-and-delivery li, .pay-and-delivery a { font-size: 11px; line-height: 140%; } .payment-wrapper { margin-top: 22px; margin-bottom: 25px; } .payment-wrapper .each-pay { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-wrapper .each-pay img { height: 100%; -o-object-fit: contain; object-fit: contain; } .payment-wrapper .each-pay:first-child { height: 19px; } .payment-wrapper .each-pay:last-child { height: 22px; } .payment-wrapper .each-pay:nth-child(2) { margin-left: 40px; margin-right: 33px; height: 26px; } .pay-and-delivery__section { margin-bottom: 25px; } .pay-and-delivery__section--contacts { margin-bottom: 58px; } .pay-and-delivery ul li::before { top: 6px; } .pay-and-delivery p { margin-bottom: 15px; } .pay-and-delivery__contacts p { margin-bottom: 0; } .info-new-bottom { padding-top: 78px; margin-bottom: 46px; background-position-y: 7px; text-align: center; } .pay-and-delivery .info-new-bottom { margin-top: -36px; padding-top: 82px; } } .action__toggle { padding: 18px 24px 20px 0; cursor: pointer; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .action__toggle.active .action__btn { -webkit-transform: translate(0, -50%)rotate(0); -ms-transform: translate(0, -50%)rotate(0); transform: translate(0, -50%)rotate(0); } .action__item { border-bottom: 1px solid #c4c4c4; } .action__title { font-weight: 600; font-size: 22px; line-height: 160%; } @media screen and (max-width: 991px) { .action__title { font-size: 18px; line-height: 120%; } } .action__btn { width: 14px; height: 8px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%)rotate(-90deg); -ms-transform: translate(0, -50%)rotate(-90deg); transform: translate(0, -50%)rotate(-90deg); -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; background-image: url("/bitrix/templates/ivadesign_21_12_21/img/accordion-arrow.svg"); background-position: center; background-repeat: no-repeat; } .action__content { height: 0; overflow: hidden; } .action__content-text { margin-bottom: 28px; display: -ms-grid; display: grid; gap: 16px; margin-top: 6px; } .actions--without-heads .action__content-text { margin-top: 16px; margin-bottom: 48px; } .actions--without-heads .action__content-text ul { display: -ms-grid; display: grid; margin-bottom: 2px; gap: 7px; } .actions--without-heads h3:not(:first-child) { margin-top: 35px; } .action__content p { font-weight: 400; font-size: 12px; line-height: 140%; margin-bottom: 0; } .actions--without-heads .action__content-text a { font-weight: 400; font-size: 12px; line-height: 140%; } @media screen and (max-width: 991px) { .action__content p { font-size: 16px; } } .actions__year { padding: 8px 0; border-bottom: 1px solid rgba(169, 151, 147, 0.5); padding-left: 22px; } .actions__section:first-child .actions__year:first-child { border-top: 1px solid rgba(169, 151, 147, 0.5); } .actions__year p { font-weight: 400; font-size: 12px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 2em; text-transform: uppercase; color: #A99793; margin: 0; } .actions__date { font-weight: 400; font-size: 12px; line-height: 120%; color: #A2A2A2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .action--active .actions__date { position: relative; } .action--active .actions__date::before { position: relative; content: ''; background-color: #ACCC8B; width: 12px; height: 12px; margin-right: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50%; } .actions .info-new-bottom { margin-top: 54px; margin-bottom: 76px; padding-top: 87px; } .actions .order-complete__desc { padding-bottom: 46px; } @media screen and (max-width: 767px) { .actions h1 { font-size: 21px; line-height: 125%; margin-top: 45px; margin-bottom: 28px; } .actions h2, .action__content p { font-size: 12px; } .action__toggle { padding: 10px 19px 10px 0; } .action--active .actions__date::before { width: 10px; height: 10px; margin-right: 6px; } .action__btn { width: 10px; height: 6px; } .action__content-text { margin-top: 3px; gap: 15px; margin-bottom: 22px; } .actions ol { padding-left: 17px; gap: 4px; } .actions .info-new-bottom { margin-top: 25px; margin-bottom: 48px; padding-top: 70px; } .footer__icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } @media screen and (max-width: 575px) { .actions--without-heads .action__toggle { padding-right: 50px; } .actions--without-heads .action__content-text { margin-top: 5px; margin-bottom: 45px; } .actions--without-heads .action__content-text ul { margin-bottom: 0; gap: 4px; } .actions--without-heads h3:not(:first-child) { margin-top: 30px; } } @media screen and (max-width: 413px) { .actions__year p, .actions h2, .actions__date, .actions h3, .action__content p, .actions li { font-size: 11px; } } .actions--without-heads .action:first-child .action__item { border-top: 1px solid #c4c4c4; } .search-form .header__search { padding: 0; border: none; margin: 0; position: absolute; right: 0; top: 0; } .search-form .header__search svg { fill: #A99793; width: 28px; height: 25px; } .search-form .header__search:hover svg { fill: #6C5B57; stroke: none; } @media screen and (max-width: 767px) { .search-form .header__search svg { width: 24px; height: 25px; } } @media screen and (max-width: 575px) { .search-form .header__search { width: 24px; } } .location-block-wrapper__text { position: relative; } .location-block-wrapper__text p { font-weight: 400; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; margin: 0; position: absolute; bottom: -4px; } .order-pay-section .bx-soa-section-content { display: -ms-grid; display: grid; gap: 16px; } .order-pay-alert { padding-left: 57px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/order-pay-alert.svg'); background-position-x: 8px; background-position-y: 5px; background-repeat: no-repeat; } .order-pay-alert p { font-weight: 400; font-size: 14px; line-height: 130%; color: #656565; margin: 0; } @media screen and (max-width: 1100px) { .location-block-wrapper__text p { position: static; } .location-block-wrapper { -ms-grid-columns: auto; grid-template-columns: auto; gap: 11px; } } @media screen and (max-width: 767px) { .location-block-wrapper__text p, .order-pay-alert p { font-size: 11px; } .order-pay-section .bx-soa-section-content { gap: 23px; } .order-pay-alert { padding-left: 42px; background-position-x: 1px; background-position-y: 3px; } } .first-banner.banner-first--slider .banner-item { margin: 0; } .banner-first.banner-first--slider .button-link { padding: 20px 22px; min-width: inherit; width: 414px; } .first-banner.banner-first--slider .banner-items { margin-top: 34px; gap: 26px; } .banner-first__desc { font-weight: 400; font-size: 30px; line-height: 130%; text-align: center; letter-spacing: 0.05em; color: #EBDBD6; max-width: 1030px; width: 100%; margin: 0 auto; padding: 0 45px; } .banner-first__title, .first-banner.banner-first--slider h1 { font-weight: 400; font-size: 40px; line-height: 130%; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #EBDBD6; max-width: 1030px; width: 100%; margin: 0 auto; margin-bottom: 11px; padding: 0 45px; } .first-banner-content--black .banner-first__desc, .first-banner-content--black .banner-first__title, .first-banner.banner-first--slider .first-banner-content--black h1 { color: #333333; } .banner-first.banner-first--slider { padding: 0; } .banner-first--slider .swiper-slide { padding: 0 0 80px 0; min-height: 507px; width: 1308px; display: flex; flex-direction: column; } .banner-first--slider .swiper-slide .container { flex: 1 0 auto; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; } .banner-first--slider .swiper-pagination { display: flex; right: 50%; transform: translateX(50%); bottom: 31px; gap: 24px; } .banner-first--slider .swiper-pagination-bullet { width: 12px; height: 12px; background: none; background-color: transparent; opacity: 1; -webkit-box-shadow: 0px 0px 0px 1px rgba(235, 219, 214, 1) inset; -moz-box-shadow: 0px 0px 0px 1px rgba(235, 219, 214, 1) inset; box-shadow: 0px 0px 0px 1px rgba(235, 219, 214, 1) inset; transition: .3s ease; } .banner-first--slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover { box-shadow: none; background-color: #EBDBD6; } .banner-first--slider .swiper-pagination-bullet-active { background: none; background-color: #EBDBD6; box-shadow: none; } .banner-first--slider .swiper-buttons { width: 100%; z-index: 1; top: auto; bottom: 50%; transform: translateY(50%); right: auto; margin: 0; padding: 0 32px; pointer-events: none; } .banner-first--slider .swiper-button { width: 22px; height: 42px; display: flex; pointer-events: all; } .banner-first--slider .swiper-button--next { transform: rotate(180deg); } .banner-first--slider .swiper-button__icon { fill: #EBDBD6; transition: .3s ease; } .banner-first--slider .swiper-button__icon:hover { fill: #A99793; } @media screen and (max-width: 991px) { .first-banner.banner-first--slider .banner-items { flex-direction: column; align-items: center; } } @media screen and (max-width: 767px) { .banner-first__title, .first-banner.banner-first--slider h1 { max-width: 990px; padding: 0 35px; font-size: 30px; line-height: 130%; } .banner-first__desc { font-size: 20px; line-height: 130%; padding: 0 35px; } .banner-first--slider .swiper-buttons { display: flex; } .banner-first--slider .swiper-buttons { padding: 0 21px; } } @media screen and (max-width: 575px) { .first-banner.banner-first--slider .banner-items { gap: 10px; } .banner-first__title, .first-banner.banner-first--slider h1 { font-size: 20px; margin: 0 auto; margin-bottom: 2px; } .banner-first.banner-first--slider { min-height: 416px; } .banner-first--slider .swiper-slide { padding: 0 0 50px 0; min-height: 366px; } .banner-first__desc { font-size: 14px; } .banner-first.banner-first--slider .button-link { padding: 11px 17px; font-size: 12px; width: 257px; } .first-banner.banner-first--slider .banner-items { margin-top: 12px; } .banner-first--slider .swiper-pagination { bottom: 24px; gap: 12px; } .banner-first--slider .swiper-pagination-bullet { width: 6px; height: 6px; } .banner-first--slider .swiper-button { width: 11px; height: 21px; } .banner-first--slider .swiper-button__icon { stroke: #EBDBD6; } .banner-first--slider .swiper-button__icon:hover { stroke: #A99793; } } .order-success+.info-new-bottom { margin-bottom: 0; padding-top: 0; background-image: none; } .order-success+.info-new-bottom .order-complete__desc { color: #656565; } .order-complete__description { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #656565; margin-bottom: 0; } /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/css/updates.css?177097212335948*/ /*--------new styles---------*/ main { padding-top: 53px; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } .tech-new { padding-top: 120px; padding-bottom: 80px; background-color: #f2f2f2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .presonal-choose { display: flex; justify-content: center; padding-top: 245px; padding-bottom: 100px; font-size: 26px; font-weight: 400; line-height: 1.3; letter-spacing: 0.05em; text-align: left; color: #656565; gap: 22px; } .presonal-choose__link { font-size: 26px; font-weight: 400; line-height: 1.3; letter-spacing: 0.05em; text-align: left; text-transform: uppercase; color: #656565; position: relative; text-decoration: none; transition: color 0.3s; } .presonal-choose__link:hover { text-decoration: none; color: #333333; } .bottom-info { padding: 58px 40px 74px; display: flex; flex-direction: column; align-items: center; font-size: 12px; font-weight: 400; line-height: 1.2; text-align: center; color: #656565; background: #f2f2f2; } .bottom-info__img { width: 96px; height: auto; display: block; margin-bottom: 59px; } .bottom-info__text { font-size: 12px; font-weight: 400; line-height: 1.2; text-align: center; color: #656565; margin: 0; } .bottom-info__text a { font-size: 12px; font-weight: 400; line-height: 1.2; text-align: center; color: #656565; } .bottom-info__ellipse { display: block; width: 12px; height: 12px; border-radius: 100%; background: #ebdbd6; margin-top: 17px; margin-bottom: 17px; } .bottom-info__contacts { display: inline; font-size: 12px; font-weight: 400; line-height: 1.4; text-align: center; color: #656565; display: flex; flex-direction: column; align-items: center; gap: 8px; } .bottom-info__contacts p { margin: 0; font-size: 12px; font-weight: 400; line-height: 1.4; text-align: center; color: #656565; } .bottom-info__contacts a { display: inline; font-size: 12px; font-weight: 400; line-height: 1.4; text-align: center; color: #656565; transition: color 0.3s; } .bottom-info__contacts a:hover { text-decoration: none; color: #333333; } .inner-container { padding: 0 15px; width: 100%; max-width: 1170px; margin: 0 auto; } .link-back { display: flex; align-items: center; font-size: 14px; font-weight: 400; line-height: 19.6px; letter-spacing: 0.03em; text-align: left; color: #a99793; transition: 0.3s; text-transform: uppercase; margin-top: 55px; } .link-back::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19L1 10.1034L11 0.999999' stroke='%23A99793' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 12px; height: 20px; margin-right: 21px; display: block; transition: 0.3s; } .link-back:hover { color: #333333; text-decoration: none; } .link-back:hover::before { filter: brightness(0.4); } .default-form { display: flex; flex-direction: column; align-items: center; } .succeed .default-form__btn { display: none; } .default-title { font-size: 26px; font-weight: 400; line-height: 1.3; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; margin: 42px 0 29px; } .main-container { background: #f2f2f2; min-height: 100%; flex-grow: 1; } .input-wrap { position: relative; width: 400px; max-width: 100%; margin-top: 17px; } .input-wrap input[data-type="tel"] { padding-left: 70px; } .input-wrap__tel-mask { position: absolute; left: 0; top: 0; height: 42px; font-size: 14px; font-weight: 300; line-height: 1.3; letter-spacing: 0.05em; text-align: center; color: #656565; display: flex; align-items: center; justify-content: center; width: 57px; cursor: pointer; user-select: none; } .input-wrap__tel-mask::after { content: "|"; color: #a99793; position: absolute; right: 0; font-size: 20px; font-weight: 100; line-height: 0; margin-top: -3px; } .choose-mask { position: absolute; top: calc(100% + 4px); width: 100%; background: white; z-index: 10; display: grid; grid-template-rows: 0; overflow: hidden; transition: 0.3s; } .choose-mask.show { grid-template-rows: 1fr; } .choose-mask__inner { min-height: 0; display: flex; flex-direction: column; } .choose-mask__label { margin-bottom: 0; } .visually-hidden { opacity: 0; visibility: hidden; z-index: -1; width: 0; height: 0; position: absolute; } .choose-mask__item { padding: 10px 15px; display: block; color: #654f4a; font-size: 14px; font-weight: 300; line-height: 1.3; cursor: pointer; } .choose-mask__inp:checked ~ .choose-mask__item { color: black; font-weight: 400; } .input-wrap input { width: 400px; max-width: 100%; height: 42px; display: flex; align-items: center; background: white; color: #333333; border: 1px solid transparent; font-size: 14px; font-weight: 300; line-height: 1.3; letter-spacing: 0.05em; text-align: left; transition: 0.3s; margin: 0; } .input-wrap.disabled { margin-top: 0; } input[disabled] { display: none; } input[disabled] + .input-wrap__tel-mask { display: none; } .input-wrap._err input { border-color: #dd9392; } .input-wrap._success input { border-color: #accc8b; } .default-form__err-text { font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0.03em; color: #dd9392; margin-top: 12px; text-align: center; width: 100%; display: block; margin-bottom: 10px; } .input-wrap input::placeholder { color: #656565; } .default-form__success-text, .input-code__timer p { font-size: 14px; font-weight: 400; line-height: 19.6px; letter-spacing: 0.03em; text-align: center; color: #a2a2a2; margin-bottom: 0; margin-top: 7px; } .input-code__timer.countdown p { display: none; } .input-code__timer.countdown .default-form__reset-text { font-size: 14px; display: block; max-width: 450px; } .input-code__timer.countdown .input-code__timer_reset { color: #656565; pointer-events: all; background: unset; border: unset; width: auto; font-size: 14px; font-weight: 400; line-height: 19.6px; letter-spacing: 0.03em; text-align: center; text-transform: unset; padding: 0; } .input-code__timer.countdown .input-code__timer_reset:hover { color: #333333; text-decoration: none; } .registration-block { text-align: left; font-size: 12px; max-width: 400px; margin: 0 auto; } div.registration-block a { display: inline-block; text-decoration: underline; color: #6c5b57; } div.registration-block a:hover { text-decoration: none; color: #333333; } .registration-block ul li { text-align: left; } .registration-success { display: none; align-items: center; flex-direction: column; max-width: 380px; font-size: 16px; font-weight: 400; line-height: 19.2px; text-align: center; color: #656565; } .registration-success.show { display: block; } .forget-success { display: none; align-items: center; flex-direction: column; max-width: 380px; font-size: 16px; font-weight: 400; line-height: 19.2px; text-align: center; color: #656565; margin: 0 auto; } .registration-final { display: flex; align-items: center; flex-direction: column; max-width: 380px; font-size: 16px; font-weight: 400; line-height: 19.2px; text-align: center; color: #656565; margin-top: 113px; } .registration-success p { margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 19.2px; text-align: center; color: #656565; } .forget-success p { margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 19.2px; text-align: center; color: #656565; } .registration-final p { font-size: 14px; font-weight: 400; line-height: 1.2; text-align: center; margin-bottom: 0; color: #656565; } .registration-final .default-form__btn { margin-top: 35px; margin-bottom: 0; } .registration-final .registration-success__promocode { font-size: 20px; font-weight: 500; line-height: 1.4; text-align: center; color: #656565; margin-bottom: 0; } .input-code__timer_reset { display: inline; color: #a2a2a2; pointer-events: none; } .registration-final .registration-success__title { font-size: 16px; font-weight: 400; line-height: 1.2; text-align: center; color: #656565; margin-bottom: 0; } .default-form__text { font-size: 12px; font-weight: 300; line-height: 14.63px; text-align: center; color: #656565; margin: 0; } .default-form__text a { font-size: 12px; font-weight: 300; line-height: 14.63px; text-align: center; color: #656565; transition: color 0.3s; display: inline-block; position: relative; text-decoration: underline; } .reg-tel, .reg-code { display: none; } .reg-code .default-form__text, .default-form__reset-text { font-size: 14px; font-weight: 400; line-height: 19.6px; letter-spacing: 0.03em; text-align: center; color: #a2a2a2; margin-bottom: 0; margin-top: 7px; } .default-form__reset-text { display: none; } .succeed + .reg-tel, .succeed + .reg-code { display: flex; } .reg-code.reg .default-form__btn .registration-btn { display: block; } .reg-code.reg .default-form__err-text, .reg-code.reg .default-form__text, .input-code__timer, .reg-code.reg .default-form__btn .default, .reg-code.reg .input-wrap { display: none !important; } .reg-code.reg.loading .registration-btn { display: none; } .reg-code.reg .default-form__success-text { display: block !important; } .default-form__text a:hover { color: #333333; } .default-form__btn span { display: none; } .default-form__btn .default { display: block; } .loading .default-form__btn .default { display: none; } .loading .default-form__btn .loading { display: block; } .loading .default-form__btn, .loading .default-form__btn:hover { color: #a2a2a2 !important; border-color: #a2a2a2 !important; cursor: default; background: transparent; } input { outline: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */ -webkit-text-fill-color: #999 !important; /* цвет текста */ color: #999 !important; /* цвет текста */ } .default-form__btn { padding: 11px 37px; min-width: 190px; width: auto; border-radius: 2px; border: 1px solid #333333 !important; font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0.03em; text-align: center; text-transform: uppercase; color: #333333 !important; background: transparent; margin-top: 20px; transition: 0.3s; cursor: pointer; margin-bottom: 30px; } .default-form__btn[disabled] { color: #a2a2a2 !important; border-color: #a2a2a2 !important; } .default-form__btn[disabled]:hover { background: transparent; cursor: default; } .default-form__btn:hover { background: #fddfd480; } .authotization-block { max-width: 400px; margin: 0 auto; } .auth-form { display: flex; flex-direction: column; align-items: center; } .auth-form.inval ._err ~ .input-wrap__err { display: none; } .input-wrap__err { font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0.03em; text-align: center; color: #dd9392; margin-top: 12px; display: none; } ._err.input-wrap-email ~ .input-wrap__err { display: block; } .authotization-block__forgot { font-size: 14px; font-weight: 500; line-height: 1.2; text-align: right; color: #a99793; transition: color 0.3s; display: flex; gap: 10px; align-items: center; } .authotization-block__forgot:hover { text-decoration: none; color: #333333; } .authotization-block__forgot:hover::after { filter: brightness(0.4); } .authotization-block__forgot::after { content: ""; width: 8px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.6535 6.93617L1 13' stroke='%23A99793' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); transition: filter 0.3s; } .input-wrap .eye { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 25px; height: 14px; cursor: pointer; } .input-wrap .eye.show .eye-opened { opacity: 1; } .input-wrap .eye.show .eye-closed { opacity: 0; } .bottom-info__contacts_del { margin: 0 10px; } .input-wrap .eye-closed, .input-wrap .eye-opened { position: absolute; background: white; top: 50%; transform: translateY(-50%); left: 0; transition: opacity 0.3s; } .input-wrap .eye-opened { opacity: 0; } .authotization-block .tech-new__inputholder-input { width: 400px; max-width: 100%; height: 42px; display: flex; align-items: center; background: white; color: #333333; border: 1px solid transparent; font-size: 14px; font-weight: 300; line-height: 1.3; letter-spacing: 0.05em; text-align: left; transition: 0.3s; margin: 0; margin-bottom: 18px; } @media (max-width: 768px) { .presonal-choose { padding-top: 0; padding-bottom: 0; margin-top: 160px; margin-bottom: 30px; } .presonal-choose { display: flex; flex-direction: column; align-items: center; position: relative; gap: 40px; } .presonal-choose span { display: none; } .presonal-choose::after { content: ""; width: 24px; height: 1.5px; position: absolute; left: calc(50% - 12px); top: calc(50% - 1px); background: #656565; } .presonal-choose__link, .default-title { font-size: min(26px, 9vw); } } .card-new__flag.card-new__flag--presale { background: #accc8b; } div.card-new__flags { align-items: end; } span.card-new__flag { width: max-content; } div.catalog__img-flag { display: flex; align-items: flex-start; } .catalog__img-flag .presale { width: max-content; background: #accc8b; } .catalog__img-flag .new { width: max-content; } .card-new__select .green-text, .green-text { font-size: 12px; font-weight: 500; line-height: 16.8px; text-align: left; color: #accc8b; } .card-new__select .green-text span, .green-text span { text-transform: uppercase; font-size: 12px; font-weight: 500; line-height: 16.8px; text-align: left; color: #accc8b; } .basket-new__box.presale .basket-new__box-title { font-size: 12px; font-weight: 500; line-height: 12px; letter-spacing: 0.3em; text-align: left; color: #accc8b; text-transform: unset; } @media screen and (max-width: 767px) { .basket-new__box.presale .basket-new__box-title { letter-spacing: inherit; font-size: 11px; } } .section-collection__inner { background-image: unset !important; position: relative; } .section-collection__inner_bg-desk { position: absolute; width: 100%; height: 100%; display: block; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; } .section-collection__text, .section-collection__btns { position: relative; z-index: 2; } .section-collection__inner_bg-mob { display: none; } @media (max-width: 450px) { .section-collection__inner_bg-desk { display: none; } .section-collection__inner_bg-mob { position: absolute; width: 100%; height: 100%; display: block; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; } } /*blue-fix*/ header .container-new { position: relative; z-index: 2; } .fixed-info { width: 100%; background: rgba(99, 152, 196, 1); display: flex; align-items: center; justify-content: center; padding: 9px 40px; position: fixed; top: 53px; left: 0; z-index: 16; transform: translateY(-103%); transition: transform 0.6s 0.5s; } .fixed-info.green { background: rgba(172, 204, 139, 1); } .fixed-info.pink { background: rgba(219, 162, 179, 1); } .fixed-info.dark { background: rgba(51, 51, 51, 1); } .fixed-info.show { transform: translateY(0); } .fixed-info__close:hover { filter: brightness(0.1); } .fixed-info__close { position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.64645 6.35355L0.353553 1.06066C0.158291 0.865398 0.158291 0.548816 0.353553 0.353553C0.548816 0.158291 0.865398 0.158292 1.06066 0.353554L6.35355 5.64645L11.6464 0.353553C11.8417 0.158291 12.1583 0.158291 12.3536 0.353553C12.5488 0.548815 12.5488 0.865399 12.3536 1.06066L7.06066 6.35355L12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536C12.1583 12.5488 11.8417 12.5488 11.6464 12.3536L6.35355 7.06066L1.06066 12.3536C0.865398 12.5488 0.548815 12.5488 0.353553 12.3536C0.158291 12.1583 0.158292 11.8417 0.353554 11.6464L5.64645 6.35355Z' fill='white'/%3E%3C/svg%3E%0A"); width: 13px; height: 13px; background-repeat: no-repeat; right: 10px; top: 50%; transform: translateY(-50%); } .fixed-info p { font-size: 14px; font-weight: 500; line-height: 16px; text-align: center; color: white; margin: 0; text-align: center; text-transform: uppercase; } @media screen and (max-width: 767px) { .fixed-info { padding: 9px 30px; top: 40px; } .fixed-info p { font-size: 11px; line-height: 11px; } } .bordered .menu-item { padding: 4px 31px; border: 1px solid rgba(51, 51, 51, 1); } .bordered .menu-item:hover { border-color: #f5d3c9; } .intro-sm { min-height: 181px; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; } .intro-sm__title { font-size: 30px; font-weight: 400; line-height: 39px; letter-spacing: 2em; text-align: center; color: rgba(255, 255, 255, 1); text-transform: uppercase; } .showroom-info { padding-top: 74px; padding-bottom: 59px; } .page-title { margin: 0; font-size: 20px; font-weight: 500; line-height: 26px; letter-spacing: 0.05em; text-align: center; text-transform: uppercase; color: rgba(108, 91, 87, 1); } .page-subtitle { font-size: 16px; font-weight: 500; line-height: 20.8px; letter-spacing: 0.05em; text-align: left; color: rgba(101, 101, 101, 1); } .showroom-info__columns { margin: 51px auto 0; display: flex; align-items: flex-start; gap: 116px; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: rgba(101, 101, 101, 1); position: relative; max-width: 950px; } .showroom-info__col img { width: 45px; display: block; margin-bottom: 14px; } .showroom-info__columns::after { content: ""; position: absolute; height: 100%; width: 1px; background: rgba(169, 151, 147, 0.5); top: 0; left: calc(71.5% - 63px); } .showroom-info__columns ul { padding-left: 16px; } .showroom-info__columns p, .showroom-info__columns li, .showroom-info__columns a, .showroom-info__columns ul, .showroom-info__columns ol { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: rgba(101, 101, 101, 1); margin: 0; } .showroom-info__columns a { text-decoration: underline; } .showroom-info__columns a:hover { text-decoration: none; } .showroom-info__columns .showroom-info__col:nth-child(1) { width: calc(71.5% - 116px); } .showroom-info__columns .showroom-info__col:nth-child(2) { width: 28.5%; } .fill-btn { font-size: 14px; font-weight: 400; line-height: 19.6px; letter-spacing: 0.03em; text-align: center; text-transform: uppercase; color: rgba(51, 51, 51, 1); background: rgba(235, 219, 214, 1); padding: 12px 19px 14px 19px; max-width: max-content; transition: 0.3s; } .fill-btn:hover { background: rgba(169, 151, 147, 1); color: rgba(255, 255, 255, 1); } .showroom-info .fill-btn { margin: 51px auto 0; } .showroom-contacts { background: rgba(242, 242, 242, 1); } .showroom-contacts .container-new { display: flex; align-items: stretch; max-width: 1280px; padding: 0; } .showroom-contacts__slider { width: 488px; min-height: 590px; min-width: 488px; overflow: hidden; position: relative; } .showroom-contacts__slider .swiper-notification { position: absolute; } .showroom-contacts__slider .swiper-pagination { bottom: 23px; } .showroom-contacts__slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; width: 8px; height: 8px; } .showroom-contacts__slider .swiper-pagination-bullet { background: white; opacity: 0.5; } .showroom-contacts__slider .swiper-pagination-bullet-active { background: white; opacity: 1; } .showroom-contacts__slider img { display: block; width: 100%; height: 100%; object-fit: cover; } .showroom-contacts__side { padding: 53px 65px; max-width: 690px; max-height: max-content; font-size: 14px; font-weight: 400; line-height: 19px; text-align: left; color: rgba(101, 101, 101, 1); } .showroom-contacts__text p { font-size: 14px; font-weight: 400; line-height: 19px; text-align: left; color: rgba(101, 101, 101, 1); } .showroom-contacts__map { margin-top: 18px; display: flex; gap: 10px; align-items: center; } .showroom-contacts__map_link { font-size: 16px; font-weight: 500; line-height: 20.8px; letter-spacing: 0.05em; text-align: left; text-transform: uppercase; color: rgba(101, 101, 101, 1); } .showroom-contacts__map_address { margin-top: 27px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: 0.02em; text-align: left; color: rgba(101, 101, 101, 1); } .showroom-contacts__map_phone { font-size: 20px; font-weight: 400; line-height: 28px; text-align: left; color: rgba(169, 151, 147, 1); text-decoration: none; } .showroom-contacts__map_phone:hover { text-decoration: none; color: rgba(101, 101, 101, 1); } .page-subtitle.mobile { display: none; } @media (max-width: 1024px) { .showroom-info { padding: 60px 0; } .showroom-contacts__slider { min-height: 46vw; min-width: 43%; width: 43%; } .showroom-contacts__side { padding: 25px; } } @media (max-width: 900px) { .showroom-info__columns { flex-direction: column; align-items: center; gap: 40px; } .showroom-info__columns::after { content: none; } .showroom-info__columns .showroom-info__col:nth-child(1), .showroom-info__columns .showroom-info__col:nth-child(2) { width: 100%; } .showroom-info__col img { margin: 0 auto 14px; } } @media (max-width: 768px) { .showroom-contacts .container-new { flex-direction: column; } .showroom-contacts__slider { width: 100%; height: 410px; } .showroom-contacts__slider .swiper-slide { width: 290px; } .intro-sm__title { letter-spacing: 1.2em; margin: 0; } .intro-sm { min-height: 135px; } .showroom-info__columns { margin-top: 24px; } } @media (max-width: 450px) { .intro-sm { min-height: 91px; } .intro-sm__title { font-size: 18px; font-weight: 400; line-height: 23.4px; letter-spacing: 1em; text-align: center; } .showroom-info { padding: 32px 0 41px; } .page-title { font-size: 14px; font-weight: 500; line-height: 18.2px; letter-spacing: 0.05em; text-align: center; } .showroom-info__columns, .showroom-info__columns p, .showroom-info__columns li, .showroom-info__columns a, .showroom-info__columns ul, .showroom-info__columns ol { font-size: 11px; font-weight: 400; line-height: 16px; text-align: left; } .showroom-info__columns { margin-top: 29px; gap: 25px; } .showroom-info__col img { margin: 0 auto 29px; } .showroom-info .fill-btn { margin: 30px auto 0; } .fill-btn { font-size: 12px; font-weight: 400; line-height: 16.8px; letter-spacing: 0.03em; text-align: center; padding: 7px 33px; } .page-subtitle.mobile { display: block; } .page-subtitle.desktop { display: none; } .showroom-contacts { padding: 29px 15px 39px; } .page-subtitle { margin: 0 auto; font-size: 14px; font-weight: 500; line-height: 18.2px; letter-spacing: 0.05em; text-align: left; } .showroom-contacts__slider { margin-top: 30px; } .showroom-contacts__slider .swiper-slide { width: 100%; } .showroom-contacts__slider .swiper-pagination { bottom: 10px; } .showroom-contacts__slider.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 5px; height: 5px; } .showroom-contacts__side { padding: 25px 0 0; } .showroom-contacts__text p { font-size: 11px; font-weight: 400; line-height: 16px; text-align: left; } .showroom-contacts__map { display: flex; flex-direction: column; align-items: center; margin: 25px auto 0; gap: 7px; } .showroom-contacts__map svg { width: 22px; height: 29px; } .showroom-contacts__map_link { font-size: 12px; font-weight: 500; line-height: 15.6px; letter-spacing: 0.05em; text-align: left; } .showroom-contacts__map_address { font-size: 12px; font-weight: 400; line-height: 20px; letter-spacing: 0.02em; text-align: center; margin-top: 23px; } .showroom-contacts__map_phone { font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; } } .share { width: 42px; height: 42px; border-radius: 50%; position: fixed; cursor: pointer; right: 25px; z-index: 1097; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50px; background: #786982; bottom: 10px; } .share__inner { position: relative; display: block; width: 100%; height: 100%; --bgSize: 24px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M6.5 9.5H17.5M6.5 12.5H17.5M6.5 15.5H17.5M12 0.5C5.65 0.5 0.5 5.65 0.5 12C0.5 14.15 1.1 16.16 2.13 17.88L0.67 23.33L6.12 21.87C7.84 22.9 9.85 23.5 12 23.5C18.35 23.5 23.5 18.35 23.5 12C23.5 5.65 18.35 0.5 12 0.5Z' stroke='%23F5D3C9' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: var(--bgSize); background-position: center; pointer-events: none; animation: showAnim 0.3s forwards; } .share__inner.no { animation-duration: 0s; } .active .share__inner { animation: showClose 0.3s forwards; } @keyframes showAnim { 0% { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 32 32'%3E%3Cpath d='M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z' fill='%23F5D3C9'%3E%3C/path%3E%3C/svg%3E"); background-size: var(--bgSize); } 50% { background-size: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 32 32'%3E%3Cpath d='M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z' fill='%23F5D3C9'%3E%3C/path%3E%3C/svg%3E"); } 51% { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M6.5 9.5H17.5M6.5 12.5H17.5M6.5 15.5H17.5M12 0.5C5.65 0.5 0.5 5.65 0.5 12C0.5 14.15 1.1 16.16 2.13 17.88L0.67 23.33L6.12 21.87C7.84 22.9 9.85 23.5 12 23.5C18.35 23.5 23.5 18.35 23.5 12C23.5 5.65 18.35 0.5 12 0.5Z' stroke='%23F5D3C9' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-size: 0px; } 100% { background-size: var(--bgSize); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M6.5 9.5H17.5M6.5 12.5H17.5M6.5 15.5H17.5M12 0.5C5.65 0.5 0.5 5.65 0.5 12C0.5 14.15 1.1 16.16 2.13 17.88L0.67 23.33L6.12 21.87C7.84 22.9 9.85 23.5 12 23.5C18.35 23.5 23.5 18.35 23.5 12C23.5 5.65 18.35 0.5 12 0.5Z' stroke='%23F5D3C9' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); } } @keyframes showClose { 0% { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M6.5 9.5H17.5M6.5 12.5H17.5M6.5 15.5H17.5M12 0.5C5.65 0.5 0.5 5.65 0.5 12C0.5 14.15 1.1 16.16 2.13 17.88L0.67 23.33L6.12 21.87C7.84 22.9 9.85 23.5 12 23.5C18.35 23.5 23.5 18.35 23.5 12C23.5 5.65 18.35 0.5 12 0.5Z' stroke='%23F5D3C9' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-size: var(--bgSize); } 50% { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M6.5 9.5H17.5M6.5 12.5H17.5M6.5 15.5H17.5M12 0.5C5.65 0.5 0.5 5.65 0.5 12C0.5 14.15 1.1 16.16 2.13 17.88L0.67 23.33L6.12 21.87C7.84 22.9 9.85 23.5 12 23.5C18.35 23.5 23.5 18.35 23.5 12C23.5 5.65 18.35 0.5 12 0.5Z' stroke='%23F5D3C9' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-size: 0px; } 51% { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 32 32'%3E%3Cpath d='M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z' fill='%23F5D3C9'%3E%3C/path%3E%3C/svg%3E"); background-size: 0px; } 100% { background-size: var(--bgSize); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0 0 32 32'%3E%3Cpath d='M 7.21875 5.78125 L 5.78125 7.21875 L 14.5625 16 L 5.78125 24.78125 L 7.21875 26.21875 L 16 17.4375 L 24.78125 26.21875 L 26.21875 24.78125 L 17.4375 16 L 26.21875 7.21875 L 24.78125 5.78125 L 16 14.5625 Z' fill='%23F5D3C9'%3E%3C/path%3E%3C/svg%3E"); } } .share.active:before { transform: rotate(45deg); } .share.active:after { width: 3000px; height: 3000px; } .share__el { width: 42px; height: 42px; border-radius: 50%; position: absolute; transition: 0.3s; animation: 0.3s down forwards; opacity: 0; will-change: animation; background: #786982; display: flex; align-items: center; justify-content: center; pointer-events: none; } .share__el svg { width: 24px; height: 24px; fill: #f5d3c9; } .share__el .tg { width: 22px; height: 22px; } .share__el:nth-child(1) { top: -112px; } .share__el:nth-child(2) { top: -56px; } .share__el.active { animation: 0.48s up forwards; pointer-events: all; } .share__el.active:nth-child(1) { animation-delay: 0.39s; } .share__el.active:nth-child(2) { animation-delay: 0.2s; } .share__el.no { animation: none; } @keyframes up { 50% { transform: translateY(-170%); } 100% { opacity: 1; transform: translateY(-130%); } } @keyframes down { 0% { opacity: 1; transform: translateY(-130%); } 100% { opacity: 0; transform: translateY(0); top: 0; } } @media screen and (max-width: 1170px) { .share { right: 10px; } } @media screen and (max-width: 767px) { .share, .share__el { width: 30px; height: 30px; } .share__inner { --bgSize: 18px; } .share__el svg { width: 18px; height: 18px; fill: #f5d3c9; } .share__el .tg { width: 16px; height: 16px; } .share__el:nth-child(1) { top: -80px; } .share__el:nth-child(2) { top: -40px; } } .split-banner-wrap { margin: 20px 0; } .split-banner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0rem 12px; background-color: #6b72824d; border-radius: 2px; } .banner-product-wrapper { margin-top: 20px; } .banner-basket-wrapper .split-banner { flex-direction: column-reverse; align-items: flex-start; gap: 8px; } .banner-basket-wrapper .split-banner__container { width: 100%; } .banner-basket-wrapper .split-banner__img { width: 100%; height: 60px; padding: 0; object-position: right bottom; } .banner-basket-wrapper .split-banner__title { font-size: 12px; line-height: 20px; } .banner-basket-wrapper .split-banner__text { font-size: 12px; line-height: 18px; } .split-banner__img { flex: none; width: 88px; height: auto; padding-top: 14px; object-fit: contain; object-position: center bottom; margin-top: auto; } .split-banner__container { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .split-banner__inner { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 0; } .split-banner__title { font-size: 14px; line-height: 20px; font-weight: 500; color: #6b7282; } .split-banner__text { font-size: 14px; line-height: 20px; color: #6b7282; } .split-banner__icon { width: 24px; height: 24px; position: relative; display: flex; align-items: center; transition: 0.3s; } .split-banner__icon::after { content: ""; position: absolute; width: 10px; height: 10px; border: 1px solid #6b7282; border-left: none; border-bottom: none; rotate: 45deg; } .split-banner:hover .split-banner__icon { translate: 6px; } @media screen and (max-width: 991px) { .banner-basket-wrapper .split-banner { flex-direction: row; align-items: center; gap: 20px; } .banner-basket-wrapper .split-banner__img { width: 88px; height: auto; padding-top: 14px; object-fit: contain; object-position: center bottom; margin-top: auto; } } @media (max-width: 864px) and (min-width: 768px) { .banner-product-wrapper .split-banner { flex-direction: column-reverse; align-items: flex-start; gap: 0.8rem; } .banner-product-wrapper .split-banner__container { width: 100%; } .banner-product-wrapper .split-banner__img { width: 100%; height: 60px; padding: 0; object-position: right bottom; } } @media screen and (max-width: 600px) { .split-banner { flex-direction: column-reverse; align-items: flex-start; gap: 0.8rem; } .split-banner__container { width: 100%; } .split-banner__img { width: 100%; height: 60px; padding: 0; object-position: right bottom; } .split-banner__title { font-size: 12px; line-height: 20px; } .split-banner__text { font-size: 12px; line-height: 18px; } .banner-basket-wrapper .split-banner { flex-direction: column-reverse; align-items: flex-start; gap: 8px; } .banner-basket-wrapper .split-banner__img { width: 100%; height: 60px; padding: 0; object-position: right bottom; } } /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/css/panel-styles.css?17606241421401*/ #bx-panel { transition: 0.3s ease; } #bx-panel:not(.bx-panel-fixed):not(.panel-visible) { position: absolute !important; width: 100% !important; } #bx-panel.panel-visible { transform: translateY(0); height: auto; } #bx-panel-back.panel-back-invisible { display: none !important; } #bx-panel .button-hidden-panel { position: absolute !important; display: flex !important; align-items: center; justify-content: center; flex-direction: column; padding: 8px 20px !important; top: 100%; right: 0; background: #767f8c url(/bitrix/js/main/core/images/panel/top-panel-sprite-2.png) repeat-x 0 -50px !important; border-radius: 0 0 8px 8px; box-shadow: 0 6px 7px rgba(0, 0, 0, 0.5); color: #ffffff; word-break: break-all; font-weight: 600; z-index: 10001; cursor: pointer; } #bx-panel .button-hidden-panel span { display: block; height: 0; overflow: hidden; transition: 0.3s ease; } #bx-panel .button-hidden-panel:before { content: ''; display: block; margin-bottom: 3px; width: 6px; height: 6px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; transition: 0.3s ease; transform: rotate(45deg); } #bx-panel .button-hidden-panel.active:before { transform: rotate(-135deg); } #bx-panel .button-hidden-panel:hover span { height: 20px; } /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/css/datepicker/jquery-ui-timepicker-addon.min.css?17606241425466*/ /*! jQuery Timepicker Addon - v1.6.3 - 2016-04-20 * http://trentrichardson.com/examples/timepicker * Copyright (c) 2016 Trent Richardson; Licensed MIT */ .ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{background:0 0;color:inherit;border:0;outline:0;border-bottom:solid 1px #555;width:95%}.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#aaa}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none} .ui-timepicker-div dl { text-align: left; display: flex; flex-direction: row; margin-bottom: 0; padding: 0 4px; } .ui-timepicker-div dl .ui_tpicker_time { width: 86px; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { margin-bottom: 0; border: none; font-size: 19px; } .ui-timepicker-div dl .ui_tpicker_hour { width: 136px; display: flex; flex-direction: column; justify-content: center; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-timepicker-div dl .ui_tpicker_time_label, .ui-timepicker-div dl .ui_tpicker_hour_label, .ui-timepicker-div dl .ui_tpicker_minute_label, .ui-timepicker-div dl .ui_tpicker_minute{ display: none; } .ui-timepicker-div dl dd { margin: 0; } .ui-datepicker .ui-datepicker-buttonpane { display: none; } .ui-timepicker-div { margin-bottom: 6px; border-top: 1px solid #dbdbdb; padding-top: 6px; } .room-wrapper .text-wrapper .signup-form form input#date { max-width: 250px; } .ui-state-default, .ui-state-highlight, .ui-state-active { text-align: center!important; } .ui-datepicker th { padding: .7em .3em; text-align: center; border: 0; color: #FF9A19; text-transform: uppercase; font-size: .8em!important; font-weight: normal!important; } #ui-datepicker-div { border: 1px solid #dbdbdb!important; box-shadow: 0 4px 12px rgba(0,0,0,.15); border-radius: 4px; font-family: Montserrat!important; width: 250px; } .ui-datepicker .ui-datepicker-title { font-size: 14px; font-style: normal; font-weight: normal; } .ui-datepicker-year { color: #9c9c9c; margin-left: 5px; } .ui-widget-header { border: none!important; background: none!important; } .ui-datepicker table { border-top: 1px solid #dbdbdb; } .ui-widget .ui-widget { height: 1px!important; border: none!important; background: #c5c5c5!important; } .ui-widget-content .ui-datepicker-unselectable.ui-state-disabled .ui-state-default { border-radius: 4px; } .ui-widget-content .ui-state-default{ border-radius: 4px; border: 1px solid #fff!important; background: none!important; } .ui-widget-content .ui-state-highlight { color: #5cc4ef!important; } .ui-slider-horizontal .ui-slider-handle { top: -6px!important; width: 13px!important; height: 13px!important; border: 1px solid #c5c5c5!important; background: #f6f6f6!important; } .ui-widget-content .ui-state-default.ui-state-active{ border: 1px solid #5cc4ef!important; background: #5cc4ef!important; color: #fff!important; } .ui-widget-content .ui-state-default:hover { background: #f6f6f6!important; } .ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background: #f6f6f6!important; border-radius: 4px; border: 1px solid #f6f6f6!important; } .ui-datepicker-next span::before { position: absolute; content: ''; width: 9px; height: 9px; top: 3px; left: 0; border-left: 2px solid #9c9c9c; border-bottom: 2px solid #9c9c9c; transform: rotate(225deg); } .ui-datepicker-prev span::before { position: absolute; content: ''; width: 9px; height: 9px; top: 3px; left: 7px; border-left: 2px solid #9c9c9c; border-bottom: 2px solid #9c9c9c; transform: rotate(45deg); } .ui-datepicker .ui-datepicker-prev { left: 5px!important; } .ui-datepicker .ui-datepicker-next { right: 5px!important; } .ui-datepicker-next-hover, .ui-datepicker-prev-hover { top: 2px!important; } /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/css/header.css?176062414215702*/ /* GLOBAL */ body { overflow: unset; } main { padding-top: 0 !important; } .default-btn { display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 24px; font-size: 16px; line-height: 1.3; font-weight: 500; color: #a99793; border: 1px solid #a99793; transition: 0.3s; text-decoration: none; } .default-btn:hover { opacity: 0.6; text-decoration: none; color: #a99793; } .header { position: sticky; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; } .header__top { position: relative; border-bottom: 1px solid #fddfd466; } .header__top-container.container-new { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; justify-content: space-between; min-height: 48px; transition: grid-template-columns 0.5s; } .header__logo { /* flex: none; */ height: 24px; /* width: 210px; */ } .header__logo img, .header__logo picture { width: 100%; max-width: 210px; height: 100%; object-fit: contain; object-position: center; } .header__controlls { margin-left: auto; display: flex; align-items: center; gap: 24px; } .header__btns { display: flex; align-items: center; gap: 16px; } .header__btn { flex: none; width: 24px; height: 24px; color: #333333; position: relative; padding: 0; border: none; color: #333333 !important; display: flex; align-items: center; justify-content: center; } .header__btn svg { width: 100%; height: 100%; } .header__btn-count { position: absolute; top: 0; right: 0; width: 17px; height: 17px; border-radius: 50%; background-color: #fddfd4; color: #333333; font-size: 12px; line-height: 1.3; font-weight: 500; display: flex; align-items: center; justify-content: center; text-align: center; translate: 6px -5px; } .header__btn:hover { transition: 0.3s; text-decoration: none; opacity: 0.6; color: #333333; } .header__btn-search { position: relative; } .header__btn-search svg { position: absolute; transition: scale 0.3s, opacity 0.3s; } .header__btn-search svg:nth-child(2) { opacity: 0; scale: 0; } .header__nav { display: flex; align-items: center; gap: 24px; min-width: 0; transition: opacity 0.3s; } .header__nav-link { font-size: 14px; line-height: 1.3; letter-spacing: 0.01em; text-transform: uppercase; text-decoration: none; color: #333333; } .header__nav-link:hover { transition: 0.3s; text-decoration: none; opacity: 0.6; color: #333333; } .header__sale { background-color: #ebdbd6; /* padding: 8px 0; */ text-align: center; font-size: 14px; line-height: 1.3; font-weight: 500; color: #a99793; } .container-new.header__sale-container { align-items: center; justify-content: center; min-height: 34px; padding-top: 4px; padding-bottom: 4px; } .header__menu-btn { flex: none; display: none; } .header__phone { transition: opacity 0.3s; } .header__phone svg { width: 100%; height: 100%; display: none; } @media (max-width: 1024px) { .container-new.header__top-container { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .header__nav { display: none; } .header__menu-btn { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: none; color: #333333 !important; } .header__menu-btn svg { width: 100%; height: 100%; } .header__menu-btn:hover { transition: 0.3s; opacity: 0.6; color: #333333 !important; } } @media (max-width: 768px) { .header__logo { height: 20px; width: unset; } .header__top-container.container-new { min-height: 40px; } .header__controlls { gap: 16px; } .header__phone { width: 24px; height: 24px; font-size: 0; line-height: 0; display: none; } .header__phone svg { display: block; } .header__sale { font-size: 12px; /* padding: 6px 0; */ } .container-new.header__sale-container { min-height: 28px; } } /* MENU */ .header-menu-item__link { font-size: 16px; line-height: 1.3; font-weight: 400; color: #333333; letter-spacing: 0.01em; text-decoration: none; transition: 0.3s; } .header-menu-item__link:hover { text-decoration: none; opacity: 0.6; color: #333333; } .header-menu-item__btn { display: flex; align-items: center; } .header-menu-item__btn a { font-size: inherit; line-height: inherit; font-weight: inherit; text-transform: inherit; color: inherit; text-decoration: inherit; } .header-menu__phone { justify-content: flex-start; } @media (min-width: 1025px) { .header-menu__head { display: none; } .header-menu { /* padding: 20px 0; */ position: relative; min-height: 58px; display: flex; align-items: center; } .container-new.header-menu__container { display: block; position: static; } .header-menu__list { display: flex; align-items: center; justify-content: space-between; } .header-menu-item:not(:hover) .header-menu-item__wrapper { opacity: 0; pointer-events: none; } .header-menu-item:hover .header-menu-item__btn { opacity: 0.6; } .header-menu-item.header-menu-item_mob { display: none; } .header-menu-item__btn { padding: 0; border: none; font-size: 14px; line-height: 1.3; font-weight: 500; letter-spacing: 0.01em; text-transform: uppercase; color: #333333 !important; text-decoration: none; transition: 0.3s; position: relative; } .header-menu-item__btn::after { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 30px; opacity: 0; } .header-menu-item__btn:hover { text-decoration: none; opacity: 0.6; color: #333333; } .header-menu-item__btn svg { display: none; } .header-menu-item__back { display: none; } .header-menu-item__wrapper { position: absolute; z-index: 1; top: 100%; left: 0; width: 100%; background-color: #ffffff; border-bottom: 1px solid #a99793; padding-top: 32px; padding-bottom: 40px; transition: 0.5s; } .container-new.header-menu-item__container { display: flex; align-items: flex-start; justify-content: space-between; gap: 45px; } .header-menu-item__list { flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px 45px; } .header-menu-item__img { flex: none; width: 160px; height: 160px; } .header-menu-item__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } @media (max-width: 1024px) { .header-menu button { color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; } .header-menu svg { flex: none; } .header-menu { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; display: grid; grid-template-rows: auto 1fr; overflow: hidden; font-size: 18px; line-height: 1.5; font-weight: 500; text-transform: uppercase; color: #333333; transition: 0.5s; } .header-menu:not(._open-menu) { opacity: 0; pointer-events: none; } .header-menu__head { padding: 15px; display: flex; align-items: center; justify-content: flex-start; } .header-menu__close { width: 24px; height: 24px; border: none; padding: 0; margin: 0; color: #333333 !important; } .header-menu__close svg { width: 100%; height: 100%; } .header-menu__container { position: relative; height: 100%; width: 100%; overflow: hidden; } .container-new.header-menu__container { padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); } .header-menu__list { display: flex; flex-direction: column; gap: 24px; padding: 12px 15px; height: 100%; overflow: auto; } .header-menu-item { display: grid; } .header-menu-item._active-item .header-menu-item__btn { opacity: 0.6; } .header-menu-item._active-item .header-menu-item__container { translate: 0 0; opacity: 1; } .header-menu-item__btn { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 18px; line-height: 1.5; font-weight: 500; text-transform: uppercase; border: none; text-decoration: none; padding: 0; margin: 0; transition: 0.3s; color: #333333 !important; } .header-menu-item__btn:hover { color: #333333; } .header-menu-item__btn svg { width: 24px; height: 24px; } .header-menu-item__back { width: 100%; display: flex; align-items: center; gap: 8px; padding: 0; margin: 0; padding-bottom: 10px; border: none; border-bottom: 1px solid #a9979399; display: none; } .header-menu-item__back svg { width: 24px; height: 24px; } .container-new.header-menu-item__container, .header-menu-item__container { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background-color: #fff; translate: 100% 0; opacity: 0; transition: 0.5s; } .container-new.header-menu-item__container { display: block; } .header-menu-item__list { display: flex; flex-direction: column; gap: 24px; width: calc(100% + 15px); margin-right: -15px; padding-right: 15px; padding-bottom: 12px; padding-top: 12px; height: 100%; overflow: auto; } .header-menu-item__img { display: none; } .header-menu-item__link { font-size: 18px; line-height: 1.5; font-weight: 500; text-transform: uppercase; color: #333333; } .header-menu__phone { justify-content: flex-start; gap: 8px; } } @media (max-width: 768px) { .container-new.header-menu__container { display: block; } .container-new.header-menu-item__container { padding: 12px 15px 0; display: grid; grid-template-rows: auto 1fr; align-items: unset; justify-content: unset; gap: 12px; width: 100%; left: 0; } .header-menu-item__back { display: flex; } .header-menu .header__phone { display: flex; } } /* SEARCH */ @media (min-width: 769px) { body:not(._open-search) .header-search { opacity: 0; } body:not(._open-search) .header-search__field { scale: 0 1; } body._open-search .header-search__field { pointer-events: auto; } body._open-search .header-search__container { pointer-events: auto; } body._open-search .header__top-container { grid-template-columns: 0fr auto 1fr; } body._open-search .header__phone { opacity: 0; pointer-events: none; } body._open-search .header__nav { opacity: 0; pointer-events: none; } body._open-search .header__btn-search svg:nth-child(1) { opacity: 0; scale: 0; } body._open-search .header__btn-search svg:nth-child(2) { opacity: 1; scale: 1; } .container-new.header-search__field-wrapper { padding-left: 260px; padding-right: 220px; } .header-search { pointer-events: none; } } .header-search { position: absolute; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; transition: 0.5s; } .header-search__wrapper { width: 100%; } .header-search__field { position: relative; margin: 0; width: 100%; overflow: hidden; transform-origin: right center; transition: 0.5s; margin-left: auto; } .header-search__field svg { width: 16px; height: 16px; color: #d9ccc7; position: absolute; top: 5px; left: 0; } .header-search__input { width: 100%; max-width: 100%; padding: 0 0 4px 24px; border: none; margin: 0; border-bottom: 1px solid #cdbebb; background-color: transparent; font-size: 18px; line-height: 1.5; font-weight: 500; color: #fff; transition: 0.3s; } .header-search__input::placeholder { color: #cdbebb; } .header-search__input:focus, .header-search__input:active, .header-search__input:not(:placeholder-shown) { border-color: #fff; } .header-search__container { position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; padding: 40px 0; border-bottom: 1px solid #a99793; } .container-new.header-search__inner { display: flex; flex-direction: column; align-items: stretch; } .header-search__pop { display: flex; flex-direction: column; gap: 24px; } .header-search__pop-title { font-size: 18px; line-height: 1.3; font-weight: 600; text-transform: uppercase; } .header-search__pop-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .header-search__pop-list .catalog__img { padding-bottom: 100%; } .header-search__res { display: flex; flex-direction: column; gap: 20px; display: none; } .header-search__res._active { display: flex; } .header-search__res._active ~ .header-search__pop { display: none; } .header-search__res._empty { display: none; } .header-search__res._empty ~ .header-search__pop { display: none; } .header-search__res._empty ~ .header-search__empty { display: flex; } .header-search__res-link { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.3; font-weight: 400; color: #333333; text-decoration: none; transition: 0.3s; } .header-search__res-link svg { flex: none; width: 16px; height: 16px; color: #7e7e7e; margin-top: 2px; } .header-search__res-link:hover { color: #a99793; text-decoration: none; } .header-search__empty { display: flex; flex-direction: column; align-items: center; gap: 32px; display: none; } .header-search__empty-inner { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; } .header-search__empty-title { font-size: 18px; line-height: 1.3; font-weight: 600; text-transform: uppercase; color: #333333; } .header-search__empty-text { font-size: 16px; line-height: 1.5; font-weight: 400; color: #7e7e7e; } @media (max-width: 768px) { .header-search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; /* display: grid; grid-template-rows: auto 1fr; */ display: flex; flex-direction: column; align-items: stretch; overflow: hidden; } .header-search__wrapper { height: 100%; display: grid; grid-template-rows: auto 1fr; overflow: hidden; } .header-search__field svg { color: #7e7e7e; } .header-search__input { color: #333333; border-color: #c5c5c5; } .header-search__input::placeholder { color: #7e7e7e; } .header-search__input:focus, .header-search__input:active, .header-search__input:not(:placeholder-shown) { border-color: #333333; } .header-search__container { position: static; overflow: auto; border: none; height: 100%; width: 100%; padding: 32px 0; } .header-search__pop { gap: 16px; } .header-search__pop-title { font-size: 16px; } .header-search__pop-list { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; } .header-search__res { gap: 16px; } .header-search__empty-title { font-size: 16px; } body:not(._open-search) .header-search { opacity: 0; pointer-events: none; } } /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/components/bitrix/sale.basket.basket.line/basket/style.css?17473103744470*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/components/bitrix/advertising.banner/topline/style.css?1747310374780*/ /* .fixed-info.blue { background: rgba(99, 152, 196, 1) } .fixed-info.blue p { color: #fff; } .fixed-info.blue p > a { color: #fff; } .fixed-info.blue > a { background-image: none; background-color: yellow } .fixed-info.green { background: green } .fixed-info.green p { color: #fff; } .fixed-info.green p > a { color: #fff; } .fixed-info.green > a { } .fixed-info.pink { background: pink } .fixed-info.pink p { color: #fff; } .fixed-info.pink p > a { color: #fff; } .fixed-info.pink > a { } .fixed-info.black { background: black } .fixed-info.black p { color: #fff; } .fixed-info.black p > a { color: #fff; } .fixed-info.black > a { } */ .header .fixed-info { top: 0; position: relative; /*т.к. перенесн в header*/ z-index: 1; } /* End */ /* Start:/bitrix/templates/ivadesign_21_12_21/template_styles.css?1770400483208994*/ .delivery-pvz.hidden{ display:none;!important; } .blog-wrapper .blogitems font.text { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-style: normal; font-weight: 400; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .blog-wrapper .blogitems font.text a, .blog-wrapper .blogitems font.text b{ font-size: 16px; font-style: normal; font-weight: 400; margin: 0 5px; } .blog-wrapper .blogitems font.text b{ font-weight: normal; } main .blog-wrapper .blogitems { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } input[name=code_submit_button] { border-radius: 5px; padding: 14px; text-align: center; max-width: 235px; font-weight: 500; font-size: 18px; line-height: 22px; color: #654f4a; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; text-transform: none; text-decoration: none; background: #fddfd4; border: 0; height: 52px; width: 232px; margin-top: 40px; margin-bottom: 0; } .bx-registration-table tfoot td:first-child { display: none; } .bx-registration-table, #bx_register_resend_link { color: #654f4a; } #bx_register_resend{ padding-bottom: 20px; font-size: 14px; font-style: normal; font-weight: 400; } .bx-registration-table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 14px; font-style: normal; font-weight: 400; } input[name=SMS_CODE] { border: 0; color: #6c5b57; padding: 0 0 9px; border-bottom: 1px solid #6c5b57; line-height: 20px; height: auto; margin: 0; margin-bottom: 0; width: 400px; height: 32px; } input[name=code_submit_button]:hover { background: #ffc1aa; color: #654f4a; border: 0; } @media (max-width: 540px) { input[name=code_submit_button] { width: 100%; max-width: 100%; } .bx-registration-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } input[name=SMS_CODE] { width: 100%; } } @media (max-width: 470px) { } .card--no-photo img, .category-wrapper .category-cards .carditem--no-photo .img-block img{ -o-object-fit: none; object-fit: none; } .instagram-vidget__description { color: #ffffff; font-size: 21px!important; } @media (max-width: 1300px) { .instagram-vidget__description{ font-size: 16px!important; } } .instagram-vidget__title__p{ line-height: 133.9%; font-weight: normal; font-size: 34px; color: #656565; text-transform: none; margin-bottom: 40px; } @media (max-width: 768px) { .instagram-vidget__title__p{ font-weight: 500; font-size: 20px; margin-bottom: 0; margin-top: 30px; } .instGallery__headline { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } } .instagram-vidget__image{ -o-object-position: top; object-position: top; } .look-block a{ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .insta-block .insta-info-block .insta-link:hover{ text-decoration: unset; } .instagram-vidget__title, .errortext, .bx-auth{ max-width: 1300px; width: 100%; padding-right: 25px; padding-left: 25px; margin-right: auto; margin-left: auto; display: block; } .category-wrapper .filter-wrapper .filter .block-for-filter{ overflow: auto; } .category-wrapper .filter-wrapper .filter .block-for-filter::-webkit-scrollbar { width: 4px; background-color: #EEE2DF; border-radius: 13px; } .category-wrapper .filter-wrapper .filter .block-for-filter::-webkit-scrollbar-thumb { background: #CAB4AF; border-radius: 13px; } .gal{ max-width: 762px; } @media screen and (max-width:767px) { .category-wrapper .cats-line ul.subcateg-list{ max-height: 82px; padding-right: 40px; } } @media screen and (max-width:575px) { .category-wrapper .cats-line ul.subcateg-list{ -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-height: inherit; padding-right: 0; } } .mapholder{ padding: 50px 15px; } .mapholder #modalmap{ width: 100%; height: 500px; max-height: 70vh; } @media screen and (max-width: 767px){ .history-page .favorite-page{ border-top: 0; } } @media screen and (max-width: 800px){ .gal .gallery-top .swiper-wrapper .swiper-slide.swiper-slide-active img{ pointer-events: none; } } .instagram-vidget__item button{ max-width: 70px; } header .cart-pp .cart-buttons a, header .cart-pp .cart-buttons span.order-info{ padding: 15px 0; } .category-wrapper .category-cards{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width:767px) { .category-wrapper .category-cards{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .carditem .img-block{ height: 353px; } @media screen and (max-width:991px) { .carditem .img-block{ height: 280px; } } @media screen and (max-width:480px) { .carditem .img-block{ height: auto; } } .carditem a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .carditem .text-block { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .carditem .text-block .priceblock{ margin-top: auto; } .color-row .color-item.active { -webkit-box-shadow: 0 0 10px #735f5a; box-shadow: 0 0 10px #735f5a; } .subscribe-block .subscribe-form .subscribe-form__input{ padding-top: 20px; } .bx-changepass-table input.bx-auth-input{ margin-bottom: 0; } .bx-changepass-table td { padding: 16px 10px 0 0px; } .basket-row{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-row__value{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; font-weight: normal; color: #806189; } .basket-row .number-spinner__btn--disabled{ background: #f5f5f5; border: 1.5px solid #e2e2e2; color: #d6d6d6; } .bx-filter-parameters-box-container-block { padding: 0; float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; -webkit-box-sizing: border-box; box-sizing: border-box; } .bx-filter-parameters-box-container-block.bx-right { margin-right: 4%; } .sizes-wrapper { margin-bottom: 80px; } @media screen and (max-width:767px) { .sizes-wrapper { margin-bottom: 30px; } } .bx-filter .bx-ui-slider-track-container { margin-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-bottom: 20px; width: 100%; padding-left: 0; padding-right: 0; overflow: hidden; padding-top: 8px; } .bx-filter .bx-ui-slider-part { display: none; } .bx-filter.bx-blue .bx-ui-slider-pricebar-v { background: #A99793; } .bx-filter.bx-blue .bx-filter-input-container input:focus { border-color: #A99793; } .bx-filter .bx-ui-slider-track { height: 2px; } .bx-filter-parameters-box-container-block.bx-right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0; } .bx-filter-parameters-box-container-block.bx-left { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 4%; } .bx-filter .bx-ui-slider-handle { top: -7px; width: 15px; height: 15px; margin-right: 0!important; margin-left: 0!important; background: #A99793!important; border-radius: 50%; } .bx-filter.bx-blue .bx-ui-slider-pricebar-vn { background: #EEE2DF; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-weight: normal; font-size: 14px; line-height: 17px; color: #656565; } .bx-filter .bx-filter-input-container input { border-color: #A99793; border-radius: 0; padding: 0 10px; } .color .products__wrapper.swiper-container{ overflow: hidden; } .color ul.products__slider{ overflow: unset; } @media screen and (max-width:585px) { .products__slide .card { width: 100%; margin: 0; padding: 0; } .products__wrapper img { -o-object-fit: contain; object-fit: contain; } } @media screen and (max-width:570px) { .products__slide .card .card__image-wrapper { height: 356px; width: 100%; margin: 0; } .products__slide .card a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .basket-btn--disabled{ pointer-events: none; background: #f5f5f5; color: #d6d6d6; } main { padding-top: 53px; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { main { padding-top: 40px; } } .first-banner h1 { margin: 0 auto 30px auto; width: 100%; max-width: 910px; font-weight: normal; font-size: 40px; line-height: 130%; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; color: #EBDBD6; } .banner-first { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 0 80px 0; min-height: 587px; height: 100%; background-color: #EBDBD6; } .banner-first .button-link { border-radius: 2px; padding: 20px 30px; min-width: 272px; font-weight: normal; font-size: 20px; line-height: 130%; letter-spacing: 0.03em; text-transform: uppercase; text-align: center; color: #333333; background-color: #EBDBD6; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; } .banner-first .button-link:hover { background-color: #A99793; color: #fff; } .banner-first__img-desktop { position: absolute; left: 50%; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .banner-first__img-phone { display: none; } .banner-first__img-tablet { display: none; } @media screen and (max-width: 480px) { .banner-first { min-height: 416px; padding: 0 0 30px 0; } .first-banner h1 { margin: 0 0 20px 0; font-size: 20px; } .banner-first .button-link { padding: 11px 25px; min-width: 177px; font-size: 12px; } } @media screen and (max-width: 1024px) { .banner-first__img-desktop { display: none; } .banner-first__img-phone { display: none; } .banner-first__img-tablet { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media screen and (max-width: 480px) { .banner-first__img-desktop { display: none; } .banner-first__img-tablet { display: none; } .first-banner h1 { margin: 0 auto 20px auto; max-width: 264px; width: 100%; } .banner-first__img-phone { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } } .section-collection { margin: 0 0 0 0; padding: 25px 0 0 0; background-color: #EBDBD6; } .section-collection__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 296px; height: 100%; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/section-collection.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; } .section-collection__link { border: 1px solid #FFFFFF; border-radius: 2px; padding: 20px 35px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: normal; font-size: 20px; line-height: 130%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #FFFFFF; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; min-width: 298px; } .section-collection__link:hover { background-color: rgba(169, 151, 147, .5); text-decoration: none; color: #FFFFFF; } @media screen and (max-width: 480px) { .section-collection { margin: 0 0 0 0; padding: 30px 0 40px 0; } .section-collection h2 { margin: 0 0 28px 0; font-size: 18px; } .section-collection__inner { min-height: 159px; margin: 0 10px; } .section-collection__link { padding: 11px 10px; font-size: 12px; min-width: 155px; } .blog-slider-block { padding: 50px 0 40px; } } .section-sub { position: relative; padding: 50px 0; background-color: #6B7282; z-index: 1; } .section-sub p { margin: 0 0 30px 0; font-weight: 300; font-size: 14px; line-height: 17px; text-align: center; color: #E5E5E5; } .section-sub h2 { margin: 0 0 30px 0; font-weight: normal; font-size: 30px; line-height: 130%; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #FDDFD4; } .section-sub__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section-sub__inner::before { content: ''; position: absolute; left: 0; bottom: -50px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/branch-left.svg'); width: 647px; height: 277px; background-repeat: no-repeat; background-size: cover; pointer-events: none; z-index: -1; } .section-sub__inner::after { content: ''; position: absolute; right: 0px; top: -50px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/branch-right.svg'); width: 589px; height: 187px; background-repeat: no-repeat; background-size: cover; pointer-events: none; z-index: -1; } @media screen and (max-width: 1300px) { .section-sub__inner::before { left: -70px; } .section-sub__inner::after { right: -70px; } } .form-sub { width: 100%; max-width: 564px; } .form-sub__group { display: -webkit-box; display: -ms-flexbox; display: flex; /*margin: 0 0 18px 0;*/ border-radius: 2px; overflow: hidden; } .form-sub__input { margin: 0 -2px 0 0; border: none; padding: 12px 20px 13px 20px; width: calc(72% + 2px); max-width: none; height: auto; font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #333333; } .form-sub__input::-webkit-input-placeholder { font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; } .form-sub__input::-moz-placeholder { font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; } .form-sub__input:-ms-input-placeholder { font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; } .form-sub__input::-ms-input-placeholder { font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; } .form-sub__input::placeholder { font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; } .form-sub__input:focus { outline: none; border: none; } .form-sub p { margin: 0; font-weight: 300; font-size: 12px; line-height: 15px; text-align: center; color: #E5E5E5; } .form-sub a { display: inline-block; color: inherit; text-decoration: underline; } .form-checkbox__item p { font-size: 12px; margin: 0; } .form-checkbox__item p a { font-size: 12px; display: inline; } .form-sub__btn { border: 0; border-color: transparent; border-radius: 2px; width: 28%; font-family: Montserrat; font-weight: normal; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; background-color: #EBDBD6; } button.form-sub__btn:hover { border-color: transparent; color: #333333; background-color: #EBDBD6; } .form-checkbox__checkbox { display: none; } .form-checkbox__item { margin-bottom: 15px; width: 100%; } .form-checkbox__item p { line-height: 1.4; } .form-checkbox__item label { position: relative; /*padding-left: 30px;*/ display: flex; justify-content: start; cursor: pointer; user-select: none; } .form-checkbox__label::before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #E5E5E5; /* Цвет границы */ border-radius: 2px; /* Скругленные углы */ background: transparent; /* Фоновый цвет */ transition: background 0.3s, border-color 0.3s; } .form-checkbox__checkbox:checked + .form-checkbox__label::before { background: #4caf50; /* Цвет фона при отметке */ border-color: #4caf50; /* Цвет границы при отметке */ } .form-checkbox__checkbox:checked + label::after { content: ''; position: absolute; left: 6px; top: 10px; width: 5px; height: 10px; border: solid #E5E5E5; /* Цвет галочки */ border-width: 0 2px 2px 0; transform: rotate(45deg); } .real-checkbox { width: 0; height: 0; opacity: 0; position: absolute; z-index: -1; } .real-checkbox:focus + .custom-checkbox { /*box-shadow: 0px 0px 0px 1px #38577a, 0px 0px 10px #7e9bbd;*/ } .custom-checkbox { position: relative; display: inline-block; width: 16px; height: 16px; min-width: 16px; min-height: 16px; background: transparent; border: 1px solid #E5E5E5; border-radius: 2px; vertical-align: sub; margin-right: 8px; outline: none!important; } .custom-checkbox::before { content: ''; /* Рисуем галочку */ display: inline-block; left: 6px; top: 0px; width: 5px; height: 10px; border: solid #E5E5E5; /* Цвет галочки */ border-width: 0 1px 1px 0; /* Выравниваем по центру */ position: absolute; transform: scale(0) rotate(45deg); margin-top: 1px; transition: 0.2s ease-in; } .form-checkbox__item--reg .custom-checkbox { border-color: #6C5B57; } .form-checkbox__item--reg .custom-checkbox::before { border-color: #6C5B57; } .form-checkbox__item--reg a { text-decoration: underline; color: #6C5B57; } /* Активируем фейковый / декоративный чекбокс */ .real-checkbox:checked + .custom-checkbox::before { transform: rotate(45deg) scale(1); } .form-checkbox__item p { text-align: left; } .form-checkbox__item a { text-decoration: underline; } @media screen and (max-width: 480px) { .section-sub h2 { margin: 0 0 10px 0; font-size: 18px; } .section-sub p { margin: 0 0 10px 0; font-size: 11px; line-height: 13px; } .form-sub__group { margin: 0 0 10px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: unset; } .form-sub__input { margin: 0 0 10px 0; border-radius: 2px; width: 100%; max-height: 30px; font-size: 11px; } .form-sub__input::-webkit-input-placeholder { font-size: 11px; } .form-sub__input::-moz-placeholder { font-size: 11px; } .form-sub__input:-ms-input-placeholder { font-size: 11px; } .form-sub__input::-ms-input-placeholder { font-size: 11px; } .form-sub__input::placeholder { font-size: 11px; } .form-sub__btn { padding: 6.5px 19px; width: 100%; max-width: 141px; font-size: 12px; } .section-sub { padding: 30px 10px; } .section-sub__inner::before { left: -25px; bottom: -30px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/branch-left-phone.svg'); width: 239px; height: 120px; } .section-sub__inner::after { right: -25px; top: -30px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/branch-right-phone.svg'); width: 214px; height: 59px; } .form-sub p { font-size: 9px; line-height: 11px; } .form-sub a { font-size: 9px; line-height: 11px; } .section-contacts__inner { margin: 0 10px; } } .section-contacts { position: relative; background-color: #E5E5E5; } .section-contacts .container-new { position: unset; } .section-contacts a { display: inline; } .info-contacts h2 { margin: 0 0 30px 0; font-weight: normal; font-size: 30px; line-height: 130%; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #6C5B57; } .section-contacts__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .section-contacts__map { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .section-contacts__info { width: 50%; } .info-contacts { padding: 60px 70px 64px 70px; } .info-contacts__top { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 38px 0; } .info-contacts__top::before { content: ''; position: absolute; left: 50%; bottom: -23px; border-radius: 50%; width: 8px; height: 8px; background-color: #6C5B57; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: none; } .info-contacts__text-top { margin: 0 0 7px 0; font-weight: normal; font-size: 14px; line-height: 140%; text-align: center; color: #656565; } .info-contacts__text-top p { margin: 0 0 3px 0; line-height: 140%; } .info-contacts__text-top p:last-child { margin: 0; } .info-contacts__phone { margin: 0; font-weight: normal; font-size: 20px; line-height: 130%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; } .info-contacts__whatsup { margin: 8px 0 0 0; font-weight: normal; font-size: 14px; line-height: 140%; text-align: center; color: #656565; } .info-contacts__btn { margin: 0; border: 1px solid #333333; border-radius: 2px; padding: 12px 19px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: normal; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear; } .info-contacts__btn:hover { background-color: rgba(235, 219, 214, .5); text-decoration: none; } .info-contacts__bottom { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .info-contacts__bottom a { font-weight: normal; font-size: 14px; line-height: 140%; color: #6C5B57; } @media screen and (max-width: 768px) { .section-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } .section-contacts__map { position: relative; left: auto; top: auto; width: 100%; height: 350px; } .section-contacts__info { width: 100%; } } @media screen and (max-width: 480px) { .info-contacts { padding: 30px 0; } .info-contacts h2 { font-size: 18px; margin-bottom: 15px; } .info-contacts__text-top { font-size: 11px; } .info-contacts__text-top p { margin: 0; font-size: 11px; line-height: 140%; } .info-contacts__phone { font-size: 14px; } .info-contacts__whatsup { font-size: 11px; } .info-contacts__btn { padding: 7.5px 19px; font-size: 11px; } .info-contacts__top { margin: 0 0 28px 0; } .info-contacts__top::before { bottom: -18px; } .info-contacts__bottom a { font-size: 11px; } .section-contacts__map { height: 146px; } } .section-sub__thanks { padding: 53px 0; display: none; } .section-sub__thanks p { margin: 0; } .title-h2 { margin: 0 auto 45px auto; font-weight: normal; font-size: 30px; line-height: 130%; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #6C5B57; } /* .title-h2--inst { display: flex; align-items: center; } */ /* .title-h2--inst::after { content: ''; display: block; margin: 0 0 0 15px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/icon-insta.svg'); background-repeat: no-repeat; background-size: cover; width: 29px; height: 29px; } */ .instGallery__headline { display: block; margin: 0 0 40px 0; } .instGallery__headline .title-h2 { margin: 0; margin-bottom: 15px; } .instGallery__icon { display: block; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/icon-insta.svg'); background-repeat: no-repeat; background-size: cover; width: 30px; height: 31px; position: absolute; right: 0; margin: 0; top: 3px; } @media screen and (max-width: 1199px){ .instGallery__icon { right: 15px; } } @media screen and (max-width: 768px) { .instGallery__headline { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 480px) { .instGallery__headline { margin: 0 0 20px 0; } .instGallery__icon { width: 18px; height: 19px; right: 15px; margin: 0; top: 0px; background-size: contain; } .instGallery__headline .title-h2 { line-height: 123%; margin-bottom: 20px; } } .btn-more { position: absolute; right: 15px; top: -5px; border: 1px solid #333333; border-radius: 2px; padding: 12px 19px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: normal; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; } .btn-more:hover { text-decoration: none; } @media screen and (max-width: 480px) { .title-h2 { margin: 0 auto 28px auto; font-size: 18px; } .blog-slider-block { margin: 0 0 108px 0; } .btn-more { top: auto; bottom: -50px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 7.5px 19px; font-size: 11px; } } header .menu-nav-block ul li { margin: 0; padding: 0 22px; } /* header .menu-nav-block .menu-list:hover::before { position: absolute; left: -1000px; content: ''; z-index: -1; top: 53px; width: 10000px; background: rgba(255, 255, 255, 0.85); height: 100%; pointer-events: none; } */ /* header .menu-nav-block .menu-list:hover::before { content: ''; position: absolute; left: -1000px; content: ''; z-index: -1; top: 53px; width: 10000px; background: rgba(255, 255, 255, 0.85); height: 100%; min-height: 260px; transition: .3s linear; } header .menu-nav-block ul li.sub .dropdown::before { display: none; } */ #panel { /* position: fixed; left: 0; top: 0; width: 100%; */ z-index: 10000; } @media screen and (max-width: 1024px) { .menu-overlay { display: none; } } @media screen and (min-width: 1025px) { header .menu-nav-block ul li.sub:hover .dropdown::before { pointer-events: unset; } header .menu-nav-block ul li.sub .dropdown { position: absolute; z-index: 999; -ms-flex-wrap: nowrap; flex-wrap: nowrap; left: 0; top: 100%; background: none; padding: 20px 0 0 20px; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; opacity: 1; max-width: inherit; max-height: inherit; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; opacity: 0; pointer-events: none; } header .menu-nav-block ul li.sub:hover .dropdown { opacity: 1; pointer-events: unset; -webkit-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } header .menu-nav-block ul li.sub .dropdown ul { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-right: 80px; /* justify-content: space-between; */ } header .menu-nav-block ul li.sub .dropdown ul li { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; font-size: 18px; line-height: 22px; color: #656565; margin-bottom: 15px; padding-bottom: 0; margin-right: 0; } header .menu-nav-block ul li.sub .dropdown ul li a { font-weight: normal; font-size: 14px; line-height: 140%; color: #333333; text-transform: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .menu-overlay { position: absolute; left: -1000px; content: ''; z-index: -1; top: 100%; width: 10000px; /* background: rgba(255, 255, 255, 0.85); */ height: 100%; opacity: 0; pointer-events: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } header .menu-nav-block .menu-list:hover .menu-overlay { opacity: 1; } header .menu-nav-block ul li.sub .dropdown::before { display: none; } } .action-section { background: #A99793; padding: 50px 0 63px; position: relative; } .action-section:before { content: ''; position: absolute; width: 100vw; height: 170px; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/action-block-shadow.svg); background-repeat: no-repeat; background-position: center; background-size: cover; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media screen and (max-width:575px) { .action-section { padding: 40px 10px 48px; } } .action-block__text { width: 463px; position: relative; } @media screen and (max-width:991px) { .action-block__text { width: 100%; } } .action-block__icon{ width: auto; max-width: 120px; right: 0; bottom: -15px; position: absolute; } @media screen and (max-width:991px) { .action-block__icon{ position: relative; bottom: auto; right: auto; margin-bottom: 20px; } } @media screen and (max-width:767px) { .action-block__icon{ max-width: 63px; } } .action-block__title{ letter-spacing: 0.03em; color: #FFFFFF; text-align: left; line-height: 140%; position: relative; z-index: 2; } @media screen and (max-width:991px) { .action-block__title{ margin-bottom: 20px; } } .action-block__img { position: absolute; right: 112px; bottom: -63px; max-width: 463px; width: 40%; } @media screen and (max-width:1199px) { .action-block__img { right: 30px; } } @media screen and (max-width:575px) { .action-block__img { width: 161px; right: -11px; bottom: -48px; } } .arrow-link { font-size: 14px; line-height: 140%; letter-spacing: 0.03em; text-transform: uppercase; color: #FDDFD4; position: relative; padding-right: 24px; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .main-blog-item .arrow-link { margin-top: auto; } .arrow-link--black { color: #545454; } @media screen and (max-width:575px) { .arrow-link{ font-size: 11px; line-height: 140%; padding-right: 16px; } } .arrow-link:before { content: ''; position: absolute; width: 13px; height: 13px; border-top: 1px solid; border-left: 1px solid; right: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 2px; } @media screen and (max-width:575px) { .arrow-link:before{ width: 9px; height: 9px; } } section.instagram-vidget { padding: 40px 0 68px; background: #F2F2F2; } @media screen and (max-width:575px){ section.instagram-vidget { padding: 40px 0; } } .instagram-vidget__title { position: relative; } .blog-section{ padding: 40px 0 60px; } @media screen and (max-width:767px) { .blog-section{ padding: 40px 0; } } .main-blog-item { max-width: 762px; width: 100%; margin: 0 auto; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } @media screen and (max-width:575px) { .main-blog-item{ -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); padding: 0 10px; } } .main-blog-item__date { font-size: 12.5px; line-height: 123%; letter-spacing: 0.03em; color: #BCAAA5; display: block; margin-bottom: 10px; } @media screen and (max-width:575px) { .main-blog-item__date{ font-size: 11px; } } .main-blog-item__title { font-size: 15px; line-height: 140%; text-transform: uppercase; color: #545454; display: block; margin-bottom: 10px; width: 80%; } @media screen and (max-width:575px) { .main-blog-item__title{ font-size: 14px; } } .main-blog-item__caption, .main-blog-item__caption p{ font-size: 12px; line-height: 123%; letter-spacing: 0.03em; color: #545454; margin-bottom: 30px; } .main-blog-item__caption p:last-child{ margin-bottom: 0; } .main-blog-item__img { max-height: 240px; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width:575px) { .main-blog-item__img { max-height: unset; } } .main-blog-item__img img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .instagram-vidget__description-container{ display: none!important; } .instagram-vidget__item{ margin: 0 6px; min-width: unset; width: calc(100% - 12px); padding: 0; height: 157px; } .instagram-vidget__container{ max-width: 1020px; margin: 0 auto; width: 100%; } .instagram-vidget__slider--mobile .instagram-vidget__item{ margin: 0; width: 100%; height: 92px; } .instagram-vidget__slider--mobile .slick-slide{ width: 92px; } .instagram-caption, .instagram-caption p { font-size: 12.5px; line-height: 123%; text-align: center; letter-spacing: 0.03em; color: #654F4A; } @media screen and (max-width:480px) { .instagram-caption, .instagram-caption p { font-size: 11px; line-height: 123%; } } .instagram-caption{ max-width: 727px; width: 100%; margin: 0 auto; } .section-collection--sale .section-collection__inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 50px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-collection__btns { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-collection__link+.section-collection__link { margin-left: 20px; } .title-h2--white, .desc-section--white { color: #FFFFFF; } .desc-section { margin-bottom: 0; font-size: 20px; line-height: 130%; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; } .section-collection__text .title-h2 { margin-bottom: 10px; } .section-collection__text { margin-bottom: 20px; } @media screen and (max-width: 767px) { .section-collection__btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-collection__link+.section-collection__link { margin-top: 20px; margin-left: 0; } } @media screen and (max-width: 575px) { .section-collection__link+.section-collection__link { margin-top: 10px; } } @media screen and (max-width: 480px) { .section-collection__text { padding: 0 10px; } .info-contacts__whatsup { margin-top: 6px; margin-bottom: 0; } .info-contacts__text-top { margin-bottom: 4px; } footer .container { margin-right: 10px; margin-left: 10px; max-width: inherit; width: auto; } .section-collection--sale .section-collection__inner { padding: 40px 0; } .section-collection__text .title-h2 { margin-bottom: 12px; } .desc-section { font-size: 14px; line-height: 130%; } } .title-h2--line-through { font-size: 38px; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .title-h2--line-through::before { content: ''; width: calc(100% + 36px); height: 2px; background-color: #6C5B57; left: -18px; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); position: absolute; pointer-events: none; } @media screen and (max-width:767px) { .title-h2--line-through { font-size: 30px; } } @media screen and (max-width:480px) { .title-h2--line-through::before { width: calc(100% + 16px); height: 1px; left: -8px; } .title-h2--line-through { font-size: 18px; } } .fractions__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fractions__title p { font-size: 18px; line-height: 145%; color: #656565; margin-bottom: 0; margin-left: 10px; font-weight: 500; } .card-text-block .price-block { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fractions a { display: block; margin-left: 40px; letter-spacing: .01em; color: #a99793; border-bottom: 1px solid #a99793; width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 100%; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-top: 5px; } .fractions a:hover { border-bottom-color: transparent; text-decoration: none; } .fractions--icon { width: 153px; height: 19px; margin-top: 5px; } .fractions--radio a { margin-left: 0; font-size: 12px; } .fractions--radio svg { width: 100px; height: 22px; } @media screen and (max-width:575px) { .fractions--radio a { font-size: 10px; } } .fractions--basket-right { margin-top: 20px; } .fractions--basket-right .fractions__title p { color: rgba(107, 107, 107, .932); font-weight: normal; font-size: 16px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .fractions--basket-right a { font-size: 12px; margin-top: 0; } .no-results-block { width: 100%; padding: 56px 0 78px 0; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/branch-catalog-empty.png); background-position: bottom center; background-repeat: no-repeat; margin-bottom: 190px; } .no-results-block__title { margin-bottom: 20px; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; color: #656565; } .no-results-block__title span { font-weight: 400; font-size: 16px; line-height: 140%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } .no-results-block__title p, .no-results-block__desc p{ line-height: inherit; font-weight: inherit; font-size: inherit; } .no-results-block__title p:last-child, .no-results-block__desc p:last-child { margin-bottom: 0; } .no-results-block__desc { font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; color: #656565; max-width: 380px; margin: 0 auto; } @media screen and (max-width: 767px) { .no-results-block { padding: 5px 0 55px 0; } .no-results-block__img { width: 160px; height: 51px; margin-bottom: 11px; } .no-results-block__title { font-size: 12px; margin-bottom: 15px; } .no-results-block__title span { font-size: 12px; } .no-results-block__desc { font-size: 10px; } } .viewed-block { padding-top: 51px; padding-bottom: 62px; } .viewed-block__slider-container { margin-top: 24px; } .viewed-block__title { font-weight: 400; font-size: 25px; line-height: 130%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.05em; text-transform: uppercase; color: #6C5B57; margin: 0; } @media screen and (max-width: 767px) { .viewed-block__title { font-size: 12px; text-transform: uppercase; } .viewed-block__slider-container { margin-top: 11px; } .viewed-block { padding: 25px 13px 30px 13px; } } .slider-arrow-top { position: relative; } .slider-arrow-top__slider-navigation { position: absolute; top: -55px; right: 0; gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider-arrow-top__arrow { width: 24px; height: 29px; } .slider-arrow-top__arrow--next { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .slider-arrow-top__arrow svg { width: 100%; height: 100%; } @media screen and (max-width: 767px) { .slider-arrow-top__slider-container { overflow: visible; } .slider-arrow-top__slider-navigation { display: none; } .catalog__color { gap: 2px; } } /* card new */ .card-new__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-new__sliders { -webkit-box-flex: 0; -ms-flex: 0 0 570px; flex: 0 0 570px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-top: 9px; position: relative; } .card-new__content { -webkit-box-flex: 0; -ms-flex: 0 0 520px; flex: 0 0 520px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 50px; overflow: hidden; } .card-new__slider-thumbs { -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; max-height: 662px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-right: 8px; overflow: visible; position: relative; } .card-new__slider-thumbs::before { position: absolute; right: -8px; width: 8px; background-color: #fff; content: ''; top: 0; height: 100%; pointer-events: none; z-index: 2; } .card-new__slider-big { height: 688px; position: relative; z-index: 2; } .card-new__slider-big .swiper-pagination { bottom: 13px; } .card-new__slider-thumbs .swiper-slide { height: 160px!important; opacity: 0.5; } .card-new__slider-thumbs .swiper-slide.swiper-slide-thumb-active { -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; opacity: 1; } .card-new__slider-thumbs img, .card-new__slider-big img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer; } .card-new__slider-thumbs .swiper-slide.swiper-slide-thumb-active img { cursor: default; } .card-new__slider-big .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.3); opacity: 0.5; } .card-new__slider-big .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1; } .card-new__art { font-weight: 400; font-size: 12px; line-height: 167%; color: #656565; } .card-new .h1--new { font-weight: 400; font-size: 20px; line-height: 133%; color: #000000; margin-top: 10px; margin-bottom: 20px; text-align: left; text-transform: none; } .card-new__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-new__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 0; margin-top: 26px; overflow: hidden; position: relative; } .card-new .we-have { margin-left: 0; font-style: normal; font-weight: 500; font-size: 18px; line-height: 120%; color: #656565; } .card-new__head { position: relative; } .card-new__head::before { width: 100%; height: 2px; background-color: #FDDFD4; content: ''; position: absolute; top: 14px; left: 0; pointer-events: none; } .card-new__price { background-color: #fff; z-index: 1; padding-right: 14px; } .card-new__price-current { font-weight: 500; font-size: 20px; line-height: 120%; color: #333333; } .card-new__price-old { font-weight: 500; font-size: 14px; line-height: 120%; color: #A2A2A2; margin-top: 3px; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .card-new__price-old::before { width: 100%; height: 1px; background-color: #A2A2A2; content: ''; position: absolute; bottom: 8px; left: 0px; pointer-events: none; } .card-new__fractions { background-color: #fff; z-index: 2; padding-left: 12px; } .card-new__fractions .fractions--icon { width: 117px; height: 22px; margin-top: 0px; margin-right: 11px; } .card-new__fractions-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; } .card-new__fractions-price, p.card-new__fractions-price { font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; color: #333333; margin-bottom: 0; } .card-new__colors-item { width: 36px; height: 36px; border-radius: 50%; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .card-new__colors-item::before, .card-new__colors-item::after { border-radius: 50%; position: absolute; content: ''; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new__colors-item::before { border: 1px solid transparent; width: 36px; height: 36px; top: 0; left: 0; z-index: 1; } a.card-new__colors-item::before { border-color: #D7D7D7; width: 28px; height: 28px; bottom: 50%; top: auto; left: auto; right: 50%; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); } .card-new__colors-item::after { border: 6px solid #fff; width: 38px; height: 38px; top: -1px; left: -1px; } .card-new__colors-item--active { cursor: default; } .card-new__colors-item--active::before { border-color: #656565; } .card-new__colors-desc { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; font-weight: 500; font-size: 12px; line-height: 120%; color: #A2A2A2; margin-bottom: 26px; } .card-new__colors .swiper-container { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } .card-new__colors.swiper-unlock .card-new__colors-desc { margin-left: -28px; } .card-new__box { border-bottom: 1px solid rgba(169, 151, 147, 0.5); } .card-new__size { padding-top: 26px; } .card-new__buttons { margin-bottom: 34px; margin-top: 34px; } .card-new__box-title { font-weight: 500; font-size: 14px; line-height: 120%; color: #6C5B57; } .card-new__select p { font-weight: 400; font-size: 12px; line-height: 140%; color: #656565; margin-bottom: 15px; } .card-new__select p:last-child { margin-bottom: 0; } .card-new__select p.card-new__select-title { font-style: normal; font-weight: 500; font-size: 12px; line-height: 140%; color: #656565; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .card-new__select p span { font-weight: 500; font-size: 12px; line-height: 140%; color: #656565; } .card-new__select .card-new__review-content p { line-height: 120%; margin-bottom: 0; } .card-new__select-inner { max-height: 0; opacity: 0; visibility: hidden; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; overflow: hidden; } .card-new__select-inner.vis { max-height: inherit; opacity: 1; visibility: visible; padding-bottom: 21px; overflow: visible; } .card-new__select-inner li { font-weight: 400; font-size: 12px; line-height: 140%; color: #656565; margin: 0; position: relative; } .card-new__select-inner li::before { position: absolute; content: ''; width: 2px; height: 2px; border-radius: 50%; top: 9px; left: -11px; pointer-events: none; background-color: #656565; } .card-new__select-inner ul { padding-left: 20px; list-style-type: none; } .card-new__select-inner ul:last-child { margin-bottom: 0; } .card-new { padding-top: 60px; padding-bottom: 80px; } .card-new__size-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-new__fractions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-new__popup-btn { font-weight: 500; font-size: 14px; line-height: 120%; color: #A2A2A2; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 21px; position: relative; cursor: pointer; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new__popup-btn::before { content: ''; position: absolute; width: 9px; height: 9px; border-top: 1px solid #A99793; border-left: 1px solid #A99793; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 4px; right: 3px; } .card-new__popup-btn:hover { color: #6C5B57; } .card-new__popup-btn:hover::before { border-color: #6C5B57; } .card-new__fractions-desc { display: -ms-grid; display: grid; gap: 5px; margin-top: 3px; } .basket-new .card-new__fractions-title{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-new .card-new__fractions { background-color: transparent; } .card-new__fractions-step { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 6px 1fr 6px 1fr 6px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 6px; width: 100%; margin-top: 14px; margin-bottom: 12px; } .card-new__fractions-step span { font-weight: 500; font-size: 12px; line-height: 120%; padding-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; color: #A2A2A2; } .card-new__fractions-step span::before { width: 100%; height: 6px; background-color: #fff; border-radius: 4px; content: ''; pointer-events: none; position: absolute; top: 0; left: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new__fractions-step span.active::before { background-color: #A99793; } .card-new__fractions-step span.active { color: #656565; } .card-new__fractions-desc .card-new__fractions-price { font-weight: 500; font-size: 14px; line-height: 120%; text-align: right; color: #656565; display: inline-block; } .card-new__fractions-all { font-weight: 400; font-size: 12px; line-height: 120%; text-align: right; color: #656565; margin-bottom: 0; } .card-new__select .card-new__box-title { padding: 18px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .card-new__select .card-new__box-title::before { content: ''; position: absolute; width: 9px; height: 9px; border-top: 1px solid #A99793; border-left: 1px solid #A99793; -webkit-transform: rotate(135deg)translateY(50%); -ms-transform: rotate(135deg)translateY(50%); transform: rotate(135deg)translateY(50%); bottom: 33%; right: 0; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new__box-title.active::before { -webkit-transform: rotate(225deg)translateY(50%); -ms-transform: rotate(225deg)translateY(50%); transform: rotate(225deg)translateY(50%); bottom: 41%; right: 6px; } .card-new__size-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 17px; margin-bottom: 8px; gap: 10px 20px; font-weight: 300; font-size: 14px; line-height: 110%; color: #656565; } .card-new__size-item { padding-left: 23px; position: relative; cursor: pointer; min-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .card-new__size-item::before { position: absolute; content: ''; width: 18px; height: 18px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; background-color: #FFFFFF; border: 1px solid #9D9D9D; border-radius: 1px; left: 0; top: 0; } .card-new__size-item.choose::before { background-color: #FDDFD4; } .card-new__button, .card-new .zakaz-btn { font-style: normal; font-weight: 400; font-size: 20px; line-height: 130%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #FFFFFF; padding: 20px; background: #A99793; border-radius: 2px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new .zakaz-btn { font-size: 16px; } .card-new__button:hover, .card-new .zakaz-btn:hover { background-color: #6C5B57; } .card-new__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 22px; } .card-new__buttons .catalog__fav { position: relative; top: auto; right: auto; padding: 22px; width: 67px; height: 67px; background: #EBDBD6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; -webkit-box-flex: 0; -ms-flex: 0 0 67px; flex: 0 0 67px; } .card-new__flags { position: absolute; top: 16px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; z-index: 3; font-weight: 500; font-size: 16px; line-height: 120%; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; text-transform: uppercase; color: #333333; } .card-new__flag { padding: 6px 13px; width: 100%; } .card-new__flag--new { background-color: #CDEAE8; } .card-new__flag--sale { background-color: #FDDFD4; } .card-new__review { background-color: rgba(235, 219, 214, 0.5); border-radius: 2px; padding: 24px 33px; margin-top: 5px; } .card-new__review:first-child { margin-top: 0; } .card-new__review-content { margin-bottom: 15px; } .card-new__review-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 400; font-size: 12px; line-height: 120%; color: #656565; } .card-new .review-btn { margin: 0 auto; margin-bottom: 5px; margin-top: 20px; font-weight: 500; font-size: 12px; line-height: 140%; text-align: center; text-transform: uppercase; color: #656565; background: #FFFFFF; border: 1px solid #656565; border-radius: 2px; padding: 5px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new .review-btn:hover { background-color: rgba(253, 223, 212, 0.5); } .modal.recommend--new { left: 50%; max-height: 80vh; width: 100%; padding: 43px 54px 50px 54px; -webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); border-radius: 2px; border: none; max-width: 700px; background: #fff; } .recommend--new .form { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal.recommend--new .form table td { padding: 5px; } .modal.recommend--new .form p { font-weight: 500; font-size: 14px; line-height: 120%; text-transform: uppercase; color: #6C5B57; margin-bottom: 20px; } .modal.recommend--new .form table{ margin: 0; border-top: 1px solid rgba(169, 151, 147, 0.5); border-bottom: 1px solid rgba(169, 151, 147, 0.5); } .modal.recommend--new .form table tr:first-child { background-color: #fff; border-bottom: 1px solid #FDDFD4; } .modal.recommend--new .form table tr { border: none; } .modal.recommend--new .form table tr:last-child td { padding-bottom: 11px; } .modal.recommend--new .form table tr:nth-child(2) td { padding-top: 11px; } .recommend__left { -webkit-box-flex: 0; -ms-flex: 0 0 326px; flex: 0 0 326px; margin-right: 50px; } .modal.recommend--new .form table td { font-weight: 400; font-size: 12px; line-height: 120%; text-align: center; color: #656565; } .modal.recommend--new .form table th { padding: 8px 5px; font-weight: 400; font-size: 12px; line-height: 100%; text-align: center; color: #A99793; } .modal.recommend--new .form table td:first-child, .modal.recommend--new .form table td:nth-child(2) { font-weight: 500; font-size: 12px; line-height: 120%; text-align: center; color: #656565; } .modal.recommend--new .form span { font-weight: 500; font-size: 12px; line-height: 120%; color: #656565; } .recommend--new .recommend__info { margin-top: 20px; } .modal.recommend--new .form .img-recommend img { width: 100%; max-height: inherit; -o-object-fit: contain; object-fit: contain; height: 100%; } .recommend__footer { font-style: normal; font-weight: 400; font-size: 12px; line-height: 120%; color: #656565; margin-top: 23px; } .modal.recommend .form .img-recommend { width: 114px; height: 285px; margin-top: 30px; } .recommend__right { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .recommend__right-info { position: absolute; right: 0; bottom: 71px; } .modal.recommend--new .form p.img-text { font-style: normal; font-weight: 400; font-size: 12px; line-height: 140%; text-align: right; color: #333333; text-transform: none; margin: 0; position: relative; } .modal.recommend--new .form p.img-text:nth-child(2) { margin-top: 31px; margin-bottom: 34px; } .recommend--new .img-text::before { position: absolute; content: ''; height: 1px; background-color: #FDDFD4; right: 0; bottom: 0; pointer-events: none; } .recommend--new .img-text:first-child:before { width: 119px; } .recommend--new .img-text:nth-child(2):before { width: 128px; } .recommend--new .img-text:last-child:before { width: 111px; } .modal .close { z-index: 1; cursor: pointer; position: absolute; top: 15px; right: 15px; width: 13px; height: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; } .modal .close svg { width: 13px; height: 13px; stroke: #A99793; } .card-new__review-plus { width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; cursor: pointer; margin-top: 17px; position: relative; } .card-new__review-plus::before, .card-new__review-plus::after { content: ''; background-color: #A99793; position: absolute; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new__review-plus:hover::before, .card-new__review-plus:hover::after { background-color: #6C5B57; } .card-new__review-plus::before { right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); width: 1px; height: 100%; top: 0; } .card-new__review-plus::after { bottom: 50%; left: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); height: 1px; width: 100%; } .card-new__colors.swiper-unlock { padding-left: 28px; padding-right: 28px; } .card-new__colors .slider-arrow-top__slider-navigation { top: 0; right: 0; display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; z-index: 1; pointer-events: none; } .card-new__colors.swiper-unlock .slider-arrow-top__slider-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-new__colors .slider-arrow-top__arrow { width: 28px; height: 36px; background-color: #fff; pointer-events: all; } .card-new__colors .slider-arrow-top__arrow svg { fill: #8D8D8D; width: 22px; } .modal--new { padding: 0; background-color: #fff; -webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); border-radius: 2px; max-width: inherit; width: auto; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/modal-branch.png); background-repeat: no-repeat; background-position: left 15px; } .modal--pink { background-color: #EEE2DF; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/modal-branch-white.png); background-position: left 13px; } .modal--fractions .modal__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal--new.write-review .form { background-image: none; } .modal--new.write-review .form { background-color: #F2F2F2; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/modal-branch.png); background-repeat: no-repeat; background-position: left 15px; } .modal--new.write-review .form.spasibo { background-color: #fff; } .modal--new .form { padding: 35px 40px 40px 40px; width: 487px; } .modal--no-call { z-index: 1097; } .modal--no-call .form { width: 338px; } .modal--new .modal__inner p:last-child { margin-bottom: 0; } .modal--no-call p { font-weight: 400; font-size: 12px; line-height: 120%; color: #656565; } .modal--new .form.spasibo { padding: 35px 40px; width: 337px; } .modal--new .form.spasibo .modal__desc { margin-bottom: 13px; } .modal--new.write-review .form.spasibo .modal__desc:last-child { margin-bottom: 0; } .modal__title { font-weight: 500; font-size: 14px; line-height: 120%; text-transform: uppercase; color: #6C5B57; margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .modal--new textarea { max-width: inherit; border: none; resize: none; padding: 0; font-style: normal; font-weight: 400; font-size: 12px; line-height: 120%; color: #333333; margin: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 6px; } .modal__textarea { padding: 17px 10px 20px 20px; background-color: #fff; border-radius: 2px; height: 195px; margin-top: 15px; margin-bottom: 30px; } .modal__links { margin-top: 16px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal__link { font-weight: 400; font-size: 12px; line-height: 140%; letter-spacing: 0.03em; text-transform: uppercase; color: #A99793; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .modal__link:hover { text-decoration: none; color: #6C5B57; } .modal--new .button-wrp { padding: 0; background: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal--new textarea::-webkit-scrollbar { width: 4px; background-color: #fff; border-radius: 2px; } .modal--new textarea::-webkit-scrollbar-thumb { background: rgba(169, 151, 147, 0.5); border-radius: 2px; } .modal--new textarea::-webkit-input-placeholder { color: #A2A2A2; } .modal--new textarea::-moz-placeholder { color: #A2A2A2; } .modal--new textarea:-ms-input-placeholder { color: #A2A2A2; } .modal--new textarea::-ms-input-placeholder { color: #A2A2A2; } .modal--new textarea::placeholder { color: #A2A2A2; } .modal--new .button-wrp button, .modal--new .button-wrp a, .modal--new .button-wrp .close { font-weight: 500; font-size: 12px; line-height: 140%; text-align: center; text-transform: uppercase; color: #656565; border: 1px solid #656565; border-radius: 2px; padding: 4px 39px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: transparent; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; position: static; right: auto; left: auto; top: auto; bottom: auto; height: fit-content; } .modal--new .button-wrp button:hover, .modal--new .button-wrp a:hover, .modal--new .button-wrp .close:hover { background-color: #f7e8e3; text-decoration: none; } .modal__desc { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; font-weight: 400; font-size: 16px; line-height: 120%; color: #656565; } .form.spasibo .modal__desc { font-size: 12px; margin-top: 0; margin-bottom: 15px; } .form.spasibo .modal__desc:last-child { margin-bottom: 15px; } .modal--new .fractions-icon { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .modal--fractions .modal__inner p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 120%; color: #656565; margin-bottom: 15px; } .modal--fractions .modal__inner p:last-child { margin-bottom: 0; } .modal--fractions .button-wrp { margin-top: 25px; } .modal--no-order .form { padding: 35px 40px; width: 337px; } .modal--no-order .modal__inner p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 120%; color: #656565; margin-bottom: 15px; } .modal--no-order .modal__inner a { font-weight: 400; font-size: 12px; line-height: 140%; display: -webkit-box; display: -ms-flexbox; display: flex; color: #6C5B57; text-transform: none; } .card-new__review-desc { font-weight: 400; font-size: 11px; line-height: 120%; color: #656565; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1200px) { .card-new__slider-thumbs { max-height: 550px; } .card-new__slider-big { height: 550px; } .card-new__sliders { -webkit-box-flex: 0; -ms-flex: 0 0 480px; flex: 0 0 480px; } .card-new__content { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 30px; } } @media screen and (max-width: 991px) { .modal.recommend--new { left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .card-new__slider-thumbs { display: none; } .card-new__sliders { -webkit-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; } .card-new__popup-btn { font-size: 11px; padding-right: 15px; } .card-new__popup-btn::before { width: 7px; height: 7px; top: 3px; right: 3px; } .card-new__buttons { gap: 8px; } .card-new__button { font-size: 17px; } .card-new .zakaz-btn { font-size: 11px; } } @media screen and (max-width: 767px) { .card-new__colors:not(.swiper-unlock) .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-new__colors.swiper-unlock { padding-left: 22px; padding-right: 22px; } .card-new__colors .slider-arrow-top__arrow { height: 26px; width: 22px; } .modal.recommend--new { left: 0; right: 0; max-width: inherit; width: 100vw; max-height: inherit; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 74px; padding: 23px 28px 17px 28px; border-radius: 0; } .recommend--new .form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modal.recommend--new .form p { margin-bottom: 11px; font-weight: 500; font-size: 11px; line-height: 120%; text-transform: uppercase; color: #6C5B57; } .modal.recommend--new .form span { font-size: 11px; } .recommend__left { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 0; margin-bottom: 20px; } .modal.recommend .form .img-recommend { margin-top: 10px; margin-left: 30px; } .recommend__right { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .recommend__right-info { right: auto; left: 170px; } .modal.recommend--new .form p.img-text { font-size: 11px; } .modal.recommend--new .form p.img-text:nth-child(2) { margin-top: 32px; margin-bottom: 35px; } .recommend__footer { font-size: 11px; } .card-new__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-new__sliders { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 0; margin-bottom: 17px; } .card-new__slider-thumbs { display: block; } .card-new { padding-top: 30px; padding-bottom: 40px; } .card-new__art { font-size: 10px; line-height: 140%; text-align: center; color: #A2A2A2; } .card-new .h1--new { margin-top: 7px; margin-bottom: 11px; text-transform: none; font-weight: 500; font-size: 18px; line-height: 120%; text-align: center; color: #333333; } .card-new__price-current { font-size: 14px; } .card-new__price { padding-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; margin-bottom: 14px; } .card-new__price-old { font-size: 11px; margin-top: 5px; } .card-new__fractions { border: 1px solid #FDDFD4; border-radius: 2px; padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; position: relative; padding: 10px 14px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .card-new__content { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-left: 0; } .card-new__fractions .card-new__popup-btn { position: absolute; left: 0; width: 100%; height: 100%; top: 0; padding-right: 0; font-size: 0; color: transparent; } .card-new__fractions .card-new__popup-btn::before { display: none; } .card-new__fractions:hover { background-color: #feefe9; } .card-new__fractions-title { margin-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-new__colors { margin-top: 17px; gap: 18px 0; } .card-new__size { padding-top: 11px; position: relative; } .card-new__colors-item { width: 26px; height: 26px; } .card-new__colors-item::before { width: 26px; height: 26px; } a.card-new__colors-item::before { width: 20px; height: 20px; } .card-new__colors-item::after { border: 5px solid #fff; width: 28px; height: 28px; } .card-new__colors-desc { font-size: 11px; text-align: center; margin-bottom: 12px; line-height: 15px; } .card-new__colors.swiper-unlock .card-new__colors-desc { margin-left: 0; } .card-new__box-title { font-size: 11px; } .card-new__size-head .card-new__popup-btn { position: absolute; bottom: 0; right: 0; } .card-new__size-items { margin-top: 17px; margin-bottom: 13px; gap: 15px; color: #656565; padding-bottom: 27px; font-size: 10px; } .card-new__size-item { padding-left: 19px; min-height: 14px; } .card-new__size-item::before { width: 14px; height: 14px; } .card-new__buttons { position: fixed; bottom: 0; left: 0; width: 100%; margin-bottom: 0; background-color: #FFFFFF; padding: 15px 28px 17px 28px; -webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1); z-index: 1100; } .card-new__button, .card-new .zakaz-btn { font-size: 12px; line-height: 140%; padding: 5px 30px; height: 42px; } .card-new__buttons .catalog__fav { padding: 6px 12px 4px 11px; -webkit-box-flex: 0; -ms-flex: 0 0 42px; flex: 0 0 42px; width: 42px; height: 42px; } .card-new__select p { font-size: 11px; line-height: 120%; } .card-new__select p.card-new__select-title { font-size: 11px; line-height: 120%; } .card-new__select-inner li { font-size: 11px; line-height: 120%; } .card-new__review { padding: 14px 17px 12px 17px; } .card-new__select .card-new__review-content p { font-size: 11px; } .card-new__review-content { margin-bottom: 10px; } .card-new .review-btn { margin-bottom: 0; } .card-new__select-inner.vis { padding-bottom: 23px; } .card-new__review-plus { width: 18px; height: 18px; } .card-new__fractions .fractions--icon { margin-right: 0; } .card-new__slider-big { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .card-new .we-have { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-new__box--empty { border: none; } } @media screen and (max-width: 575px) { .card-new__flags { font-size: 9px; right: auto; left: 0; top: 10px; gap: 5px; } .card-new__flag { padding: 3px 6px; } .card-new .h1--new { font-size: 11px; } .card-new__fractions .fractions--icon { width: 80px; height: 15px; } .card-new__fractions-price, p.card-new__fractions-price { font-size: 11px; } .card-new__slider-thumbs { display: none; } .card-new__slider-big .swiper-pagination { bottom: 6px; } .card-new__slider-big .swiper-pagination-bullet { width: 6px; height: 6px; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } .modal--new { width: calc(100% - 60px); border-radius: 1px; } .modal--new .form.spasibo, .modal--new .form { width: 100%; } .modal__desc { font-size: 11px; margin-top: 10px; } .modal--new .form { padding: 30px 20px; } .modal__title { font-size: 11px; } .modal__textarea { padding: 12px 6px 12px 14px; height: 166px; margin-bottom: 17px; } .modal--new textarea { padding-right: 10px; font-size: 11px; } .modal--new .button-wrp button, .modal--new .button-wrp a { padding: 4px 35px; } .modal--new .form.spasibo { padding: 38px 30px; } .modal--fractions .modal__inner p { font-size: 11px; } .modal--fractions .form { padding: 22px 28px 28px 28px; } .modal--new .fractions-icon { margin-bottom: 17px; } .modal--fractions .button-wrp { margin-top: 20px; } .modal--fractions .button-wrp a { padding: 4px 17px; } .modal--no-order .form { padding: 38px 29px 34px 29px; } .modal--no-order .modal__inner p { font-size: 11px; } .modal--no-order .modal__inner a { font-size: 11px; } .card-new__slider-big .swiper-slide { height: auto; } } .modal--no-order .modal__inner a.modal__whatsapp { display: inline; } .modal--no-order .button-wrp { margin-top: 25px; margin-bottom: 3px; } .modal--no-order .button-wrp a { padding: 3px 56px; font-weight: 500; font-size: 14px; line-height: 140%; } /* card new end */ /* section showroom */ .section-showroom { background: #EBDBD6; padding-top: 50px; padding-bottom: 58px; } .section-showroom__inner { max-width: 762px; width: 100%; position: relative; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-showroom__inner:before { content: ''; position: absolute; width: 121px; height: 94px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/showroom-main-img.png'); left: 0; top: 53px; background-repeat: no-repeat; pointer-events: none; } .section-showroom .title-h2 { margin-bottom: 23px; } .section-showroom p { line-height: 150%; letter-spacing: 0.05em; color: #333333; margin: 0; padding-left: 156px; } .section-showroom .button { margin: 0 auto; margin-top: 23px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .section-showroom__link { position: relative; padding-left: 156px; -ms-flex-item-align: start; align-self: flex-start; font-size: 14px; line-height: 140%; letter-spacing: 0.03em; color: #A99793; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 13px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-top: 15px; } .section-showroom__link:before { content: ''; position: absolute; width: 9px; height: 9px; border-top: 1px solid; border-left: 1px solid; right: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 5px; } .section-showroom__inner:hover .section-showroom__link { color: #6C5B57; } .section-showroom__inner:hover { text-decoration: none; } @media screen and (max-width: 575px) { .section-showroom p { padding-left: 0; text-align: center; } .section-showroom__link { margin-top: 13px; padding-left: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .section-showroom .button { margin: 0 auto; margin-top: 15px; } .section-showroom { padding-top: 31px; padding-bottom: 54px; } .section-showroom__inner { padding-top: 55px; } .section-showroom__inner:before { width: 51px; height: 40px; left: auto; top: 0; background-size: contain; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } @media screen and (max-width: 480px) { .section-showroom p { font-size: 11px; } .section-showroom__link { font-size: 11px; padding-right: 9px; } .section-showroom__link:before { width: 7px; height: 7px; top: 4px; } } /* section showroom end */ .section--white { background-color: #fff; } .slider--main { padding-top: 50px; padding-bottom: 67px; } .slider--main .h2--new { margin-bottom: 33px; } .slider--main .swiper { overflow: visible; } .slider__buttonholder { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button { margin: 0; border: 1px solid #333333; border-radius: 2px; padding: 12px 19px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: normal; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .button:hover { background-color: rgba(255, 255, 255, 0.5); text-decoration: none; } .section--white .button:hover { background-color: rgba(253, 223, 212, 0.5); } .section--white .button { border-color: #656565; } .slider--main .slider__buttonholder .button { max-width: 236px; width: 100%; padding: 12px 8px; } .main-blog-item__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 767px) { .slider--main .h2--new { font-size: 30px; margin-bottom: 33px; } } @media screen and (max-width: 575px) { .slider__buttonholder .button span { display: none; } .main-blog-item__caption, .main-blog-item__caption p { margin-bottom: 20px; } .slider--main { padding-top: 29px; padding-bottom: 40px; } .slider__buttonholder { margin-top: 26px; gap: 8px; } } @media screen and (max-width: 480px) { .button { padding: 7.5px 19px; font-size: 11px; } .slider--main .h2--new { font-size: 18px; margin-bottom: 24px; } .slider--main .slider__buttonholder .button { max-width: inherit; padding: 7.5px 8px; } } /* basket new */ .basket-banner { min-height: 184px; overflow: hidden; position: relative; } .basket-banner__img { position: absolute; -o-object-position: bottom right; object-position: bottom right; bottom: -266px; -o-object-fit: cover; object-fit: cover; } .basket-banner .h1--new { position: relative; font-size: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 2em; color: #FFFFFF; margin-top: 69px; padding: 0 28px; } .basket-new__product-img { width: 69px; height: 104px; -webkit-box-flex: 0; -ms-flex: 0 0 69px; flex: 0 0 69px; } .basket-new__product-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .basket-new { padding-top: 70px; padding-bottom: 237px; background-color: #f2f2f2; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/basket-branch.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: calc(100% - 68px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .basket-new__title { font-weight: 500; font-size: 16px; line-height: 130%; letter-spacing: 0.05em; text-transform: uppercase; color: #6C5B57; display: -webkit-box; display: -ms-flexbox; display: flex; grid-column-start: span 2; } .link-back { font-weight: 500; font-size: 16px; line-height: 130%; letter-spacing: 0.05em; text-transform: uppercase; color: #6C5B57; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .link-back__icon { width: 13px; height: 25px; fill: #A99793; margin-right: 20px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .link-back:hover { color: #A99793; text-decoration: none; } .link-back:hover .link-back__icon { fill: #A99793; } .link-back--small { font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.03em; color: #A99793; } .link-back--small .link-back__icon { stroke: #A99793; stroke-width: 0.5px; width: 12px; height: 20px; } .link-back--small:hover { color: #6C5B57; } .link-back--small:hover .link-back__icon { fill: #6C5B57; stroke: #6C5B57; } .basket-new__box-title { font-weight: 500; font-size: 12px; line-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: 0.3em; text-transform: uppercase; color: #A99793; border-top: 1px solid #A99793; border-bottom: 1px solid #A99793; padding: 8px 0; } .basket-new__product-item { padding-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 26px; position: relative; } .basket-new__product:not(:last-child) { border-bottom: 1px solid #EBDBD6; } .basket-new .container-new { display: -ms-grid; display: grid; gap: 30px 33px; -ms-grid-columns: auto 33px 367px; grid-template-columns: auto 367px; } .basket-new .container-new.order-success { -ms-grid-columns: 100%; grid-template-columns: 100%; max-width: 443px; text-align: center; gap: 0; margin-bottom: 33px; margin-top: 48px; } .order-success__content { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: 0.04em; text-transform: uppercase; color: #656565; margin-bottom: 0; } .order-success__content--small { font-size: 14px; margin-top: 30px; } .order-success__content strong { font-weight: 500; } .order-success__desc { font-weight: 400; font-size: 12px; line-height: 120%; color: #656565; padding-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 17px; position: relative; margin-top: 12px; } .order-success__desc::before { position: absolute; content: ''; width: 12px; height: 12px; background-color: #EBDBD6; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); border-radius: 50%; bottom: 0; } .order-success .info-contacts__whatsup { font-size: 12px; margin: 0; } .info-contacts__bottom a { font-size: 12px; margin-top: 8px; } .basket-new__info { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; margin-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .basket-new__price { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .basket-new__product-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 393px; flex: 0 0 393px; } .basket-new__product-art { font-weight: 400; font-size: 12px; line-height: 140%; color: #656565; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .basket-new__product-title { font-weight: 500; font-size: 14px; line-height: 120%; color: #656565; margin-bottom: 15px; } .basket-new .color span:first-child { border: 1px solid #D7D7D7; border-radius: 50%; width: 15px; height: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .basket-new .color span:last-child { font-weight: 400; font-size: 12px; line-height: 140%; color: #656565; } .basket-new .color { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; margin-top: auto; } .basket-new__size { font-weight: 500; font-size: 14px; line-height: 120%; text-align: center; color: #656565; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 48px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 47px; } .basket-new__price-new { font-weight: 500; font-size: 14px; line-height: 120%; text-align: right; color: #656565; } .basket-new__price-old { font-weight: 500; font-size: 12px; line-height: 120%; text-align: right; color: #A2A2A2; text-decoration: line-through; margin-top: 6px; } .basket-new__delete { position: absolute; width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 0; top: 24px; cursor: pointer; } .basket-new__delete::before, .basket-new__delete::after { position: absolute; content: ''; background-color: #A99793; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .basket-new__delete:hover::before, .basket-new__delete:hover::after, .basket-new__count:not(.disabled):hover::before, .basket-new__count:not(.disabled):hover::after { background-color: #656565; } .basket-new__delete::before { width: 1px; height: 100%; top: 0; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .basket-new__delete::after { width: 100%; height: 1px; left: 0; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .hidden-opacity { opacity: 0; pointer-events: none; } .basket-new__counter { display: -webkit-box; display: -ms-flexbox; display: flex; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; gap: 5px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 58px; flex: 0 0 58px; margin-right: 30px; margin-left: auto; } .basket-new__counter-value { width: 28px; height: 28px; border: none; padding: 0; margin-bottom: 0; border-radius: 2px; background-color: #fff; font-weight: 400; font-size: 14px; line-height: 120%; text-align: center; color: #656565; } .basket-new__count { width: 10px; height: 10px; position: relative; cursor: pointer; } .basket-new__count::before { position: absolute; content: ''; width: 100%; height: 1px; background-color: #A2A2A2; left: 0; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .basket-new__count--plus::after { position: absolute; content: ''; width: 1px; height: 100%; background-color: #A2A2A2; top: 0; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .basket-new__count--plus.disabled, .basket-new__count--minus.disabled { cursor: default; } .basket-new__count--plus.disabled::after, .basket-new__count--plus.disabled::before, .basket-new__count--minus.disabled::after, .basket-new__count--minus.disabled::before { opacity: .5; } .basket-new__main { border-bottom: 1px solid #A99793; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .basket-new__aside { padding: 35px 37px 49px 37px; background: rgba(235, 219, 214, 0.5); border-radius: 2px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: sticky; top: 63px; } .order-new .basket-new__aside { position: static; top: auto; } .basket-new__aside-list { display: -ms-grid; display: grid; gap: 10px; } .basket-new__aside-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket-new__aside-list-item span { font-weight: 500; font-size: 14px; line-height: 120%; color: #656565; } .basket-new__aside-list-item--bold span { font-weight: 600; } .basket-new__aside-list-item--default span { font-weight: 400; } .basket-new__button { font-weight: 500; font-size: 12px; line-height: 140%; text-align: center; text-transform: uppercase; color: #FFFFFF; padding: 13px 19px 14px 19px; background: #A99793; border-radius: 1px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-top: 27px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .basket-new__button:hover { background-color: #6C5B57; color: #FFFFFF; text-decoration: none; } .basket-new__aside-list--sum span { font-size: 16px; line-height: 120%; } .basket-new__aside >*:not(:last-child,:first-child) { border-bottom: 1px solid #A99793; padding: 16px 0; } .basket-new__aside-promo input::-webkit-input-placeholder { font-weight: 300; font-size: 14px; line-height: 140%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #656565; } .basket-new__aside-promo input::-moz-placeholder { font-weight: 300; font-size: 14px; line-height: 140%; display: flex; align-items: center; color: #656565; } .basket-new__aside-promo input:-ms-input-placeholder { font-weight: 300; font-size: 14px; line-height: 140%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #656565; } .basket-new__aside-promo input::-ms-input-placeholder { font-weight: 300; font-size: 14px; line-height: 140%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #656565; } .basket-new__aside-promo input::placeholder { font-weight: 300; font-size: 14px; line-height: 140%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #656565; } .basket-new__aside-promo input { background: #FFFFFF; border-radius: 2px; padding: 12px 16px 13px 16px; border: none; margin-bottom: 0; max-width: inherit; font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #333333; height: 43px; } .basket-new__aside-promo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-new__aside-promo-button { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; border: none; text-transform: uppercase; color: #333333; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 12px 20px 12px 19px; height: 43px; background-color: #EBDBD6; cursor: pointer; border-radius: 2px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; } button.basket-new__aside-promo-button { background-color: #EBDBD6; } .basket-new__aside-promo-button:hover { background-color: #DDC4BC; } .basket-new__aside-promo-button--delete { width: 62px; position: relative; } .basket-new__aside-promo-button--delete::before, .basket-new__aside-promo-button--delete::after { position: absolute; content: ''; background-color: #333333; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; bottom: 50%; right: 50%; -webkit-transform: translate(50%, 50%)rotate(45deg); -ms-transform: translate(50%, 50%)rotate(45deg); transform: translate(50%, 50%)rotate(45deg); } .basket-new__aside-promo-button--delete::before { width: 1px; height: 16px; } .basket-new__aside-promo-button--delete::after { width: 16px; height: 1px; } .basket-new__aside-promo .basket-new__aside-promo-button--delete, .basket-new__aside-promo.promo-active .basket-new__aside-promo-button--ok { display: none; } .basket-new__aside-promo.promo-active .basket-new__aside-promo-button--delete { display: -webkit-box; display: -ms-flexbox; display: flex; } .basket-new__aside-promo { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .promo-info { font-weight: 400; font-size: 14px; line-height: 120%; color: #656565; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: none; margin-top: 11px; margin-bottom: -10px; } .promo-info.error { color: #DD9392; } .basket-new__aside-promo.promo-active .promo-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .basket-new__aside-promo.promo-active input { background: rgba(255, 255, 255, 0.5); } .basket-new__aside-promo input { width: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .basket-new__aside-promo.promo-active input { pointer-events: none; } .basket-new .card-new__fractions .card-new__popup-btn { color: #A99793; } .basket-empty { background-color: #F2F2F2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 400; font-size: 16px; line-height: 140%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #656565; } .basket-empty span { font-weight: 300; font-size: 36px; line-height: 140%; } @media screen and (max-width: 1280px) { .basket-banner__img { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; right: -24px; } } @media screen and (max-width: 1200px) { .basket-new__size { margin-left: 20px; } .basket-new__counter { margin-right: 20px; } .basket-new__product-info { -webkit-box-flex: 0; -ms-flex: 0 0 289px; flex: 0 0 289px; } .basket-new__info { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; margin-left: 20px; } } @media screen and (max-width: 991px) { .basket-banner .h1--new { font-size: 24px; letter-spacing: 1em; } .basket-new .container-new { gap: 34px; -ms-grid-columns: 100%; grid-template-columns: 100%; padding: 0 28px; } .basket-new__title { -ms-grid-column: inherit; grid-column-start: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .link-back { -ms-grid-column-span: 1; grid-column-end: span 1; } .basket-new__info { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .basket-new__product-info { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .basket-new__counter { margin-left: 20px; } .basket-new { padding-top: 30px; padding-bottom: 103px; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/basket-branch-mobile.png); background-position-y: calc(100% - 36px); } .basket-new .container-new.order-success { max-width: 468px; gap: 0; } .basket-new__aside { width: calc(100% + 56px); margin-left: -28px; position: static; top: auto; } } @media screen and (max-width: 767px) { .basket-new .container-new { gap: 22px; -ms-grid-columns: 100%; grid-template-columns: 100%; } .basket-new .container-new.order-success { gap: 0; } .basket-new__box-title { letter-spacing: inherit; font-size: 11px; padding-top: 10px; } .basket-new__aside { margin-top: 12px; } .basket-new__product-item { padding-top: 12px; padding-bottom: 14px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-new__product-img { width: 58px; height: 88px; -webkit-box-flex: 0; -ms-flex: 0 0 58px; flex: 0 0 58px; margin-top: 4px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .basket-new__product-art { margin-bottom: 6px; font-size: 10px; } .basket-new__info { margin-left: 11px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .basket-new__delete { top: 16px; } .basket-new__price { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: absolute; right: 0; top: 56px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } .basket-new__size { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-left: 69px; text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 11px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; line-height: 12px; } .basket-new .color { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-new .color span:first-child { width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; } .basket-new__counter { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .basket-new__product-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 71px); flex: 0 0 calc(100% - 71px); margin-right: 71px; margin-bottom: 8px; } .basket-new__price-new { font-size: 12px; } .basket-new__price-old { font-size: 10px; margin-top: 3px; } .basket-new__counter { margin-left: auto; margin-right: 0; } .basket-new .color span:last-child { font-size: 10px; } .basket-new .color { position: absolute; margin-top: 0; bottom: 16px; left: 89px; left: 89px; } .basket-new__count { width: 8px; height: 8px; } .basket-new__counter { gap: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .basket-new__counter-value { width: 19px; height: 19px; font-size: 11px; } .basket-new__aside { padding: 26px 28px 39px 28px; } .basket-new__aside-list-item span { font-size: 11px; } .basket-new__aside-promo input { padding: 7px 11px 6px 11px; font-size: 11px; height: 30px; } .basket-new__aside-promo-button { font-size: 12px; padding: 7px 19px 7px 19px; height: 30px; } .basket-new .card-new__fractions { border-top: none; } .basket-new .card-new__fractions .card-new__popup-btn { position: relative; left: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; top: auto; padding-right: 15px; font-size: 11px; color: #A99793; } .basket-new .card-new__popup-btn::before { display: block; } .basket-new .card-new__fractions .fractions--icon { width: 117px; height: 22px; } .basket-new .card-new__fractions-title { margin-top: 2px; } .card-new__fractions-desc .card-new__fractions-price { font-size: 11px; } .card-new__fractions-all { font-size: 10px; } .card-new__fractions-desc { gap: 7px; } .card-new__fractions-step span { font-size: 11px; padding-top: 17px; } .basket-new__aside-list--sum span { font-size: 12px; } .basket-new__button { padding: 9px 19px 10px 19px; } .promo-info { font-size: 11px; } .basket-new__aside-promo::before { font-size: 11px; } .modal__link { font-size: 11px; } } @media screen and (max-width: 575px) { .basket-banner .h1--new { font-size: 18px; margin: 0; } .basket-banner { min-height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-banner__img { width: 100%; right: 0; bottom: -29px; } .basket-empty { font-size: 12px; } .basket-empty span { font-size: 20px; } .basket-new .container-new.order-success { max-width: inherit; margin-bottom: 0; margin-top: 16px; } .order-success__content { font-size: 14px; line-height: 110%; } .order-success__content--small { font-size: 12px; } .order-success__desc { padding-bottom: 26px; margin-top: 1px; font-size: 11px; } .order-success .info-contacts__whatsup { font-size: 11px; } .info-contacts__bottom a { font-size: 11px; } } .header-basket { position: relative; } .basket-icon a.header-basket, .basket-icon .header-basket { margin-right: 0; } /* basket new end */ /* tech new */ .tech-new .h1--new { font-size: 26px; letter-spacing: 0.05em; color: #656565; margin-bottom: 35px; margin-top: 0; } .tech-new .h1--new span { position: relative; } .tech-new .h1--new span::before { position: relative; content: '/'; font-size: 16px; padding-left: 5px; display: none; } .tech-new { padding-top: 120px; padding-bottom: 80px; background-color: #F2F2F2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tech-new--with-link { padding-top: 50px; padding-bottom: 65px; } .custom-select__active { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; background-color: #fff; cursor: pointer; position: relative; padding-left: 15px; padding-right: 13px; padding-top: 11px; padding-bottom: 9px; } .custom-select__active::before { position: absolute; right: 0; content: ''; background-color: #A99793; top: 9px; height: calc(100% - 19px); width: 1px; } .custom-select__text { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; font-weight: 300; line-height: 130%; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.05em; color: #656565; } .custom-select__drop { display: none; position: absolute; z-index: 1; width: calc(100% + 2px); left: -1px; padding: 12px 15px 23px 15px; border-radius: 2px; font-size: 16px; background-color: #fff; top: calc(100% + 10px); border: 1px solid #fff; } .custom-select__item { display: block; cursor: pointer; font-weight: 300; font-size: 14px; line-height: 130%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.05em; color: #656565; margin-bottom: 0; } .custom-select__item:not(:last-child) { margin-bottom: 18px; } .custom-select__item.active { color: #333333; font-weight: 400; } .custom-select__item:hover { color: #333333; font-weight: 400; } .custom-select__input { display: none; } @media screen and (max-width: 767px) { .custom-select__active { font-size: 12px; height: 30px; padding: 7px 11px; padding-top: 8px; } .custom-select__active::before { top: 8px; height: calc(100% - 16px); } .custom-select__drop { padding: 8px 16px 13px 16px; top: calc(100% + 5px); font-size: 12px; } .custom-select__item:not(:last-child) { margin-bottom: 12px; } .custom-select__item { font-size: 12px; line-height: 140%; } } @media screen and (max-width: 575px) { .custom-select__active { font-size: 11px; } .custom-select__item { font-size: 11px; } } .tech-new__inputholder { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tech-new__inputholder::before { width: 100%; height: 43px; top: 0; left: 0; border: 1px solid #DD9392; border-radius: 2px; opacity: 0; position: absolute; content: ''; pointer-events: none; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; z-index: 1; } .tech-new__form.invalid .phone-error::before, .lk__profile.invalid .phone-error::before{ opacity: 1; } .tech-new__form { max-width: 400px; width: 100%; margin: 0 auto; padding-bottom: 64px; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/branch-tech.png); background-position-y: 100%; background-repeat: no-repeat; background-position-x: center; } .tech-new__inputholder-input { -webkit-text-fill-color: #333333; -webkit-box-shadow: inset 0 0 0 50px white; background: #FFFFFF!important; border-radius: 2px; padding: 11px 15px; height: 43px; resize: none; font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #333333; max-width: inherit; margin: 0; border: 1px solid #fff; } .tech-new__inputholder:not(:nth-child(3)) { margin-top: 18px; } .tech-new__form--three-fields .tech-new__inputholder:not(:nth-child(3)) { margin-top: 0; } .tech-new__form--three-fields .tech-new__inputholder:not(:nth-child(4)) { margin-bottom: 18px; } .tech-new__inputholder-input::-webkit-input-placeholder { -webkit-text-fill-color: #656565; color: #656565; } .tech-new__inputholder-input::-moz-placeholder { -webkit-text-fill-color: #656565; color: #656565; } .tech-new__inputholder-input:-ms-input-placeholder { -webkit-text-fill-color: #656565; color: #656565; } .tech-new__inputholder-input::-ms-input-placeholder { -webkit-text-fill-color: #656565; color: #656565; } .tech-new__inputholder-input::placeholder { -webkit-text-fill-color: #656565; color: #656565; } .tech-new .error { border-color: #DD9392; } .tech-new__inputholder-input:focus { border-color: transparent; } .tech-new__inputholder-input.error:focus { border-color: #DD9392; } [data-phonecountry-mask].tech-new__inputholder-input { border: none; } .tech-new .card-new__popup-btn { margin-top: 9px; margin-left: auto; color: #A99793; } .tech-new .card-new__popup-btn:hover { color: #6C5B57; } .tech-new .error-text { font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0.03em; color: #DD9392; text-align: center; width: 100%; margin-top: 12px; margin-bottom: -6px; display: none; } .tech-new .error-text--backend { display: block; } .tech-new [data-phonecountry-mask]+[data-mask-tel]+.error-text { margin-bottom: -22px; } .tech-new .error+.error-text, .tech-new__form.invalid .phone-error .error-text { display: block; } .tech-new__form.invalid.error-box .error-text { display: block; } [data-phonecountry-mask].tech-new__inputholder-input { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: auto; border-radius: 0 2px 2px 0; } .button-default { border: 1px solid #333333; border-radius: 2px; padding: 11px 60px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; color: #333333; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; background-color: transparent; } .button-default:disabled { pointer-events: none; } .button-default:hover { background-color: rgba(253, 223, 212, 0.5); } .buttonholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; } .tech-new .buttonholder:hover .button-default { background-color: rgba(253, 223, 212, 0.5); } .tech-new .buttonholder:hover { cursor: pointer; } .tech-new .buttonholder { cursor: pointer; margin: 0 auto; margin-top: 38px; } .tech-new__buttonholder { margin: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: 1fr 1fr; gap: 20px; } .tech-new__buttonholder .buttonholder { width: 100%; margin-top: 20px; } .tech-new__buttonholder .button-default { padding: 11px 20px; width: 100%; } .policy, p.policy { font-weight: 300; font-size: 12px; line-height: 15px; display: block; color: #656565; margin-bottom: 0; text-align: center; margin-top: 20px; } .policy a { font-weight: 300; font-size: 12px; line-height: 15px; color: #656565; text-decoration: none; border-bottom: 1px solid #656565; display: inline; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; } .policy a:hover { text-decoration: none; border-color: transparent; } .tech-new__link { font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; color: #A99793; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; font-weight: 500; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; margin-top: 16px; } .tech-new__timer+.tech-new__link+.tech-new__link, .tech-new__link+.tech-new__link { margin-top: 4px; } .tech-new__link--big { font-weight: 400; text-transform: uppercase; margin-top: 38px; } .tech-new__link+.buttonholder { margin-top: 12px; } .tech-new__link:hover { color: #6C5B57; text-decoration: none; } .tech-new__timer { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; color: #A2A2A2; margin-top: 12px; margin-bottom: 0; } /* .tech-new */ .hidden { display: none; } .tech-new__info p { font-weight: 400; font-size: 14px; line-height: 120%; text-align: center; color: #656565; } .tech-new__info p:last-child { margin-bottom: 0; } .tech-new__form+.tech-new__form { max-width: 560px; } .tech-new__wrapper { max-width: 560px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; } .tech-new__info { margin-top: 25px; padding-bottom: 64px; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/branch-tech.png); background-position-y: 100%; background-repeat: no-repeat; background-position-x: center; } .tech-new .link-back { margin-bottom: 20px; } [type="password"] { font-weight: 700; } [type="password"]::-webkit-input-placeholder { font-weight: 300; } [type="password"]::-moz-placeholder { font-weight: 300; } [type="password"]:-ms-input-placeholder { font-weight: 300; } [type="password"]::-ms-input-placeholder { font-weight: 300; } [type="password"]::placeholder { font-weight: 300; } .icon-password { cursor: pointer; width: 27px; height: 16px; position: absolute; right: 20px; top: 15px; background-repeat: no-repeat; background-position: bottom center; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/eye-open.svg'); } .icon-password--hide { background-image: url('/bitrix/templates/ivadesign_21_12_21/img/eye-hide.svg'); } .tech-new .tech-new__form--no-borders .error { border-color: #fff; } .tech-new--recover .h1--new { margin-bottom: 43px; } .tech-new--recover .buttonholder { margin-top: 48px; } .tech-new--recover .error-text { margin-bottom: -32px; } .tech-new--recover { padding-bottom: 95px; } .tech-new--password-change { padding-bottom: 85px; } [readonly].tech-new__inputholder-input { background: rgba(255, 255, 255, 0.5)!important; -webkit-box-shadow: inset 0 0 0 50px rgb(255 255 255 / 50%); box-shadow: inset 0 0 0 50px rgb(255 255 255 / 50%); border-color: rgba(255, 255, 255, 0.5); } .tech-new--password-change .error-text { margin-bottom: -18px; } [data-mask-code]+.error-text { margin-bottom: -4px; } .tech-new .tech-new__inputholder+.error-text--backend { margin-bottom: -3px; } @media screen and (max-width: 767px) { .tech-new { padding-top: 50px; padding-bottom: 44px; } .tech-new .h1--new { font-size: 16px; line-height: 130%; } .tech-new__inputholder-input { padding: 7px 11px; height: 30px; font-size: 12px; } .tech-new .buttonholder { margin-top: 27px; } .button-default { font-weight: 500; font-size: 12px; color: #656565; padding: 5px 32px; } .policy, p.policy { font-size: 10px; line-height: 140%; margin-top: 20px; } .policy a { font-size: 10px; line-height: 12px; } .tech-new__link { margin-top: 18px; letter-spacing: 0.05em; } .tech-new__link--big { margin-top: 27px; font-size: 12px; letter-spacing: 0.03em; } .tech-new__timer { font-size: 12px; line-height: 130%; letter-spacing: 0.05em; margin-top: 15px; } .tech-new__timer+.tech-new__link+.tech-new__link, .tech-new__link+.tech-new__link { margin-top: 18px; } .tech-new__link+.buttonholder { margin-top: 20px; } .tech-new .error-text { margin-top: 15px; margin-bottom: 0; font-size: 12px; line-height: 130%; letter-spacing: 0.05em; } .tech-new__info { max-width: 210px; margin: 0 auto; } .tech-new__info p { font-size: 12px; } .tech-new__info .tech-new__link--big { margin-top: 18px; } .tech-new__inputholder::before { height: 30px; } .tech-new [data-phonecountry-mask]+[data-mask-tel]+.error-text { margin-bottom: 3px; } .tech-new--with-link { padding-top: 25px; padding-bottom: 48px; } .tech-new .link-back { margin-bottom: 28px; font-size: 12px; line-height: 19px; } .tech-new--with-link .h1--new { margin-bottom: 16px; } .link-back--small .link-back__icon { width: 11px; height: 19px; margin-right: 9px; } .tech-new__inputholder:not(:nth-child(3)) { margin-top: 10px; } .tech-new__form--three-fields .tech-new__inputholder:not(:nth-child(3)) { margin-top: 0; } .tech-new__form--three-fields .tech-new__inputholder:not(:nth-child(4)) { margin-bottom: 10px; } .icon-password { width: 18px; height: 10px; background-size: contain; right: 10px; top: 10px; } .tech-new .card-new__popup-btn { margin-top: 13px; } .tech-new__buttonholder { gap: 10px; } .tech-new__buttonholder .buttonholder { margin-top: 20px; } .tech-new__buttonholder .button-default { padding: 5px 10px; } .tech-new--recover .h1--new { max-width: 200px; margin: 0 auto; margin-bottom: 20px; } .tech-new--recover { padding-bottom: 68px; } .tech-new--recover .buttonholder { margin-top: 16px; } .tech-new--password-change .buttonholder { margin-top: 17px; } } @media screen and (max-width: 575px) { .tech-new__inputholder-input, .tech-new .error-text, .tech-new__link, .tech-new__timer, .modal--no-call p, .tech-new__info p { font-size: 11px; } .tech-new__link--big { font-size: 12px; } .tech-new .h1--new span { font-size: 0; } .tech-new .h1--new span::before { display: inline; } .tech-new__form, .tech-new__wrapper { max-width: inherit; } .tech-new__inputholder-input::-webkit-input-placeholder { letter-spacing: 0; } .tech-new__inputholder-input::-moz-placeholder { letter-spacing: 0; } .tech-new__inputholder-input:-ms-input-placeholder { letter-spacing: 0; } .tech-new__inputholder-input::-ms-input-placeholder { letter-spacing: 0; } .tech-new__inputholder-input::placeholder { letter-spacing: 0; } } .phone-error .custom-select__drop { top: 100%; } /* tech new end */ /* lk new */ .banner-new { min-height: 184px; overflow: hidden; position: relative; } .banner-new__img { position: absolute; top: -53px; -o-object-fit: cover; object-fit: cover; } .banner-new .h1--new { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFFFFF; margin-top: 69px; padding: 0 28px; font-size: 24px; letter-spacing: 0.05em; } .section--branch { padding-top: 70px; padding-bottom: 207px; background-color: #f2f2f2; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/basket-branch.png'); background-repeat: no-repeat; background-position-x: center; background-position-y: calc(100% - 68px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .lk__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; margin-bottom: 17px; } .link:hover { text-decoration: none; } .link--new { font-weight: 400; font-size: 16px; line-height: 130%; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #A99793; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .link--new:hover { color: #6C5B57; font-weight: 500; } .lk__links .link { max-width: 198px; width: 100%; } .lk--hub { background-position-y: calc(100% - 108px); padding-bottom: 248px; } .lk--detail .container-new { display: grid; grid-template-columns: 228px auto; gap: 62px; position: static; } .container-new--relative, .lk--detail .container-new--relative { position: relative; } .lk--detail .container-new--relative { padding-bottom: 141px; } .lk--detail .container-new--relative::before { position: absolute; width: calc(100% - 30px); left: 15px; height: 4px; background-color: #EBDBD6; content: ''; bottom: 76px; } .container-new--relative .lk__box .buttonholder { position: absolute; bottom: 0; right: 50%; transform: translateX(50%); } .container-new--relative .lk__box .buttonholder .button-default { font-weight: 500; font-size: 12px; padding: 13px 21px; } .container-new--relative .lk__box .buttonholder:hover .button-default { background-color: rgba(253, 223, 212, 0.5); } .lk--detail .phone-error { box-shadow: 0px 0px 0px 1px rgb(221 147 146); } .lk--detail .tech-new__inputholder { transition: .3s ease; } .invalid .tech-new__inputholder[data-pass="change"] .invalid-field { transition: none; } .lk--detail .lk__links { flex-direction: column; justify-content: flex-start; gap: 14px; padding-top: 17px; margin: 0; border-right: 2px solid #A99793; height: 100%; min-height: 307px; } .lk--detail .lk__links .link { max-width: inherit; text-align: left; line-height: 27px; width: fit-content; } .lk--detail .lk__links .link:last-child { margin-top: 42px; } .lk--detail.section--branch { padding-top: 62px; } .lk .h2 { font-weight: 500; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; margin-bottom: 25px; margin-top: 18px; margin-right: 0; display: flex; flex-direction: column; gap: 13px; } .lk .h2 span { font-weight: 300; font-size: 14px; line-height: 130%; color: #656565; text-transform: initial; display: flex; letter-spacing: initial; } .h2--with-line { position: relative; overflow: hidden; } .h2--with-line::before { position: absolute; content: ''; left: 223px; top: 8px; width: 100%; height: 1px; background-color: #A99793; } .lk__actions { display: grid; gap: 50px; grid-template-columns: 1fr 1fr; padding-bottom: 38px; border-bottom: 1px solid #A99793; } .lk__action { border: 1px solid #A99793; border-radius: 2px; padding: 17px 20px; padding-bottom: 18px; padding-left: 24px; min-height: 170px; display: flex; flex-direction: column; gap: 10px; background-size: cover; } .town-select .error+.error-text+input, .town-select .error+input { transition: .3s ease; box-shadow: 0px 0px 0px 1px rgb(221 147 146); } .lk__action-content { max-width: 176px; width: 100%; } .lk__action-content p { font-size: 16px; line-height: 130%; margin-bottom: 0; } .lk__action-content span { font-weight: 400; font-size: 14px; line-height: 130%; color: #A99793; display: flex; } .lk__action--no-bg { background-color: #EEE2DF; } .lk__action--no-bg .lk__action-content { max-width: inherit; } .lk__action-finish { margin-top: auto; display: flex; font-weight: 300; font-size: 14px; line-height: 130%; color: #656565; } .lk__links .link--active { color: #6C5B57; font-weight: 500; } .lk__action-info { font-weight: 400; font-size: 14px; display: flex; align-items: center; line-height: 31px; color: #656565; margin-bottom: -17px; margin-top: -5px; } .lk__subscribe-field { display: flex; align-items: center; } .lk__subscribe-field input { background: #FFFFFF; border-radius: 2px 0 0 2px; padding: 12px 16px 13px 16px; border: none; margin-bottom: 0; max-width: inherit; font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #333333; height: 42px; width: auto; flex: 1 0 auto; } .lk__subscribe-field-button { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.03em; border: none; text-transform: uppercase; color: #333333; width: fit-content; padding: 0; height: 43px; background-color: #EBDBD6; cursor: pointer; border-radius: 2px; transition: .3s ease; display: flex; } .lk__subscribe-field-button .button { padding: 0; border: none; background-color: transparent; padding: 12px 19px; color: #333333; } .lk__subscribe-field-button .button:hover { background-color: #DDC4BC; transition: .3s ease; } .buttonholder .button:disabled, .buttonholder .button-default[disabled] { pointer-events: none; } .invalid .invalid-field { transition: .3s ease; } .invalid .invalid-field.error { -webkit-box-shadow: 0px 0px 0px 1px rgba(221, 147, 146, 1); -moz-box-shadow: 0px 0px 0px 1px rgba(221, 147, 146, 1); box-shadow: 0px 0px 0px 1px rgba(221, 147, 146, 1); } .error-text { max-height: 0; visibility: hidden; transition: .3s ease; opacity: 0; display: flex; font-weight: 400; font-size: 14px; line-height: 130%; color: #DD9392; } .error-text.error-text--vis { max-height: inherit; visibility: visible; opacity: 1; } .error+.error-text:not(:empty) { margin-top: 10px; max-height: inherit; visibility: visible; opacity: 1; } .lk__subscribe { display: grid; grid-template-columns: 1fr 1fr; padding-top: 36px; gap: 40px; } .lk__subscribe-form { padding-left: 5px; display: grid; gap: 18px; } .lk__subscribe-title { font-weight: 500; line-height: 17px; display: flex; color: #656565; height: fit-content; margin-bottom: 0; } .lk__subscribe .policy { margin: 0; text-align: left; } .lk__subscribe .policy a:hover { border-color: #333; color: #333; } .banner-new--lk .link-back { display: none; margin: 0 28px; font-size: 24px; } .banner-new--lk .link-back__icon { position: absolute; left: 28px; margin-right: 0; } .lk__profile-box { display: grid; gap: 50px; grid-template-columns: 1fr 1fr; } .lk__profile-col { display: flex; flex-direction: column; } .lk__profile-box input, .town-select input { border: none; box-shadow: none; background: #FFFFFF!important; border-radius: 2px; padding: 11px 15px; height: 42px; resize: none; font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #333333; max-width: inherit; margin: 0; } .lk__profile-box input[type=password] { font-weight: 700; } .lk .tech-new__inputholder:not(:first-child) { margin-top: 0; } .lk__box { padding-bottom: 15px; } .lk__inputholder { position: relative; display: flex; flex-direction: column; transition: .3s ease; } .lk__inputholder:not(:first-child), .lk__box .tech-new__inputholder:not(:first-child) { margin-top: 18px; } .lk__inputholder--hidden { opacity: 0; visibility: hidden; max-height: 0; } .lk__inputholder--hidden:not(:first-child) { margin-top: 0; } .lk__inputholder .card-new__popup-btn { margin-top: 10px; } .lk__inputholder-icon-email { position: absolute; right: 20px; width: 25px; height: 22px; bottom: 50%; transform: translateY(50%); fill: #656565; cursor: pointer; transition: .3s ease; } .lk__inputholder-icon-email:hover { fill: #333333; } .lk__inputholder input[type="email"] { padding-right: 60px; } .lk__inputholder--confirm::before { position: absolute; content: ''; bottom: 50%; transform: translateY(50%); right: 20px; width: 25px; height: 15px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/email-ok.svg'); } .lk__inputholder--confirm .lk__inputholder-icon-email { display: none; } .lk__inputholder .icon-password { bottom: 50%; transform: translateY(50%); } .tech-new__inputholder input[type="password"] { padding-right: 60px; } [data-pass="change"] { max-height: 0; opacity: 0; visibility: hidden; transition: .3s ease; margin-top: 0!important; } [data-pass="change"].tech-new__inputholder--vis { max-height: inherit; opacity: 1; visibility: visible; } [data-pass="change"].tech-new__inputholder--vis:not(:first-child) { margin-top: 18px!important; } .lk__profile-box--row { margin-top: 22px; margin-bottom: 26px; grid-template-columns: 100%; gap: 0; } .lk__box .h3 { font-weight: 500; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #656565; margin: 0; margin-bottom: 17px; text-transform: none; } .lk__box .h3+p { font-weight: 300; font-size: 14px; line-height: 130%; color: #656565; margin-bottom: 11px; } .lk__profile-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 50px; margin-bottom: 12px; } .lk__profile-row .lk__inputholder:not(:first-child), .lk__box .lk__profile-row .tech-new__inputholder:not(:first-child) { margin: 0; } .lk__profile-box--row .lk__profile-row .card-new__popup-btn { grid-column-end: 3; margin-top: 10px; } .lk__profile .card-new__popup-btn { margin-left: auto; color: #A99793; } .lk__profile .card-new__popup-btn:hover { color: #6C5B57; } .h2__arrow { width: 20px; height: 27px; position: absolute; right: -4px; transform: scale(-1, 1); top: -5px; fill: #A99793; cursor: pointer; transition: .3s ease; } .h2__arrow--down { transform: scale(-1, 1)rotate(-90deg); right: 0; } .h2--with-arrow::before { left: 182px; width: 75%; } .card-new__popup-btn--without-arrow::before { display: none; } .card-new__popup-btn--without-arrow { padding: 0; } .lk__profile .modal { z-index: 1097; } .lk__profile-box .modal--new .form { padding: 38px 47px 35px 42px; width: 364px; } .lk__profile-box .modal p { font-size: 12px; line-height: 120%; } .modal--save-profile .form { padding: 35px 39px 41px 42px; width: 338px; } .modal--save-profile p { font-size: 12px; line-height: 120%; } .modal--save-profile .button-wrp { margin-top: 25px; gap: 13px; } .modal--save-profile .button-wrp button, .modal--save-profile .button-wrp .close { max-width: 121px; justify-content: center; width: 100%; } .lk .h2--with-arrow { margin-bottom: 11px; cursor: pointer; } .lk__profile { max-height: inherit; visibility: visible; opacity: 1; transition: .3s ease; } .lk__profile--hidden { max-height: 0; visibility: hidden; opacity: 0; transition: .3s ease; } .lk__profile-number { width: 30px; height: 30px; font-weight: 500; font-size: 14px; line-height: 130%; text-align: center; letter-spacing: 0.05em; color: #A99793; border: 1px solid #A99793; border-radius: 50%; display: flex; align-items: center; justify-content: center; grid-column: 1/3; margin-bottom: -4px; } .lk__profile-box--address { gap: 18px 50px; } .lk__profile-box--address .lk__inputholder:not(:first-child) { margin-top: 0; } .lk__inputholder--three { display: flex; flex-direction: row; } .lk__inputholder--three input { flex: 0 0 calc(33.33% - 11.3px); width: calc(33.33% - 11.3px); } .lk__inputholder--three input:not(:last-child) { margin-right: 17px; } .lk__inputholder--textarea { grid-column: 1/3; } .lk__inputholder--textarea textarea{ border: none; border-radius: 2px; padding: 11px 15px; height: 90px; resize: none; font-weight: 300; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; color: #333333; max-width: inherit; margin: 0; } .lk__profile-box--address .card-new__popup-btn { margin-bottom: 12px; grid-column: 1/3; } .lk__profile-row .error+.error-text:not(:empty) { margin-bottom: -10px; } .lk--email-verify { padding-top: 250px; padding-bottom: 100px; background-position-y: 109px; } .lk--email-verify .container-new { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .lk--email-verify .container-new p { display: flex; flex-direction: column; font-weight: 400; font-size: 16px; line-height: 140%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #656565; margin-bottom: 0; } .lk--email-verify .container-new span { font-size: 12px; line-height: 120%; display: flex; margin-top: 9px; text-transform: none; } .lk--email-verify .container-new a { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #A99793; text-decoration: none; padding-top: 28px; margin-top: 16px; position: relative; transition: .3s ease; } .lk--email-verify .container-new a:hover { color: #6C5B57; } .lk--email-verify .container-new a::before { background: #EBDBD6; width: 12px; height: 12px; border-radius: 50%; content: ''; position: absolute; top: 0; right: 50%; transform: translateX(50%); } .town-select__close { right: 15px; bottom: 50%; transform: translateY(50%); opacity: 0; pointer-events: none; background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 0px -3393px no-repeat scroll; width: 16px; height: 16px; cursor: pointer; margin-top: 0; position: absolute; display: block; } .lk__profile-box input.js_town_input { padding-right: 40px; } .town-select { position: relative; } .town-select__list-box { position: absolute; left: 0; top: 100%; width: 100%; background-color: #ffffff; opacity: 0; pointer-events: none; transition: .3s ease; display: flex; z-index: 1; border: 1px solid #A99793; max-height: 200px; overflow: auto; box-shadow: 0 2px 3px #c7c7c7; } .town-select__list-box::-webkit-scrollbar-thumb { background-color: #A99793; border-radius: 10px; } .town-select__list-box::-webkit-scrollbar { width: 4px; background-color: #Fff; border-radius: 10px; } .town-select__list { list-style: none; margin: 0; padding: 0; width: 100%; } .town-select__list-link { padding: 10px; margin: 0; margin-bottom: 2px; border-radius: 2px; color: #aba8ac; font-size: 14px; line-height: 130%; letter-spacing: 0.05em; transition: .3s ease; cursor: pointer; } .town-select__list-link span { color: #333333; } .town-select__list-link--empty { margin-bottom: 0; font-weight: 400; font-size: 15px; line-height: 20px; color: #ff2222; padding-left: 37px; background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 10px -2893px no-repeat scroll; cursor: default; } .town-select__list-link:not(.town-select__list-link--empty):hover { background-color: rgba(235, 219, 214, 0.5); } .town-select.opened .town-select__close, .town-select__close--vis, .town-select.opened .town-select__list-box { opacity: 1; pointer-events: all; } .lk__fav-btn { position: absolute; right: 15px; top: 16px; cursor: pointer; } .lk__fav-btn .button-default { padding: 4px 11px; } .lk__fav .tags__list { margin-top: 24px; margin-right: -34px; justify-content: flex-start; margin-bottom: 34px; max-width: inherit; } .lk__fav .tags__list a { color: #656565; margin-right: 34px; text-align: center; margin-bottom: 0; display: inline; } .lk__fav .tags__list a:hover { text-decoration: none; } .lk__fav .catalog .catalog__item { margin-right: 0; margin-bottom: 0; width: 100%; } .lk .catalog__list { margin-right: 0; margin-bottom: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 19px 50px; } .lk__fav-delete { display: none; fill: none; stroke: #A99793; width: 27px; height: 32px; transition: .3s ease; } .lk__fav-delete:hover { stroke: #6C5B57; } .lk .pagination { margin-top: 0; margin-bottom: 0; position: absolute; bottom: -56px; right: 50%; transform: translateX(50%); } .lk .pagination a, .lk .pagination span { font-weight: 400; } .lk--fav { padding-bottom: 248px; } .lk--fav .container-new { position: relative; } .lk__fav .catalog__list { position: static; } .lk .custom-select__active { height: 42px; } .lk__fav-empty p { font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0.04em; color: #656565; margin-bottom: 0; max-width: 560px; width: 100%; } .lk__fav-empty .catalog__fav { position: relative; top: auto; right: auto; width: 22px; height: 20px; cursor: default; margin-bottom: 20px; } .lk [data-phonecountry-mask]+.error-text { position: absolute; width: 100%; height: 100%; max-height: inherit; opacity: 1; visibility: visible; pointer-events: none; } .lk [data-phonecountry-mask]+.error-text::before { position: absolute; content: ''; width: 100%; height: 100%; box-shadow: 0px 0px 0px 1px rgb(221 147 146); pointer-events: none; border-radius: 2px; opacity: 0; transition: .3s ease; } .lk [data-phonecountry-mask].error+.error-text::before { opacity: 1; transition: .3s ease; } .lk .invalid [data-phonecountry-mask].invalid-field.error { box-shadow: none; } .lk [readonly]:not(.lk__action-sum) { opacity: .5; } .lk__orders { gap: 20px; display: grid; padding-bottom: 60px; } .lk__order { padding: 20px; padding-top: 16px; padding-bottom: 26px; background-color: #fff; border-radius: 2px; } .lk__order-head { display: flex; margin-bottom: 9px; } .lk__order-head p { margin-bottom: 0; line-height: 130%; letter-spacing: 0.05em; font-size: 14px; color: #656565; } .lk__orders .basket-new__product-item:not(:last-child) { border-bottom: 1px solid #EBDBD6; } .lk__order-number { font-weight: 500; text-transform: uppercase; padding-left: 7px; padding-right: 11px; border-right: 1px solid #EBDBD6; margin-right: 13px; } .lk__order-date { font-weight: 400; } .lk__order-status { margin-left: auto; padding-right: 10px; position: relative; font-weight: 400; display: flex; align-items: center; } .lk__order-status span:last-child { right: 10px; width: 12px; height: 12px; border-radius: 50%; margin-left: 8px; display: flex; } .lk__order .basket-new__product-item { padding-top: 23px; padding-bottom: 28px; padding-left: 8px; padding-right: 10px; } .lk .basket-new__info { flex: 0 0 456px; } .lk .lk__orders .pagination { bottom: 0; } .lk__orders .button-default { padding: 5px 20px; font-weight: 500; font-size: 12px; color: #656565; margin-top: auto; cursor: pointer; } .lk .basket-new__product-info { flex: 1 1 auto; } .lk .basket-new__price { margin-left: 8px; position: relative; } .lk__order-param { margin-left: 24px; display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 120px; } .lk__order-param .basket-new__size { font-weight: 500; font-size: 14px; line-height: 120%; color: #656565; margin-left: 0; justify-content: flex-start; text-align: left; } .lk__order-count { font-weight: 400; font-size: 14px; line-height: 120%; color: #656565; } .lk__order-color { display: flex; align-items: center; } .lk__order-color span:last-child { font-weight: 400; font-size: 12px; line-height: 140%; color: #656565; } .lk__order-color span:first-child { width: 15px; height: 15px; display: flex; margin-right: 10px; border-radius: 50%; border: 1px solid #D7D7D7; } .lk .basket-new__price-old { position: absolute; bottom: 0; right: 0; } .lk__order-info { border-top: 1px solid #A99793; border-bottom: 1px solid #A99793; padding: 17px 10px; display: grid; grid-template-columns: auto 103px 103px 103px 83px; gap: 20px; } .lk__order-info p { margin-bottom: 0; font-size: 12px; letter-spacing: 0.05em; color: #656565; line-height: 130%; display: flex; flex-direction: column; } p.lk__order-price { font-size: 14px; } .lk__order-address { font-weight: 300; padding-right: 20px; } .lk__order-title { font-weight: 400; } .lk__order-col { min-height: 67px; display: flex; flex-direction: column; justify-content: space-between; padding-right: 20px; text-align: right; position: relative; } .lk__order-col:last-child { padding-right: 0; } .lk__order-col::before { position: absolute; left: -20px; height: 100%; width: 1px; background-color: #EBDBD6; content: ''; top: 0; } .lk__order-info p strong { font-weight: 500; } .modal--lk-review { z-index: 1097; } .modal--lk-review .form { width: 687px; } .modal--lk-review .basket-new__info { flex: 0 0 calc(100% - 93px); justify-content: space-between; } .lk .basket-new__product-info { flex: 1 1 auto; } .modal--lk-review .modal__title { margin-bottom: 20px; } .modal--lk-review .basket-new__product-title { margin-bottom: 5px; margin-top: 5px; } .modal--lk-review .basket-new__product-art { margin-bottom: 0; } .modal--lk-review .modal__textarea { padding: 17px 10px 20px 20px; background-color: #fff; border-radius: 2px; height: 108px; margin-top: 24px; margin-bottom: 30px; } .modal--lk-review .button-wrp button { padding: 4px 37px; } .lk__order .basket-new__box-title { padding: 8px; } .lk__orders-empty { margin-top: 44px; font-weight: 400; font-size: 14px; line-height: 140%; letter-spacing: 0.04em; color: #656565; display: flex; flex-direction: column; } .lk__orders-empty span { margin-top: 4px; } @media screen and (min-width: 1500px) { .banner-new { min-height: 250px; } .banner-new .h1--new { font-size: 30px; } } @media screen and (min-width: 2000px) { .banner-new { min-height: 300px; } } @media screen and (max-width: 1280px) { .banner-new__img { width: 1280px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } } @media screen and (max-width: 1200px) { .lk .basket-new__info { flex: 0 1 auto; } .lk--detail .container-new { grid-template-columns: 190px auto; gap: 50px; } .h2--with-arrow::before { left: 180px; width: calc(100% - 210px); } } @media screen and (max-width: 1024px) { .lk__actions { gap: 30px; } } @media screen and (max-width: 991px) { .lk__orders { margin: 0 -28px; } .lk__fav-empty { display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 35px; } .lk__fav-empty p { max-width: 310px; } .lk__fav-btn { top: -55px; right: 28px; } .lk__fav-btn .button-default { display: none; } .lk__fav-delete { display: block; } .lk__box { padding-bottom: 110px; } .lk--detail .container-new--relative::before { width: calc(100% - 56px); left: 28px; } .section--branch { padding-top: 30px; padding-bottom: 103px; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/basket-branch-mobile.png); background-position-y: calc(100% - 36px); } .banner-new__img { width: 991px; } .lk__links { margin-top: 21px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 14px; gap: 24px; } .lk__links .link:last-child { margin-top: 25px; } .lk--hub { background-position-y: calc(100% - 40px); } .lk__links .link { max-width: inherit; width: fit-content; } .lk__nav { display: none; } .lk--detail .container-new { grid-template-columns: 100%; gap: 0; } .banner-new--lk .banner-new__img { display: none; } .banner-new--lk { min-height: 90px; background-color: #f2f2f2; align-items: center; display: flex; justify-content: center; } .banner-new--lk .h1--new { display: none; } .banner-new--lk .link-back { display: flex; width: 100%; justify-content: center; } .lk--detail .container-new { padding: 0 28px; } .lk .h2 { display: none; } .lk--detail.section--branch { padding-top: 0; } .lk__actions { gap: 11px; padding-bottom: 32px; } .lk__action-info { margin-bottom: -3px; margin-top: -2px; } .lk__subscribe-form { padding-left: 0; display: grid; gap: 10px; padding-bottom: 50px; } .lk__subscribe .policy { display: flex; flex-direction: column; width: fit-content; text-align: right; justify-self: flex-end; } .lk__subscribe { padding-top: 22px; gap: 14px; grid-template-columns: 100%; position: relative; margin-bottom: -110px; } .lk__subscribe-field-button { position: absolute; bottom: 0; right: 50%; transform: translateX(50%); } .lk__subscribe-field input { border-radius: 2px; } .lk--with-title .h2 { display: flex; } .lk .h2 { margin-top: 0; } .lk--email-verify { padding-top: 123px; padding-bottom: 100px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/basket-branch.png'); background-position-y: 60px; background-size: 157px 42px; } .lk--fav .lk__box { padding-bottom: 71px; } .lk .pagination { bottom: 0; } .lk__orders-empty { margin: 0 auto; margin-top: 75px; text-align: center; max-width: 300px; width: 100%; } } @media screen and (max-width: 767px) { .lk__orders-empty { font-size: 12px; } .lk__order .basket-new__box-title { padding: 8px 0; padding-top: 10px; } .modal--lk-review { width: calc(100% - 56px); border-radius: 1px; } .modal--lk-review .basket-new__product-info { margin-right: 0; } .modal--lk-review .basket-new__info { flex: 0 0 calc(100% - 69px); justify-content: flex-start; } .modal--lk-review .basket-new__product-title { margin-bottom: 7px; font-size: 11px; margin-top: 6px; } .modal--lk-review .lk__order-color span:first-child { width: 8px; height: 8px; margin-right: 8px; } .modal--lk-review .modal__textarea { margin-top: 15px; margin-bottom: 17px; height: 166px; } .modal--lk-review .button-wrp button { padding: 4px 33px; } .modal--lk-review .lk__order-color span:last-child { font-size: 10px; } .modal--lk-review .form { width: 100%; } .lk .custom-select__active { height: 30px; } .lk__fav-btn { top: -51px; } .lk .catalog__list { grid-template-columns: 1fr 1fr 1fr; gap: 23px 20px; } .lk__fav .tags__list { margin-top: 0; margin-right: 0; margin-bottom: 4px; background-color: transparent; flex-direction: column; align-items: center; } .lk__fav .tags__list a { margin-bottom: 16px; margin-right: 0; } .lk__fav-delete { width: 17px; height: 20px; } .banner-new--lk .link-back { font-size: 16px; } .lk__actions { grid-template-columns: 100%; } .lk__action { padding: 10px 13px; padding-bottom: 8px; padding-left: 13px; min-height: 113px; } .lk__profile-box input, .town-select input { padding: 9px; height: 30px; } .lk__profile-box, .lk__profile-box--address { gap: 18px; } .lk__profile-row { gap: 0 18px; } .lk__profile-box input, .town-select input, .lk__inputholder--textarea textarea { font-size: 12px; } .town-select__list-link { padding: 9px; font-size: 12px; margin-bottom: 0; } .town-select__list-link--empty { padding-left: 30px; font-size: 11px; background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 8px -2894px no-repeat scroll; } .lk__inputholder--textarea textarea { padding: 9px; } .lk__inputholder-icon-email { right: 11px; width: 18px; height: 16px; } .lk__inputholder--confirm::before { right: 11px; width: 18px; height: 11px; background-size: contain; } .container-new--relative .lk__box .buttonholder .button-default { padding: 8px 21px 9px 21px; white-space: nowrap; } .lk__profile .card-new__popup-btn--without-arrow[data-add-address] { margin-top: 12px; } .lk__profile--hidden .card-new__popup-btn--without-arrow[data-add-address] { margin-top: 0; } .lk__profile-box--address .card-new__popup-btn { margin-bottom: 0; } .lk__profile-box input.js_town_input { padding-right: 25px; } .town-select__close { right: 6px; } .lk__order { padding: 28px; padding-top: 24px; padding-bottom: 22px; } .lk__order-number { padding-left: 0; padding-right: 10px; margin-right: 13px; } .lk__order-status { padding-right: 0; height: 12px; align-self: center; } p.lk__order-status span:first-child { display: none; } .lk__order .basket-new__product-item { padding-top: 16px; padding-bottom: 13px; padding-left: 0; padding-right: 0; } .lk__order .basket-new__info { flex: 1 1 auto; padding-right: 73px; position: relative; } .lk__order .basket-new__product-info { margin-right: 0; margin-bottom: 14px; } .lk__orders .button-default { position: absolute; right: 0; top: 32px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/add-review-icon.svg'); background-repeat: no-repeat; width: 55px; height: 34px; font-size: 0px; color: #fff; padding: 0; border: none; } .lk__order-param { margin-left: 0; flex-direction: row-reverse; flex: none; height: fit-content; flex: 1 0 auto; justify-content: flex-start; align-items: center; } .lk__order-info { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 10px; padding: 12px 0; border-bottom: none; padding-bottom: 0; } .lk__order-col:nth-child(2)::before { display: none; } .lk__order-col { min-height: 55px; padding-right: 0; } .lk__order-col::before { left: -5px; } .lk__order-info p { font-size: 11px; } p.lk__order-price { font-size: 12px; } p.lk__order-address, .lk__order-address { padding-right: 0; padding-top: 11px; margin-top: 13px; border-top: 1px solid #A99793; display: inline; grid-column: 1/5; order: 1; } .lk__order .basket-new__size { flex: 0 0 35px; } .lk__order .basket-new__price { top: 0; margin-left: auto; } .lk__order .basket-new__price-new { white-space: nowrap; } .lk__order .basket-new__price-old { position: relative; bottom: auto; right: auto; } .lk__order-param .basket-new__size { font-size: 12px; margin-right: 4px; justify-content: center; text-align: center; } .lk__order .lk__order-color span:last-child { font-size: 12px; } .lk__order .lk__order-color { flex: 0 0 100px; } .lk__order .lk__order-count { font-size: 12px; flex: 0 0 19px; margin-left: 15px; } .lk__orders .button-default:hover { background-color: transparent; } .lk__orders { gap: 10px; padding-bottom: 0; } .lk__order { border-radius: 0; } .lk__order-status span:last-child { margin-left: 0; } } @media screen and (max-width: 575px) { .lk__order-color span:first-child { width: 9px; height: 9px; margin-right: 8px; } .lk__order .basket-new__product-title { font-size: 12px; margin-bottom: 0; } .lk__order-status { height: 10px; } .lk__order-status span:last-child { width: 10px; height: 10px; } .lk__fav-empty p { font-size: 12px; max-width: 260px; } .lk__fav .tags__list a span { display: none; } .lk__fav .catalog__price { margin-top: 0; } .lk .catalog__list { grid-template-columns: 1fr 1fr; gap: 23px 10px; } [data-pass="change"].tech-new__inputholder--vis:not(:first-child) { margin-top: 10px!important; } .modal--save-profile .button-wrp button, .modal--save-profile .button-wrp .close { max-width: 95px; } .modal--save-profile .button-wrp { margin-top: 17px; gap: 10px; } .modal--save-profile .form { padding: 38px 32px 36px 32px; width: 100%; } .lk__profile-box .modal--new .form { padding: 38px 34px 30px 31px; width: 100%; } .banner-new .h1--new { font-size: 16px; margin: 0; } .banner-new { min-height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner-new__img { -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; right: auto; bottom: auto; top: 0; } .link--new { font-size: 12px; } .lk__links .link { line-height: 27px; } .lk__links { gap: 14px; } .lk__action-content p { font-size: 12px; } .lk__action-content { max-width: 114px; } .lk__action-finish, .lk__action-content span { font-size: 11px; } .lk__action-info { font-size: 11px; line-height: 13px; } .lk__subscribe-title { font-weight: 400; font-size: 11px; line-height: 13px; } .lk__subscribe-field input { padding: 9px 11px 8px 11px; height: 30px; font-size: 11px; } .lk__subscribe-field-button { height: 30px; } .lk__subscribe-field-button .button { padding: 5px 19px; font-weight: 400; font-size: 12px; line-height: 140%; } .lk--detail.section--branch { padding-bottom: 99px; } .lk__profile-row { grid-template-columns: 100%; } .lk__profile-box--row .lk__profile-row .card-new__popup-btn { grid-column-end: 2; } .lk__profile-row { gap: 10px; } .lk .h2 { font-size: 12px; gap: 10px; margin-bottom: 16px; } .h2--with-line::before { left: 183px; } .lk .h2 span, .lk__box .h3, .lk__box .h3+p, .lk__order-head p { font-size: 12px; } .lk__profile-box { grid-template-columns: 100%; gap: 20px; } .lk__inputholder:not(:first-child), .lk__box .tech-new__inputholder:not(:first-child), [data-pass="change"].tech-new__inputholder--vis:not(:first-child) { margin-top: 10px; } .lk__inputholder .card-new__popup-btn { margin-top: 13px; } .lk__profile-box--row { margin-bottom: 23px; gap: 0; } .lk__box .h3 { margin-bottom: 9px; } .lk__box .h3+p { margin-bottom: 13px; } .lk__profile-box--row .lk__profile-row .card-new__popup-btn { margin-top: 0; } .h2--with-arrow::before { left: 148px; width: calc(100% - 176px); } .lk__box { padding-bottom: 84px; } .lk--detail .container-new--relative::before { bottom: 60px; } .lk__inputholder--textarea, .lk__inputholder--three, .lk__profile-box--address .lk__inputholder, .lk__profile-box--address .card-new__popup-btn { grid-column: 1/4; } .lk__profile-box--address .lk__inputholder:nth-child(2) { grid-column: 1/3; } .lk__profile-box--address .lk__inputholder:nth-child(3) { grid-column: 3/4; } .lk__profile-box--address { gap: 10px; grid-template-columns: 1fr 1fr 1fr; } .lk__inputholder--three input:not(:last-child) { margin-right: 10px; } .lk__inputholder--three input { flex: 0 0 calc(33.33% - 6.66px); width: calc(33.33% - 6.66px); } .lk__inputholder--hidden:not(:first-child) { margin-top: 0; } .lk .h2--with-arrow { margin-bottom: 0; } .lk__profile-number { margin-bottom: 6px; margin-top: 12px; grid-column: 1/4; } .town-select { grid-column: 1/3; } .lk__inputholder--textarea textarea { height: 60px; } .lk--email-verify .container-new p { font-size: 12px; } .lk--email-verify .container-new span { font-size: 11px; line-height: 120%; margin-top: 6px; } .lk--email-verify .container-new a { font-size: 12px; padding-top: 23px; margin-top: 13px; } .lk--email-verify .container-new a::before { width: 10px; height: 10px; } .order-new .bx-sls .bx-ui-sls-error { font-size: 12px; } .lk__subscribe { margin-bottom: -84px; } } @media screen and (max-width: 413px) { .lk__orders-empty { font-size: 11px; } .lk__order-color span:last-child, .lk__order .lk__order-color span:last-child, .lk__order .lk__order-count { font-size: 10px; } p.lk__order-price { font-size: 11px; } .lk__profile-box input, .lk__order-count, .lk .h2 span, .lk__box .h3, .lk__box .h3+p, .lk__inputholder--textarea textarea, .town-select input, .lk__fav-empty p, .town-select__list-link, .lk__order-head p, .lk__order .basket-new__product-title, .lk__order-param .basket-new__size { font-size: 11px; } .town-select__list-link--empty { padding-left: 9px; background: none; } .lk__fav-empty p { max-width: 250px; } } /* lk new end */ button.form-sub__btn { color: #333333; background-color: #EBDBD6; } .section-collection__inner.section-collection__inner--center { justify-content: center; } .section-collection__text .title-h2 { margin: 0; } .section-collection__link--padd { padding-top: 15px; padding-bottom: 15px; } .section-collection__wrapper { margin: 0 0 30px 0; } .section-collection__wrapper:last-child { margin: 0; } .section-collection__sub-text { margin: 0 auto; width: 80%; text-align: center; font-weight: 500; font-size: 12px; color: #656565; } .section-collection__sub-text a { display: inline-block; font-size: 12px; text-transform: none; } .section-collection__inner { margin: 0 0 10px 0; } .section-collection__inner:last-child { margin: 0; } @media screen and (max-width: 575px) { .section-collection__wrapper { margin: 0 0 17px 0; } } .button--brown { font-weight: 500; font-size: 12px; line-height: 140%; color: #FFFFFF; padding: 13px 49px 14px 49px; background: #A99793; border: none; } .button--brown:hover { color: #FFFFFF; background-color: #6C5B57; margin-top: 16px; margin-bottom: 22px; } .order-complete__title { margin-bottom: 0; font-size: 16px; line-height: 155%; display: flex; letter-spacing: 0.04em; text-transform: uppercase; flex-wrap: wrap; justify-content: center; } .order-complete__title span { font-weight: 500; display: contents; } .basket-new.order-new .container-new.order-success { max-width: 350px; margin: 0 auto; margin-bottom: 0; } .basket-new.order-new { padding-top: 121px; } .basket-new.order-new .button { margin-top: 20px; margin-bottom: 20px; justify-self: center; } .order-complete__desc { font-weight: 400; font-size: 12px; line-height: 120%; padding-bottom: 42px; position: relative; margin-top: 12px; } .order-complete__desc::before { content: ''; position: absolute; bottom: 17px; width: 12px; height: 12px; right: 50%; transform: translateX(50%); background-color: #EBDBD6; border-radius: 50%; } .order-complete__link { font-weight: 400; font-size: 12px; line-height: 140%; gap: 3px; } .order-complete__link span { pointer-events: none; color: #656565; } .order-complete__link:not(:last-child) { margin-bottom: 10px; } .info-new-bottom .order-complete__link:last-child { margin-top: 7px; } .order-complete__links .order-complete__link:last-child { margin-top: 0; } .info-new-bottom .order-complete__link { text-decoration: none; color: #A99793; transition: .3s ease; } .info-new-bottom .order-complete__link:hover { text-decoration: none; color: #656565; } .order-complete__links { display: flex; gap: 9px; align-items: baseline; line-height: 17px; font-size: 12px; } .order-complete__links .order-complete__link:not(:last-child) { margin-bottom: 0; } .order-success--whithout-button .order-complete__title+.order-complete__title { margin-bottom: 30px; } .order-complete__title.mb-0 { margin-bottom: 0; font-size: 14px; line-height: 140%; flex-direction: row; } .order-complete__title.mb-0 a { display: contents; color: #6c5b57; line-height: 140%; } .order-success--whithout-button .order-complete__desc { margin-top: 12px; } .basket-new.order-new .container-new.order-success.order-success--whithout-button { margin-top: -2px; max-width: 455px; } .order-complete__title.mb-0 a:hover { color: #504340; } @media screen and (max-width: 991px) { .basket-new.order-new { padding-top: 46px; padding-bottom: 98px; } .order-complete__desc { padding-bottom: 46px; } .order-success--whithout-button .order-complete__desc { margin-top: 14px; } .order-success--whithout-button .order-complete__title+.order-complete__title { margin-bottom: 9px; } .no-results-block { padding: 20px 0 78px 0; margin-bottom: 50px; } } @media screen and (max-width: 767px) { .no-results-block { padding: 14px 0 60px 0; margin-bottom: 40px; } } @media screen and (max-width: 575px) { .info-new-bottom .order-complete__link:last-child { margin-top: 10px; } .order-complete__links .order-complete__link:last-child { margin-top: 0; } .order-complete__title { font-size: 14px; } .basket-new.order-new .button { margin-top: 15px; margin-bottom: 15px; padding: 9px 47px 10px 47px; } .order-complete__description { font-size: 12px; line-height: 140%; } } @media screen and (max-width: 413px) { .order-complete__desc, .order-complete__link { font-size: 11px; } .order-success--whithout-button .order-complete__title+.order-complete__title span { display: flex; } .order-success--whithout-button .order-complete__title+.order-complete__title { display: flex; flex-direction: column; align-items: center; } .order-complete__title.mb-0, .order-complete__title.mb-0 a { font-size: 12px; } .basket-new.order-new .container-new.order-success { max-width: 272px; } .basket-new.order-new .container-new.order-success.order-success--whithout-button { max-width: 290px; } } .delivery-pvz { border-top: 1px solid #A99793; padding-top: 21px; padding-bottom: 21px; padding-left: 0; display: flex; align-items: center; } .delivery-pvz--tshirt { background-image: none; padding-left: 0; padding-right: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; } .delivery-pvz__content { display: flex; align-items: center; flex: 1; min-width: 0; } .delivery-pvz__content .delivery-pvz__icon { flex-shrink: 0; margin-right: 12px; } .delivery-pvz__content .delivery-pvz__desc { font-size: 12px; line-height: 120%; text-transform: uppercase; color: #A99793; margin-bottom: 0; flex: 1; } .delivery-pvz__desc { font-size: 12px; line-height: 120%; text-transform: uppercase; color: #A99793; margin-bottom: 0; } .delivery-pvz__desc strong { font-weight: 600; } .delivery-pvz__button { font-weight: 500; font-size: 12px; line-height: 140%; text-align: center; text-transform: uppercase; color: #FFFFFF; padding: 13px 19px 14px 19px; background: #A99793; border-radius: 1px; flex-shrink: 0 !important; transition: .3s ease; text-decoration: none; white-space: nowrap; width: auto; display: inline-block; margin-left: 15px; } .delivery-pvz__button:hover { background-color: #6C5B57; color: #FFFFFF; text-decoration: none; } @media screen and (max-width: 767px) { .delivery-pvz { padding-top: 11px; padding-bottom: 10px; padding-left: 0; } .delivery-pvz--tshirt { padding-left: 0; } .delivery-pvz__content .delivery-pvz__icon { width: 28px; height: 28px; margin-right: 8px; } .delivery-pvz__desc { display: flex; flex-direction: column; } .delivery-pvz__button { padding: 9px 15px 10px 15px; font-size: 11px; } } @media screen and (max-width: 413px) { .delivery-pvz__desc { font-size: 11px; } } .catalog-preview-slider .swiper-slide { height: 0; padding-bottom: 151.48%; position: relative; } .catalog-preview-slider .swiper-pagination { display: none; bottom: 13px; } .catalog-preview-slider .swiper-pagination--vis { display: block; } .catalog-preview-slider .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.3); opacity: 0.5; } .catalog-preview-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; opacity: 1; } @media screen and (max-width: 575px) { .catalog-preview-slider .swiper-pagination { bottom: 6px; } .catalog-preview-slider .swiper-pagination-bullet { width: 6px; height: 6px; } } .basket-question { width: 28px; height: 28px; display: flex; position: absolute; margin: 2px; border: 1px solid #A99793; border-radius: 50%; align-items: center; justify-content: center; left: 173px; bottom: 31px; transition: .3s ease; } .basket-question__icon { width: 10px; height: 19px; fill: #A99793; transition: .3s ease; } .bx-soa-section-title { width: fit-content; display: flex; max-width: inherit; flex: 0 0 auto; } .bx-soa-section-title-container { position: relative; } .basket-question:hover { border-color:#6C5B57; } .basket-question:hover .basket-question__icon { fill:#6C5B57; } @media screen and (max-width: 767px) { .basket-question { width: 21px; height: 21px; margin: 1px; left: 149px; bottom: 24px; } .basket-question__icon { width: 7px; height: 13px; } } .modal--new-user { max-width: 338px; height: fit-content; width: 100%; } .modal--new-user .modal__form { max-width: 258px; text-align: center; margin: 0 auto; } .modal--new-user .form { padding: 43px 30px 46px 30px; width: auto; } .modal--new-user .modal__desc { font-size: 14px; line-height: 130%; text-transform: uppercase; color: #656565; margin-top: 0; margin-bottom: 21px; } .new-user-sum { font-weight: 500; font-size: 16px; line-height: 120%; text-align: center; text-transform: uppercase; color: #A99793; margin-bottom: 30px; margin-left: 5px; position: relative; width: fit-content; justify-self: center; } .new-user-sum::before { background-image: url('/bitrix/templates/ivadesign_21_12_21/img/new-user-promo-bg.png'); content: ''; right: -17px; top: -9px; width: 75px; height: 46px; pointer-events: none; position: absolute; z-index: -1; } .modal--new-user .button-wrp a { max-width: 180px; padding: 4px 0; width: 100%; } .modal--new-user .modal__inner { display: grid; } .new-user__text { font-size: 12px; line-height: 120%; text-align: center; color: #656565; margin-bottom: 14px; } .modal--new-user .button-wrp { margin-top: 5px; } @media screen and (max-width: 575px) { .modal--new-user .form { padding: 41px 30px 40px 30px; width: 100%; } .modal--new-user .modal__form { max-width: inherit; } .modal--new-user .modal__desc { margin-top: 0; margin-bottom: 22px; font-size: 12px; line-height: 130%; font-weight: 400; } .new-user-sum { margin-bottom: 27px; margin-left: 12px; } .modal--new-user .button-wrp a { max-width: 184px; } } .lk__action--promo { background-color: #F5D3C9; padding: 23px 15px 21px 24px; } .lk__action-title { font-size: 16px; line-height: 130%; margin-bottom: 0; } .lk__action--promo .lk__action-content p { font-size: 14px; color: #A99793; } .lk__action--promo .lk__action-content { grid-row: span 2; } .lk__action-box { display: grid; grid-template-columns: 155px auto; gap: 5px 20px; justify-content: space-between; } .button--small { font-weight: 500; font-size: 12px; color: #656565; padding: 4px 9px; border-color: #656565; cursor: pointer; max-width: 157px; letter-spacing: normal; width: 100%; } .lk__action-sum { font-weight: 400; font-size: 20px; line-height: 120%; text-align: center; text-transform: uppercase; color: #A99793; margin-bottom: 0; padding: 12px 20px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/lk-promo-bg.png'); background-repeat: no-repeat; background-size: contain; background-position: left top; width: 182px; height: 65px; white-space: nowrap; background-color: transparent; border: none; padding-bottom: 23px; padding-right: 28px; margin-top: -3px; } .lk__action--promo .button--small { margin: 0 auto; } .tech-new--sms .tech-new__timer { margin-top: 18px; } .tech-new--sms .policy, .tech-new--sms p.policy { margin-top: 15px; } .tech-new--sms .tech-new__form { padding-bottom: 68px; } .tech-new--sms .tech-new__link--big { margin-top: 40px; } .tech-new--sms { padding-bottom: 85px; } .tech-new--sms .error+.error-text:not(:empty) { margin-top: 15px; } @media screen and (max-width: 767px) { .tech-new--sms .tech-new__timer { margin-top: 17px; } .tech-new--sms .policy, .tech-new--sms p.policy { margin-top: 13px; line-height: 12px; } .tech-new--sms .tech-new__link--big { margin-top: 27px; } .tech-new--sms { padding-bottom: 44px; padding-top: 59px; } .tech-new--sms .h1--new { margin-bottom: 33px; } .tech-new--sms .tech-new__link+.buttonholder { margin-top: 15px; } .tech-new--sms .tech-new__form { padding-bottom: 60px; } .lk__action-box { grid-template-columns: auto auto; } .lk__action-content { max-width: inherit; } } @media screen and (max-width: 575px) { .lk__action--promo { padding: 10px 11px 8px 13px; position: relative; } .lk__action-title { font-size: 12px; max-width: 55%; } .lk__action { gap: 5px; } .lk__action-box { gap: 0px 16px; flex: 1 1 auto; } .lk__action--promo .button--small { padding: 5px 7px; width: 120px; align-items: center; display: flex; justify-content: center; grid-row: 2; grid-column: 2; margin-bottom: 2px; height: fit-content; align-self: flex-end; } .lk__action--promo .button--small span { display: none; } .lk__action-sum { font-size: 14px; padding: 12px 20px; background-image: url(/bitrix/templates/ivadesign_21_12_21/img/lk-promo-bg-mobile.png); width: 117px; height: 61px; padding-bottom: 22px; padding-right: 7px; padding-left: 14px; position: absolute; top: 11px; right: 0; } } @media screen and (max-width: 413px) { .lk__action--promo .lk__action-content p, .lk__action--promo .button--small { font-size: 11px; } } .page-404 { background-image: url(/bitrix/templates/ivadesign_21_12_21/img/basket-branch.png); background-repeat: no-repeat; background-position: top center; padding-top: 130px; margin-top: 74px; padding-bottom: 100px; } .page-404__title { font-size: 16px; line-height: 140%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #656565; display: flex; flex-direction: column; margin-bottom: 18px; } .page-404__title span { font-weight: 300; font-size: 36px; line-height: 140%; } .page-404__desc { line-height: 140%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #656565; margin-bottom: 35px; } .page-404 .container-new { max-width: 520px; } .page-404 .info-new-bottom { /* padding-top: 0; margin-bottom: 0; background-image: none; */ } .page-404 .order-complete__desc { color: #656565; } @media screen and (max-width: 767px) { .page-404 { background-image: url(/bitrix/templates/ivadesign_21_12_21/img/basket-branch.png); padding-top: 63px; margin-top: 52px; padding-bottom: 68px; background-size: 157px 41px; } .page-404__title { margin-bottom: 18px; font-size: 12px; line-height: 170%; } .page-404__title span { font-size: 20px; } .page-404__desc { font-size: 10px; } .page-404 .order-complete__desc { margin-top: 14px; text-align: center; padding-bottom: 40px; } .page-404 .order-complete__desc::before { bottom: 15px; } .page-404 .container-new { max-width: 434px; } } @media screen and (max-width: 575px) { .page-404 .container-new { max-width: inherit; } .modal--new-user { max-width: 264px; } .new-user__text { font-size: 11px; } .modal--no-order .button-wrp { margin-top: 17px; } .page-404__title { margin: 0 auto; margin-bottom: 18px; max-width: 228px; } .page-404__desc { margin: 0 auto; margin-bottom: 35px; max-width: 228px; } } .modal--call-about-size { z-index: 1100; background-color: #F2F2F2; } .modal--call-about-size .form { padding: 35px 50px 37px 42px; width: 337px; } .modal--call-about-size .modal__inner p { font-weight: 400; font-size: 12px; line-height: 120%; color: #656565; margin-bottom: 10px; } .modal--call-about-size .tech-new__inputholder:not(:nth-child(3)) { margin-top: 0; } .modal--call-about-size .tech-new__inputholder-input { font-size: 11px; color: #656565; padding: 5px 10px; height: 30px; } .modal--call-about-size .button-wrp button { padding: 4px 18px; } .modal--call-about-size .button-wrp { margin: 0 auto; margin-top: 13px; } .modal--call-about-size .button-wrp:hover button { background-color: #f7e8e3; } @media screen and (max-width: 575px) { .modal--call-about-size .form { padding: 38px 31px 33px 31px; width: 100%; } .modal--call-about-size .button-wrp { margin: 0 auto; margin-top: 15px; } } @media screen and (max-width: 413px) { .modal--call-about-size .modal__inner p { font-size: 11px; } } button:disabled { pointer-events: none; } .buttonholder.disabled { pointer-events: none; } .buttonholder.disabled button { border-color: #D7D7D7; color: #A2A2A2; pointer-events: none; } .search-head { margin-top: 38px; margin-bottom: 78px; } .search-head .h1--new { margin-bottom: 40px; } .search-page { position: relative; max-width: 853px; width: 100%; margin: 0 auto; } .search-page__input { border: 0; margin-bottom: 0; color: #656565; padding: 0; border-bottom: 1px solid #D7D7D7; height: fit-content; padding-bottom: 9px; flex: 0 0 100%; max-width: inherit; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: 0.04em; } .search-page__button { padding: 0; border: none; margin: 0; position: absolute; right: 0; top: 0; } .search-page__button .search-icon { fill: #A99793; width: 28px; height: 25px; } .search-page__button:hover .search-icon { fill: #6C5B57; stroke: none; } .search-page__input::placeholder { color: #A2A2A2; } .catalog--search .no-results-block { padding-top: 31px; margin-bottom: 135px; background-image: none; padding-bottom: 0; } .catalog--search .info-new-bottom { background-image: none; padding-top: 0; margin-bottom: 0; } .catalog--search .order-complete__desc { color: #656565; } .catalog--search .catalog__list { margin-bottom: 34px; } @media screen and (max-width: 575px) { .search-head { margin-top: 25px; margin-bottom: 24px; } .catalog--search .no-results-block { margin-bottom: 68px; } .search-head .h1--new { margin-bottom: 22px; } .search-page__input { font-size: 12px; line-height: 140%; padding-bottom: 7px; } .search-page__button { top: -6px; width: 24px; } .catalog--search .order-complete__desc { max-width: 205px; } .catalog--search .catalog__list { margin-bottom: 57px; margin-top: 11px; } .basket-new__aside-list { gap: 17px; } } @media screen and (max-width:430px) { .catalog--search .catalog__item:nth-child(7n + 8):not(.catalog__item--banner) { flex: 0 0 calc(50% - 8px); width: calc(50% - 8px); } } .card-new__size-item.out-of-stock::before { border-color: #D7D7D7; } .card-new__size-item.out-of-stock::after { position: absolute; content: ''; width: 18px; height: 18px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/out-of-stock.svg'); border-radius: 1px; left: 0; top: 0; background-size: contain; } .card-new__size-item.out-of-stock:hover::before { background-color: #FDDFD4; } @media screen and (max-width:767px) { .card-new__size-item.out-of-stock::after { width: 14px; height: 14px; } } .modal--help-in-choosing .modal__banner { background-image: url('/bitrix/templates/ivadesign_21_12_21/img/modal-help-banner.jpg'); min-height: 174px; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; position: relative; } .modal--help-in-choosing .modal__banner::before { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: rgba(169, 151, 147, 0.3); } .modal--help-in-choosing .modal__wrapper { max-width: 487px; width: 100%; } .modal--help-in-choosing .modal__title { font-weight: 400; font-size: 20px; line-height: 120%; text-transform: uppercase; color: #FFFFFF; max-width: 388px; width: 100%; text-align: center; margin: 0; z-index: 1; } .modal--help-in-choosing .modal__inner { padding: 32px 50px; } .modal--new.modal--help-in-choosing .form { padding: 0; width: 100%; } .modal--help-in-choosing .modal__inner p { line-height: 140%; color: #656565; } .modal--new.modal--help-in-choosing .button-wrp { margin: 0 auto; margin-top: 32px; flex-direction: column; align-items: center; transition: .3s ease; } .modal--new.modal--help-in-choosing .button-wrp button { padding: 4px 12px; } .modal--help-in-choosing .policy { margin-top: 24px; text-align: center; } .modal--help-in-choosing .error-text { justify-content: center; display: none; width: 100%; } .modal--new.modal--help-in-choosing .button-wrp button:hover, .modal--new.modal--help-in-choosing .button-wrp:hover { background-color: rgba(255, 255, 255, 0.5); } .modal--help-in-choosing .error+.error-text:not(:empty) { font-weight: 400; font-size: 12px; line-height: 130%; letter-spacing: 0.05em; display: flex; text-align: center; } .modal--help-in-choosing .form__wrapper+.error-text { margin-bottom: -20px; } .modal--help-in-choosing .form__wrapper.error .tech-new__inputholder::before { opacity: 1; } .tech-new__inputholder.error::before { opacity: 1; } .modal--help-in-choosing .custom-select__active { padding-left: 10px; padding-right: 10px; min-width: 58px; text-align: center; } .modal--help-in-choosing .custom-select__drop { z-index: 2; } .modal--help-in-choosing .thanks { padding: 40px; padding-top: 35px; display: grid; gap: 15px; max-width: 338px; width: 100%; } .modal--help-in-choosing .modal__desc { font-size: 12px; margin: 0; } @media screen and (max-width:767px) { .modal--help-in-choosing .modal__title { font-size: 16px; padding: 0 35px; } .modal--help-in-choosing .modal__banner { min-height: 111px; background-image: url('/bitrix/templates/ivadesign_21_12_21/img/modal-help-banner-mob.jpg'); } .modal--help-in-choosing .modal__wrapper, .modal--help-in-choosing .thanks { max-width: 260px; } .modal--help-in-choosing .modal__inner { padding: 23px 27px 25px 27px; } .modal--help-in-choosing .modal__inner p { font-size: 11px; margin-bottom: 10px; } .modal--help-in-choosing .custom-select__active { min-width: 42px; padding: 7px 11px; padding-top: 8px; font-size: 11px; } [data-phonecountry-mask].tech-new__inputholder-input { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 1 auto; width: 100%; } .modal--help-in-choosing .tech-new__inputholder { flex-wrap: nowrap; } .modal--help-in-choosing .policy { margin-top: 12px; line-height: 12px; } .modal--new.modal--help-in-choosing .form { margin-top: 23px; } .modal--new.modal--help-in-choosing .button-wrp { margin-top: 20px; } .modal--help-in-choosing .error+.error-text:not(:empty) { font-size: 11px; text-align: center; margin-top: 7px; } .modal--help-in-choosing .form__wrapper+.error-text { margin-bottom: -13px; } } .modal--help-in-choosing [data-mask-tel].error + .error-text { position: absolute; bottom: -20px; } .modal--help-in-choosing .invalid.error+.tech-new__inputholder { margin-top: 25px; } .modal--help-in-choosing input[name="email"] + .error-text { margin-bottom: -20px; } .fd-column { flex-direction: column; } @media screen and (max-width:767px) { .modal--help-in-choosing input[name="email"] + .error-text { margin-bottom: -10px; margin-top: 5px; } .modal--help-in-choosing [data-mask-tel].error + .error-text { bottom: -18px; } .modal--help-in-choosing .error+.error-text:not(:empty) { margin-top: 5px; } .modal--new.modal--help-in-choosing { width: max-content; } .tech-new--sms [data-phonecountry-mask].tech-new__inputholder-input { width: auto; } .tech-new--sms.tech-new [data-phonecountry-mask]+[data-mask-tel]+.error-text { max-height: inherit; visibility: visible; opacity: 1; } } .lk__discount .h2 { font-size: 22px; font-weight: 400; line-height: 22px; text-transform: uppercase; letter-spacing: normal; position: relative; z-index: 1; } .lk__discount { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding-bottom: 38px; border-bottom: 1px solid #A99793; } .lk__discount-text { margin-top: 24px; z-index: 1; } .lk__discount-text p strong { font-weight: 600; } .lk__discount-text p { margin-bottom: 0; } .lk__discount-text p:not(:first-child) { margin-top: 8px; } .lk__discount-text a { color: #A99793; font-weight: 500; line-height: 22px; width: fit-content; margin-top: 22px; } .lk__discount-count { width: 394px; height: 394px; position: absolute; bottom: -71px; left: 0; border-radius: 197px; background: radial-gradient(50% 50% at 50% 50%, #F5D3C9 0%, rgba(245, 211, 201, 0.00) 100%); text-transform: uppercase; font-size: 100px; color: #FFF; display: flex; gap: 1px; align-items: center; justify-content: center; pointer-events: none; } .lk__discount-count--1 { padding-right: 48px; } .lk__discount-count--2 { padding-left: 55px; } .lk__discount-count--3 { padding-right: 2px; } .lk__discount-count--4 { padding-left: 56px; } .lk__discount-col { position: relative; } .lk__discount-count span { opacity: .7; font-weight: 100; line-height: 100px; } .lk__discount-count b { font-weight: 500; line-height: 100px; } @media screen and (max-width:1024px) { .lk__discount { gap: 30px; } } @media screen and (max-width:991px) { .lk__discount-text { margin-top: 0; } } @media screen and (max-width:767px) { .lk__discount-count { width: 286px; height: 286px; bottom: -57px; left: auto; right: 50%; transform: translateX(50%); font-size: 70px; gap: 3px; } .lk__discount-count--1 { padding-right: 1px; } .lk__discount-count--2 { padding-left: 53px; } .lk__discount-count--3 { padding-right: 8px; } .lk__discount-count--4 { padding-left: 41px; } .lk__discount { grid-template-columns: auto; gap: 0; padding-bottom: 23px; } .lk__discount-col { height: 152px; } .lk__discount-text p { font-size: 12px; line-height: 18px; } .lk__discount-text a { line-height: 18px; font-size: 12px; margin-top: 19px; } } .action table td { border: 1px solid #A99793; padding: 10px; } .catalog__img-flag .preorder, .product-item__img-flag .preorder { background: rgba(172, 204, 139, 1); } span.card-new__flag.card-new__flag--preorder { background: rgba(172, 204, 139, 1); } .hidden-opacity { opacity: 0; pointer-events: none; } .mt-33 { margin-top: 33px; } /* End */ /* /bitrix/templates/ivadesign_21_12_21/css/libs.css?1760624142125078 */ /* /bitrix/templates/ivadesign_21_12_21/css/styles.css?1768215313410866 */ /* /bitrix/templates/ivadesign_21_12_21/css/updates.css?177097212335948 */ /* /bitrix/templates/ivadesign_21_12_21/css/panel-styles.css?17606241421401 */ /* /bitrix/templates/ivadesign_21_12_21/css/datepicker/jquery-ui-timepicker-addon.min.css?17606241425466 */ /* /bitrix/templates/ivadesign_21_12_21/css/header.css?176062414215702 */ /* /bitrix/templates/ivadesign_21_12_21/components/bitrix/sale.basket.basket.line/basket/style.css?17473103744470 */ /* /bitrix/templates/ivadesign_21_12_21/components/bitrix/advertising.banner/topline/style.css?1747310374780 */ /* /bitrix/templates/ivadesign_21_12_21/template_styles.css?1770400483208994 */