/* base reset */ *,*:before,*:after{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent} html,body{height:100%;width:100%}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,span,applet,object,iframe,strike,kbd,q,sub,sup,tt,var,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}article,aside,details,figcaption,figure,footer,header,hgroup,main menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}img,body,html,abbr,acronym,a img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul,dir,menu{list-style:none}a{background-color:transparent}:focus,a,a:hover,a:active{outline:none;border:0}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}q:before,q:after{content:''}blockquote,q{quotes:none}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}sup,sub{line-height:0}svg:not(:root){overflow:hidden}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-webkit-viewport{width:device-width}@viewport{width:device-width} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;line-height:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0}input[type="checkbox"],input[type="radio"]{padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto} body{overflow:hidden;overflow-y:auto;min-width:320px;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";background-color:#fff}select{word-wrap:normal}progress{vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible}svg{overflow:hidden;vertical-align:middle}template{display:none} /* grid (bootstrap 4.5) */ html{box-sizing:border-box;-ms-overflow-style:scrollbar} .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:576px){.container{max-width:540px}} @media (min-width:768px){.container{max-width:720px}} @media (min-width:992px){.container{max-width:960px}} @media (min-width:1260px){.container{max-width:1420px}} @media (min-width:1820px){.container{max-width:1770px}} .container-fluid,.container-lg,.container-md,.container-sm,.container-ul,.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:1260px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1420px}} @media (min-width:1820px){.container,.container-lg,.container-md,.container-sm,.container-ul,.container-xl{max-width:1770px}} .row{display:-ms-flexbox;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-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-2,.col-20,.col-21,.col-22,.col-23,.col-24,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-2,.col-lg-20,.col-lg-21,.col-lg-22,.col-lg-23,.col-lg-24,.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-13,.col-md-14,.col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-2,.col-md-20,.col-md-21,.col-md-22,.col-md-23,.col-md-24,.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-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-2,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24,.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-ul,.col-ul-1,.col-ul-10,.col-ul-11,.col-ul-12,.col-ul-13,.col-ul-14,.col-ul-15,.col-ul-16,.col-ul-17,.col-ul-18,.col-ul-19,.col-ul-2,.col-ul-20,.col-ul-21,.col-ul-22,.col-ul-23,.col-ul-24,.col-ul-3,.col-ul-4,.col-ul-5,.col-ul-6,.col-ul-7,.col-ul-8,.col-ul-9,.col-ul-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-13,.col-xl-14,.col-xl-15,.col-xl-16,.col-xl-17,.col-xl-18,.col-xl-19,.col-xl-2,.col-xl-20,.col-xl-21,.col-xl-22,.col-xl-23,.col-xl-24,.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;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 4.16667%;flex:0 0 4.16667%;max-width:4.16667%}.col-2{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-3{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-4{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-5{-ms-flex:0 0 20.83333%;flex:0 0 20.83333%;max-width:20.83333%}.col-6{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-7{-ms-flex:0 0 29.16667%;flex:0 0 29.16667%;max-width:29.16667%}.col-8{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-9{-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.col-10{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-11{-ms-flex:0 0 45.83333%;flex:0 0 45.83333%;max-width:45.83333%}.col-12{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-13{-ms-flex:0 0 54.16667%;flex:0 0 54.16667%;max-width:54.16667%}.col-14{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-15{-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.col-16{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-17{-ms-flex:0 0 70.83333%;flex:0 0 70.83333%;max-width:70.83333%}.col-18{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-19{-ms-flex:0 0 79.16667%;flex:0 0 79.16667%;max-width:79.16667%}.col-20{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-21{-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.col-22{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-23{-ms-flex:0 0 95.83333%;flex:0 0 95.83333%;max-width:95.83333%}.col-24{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:25;order:25}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.order-13{-ms-flex-order:13;order:13}.order-14{-ms-flex-order:14;order:14}.order-15{-ms-flex-order:15;order:15}.order-16{-ms-flex-order:16;order:16}.order-17{-ms-flex-order:17;order:17}.order-18{-ms-flex-order:18;order:18}.order-19{-ms-flex-order:19;order:19}.order-20{-ms-flex-order:20;order:20}.order-21{-ms-flex-order:21;order:21}.order-22{-ms-flex-order:22;order:22}.order-23{-ms-flex-order:23;order:23}.order-24{-ms-flex-order:24;order:24}.offset-1{margin-left:4.16667%}.offset-2{margin-left:8.33333%}.offset-3{margin-left:12.5%}.offset-4{margin-left:16.66667%}.offset-5{margin-left:20.83333%}.offset-6{margin-left:25%}.offset-7{margin-left:29.16667%}.offset-8{margin-left:33.33333%}.offset-9{margin-left:37.5%}.offset-10{margin-left:41.66667%}.offset-11{margin-left:45.83333%}.offset-12{margin-left:50%}.offset-13{margin-left:54.16667%}.offset-14{margin-left:58.33333%}.offset-15{margin-left:62.5%}.offset-16{margin-left:66.66667%}.offset-17{margin-left:70.83333%}.offset-18{margin-left:75%}.offset-19{margin-left:79.16667%}.offset-20{margin-left:83.33333%}.offset-21{margin-left:87.5%}.offset-22{margin-left:91.66667%}.offset-23{margin-left:95.83333%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;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{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 4.16667%;flex:0 0 4.16667%;max-width:4.16667%}.col-sm-2{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-3{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-sm-4{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-5{-ms-flex:0 0 20.83333%;flex:0 0 20.83333%;max-width:20.83333%}.col-sm-6{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-7{-ms-flex:0 0 29.16667%;flex:0 0 29.16667%;max-width:29.16667%}.col-sm-8{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-9{-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.col-sm-10{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-11{-ms-flex:0 0 45.83333%;flex:0 0 45.83333%;max-width:45.83333%}.col-sm-12{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-13{-ms-flex:0 0 54.16667%;flex:0 0 54.16667%;max-width:54.16667%}.col-sm-14{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-15{-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.col-sm-16{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-17{-ms-flex:0 0 70.83333%;flex:0 0 70.83333%;max-width:70.83333%}.col-sm-18{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-19{-ms-flex:0 0 79.16667%;flex:0 0 79.16667%;max-width:79.16667%}.col-sm-20{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-21{-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.col-sm-22{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-23{-ms-flex:0 0 95.83333%;flex:0 0 95.83333%;max-width:95.83333%}.col-sm-24{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:25;order:25}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.order-sm-13{-ms-flex-order:13;order:13}.order-sm-14{-ms-flex-order:14;order:14}.order-sm-15{-ms-flex-order:15;order:15}.order-sm-16{-ms-flex-order:16;order:16}.order-sm-17{-ms-flex-order:17;order:17}.order-sm-18{-ms-flex-order:18;order:18}.order-sm-19{-ms-flex-order:19;order:19}.order-sm-20{-ms-flex-order:20;order:20}.order-sm-21{-ms-flex-order:21;order:21}.order-sm-22{-ms-flex-order:22;order:22}.order-sm-23{-ms-flex-order:23;order:23}.order-sm-24{-ms-flex-order:24;order:24}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:4.16667%}.offset-sm-2{margin-left:8.33333%}.offset-sm-3{margin-left:12.5%}.offset-sm-4{margin-left:16.66667%}.offset-sm-5{margin-left:20.83333%}.offset-sm-6{margin-left:25%}.offset-sm-7{margin-left:29.16667%}.offset-sm-8{margin-left:33.33333%}.offset-sm-9{margin-left:37.5%}.offset-sm-10{margin-left:41.66667%}.offset-sm-11{margin-left:45.83333%}.offset-sm-12{margin-left:50%}.offset-sm-13{margin-left:54.16667%}.offset-sm-14{margin-left:58.33333%}.offset-sm-15{margin-left:62.5%}.offset-sm-16{margin-left:66.66667%}.offset-sm-17{margin-left:70.83333%}.offset-sm-18{margin-left:75%}.offset-sm-19{margin-left:79.16667%}.offset-sm-20{margin-left:83.33333%}.offset-sm-21{margin-left:87.5%}.offset-sm-22{margin-left:91.66667%}.offset-sm-23{margin-left:95.83333%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-md-4>*{-ms-flex:0 0 25%;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{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 4.16667%;flex:0 0 4.16667%;max-width:4.16667%}.col-md-2{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-3{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-md-4{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-5{-ms-flex:0 0 20.83333%;flex:0 0 20.83333%;max-width:20.83333%}.col-md-6{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-7{-ms-flex:0 0 29.16667%;flex:0 0 29.16667%;max-width:29.16667%}.col-md-8{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-9{-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.col-md-10{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-11{-ms-flex:0 0 45.83333%;flex:0 0 45.83333%;max-width:45.83333%}.col-md-12{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-13{-ms-flex:0 0 54.16667%;flex:0 0 54.16667%;max-width:54.16667%}.col-md-14{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-15{-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.col-md-16{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-17{-ms-flex:0 0 70.83333%;flex:0 0 70.83333%;max-width:70.83333%}.col-md-18{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-19{-ms-flex:0 0 79.16667%;flex:0 0 79.16667%;max-width:79.16667%}.col-md-20{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-21{-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.col-md-22{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-23{-ms-flex:0 0 95.83333%;flex:0 0 95.83333%;max-width:95.83333%}.col-md-24{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:25;order:25}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.order-md-13{-ms-flex-order:13;order:13}.order-md-14{-ms-flex-order:14;order:14}.order-md-15{-ms-flex-order:15;order:15}.order-md-16{-ms-flex-order:16;order:16}.order-md-17{-ms-flex-order:17;order:17}.order-md-18{-ms-flex-order:18;order:18}.order-md-19{-ms-flex-order:19;order:19}.order-md-20{-ms-flex-order:20;order:20}.order-md-21{-ms-flex-order:21;order:21}.order-md-22{-ms-flex-order:22;order:22}.order-md-23{-ms-flex-order:23;order:23}.order-md-24{-ms-flex-order:24;order:24}.offset-md-0{margin-left:0}.offset-md-1{margin-left:4.16667%}.offset-md-2{margin-left:8.33333%}.offset-md-3{margin-left:12.5%}.offset-md-4{margin-left:16.66667%}.offset-md-5{margin-left:20.83333%}.offset-md-6{margin-left:25%}.offset-md-7{margin-left:29.16667%}.offset-md-8{margin-left:33.33333%}.offset-md-9{margin-left:37.5%}.offset-md-10{margin-left:41.66667%}.offset-md-11{margin-left:45.83333%}.offset-md-12{margin-left:50%}.offset-md-13{margin-left:54.16667%}.offset-md-14{margin-left:58.33333%}.offset-md-15{margin-left:62.5%}.offset-md-16{margin-left:66.66667%}.offset-md-17{margin-left:70.83333%}.offset-md-18{margin-left:75%}.offset-md-19{margin-left:79.16667%}.offset-md-20{margin-left:83.33333%}.offset-md-21{margin-left:87.5%}.offset-md-22{margin-left:91.66667%}.offset-md-23{margin-left:95.83333%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;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{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 4.16667%;flex:0 0 4.16667%;max-width:4.16667%}.col-lg-2{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-3{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-lg-4{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-5{-ms-flex:0 0 20.83333%;flex:0 0 20.83333%;max-width:20.83333%}.col-lg-6{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-7{-ms-flex:0 0 29.16667%;flex:0 0 29.16667%;max-width:29.16667%}.col-lg-8{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-9{-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.col-lg-10{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-11{-ms-flex:0 0 45.83333%;flex:0 0 45.83333%;max-width:45.83333%}.col-lg-12{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-13{-ms-flex:0 0 54.16667%;flex:0 0 54.16667%;max-width:54.16667%}.col-lg-14{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-15{-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.col-lg-16{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-17{-ms-flex:0 0 70.83333%;flex:0 0 70.83333%;max-width:70.83333%}.col-lg-18{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-19{-ms-flex:0 0 79.16667%;flex:0 0 79.16667%;max-width:79.16667%}.col-lg-20{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-21{-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.col-lg-22{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-23{-ms-flex:0 0 95.83333%;flex:0 0 95.83333%;max-width:95.83333%}.col-lg-24{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:25;order:25}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.order-lg-13{-ms-flex-order:13;order:13}.order-lg-14{-ms-flex-order:14;order:14}.order-lg-15{-ms-flex-order:15;order:15}.order-lg-16{-ms-flex-order:16;order:16}.order-lg-17{-ms-flex-order:17;order:17}.order-lg-18{-ms-flex-order:18;order:18}.order-lg-19{-ms-flex-order:19;order:19}.order-lg-20{-ms-flex-order:20;order:20}.order-lg-21{-ms-flex-order:21;order:21}.order-lg-22{-ms-flex-order:22;order:22}.order-lg-23{-ms-flex-order:23;order:23}.order-lg-24{-ms-flex-order:24;order:24}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:4.16667%}.offset-lg-2{margin-left:8.33333%}.offset-lg-3{margin-left:12.5%}.offset-lg-4{margin-left:16.66667%}.offset-lg-5{margin-left:20.83333%}.offset-lg-6{margin-left:25%}.offset-lg-7{margin-left:29.16667%}.offset-lg-8{margin-left:33.33333%}.offset-lg-9{margin-left:37.5%}.offset-lg-10{margin-left:41.66667%}.offset-lg-11{margin-left:45.83333%}.offset-lg-12{margin-left:50%}.offset-lg-13{margin-left:54.16667%}.offset-lg-14{margin-left:58.33333%}.offset-lg-15{margin-left:62.5%}.offset-lg-16{margin-left:66.66667%}.offset-lg-17{margin-left:70.83333%}.offset-lg-18{margin-left:75%}.offset-lg-19{margin-left:79.16667%}.offset-lg-20{margin-left:83.33333%}.offset-lg-21{margin-left:87.5%}.offset-lg-22{margin-left:91.66667%}.offset-lg-23{margin-left:95.83333%}}@media (min-width:1260px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;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{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 4.16667%;flex:0 0 4.16667%;max-width:4.16667%}.col-xl-2{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-3{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-xl-4{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-5{-ms-flex:0 0 20.83333%;flex:0 0 20.83333%;max-width:20.83333%}.col-xl-6{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-7{-ms-flex:0 0 29.16667%;flex:0 0 29.16667%;max-width:29.16667%}.col-xl-8{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-9{-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.col-xl-10{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-11{-ms-flex:0 0 45.83333%;flex:0 0 45.83333%;max-width:45.83333%}.col-xl-12{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-13{-ms-flex:0 0 54.16667%;flex:0 0 54.16667%;max-width:54.16667%}.col-xl-14{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-15{-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.col-xl-16{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-17{-ms-flex:0 0 70.83333%;flex:0 0 70.83333%;max-width:70.83333%}.col-xl-18{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-19{-ms-flex:0 0 79.16667%;flex:0 0 79.16667%;max-width:79.16667%}.col-xl-20{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-21{-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.col-xl-22{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-23{-ms-flex:0 0 95.83333%;flex:0 0 95.83333%;max-width:95.83333%}.col-xl-24{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:25;order:25}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.order-xl-13{-ms-flex-order:13;order:13}.order-xl-14{-ms-flex-order:14;order:14}.order-xl-15{-ms-flex-order:15;order:15}.order-xl-16{-ms-flex-order:16;order:16}.order-xl-17{-ms-flex-order:17;order:17}.order-xl-18{-ms-flex-order:18;order:18}.order-xl-19{-ms-flex-order:19;order:19}.order-xl-20{-ms-flex-order:20;order:20}.order-xl-21{-ms-flex-order:21;order:21}.order-xl-22{-ms-flex-order:22;order:22}.order-xl-23{-ms-flex-order:23;order:23}.order-xl-24{-ms-flex-order:24;order:24}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:4.16667%}.offset-xl-2{margin-left:8.33333%}.offset-xl-3{margin-left:12.5%}.offset-xl-4{margin-left:16.66667%}.offset-xl-5{margin-left:20.83333%}.offset-xl-6{margin-left:25%}.offset-xl-7{margin-left:29.16667%}.offset-xl-8{margin-left:33.33333%}.offset-xl-9{margin-left:37.5%}.offset-xl-10{margin-left:41.66667%}.offset-xl-11{margin-left:45.83333%}.offset-xl-12{margin-left:50%}.offset-xl-13{margin-left:54.16667%}.offset-xl-14{margin-left:58.33333%}.offset-xl-15{margin-left:62.5%}.offset-xl-16{margin-left:66.66667%}.offset-xl-17{margin-left:70.83333%}.offset-xl-18{margin-left:75%}.offset-xl-19{margin-left:79.16667%}.offset-xl-20{margin-left:83.33333%}.offset-xl-21{margin-left:87.5%}.offset-xl-22{margin-left:91.66667%}.offset-xl-23{margin-left:95.83333%}}@media (min-width:1820px){.col-ul{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-ul-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-ul-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-ul-3>*{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-ul-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-ul-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.col-ul-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-ul-1{-ms-flex:0 0 4.16667%;flex:0 0 4.16667%;max-width:4.16667%}.col-ul-2{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-ul-3{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.col-ul-4{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-ul-5{-ms-flex:0 0 20.83333%;flex:0 0 20.83333%;max-width:20.83333%}.col-ul-6{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-ul-7{-ms-flex:0 0 29.16667%;flex:0 0 29.16667%;max-width:29.16667%}.col-ul-8{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-ul-9{-ms-flex:0 0 37.5%;flex:0 0 37.5%;max-width:37.5%}.col-ul-10{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-ul-11{-ms-flex:0 0 45.83333%;flex:0 0 45.83333%;max-width:45.83333%}.col-ul-12{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-ul-13{-ms-flex:0 0 54.16667%;flex:0 0 54.16667%;max-width:54.16667%}.col-ul-14{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-ul-15{-ms-flex:0 0 62.5%;flex:0 0 62.5%;max-width:62.5%}.col-ul-16{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-ul-17{-ms-flex:0 0 70.83333%;flex:0 0 70.83333%;max-width:70.83333%}.col-ul-18{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-ul-19{-ms-flex:0 0 79.16667%;flex:0 0 79.16667%;max-width:79.16667%}.col-ul-20{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-ul-21{-ms-flex:0 0 87.5%;flex:0 0 87.5%;max-width:87.5%}.col-ul-22{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-ul-23{-ms-flex:0 0 95.83333%;flex:0 0 95.83333%;max-width:95.83333%}.col-ul-24{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-ul-first{-ms-flex-order:-1;order:-1}.order-ul-last{-ms-flex-order:25;order:25}.order-ul-0{-ms-flex-order:0;order:0}.order-ul-1{-ms-flex-order:1;order:1}.order-ul-2{-ms-flex-order:2;order:2}.order-ul-3{-ms-flex-order:3;order:3}.order-ul-4{-ms-flex-order:4;order:4}.order-ul-5{-ms-flex-order:5;order:5}.order-ul-6{-ms-flex-order:6;order:6}.order-ul-7{-ms-flex-order:7;order:7}.order-ul-8{-ms-flex-order:8;order:8}.order-ul-9{-ms-flex-order:9;order:9}.order-ul-10{-ms-flex-order:10;order:10}.order-ul-11{-ms-flex-order:11;order:11}.order-ul-12{-ms-flex-order:12;order:12}.order-ul-13{-ms-flex-order:13;order:13}.order-ul-14{-ms-flex-order:14;order:14}.order-ul-15{-ms-flex-order:15;order:15}.order-ul-16{-ms-flex-order:16;order:16}.order-ul-17{-ms-flex-order:17;order:17}.order-ul-18{-ms-flex-order:18;order:18}.order-ul-19{-ms-flex-order:19;order:19}.order-ul-20{-ms-flex-order:20;order:20}.order-ul-21{-ms-flex-order:21;order:21}.order-ul-22{-ms-flex-order:22;order:22}.order-ul-23{-ms-flex-order:23;order:23}.order-ul-24{-ms-flex-order:24;order:24}.offset-ul-0{margin-left:0}.offset-ul-1{margin-left:4.16667%}.offset-ul-2{margin-left:8.33333%}.offset-ul-3{margin-left:12.5%}.offset-ul-4{margin-left:16.66667%}.offset-ul-5{margin-left:20.83333%}.offset-ul-6{margin-left:25%}.offset-ul-7{margin-left:29.16667%}.offset-ul-8{margin-left:33.33333%}.offset-ul-9{margin-left:37.5%}.offset-ul-10{margin-left:41.66667%}.offset-ul-11{margin-left:45.83333%}.offset-ul-12{margin-left:50%}.offset-ul-13{margin-left:54.16667%}.offset-ul-14{margin-left:58.33333%}.offset-ul-15{margin-left:62.5%}.offset-ul-16{margin-left:66.66667%}.offset-ul-17{margin-left:70.83333%}.offset-ul-18{margin-left:75%}.offset-ul-19{margin-left:79.16667%}.offset-ul-20{margin-left:83.33333%}.offset-ul-21{margin-left:87.5%}.offset-ul-22{margin-left:91.66667%}.offset-ul-23{margin-left:95.83333%}} /* fonts */ @font-face { font-family: 'adineue-pro'; src: url('adineuePROCyr-LightWeb.woff2') format('woff2'), url('adineuePROCyr-LightWeb.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'adineue-pro'; src: url('adineuePROCyr-BoldWeb.woff2') format('woff2'), url('adineuePROCyr-BoldWeb.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* icon fonts */ @font-face{font-family:'icons';src:url('icons.woff2') format('woff2'),url('icons.woff') format('woff');font-display:swap;font-weight:normal;font-style:normal} [class^="i-"]:before,[class*=" i-"]:before,.i:before,.i:after{margin-right:8px;font-family:"icons";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .i-phone:before { content: '\e800'; } /* '' */ .i-cancel:before { content: '\e801'; } /* '' */ .i-plus:before { content: '\e802'; } /* '' */ .i-minus:before { content: '\e803'; } /* '' */ .i-location:before { content: '\e804'; } /* '' */ .i-mail:before { content: '\e805'; } /* '' */ .i-cart:before { content: '\e806'; } /* '' */ .i-up-open-mini:before { content: '\e808'; } /* '' */ .i-right-open-mini:before { content: '\e809'; } /* '' */ .i-left-open-mini:before { content: '\e80a'; } /* '' */ .i-down-open-mini:before { content: '\e80b'; } /* '' */ .i-angle-right-1:before { content: '\e817'; } /* '' */ .i-left:before { content: '\e81a'; } /* '' */ .i-right:before { content: '\e81b'; } /* '' */ .i-search:before { content: '\e81c'; } /* '' */ .i-angle-left-1:before { content: '\e81d'; } /* '' */ .i-twitter:before { content: '\f099'; } /* '' */ .i-facebook:before { content: '\f09a'; } /* '' */ .i-menu:before { content: '\E81E'; } /* '' */ .i-linkedin:before { content: '\f0e1'; } /* '' */ .i-angle-left:before { content: '\f104'; } /* '' */ .i-angle-right:before { content: '\f105'; } /* '' */ .i-angle-up:before { content: '\f106'; } /* '' */ .i-angle-down:before { content: '\f107'; } /* '' */ .i-instagram:before { content: '\f16d'; } /* '' */ .i-quote:before { content: '\e807'; } .i-arrow-big:before { content: '\e81f'; } /* '' */ .i-youtube:before { content: '\f16a'; } /* '' */ .i-user:before { content: '\e80c'; } /* '' */ .i-vk:before { content: ''; background-image: url(vk.svg); background-size: cover; width: 22px; height: 22px; opacity: .5; transition: .4s; } .i-vk:hover::before{ opacity: 1; transition: .4s; } /* layout */ html,body{height:100%} body{font-family:'adineue-pro',sans-serif;font-size:19px;min-width:320px;font-weight:400;width:100%;overflow:hidden;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;background:#fff;color:#232323; letter-spacing: 1px;} .layout{flex:1 0 auto} /* placeholder (defaut) */ *::-webkit-input-placeholder{color: #595959} *:-moz-placeholder{color:#595959} *::-moz-placeholder{color:#595959} *:-ms-input-placeholder{color:#595959} /* placeholder (disabled) */ *[disabled]::-webkit-input-placeholder{color:#CCC} *[disabled]:-moz-placeholder{color:#CCC} *[disabled]::-moz-placeholder{color:#CCC} *[disabled]:-ms-input-placeholder{color:#CCC} /* placeholder (error) */ .error::-webkit-input-placeholder{color:#F00} .error:-moz-placeholder{color:#F00} .error::-moz-placeholder{color:#F00} .error:-ms-input-placeholder{color:#F00} /* default */ .input,.btn,select{text-transform:none;color:#000;font-family:'adineue-pro',sans-serif;margin:0px;vertical-align:top;transition:all 0.25s;box-sizing:border-box;font-size:14px;border-radius:5px;} /* input,textarea */ input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none} .input,.btn,select{padding:0 20px;background:#F5F5F5;text-transform:uppercase;height:44px;line-height:44px;color:#000;border:1px solid #E1E1E2} .input:hover, select:hover{border-color:#888} .input:focus, select:focus{border-color:#387B48} .input.error{border-color:#E00606;color:#E00606} .input[disabled],.input[disabled]:hover,.input[disabled]:focus{cursor:default;color:#CCC;border:1px solid #CCC;box-shadow:none} textarea.input{resize:none;height:auto;padding:15px;line-height:normal} .input.ns,.input.ns:hover,.input.ns:focus{text-transform:none;border-radius:inherit;height:inherit;line-height:inherit;padding:0;background:inherit;border:inherit;box-shadow:inherit} .form .form-title {text-transform:uppercase;margin-bottom:28px;font-size:34px;} .form label {display:block;margin-bottom:5px;} .form .input, .dealer-form .btn {width:100%;} .dealer-form p {margin-bottom:10px;} .dealer-form .btn {margin-top:15px;} .dealer-form label {font-weight:700;font-size:15px;} .dealer-page {padding-top:40px;padding-bottom:45px;} /* buttons */ .btn{text-decoration:none;width:auto;transition:all 0.3s;color:#fff !important;background: transparent;text-decoration:none;cursor:pointer;display:inline-block;text-align:center;white-space:nowrap;color:#fff;text-transform:uppercase;background:#387B48;border:0;} .btn:hover{background:#343944;} .btn:active{box-shadow:inset 0 3px 6px 0px rgba(0,0,0,0.1)} .btn-light {border:2px solid #387B48 ;color:#387B48;background:#fff;line-height:40px;} .btn-light:hover {background:#387B48;color:#fff;} .btn-ico {justify-content:center;display:inline-flex;align-items:center;} .btn-ico:before,.btn-ico:after{font-family: 'icons';font-size:16px;font-weight:400;} .btn-ico-cart:before {content:'\E806';margin-right:8px;} .btn-ico-favorites {padding:0;} .btn-ico-favorites:before {content:'\E819';} .btn-ico-next:after, .btn-ico-prev:before {content:'\E81B';font-size:14px;margin-left:8px;} .btn-ico-prev:before {transform:rotate(-180deg);margin-left:0;margin-right:8px;} .btn-ico-checkout:before{content:'\E81E';margin-right:12px;} .btn.disabled,.btn.disabled:hover,.btn.disabled:active,.btn.disabled:focus{cursor:not-allowed;box-shadow:none;background:none;color:#dfdfdf;background:none;border:0px} /* default stars */ .rating{font-size:16px} .rating i{display:inline-block;font-style:normal} .rating i:before{font-family:'icons';display:inline-block;content:'\E805';color:#C5C5C5} .rating i.on:before{content:'\E805';color:#F6D81C} /* heading */ h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-size:30px;font-weight:700;margin-bottom:25px;font-weight:700;} h2,.h2{font-size:22px} h3,.h3{font-size:20px} h4,.h4{font-size:18px} h5,h6,.h5,.h6{font-size:16px} /* links */ a{color:#36A940;background-color:transparent;outline:none !important}a:hover{text-decoration:none} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .false{text-decoration:none;cursor:pointer;color:#36A940;border-bottom:1px dashed #36A940} /* base */ strong,b,.b{font-weight:700}p{margin-bottom:25px}u{text-decoration:underline}em,dfn{font-style:italic}del{text-decoration:line-through}ins{background:#ff9;color:#000;text-decoration:none}big{font-size:120%}small{font-size:80%}abbr[title],acronym{border-bottom:1px dotted}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}q{quotes:none}q:before,q:after{content:"";content:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}hr{display:block;height:1px;border:0;border-top:1px dashed #ccc;margin-bottom:15px;padding:0}dl{margin:0 0 15px 0}dl dt{font-weight:700}dd{margin:0 0 0 15px}table{border:0px;margin-bottom:25px;width:100%}table tr td,table tr th{transition:background 0.3s;border:1px solid #CCC;padding:8px 12px;vertical-align:middle}table tr th{background:#EEE;text-align:center}table tr:hover td{background:#FBFBFB} /* editor content */ .editor{line-height:30px;font-size:17px} .editor img{max-width:100%;max-height:none;height:auto} .editor ul,.editor ol{margin-bottom:25px;padding-left:0px;color:#6f7173} .editor ul li,.editor ol li{margin-bottom:0px;list-style:inside;position:relative} .editor ul li:before{content:'';position:absolute;width:8px;height:8px;top:7px;left:0;background:#323843} .editor ul li{list-style:none;padding-left:20px;position:relative} .editor ol li{list-style-type:decimal} .editor blockquote{padding-left:35px;border-left:2px solid #000} .editor p:last-child{margin-bottom:0} .editor iframe{max-width:100%;max-height:100%} /* alert */ .alert-success,.alert-warning,.alert-error,.alert-empty{text-align:center;padding:25px 25px;margin-bottom:25px;} .alert-success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74} .alert-success a{color:#1d9d74} .alert-warning{background-color:#F9F2CB;border-color:#F5E79E;color:#C09853} .alert-warning a{color:#C09853} .alert-error{background-color:#f2dede;border-color:#ebccd1;color:#B94A48} .alert-error a{color:#B94A48} .alert-empty{background-color:#fafafa;border-color:#e1e1e1;color:#7b7b7b} /* embed */ .embed-responsive{position: relative;display: block;width: 100%;padding: 0;overflow: hidden} .embed-responsive::before{display: block;content: ""} .embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0}.embed-responsive-21by9::before{padding-top: 42.857143%} .embed-responsive-16by9::before{padding-top: 56.25%} .embed-responsive-4by3::before{padding-top: 75%} .embed-responsive-1by1::before{padding-top: 100%} /* popups */ .popup{transition:opacity 0.6s;visibility:hidden;z-index:999;opacity:0;position:absolute;right:0;top:-9999px;left:0;margin:0 auto 0 auto;width:320px} .popup.sm{width:380px} .popup.md{width:570px} .popup.lg{width:670px} .popup.xl{width:1140px} .popup .l{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;background: rgba(15, 19, 24, 0.6);opacity:0.6} .popup .c{overflow:hidden;transition:all 0.3s;transform:scale(1.1);opacity:0;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:999;position:relative;background:#FFF;padding:45px} .popup .c>.t,.popup .c>div>.t{font-size:18px;position:relative;text-transform:uppercase;color:#000;font-weight:500;display:block;margin-bottom:20px} .popup .close{font-size:18px;transition:all 0.3s;cursor:pointer;position:absolute;display:block;right:10px;top:10px;left:auto;width:40px;height:40px;text-align:center;line-height:40px;background:#fff} .popup .close:after{font-family:'icons';content:'\E82D'} .popup .close:hover{color:#f00} .popup .btn:not(.close){width:100%;text-transform:uppercase} .popup .state-b{color:#83AB01;display:none;padding-bottom:15px} .popup-cart{text-align:center} .popup-cart .t{margin-bottom:20px} .popup-cart a{margin-bottom:8px} .popup-cart .btn{height:46px;line-height:48px;width:100%;text-align:cnter;margin-bottom:10px} .popup-cart .close_popup{transition:all 0.3s;display:inline-block;cursor:pointer} .popup-cart .close_popup:hover{color:#000;border-color:#000} /* swiper */ .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{flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)} .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto} .swiper-container-vertical > .swiper-wrapper{flex-direction:column} .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:y mandatory} .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform} .swiper-slide-invisible-blank{visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height} .swiper-button-lock{display:none}.swiper-pagination-lock{display:none} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-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-pagination{z-index:99;width:100%;text-align:center;transition:all 0.3s;line-height:0;font-size:0} .swiper-pagination>span{line-height:0;border-radius:3px;font-size:0;cursor:pointer;transition:all 0.3s;height:20px;width:20px;opacity:0.5;background:#fff;margin:0 4px;display:inline-block} .swiper-pagination>.swiper-pagination-bullet-active,.swiper-pagination>span:hover{opacity:1;border-color:#000;opacity:1} .swiper-buttons{left:0;z-index:4;height:0px;position:absolute;right:0;top:35%; z-index:99;display:flex;justify-content:space-between;} .swiper-buttons > div{width:64px;height:32px;color:#fff;background:#377947;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all 0.3s} .swiper-buttons > div:hover{background:#343944;} .swiper-buttons > div:before{margin:0;font-size:28px;font-family:'icons';content:'\F105'} .swiper-buttons > .prev {margin-left:-50px;} .swiper-buttons > .next {margin-right:-50px;} .swiper-buttons > .prev:before{content:'\F104';} .swiper-buttons > div.swiper-button-disabled{opacity:0 !important;visibility:hidden !important} /* selectbox styled */ .select{font-size:12px;float:left;transition:all 0.3s;display:block;height:27px;width:124px;background:#FFF;border:1px solid #ddd;border-radius:3px;position:relative;z-index:9}.select .selected{cursor:pointer;position:relative;height:27px;padding:0 20px 0 10px;outline:none;overflow:hidden}.select .selected span{white-space:nowrap;text-overflow:ellipsis;color:#cdcdcd;text-decoration:none;display:block;line-height:26px;width:100%}.select .selected:after{font-family:icons;content:'\e80d';position:absolute;right:9px;top:6px}.select ul{padding-top:4px;border:1px solid #cdcdcd;border-top:0px;padding-bottom:8px;transition-property:opacity, visibility;transition-duration:.2s, 0s;transition-delay:0s,.2s;opacity:0;visibility:hidden;overflow:hidden;background:#fff;list-style:none;left:-1px;right:-1px;margin:0 auto;position:absolute;top:23px;width:auto;z-index:1;overflow-y:auto;border-radius:3px;border-top-left-radius:0px;border-top-right-radius:0px}.select ul li{cursor:pointer;transition:all 0.3s;display:block;outline:none;padding:2px 10px;color:#cdcdcd;text-decoration:none}.select ul li:hover,.select ul li.active{color:#333}.select:hover ul{opacity:1;visibility:visible;transition-delay:0s, 0s}.select-perpage{width:85px} /* default qty */ .qty{width:120px;height:94px;position:relative;align-items:center;z-index:1;display:flex;} .qty .qty-btns {flex:0 0 46px;} .qty .input{justify-content:space-between;width:100%;height:42px;line-height:46px;color:#000;border:0;padding:0;text-align:center;font-size:18px;font-weight:700;} .qty .plus,.qty .minus{transition:all 0.3s;cursor:pointer;background:none;height:46px;line-height:46px;line-height:46px;border-radius:100%;text-align:center;color:#000} .qty .plus:hover,.qty .minus:hover{background:#387B48;color:#fff;} .qty .plus:before,.qty .minus:before{font-family:'icons';content:'\F106'} .qty .minus:before{content:'\F107'; } .layout {padding-top:156px;} .content-wrap {padding-top:46px;padding-bottom:110px;} .index-slider {/*display:flex;justify-content:flex-end;align-items:center;*/background-color:#323743;margin-bottom:30px;background-size:cover;background-repeat:no-repeat;background-position:center bottom;} /* .index-slider .index-slider-carousel {width:40%;float:right;}*/ .index-slider .item {color:#fff;} .index-slider .item-title {font-size:30px;} .index-slider .item-title span {display:block;font-size:120px;} .index-slider .item-desc {font-size:20px;} .index-slider .item-action {padding-top:30px;} .index-slider .item-action .btn {width:190px;height:54px;line-height:54px;} .index-slider .swiper-buttons {width:140px;position:absolute;right:10%;top:auto;bottom:26%;left:auto;} .index-slider .swiper-buttons > * {background:none;margin:0;width:70px;height:70px;border-radius:100%;} .index-slider .swiper-buttons > *:hover{background:#387B48} /* .index-slider .index-slider--subimg {transition:margin 0.7s;background-repeat:no-repeat;background-position:center center;background-size:cover;width:32%;height:calc(75% - 133px);max-width:608px;max-height:680px;position:absolute;left:0;top:156px;margin-left:-20px;} .index-slider .index-slider--subimg:before {height:1px;background:#4C505B;position:absolute;left:0;bottom:0;right:0;width:2880px;margin-right:-100%;content:'';} .index-slider .index-slider--subimg.lazyloaded{margin-left:0;} */ .index-slider .index-slider-container {position:relative;} .index-slider:before, .index-slider:after {content:'';position:absolute;z-index:9;width:1px;height:calc(100% - 140px);background:#4C505B;left:40%;top:0;} .index-slider:after {left:auto;right:12%;} .index-slider .swiper-slide {height:99vh;display:flex;align-items:center;transition:all 0.3s;position:relative;min-height:680px;background-size:cover;background-repeat:no-repeat;background-position:center bottom;} .index-slider .swiper-slide .container {display:flex;justify-content:space-between;align-items:center;} .index-slider .item-img {height:300px;transition:margin 0.7s;background-repeat:no-repeat;background-position:center center;background-size:cover;height:calc(75% - 133px);max-width:608px;max-height:680px;} .index-slider .item-img-wrap {height:60vh;flex:0 0 30%;min-width:30%;} .index-slider .item-img {height:100%;} .index-slider .social-icons {background:#f00;position:absolute;width:100%;height:100px;top:0;left:0;} .box-blog-preview {padding:50px;} .blog-items .item {display:flex;position:relative;} .blog-items .item .item-img-wrap {flex:0 0 270px;min-height:270px;min-width:270px;} .blog-items .item .item-img-wrap .item-img {z-index:1;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;} .blog-items .item .item-details {position:relative;padding:20px;padding-bottom:60px;padding-right:0;} .blog-items .item .item-details .item-title {margin-bottom:15px;text-transform:uppercase;font-size:24px;} .blog-items .item .item-details .item-title a {color:#000;text-decoration:none;} .blog-items .item .item-details .item-title a:hover{text-decoration:underline;} .blog-items .item .item-details .item-title span {display:block;font-weight:700;} .blog-items .item .item-details p {margin:0;font-size:16px;} .blog-items .item .item-details .btn {position:absolute;bottom:0;left:0;height:42px;line-height:42px;border-radius:0;} .blog-items .item .item-date, .blog-items--list .item .item-date {z-index:9;color:#232323;background:#fff;text-align:center;position:absolute;background:#fff;left:0;top:0;height:76px;padding:6px 10px 10px 10px} .blog-items .item .item-date .item-date--date, .blog-items--list .item .item-date .item-date--date{margin-bottom:0;font-size:36px;font-weight:700;} .blog-items .item .item-date .item-date--month, .blog-items--list .item .item-date .item-date--month{display:inline-block;padding-top:3px;font-size:13px;border-top:1px solid #C9C9C9;} .blog-items--list .item {margin-bottom:30px;text-decoration:none;position: relative;display: block;width: 100%;padding: 0;overflow: hidden} .blog-items--list .item::after{ content:'';height:50%;width:100%;z-index:1; width:100%; position:absolute;bottom:0;left:0; background: -moz-linear-gradient(top, rgba(0,183,234,0) 0%, rgba(50,55,67,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,183,234,0) 0%,rgba(50,55,67,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,183,234,0) 0%,rgba(50,55,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000b7ea', endColorstr='#323743',GradientType=0 ); /* IE6-9 */ } .blog-items--list .item::before{display: block;content: '';padding-top: 100%} .blog-items--list .item span {display:block;} .blog-items--list .item .item-img {transition:all 0.3s;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:cover;position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;} .blog-items--list .item .item-btn{display:flex;justify-content:flex-end;width:100%;text-align:right;position:absolute;z-index:10;right:0;bottom:0;} .blog-items--list .item .item-btn::before{z-index:1;content:'';position:absolute;width:100%;height:1px;background:#5B5F69;bottom:31px;opacity:0.3} .blog-items--list .item .item-btn .btn {position:relative;z-index:2;width:186px;height:32px;line-height:32px;border-radius:0;} .blog-items--list .item:hover .item-img {background-size:110%;} .blog-items--list .item:hover .btn {background:#343944;} .blog-items--list .item .item-date {width:90px;height:94px;padding:12px 0 0 0;} .blog-items--list .item .item-img::before, .blog-items--list .item .item-img::after{z-index:2;left:0;right:0;content:'';width:100%;height:1px;position:absolute;top:94px;background:#5B5F69;opacity:0.4} .blog-items--list .item .item-img::after {left:90px;top:0;height:100%;width:1px;right:auto;} .blog-items--list .item .item-date .item-date--date {font-size:46px;} .blog-items--list .item .item-date .item-date--month {font-size:14px;} .blog-items--list .item .item-title { text-shadow:0 0 4px rgba(0,0,0,0.1);font-size:22px;color:#fff;padding:20px 40px 48px 20px;position:absolute;bottom:0;z-index:9;font-weight:700;} /* header */ .header{z-index:991;position:fixed;left:0;right:0;top:0;font-size:19px;color:#fff;transition:all 0.3s;background:#323743;border-bottom:1px solid #4C505B;} .header a {color:#fff;text-decoration:none;} .header a:hover{text-decoration:underline;} .header .header-inner {transition:all 0.3s;display:flex;align-items:center;height:156px} .header .header-left {flex:0 0 365px;background:#fff;position:relative;height:100%;display:flex;align-items:center;} .header .header-left:before{height:100%;margin-left:-100%;left:0;width:100%;background:#fff;position:absolute;content:'';} .header .header-left .logo {display:block;max-width:260px;} .header .header-right{flex:1;display:flex;justify-content:space-between;padding-left:75px;padding-right:40px;} .header .nav-link {cursor:pointer;font-size:30px;color:#fff;} .header .nav-link:before{margin:0; margin-right: 10px;} .header .nav-wrap {position:relative;} .header .nav-wrap .nav-menu {font-size:18px;transition:all 0.3s;visibility:hidden;opacity:0; /*padding:18px 0;*/ position:absolute;background:#fff;width:350px;margin-top:0;left:-26px;box-shadow:0 0 10px rgba(0,0,0,0.1)} .header .nav-wrap .nav-menu > ul {max-height: 80vh;overflow: auto;} .header .nav-wrap .nav-menu li a {transition:all 0.3s;display:block;width:100%;padding:7px 28px;color:#000; /*text-transform:uppercase;*/ border-bottom: 1px solid #eee; } .header .nav-wrap .nav-menu li a:hover{text-decoration:none;background:#fafafa;} .header .nav-wrap .nav-menu li a.is-selected {color:#fff;background:#387B48} .header .nav-wrap .nav-menu .nav-menu--cats a {padding-left:58px;} .header .user-links {align-items:center;display:flex;flex:0 0 25%;justify-content:space-between;;} .header .user-links .user-links--link:before {font-size:26px;} .header .user-links .user-links--link {transition:all 0.3s;padding-right:15px;position:relative;} .header .user-links .user-links--link .count {font-size:12px;position:absolute;top:0;left:30px;} .header .user-links .user-links--link:hover{text-decoration:none;color:#ccc} .header .user-links .user-links--link.i-user {margin-right:0;} .header .user-links .user-links--link.i-user:before{font-size:22px;} .header .user-links .user-links--phone {white-space:nowrap;margin-right:20px;} .header .user-links .phone{display:flex;align-items:center;color:#fff;} .header .user-links .phone:before {font-size:22px;} .js-fixed-header .header {background:#323743 !important;} .js-fixed-header .header .header-inner {height:100px;} .js-show-menu .header .nav-wrap .nav-menu {margin-top:15px;visibility:visible;opacity:1;} .js-show-menu .layer {opacity:0.6;visibility:visible;} .product-page .header, .cart-page .header {background:#323743;} .index-page .layout {padding-top:0;} .index-page {background:#fff;} .index-page .header, .collection-page .header, .page-page .header, .blog-page .header {background:transparent;} .index-page {padding-top:0;} .index-page .content-wrap {padding-top:0;} /* misc */ .cf:after,.clearfix:after,.clear{clear:both;content:".";height:0px;display:block;visibility:hidden;line-height:0px;font-size:0px} .none{display:none} .nscript{position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgb(0,0,0);background:transparent\9;background:rgba(0,0,0,0.75);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000);zoom:1;z-index:9999}.nscript .c{background:#C00;padding:10px 0;font-size:13px;text-shadow:1px 0 1px #970000;line-height:15px;color:#FFF;text-align:center;box-shadow:0 0 5px #000}.ns .c p{margin:0px} .a-left{text-align:left !important} .a-right{text-align:right !important} .a-center{text-align:center !important} .layer{transition:opacity 0.2s;opacity:0;visibility:hidden;position:fixed;left:0px;top:0px;right:0px;bottom:0px;z-index:900;background: rgba(15, 19, 24, 0.6);} img{max-width:100%;max-height:100%} .lazyload,.lazyloading{opacity:0} .lazyloaded{opacity:1;transition:opacity 300ms} .content-wrap {padding-bottom:70px;} /* breadcrumbs */ .breadcrumbs{margin-bottom:25px;color:#D4D4D6;padding-bottom:25px;background:#fff;display:flex;align-items:center;flex-wrap:wrap;font-size:18px;} .breadcrumbs li{position:relative;padding-right:17px;margin-right:10px} .breadcrumbs li:after{content:'/';display:block;position:absolute;right:0;top:1px} .breadcrumbs li a{text-decoration:none;color:#000} .breadcrumbs li a:hover{text-decoration:underline} .breadcrumbs li:last-child{margin:0;padding:0} .breadcrumbs li:last-child:after{content:''} .breadcrumbs span span {color:#36A940} /* specs */ .item-specs {font-size:18px;} .item-specs .item-specs--row {display:flex;padding:5px 6px;} .item-specs .item-specs--row .item-specs--item-name {flex:0 0 60%;} .item-specs .item-specs--row .item-specs--item-value {overflow:hidden;font-weight:700;flex:0 0 40%;padding-left:25px;} .item-specs .item-specs--row .item-specs--item-text{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;} .item-specs .item-specs--row:nth-child(even){background:#F7F7F7;} /* boxes */ .box {} .box .box-header .box-header--title {margin-bottom:-30px;text-transform:uppercase;font-size:42px;text-transform:uppercase;} .box .box-header .box-header--title span {font-weight:700;} .box .box-content--inner {padding:0 45px;} .box-categorys .desc-img {height:552px;;width:100%;background-position:center top;background-repeat:no-repeat;background-size:cover;} .box-categorys .desc .desc-content {font-size:18px;line-height:26px;padding-right:5%;} .box-categorys .desc .desc-title {margin-bottom:25px;font-size:33px;} .box-categorys .desc .desc-title span {display:block;font-weight:700;position:relative;background:#343944;color:#fff;} .box-categorys .desc .desc-title span:before{content:'';margin-left:-100%;position:absolute;width:100%;background:#343944;height:100%;left:0;} .box-categorys .al {padding:80px 0;} .box-categorys .al-right .desc-col {order:2;} .box-categorys .al-right .items-col {order:1;} .box-categorys .al-right .desc-col--inner {order:2} .box-categorys .al-right .desc-col--image {order:1} .box-categorys .al-right {background:#FBFBFB} .box-categorys .al-right .desc .desc-content {padding-right:0;padding-left:8%;} .box-categorys .al-right .desc .desc-title {padding-left:8%;} .box-categorys .al-right .desc .desc-title span {padding-left:10%;margin-left:-10%;} .box-categorys .al-right .desc .desc-title span:before {left:auto;right:0;margin:0 -100% 0 0} .box-blog {padding-top:42px;border-top:1px solid #E1E1E1;} .box-blog .box-header .box-header--title {margin-bottom:35px;font-size:28px;} .box-works {padding-top:80px;} .box-works .box-header .box-header--title {margin-bottom:58px;text-transform:none;font-size:60px;} .box-works .works-list {margin:0 -15px;display:flex;} .box-works .works-list .group {padding:0 15px;} .box-works .works-list .group-a .item:first-child{margin-bottom:5px;} /* products grid */ .products-grid .item {margin-bottom:30px;background:#fff; //height:552px; padding:25px;box-shadow:0 0 46px rgba(0,0,0,0.04)} .products-grid .item .item-img { //height:192px;line-height:192px; text-align:center;margin-bottom:25px;} .products-grid .item .item-title {font-size:24px;margin-bottom:8px;padding-bottom:22px;position:relative;} .products-grid .item .item-title:after {height:2px;width:50px;position:absolute;left:0;bottom:0;content:'';background:#435361} .products-grid .item .item-title a {text-decoration:none;color:#232323} .products-grid .item .item-title a:hover{text-decoration:underline;} .products-grid .item .item-title--category {font-weight:700;} .products-grid .item .item-title--main {max-height:50px;overflow:hidden;font-size:20px;} .products-grid .item .item-specs {height:140px;overflow:hidden;margin-bottom:20px;font-size:16px;} .products-grid .item .item-specs .item-specs--row .item-specs--item-value {font-size:16px;} .products-grid .item .item-buywrap {display:flex;align-items:center;width:100%;justify-content:space-between;} .products-grid .item .item-buywrap > * {flex:0 0 50%;} .products-grid .item .item-buywrap .btn {width:100%;} .products-grid .item .item-price {font-size:22px;color:#387B48;font-weight:700;} .products-grid .swiper-slide .item {margin-bottom:0;box-shadow:0 0 14px rgba(0,0,0,0.03)} body {background:#FCFCFC;} .layout {overflow:hidden;} .js-products-slider {position:relative;margin-top:-15px;} .js-products-slider .swiper-slide {padding:15px;} .pad {padding:0 45px;} .page-title-outer {position:relative;z-index:9;text-align:center;margin-top:-202px; background: rgba(73,78,88,1); background: -moz-radial-gradient(center, ellipse cover, rgba(73,78,88,1) 0%, rgba(73,78,88,1) 8%, rgba(50,55,67,1) 61%, rgba(50,55,67,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(73,78,88,1)), color-stop(8%, rgba(73,78,88,1)), color-stop(61%, rgba(50,55,67,1)), color-stop(100%, rgba(50,55,67,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(73,78,88,1) 0%, rgba(73,78,88,1) 8%, rgba(50,55,67,1) 61%, rgba(50,55,67,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(73,78,88,1) 0%, rgba(73,78,88,1) 8%, rgba(50,55,67,1) 61%, rgba(50,55,67,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(73,78,88,1) 0%, rgba(73,78,88,1) 8%, rgba(50,55,67,1) 61%, rgba(50,55,67,1) 100%); background: radial-gradient(ellipse at center, rgba(73,78,88,1) 0%, rgba(73,78,88,1) 8%, rgba(50,55,67,1) 61%, rgba(50,55,67,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494e58', endColorstr='#323743', GradientType=1 ); height:480px;padding-top:156px;display:flex;align-items:center;justify-content:center;} .page-title-outer .pl {position:absolute;width:100%;z-index:1;left:0;top:0;right:0;bottom:0;} .page-title-outer .pl:after{content:'';position:absolute;top:155px;height:1px;left:0;width:100%;background:#4C505B;} .page-title-outer .pl:after {top:71%;} .page-title-outer .pl-inner{margin:0 auto;left:0;right:0;position:absolute;z-index:1;height:100%;top:0;} .page-title-outer .pl-inner:after, .page-title-outer .pl-inner:before{content:'';position:absolute;left:379px;background:#4C505B;height:100%;top:0;width:1px;} .page-title-outer .pl-inner:after {left:auto;right:145px;} .page-title-outer > .container {position:relative;z-index:2;} .page-title-outer .pad {padding:p;background:none;} .page-title-outer .breadcrumbs {justify-content:center;flex-wrap:wrap;text-align:center;background:none;padding:0;margin:0;} .page-title-outer .breadcrumbs a {color:#fff} .page-title--inner {position:relative;z-index:2;border-top:1px solid #f00} .page-title h1, .page-title .h1 {color:#fff;text-transform:uppercase;font-weight:700;font-size:120px;} .page-title span, .page-title .h1 {color:#fff;text-transform:uppercase;font-weight:700;font-size:120px;} .page-title-outer .search-query {color:#fff;} .page-static {padding-top:50px;} .search-page .header{background:none} .box-benefits {padding-top:80px;margin-bottom:120px;} .benefits-list {position:relative;} .benefits-list .box-header {display:flex;margin-bottom:60px;} .benefits-list .box-header .box-header--title {text-transform:none;} .benefits-list .box-header .box-header--title span {display:block;} .benefits-list .box-header .box-header--desc {padding-left:53px;} .benefits-list .swiper-buttons {top:50%;} .benefits-list .swiper-buttons .prev, .benefits-list .swiper-buttons .prev:after, .benefits-list .swiper-buttons .next, .benefits-list .swiper-buttons .next:after {background:#387B48} .benefits-list .swiper-buttons .prev:hover, .benefits-list .swiper-buttons .prev:hover:after, .benefits-list .swiper-buttons .next:hover, .benefits-list .swiper-buttons .next:hover:after {background:#333844} .benefits-list .swiper-buttons .prev {margin-left:-64px;} .benefits-list .swiper-buttons .next {margin-right:-64px;} .benefits-list .swiper-buttons .prev:after{width:300%;margin-left:-300%} .benefits-list .swiper-buttons .next:after{width:300%;margin-right:-300%} .benefits-list .swiper-slide {height:auto;} .benefits-list .item {transition:all 0.3s;background:#FBFBFB;height:100%;} .benefits-list .item .item-num--wrap {position:relative;overflow:hidden;display:flex;justify-content:flex-end;} .benefits-list .item .item-num--value {transition:all 0.3s;border-left:1px solid #F0F0F0;line-height:154px;padding:65px 0;font-size:213px;color:#FBFBFB;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;font-weight:700;text-align:right;position:relative;} .benefits-list .item .item-num--wrap:before, .benefits-list .item .item-num--wrap:after {transition:all 0.3s;height:1px;content:'';background:#F0F0F0;width:100%;margin-left:-100%;right:0;position:absolute;top:67px;} .benefits-list .item .item-num--wrap:after {top:auto;bottom:60px;} .benefits-list .item .item-desc-wrap {padding:30px 50px 50px 50px;} .benefits-list .item .item-num2 {color:#D0D0D0;font-size:21px;font-weight:700;margin-bottom:20px;} .benefits-list .item .item-title {margin-bottom:25px;font-weight:700;font-size:30px;} .benefits-list .item .item-text{font-size:18px;line-height:18px;} .benefits-list .swiper-slide.swiper-slide-active .item {background:#333844;color:#fff;} .benefits-list .swiper-slide.swiper-slide-active .item .item-num--value {border-color:#484C57;color:#fff;text-shadow:none;} .benefits-list .swiper-slide.swiper-slide-active .item .item-num--wrap:before, .benefits-list .swiper-slide.swiper-slide-active .item .item-num--wrap:after {background:#484C57} .benefits-list .swiper-slide.swiper-slide-active .item .item-num2 {color:#5C6069;} /* footer */ .footer {background:#232323;color:#fff;font-size:16px;width:100%;} .footer a {color:#fff;text-decoration:none;} .footer a:hover {text-decoration:underline;} .footer .footer-top {padding-top:58px;padding-bottom:38px;display:flex;align-items:center;} .footer .footer-top .logo {flex:0 0 340px;min-width:340px;} .footer .footer-top .i {display:flex;align-items:center;} .footer .footer-top .i:before{font-size:20px;color:#919191;margin-right:15px;} .footer .footer-top .contacts {border-right:1px solid #393939;justify-content:space-between;padding:15px 40px;display:flex;flex:0 0 30%;} .footer .footer-top .address {flex-direction:column;display:flex;flex:1;padding:15px 40px;border-right:1px solid #393939;} .footer .footer-top .address .partners-link {padding-left:25px;font-size:14px;} .footer .footer-top .address .partners-link a {transition:all 0.3s;color:#387B48;text-decoration:underline;} .footer .footer-top .address .partners-link a:hover{color:#fff;} .footer .footer-top .social {display:flex;justify-content:space-around;padding-left:40px;flex:0 0 200px;min-width:200px;} .footer .footer-top .social .i:before {transition:all 0.3s;} .footer .footer-top .social .i:hover {text-decoration:none;} .footer .footer-top .social .i:hover:before {color:#fff;} .footer .footer-bottom {font-size:16px;color:#494949;padding:15px 0;border-top:1px solid #393939;} /* pager */ .pager{margin-bottom:60px;display:flex;padding-top:25px;justify-content:center;} .pager .pager-item{font-size:26px;color:#387B48;font-weight:700;border:2px solid #387B48;transition:all 0.3s;width:58px;height:58px;background:#fff;margin-left:10px; text-decoration:none;display:block; line-height:58px;text-align:center;border-radius:4px;} .pager .pager-item:hover,.pager .pager-item.is-selected{border-color:#387B48;color:#fff;background:#387B48;} .pager .prev:before,.pager .next:before{font-family:'icons';content:'\F104'} .pager .next:before{content:'\F105'} /* filter */ .catalog-filter{z-index:9;position:relative;margin-bottom:30px;padding:30px 0;box-shadow:0 6px 14px rgba(0,0,0,0.03)} .catalog-filters {justify-content:center;position:relative;z-index:1;padding:0;display:flex;flex-wrap:nowrap;} .catalog-filters--label {padding:16px 0 16px 30px;border-left:1px solid #E5E5E5;display:flex;align-items:center;position:relative;font-size:18px;font-weight:700;color:#000;} .catalog-filters--label:after {color:#ccc;font-size:28px;font-weight:400;content:'\E81F';font-family:'icons';margin-left:13px;} .catalog-filters--label:first-child{border:0;padding-left:0;} .catalog-filter .catalog-prices {border-right:1px solid #E5E5E5;padding:12px 40px 13px 0;display:flex;align-items:center;} .catalog-filter .catalog-prices .input{padding:0;text-align:center;font-size:18px;width:100px;height:40px;line-height:40px;border:0;border-radius:0;background:#FBFBFB;} .catalog-filter .catalog-prices label {padding:0 13px;} .catalog-filter .search-wrap {padding-left:40px;display:flex;align-items:center;} .catalog-filter .search-wrap .input {border-bottom:1px solid #E5E5E5;height:34px;line-height:34px;padding:0 10px;font-size:18px;} .catalog-filter .search-wrap .btn {font-size:20px;} .catalog-filter .search-wrap .btn:before{margin:0;} .catalog-filter .btn {padding:0;width:42px;min-width:40px;height:40px;line-height:40px;margin-left:15px;} .msg-empty {padding:40px 0} .filter-action{display:none} .filter .filter-item{display:block;width:100%} .filter .filter-item:last-child .filter-group:after {display:none;} .filter .filter-group{width:100%;} .filter .filter-group > .filter-group-title{position:relative;padding:6px 28px 6px 10px} .filter .filter-group > .filter-group-title:after{transition:all 0.3s;content:'\F107';font-family:'icons';display:block;position:absolute;right:0;top:50%;margin-top:-5px} .filter .filter-group > .filter-group-title .t{color:#000;max-width:240px;font-size:18px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .filter .filter-group > .filter-group-title .value{font-weight:400;padding:0 4px;color:#000} .filter .filter-group > .c{padding:0 20px 15px 20px;display:none;background:#F5F5F5;font-weight:400} .filter .filter-group .items {font-size:12px;} .filter .filter-group .items li{padding:2px 0} .filter .filter-group .items li input[type=checkbox],.filter .filter-group .items li input[type=radio]{display:none} .filter .filter-group .items li .item-value{color:#000;text-decoration:none;text-transform:uppercase;padding:6px 30px 6px 0;cursor:pointer;transition:all 0.3s;position:relative;display:block;background:#fff} .filter .filter-group .items li .item-value:after{transition:all 0.3s;width:6px;height:6px;background:#000;border-radius:100%;position:absolute;right:13px;top:50%;margin-top:-3px;content:'';opacity:0} .filter .filter-group .items li input[type=checkbox]:checked ~ .item-value:after,.filter .filter-group .items li input[type=radio]:checked ~ .item-value:after{opacity:1} .filter .filter-group .items li input[type=checkbox]:checked ~ .item-value,.filter .filter-group .items li input[type=radio]:checked ~ .item-value,.filter .filter-group .items li .item-value:hover{font-weight:700} .filter .filter-group.open > .c{display:block} .filter-items-count,.filter-items-count--bottom{text-align:center;font-weight:300;padding-top:25px} .filter-items-count--bottom{padding:0} .sidebar .filter .filter-group{margin-bottom:10px;height:auto} .sidebar .filter .filter-group-title{color:#222;padding-top:20px;padding-bottom:20px;border:1px solid #F2F2F2} .sidebar .filter-reset .filter-reset-link{transition:all 0.3s;color:#BCBCBC;font-weight:500;text-transform:uppercase;border:8px solid #F2F2F2;height:60px;line-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 30px;text-decoration:none} .sidebar .filter-reset .filter-reset-link:after{font-family:'icons';content:'\E801';font-size:20px} .sidebar .filter-reset .filter-reset-link:hover{border-color:#222;color:#222} @media (min-width:992px){ .filter .filter-item {width:auto;display:inline-block;} .filter-dd{display:flex;align-items:center;flex-wrap:wrap;border:0;position:relative;z-index:9;justify-content:flex-between;} .filter-dd .filter-group{padding:16px 20px 16px 3px;text-align:left;z-index:2;position:relative;} /*.filter-dd .filter-group:after {width:1px;height:58px;background:#E5E5E5;content:'';position:absolute;right:0;top:6px;}*/ .filter-dd .filter-group > .filter-group-title{transition:all 0.3s;transition:all 0.3s;cursor:pointer;background:#fff;position:relative;z-index:4} .filter-dd .filter-group > .filter-group-title:after{content:'\E817';right:10px;transform:rotate(90deg);font-size:12px;} .filter-dd .filter-group > .filter-group-title:hover{border-color:#ddd} .filter-dd .filter-group > .c{z-index:3;display:block;visibility:hidden;opacity:0;transition:all 0.3s;transform:translate(0px, -10px);width:100%;position:absolute;left:3px;top:73%;background:#fff;padding:10px 15px 10px 15px;min-width:248px} .filter-dd .sorter-col .filter-group > .c{left:auto;right:0} .filter-dd .filter-group .items{overflow:hidden;overflow-y:auto;} .filter-dd .filter-group .reset{padding:8px 7px} .filter-dd .filter-group > .t .count{font-weight:400;font-size:9px;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;border-radius:100%;background:#C21F75;position:absolute;right:-6px;display:inline-block;opacity:0;visibility:hidden;top:-8px} .filter-dd .filter-group.is-selected > .t{border-color:#C21F75;color:#C21F75} .filter-dd .filter-group.is-selected > .t .count{opacity:1;visibility:visible} .filter-dd .filter-group.open{z-index:3} .filter-dd .filter-group.open .filter-group-title{box-shadow:0px -2px 4px rgba(0, 0, 0, 0.1)} .filter-dd .filter-group.open > .filter-group-title:after{transform:rotate(-90deg)} .filter-dd .filter-group.open > .c{transform:translate(0px, 0px);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);transition:0.4s;visibility:visible;opacity:1} .filter-dd .filter-group.open > .t{border-color:#fff;box-shadow:0px 0px 15px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0} .filter .filter-group > .filter-group-title .t {max-width:100%;} } .search-filter .search-wrap {display:flex;width:50%;padding-left:0;margin:0 auto;} .search-filter .search-wrap .input {flex:1;} .search-filter .search-wrap .btn {flex:0 0 40px;width:40px;} /* cart page */ .cart-page{background:#fff;} .cart-page .breadcrumbs-wrap {background:#fff;} .cart-page .breadcrumbs{padding-bottom:0} .cart-items {background:#FBFBFB;padding:60px 78px 60px 0;position:relative;} .cart-items:before{content:'';height:100%;position:absolute;left:0;top:0;margin-left:-100%;width:100%;background:#FBFBFB;} .cart-items .cart-items--list {margin-bottom:40px;} .cart-items .cart-items--list .item {padding:15px 0;position:relative;margin-bottom:20px;align-items:center;display:flex;background:#fff;box-shadow: 0 0 14px rgba(0,0,0,0.02);} .cart-items .cart-items--list .item a {color:#000;text-decoration:none;} .cart-items .cart-items--list .item a:hover{text-decoration:underline;} .cart-items .cart-items--list .item > * {height:100%;padding:15px;} .cart-items .cart-items--list .item .item-img {flex:0 0 140px;} .cart-items .cart-items--list .item .item-category {flex:0 0 30%;font-weight:700;font-size:24px;} .cart-items .cart-items--list .item .item-title {border:1px solid #E5E5E5;border-top:0;border-bottom:0;text-align:center;flex:0 0 30%;font-size:18px;} .cart-items .cart-items--list .item .item-qty {padding:0 40px;} .cart-items .cart-items--list .item .item-total {font-weight:700;border-left:1px solid #E5E5E5;text-align:center;flex:0 0 20%;font-size:22px;color:#387B48;} .cart-items .cart-items--list .item .item-del {font-size:26px;color:#979797;width:80px;position:absolute;display:flex;align-items:center;justify-content:center;right:-80px;top:0;} .cart-items .cart-items--list .item .item-del .i-cancel:before{margin:0;} .cart-items .cart-items--list .item .item-del a {transition:all 0.3s;} .cart-items .cart-items--list .item .item-del a:hover{color:#f00;text-decoration:none;} .cart-items .cart-bottom {display:flex;justify-content:space-between;} .cart-items .cart-bottom .cart-summary {justify-content:flex-end;text-align:right;margin-bottom:35px;text-align:right;display:flex;align-items:center;font-weight:700;} .cart-items .cart-bottom .cart-summary .cart-summary--label {font-size:24px;} .cart-items .cart-bottom .cart-summary .cart-summary--value {margin-left:26px;font-size:47px;color:#387B48;} .cart-items .cart-bottom .cart-bottom--summary {justify-content:flex-end; margin-bottom:35px;} .cart-items .cart-bottom .cart-actions {display:flex;} .cart-items .cart-bottom .cart-actions .btn {width:225px;} .cart-items .cart-bottom .cart-actions .cart-submit {margin-left:20px;} .cart-items .cart-bottom .cart-counpon--form {display:flex;align-items:center;} .cart-items .cart-bottom .cart-counpon--form .btn {border-top-left-radius:0;border-bottom-left-radius:0;width:auto;} .cart-items .cart-bottom .cart-counpon--form .input {margin-left:20px;width:150px;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0;} .cart-items .cart-bottom .cart-counpon--form label {font-size:18px;} .cart-items .cart-bottom .cart-counpon--form label span {font-weight:700;} .cart-items .cart-bottom--back {position:relative;} .cart-items .cart-bottom--back .back-btn {padding-right:20px;transition:all 0.3s;position:relative;font-size:18px;display:flex;align-items:center;color:#000;text-decoration:none;} .cart-items .cart-bottom--back .back-btn .i {transition:all 0.3s;margin-right:20px;width:42px;height:32px;background:#343944;color:#fff;font-size:26px;text-align:left;} .cart-items .cart-bottom--back .back-btn:before{transition:all 0.3s;display:flex;height:100%;width:100%;margin-left:-100%;position:absolute;left:0;top:0;content:'';background:#343944;} .cart-items .cart-bottom--back .back-btn:hover{background:#387B48;color:#fff;} .cart-items .cart-bottom--back .back-btn:hover .i{margin:0;background:#387B48;} .cart-items .cart-bottom--back .back-btn:hover:before {background:#387B48} /* loader */ .loader{transition:all 0.3s;visibility:hidden;opacity:0;z-index:9991;width:188px;height:188px;margin:-94px 0 0 -94px;position:fixed;left:50%;top:50%;transform:scale(0.33)}.loader>i{font-style:normal;display:block;top:80px;left:93px;width:4px;height:30px;background:#888;-webkit-animation:fadeOut 1s linear infinite;animation:fadeOut 1s linear infinite;border-radius:10px;position:absolute}.loader>i:nth-of-type(1){-webkit-transform:rotate(0deg) translate(0,-60px);transform:rotate(0deg) translate(0,-60px);-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.loader>i:nth-of-type(2){-webkit-transform:rotate(30deg) translate(0,-60px);transform:rotate(30deg) translate(0,-60px);-webkit-animation-delay:-0.4166666666666667s;animation-delay:-0.4166666666666667s}.loader>i:nth-of-type(3){-webkit-transform:rotate(60deg) translate(0,-60px);transform:rotate(60deg) translate(0,-60px);-webkit-animation-delay:-0.33333333333333337s;animation-delay:-0.33333333333333337s}.loader>i:nth-of-type(4){-webkit-transform:rotate(90deg) translate(0,-60px);transform:rotate(90deg) translate(0,-60px);-webkit-animation-delay:-0.25s;animation-delay:-0.25s}.loader>i:nth-of-type(5){-webkit-transform:rotate(120deg) translate(0,-60px);transform:rotate(120deg) translate(0,-60px);-webkit-animation-delay:-0.16666666666666669s;animation-delay:-0.16666666666666669s}.loader>i:nth-of-type(6){-webkit-transform:rotate(150deg) translate(0,-60px);transform:rotate(150deg) translate(0,-60px);-webkit-animation-delay:-0.08333333333333331s;animation-delay:-0.08333333333333331s}.loader>i:nth-of-type(7){-webkit-transform:rotate(180deg) translate(0,-60px);transform:rotate(180deg) translate(0,-60px);-webkit-animation-delay:0s;animation-delay:0s}.loader>i:nth-of-type(8){-webkit-transform:rotate(210deg) translate(0,-60px);transform:rotate(210deg) translate(0,-60px);-webkit-animation-delay:0.08333333333333337s;animation-delay:0.08333333333333337s}.loader>i:nth-of-type(9){-webkit-transform:rotate(240deg) translate(0,-60px);transform:rotate(240deg) translate(0,-60px);-webkit-animation-delay:0.16666666666666663s;animation-delay:0.16666666666666663s}.loader>i:nth-of-type(10){-webkit-transform:rotate(270deg) translate(0,-60px);transform:rotate(270deg) translate(0,-60px);-webkit-animation-delay:0.25s;animation-delay:0.25s}.loader>i:nth-of-type(11){-webkit-transform:rotate(300deg) translate(0,-60px);transform:rotate(300deg) translate(0,-60px);-webkit-animation-delay:0.33333333333333337s;animation-delay:0.33333333333333337s}.loader>i:nth-of-type(12){-webkit-transform:rotate(330deg) translate(0,-60px);transform:rotate(330deg) translate(0,-60px);-webkit-animation-delay:0.41666666666666663s;animation-delay:0.41666666666666663s} /* js handlers */ .js-popup-show .popup.shown{z-index:999;top:0;left:0;opacity:1;visibility:visible} .js-popup-show .popup.shown .c{transform:scale(1);margin-top:0px;opacity:1} .js-loader-show .loader{opacity:1;visibility:visible} /* product page */ .product-page {background:#fff;} .p-page {margin-bottom:30px;} .p-page .p-gallery {text-align:center;position:relative;} .p-page .p-gallery .avl-msg {display:flex;align-items:center;font-size:15px;color:#387B48;z-index:9;position:absolute;right:44px;top:14px;} .p-page .p-gallery .avl-msg:before{margin-right:7px;width:7px;height:7px;border-radius:100%;background:#387B48;content:'';display:block;} .p-page .p-gallery .avl-msg.is-outstock {color:#f00;} .p-page .p-gallery .avl-msg.is-outstock:before{background:#f00;} .p-page .p-gallery .gallery-preview {background:#fff;margin-bottom:25px;} .p-page .p-gallery .swiper-buttons .prev {margin-left:0;} .p-page .p-gallery .swiper-buttons .next {margin-right:0;} .p-page .p-gallery .gallery-thumbs .item {cursor:pointer;border:1px solid #E5E5E5} .p-page .p-gallery .gallery-thumbs .swiper-slide-thumb-active .item {border-color:#387B48} .p-page .p-details {height:100%;padding-bottom:94px;background:#FBFBFB;padding-left:60px;} .p-page .p-details .product-category {margin-right:0px;margin-bottom:3px;position:relative;padding:3px 15px 3px 0;background:#343944;color:#fff;font-size:32px;font-weight:700;} .p-page .p-details .product-category:before{content:'';width:60px;left:-60px;top:0;height:100%;background:#343944;position:absolute;} .p-page .p-details h1 {margin-bottom:25px;font-weight:400;font-size:27px;} .p-page .p-details .product-price {margin-bottom:30px;font-weight:700;font-size:58px;position:relative;display:inline-block;background:#fff;padding:10px 40px 10px 0;} .p-page .p-details .product-price:before{width:60px;background:#fff;height:100%;content:'';left:-60px;top:0;position:absolute;} .p-page .p-details .product-price .price {} .p-page .p-details .product-price .price span {margin-left:20px;font-weight:400;font-size:21px;} .p-page .product-buy {display:flex;align-items:center;position:absolute;height:94px;bottom:0;left:0;width:100%;} .p-page .product-buy .qty-wrap {justify-content:center;display:flex;flex:0 0 50%;text-align:center;} .p-page .product-buy .btn-wrap {flex:0 0 50%;} .p-page .product-buy .btn-wrap .btn {border:0;border-radius:0;font-size:18px;width:100%;height:94px;line-height:94px;} .p-page .product-buy .btn-wrap .btn:before{font-size:18px;} .p-page .variants {margin-bottom:35px;} .p-page .variants .option {margin-bottom:20px;} .p-page .variants label {display:block;margin-bottom:5px;} .p-page .variants select {width:80%} .p-related .p-related--title {font-weight:700;margin-bottom:30px;font-size:32px;} .p-page--bottom {background:#FBFBFB} .p-page--bottom .tabs-group .tabs-links {font-size:17px;width:100%;display:flex;color:#fff;height:54px;line-height:54px;background:#343944} .p-page--bottom .tabs-group .tabs-links span {cursor:pointer;transition:all 0.3s;text-align:center;position:relative;text-transform:uppercase;font-weight:700;display:block;flex:1;} .p-page--bottom .tabs-group .tabs-links span.is-selected {background:#387B48} .p-page--bottom .tabs-group .tabs-links span.is-selected:after{content:none} .p-page--bottom .tabs-group .tabs-links span:after{transition:all 0.3s;height:30px;width:1px;background:#5D6169;content:'';position:absolute;right:0;top:50%;margin-top:-15px;} .p-page--bottom .tabs-group .tabs-content {padding:50px;} .p-page--bottom .tabs-group .tabs-content .editor {font-size:18px;line-height:normal;} /* box-instagram */ .box-instagram {padding-top:70px;} .box-instagram .instagram-slider .swiper-slide {width:360px;} .box-instagram .instagram-slider .item {width:360px;background-repeat:no-repeat;background-position:center center;background-size:cover;position: relative;display: block;width: 100%;padding: 0;overflow: hidden} .box-instagram .instagram-slider .item::before{transition:all 0.2s;position:relative;z-index:2;display: block;opacity:0;content: '';padding-top: 100%;background:rgba(0,0,0,0.4);} .box-instagram .instagram-slider .item::after{transition:all 0.4s;font-family:'icons';opacity:0;font-size:46px;top:50%;left:50%;margin:-23px 0 0 -23px;color:#fff;text-decoration:none;content:'\F16D';position:absolute;z-index:9;} .box-instagram .instagram-slider .item:hover:before, .box-instagram .instagram-slider .item:hover:after{opacity:1;} .box-instagram .instagram-slider .swiper-buttons {display:none;} .swiper-buttons--lined .prev, .swiper-buttons--lined .next {position:relative;background:#232323;} .swiper-buttons--lined .prev::after, .swiper-buttons--lined .next::after {transition:all 0.3s;position:absolute;content:'';width:200%;top:0;height:100%;background:#232323} .swiper-buttons--lined .prev::after {left:0;margin-left:-200%;} .swiper-buttons--lined .next::after {right:0;margin-right:-200%;} .swiper-buttons--lined .prev:hover, .swiper-buttons--lined .next:hover, .swiper-buttons--lined .prev:hover::after, .swiper-buttons--lined .next:hover::after{background:#387B48} /* box reviews */ .box-reviews {padding:60px 0 100px 0;background:#333844;text-align:center;position:relative;} .box-reviews::after{height:100%;width:12%;content:'';background:#fff;position:absolute;right:0;top:0;} .box-reviews .box-content::before{position:absolute;top:50px;left:3%;font-size:160px;color:#333844;text-shadow:0 0 2px #646b79;font-family:'icons';content:'\e807';} .box-reviews .box-header {margin-bottom:90px;color:#fff;} .box-reviews .box-header .box-header--title {text-transform:none;font-size:60px;} .box-reviews .index-review .swiper-slide {padding:5px;padding-top:50px;} .box-reviews .index-review .item {box-shadow: 0 0 14px rgba(0,0,0,0.04);background:#fff;padding:50px;} .box-reviews .index-review .item .item-avatar {margin-top:-100px;margin-bottom:15px;padding:5px;} .box-reviews .index-review .item .item-avatar .img { box-shadow:3px -3px 1px #387B48;background-repeat:no-repeat;background-position:center center; background-size:cover; //border-radius:100%; margin:0 auto; width:100%; height:450px;} .box-reviews .index-review .item .item-text-sep {margin-bottom:15px;font-size:30px;color:#E5E5E5} .box-reviews .index-review .item .item-text {font-size:18px;} .box-reviews .pad {position:relative;} .box-reviews .swiper-buttons {top:50%;} .box-reviews .swiper-buttons > .next {margin-right:-15px;} .box-reviews .swiper-buttons > .prev {margin-left:-15px;} /* catalog bottom */ .collection-page {background:#fff;} .catalog-bottom {margin-bottom:40px;} .catalog-bottom .box-blog {padding:55px 0 106px 0;margin-bottom:0;border:0;background:#FBFBFB} .catalog-bottom .blog-items .item {background:#fff;} .catalog-bottom .box-categorys .al {padding-top:0;padding-bottom:0} .catalog-bottom .box-categorys .al-right{background:#fff;} /* blog */ .blog--list .item {padding-bottom:25px;margin-bottom:25px;border-bottom:1px dotted #c1c1c1;} .blog--list .item .item-content {padding-left:40px;} .blog--list .item {align-items:center;justify-content:center;margin-bottom:15px;} .blog--list .item h2 {text-transform:none;font-size:40px;margin-bottom:15px;} .blog--list .item .date {color:#777;margin-bottom:25px;} .blog--list .item .tags-list {display:flex;flex-wrap:wrap;padding-top:15px;} .blog--list .item .tags-list .tag {margin-right:15px;} .blog--list-article {margin-bottom:80px;} .article {margin-bottom:50px;} .tags-list {padding-top:20px;display:flex;flex-wrap:wrap;} .tags-list .tag {margin-right:20px;} .index-slide {width:100vw;} /* map */ .page-map-page [class*="ymaps-2"][class*="-ground-pane"] {filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(100%);} .page-map-page .ymaps-2-1-78-balloon__close-button {height:30px;transition:all 0.3s;background:url(close.svg) no-repeat center center;opacity:1;} .page-map-page .ymaps-2-1-78-balloon__close-button:hover{opacity:0.8;} .page-map-page .ymaps-2-1-78-balloon {box-shadow:0 2px 4px rgba(0,0,0,0.2);border:1px solid #A4ABB4;border-radius:5px;} .page-map-page .ymaps-2-1-78-balloon__content {padding:10px 20px;line-height:16px;font-size:12px;color:#353944;} .page-map-page #map {height:600px;margin-bottom:80px;} .page-map-page .map-header {margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;} .page-map-page .map-header .map-header_title {text-transform:uppercase;font-size:30px;color:#353944;} .page-map-page .map-header .map-header_buttons {display:flex;justify-content:flex-end;} .page-map-page .map-header .map-header_buttons .btn {margin-left:10px;min-width:140px;background:#353944;} .page-map-page .map-header .map-header_buttons .btn:hover{background:#000;} .page-map-page .map-header .map-header_buttons .btn.is-active{background:#387B48;} .page-map-page .map-footer {text-align:center;} .page-map-page .map-footer .map-footer--link {height:120px;font-size:30px;line-height:120px;width:100%;max-width:1000px;background-image:url(map-link-bg.png);background-position:center center;background-repeat:no-repeat;} .page-map-page .map-footer .map-footer--link:hover{background-image:none;} .page-dealer--map {position:relative;max-width:784px;} .page-dealer--map .dealers-img {position:relative;z-index:1;} .page-dealer--map .dealers {display:flex;align-items:center;z-index:2;position:absolute;right:25px;top:47%;} .page-dealer--map .dealers .dealers-count {margin-right:5px;font-size:116px;font-weight:700;color:#65A864;} .page-dealer--map .dealers .dealers-desc {text-transform:uppercase;padding:3px 0 6px 0;border:2px solid #417B46;border-left:0;border-right:0;} .page-dealer--map .dealers .dealers-desc-title {font-size:44px;color:#4E7A4C;font-weight:700;} .page-dealer--map .dealers .dealers-desc-subtitle {font-size:18px;font-weight:400;color:#353944;} .mb {line-height:18px;} .mb a {color:#417B46;} .mb .mb-name {font-weight:700;color:#417B46;margin-bottom:4px;} .mb .mb-email {display:flex;align-items:center;} .mb .mb-email:before{margin-right:4px;color:#73BC6E;font-size:16px;} .mb .mb-email a, .mb .mb-phone a {color:#353944;text-decoration:none;} .mb .mb-email a:hover, .mb .mb-phone a:hover {color:#417B46;text-decoration:underline;} /* Responsive */ @media (max-width:1820px){ .header .header-right {padding:0 0 0 50px} .header .header-inner {height:100px;} .header .header-left {flex:0 0 300px;} .header .user-links {flex:0 0 30%;} .js-fixed-header .header .header-inner {height:80px;} .index-slider {margin-bottom:0;} .index-slider .swiper-buttons {bottom:32%;} .pad {padding:0} .cart-items .cart-items--list .item .item-category {flex:0 0 22%;font-size:18px;} .cart-items .cart-items--list .item .item-qty {flex:1;} .cart-items .cart-items--list .item .item-total {flex:0 0 20%;} .p-page--bottom .tabs-group .tabs-content {padding:20px;} .box .box-content--inner {padding:0} .box-categorys .desc .desc-content {font-size:16px;line-height:20px;} .box-categorys .desc-img {height:470px;} .products-grid .item .item-specs { height:60px; font-size:14px;} .products-grid .item { // height:470px; } .products-grid .item .item-price {font-size:18px;} .products-grid .item .item-title {font-size:18px;} .products-grid .item .item-title--main {font-size:16px;} .footer .footer-top {padding-top:35px;padding-bottom:25px;} .pager .pager-item {width:44px;height:44px;line-height:44px;font-size:20px;} .box-works .box-header .box-header--title {font-size:50px;} .index-slider .item-title span {font-size:100px;} .index-slider .item-desc, .header .user-links .user-links--link:before {font-size:20px;} .header .nav-link {font-size:20px;} .page-title-outer {height:auto;min-height:320px;padding-top:100px;} .page-title-outer .pl-inner:before {left:314px;} .page-title-outer .pl-inner:after{right:100px} .page-title-outer .page-title h1, .page-title-outer .page-title .h1 {font-size:80px;} .page-title-outer .page-title span, .page-title-outer .page-title .h1 {font-size:80px;} .page-title-outer .pl:before{top:100px;} .catalog-filter .catalog-prices {border:0;} .catalog-filter .search-wrap {justify-content:center;display:flex;border:0;padding-left:0;padding-top:25px; // border-top:1px solid #E5E5E5; width:100%;flex:0 0 100%;} .catalog-filter .search-wrap .input {flex:1;border-top:0;} .search-page .catalog-filter .search-wrap{border:0;padding-top:0} } @media (max-width:1420px){ .header .nav-link {font-size:20px;} .header .header-inner {height:80px;} .index-slider {height:auto} .box-works {padding-top:0;} .box-works .box-header .box-header--title {margin-bottom:35px;} .footer .footer-top .contacts {display:block;} .footer .footer-top .contacts {flex:0 0 20%;} .footer .footer-bottom {text-align:center;} .page-title-outer .pl:before{top:80px;} .page-title-outer .page-title h1, .page-title-outer .page-title .h1 {font-size:60px;} .page-title-outer .page-title span, .page-title-outer .page-title .h1 {font-size:60px;} .page-title-outer {min-height:260px;} .index-slider:after, .index-slider:before{content:none} .benefits-list .swiper-buttons {top:60%} .benefits-list .swiper-buttons .prev {margin-left:0;} .benefits-list .swiper-buttons .next {margin-right:0;} .box-benefits {padding-top:0;margin-bottom:90px;} } @media (max-width:1260px){ .header {background:#323743 !important;} .header .user-links {flex:0 0 50%;} .index-slider .item-title {font-size:22px;} .index-slider .item-title span {font-size:70px;} .index-slider .item-desc {font-size:16px;} .index-slider .swiper-slide {height:55vh;min-height:600px;} body{font-size:16px;} .breadcrumbs {font-size:16px;padding-bottom:15px;margin-bottom:15px;} .cart-items .cart-items--list {display:flex;flex-wrap:wrap;margin:0 -15px;margin-left:0;margin-right:0;justify-content:space-between;margin-bottom:30px;} .cart-items .cart-items--list .item {text-align:center;display:block;flex:0 0 49%;} .cart-items .cart-items--list .item > * {height:auto;width:100%;} .cart-items .cart-items--list .item .qty {margin:0 auto;} .cart-items .cart-items--list .item .item-del {position:relative;left:auto;top;auto;bottom:auto;right:auto;margin:0;width:auto;height:auto;line-height:auto;display:block;} .cart-items .cart-bottom {display:block;} .cart-items .cart-items--list .item .item-total{border-left:0} .cart-items .cart-items--list .item .item-title {border:0;} .cart-items .cart-bottom .cart-bottom--summary {display:block;} .cart-items .cart-bottom .cart-summary {text-align:center;justify-content:center;} .cart-items .cart-bottom .cart-actions {justify-content:center;} .p-page .p-details .product-category {margin:0;font-size:22px;} .p-page .p-details {padding-left:20px;} .p-page .p-details .product-category {margin-bottom:8px;} .p-page .p-details .product-category:before {left:-20px;width:20px;} .p-page .p-details h1 {font-size:24px;} .p-page .p-details .product-price {font-size:40px;} .p-page .p-details .product-price:before {width:20px;left:-20px;} .p-page .p-details .product-price .price span {margin-left:8px;} .p-page .p-details .product-price {margin-bottom:15px;} .index-slider .item-img-wrap {height:90vh} .box .box-header .box-header--title {font-size:30px;margin-bottom:0px;} .box-categorys .al {padding:40px 0;} .box-categorys .box-content--description {margin-bottom:35px;} .footer .footer-top {display:block;} .footer .footer-top .logo {margin-bottom:25px;} .footer .footer-top .contacts, .footer .footer-top .address {border:0} .footer .footer-top .social {padding-top:25px;justify-content:flex-start} .box-blog .box-header .box-header--title {margin-bottom:25px;} .blog-items .item {margin-bottom:30px;} .box-blog {padding:20px;} .box-categorys .al-right .items-col {order:2;} .box-categorys .al-right .desc-col {order:1;} .box-reviews::after {display:none;} .page-map-page #map {margin-bottom:45px;} .page-map-page .map-header {flex-direction:column;align-items:center;justify-content:center;} .page-map-page .map-header .map-header_buttons {padding-top:20px;} .page-map-page .map-header .map-header_buttons .btn {margin:0 5px;} .page-map-page .map-footer {padding:0 20px;} } @media (max-width:992px){ .header .user-links {justify-content:flex-end;} .header .header-left {flex:0 0 200px;padding-right:25px;} .header .nav-link {white-space:nowrap;} .header .user-links {flex:0 0 80%} .index-slider {min-height:auto;} .index-slider .item-img-wrap {height:300px;} .index-slider .item-title span {font-size:40px;} .index-slider .item-desc {font-size:14px;} .index-slider .item-action .btn {height:32px;line-height:32px;width:auto;} .index-slider .item-action {padding-top:15px;} .cart-items .cart-bottom .cart-actions {display:flex;justify-content:center;flex-direction:column} .cart-counpon {margin-bottom:25px;} .cart-items .cart-bottom .cart-actions .cart-submit {margin:0} .cart-items .cart-bottom .cart-counpon--form {justify-content:center;} .cart-items .cart-bottom .cart-actions .cart-submit {text-align:center;} .p-page .gallery-thumbs {margin-bottom:40px;} .p-page .product-buy {display:block;position:relative;} .p-page--bottom .tabs-group .tabs-links {flex-wrap:wrap;} .p-page--bottom .tabs-group .tabs-links span {min-width:50%;} .p-page--bottom .tabs-group .tabs-links {height:auto;} .page-title-outer .pl {display:none;} .page-title-outer {padding-top:80px;} .page-title-outer .page-title h1, .page-title-outer .page-title .h1 {font-size:40px;margin-bottom:10px;} .page-title-outer .page-title span, .page-title-outer .page-title .h1 {font-size:40px;margin-bottom:10px;} .catalog-filters {display:block;} .filter .filter-group {height:auto;} .filter .filter-group > .filter-group-title {padding:14px 0;border-bottom:1px solid #f5f5f5;} .filter .filter-group.open > .c {padding:15px;} .filter .filter-group .items li .item-value {padding:10px} .catalog-filters--label:after {transform:rotate(90deg)} .catalog-filters--label {padding:0;} .catalog-filters--label:after{display:none;} .catalog-filters .filter-item {margin-bottom:20px;} .catalog-filters--label {font-size:14px;} .layout {padding-top:80px;} .cart-items .cart-items--list .item {border-bottom:4px solid #FBFBFB;flex:0 0 100%} } @media (max-width:767px){ h1,.h1,.p-page .p-page--header .p-page--title h1 {font-size:26px} h2,.h2{font-size:22px} h3,.h3{font-size:18px} h4,.h4,h5,.h5,h6,.h6{font-size:16px} .popup.lg{width:auto;margin:0 10px;left:0;right:0} .header .header-left {flex:0 0 160px;padding-right:25px;} .index-slider {background-size:cover} .breadcrumbs {font-size:14px;} .cart-items {padding:20px 0} .cart-items .cart-items--list, .cart-items .cart-items--list .item {margin:0} .cart-items .cart-items--list {margin-bottom:35px;} .cart-items .cart-items--list .item .item-total {border:0} .cart-items .cart-bottom .cart-bottom--summary {padding-top:25px;} .cart-items .cart-bottom .cart-counpon--form {display:block;} .cart-items .cart-bottom .cart-counpon--form label {display:block;margin-bottom:15px;} .cart-items .cart-bottom .cart-counpon--form .input {width:50%;margin:0 0 20px 0;width:100%;} .cart-items .cart-bottom .cart-counpon--form .btn {width:50%;margin:0;width:100%;} .cart-items .cart-bottom .cart-actions .btn {width:100%;height:56px;line-height:56px;} .cart-items .cart-bottom .cart-summary {display:block;} .cart-items .cart-bottom .cart-summary .cart-summary--value {margin-left:0} .box-works .works-list {flex-wrap:wrap;} .box-works .works-list .group-a {flex:0 0 100%;margin-bottom:20px;} .box-works .works-list .group-b, .box-works .works-list .group-c {flex:0 0 50%;} .page-title-outer {min-height:auto;padding:100px 0 20px 0} .js-fixed-header .header .header-inner {height:60px;} .header .nav-link {float:left;margin:3px 10px 0 0} .header .header-right {flex:1;padding-left:20px;} .header .header-inner {justify-content:space-between;} .page-title-outer .page-title h1, .page-title-outer .page-title .h1 {font-size:30px;} .page-title-outer .page-title span, .page-title-outer .page-title .h1 {font-size:30px;} .products-grid .item .item-specs, .products-grid .item {height:auto;} .products-grid .item .item-specs .item-specs--row .item-specs--item-value {font-size:14px;} .box-reviews {padding-bottom:40px;} .box-reviews .box-header {margin-bottom:30px;} .box-reviews .index-review .item .item-text {font-size:14px;} .box-instagram .instagram-slider {position:relative;} .box-instagram .instagram-slider .swiper-buttons {display:block;} .index-slider {position:relative;margin-bottom:40px;} .index-slider .swiper-slide {min-height:auto;height:auto;background-size:contain;padding:60px 40px;} .index-slider .swiper-buttons {width:100%;left:0;right:0;top:50%;margin-top:-10px;bottom:auto;} .index-slider .swiper-buttons > div {background:#387B48;width:30px;border-radius:3px;height:40px;} .index-slider .swiper-buttons > div:hover{background:#333;} .box-categorys .desc-img {height:380px;} .header .user-links .phone {display:none;} .header .user-links .user-links--link {margin-left:15px;} .header .nav-wrap {position:unset;} .header .nav-wrap .nav-menu {top:60px;margin:0;left:0;right:0;width:auto;margin:0 10px;} .benefits-list .swiper-slide.swiper-slide-active .item .item-num--wrap {justify-content:center;} .benefits-list .swiper-slide.swiper-slide-active .item .item-num--value {} .benefits-list .item .item-title {font-size:24px;} .benefits-list .box-header {display:block;text-align:center;} .benefits-list .box-header .box-header--title {margin-bottom:20px;} .benefits-list .box-header .box-header--desc {padding-left:0;} .feedback-page .content-col {margin-bottom:25px;} .dealer-page {padding:0;} .dealer-page .form-col {padding-top:40px;} } @media (max-width:575px){ .popup.md,.popup.sm,.popup{width:auto;margin:0 10px;left:0;right:0} .editor {font-size:14px;line-height:18px;} .header .user-links .phone {display:none;} .header .nav-link {font-size:17px;} .js-show-menu .header .nav-wrap .nav-menu {font-size:16px;} .cart-items .cart-bottom .cart-summary .cart-summary--value {font-size:30px;} .p-page--bottom .tabs-group .tabs-links {font-size:15px;} .swiper-buttons > .prev {margin-left:0} .swiper-buttons > .next {margin-right:0} .footer .footer-top .logo {text-align:center;} .blog-items .item {display:block;} .blog-items .item .item-img-wrap {width:100%;} .blog-items .item .item-img-wrap .item-img {height:400px;} .blog-items .item .item-details {padding-bottom:0;} .blog-items .item .item-details .btn {position:relative;width:100%;} .blog-items .item .item-btns {padding-top:30px;} .catalog-bottom .box-blog {padding-top:20px;padding-bottom:20px;} .catalog-bottom .box-categorys .al-right .desc .desc-title span {margin-left:0;padding-left:0;padding:8px 20px;} .catalog-bottom .box-categorys .al-right .desc .desc-title {margin-bottom:0;padding-left:0;} .catalog-bottom .box-categorys .al-right .desc .desc-content {padding:20px;} .catalog-bottom .box-categorys .desc .desc-title {font-size:24px;} .catalog-bottom .box-categorys .al-right .desc .desc-title span:before {display:none;} .catalog-bottom .box-categorys .al-right, .catalog-bottom{margin-bottom:0} .catalog-bottom .blog-items .item .item-details {padding-right:20px;} .box-instagram {padding-top:35px;} .header .user-links {margin-left:15px;} .index-slider {padding:80px 0 0 0;margin-bottom:25px;} .index-slider .index-slider-carousel {float:none;width:100%;text-align:center;} .js-fixed-header .index-slider {padding-bottom:60px;} .index-slider .swiper-slide .container {display:block;} .box .box-header .box-header--title, .box-categorys .desc .desc-title {text-align:center;} .box-categorys .al-right .desc .desc-content {padding-left:0;} .box-categorys .desc-img {height:280px;} .header .user-links {padding-left:0;} .benefits-list .item .item-desc-wrap {padding:20px 30px 30px 30px} .benefits-list .item .item-text {font-size:14px;} .benefits-list .swiper-buttons {top:30%;} .layout {padding-top:40px;} .form .form-title {font-size:24px;} .cart-items .cart-items--list .item > * {padding:4px 10px} .index-slider .swiper-slide {background-size:cover;display:block;text-align:center;} .index-slider .item-img-wrap {display:none;} } @media (max-width:480px){ .page-map-page .map-header .map-header_title {text-align:center;font-size:18px;} .page-map-page .map-header .map-header_buttons {display:block;} .page-map-page .map-header .map-header_buttons .btn {width:100%;margin:0 0 6px 0;} .index-slider {min-height:380px;} .header .header-right {padding-left:15px;} .header .user-links {flex:auto;padding-left:0;margin-left:0;} .header .header-inner {height:60px;} .header .nav-link {font-size:0;margin-right:0;} .header .nav-link:before{font-size:17px;margin-right:0;} .header .user-links .user-links--link.i-user {padding-right:0;} .page-map-page .map-footer .map-footer--link {font-size:15px;height:60px;line-height:60px;background-image:none;} } @media (max-width:360px){ .header .header-top .logo img {max-width:80%;} } /* animation */ @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}} .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} .cat_img{width:100%} .item { padding:10px 20px; } @media (max-width:640px){ .item { padding: 5px 0; display: block; } } /* SYNAPSE style ============================ ============================*/ .container.carousel-gallery{ max-width: 1500px; } .carousel-gallery .box-header--title{ margin-bottom: 0 !important; } .carousel-gallery-category{ margin-top: 2.5rem; } .box-gal-cat{ position: relative; width: 100%; height: 180px; /*border-radius: 4px;*/ overflow: hidden; } @media (max-width: 850px){ .box-gal-cat{ margin: 15px 0; } } .box-gal-cat img{ width: 100%; height: 100%; object-fit: cover; transition: .4s; } .box-gal-cat:hover img{ transform: scale(1.1); transition: .4s; } .box-gal-cat a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: fit-content; } /* SWIPER CAROUSEL GALLERY */ .slick-list { margin: 0 -15px!important; } .slick-slide > div { padding: 0 15px; } .carousel-gallery-swiper{ margin-top: 1rem; } .gallery-carousel-wrapper{ position: relative; } .gallery-carousel-wrapper .swiper-buttons{ top: calc(50% - 16px); /*margin-top: calc(100% - 16px);*/ } .gallery-carousel-wrapper .swiper-buttons > .prev{ margin-left: -64px; } .gallery-carousel-wrapper .swiper-buttons > .next{ margin-right: -64px; } @media (max-width: 1500px){ .gallery-carousel-wrapper .swiper-buttons > .prev{ margin-left: -15px; } .gallery-carousel-wrapper .swiper-buttons > .next{ margin-right: -15px; } } .gallery-carousel{ margin-top: 30px; } .swiper.gallery-carousel{ overflow: hidden; } .box-gallery{ position: relative; height: 376px; overflow: hidden; display: block; } @media (max-width: 579px){ .box-gallery{ height: 158px; object-fit: cover; } } .box-gallery img{ width: 100%; height: 100%; object-fit: cover; transition: .4s; } .box-gallery:hover img{ transform: scale(1.05); transition: .4s; } .box-gallery::after{ position: absolute; content: ''; width: 41px; height: 41px; background-image: url(gal-zoom.svg); background-size: cover; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; visibility: hidden; transition: .4s; } .box-gallery:hover::after{ opacity: 1; visibility: visible; transition: .4s; } .box-gallery .labels{ position: absolute; top: 1rem; left: 1rem; display: flex; align-items: center; column-gap: .5rem; } .box-gallery label{ position: relative; font-size: 11px; font-weight: 700; padding: .15rem .25rem; background-color: #417B46; color: white; text-transform: uppercase; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; line-height: 1; z-index: 1; } .box-gallery label::before{ position: absolute; content: ''; left: 0; bottom: -6px; border: 6px solid transparent; border-left: 6px solid #417B46; border-top: 6px solid #417B46; z-index: -1; } .tabs-gallery{ margin-top: 3rem; margin-bottom: 3rem; } .tabs-gallery .nav-tabs{ border-bottom: 0; } .tabs-gallery .nav-tabs .nav-link, .tabs-gallery .nav-tabs .nav-link:hover, .tabs-gallery .nav-tabs .nav-link:focus{ border: 0; } .tabs-gallery .nav-tabs .nav-link.active{ border: 0; } .tabs-gallery .tab-content{ margin-top: 2rem; margin-bottom: 2rem; } .tabs-gallery .tab-content .tab-grid{ /*border: 1px solid red;*/ display: grid; grid-template-columns: repeat(4, 1fr); /*grid-row-gap: 1rem;*/ grid-row-gap: 1rem; grid-column-gap: 1rem; } @media (max-width: 1200px){ .tab-grid{ grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 579px){ .tab-grid{ grid-template-columns: repeat(2, 1fr) !important; } } .tabs-gallery .tab-content .row{ /*column-gap: 1rem;*/ grid-row-gap: 1rem; } .tabs-gallery ul{ display: flex; flex-wrap: wrap; justify-content: center; column-gap: 2rem; } .tabs-gallery ul li a.nav-link{ color: #417B46 !important; text-transform: capitalize; border-bottom: 1px solid #417B46 !important; border-radius: 0; padding: 0; } .tabs-gallery ul li a.nav-link.active{ border-color: transparent !important; background-color: transparent; } .box-tabimg{ position: relative; } .fancybox-navigation .fancybox-button--arrow_right{ padding: 37px 6px 31px 0px !important } .fancybox-navigation .fancybox-button--arrow_left{ /*padding: 37px 26px 31px 6px !important;*/ padding: 37px 0 31px 6px !important; } .fancybox-button span{ position: relative; width: 68px; height: 32px; color: #fff; background: #377947; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: all 0.3s; transition: .4s; } .fancybox-button span:hover{ background-color: #343944; transition: .4s; } .fancybox-button.myright span::after{ margin: 0; font-size: 28px; font-family: 'icons'; content: '\F105'; } .fancybox-button.myleft span::after{ margin: 0; font-size: 28px; font-family: 'icons'; content: '\F104'; }